*:after,
*:before {box-sizing: border-box;}
:root {--transition: 0.25s;--spark: 1.8s;}

body{color: #ffffff !important;font-family: 'Poppins', sans-serif !important;background:#000000 !important; --active: 0;margin: auto !important;transition: background var(--transition);}
a.btn-glow {--cut: 0.1em;--active: 0;--bg:radial-gradient(40% 50% at center 100%,hsl(270 calc(var(--active) * 97%) 72% / var(--active)),transparent),radial-gradient(80% 100% at center 120%,hsl(260 calc(var(--active) * 97%) 70% / var(--active)),transparent),hsl(260 calc(var(--active) * 97%) calc((var(--active) * 44%) + 12%));background: var(--bg);font-size: 21px;font-weight: 700;text-transform: uppercase;border: 0;cursor: pointer;text-align: center;padding: 14px 20px 14px 20px;display: flex;align-items: center;gap: 0.25em;white-space: nowrap;border-radius: 100px;max-width: 270px;position: relative;box-shadow: 0px 0px 0px hsl(260 97% 61% / 0.75);/* box-shadow:0 0 calc(var(--active) * 6em) calc(var(--active) * 3em) hsl(260 97% 61% / 0.75),0 0.05em 0 0 hsl(260 calc(var(--active) * 97%) calc((var(--active) * 50%) + 30%)) inset,0 -0.05em 0 0 hsl(260 calc(var(--active) * 97%) calc(var(--active) * 60%)) inset; */transition: box-shadow var(--transition), scale var(--transition), background var(--transition);scale: calc(1 + (var(--active) * 0.1));justify-content: center;}
a.btn-glow:active {scale: 1;}
a.btn-glow:hover{box-shadow: 0px 0px 20px hsl(254.58deg 98.17% 30.25%);}
svg {overflow: visible !important;}
.sparkle path {color: hsl(0 0% calc((var(--active, 0) * 70%) + var(--base)));transform-box: fill-box;transcard-form-boxform-origin: center;fill: currentColor;stroke: currentColor;-webkit-animation-delay: calc((var(--transition) * 1.5) + (var(--delay) * 1s));animation-delay: calc((var(--transition) * 1.5) + (var(--delay) * 1s));-webkit-animation-duration: 0.6s;animation-duration: 0.6s;transition: color var(--transition);}
a.btn-glow:is(:hover, :focus-visible) path {-webkit-animation-name: bounce;animation-name: bounce;}

@-webkit-keyframes bounce {
	35%, 65% {scale: var(--scale);}s
}

@keyframes bounce {
	35%, 65% {scale: var(--scale);}
}
.sparkle path:nth-of-type(1) {
--scale: 0.5;
--delay: 0.1;
--base: 40%;
}

.sparkle path:nth-of-type(2) {
--scale: 1.5;
--delay: 0.2;
--base: 20%;
}

.sparkle path:nth-of-type(3) {
--scale: 2.5;
--delay: 0.35;
--base: 30%;
}

a.btn-glow:before {content: "";position: absolute;inset: -0.25em;z-index: -1;border: 0.25em solid hsl(260 97% 50% / 0.5);border-radius: 100px;opacity: var(--active, 0);transition: opacity var(--transition);}
.spark {position: absolute;inset: 0;border-radius: 100px;rotate: 0deg;overflow: hidden;-webkit-mask: linear-gradient(white, transparent 50%);mask: linear-gradient(white, transparent 50%);-webkit-animation: flip calc(var(--spark) * 2) infinite steps(2, end);animation: flip calc(var(--spark) * 2) infinite steps(2, end);}

@-webkit-keyframes flip {
	to {rotate: 360deg;}
}

@keyframes flip {
	to {rotate: 360deg;}
}

.spark:before {content: "";position: absolute;width: 200%;aspect-ratio: 1;top: 0%;left: 50%;z-index: -1;translate: -50% -15%;rotate: 0;transform: rotate(-90deg);opacity: calc((var(--active)) + 0.4);background: conic-gradient(from 0deg,transparent 0 340deg,white 360deg);transition: opacity var(--transition);-webkit-animation: rotate var(--spark) linear infinite both;animation: rotate var(--spark) linear infinite both;}
.spark:after {content: "";position: absolute;inset: var(--cut);border-radius: 100px;}
.backdrop {position: absolute;inset: var(--cut);background: var(--bg);border-radius: 100px;transition: background var(--transition);}
@-webkit-keyframes rotate {
	to {transform: rotate(90deg);}
}
@keyframes rotate {
	to {transform: rotate(90deg);}
}

/*@supports(selector(:has(:is(+ *)))) {*/
	
body:has(a.btn-glow:is(:hover, :focus-visible)) {--active: 1;--play-state: running;}.bodydrop {display: none;}}
a.btn-glow:is(:hover, :focus-visible) ~ :is(.bodydrop, .particle-pen) {--active: 1;--play-state: runnin;}
a.btn-glow:is(:hover, :focus-visible) {text-decoration: none;--active: 1;--play-state: running;filter: hue-rotate(305deg);}
.bodydrop {background: hsl(260calc(var(--active) * 97%)6%);position: fixed;inset: 0;z-index: -1}
.sparkle-a.btn-glow {position: relative;}
.particle {fill: white;width: calc(var(--size, 0.25) * 1rem);aspect-ratio: 1;position: absolute;top: calc(var(--y) * 1%);left: calc(var(--x) * 1%);opacity: var(--alpha, 1);-webkit-animation: float-out calc(var(--duration, 1) * 1s) calc(var(--delay) * -1s) infinite linear;animation: float-out calc(var(--duration, 1) * 1s) calc(var(--delay) * -1s) infinite linear;transform-origin: var(--origin-x, 1000%) var(--origin-y, 1000%);z-index: -1;-webkit-animation-play-state: var(--play-state, paused);animation-play-state: var(--play-state, paused);}
.particle path {fill: hsl(0 0% 90%);stroke: none;}
.particle-pen {position: absolute;width: 200%;aspect-ratio: 1;top: 50%;left: 50%;translate: -50% -50%;-webkit-mask: radial-gradient(white, transparent 65%);z-index: -1;opacity: var(--active, 0);transition: opacity var(--transition);}
.particle:nth-of-type(even) {animation-direction: reverse;}

