@font-face {
	font-family: "Montserrat";
	src: url("../fonts/Montserrat-Arabic-ExtraBold.woff") format("woff");
	font-weight: 800;
	font-style: normal
}

@font-face {
	font-family: "Montserrat";
	src: url("../fonts/Montserrat-Arabic-SemiBold.woff") format("woff");
	font-weight: 600;
	font-style: normal
}

@font-face {
	font-family: "Montserrat";
	src: url("../fonts/Montserrat-Arabic-Medium.woff") format("woff");
	font-weight: 500;
	font-style: normal
}

@font-face {
	font-family: "Montserrat";
	src: url("../fonts/Montserrat-Arabic-Regular.woff") format("woff");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: "Montserrat";
	src: url("../fonts/Montserrat-Arabic-Light.woff") format("woff");
	font-weight: 300;
	font-style: normal
}

html {
	scroll-behavior: smooth;
	overflow-x: hidden;
	font-family: "Montserrat", sans-serif;
	font-weight: normal
}

body {
	overflow-x: hidden;
	font-family: "Montserrat", sans-serif;
	font-weight: normal;
	font-size: 14px
}

button {
	outline: none
}

.padding-0 {
	padding: 0 !important
}

ul {
	padding: 0;
	margin: 0;
	list-style: none
}

a {
	text-decoration: none !important
}

.container {
	width: 1190px;
	max-width: 100%
}

.simibold {
	font-weight: 600
}

.extrabold {
	font-weight: 800
}

.medium {
	font-weight: 500
}

.light {
	font-weight: 300
}

header {
	margin: 30px 0;
	position: relative;
	z-index: 5
}

.header-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.header-wrapper .main-menu {
	margin: 0 auto
}

.menu-ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.menu-ul li {
	margin: 0 20px
}

.menu-ul li a {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	font-size: 14px;
	color: #333333
}

.menu-ul li a:hover {
	color: #2B2E83
}

.header-items-wrap {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.header-items-wrap .whatsapp-btn {
	color: #333333;
	font-size: 12px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: 10px
}

.header-items-wrap .whatsapp-btn:hover {
	color: #2B2E83
}

.header-items-wrap .whatsapp-btn span {
	padding-left: 10px;
	position: relative;
	margin-left: 11px
}

.header-items-wrap .whatsapp-btn span:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: #DDDDDD;
	height: 24px;
	width: 1px
}

.header-items-wrap .whatsapp-btn svg {
	margin: 0
}

.header-items-wrap .radius-btn {
	height: 42px;
	color: #333333;
	font-size: 12px;
	padding: 0 12px
}

.header-items-wrap .radius-btn img,
.header-items-wrap .radius-btn svg {
	margin-left: 10px
}

.header-items-wrap .drop-toggle svg {
	margin-left: 0;
	margin-right: 16px
}

.header-items-wrap .login-btn {
	font-size: 14px;
	background: #2B2E83;
	color: #FFFFFF !important;
	padding: 0 20px
}

.header-items-wrap .login-btn:hover {
	background: #2BCE87
}

.header-items-wrap .login-btn svg {
	margin-left: 13px
}

.header-items-wrap .login-btn span {
	margin-top: -2px
}

.radius-btn {
	border-radius: 50px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}

.bordered-btn {
	border: 1px solid #DDDDDD
}

.bordered-btn.active,
.bordered-btn:hover {
	border-color: #2B2E83;
	color: #2B2E83
}

.lang-wrap {
	margin: 0 10px
}

.drop-item {
	position: relative
}

.drop-item-wrap {
	position: absolute;
	top: 100%;
	right: 50%;
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
	border-radius: 15px;
	-webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.04);
	box-shadow: 0 20px 30px rgba(0, 0, 0, 0.04);
	min-width: 200px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
	visibility: hidden;
	z-index: -10;
	margin-top: -5px;
	background: #FFFFFF;
	padding: 24px
}

.drop-item-wrap.active {
	margin-top: 5px;
	opacity: 1;
	visibility: visible;
	z-index: 5
}

.lang-select a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 12px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	color: #333333;
	margin-bottom: 16px
}

.lang-select a:last-child {
	margin: 0
}

.lang-select a:hover {
	color: #2B2E83
}

.lang-select a img {
	margin-left: 10px
}

.hero-slider {
	border-radius: 30px;
	overflow-y: hidden;
	height: 420px
}

.hero-slider .owl-item,
.hero-slider .owl-stage,
.hero-slider .owl-stage-outer,
.hero-slider .slide-item {
	height: 100%
}

.hero-slider .slide-item {
	position: relative
}

.hero-slider .slide-item img {
	width: 100%;
	height: 100%
}

.hero-slider .slide-item .slide-text {
	position: absolute;
	right: 100px;
	top: 80px
}

.hero-slider .slide-item .slide-text h1 {
	line-height: 40px;
	color: #2B2E83;
	font-size: 36px;
	margin-bottom: 16px;
	margin-top: 0;
	padding: 0
}

.hero-slider .slide-item .slide-text p {
	margin: 0;
	font-size: 20px;
	line-height: 24px;
	color: #416E8B
}

.owl-dots {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 30px;
	width: 3px;
	margin: 0 !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.owl-dots span {
	display: none !important
}

.owl-dots .owl-dot {
	margin: 4px 0 !important;
	width: 3px;
	height: 18px;
	border-radius: 5px !important;
	opacity: 0.5;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	background: #FFFFFF
}

.owl-dots .owl-dot.active {
	opacity: 1
}

.hero-section {
	margin-bottom: 100px
}

.section-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 20px;
	color: #2B2E83;
	font-size: 18px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.section-title .soon {
	font-size: 12px;
	font-weight: normal;
	margin-right: 10px;
	padding: 4px 14px;
	color: #3275E8;
	border-radius: 50px;
	background: rgba(50, 117, 232, 0.2)
}

.service-item {
	margin-bottom: 30px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5));
	background: linear-gradient(to bottom, #fff, #f5f5f5);
	border-radius: 20px;
	min-height: 270px;
	text-align: center;
	padding: 40px 25px
}

.service-item .img {
	width: 108px;
	height: 108px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 20px;
	border-radius: 100%;
	position: relative
}

