/* ----------------------------   Font Face Start  ------------------------------------- */


@font-face {
 font-family: 'nacelleultralight_italic';
 src: url('../fonts/nacelle-ultralightitalic-webfont.eot');
 src: url('../fonts/nacelle-ultralightitalic-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/nacelle-ultralightitalic-webfont.woff2') format('woff2'),  url('../fonts/nacelle-ultralightitalic-webfont.woff') format('woff'),  url('../fonts/nacelle-ultralightitalic-webfont.ttf') format('truetype'),  url('../fonts/nacelle-ultralightitalic-webfont.svg#nacelleultralight_italic') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'nacelleultralight';
 src: url('../fonts/nacelle-ultralight-webfont.eot');
 src: url('../fonts/nacelle-ultralight-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/nacelle-ultralight-webfont.woff2') format('woff2'),  url('../fonts/nacelle-ultralight-webfont.woff') format('woff'),  url('../fonts/nacelle-ultralight-webfont.ttf') format('truetype'),  url('../fonts/nacelle-ultralight-webfont.svg#nacelleultralight') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'nacellethin_italic';
 src: url('../fonts/nacelle-thinitalic-webfont.eot');
 src: url('../fonts/nacelle-thinitalic-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/nacelle-thinitalic-webfont.woff2') format('woff2'),  url('../fonts/nacelle-thinitalic-webfont.woff') format('woff'),  url('../fonts/nacelle-thinitalic-webfont.ttf') format('truetype'),  url('../fonts/nacelle-thinitalic-webfont.svg#nacellethin_italic') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'nacellethin';
 src: url('../fonts/nacelle-thin-webfont.eot');
 src: url('../fonts/nacelle-thin-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/nacelle-thin-webfont.woff2') format('woff2'),  url('../fonts/nacelle-thin-webfont.woff') format('woff'),  url('../fonts/nacelle-thin-webfont.ttf') format('truetype'),  url('../fonts/nacelle-thin-webfont.svg#nacellethin') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'nacellesemibold_italic';
 src: url('../fonts/nacelle-semibolditalic-webfont.eot');
 src: url('../fonts/nacelle-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/nacelle-semibolditalic-webfont.woff2') format('woff2'),  url('../fonts/nacelle-semibolditalic-webfont.woff') format('woff'),  url('../fonts/nacelle-semibolditalic-webfont.ttf') format('truetype'),  url('../fonts/nacelle-semibolditalic-webfont.svg#nacellesemibold_italic') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'nacellesemibold';
 src: url('../fonts/nacelle-semibold-webfont.eot');
 src: url('nacelle-semibold-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/nacelle-semibold-webfont.woff2') format('woff2'),  url('../fonts/nacelle-semibold-webfont.woff') format('woff'),  url('../fonts/nacelle-semibold-webfont.ttf') format('truetype'),  url('../fonts/nacelle-semibold-webfont.svg#nacellesemibold') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'nacelleregular';
 src: url('../fonts/nacelle-regular-webfont.eot');
 src: url('../fonts/nacelle-regular-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/nacelle-regular-webfont.woff2') format('woff2'),  url('../fonts/nacelle-regular-webfont.woff') format('woff'),  url('../fonts/nacelle-regular-webfont.ttf') format('truetype'),  url('../fonts/nacelle-regular-webfont.svg#nacelleregular') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'nacellelight_italic';
 src: url('../fonts/nacelle-lightitalic-webfont.eot');
 src: url('../fonts/nacelle-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/nacelle-lightitalic-webfont.woff2') format('woff2'),  url('../fonts/nacelle-lightitalic-webfont.woff') format('woff'),  url('../fonts/nacelle-lightitalic-webfont.ttf') format('truetype'),  url('../fonts/nacelle-lightitalic-webfont.svg#nacellelight_italic') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'nacellelight';
 src: url('../fonts/nacelle-light-webfont.eot');
 src: url('../fonts/nacelle-light-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/nacelle-light-webfont.woff2') format('woff2'),  url('../fonts/nacelle-light-webfont.woff') format('woff'),  url('../fonts/nacelle-light-webfont.ttf') format('truetype'),  url('../fonts/nacelle-light-webfont.svg#nacellelight') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'nacelleitalic';
 src: url('nacelle-italic-webfont.eot');
 src: url('nacelle-italic-webfont.eot?#iefix') format('embedded-opentype'),  url('nacelle-italic-webfont.woff2') format('woff2'),  url('nacelle-italic-webfont.woff') format('woff'),  url('nacelle-italic-webfont.ttf') format('truetype'),  url('nacelle-italic-webfont.svg#nacelleitalic') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'nacelleheavy_italic';
 src: url('../fonts/nacelle-heavyitalic-webfont.eot');
 src: url('../fonts/nacelle-heavyitalic-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/nacelle-heavyitalic-webfont.woff2') format('woff2'),  url('../fonts/nacelle-heavyitalic-webfont.woff') format('woff'),  url('../fonts/nacelle-heavyitalic-webfont.ttf') format('truetype'),  url('../fonts/nacelle-heavyitalic-webfont.svg#nacelleheavy_italic') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'nacelleheavy';
 src: url('../fonts/nacelle-heavy-webfont.eot');
 src: url('../fonts/nacelle-heavy-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/nacelle-heavy-webfont.woff2') format('woff2'),  url('../fonts/nacelle-heavy-webfont.woff') format('woff'),  url('../fonts/nacelle-heavy-webfont.ttf') format('truetype'),  url('../fonts/nacelle-heavy-webfont.svg#nacelleheavy') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'adobe_garamond_probold';
 src: url('../fonts/agaramondpro-bold-webfont.eot');
 src: url('../fonts/agaramondpro-bold-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/agaramondpro-bold-webfont.woff2') format('woff2'),  url('../fonts/agaramondpro-bold-webfont.woff') format('woff'),  url('../fonts/agaramondpro-bold-webfont.ttf') format('truetype'),  url('../fonts/agaramondpro-bold-webfont.svg#adobe_garamond_probold') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'adobe_garamond_probold_italic';
 src: url('../fonts/agaramondpro-bolditalic-webfont.eot');
 src: url('../fonts/agaramondpro-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/agaramondpro-bolditalic-webfont.woff2') format('woff2'),  url('../fonts/agaramondpro-bolditalic-webfont.woff') format('woff'),  url('../fonts/agaramondpro-bolditalic-webfont.ttf') format('truetype'),  url('../fonts/agaramondpro-bolditalic-webfont.svg#adobe_garamond_probold_italic') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'VC Nudge Trial';
 src: url('../fonts/VCNudge-Medium.eot');
 src: url('../fonts/VCNudge-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/VCNudge-Medium.woff2') format('woff2'),  url('../fonts/VCNudge-Medium.woff') format('woff'),  url('../fonts/VCNudge-Medium.ttf') format('truetype'),  url('../fonts/VCNudge-Medium.svg#VCNudge-Medium') format('svg');
 font-weight: 500;
 font-style: normal;
 font-display: swap;
}
 @font-face {
 font-family: 'VC Nudge Trial Normal';
 src: url('../fonts/VCNudgeNormal-Bold.eot');
 src: url('../fonts/VCNudgeNormal-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/VCNudgeNormal-Bold.woff2') format('woff2'),  url('../fonts/VCNudgeNormal-Bold.woff') format('woff'),  url('../fonts/VCNudgeNormal-Bold.ttf') format('truetype'),  url('../fonts/VCNudgeNormal-Bold.svg#VCNudgeNormal-Bold') format('svg');
 font-weight: bold;
 font-style: normal;
 font-display: swap;
}
 @font-face {
 font-family: 'VC Nudge Trial Normal';
 src: url('../fonts/VCNudgeNormal-SemiBold.eot');
 src: url('../fonts/VCNudgeNormal-SemiBold.eot?#iefix') format('embedded-opentype'),  url('../fonts/VCNudgeNormal-SemiBold.woff2') format('woff2'),  url('../fonts/VCNudgeNormal-SemiBold.woff') format('woff'),  url('../fonts/VCNudgeNormal-SemiBold.ttf') format('truetype'),  url('../fonts/VCNudgeNormal-SemiBold.svg#VCNudgeNormal-SemiBold') format('svg');
 font-weight: 600;
 font-style: normal;
 font-display: swap;
}
 @font-face {
 font-family: 'VC Nudge Trial';
 src: url('../fonts/VCNudge-Bold.eot');
 src: url('../fonts/VCNudge-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/VCNudge-Bold.woff2') format('woff2'),  url('../fonts/VCNudge-Bold.woff') format('woff'),  url('../fonts/VCNudge-Bold.ttf') format('truetype'),  url('../fonts/VCNudge-Bold.svg#VCNudge-Bold') format('svg');
 font-weight: bold;
 font-style: normal;
 font-display: swap;
}
 @font-face {
 font-family: 'VC Nudge Trial';
 src: url('../fonts/VCNudge-Regular.eot');
 src: url('../fonts/VCNudge-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/VCNudge-Regular.woff2') format('woff2'),  url('../fonts/VCNudge-Regular.woff') format('woff'),  url('../fonts/VCNudge-Regular.ttf') format('truetype'),  url('../fonts/VCNudge-Regular.svg#VCNudge-Regular') format('svg');
 font-weight: normal;
 font-style: normal;
 font-display: swap;
}
/* ----------------------------   Font Face End  ------------------------------------- */


