@import url('https://fonts.googleapis.com/css?family=Cabin:400,500,600,700');html *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
*{margin:0}
html,body{height:100%}
body{background:#FFF;font-family:Circular,'Cabin',"Helvetica Neue",-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif !important;font-weight:normal;font-style:normal;font-size:14px;line-height:24px;color:#484848}
.img{max-width:100%;transition:all .3s ease-out 0s}
a{transition:all .3s ease-out 0s}
.button::after{transition:all .3s ease-out 0s}
input,select{transition:all .5s ease-out 0s}
a:focus{text-decoration:none;outline:none}
a:focus,a:hover{color:#ff7f00;text-decoration:none}
a,button,input{outline:medium none;color:#666666}
select:focus{outline:none}
.header-area{z-index:10;position:relative}
.topbar{left:0;margin:auto;position:relative;top:0;width:100%;background:rgba(255,255,255,.99);border-bottom:1px solid #e4e4e4 !important}
p.topbar-head{text-align:left;vertical-align:baseline;margin-bottom:0;line-height:1em;padding:15px 0;margin-left:10px}
p.topbar-txt{color:#999;text-align:right;font-size:12px;vertical-align:baseline;margin-bottom:0;line-height:13px;padding:15px 0;margin-left:45px}
.topbar img.icon{margin:11px 0 0 0;padding:0;width:auto;height:25px}
@media(max-width:991px){p.topbar-txt{text-align:right;font-size:11px;line-height:12px}
.mr-1{margin-right:0 !important}
.main-area{padding-top:0px!important}
.form-holder{padding:30px 20px 10px!important}
.form-holder .form-holder-title h1{margin-right:0px !important;margin-bottom:3px !important}}
@media(min-width:992px){#topbar-header .container-fluid .row .col-md-3{width:33.33333333%}
#topbar-header .container-fluid .row .col-md-2{width:8.33333333%}}
.main-area{padding-top:45px;padding-bottom:60px;overflow:hidden}
.form-wrap{background-color:transparent;max-width:405px;position:relative;z-index:3;padding-left:3px;padding-right:0;padding-top:8%}
.form-group{position:relative}
a:focus,a:hover{color:#1428a0;text-decoration:none}
h1,h2,h3,h4,h5,h6{font-family:Circular,'Cabin',"Helvetica Neue",-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif !important;color:#484848;margin-top:0;font-style:normal;font-weight:400}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit}
h1{font-size:36px;font-weight:500;margin-bottom:45px}
h2{font-size:24px}
h3{font-size:20px}
h4{font-size:18px}
h5{font-size:15px;margin-top:5px;margin-bottom:8px}
h6{font-size:12px;line-height:16px;font-weight:400}
h6.help-txt{margin-left:5px;margin-top:15px;color:#666}
p{font-size:17px;font-weight:300;line-height:22px;color:#666;margin-bottom:15px;letter-spacing:.2px !important}
hr{border-bottom:1px solid #eeeeee;border-top:0 none;margin:25px 0;padding:0}
hr.hidden-xs{margin-bottom:45px}
*::-moz-selection{background:#b4d8fc;text-shadow:none}
::-moz-selection{background:#b4d8fc;text-shadow:none}
::selection{background:#b4d8fc;text-shadow:none}
.f-left{float:left}
.f-right{float:right}
.fix{overflow:hidden}
.clearfix::after{content:"";clear:both;display:table}
.custom-select{-moz-appearance:none;-webkit-appearance:none;appearance:none}
.custom-select{<!-- background:rgba(255,255,255,1) url("../images/down-arrow.png") no-repeat scroll calc(100% - 12px) center !important;-->
border:1px solid #d7d7d7;height:42px !important;width:100%;border-radius:0 !important}
.custom-select option{font-size:13px;padding:2px 0 0 20px}
select{background:#fff;border:1px solid #d7d7d7;color:#666;font-size:15px;height:42px;padding-left:20px;outline:none}
label{color:#484848;font-size:17px;font-weight:300;display:block;margin-bottom:3px;letter-spacing:.2px !important}
::-webkit-input-placeholder{color:#888}
:-moz-placeholder{color:#888}
::-moz-placeholder{color:#888}
:-ms-input-placeholder{color:#888}
::-moz-placeholder{color:#888;font-size:13px}
.form-wrap.row.col-sm-6{padding:0px}
img.help{z-index:3;width:64px;height:auto;margin:0 0 0 1.8%}
img.cards{display:block;max-height:45px;width:auto;margin-bottom:20px}
img.secure{height:auto;width:321px;max-width:70%;margin:0 auto;display:block}
i{border-width:0 2px 2px 0;display:inline-block;padding:2px}
.left{transform:rotate(135deg);-webkit-transform:rotate(135deg)}
.button{background:#5eb42a;border:0 none;color:rgb(255,255,255);cursor:pointer;display:inline-block;font-size:19px;font-weight:700;overflow:hidden;padding:0;position:relative;padding-top:15px;padding-bottom:15px;text-transform:none;border-radius:4px;width:100%;margin-top:10px}
.button::after{background:rgba(255,255,255,.09) none repeat scroll 0 0;content:"";height:100%;left:0;margin:auto;position:absolute;right:0;top:0;width:0;z-index:1;cursor:pointer}
.button:hover::after{width:100%;cursor:pointer}
button{background:rgba(0,0,0,0) none repeat scroll 0 0;border:medium none;font-family:Circular,'Cabin',"Helvetica Neue",-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif !important;white-space:nowrap}
.button:focus{outline:none}
a.button-denied{max-width:280px;margin-top:25px;text-align:center}
a.button-denied:hover{color:#FFF;cursor:pointer}
.button:disabled{background:rgba(94,180,42,.5);cursor:initial}
input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="tel"]{background:#fff none repeat scroll 0 0;border:1px solid #d7d7d7;color:#666;font-size:15px;height:42px;padding:8px;padding-left:20px;width:100%;text-transform:none}
.input-icon,.input-wrap{position:relative}
.input-icon .fa-lock,.input-wrap .fa-lock{position:absolute;top:12px;right:12px;color:#eee;font-size:18px}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}
option{background:#ffffff none repeat scroll 0 0;border:0 solid #626262;font-size:13px;padding-left:10px}
.qtip-custom{background-color:#ea3e33;border-color:#ea3e33;color:#fff}
input[type="text"].error,input[type="email"].error,select.error{color:#ea3e33;background-color:#FFBABA;background-color:rgba(247,91,91,.04);border:1px solid #ea3e33;-webkit-text-fill-color:red;-webkit-text-fill-color:#ea3e33 !important;-webkit-box-shadow:0 0 0px 1000px rgba(247,91,91,.04) inset;box-shadow:0 0 0px 1000px rgba(247,91,91,.04) inset}
.box{margin:0;padding:0;border:1px solid #e4e4e4 !important;background-color:#FFF;margin-left:45px}
.one-click-payment{max-width:500px;margin:0 auto}
.box img.top{width:100%;margin:0;padding:0;border-bottom:1px solid #e4e4e4}
.box .inner{padding:29px 24px 34px 24px}
.box p.terms{font-size:12px;line-height:18px;margin-bottom:10px}
.box p.terms:last-of-type{margin-bottom:0}
.box h4.total{font-weight:500;font-size:23px;margin-bottom:0}
.box p.call{margin-bottom:0}
.box p.call span{text-transform:uppercase}
p.sub{font-size:17px;line-height:22px}
.wrapper{min-height:100%;position:relative}
.wrapper:after{content:"";display:block}
.footer,.wrapper:after{height:40px}
.footer{margin:0 auto;padding:5px;font-size:12px;color:#333;text-align:center}
.footer p{margin:0;padding:5px;font-size:12px}
.visible-xs{display:none}
.visible-xs h4.total{font-weight:500;font-size:23px;margin-bottom:0}
.visible-xs .img-mobile{max-width:100%;margin-top:7%;margin-bottom:calc(7% + 10px);border:1px solid #eee}
.visible-xs p.terms{font-size:12px;line-height:18px;margin-bottom:10px}
.visible-xs p.terms:last-of-type{margin-bottom:10px}
input[type="checkbox"]{padding:0;box-sizing:content-box;cursor:pointer;float:left;margin-top:5px;margin-right:5px;border:4px solid #fff;outline:1px solid #666;background-color:#fff;box-shadow:none;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:5px;width:5px;display:block;overflow:visible;transition:none}
input[type="checkbox"]:not(:checked){border:4px solid #ffffff;outline:1px solid #666;background-color:#fff}
input[type="checkbox"]:checked{border:4px solid #fff;outline:1px solid #4a9a05}
input.parsley-success,select.parsley-success,textarea.parsley-success{color:#468847;background-color:#DFF0D8;border:1px solid #D6E9C6}
input.parsley-error,select.parsley-error,textarea.parsley-error{color:#FF5A5F;background-color:#FFBABA;background-color:rgba(247,91,91,.04);border:1px solid #FF5A5F;-webkit-text-fill-color:red;-webkit-text-fill-color:#FF5A5F !important;-webkit-box-shadow:0 0 0px 1000px rgba(247,91,91,.04) inset;box-shadow:0 0 0px 1000px rgba(247,91,91,.04) inset}
.parsley-errors-list{pointer-events:none;position:absolute;z-index:2;bottom:calc(100% - 5px);list-style:none;padding:0;margin:0;left:0;right:0;text-align:center;opacity:0;transition:opacity 250ms ease-in-out}
.parsley-errors-list li{display:inline-block;background-color:#FF5A5F;text-align:justify;color:#fff;font-size:11px;padding:5px 8px;line-height:1em;margin-bottom:10px;max-width:300px}
.parsley-errors-list li:after{content:'';width:5px;height:5px;background:#FF5A5F;position:absolute;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);border-right:#FF5A5F solid 2px;border-bottom:#FF5A5F solid 2px;bottom:8px;left:0;right:0;margin:auto}
input:hover ~ .parsley-errors-list,select:hover ~ .parsley-errors-list,#terms-checkbox:hover .parsley-errors-list{opacity:1;transition:opacity 250ms ease-in-out}
#terms-checkbox .parsley-errors-list{text-align:left;bottom:calc(100% - 10px)}
#terms-checkbox .parsley-errors-list li:after{right:auto;left:5px}
#terms-checkbox{line-height:19px}
input[type="checkbox"].parsley-success,input[type="checkbox"]:checked{border:4px solid #fff;outline:1px solid #4a9a05;background-color:#4a9a05}
input[type="checkbox"].parsley-error,.terms-label.parsley-error input[type="checkbox"]{color:#FF5A5F;border:4px solid #fff;outline:1px solid #FF5A5F;background-color:#FF5A5F}
#warning-modal{position:fixed;z-index:1000;top:20%;left:0;width:100%;height:100%;text-align:center}
.warning-modal-inner{background-color:#fff;color:#000;width:450px;margin:0 auto;padding:30px;border:1px solid #ffe078}
.cross-sale-show{display:none}
.cross-sale-show.cross-sale-active{display:block}
.approved-content h5,.approved-content p{color:#262626}
.approved-content .descriptorInfo{text-transform:uppercase}
.check-icon{margin:0 auto 15px auto;height:50px}
.success-title{text-transform:uppercase;font-weight:700;margin-bottom:15px}
.modal.open{display:block;background-color:rgba(0,0,0,.4);padding-right:15px;opacity:1}
.modal.open .modal-dialog{top:40%;transform:translateY(-40%)}
.modal-header{padding:2rem 2rem 1rem 2rem;border-bottom:none}
.modal-title{color:#FF0000;font-weight:700}
.modal-body{padding:1rem 2rem 2rem 2rem;display:flex;flex-direction:column}
.modal-close:focus{outline:none}
.modal-button{display:inline-block;margin-top:20px;text-transform:uppercase;background-color:#e5f1f8;padding:5px 10px;align-self:flex-start;border-radius:6px;color:#262626;cursor:pointer}
.hide-text{display:none}
.show-text{display:block}
.loader-wrapper{height:100%;width:100%;position:fixed;top:0;left:0;z-index:100;display:flex;background-color:rgba(255,255,255,1);flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px}
.loader-wrapper.show{display:flex}
.loader-container{position:relative;width:100%}
.loader-wrapper.show-initial{display:flex;background-color:rgba(255,255,255,1)}
.loader{width:4rem;height:4rem;border-radius:50%;border:.4rem solid rgba(151,159,208,.35);border-top-color:#979fd0;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;margin:auto}
.loader-text{margin-top:25px;position:absolute;left:0;right:0;opacity:0}
#dataCollectionForm,#stepUpForm{display:none}
.terms-label{font-size:13px;line-height:16px;display:inline;margin-left:5px;cursor:pointer}
.terms-label a{color:#5eb42a}
.terms-link:hover{cursor:pointer}
.banner{display:none}
.banner-link{display:block;cursor:pointer}
.banner-image{display:block;max-width:100%}
.banner.banner-active{display:block}
@-webkit-keyframes spin{to{transform:rotate(360deg)}}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:992px){.box{margin-left:15px}
.box .inner{padding:25px 20px}
.box p.call span{font-size:12px}
.hidden-md{display:none}
hr{margin:20px 0}}
@media(max-width:768px){.box{margin-left:0}
hr{margin:15px 0}}
@media(max-width:767px){.hidden-xs{display:none}
.visible-xs{display:block}
h2{font-size:23px}}
@media(max-width:460px){.topbar img.icon{height:17px}
p.topbar-head{font-size:12px}}
@media(min-width:768px) and (max-width:991px){h2{font-size:22px}
.box h4.total{font-size:20px;margin:10px 0}}
.progress{position:relative;height:10px;width:90%;border-radius:15px}
.progress .color{position:absolute;background-color:#1ba846;width:0px;height:10px;border-radius:15px;-webkit-animation:progress 10s infinite linear;animation:progress 10s infinite linear}
@-webkit-keyframes progress{0%{width:0%}
25%{width:25%}
50%{width:50%}
75%{width:75%}
100%{width:100%}}
@keyframes progress{0%{width:0%}
25%{width:25%}
50%{width:50%}
75%{width:75%}
100%{width:100%}};html[dir="rtl"] .f-left{float:right}
.content-rtl div.wrapper > header img{float:right !important;margin-left:11px}
.content-rtl .topbar p.topbar-head{float:right}
.content-rtl .header-area .domainName{float:left}
html[lang="ar"] .content-rtl .main-area h1::after{display:block;text-align:right;content:"برجاء إدخال تفاصيل الدفع الخاصة بك المسجلة على بطاقتك";font-size:.9rem;margin-top:.5rem}
.content-rtl #payment-form .custom-select{background:rgba(255,255,255,1) url("../images/down-arrow.png") no-repeat scroll 7% center !important}
.content-rtl .input-icon .fa-lock{right:90%}
.content-rtl .wrapper .main-area .clearfix{display:flex;flex-wrap:wrap}
.content-rtl .wrapper .main-area .clearfix > h4{flex:1 1 40%;text-align:right}
.content-rtl .wrapper .main-area .clearfix > h4:nth-child(2){text-align:left}
@media only screen and (max-device-width:500px){.content-rtl .wrapper .main-area .clearfix > h4{flex:1 1 100%}}
@media(max-width:767px){.content-rtl .main-area h1{display:block !important}}
.content-rtl #payment-form img.help{width:auto;height:38px}
.content-rtl #payment-form input[type="checkbox"]{float:right}
.content-rtl #payment-form label.terms-label input.terms-checkbox{margin-left:10px}
.content-rtl #payment-form label.legal-fees-label{padding-right:30px}
span.displayPrice sup{font-size:100%;top:0}
span.domainName{text-transform:uppercase}
.custom-modal-btn{width:100%;white-space:inherit}
@media screen and (max-width:425px){.custom-modal-btn{font-size:.875rem;line-height:1.25}}
.legal-checkbox-checked{border:4px solid #fff;outline:1px solid #4a9a05;background-color:#4a9a05}
input[type="checkbox"] + label{font-size:13px;line-height:16px;display:inline;margin-left:5px;cursor:pointer}
label[for="productCheckbox"]{display:inline-block !important;font-size:12px !important;line-height:18px !important}
#productCheckbox[disabled]{color:#ffffff;border:4px solid #ffffff;outline:1px solid #d7d7d7;background-color:#d7d7d7;cursor:not-allowed}
.insurance-text{font-size:18px;font-weight:500;margin:2px 4px 0}
.insurance-price{position:absolute;top:0;right:0}
@media(max-width:1199.98px){.insurance-price{position:inherit;float:initial}}
@media(max-width:767.98px){.main-area{padding-bottom:20px}
.insurance-price{position:absolute;top:0;right:0;float:right}}
div > p.terms.product-terms{display:none}
.legal-checkbox-checked{border:4px solid #fff;outline:1px solid #4a9a05;background-color:#4a9a05}
#signup-button,#payment-button{display:none}
.approved-ar .banner-content .banner1 div,.approved-ar .banner-content .banner2 div,.approved-ar .banner-content .banner3 div,.approved-ar .banner-content .banner4 div,.approved-ar .banner-content .banner5 div{left:25px;right:unset}
.tooltip-wrap{display:block;text-align:right;margin-top:-28px;position:absolute;right:10px}
.tooltip-wrap img{position:relative;display:inline-block;height:12px;width:12px;background-size:cover;margin-left:0;cursor:pointer}
.popover-body{padding-bottom:10px !important}
.popover-body img{width:100%;position:relative;display:inline-block}
.tooltip ol,.tooltip ul,.tooltip p,.popover-body ol,.popover-body ul,.popover-body p{padding-top:10px;padding-left:25px !important;text-align:left !important;font-size:13px !important;line-height:normal;color:#fff !important}
.tooltip p,.popover-body p{padding-left:10px !important}
.tooltip ul,.tooltip ol,.tooltip p + ul,.tooltip p + ol,.popover-body ul,.popover-body ol,.popover-body p + ul,.popover-body p + ol{margin-top:0 !important;padding-top:0 !important;margin-bottom:0 !important;padding-bottom:0 !important}
.tooltip li,.popover-body li{margin-bottom:5px}
.tooltip li:last-child{margin-bottom:0}
.tooltip-inner{padding-top:10px;padding-bottom:10px;min-width:450px}
.select2-container--default .select2-selection--single{border-radius:0 !important;border-color:#666;min-height:40px !important}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:40px !important}
.form-group:hover .parsley-errors-list{opacity:1;transition:opacity 250ms ease-in-out}
.dropdown-icons img{max-width:28px;margin-right:5px}
.proceed-btn{margin-top:40px;margin-bottom:40px}
.proceed-btn a{padding:12px 100px;background-color:#4a9a05;text-decoration:none;border-radius:99px;font-size:18px;font-weight:700;color:#ffffff;display:unset}
.proceed-btn a:hover{color:#ffffff}
.sample-note{font-size:12px;color:#444}
body{font-family:"Inter",sans-serif !important}
p,h1,h2,h2,h3,h4,h5,h6{font-family:"Inter",sans-serif !important;font-weight:normal}
.topbar{border-bottom:none !important}
.header-top{padding:20px 0;font-family:'Poppins',sans-serif;justify-content:center;align-items:center}
.header-top .header-topbar{font-size:13px;color:#333333;margin:0}
.header-top h2{margin:10px 0;font-size:26px;font-weight:700;color:#000000;font-family:'Poppins',sans-serif !important}
.header-top p:last-of-type{font-size:16px;color:#000000}
.form-holder{border:1px solid rgba(0,0,0,.08);border-radius:10px;padding:30px 30px 10px}
.form-holder .form-holder-title h1{font-weight:900;font-size:18px;color:#000000;margin-bottom:30px}
.form-holder .form-holder-title p{font-size:14px;font-weight:400;color:rgb(35,103,205);margin:0}
.form-holder .form-holder-title img{max-width:100%;width:220px;margin-top:5px;margin-right:-10px}
.form-holder label{font-size:12px;font-weight:600;color:#000000}
.form-holder input,.form-holder select{border-radius:3px !important}
.custom-select{font-size:15px;padding:0 0 0 20px}
.box{margin-left:15px;border:1px solid rgba(0,0,0,.08);border-radius:10px}
.box-submit{margin-left:15px;margin-top:20px;padding:0 20px}
.box .inner{padding:0}
.box .inner .inner-price{padding:15px 20px;border-bottom:1px solid rgba(0,0,0,.08)}
.box .inner .inner-price h4{font-size:14px;font-weight:700;color:#000000}
.box .inner .inner-price.due span{color:rgb(0,116,19);font-size:20px}
.box .inner .inner-ssl div{padding:20px 20px;background:#2367cd;border-radius:10px;display:block;text-align:center;font-size:15px;font-weight:600}
.box .inner .inner-ssl div h2{font-weight:700;margin:0}
.box .inner .inner-ssl div h2,.box .inner .inner-ssl div h6{color:#ffffff}
.box .inner .inner-terms,.box .inner .inner-ssl{padding:15px 20px;border-bottom:1px solid rgba(0,0,0,.08)}
button.button-red{background:rgb(224,49,0);border-radius:5px;color:#fff;height:56px;border-radius:50px;font-size:18px;font-weight:800;text-transform:uppercase;font-family:'Inter',sans-serif !important}
@media screen and (max-width:640px){.header-top{align-items:flex-start;padding:20px 30px 0}
.main-area{padding:0px 15px 20px 15px}
.form-holder .form-holder-title h1{margin-bottom:5px;font-size:14.5px !important}
.form-holder .form-holder-title img{margin-top:0;margin-right:0;margin-left:-10px;margin-bottom:20px}
.box{margin-left:0;margin-top:20px}
.box-submit{margin-bottom:100px}}
@media screen and (max-width:440px){.form-holder .form-holder-title h1{font-size:13.5px !important}}
.header-top p:last-of-type{font-size:13px;margin-bottom:-6px}
.form-holder .form-holder-title p{color:#2ab100 !important}
.box .inner .inner-price.due span{font-size:13px;color:#666}
.accepted-cards-img{max-width:184px}
.secure-and-init-price-text{font-size:13px !important}
.button{font-size:32px !important;font-weight:700 !important;padding:1.7rem}
@media(max-width:1199.98px){.accepted-cards-img{max-width:164px}}
@media(max-width:991.98px){.accepted-cards-img{max-width:184px}}
.main-area{padding-top:25px}
.header-top{align-items:start;padding-bottom:0;margin-bottom:0}
.box-submit{margin-left:0;margin-top:0;padding:0}
.invis{display:none}
.steps{display:flex;justify-content:space-between;margin:0 auto}
.steps > div > div{width:30px;height:30px;border-radius:50%;background:var(--main-color);display:flex;justify-content:center;align-items:center;color:#fff;font-size:14px;margin:0 auto;margin-bottom:5px;font-size:12px}
.steps > div{margin-bottom:20px;width:33.3%;text-align:center;z-index:1}
.steps{position:relative}
.steps:after{content:'';width:100%;height:1px;background:#b8b8b8;left:0;top:14px;position:absolute;z-index:0}
.form-notice-warning,.form-notice-success{padding:6px 12px;border:1px solid currentColor;border-radius:6px}
.form-notice-warning{color:#c95500;background:#fbf7f4}
.form-notice-success{color:#0e9100;background:#ebf9ec}
.form-error,.inp-error{color:#cb3e3e}
.form-error{font-size:small}
.steps{display:flex;align-items:center;justify-content:space-between;margin:0 auto 25px;position:relative;width:100%;max-width:400px;padding:0 15px}
.steps > div{position:relative;text-align:center;z-index:2;display:flex;flex-direction:column;align-items:center;width:50px}
.steps:before{content:"";position:absolute;top:15px;left:40px;right:40px;height:2px;background-color:#d1d1d1;z-index:1}
.steps:after{content:"";position:absolute;top:15px;left:40px;width:calc(50% - 40px);height:2px;background-color:#2ab100;z-index:1}
.steps > div > div{width:30px;height:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 auto 8px;font-size:14px;font-weight:600;position:relative;z-index:3;box-sizing:border-box}
.steps > div:nth-child(1) > div{background-color:white;border:2px solid #2ab100;color:transparent}
.steps > div:nth-child(1) > div:after{content:"✓";position:absolute;color:#2ab100;font-size:16px;left:0;right:0;text-align:center}
.steps > div:nth-child(2) > div{background-color:#2ab100;border:2px solid #2ab100;color:white}
.steps > div:nth-child(3) > div{background-color:white;border:2px solid #d1d1d1;color:#d1d1d1}
.steps > div > p{font-size:12px;color:#333333;margin:0;text-align:center;width:100%}
.steps > div:nth-child(3) > p{color:#777777}
@media(max-width:600px){label{margin-bottom:0px}
.steps > div > div{margin:0 auto 2px}
.steps > div{margin-bottom:10px}
.form-holder .mb-3{margin-bottom:.3rem !important}
.steps{margin:0 auto}
.form-holder{padding:10px 20px 10px !important}
.header-top{padding-top:10px !important}}
 
 
 .spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;animation:spinner-border .75s linear infinite}
@keyframes spinner-border{to{transform:rotate(360deg)}}
 
.spinner-border-sm{width:1em;height:1em; border-width:.2em;}
.spinner-border-md{width:1.5em;height:1.5em}
.spinner-border-lg{width:3em;height:3em}
.spinner-border-xl{width:5em;height:5em}