@-webkit-keyframes float-out {
	to {rotate: 360deg;}
}

@keyframes float-out {
	to {rotate: 360deg;}
}
.text {translate: 2% -6%;letter-spacing: 0.01ch;background: linear-gradient(90deg, hsl(0 0% calc((var(--active) * 100%) + 65%)), hsl(0 0% calc((var(--active) * 100%) + 26%)));-webkit-background-clip: text;color: transparent;z-index: 9;position: relative;transition: background var(--transition);}
a.btn-glow svg {inline-size: 1.25em;translate: -25% -5%;}





span.spo > span {padding-bottom: 10px;}

.split-lines > div {
    overflow: hidden;
    line-height: 1;
}

.color-blue{color:#27B0FD;} 

.gradient-01{position:fixed;top: 17%;right: -14%;width: 60vh;height: 60vh;border-radius:1000px;background: linear-gradient(304deg, #3FE8F5 19.27%, #3F75FF 70.31%, #00208F 100%);filter: blur(100px);opacity: .8;}
.gradient-02{position:fixed;top: 47%;right: 6%;width: 40vh;height: 40vh;border-radius:1000px;background: linear-gradient(295deg, #3F75FF 0%, #3FE8F5 39.58%, #00208F 100%);filter: blur(100px);}
.gradient-03{position:fixed;top: 35%;right: 20%;width: 50vh;height: 50vh;border-radius:1000px;background: linear-gradient(295deg, #606023 0%, #1d7f86 100%);filter: blur(100px);}

.cards-blue{z-index:2;}
.cards-black{z-index:1;}
.cards-blue,
.cards-black{position:fixed;width: calc(20vh + 5vw);height: auto;border-radius:18px;/* box-shadow: 11px 12px 20px #00000087; */}
.cards-blue .over-shadow,
.cards-black .over-shadow{position: absolute;top:0;left:0;width:100%;height:100%;border-radius: 17px;z-index: 9;overflow:hidden;/* box-shadow:#cccccc 4px 3px 2px 0px inset, rgb(0 0 0) -3px -3px 3px 0px inset, rgb(0 0 0 / 40%) 18px 20px 30px 0px; */box-shadow: 11px 12px 20px #00000087;}


.thumbnails{display:block;}
.thumbnails-01{display:none;}
.mobile-cards-blue{z-index:2;}
.mobile-cards-black{z-index:1;}
.mobile-cards-blue,
.mobile-cards-black{position: absolute;width: calc(5vw + 5vw + 100px);height: auto;border-radius:18px;}
.mobile-cards-blue .over-shadow,
.mobile-cards-black .over-shadow{position: absolute;top:0;left:0;width:100%;height:100%;border-radius:18px;z-index: 9;overflow:hidden;box-shadow:rgb(0 0 0 / 40%) 18px 20px 30px 0px;}


.home_sec_01{display: flex;height:2080px;/*! align-items: center; */padding-top: 32vh;align-content: flex-start;}
.home_sec_01 h1{font-size:calc(36px + 2.5vh);line-height: 1.16;margin-bottom: 40px;}

.load-tap-go{width: 100%;text-align:center;position:fixed;}

.home_sec_02{display: flex;align-items: flex-end;position:relative;z-index:2;position:fixed;width:100%;text-align: center;z-index:15;}
.home_sec_02 .usp-circle-box{position:relative;}
.home_sec_02 .usp-circle-box:before{content:"";position:absolute;top:50%;left:50%;width: 100%;height: 100%;background: #272525;border-radius:100%;box-shadow: -4px 0px #555555, 6px 0px #414141;transform: translate(-50%,-50%);opacity: 0;}
.home_sec_02 .txt-hs2{display: none;}
.home_sec_02 h2{position:relative;}
.home_sec_02 p{/* margin-bottom:190px; */position:relative;}
 

.thumbnails > div{border-radius:18px;/* overflow:hidden; */}
.thumbnails .shine {display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #fff;background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.8)),to(rgba(255,255,255,0)));background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 50%,rgba(255,255,255,0) 100%);pointer-events: none;z-index: 3;opacity: 0;transform: skew(30deg);}
.thumbnails .shine.ts-01 {animation: shine 2s infinite ;}
.thumbnails .shine.ts-02 {animation: shine 3s infinite ;}

.thumbnails:hover .shine {display: block;}
@keyframes shine {
  0% {
    left: -50%;
    opacity: 0;
  }
  100% {
    left: 150%;
    opacity: .5;
  }
}

.list-payment li > div {
    display: flex !important;
}

.list-payment{margin: 0px;padding: 0px;list-style-type: none;}
.list-payment li{display: inline-flex;padding: 30px 0px;align-items: center;position:relative;/* overflow:hidden; */min-width: 270px;}
.list-payment li .icon:after{content:"";position:absolute;top:50%;width: 100px;height: 1px;background:#ffffff;z-index: -14;}
.list-payment li .icon{display: inline-flex;padding: 10px;border-radius: 10px;width: 60px;height: 60px;align-items: center;justify-content: center;margin: 0px 20px;background: linear-gradient(218deg, rgba(39, 176, 253, 0.67) 17.74%, rgba(204, 204, 100, 0.26) 66.87%, rgba(44, 44, 44, 0.00) 100%);/* position: relative; */z-index: 9;}
.list-payment li .icon img{height: 40px;}
.list-payment li .txt{line-height:1.2;max-width: 200px;}


.list-payment.lp-left{}
.list-payment.lp-left li{flex-direction: row-reverse;text-align: right;}
.list-payment.lp-left li .icon:after{left: 92%;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */background: -moz-linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */}
.list-payment.lp-left li:nth-child(1){left: -60px;}
.list-payment.lp-left li:nth-child(2){left: -30px;}
.list-payment.lp-left li:nth-child(3){left: 30px;}
.list-payment.lp-left li:nth-child(1) .txt{max-width: 160px;}
.list-payment.lp-left li:nth-child(2) .txt{max-width: 160px;}
.list-payment.lp-left li:nth-child(3) .txt{max-width: 130px;}


.list-payment.lp-right{}
.list-payment.lp-right li{text-align:left;}
.list-payment.lp-right li .icon:after{right: 92%;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */background: -moz-linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */}
.list-payment.lp-right li:nth-child(1){right: -60px;}
.list-payment.lp-right li:nth-child(2){right: -30px;}
.list-payment.lp-right li:nth-child(3){right: 30px;}
.list-payment.lp-right li:nth-child(1) .txt{max-width: 180px;}
.list-payment.lp-right li:nth-child(2) .txt{max-width: 160px;}
.list-payment.lp-right li:nth-child(3) .txt{max-width: 130px;}


.home_sec_03{padding: 100px 0px 100px 0px;}
.home_sec_03 .btn-body{max-width: 450px;margin: auto;border-radius: 40px;position: relative;}
.home_sec_03 .btn-body .glow-wrp{top: 26%;height: 74%;}
.home_sec_03 .smart-card-box{
}
.home_sec_03 .smart-card-box .sc-thumb{position: relative;z-index: 9;margin: 0px 50px;}
.home_sec_03 .smart-card-box .sc-thumb video{position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;}
.home_sec_03 .smart-card-box .sc-thumb img{opacity:0;}
.home_sec_03 .smart-card-box .sc-details{position: relative;z-index: 9;padding: 10px 15px 30px 15px;min-height: 340px;text-align: center;}
.home_sec_03 .smart-card-box .sc-details h3{font-size: 30px;margin-bottom: 14px;}
.home_sec_03 .smart-card-box .sc-details h5{color: #27b0fd;font-size: 17px;}
.home_sec_03 .smart-card-box .sc-details ul{margin: 30px 0px 20px 0px;padding: 0px;list-style-type: none;}
.home_sec_03 .smart-card-box .sc-details ul li{color: #f7f7f7;font-size: 14px;font-weight: 300;padding: 12px 10px;border-top: 1px solid #111;border-bottom: 1px solid #0e0e0e;}
.home_sec_03 .smart-card-box .sc-details p{color: #989898;font-size:12px;}


.home_sec_04{padding: 100px 0px 100px 0px;}
.home_sec_04 h2{line-height:1.4;}
.home_sec_04 .btn-body{position:relative;}
.home_sec_04 .card-form-box{width:100%;/*height:100%;*/padding: 30px;position:relative;z-index: 9;}
.home_sec_04 .btn-body .img-fluid.strope-band-shape {position: absolute;top: -14px;left: 50px;z-index: 9;width: 8vh;display: none;}

 
.form-cards-box{max-width: 370px;margin:auto;}
.form-cards-box label {margin: 0;font-size: 14px;font-weight: 200;display: flex;align-items: center;}
.form-cards-box .icon{max-width: 60px;margin-left: -7px;}
.form-cards-box .card-txt{line-height: 1.2;position: relative;left: 5px;margin: 0px;}
.form-cards-box .btn-submit{color: #ffffff;font-size: 16px;font-weight:600;line-height: 1;height: auto !important;background: #27B0FD !important;text-transform: uppercase;border:none;border-radius: 100px !important;padding:10px 30px;min-width: 250px;}
.form-cards-box .btn-submit:hover{box-shadow: 0px 0px 30px #27b0fd;}

.error-field {position: absolute;right: 15px;bottom: 7px;font-size: 11px;padding: 0px 4px;background: red;border-radius: 3px;}

.form-cards-box .btn-submit[disabled]{filter:grayscale(10) brightness(0.6);}
.form-cards-box .btn-submit[disabled]:hover{box-shadow: 0px 0px 0px #27b0fd;}


.form-cards-box .select-txt{color: #fff;border: 1px solid #fff;background: black;padding: 8px 10px 8px 5px;border-radius: 6px;margin-bottom: 20px;}
.form-cards-box .input-txt{color: #fff;background: black !important;border: 1px solid #fff;background: transparent;padding: 8px 10px 8px 10px;border-radius: 6px;width: 100% !important;margin-bottom: 20px;}
.form-cards-box .radio-txt{position: relative;z-index: 9999;}
.form-cards-box p.card-tnc-offer {color: #666666;font-size: 12px;margin: 10px 0px 30px 0px;}


.fcs-desktop{}
.fcs-mobile{display: none;}
.form-cards{margin: 40px;position:relative;transition: transform 0.6s;transform-style: preserve-3d;transform: rotateY(0deg);}
/*.form-cards:after{content: ""; position: absolute; top: 0;left: 0;width: 100%;height: 100%;border-radius: 16px;box-shadow: rgb(204, 204, 204) -3px -1px 2px 0px inset, rgb(0, 0, 0) 5px 2px 3px 0px inset, rgb(87 80 80 / 40%) 0px -20px 30px 0px;}*/
.form-cards .opacity{opacity:0;}
.form-cards .fc-bc-blue{position:absolute;top: 0;left: 0;z-index: 1;transform: rotateY(180deg);}
.form-cards .fc-bc-black{position:absolute;top: 0;left: 0;z-index: 1;}
 

.form-cards.active-blue .fc-bc-blue,
.form-cards.active-black .fc-bc-black{z-index: 9;}


.form-cards.active-blue .fc-bc-blue {transform: rotateY(0deg);}
.form-cards.active-black .fc-bc-black {transform: rotateY(180deg);}
 

.form-cards{position:relative;max-width: 220px;margin: 30px auto;}
.form-cards .opacity{opacity:0;}

 
.botim-card #name-on-card{color:#ffffff;font-size: 16px;text-transform: uppercase;position: absolute;top: 68%;left:0;text-align: center;width: 100%;z-index: 21;padding: 0px 20px;transition:all 500ms ease-in-out;}
.botim-card.active-blue #name-on-card{top: 68%;}
.botim-card.active-black #name-on-card{top: 52%;}
 
.botim-card {position: absolute;top: 0;left: 0;width: 100%;height: 100%;/* top: 50%; *//* left: 50%; *//* width: 300px; *//* height: 300px; *//* margin: -150px; *//* float: left; */perspective: 500px;}
.botim-card .b-front:after, .botim-card .b-back:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 16px;box-shadow: rgb(176 176 176 / 30%) 0px 0px 30px 6px;}
.botim-card .b-content {position: absolute;width: 100%;height: 100%;box-shadow: 0 0 15px rgba(0,0,0,0.1);transition: transform 1s;transform-style: preserve-3d;}

.b-front,
.b-back {position: absolute;height: 100%;width: 100%;backface-visibility: hidden;}

.b-back {transform: rotateY( -180deg );}

.botim-card.active-black .b-content,
.botim-card1:hover .b-content {transform: rotateY( -180deg ) ;transition: transform 0.5s;}

.rotator {color: #27b0fd;text-align: center;display: inline-block;position: relative;vertical-align: text-bottom;border-radius: 10px;overflow: hidden;padding: 10px 40px;}
.rotator span {position: absolute;top: 0;left: 0;right: 0;margin: unset;min-width: 160px;text-align: center;}


.refer_sec_01{padding: 200px 0px 100px 0px;text-align:center;display:flex;height: 100vh;align-items: center;}
.refer_sec_01 h1{}
.refer_sec_01 p{}
.refer_sec_01 #counter{font-size: 60px;letter-spacing:30px;line-height: 1.5;}
.refer_sec_01 #counter{}

.refer_sec_01 .waiting_list{}
.refer_sec_01 .waiting_list ul{margin:20px 0px 40px 0px;padding:0px;list-style-type:none;}
.refer_sec_01 .waiting_list ul li{
    display:inline-block;
    font-size:72px;
    font-weight: 700;
    line-height: 1;
    margin:0px 10px;
    background:#ffffff;
    border-radius: 10px;
    position: relative;
    background: -moz-linear-gradient(top, rgba(204,204,100,1) 0%, rgba(66,181,177,0.74) 31%, rgba(255,255,255,0.5) 60%, rgba(255,222,47,0.3) 100%);
    background: -webkit-linear-gradient(top, rgba(204,204,100,1) 0%,rgba(66,181,177,0.74) 31%,rgba(255,255,255,0.5) 60%,rgba(255,222,47,0.3) 100%);
    background: linear-gradient(to bottom, rgba(204,204,100,1) 0%,rgba(66,181,177,0.74) 31%,rgba(255,255,255,0.5) 60%,rgba(255,222,47,0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccc64', endColorstr='#4dffde2f',GradientType=0 );
    }
.refer_sec_01 .waiting_list ul li:before{content:"";position:absolute;top: 1px;right: 1px;bottom: 1px;left: 1px;background: #000000;border-radius: 10px;z-index: 2;}

.refer_sec_01 .waiting_list ul li:after{content:"";position:absolute;top: -42%;left: 14%;width:100%;height:100%;background: #60D9D9;z-index: 3;transform: scale(.5);filter: blur(40px);opacity: .6;}
.refer_sec_01 .waiting_list ul li span{display: flex;width: 100px;height: 100px;align-items: center;justify-content: center;position: relative;z-index: 9;}
.refer_sec_01 .waiting_list ul li:nth-child(even){display:none;}

.refer_sec_02{padding: 100px 0px 50px 0px;}
.refer_sec_02 h2{}
.refer_sec_02 p{}
.refer_sec_02 .steps-box{padding: 20px 20px 0px 20px;display: flex;border: 1px solid rgb(255 255 255 / 15%);border-radius: 12px;position:relative;overflow: hidden;margin-bottom: 40px;z-index: 4;}
.refer_sec_02 .steps-box:after{content:"";width: 200px;height: 220px;background: #3c7170;position: absolute;top: -60%;right: 0;filter: blur(100px);}
.refer_sec_02 .steps-box .sb-txt{width: 70%;min-height: 150px;padding: 10px 20px 10px 10px;position: relative;z-index: 9;}
.refer_sec_02 .steps-box .sb-txt h4{color:#27B0FD;}
.refer_sec_02 .steps-box .sb-txt p{/* font-size: 15px; */}
.refer_sec_02 .steps-box .sb-icon{background: linear-gradient(137deg, rgba(255, 255, 255, 0.51) 0%, rgba(255, 255, 255, 0.00) 100%);filter: drop-shadow(54px 85px 122px rgba(0, 0, 0, 0.40));backdrop-filter: blur(35px);width: 30%;padding: 10px;border: 2px solid #ffffff;border-bottom: none;border-radius: 10px 10px 0px 0px;position: relative;z-index: 9;}
.refer_sec_02 .steps-box .sb-icon img{}


.refer_sec_03{padding: 50px 0px 110px 0px;}
.refer_sec_03 h2{margin-bottom:20px;}
.refer_sec_03 .refer-social-box{width:100%;height:100%;padding:60px;position:relative;z-index: 9;}

.refer_sec_03 .btn-body{position:relative;} 
.refer_sec_03 .btn-body .card-glowing{height: 400px;} 
.refer_sec_03 .btn-body .img-fluid.strope-band-shape {position: absolute;top: -14px;left: 50px;z-index: 9;width: 8vh;}

.refer_sec_03 .btn-body .card-form-box{height: 100%;display: flex;align-items: center;padding: 50px 80px;position: relative;z-index: 9;}



.js-tilt-glare {border-radius: 15px;opacity: .2;transition:all 500ms ease-in-out;}

.btn-body:hover .glow-wrp {background:#ffffff;transition:all 500ms ease-in-out;}
.btn-body:hover .glow-wrp{box-shadow:0px 0px 20px rgba(255,255,255,0.5);transition:all 500ms ease-in-out;}

.btn-body{}
.btn-body .card-glowing{position: relative;z-index: 9;}
.btn-body .glow-wrp{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;background: #ffffff2b;border-radius: 40px;overflow: hidden;transition:all 500ms ease-in-out;}
.btn-body .glow-wrp::after {content: "";position: absolute;top:1px;left: 1px;bottom: 1px;right: 1px;background: black;border-radius: 40px;z-index: 3;}
.btn-body .glow-wrp::before {content: "";position: absolute;background: #ffffff;width: 190px;height: 190px;z-index: 1;filter: blur(10px);animation: glower 5s linear infinite;}

@keyframes glower {
	0% {top:0%;left:0%;}
	25% {top:0%;left:calc(100% - 190px);}
	50% {top:calc(100% - 190px);left:calc(100% - 190px);}
	75% {top:calc(100% - 190px);left:0%;}
	100% {top:0%;left:0%;}
}

.counter-section{text-align: center;padding:40px 0px;}

#odometer{font-size: calc(20px + 7vh);text-align:center;padding:0px 0px 0px 1px;margin-bottom:30px;border-radius: 10px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cccc64+0,42b5b1+31,ffffff+60,ffde2f+100&1+0,0.5+60,0.3+100 */background: -moz-linear-gradient(top,  rgba(204,204,100,1) 0%, rgba(66,181,177,0.74) 31%, rgba(255,255,255,0.5) 60%, rgba(255,222,47,0.3) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  rgba(204,204,100,1) 0%,rgba(66,181,177,0.74) 31%,rgba(255,255,255,0.5) 60%,rgba(255,222,47,0.3) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  rgba(204,204,100,1) 0%,rgba(66,181,177,0.74) 31%,rgba(255,255,255,0.5) 60%,rgba(255,222,47,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccc64', endColorstr='#4dffde2f',GradientType=0 ); /* IE6-9 */}

#odometer .odometer-inside{border-radius:13px;overflow:hidden;}
#odometer .odometer-digit{margin: 1px 1px 1px 0px;border:3vh solid #000;;display:inline-block;line-height:.75;background: #000000;}
.odometer-digit-spacer{}

div#display .split-lines > div {
    padding: 10px !important;
    background: red !important;
    display: inline-block;
    width: 40px;
    height: 40px;
}
.btn-copy{cursor:pointer;color:#ffffff;font-size: 12px;text-transform:uppercase;position:absolute;bottom:0;right:-20px;padding: 6px 10px;border: 1px solid #ffffff;background:transparent;border-radius: 5px; transition:all 500ms ease-in-out;}

.btn-copy:hover{color:#000000;background:#ffffff;transition:all 500ms ease-in-out;}

/* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-width: 320px) and (max-width: 480px) { 
	
	a.btn-glow{margin: auto;}
	
	.js.skrollr.skrollr-mobile{overflow:auto !important;}
	
	.load-tap-go{display:none;} 
	.thumbnails{display:none;}

	.thumbnails-img-box{display: inline-block;position: relative;width: 100%;min-height: 430px;}
	.thumbnails-01{display:block;width: calc(8vw + 5vw + 110px);}
	.mobile-cards-blue{left: 10%;bottom: 22%;}
	.mobile-cards-black{left: 36%;bottom: 14%;}


	
	.home_sec_01{display: block;height: auto;min-height: 100vh;/* display: block; */padding: 200px 0px 0px 0px;}
	.home_sec_01 h1{font-size:30px;text-align: center;}
	.home_sec_01 h1 br{display:none !important;}
	.home_sec_01 a.btn-glow.btn-scroll-down{margin:auto;}

	.home_sec_02{padding: 70px 10px 0px 10px;display: block;height: auto;position:static !important;}
	.home_sec_02 .txt-hs2{display: block;}
	.home_sec_02 h1{font-size:30px;}
	.home_sec_02 h2{font-size:40px;}
	.home_sec_02 p br{display:none;}
	
	.home_sec_03{padding-top: 0px;padding-bottom: 50px}
	.home_sec_03 .btn-body{margin-top: 100px;}
	.home_sec_03 .smart-card-box .sc-details{padding: 10px 20px 30px 20px;}
	.home_sec_03 .smart-card-box .sc-details h3{font-size: 30px;}
	.home_sec_03 .smart-card-box .sc-details ul li{padding-left:0px;padding-right:0px;}
	 
	
	.home_sec_04{padding:50px 10px 50px 10px;}
	.home_sec_04 .card-form-box{padding:60px 10px 50px 10px;}

	.home_sec_04 .btn-body .img-fluid.strope-band-shape{width: 40px;top: -7px;left: 27px;}

	.fcs-desktop{display: none;}
	.fcs-mobile{display: block;}
	.form-cards{/* width:180px; */}

	.mobile-cards-blue .over-shadow, .mobile-cards-black .over-shadow{border-radius:7px !important;}
	
	.list-payment li{min-height: 170px;text-align:center !important;left:0px !important;right:0px !important;display: block !important;border: 1px solid #ffffff1c;border-radius: 10px;padding: 20px 10px;margin: 20px 0px;min-width: 100%;}
	.list-payment li br{display:none;}
	.list-payment li div{text-align:center !important;}
	.list-payment li .icon:after{display: none} 
	.list-payment li .txt{max-width:100% !important;text-align: center !important;margin-top: 10px;}

	.list-payment li .icon{display: inline-block;margin: auto;}

	
 	.list-payment.lp-left li{flex-direction: unset;}
	.list-payment.lp-right{}
	


	.refer_sec_02{padding: 100px 10px 40px 10px;}
	.refer_sec_02 .steps-box{flex-direction: column-reverse;}
	.refer_sec_02 .steps-box:after{}
	.refer_sec_02 .steps-box .sb-txt{width: 100%;min-height: auto;}
	.refer_sec_02 .steps-box .sb-txt h4{}
	.refer_sec_02 .steps-box .sb-txt p{}
	.refer_sec_02 .steps-box .sb-icon{width: 40%;border-bottom: 2px solid #fff;}
	.refer_sec_02 .steps-box .sb-icon img{}


	.refer_sec_03{padding: 0px 10px 80px 10px;}
	.refer_sec_03 .btn-body .card-glowing{height:550px;}
	.refer_sec_03 .col-md-6 > img{max-width:250px;}
	.refer_sec_03 .btn-body .card-form-box{padding: 20px 20px 30px 20px;}
	.refer_sec_03 h2{margin:40px 0px 20px 0px;}
  	
	
	.counter-section .heading-03{font-size:36px;}
	
	#odometer{font-size:40px;}
	#odometer .odometer-digit{border:15px solid #000;}
	
	
	.refer_sec_01 .waiting_list ul li{font-size:30px;margin: 0px 4px}
	
	.refer_sec_01 .waiting_list ul li span{width: 50px;height: 50px;}
	
	
	.tnc-sec-01 p{padding-top:40px;}
	
}



/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
	

}


@media (min-width: 320px) and (max-width: 1279px){  
	
}

/* Desktops and laptops ----------- */
@media only screen and (max-width : 1224px) {
	 
	
}

/* Large screens ----------- */
@media only screen and (min-width : 1660px) {
	 
} 


/* Large screens ----------- */
@media only screen and (min-width : 1200px) and (max-width : 1659px) { 
 
} 
@media (min-width: 1200px) { 
 
	
}