.service-item .img:before {
	content: "";
	width: 54px;
	height: 54px;
	border-radius: 100%;
	position: absolute;
	bottom: -3px;
	left: -27px
}

.service-item .img img {
	max-width: 90%;
	max-height: 90%
}

.service-item h3 {
	color: #333333;
	font-size: 18px;
	line-height: 22px;
	margin-top: 0;
	padding: 0;
	margin-bottom: 8px
}

.service-item p {
	color: #999999;
	font-size: 14px;
	margin: 0;
	line-height: 18px
}

.services-row .col-6:first-child .img {
	background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(133, 116, 51, 0.3)));
	background: linear-gradient(to bottom, transparent, rgba(133, 116, 51, 0.3))
}

.services-row .col-6:first-child .img:before {
	-webkit-backdrop-filter: blur(25px);
	backdrop-filter: blur(25px);
	background-color: rgba(133, 116, 51, 0)
}

.services-row .col-6:nth-child(2) .img {
	background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(83, 217, 176, 0.3)));
	background: linear-gradient(to bottom, transparent, rgba(83, 217, 176, 0.3))
}

.services-row .col-6:nth-child(2) .img:before {
	-webkit-backdrop-filter: blur(25px);
	backdrop-filter: blur(25px);
	background-color: rgba(83, 217, 176, 0)
}

.services-row .col-6:nth-child(3) .img {
	background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 202, 78, 0.3)));
	background: linear-gradient(to bottom, transparent, rgba(255, 202, 78, 0.3))
}

.services-row .col-6:nth-child(3) .img:before {
	-webkit-backdrop-filter: blur(25px);
	backdrop-filter: blur(25px);
	background-color: rgba(255, 202, 78, 0)
}

.services-row .col-6:nth-child(4) .img {
	background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(200, 145, 248, 0.3)));
	background: linear-gradient(to bottom, transparent, rgba(200, 145, 248, 0.3))
}

.services-row .col-6:nth-child(4) .img:before {
	-webkit-backdrop-filter: blur(25px);
	backdrop-filter: blur(25px);
	background-color: rgba(200, 145, 248, 0)
}

footer {
	padding-top: 50px;
	border-top: 1px solid #EEEEEE
}

.footer-widget {
	margin-bottom: 30px
}

.footer-widget h3 {
	color: #000000;
	font-size: 12px;
	font-weight: 600;
	margin-top: 0;
	padding: 0;
	margin-bottom: 26px
}

.footer-about {
	width: 360px;
	max-width: 100%
}

.footer-about img {
	margin-bottom: 20px
}

.footer-about p {
	color: rgba(255, 255, 255, 0.7);
	font-size: 12px;
	font-weight: 300;
	line-height: 24px;
	margin: 0
}

.footer-links-item .footer-link {
	margin-bottom: 12px
}

.footer-links-item .footer-link a {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	font-size: 12px;
	font-weight: 300;
	line-height: 24px;
	color: #000000
}

.footer-links-item .footer-link a:hover {
	color: #2B2E83
}

.footer-links-item .footer-link:last-child {
	margin: 0
}

.footer-contact .contact-item {
	font-size: 12px;
	font-weight: 300;
	line-height: 24px;
	color: #000000;
	margin-bottom: 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}

.footer-contact .contact-item:hover {
	color: #2B2E83
}

.footer-contact .contact-item:last-child {
	margin: 0
}

.footer-contact .contact-item svg {
	margin-left: 14px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	opacity: 0.4
}

.bottom-footer {
	padding: 25px 0;
	border-top: 1px solid #EEEEEE;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.bottom-footer .copyrights {
	color: #000000;
	font-size: 14px;
	font-weight: 600
}

.social-links {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: auto
}

.social-links a {
	margin-left: 10px;
	width: 32px;
	height: 32px;
	border-radius: 100%;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border: 1px solid #2B2E83;
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}

.social-links a path {
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}

.social-links a:hover {
	border-color: #000
}

.social-links a:hover path {
	fill: #000
}

.download-app {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 16px
}

.download-app a {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	max-width: 130px
}

.download-app a img {
	width: 100%
}

.download-app a:first-child {
	margin-left: 16px
}

.services-section {
	margin-bottom: 37px
}

.visa-item {
	margin-bottom: 30px;
	margin-top: 36px
}

.visa-item img {
	width: 72px;
	height: 72px;
	border-radius: 10px;
	-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	margin-top: -36px;
	margin-right: 30px;
	margin-bottom: 16px
}

.visa-item .visa-info {
	background: #FFFFFF;
	border-radius: 20px;
	-webkit-box-shadow: 0px 0px 28px 2px rgb(0 0 0 / 20%);
	box-shadow: 0px 0px 28px 2px rgb(0 0 0 / 20%);
	padding: 0 30px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}

.visa-item:hover .visa-info {
	-webkit-box-shadow: 0px 0px 28px 2px rgb(0 0 0 / 20%);
	box-shadow: 0px 0px 28px 2px rgb(0 0 0 / 20%)
}

.visa-item .title {
	margin-bottom: 8px
}

.visa-item .title a {
	color: #333333;
	font-size: 16px;
	line-height: 20px;
	font-weight: 600;
	margin-top: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}

.visa-item .title a:hover {
	color: #2B2E83
}

.visa-item .desc {
	color: #999999;
	font-size: 13px;
	font-weight: 500;
	margin-bottom: 20px
}

.visa-item .info-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #666666;
	font-size: 13px;
	font-weight: 500;
	margin-bottom: 18px
}

.visa-item .info-item svg {
	margin-left: 10px
}

.visa-item .visa-footer {
	padding: 22px 0;
	/*border-top: 1.5px dashed #E8E8E8;*/
	margin-top: 27px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative
}

.visa-item .visa-footer .price {
	font-size: 16px;
	font-weight: 600;
	color: #2B2E83
}

.visa-item .visa-footer .apply-visa {
	margin-right: auto;
	height: 28px;
	background: #2BCE87;
	width: 94px;
	color: #FFFFFF !important;
	font-size: 14px
}

.visa-item .visa-footer .apply-visa:hover {
	background: #2B2E83
}

.visa-section {
	margin-bottom: 20px
}

