/*
 * Profit Plan 365 / Mobile Income Pro — checkout branding + styled
 * "Done For You + Preferred Status" order bump (new funnel).
 * URL: https://profitplan365.com/checkout-bump-dfy.css
 *
 * IMPORTANT: Explodely's "CSS URL" field REPLACES its own checkout stylesheet
 * (explodely.com/order/css/explodely.css). This file therefore starts with a
 * full copy of that base stylesheet (v102, with its one root-relative image
 * made absolute), followed by our overrides. Never trim it to overrides only,
 * or the checkout loses its layout. Self-contained: nothing else must load.
 */
.selected-dial-code {
   _border-right: 1px solid #ccc;
   border-right: 1px solid #f1f1f1;
}
        .country_hide {
            display: none;
        }

        .sub_msg .thanks_popup_error_message {
            color: red;
        }

        .pay_now {
            width: 100%;
            font-family: Arial, Helvetica, sans-serif;
            color: #fff;
            font-size: 19px;
            font-weight: bold;
            text-transform: uppercase;
            background: #fc8816;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4f0fd', endColorstr='#0993bd',
                GradientType=0);
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -o-border-radius: 5px;
            border: #fc8816;
            height: 45px;
        }
        .product-price{
            float:right;
            font-size: 20px;
            margin-top: -3px;
        }
        .addonservicetext {
            font-weight: 400 !important;
            width: calc(100% - 37px);
            display: inline-block;
            line-height: 1.4;
        }
        .addonservicediv .addonservicetext{
            width: initial;
        }
        .addonserviceblock strong{
            display: inline-block;
            width: 100%;
        }
        .product-col .css-checkbox{
            width: fit-content;
            height: unset;
            position: relative;
            margin-bottom: 0;
            float: left;
            margin-top: 5px;
            margin-right: 6px;
        }
        .wraperOrderDetails .product-col .css-checkbox{
            width: 16px;
            max-height: 16px;
        }
        .discount_value{
            padding-right: 0 !important;
            text-align: right;
        }
        .visible-xs{
            display: none !important;
        }
        .hidden-xs{
            display: block !important;
        }
        .material.red{
            border-color: red !important;
        }
        .material.red{
            border-color: red !important;
        }
        #card-info .modal_flex .modal_btn{
            text-align: right;
        }

        @media (max-width: 767px){
            .visible-xs{
                display: block !important;
            }
            .hidden-xs{
                display: none !important;
            }
            .wrapperBtnPayNow {
                padding: 0px;
                display: inline-block;
                width: 100%;
            }
            .addonserviceblock{
                width: 100%;
            }
        }
        #addonservicefeature input{
            width: 16px;
            max-height: 16px;
        }

        button[disabled="disabled"]{
            opacity: .5;
            cursor: no-drop;
        }
        .loader {
            border: 6px solid #f3f3f3;
            border-radius: 50%;
            border-top: 6px solid #000;
            width: 30px;
            height: 30px;
            margin: auto;
            -webkit-animation: spin 2s linear infinite;
            animation: spin 2s linear infinite;
        }
        /* Safari */
        @-webkit-keyframes spin {
            0% { -webkit-transform: rotate(0deg); }
            100% { -webkit-transform: rotate(360deg); }
        }

        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        .tgBlockText td:nth-child(2){
            color: #7a7a7a !important;
            font-weight: bold;
            text-transform: uppercase;
            font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
            font-size: 1.4rem !important;
        }
        .tgBlockImg img{
            width: 150px;
            margin-right: 0px;
        }
        input[name="cardid"].inputerror{
            border: 0 !important;
        }
        .material.error{
            position: relative;
            margin-bottom: calc(20px + 3rem) !important;
        }
        .material.error p{
            display: block;
        }
        .material.error{
            border-color:red !important
        }
        .material p{
            position: absolute;
            bottom:-3rem;
            margin:0;
            display: none;
        }
        
        .intl-tel-input {
            position: relative;
            display: inline-block;
        }

        .intl-tel-input * {
            box-sizing: border-box;
            -moz-box-sizing: border-box;
        }

        .intl-tel-input .hide {
            display: none;
        }

        .intl-tel-input .v-hide {
            visibility: hidden;
        }

        .intl-tel-input input,
        .intl-tel-input input[type=text],
        .intl-tel-input input[type=tel] {
            position: relative;
            z-index: 0;
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            padding-right: 36px;
            margin-right: 0;
        }

        .intl-tel-input .flag-container {
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            padding: 1px;
        }

        .intl-tel-input .selected-flag {
            z-index: 1;
            position: relative;
            width: 36px;
            height: 100%;
            padding: 0 0 0 8px;
        }

        .intl-tel-input .selected-flag .iti-flag {
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto;
        }

        .intl-tel-input .selected-flag .iti-arrow {
            position: absolute;
            top: 50%;
            margin-top: -2px;
            right: 6px;
            width: 0;
            height: 0;
            border-left: 3px solid transparent;
            border-right: 3px solid transparent;
            border-top: 4px solid #555;
        }

        .intl-tel-input .selected-flag .iti-arrow.up {
            border-top: none;
            border-bottom: 4px solid #555;
        }

        .intl-tel-input .country-list {
            position: absolute;
            z-index: 2;
            list-style: none;
            text-align: left;
            padding: 0;
            margin: 0 0 0 -1px;
            box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
            background-color: white;
            border: 1px solid #CCC;
            white-space: nowrap;
            max-height: 200px;
            overflow-y: scroll;
        }

        .intl-tel-input .country-list.dropup {
            bottom: 100%;
            margin-bottom: -1px;
        }

        .intl-tel-input .country-list .flag-box {
            display: inline-block;
            width: 20px;
        }

        @media (max-width: 500px) {
            .intl-tel-input .country-list {
                white-space: normal;
            }
        }

        .intl-tel-input .country-list .divider {
            padding-bottom: 5px;
            margin-bottom: 5px;
            border-bottom: 1px solid #CCC;
        }

        .intl-tel-input .country-list .country {
            padding: 5px 10px;
        }

        .intl-tel-input .country-list .country .dial-code {
            color: #999;
        }

        .intl-tel-input .country-list .country.highlight {
            background-color: rgba(0, 0, 0, 0.05);
        }

        .intl-tel-input .country-list .flag-box,
        .intl-tel-input .country-list .country-name,
        .intl-tel-input .country-list .dial-code {
            vertical-align: middle;
        }

        .intl-tel-input .country-list .flag-box,
        .intl-tel-input .country-list .country-name {
            margin-right: 6px;
        }

        .intl-tel-input.allow-dropdown input,
        .intl-tel-input.allow-dropdown input[type=text],
        .intl-tel-input.allow-dropdown input[type=tel],
        .intl-tel-input.separate-dial-code input,
        .intl-tel-input.separate-dial-code input[type=text],
        .intl-tel-input.separate-dial-code input[type=tel] {
            padding-right: 6px;
            padding-left: 52px;
            margin-left: 0;
        }

        .intl-tel-input.allow-dropdown .flag-container,
        .intl-tel-input.separate-dial-code .flag-container {
            right: auto;
            left: 0;
        }

        .intl-tel-input.allow-dropdown .selected-flag,
        .intl-tel-input.separate-dial-code .selected-flag {
            width: 46px;
        }

        .intl-tel-input.allow-dropdown .flag-container:hover {
            cursor: pointer;
        }

        .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
            _background-color: rgba(0, 0, 0, 0.05);
            background-color: #f1f1f1;
        }

        .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover,
        .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
            cursor: default;
        }

        .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag,
        .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
            background-color: transparent;
        }

        .intl-tel-input.separate-dial-code .selected-flag {
            _background-color: rgba(0, 0, 0, 0.05);
            background-color: #f1f1f1;
            display: table;
        }

        .intl-tel-input.separate-dial-code .selected-dial-code {
            display: table-cell;
            vertical-align: middle;
            padding-left: 28px;
        }

        .intl-tel-input.separate-dial-code.iti-sdc-2 input,
        .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text],
        .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] {
            padding-left: 66px;
        }

        .intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
            width: 60px;
        }

        .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input,
        .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text],
        .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
            padding-left: 76px;
        }

        .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
            width: 70px;
        }

        .intl-tel-input.separate-dial-code.iti-sdc-3 input,
        .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text],
        .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] {
            padding-left: 74px;
        }

        .intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
            width: 68px;
        }

        .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,
        .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text],
        .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
            padding-left: 84px;
        }

        .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
            width: 78px;
        }

        .intl-tel-input.separate-dial-code.iti-sdc-4 input,
        .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text],
        .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] {
            padding-left: 82px;
        }

        .intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
            width: 76px;
        }

        .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input,
        .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text],
        .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
            padding-left: 92px;
        }

        .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
            width: 86px;
        }

        .intl-tel-input.separate-dial-code.iti-sdc-5 input,
        .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text],
        .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] {
            padding-left: 90px;
        }

        .intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
            width: 84px;
        }

        .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input,
        .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text],
        .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
            padding-left: 100px;
        }

        .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
            width: 94px;
        }

        .intl-tel-input.iti-container {
            position: absolute;
            top: -1000px;
            left: -1000px;
            z-index: 1060;
            padding: 1px;
        }

        .intl-tel-input.iti-container:hover {
            cursor: pointer;
        }

        .iti-mobile .intl-tel-input.iti-container {
            top: 30px;
            bottom: 30px;
            left: 30px;
            right: 30px;
            position: fixed;
        }

        .iti-mobile .intl-tel-input .country-list {
            max-height: 100%;
            width: 100%;
        }

        .iti-mobile .intl-tel-input .country-list .country {
            padding: 10px 10px;
            line-height: 1.5em;
        }

        .iti-flag {
            width: 20px;
        }

        .iti-flag.be {
            width: 18px;
        }

        .iti-flag.ch {
            width: 15px;
        }

        .iti-flag.mc {
            width: 19px;
        }

        .iti-flag.ne {
            width: 18px;
        }

        .iti-flag.np {
            width: 13px;
        }

        .iti-flag.va {
            width: 15px;
        }

        @media only screen and (-webkit-min-device-pixel-ratio: 2),
        only screen and (min--moz-device-pixel-ratio: 2),
        only screen and (-o-min-device-pixel-ratio: 2 / 1),
        only screen and (min-device-pixel-ratio: 2),
        only screen and (min-resolution: 192dpi),
        only screen and (min-resolution: 2dppx) {
            .iti-flag {
                background-size: 5630px 15px;
            }
        }

        .iti-flag.ac {
            height: 10px;
            background-position: 0px 0px;
        }

        .iti-flag.ad {
            height: 14px;
            background-position: -22px 0px;
        }

        .iti-flag.ae {
            height: 10px;
            background-position: -44px 0px;
        }

        .iti-flag.af {
            height: 14px;
            background-position: -66px 0px;
        }

        .iti-flag.ag {
            height: 14px;
            background-position: -88px 0px;
        }

        .iti-flag.ai {
            height: 10px;
            background-position: -110px 0px;
        }

        .iti-flag.al {
            height: 15px;
            background-position: -132px 0px;
        }

        .iti-flag.am {
            height: 10px;
            background-position: -154px 0px;
        }

        .iti-flag.ao {
            height: 14px;
            background-position: -176px 0px;
        }

        .iti-flag.aq {
            height: 14px;
            background-position: -198px 0px;
        }

        .iti-flag.ar {
            height: 13px;
            background-position: -220px 0px;
        }

        .iti-flag.as {
            height: 10px;
            background-position: -242px 0px;
        }

        .iti-flag.at {
            height: 14px;
            background-position: -264px 0px;
        }

        .iti-flag.au {
            height: 10px;
            background-position: -286px 0px;
        }

        .iti-flag.aw {
            height: 14px;
            background-position: -308px 0px;
        }

        .iti-flag.ax {
            height: 13px;
            background-position: -330px 0px;
        }

        .iti-flag.az {
            height: 10px;
            background-position: -352px 0px;
        }

        .iti-flag.ba {
            height: 10px;
            background-position: -374px 0px;
        }

        .iti-flag.bb {
            height: 14px;
            background-position: -396px 0px;
        }

        .iti-flag.bd {
            height: 12px;
            background-position: -418px 0px;
        }

        .iti-flag.be {
            height: 15px;
            background-position: -440px 0px;
        }

        .iti-flag.bf {
            height: 14px;
            background-position: -460px 0px;
        }

        .iti-flag.bg {
            height: 12px;
            background-position: -482px 0px;
        }

        .iti-flag.bh {
            height: 12px;
            background-position: -504px 0px;
        }

        .iti-flag.bi {
            height: 12px;
            background-position: -526px 0px;
        }

        .iti-flag.bj {
            height: 14px;
            background-position: -548px 0px;
        }

        .iti-flag.bl {
            height: 14px;
            background-position: -570px 0px;
        }

        .iti-flag.bm {
            height: 10px;
            background-position: -592px 0px;
        }

        .iti-flag.bn {
            height: 10px;
            background-position: -614px 0px;
        }

        .iti-flag.bo {
            height: 14px;
            background-position: -636px 0px;
        }

        .iti-flag.bq {
            height: 14px;
            background-position: -658px 0px;
        }

        .iti-flag.br {
            height: 14px;
            background-position: -680px 0px;
        }

        .iti-flag.bs {
            height: 10px;
            background-position: -702px 0px;
        }

        .iti-flag.bt {
            height: 14px;
            background-position: -724px 0px;
        }

        .iti-flag.bv {
            height: 15px;
            background-position: -746px 0px;
        }

        .iti-flag.bw {
            height: 14px;
            background-position: -768px 0px;
        }

        .iti-flag.by {
            height: 10px;
            background-position: -790px 0px;
        }

        .iti-flag.bz {
            height: 14px;
            background-position: -812px 0px;
        }

        .iti-flag.ca {
            height: 10px;
            background-position: -834px 0px;
        }

        .iti-flag.cc {
            height: 10px;
            background-position: -856px 0px;
        }

        .iti-flag.cd {
            height: 15px;
            background-position: -878px 0px;
        }

        .iti-flag.cf {
            height: 14px;
            background-position: -900px 0px;
        }

        .iti-flag.cg {
            height: 14px;
            background-position: -922px 0px;
        }

        .iti-flag.ch {
            height: 15px;
            background-position: -944px 0px;
        }

        .iti-flag.ci {
            height: 14px;
            background-position: -961px 0px;
        }

        .iti-flag.ck {
            height: 10px;
            background-position: -983px 0px;
        }

        .iti-flag.cl {
            height: 14px;
            background-position: -1005px 0px;
        }

        .iti-flag.cm {
            height: 14px;
            background-position: -1027px 0px;
        }

        .iti-flag.cn {
            height: 14px;
            background-position: -1049px 0px;
        }

        .iti-flag.co {
            height: 14px;
            background-position: -1071px 0px;
        }

        .iti-flag.cp {
            height: 14px;
            background-position: -1093px 0px;
        }

        .iti-flag.cr {
            height: 12px;
            background-position: -1115px 0px;
        }

        .iti-flag.cu {
            height: 10px;
            background-position: -1137px 0px;
        }

        .iti-flag.cv {
            height: 12px;
            background-position: -1159px 0px;
        }

        .iti-flag.cw {
            height: 14px;
            background-position: -1181px 0px;
        }

        .iti-flag.cx {
            height: 10px;
            background-position: -1203px 0px;
        }

        .iti-flag.cy {
            height: 13px;
            background-position: -1225px 0px;
        }

        .iti-flag.cz {
            height: 14px;
            background-position: -1247px 0px;
        }

        .iti-flag.de {
            height: 12px;
            background-position: -1269px 0px;
        }

        .iti-flag.dg {
            height: 10px;
            background-position: -1291px 0px;
        }

        .iti-flag.dj {
            height: 14px;
            background-position: -1313px 0px;
        }

        .iti-flag.dk {
            height: 15px;
            background-position: -1335px 0px;
        }

        .iti-flag.dm {
            height: 10px;
            background-position: -1357px 0px;
        }

        .iti-flag.do {
            height: 13px;
            background-position: -1379px 0px;
        }

        .iti-flag.dz {
            height: 14px;
            background-position: -1401px 0px;
        }

        .iti-flag.ea {
            height: 14px;
            background-position: -1423px 0px;
        }

        .iti-flag.ec {
            height: 14px;
            background-position: -1445px 0px;
        }

        .iti-flag.ee {
            height: 13px;
            background-position: -1467px 0px;
        }

        .iti-flag.eg {
            height: 14px;
            background-position: -1489px 0px;
        }

        .iti-flag.eh {
            height: 10px;
            background-position: -1511px 0px;
        }

        .iti-flag.er {
            height: 10px;
            background-position: -1533px 0px;
        }

        .iti-flag.es {
            height: 14px;
            background-position: -1555px 0px;
        }

        .iti-flag.et {
            height: 10px;
            background-position: -1577px 0px;
        }

        .iti-flag.eu {
            height: 14px;
            background-position: -1599px 0px;
        }

        .iti-flag.fi {
            height: 12px;
            background-position: -1621px 0px;
        }

        .iti-flag.fj {
            height: 10px;
            background-position: -1643px 0px;
        }

        .iti-flag.fk {
            height: 10px;
            background-position: -1665px 0px;
        }

        .iti-flag.fm {
            height: 11px;
            background-position: -1687px 0px;
        }

        .iti-flag.fo {
            height: 15px;
            background-position: -1709px 0px;
        }

        .iti-flag.fr {
            height: 14px;
            background-position: -1731px 0px;
        }

        .iti-flag.ga {
            height: 15px;
            background-position: -1753px 0px;
        }

        .iti-flag.gb {
            height: 10px;
            background-position: -1775px 0px;
        }

        .iti-flag.gd {
            height: 12px;
            background-position: -1797px 0px;
        }

        .iti-flag.ge {
            height: 14px;
            background-position: -1819px 0px;
        }

        .iti-flag.gf {
            height: 14px;
            background-position: -1841px 0px;
        }

        .iti-flag.gg {
            height: 14px;
            background-position: -1863px 0px;
        }

        .iti-flag.gh {
            height: 14px;
            background-position: -1885px 0px;
        }

        .iti-flag.gi {
            height: 10px;
            background-position: -1907px 0px;
        }

        .iti-flag.gl {
            height: 14px;
            background-position: -1929px 0px;
        }

        .iti-flag.gm {
            height: 14px;
            background-position: -1951px 0px;
        }

        .iti-flag.gn {
            height: 14px;
            background-position: -1973px 0px;
        }

        .iti-flag.gp {
            height: 14px;
            background-position: -1995px 0px;
        }

        .iti-flag.gq {
            height: 14px;
            background-position: -2017px 0px;
        }

        .iti-flag.gr {
            height: 14px;
            background-position: -2039px 0px;
        }

        .iti-flag.gs {
            height: 10px;
            background-position: -2061px 0px;
        }

        .iti-flag.gt {
            height: 13px;
            background-position: -2083px 0px;
        }

        .iti-flag.gu {
            height: 11px;
            background-position: -2105px 0px;
        }

        .iti-flag.gw {
            height: 10px;
            background-position: -2127px 0px;
        }

        .iti-flag.gy {
            height: 12px;
            background-position: -2149px 0px;
        }

        .iti-flag.hk {
            height: 14px;
            background-position: -2171px 0px;
        }

        .iti-flag.hm {
            height: 10px;
            background-position: -2193px 0px;
        }

        .iti-flag.hn {
            height: 10px;
            background-position: -2215px 0px;
        }

        .iti-flag.hr {
            height: 10px;
            background-position: -2237px 0px;
        }

        .iti-flag.ht {
            height: 12px;
            background-position: -2259px 0px;
        }

        .iti-flag.hu {
            height: 10px;
            background-position: -2281px 0px;
        }

        .iti-flag.ic {
            height: 14px;
            background-position: -2303px 0px;
        }

        .iti-flag.id {
            height: 14px;
            background-position: -2325px 0px;
        }

        .iti-flag.ie {
            height: 10px;
            background-position: -2347px 0px;
        }

        .iti-flag.il {
            height: 15px;
            background-position: -2369px 0px;
        }

        .iti-flag.im {
            height: 10px;
            background-position: -2391px 0px;
        }

        .iti-flag.in {
            height: 14px;
            background-position: -2413px 0px;
        }

        .iti-flag.io {
            height: 10px;
            background-position: -2435px 0px;
        }

        .iti-flag.iq {
            height: 14px;
            background-position: -2457px 0px;
        }

        .iti-flag.ir {
            height: 12px;
            background-position: -2479px 0px;
        }

        .iti-flag.is {
            height: 15px;
            background-position: -2501px 0px;
        }

        .iti-flag.it {
            height: 14px;
            background-position: -2523px 0px;
        }

        .iti-flag.je {
            height: 12px;
            background-position: -2545px 0px;
        }

        .iti-flag.jm {
            height: 10px;
            background-position: -2567px 0px;
        }

        .iti-flag.jo {
            height: 10px;
            background-position: -2589px 0px;
        }

        .iti-flag.jp {
            height: 14px;
            background-position: -2611px 0px;
        }

        .iti-flag.ke {
            height: 14px;
            background-position: -2633px 0px;
        }

        .iti-flag.kg {
            height: 12px;
            background-position: -2655px 0px;
        }

        .iti-flag.kh {
            height: 13px;
            background-position: -2677px 0px;
        }

        .iti-flag.ki {
            height: 10px;
            background-position: -2699px 0px;
        }

        .iti-flag.km {
            height: 12px;
            background-position: -2721px 0px;
        }

        .iti-flag.kn {
            height: 14px;
            background-position: -2743px 0px;
        }

        .iti-flag.kp {
            height: 10px;
            background-position: -2765px 0px;
        }

        .iti-flag.kr {
            height: 14px;
            background-position: -2787px 0px;
        }

        .iti-flag.kw {
            height: 10px;
            background-position: -2809px 0px;
        }

        .iti-flag.ky {
            height: 10px;
            background-position: -2831px 0px;
        }

        .iti-flag.kz {
            height: 10px;
            background-position: -2853px 0px;
        }

        .iti-flag.la {
            height: 14px;
            background-position: -2875px 0px;
        }

        .iti-flag.lb {
            height: 14px;
            background-position: -2897px 0px;
        }

        .iti-flag.lc {
            height: 10px;
            background-position: -2919px 0px;
        }

        .iti-flag.li {
            height: 12px;
            background-position: -2941px 0px;
        }

        .iti-flag.lk {
            height: 10px;
            background-position: -2963px 0px;
        }

        .iti-flag.lr {
            height: 11px;
            background-position: -2985px 0px;
        }

        .iti-flag.ls {
            height: 14px;
            background-position: -3007px 0px;
        }

        .iti-flag.lt {
            height: 12px;
            background-position: -3029px 0px;
        }

        .iti-flag.lu {
            height: 12px;
            background-position: -3051px 0px;
        }

        .iti-flag.lv {
            height: 10px;
            background-position: -3073px 0px;
        }

        .iti-flag.ly {
            height: 10px;
            background-position: -3095px 0px;
        }

        .iti-flag.ma {
            height: 14px;
            background-position: -3117px 0px;
        }

        .iti-flag.mc {
            height: 15px;
            background-position: -3139px 0px;
        }

        .iti-flag.md {
            height: 10px;
            background-position: -3160px 0px;
        }

        .iti-flag.me {
            height: 10px;
            background-position: -3182px 0px;
        }

        .iti-flag.mf {
            height: 14px;
            background-position: -3204px 0px;
        }

        .iti-flag.mg {
            height: 14px;
            background-position: -3226px 0px;
        }

        .iti-flag.mh {
            height: 11px;
            background-position: -3248px 0px;
        }

        .iti-flag.mk {
            height: 10px;
            background-position: -3270px 0px;
        }

        .iti-flag.ml {
            height: 14px;
            background-position: -3292px 0px;
        }

        .iti-flag.mm {
            height: 14px;
            background-position: -3314px 0px;
        }

        .iti-flag.mn {
            height: 10px;
            background-position: -3336px 0px;
        }

        .iti-flag.mo {
            height: 14px;
            background-position: -3358px 0px;
        }

        .iti-flag.mp {
            height: 10px;
            background-position: -3380px 0px;
        }

        .iti-flag.mq {
            height: 14px;
            background-position: -3402px 0px;
        }

        .iti-flag.mr {
            height: 14px;
            background-position: -3424px 0px;
        }

        .iti-flag.ms {
            height: 10px;
            background-position: -3446px 0px;
        }

        .iti-flag.mt {
            height: 14px;
            background-position: -3468px 0px;
        }

        .iti-flag.mu {
            height: 14px;
            background-position: -3490px 0px;
        }

        .iti-flag.mv {
            height: 14px;
            background-position: -3512px 0px;
        }

        .iti-flag.mw {
            height: 14px;
            background-position: -3534px 0px;
        }

        .iti-flag.mx {
            height: 12px;
            background-position: -3556px 0px;
        }

        .iti-flag.my {
            height: 10px;
            background-position: -3578px 0px;
        }

        .iti-flag.mz {
            height: 14px;
            background-position: -3600px 0px;
        }

        .iti-flag.na {
            height: 14px;
            background-position: -3622px 0px;
        }

        .iti-flag.nc {
            height: 10px;
            background-position: -3644px 0px;
        }

        .iti-flag.ne {
            height: 15px;
            background-position: -3666px 0px;
        }

        .iti-flag.nf {
            height: 10px;
            background-position: -3686px 0px;
        }

        .iti-flag.ng {
            height: 10px;
            background-position: -3708px 0px;
        }

        .iti-flag.ni {
            height: 12px;
            background-position: -3730px 0px;
        }

        .iti-flag.nl {
            height: 14px;
            background-position: -3752px 0px;
        }

        .iti-flag.no {
            height: 15px;
            background-position: -3774px 0px;
        }

        .iti-flag.np {
            height: 15px;
            background-position: -3796px 0px;
        }

        .iti-flag.nr {
            height: 10px;
            background-position: -3811px 0px;
        }

        .iti-flag.nu {
            height: 10px;
            background-position: -3833px 0px;
        }

        .iti-flag.nz {
            height: 10px;
            background-position: -3855px 0px;
        }

        .iti-flag.om {
            height: 10px;
            background-position: -3877px 0px;
        }

        .iti-flag.pa {
            height: 14px;
            background-position: -3899px 0px;
        }

        .iti-flag.pe {
            height: 14px;
            background-position: -3921px 0px;
        }

        .iti-flag.pf {
            height: 14px;
            background-position: -3943px 0px;
        }

        .iti-flag.pg {
            height: 15px;
            background-position: -3965px 0px;
        }

        .iti-flag.ph {
            height: 10px;
            background-position: -3987px 0px;
        }

        .iti-flag.pk {
            height: 14px;
            background-position: -4009px 0px;
        }

        .iti-flag.pl {
            height: 13px;
            background-position: -4031px 0px;
        }

        .iti-flag.pm {
            height: 14px;
            background-position: -4053px 0px;
        }

        .iti-flag.pn {
            height: 10px;
            background-position: -4075px 0px;
        }

        .iti-flag.pr {
            height: 14px;
            background-position: -4097px 0px;
        }

        .iti-flag.ps {
            height: 10px;
            background-position: -4119px 0px;
        }

        .iti-flag.pt {
            height: 14px;
            background-position: -4141px 0px;
        }

        .iti-flag.pw {
            height: 13px;
            background-position: -4163px 0px;
        }

        .iti-flag.py {
            height: 11px;
            background-position: -4185px 0px;
        }

        .iti-flag.qa {
            height: 8px;
            background-position: -4207px 0px;
        }

        .iti-flag.re {
            height: 14px;
            background-position: -4229px 0px;
        }

        .iti-flag.ro {
            height: 14px;
            background-position: -4251px 0px;
        }

        .iti-flag.rs {
            height: 14px;
            background-position: -4273px 0px;
        }

        .iti-flag.ru {
            height: 14px;
            background-position: -4295px 0px;
        }

        .iti-flag.rw {
            height: 14px;
            background-position: -4317px 0px;
        }

        .iti-flag.sa {
            height: 14px;
            background-position: -4339px 0px;
        }

        .iti-flag.sb {
            height: 10px;
            background-position: -4361px 0px;
        }

        .iti-flag.sc {
            height: 10px;
            background-position: -4383px 0px;
        }

        .iti-flag.sd {
            height: 10px;
            background-position: -4405px 0px;
        }

        .iti-flag.se {
            height: 13px;
            background-position: -4427px 0px;
        }

        .iti-flag.sg {
            height: 14px;
            background-position: -4449px 0px;
        }

        .iti-flag.sh {
            height: 10px;
            background-position: -4471px 0px;
        }

        .iti-flag.si {
            height: 10px;
            background-position: -4493px 0px;
        }

        .iti-flag.sj {
            height: 15px;
            background-position: -4515px 0px;
        }

        .iti-flag.sk {
            height: 14px;
            background-position: -4537px 0px;
        }

        .iti-flag.sl {
            height: 14px;
            background-position: -4559px 0px;
        }

        .iti-flag.sm {
            height: 15px;
            background-position: -4581px 0px;
        }

        .iti-flag.sn {
            height: 14px;
            background-position: -4603px 0px;
        }

        .iti-flag.so {
            height: 14px;
            background-position: -4625px 0px;
        }

        .iti-flag.sr {
            height: 14px;
            background-position: -4647px 0px;
        }

        .iti-flag.ss {
            height: 10px;
            background-position: -4669px 0px;
        }

        .iti-flag.st {
            height: 10px;
            background-position: -4691px 0px;
        }

        .iti-flag.sv {
            height: 12px;
            background-position: -4713px 0px;
        }

        .iti-flag.sx {
            height: 14px;
            background-position: -4735px 0px;
        }

        .iti-flag.sy {
            height: 14px;
            background-position: -4757px 0px;
        }

        .iti-flag.sz {
            height: 14px;
            background-position: -4779px 0px;
        }

        .iti-flag.ta {
            height: 10px;
            background-position: -4801px 0px;
        }

        .iti-flag.tc {
            height: 10px;
            background-position: -4823px 0px;
        }

        .iti-flag.td {
            height: 14px;
            background-position: -4845px 0px;
        }

        .iti-flag.tf {
            height: 14px;
            background-position: -4867px 0px;
        }

        .iti-flag.tg {
            height: 13px;
            background-position: -4889px 0px;
        }

        .iti-flag.th {
            height: 14px;
            background-position: -4911px 0px;
        }

        .iti-flag.tj {
            height: 10px;
            background-position: -4933px 0px;
        }

        .iti-flag.tk {
            height: 10px;
            background-position: -4955px 0px;
        }

        .iti-flag.tl {
            height: 10px;
            background-position: -4977px 0px;
        }

        .iti-flag.tm {
            height: 14px;
            background-position: -4999px 0px;
        }

        .iti-flag.tn {
            height: 14px;
            background-position: -5021px 0px;
        }

        .iti-flag.to {
            height: 10px;
            background-position: -5043px 0px;
        }

        .iti-flag.tr {
            height: 14px;
            background-position: -5065px 0px;
        }

        .iti-flag.tt {
            height: 12px;
            background-position: -5087px 0px;
        }

        .iti-flag.tv {
            height: 10px;
            background-position: -5109px 0px;
        }

        .iti-flag.tw {
            height: 14px;
            background-position: -5131px 0px;
        }

        .iti-flag.tz {
            height: 14px;
            background-position: -5153px 0px;
        }

        .iti-flag.ua {
            height: 14px;
            background-position: -5175px 0px;
        }

        .iti-flag.ug {
            height: 14px;
            background-position: -5197px 0px;
        }

        .iti-flag.um {
            height: 11px;
            background-position: -5219px 0px;
        }

        .iti-flag.us {
            height: 11px;
            background-position: -5241px 0px;
        }

        .iti-flag.uy {
            height: 14px;
            background-position: -5263px 0px;
        }

        .iti-flag.uz {
            height: 10px;
            background-position: -5285px 0px;
        }

        .iti-flag.va {
            height: 15px;
            background-position: -5307px 0px;
        }

        .iti-flag.vc {
            height: 14px;
            background-position: -5324px 0px;
        }

        .iti-flag.ve {
            height: 14px;
            background-position: -5346px 0px;
        }

        .iti-flag.vg {
            height: 10px;
            background-position: -5368px 0px;
        }

        .iti-flag.vi {
            height: 14px;
            background-position: -5390px 0px;
        }

        .iti-flag.vn {
            height: 14px;
            background-position: -5412px 0px;
        }

        .iti-flag.vu {
            height: 12px;
            background-position: -5434px 0px;
        }

        .iti-flag.wf {
            height: 14px;
            background-position: -5456px 0px;
        }

        .iti-flag.ws {
            height: 10px;
            background-position: -5478px 0px;
        }

        .iti-flag.xk {
            height: 15px;
            background-position: -5500px 0px;
        }

        .iti-flag.ye {
            height: 14px;
            background-position: -5522px 0px;
        }

        .iti-flag.yt {
            height: 14px;
            background-position: -5544px 0px;
        }

        .iti-flag.za {
            height: 14px;
            background-position: -5566px 0px;
        }

        .iti-flag.zm {
            height: 14px;
            background-position: -5588px 0px;
        }

        .iti-flag.zw {
            height: 10px;
            background-position: -5610px 0px;
        }

        .iti-flag {
            width: 20px;
            height: 15px;
            box-shadow: 0px 0px 1px 0px #888;
            background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/11.0.9/img/flags.png");
            background-repeat: no-repeat;
            background-color: #DBDBDB;
            background-position: 20px 0;
        }

        @media only screen and (-webkit-min-device-pixel-ratio: 2),
        only screen and (min--moz-device-pixel-ratio: 2),
        only screen and (-o-min-device-pixel-ratio: 2 / 1),
        only screen and (min-device-pixel-ratio: 2),
        only screen and (min-resolution: 192dpi),
        only screen and (min-resolution: 2dppx) {
            .iti-flag {
                background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/11.0.9/img/flags@2x.png");
            }
        }

        .iti-flag.np {
            background-color: transparent;
        }



        #result {
            margin-bottom: 100px;
        }

        .material.phone-number-field label{
            left: 50px;
        }
        .material.phone-number-field label{
            padding-left: 15px;
            _padding-right: 15px;
        }
        .material.phone-number-field .inputerror{
            border: 0 !important;
        }
        #error-msg{
            color: red;
        }
        #valid-msg{
            color: green;
            width: 47px;
        }
        .skiptranslate{
            display: none !important;
        }

        .cutom-lang {
            width: 50%;
            position: relative;
            float: right;
        }
        .cutom-lang .ct-language__dropdown{
            width: 100%;
            height: initial;
            overflow: auto;
            position: relative;
            max-height: initial;
            top:0;
            left:0;
        }
        .cutom-lang .ct-language__dropdown{
            border: 1px solid #5c5c5c;
            border-radius: 4px;
            margin-top: -1px;
            position: absolute;
            top: 46px;
            background-color: #fff;
            display: none;
        }
        .cutom-lang button{
            color: #5c5c5c !important;
            background-color: transparent;
            box-sizing: border-box;
            width: 100%;
            padding: 12px 10px 12px 14px !important;
            border: none;
            font-weight: 400;
            outline: none;
            cursor: text;
            border: 1px solid #5c5c5c;
            border-radius: 4px;
            transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
            text-align: left;
            cursor: pointer;
            background-image: linear-gradient(
                45deg, transparent 50%, #000 50%), linear-gradient(
                135deg, #000 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
                background-position: calc(100% - 20px) calc(1em + 6px), calc(100% - 15px) calc(1em + 6px), 100% 0;
                background-size: 5px 5px, 5px 5px, 2.7em 3.2em;
                background-repeat: no-repeat;
            }
            .ct-language__dropdown:before{
                display: none;
            }
            .ct-language__dropdown li a{
                color: #000;
                text-align: left;
                padding-left: 15px;
                padding-top: 5px;
                padding-bottom: 5px;
            }
            .ct-language__dropdown li a:hover{
                color: #fff;
            }
            .cutom-lang .ct-language__dropdown li{
                background: transparent;
                padding:0 !important;
            }
            body{
                top: 0 !important;
            }




#defaultcontainer{background: #ffffff;}	
    .material {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        overflow: visible;
        margin: 5px 5px 20px 5px;
        width: 100%;
        border: 1px solid #5c5c5c;
        border-radius: 4px;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

    .material input,
    .material select {
        color: #5c5c5c !important;
        background-color: transparent;
        box-sizing: border-box;
        width: 100%;
        padding: 12px 10px 8px;
        border: none;
        font-weight: 400;
        outline: none;
        cursor: text;
    }

    .material input::-webkit-outer-spin-button,
    .material input::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }
    .material input[type='number'] {
        -moz-appearance:textfield;
    }

    .material select option {
        background: white;
        color: black;
    }

    .material label {
        position: absolute;
        top: 10px;
        left: 10px;
        /* font-size: 120%; */
        font-weight: 400;
        color: #5c5c5c !important;
        background-color: #ffffff;
        border-radius: 2px;
        padding: 2px 5px;
        transform-origin: 0 -180%;
        transition: transform 300ms ease;
        pointer-events: none;
    }

    .material label.selectfield {
        transform: scale(0.6);
    }

    .material input:focus~label,
    .material input:valid~label {
        transform: scale(0.6);
    }

    .card-extra-details {
        display: flex;
        align-items: center;
    }

    #year {
        margin-right: 10px;
        margin-left: 10px;
    }

    .material:hover {
        border: 1px solid #2ecc71;

    }

    .credit-card-images-container {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: flex-end;
    }

    .credit-card-images-container img {
        height: 20px;
        margin: 5px;
    }
    .credit-card-images-container img:last-child{
        margin-right: 0;
    }

    @media screen and (max-width: 450px) {
        .card-extra-details {
            flex-wrap: wrap;
            width: 100%;
            padding: 0;
            margin: 0;
            justify-content: center;
        }

        .material {
            width: 100%;
        }

        .material input {
            width: 100%;
        }
    }


                .payment-method-button {
                    display: flex;
                    align-items: center;
                    font-size: 15px;
                    outline: none !important;
                }

                .payment-method-icon {
                    margin-right: 10px;
                }


                                        .coupon-custom-wrapper {
                                            display: flex;
                                            align-items: center;
                                            width: 100%;
                                            justify-content: space-between;
                                            padding-top: 20px;
                                        }

                                        .coupon-custom-wrapper .coupon-code {
                                            height: 24px;
                                        }

                                        .apply-btn {
                                            margin-left: 25px;
                                            background-color: #9DDB21;
                                            margin: 5px 5px 20px 5px;
                                            border: none;
                                            outline: none !important;
                                            color: white;
                                            border-radius: 5px;
                                            padding: 10px 20px;
                                        }


        .heading {
            display: flex;
            align-items: center;
            font-size: 16px;
        }

        .recurring-payment-section {
            margin-left: 10px;
        }

        .recurring-payment-section h5 {
            font-weight: 600;
        }

        .recurring-payment-section p {
            font-size: 12px;
        }

    .pay_now {
        width: 100%;
        font-family: Arial, Helvetica, sans-serif;
        color: #fff;
        font-size: 19px;
        font-weight: bold;
        text-transform: uppercase;
        background: #f23224;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4f0fd',
            endColorstr='#0993bd',
            GradientType=0);
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -o-border-radius: 5px;
        border: #fc8816;
        height: 45px;
    }

    .trust-images {
        display: flex;
        align-items: center;
        justify-content: space-around;
        width: 100%;
        height: 30px;
        padding: 30px;
    }

    .ct-topbar {
        text-align: right;
        background: #eee;
    }
    .ct-topbar__list {
        margin-bottom: 0px;
    }
    .ct-language__dropdown{
        padding-top: 8px;
        max-height: 0;
        overflow: hidden;
        position: absolute;
        top: 110%;
        left: -3px;
        width: 100px;
        text-align: center;
        padding-top: 0;
        z-index:200;
    }
    .ct-language__dropdown li{
        background: #222;
        padding: 5px;
    }
    .ct-language__dropdown li a{
        display: block;
    }
    .ct-language__dropdown li:first-child{
        padding-top: 10px;
        border-radius: 3px 3px 0 0;
    }
    .ct-language__dropdown li:last-child{
        padding-bottom: 10px;
        border-radius: 0 0 3px 3px;
    }
    .ct-language__dropdown li:hover{
        background: #444;
    }
    .ct-language__dropdown:before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 8px;
        height: 0;
        border: 0 solid transparent;
        border-right-width: 8px;
        border-left-width: 8px;
        border-bottom: 8px solid #222;
    }
    .ct-language{
        position: relative;
        background: #00aced;
        color: #fff;
        padding: 10px 0;
    }
    .ct-language:hover .ct-language__dropdown{
        max-height: 200px;
        padding-top: 8px;
    }


        #mydiv{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;display: none;z-index: 9999;}
        .loader{border: 16px solid #f3f3f3;border-top: 16px solid #3498db;border-radius: 50%;width: 100px;height: 100px;animation: spin 2s linear infinite;}
        .initial_none{display: none;}
        #pdescription{color: #000;}
        .m_b_50{margin-bottom: 50px;}
        .m_b_20{margin-bottom: 20px;}
        .m_b_10{margin-bottom: 10px;}
        .m_b_6{margin-bottom: 6px;}
        .m_b_0{margin-bottom: 0px;}
        .m_l{margin-left: 15px;}
        .width_100{width: 100%;max-height: 230px;}
        .pad_0{padding: 0px !important;}
        #emDeclineModal .modal-header,#emPaymentProcessModal .modal-header{padding: 15px;}
        #warningmodal .modal-content,#declineModal .modal-content{background: #ea2087;color: white;}
        #warningmodal .modal-content a,#declineModal .modal-content a{color: blue; font-weight: bold;}
        #warningmodal .modal-header,#declineModal .modal-header{border: none;padding: 15px 25px 0px 0px;}
        #warningmodal button.close,#declineModal button.close{color: #000000;background: white;padding: 5px 8px;border-radius: 50%;opacity: 1;font-size: 21px;}
        /*#declineModal .modal-content{background: #ea2087;color: white;}
        #declineModal .modal-content a{color: blue; font-weight: bold;}
        #declineModal .modal-header{border: none;padding: 15px 25px 0px 0px;}
        #declineModal button.close{color: #000000;background: white;padding: 5px 8px;border-radius: 50%;opacity: 1;font-size: 21px;}*/
        .decline_body{padding: 0px 10px 20px 10px;font-size: 16px;text-align: justify;}
        .custom_decline_btn{background: #d0d0d0;padding: 10px 15px;color: #3c3c3c !important;margin-right: 15px;font-weight: 600 !important;cursor: pointer;text-decoration: none !important;}
        .custom_decline_btn:hover{background: green;color: #ffffff !important;}
        .decline_countdown{color: black;font-weight: 700;}
        .secure_ach_image{height: 56px;display: block;margin: 0 auto;margin-top: 10px !important;cursor:pointer;display: none;}
        .select_institution{height: 70vh;margin: 0 auto;display: block;}
        #myModal2{padding-top: 0px !important;}
        .orange_text{color: orange;font-weight: 300;line-height: 35px;}
        .p_10{padding: 10px;}
        .decline_header{width: 96%;text-align: center;}
        .decline_title{margin: 0;}
        .emPaymentProcessModalContent{width: 360px;margin: 0 auto;}

        /*.addonservicesection .addonservicediv{border: 1px dashed #e71b78;}*/
        /*.addonservicesection .addonservicediv{border: 1px solid #e71b78;background: #e71b78;color: #ffffff;}*/
        .addonservicesection{_background: #f3f7ff;padding: 7px 15px 15px 15px;margin-top: 5px;}
        .addonservicesection .addonservicediv{background: #f1f1f1;}
        .em_addon_title{color: #000000;font-weight: 600;font-size: 15px;margin: 0;}
        .em_addon_desc{color: #393939;font-size: 14px;}
        .addonservicesection h1{margin-bottom: 0px;border: none !important;}
        .coupon_success{color: green;font-size: 13px;display: block !important;margin: 0 0 10px !important;}
        .coupon_invalid{color: red;font-size: 13px;display: block !important;margin: 0 0 10px !important;}
        .coupon_error{color: red;font-size: 12px;margin: 0 0 10px !important;display: none;}
        .coupon_discount_value{float: right;font-weight: bold;padding-right: 0 !important;}
        .d-none{display: none;}
        .ban_icon{color: #000000;}
        .btn_focus{background-color: #656161;border-color: #656161;}
        .desktopview{display: flex;}
        .mobileview{display: none;}

        @media(max-width: 820px){
            .wrapperLogo img{width:auto;height: 40px;}
        }
        @media(max-width: 767px){
            #tg_SealCertificatebRight{
                display: none !important;
            }
            .wrapperLogo img{width:auto;height: 40px;}
            .coupon-custom-wrapper{padding-right: 15px;padding-left: 15px;}
        }
        @media screen and (max-width: 610px) {
            .secondTopSection .wrapperLogo{width: 50%;}
        }
        @media(max-width: 570px){
            .desktopview{display: none;}
            .mobileview{display: flex;}
            .secondTopSection1{display: flex;flex-wrap: wrap;}
            .m_l{margin-left: 0px;}
            .width_100{width: 100%;}
        }
        @media screen and (max-width: 530px) {
            .secondTopSection .wrapperLogo{width: 45%;}
        }
        @media screen and (max-width: 450px) {
            .secondTopSection .wrapperLogo{width: 52%;margin-left: 0px;padding-right: 20px;}
        }
        @media(max-width: 400px){
            .material.phone-number-field label{font-size:14px !important;}
        }
        @media(max-width: 370px){
            .material.phone-number-field label{font-size:13px !important;}
            .wrapperLogo img{width: auto;height: 40px;}
        }
        @media(max-width: 350px){
            .material.phone-number-field label{font-size:12px !important;}
        }



    @media screen and (max-width: 768px) {
   	.intl-tel-input .selected-flag {
      	    height: 100% !important;
   	}
   	.flag-container {
	    padding: 0px !important;
	    height: 45px;
	    margin-top: 0px !important;
	    border-radius: 5px 0px 0px 5px;
	    overflow: hidden;
   	}
   	.separate-dial-code {
      	    margin-bottom: 0px;
   	}
    }

    @media screen and (max-width: 720px) {
	.cutom-lang{width:100% !important;}
	.separate-dial-code {margin-bottom: 0px !important;}
	.intl-tel-input .flag-container{
		_top: 5px !important;
	}
    }

    .wrapperTopLogo {
        border: 1px solid #d4d4d4;
        background: #fbfbfb;
        margin-bottom: 20px;
        margin-top: 15px;
     }
     
     .secondTopSection {
        display: flex;
        justify-content: center;
        align-content: center;
     }
     
     .wrapperLogo {
        margin-left: 15px;
        border-right: 2px solid #9a8282;
        margin-left: 15px;
        /* width: 227px; */
     }
     
     .paymentFormSection {
        display: flex;
        align-items: center;
        color: #7a7a7a;
        font-weight: bold;
        text-transform: uppercase;
        /* width: 277px; */
     }
     
     .paymentFormSection p {
        margin-bottom: 0px;
        margin-left: 7px;
     }
     
     .trustGuardImage {
        display: flex;
        /* justify-content: flex-end; */
        align-items: center;
        /* width: 172px; */
        margin-top: 10px;
     }
     
     .customerInfoHeading,
     .customerInfoHeadingfooter {
        font-size: 15px;
        text-transform: uppercase;
        /* background: #8ac217; */
        padding: 10px;
        /* color: #fff; */
     }
     
     .customerInfoHeading {
        border-bottom: 1px solid #d4d4d4;
        font-weight: bold;
     }
     
     .wrapperCustomerInfo {
     
        margin-top: 15px;
     
     }
     
     .wrapperCustomerInfo input {
     
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 10px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        margin-bottom: 15px;
     }
     
     .wrapperExpiryDate select {
     
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 10px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
     }
     
     .wrapperInnerExpiryDate select {
     
        width: 100%;
     
        display: inline;
     
     }
     .wrapperInnerExpiryDate .col-xs-4,
     .wrapperInnerExpiryDate .col-sm-4,
     .wrapperInnerExpiryDate .col-xs-6,
     .wrapperInnerExpiryDate.col-sm-6 {
        padding-right: 0px;
        padding-left: 0px;
     }
     .expiry_field {
        padding-right: 10px !important;
     }
     .securityfield {
        /* display:flex; */
        justify-content: flex-end;
     }
     .wrapperRightForm input {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 10px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        margin-bottom: 15px;
     }
     
     .wrapperApplyButton button {
        width: 100%;
        height: 36px;
        margin-top: 23px;
        background-color: #9ddb21;
        border: 0px;
        color: #fff;
        border-radius: 4px;
        cursor: pointer;
     }
     
     .btnPayNow {
        width: 100%;
        font-family: Arial, Helvetica, sans-serif;
        color: #fff;
        font-size: 19px;
        font-weight: bold;
        text-transform: uppercase;
        background: rgb(196, 240, 253);
        background: -moz-linear-gradient(top, rgba(196, 240, 253, 1) 0%, rgba(0, 186, 242, 1) 2%, rgba(9, 147, 189, 1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(196, 240, 253, 1)), color-stop(2%, rgba(0, 186, 242, 1)), color-stop(100%, rgba(9, 147, 189, 1)));
        background: -webkit-linear-gradient(top, rgba(196, 240, 253, 1) 0%, rgba(0, 186, 242, 1) 2%, rgba(9, 147, 189, 1) 100%);
        background: -o-linear-gradient(top, rgba(196, 240, 253, 1) 0%, rgba(0, 186, 242, 1) 2%, rgba(9, 147, 189, 1) 100%);
        background: -ms-linear-gradient(top, rgba(196, 240, 253, 1) 0%, rgba(0, 186, 242, 1) 2%, rgba(9, 147, 189, 1) 100%);
        background: linear-gradient(to bottom, rgba(196, 240, 253, 1) 0%, rgba(0, 186, 242, 1) 2%, rgba(9, 147, 189, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4f0fd', endColorstr='#0993bd', GradientType=0);
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -o-border-radius: 5px;
        border: 1px solid #0993bd;
        height: 45px;
     }
     
     .wrapperFooterImage {
        /* margin-top: 40px; */
        margin-bottom: 20px;
     }
     
     .wrapperFooterImage img {
        cursor: pointer;
        /* width: 100%; */
     }
     
     .bottomsLinks {
        margin-top: 20px;
        display: flex;
        justify-content: center;
        margin-bottom: 0px;
        padding-left: 0px;
     }
     
     .bottomsLinks li {
        float: left;
        list-style: none;
        border-right: 1px solid #ccc;
        padding: 0px 10px;
        font-size: 14px;
     }
     
     .select_second {
        float: right;
     }
     
     .termsDetailsSection {
        padding-left: 0px;
        font-size: 1.1rem;
     }
     
     .termsDetailsSection li {
        list-style: none;
        padding-bottom: 10px;
     }
     
     .footerText {
     
        text-align: center;
     
        margin: 25px 0px 30px 0px;
     
     }
     
     .wraperOrderDetails {
     
        margin-top: 12px;
     
     }
     
     .oderDetailsHeading {
     
        font-size: 15px;
     
        font-weight: bold;
     
        text-transform: uppercase;
     
        /* background: #8ac217; */
     
        padding: 10px;
     
        /* color: #fff; */
     
        margin-top: 19px;
     
        border-bottom: 1px solid #d4d4d4;
     
     }
     
     .wraperOrderDetails {
     
        background: #fbfbfb;
     
        background: #fbfbfb;
     
        padding: 0px;
     
     }
     
     .wraperOrderDetails h5 {
     
        font-size: 13px;
     
     }
     
     .innerContentDetails {
     
        margin: 0px;
     
        border-top: 1px solid #ccc;
     
        display: inline-block;
     
     }
     
     .expiryDateInput {
     
        width: 49% !important;
     
        display: -webkit-inline-box !important;
     
     }
     
     .expiryLabel {
     
        width: 100%;
     
     }
     
     .wrapperSubscriptionSection {
     
        margin: 0px;
     
        border-top: 1px solid #ccc;
     
        display: inline-block;
     
     }
     
     .wraperOrderDetails p {
     
        font-size: 13px;
     
        color: #9a9a9a;
     
     }
     
     .wrapperPaymentButton {
     
        margin: 25px 0px;
     
     }
     
     .wrapperPaymentButton .btn-secondary.active {
     
        background-color: #545b62;
     
        border-color: #4e555b;
     
        color: #fff;
     
        outline: 0px;
     
     }
     
     .wrapperPaymentButton .btn-secondary {
     
        background-color: #6c757d;
     
        border-color: #6c757d;
     
        color: #fff;
     
        /* border-left: 1px solid #fff !important; */
     
     }
     
     .wrapperSubscriptionSection {
     
        padding-top: 15px;
     
     }
     
     .innerSubscriptionSection {
     
        padding-bottom: 15px;
        padding-left: 15px;
        padding-top: 15px;
        border-top: 1px solid #ccc;
        display: inline-block;
     
     }
     
     .innerContentDetails {
     
        padding: 15px 0px;
     
     }
     
     .wrapperBtnPayNow {
     
        padding: 0px;
     
     }
     
     .wrapperFooterImage {
     
        /* margin-top: 70px; */
     
     }
     
     .cardIcon {
     
        width: 17px;
     
        margin-right: 6px;
     
        vertical-align: sub;
     
     }
     
     .questionMarkIcon {
     
        position: absolute;
     
        top: 31px;
     
        right: 23px;
     
        font-size: 15px;
     
        font-weight: 700;
     
        cursor: pointer;
     
     }
     
     .imgMoneyBack {
     
        width: 132px !important;
        float: right;
     }
     
     .productSection {
     
        display: flex;
     
        justify-content: space-between;
        max-height: initial!important;
     
     }
     
     .modal-backdrop {
     
        z-index: 0;
     
     }
     
     .topLogoSection {
     
        display: flex;
     
        justify-content: center;
     
     }
     
     .topLogoSection img {
        /* width: 100%;
     
     
     
        height: auto;
     
     
     
        max-height: 400px;
     
     
     
        min-height: 200px; */
     
     
     
        padding-bottom: 15px;
     
     
     
     
     }
     
     .topLogoSection select {
     
        text-align: left;
     
        width: 125px;
     
        height: 25px;
     
        margin-top: 10px;
     
     }
     
     .payment-img img,
     .backgroundImage img {
     
        width: 100% !important;
     
     }
     
     .imgMoneyBackSection {
     
        /* text-align: left; */
     
     }
     
     
     @media screen and (max-width:610px) {
     
        .secondTopSection {
     
           display: block;
     
        }
     
        .secondTopSection .wrapperLogo {
     
           text-align: center;
           margin-right: auto;
           /* border-right: unset; */
           margin-left: auto;
           justify-content: center;
     
     
        }
     
     
        .secondTopSection .trustGuardImage {
     
           justify-content: center;
     
        }
     
        .wrapperPaymentButton label {
     
           width: 100%;
     
           margin: 10px 0px 0px !important;
     
           border-radius: 12px !important;
     
        }
     
     }
     
     @media screen and (max-width:768px) {
     
        .wrapperFooterImage img {
     
           width: 132px;
     
        }
        .wrapperCoupanField {
           margin-top: 15px;
        }
        .leftContentWrapper {
     
           margin: 0px;
     
        }
     
        .outerYourDetails {
     
           padding: 0px;
     
        }
     
        .wrapperRightForm {
     
           padding: 0px;
     
        }
     
        .wrapperRightForm input {
     
           margin-bottom: 15px;
     
        }
     
        .wrapperApplyButton {
     
           margin-bottom: 15px;
     
        }
     
        .wrapperApplyButton button {
     
           margin-top: 15px;
     
        }
     
        .wrapperExpiryDate select {
     
           white-space: nowrap;
     
           overflow: hidden;
     
           text-overflow: ellipsis;
     
        }
     
        /* .securityCodeSection {
     
            margin-top: 15px;
     
        } */
     
        .country_class {
     
           margin-bottom: 15px;
     
        }
     
     
        .imgMoneyBack {
     
           width: 127 !important;
     
           margin-top: 0px;
     
        }
     
        .imgMoneyBackSection {
     
     
           margin-left: auto;
           margin-right: auto;
     
     
        }
        .trustGuardImage {
           /* justify-content: center; */
           margin-left: auto;
           margin-right: auto;
           float: left;
        }
        .wrapperFooterImage {
     
           /* margin-top: 40px; */
     
        }
     
        .bottomsLinks li {
     
           float: none;
     
           border: none;
     
           padding-bottom: 10px;
     
           padding-left: 0px;
     
        }
     
        .bottomsLinks {
     
           padding-left: 0px;
     
     
     
        }
        .securityCode {
           padding-left: 0px;
        }
     
     }
     
     @media screen and (max-width:760px) {
        .info_box {
           padding-right: 30px;
        }
     }
     #product-img {
        max-width: 100%;
     
     
     
        max-height: 100%;
     }
     
     
     
     
     .secondTopSection {
        justify-content: unset;
     }
     
     
     @media (min-width: 1200px) {
        .container {
           width: 946px;
        }
     
     
     }
     @media (min-width: 768px) {
     
        .cardIcon {
           width: 14px;
           margin-right: 3px;
        }
        label.btn.btn-secondary {
           font-size: 13px;
           padding: 7px;
        }
     
     }
     @media (min-width: 768px)and (max-width:991px) {
     
        .cardIcon {
           width: 10px;
           margin-right: 0px;
        }
        label.btn.btn-secondary {
           font-size: 10px;
           padding: 4px;
        }
     
     }
     @media (min-width: 771px)and (max-width:991px) {
     
        .securityCode {
           margin-top: 15px;
        }
     
     }
     @media (min-width: 424px)and (max-width:767px) {
     
        .col-sm-9 {
           width: 75%;
        }
        .col-sm-3 {
           width: 25%;
        }
        .wrapperCoupanField {
           display: flex;
        }
        .wrapperApplyButton {
           margin-top: 9px;
           margin-bottom: 15px;
        }
     }
     .productSection {
        padding-left: 0px;
        padding-right: 0px;
        max-height: 100px;
     }
     
     label.btn.btn-secondary:hover {
        background-color: #545b62;
     }
     
     .wrapperCustomerInfo {
        width: 100%
     }
     
     .info_box {
        padding-left: 30px;
     }
     
     .wrapperRightForm {
        padding-right: 0px;
     }
     
     #save_values,
     #save_info,
     #shipping_values {
        display: flex;
        align-items: center;
        height: 20px;
        /* font-size: 11px; */
     }
     
     #save_values_space,
     #save_info_space {
        margin-left: 4px;
        /* border: 0 none;
        border-bottom: 2px dotted #322f32;
        background: none; */
     }
     
     #save_box,
     #cbnew {
        margin: 0px;
        width: 12px;
     }
     
     #save_info {
        margin-bottom: 12px;
     }
     
     /* .shipping_info{
        display:none;
     } */
     
     #shipping_values {
        margin-left: 15px;
     }
     
     .order_summary {
        float: right;
     }
     
     @media screen and (max-width:762px) {
        .order_summary {
           float: unset;
        }
     }
     #shipping_values {
        width: 124px;
     }
     
     @media screen and (max-width:768px) {
        #demo {
           height: 40px;
           width: 100% !important;
        }
     }
     
     button.btnPayNow:hover {
        background: #8ac217;
        border-color: #8ac217;
     }
     .wrapperSubscriptionSection h5 {
        font-size: 13px;
     }
     .country_class {
     
        margin-bottom: 15px;
     
     }
     .separate-dial-code {
        width: 100%;
        /* margin-bottom:15px; */
     }
     @media screen and (max-width: 370px) {
        .imgMoneyBack {
           width: 100px !important;
        }
        .trustGuardImage img {
           width: 85%;
        }
     }
     @media (min-width: 656px)and (max-width:768px) {
        .bottomsLinks {
           width: 100%;
           padding-left: 0px;
        }
        .bottomsLinks li {
           float: left;
           border-right: 1px solid #ccc;
           padding-left: 10px;
        }
     
     
     }
     /* @media screen and (max-width: 640px){
        .bottomsLinks {
     
            margin-top: 20px;
        
            display: flex;
        
            justify-content: center;
        
            margin-bottom: 0px;
        
        }
        
        .bottomsLinks li {
        
            float: left;
        
            list-style: none;
        
            border-right: 1px solid #ccc;
        
            padding: 0px 10px;
        
        }
     } */
     @media (max-width:979px) {
        .second_select {
           width: 50%;
        }
        #product-img {
           max-width: 100%;
     
     
     
           max-height: 100%;
        }
     }
     @media (min-width:393px) and (max-width:767px) {
        .productSection {
           justify-content: flex-end;
        }
        .wraperOrderDetailsPrice h5 {
           float: right;
           margin-right: 63px;
        }
        .wrapperSubscriptionSection,
        .innerContentDetails {
           width: 100%;
     
        }
     
     }
     .CouponSection {
        margin-left: 15px;
        margin-right: 15px;
     }
     @media screen and (max-width: 600px) {
        .bottomsLinks li {
           padding-bottom: 10px;
           font-size: 13px;
           float: none;
           text-align: center;
        }
     }
     @media (max-width: 767px) and (min-width: 601px) {
        .bottomsLinks li {
           float: left;
           list-style: none;
           border-right: 1px solid #ccc;
           padding: 0px 5px;
           font-size: 13px;
        }
     }
     
     .second_select {
        float: right;
     }
     @media (max-width: 610px) {
        .bottomsLinks {
     
           display: block;
        }
        .paymentFormSection {
           padding-left: 10px
        }
     }
     
     @media (max-width: 761px) and (max-width: 767px) {
        .order_summary {
           float: unset;
        }
        .customerInfoHeading {
           margin-right: 15px;
        }
     }
     
     #dev {
        clear: both;
        display: table;
        width: 588px;
        height: 33px;
        background: #f1f1f1;
        border: 1px solid #f1f1f1;
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #666;
        line-height: 32px;
        margin: 15px auto 15px auto;
        padding: 0 0 0 0;
        font-weight: normal;
        border-radius: 4px;
        -webkit-border-radius: 4px;
     }
     @media screen and (max-width: 768px) {
        #dev {
           display: table;
           width: 93%;
           height: 33px;
           background: #f1f1f1;
           border: 1px solid #f1f1f1;
           text-align: center;
           font-family: Arial, Helvetica, sans-serif;
           font-size: 12px;
           color: #666;
           line-height: 32px;
           margin: 15px auto 15px auto;
           padding: 0 0 0 0;
           font-weight: normal;
           border-radius: 4px;
           -webkit-border-radius: 4px;
           -o-border-radius: 4px;
        }
     }
     @media (min-width: 601px) and (max-width: 610px) {
        .affiliate_text {
           margin-top: 30px;
        }
     }
     #cbnew,
     #save_box {
        vertical-align: middle;
     }
     .modal-header {
        padding: 0px 10px;
     }
     
     .modalBodyWrapper {
        height: 90%;
        display: flex;
        align-items: center;
        width: 533px;
        max-width: 565px;
        margin: auto;
     }
     
     .modalBodyWrapper p {
        font-size: 18px;
     }
     
     .orText {
        font-weight: bold;
        font-size: 16px !important;
        color: #555555;
        font-family: Arial, Helvetica, sans-serif;
     }
     
     
     
     .w-100 {
        width: 100%;
     }
     
     .modal-title {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 20px;
        line-height: 36px;
        color: #555555;
        font-weight: 600;
        margin: auto;
        display: inline-block;
     }
     
     .orText h5 {
        font-size: 20px;
        font-weight: bold;
        color: #555555;
        font-family: Arial, Helvetica, sans-serif;
     }.modalBodyWrapper input,
     .modalBodyWrapper select {
        text-align: left;
        height: 35px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 15px;
        color: #333;
        background: #fff;
        line-height: 35px;
        border: 1px solid #ccc;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -o-border-radius: 5px;
        box-shadow: 0 0 3px #CCC inset;
        -webkit-box-shadow: 0 0 3px #CCC;
        -o-box-shadow: 0 0 3px #CCC;
        padding: 0 0 0 10px;
        margin: 10px 0;
     }
     
     .closeIcon {
        background: transparent;
        box-shadow: none;
        border: 0px;
     }
     
     .fieldsWrapperOuter {
        display: flex;
     }
     
     .fieldsWrapperOuter .fieldsWrapper {
        width: 50%;
        padding: 0px 15px;
        /* display: flex; */
     
     }
     
     .fieldsWrapperOuter .fieldsWrapper input {
        width: 100%;
        margin-bottom: 2px;
     
     }
     
     .fieldsWrapperOuter .fieldsWrapper select {
        width: 100% !important;
        padding-left: 0px;
        margin-bottom: 2px;
     }
     
     .modalBodyPopupFirst {
        width: 500px;
        text-align: center;
     }
     
     .topHeading {
        text-align: left;
        padding-left: 11px;
        padding-bottom: 15px;
     }
     
     
     /* The Modal (background) */
     
     .modal {
        display: none;
        /* Hidden by default */
        position: fixed;
        /* Stay in place */
        z-index: 9999;
        /* Sit on top */
        padding-top: 5%;
        /* Location of the box */
        left: 0;
        top: 0;
        width: 100%;
        /* Full width */
        height: 100%;
        /* Full height */
        overflow: auto;
        /* Enable scroll if needed */
        background-color: rgb(0, 0, 0);
        /* Fallback color */
        background-color: rgba(0, 0, 0, 0.4);
        /* Black w/ opacity */
     }
     
     /* Modal Content */
     
     /* .modal-content {
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
        border-radius: 5px;
     } */
     
     /* The Close Button */
     
     .close {
        color: #aaaaaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
     }
     
     .close:hover,
     .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
     }
     
     .submitBtnWrapper {
        padding: 0px 15px;
     }
     
     .submitBtnWrapper #ach_submit {
        width: 100%;
        width: 100%;
        height: 45px;
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        color: #fff;
        font-size: 19px;
        text-transform: uppercase;
        background: rgb(196, 240, 253);
        background: -moz-linear-gradient(top, rgba(196, 240, 253, 1) 0%, rgba(0, 186, 242, 1) 2%, rgba(9, 147, 189, 1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(196, 240, 253, 1)), color-stop(2%, rgba(0, 186, 242, 1)), color-stop(100%, rgba(9, 147, 189, 1)));
        background: -webkit-linear-gradient(top, rgba(196, 240, 253, 1) 0%, rgba(0, 186, 242, 1) 2%, rgba(9, 147, 189, 1) 100%);
        background: -o-linear-gradient(top, rgba(196, 240, 253, 1) 0%, rgba(0, 186, 242, 1) 2%, rgba(9, 147, 189, 1) 100%);
        background: -ms-linear-gradient(top, rgba(196, 240, 253, 1) 0%, rgba(0, 186, 242, 1) 2%, rgba(9, 147, 189, 1) 100%);
        background: linear-gradient(to bottom, rgba(196, 240, 253, 1) 0%, rgba(0, 186, 242, 1) 2%, rgba(9, 147, 189, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4f0fd', endColorstr='#0993bd', GradientType=0);
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -o-border-radius: 5px;
        border: 1px solid #0993bd;
        margin: 10px 0 20px 0;
        cursor: pointer;
     }
     
     .checkImageWrapper {
        background: url(https://explodely.com/images/check_content.png);
        height: 220px;
        background-size: contain;
        background-repeat: no-repeat;
     }
     
     .checkField {
        height: 20px !important;
        border-radius: 0px !important;
        box-shadow: none !important;
        /* border-color: #c8c8c8 !important; */
        margin-top: 25px !important;
        margin-left: 23px !important;
        font-size: 10px !important;
        margin-bottom: 0px !important;
     }
     
     .radioButtonWrapper {
        display: flex;
        align-items: center;
        font-size: 11px;
        padding-left: 14px;
     }
     
     .radioButtonWrapper input {
        margin-bottom: 0px !important;
        box-shadow: none !important;
        margin-left: 10px !important;
     }
     
     .bottomFieldsWrapper {
        margin-top: 48px;
        display: flex;
        margin-left: 18px;
     }
     
     .bottomFieldsWrapper input {
        margin-top: 0px !important;
        width: 100%;
     }
     
     .bottomFieldsWrapper p {
        font-size: 10px;
        font-family: Arial, Helvetica, sans-serif;
        margin-top: 3px;
     }
     
     .fieldsFirstWrapper {
        width: 32%;
        padding: 0px 10px;
     }
     
     .fieldsSecondWrapper {
        width: 32%;
        padding: 0px 10px;
     }
     
     .checkFieldBottom {
        height: 20px !important;
        border-radius: 0px !important;
        box-shadow: none !important;
        /* border-color: #c8c8c8 !important; */
        margin-top: 25px !important;
        margin-left: 0px !important;
        font-size: 10px !important;
        margin-bottom: 0px !important;
     
        text-align: left;
        height: 35px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 15px;
        color: #333;
        background: #fff;
        line-height: 35px;
        border: 1px solid #ccc;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -o-border-radius: 5px;
        box-shadow: 0 0 3px #CCC inset;
        -webkit-box-shadow: 0 0 3px #CCC;
        -o-box-shadow: 0 0 3px #CCC;
        padding: 0 0 0 10px;
        margin: 0 0 20px 0;
     }
     
     .text-center {
        text-align: center;
     }
     .country_class,
     .city_class {
        width: 66%;
        padding-right: 10px;
     }
     .zipCodeSection,
     .stateSection {
        /* width:34%; */
        padding-left: 0px;
     }
     #decline_msg {
        display: none;
     }
     .validation_error_message {
        margin-top: 14px;
        display: flex;
        /* justify-content: center; */
        color: red;
        margin-left: 23px;
     }
     .error_msg {
        display: none;
        color: red;
        font-family: Arial, sans-serif;
        font-size: 12px;
     }
     @media screen and (min-width: 300px) and (max-width:380px) {
        .modalBodyWrapper {
           display: block;
           width: 300px;
        }
        .checkField {
           height: 18px !important;
           border-radius: 0px !important;
           box-shadow: none !important;
           /* border-color: #c8c8c8 !important; */
           margin-top: 19px !important;
           margin-left: 13px !important;
           font-size: 8px !important;
        }
        .bottomFieldsWrapper p {
           display: none;
        }
        .fieldsFirstWrapper input,
        .fieldsSecondWrapper input {
           width: 100%;
           padding-left: 5px !important;
           height: 18px !important;
        }
        .checkFieldBottom {
           font-size: 8px !important;
        }
        .bottomFieldsWrapper {
           margin-top: 15px;
           margin-left: 0px;
        }
        .middleFieldWrapper {
     
     
     
           margin-left: 149px;
     
     
     
        }
        .middleFieldWrapper .fieldsFirstWrapper {
     
     
     
           width: 95% !important;
     
     
     
        }
        .fieldsSecondWrapper,
        .fieldsFirstWrapper {
           width: 33%;
     
        }
        .checkImageWrapper {
           height: 110px;
        }
        .nameFieldWrapper {
           width: 30%;
        }
        #ach_fname,
        #ach_lname {
           width: 88%;
           margin-left: 11px !important;
        }
     
        #routingno {
           padding-left: 6px;
        }
        .checkFieldBottom {
           font-size: 7px !important;
        }
     }
     
     @media screen and (max-width:499px) and (min-width: 381px) {
        .modalBodyWrapper {
           display: block;
           width: 350px;
        }
        .fieldsSecondWrapper input,
        .fieldsFirstWrapper input {
           width: 100%;
        }
        .bottomFieldsWrapper {
           margin-top: 25px;
           display: flex;
           margin-left: 7px;
        }
        .fieldsSecondWrapper,
        fieldsFirstWrapper {
           width: 32%;
        }
        .fieldsSecondWrapper p,
        .fieldsFirstWrapper p {
           display: none;
        }
        .checkImageWrapper {
           height: 135px;
        }
        .checkFieldBottom {
           font-size: 8px !important;
           padding-left: 5px;
        }
        .middleFieldWrapper {
     
     
     
           margin-left: 183px;
     
     
     
        }
     
     
     
        .middleFieldWrapper .fieldsFirstWrapper {
     
     
     
           width: 94% !important;
     
     
     
        }
     
     
     
     }
     @media screen and (max-width:499px) {
        .topHeading {
           padding-bottom: 0px;
        }
        .orText h5 {
           margin-bottom: 0px;
        }
     }
     @media screen and (max-width:500px) {
        .modalBodyPopupFirst {
           width: 100%;
           padding: 0px;
           margin-right: 0px;
        }
        .topHeading {
           display: flex;
           width: 100%;
        }
        .fieldsWrapper {
           width: 100% !important;
        }
        .fieldsWrapperOuter {
           display: block !important;
           padding: 0px 7px;
        }
        .fieldsWrapperOuter .fieldsWrapper {
           padding: 0px;
        }
        .submitBtnWrapper {
           padding: 0px 7px;
        }
     }
     
     @media screen and (max-width:420px) {
        .modal-title {
           font-size: 12px;
        }
        .orText h5 {
           font-size: 12px;
     
        }
     }
     /* @media screen and (max-height:560px) {
        #achmodal2 .modal-content{
            height: 400px;
            overflow: auto;
        }
     } */
     @media (min-height:560px) and (max-height:620px) {
        #achmodal2 .modal-content {
           height: 480px;
           overflow: auto;
        }
     }
     .checkImageWrapper .nameFieldsWrapper {
        display: flex;
     }
     @media (min-width:381px) and (max-width:499px) {
        .checkImageWrapper .nameFieldWrapper {
           width: 32%;
           display: flex;
        }
        .nameFieldWrapper input {
           width: 100% !important;
           margin-left: 16px !important;
        }
        #achmodal1 .modal-title,
        #achmodal1 .orText h5 {
           font-size: 16px;
        }
     }
     .textfieldWrapper p {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 15px;
        background: #dff6b1;
        border-top: 1px solid #ebeaea;
        width: 100%;
        padding: 10px;
        margin-top: 10px;
        padding-top: 6px;
        height: 35px;
     }
     
     
     @media screen and (max-width: 768px) {
        #securityCode,
        #cardid,
        .s_form .special_selectmonth .select,
        #selectyear,
        .f_form input[type="text"],
        #selectshippingcountry,
        #mobstate {
           padding-left: 5% !important;
     
        }
     }
     
     .wrapperPaymentButton .btn {
        border: #6c757d !important;
     
     }
     
     @media screen and (max-width:767px) {
        .zipCodeSection,
        .stateSection {
           padding-left: 0px;
        }
        .topLogoSection img,
        #trust_guard_seal {
           display: none;
        }
        .topLogoSection {
           float: right;
           margin-bottom: 17px;
        }
     }
     @media screen and (max-width:334px) {
        .zipCodeSection,
        .stateSection {
           width: 40%;
        }
        .country_class,
        .city_class {
           width: 60%;
           padding-right: 10px;
        }
     }
     .customerInfoHeadingfooter {
        font-size: 1.5rem;
     }
     @media screen and (max-width:499px) {
        .wrapperLogo img {
           width: 140px;
        }
        .paymentFormSection img {
           width: 10px;
        }
        .paymentFormSection p {
           font-size: 11px;
        }
        .checkFieldBottom {
           font-size: 8px;
        }
        #achmodal2 .modal-content {
           height: 700px;
        }
        .fieldsFirstWrapper input,
        .fieldsSecondWrapper input {
           padding-left: 4px;
        }
        .fieldsWrapperOuter .fieldsWrapper input,
        .fieldsWrapperOuter .fieldsWrapper select,
        .textfieldWrapper p {
           height: 32px;
        }
        #achmodal1 .modalBodyWrapper {
           margin-top: 114px;
        }
     }
     
     @media screen and (max-width:355px) {
        .wrapperLogo img {
           width: 108px;
        }
        .paymentFormSection img {
           width: 8px;
        }
        .paymentFormSection p {
           font-size: 9px;
           margin-left: 3px;
        }
        .paymentFormSection {
           justify-content: flex-start;
           padding: 6px 7px !important;
        }
     
     }
     @media screen and (min-width:611px) {
     
        .paymentFormSection {
           margin-right: 15px;
        }
     }
     .btn-group>.btn:last-child:not(:first-child),
     .btn-group>.dropdown-toggle:not(:first-child),
     .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-radius: 0px;
     }
     .modal-backdrop.in {
        z-index: 2;
     }
     .container {
        z-index: 1;
     }
     /* @media screen and (max-width: 765px){ */
     .questionMarkIcon {
        top: 6px !important;
        right: 5px;
     }
     /* } */
     
     
     #security::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        content: "Security";
     }
     @media screen and (min-width: 414px) {
        .securityfield {
           float: left;
        }
     
     }
     @media (min-width:380px) and (max-width:767px) {
        .securityfield {
           width: 33%;
           float: right;
     
        }
        .wrapperInnerExpiryDate .expirationfield {
           padding: 0px;
           width: 67%;
           float: left;
        }
     }
     @media screen and (max-width: 380px) {
        .securityfield {
           width: 49%;
           float: right;
           padding: 0px;
        }
        .wrapperInnerExpiryDate .expirationfield {
           padding: 0px;
           width: 49%;
           float: left;
        }
        .wrapperInnerExpiryDate .securityfield label {
           float: right;
        }
     }
     @media screen and (max-width: 420px) {
        .wrapperApplyButton button {
           margin-top: 0px;
        }
     }
     
     @media screen and (min-width: 611px) {
        .wrapperPaymentButton .btn {
           border-radius: unset;
        }
        .wrapperPaymentButton .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
           border-top-left-radius: 7px;
           border-bottom-left-radius: 7px;
        }
        .wrapperPaymentButton .btn-group>.btn:last-child:not(:first-child),
        .btn-group>.dropdown-toggle:not(:first-child) {
           border-top-right-radius: 7px;
           border-bottom-right-radius: 7px;
        }
     }
     
     @media (min-width:500px) and (max-width: 570px) {
        .modalBodyWrapper {
           width: 476px;
        }
        .fieldsSecondWrapper p,
        .fieldsFirstWrapper p {
           display: none;
        }
        .checkImageWrapper {
           height: 190px;
        }
        .bottomFieldsWrapper {
           margin-top: 50px;
           margin-left: 13px;
        }
     
     
     
        .middleFieldWrapper {
     
     
     
           margin-top: 24px;
     
     
     
           margin-left: 266px;
     
     
     
        }
        .modalBodyPopupFirst {
           width: 410px;
        }
     }
     .submitBtnWrapper #ach_submit {
        margin-top: 0px;
     }
     .modal button.close {
        color: black;
     }
     #card_error,
     #ccnoerror {
        color: red;
        font-family: Arial, sans-serif;
        font-size: 12px;
        margin-left: 5px;
        display: none;
     }
     #countdown {
        font-weight: bold;
     }
     #redurl a {
        color: #fff;
        font-weight: bold;
        text-decoration: underline;
        cursor: pointer
     }
     #blockmsg {
        background: #f35a5a;
        border: 1px solid #fff;
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #FFE;
        line-height: 22px;
        margin: 15px auto 15px auto;
        padding: 5px 10px 7px 10px;
        font-weight: normal;
        -webkit-border-radius: 4px;
     }
     #cp_error {
        display: none;
        color: red;
        margin-left: 2% !important;
        margin-top: 1%;
        font-weight: normal;
        font-family: Arial, sans-serif;
        font-size: 12px;
     }
     .buttonload {
        background-color: #adadad;
        /* Gray background */
        border: none;
        /* Remove borders */
        color: white;
        /* White text */
        padding: 7px 16px;
        /* Some padding */
        font-size: 20px;
        /* Set a font-size */
        float: right;
        width: 100%;
        border-radius: 5px;
        margin: 18px 0px 20px 0;
     }
     .dupbuttonload {
        background-color: #adadad;
        /* Gray background */
        border: none;
        /* Remove borders */
        color: white;
        /* White text */
        padding: 7px 16px;
        /* Some padding */
        font-size: 20px;
        /* Set a font-size */
        float: right;
        width: 100%;
        border-radius: 5px;
        margin: 0px 0px 20px 0;
        height: 55px;
     }
     .duplicate-purchase h1 {
        font-size: 14px;
        padding-bottom: 7px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: red;
        height: 55px;
        line-height: 23px;
        text-align: center;
     }
     .resend_resceipt {
        background: #a2d62e;
        margin-top: 0px;
        padding: 3px;
        font-size: 13px;
        border-radius: 5px;
        margin-top: 0px;
     }
     .resend_resceipt a {
        color: white;
     }
     .duplicate_btn {
        height: 55px;
        font-size: 14px;
        background: #a2d62e;
        margin-top: 0px;
        padding: 3px;
        border-radius: 5px;
        margin-top: 0px;
        color: white;
        font-size: 12px;
        border: #a2d62e;
        line-height: 23px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
     }
     #duplicatepanel {
        margin-bottom: 20px;
        display: none;
     }
     .order-receipt {
        text-decoration: none;
        margin-left: 1%;
     }
     #mobileCpnMessage {
        display: none;
        color: #06A906;}
     #mobileCpnMessage .col-sm-10,
     #mobileCpnMessage .col-xs-7 .vat_section .col-sm-10,
     .vat_section .col-xs-7,
     #addonservicefeature .col-sm-7,
     #addonservicefeature .col-xs-7 {
        padding-left: 0px;
     }
     .innerSubscriptionSection h3 {
        font-size: 12px;
     }
     .css-checkbox {
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        height: 1px;
        width: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
     }
     #demo_box_1 .css-label {
        padding-left: 0;
        height: 26px;
        display: inline-block;
        line-height: 21px;
        background-repeat: no-repeat;
        background-position: 0 0;
        font-size: 14px;
        vertical-align: middle;
        cursor: pointer;
        margin: 0 10px 0 0;
     }
     .css-label {
        float: left !important;
        width: 520px !important;
        background:  no-repeat;
        color: #666;
        line-height: 25px;
     }
     #addonservicefeature input {
         display: inline-block;
         width: fit-content;
         height: unset;
         vertical-align: top;
         margin-bottom: 0;
     }
     .addon_value h5 {
        margin-top: 5px;
     }
     #HotelUrgencyMsg {
        position: fixed;
        _position: absolute;
        border: 4px solid #8ec431;
        background-color: #9ddb21;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        bottom: 50px;
        right: 55px;
        width: 250px;
        z-index: 9999;
     }
     #BookingMessage {
        color: #000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        line-height: 1.2;
        padding: 16px 0px 16px 16px;
        float: left;
        width: 80%;
     }
     #CloseButton {
        float: right;
        padding-bottom: 16px;
        padding-right: 1px;
     }
     #CloseButtonImg {
        cursor: pointer;
     }
     #payfields {
        display: none;
     }
     .creditcard {
        background-repeat: no-repeat !important;
        background-position: right !important;
     }
     .classdisabled {
        border: 1px solid #ccc;
        background: #f1f1f1;
        color: #999;
        cursor: not-allowed;
     }
     button.classdisabled:hover {
        background: #f1f1f1;
        border-color: #f1f1f1;
     }
     .error {
        color: red;
        font-family: Arial, sans-serif;
        font-size: 12px;
        margin-left: 5px;
     }
     .inputerror {
        border: 1px solid #F00 !important;
     }
     #btn_pay {
        margin-bottom: 15px;
     }
     .expirationfield {
        padding-left: 0px;
     }
     .ach_buttonload {
        width: 100%;
        height: 45px;
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 19px;
        background-color: #adadad;
        /* padding: 12px 14px; */
        /* margin-right: 8px; */
        border: 0px;
        color: #fff;
        border-radius: 5px;
        /* width: 46%; */
        /* margin: -12px 30px 14px 0; */
        /* height: 20%; */
        font-weight: normal;
        font-size: inherit;
        float: right;
     }
     .footersection {
        margin-left: 2px;
     }
     .zippadding {
        padding-left: 15px;
     }
     .language_dropdown {
        text-align: right;
     }
     @media (min-width:575px) and (max-width:610px) {
        .secondTopSection .paymentFormSection {
           padding-top: 10px;
        }
     }
     
     @media (min-width:648px) and (max-width:737px) {
        .paymentFormSection p {
           font-size: 12px;
        }
     
        .paymentFormSection img {
           width: 6%;
        }
     }
     
     @media (min-width:562px) and (max-width:647px) {
        .paymentFormSection p {
           font-size: 11px;
        }
     
        .paymentFormSection img {
           width: 5%;
        }
     }
     
     @media (min-width:523px) and (max-width:561px) {
     
        .paymentFormSection p {
           font-size: 10px;
        }
     
        .paymentFormSection img {
           width: 5%;
        }
     }
     
     @media (min-width:484px) and (max-width:523px) {
        .paymentFormSection p {
           font-size: 9px;
           margin-left: 3px;
        }
     
        .paymentFormSection img {
           width: 5%;
        }
     }
     
     @media (min-width:430px) and (max-width:483px) {
        .paymentFormSection p {
           font-size: 8px;
           margin-left: 3px;
        }
     
        .paymentFormSection img {
           width: 5%;
        }
     }
     
     @media (min-width:391px) and (max-width:445px) {
        .paymentFormSection p {
           font-size: 7px;
           margin-left: 3px;
        }
        .paymentFormSection img {
           width: 5%;
        }
     }
     
     @media screen and (max-width:391px) {
        .paymentFormSection p {
           font-size: 6px;
           margin-left: 3px;
        }
     
        .paymentFormSection img {
           width: 5%;
        }
     }
     
     .wrapperLogo img {
           width: 90%;
     }
     
     .wrapperLogo {
        padding-right: 0px;
     }
     
     @media (min-width:506px) and (max-width:610px) {
        secondTopSection .paymentFormSection {
           padding-top: 4px;
        }
     }
     
     @media (min-width:446px) and (max-width:499px) {
        secondTopSection .paymentFormSection {
           padding-top: 5px;
        }
     }
     
     @media screen and (max-width:499px) {
        secondTopSection .paymentFormSection {
           padding-top: 6px;
           padding-left: 6px;
        }
     
     }
     
     @media screen and (max-width:499px) {
        .language_dropdown select {
                 width: 100%;
        }
     }
     
     @media screen and (max-width:611px) {
        .wrapperPaymentButton .btn {
           width: 100%;
        }
     }
     
     .btn.active {
        -webkit-box-shadow: unset;
        box-shadow: unset;
     }
     
     #addonservicefeature {
        padding-top: 15px;
     }
     
     .addonserviceblock {
        padding-left: 0px;
     }
     #addonservicefeature input{
        width: 16px;
     }
     
     .special_select {
        padding-left: 0px;
     }
     
     @media (min-width:455px) and (max-width:574px) {
        secondTopSection .paymentFormSection {
           padding-top: 10px;
        }
     }
     
     @media (min-width:411px) and (max-width:454px) {
        secondTopSection .paymentFormSection {
           padding-top: 8px;
        }
     }
     
     @media (min-width:320px) and (max-width:410px) {
        secondTopSection .paymentFormSection {
           padding-top: 6px;
        }
     }
     
     @media screen and (min-width:571px) {
        .middleFieldWrapper {
           margin-top: 35px;
           margin-left: 311px;
        }
     
     }
     
     .middleFieldWrapper .fieldsFirstWrapper {
        width: 88%;
     }
     
     .middleFieldWrapper input {
        margin-top: 0px !important;
        width: 100%;
        background: #dff6b1;
        border: 1px solid #ebeaea;
     }
     
     input#ach_price {
        outline: none;
     }
     
     .fieldsWrapper .intl-tel-input {
        margin: 10px 0;
        margin-bottom: 2px;
     }
     
     
     /*Added because of red border in input field in firefox*/
     :not(output):-moz-ui-invalid:not(:focus) {
        box-shadow: none;
     }
     
     :not(output):-moz-ui-invalid:-moz-focusring:not(:focus) {
        box-shadow: none;
     }
     
     
     
     /*Added because of red border in input field in firefox**/
     
     .addontooltip {
        color: #ffffff;
        background: #8eca17;
        width: 22px;
        height: 22px;
        padding: 3px 5px;
        border: 1px solid #ffffff;
        border-radius: 50%;
     }
     
     .addonservicesection {
        margin-left: 15px;
        margin-right: 15px;
     }
     
     .addonservicesection .col-sm-12,
     addonservicesection .col-xs-12,
     .addonservicetext {
        padding-left: 0px;
     }
     
     .addonservicesection .addonserviceheading {
        padding-left: 0px;
     }
     
     .addonservicediv .col-xs-1
     .addonservicediv .col-sm-1 {
        padding-right: 0px;
     }
     
     .addonservicesection h1 {
        font-size: 15px;
        font-weight: bold;
        text-transform: uppercase;
        padding: 10px;
        margin-top: 19px;
        border-bottom: 1px solid #d4d4d4;
     }
     
     .addonservicesection .addonservicediv {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
        /* margin-left: 15px; */
        margin-bottom: 15px;
        margin-right: 15px;
        /* background-color: #f7f5f5a6; */
        border: 1px solid #ccc;
        border-radius: 4px;
        background-color: white;
     
     }
     
     .addon_price h5,
     .addon_price {
        float: right;
     }
     
     .addonservicesection .col-sm-12 {
        padding-left: 0px;
     }
     
     @media screen and (max-width:845px) {
        .addon_price {
           width: 25px;
        }
     }
     
     @media screen and (max-width:466px) {
        .addonservicetext {
     
           padding-left: 12px;
     
        }
     }
     
     
     @media screen and (max-width: 763px) {
     
        #cp_validated {
     
           margin-top: 28px !important;
     
        }
     
     }
     
     #addonserviceprices h5,
     .cbservicefee h5 {
     
        float: right;
     
     }
     
     .pprice h5 {
     
        margin-right: 16px;
     
     }
     
     @media (min-width: 768px) and (max-width: 866px) {
     
        .addonservicesection .addonservicetext b {
     
           margin-left: 9px !important;
     
        }
     
     }
     
     @media (min-width: 941px) and (max-width: 991px) {
     
        .addonservicesection .addonservicetext b {
     
           margin-left: 9px !important;
     
        }
     
     }
     
     .thanks_popup_error_message {
        color: red;
        font-family: Arial, sans-serif;
     }
     
     .sub_msg {
        text-align: center;
        padding-bottom: 20px;
        font-size: 20px;
        font-weight: 600;
        padding-top: 50px;
        padding-bottom: 50px;
     }
     
     .sub_msg .success_msg {
        color: green;
     }
     
     .sub_msg .thanks_popup_error_message {
        color: red;
     }
     
     #exitButton {
        cursor: pointer;
     }
     
     @media only screen and (max-width: 1026px) {
        .productImage {
           display: none !important;
        }
     }
     
     .addWidth100 {
        width: 100%;
     }
     .material input, .material select{
         height: 45px;
/*         color: #999 !important;*/
         color: #000000 !important;
         font-size: 17px;
     }
     .material label{
         color: #999 !important;
         top: 11px;
         font-size: 17px;
     }
     .d-flex.flex-wrap.align-items-center.m-0.p-0.mt-3 {
         display: flex;
     }
     .d-flex.flex-wrap.align-items-center.m-0.p-0.mt-3 .material:last-child{
         margin-right: 0;
     }
     .coupon-custom-wrapper .coupon-code{
         height: 45px !important;
         margin-bottom: 0;
     }
     .apply-btn{
         margin-top: 5px !important;
         padding: 13.5px 20px !important;
     }
     .btn-success{
         background-color: #9c9c9c;
         border-color: #9c9c9c;
         transition: all ease .4s;
         -webkit-transition: all ease .4s;
         -moz-transition: all ease .4s;
         -ms-transition: all ease .4s;
         -o-transition: all ease .4s;
     }
     .btn-success:hover,.btn-success:focus{
        background-color: #656161;
         border-color: #656161;
     }
     .apply-btn{
        background-color: #9c9c9c !important;
        transition: all ease .4s;
        -webkit-transition: all ease .4s;
         -moz-transition: all ease .4s;
         -ms-transition: all ease .4s;
         -o-transition: all ease .4s;
         margin-right: 0 !important;
     }
     .apply-btn:hover,.apply-btn:focus{
        background-color: #656161 !important;
     }
     .addonserviceblock{
         cursor: pointer;
         -webkit-user-select: none;
         -moz-user-select: none;
         -ms-user-select: none;
         user-select: none;
     }
     .vat_section{
         border-bottom: 1px solid #999;
     }
     .addon_price h5, .addon_price{
        margin:  0;
        margin-top: 2.5px;
     }
     .addonservicesection #addonservicefeature input{
         margin-bottom: 9px;
         width: 16px;
     }
     .pay_now{
         transition: all ease .4s;
         -webkit-transition: all ease .4s;
         -moz-transition: all ease .4s;
         -ms-transition: all ease .4s;
         -o-transition: all ease .4s;
     }
     .pay_now:hover,.pay_now:focus{
         background: #b1271d;
     }
     .language_dropdown #change_language{
         color: #5c5c5c !important;
         background-color: transparent;
         box-sizing: border-box;
         width: 50%;
         padding: 12px 10px 12px 10px;
         border: none;
         font-weight: 400;
         outline: none;
         cursor: text;
         border: 1px solid #5c5c5c;
         border-radius: 4px;
         transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
     }
     .addonservicesection{
        margin: 0 !important;
     }
     .material{
        margin-left: 0 !important;
     }
     .addonservicesection .col-sm-12{
        padding-right: 0 !important;
     }
     #addonservicefeature{
        margin-right: 0!important;
     }
     @media(max-width: 991px){
        .language_dropdown #change_language{
           width: 100%;
        }
     }
     @media(max-width: 767px){
        .customerInfoHeading{
           margin-right: 0;
        }
        .material{
           margin-right: 0 !important;
        }
        .material.mb-mr{
           margin-right: 10px !important;
        }
        #dev{
           margin-left: 0 !important;
           margin-right: 0 !important;
           width: 100%;
        }
        .paymentFormSection img{
            width: 15%
        }
        .paymentFormSection p{
            font-size: 10px;
            margin-left: 10px;
        }
        .language_dropdown{
            margin-top: 10px;
        }
     }
     #card-info .modal_flex {
         display: block;
         text-align: right;
         width: 100%;
         margin-top: -15px;
         margin-bottom: 10px;
     }
     #card-info .modal_flex .modal_btn{
         border: 0;
         background: transparent;
         padding: 0;
         color: #337ab7;
         display: inline-block;
         width: 32%;
         text-align: left;
         font-size: 16px;
     }
     .card_popup .modal-header{
         padding: 30px 20px;
     }
     .card_popup .modal-header h4{
         display: flex;
         align-items: center;
         font-weight: 300;
         font-size: 26px;
         color: #333333;
         margin-bottom: 0;
     }
     .card_popup .modal-header h4 img{
         margin-right: 10px;
     }
     .card_popup .modal-body{
         padding: 25px 20px;
     }
     .card_popup .modal-body p{
         color: #373737;
         font-size: 18px;
         margin-bottom: 0;
     }
     .card_popup .modal-body .card_img{
         display: block;
         margin: 15px auto;
         width: 50%;
     }
     .card_popup .modal-footer{
         padding: 20px;
     }
     .card_popup .modal-footer .btn-white{
         background: white;
         border: 1px solid #D8D8D8;
         color: #585757;
         font-size: 18px;
         padding: 8px 20px;
         transition: all ease .4s;
         -webkit-transition: all ease .4s;
         -moz-transition: all ease .4s;
         -ms-transition: all ease .4s;
         -o-transition: all ease .4s;
     }
     .card_popup .modal-footer .btn-white:hover,.card_popup .modal-footer .btn-white:focus{
         background-color: #585757;
         color: white;
     }
     .productImage{
        display: block !important;
     }
     .bttn_flex{
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: flex-end;
     }
     .bttn_flex_mob{
        display: none;
        align-items: center;
        width: 100%;
        justify-content: flex-end;
        margin-bottom: 10px;
     }
     .trust-images{
           padding-left: 0 !important;
           padding-right: 0 !important;
           height: inherit !important;
           padding-top: 20px !important;
           justify-content: space-between !important;
           
        }
        .trust-images img{
           height: 45px !important;
           max-width: 50%;
        }
     @media(max-width: 991px){
        .trust-images img{
           height: 35px !important;
           max-width: 50%;
        }
     }
     @media(max-width: 767px){
        .bttn_flex{
           display: none;
        }
        .bttn_flex_mob{
           display: flex;
        }
        /*#card-info .modal_flex .modal_btn{
           width: 100%;
        }*/
        .card-extra-details {
            display: flex;
            justify-content: space-between !important;
        }
        .card-extra-details .material{
            width: 32%;
        }
        .card_popup .modal-body .card_img{
           width: 75%;
        }
        .card_popup .modal-header h4{
           font-size: 20px;
        }
        .card_popup .modal-body p{
           font-size: 16px;
        }
        .trust-images img{
           max-width: 50%;
           height: initial;
        }
        .trust-images{
           padding-left: 0 !important;
           padding-right: 0 !important;
           height: inherit !important;
           padding-top: 0 !important;
        }
        .trust-images img{
           height: inherit !important;
           max-width: 45% !important;
        }
     }

     
