@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@100;200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@600;700;800;900&display=swap');

:root {
	--bs-primary: #3a41c4;
	--bs-info: #23a9a7
}

.section {
	padding: 80px 0
}
.row > * {
	margin: 0;
	padding:0;
}
@media(max-width: 991px) {
	.section {
		padding: 50px 0px !important
	}
}

.ls-1 {
	letter-spacing: 1px
}

.ls-2 {
	letter-spacing: 2px
}

.ls-3 {
	letter-spacing: 3px
}

.ls-4 {
	letter-spacing: 4px
}

.ls-5 {
	letter-spacing: 5px
}

.lh-55 {
	line-height: 55px
}

@media(max-width: 991px) {
	.lh-55 {
		line-height: 40px
	}
}

.bg-primary {
	background-color: #3a41c4 !important
}

.text-primary {
	color: var(--bs-primary) !important
}

.btn-primary {
	background-color: #3a41c4 !important;
	text-transform: uppercase;
}

.border-primary {
	border-color: #3a41c4 !important
}

.bg-secondary {
	background-color: #515279 !important
}

.text-secondary {
	color: var(--bs-secondary) !important
}

.btn-secondary {
	background-color: #515279 !important
}

.border-secondary {
	border-color: #515279 !important
}

.bg-success {
	background-color: #198754 !important
}

.text-success {
	color: var(--bs-success) !important
}

.btn-success {
	background-color: #198754 !important
}

.border-success {
	border-color: #198754 !important
}

.bg-info {
	background-color: #23a9a7 !important
}

.text-info {
	color: var(--bs-info) !important
}

.btn-info {
	background-color: #23a9a7 !important
}

.border-info {
	border-color: #23a9a7 !important
}

.bg-warning {
	background-color: #e4ab00 !important
}

.text-warning {
	color: var(--bs-warning) !important
}

.btn-warning {
	background-color: #e4ab00 !important
}

.border-warning {
	border-color: #e4ab00 !important
}

.bg-danger {
	background-color: #dc3545 !important
}

.text-danger {
	color: var(--bs-danger) !important
}

.btn-danger {
	background-color: #dc3545 !important
}

.border-danger {
	border-color: #dc3545 !important
}

.bg-light {
	background-color: #f7f8ff !important
}

.text-light {
	color: var(--bs-light) !important
}

.btn-light {
	background-color: #f7f8ff !important
}

.border-light {
	border-color: #f7f8ff !important
}

.bg-dark {
	background-color: #283032 !important
}

.text-dark {
	color: var(--bs-dark) !important
}

.btn-dark {
	background-color: #283032 !important
}

.border-dark {
	border-color: #283032 !important
}

.bg-purple {
	background-color: #6f42c1 !important
}

.text-purple {
	color: var(--bs-purple) !important
}

.btn-purple {
	background-color: #6f42c1 !important
}

.border-purple {
	border-color: #6f42c1 !important
}

.btn {
	padding: 10px 20px;
	border: none;
	font-size: 15px;
	font-weight: 700;
	margin-right: 5px;
	border-radius: 4px;
	transition: all .5s
}

@media(max-width: 991px) {
	.btn {
		padding: 9px 18px
	}
}

.btn:hover {
	transform: translateY(-3px)
}

body {
	font-family: "Inter Tight", sans-serif
}

::-moz-selection {
	background-color: #3a41c4;
	color: #f7f8ff
}

::selection {
	background-color: #3a41c4;
	color: #f7f8ff
}

a {
	text-decoration: none
}

ul {
	list-style: none;
	padding: 0
}

p {
	font-size: 18px;
	color: #515279;
	font-weight: 500
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Geologica', sans-serif;
  text-transform: uppercase;
}

h1 {
	font-weight: 600 !important
}

h2 {
	font-weight: 500 !important
}

h4 {
	font-size: 25px !important;
	font-weight: 600
}

h5,
h6 {
	font-size: 18px !important;
	font-weight: 600;
	text-transform: capitalize
}

.logo i {
	font-weight: normal !important
}