.hero-wrapper {
	position: relative
}

.filter-wrapper {
	z-index: 9;
	position: absolute;
	right: 100px;
	left: 100px;
	bottom: -40px;
	border-radius: 20px;
	height: 110px;
	-webkit-backdrop-filter: blur(28px);
	backdrop-filter: blur(28px);
	background-color: rgba(255, 255, 255, 0.85);
	-webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);
	padding: 28px 40px
}

.filter-wrapper .filter-form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.filter-wrapper .filter-form .form-group {
	margin: 0
}

.filter-wrapper .inputs {
	width: calc(100% - 120px)
}

.filter-wrapper .filter-input.text {
	position: relative
}

.filter-wrapper .filter-input.text svg {
	margin-top: 4px
}

.filter-wrapper .filter-input.text:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 46px;
	background: #DDDDDD;
	width: 1px
}

.filter-wrapper input {
	outline: none;
	border: none;
	height: 30px;
	width: 100%;
	background: none;
	color: #333333 !important;
	font-size: 18px;
	font-weight: 600
}

.filter-wrapper input::-webkit-input-placeholder {
	color: #333333
}

.filter-wrapper input::-moz-placeholder {
	color: #333333
}

.filter-wrapper input:-ms-input-placeholder {
	color: #333333
}

.filter-wrapper input::-ms-input-placeholder {
	color: #333333
}

.filter-wrapper input::placeholder {
	color: #333333
}

.filter-wrapper .filter-input {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.filter-wrapper span {
	color: #999999;
	font-size: 13px;
	margin-top: 4px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.filter-wrapper svg {
	margin-left: 15px;
	margin-top: 6px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.filter-wrapper .drop-toggle {
	height: 30px;
	color: #333333 !important;
	font-size: 18px;
	font-weight: 600;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: relative;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding-left: 25px
}

.filter-wrapper .drop-toggle svg {
	margin: 0;
	margin-top: -2px;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.filter-wrapper .drop-toggle span {
	color: #333333 !important;
	font-size: 18px;
	font-weight: 600;
	margin: 0
}

.filter-wrapper .drop-item-wrap {
	right: 0;
	-webkit-transform: none;
	transform: none;
	padding: 15px 20px
}

.filter-wrapper .select-visa-btn {
	margin-right: auto;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background: #3275E8;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.filter-wrapper .select-visa-btn svg {
	margin: 0
}

.filter-wrapper .select-visa-btn:hover {
	background: #2BCE87
}

button.radius-btn {
	outline: none !important;
	border: none !important
}

.select-item {
	font-size: 13px;
	font-weight: 500;
	color: #333333;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 6px 0;
	padding: 3px 0
}

.select-item.active,
.select-item:hover {
	color: #2B2E83
}

.loggedin-wrap .drop-toggle {
    border: none;
    background: #EFF4F5;
    padding-left: 10px;
    padding: 10px;
}

.inner-logged-container {
    border-radius: 30px;
}

.profile-dropdown a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #333333;
	font-size: 13px;
	font-weight: 500;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	margin-bottom: 18px
}

.profile-dropdown a:last-child {
	margin: 0
}

.profile-dropdown a:hover {
	color: #2B2E83
}

.profile-dropdown a svg {
	margin-left: 16px;
	width: 20px
}

.breadcrumb-wrap {
	padding: 30px 0;
	margin-bottom: 30px;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F6F8F9));
	background: linear-gradient(to bottom, #FFFFFF, #F6F8F9)
}

.breadcrumb-wrap .page-title {
	margin-bottom: 15px;
	color: #2B2E83;
	line-height: 22px;
	font-weight: 800;
	font-size: 18px
}

.breadcrumb-wrap .path {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #333333
}

.breadcrumb-wrap .path span {
	margin-top: -2px
}

.breadcrumb-wrap .path a {
	color: #333333;
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}

.breadcrumb-wrap .path a:hover {
	color: #2B2E83
}

.breadcrumb-wrap .path i {
	font-style: normal;
	margin: 0 12px
}

.about-wrapper {
	width: 786px;
	max-width: 100%;
	margin: 0 auto
}

.about-wrapper .about-img {
	width: 100%;
	border-radius: 30px;
	margin-bottom: 40px
}

.about-wrapper .about-text {
	width: 582px;
	max-width: 100%;
	margin: 0 auto;
	color: #333333;
	font-size: 12px;
	line-height: 24px
}

.about-wrapper .about-text p {
	margin-bottom: 26px
}

.orders-wrapper {
	border-radius: 20px;
	background: #fff;
	-webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.04);
	box-shadow: 0 20px 30px rgba(0, 0, 0, 0.04);
	padding: 0 30px 30px;
	width: 990px;
	margin: 0 auto;
	max-width: 100%;
	overflow-y: auto;
	margin-bottom: 50px
}

.orders-wrap {
	min-width: 810px
}

.order-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 40px;
	font-size: 14px;
	color: #333333;
	margin-bottom: 6px;
	border-bottom: 1px solid #ccc;
    padding: 2%;
}

.order-item.head {
	border-radius: 10px;
	background: rgba(43, 46, 131, 0.1);
	font-size: 12px;
	font-weight: 600;
	color: #2B2E83
}

.order-item .order-col {
	padding-right: 20px
}

.order-item .order-col.date {
	width: 12%;
	text-align:center;
}

.order-item .order-col.playerId {
	width: 12%;
	text-align:center;
	
}


.order-item .order-col.price {
	width: 10%;
	text-align:center;
}

.order-item .order-col.packageCol {
	width: 12%;
	text-align:center;
}

.order-item .order-col.balanceBefor {
	width: 14%;
	text-align:center;
}

.order-item .order-col.balanceAfter {
	width: 14%;
	text-align:center;
}

.order-item .order-col.paymentMethod {
	width: 12%;
	text-align:center;
}



.order-item .order-col.status {
	width: 12%;
	text-align:center;
}

.order-item .order-col.print {
	width: 12%;
	text-align:center;
}

.order-item .order-col .--status {
	padding: 5px 15px;
	border-radius: 20px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 12px;
	background: rgba(43, 206, 135, 0.2);
	color: #2BCE87
}