.coupon_highlight_box{float: left;}
        .order_heading_left{width: 55%;float: left;text-align: left;}
        .order_heading_right{width: 45%;float: right;text-align: right;}
        .desktopviewtitle{display: inline-block;}
        .currency_inp{padding: 0 !important; margin: 7px 0px;}
        .buttonload{margin: 0px;font-family: Arial, Helvetica, sans-serif;height: 55px;font-size: 19px;-webkit-border-radius: 5px;-o-border-radius: 5px;text-transform: uppercase;cursor: pointer !important;background-color: green;color: #ffffff;}
        .upsellwait{width: 100%;}
        .initial_none_sezzle{display: none;}
        .bg_white{background: #ffffff;}
        #bcname_box, #cname_box{margin-top: 15px;}
        #mycform{z-index: 3000; top: 277.172px; left: 1088.48px; width: 100%; height: 45px;margin-bottom: 20px;border: 1px solid #5c5c5c;border-radius: 4px;}
        #mycform iframe{height: 45px !important;}
        .mycform-status{display: none;color: red;font-family: Arial,sans-serif;font-size: 12px;margin-top: -10px;}
        .or_title {text-align: center;overflow: hidden;font-size: 18px;font-weight: 700;}
        .or_title span {display: inline-block;position: relative;padding: 5px 10px;}
        #bottom_top{background: #ffffff;color: #000000;padding-bottom: 10px;_width: 100%;_float: left;}
        #bottom_down{background: #2A027F;color: #ffffff;padding-top: 15px;_width: 100%;_float: left;}
        #bottom_top h2{font-size: 24px;}
        #bottom_top p{font-size: 13px;}
        @media screen and (max-width: 397px) {
            .payment-method-button{padding: 6px 8px !important;font-size: 14px;}
            .payment-method-icon{margin-right: 8px !important;}
        }
        @media screen and (max-width: 354px) {
            .payment-method-button{padding: 6px 6px !important;font-size: 12px;}
            .payment-method-icon{margin-right: 6px !important;}
        }
        @media screen and (max-width: 520px) {
            .m_m_0{margin: 0;padding: 0;}
            .systemhubs_image{margin: 0 auto;display: block;}
            #warningmodal .modal-content{float: left;padding-bottom: 10px;}
            #warningmodal .modal-content a{float: left;width: 100%;margin-top: 5px;}
            .desktopviewtitle{display: none;}
            .order_heading_left{padding-left: 0;padding-right: 0;}
            .order_heading_right{padding-left: 0;padding-right: 0;}
        }

/* ================= Profit Plan 365 brand overrides ================= */


:root {
  --pp-blue: #1d4ed8;
  --pp-blue-dark: #16327a;
  --pp-green: #2f9e34;
  --pp-green-dark: #24812a;
  --pp-gold: #f0a81e;
  --pp-ink: #101828;
  --pp-muted: #667085;
  --pp-border: #e4e7ec;
}

body,
#defaultcontainer {
  background: #f5f8ff !important;
  color: var(--pp-ink) !important;
  font-family: ui-sans-serif, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

/* ---------- Header / logo ---------- */
.topLogoSection,
.wrapperTopLogo,
.wrapperLogo {
  background: transparent !important;
  text-align: center !important;
}

.wrapperLogo img,
.topLogoSection img {
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
}

.productSection img,
.product_image img,
.productImage img,
.order-product-image img {
  width: 180px !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

/* ---------- Headings ---------- */
h1, h2, h3,
.heading,
.topHeading,
.customerInfoHeading,
.oderDetailsHeading,
.order_heading_left,
.desktopviewtitle,
.modal-title {
  color: var(--pp-blue-dark) !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em;
}

/* Green rule under the main section headings for brand congruency */
.customerInfoHeading,
.oderDetailsHeading {
  border-bottom: 2px solid var(--pp-green) !important;
  padding-bottom: 8px !important;
}

/* ---------- Panels ---------- */
.leftContentWrapper,
.wrapperRightForm,
.paymentFormSection,
.wraperOrderDetails,
.wrapperCustomerInfo,
.productSection,
.order_summary,
.order-receipt,
.innerContentDetails,
.bg_white {
  background: #ffffff !important;
  border: 1px solid var(--pp-border) !important;
  border-radius: 10px !important;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05) !important;
}

/* ---------- Inputs ---------- */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
select,
textarea,
.material,
.currency_inp,
.expiryDateInput,
.securityCode {
  border: 1px solid var(--pp-border) !important;
  border-radius: 6px !important;
  font-size: 15px !important;
  background: #fff !important;
  color: var(--pp-ink) !important;
}

input:focus,
select:focus,
textarea:focus,
.material:focus,
.btn_focus {
  outline: none !important;
  border-color: var(--pp-blue) !important;
  box-shadow: 0 0 0 3px rgba(29, 78, 216, 0.15) !important;
}

.inputerror,
.material.red,
.error,
.error_msg,
.validation_error_message,
.coupon_invalid,
.coupon_error {
  color: #b42318 !important;
  border-color: #b42318 !important;
}

/* ---------- Primary buttons (green, from the logo) ---------- */
.pay_now,
.btnPayNow,
.btn-success,
.apply-btn,
.duplicate_btn,
.payment-method-button,
input[type="submit"] {
  background: var(--pp-green) !important;
  background-image: none !important;
  border: 1px solid var(--pp-green) !important;
  border-radius: 6px !important;
  color: #fff !important;
  font-weight: 700 !important;
  text-transform: none !important;
  transition: background 0.15s ease;
}

.pay_now:hover,
.btnPayNow:hover,
.btn-success:hover,
.apply-btn:hover,
.payment-method-button:hover,
input[type="submit"]:hover {
  background: var(--pp-green-dark) !important;
  border-color: var(--pp-green-dark) !important;
}

/* Secondary / decline actions */
.custom_decline_btn,
.decline_body a,
.btn-group .btn:not(.btn-success) {
  background: transparent !important;
  color: var(--pp-muted) !important;
  border: 1px solid var(--pp-border) !important;
  font-weight: 500 !important;
}

/* ---------- Prices & order summary ---------- */
.product-price,
.pprice,
.addon_price,
.addon_value,
.wraperOrderDetailsPrice,
.order_heading_right {
  color: var(--pp-blue-dark) !important;
  font-weight: 700 !important;
}

.discount_value,
.coupon_discount_value,
.coupon_success,
.cp_validated,
#cp_validated {
  color: var(--pp-green-dark) !important;
  font-weight: 600 !important;
}

.coupon_highlight_box,
.CouponSection {
  background: rgba(47, 158, 52, 0.07) !important;
  border: 1px solid rgba(47, 158, 52, 0.28) !important;
  border-radius: 8px !important;
}

.orange_text,
#countdown,
.decline_countdown {
  color: var(--pp-gold) !important;
  font-weight: 700 !important;
}

/* ---------- Trust / footer ---------- */
/* Card logos and trust badges keep Explodely's own sizes. */

.footersection,
.footerText,
.bottomsLinks,
.termsDetailsSection,
.affiliate_text,
.customerInfoHeadingfooter {
  color: var(--pp-muted) !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
}

.footersection a,
.bottomsLinks a {
  color: var(--pp-blue) !important;
}

/* ---------- Modals ---------- */
.modal-header {
  border-bottom: 1px solid var(--pp-border) !important;
}

.modal .modal-content,
.modalBodyWrapper,
.emPaymentProcessModalContent {
  border-radius: 10px !important;
}

.loader {
  border-top-color: var(--pp-green) !important;
}

/* ---------- Phone checkout ---------- */
@media (max-width: 767px) {
  body,
  #defaultcontainer {
    font-size: 15px !important;
  }

  .topLogoSection,
  .wrapperTopLogo,
  .wrapperLogo {
    padding: 0 !important;
  }

  .wrapperLogo img,
  .topLogoSection img {
    width: 100% !important;
    max-height: 190px !important;
    object-fit: contain !important;
  }

  .leftContentWrapper,
  .wrapperRightForm,
  .paymentFormSection,
  .wraperOrderDetails,
  .wrapperCustomerInfo,
  .productSection,
  .order_summary,
  .order-receipt,
  .innerContentDetails,
  .bg_white {
    width: 100% !important;
    max-width: 100% !important;
    margin: 10px 0 !important;
    padding: 16px !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
  }

  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="number"],
  input[type="password"],
  select,
  textarea,
  .material,
  .currency_inp,
  .expiryDateInput,
  .securityCode {
    width: 100% !important;
    min-height: 46px !important;
    box-sizing: border-box !important;
  }

  .pay_now,
  .btnPayNow,
  .btn-success,
  .apply-btn,
  .payment-method-button,
  input[type="submit"] {
    width: 100% !important;
    min-height: 50px !important;
    padding: 12px 16px !important;
    white-space: normal !important;
  }

  .productSection img,
  .product_image img,
  .productImage img,
  .order-product-image img {
    width: 128px !important;
    margin: 0 auto 12px !important;
  }

  .bump-box,
  .order-bump,
  .order_bump,
  .addon-box,
  .addon_section {
    margin: 12px 0 !important;
    padding: 14px !important;
    border: 2px solid var(--pp-gold) !important;
    border-radius: 8px !important;
    background: #fff9eb !important;
    box-sizing: border-box !important;
  }

  .footersection,
  .footerText,
  .bottomsLinks,
  .termsDetailsSection {
    padding-left: 12px !important;
    padding-right: 12px !important;
    text-align: center !important;
  }
}