.hero-part {
	position: relative;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important
}

.bg-overlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: linear-gradient(to right, rgba(110, 66, 193, 0.2588235294), rgba(58, 65, 196, 0.2784313725));
	background-size: cover;
	background-repeat: no-repeat
}

.bg-overlay1 {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(35, 169, 167, .5411764706);
	background-size: cover;
	background-repeat: no-repeat
}

.title-sm span {
	font-size: 14px;
	color: #e4ab00;
	font-weight: 400;
	letter-spacing: 1px
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
	display: inline-block;
	width: 30px;
	height: 30px;
	background-color: #3a41c4;
	background-size: 100% 40%;
	border-radius: 50%
}

.shape {
	position: absolute;
	bottom: 0
}

.shape-1 {
	position: relative;
	top: 80px;
	left: 0;
	right: 0;
	z-index: 1
}

.navbar {
	padding: 10px 0;
	border-bottom: 1px solid #E8E8E8;
	
}

.navbar.info-nav .navbar-nav .nav-item .nav-link {
	color: #515279
}

.navbar.info-nav .navbar-nav .nav-item .nav-link:hover {
	color: #23a9a7
}

.navbar.info-nav .navbar-nav .nav-item .nav-link.active {
	color: #23a9a7
}

.navbar.info-nav.nav-sticky .nav-btn a {
	background-color: #23a9a7 !important
}

.navbar.orange-nav .navbar-nav .nav-item .nav-link {
	color: #f7f8ff
}

.navbar.orange-nav .navbar-nav .nav-item .nav-link:hover {
	color: #fd7e14
}

.navbar.orange-nav .navbar-nav .nav-item .nav-link.active {
	color: #fd7e14
}

.navbar.orange-nav.nav-sticky .navbar-nav .nav-item .nav-link:hover {
	color: #fd7e14 !important
}

.navbar.orange-nav.nav-sticky .navbar-nav .nav-item .nav-link.active {
	color: #fd7e14
}

.navbar.orange-nav.nav-sticky .nav-btn a {
	background-color: #fd7e14 !important
}

.navbar.primary-nav .navbar-nav .nav-item .nav-link {
	color: #515279
}

.navbar.primary-nav .navbar-nav .nav-item .nav-link:hover {
	color: #3a41c4
}

.navbar.primary-nav .navbar-nav .nav-item .nav-link.active {
	color: #3a41c4
}

.navbar.nav-sticky {
	background-color: #fff;
	box-shadow: 10px -10px 20px 0px #c6c8e8
}

.navbar.nav-sticky .logo a {
	color: #3a41c4 !important
}

.navbar.nav-sticky .logo i {
	color: #3a41c4
}

.navbar.nav-sticky .navbar-nav .nav-item .nav-link {
	color: #515279
}

.navbar.nav-sticky .navbar-nav .nav-item .nav-link:hover {
	color: #3a41c4 !important
}

.navbar.nav-sticky .navbar-nav .nav-item .nav-link.active {
	color: #3a41c4 !important
}

.navbar.nav-sticky .navbar-link .nav-item .nav-link {
	color: #515279
}

.navbar.nav-sticky .navbar-link .nav-item .nav-link:hover {
	color: #23a9a7 !important
}

.navbar.nav-sticky .navbar-link .nav-item .nav-link.active {
	color: #23a9a7 !important
}

.navbar.nav-sticky .nav-btn a {
	background-color: #3a41c4 !important;
	color: #f7f8ff !important
}

@media(max-width: 991px) {
	.navbar {
		background-color: #fff
	}
}

.navbar .navbar-toggler {
	font-size: 16px;
	border: 1px solid rgba(0, 0, 0, 0)
}

.navbar .navbar-toggler:focus {
	box-shadow: none
}

@media(max-width: 991px) {
	.navbar .logo a {
		color: #3a41c4 !important
	}
}

.navbar .navbar-nav .nav-item .nav-link {
	font-size: 17px;
	color: #f7f8ff;
	padding: 10px 20px;
	text-transform: capitalize;
	font-weight: 600;
}