.order-item .order-col .--status.pending1 {
	background: rgba(51, 153, 255, 0.2);
	color: #3399ff
}


.order-item .order-col .--status.pending {
	background: rgba(255, 159, 33, 0.2);
	color: #FF9F21
}



.order-item .order-col .--status.reject {
	background: rgb(255 33 33 / 20%);
	color: #ff3c21;
}
    

.visa-breadcrumb {
	height: 216px;
	margin-bottom: 90px;
	padding: 0
}

.visa-details-wrap {
	width: 1030px;
	margin: 0 auto;
	max-width: 100%;
	background: url("../images/visa-bg.svg") no-repeat bottom left;
	height: 216px
}

.visa-details {
	margin: 0 auto;
	max-width: 100%;
	width: 786px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.visa-details .visa-img-wrap {
	width: 270px;
	height: 266px;
	background: #fff;
	border-radius: 20px;
	-webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.04);
	box-shadow: 0 20px 30px rgba(0, 0, 0, 0.04);
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin-left: 50px
}

.visa-details .visa-img-wrap img {
	margin-bottom: 24px
}

.visa-details .visa-img-wrap h3 {
	margin-top: 0;
	padding: 0;
	color: #333333;
	font-weight: 600;
	margin-bottom: 12px;
	font-size: 24px
}

.visa-details .visa-img-wrap span {
	font-size: 13px;
	font-weight: 500;
	color: #999999
}

.visa-details .visa-info {
	margin-top: 25px;
	margin-right: auto
}

.visa-details .visa-info .head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 30px
}

.visa-details .visa-info .head .order-btn {
	margin-right: auto;
	width: 100px;
	height: 42px;
	font-size: 14px;
	color: #FFFFFF !important;
	background: #3275E8
}

.visa-details .visa-info .head .order-btn:hover {
	background: #2BCE87
}

.visa-details .visa-info .head .tag-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 16px;
	font-size: 13px;
	color: #666666;
	font-weight: 500
}

.visa-details .visa-info .head .tag-item:last-child {
	margin: 0
}

.visa-details .visa-info .head .tag-item svg {
	width: 20px;
	margin-left: 10px
}

.visa-details .desc {
	color: #666666;
	font-size: 12px;
	font-weight: 300;
	line-height: 24px
}

.visa-order-form-wrap {
	width: 582px;
	max-width: 100%;
	margin: 0 auto;
	margin-bottom: 50px;
    padding: 20px;
    box-shadow: 0px 4px 15px rgb(0 0 0 / 10%);
    border-radius: 20px;
    background: white;
    /*padding-top: 100px;*/
    position: relative;
	
}

.visa-order-form-wrap .section-title {
	margin-bottom: 30px;
	font-weight: 800
}

.names-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: calc(100% + 16px)
}

.names-wrapper .names-toggle {
	background: #3275E8;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 10px;
	margin-left: 10px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}

.names-wrapper .names-toggle:hover {
	background: #2BCE87
}

.predefined-names {
	padding: 16px 16px 20px;
	background: #F5F5F5;
	border-radius: 10px;
	margin-bottom: 30px
}

.predefined-names .section-title {
	margin-bottom: 16px;
	color: #666666;
	font-size: 14px;
	font-weight: normal
}

.predefined-names .owl-nav {
	position: absolute;
	top: -52px;
	left: 10px
}

.predefined-names .owl-nav div {
	width: 24px;
	height: 24px;
	border-radius: 10px !important;
	background: #fff !important;
	opacity: 1 !important;
	display: -webkit-inline-box !important;
	display: -ms-inline-flexbox !important;
	display: inline-flex !important;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}

.predefined-names .owl-nav div path {
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}

.predefined-names .owl-nav div:hover {
	background: #3275E8 !important
}

.predefined-names .owl-nav div:hover path {
	fill: #fff
}

.predefined-names .owl-nav .owl-prev svg {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.predefined-names .names-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	white-space: nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: calc(100% - 42px)
}