/* ================= Done For You + Preferred Status bump ================= */


/* ---------- Bump box ---------- */
.addonservicesection {
  background: #ffffff !important;
  border: 2px dashed var(--pp-green, #2f9e34) !important;
  border-radius: 10px !important;
  padding: 14px 12px 16px !important;
  margin: 14px 0 !important;
  box-sizing: border-box !important;
}

.addonservicesection h1 {
  font-size: 15px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  color: var(--pp-blue-dark, #16327a) !important;
  margin-bottom: 8px !important;
}

/* Checkbox row: soft yellow highlight with pulsing red arrow */
.addonservicesection .addonservicediv {
  background: #fff6d6 !important;
  border: 1px solid #f0c84b !important;
  border-radius: 6px !important;
  padding: 10px 12px !important;
  align-items: center !important;
  cursor: pointer !important;
  font-weight: 700 !important;
}

.addonservicesection .css-arrow,
.addonservicesection .order_bump-arrow {
  display: inline-block !important;
  animation: ppBumpNudge 1s ease-in-out infinite;
}

.addonservicesection .addon_checkbox {
  width: 20px !important;
  height: 20px !important;
  accent-color: var(--pp-green, #2f9e34);
  cursor: pointer !important;
}

.addonservicesection .cu_addonprice,
.addonservicesection .currencysign {
  color: var(--pp-green-dark, #24812a) !important;
}

@keyframes ppBumpNudge {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(5px); }
}

/* ---------- "82% SAY YES TO THIS!" line ---------- */
.addonservicesection .em_addon_title {
  font-size: 0 !important; /* hide the plain product title text */
  text-align: center !important;
  margin: 14px 0 8px !important;
}

.addonservicesection .em_addon_title::before {
  content: "\2191\00a0\00a0 82% SAY YES TO THIS! \00a0\00a0\2191";
  font-size: 17px !important;
  font-weight: 800 !important;
  color: #101828 !important;
}

/* ---------- Headline with green check ---------- */
.addonservicesection .em_addon_desc {
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: #344054 !important;
}

.addonservicesection .em_addon_desc::before {
  content: "\2705\00a0 YES! Unlock \201C Done For YOU\201D  + Preferred Status for just $47.";
  display: block;
  font-weight: 800 !important;
  font-size: 15px !important;
  color: #101828 !important;
  margin-bottom: 6px;
}

/* ---------- Urgency line ---------- */
.addonservicesection .em_addon_desc::after {
  content: "One-time price of only $47, regular $147. This price is only available on this page.";
  display: block;
  margin-top: 10px;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  color: #b42318;
}

@media (max-width: 767px) {
  .addonservicesection .em_addon_title::before { font-size: 16px !important; }
  .addonservicesection .em_addon_desc { font-size: 14px !important; }
}

/* ---------- Phone coupon row ----------
 * The phone rules above make inputs and buttons full width, which squeezed
 * the coupon field and Apply button into one row and let the absolutely
 * positioned success/error message overlap the field. Stack them instead. */
@media (max-width: 767px) {
  .coupon-custom-wrapper {
    flex-wrap: wrap !important;
    align-items: stretch !important;
    padding: 12px 0 0 !important;
    gap: 8px;
  }
  .coupon-custom-wrapper .material {
    flex: 1 1 100% !important;
    margin: 0 !important;
  }
  .coupon-custom-wrapper .material p {
    position: static !important;
    flex: 1 1 100%;
    margin: 6px 0 0 !important;
  }
  .coupon-custom-wrapper .material {
    flex-wrap: wrap !important;
    border: 0 !important;
  }
  .coupon-custom-wrapper .coupon-code {
    border: 1px solid var(--pp-border) !important;
    border-radius: 6px !important;
  }
  .coupon-custom-wrapper .apply-btn {
    flex: 1 1 100% !important;
    margin: 0 !important;
  }
}

/* ---------- Phone product description ----------
 * Explodely lays the description beside the image (8/4 columns). On phones
 * the image drops below, so let the description use the full width and
 * remove the extra nested frames that squeezed it into a narrow strip. */
@media (max-width: 767px) {
  .order_summary {
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }
  .wrapperRightForm {
    padding: 12px !important;
  }
  .wraperOrderDetails {
    padding: 12px 4px !important;
  }
  .wraperOrderDetails > .col-xs-8 {
    width: 100% !important;
    float: none !important;
  }
  .wraperOrderDetails > .productSection {
    width: 100% !important;
    float: none !important;
    clear: both;
    margin: 4px 0 12px !important;
    padding: 0 15px !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    text-align: center !important;
  }
}