*{margin: 0px;padding: 0px;
font-family: Lato,sans-serif!important}
.thank {
      background: #000;
    text-align: center;
    padding: 11% 0% 0%;
    height: 100vh;
}
.inai {
     color: #fff;
    width: 47%;
    margin: auto;
}

.foter1 {
    background: #000;
    color: gray;
    font-size: 13px;
    line-height: 22px;
    padding: 4% 7%;
    overflow: hidden;
}

.fl {
    width: 16%;
    float: left;
}

.fr {
    width: 84%;
    float: right;
}

.fl img {
    width: 103px;
}

.fr p {
    margin-bottom: 2%;
}
.inai ul li {
    float: left;
    list-style: none;
}

.inai ul li a {
    color: #fff;
}
.spinner-wrap {
  position: relative;
  margin-top: 200px;
}
.spinner-wrap {
      position: absolute;
    top: 15%;
    left: 50%;
}
.spinner-item {
    border: 1px solid white;
    border-radius: 50%;
    height: 600px;
    width: 600px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    -webkit-animation: zoom 2s linear 0.75s infinite;
    animation: zoom 2s linear 0.75s infinite;
    background: #fcc813;
}
.spinner-item--2 {
  -webkit-animation-delay: 1.25s;
          animation-delay: 1.25s;
}
.spinner-item--3 {
  -webkit-animation-delay: 1.75s;
          animation-delay: 1.75s;
}
.left-heading img {
    width: 150px;
}
.header img {
    width: 150px;
}
.input-text.show_C {
    display: none;
}
@-webkit-keyframes zoom {
  0% {
    transform: translate(-50%, -50%) scale(0.2);
    opacity: 0;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}

@keyframes zoom {
  0% {
    transform: translate(-50%, -50%) scale(0.2);
    opacity: 0;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
.inai h4 {
    padding: 5% 0%;
    font-size: 28px;
}

.inai p {
      font-size: 16px;
    line-height: 25px;
}

.inai a {
    color: #fcc813;
    text-decoration: none;
    /*padding: 10px 10%12px;*/
    margin-top: 5%;
    display: inline-block;
    border-radius: 5px;
}
.back_button {
    color: #000 !important;
}
/*Vertical Tabs*/
.mdl-tabs__panel {
  display: none;
}
.vertical-mdl-tabs {
    margin-top: 30px;
}
button#checkout-button1 {
    margin-top: 0px;
    padding: 1% 0px;
    font-size: 18px;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome !important;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.faq h1 span {
    background-color: #fcc813;
    background-image: linear-gradient(147deg, #fcc813 0, #f1be0f 74%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
button.infoa {
    display: flex;
    align-items: center;
    justify-content: center;
}

img#loader1 {
    display: none;
    width: 22px;
    margin-left: 5px;
}
/* Style the tab */
.tab {
     float: left;
    width: 20%;
    height: 300px;
    /*border-right: 1px solid #eee;*/
}

/* Style the buttons inside the tab */
.tab button {
  display: block;
  background-color: inherit;
  color: #fff;
  padding: 22px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
}


.six {
    padding: 5% 0%;
}
/* Create an active/current "tab button" class */
.tab button.active {
    border-right: 2px solid #fcc813;
    color: #fcc813;
}

/* Style the tab content */
.tabcontent {
    float: left;
    padding: 0px 12px;
    width: 77%;
    border-left: none;
    border-left: 1px solid #4c4c4c;
}
.faq {
    width: 100%;
    margin: auto;
    padding: 5% 5%;
    overflow: hidden;
    background: #000;
    color: #fff;
    box-sizing: border-box;
}
.chat img {
    width: 295px;
    padding: 2%;
    text-align: -webkit-match-parent;
    margin: auto;
}
.mdl-tabs__tab {
    margin: 0;
    border: none;
    padding: 7px 24px;
    float: left;
    position: relative;
    display: block;
    text-decoration: none;
    height: 48px!important;
    line-height: 48px;
    text-align: center;
    font-weight: 500;    text-transform: capitalize!important;
    font-size: 17px!important;
    color: rgb(0 0 0)!important;
    overflow: hidden;
    letter-spacing: 0px !important;
}
.oo p {
    font-size: 14px;
    line-height: 27px;
    color: gray;
}
.faq h1 {
      color: #fff;
    font-size: 54px;
    text-align: center;
    margin-bottom: 7%;
}.oo h4 {
         margin-top: 0px;
    font-size: 20px;
    line-height: 29px;
    margin-bottom: 2%;
    color: #fcc813;
}
.vertical-mdl-tabs.mdl-tabs.is-upgraded a.mdl-tabs__tab.is-active {
    border-right: 3px solid #fcc813!important;
}
.vertical-mdl-tabs.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
    content: inherit;
    height: 0;
}
.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {
    color: #fcc813!important;
}
.oo {
       width: 43%;
    float: left;
    padding: 0% 3%;
    margin-bottom: 4%;
}
.mdl-grid.mdl-grid--no-spacing h1 {
    color: #000;
    font-size: 54px;
    text-align: center;
    margin-bottom: 4%;
}
.vertical-mdl-tabs.mdl-tabs.is-upgraded .mdl-tabs__panel.is-active, .mdl-tabs__panel {
    padding: 0 30px;
}

.vertical-mdl-tabs.mdl-tabs .mdl-tabs__tab {
    text-align: left;
}

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

.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {
   color: #E21549;
}
/*country page css*/
span.step-number{display: none!important;}
.checkb b {
      font-size: 18px;
    margin-bottom: 3%;
    display: block;
    color: #000;
}
.two11 h1 {
    color: #000;
    font-size: 54px;
    text-align: center;
    margin-bottom: 4%;
}

.two11 {    padding: 5%;
    overflow: hidden;
}
.ll h4 {    font-size: 21px;
    margin-top: -15px;
    margin-bottom: 4px;
}
.two11 h1 span {
    background-color: #fcc813;
    background-image: linear-gradient(147deg, #fcc813 0, #f1be0f 74%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.box1 {
     width: 48%;
    float: left;
    padding: 2%;
    box-sizing: border-box;
}
.ll {      float: right;
    margin-left: 2%;
    width: 78%;
}

.box1 p {
        font-size: 14px;
    font-weight: 100 !important;
    font-family: sans-serif;
    margin-top: 9px;
    line-height: 22px;
    color: gray;
}
.bb {
        width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    background: #000000;
    color: #f6c311;
    margin-left: 8px;
    margin-top: -8px;
    transition: 1s;
    border-radius: 5px;
    position: absolute;
    box-shadow: 2px 11px 13px #ddd8d8c7;
}
.box1:hover i {
    color: #fff;
}
.aa {
       width: 52px;
    height: 49px;
    text-align: center;
    line-height: 50px;
    /*background: black;*/
    color: #fff;
    margin-right: 4%;
    border-radius: 5px;
    position: relative;
    float: left;
}
.checkout_div {
      position: absolute;
    top: 0%;display: none;
    background: #fff;
    z-index: 999999999;
    margin-bottom: 5%;
    overflow: hidden;
    width: 100%;
}
  .rm1 {
    display: none;
}
    .rm2 {
    display: none;
}
    .rm3 {
    display: none;
}
.inmedia {
    display: none;
}
.input-div.in1 {
    float: left;
    width: 55%!important;
}

.input-div.in2 {
    float: left;
    width: 25%!important;
    margin-left: 2%;
}

.button-group.mt-3.in3 {
      float: left;
    margin-top: 31px;
    margin-left: 1%;
}
a.join_w i {
    color: darkseagreen;
    font-size: 19px;
    font-weight: 800 !important;
}
a.join_w {color:#000!important;
    background: #f6c926;
    width: 59%;
    text-align: center;
    margin-top: 4%;
    font-size: 22px;
    padding: 2% 2%;
}
section.contact-page {
    display: none;
}
.top-header {
    display: none;
}
.partners {
    display: none;
}
.foot {
    display: none;
}
section.footer {
    display: none;
}
nav.navbar.navbar-inverse.navbarcolor {
    display: none;
}
.row.align-items-center {
     padding: 5% 5%;
    overflow: hidden;
}
.l {
    width: 50%;
    float: left;
}
p.common-para {
    line-height: 24px;
    margin-bottom: 5%;
}
.countdown-contents.aab {
     width: 50%;
    float: left;
    margin-top: 7%;
    padding-left: 5%;
    box-sizing: border-box;
}
body {
    font-family: "Josefin Sans", sans-serif;
}
.sociala a {
     font-size: 19px;
    margin-right: 1%;
    color: #fff;
    padding: 2% 3% 2%;
    margin-right: 4%;
    border-radius: 5px;
    margin-top: 3%;
    display: inline-block;
    text-decoration: none;
}
.upcoming-headings {
    color: #000;
    position: relative;
    z-index: 1;
    font-size: 71px;
    display: inline-block;
}
img.mob {
    display: none;
}
.countdown-contents.aab .upcoming-headings::before {
    content: "";
    position: absolute;
    background: #ffaa17;
    height: 2px;
    width: 108px;
    right: -120px;
    top: 25px;
}
.countdown-contents.aab h2 {
    font-size: 43px;
    margin-bottom: 7%;
}
.l img {
    max-height: 100% !important;
    width: 85%;
}

.box-select {
  position: relative;
}
.checkb p {
    line-height: 17px;
    margin-top: 2px;
}
.checkb.e {
    margin-bottom: 5%;
}
span.amt {
      position: inherit !important;
    color: #000;
    font-size: 25px !important;
    margin-left: 24px;
}.checkb{
         position: relative;
    margin-left: 1%;
    margin-top: 4%;
    /* height: 86px; */
    cursor: pointer;
    background-color: #fff;
    padding: 3% 22px;
    border-radius: 5px;
    color: black;
    text-align: left;
    transition: all 0.4s ease-out;
    border: 1px solid #464444;
    width: 94%;
    font-size: 13px !important;
    box-sizing: border-box;
}
.checkb input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    cursor: pointer;
    height: 100%;
    padding: 7px;
    border-radius: 5px;
    border: 1px solid #d6d6d6;
}
.checkb:hover {
    border: 1px solid #fcc813;
   
}
.checkb{transition: all 0.4s ease-out;}
.checkb label {
     margin: 0;
    color: #fff;
    font-size: 14px;
    line-height: 27px;
    cursor: pointer;
    color: #fff;
    /* padding: 3% 29px; */
    /* border-radius: 5px; */
    color: gray;
    text-align: left;
    transition: all 0.4s ease-out;
    /* border: 1px solid #464444; */
    width: 100%;
    font-size: 13px !important;
    box-sizing: border-box;
}
.box-select.focus::after {
  content: "\f106";
  font-family: fontAwesome;
  position: absolute;
  top: 19px;
    right: 24px;  color: #040404;
    z-index: 99999999;
}
.box-select::after {
        content: "\f107";
    font-family: fontAwesome;
    position: absolute;
    top: 19px;
    right: 24px;
    color: #040404;
    z-index: 99999999;
}
.box-select::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background: #ccc;
  top: 0;
  right: 30px;
}
.box-select select {
  -moz-appearance: none;
  -webkit-appearance: none;
  padding: 4px 50px 4px 20px;
  background: transparent;
  z-index: 100;
  position: relative;
}



.container .card{
      position: relative;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    width: 80%;
    margin: 0% auto;
    background: #fff;
  
}
.input-div textarea {
    padding: 6%!important;
}
.alerta {
    height: 100px;
    background: #000;
    color: #fcc813;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1% 3%;
    margin-bottom: 5%;
    border-radius: 10px;
}

.alerta svg {
    width: 64px;
    fill: #fff;
    margin-right: 7px;
}

.alerta p {
    font-size: 14px;
}
.left-heading h3 {
    font-size: 29px;
    margin-top: 9%;
}

.left-heading p {
    font-size: 16px;
    color: gray;
    line-height: 20px;
    margin-top: 9px;
}
.container .card .form{
    width:100%;
    height:100%;
    
    display:flex;
}
.container .card .left-side{
    width:35%;position: relative;
    height:100%;
 border-top-left-radius:20px;
 border-bottom-left-radius:20px;
  padding:20px 30px;
  box-sizing:border-box;

}
/*left-side-start*/
.left-heading{
    color:#000;
   
}
.steps-content{
    margin-top: 45px;
    color: #fff;
}
.steps-content p{
    font-size:12px;
    margin-top:15px;
}
.progress-bar{
    list-style:none;
    /*color:#fff;*/
    margin-top:0px;
    font-size:13px;
    font-weight:700;
    counter-reset:container 0;
}
.progress-bar li{
        position: relative;
    margin-left: 40px;
    margin-top: 25px;
    counter-increment: container 1;
    color: gray;
    font-size: 14px;
}
.progress-bar li::before{
    content: url(check.png);
    text-align: center;
    position: absolute;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    left: -50px;
    top: -8px;
    z-index: 10;
    /* background: linear-gradient(147deg, #f71735 0, #db3445 74%); */
    padding: 12px 7px;
    box-sizing: border-box;
    --button-bg: #020314;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 1px;
    margin: 1px;
    border: none;
    outline: none;
    text-decoration: none;
    user-select: none;
    cursor: pointer;
    /* font-weight: 400; */
    font-size: 12px;
    line-height: 8px;
    color: var(--color-light);
    box-shadow: 0 4px 60px #00000005;
    transition: background-color var(--transition-delay) ease, color var(--transition-delay) ease, border var(--transition-delay) ease, border-color var(--transition-delay) ease;
    zoom: 105%;
    background-color: var(--button-bg);
    border: solid 2px transparent;
    background-image: linear-gradient(var(--button-bg), var(--button-bg)), linear-gradient(to right, #eeeeee 0%, #eeeeee 36.98%, #eeeeee 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}
.show_C{display: none;	}
.radios {    display: inline-block;
    width: 100%;
}
.radios input {
  display: none;
}
 .radios input:checked + label {
  background: linear-gradient(147deg, #fcc813 0, #fcc813 74%);
  color: #000;
}
.radios label {
        cursor: pointer;
    background-color: #fff;
    color: #000;
    padding: 3% 29px;
    border-radius: 5px;
    color: gray;
    text-align: left;
    /*transition: all 0.4s ease-out;*/
    border: 1px solid #464444;
    width: 100%;
    font-size: 13px !important;
    box-sizing: border-box;
}
.radios b {
       font-size: 18px;
    margin-bottom: 0%;
    display: block;
    color: #000;
}
.radios label:hover {
  border: 1px solid #fcc813;
  color: #000;
}
.text {
    text-align: center;
}

.text h2 {color: #000;
    font-size: 40px;
}

.text p {
    color: gray;
    font-size: 16px;
}
.progress-bar li::after{
      content: '';
    position: absolute;
    height: 29px;
    width: 2px;
    background: linear-gradient(147deg, #eee 38%, #fcc813 86%);
    z-index: 1;
    left: -40px;
    top: -35px;
}
.main.main1 {
    left: 0;
}
li.li1.open:before {
    border: 2px solid #fcc813;
}
li.li2.open:before {
    border: 2px solid #fcc813;
}
li.li3.open:before {
    border: 2px solid #fcc813;
}
li.li4.open:before {
    border: 2px solid #fcc813;
}
li.li5.open:before {
    border: 2px solid #fcc813;
}
li.li6.open:before {
    border: 2px solid #fcc813;
}
li.li7.open:before {
    border: 2px solid #fcc813;
}
li.li8.open:before {
    border: 2px solid #fcc813;
}
ul.progress-bar:after {
    width: 100%;
    height: 82px;
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    background: linear-gradient(210.38deg, #ffffff6e 16.53%, rgb(255 255 255) 162.29%);
}
/*
.main.active{
     animation: example 3s;
}
@keyframes example {
  0%{
    transform: scale(0.5);
  }
  50%{
    transform: scale(1);
  }
}  */
ul.progress-bar {     margin-left: 3%;   position: relative;
}
/* width */
::-webkit-scrollbar {
  width: 2px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #423c3c38; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background:#423c3c38; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.progress-bar li.active::after{
    background-color: #fff;

}

.progress-bar li:first-child:after{
  display:none;  
}
.chat {
     display: flex;
    background: #ffffff;
    padding: 3%;
    border-radius: 6px;
    border: 1px solid #3e3c3c;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    left: 7%;
    z-index: 9999;
    width: 90%;
    color: #000;
    bottom: -14%;
}

.pro {
    display: flex;
    position: relative;
    width: 20%;
}

.pro img {    border-radius: 50px;
    border: 2px solid #000;
    width: 40px;
}

.chat p {
    font-size: 13px;
    padding: 1% 5px;
}

.chat a {
    cursor: pointer;
    background-color:#fcc813;
    background-image: #fcc813;
    border: 1px solid #fcc813;
    color: #000;
    padding: 8px 3% 5px;
    margin-left: 1%;
    border-radius: 5px;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    font-size: 15px;
    display: flex;
    height: 22px;
}
.checkout a.bg1.infoa {
    width: 13%;
    padding: 1%;
    margin-top: 0px;
    margin-left: 0;
}
/*.progress-bar li:last-child:after{*/
/*  display:none;  */
/*}*/
.progress-bar li.active::before{
      color: #fff;
    border: 2px solid #4aff4f
}
.progress-bar li.active{
        color: #51c354;
}
.d-none{
   display:none;   
}
.checkout {
    width: 85%;
    margin: 5% auto;
    color: aliceblue;
}
p.after {
    font-size: 15px;
    line-height: 23px;
    color: gray;
}
p.total {
    margin-top: 8%;
    font-size: 25px;
}

p.total span {
    color: #f53f2c;
}
.right_check {
    width:38%;
    float: right;
    margin-top: 6%;
}
.left_check{    width: 60%;
    float: left;}
.cards {
       background: #eee;
    padding: 4%;
    border-radius: 13px;
    border: 1px solid #e9e7e7;
    margin-bottom: 5%;
    overflow: hidden;
    box-shadow: 2px 11px 13px #d9cfcf;
}

.cards p {
     display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2% 0%;
    font-weight: 100;
    color: #000;
}

.cards h4 {
     color: #000;
    font-size: 21px;
    margin-bottom: 3%;
}

.cards p span {
    color: gray;
}

.edit_bck {
     border: 1px solid #000;
    color: #000;
    padding: 5px 14px;
    text-decoration: none;
    border-radius: 50px;
    float: right;cursor: pointer;
    margin-top: 3%;
    transition: 1s;
}
.ad1:hover {color: #000;
    background: #fcc813;
}
.ad2:hover {color: #000;
    background: #fcc813;
}
.ad3:hover {color: #000;
    background: #fcc813;
}
.rm1:hover {color: #000;
    background: #fcc813;
}
.rm2:hover {color: #000;
    background: #fcc813;
}
.rm3:hover {color: #000;
    background: #fcc813;
}
.cards p input {
    background: transparent;
    border: 0px;
    font-size: 16px;
    color: gray !important;
}
#rm {
    border: 1px solid #d7d7d7;
    border-radius: 50px;
    padding: 0px 8px 3px;
    margin-right: 5px;cursor: pointer;
    font-weight: 100 !important;
    font-size: 12px;
}
#ad {
      border: 1px solid #d7d7d7;
    border-radius: 50px;
    cursor: pointer;
    padding: 0px 8px 1px 6px;
    font-weight: 100 !important;
    font-size: 12px;
    margin-right: 9px;
}

.aa svg{fill: #fcc813!important}
.checkout h1 {color: #000;
    margin-bottom: 4%;
}
.cards svg {
    width: 15px;
    fill: #000;
}

.edit_bck:hover {
    background: #fcc813;
}   
.right-side {
    border-left: 1px solid #f1eded;
    border-radius: 0px;}
/*left-side-end*/
.container .card .right-side{
       width: 65%;overflow: hidden;
    /*background-color: #80808038;*/
        height: 800px;
    /*border-radius: 28px;*/
    /*border: 1px solid #2c2c2c;*/
}
/*right-side-start*/

/*.active{
    display:block;
}
.active2{
    display:block;
}*/
.right-side {
    position: relative;
}
.main{       position: absolute;
    width: 600px;
    padding: 40px;
    top: 0%;
    height: 100%;
    transition: 1s;background: #fff
}

.main1, .main2, .main3, .main4, .main5, .main6, .main7, .main8{ 
  transition: ease 2s;}
.main2, .main3, .main4, .main5, .main6, .main7, .main8{ 
display: none;}
.main small{
     display:flex;
    justify-content:center;
    align-items:center;
    margin-top:2px;
    height:30px;
    width:30px;
    background-color:#ccc;
    border-radius:50%;
    color:yellow;
    font-size:19px;
}
.text{
    margin-top:20px;
}
.congrats{
    text-align:center;
}
.text p{
       margin-top: 7px;
    font-size: 18px;
    font-weight: 700;
    color: #000;
}
b.free {
    background: linear-gradient(147deg, #f71735 0, #db3445 74%);
    margin-left: 5px;
    padding: 3px 11px 4px;
    font-size: 13px;
    border-radius: 5px;
}
.input-text{
    margin:30px 0;
    gap:20px;
}

.tt .input-div {
    width: 234px;
    position: relative;
}
.input-div label {color: #000;
    font-size: 15px;
    margin-bottom: 1%;
    display: block;
}

.input-div select{
       width: 100%;
    height: 60px;
    border: none;
    outline: 0;
    border-radius: 10px;
    border: 0px solid #cbced4;
    gap: 20px;
    box-sizing: border-box;
    padding: 2px 28px;
    background: #fff;
    box-shadow: inset 0 0 15px 5px #0000000a;
    font-size: 18px;
}
.button-group.mt-3 button {
    background: #e3623a;
    border-color: #e3623a;
}


.button-group.mt-3 a {
       background: #000;
    border-color: #000;
    width: 30px;
    height: 30px;
    display: block;
    float: left;
    margin: 2px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 31px;
}
.tt{
    display: flex;
}
.button-group.mt-3 {    display: flex;
    align-items: center;
    margin-top: 22px;
}
.input-div textarea{
       width: 100%;
    border: none;
    outline: 0;
    border-radius: 10px;
    border: 0px solid #cbced4;
    gap: 20px;
    box-sizing: border-box;
    padding: 2px 28px;
    background: #fff;
  box-shadow: inset 0 0 15px 5px #0000000a;
    font-size: 18px;
}
.input-div input{
       width: 100%;
    height: 60px;
    border: none;
    outline: 0;
    border-radius: 10px;
    border: 0px solid #cbced4;
    gap: 20px;
    box-sizing: border-box;
    padding: 2px 28px;
    background: #fff;
    box-shadow: inset 0 0 15px 5px #0000000a;
    font-size: 18px;
    border: 1px solid #eee;
}

.input-text .input-div span{
    position:absolute;
    top:10px;
    left:10px;
    font-size:14px;
    transition:all 0.5s;
}
.input-div input:focus ~ span,.input-div input:valid ~ span  {
    top:-15px;
    left:6px;
    font-size:10px;
    font-weight:600; 
}

.input-div span{
    top:-15px;
    left:6px;
    font-size:10px;
}
button.back_button {
    position: absolute;
    top: 2%;overflow: hidden;
    right: 0%;
}
.buttons button{
       cursor: pointer;
    background-color: #fcc813;
    background-image: #fcc813;
    border: 1px solid #fcc813;
    color: #000;
    padding: 3px 5% 5px;
    margin-left: 1%;
    border-radius: 5px;
    text-decoration: none;
    margin-bottom: 1%;
    position: relative;
    overflow: hidden;
    font-size: 16px;
    display: flex;
    height: 45px;

      

}
.edit_bck:hover svg {
    fill: #fff;
}
button.back_button {
        position: absolute;
    top: 3%;
    right: 9%;
    background: transparent;
    padding: 3px 15px 3px 6px !important;
    height: auto !important;
}
.button_space{
    display:flex;
    gap:20px;
    
}
.button_space button:nth-child(1){
      cursor: pointer;
    background-color: #fcc813;
/*    border: 2px solid #000;*/
    color: #00000085;
    padding: 4px 6px 2px 13px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 14px;
    overflow: hidden;
    display: flex;



}

button.back_button svg {
       width: 18px;
    fill: #000;
}
button.next_button svg {
    width: 21px;
    fill: #000;
}
.user_card{
    margin-top:20px;
    margin-bottom:40px;
    height:200px;
    width:100%;
    border:1px solid #c7d3d9;
    border-radius:10px;
    display:flex;
    overflow:hidden;
    position:relative;
    box-sizing:border-box;
}
.user_card span{
    height:80px;
    width:100%;
    background-color:#dfeeff;
}
.circle{
    position:absolute;
    top:40px;
    left:60px;
}
.circle span{
    height:70px;
    width:70px;
    background-color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    border:2px solid #fff;
    border-radius:50%;
}
.circle span img{
    width:100%;
    height:100%;
    border-radius:50%;
    object-fit:cover;
}
.social{
    display:flex;
    position:absolute;
    top:100px;
    right:10px;
}
.social span{
    height:30px;
    width:30px;
    border-radius:7px;
    background-color:#fff;
    border:1px solid #cbd6dc;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-left:10px;
    color:#cbd6dc;

}
.social span i{
        cursor:pointer;
}
.heart{
    color:red !important;
}
.share{
        color:red !important;
}
.user_name{
    position:absolute;
    top:110px;
    margin:10px;
    padding:0 30px;
    display:flex;
    flex-direction:column;
    width:100%;
    
} 
.user_name h3{
    color:#4c5b68;
}
.detail{
    /*margin-top:10px;*/
   display:flex;
   justify-content:space-between;
   margin-right:50px;
}
.detail p{
    font-size:12px;
    font-weight:700;

}
.detail p a{
    text-decoration:none;
    color:blue;
}






.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #7ac142;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 10% auto;
  box-shadow: inset 0px 0px 0px #7ac142;
  animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #7ac142;
  }
}










.warning{
    border:1px solid red !important;
}


/*right-side-end*/
@media (max-width:750px) {
    .container{
        height:scroll;
       
        
    }
    .container .card {
        max-width: 350px;
        height:auto !important;
    }
    .container .card .right-side {
     width:100%;
            
    }
     .input-text{
         display:block;
     }
     


    .container .card .left-side {
           
     display: none;
    }
}

.alerta {
    margin-top: 15px;
}
/*country page css end here*/
.country_l {
       width: 50%;
    text-align: center;
    float: left;
    background: #eee;
    height: 700px;
}.country_r {
       width: 50%;
    float: left;
    padding: 7% 5%;
    box-sizing: border-box;
    color: #fff;
}
span.cls {
     position: absolute;
    right: 6%;
    top: 4%;
    cursor: pointer;
    border: 2px solid #000;
    padding: 3px 14px 4px;
    border-radius: 50px;
    font-size: 12px;
    color: #000;    
}
.country_r button img {
    margin-top: 3px;
}
.country_r h1 {
    font-size: 46px;
    margin-bottom: 5%;
}

.country_r button {
    background: #f71735;
    color: #fff;
    border: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3% 7%;
    font-size: 19px;
    border-radius: 35px;
    margin-top: 5%;
}
.ans {
    background: #eff3fe;
    color: #000;
    padding: 4%;
    border-radius: 30px;
    font-size: 18px;
    line-height: 27px;
}
.country_r h1 span {
    background-color: #f71735;
    background-image: linear-gradient(147deg, #f71735 0, #db3445 74%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.country_r select {
    width: 100%;
    height: 65px;
    background:#eff3fe;
    /*opacity: 0.7;*/
    border: 1px solid #ececec;
    border-radius: 55px;
    overflow: hidden;
    padding: 18px 25px;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    box-shadow: inset 0 0 15px 5px #00000042;
    outline: 3px solid #0000003b;
    position: relative;
    box-sizing: border-box;
    font-size: 18px;
}
.he {
    background: #000;
}
.wrap {    background: #000;
    position: relative;
    height: 750px;
}
img.loga1 {
    position: absolute;
    top: 6%;
    left: 5%;
}
body{background: #fff}
#counter-section-container {
         width: 100%;
    text-align: center;
    border-top: 1px solid #77777759;
    margin-bottom: 5%;
    margin-top: -57px;
    background: #000000;
    position: absolute;
    z-index: 9999;
}
.cards p svg {
    background: #000;
    padding: 5px;
    width: 19px;
    border-radius: 5px;
}
@keyframes  effts1{
    0%{
        transform: translate3d(-109%,-50px,0) rotate3d(0,0,1,45deg);
    }
    50%{
        transform: translate3d(40%,-50px,0) rotate3d(0,0,1,45deg);
    }
    100%{
        transform: translate3d(80%,-50px,0) rotate3d(0,0,1,45deg);
    }
}
.infoa:after {
    content: '';
    position: absolute;
    display: none;
    width: 300px;
    height: 100px;
    -webkit-transform: translate3d(-109%, -50px, 0) rotate3d(0, 0, 1, 45deg);
    -ms-transform: translate3d(-109%, -50px, 0) rotate3d(0, 0, 1, 45deg);
    transform: translate3d(63%, -58px, 0) rotate3d(0, 0, 1, 45deg);
    transition: all 1.1s cubic-bezier(.19,1,.22,1);
    background: rgba(255, 255, 255, .5);
    left: 0;
    top: 0;
    animation: effts1 1s infinite;
}.infoa:hover:after {
    display: block;
}
@-webkit-keyframes rotation {
    0% {
        transform: scaleX(-1) rotate(360deg)
    }

    100% {
        transform: scaleX(-1) rotate(0)
    }
}
.mosta {
     background: #dfdfdf2b;
    overflow: hidden;
    border: 1px solid #e5e5e56e;
    border-radius: 14px;
    padding: 4%;
    width: 80%;
    margin: auto;
}
@keyframes rotation {
    0% {
        transform: scaleX(-1) rotate(360deg)
    }

    100% {
        transform: scaleX(-1) rotate(0)
    }
}
p.pp {
       text-align: center;
    color: #fff;
    padding: 5px 0% 5px;
    border-bottom: 1px solid #7777776e;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bg_a {
    position: absolute;
    overflow: hidden;
    height: 360px;
    margin-top: -2%;
    z-index: 1;
    width: 100%;
}.globe {
    position: relative;
}
.svg-wrapper.active {
    opacity: 1;
    transform: none;
}
.svg-wrapper {
    opacity: 0;
    display: inline-block;
    position: absolute;
    width: 80vh;
    height: 80%;
    left: 0;
    right: 0;
    top: 10%;
    margin: auto;
    transform: scale(.5);
    transition: opacity 1s ease-out 1.6s, transform 1s ease-out 1.6s;
}
.globe .globe-list {
    opacity: 0;
    transition: opacity 3s cubic-bezier(.175, .885, .32, 1.275);
}.globe .globe-list {
    z-index: 10;
    position: absolute;
    left: 0;
    top: 0;
    list-style: none;
    display: none;
}.globe .globe-canvas {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
}.globe svg {
    height: 100%;
    width: 100%;
    opacity: .3;
    -webkit-animation: rotation 10s linear infinite;
    animation: rotation 10s linear infinite;
}
p.pp a {
     cursor: pointer;
    background-color: #fcc813;
    background-image: #fcc813;
    border: 1px solid #fcc813;
    color: #000;
    padding: 1px 1% 4px;
    margin-left: 1%;
    border-radius: 5px;
    text-decoration: none;
    display: inline-block;
    position: relative;
    overflow: hidden;
}
#counter-box-container {
    overflow: hidden;
    display: inline-block;
}div#counter-box {
    border-right: 1px solid #77777759;
}#counter-box {
    width: 200px;
    min-width: 200px;
    margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
    float: left;
    text-align: center;
    color: #ccc;
}.counter {
    font-size: 26px;
    background-color: #fcc813;
    background-image: #fcc813;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
}

.header a {
        float: right;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    color: #000;
    padding: 1px 1% 4px;
    margin-left: 1%;
    border-radius: 5px;
    text-decoration: none;
    display: inline-block;
    position: relative;
    overflow: hidden;
}


.in {
     /*width: 85%;*/
    margin: auto;
    /* display: flex; */
    align-items: center;
    justify-content: space-between;
    padding: 3% 0%;
    padding-bottom: 0px;
}
.l2 {
    height: 480px;
    overflow: hidden;
    position: relative;
    width: 50%;
    float: left;
}
.left {text-align: center;
    width: 80%;margin: auto;
}
.right {text-align: center;
    width: 80%;
}
.l2 img {
    width: 100%;
}
.marquee-content {
    display: flex;
    animation: marquee2 10s linear infinite;
}
@keyframes marquee2{
0% {
    transform: translateY(0);
}
100% {
    transform: translateY(-100%);
}


}
.one_i h1 {
       color: #fff;
    font-size: 54px;
    margin-bottom: 7%;
    margin-top: 7%;
}

.one_i {
    width: 80%;
}

.one_i p {
    color: #ffffff99;
    font-size: 14px;
}
.one_i span {
    background-color: #f71735;
    background-image: linear-gradient(147deg, #f71735 0, #db3445 74%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700 !important;
    font-size: 18px;
}
.t1 {
}

.t2 img {
    width: 81%;
    float: right;
}

.t2 {
    width: 50%;
    float: left;
}

.t1 {
    width: 50%;
    float: left;
}
.f1 button {
    background-color:#fcc813;
    background-image: #fcc813;
    border: 1px solid #fcc813;
    color: #000;
    padding: 3% 5%;
    width: 100%;
    border-radius: 50px;
    font-size: 19px;
    margin-top: 4%;
}
a#slider img {    width: 100px;
    border-radius: 10px;
}
.form_input_part {
    width: 100%;
    height: 65px;
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 55px;
    overflow: hidden;
    padding: 20px 25px;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    box-shadow: inset 0 0 15px 5px #00000042;
    outline: 3px solid #0000003b;
    position: relative;
    box-sizing: border-box;
}
p.fo {
     /* text-align: center; */
    color: gray;
    /* padding: 1%; */
    background: #000;
    font-size: 12px;
    margin-bottom: 15px;
}
.country h1 {
      color: #000;
    font-size: 55px;
    text-align: center;
    margin-bottom: 0%;
}
.country {
    background-image: url(./bgpattern.svg);
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center top -297px;
    background-size: auto;
}
.con p {
         position: absolute;
    top: 38%;
    color: #040303;
    font-size: 22px;
    width: 100%;
    text-align: center;
    font-weight: 800 !important;
    margin-top: 13%;
}
textarea:focus, input:focus, select:focus{
    outline: none;
}
.con {    float: left;
    width: 19%;
    height: 103px;
    border-radius: 10px;
    margin: 26px;
    position: relative;
    background: #fff;
    cursor: pointer;
    text-align: center;
    padding: 2% 0%;
    box-shadow: inset 0 0 15px 5px #c7c1c117;
    border: 1px solid #eee;
}
button.button.button--full {
       background: #000;color: #fcc813;
    font-size: 18px;
    border: 0px;
    text-transform: uppercase;
    position: relative;    cursor: pointer;
    overflow: hidden;
}
.ipa input {
          align-items: center;
    background-color: #fefdfe;
    border-radius: 5px;
    box-shadow: inset 0 0 15px 5px #fcc8130f;
    display: flex;
    padding: 17px 7% 19px 14%;
    border: 0px;
    width: 100%;
    box-sizing: border-box;
    font-size: 16px;
    border-radius: 50px;
}

input[type="radio"] {
  accent-color: var(--color-primary);
}

table {
  border-collapse: collapse;
  inline-size: 100%;
}

tbody {
  color: #b4b4b4;
}

td {
  padding-block: 0.125em;
}

tfoot {
  border-top: 1px solid #b4b4b4;
  font-weight: 600;
}

.align {
  display: grid;
  place-items: center;
}

.button {
  align-items: center;
  background-color: var(--color-primary);
  border-radius: 999em;
  color: #fff;
  display: flex;
  gap: 0.5em;
  justify-content: center;
  padding-block: 0.75em;
  padding-inline: 1em;
  transition: 0.3s;
}

.button:focus,
.button:hover {
  background-color: #e96363;
}

.button--full {
  inline-size: 100%;
}

.card {
  border-radius: 1em;
  background-color: var(--color-primary);
  color: #fff;
  /*padding: 1em;*/
}

.form {
  display: grid;
  gap: 2em;
}

.form__radios {
  display: grid;
  gap: 1em;
}

.form__radio {
  align-items: center;
  background-color: #fefdfe;
  border-radius: 1em;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.0625);
  display: flex;
  padding: 1em;
}

.form__radio label {
  align-items: center;
  display: flex;
  flex: 1;
  gap: 1em;
}

.header {
  display: flex;
  justify-content: center;
  padding-block: 0.5em;
  padding-inline: 1em;
}
i.fa.fa-times.cls {
    color: #fff;
    position: absolute;
    top: 3%;
    right: 4%;cursor: pointer;
    font-size: 22px;
    background: #f71735;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px;
    border-radius: 50px;
}
.overlay {
        width: 100%;
    height: 100%;
    top: 0%;
    display: none;
    background: #fffffffa;
    position: fixed;
    z-index: 99999999;
}

.icon {
  block-size: 1em;
  display: inline-block;
  fill: currentColor;
  inline-size: 1em;
  vertical-align: middle;
}
.top1 {
    width: 100%;
    height: 2px;
    position: fixed;
    top: 0%;
}
.iphone {
       background-color: #fff;
    border-radius: 26px;
    box-shadow: 0 0 1em rgb(238 32 58 / 9%);
    inline-size: 375px;
    overflow: hidden;
    margin: auto;position: relative;
    width: 50%;
    margin-top: 5%;
    height: 520px;
}
.ipa i {
    position: absolute;
    left: 6%;
    top: 32%;
    color: #fcc813;
}
.ipa{position: relative;}
.f_left p {
    text-align: center;
    font-size: 12px;
    margin-top: 7%;
    color: #db3445;
}.f_left p {
    text-align: center;
    font-size: 12px;
    margin-top: 7%;
    color: #db3445;
}

.f_right h2 {
      font-size: 25px;
    margin-bottom: 9%;
    margin-top: 10%;
    line-height: 29px;
}

.f_right p {       font-size: 15px;
    margin-top: 7%;
}
.f_left {
    width: 50%;
    float: left;
    padding: 7%;
    box-sizing: border-box;
}
.f_left h2 {
    text-align: center;
    margin-bottom: 27px;
    font-size: 30px;
}
.f_right {
       background:#fcc813;
    width: 50%;
    float: right;
    text-align: center;
    color: #fff;
    padding: 15% 3%;
    box-sizing: border-box;
    height: 520px;

}
.con img {
      width: 60px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #eee;
}
.con:hover {
    background: linear-gradient(147deg, #fcc813 0, #e7b91b 74%);
    color: #fff;
}

.con:hover p {
    color: #fff;
}
.country {
      width: 86%;
    margin: 7% auto;
}
.one_i h1 span{        background-color: #fcc813;
    background-image: linear-gradient(147deg, #fcc813 0, #f1be0f 74%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 50px;}
.country h1 span{       background-color: #fcc813;
    background-image: linear-gradient(147deg, #fcc813 0, #f1be0f 74%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;}
p.fo a {
       color: gray;
    text-decoration: none;
    padding-right: 2%;
    font-size: 12px;
}
.call_to_action h4 {
    font-size: 23px;
    color: #fff;
    margin-bottom: 22px;
    margin-left: 12px;
}
.form_input_part input {
    background-color: transparent;
    border: none;
    font-style: normal;
    font-size: 20px;
    line-height: 25px;
    color: #333;
    box-sizing: border-box;
    width: 100%;
}
.form_input_part select {
    background-color: transparent;
    border: none;
    font-style: normal;
    font-size: 20px;
    line-height: 25px;
    color: #333;
    box-sizing: border-box;
    width: 100%;
}
.f1 button {
        background-color:#fcc813;
    background-image: #fcc813;
    border: 1px solid #fcc813;
    color: #fff;
    padding: 3% 5%;
    width: 100%;
    border-radius: 50px;
    font-size: 19px;
    margin-top: 4%;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.des p {
    color: #ffffff99;
    font-size: 15px;
    display: flex;
    align-items: center;
    line-height: 26px;
}

.des span {
    color: #fcc813;
    font-size: 18px;
}

.des p img {
    padding: 1% 8px 1% 0px;
}

.des {
    margin-left: 5%;
}
p.sub_heading.small {
    color: #000;
    line-height: 30px;
}
p.sub_heading.small span {
    font-size: 10px;
    background: #0c0e1d;
    padding: 5px;
    border-radius: 6px;
    color: #fff;
}
p.sub_heading.small {    text-align: left;
    padding-left: 15px;
    margin: 10px;
    font-size: 20px;
    margin: 15px 10px;
    background-image: url(./square-check.svg);
    background-position: left center;
    background-size: 33px;
    background-repeat: no-repeat;
    padding-left: 50px;
    min-height: 33px;}
.call_to_action {
    padding: 10%;
}
.five h1 {
    color: #000;
    font-size: 54px;
    text-align: center;
    margin-bottom: 2%;
}

.five h1 span {
    background-color: #fcc813;
    background-image:#fcc813;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.box p {
    font-size: 16px!important;
}
.box h3 {
    color: #000;
    font-size: 23px;
    line-height: 27px;
    font-weight: 700 !important;
}
.five p {
    color: #000;
    font-size: 25px;
    margin-top: 11px;
    text-align: center;
}

.box {
       background: #fcc813;
    padding: 5%;
    width: 30%;
    border-radius: 20px;
    margin: 1%;
    text-align: center;
    color: #fff;
    margin-top: 8%;
    float: left;
    box-sizing: border-box;margin-bottom: 5%;
}

.box img {
    background: #000;
    width: 45px;
    border-radius: 5px;
    margin-bottom: 6%;
}
p.para {
    color: #000;
    font-size: 25px;
    margin-top: 3%;
    font-weight: 100 !important;
    text-align: center;
    margin-bottom: 8%;
}
.four{      background-image: url(./bgpattern.svg);
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center top -297px;
    background-size: auto;}
.four h1 span {
    background-color: #fcc813;
    background-image: linear-gradient(147deg, #fcc813 0, #f1be0f 74%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.four h1 {
    color: #000;
    font-size: 54px;
    text-align: center;
    margin-bottom: 4%;
}
img.p {
    width: 80px;
    border-radius: 50px;
    border: 2px solid #ffffff;
}
.f2 {
    width: 47%;
    float: right;
}

.web-form-points {
    background:#fcc813;
    height: 600px;
    background-repeat: no-repeat;
    border-radius: 15px;
    background-image: radial-gradient(#0000000f 3px, transparent 0);
    background-size: 15px 15px;
    background-position: -1px 1px;
    overflow: hidden;
    display: flex;
    background-repeat: repeat;
}
.two {background: #000;
    padding: 6% 0%;
}
.clear{clear: both;}
.top {
display: flex;
    align-items: center;
    margin-bottom: 15%;

}
.four {
    width: 80%;
    margin: auto;
}
.f1 {
       width: 50%;
    float: left;
    background: #000;
    padding: 5%;
    box-sizing: border-box;
    border-radius: 10px;
}
.t1 h3 {
    color: #000;
    font-size: 38px;
    width: 100%;
}

.t1 p {
    color: #000;
    font-size: 14px;
    margin-top: 3%;
    line-height: 24px;
}

.three {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 2px solid #ffffff33;
    border-radius: 10px;
    padding: 5%;
    background: #80808038;
    margin-bottom: 6%;
}
.one a {
    cursor: pointer;
    background-color: #f71735;
    background-image: linear-gradient(147deg, #f71735 0, #db3445 74%);
    border: 1px solid #f71735;
    color: #fff;
    padding: 12px 5%;
    margin-left: 1%;
    border-radius: 5px;
    text-decoration: none;
    margin-bottom: 5%;
    display: inline-block;
    display: inline-block;
    align-items: center;
    justify-content: center;
    margin-top: 6%!important;
    border-radius: 5px;
}
.l1 h1 span {
    background-color: #fcc813;
    background-image: linear-gradient(147deg, #fcc813 0, #f1be0f 74%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
header.header h1 {
    text-align: center;
    width: 100%;
    margin-bottom: 4%;
}
.bg1.infoa {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22%;
}
.bg1 {
       cursor: pointer;
    background-color: #fcc813;
    background-image:#fcc813;
    border: 1px solid #fcc813;
    color: #000;
    padding: 2% 9%;
    margin-left: 1%;
    border-radius: 5px;
    text-decoration: none;
    margin-bottom: 5%;
    display: inline-block;
    display: inline-block;
    align-items: center;
    justify-content: center;
    margin-top: 10%;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}
.l1 p {
    color: #fff;
    font-size: 25px;
    margin-top: 11px;
}
.inner {
    width: 85%;
    margin: auto;
    padding: 1% 0%;
}
.l1 {
    width: 50%;
    float: left;
}

.l1 h1 {
    color: #fff;
    font-size: 54px;
}
.header {
      padding: 2% 2% 0%;
    width: 85%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.in{      
 /*background: url(./2.webp);*/
    background-repeat: no-repeat;
    background-size: 94% 99%;}
.right img {
    width: 90%;
}
.left h1 {
    color: #fff;
    letter-spacing: 1px;
    font-size: 58px;
    text-align: center;
    margin-bottom: 11px;
}

.left p {
        color: #fff;
    letter-spacing: 1px;
    text-shadow: 9px 13px 16px #333;
    font-size: 20px;
    text-align: center;
    line-height: 31px;
}
.left h1 span {
       background-color: #fcc813;
    background-image: linear-gradient(147deg, #fcc813 0, #d5a709 74%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.left ul li {
      color: #fff;
    list-style: none;
    display: flex;
    align-items: center;
    margin: 1% 2%;
    float: left;
}

.left ul {
      padding: 2% 0%;
    display: flex;
    align-items: center;
    justify-content: center;
}
a.bg {
       cursor: pointer;
    background-color: #fcc813;
    background-image:  #fcc813;
    border: 1px solid  #fcc813;
    color: #000;
    padding: 15px 5%;
    margin-left: 1%;
    border-radius: 5px;
    text-decoration: none;
    margin-bottom: 1%;
    display: inline-block;
    position: relative;
    overflow: hidden;
    font-size: 20px;
}
.div-block-347 {
    margin-top: 2rem;
    display: flex;
}
.collection-list-wrapper-10._1 {
    flex: 1;
}.collection-list-wrapper-10 {
    margin-left: .5rem;
    margin-right: .5rem;
}.collection-list-9 {
    flex-direction: column;
    grid-template:
        "."
        "." / 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    display: flex;
}.collection-item-11 {
        background-color: #eee;
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 1rem;
    flex-direction: column;
    margin-bottom: 1rem;
    padding: 1rem;
    display: flex;
    box-shadow: 2px 11px 13px #d9cfcf;
}.image-98 {
    border-radius: 100%;
    width: 40px;
    height: 40px;
    margin-right: 1rem;
}.div-block-346 {
    align-items: center;
    display: flex;
}.div-block-345 {
    flex-direction: column;
    flex: 1;
    display: flex;
}.review-name {    color: #000;
    font-size: 15px;
    line-height: 1.25rem;
}
.review-twitter-handle {
    color: #68a7f8;
    font-size: .875rem;
    line-height: 1.25rem;
}
.review-twlogo {
    object-fit: contain;
    width: 20px;
    height: 20px;
}.review-tplogo {
    height: 20px;
}.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
    display: none !important;
}.review-txt {
     color: #000;
    margin-top: .5rem;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 23px;
}
.review-tpstars {
    align-self: flex-start;
    width: 64px;
    height: 12px;
    margin-top: .5rem;
}
.six h1 {
    color: #000;
    font-size: 54px;
    text-align: center;
    margin-bottom: 6%;
}
img#loader2 {
    display: none;
}
.six h1 span {
    background-color: #fcc813;
    background-image:#fcc813;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
@media(max-width: 768px){
    .input-text {
    margin: 15px 0;}
  .container .card .right-side {
    overflow-x: hidden;}
    .tab {
    float: left;
    width: 100%;
    height: auto;
    /* border-right: 1px solid #eee; */
}
.left-side {
        margin-bottom: 0px !important;
        padding-bottom: 7px !important;
        padding-top: 7px !important;border-bottom: 1px solid #f7f7f7;
        border-radius: 0px !important;
}
a.bg1.infoa.dis {
    display: none;
}
.checkb {
    width: 98%;}
.input-div.in1 {
    width: 50% !important;
}
.input-div label {
    font-size: 13px;}
.next_button {
        position: absolute !important;
        bottom: 1%;
        width: 96% !important;
        left: 1% !important;
}
.main.main2 label {
    padding: 3% 3%;
}
.main.main3 label {
    padding: 3% 3%;
}
.tabcontent {
    float: left;
    padding: 13px 12px;
    width: 100%;
    border-left: none;
    border-left: 0px solid #eee;
    box-sizing: border-box;
}
.tab button {
    display: block;
    background-color: inherit;
    /*color: black;*/
    padding: 8px 20px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 17px;
}
    .ll {
    float: right;
}
.box1 {
    margin-top: 5%;
}
.ll h4 {
    font-size: 20px;
    margin-top: -13px;
    font-weight: 700;
    line-height: 27px;
}
    .box1 {
    width: 100%;}
    .two11 h1 {
    color: #000;
    font-size: 25px;}
    .left-side {
    width: 100%!important;
    display: block!important;
}
.text h2 {
          color: #000;
        font-size: 37px;
        margin-top: 1%;
}
.chat a {
    cursor: pointer;
    background-color: #fcc813;
    background-image: #fcc813;
    border: 1px solid #fcc813;
    color: #000;
    padding: 11px 1% 5px;
    margin-left: 1%;
    border-radius: 5px;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    font-size: 11px;
    display: flex;
    height: 22px;
}
.pro {
    display: flex;
    position: relative;
    width: 31%;
}
.chat {
   
    padding: 3%;
    border-radius: 6px;
    border: 1px solid #3e3c3c;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    left: 7%;
    z-index: 9999;
    width: 80%;
    color: #000;
    bottom: -14%;
}
ul.progress-bar {
    display: none;
}
.container .card .form {
    display: inline-block;
}
    .main.main1 {
    width: 100%;
}
.right-side {
    overflow: hidden !important;
}
.back_button {
             width: auto !important;
        top: 8px !important;
        right: 3% !important;
}
.buttons button {
           width: 99%;
        text-align: center;
        align-items: center;
        justify-content: center;
        padding: 12px 5% 11px;
        height: 55px;
}
.main {
    width: 100%;
   padding: 6% 2%;
    box-sizing: border-box;
}
.card {
    width: 100%!important;
   max-width: 100% !important;
}
    .globe.js-globe {
    height: auto !important;
    width: 100% !important;
}
.bg_a {
    height: auto;}
.globe.js-globe {
  height: 300px !important;
        width: 100% !important;
}

.svg-wrapper.active {
    width: 100%!important;
    height: 100%!important;
}

canvas.globe-canvas.js-canvas {
        width: 100% !important;
        height: 320px !important;
}
    div#counter-box {
    width: 100%;
}.l2 {
    height: 220px;}
a.bg1.infoa {
    width: 52%;
}
.div-block-347 {
    margin-top: 2rem;
    display: inline-block;
}
.six {
    width: 90%;
    margin: auto;
}
.six h1 {
    color: #000;
    font-size: 30px;}
.box {
    width: 100%;
}

.five {
    width: 80%;
    margin: auto;
}
.faq h1 {
    font-size: 25px;}
.five p {
    color: #fff;
    font-size: 17px;}
.five h1 {
    color: #000;
    font-size: 30px;}
.two {
           width: 100%;
        margin: auto;
        padding: 5%;
        box-sizing: border-box;
}
.l2 {
    width: 100%;}
.l1 {
    width: 100%;}
.l1 p {
    color: #ffffff99;
    font-size: 17px;
}
.l1 h1 {
    color: #fff;
    font-size: 30px;
}
.web-form-points {
    /*background: #f71735;*/
    height: auto;}
.call_to_action {
    padding: 4%;
}
.f2 {
    width: 100%;}
.f1 {
    width: 100%;}
p.para {
    width: 100%;}
.inner {
    width: 100%;}
.four h1 {
    font-size: 30px;}
.con p {
    font-size: 16px;}
.con {
    float: left;
    width: 44%;}
.mosta {
    width: 93%;}
.con {        float: left;
        width: 44%;
        height: 120px;
        margin: 7px;}
p.para {
    width: 100%;
    font-size: 17px;
}

.country h1 {
    font-size: 30px;}
    .right {
    margin: auto;
}
.left ul li {
         display: inline-flex;
        align-items: center;
        margin: 0% 2%;
        float: none;
        font-size: 13px;
}
.left ul li img {
    float: left;
}
    .left ul {
        width: 100%;
    }
    a.bg {
    margin-top: 5%;
}		
.left {
    text-align: center;
    width: 100%;}
    .left ul {
    padding: 2% 0%;
    display: inline-block;}
    .left p {margin: 0% 2%;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0px;
}
#counter-section-container {
    margin-top: -144px;
}
    .left h1 {              font-size: 42px;
        line-height: 40px;
        margin: 5% 0%;}
    p.pp a {
    margin-top: 6px;
}
    p.pp { font-size: 14px;
    display: inline-block;}

}

@media(max-width:768px){
    .left-heading h3 {
    display: none;
}
.fl {
    width: 100%;
}
button#checkout-button2 {
    width: 100% !important;
}

.fr {
    width: 100%;
}
.text {
    margin-top: 20px;
}
.input-text {
    margin-bottom: 0px;
}
.container .card .right-side {
    height: 630px;}
.left-heading p {
    display: none;
}

ul.progress-bar {
    display: none;
}

.chat {
    display: none;
}

.left-side {
    /* display: none!important; */
}

.steps-content {
    display: none;
}
    .ll {
    width: 76%;
}
        .wrap .bg_a {        height: 301px;
        position: relative;
    }
    .country {
    margin-top: 24%;
}
    .right {
    text-align: center;
    width: 100%;
}
    .wrap {
    background: #000;
    position: relative;
    height: auto;
}
.thank {
      background: #000;
    text-align: center;
    padding: 11% 0% 0%;
    height: auto;
}

    .mdl-cell.mdl-cell--2-col {
    width: 100%!important;
}
.vertical-mdl-tabs.mdl-tabs.is-upgraded .mdl-tabs__panel.is-active, .mdl-tabs__panel {
    padding: 0 9px;
}
    .oo {
    width: 100%;
    float: left;
    padding: 0% 3%;}
    div#dynamic_form {
    overflow: hidden;
}
.left_check {
    width: 100%;}
    .input-text {
        display: block;
        overflow: hidden;
    }
    .checkout .bg1.infoa {
    width: 100%!important;
    padding: 5%!important;
    margin-top: 0px;
    margin-left: 0;
    box-sizing: border-box;
}a.bg1.infoa {
    width: auto !important;
}
.buttons.button_space {
    width: 99%;
    margin-top: 12%;
}
.right_check {
    width: 100%;
    float: right;
    margin-top: 0%;
}
.tt {
    margin-top: 9px;
    margin-bottom: 0px;
}
.l {
width: 100%;
}
.countdown-contents.aab .upcoming-headings::before {
        content: "";
        position: absolute;
        background: #ffaa17;
        height: 2px;
        width: 90px;
        right: 3px;
        top: 30px;
}
img.mob {
    display: block;
    height: auto;
    width: 100px;
    margin-right: 2%;
}
a.join_w {
    background: #f6c926;
    width: 86%;}
h2.upcoming-headings {
    display: flex;
    align-items: center;
    justify-content: center;
}
.spinner-item {
    width: 480px;
    height: 480px;
}
body {
               overflow-x: hidden;
}
.inai {color: #fff;
    width: 87%;
    margin: 30% auto;}
.countdown-contents.aab {
    width: 100%;}
a.join_w img {
    height: 23px;
    width: 23px;
}
}