@media(max-width: 991px) {
	.navbar .navbar-nav .nav-item .nav-link {
		padding: 14px 14px
	}
}

@media(max-width: 991px) {
	.navbar .navbar-nav .nav-item .nav-link {
		color: #283032 !important
	}
}
.hero-text span {
	background-color: var(--bs-primary);
}

.bg-img {
	background-image: url(../images/hero/hero1.png)
}

.bg-home {
	padding: 150px 0 100px 0
}

.bg-home .headline a {
	color: #283032;
	border-radius: 30px;
	padding: 5px 20px 5px 10px;
	font-size: 13px;
	line-height: 24px;
	margin-bottom: 25px;
	font-weight: 600
}

.bg-home .used_app {
	display: flex;
	align-items: center;
	margin-top: 35px
}

.bg-home .used_app ul {
	display: flex;
	align-items: center;
	margin-right: 10px
}

.bg-home .used_app ul li:not(:first-child) {
	margin-left: -15px
}

.bg-home .used_app ul img {
	height: 2.5rem;
	width: 2.5rem;
	line-height: 3rem
}

.bg-home-1 {
	padding: 150px 0;
	overflow: hidden
}

@media(max-width: 568px) {
	.bg-home-1 {
		padding: 100px 0
	}
}

.bg-home-1 h1 .animation-img {
	animation: rotate-center 5s linear infinite both
}

@keyframes rotate-center {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(360deg)
	}
}

.bg-img-2 {
	background: linear-gradient(to right, #3a41c4, #000046)
}

.bg-home-2 {
	padding: 250px 0;
	overflow: hidden
}

@media(max-width: 568px) {
	.bg-home-2 {
		padding: 150px 0
	}
}

.bg-home-2 .rotate-text h1 {
	font-size: 180px;
	top: 80%;
	left: 50%;
	color: rgba(236, 237, 255, .0588235294)
}

.bg-home-3 {
	background-color: #1d2840;
	padding: 150px 0
}

@media(max-width: 991px) {
	.bg-home-3 {
		padding: 150px 0
	}

	.bg-home-3 br {
		display: none
	}

	.bg-home-3 .img-side-1 {
		display: none
	}

	.bg-home-3 .header-img {
		display: none
	}
}

.bg-home-3 .form-button .form-control {
	height: 40px
}

.bg-home-3 .form-button .form-control:focus {
	box-shadow: none
}

.bg-home-3 .form-button .btn {
	padding: 5px 25px 5px 25px
}

.bg-home-3 .main-btn img {
	width: 90%
}

.img-mobile img {
	position: relative;
	margin-top: -164px;
	max-width: 60%
}

@media(max-width: 991px) {
	.img-mobile img {
		margin-top: -80px
	}
}

.bg-home-5 {
	padding: 199px 0
}

.bg-home-5 .animation-img {
	position: absolute;
	bottom: 30%;
	left: 10%;
	right: 0;
	animation: rotate-center 5s linear infinite both
}

@media(max-width: 568px) {
	.bg-home-5 .animation-img {
		display: none
	}
}

@keyframes rotate-center {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(360deg)
	}
}

.bg-home-5 .img-2 {
	top: 10%;
	left: 5%
}

.bg-home-5 .img-3 {
	top: 20%;
	left: 90%
}

.bg-home-5 .img-4 {
	top: 90%;
	left: 90%
}

.bg-home-5 .hend-img {
	top: 9%
}

@media(max-width: 568px) {
	.bg-home-5 .hend-img {
		display: none
	}
}

.brand-part .brand .brand-logo {
	max-width: 100px
}

.about-part .icon-text {
	box-shadow: 0px 10px 22px rgba(0, 0, 0, .05)
}

.about-part-1 {
	overflow: hidden
}

.about-part-1 .content {
	box-shadow: 0px 10px 22px rgba(0, 0, 0, .05);
	border-radius: 10px;
	padding-bottom: 10px
}