html {
	scroll-behavior: smooth;
}
/* ----------------------------   Header Css Start  ------------------------------------- */



.header {
	transition: all 0.4s ease;
	width: 100%;
	float: left;
	position: relative;
	background: #141414;
}
a.logo_cardaxo {
	float: left;
}
a.logo_cardaxo img {
	width: 70px;
	float: left;
}
.cardaxo_navs a {
	font-size: 14px;
	color: #fff;
	padding: 10px 10px !important;
	font-family: 'nacellesemibold';
	font-weight: 500;
	text-transform: uppercase;
}
.cardaxo_navs a:hover {
	color: #e9dcab;
}
.cardaxo_navs a:focus {
	color: #e9dcab;
}
.cardaxo_navs a.active {
	color: #e9dcab;
}
.button_header {
	float: right;
	width: auto;
}
.button_header a {
	text-decoration: none;
	padding: 12px 20px;
	color: #ecddad;
	font-size: 14px;
	font-weight: 600;
	border: 2px solid #ecddad;
	border-radius: 50px;
	text-transform: uppercase;
}

.button_header a:hover {

    background: linear-gradient(90deg, #6F64494A 0%, #EDE0AE4A 100%);
    color: #cbb27a;
}


v  .button_header a:hover {
	background: linear-gradient(90deg, #6F64494A 0%, #EDE0AE4A 100%);
	color: #cbb27a;
}
.menu_cardaxo {
	float: left;
	display: flex;
	align-items: center;
}
._responsive_btn {
	display: none;
}
.menu_icon_cardaxo img {
	filter: invert(1);
	width: 24px;
	padding: 0;
}
.menu_button_cardaxo {
	padding: 0;
}
/* .button_header a:hover img {
    filter: invert();
} */

.button_header a img {
    width: 23px;
    margin: -2px 0 0 6px;
}
.header .navbar-expand-lg .navbar-collapse {
	justify-content: center;
}
.header .logo img {
	width: 60px;
}
header.sticky {
	position: fixed;
	width: 100%;
	top: 0;
	background-color: #000;
	transition: all 0.4s ease;
}
.header ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
.header li a {
	display: block;
	padding: 20px 20px;
	text-decoration: none;
	color: black;
	font-weight: 600;
}
.header li a:hover, .header .menu-btn:hover {
	color: #cbb27a;
}
.header .logo {
	display: block;
	float: left;
	font-size: 2em;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
}
/* menu */

.header .menu {
	clear: both;
	max-height: 0;
 transition: max-height .2s ease-out;
}
/* menu icon */

.header .menu-icon {
	cursor: pointer;
	display: inline-block;
	float: right;
	padding: 28px 20px;
	position: relative;
	user-select: none;
}
.header .menu-icon .navicon {
	display: block;
	height: 2px;
	position: relative;
 transition: background .2s ease-out;
	width: 18px;
}
.header .menu-icon .navicon:before, .header .menu-icon .navicon:after {
	background: #fff;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
 transition: all .2s ease-out;
	width: 100%;
}
.header .menu-icon .navicon:before {
	top: 5px;
}
.header .menu-icon .navicon:after {
	top: -5px;
}
/* menu btn */

.header .menu-btn {
	display: none;
}
 .header .menu-btn:checked~.menu {
 max-height: 100%;
}
 .header .menu-btn:checked~.menu-icon .navicon {
 background: transparent;
}
 .header .menu-btn:checked~.menu-icon .navicon:before {
 transform: rotate(-45deg);
}
 .header .menu-btn:checked~.menu-icon .navicon:after {
 transform: rotate(45deg);
}
 .header .menu-btn:checked~.menu-icon:not(.steps) .navicon:before, .header .menu-btn:checked~.menu-icon:not(.steps) .navicon:after {
 top: 0;
}
.header li a {
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 14px;
	font-family: 'minion_proregular';
}
a.login_button {
	border-radius: 4px;
	overflow: hidden;
	position: relative;
	transition: 0.5s ease-in-out;
	background: linear-gradient(90deg, #6F6449 0%, #EDE0AE 100%);
	padding: 6px 24px !important;
	margin: 17px 0 0 0;
}
a.login_button:hover {
	background: linear-gradient(90deg, #6F64494A 0%, #EDE0AE4A 100%);
}
.login_mobile {
	display: none !important;
}


/* 48em = 768px */

@media (min-width: 48em) {
 .header li {
 float: left;
}
 .header li a {
 padding: 22px 10px;
}
 .header .menu {
 clear: none;
 float: right;
 max-height: none;
}
 .header .menu-icon {
 display: none;
}
}
/* ----------------------------   Header Css End  ------------------------------------- */




/* ----------------------------   Banner Css Start  ------------------------------------- */

section.banner_section {
	width: 100%;
	float: left;
	position: relative;
	height: auto;
}
.banner_img_ {
	width: 100%;
	float: left;
	position: relative;
}
/* .banner_img_ img{
	width: 100%;
	float: left;
	position: relative;
} */

.banner_img_ video.cardaxo_video {
	float: left;
	width: 100%;
	position: absolute;
}
.banner_img_ video {
	float: left;
	width: 100%;
}
.home_banner_doks h1 {
	font-size: 55px;
	font-family: 'adobe_garamond_probold';
	text-transform: uppercase;
	float: left;
	width: 100%;
	margin: 0 0 14px 0;
	color: #fff;
	letter-spacing: 1px;
	text-align: center;
}
.home_banner_doks span {
	font-size: 20px;
	font-family: 'adobe_garamond_probold';
	text-transform: capitalize;
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
	color: #fff;
	letter-spacing: 2px;
	text-align: center;
}
._more_btn {
	float: left;
	width: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	margin: 10px 0 20px 0;
}
.google_play_home {
	float: left;
	width: auto;
	margin: 0 10px;
}
.over_bg {
	background: #00000091;
	position: absolute;
	left: 0;
	right: 0;
	height: 100%;
	display: none;
}
/* ----------------------------   Banner Css End  ------------------------------------- */



/* ----------------------------   slider Css Start  ------------------------------------- */

.slider_cardaxo {
	width: 100%;
	float: left;
	position: relative;
	margin: 0;
	padding: 0 0 44px 0;
}
.slider_item {
	float: left;
	width: 100%;
	position: relative;
	z-index: 9;
	margin: 0px 0;
	background: #ffffff;
	text-align: center;
	padding: 20px 20px;
	border-radius: 100px;
}
.slider_item .slick-slide img {
	width: 180px;
}
.slider_cardaxo .container {
	max-width: 1190px;
}
.right_design img {
	float: left;
	width: 139px;
	z-index: 9;
	position: relative;
	opacity: 25%;
}
.right_design {
	position: absolute;
	top: 100%;
	right: -12px;
}
/* ----------------------------   slider Css End  ------------------------------------- */


/* ----------------------------   About Css Start  ------------------------------------- */
section.about_section {
    float: left;
    width: 100%;
    position: relative;
    background: #141414;
    margin: 0px 0 0px;
    z-index: 1;
    background-image: url(../images/neon_2.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
/* background: #4a4a4a url('../images/bg_about.png') no-repeat top center; */

.bg_image_about img {
	display: none;
}
.bg_image_about img {
	position: absolute;
	float: left;
	width: 100%;
}
.bg_image_about {
	float: left;
	width: 100%;
	position: relative;
}
.about_content {
	float: left;
	width: 100%;
	position: relative;
	z-index: 9;
}
.about_content h2 {
	font-size: 30px;
	font-family: 'adobe_garamond_probold';
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.about_content p {
	font-size: 16px;
	color: #fff;
	line-height: 26px;
	font-family: 'nacelleregular';
	font-weight: 500 !important;
}
.button_gpay_cardaxo {
	float: left;
	width: 100%;
	position: relative;
	display: flex;
	align-items: center;
	margin: 0px 0 0 0;
}
.button_all_site {
	float: left;
	width: auto;
	margin: 0 30px 0 0;
}
.button_all_site a {
    text-decoration: none;
    background: #0000;
    background-image: linear-gradient(to right, #837350, #ecddad);
    padding: 20px 25px;
    border-radius: 50px;
    font-size: 20px;
    color: #000;
    transition: 0.5s ease-in-out;
    font-family: 'VC Nudge Trial';
    letter-spacing: 1px;
    float: left;
    font-weight: 500;
    line-height: 0;
}
.button_all_site a:hover {
	background: linear-gradient(90deg, #6F64494A 0%, #EDE0AE4A 100%);
	color: #000000;
}
.button_all_site a img {
	width: 23px;
	margin: 0 0 0 6px;
}
.paymeny_button {
	float: left;
	width: auto;
	display: flex;
	align-items: center;
}
.paymeny_button img {
	width: 60px;
	margin: 0 15px 0 0;
}
.about_phone_img {
	float: left;
	width: 100%;
	position: relative;
	z-index: 9;
}
.about_phone_img img {
	width: 100%;
	position: absolute;
	top: 0;/* margin: 0 0 -210px 0; */
}
.about_cardaxo {
    position: relative;
    padding: 50px 0 70px 0;
}
/* ----------------------------   About Css End  ------------------------------------- */




/* ----------------------------   pay Css start  ------------------------------------- */
section.pay_send_section {
	float: left;
	width: 100%;
	position: relative;
	margin: 70px 0 50px 0;
}
.slider_paysend {
	float: left;
	width: 100%;
	position: relative;
}
.slider_paysend h2 {
    text-align: center;
    font-size: 24px;
    font-family: 'adobe_garamond_probold';
    text-transform: capitalize;
    float: left;
    width: 100%;
    margin: 0 0 30px 0;
    /* padding: 0 140px; */
    letter-spacing: 0;
}
.pay_send {
	float: left;
	width: 100%;
	position: relative;
}
.slider_pay_item {
	float: left;
	width: 100%;
	position: relative;
	background: #000;
	border-radius: 20px;
}
.img_main_bg img {
	float: left;
	width: 100%;
	position: relative;
	border-radius: 20px;
	border: 5px solid #8f8f8f;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	opacity: 50%;
}
.contant_silder_pay {
	float: left;
	position: absolute;
	padding: 20px;
}
.img_slider_py {
	float: left;
	width: 100%;
	position: relative;
}
.img_slider_py span {
	color: #fff;
	font-size: 30px;
	font-family: 'adobe_garamond_probold';
	text-transform: uppercase;
	display: flex;
	align-items: center;
}
.img_slider_py span img {
	filter: invert(1);
	margin: 0 0 0 20px;
	width: 37px;
}
.img_slider_contetn {
	float: left;
	width: 100%;
	position: relative;
	margin: 102% 0 0 0;
}
.img_slider_contetn p {
	color: #fff;
	text-align: center;
	font-size: 18px;
	font-family: 'nacelleregular';
	line-height: 27px;
}
.img_slider_py a {
	text-decoration: none;
}
.img_main_bg {
	float: left;
	width: 100%;
	position: relative;
}
.pay_send .slick-slide {
	margin: 0 0;
	transform: scale(0.9);
	opacity: 1;
	transition: transform 0.5s ease, opacity 0.5s ease, box-shadow 0.5s ease;
	border-radius: 20px;
}
.pay_send .slick-center {
	transform: scale(1.0);
	opacity: 1;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
	z-index: 2;
}
.pay_send .slick-list {
	margin: 0 -12px;
}
/* ----------------------------   pay Css End  ------------------------------------- */


/* ----------------------------   payment Css Start  ------------------------------------- */



.bg_diifernt_2{
background-color: #CFF5E3;
}


section.payment_section_card {
    float: left;
    width: 100%;
    position: relative;
    margin: 0 0 0px 0;
    padding: 50px 0 50px 0;
    overflow: hidden;
    background: #141414;
    background-image: url(../images/neon.png);
    background-size: contain;
    background-position: bottom left;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
.payment_card_content {
	float: left;
	width: 100%;
	position: relative;
}
.payment_card_content h2 {
	font-size: 30px;
	font-family: 'adobe_garamond_probold';
	color: #000000;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.payment_card_content p {
	font-size: 16px;
	color: #000000;
	line-height: 26px;
	font-family: 'nacelleregular';
}
section.payment_section_card .payment_card_content h2 {
	font-size: 30px;
	font-family: 'adobe_garamond_probold';
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 0 0 20px 0;
}
section.payment_section_card .payment_card_content p {
	font-size: 16px;
	color: #ffffff;
	line-height: 26px;
	font-family: 'nacelleregular';
}
.counts_info {
	position: relative;
	float: left;
	width: 100%;
    margin: 20px 0 0 0;
}
.count_one {
	float: left;
	display: flex;
	align-items: center;
}
.count_one span.counter {
	font-size: 50px;
	margin: 0;
	background-image: linear-gradient(to right, #837350, #ecddad);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: 'adobe_garamond_probold';
	display: inline-block;
	padding: 8px 0 10px 0;
	text-shadow: 0px 2px 1px rgb(0 0 0 / 21%);
}
.count_one p samp {
    font-size: 16px;
    float: left;
    width: 100%;
    color: #ffffff !important;
    background-image: none;
    -webkit-text-fill-color: currentColor;
    margin: 4px 0 10px 0;
    text-shadow: none;
    font-family: 'adobe_garamond_probold';
}
.payment_card_img {
	float: left;
	width: 100%;
	position: relative;
	text-align:center;
}
.payment_card_img video {
	text-align: center;
	margin: auto;
	width: 290px;
}
.payment_card_img img {
	float: left;
	width: 100%;
	position: relative;
	padding: 0 0 0 60px;
}
.payment_card_content a {
    margin: 15px 0 0 0;
    background: #141414;
    color: #fff;
}

.payment_card_content a img{
filter: invert();
}
section.transfer_section {
    float: left;
    width: 100%;
    position: relative;
    margin: 0;
    padding: 50px 0 50px 0;
    background: #fff;
    background-image: url(../images/bg_white.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;
}
section.transfer_section .payment_card_img img {
	float: left;
	width: 100%;
	position: relative;
	padding: 0 20px 0 0;
	margin: 0 0 0 -13px;
}
.design_ty {
	position: absolute;
	/* top: -96px; */
    right: 0;
	display: none;
}
.design_ty img {
	float: left;
	width: 100%;
	opacity: 50%;
}
/* ----------------------------   payment Css End  ------------------------------------- */

section.premium_section {
    position: relative;
    float: left;
    width: 100%;
    padding: 50px 0 50px 0;
    margin: 0px 0 0 0;
    background: none;
    overflow: hidden;
    background-image: url(../images/png_bg.png);
    background-size: contain;
    background-repeat: repeat;
    background-position: top;
}
/* section.premium_section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/bg_premium.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: -10px 50px;
    opacity: 50%; 
    z-index: 0;
} */

/* section.premium_section > * {
    position: relative;
    z-index: 1;
} */

.premium_start {
	float: left;
	width: 100%;
	position: relative;
}
.premium_start h2 {
	font-size: 30px;
	font-family: 'adobe_garamond_probold';
	color: #000000;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	margin: 0 0 30px 0;
}
.how_to_use_ {
    float: left;
    width: 100%;
    position: relative;
    margin: 0px 0 0px;
    border-radius: 20px;
    padding: 0 0;
    /* background: #141414; */
    background: #141414 url(../images/auto.png) no-repeat left !important;
    background-size: contain !important;
}
.bg_right {
	width: 100%;
	float: left;
	background: #000;
	padding: 80px 30px 80px 30px;
	border-radius: 0px 19px 19px 0;
}
.left_side_content {
	float: left;
	width: 100%;
	position: relative;
}
.left_side_content h2 {
    font-size: 30px;
    font-family: 'adobe_garamond_probold';
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: left;
}
.left_side_content p {
	font-size: 16px;
	color: #ffffff;
	line-height: 32px;
	font-family: 'nacelleregular';
}
.premium_item {
	float: left;
	width: 100%;
	text-align: center;
}
.icon_premium {
	float: left;
	width: 100%;
	position: relative;
}
.name_first {
	float: left;
	width: auto;
}
.name_first h3 {
	font-size: 18px;
	font-family: 'adobe_garamond_probold';
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	color: #fff;
}
.name_first span {
	font-size: 14px;
	font-family: 'nacelleregular';
	text-transform: capitalize;
	color: #fff;
}
.left_side_content ul {
    float: left;
    width: 100%;
    position: relative;
    margin: 10px 0 10px 0;
    padding: 0 0;
}
.left_side_content ul li {
    float: left;
    width: 100%;
    position: relative;
    margin: 0;
    padding: 0 0 10px 0px;
    list-style: none;
    display: flex;
    align-items: center;
    color: #000000;
    font-family: 'nacelleregular';
}



.image_first img {
	width: 70px;
	margin: 0 20px 0 0;
	transition: transform 0.3s ease;
}
.image_first img:hover {
	transform: scale(1.01);
}
.left_side_content ul li .image_first {
	float: left;
	width: auto;
}
.icon_premium img {
	width: 90px;
	transition: transform 0.3s ease;
}
.icon_premium img:hover {
	transform: scale(1.2);
}
.premium_item h2 {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 18px;
	letter-spacing: 1px;
	margin: 15px 0 10px 0;
}
.premium_item p {
	font-size: 14px;
	color: #545454;
	line-height: 28px;
	font-family: 'nacelleregular';
}
.premium_item {
    float: left;
    width: 100%;
    text-align: center;
    background: #ffffffc7;
    padding: 10px;
    border-radius: 16px;
    border: 2px solid #ababab54;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    height: 100%;
    position: relative;
}

.premium_item:hover {
    background: #fff;
    border-color: #decfa29e;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}


.card-wrapper {
	position: relative;
	width: 300px;
	height: 200px;
	margin: 100px auto;
}
.card-wrapper .card {
	position: absolute;
	width: 100%;
	transition: transform 0.8s ease, opacity 0.8s ease;
}
.card-1 {
	z-index: 3;
	transform: translateY(-30px) rotate(-3deg);
}
.card-2 {
	z-index: 2;
	transform: translateY(0) rotate(0deg);
}
.card-3 {
	z-index: 1;
	transform: translateY(30px) rotate(3deg);
}
.card-wrapper.scrolled .card {
	transform: translateY(0) rotate(0deg);
	opacity: 0.9;
}
.home_banner_doks {
	float: left;
	width: 100%;
	z-index: 9;
	position: relative;
	padding: 72px 0 30px;
}
.image_doks_card {
	float: left;
	width: 100%;
	z-index: 9;
	position: relative;
}
.image_doks_card img {
	float: left;
	width: 100%;
}
span#home_text {
	font-size: 55px;
	font-family: 'adobe_garamond_probold';
	text-transform: uppercase;
	float: none;
	width: auto;
	margin: 0 0 14px 0;
	color: #e5d6a7;
	text-align: center;
}
.home_banner_doks .masked-text span {
	margin: 0;
	font-size: 55px;
	float: none;
	width: auto;
}
.home_banner_doks p {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 400;
	line-height: 28px;
	padding: 0 0;
	width: 100%;
	color:#fff;
	text-align: center;
	font-family: 'nacelleregular';
	letter-spacing: 0.3px;
	margin: 0 auto 0;
}
.home_banner_doks h4 {
	font-size: 24px;
	color:#fff;
	text-transform: uppercase;
	font-weight: 400;
	line-height: 28px;
	padding: 0 0;
	width: 100%;
	text-align: center;
	font-family: 'nacelleregular';
	letter-spacing: 0.3px;
	margin: 20px auto;
}
.google_play_home img {
	transition: opacity 0.4s ease;
	width: 140px;
	background: linear-gradient(0deg, #fafafa, #fafafa);
	border-radius: 10px;
	padding: 4px 15px;
	box-shadow: -4px -2px 4px #ffffff30, 4px 2px 8px rgb(149 162 211 / 48%);
	border: 5px solid hsla(0, 0%, 100%, .1);
}
.google_play_home img:hover {
	opacity: 55%;
}
.google_play_home a {
	pointer-events: auto;
}
 @keyframes stackMotion1 {
 0%, 100% {
 transform: translateY(90px) translateZ(-61px);
}
 50% {
 transform: translateY(0px) translateZ(0px);
}
}
 @keyframes stackMotion2 {
 0%, 100% {
 transform: translateY(32px) translateZ(0px);
}
 50% {
 transform: translateY(-9px) translateZ(0px);
}
}
 @keyframes stackMotion3 {
 0%, 100% {
 transform: translateY(0px) translateZ(0px);
}
 50% {
 transform: translateY(0px) translateZ(0px);
}
}
.repicat_ .card-stack {
	position: relative;
	width: 550px;
	height: 370px;
	transform: rotateX(18deg) rotateZ(21deg);
	transform-style: preserve-3d;
	perspective: 1000px;
}
.repicat_ .card {
	position: absolute;
	width: 100%;
	height: 100%;
	border: none;
	background-size: cover;
	background-position: center;
	transition: transform 0.3s ease;
}
 .repicat_ .card:nth-child(1) {
 background: url('../images/image_1.png') no-repeat center/cover;
 transform: translateY(90px) translateZ(-61px);
 z-index: 1;
 animation: stackMotion1 4s ease-in-out infinite;
}
 .repicat_ .card:nth-child(2) {
 background: url('../images/image_2.png') no-repeat center/cover;
 transform: translateY(32px) translateZ(-60px);
 z-index: 2;
 top: 10px;
 animation: stackMotion2 4s ease-in-out infinite;
 animation-delay: 0.2s;
}
 .repicat_ .card:nth-child(3) {
 background: url('../images/image_1.png') no-repeat center/cover;
 transform: translateY(0px) translateZ(0px);
 z-index: 3;
 animation: stackMotion3 4s ease-in-out infinite;
 animation-delay: 0.4s;
}
.repicat_ {
	float: left;
	width: 100%;
	position: relative;
}
section.card_show {
	float: left;
	width: 100%;
	position: relative;
	padding: 50px 0 50px 0;
	background-color: #f6f6f8;
}
.card_virtual {
    float: left;
    width: 100%;
    position: relative;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #e6e6e6;
    padding: 20px;
    box-shadow: rgb(100 100 111 / 8%) 0px 7px 29px 0px;
    height: 100%;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.card_virtual.visible {
	opacity: 1;
}
.card_under_img {
	float: left;
	width: 100%;
	position: relative;
	margin: 0 0 20px 0;
	display: flex;
	align-items: center;
}
.card_under_img img {
	float: left;
	width: 100px;
}
.cardd_name {
	float: left;
	width: 100%;
	margin: 0 0 0 15px;
}
.card_under_contetn {
    float: left;
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.cardd_name h3 {
	float: left;
	width: 100%;
	font-family: 'adobe_garamond_probold';
	font-size: 20px;
	text-transform: uppercase;
}
.cardd_name h3 span {
	float: left;
	width: 100%;
	font-size: 14px;
	font-family: 'nacelleregular';
	text-transform: capitalize;
	margin: 5px 0 0 0;
}
.card_under_contetn p {
    font-size: 16px;
    color: #000000;
    line-height: 26px;
    font-family: 'nacelleregular';
    float: left;
    flex-grow: 1;
}
.card_under_contetn a:hover {
	background: linear-gradient(90deg, #6F64494A 0%, #EDE0AE4A 100%);
	color: #000000;
}
.card_under_contetn a {
    text-decoration: none;
    background: #0000;
    background: #141414;
    padding: 8px 21px;
    border-radius: 50px;
    font-size: 14px;
    color: #fff;
    transition: 0.5s ease-in-out;
    font-family: 'adobe_garamond_probold';
    text-transform: uppercase;
    float: left;
}
.testomonilas_sec {
	float: left;
	width: 100%;
	position: relative;
	padding: 50px 0 50px;
	background-image: linear-gradient(to top, #dddddd, #f7f7f7);
}
.testomonilas_sec h2 {
	font-size: 30px;
	font-family: 'adobe_garamond_probold';
	color: #000000;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	margin: 0 0 10px 0;
}
.testomonilas_sec p.subheading_p {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    font-family: 'nacelleregular';
    letter-spacing: 0.3px;
    margin: 0;
    padding: 0;
    text-align: center;
    padding: 0 140px;
}
.testomoinals_reviews_clients {
    float: left;
    position: relative;
    padding: 30px;
    margin: 0 10px;
    background: #fff;
    border-radius: 16px;
    border: 1px solid #e6e6e6;
    box-shadow: rgb(100 100 111 / 8%) 0px 7px 29px 0px;
    height: 290px;
}
.slider_testomonial {
	float: left;
	width: 100%;
	position: relative;
	margin: 30px 0 0 0;
}
.icon_top_more {
	float: left;
	width: 100%;
	position: relative;
	text-align: center;
	display: flex;
	justify-content: center;
}
.icon_top_more img {
	width: 60px;
	text-align: center;
	margin: -20px 0 30px 0;
}
.client_photo_name {
	float: left;
	width: 100%;
	position: relative;
	display: flex;
	align-items: center;
}
.client_photo_name img {
	float: left;
	width: 70px;
	height: 70px;
	object-fit: cover;
	border-radius: 10px;
}
.name_client {
	float: left;
	width: 100%;
	margin: 0 0 0 10px;
}
.name_client p {
	text-align: left;
	font-size: 15px;
	font-family: 'nacelleregular';
}
.name_client p span {
	float: left;
	width: 100%;

}.name_client p span img {
    float: left;
    width: 80px;
    height: auto;
    margin: 0px 0 0 0;
}
.clent_reviw_text {
	float: left;
	width: 100%;
	position: relative;
}
.clent_reviw_text p {
	float: left;
	width: 100%;
	text-align: left;
	margin: 10px 0 0 0;
	font-style: italic;
}
.heading_section {
	float: left;
	width: 100%;
	position: relative;
	margin: 0 0 25px 0;
}
.heading_section h2 {
	font-size: 30px;
	font-family: 'adobe_garamond_probold';
	color: #000000;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	margin: 0;
}
.bg_left_ {
    padding: 0 0 0 50px;
}
.animate__animated {
	animation-duration: 3s;
}
main {
	overflow: hidden;
}
.animate span {
	display: inline-block;
}
a.repeat:hover {
	background: rgba(0, 0, 0, 0.7);
	color: white;
}
 .animate span:nth-of-type(1) {
animation-delay: 0s;
}
.animate span:nth-of-type(2) {
animation-delay: 0.05s;
}
.animate span:nth-of-type(3) {
animation-delay: 0.1s;
}
.animate span:nth-of-type(4) {
animation-delay: 0.15s;
}
.animate span:nth-of-type(5) {
animation-delay: 0.2s;
}
.animate span:nth-of-type(6) {
animation-delay: 0.25s;
}
.animate span:nth-of-type(7) {
animation-delay: 0.3s;
}
.animate span:nth-of-type(8) {
animation-delay: 0.35s;
}
.animate span:nth-of-type(9) {
animation-delay: 0.4s;
}
.animate span:nth-of-type(10) {
animation-delay: 0.45s;
}
.animate span:nth-of-type(11) {
animation-delay: 0.5s;
}
.animate span:nth-of-type(12) {
animation-delay: 0.55s;
}
.animate span:nth-of-type(13) {
animation-delay: 0.6s;
}
.animate span:nth-of-type(14) {
animation-delay: 0.65s;
}
.animate span:nth-of-type(15) {
animation-delay: 0.7s;
}
.animate span:nth-of-type(16) {
animation-delay: 0.75s;
}
.animate span:nth-of-type(17) {
animation-delay: 0.8s;
}
.animate span:nth-of-type(18) {
animation-delay: 0.85s;
}
.animate span:nth-of-type(19) {
animation-delay: 0.9s;
}
.animate span:nth-of-type(20) {
animation-delay: 0.95s;
}
.animate span:nth-of-type(21) {
animation-delay: 1s;
}
.animate span:nth-of-type(22) {
animation-delay: 1.05s;
}
.animate span:nth-of-type(23) {
animation-delay: 1.1s;
}
.animate span:nth-of-type(24) {
animation-delay: 1.15s;
}
.animate span:nth-of-type(25) {
animation-delay: 1.2s;
}
.animate span:nth-of-type(26) {
animation-delay: 1.25s;
}
.animate span:nth-of-type(27) {
animation-delay: 1.3s;
}
.animate span:nth-of-type(28) {
animation-delay: 1.35s;
}
.animate span:nth-of-type(29) {
animation-delay: 1.4s;
}
.animate span:nth-of-type(30) {
animation-delay: 1.45s;
}
.animate span:nth-of-type(31) {
animation-delay: 1.5s;
}
.animate span:nth-of-type(32) {
animation-delay: 1.55s;
}
.animate span:nth-of-type(33) {
animation-delay: 1.6s;
}
.animate span:nth-of-type(34) {
animation-delay: 1.65s;
}
.animate span:nth-of-type(35) {
animation-delay: 1.7s;
}
.animate span:nth-of-type(36) {
animation-delay: 1.75s;
}
.animate span:nth-of-type(37) {
animation-delay: 1.8s;
}
/* Animation Seven */


.seven span {
	opacity: 0;
	transform: translate(-150px, 0) scale(.3);
 animation: leftRight .5s forwards;
}
 @keyframes leftRight {
 40% {
 transform: translate(50px, 0) scale(.7);
 opacity: 1;
}
 60% {
 color: #ecddad;
}
 80% {
 transform: translate(0) scale(2);
 opacity: 0;
}
 100% {
 transform: translate(0) scale(1);
 opacity: 1;
}
}
/*-------------------- footer -------------------------*/


footer {
    background-position: top left;
    background-size: cover;
    background-color: #141516;
    float: left;
    width: 100%;
    position: relative;
    background: #4a4a4a url(../images/bg_about.png) no-repeat top center;
    background: #141414;
}

.logo-details img {
	width: 60px;
	float: left;
}
 footer::before {
 content: '';
 position: absolute;
 left: 0;
 top: 84px;
 height: 1px;
 width: 100%;
 background: #AFAFB6;
}
footer .content {
	max-width: 100%;
	margin: auto;
	padding: 10px 10px 0 10px;
}
footer .content .top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 50px;
}
.content .top .logo-details {
	color: #fff;
	font-size: 30px;
}
.content .top .media-icons {
	display: flex;
}
.content .top .media-icons a {
	height: 40px;
	width: 40px;
	margin: 0 0px;
	border-radius: 50%;
	text-align: center;
	line-height: 40px;
	color: #fff;
	font-size: 22px;
	text-decoration: none;
	transition: all 0.4s ease;
}

/* .top .media-icons a:nth-child(1){


} */

/* .top .media-icons a:nth-child(2){
  background: linear-gradient(90deg, #6F6449 0%, #EDE0AE 100%);ansition: 0.5s ease-in-out;

} */

.top .media-icons a:hover {
 color: #4267B2;
 background: #fff;
}
.content .link-boxes .box li a img {
	width: 126px;
	float: left;
	padding: 7px 8px 6px 0;
	transition: opacity 0.4s ease;
}
.content .link-boxes .box li a img:hover {
	opacity: 55%;
}
 .top .media-icons a:nth-child(2):hover {
 color: #1DA1F2;
 background: #fff;
}
footer .content .link-boxes {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
footer .content .link-boxes .box {
	width: calc(100% / 5 - 10px);
	padding: 0;
}
.content .link-boxes .box .link_name {
	font-weight: 600;
	margin-bottom: 10px;
	position: relative;
	color: #fff;
	font-family: 'nacelleregular';
	font-size: 16px;
	text-transform: uppercase;
}
/* .link-boxes .box .link_name::before{
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  height: 2px;
  width: 35px;
  background: #fff;
} */
.content .link-boxes .box li {
	margin: 6px 0;
	list-style: none;
}
.content .link-boxes .box li a {
	opacity: 100%;
	text-decoration: none;
	font-size: 14px;
	color: #fff;
 transition: color .3s;
	font-family: 'nacelleregular';
	letter-spacing: 0;
}
.content .link-boxes .box li a:hover {
	color: #fff;
}
.content .link-boxes .input-box {
	margin-right: 55px;
}
.link-boxes .input-box input {
	height: 40px;
	width: 100%;
	outline: none;
	border: 2px solid #AFAFB6;
	background-color: transparent;
	border-radius: 4px;
	padding: 0 15px;
	font-size: 15px;
	color: #fff;
	margin-top: 5px;
}
 .link-boxes .input-box input::placeholder {
 color: #AFAFB6;
 font-size: 16px;
}
.link-boxes .input-box input[type="button"] {
	background: #fff;
	color: #140B5C;
	border: none;
	font-size: 18px;
	font-weight: 500;
	margin: 4px 0;
	opacity: 0.8;
	cursor: pointer;
	transition: all 0.4s ease;
}
.input-box input[type="button"]:hover {
	opacity: 1;
}
footer .bottom-details {
	width: 100%;
	background: none;
	float: left;
	position: relative;
	margin: 30px 0 0 0;
}
footer .bottom-details .bottom_text {
	max-width: 100%;
	margin: auto;
	padding: 10px 0px 20px;
	display: flex;
	justify-content: space-between;
}
.bottom-details:before {
	content: '';
	position: absolute;
	left: 0px;
	top: -8px;
	height: 1px;
	width: 100%;
	background: #afafb63d;
}
.bottom-details .bottom_text span, .bottom-details .bottom_text a {
	font-size: 15px;
	font-weight: 500;
	color: #fff;
	opacity: 1;
	text-decoration: none;
}
.bottom-details .bottom_text a:hover {
	opacity: 1;
	text-decoration: underline;
}
.bottom-details .bottom_text a {
	margin-right: 10px;
}
 @media (max-width: 900px) {
 footer .content .link-boxes .input-box {
 width: 40%;
 margin-top: 10px;
}
}
 @media (max-width: 700px) {
 footer {
 position: relative;
}
 .content .top .logo-details {
 font-size: 26px;
}
.content .top .media-icons a {
    height: 35px;
    width: 35px;
    font-size: 20px;
    line-height: 35px;
}
 footer .content .link-boxes .box {
 width: calc(100% / 3 - 10px);
}
 footer .content .link-boxes .input-box {
 width: 60%;
}
 .bottom-details .bottom_text span,  .bottom-details .bottom_text a {
 font-size: 12px;
}
}
 @media (max-width: 520px) {
 footer::before {
 top: 90px;
}

    /* footer .content .top{
    flex-direction: column;
  } */
    /* .content .top .media-icons{
    margin-top: 16px;
  } */
    footer .content .link-boxes .box {
 width: calc(100% / 2 - 10px);
 padding: 0;
}
 footer .content .link-boxes .input-box {
 width: 100%;
}
}
/*-------------------- footer -------------------------*/











/* ------------------------------------ About Page Css Start ------------------------------------ */


.cursor {
	display: inline-block;
	background-color: #cbb27a;
	animation: blinker 800ms infinite;
}
 @keyframes blinker {
 0% {
 background-color: #cbb27a;
}
 50% {
 background-color: transparent;
}
 100% {
 background-color: #cbb27a;
}
}
section.about_banner {
	float: left;
	width: 100%;
	position: relative;
	padding: 70px 0 190px;
	background: #000;
}
.about_image_main img.desktop_image {
	position: absolute;
	top: -154px;
}
.about_image_main {
	float: left;
	width: 100%;
	position: relative;
}
.about_image_main img {
	float: left;
	width: 100%;
}
.about_banner_contnat {
	float: left;
	width: 100%;
	position: relative;
}
.about_banner_contnat span {
	font-size: 50px;
	text-transform: uppercase;
	font-family: 'adobe_garamond_probold';
}
.span_contant {
	float: left;
	width: 100%;
	position: relative;
}
.slider_about_banner {
	float: left;
	width: 100%;
	position: relative;
	margin: 50px 0 0 0;
}

.span_contant p {
    font-size: 18px;
    color: #fff;
    line-height: 34px;
    padding: 0 0;
    width: 100%;
    font-family: 'nacelleregular';
    letter-spacing: 0.3px;
    margin: 0px auto;
}

.our_coins_ {
	float: left;
	width: 60%;
	position: relative;
	padding: 10px 17px 10px 0px;
	border-radius: 0 100px 100px 0px;
	margin: 0 0 0 -12px;
	background: #fff;
}
.our_coins_ img {
	float: left;
	width: 50px;
}
section.abput_security_section {
	float: left;
	width: 100%;
	position: relative;
	padding: 50px 0;
}
section.abput_security_section .payment_card_img img {
	padding: 0;
}
.wave_animate {
	float: left;
	width: 100%;
	position: relative;
}
.wave_animate .anited_1 img {
	float: left;
	width: 157px;
}
.wave_animate .anited_2 img {
	float: left;
	width: 136px;
}
.wave_animate .anited_3 img {
	float: left;
	width: 180px;
}
.anited_1 {
	position: absolute;
	top: -102px;
	left: 91px;
}
.anited_3 {
	position: absolute;
	top: 128px;
	left: 1%;
}
.anited_2 {
	position: absolute;
	right: 14px;
	top: -74px;
}
.wave-animation {
	animation: waveUpDown 3s ease-in-out infinite;
}
 @keyframes waveUpDown {
 0% {
 transform: translateY(0);
}
 50% {
 transform: translateY(-10px);
}
 100% {
 transform: translateY(0);
}
}
._our_vision .about_cardaxo {
    padding: 50px 0 50px;
}

._our_vision .about_cardaxo .about_phone_img img {
    width: 100%;
    position: relative;
    top: 0;
}
._our_vision .about_content p {
	line-height: 32px;
}


section.auto_n_cara {
    float: left;
    width: 100%;
    position: relative;
    margin: 50px 0 50px 0;
}
.left_side_content ul li img {
    float: left;
    width: 40px;
    margin: 0 15px 0 0;
}
.mode_select {
	float: left;
	width: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.downlaod_mode img {
    margin: 0px 10px;
    width: 110px;
    transition: opacity 0.4s ease;
    background: linear-gradient(0deg, #fafafa, #fafafa);
    border-radius: 10px;
    padding: 5px 10px;
    box-shadow: -4px -2px 4px #ffffff30, 4px 2px 8px rgb(149 162 211 / 48%);
    border: 5px solid hsla(0, 0%, 100%, .1);
}
.about_image_main img.mobile_image {
	display: none;
}
.about_banner_contnat h1 {
	font-size: 55px;
	font-family: 'adobe_garamond_probold';
	text-transform: uppercase;
	float: left;
	width: 100%;
	margin: 0 0 14px 0;
	color: #fff;
	letter-spacing: 1px;
}
/* ------------------------------------ About Page Css End ------------------------------------ */






/* ------------------------------------ Login Page Css Start ------------------------------------ */

.bg_homepage {
    background: url("../images/hero-bg.jpg") no-repeat;
    background-position: top left;
    background-size: cover;
    background-color: #fff;
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
	height: 100vh;
	    overflow: auto;
		height: 100svh;

}
.login_page {
	width: 100%;
	float: left; 
	padding: 0 0;
	 
}
.login_left_side {
	width: 100%;
	float: left;
	 
	 text-align:center; margin:auto;
}
.login_left_side img {
	width: 70%; text-align:center; margin:auto;
	 
}
.login_right_side {
    width: 100%;
    float: left;
    background: #141414;
    padding: 70px;
    height: auto;
    height: 100vh;
    overflow: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
	height: 100svh;

}
.logo_login {
	width: 100%;
	float: left;
	text-align: center;
}
 .login_inp .form-control::placeholder {
 color: #fff;
}
.logo_login img {
	width: 100px;
	text-align: center;
}
.logo_login img {
	width: 100px;
	text-align: center;
}
.login_right_side p {
	text-align: center;
	float: left;
	width: 100%;
	position: relative;
	padding: 0px 0px 7px 20px;
	margin: 0px;
	color: #fff;
	font-family: "nacelleregular";
	font-size: 14px;
	list-style: none;
	line-height: 23px;
}
.login_inp {
	float: left;
	width: 100%;
	padding: 0 0 20px;
}
.login_inp label {
    text-align: left;
    float: left;
    width: 100%;
    position: relative;
    padding: 0px;
    margin: 20px 0 3px 0;
    color: #fff;
    font-family: "nacelleregular";
    font-size: 14px;
    list-style: none;
    line-height: normal;
}
.login_inp .form-control {
	border: 1px solid #ffffff;
	background: none;
	height: 46px;
	float: left;
	width: 100%;
	margin: 4px 0 0;
	border-radius: 5px;
	font-size: 14px;
	color: #ffffff;
	padding: 10px 10px;
	font-family: 'nacelleregular';
}
.basic-container div {
	display: flex;
	align-items: flex-start;
}
.basic-container {
	float: left;
	width: 100%;
	padding: 10px 0;
}
.basic-container input {
	text-align: left;
	float: left;
	margin: 0 6px 0 0;
}
.basic-container label {
	color: #ffffff;
	text-align: left;
	float: left;
	width: 100%;
	padding: 0 0 10px;
	font-family: 'nacelleregular';
	font-size: 12px;
}
.basic-container label a {
	color: #ffffff;
}
.loginpage_button {
	width: 100%;
	float: left;
	padding: 30px 0 0;
	text-align: center;
}
.loginpage_button a {
	text-decoration: none;
	background: #0000;
	background-image: none;
	background-image: linear-gradient(to right, #837350, #ecddad);
	padding: 10px 24px;
	border-radius: 50px;
	font-size: 14px;
	color: #000;
	transition: 0.5s ease-in-out;
	font-family: 'adobe_garamond_probold';
	text-transform: uppercase;
 text-align: center;
}
.loginpage_button a:hover {
	background: linear-gradient(90deg, #6F64494A 0%, #EDE0AE4A 100%);
	color: #000000;
}

.otp_page_button button {
	text-decoration: none;
    background: #0000;
    background-image: linear-gradient(to right, #837350, #ecddad);
    padding: 10px 24px;
    border-radius: 50px;
    font-size: 14px;
    color: #000;
    transition: 0.5s ease-in-out;
    font-family: 'adobe_garamond_probold';
    text-transform: uppercase;
    border: none;
    margin: auto;
}
.otp_page_button button:hover {
	background: linear-gradient(90deg, #6F64494A 0%, #EDE0AE4A 100%);
	color: #000000;
}

.login_right_side h2 {
	color: #ffffff;
	text-align: center;
	padding: 40px 0 0;
	margin: 0 0 10px 0;
	width: 100%;
	float: left;
	font-size: 28px;
	font-family: 'adobe_garamond_probold';
	text-transform: uppercase;
	letter-spacing: 1px;
}
.login_inp_otp .form-control {
	border: 1px solid #ffffff78;
	background: none;
	height: 51px;
	float: left;
	text-align: center;
	width: 14%;
	margin: 4px 5px 0;
	border-radius: 5px;
	font-size: 14px;
	color: #fff;
	padding: 10px 10px;
}
.login_right_side h5 {
	color: #fff;
	text-align: center;
	padding: 5px 0 0;
	margin: 0;
	font-weight: normal;
	width: 100%;
	font-size: 14px;
	float: left;
	padding: 0 0 0;
}
.login_otp_resedn p {
	color: #fff;
	text-align: center;
	padding: 5px 0 0;
	margin: 0;
	font-weight: normal;
	width: 100%;
	font-size: 14px;
	float: left;
	padding: 50px 0 0;
}
.login_otp_resedn p a {
	color: #fff;
}
/* ------------------------------------ Login Page Css End ------------------------------------ */
















.contact_banner {
	float: left;
	width: 100%;
	position: relative;
	margin: 0 0 220px 0;
}
.bg_contact {
	float: left;
	width: 100%;
	position: relative;
	background: #141414;
	border-radius: 0 0px 20px 20px;
	padding: 50px 0 300px 0;
	color: #fff;
}
.bg_contact h1 {
	text-align: center;
	text-transform: capitalize;
	float: left;
	width: 100%;
	font-size: 55px;
	font-family: 'adobe_garamond_probold';
}
.bg_contact p {
	width: 810px;
	text-align: center;
	padding: 0;
	text-transform: capitalize;
	font-family: 'nacelleregular';
	line-height: 27px;
	font-size: 14px;
	letter-spacing: 0.3px;
	margin: auto;
}
.cardaxo_logo_ img {
	width: 110px;
}
.cardaxo_logo_ {
	float: left;
	width: 100%;
	text-align: center;
	margin: 20px 0 20px 0;
}
.contact_design {
	float: left;
	width: 100%;
	position: relative;
	z-index: 9;
}
.contant_emails.left_side_contact {
	float: left;
	width: 100%;
	position: relative;
	background: #141414;
	border-radius: 29px;
	padding: 40px 20px 20px 20px;
	overflow: hidden;
}
.contact_detail {
	margin: 50px 0;
	float: left;
	width: 100%;
	background: #fff;
	position: absolute;
	top: 38px;
	padding: 0px;
	border-radius: 30px;
	margin: 0;
	box-shadow: rgb(255 255 255 / 70%) -1px -3px 17px -3px;
}
.contant_emails {
	float: left;
	width: 100%;
	position: relative;
}
.contant_emails h3 {
	font-size: 30px;
	font-family: 'nacellesemibold';
}
.contant_emails ul {
	float: left;
	width: 100%;
	position: relative;
	padding: 0;
	margin: 0;
}
.contant_emails ul li {
	float: left;
	width: 100%;
	position: relative;
	padding: 0 0 20px 0;
	margin: 0;
	list-style: none;
	display: flex;
	align-items: center;
}
.contant_emails ul li img {
	float: left;
	width: 36px;
}
.contant_emails ul li a {
	padding: 0 0 0 10px;
	font-size: 14px;
	text-decoration: none;
	color: #ffffff;
	font-family: 'nacelleregular';
}
.contant_emails ul h4 {
	font-size: 21px;
	margin: 0 0 15px;
	font-family: 'nacellesemibold';
}
.darkform .form-control {
	border: 1px solid rgba(0, 0, 0, 0.15);
	box-shadow: none;
	color: #fff;
}
.contant_emails .form-group {
    float: left;
    width: 49%;
    margin: 3px 3px 10px 2px;
}
.contant_emails .form-group label {
	float: left;
	width: 100%;
	position: relative;
	font-size: 14px;
	margin: 0 0 7px 0;
	font-family: 'nacelleregular';
	color: #000;
}
.contant_emails .form-group input {
	font-family: 'nacelleregular';
	line-height: 35px;
	float: left;
	width: 100%;
	position: relative;
	padding: 10px;
	border: 1.5px solid #00000021;
	border-radius: 6px;
	background: #fff;
	font-size: 12px;
	color: #000;
	box-shadow: rgb(0 0 0 / 5%) 0px 3px 8px;
	height: 45px;
}
.contant_emails .form-group button {
    text-decoration: none;
    background: #0000;
    background-image: linear-gradient(to right, #837350, #ecddad);
    padding: 10px 35px 6px 35px;
    border-radius: 50px;
    font-size: 14px;
    color: #000;
    font-family: 'nacellesemibold';
    transition: 0.5s ease-in-out;
    box-shadow: 0 0 10px #e8d9aa8f;
}
.contant_emails.right_side_contact {
	padding: 0px 50px 0px 0px;
}
.contant_emails .form-group textarea {
	font-family: 'nacelleregular';
	line-height: 35px;
	float: left;
	width: 100%;
	position: relative;
	padding: 10px;
	border: 1.5px solid #00000021;
	border-radius: 6px;
	background: #fff;
	font-size: 12px;
	color: #000;
	box-shadow: rgb(0 0 0 / 5%) 0px 3px 8px;
	height: 100px;
}
 .contant_emails .form-group input::placeholder {
 color: #000000;
}

.login_inp_otp {
    float: left;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0 0 0;
}

section.benefits_of_cardaxo {
    float: left;
    width: 100%;
    position: relative;
    background: #141414;
    color: #fff;
    padding: 50px 0 50px 0;
}
.item_benefit {
	float: left;
	width: 100%;
	position: relative;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0 30px;
}
.item_benefit h5 {
	font-size: 16px;
	font-family: 'nacellesemibold';
	float: left;
	width: 100%;
	margin: 5px 0;
	text-transform: uppercase;
	line-height: 24px;
}
.item_benefit img {
	width: 80px;
	margin: 0px 0 10px 0;
}
.item_benefit p {
    font-size: 16px;
    font-family: 'nacelleregular';
    margin: 0;
}
section.benefits_of_cardaxo h2 {
	font-size: 30px;
	font-family: 'adobe_garamond_probold';
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	margin: 0 0 25px 0;
}
section.premium_features {
	float: left;
	width: 100%;
	position: relative;
	margin: 50px 0 50px;
}
.payment_card_content ul {
	float: left;
	width: 100%;
	position: relative;
	padding: 0;
	margin: 0;
}
.payment_card_content ul li {
    float: left;
    width: 100%;
    position: relative;
    padding: 5px 0 5px 0px;
    margin: 0;
    color: #000000;
    font-family: 'nacelleregular';
    font-size: 16px;
    /* list-style: none; */
    line-height: 28px;
}
.payment_card_content ul li::marker {
 color: #000000;
}
.card_2 ul li::marker {
    color: #ffffff;
}

.card_2 ul {
    padding: 0 0 0 20px;
}
.physical_card_ {
	padding: 110px 0 0 0;
}
.how_to_section {
    float: left;
    width: 100%;
    padding: 0 0 50px 0;

}
section.payment_section_card ul li {
	color: #fff;
}
section.payment_section_card ul li:after {
	background-color: #ffffff;
}
section.referral_section {
	float: left;
	width: 100%;
	position: relative;
	padding: 50px 0 50px;
}
section.referral_section h2 {
	font-size: 30px;
	font-family: 'adobe_garamond_probold';
	color: #000000;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	margin: 0 0 30px 0;
}
.button_rewad {
    float: left;
    width: 100%;
    position: relative;
    text-align: center;
    padding: 10px 0 0 0;
}
.button_rewad button {
    background: #0000;
    background: #141414;
    padding: 5px 30px 2px 30px;
    border-radius: 50px;
    font-size: 17px;
    color: #ffffff;
    transition: 0.5s ease-in-out;
    font-family: 'VC Nudge Trial';
    text-transform: capitalize;
    letter-spacing: 1px;
    border: none;
    font-weight: 500;
    line-height: 30px;
}
.button_rewad button:hover {
	background: linear-gradient(90deg, #6F64494A 0%, #EDE0AE4A 100%);
	color: #000000;
}
.refreral_done {
	float: left;
	width: 100%;
	position: relative;
}


.payment_card_content a.btn_res {
    background-image: linear-gradient(to right, #837350, #ecddad);
    color: #000;
}
.partner_visit a:hover {
    background: linear-gradient(90deg, #6F64494A 0%, #EDE0AE4A 100%);
    color: #000000;
}

.payment_card_content a.btn_res img{
filter: none;
}

.content_heading_refreral h6 {
    float: left;
    width: 100%;
    position: relative;
    text-transform: capitalize;
    font-size: 18px;
    font-family: 'nacelleregular';
    font-weight: 600;
    letter-spacing: 0;
    margin: 0;
    color: #ffffff;
}
.content_heading_refreral img {
	width: 110px;
	margin: 0px -22px -21px 0;
}
.content_heading_refreral {
    float: left;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    border-radius: 30px;
    padding: 20px 20px;
    box-shadow: rgb(50 50 93 / 0%) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    overflow: hidden;
    background: #000;
}
.arrow_design_ {
	float: left;
	width: 100%;
	position: relative;
}
.arrow_design_ svg {
	width: 100px;
	position: absolute;
	top: -25px;
	left: 91%;
	rotate: 42deg;
	opacity: 4%;
}
.virtual_card_video {
	width: 100%;
}
.innderpage_banner {
	width:100%;
	float:left;
}
.innderpage_banner img {
	width:100%;
	float:left;
}
.abput_security_section {
	width:100%;
	float:left;
}
.abput_security_section h3 {
	font-size: 24px;
	font-family: 'adobe_garamond_probold';
	color: #000000;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: left;
	padding: 20px 0 5px;
	margin: 0;
	width: 100%;
	float: left;
	font-weight: 400;
}
.abput_security_section p {
	font-size: 15px;
	color: #000000;
	line-height: 24px;
	font-family: 'nacelleregular';
	text-align: left;
	padding:0 0 5px;
	margin: 0;
	width:100%;
	float:left;
}



     .otp-input {
              display: flex;
              justify-content: center;
              margin-bottom: 1rem;
          }
          .otp-input input {
              width: 40px;
              height: 40px;
              margin: 0 5px;
              text-align: center;
              font-size: 1.2rem;
              border: 1px solid #444;
              border-radius: 4px;
              background-color: #2a2a2a;
              color: #ffffff;
          }
          .otp-input input::-webkit-outer-spin-button,
          .otp-input input::-webkit-inner-spin-button {
              -webkit-appearance: none;
              margin: 0;
          }
          .otp-input input[type=number] {
              -moz-appearance: textfield;
          }





	.contant_emails .form-group button:hover {
    background: linear-gradient(90deg, #6F64494A 0%, #EDE0AE4A 100%);
    color: #000000;
}

.premium_item p samp {
    position: absolute;
    bottom: 4px;
    left: 62%;
    font-size: 10px;
}

.video_workthrough {
    float: left;
    width: 100%;
    position: relative;
    text-align: center;
    padding: 30px 0;
}


.video_workthrough video {
    width: 290px;
    text-align: center;
    margin: auto;
}


.bacK_to_go_btn {
    float: left;
    width: 100%;
    position: relative;
    text-align: center;
    margin: 20px 0 10px 0;
}

.bacK_to_go_btn a {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #fff;
}

.partner_visit_head {
    float: left;
    width: 100%;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.partner_visit_head p{
float: left;
    width: 100%;
    position: relative;
    font-size: 16px;
    line-height: 28px;
    font-family: 'nacelleregular';
    margin: 0 0 0px 0;
}

section.our_partners_ {
    float: left;
    width: 100%;
    position: relative;
    padding: 0px 0 50px 0;
    background-color: #fff;
}

section.our_partners_ h2 {
    font-size: 30px;
    font-family: 'adobe_garamond_probold';
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: left;
    margin: 0 0 13px 0;
    line-height: 38px;
}

.logo_partner {
    float: left;
    width: 100%;
    position: relative;
}

.logo_partner img {
    float: left;
    width: 130px;
    position: relative;
}

.partner_visit {
    float: left;
    position: relative;
    padding: 15px;
    margin: 0 0px;
    border-radius: 9px;
    border: 2px solid #e0d1a24f;
    box-shadow: rgb(99 99 99 / 15%) 0px 2px 8px 0px;
  display: flex;
  flex-direction: column;
  height: 100%; 
}

.partner_visit:hover {
    background: #fff;
    border: 2px solid #ffffff4f;
    box-shadow: rgb(50 50 93 / 0%) 0px 50px 100px -20px, rgb(0 0 0 / 0%) 0px 30px 60px -30px, rgb(220 205 159) 0px -2px 6px 0px inset;
}

.bg_diifernt_1{
background-color: #F2E7DA ;
}

.partner_visit h3 {
    float: left;
    width: 100%;
    position: relative;
    margin: 25px 0 7px 0;
    font-size: 22px;
    font-family: 'VC Nudge Trial';
    font-weight: 500;
    letter-spacing: 1px;
}
.partner_visit p {
    float: left;
    width: 100%;
    position: relative;
    font-size: 16px;
    line-height: 28px;
    font-family: 'nacelleregular';
    margin: 0 0 10px 0;
    flex-grow: 1;
}

.partner_visit a {
    width: auto;
    margin: 0 0 0px 0;
    text-decoration: none;
    background: #000;
    padding: 19px 17px 17px 17px;
    border-radius: 50px;
    font-size: 16px;
    color: #ffffff;
    transition: 0.5s ease-in-out;
    font-family: 'VC Nudge Trial';
    letter-spacing: 1px;
    float: left;
    font-weight: 500;
    line-height: 0;
}




section.invite_and_froends {
    float: left;
    width: 100%;
    position: relative;
    padding: 50px 0;
}

section.invite_and_froends p {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    font-family: 'nacelleregular';
    letter-spacing: 0.3px;
    margin: 0 0 30px 0;
    padding: 0;
    text-align: center;
}

section.invite_and_froends h2 {
    font-size: 30px;
    font-family: 'adobe_garamond_probold';
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    margin: 0 0 10px 0;
}

.call_reward {
    float: left;
    width: 100%;
    position: relative;
    text-align: center;
}

.images_refer {
    float: left;
    width: 100%;
    position: relative;
    text-align: center;
}

.images_refer img {
	width: 120px;
	border: 3px solid #c8b88d;
	padding: 15px;
	border-radius: 30px 0;
	background: #fff;
	box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
.call_reward h3 {
    float: left;
    width: 100%;
    position: relative;
    margin: 20px 0 5px;
    font-size: 20px;
    font-weight: 500;
    font-family: 'nacellesemibold';
    text-transform: capitalize;
}

.call_reward p {
    font-size: 14px !important;
    float: left;
    width: 100%;
    margin: 0 !important;
    line-height: 23px !important;
}

.design_trye img {
    float: left;
    width: 58%;
    position: absolute;
    left: 20%;
    top: 90px;
    opacity: 14%;
}

.design_trye {
    float: left;
    width: 100%;
    position: relative;
}




.candy_token_btn {
    float: left;
    margin: 23px 0 0 0;
}