.predefined-names .names-wrap .name-item {
	height: 32px;
	margin-left: 8px;
	padding: 0 10px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer;
	color: #333333;
	font-size: 12px;
	background: #fff;
	border-radius: 10px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.predefined-names .names-wrap .name-item.active,
.predefined-names .names-wrap .name-item:hover {
	background: #3275E8;
	color: #fff
}

.mCSB_horizontal.mCSB_inside>.mCSB_container {
	margin-right: 0;
	margin-bottom: 18px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 3px;
	margin: 7px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #DDDDDD;
	opacity: 1 !important
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #3275E8 !important
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	height: 3px;
	margin: 7px auto
}

.form-group {
	margin-bottom: 24px;
	position: relative
}

.form-group .input-title {
	color: #333333;
	font-size: 14px;
	margin-bottom: 10px
}

.form-group .input-title a {
	margin-right: 8px
}

.form-input {
	outline: none;
	width: 100%;
	height: 42px;
	border-radius: 10px;
	border: 1px solid #DDDDDD;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	padding: 0 16px;
	color: #333333;
	font-size: 14px;
	font-weight: normal
}

.form-input.datepicker {
	padding-right: 44px;
	text-align: right
}

.form-input::-webkit-input-placeholder {
	color: #999999
}

.form-input::-moz-placeholder {
	color: #999999
}

.form-input:-ms-input-placeholder {
	color: #999999
}

.form-input::-ms-input-placeholder {
	color: #999999
}

.form-input::placeholder {
	color: #999999
}

.form-input.error {
	border-color: #FF5151
}

.form-input.green {
	border-color: #2BCE87
}

.green-check {
	position: absolute;
	left: 12px;
	bottom: 11px;
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}

.green-check.active {
	opacity: 1;
	visibility: visible;
	z-index: 1
}

.error-txt {
	color: #FF5151;
	font-size: 12px;
	opacity: 0;
	visibility: hidden;
	height: 0;
	overflow: hidden;
	margin-top: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.error-txt.active {
	height: auto;
	margin-top: 6px;
	opacity: 1;
	visibility: visible
}

.select-wrap {
	position: relative
}

.select-wrap svg {
	position: absolute;
	left: 16px !important;
	right: auto !important;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.select-wrap select {
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	text-overflow: "";
	color: #999999
}

.select-wrap select.changed {
	color: #333333
}

.select-wrap select option {
	color: #333333
}

.select-wrap select option:disabled {
	color: #999999
}

.form-input-wrap {
	position: relative
}

.form-input-wrap svg {
	position: absolute;
	right: 16px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.datepicker.datepicker-dropdown {
	width: 350px;
	background: #fff;
	color: #333;
	border-radius: 10px;
	padding: 0
}

.datepicker.datepicker-dropdown .table-condensed {
	width: 100%
}

.datepicker.datepicker-dropdown td,
.datepicker.datepicker-dropdown th {
	font-weight: normal;
	font-size: 14px
}

.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover {
	background: transparent
}

.datepicker-days td,
.datepicker-days th {
	text-align: center;
	border: none;
	padding-right: 0;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 4px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	font-weight: normal;
	font-size: 14px
}

.datepicker table tr td span.active,
.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
	background: transparent !important;
	color: #3275E8 !important
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active[disabled],
.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover {
	background: #3275E8 !important;
	color: #fff !important
}

.datepicker-dropdown:after,
.datepicker-dropdown:before {
	display: none
}

.datepicker thead {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 auto;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.datepicker thead tr {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.datepicker thead tr th {
	width: 40px;
	height: 40px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 4px
}

.datepicker thead .datepicker-switch {
	margin: 0 auto
}

.radio-btn-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.radio-btn-wrap .check-item {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.radio-btn-wrap .check-item input {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	z-index: -10
}

.radio-btn-wrap .check-item label {
	font-weight: normal;
	margin: 0;
	font-size: 14px;
	color: #333333;
	padding-right: 32px;
	cursor: pointer;
	position: relative
}

.radio-btn-wrap .check-item label:after,
.radio-btn-wrap .check-item label:before {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	border-radius: 100%;
	border: 1px solid #DDDDDD
}

.radio-btn-wrap .check-item label:after {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
	visibility: hidden;
	background: #3275E8;
	width: 12px;
	height: 12px;
	border: none;
	right: 6px
}

.radio-btn-wrap .check-item input:checked+label:after {
	opacity: 1;
	visibility: visible
}

.hint-item {
	position: absolute;
	bottom: calc(100% + 5px);
	right: -20px;
	width: 270px;
	padding: 16px;
	border-radius: 5px;
	background: #EFF4F5;
	font-size: 12px;
	font-weight: 300;
	color: #666666;
	line-height: 24px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
	visibility: hidden;
	z-index: -2
}

.hint-item.active {
	opacity: 1;
	visibility: visible;
	z-index: 5
}

.upload-items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.upload-items .upload-item {
	cursor: pointer;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 42px;
	border-radius: 10px;
	background: rgba(50, 117, 232, 0.1);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	color: #3275E8;
	font-size: 12px;
	margin-left: 10px
}

.upload-items .upload-item:last-child {
	margin: 0
}

.upload-items .upload-item svg {
	margin-left: 7px;
	position: initial;
	-webkit-transform: none;
	transform: none
}

.upload-items .upload-item path {
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}

.upload-items .upload-item.active,
.upload-items .upload-item:hover {
	color: #FFFFFF;
	background: #3275E8
}

.upload-items .upload-item.active path,
.upload-items .upload-item:hover path {
	fill: #ffffff
}

.uploaded-img-wrap {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 80px;
	margin-top: 10px;
	display: none
}

.uploaded-img-wrap.active {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.uploaded-img-wrap .details {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 80px;
	width: 100%;
	background: #F5F5F5;
	border-radius: 10px;
	color: #3275E8;
	font-size: 12px;
	padding-left: 30px
}

.uploaded-img-wrap .details img {
	width: 60px;
	height: 80px;
	border-radius: 10px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.uploaded-img-wrap .details .actions {
	margin-right: auto;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.uploaded-img-wrap .details .actions a {
	margin-right: 28px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	color: #333333;
	font-size: 12px;
	font-weight: normal;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.uploaded-img-wrap .details .actions a svg {
	margin-bottom: 4px
}

.uploaded-img-wrap .details .actions a:first-child {
	margin: 0
}

.uploaded-img-wrap svg {
	position: initial;
	-webkit-transform: none;
	transform: none
}

.form-group.terms {
	margin-bottom: 40px
}

.form-group.terms label a {
	color: #333333 !important;
	text-decoration: underline !important
}

.form-group.terms label:after {
	display: none
}

.form-group.terms label:before {
	border-radius: 6px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}

.form-group.terms label svg {
	position: absolute;
	right: 6px
}

.form-group.terms input:checked+label:before {
	background: #3275E8;
	border-color: #3275E8
}

.form-buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.form-buttons .form-btn {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 42px;
	background: #3275E8;
	color: #fff
}

.form-buttons .form-btn:hover {
	background: #2BCE87
}

.form-buttons .form-btn svg {
	margin-left: 8px
}

.form-buttons .form-btn.add-new {
	margin-left: 10px;
	background: #F5F5F5;
	color: #333333
}

.form-buttons .form-btn.add-new path {
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}

.form-buttons .form-btn.add-new:hover {
	background: #3275E8;
	color: #fff
}

.form-buttons .form-btn.add-new:hover path {
	fill: #fff
}

.popup-item {
	position: fixed;
	right: 0;
	top: 0;
	bottom: 0;
	left: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
	visibility: hidden;
	z-index: -100;
	background: rgba(0, 0, 0, 0.3);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 40px 20px;
	overflow-y: auto
}

.popup-item.active {
	opacity: 1;
	visibility: visible;
	z-index: 9999
}

.popup-content-wrapper {
	max-width: 100%
}

.visa-price-wrap {
	padding: 16px;
	background: #fff;
	margin-bottom: 10px;
	border-radius: 20px
}

.visa-price-wrap .price-wrap {
	padding: 12px 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 14px;
	background: rgba(50, 117, 232, 0.1);
	border-radius: 10px;
	color: #3275E8
}

.visa-price-wrap .price-wrap i {
	font-weight: normal;
	font-style: normal;
	margin-left: 60px
}

.visa-price-wrap .price-wrap span {
	font-weight: 600;
	margin-right: auto;
	margin-left: 30px
}

.popup-content-wrap {
	padding: 30px;
	background: #fff;
	border-radius: 20px
}

.popup-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 30px
}

.popup-header .popup-title {
	color: #333333;
	font-size: 18px;
	font-weight: 800
}

.popup-header .popup-close {
	margin-right: auto
}

.tab-links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 24px
}

.tab-links .tab-link {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 42px;
	border-radius: 10px;
	background: #EFF4F5;
	color: #333333;
	font-size: 14px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	margin-left: 12px
}

.tab-links .tab-link:last-child {
	margin: 0
}

.tab-links .tab-link svg {
	margin-left: 7px
}

.tab-links .tab-link path {
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}

.tab-links .tab-link:hover {
	color: #3275E8
}

.tab-links .tab-link:hover path {
	fill: #3275E8
}

.tab-links .tab-link.active {
	background: #3275E8;
	color: #FFFFFF
}

.tab-links .tab-link.active path {
	fill: #fff
}

.order-item .order-col.num {
	width: 5%
}

.card-inputs {
	background: #fff;
	border: 1px solid #DDDDDD;
	border-radius: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	direction: ltr
}

.card-inputs input {
	border: none
}

.checkout-btn-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 14px
}

.checkout-btn {
	width: 170px;
	height: 42px;
	background: #2BCE87;
	color: #fff !important
}

.checkout-btn:hover {
	background: #3275E8
}

.checkout-footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.checkout-hint {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 16px 30px;
	font-size: 14px;
	background: rgba(50, 117, 232, 0.1);
	border-radius: 10px;
	color: #3275E8;
	margin-bottom: 20px
}

.login-footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.login-footer .btn-login {
	margin-right: auto;
	height: 42px;
	width: 100px;
	color: #FFFFFF;
	font-size: 14px;
	background: #3275E8
}

.login-footer .btn-login:hover {
	background: #2BCE87
}

.resend-otp {
	color: #333333;
	font-size: 12px
}

.otp-form .disabled .input-title {
	color: #999999
}

.otp-form .input-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.otp-form .input-title .change-phone {
	margin-right: auto;
	color: #333333;
	font-size: 12px;
	text-decoration: underline !important
}

.otp-form .input-title .change-phone:hover {
	color: #3275E8
}

.otp-form .form-input[readonly] {
	background: #F5F5F5
}

body:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: -100;
	background: rgba(0, 0, 0, 0.3);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
	visibility: hidden;
	display: none
}

body.menu-active:before {
	opacity: 1;
	visibility: visible;
	z-index: 88;
	display: block
}

.header-items-wrap .menu-open {
	display: none
}

.mobile-menu {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 300px;
	left: -300px;
	padding: 30px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	display: none;
	opacity: 0;
	visibility: hidden;
	z-index: 99;
	left: 0;
	background: #fff;
	-webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.04);
	box-shadow: 0 20px 30px rgba(0, 0, 0, 0.04)
}

.mobile-menu.active {
	opacity: 1;
	left: 0;
	visibility: visible
}

.menu-close svg {
	width: 30px;
	height: 30px
}

.m-menu ul.menu-ul {
	display: block
}

.m-menu ul.menu-ul li {
	margin: 0 0 20px
}

.select2-container--bootstrap-5 .select2-selection {
	height: 42px;
	padding: 0 16px;
	font-size: 14px;
	font-weight: 400;
	line-height: initial;
	color: #333333;
	border-radius: 10px;
	outline: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: 1px solid #DDDDDD
}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding: 0 !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 40px;
	font-size: 14px;
	color: #333
}

.select2-container--bootstrap-5.select2-container--focus .select2-selection,
.select2-container--bootstrap-5.select2-container--open .select2-selection {
	border-color: #DDDDDD
}

.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
	padding: 0 16px;
	font-size: 14px;
	color: #333;
	border: 1px solid #ddd !important;
	height: 40px !important;
	border-radius: 6px !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	outline: none !important
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted {
	color: #333
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option {
	font-size: 14px;
	color: #333
}

.select2-container--bootstrap-5 .select2-dropdown {
	border-color: #ddd
}

.form-input.error+.select2-container--bootstrap-5 .select2-selection {
	border-color: #FF5151 !important
}

.form-input.changed+.select2-container--bootstrap-5 .select2-selection {
	border-color: #2BCE87 !important
}

.form-input.changed+.green-check.active {
	opacity: 1;
	visibility: visible;
	z-index: 1
}

.form-input.changed+.error-txt {
	display: none
}

.feature-items {
	margin: 0 auto;
	max-width: 100%;
	width: 888px
}

.feature-item {
	margin-bottom: 30px;
	border-radius: 20px;
	overflow: hidden
}

.feature-item img {
	width: 100%
}

.feature-item .text {
	padding: 40px 30px;
	background: #F5F5F5
}

.feature-item .text h3 {
	color: #333333;
	font-size: 16px;
	margin-top: 0;
	padding: 0;
	font-weight: 600;
	margin-bottom: 24px
}

.feature-item .text p {
	color: #999999;
	font-size: 13px;
	line-height: 24px;
	margin: 0
}

.ft-logo {
	margin-bottom: 50px
}

.features-section {
	margin-bottom: 30px
}

.d-app-wrap {
	position: relative;
	border-radius: 20px 20px 0 0;
	overflow: hidden;
	min-height: 400px;
	background: url("../images/download-bg.png") no-repeat center left;
	background-size: auto 110%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 70px
}

.d-app-wrap .mobile-img {
	position: absolute;
	left: 200px;
	bottom: 0
}

.d-app-wrap .text {
	max-width: 60%;
	width: 560px
}

.d-app-wrap h3 {
	line-height: 60px;
	color: #2B2E83;
	font-size: 30px;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 25px
}

.d-app-wrap p {
	padding-left: 50px;
	color: #000000;
	font-size: 13px;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 35px
}

.d-app-wrap .download-app {
	margin: 0
}

.d-app-wrap .download-app a {
	max-width: 170px
}

.d-app-wrap .download-app a:first-child {
	margin-left: 30px
}

.location-wrap {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	margin-bottom: 30px
}

.location-wrap img {
	width: 100%;
	border-radius: 20px
}

.location-wrap .location-text {
	position: absolute;
	right: 40px;
	left: 40px;
	bottom: 30px;
	padding: 15px 20px;
	background: #3275E8;
	border-radius: 20px;
	color: #fff;
	font-size: 14px;
	font-weight: 300;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.location-wrap .location-text svg {
	margin-left: 14px
}

.contact-details-wrap {
	padding: 30px;
	border-radius: 20px;
	background: -webkit-gradient(linear, right top, left bottom, from(transparent), to(rgba(50, 117, 232, 0.1)));
	background: linear-gradient(to bottom left, transparent, rgba(50, 117, 232, 0.1));
	margin-bottom: 30px
}

.contact-details-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 16px
}

.contact-details-item:last-child {
	margin: 0
}

.contact-details-item .icon {
	width: 48px;
	height: 48px;
	border-radius: 100%;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-left: 16px;
	background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(50, 117, 232, 0.2)));
	background: linear-gradient(to bottom, transparent, rgba(50, 117, 232, 0.2))
}

.contact-details-item a,
.contact-details-item span {
	color: #333333;
	font-size: 18px;
	font-weight: 500
}

.contact-details-item a {
	text-decoration: underline !important;
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}

.contact-details-item a:hover {
	color: #3275E8
}

.contact-wrapper {
	width: 993px;
	max-width: 100%;
	margin: 0 auto 60px
}

.about-other-content {
	margin: 0 auto;
	width: 888px;
	max-width: 100%
}

.our-team {
	margin-bottom: 20px
}

.team-item {
	margin-bottom: 30px;
	background: -webkit-gradient(linear, right top, left bottom, from(transparent), to(rgba(50, 117, 232, 0.1)));
	background: linear-gradient(to left bottom, transparent, rgba(50, 117, 232, 0.1));
	border-radius: 20px;
	min-height: 270px;
	text-align: center;
	padding: 40px 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.team-item .img {
	width: 108px;
	height: 108px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 20px;
	border-radius: 100%;
	position: relative
}

.team-item .img:before {
	content: "";
	width: 54px;
	height: 54px;
	border-radius: 100%;
	position: absolute;
	bottom: -3px;
	left: -27px;
	z-index: 5;
	-webkit-backdrop-filter: blur(25px);
	backdrop-filter: blur(25px);
	background-color: rgba(50, 117, 232, 0)
}

.team-item .img img {
	max-width: 90%;
	max-height: 90%
}

.team-item h3 {
	color: #333333;
	font-size: 18px;
	line-height: 22px;
	font-weight: 600;
	margin-top: 0;
	padding: 0;
	margin-bottom: 8px
}

.team-item span {
	color: #999999;
	font-size: 14px;
	margin: 0;
	font-weight: 400;
	line-height: 18px
}

.partner-item {
	background: #F5F5F5;
	border-radius: 20px;
	height: 90px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 30px
}

.partner-item img {
	max-width: 90%;
	max-height: 90%
}

.our-partners {
	margin-bottom: 40px
}

.form-input-wrap.code-input-wrap input {
	width: 42px;
	height: 42px;
	margin: 0 5px
}

.form-input-wrap.code-input-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.names-search {
	position: relative;
	margin-bottom: 25px
}

.names-search input {
	background: #F5F5F5;
	padding-right: 44px
}

.names-search input::-webkit-input-placeholder {
	color: #999999
}

.names-search input::-moz-placeholder {
	color: #999999
}

.names-search input:-ms-input-placeholder {
	color: #999999
}

.names-search input::-ms-input-placeholder {
	color: #999999
}

.names-search input::placeholder {
	color: #999999
}

.names-search svg {
	position: absolute;
	right: 17px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.prev-names-items {
	max-height: 370px;
	margin-bottom: 30px
}

.prev-name-item {
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px solid #EEEEEE
}

.prev-name-item:last-child {
	border: none;
	margin: 0;
	padding: 0
}

.prev-name-item input {
	opacity: 0;
	visibility: hidden;
	position: absolute
}

.prev-name-item label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	cursor: pointer
}

.prev-name-item label img {
	margin-left: 12px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 42px;
	height: 42px;
	border-radius: 100%
}

.prev-name-item label h3 {
	color: #000000;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 6px;
	margin-top: 0;
	padding-right: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}

.prev-name-item label span {
	color: #999999;
	font-size: 12px;
	font-weight: normal
}

.prev-name-item svg {
	margin-right: auto;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}

.prev-name-item input:checked+label h3 {
	color: #3275E8
}

.prev-name-item input:checked+label svg {
	visibility: visible;
	opacity: 1
}

.prev-name-item label:hover h3 {
	color: #3275E8
}

.choose-name-btn {
	background: #3275E8;
	width: 140px;
	height: 42px;
	color: #fff !important
}

.choose-name-btn:hover {
	background: #2BCE87
}

.checkout--wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.checkout-details {
	min-height: 100%;
	background: #F5F5F5;
	width: 400px;
	height: 632px;
	margin-top: -30px;
	margin-bottom: -30px;
	margin-right: -30px;
	border-radius: 0 20px 20px 0;
	padding: 30px;
	margin-left: 30px
}

.checkout-details-items {
	padding: 12px 16px 12px 30px;
	background: #EEEEEE;
	margin-bottom: 16px;
	border-radius: 10px
}

.checkout-details-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #666666;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 10px
}

.checkout-details-item:last-child {
	margin: 0
}

.checkout-details-item.total {
	color: #3275E8
}

.checkout-details-item b {
	margin-right: auto;
	font-weight: 600
}

.checkout-details-item b i {
	font-style: normal;
	font-weight: normal;
	margin-left: 15px
}

.coupon-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.coupon-wrap .code-btn {
	height: 42px;
	width: 120px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin-right: 14px;
	border-radius: 10px;
	color: #fff !important;
	background: #3275E8;
	font-size: 14px;
	font-weight: normal
}

.coupon-wrap .code-btn:hover {
	background: #2BCE87
}

.shipping-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 40px
}

.shipping-wrap .ship-item {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.shipping-wrap .ship-item input {
	opacity: 0;
	visibility: hidden;
	position: absolute
}

.shipping-wrap .ship-item:first-child {
	margin-left: 10px
}

.shipping-wrap .ship-item label {
	padding: 12px 16px;
	border-radius: 10px;
	background: #EFF4F5;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 14px;
	font-weight: normal;
	color: #333333
}

.shipping-wrap .ship-item label i {
	color: #999999;
	font-style: normal;
	margin-right: auto;
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}

.shipping-wrap .ship-item input:checked+label {
	background: #3275E8;
	color: #fff
}

.shipping-wrap .ship-item input:checked+label i {
	color: #fff
}

.checkout-wrapper {
	width: calc(100% - 400px)
}

.checkout-email {
	margin-bottom: 30px
}

.datepicker table tr td.today {
	background: #3275E8 !important;
	color: #fff !important
}

.datepicker thead {
	background: #3275E8;
	border-radius: 10px 10px 0 0;
	color: #fff
}

.checkout-footer img {
	margin: 0 8px
}

.visa-app-item {
	margin-bottom: 24px;
	border-bottom: 1px solid #DDDDDD
}

.visa-app-item:last-child {
	border: none;
	margin: 0;
	padding: 0
}

.visa-app-item .header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	margin-bottom: 24px
}

.visa-app-item .header h3 {
	color: #2B2E83;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: 800
}

.visa-app-item .header .icon {
	width: 24px;
	height: 24px;
	border-radius: 10px;
	background: rgba(43, 46, 131, 0.1);
	margin-right: auto;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.visa-app-item .header .icon svg {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.visa-app-item:not(.active) .header svg {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

.uploaded-img-wrap.passport {
	height: auto;
	padding: 30px;
	border: 1px solid #DDDDDD;
	border-radius: 10px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.uploaded-img-wrap.passport .details {
	height: auto;
	padding: 0;
	background: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.uploaded-img-wrap.passport .details img {
	width: 100%;
	border-radius: 10px;
	height: auto
}

.uploaded-img-wrap.passport .section-title {
	font-size: 14px !important;
	margin-bottom: 28px;
	width: 100%
}

.passport-info-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	color: #666666;
	font-size: 12px;
	font-weight: normal;
	border-bottom: 1px solid #EEEEEE;
	padding-bottom: 12px;
	margin-bottom: 12px
}

.passport-info-row:last-child {
	border: none
}

.passport-details-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.passport-info-row span:nth-child(2) {
	color: #3275E8
}

.passport-info-row span:first-child {
	width: 40%;
	text-align: left;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.form-input-wrap.signature {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.form-input-wrap.signature .upload-items {
	width: 137px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	display: block
}

.form-input-wrap.signature .upload-items .upload-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin: 0;
	margin-bottom: 12px
}

.signature-wrapper {
	width: calc(100% - 150px);
	margin-right: auto;
	height: 195px;
	border: 1px solid #3275E8;
	background: #F5F5F5;
	border-radius: 10px;
	padding: 16px 20px;
	position: relative
}

.signature-wrapper .sig-img {
	width: 100%;
	height: auto;
	display: none
}

.signature-wrapper:before {
	content: "";
	width: 100%;
	height: 1px;
	background: #3275E8;
	position: absolute;
	right: 0;
	left: 0;
	top: 92px
}

.signature-wrapper .sig-hint {
	position: absolute;
	top: 30px;
	left: 10px;
	width: 60px;
	height: 30px;
	background: #FF5151;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

.signature-wrapper .sig-hint:before {
	content: "";
	width: 0px;
	height: 0px;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 16px solid #FF5151;
	position: absolute;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	right: 53px;
	top: auto;
	bottom: auto
}

.signature-wrapper.approved:before {
	display: none
}

.signature-wrapper.approved .sig-hint,
.signature-wrapper.approved .signature-btns,
.signature-wrapper.approved canvas {
	display: none
}

.signature-btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.signature-btns a {
	font-size: 12px;
	font-weight: normal;
	width: 74px;
	height: 30px;
	border-radius: 15px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border: 1px solid #333333;
	color: #333333;
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}

.signature-btns a:hover {
	color: #3275E8;
	border-color: #3275E8
}

.signature-btns a:last-child {
	margin-right: auto;
	color: #fff !important;
	background: #3275E8;
	border: none
}

.signature-btns a:last-child:hover {
	background: #2BCE87
}

.packClass{
    cursor:pointer;
}


.activePackage {
    background-color: darkblue!important;
    color: white!important;
    box-shadow: none!important;
    transition: 500ms!important;
}

.activePackage a{
    color:#fff!important;
}


.activePackage .price{
    color:#fff!important;
}

.image-header-logo{
        width:174px;
        height:60px;
    }


.visa-inner-divider {
    width: 100%;
    height: 2px;
    background-color: #25bfff;
    margin: 5px auto;
}


.success_box{
    background-color: #09b150;
    padding: 10px;
    color: #fff;
    border-radius: 10px;
    margin-bottom: 10px;
}

.error_box{ 

    background-color: #fb5757;
    color: #fff;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 10px;


}
.error_box a{

	color: #FFF;
    font-weight: bold;
}


#preloader { background: url(../images/ezgif-4-d17353bc6f.gif) no-repeat -9999px -9999px!important; }

.loader{
    background:url(../images/ezgif-4-d17353bc6f.gif) no-repeat scroll 50% 50%!important;
}



.selected-package {
  max-width: 250px;
  color: white;
  border-width: 3px;
  border-style: solid;
  padding:5px;
  border-image: linear-gradient(to right, #2BCE87 0%, #25bfff 100%) 100% 0 100% 0/0px 0 5px 0;
  /*border-image: linear-gradient( to right, #25bfff, rgba(0, 0, 0, 0) )0  20% 100%;*/
}


.swal-text {
    font-size: 16px;
    position: relative;
    float: none;
    line-height: normal;
    vertical-align: top;
    text-align: left;
    display: inline-block;
    margin: 0;
    padding: 0 10px;
    font-weight: 400;
    color: rgb(255 0 0);
    max-width: calc(100% - 20px);
    overflow-wrap: break-word;
    box-sizing: border-box;
    text-align: center;
}

.linear-text-color{
    background: -webkit-linear-gradient(45deg, #4be1ec, #cb5eee 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    
}