.about-section-3 .nav-link {
	color: #283032;
	background-color: #fff;
	padding: 8px;
	margin-left: 10px;
	border: 1px solid #3a41c4
}

.about-section-3 .nav-link.active {
	background-color: #3a41c4
}

.app-video {
	background-image: url(../images/video-bg.jpg)
}

.services-part .img-part-1 {
	background-image: url(../images/features-bg-effect.png);
	background-size: cover;
	background-position: center center;
	z-index: -2
}

.services-part .img-part-1::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 360px;
	width: 360px;
	background-color: #3a41c4;
	margin: 0 auto;
	border-radius: 50%;
	bottom: 50%;
	transform: translateY(50%);
	transition: all .5s;
	z-index: -1
}

@media(max-width: 568px) {
	.services-part .img-part-1::after {
		height: 200px;
		width: 200px
	}
}

.features-part {
	background-image: url(../images/bg-light-about.png)
}

.services-part-1 .progress-services p {
	font-size: 16px !important
}

.services-part-1 .progress-services .progress {
	overflow: visible
}

.services-part-1 .progress-services .progress .progress-bar {
	position: relative;
	background-color: #3a41c4;
	border-radius: 2px;
	overflow: visible
}

.services-part-1 .progress-services .progress .progress-bar .progress-value {
	display: block;
	position: absolute;
	top: -28px;
	right: -23px;
	font-size: 13px !important;
	font-weight: 500
}

.services-part-3 .elementor-box {
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12);
	padding: 40px 30px
}

.services-part-3 .elementor-box p {
	font-size: 17px;
	color: #47536b
}

.services-part-3 i {
	color: #3a41c4
}

.services-part-3 .title {
	margin-top: 30px
}

.services-inner .services-title h1 {
	font-weight: 600
}

.services-inner .services-inner .services-content {
	background-color: #f7f8ff;
	padding: 40px 27px;
	border-top: 3px solid #3a41c4;
	transition: all .5s ease-in-out
}

.services-inner .services-inner .services-content:hover {
	transform: translateY(-0.5rem)
}

.services-inner .services-inner .services-content h5 {
	font-weight: 600
}

.services-inner .services-inner .services-content i {
	color: #3a41c4;
	background-color: #fff;
	padding: 10px;
	border-radius: 5px;
	font-size: 30px;
	margin-top: 30px
}

@media(max-width: 576px) {
	.services .services-title h1 {
		padding: 10px 0
	}

	.services .services-inner .services-content {
		margin: 10px 0
	}
}

.guide-app .guide-content .step-icon {
	position: absolute;
	top: -10px;
	left: 44%
}

.app-screenshort .screenshort {
	position: relative
}

.app-screenshort .mobile-phone {
	position: absolute;
	top: -12px;
	left: 38%;
	z-index: 1;
	height: 104%;
	width: 24%
}

@media(max-width: 768px) {
	.app-screenshort .mobile-phone {
		display: none
	}
}

.swiper {
	width: 100%;
	height: 100%
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center
}

.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 30px
}

.swiper-pagination-bullets {
	bottom: -50px !important
}

.swiper-pagination-bullets .swiper-pagination-bullet {
	width: 14px;
	height: 5px;
	border: none;
	margin: 5px 7px;
	border-radius: 20px
}

.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #3a41c4
}

.price-part .card {
	position: relative;
	width: 98%;
	overflow: hidden;
	padding: 30px 30px;
	transition: all .5s ease-in-out
}

@media(max-width: 991px) {
	.price-part .card {
		padding: 50px 20px
	}
}

.price-part .card:hover {
	transform: translateY(-0.5rem)
}

.price-part .btn:hover {
	background-color: #3a41c4 !important;
	color: #f7f8ff !important
}

.price-part .ribbon-box {
	position: absolute;
	left: 0;
	top: 0;
	width: 75px;
	height: 75px;
	overflow: hidden
}

.price-part .ribbon-box span {
	position: absolute;
	font-size: 13px;
	text-align: center;
	transform: rotate(-45deg);
	width: 100px;
	color: #f7f8ff;
	background: #dc3545;
	top: 19px;
	left: -21px
}

.price-part .rotate-text h3 {
	top: 45%;
	left: 48%;
	transform: rotate(90deg) !important;
	color: #ecedff
}

.price-part-2 .card {
	transition: all .5s ease-in-out
}

.price-part-2 .card:hover {
	transform: translateY(-0.5rem)
}

.price-part-2 .nav-pills {
	margin-bottom: 15px;
	background-color: #fff;
	border-radius: 6px
}

.price-part-2 .nav-pills .nav-link {
	color: #515279;
	padding: 5px;
	transition: all .5s ease;
	font-size: 14px
}

.price-part-2 .nav-pills .nav-link:hover {
	background: rgba(58, 65, 196, .06)
}

.price-part-2 .nav-pills .nav-link.active {
	background: #3a41c4;
	color: #fff
}

.price-part-2 .nav-pills a .title {
	font-size: 17px;
	font-weight: 700
}

.price-part-2 h4 span {
	font-size: 11px
}

.price-info-3 ul li {
	font-size: 18px;
	margin: 15px 0
}

.price-part-5 .card .animation-img {
	position: absolute;
	bottom: 30%;
	left: 10%;
	right: 0;
	animation: rotate-center 5s linear infinite both
}

@media(max-width: 568px) {
	.price-part-5 .card .animation-img {
		display: none
	}
}

@keyframes rotate-center {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(360deg)
	}
}

.price-part-5 .card .img-2 {
	top: 10%;
	left: 5%
}

.price-part-5 .card .img-3 {
	top: 20%;
	left: 90%
}

.price-part-5 .card .img-4 {
	top: 90%;
	left: 90%
}

.accordion .accordion-item {
	border: none;
	border-color: rgba(189, 189, 189, .301) !important
}

.accordion .accordion-item .accordion-button {
	color: #283032;
	font-size: 16px;
	font-weight: 600;
	text-transform: capitalize;
	letter-spacing: 1px
}

.accordion .accordion-item .accordion-button:not(.collapsed) {
	background-color: #3a41c4;
	color: #f7f8ff;
	box-shadow: none
}

.accordion .accordion-item .accordion-button:not(.collapsed)::after {
	background-image: url(../images/subtract-fill.png) !important;
	filter: brightness(0) invert(1);
	opacity: .9
}

.accordion .accordion-item .accordion-button:focus {
	box-shadow: none !important
}

.accordion .accordion-item .accordion-button::after {
	background-image: url(../images/add-fill.png);
	opacity: .6
}

.accordion .accordion-body {
	font-size: 16px
}

.accordion .accordion-collapse {
	background-color: #f7f8ff;
	letter-spacing: 1px
}

.contact-box {
	box-shadow: rgba(209, 194, 194, .3) 0px 0px 10px 1px;
	background-color: #fff;
	overflow: hidden
}

@media(max-width: 991px) {
	.contact-box {
		padding: 1rem !important
	}
}

.contact-box .form-control {
	padding: 12px 16px;
	font-size: 17px;
	border-radius: 5px;
	font-weight: 600;
	border-color: #e9ecef;
	background-color: rgba(0, 0, 0, 0)
}

.contact-box .form-control:focus {
	box-shadow: none;
	background-color: #f7f8ff;
	border: 1px solid #d2d4ff
}

.contact-box .mapouter {
	position: relative;
	text-align: right;
	width: 100%;
	height: 400px
}

.contact-box .mapouter .gmap_canvas {
	overflow: hidden;
	background: none !important;
	width: 100%;
	height: 400px
}

.contact-box .mapouter .gmap_iframe {
	height: 400px !important
}

.testi-box .testi-content {
	padding: 30px;
	box-shadow: 2px 2px 10px rgba(40, 48, 50, .08);
	border-radius: 6px;
	position: relative
}

.testi-box .testi-content:after {
	content: "";
	width: 20px;
	height: 20px;
	background-color: #f7f8ff;
	position: absolute;
	bottom: -10px;
	left: 20%;
	transform: rotate(45deg);
	box-shadow: 16px 14px 17px rgba(40, 48, 50, .08)
}

.testi-box .testi-user img {
	height: 48px;
	width: 48px
}

.testi-slider .swiper-pagination-bullets {
	bottom: -10px !important
}

.testi-slider .swiper-pagination-bullets .swiper-pagination-bullet {
	width: 14px;
	height: 5px;
	border: none;
	margin: 5px 7px;
	border-radius: 20px
}

.testi-slider .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #3a41c4
}

.team-part .team-item {
	position: relative
}

.team-part .team-item img {
	max-width: 90%;
	transition: all .5s
}

.team-part .team-item img:hover {
	box-shadow: rgba(0, 0, 0, .15) 0px 15px 25px, rgba(0, 0, 0, .05) 0px 5px 10px;
	transform: translateY(-3px)
}

.team-part .team-item .social ul {
	position: absolute;
	list-style: none;
	bottom: 47px;
	right: 10px;
	background-color: #fff;
	padding: 5px 5px;
	border-radius: 5px;
	box-shadow: 0 0 10px #ccc
}

.team-part .team-item .social li a {
	display: inline-block;
	border-radius: 5px;
	background-color: #f5f5f5;
	font-size: 19px;
	padding: 2px 8px;
	margin-top: 9px;
	color: #495057;
	transition: .4s all
}

.team-part .team-item .social li a:hover {
	background-color: #3a41c4;
	color: #fff
}

.cta-app form {
	position: relative
}

.cta-app form .form-control {
	box-shadow: none;
	width: 50%;
	height: 45px;
	border: 1px solid #f7f8ff
}

@media(max-width: 991px) {
	.cta-app form .form-control {
		width: 60% !important
	}
}

.cta-app form .btn {
	padding: 7px 34px
}

.cta-app .carousel .carousel-item .carousel-image {
	padding: 350px 0
}

.cta-bg {
	background-color: #3a41c4
}

.cta-home .cta-content {
	position: absolute;
	top: 30%;
	max-width: 510px;
	margin: 0 auto;
	left: 0;
	right: 0
}

.cta-home .mobile-cta {
	position: relative;
	top: -140px
}

.cta-home .mobile-cta .cta-box-2 {
	border-radius: 10px
}

.footer-part {
	position: relative;
	background: linear-gradient(to right, #4a2097, #3a41c4)
}

.footer-part p {
	font-size: 17px
}

.footer-part li {
	margin-bottom: 10px
}

.footer-part li a {
	transition: all .5s
}

.footer-part li a:hover {
	color: #f7f8ff !important;
	margin: 5px
}

.footer-part li a:hover i {
	color: #f7f8ff !important
}

.footer-part .subscribe {
	position: relative;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px
}

.footer-part .subscribe input {
	height: 40px;
	background-color: rgba(50, 38, 158, .8588235294);
	box-shadow: none !important;
	border: none;
	padding-right: 50px;
	color: #fff
}

.footer-part .subscribe input::-moz-placeholder {
	color: rgba(255, 255, 255, .5)
}

.footer-part .subscribe input::placeholder {
	color: rgba(255, 255, 255, .5)
}

.footer-part .subscribe .submit {
	position: absolute;
	top: 0;
	right: 80px;
	font-size: 20px;
	width: 50px;
	line-height: 45px;
	text-align: center;
	color: #acacac !important
}

.footer-copyright {
	background: linear-gradient(to right, #6033b2, #343abb)
}

.footer-copyright .copy-info {
	font-size: 17px
}

.footer-icon i {
	transition: all .4s ease-in-out !important;
	--bs-icon-link-transform: translate3d(0, -0.325rem, 0);
	font-size: 20px
}

.footer-icon i:hover {
	color: #f7f8ff !important;
	text-decoration: underline
}

.footer-1 {
	background: linear-gradient(to right, #4a2097, #3a41c4)
}

.footer-1 .footer-bar {
	border-bottom: 1px solid rgba(153, 153, 153, .6);
	padding: 30px 0;
	margin-top: 60px
}

.footer-1 .footer-bar .footer-links {
	display: flex;
	justify-content: center;
	margin: 0%
}

@media(max-width: 992px) {
	.footer-1 .footer-bar .footer-links {
		justify-content: flex-start;
		flex-wrap: wrap;
		margin: 30px 0;
		padding: 0px
	}
}

@media(max-width: 992px) {
	.footer-1 .footer-bar .footer-links {
		margin-top: 50px
	}
}

@media(max-width: 992px) {
	.footer-1 .footer-bar .footer-links li {
		width: 50%;
		margin: 6px 0
	}
}

.footer-1 .footer-bar .footer-links li a {
	font-size: 16px;
	margin: 0 15px;
	font-weight: bold;
	color: #f7f8ff
}

@media(max-width: 992px) {
	.footer-1 .footer-bar .footer-links li a {
		margin: 0
	}
}

.footer-1 .footer-bar .footer-links li a:hover {
	color: rgba(255, 255, 255, .5)
}

.footer-1 .footer-bar .footer-links li a.active {
	color: rgba(255, 255, 255, .5) !important
}

.footer-1 .footer-bar .flage-icon {
	width: 25px;
	height: 25px
}

.footer-1 .footer-copywrite {
	padding: 20px 0;
	letter-spacing: 1px;
	font-size: 15px
}

.footer-1 .dropdown-toggle::after {
	border-top: .3em solid #fff
}

.footer-part-2 {
	background: linear-gradient(to right, #3036a7, #000046)
}

.footer-part-2 .footer-icon i {
	transition: all .4s ease-in-out !important;
	--bs-icon-link-transform: translate3d(0, -0.325rem, 0);
	font-size: 20px
}

.footer-part-2 .footer-icon i:hover {
	color: #fff !important;
	text-decoration: underline
}

.footer-part-2 .footer-link a {
	transition: all .4s ease-in-out;
	font-size: 17px
}

@media(max-width: 991px) {
	.footer-part-2 .footer-link a {
		border: none !important
	}
}

.footer-part-2 .footer-link a:hover {
	color: #fff !important;
	text-decoration: underline
}

.footer-copyright-2 {
	background: linear-gradient(to right, #3a41c4, #000046)
}

.footer-part-3 .footer-icon-3 ul li i:hover {
	color: #f7f8ff
}

.footer-5 {
	padding-top: 100px
}

.footer-5 .footer-main h6 {
	padding-bottom: 15px
}

.footer-5 .footer-main .button {
	border: 1px solid #515279;
	padding: 10px;
	border-radius: 10px
}

.footer-5 .footer-main .button a {
	background-color: #23a9a7;
	color: #fff;
	padding: 3px 8px;
	border-radius: 5px
}

.footer-5 .footer-main .footer-item {
	border-bottom: 1px solid #f7f8ff;
	padding: 0 0 20px 0
}

.footer-5 .footer-main .footer-item .form-button form {
	position: relative
}

.footer-5 .footer-main .footer-item .form-button input {
	padding: 13px 10px;
	box-shadow: none;
	border-color: rgba(0, 0, 0, 0)
}

.footer-5 .footer-main .footer-item .form-button a {
	background-color: #23a9a7;
	display: inline-block;
	padding: 9px 13px;
	border-radius: 10px;
	color: #fff;
	position: absolute;
	right: 0
}

.footer-5 .footer-main .footer-inner-in .icon a i {
	padding: 5px;
	margin-left: 15px;
	color: #fff;
	border-radius: 50%
}

.footer-5 .footer-main .footer-inner-in .icon a i:hover {
	background-color: #f7f8ff;
	color: #283032
}

@media(max-width: 576px) {
	footer {
		padding-top: 100px
	}

	footer .footer-main .footer-inner a {
		padding-bottom: 13px;
		display: inline-block
	}

	footer .footer-main .footer-inner-in p {
		padding-bottom: 20px
	}
}

@media(min-width: 576px) {
	footer .footer-main .footer-inner a {
		padding-bottom: 13px;
		display: inline-block
	}

	footer .footer-main .footer-inner-in p {
		padding-bottom: 16px
	}
}
.feature_list li {
    display: flex;
    align-items: start;
    gap: 5px;
}

.feature_list li .icon span {
    color: var(--bs-primary);
    font-size: 18px;
}

.feature_list li p {
    margin: 0;
    padding-top: 2px;
}
.simg {
	max-width: 100%;
	margin-top: 5px;
	margin-bottom: 15px;
}
.table {
  width: 100%;
  background: #fff; 
}
.table thead.thead-primary {
    background: #1089ff; 
}
.table thead th {
    border: none;
    padding: 20px 30px;
    font-size: 14px;
    color: #fff; 
}
.table tbody tr {
    margin-bottom: 10px;
	border-left: 4px solid #f8f9fd;	
	border-right: 4px solid #f8f9fd;	
}
.table tbody th, .table tbody td {
    border: none;
	vertical-align: middle;
    border-bottom: 4px solid #f8f9fd;
    border-top: 4px solid #f8f9fd;
    font-size: 18px; 
}
.list span {
    position: relative;
    display: block;
    padding-left: 7px;
}	
.list span:before {
    content: '';
    position: absolute;
    width: 3px;
    height: 3px;
    top: 10px;
    left: 0;
    border-radius: 50%;
    background: #3d3d3d;
}	
.bonus strong {
	display: block;
	font-family: 'Geologica', sans-serif; 
	text-transform: uppercase;
	text-align: center;
}		
.tlogo img {
	max-width:150px;
}
@media (min-width: 930px) {
.bonus strong {
    font-size: 26px;
	padding-left:20px;
	padding-right:20px;
}
.tlogo img {
	max-width:200px;
}
}

#table {
  border-collapse: collapse;
  width: 100%;
}

#table td, #table th {
  border: 1px solid #ddd;
  padding: 8px;
  color: var(--color-gray-1);
  background-color: #fff;
}

#table tr:nth-child(even){background-color: #f2f2f2;}

#table tr:hover {background-color: #ddd;}

#table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: var(--bs-primary);
  color: #fff;
}

.btn1 {
	position: relative;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	background: var(--bs-primary);
	text-transform: uppercase;
	border-radius: 0px;
	display: inline-block;
	padding: 10px 20px;
	transition: all ease .5s;
	outline-style: none;
	min-width: 120px;
}
.btn1:hover,
.btn1:focus {
	animation: borderPulse 1000ms infinite ease-out, hoverShine 200ms;
}
.btn1-sm {
	padding: 15px 25px
}
.pulse-button {
  animation: borderPulse 1000ms infinite ease-out;
}

@keyframes borderPulse {
  0% {
    box-shadow: inset 0px 0px 0px 5px rgba(255, 255, 255,.4), 0px 0px 0px 0px rgba(255,255,255,1);
  }
  100% {
    box-shadow: inset 0px 0px 0px 3px rgba(117, 117, 255,.2), 0px 0px 0px 10px rgba(255,255,255,0);
  }
}

@keyframes hoverShine {
  0%{
    background-image: linear-gradient(135deg, rgba(255,255,255,.4) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
  }
  50%{
    background-image: linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.4) 50%, rgba(255,255,255,0) 100%);
  }
  100%{
    background-image: linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,.4) 100%);
  }
}

@media only screen and (max-width: 767px) {
	.table-main td {
		display: block;
		text-align: center;		
	}
	.tlogo img {
		max-width:250px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.bonus strong {
		font-size: 22px;
	}
	.bonus {
		margin-bottom: 20px;
	}
	.table tbody tr td  {
		border: none;
	}	
	.table tbody tr  {
		border-style: solid;
		border-width: 3px;
		border-color: #3A41C4;
		box-shadow: 0 0 10px 0 #343B1D inset;
	}		
	.bbg  {
		border-bottom: 3px solid ##3A41C4;
	}	
	.table tbody tr a {
		margin-bottom: 30px;
	}
}