/*====== Include Google Font =====*/
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
/*============= Reset ======== */
*{
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
	font-size: 100%;
	line-height: inherit;
}
/* ======= Global Settings ==== */
:root {
    --black: #000;
    --white: #ffffff;
	--lightgray: #f5f5f5;
	--primaryColor: #ffd090;
	--SecondaryColor:#6865FF;
	--textColor:#545454;
	--LightPink: #FFCF91;
	--p0: 0px;--p5: 5px;--p10: 10px;--p15: 15px;--p16:16px;--p20: 20px;--p25: 25px;--p30: 30px;--p35:35px;--p40:40px;--p45:45px;--p50:50px;--p55:55px;--p60:60px;
	--mp5:-5px;--mp10:-10px;--mp15:-15px;--mp20:-20px;--mp25:-25px;--mp30:-30px;
}
html{
	scroll-behavior: smooth;
}
body {	
	font-size:var(--p16);
	color:#25283a;
	line-height:1.7em;
	font-weight:500;
	background:#ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-family: "Jost", sans-serif;
  	font-optical-sizing: auto;
}
a{
	text-decoration:none;
	cursor:pointer;
}
a:hover,
a:focus,
a:visited{
	text-decoration:none;
	outline:none;
}
h1,h2,h3,h4,h5,h6 {
	position:relative;
	font-family: "Plus Jakarta Sans", sans-serif;
	font-weight:normal;
	margin:0px;
	background:none;
}
textarea{
	overflow:hidden;	
}
button{
	outline: none !important;
	cursor: pointer;
}
p,.text{
	font-size: var(--p16);
	line-height: 1.7em;
	font-weight: 400;
	margin: 0;
	color: var(--textColor);
}
.container{
	max-width:1200px;
}
img{
	max-width: 100%;
}
ul,li{
	list-style:none;
	padding:0px;
	margin:0px;	
	color: var(--textColor);
	font-weight: 400;
}
figure{
	margin-bottom: 0;
}
.z-index {
	position: relative;
	z-index: 2;
} 
.z-index-3 {
	position: relative;
	z-index: 3;
}
.z-index-4 {
	position: relative;
	z-index: 4;
}  
.z-index-5 {
	position: relative;
	z-index: 5;
}
.z-index-6 {
	position: relative;
	z-index: 6;
}
a, .btn, button, input, select, textarea, li, img, .transition-3, h1, h2, h3, h4, h5, h6 {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

/*-- ==== Global Title ==== --*/
.default-title{
	margin-bottom: var(--p30);
}
.default-title h1{
	font-size: 28px;
    font-weight: 800;
	line-height: var(--p40);
}
.default-title p{
	font-size: 16px;
    font-weight: 400;
    margin: 0 auto;
	width: 100%;
    line-height: var(--p20);
    margin-top: var(--p20);
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.default-title h1{
		font-size: var(--p30);
		font-weight: 400;
	}
	.default-title p{
		width: 50%;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.default-title h1{
		font-size: var(--p25);
	}
}
@media only screen and (min-width: 480px) and (max-width: 575px){
	.default-title h1{
		font-size: var(--p20);
	}
}
@media only screen and (min-width: 320px) and (max-width: 479px){
	.default-title h1{
		font-size: var(--p20);
		line-height: var(--p25);
		font-weight: 600;
	}
}
/*-- ==== Global Title ==== --*/
.default-btn{
	color: var(--SecondaryColor);
	position: relative;
    padding-bottom: var(--p5);
}
.default-btn:after {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    background: var(--SecondaryColor);
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
	width: 0;
}
.default-btn:hover:after {
    width: 100%;
    left: 0;
}


/*====== Top Bar =====*/
.top-bar{
	padding:var(--p10) var(--p0);
	/*background: linear-gradient(180.21deg, #FFF9F9 -64.58%, rgba(255, 255, 255, 0.1) 115.31%), linear-gradient(90deg, #FFC368 0%, #D569E1 50%, #4164E1 100%);*/
	background: #ffffff57;
	box-shadow: 0px 0px 10px #00000017;
}
.top-bar a{
	display: block;
	text-align: center;
	color: var(--black);
	line-height: 16px;
    font-size: 12px;
}
@media(min-width:320px){
	.top-bar{
		background: linear-gradient(180.21deg, #FFF9F9 -64.58%, rgba(255, 255, 255, 0.1) 115.31%), linear-gradient(90deg, #FFC368 0%, #D569E1 50%, #4164E1 100%);
	}
}
@media(min-width:992px){
	.top-bar{
		background: #ffffff57;
	}
	.top-bar a{
		color: var(--SecondaryColor);
		line-height: 24px;
    	font-size: 16px;
	}
}

/*==== Nav Bar ====*/
.navbar{
	z-index: 5;
}
.navbar-brand{
	width: 170px;
    margin-right: var(--p40);
}
.navbar-nav .nav-link{
	padding:var(--p10) var(--p15) !important;
	margin: var(--p10) var(--p5);
	font-size: 16px;
	font-weight: 400;
	color: var(--black);
	position: relative;
 }
.dropdown .dropdown-menu{
	padding: var(--p0);
    border: none;
    background: var(--white);
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
}
.dropdown .dropdown-menu .dropdown-item{
	font-size: var(--p16);
    border-bottom: 1px solid var(--lightgray);
	transition: .5s;
}
.dropdown .dropdown-item:hover, .dropdown .dropdown-item.active, .dropdown .dropdown-item:active{
	color: var(--black);
    text-decoration: none;
    background-color: var(--primaryColor);
}
.navbar a.nav-link:after {    
	background: none repeat scroll 0 0 transparent;
	bottom: 0;
	content: "";
	display: block;
	height: 1.5px;
	left: 50%;
	position: absolute;
	background: var(--black);
	transition: width 0.3s ease 0s, left 0.3s ease 0s;
	width: 0;
  }
.navbar a.nav-link:hover:after { 
	width: 100%; 
	left: 0; 
  }
.dropdown .dropdown-toggle:after{
	display: inline-block !important;
    position: initial !important;
    background: transparent !important;
	width: auto !important;
}
.navbar-toggler{
	border: 1px solid var(--black);
    padding: 2px var(--p10);
}
.navbar-toggler:focus{
	box-shadow: 0px 0px 10px #000;
}
@media(min-width:320px){
.navbar{
	margin-top: var(--p0);
}
.navbar-nav .nav-link {
	padding: var(--p5) 0 !important;
    margin: 0;
    font-size: 16px;
    border-bottom: 1px solid #d3d3d3;
}
}
@media(min-width:768px){
	
}
@media(min-width:992px){
.navbar{
	margin-top: var(--p0);
}
.navbar-nav .nav-link {
    padding: var(--p10) var(--p15) !important;
    margin: var(--p10) var(--p5);
	border-bottom: none;
}
}

/*=========== Banner Section ============*/
.main-hero{
	margin-top: -86px;
}
.tp-hero-left-shape {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.tp-hero-gradient-bg {
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--white);
    width: 100%;
}
.tp-hero-gradient-bg img {
    background: linear-gradient(180deg, #D9D9D9 0%, rgba(217, 217, 217, 0) 55.86%);
    background-blend-mode: soft-light;
    width: 100%;
}
.main-hero-inner{
	height:100vh;
	/*background-color: linear-gradient(180.21deg, #FFF9F9 -64.58%, rgba(255, 255, 255, 0.1) 115.31%), linear-gradient(90deg, #FFC368 0%, #D569E1 50%, #4164E1 100%);*/
	/* background-image: url('../images/main-hero.jpg'); */
	border-radius: var(--p30);
	display: flex;
    align-items: center;
    justify-content: center;
	position: relative;
}
.main-hero-inner-box{
	text-align: center;
}
.main-hero-inner-box h1{
	font-size: 34px;
	font-weight: 900;
	margin-bottom: var(--p10);
	line-height: 48px;
}
.main-hero-inner-box svg{
	display: block;
}
.line1 {
	stroke: #6865ff; /* Or any color you prefer */
	stroke-width: 2; /* Adjust the width as needed */
	stroke-dasharray: 1000; /* Initial value should be large enough to cover the path length */
	stroke-dashoffset: 1000; /* Match this to stroke-dasharray */
	animation: drawLine 5s forwards; /* Adjust animation name, duration, and fill mode */
}  
@keyframes drawLine {
	to {
		stroke-dashoffset: 0;
	}
}
.main-hero-inner-box p{
	font-size: var(--p20);
    font-weight: 600;
    margin-top: var(--p10);
}
.main-hero-shape-1{
	width: 100px;
    height: 100px;
    position: absolute;
    z-index: 0;
    left: 60px;
    bottom: 60px;
}
.main-hero-shape-2{
	width: 100px;
    height: 100px;
    position: absolute;
    z-index: 0;
    right: 60px;
    top: 100px;
}
.main-hero-shape-3{
	width: 100px;
    height: 100px;
    position: absolute;
    z-index: 0;
    right: 30%;
    bottom: var(--mp30);
}
/*==== Banner icon Animation ====*/
.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
.vert-move-2 {
    -webkit-animation: action 3s infinite  alternate;
    animation: action 3s infinite  alternate;
}
@-webkit-keyframes action {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes action {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
/*==== //Banner icon Animation ====*/
.banner-bottom{
	border:none;
	background-color:var(--SecondaryColor);
	color: var(--white);
	display: inline-block;
	font-size:var(--p20);
	padding:var(--p15) 40px;
	border-radius: var(--p10);
	text-transform:capitalize;
	cursor:pointer;
	transform:all 0.3s;
	position:relative;
	margin-top: var(--p20);
}
.banner-bottom:before{
	content:"";
	position :absolute;
	width:24px;
	height:24px;
	top:var(--mp5);
	left:var(--mp5);
	border-top:2px solid var(--white);
	border-left:2px solid var(--white);
	transition:all 0.25s;
	border-top-left-radius: var(--p10);
}
.banner-bottom:hover:before ,.banner-bottom:hover:after{
	width:103.5%;
	height:115%;
	border-radius: var(--p10);
}
.banner-bottom:after{
	content:"";
	position :absolute;
	width:24px;
	height:24px;
	bottom:-5px;
	right:-5px;
	border-bottom:2px solid var(--white);
	border-right:2px solid var(--white);
	transition:all 0.30s;
	border-bottom-right-radius: var(--p10);
}
@media(min-width:320px){
.main-hero-inner-box h1 {
	font-size: 22px;
	line-height: 30px;
}
.main-hero-inner-box p {
	font-size: 14px;
    font-weight: 400;
    line-height: 20px;
	margin-top: var(--p15);
}
.main-hero-inner-box svg{
	display: none;
}
.banner-bottom{
	font-size:var(--p15);
	padding:var(--p10) 40px;
}
.main-hero-shape-1{
	display: none;
}
.main-hero-shape-3 {
    right: auto;
    bottom: var(--p0);
}
}
@media(min-width:576px){
.main-hero-inner-box h1 {
	font-size: 24px;
}
.main-hero-inner-box svg{
	display: block;
	margin: 0 auto;
}
.main-hero-inner-box p {
    font-size: var(--p16);
    font-weight: 500;
	margin-top: var(--p10);
}
.banner-bottom{
	font-size:var(--p20);
	padding:var(--p15) var(--p40);
}
.main-hero-shape-3 {
    right: 0%;
    bottom: var(--mp30);
}
.main-hero-shape-1{
	display: block;
}
}
@media(min-width:768px){
.main-hero{
	margin-top: -86px;
}
.main-hero-inner-box h1 {
    font-size: 28px;
    line-height: 40px;
}
.main-hero-inner-box p {
    font-size: var(--p20);
    font-weight: 600;
	margin-top: var(--p25);
}
}
@media(min-width:992px){
.main-hero{
	margin-top: -154px;
}
.main-hero-inner-box h1 {
    font-size: 34px;
    font-weight: 900;
    line-height: 48px;
}
.main-hero-shape-3 {
    right: 30%;
    bottom: var(--mp30);
}
}
/*=========== // Banner Section ============*/
/*==== Testimonila Section ====*/
.testimonials-area{
	padding: 3rem 0;
}
.testimonials-area-heading .default-title{
	font-size: 28px;
    font-weight: 600;
    line-height: var(--p40);
	margin-bottom: var(--p20);
}
.testimonial-area {
	position: relative;
	z-index: 2;
	padding: 50px 0;
}
.testimonial-area .owl-carousel {
	overflow: hidden;
	padding: 0 20px;
	margin: 0px -40px;
	padding-right: 40px;
}
.testimonial-area .owl-stage-outer {
	padding: 30px 50px;
	margin-left: -34px;
	width: calc(100% + 100px);
}
.single-testimonial {
	border: 2px solid var(--textColor);
	border-radius: 45px;
	position: relative;
	z-index: 2;
	margin: 5px 15px;
}
.single-testimonial p {
	color: var(--textColor);
	font-size: var(--p16);
	padding: var(--p30);
	line-height: var(--p25);
	padding-bottom: var(--p20);
	font-weight: 400;
	position: relative;
	z-index: 3;
}
.single-testimonial::before {
	content: "";
    position: absolute;
    left: -30px;
    top: -26px;
    background: url(../images/quote.png) no-repeat var(--white);
    background-size: 60%;
    width: 95px;
    height: 85px;
    transform: rotate(180deg);
    background-position: 20px 15px;
}
.single-testimonial::after {
	content: "";
    position: absolute;
    right: -20px;
    bottom: -20px;
    background: url(../images/quote.png) no-repeat var(--white);
    background-size: 60%;
    width: 100px;
    height: 90px;
    background-position: 34px 19px;
}
.single-testimonial .round {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
}
.single-testimonial .round-1::before {
	content: "";
	position: absolute;
	left: 88px;
	top: -2px;
	width: 50px;
	height: 2px;
	background: var(--textColor);
	border-radius: 30px;
}
.single-testimonial .round-1::after {
	content: "";
    position: absolute;
    left: -2px;
    top: 60px;
    width: 2px;
    height: 50px;
    background: var(--textColor);
    border-radius: 30px;
}
.single-testimonial .round-2::before {
	content: "";
    position: absolute;
    right: 87px;
    bottom: -2px;
    width: 50px;
    height: 2px;
    background: var(--textColor);
    border-radius: 30px;
    z-index: 1;
}
.single-testimonial .round-2::after {
	content: "";
    position: absolute;
    right: -2px;
    bottom: 62px;
    width: 2px;
    height: 50px;
    background: var(--textColor);
    border-radius: 30px;
    z-index: 1;
}
.client-avtar{
	padding-right: 15px;
}
.client-info {
	position: relative;
	z-index: 3;
}
.client-avtar img{
	width: 40px;
	height: 40px;
	border-radius: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.16);
	font-size: 22px;
}
.client-info {
	display: flex;
    align-items: center;
    text-align: left;
    padding: 0 var(--p30) var(--p20);
}
.client-info h6 {
	color: var(--SecondaryColor);
	font-weight: 700;
	font-size: var(--p16);
}
.client-info span {
	display: inline-block;
	color: var(--textColor);
	font-size: 12px;
	line-height: 20px;
}
#testimonials-slider .owl-nav{
	text-align: right;
	margin-right: var(--p50);
}
#testimonials-slider .owl-nav button{
	margin: var(--p0) var(--p5);
	color: var(--SecondaryColor);
	transition: .5s;
}
#testimonials-slider .owl-nav button:hover{
	color: var(--black);
}
@media(min-width:320px){
.testimonials-area{
	padding: 1rem 0;
}
.testimonials-area-heading{
	text-align: center;
}
.testimonials-area-heading .default-title {
    margin-bottom: var(--p10);
}
.testimonials-area-heading .default-title {
	font-size: var(--p20);
	line-height: var(--p30);
}
#testimonials-slider{
	margin-top: var(--p20);
}
}
@media(min-width:576px){
.testimonials-area{
	padding: 1.5rem 0;
}
.testimonials-area-heading .default-title {
	font-size: 28px;
	line-height: var(--p40);
}
}
@media(min-width:768px){
.testimonials-area{
	padding: 3rem 0;
}
.testimonials-area-heading{
	text-align: left;
}
.testimonials-area-heading .default-title {
    margin-bottom: var(--p20);
}
#testimonials-slider{
	margin-top: var(--p0);
}
}
/*==== //Testimonila Section ====*/
/*==== About Section ====*/
.about-us-section{
	background: linear-gradient(0deg, rgb(2 0 36 / 0%) 0%, rgb(9 9 121 / 0%) 35%, #f7f6fb8f 100%);
    padding: var(--p50) var(--p0) 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.about-us-section{
		padding: var(--p50) var(--p0) var(--p20);
	}
}
@media only screen and (min-width: 320px) and (max-width: 575px) {
	.about-us-section{
		padding: var(--p30) var(--p0) 0;
	}
}
.about-us__bottom-shape{
	position: absolute;
	left: 0;
	bottom: -125px;
	z-index: -1;
	width: 100%;
}
.about-us__bottom-shape img{
	width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
	.about-us__bottom-shape{
		bottom: -265px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.about-us__bottom-shape{
		bottom: -265px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.about-us__bottom-shape {
		bottom: -190px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.about-us__bottom-shape {
		bottom: -120px;
	}
}
@media only screen and (min-width: 480px) and (max-width: 575px) {
	.about-us__bottom-shape {
		bottom: -130px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
	.about-us__bottom-shape {
	  bottom: -75px;
	}
}
.about-us-section-inner .redius-shape-1 {
	height: 400px;
	width: 400px;
	background-color: var(--LightPink);
	display: inline-block;
	border-radius: 50%;
	position: absolute;
	top: 132px;
	left: 25px;
	will-change: border-radius, transform, opacity;
	animation: sliderShape 8s linear infinite;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  	.about-us-section-inner .redius-shape-1 {
    	top: 70px;
 	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.about-us-section-inner .redius-shape-1 {
		height: 200px;
		width: 200px;
		top: 135px;
		left: 0;
  	}
}
.about-us-section-inner .redius-shape-2 {
	top: 52%;
    left: 45%;
	height: 160px;
	width: 160px;
	background-color: #65CB7B;
	position: absolute;
	border-radius: 36% 64% 43% 57%/34% 45% 55% 66%;
	display: inline-block;
	will-change: border-radius, transform, opacity;
	animation: sliderShape 15s linear infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-us-section-inner .redius-shape-2 {
    	top: 32%;
		height: 150px;
		width: 150px;
  }
}
.about-us-section-inner .redius-shape-3 {
	top: 2%;
    right: 2%;
	height: 200px;
	width: 200px;
	background-color: #807DFB;
	position: absolute;
	border-radius: 50%;
	display: inline-block;
	will-change: border-radius, transform, opacity;
	animation: sliderShape 7s linear infinite;
}
.tp-hero-3-shape-5 {
	position: absolute;
    top: 21%;
    left: -13%;
    z-index: 33;
}
.tp-hero-3-shape-5 img {
transform-origin: bottom right;
animation: jumpTwo 5s infinite linear;
}
.tp-hero-3-shape-6 {
	position: absolute;
    top: 10%;
    right: -10%;
    z-index: 3;
}
.tp-hero-3-shape-6 span svg path {
	stroke: var(--black);
	stroke-dasharray: 950;
	stroke-dashoffset: 560;
}
@-webkit-keyframes jumpTwo {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	40% {
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0)
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}
@keyframes jumpTwo {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	40% {
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 40px, 0)
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}
@keyframes sliderShape {
	0%, 100% {
	  border-radius: 42% 58% 70% 30%/45% 45% 55% 55%;
	  transform: translate3d(0, 0, 0) rotateZ(0.01deg);
	}
	34% {
	  border-radius: 36% 64% 41% 59%/54% 41% 59% 46%;
	  transform: translate3d(1px, 5px, 2px) rotateZ(0.01deg);
	}
	50% {
	  transform: translate3d(0, 0, 0) rotateZ(0.01deg);
	}
	67% {
	  border-radius: 100% 60% 60% 100%/100% 100% 60% 60%;
	  transform: translate3d(-1px, -3px, -2px) rotateZ(0.01deg);
	}
}
/*==== //About Section ====*/

/*==== How to Start Section ====*/
.how-to-start-section{
	padding: 200px 0 150px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-feature__bottom-shape {
	  bottom: 22px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-feature__bottom-shape {
	bottom: 75px;
}
}
@media only screen and (min-width: 320px) and (max-width: 575px) {
.how-to-start-section{
	padding: 60px 0 50px;
}
}
@media (max-width: 767px) {
	.tp-feature__bottom-shape {
	  	bottom: 90px;
	}
}
.tp-feature__bottom-shape img {
		width: 100%;
}
.ai-data-base-presentation img{
	filter: drop-shadow(0px 0px 5px #bdbdbd);
}
@media (max-width: 767px){
.hyper-sql-icon-block img {
    width: 90px;
}
}
@media (max-width: 575px){
	.hyper-sql-icon-block img {
		width: 90px;
	}
}
.data-be-icon-holder::after {
position: absolute;
content: "";
width: 7px;
height: 7px;
background-color: var(--primaryColor);
border-radius: 50%;
top: -3px;
right: 0;
}
.data-be-icon-holder.circle-1::after {
animation: circle-animation 30s linear infinite;
}
.data-be-icon-holder.circle-2::after {
left: 0;
animation: circle-animation-2 20s linear infinite;
}
.data-be-icon-holder.circle-3::after {
animation: circle-animation 30s linear infinite;
}
.data-be-icon-holder.circle-4::after {
left: 0;
animation: circle-animation-2 20s linear infinite;
}
.data-be-icon-holder.circle-5::after {
animation: circle-animation 30s linear infinite;
}
.data-be-icon-holder.circle-6::after {
animation: circle-animation 30s linear infinite;
}
.data-be-icon-holder.circle-7::after {
left: 0;
animation: circle-animation-2 20s linear infinite;
}
.data-be-icon-holder.circle-8::after {
animation: circle-animation 30s linear infinite;
}
.data-be-icon-holder.circle-9::after {
left: 0;
animation: circle-animation-2 20s linear infinite;
}
.data-be-icon-holder.circle-10::after {
	animation: circle-animation 30s linear infinite;
}
.data-be-icon-holder.circle-11::after {
	left: 0;
	animation: circle-animation-2 20s linear infinite;
}
.data-be-icon-holder.circle-12::after {
	animation: circle-animation 30s linear infinite;
}
.data-be-icon-holder.circle-13::after {
	left: 0;
	animation: circle-animation-2 20s linear infinite;
}
.data-be-icon-holder.circle-14::after {
	animation: circle-animation 30s linear infinite;
}
.data-be-icon-holder.circle-15::after {
	left: 0;
	animation: circle-animation-2 20s linear infinite;
}
.data-be-icon-holder.circle-16::after {
	animation: circle-animation 30s linear infinite;
}
.ai-data-base-presentation {
	display: inline-block;
}
.ai-data-base-presentation-inner-line-1 {
	position: absolute;
	left: -150%;
	top: 50%;
	transform: translate(-50%) rotate(-14deg);
	text-align: center;
	display: inline-block;
	transform-origin: right center;
	height: 1px;
	width: 610px;
	background-color: var(--primaryColor);
}
.ai-data-base-presentation-inner-line-1 span {
	transform: translateY(-50%) rotate(14deg);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.ai-data-base-presentation-inner-line-1 {
	  	width: 510px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.ai-data-base-presentation-inner-line-1 {
		width: 380px;
		left: -68%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.ai-data-base-presentation-inner-line-1 {
		width: 250px;
		left: -35%;
		transform: translate(-50%) rotate(-18deg);
	}
	.ai-data-base-presentation-inner-line-1 span {
	  	transform: translateY(-50%) rotate(18deg);
	}
}
@media (max-width: 767px) {
	.ai-data-base-presentation-inner-line-1 {
		width: 140px;
		left: 25%;
	}
}
@media (max-width: 575px){
.ai-data-base-presentation-inner-line-1 {
    width: 140px;
    left: 4%;
    transform: translate(-50%) rotate(343deg);
}
}
.ai-data-base-presentation-inner-line-2 {
	position: absolute;
	left: -9%;
	top: 50%;
	transform: translate(-50%) rotate(-44deg);
	text-align: center;
	display: inline-block;
	transform-origin: right center;
	height: 1px;
	width: 190px;
	background-color: var(--primaryColor);
}
.ai-data-base-presentation-inner-line-2 span {
	transform: translateY(-50%) rotate(44deg);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.ai-data-base-presentation-inner-line-2 {
	  	width: 250px;
	  	left: -35%;
	  	transform: translate(-50%) rotate(-72deg);
	}
	.ai-data-base-presentation-inner-line-2 span {
	  	transform: translateY(-50%) rotate(72deg);
	}
}
@media (max-width: 767px) {
	.ai-data-base-presentation-inner-line-2 {
	  	width: 140px;
	  	left: 6%;
	}
  }
.ai-data-base-presentation-inner-line-3 {
	position: absolute;
	left: -74%;
	top: 50%;
	transform: translate(-50%) rotate(-24deg);
	text-align: center;
	display: inline-block;
	transform-origin: right center;
	height: 1px;
	width: 380px;
	background-color: var(--primaryColor);
}
.ai-data-base-presentation-inner-line-3 span {
	transform: translateY(-50%) rotate(24deg);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.ai-data-base-presentation-inner-line-3 {
	  	width: 250px;
	  	left: -35%;
	  	transform: translate(-50%) rotate(-51deg);
	}
	.ai-data-base-presentation-inner-line-3 span {
	  	transform: translateY(-50%) rotate(51deg);
	}
}
@media (max-width: 767px) {
	.ai-data-base-presentation-inner-line-3 {
	  	width: 140px;
	  	left: 6%;
	  	transform: translate(-50%) rotate(-43deg);
	}
	.ai-data-base-presentation-inner-line-3 img{
		width: 50px;
  	}
	.ai-data-base-presentation-inner-line-3 span {
	  	transform: translateY(-50%) rotate(43deg);
	}
}
@media (max-width: 575px){
.ai-data-base-presentation-inner-line-3 {
    width: 123px;
    left: -20%;
    transform: translate(-50%) rotate(301deg);
}
}
.ai-data-base-presentation-inner-line-4 {
	position: absolute;
	left: -90%;
	top: 50%;
	transform: translate(-50%) rotate(-2deg);
	text-align: center;
	display: inline-block;
	transform-origin: right center;
	height: 1px;
	width: 430px;
	background-color: var(--primaryColor);
}
.ai-data-base-presentation-inner-line-4 span {
	transform: translateY(-50%) rotate(2deg);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.ai-data-base-presentation-inner-line-4 {
	  	width: 250px;
	  	left: -35%;
	  	transform: translate(-50%) rotate(-9deg);
	}
	.ai-data-base-presentation-inner-line-4 span {
	  	transform: translateY(-50%) rotate(9deg);
	}
  }
@media (max-width: 767px) {
	.ai-data-base-presentation-inner-line-4 {
	  	width: 140px;
	  	left: 6%;
	}
}
.ai-data-base-presentation-inner-line-5 {
	position: absolute;
	left: -137%;
	top: 50%;
	transform: translate(-50%) rotate(10deg);
	text-align: center;
	display: inline-block;
	transform-origin: right center;
	height: 1px;
	width: 570px;
	background-color: var(--primaryColor);
}
.ai-data-base-presentation-inner-line-5 span {
	transform: translateY(-50%) rotate(-10deg);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.ai-data-base-presentation-inner-line-5 {
	  	width: 380px;
	  	left: -68%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.ai-data-base-presentation-inner-line-5 {
	  	width: 250px;
	  	left: -35%;
	  	transform: translate(-50%) rotate(14deg);
	}
	.ai-data-base-presentation-inner-line-5 span {
	  	transform: translateY(-50%) rotate(-14deg);
	}
  }
@media (max-width: 767px) {
	.ai-data-base-presentation-inner-line-5 {
	  	width: 140px;
	  	left: 28%;
	}
  }
@media (max-width: 575px) {
	.ai-data-base-presentation-inner-line-5 {
	  	left: 7%;
	}
}
.ai-data-base-presentation-inner-line-6 {
	position: absolute;
	left: -63%;
	top: 50%;
	transform: translate(-50%) rotate(26deg);
	text-align: center;
	display: inline-block;
	transform-origin: right center;
	height: 1px;
	width: 350px;
	background-color: var(--primaryColor);
}
.ai-data-base-presentation-inner-line-6 span {
	transform: translateY(-50%) rotate(-26deg);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.ai-data-base-presentation-inner-line-6 {
		width: 250px;
		left: -35%;
		transform: translate(-50%) rotate(41deg);
	}
	.ai-data-base-presentation-inner-line-6 span {
	  transform: translateY(-50%) rotate(-41deg);
	}
}
@media (max-width: 767px) {
	.ai-data-base-presentation-inner-line-6 {
	  width: 140px;
	  left: 6%;
	}
}
.ai-data-base-presentation-inner-line-7 {
	position: absolute;
	left: 6%;
	top: 50%;
	transform: translate(-50%) rotate(51deg);
	text-align: center;
	display: inline-block;
	transform-origin: right center;
	height: 1px;
	width: 140px;
	background-color: var(--primaryColor);
}
.ai-data-base-presentation-inner-line-7 span {
	transform: translateY(-50%) rotate(-51deg);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.ai-data-base-presentation-inner-line-7 {
	  width: 250px;
	  left: -35%;
	  transform: translate(-50%) rotate(63deg);
	}
	.ai-data-base-presentation-inner-line-7 span {
	  transform: translateY(-50%) rotate(-63deg);
	}
}
@media (max-width: 767px) {
	.ai-data-base-presentation-inner-line-7 {
	  width: 140px;
	  left: 6%;
	}
	.ai-data-base-presentation-inner-line-7 img{
		width: 50px;
	}
}
@media (max-width: 575px){
.ai-data-base-presentation-inner-line-7 {
    width: 140px;
    left: -10%;
}
}
.ai-data-base-presentation-inner-line-8 {
	position: absolute;
	left: 1%;
	top: 50%;
	transform: translate(-50%) rotate(130deg);
	text-align: center;
	display: inline-block;
	transform-origin: right center;
	height: 1px;
	width: 160px;
	background-color: var(--primaryColor);
}
.ai-data-base-presentation-inner-line-8 span {
	transform: translateY(-50%) rotate(-130deg);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.ai-data-base-presentation-inner-line-8 {
	  	width: 250px;
	  	left: -35%;
	  	transform: translate(-50%) rotate(90deg);
	}
	.ai-data-base-presentation-inner-line-8 span {
	  	transform: translateY(-50%) rotate(-90deg);
	}
}
@media (max-width: 767px) {
	.ai-data-base-presentation-inner-line-8 {
	  width: 140px;
	  left: 6%;
	}
}
.ai-data-base-presentation-inner-line-9 {
	position: absolute;
	left: -73%;
	top: 50%;
	transform: translate(-50%) rotate(150deg);
	text-align: center;
	display: inline-block;
	transform-origin: right center;
	height: 1px;
	width: 380px;
	background-color: var(--primaryColor);
}
.ai-data-base-presentation-inner-line-9 span {
	transform: translateY(-50%) rotate(-150deg);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.ai-data-base-presentation-inner-line-9 {
	  width: 250px;
	  left: -35%;
	  transform: translate(-50%) rotate(116deg);
	}
	.ai-data-base-presentation-inner-line-9 span {
	  transform: translateY(-50%) rotate(-116deg);
	}
}
@media (max-width: 767px) {
	.ai-data-base-presentation-inner-line-9 {
	  width: 140px;
	  left: 6%;
	  transform: translate(-50%) rotate(99deg);
	}
	.ai-data-base-presentation-inner-line-9 img{
		width: 50px;
	  }
	.ai-data-base-presentation-inner-line-9 span {
	  transform: translateY(-50%) rotate(-99deg);
	}
}
@media (max-width: 575px) {
	.ai-data-base-presentation-inner-line-9 {
		width: 140px;
		left: -24%;
		transform: translate(-50%) rotate(105deg);
	}
	.ai-data-base-presentation-inner-line-9 img{
		width: 50px;
	  }
	.ai-data-base-presentation-inner-line-9 span {
	  transform: translateY(-50%) rotate(-99deg);
	}
}
.ai-data-base-presentation-inner-line-10 {
	position: absolute;
	left: -146%;
	top: 50%;
	transform: translate(-50%) rotate(160deg);
	text-align: center;
	display: inline-block;
	transform-origin: right center;
	height: 1px;
	width: 600px;
	background-color: var(--primaryColor);
}
.ai-data-base-presentation-inner-line-10 span {
	transform: translateY(-50%) rotate(-160deg);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.ai-data-base-presentation-inner-line-10 {
	  width: 380px;
	  left: -68%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.ai-data-base-presentation-inner-line-10 {
	  width: 250px;
	  left: -35%;
	  transform: translate(-50%) rotate(142deg);
	}
	.ai-data-base-presentation-inner-line-10 span {
	  transform: translateY(-50%) rotate(-142deg);
	}
}
@media (max-width: 767px) {
	.ai-data-base-presentation-inner-line-10 {
	  width: 140px;
	  left: 6%;
	}
}
.ai-data-base-presentation-inner-line-11 {
	position: absolute;
	left: -89%;
	top: 50%;
	transform: translate(-50%) rotate(170deg);
	text-align: center;
	display: inline-block;
	transform-origin: right center;
	height: 1px;
	width: 430px;
	background-color: var(--primaryColor);
}
.ai-data-base-presentation-inner-line-11 span {
	transform: translateY(-50%) rotate(-170deg);
}@media only screen and (min-width: 768px) and (max-width: 991px) {
	.ai-data-base-presentation-inner-line-11 {
	  width: 250px;
	  left: -35%;
	  transform: translate(-50%) rotate(160deg);
	}
	.ai-data-base-presentation-inner-line-11 span {
	  transform: translateY(-50%) rotate(-160deg);
	}
}
@media (max-width: 767px) {
	.ai-data-base-presentation-inner-line-11 {
	  width: 140px;
	  left: -5%;
	  transform: translate(-50%) rotate(148deg);
	}
	.ai-data-base-presentation-inner-line-11 img{
		width: 50px;
	  }
	.ai-data-base-presentation-inner-line-11 span {
	  transform: translateY(-50%) rotate(-148deg);
	}
}
@media (max-width: 575px) {
	.ai-data-base-presentation-inner-line-11 {
	  width: 140px;
	  left: -50%;
	  top:66%;
	  transform: translate(-50%) rotate(148deg);
	}
	.ai-data-base-presentation-inner-line-11 img{
		width: 50px;
	  }
	.ai-data-base-presentation-inner-line-11 span {
	  transform: translateY(-50%) rotate(-148deg);
	}
}
.ai-data-base-presentation-inner-line-12 {
	position: absolute;
	left: -146%;
	top: 50%;
	transform: translate(-50%) rotate(180deg);
	text-align: center;
	display: inline-block;
	transform-origin: right center;
	height: 1px;
	width: 600px;
	background-color: var(--primaryColor);
}
.ai-data-base-presentation-inner-line-12 span {
	transform: translateY(-50%) rotate(-180deg);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.ai-data-base-presentation-inner-line-12 {
	  width: 560px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.ai-data-base-presentation-inner-line-12 {
	  width: 380px;
	  left: -68%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.ai-data-base-presentation-inner-line-12 {
	  width: 250px;
	  left: -35%;
	}
}
@media (max-width: 767px) {
	.ai-data-base-presentation-inner-line-12 {
	  width: 140px;
	  left: 6%;
	}
}
.ai-data-base-presentation-inner-line-13 {
	position: absolute;
	left: -45%;
	top: 50%;
	transform: translate(-50%) rotate(190deg);
	text-align: center;
	display: inline-block;
	transform-origin: right center;
	height: 1px;
	width: 300px;
	background-color: var(--primaryColor);
}
.ai-data-base-presentation-inner-line-13 span {
	transform: translateY(-50%) rotate(-190deg);
}
.ai-data-base-presentation-inner-line-13 img {
	box-shadow: 0px 10px 50px rgba(32, 33, 36, 0.1);
	border-radius: 50%;}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.ai-data-base-presentation-inner-line-13 {
	  width: 250px;
	  left: -35%;
	  transform: translate(-50%) rotate(198deg);
	}
	.ai-data-base-presentation-inner-line-13 span {
	  transform: translateY(-50%) rotate(-198deg);
	}
}
@media (max-width: 767px) {
	.ai-data-base-presentation-inner-line-13 {
	  width: 140px;
	  left: -18%;
	  
	}
	.ai-data-base-presentation-inner-line-13 img{
		width:50px;
	}
}
@media (max-width: 575px) {
	.ai-data-base-presentation-inner-line-13 {
		width: 140px;
		left: -62%;
		top: 50%;
	}
	.ai-data-base-presentation-inner-line-13 img{
		width:50px;
	}
}
.ai-data-base-presentation-inner-line-14 {
	position: absolute;
	left: -129%;
	top: 50%;
	transform: translate(-50%) rotate(199deg);
	text-align: center;
	display: inline-block;
	transform-origin: right center;
	height: 1px;
	width: 550px;
	background-color: var(--primaryColor);
}
.ai-data-base-presentation-inner-line-14 span {
	transform: translateY(-50%) rotate(-199deg);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.ai-data-base-presentation-inner-line-14 {
		width: 380px;
		left: -68%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.ai-data-base-presentation-inner-line-14 {
		width: 250px;
		left: -35%;
		transform: translate(-50%) rotate(215deg);
	}
	.ai-data-base-presentation-inner-line-14 span {
	  	transform: translateY(-50%) rotate(-215deg);
	}
}
@media (max-width: 767px) {
	.ai-data-base-presentation-inner-line-14 {
		width: 140px;
		left: 6%;
	}
}
.ai-data-base-presentation-inner-line-15 {
	position: absolute;
	left: -70%;
	top: 50%;
	transform: translate(-50%) rotate(211deg);
	text-align: center;
	display: inline-block;
	transform-origin: right center;
	height: 1px;
	width: 370px;
	background-color: var(--primaryColor);
}
.ai-data-base-presentation-inner-line-15 span {
	transform: translateY(-50%) rotate(-211deg);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.ai-data-base-presentation-inner-line-15 {
		width: 250px;
		left: -35%;
		transform: translate(-50%) rotate(236deg);
	}
	.ai-data-base-presentation-inner-line-15 span {
	 	transform: translateY(-50%) rotate(-236deg);
	}
}
@media (max-width: 767px) {
	.ai-data-base-presentation-inner-line-15 {
		width: 140px;
		left: 6%;
		transform: translate(-50%) rotate(236deg);
	}
	.ai-data-base-presentation-inner-line-15 img{
		width:50px;
	}
	.ai-data-base-presentation-inner-line-15 span {
	  	transform: translateY(-50%) rotate(-236deg);
	}
}
@media (max-width: 575px) {
	.ai-data-base-presentation-inner-line-15 img{
		width:50px;
	}
	.ai-data-base-presentation-inner-line-15 {
		width: 140px;
		left: -20%;
		transform: translate(-50%) rotate(236deg);
	}
}
.ai-data-base-presentation-inner-line-16 {
	position: absolute;
	left: -3%;
	top: 50%;
	transform: translate(-50%) rotate(228deg);
	text-align: center;
	display: inline-block;
	transform-origin: right center;
	height: 1px;
	width: 170px;
	background-color: var(--primaryColor);
}
.ai-data-base-presentation-inner-line-16 span {
	transform: translateY(-50%) rotate(-228deg);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.ai-data-base-presentation-inner-line-16 {
		width: 250px;
		left: -35%;
		transform: translate(-50%) rotate(273deg);
	}
	.ai-data-base-presentation-inner-line-16 span {
	  	transform: translateY(-50%) rotate(-273deg);
	}
}
@media (max-width: 767px) {
	.ai-data-base-presentation-inner-line-16 {
		width: 140px;
	  	left: 6%;
	  	transform: translate(-50%) rotate(276deg);
	}
	.ai-data-base-presentation-inner-line-16 span {
	  	transform: translateY(-50%) rotate(-273deg);
	}
}
@media (max-width: 575px){
.ai-data-base-presentation-inner-line-16 {
	width: 140px;
    left: -23%;
    transform: translate(-50%) rotate(270deg);
}
}
.ai-data-base-presentation-inner-line-1 span, .ai-data-base-presentation-inner-line-2 span, .ai-data-base-presentation-inner-line-3 span, .ai-data-base-presentation-inner-line-4 span, .ai-data-base-presentation-inner-line-5 span, .ai-data-base-presentation-inner-line-6 span, .ai-data-base-presentation-inner-line-7 span, .ai-data-base-presentation-inner-line-8 span, .ai-data-base-presentation-inner-line-9 span, .ai-data-base-presentation-inner-line-10 span, .ai-data-base-presentation-inner-line-11 span, .ai-data-base-presentation-inner-line-12 span, .ai-data-base-presentation-inner-line-13 span, .ai-data-base-presentation-inner-line-14 span, .ai-data-base-presentation-inner-line-15 span, .ai-data-base-presentation-inner-line-16 span {
	position: absolute;
	left: -40px;
	top: 50%;
}
.ai-data-base-presentation-inner-line-1 span:hover img, .ai-data-base-presentation-inner-line-2 span:hover img, .ai-data-base-presentation-inner-line-3 span:hover img, .ai-data-base-presentation-inner-line-4 span:hover img, .ai-data-base-presentation-inner-line-5 span:hover img, .ai-data-base-presentation-inner-line-6 span:hover img, .ai-data-base-presentation-inner-line-7 span:hover img, .ai-data-base-presentation-inner-line-8 span:hover img, .ai-data-base-presentation-inner-line-9 span:hover img, .ai-data-base-presentation-inner-line-10 span:hover img, .ai-data-base-presentation-inner-line-11 span:hover img, .ai-data-base-presentation-inner-line-12 span:hover img, .ai-data-base-presentation-inner-line-13 span:hover img, .ai-data-base-presentation-inner-line-14 span:hover img, .ai-data-base-presentation-inner-line-15 span:hover img, .ai-data-base-presentation-inner-line-16 span:hover img {
	transform: scale(1.1);
}
.how-to-start-section__wrapper {
	padding-top: 140px;
	padding-bottom: 150px;
}
@media (max-width: 767px) {
	.how-to-start-section__wrapper {
		padding-top: 130px;
	}
}
@keyframes circle-animation {
	0% {
		right: 0;
	}
	50% {
		right: 100%;
	}
	100% {
		right: 0%;
	}
}
@keyframes circle-animation-2 {
	0% {
		left: 0;
	}
	50% {
		left: 100%;
	}
	100% {
		left: 0%;
	}
}
/*==== //How to Start Section ====*/

/*=== How It's Work ===*/
@media (max-width: 767px) {
	.how-its-work-section {
	  padding-top: 40px;
	  padding-bottom: 0px;
	}
}
.how-its-work-main-img {
	padding-right: 40px;
	animation: scale_up_down 3s infinite alternate both;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.how-its-work-main-img {
	 	padding-right: 0;
	}
}
.how-its-work-main-img img {
	box-shadow: 0px 16px 20px 10px rgba(1, 16, 61, 0.1);
	border-radius: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.how-its-work-image {
	  	margin-bottom: 150px;
	}
}
@media (max-width: 767px) {
	.how-its-work-image {
	  	margin-bottom: 30px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.how-its-work-image {
	  	margin-bottom: 140px;
	}
  }
.how-its-work-sub-img-1 {
	position: absolute;
	bottom: -37%;
	left: 42%;
	animation: tptranslateY2 4s forwards infinite alternate;
}
.how-its-work-sub-img-1 img {
	box-shadow: 10px 40px 40px rgba(1, 16, 61, 0.06), -20px -20px 120px rgba(1, 16, 61, 0.12);
	border-radius: 20px;
}
.how-its-work-sub-img-2 {
	position: absolute;
	top: -24%;
	left: 5%;
	animation: tptranslateX2 4s forwards infinite alternate;
}
@media (max-width: 767px) {
	.how-its-work-sub-img-2 {
		padding-top: 80px;
	}
}
.how-its-work-sub-img-2 img {
	box-shadow: 10px 40px 40px rgba(1, 16, 61, 0.06), -20px -20px 120px rgba(1, 16, 61, 0.12);
	border-radius: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.how-its-work-sub-img-2 {
	  top: -35%;
	  left: 0%;
	}
}
.how-its-work-sub-img-3 {
	position: absolute;
	bottom: -27%;
	left: 4%;
}
.how-its-work-sub-img-3 img {
	height: 170px;
	width: 150px;
}
  .how-its-work-bg-shape {
	position: absolute;
	top: -41%;
	right: -4px;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.how-its-work-bg-shape {
	  right: 0px;
	}
  }
.how-its-work-right {
	padding-left: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px){
.how-its-work-right  {
    padding-left: 0px;
}
}
@keyframes scale_up_down {
	0% {
	  -webkit-transform: scale(0.9);
	  transform: scale(0.9);
	}
	100% {
	  -webkit-transform: scale(1);
	  transform: scale(1);
	}
}
@keyframes tptranslateX2 {
	0% {
	  -webkit-transform: translateX(-30px);
	  -moz-transform: translateX(-30px);
	  -ms-transform: translateX(-30px);
	  -o-transform: translateX(-30px);
	  transform: translateX(-30px);
	}
	100% {
	  -webkit-transform: translatXY(20px);
	  -moz-transform: translateX(20px);
	  -ms-transform: translateX(20px);
	  -o-transform: translateX(20px);
	  transform: translateX(20px);
	}
  }
@keyframes tptranslateY2 {
	0% {
	  -webkit-transform: translateY(-30px);
	  -moz-transform: translateY(-30px);
	  -ms-transform: translateY(-30px);
	  -o-transform: translateY(-30px);
	  transform: translateY(-30px);
	}
	100% {
	  -webkit-transform: translateY(20px);
	  -moz-transform: translateY(20px);
	  -ms-transform: translateY(20px);
	  -o-transform: translateY(20px);
	  transform: translateY(20px);
	}
}

/*====== work-section-2 ========*/
.work-section-2{
	background: #F7F7F9;
	padding: 0 0 150px;
	margin-top: 50px;
}

/*======= Advertisement Section =========*/
.adver-section{
	margin-top: -100px;
    padding-bottom: var(--p40);
}
.adver-inner{
	padding:50px;
	background: #fae9ef;
	border-radius: 30px;
}
.adver-inner h1{
	font-size: var(--p35);
	font-weight: 700;
}
.adver-inner p{
	font-size: 18px;
	margin: var(--p10) 0 var(--p0);
}
/*======= //Advertisement Section =========*/
/*======= Logo Carousel section =======*/
.logo-carousel-section{
	padding-bottom: var(--p50);
}
.item-img{
	box-shadow: 0px 0px 10px #bdbdbd;
    padding: 10px;
    margin: 10px 10px;
    border-radius: 15px;
}
.item-img img{
	aspect-ratio: 3/2;
	object-fit: contain;
	width: 100%;
	height:55px;
}

/*====== Footer ========*/
.footer{
	background: #e7e7e7;
    padding: var(--p30) 0;
}
.footer-links{
	text-align: right;
}
.footer-links ul li{
	list-style: none;
	display: inline-block;
	margin-left: 10px;
	border-right: 1px solid #bfbfbf;
}
.footer-links ul li a{
	color: var(--black);
    display: inline-block;
    padding: 0 10px 0 0;
}
.footer-links ul li a:hover{
	color: var(--textColor);
}
.footer-links ul li:last-child{
	border-right:none;
}
.footer-links ul li:last-child a{
	padding: 0;
}
/*====== //Footer ========*/

/*====== breadcrumb-area-start ========*/
.breadcrumb__area{
	background: url("../images/hero-gradient-3.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: -130px;
}
.breadcrumb__shape-1 {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}
.breadcrumb__shape-2 {
	position: absolute;
	top: 0;
	right: 0;
}
.breadcrumb__sub-img {
	position: absolute;
	top: 35px;
	right: -5px;
}
.breadcrumb-height {
	padding-top: 115px;
	padding-bottom: 35px;
}
.breadcrumb__content {
	margin-top: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.breadcrumb__content {
	  	transform: translateY(20px);
	}
}
@media (max-width: 767px) {
	.breadcrumb__content {
	  	margin-bottom: var(--p30);
		margin-top: var(--p25);
	}
}
.breadcrumb__img {
	display: inline-block;
}
.breadcrumb__title {	
	font-size: var(--p60);
	font-weight: 800;
	padding-bottom: 12px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.breadcrumb__title {
	  	font-size: var(--p50);
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.breadcrumb__title {
	  	font-size: var(--p40);
	}
}
@media (max-width: 767px) {
	.breadcrumb__title {
	  	font-size: var(--p40);
	  	line-height: 1.2;
	}
}
@media (max-width: 575px) {
	.breadcrumb__title {
	  	font-size: var(--p30);
	  	line-height: 1.2;
	}
}
@media (max-width: 480px) {
	.breadcrumb__title {
	  	font-size: var(--p25);
	  	line-height: 1.2;
	}
}
.breadcrumb__list {
	display: inline-block;
}
.breadcrumb__list span {
	font-weight: 600;
	font-size: var(--p15);
	line-height: var(--p25);
	color: var(--textColor);
}
.breadcrumb__list span a{
	color: inherit;
}
.breadcrumb__list span a:hover{
	color: var(--primaryColor);
}
@media (max-width: 767px) {
	.breadcrumb__list span {
	  	font-size: var(--p15);
	}
}
.breadcrumb__list span.child-one {
	color: var(--SecondaryColor);
	font-weight: 400;
}
.breadcrumb__list span.dvdr i {
	/* font-weight: 400; */
	font-size: var(--p15);
	color: var(--SecondaryColor);
	padding: 0px 8px;
	transform: translateY(1px);
}
/*====== breadcrumb-area-end ========*/

/*======= FAQ Area Start =====*/
.tp-faq-area{
	padding: var(--p20) 0 var(--p40);
}
.tp-faq-img img{
	border-radius: 0 !important;
	animation: sliderShape 8s linear infinite;
}
.tp-custom-accordion .accordion-items {
	border-bottom: 1px solid #EBECF0;
	padding: var(--p0) var(--p20);
	position: relative;
	transition: 0.3s;
}
.tp-custom-accordion .accordion-items.tp-faq-active {
	box-shadow: 0px 20px 20px rgba(3, 4, 28, 0.08);
	border-radius: 0 0 var(--p20) var(--p20);
}
.tp-custom-accordion .accordion-items.boxsadow {
	box-shadow: none;
	border-radius: none;
}
.tp-custom-accordion .accordion-buttons {
	background: transparent;
	position: relative;
	width: 100%;
	font-weight: 600;
	font-size: var(--p20);
	line-height: var(--p20);
	font-family: "Plus Jakarta Sans", sans-serif;
	text-align: left;
	padding: var(--p35) 0;
}
@media (max-width: 767px) {
	.tp-custom-accordion .accordion-buttons {
	  	font-size: 14px;
	}
}
.tp-custom-accordion .accordion-buttons .accordion-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	display: inline-block;
	width: var(--p25);
	height: var(--p25);
	border: 1px solid #C0C2C8;
	border-radius: 50%;
	transition: 0.3s;
}
.tp-custom-accordion .accordion-buttons .accordion-btn::after {
	position: absolute;
	content: "";
	width: 12px;
	height: 2px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background-color: #525258;
	border-radius: 2px;
}
.tp-custom-accordion .accordion-buttons .accordion-btn::before {
	position: absolute;
	content: "";
	width: 2px;
	height: 12px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background-color: #525258;
	border-radius: 2px;
	transition: 0.4s;
}
.tp-custom-accordion .accordion-buttons:not(.collapsed) {
	padding-bottom: 22px;
}
.tp-custom-accordion .accordion-buttons:not(.collapsed) .accordion-btn {
	border-color: var(--tp-common-black);
}
.tp-custom-accordion .accordion-buttons:not(.collapsed) .accordion-btn::before {
	transform: translate(-50%, -50%) rotate(90deg);
}
.tp-custom-accordion .accordion-body {
	padding: 0px 0 40px 0;
	font-style: normal;
	font-weight: 400;
	font-size: var(--p16);
	line-height: 24px;
	padding-right: var(--p35);
}
@media (max-width: 767px) {
	.tp-custom-accordion .accordion-body {
		font-size: 13px;
		padding-right: 0;
	}
}

/*=========== About Us Section ========*/
.ab-company-area{
	padding: var(--p60) 0;
	background: #f9f9f9;
}
@media (max-width: 767px){
	.ab-company-area{
		padding: var(--p30) 0;
	}
}
.ab-company-section-space {
	margin-bottom: var(--p40);
}
.ab-company-section-box h4{
	font-family: "Jost", sans-serif;
	font-weight: 500;
    font-size: var(--p15);
    color: var(--SecondaryColor);
    padding-bottom: var(--p10);
    display: inline-block;
    text-transform: uppercase;
}
.ab-company-section-box h3{
	font-size: var(--p40);
    font-weight: 800;
    line-height: var(--p50);
}
.ab-company-section-text p{
	margin-bottom: var(--p10);
}
@media(min-width:320px){
	.ab-company-section-box{
		margin-bottom: var(--p15);
	}
	.ab-company-section-box h3 {
		font-size: var(--p20);
		font-weight: 600;
		line-height: var(--p25);
	}
}
@media(min-width:576px){
	.ab-company-section-box h3 {
		font-size: var(--p25);
		font-weight: 700;
		line-height: var(--p30);
	}
}
@media(min-width:768px){
	.ab-company-section-box h3 {
		font-size: var(--p30);
		font-weight: 700;
		line-height: var(--p40);
	}
}
@media(min-width:992px){
	.ab-company-section-box h3 {
		font-size: var(--p40);
		font-weight: 800;
		line-height: var(--p50);
	}
}
@media(min-width:1200px){
	.ab-company-section-box{
		margin-bottom: 0;
	}
}
.ab-company-fun-fact span {
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 0.04em;
	color: #B2B2B8;
	padding-bottom: var(--p10);
	display: inline-block;
}
.ab-company-fun-fact h4 {
	font-weight: 700;
	font-size: var(--p45);
	line-height: 36px;
	color: #080829;
	padding-bottom: 5px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.ab-company-fun-fact h4 {
	  font-size: var(--p30);
	}
}
.ab-company-fun-fact h4 em {
	font-weight: 400;
	font-size: var(--p30);
	line-height: var(--p35);
	color: var(--SecondaryColor);
	font-style: normal;
}
.ab-company-fun-fact p {
	font-weight: 500;
	font-size: var(--p16);
	line-height: var(--p15);
	color: #5F6168;
}
.ab-company-fun-fact-wrap {
	border-right: 1px solid rgba(8, 8, 41, 0.1);
	text-align: center;
}
@media (max-width: 767px) {
	.ab-company-fun-fact-wrap {
		border-right: 0;
		border-bottom: 1px solid rgba(8, 8, 41, 0.1);
		text-align: center;
		padding: 30px;
	}
}
.ab-company-border-none {
	border-right: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
	.ab-company-section-space {
		margin-bottom: var(--p30);
	}
}
@media (max-width: 767px) {
	.ab-company-section-space {
		margin-bottom: var(--p20);
	}
}
/*---- Brand Area -----*/
.ab-brand-area{
	padding: var(--p60) 0;
}
@media (max-width: 767px){
	.ab-brand-area{
		padding: var(--p30) 0;
	}
}
.ab-brand-item{
	box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.06);
	border-radius: 8px;
	margin-bottom: var(--p25);
	padding: var(--p20) var(--p15);
}
.ab-brand-item img {
	aspect-ratio: 3 / 2;
    object-fit: contain;
    width: 100%;
    height: 55px;
}
.ab-brand-border-bottom {
	border-bottom: 1px solid rgba(8, 8, 41, 0.1);
	padding-bottom: var(--p60);
}
@media (max-width: 767px){
	.ab-brand-border-bottom {
		padding-bottom: var(--p30);
	}
}
/*---- Brand Area -----*/
/*----- Team Area ---*/
.tp-team-area{
	padding:0 0 var(--p50);
}
@media (max-width: 767px){
	.tp-team-area{
		padding:0 0 var(--p20);
	}
}
.tp-team-img {
	margin-bottom: var(--p20);
}
.tp-team-img img {
	mix-blend-mode: luminosity;
}
.tp-team-title-sm a{
	font-weight: 700;
	font-size: var(--p20);
	line-height: var(--p25);
	color: var(--SecondaryColor);
}
.tp-team-title-sm a:hover {
	color: var(--primaryColor);
}
.tp-team-content {
	margin-bottom: var(--p15);
} 
.tp-team-social a {
	color: var(--white);
	opacity: 0.8;
	font-size: 15px;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	text-align: center;
	line-height: 40px;
	display: inline-block;
	position: relative;
	transition: 0.4s;
  }
.tp-team-social a span {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: var(--primaryColor);
	box-shadow: 0px 20px 40px rgba(9, 11, 65, 0.3);
	border-radius: 50%;
	z-index: -1;
	transform: scale(0.5);
	opacity: 0;
	visibility: hidden;
	transition: 0.4s;
}
.tp-team-social a:hover {
	opacity: 1;
}
.tp-team-social a:hover span {
	opacity: 1;
	visibility: visible;
	transform: scale(1.2);
}
.tp-team-border-right {
	border-right: 1px solid rgba(255, 255, 255, 0.1);
	position: relative;
}
.tp-team-border-right::after {
	position: absolute;
	bottom: 0;
	right: -1px;
	width: 1px;
	height: 24px;
	background-color: var(--SecondaryColor);
	content: "";
	animation: scroll1 15s forwards infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-team-border-right {
	  	border-right: 0;
	}
}
.tp-team-border-right.tp-border-after-2::after {
	animation: scroll1 20s infinite;
}  
.tp-team-social .icon-color-2 span {
	background: linear-gradient(225.09deg, #8000FF 6.72%, #D50087 54.13%, #FFD600 93.85%);
	box-shadow: 0px 20px 40px rgba(9, 11, 65, 0.3);
}
.tp-team-social .icon-color-3 span {
	background: var(--SecondaryColor);
	box-shadow: 0px 20px 40px rgba(9, 11, 65, 0.3);
}
.tp-team-social .icon-color-4 span {
	background: var(--SecondaryColor);
	box-shadow: 0px 20px 40px rgba(9, 11, 65, 0.3);
}  
.tp-team-area .container .row .tp-team-border-right:last-child {
	border-right: 0;
}
.tp-team-area .container .row .tp-team-border-right:last-child::after {
	display: none;
}
  
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-team-section-box {
		margin-bottom: 40px;
	}
}  
.team-inner-border-right {
	border-right: 1px solid rgba(8, 8, 41, 0.08);
	position: relative;
}
.team-inner-border-right::after {
	position: absolute;
	bottom: 0;
	right: -1px;
	width: 1px;
	height: 24px;
	background-color: var(--SecondaryColor);
	content: "";
	animation: scroll1 15s forwards infinite;
}
.team-inner-border-right .tp-team-content span {
	font-size: var(--p15);
	color: var(--textColor);
	opacity: 0.7;
}
.team-inner-border-right .tp-team-social a {
	color: var(--primaryColor);
}
.team-inner-border-right .tp-team-social a:hover {
	color: var(--white);
}
.tp-team-item {
	transition: 0.4s;
}
.tp-team-item .tp-team-img {
	background-color: var(--SecondaryColor);
	border-radius: 50%;
	width: 180px;
	height: 180px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.tp-team-item .tp-team-img img {
	mix-blend-mode: luminosity;
	border-radius: 100px;
	transform: translateY(15px);
}
.tp-team-item:hover .tp-team-img img {
	mix-blend-mode: normal;
}
@keyframes scroll1 {
	0% {
	  top: 0%;
	}
	50% {
	  top: 95%;
	}
	100% {
	  top: 0%;
	}
}
/*===== About Us End ====*/

/*===== Contact Us ===*/
.contact-form-area{
	padding: var(--p30) 0 80px;
}
@media (max-width: 767px) {
	.contact-form-area{
		padding: var(--p30) 0 var(--p30);
	}
}
@media (max-width: 991px) {
	.contact-form-area{
		padding: var(--p30) 0 var(--p40);
	}
}
.contact-form-social-item {
	padding-bottom: var(--p40);
	border-bottom: 1px solid #E5E5E5;
  }
  .contact-form-social-item a {
	height: 36px;
	width: 36px;
	border-radius: 50%;
	text-align: center;
	line-height: 34px;
	border: 1px solid #E5E5E5;
	display: inline-block;
	font-size: 14px;
	transition: 0.3s;
	margin-right: 6px;
	color: inherit;
  }
  .contact-form-social-item a:hover {
	background-color: var(--SecondaryColor);
	border-color: var(--SecondaryColor);
	color: var(--white);
  }
  .contact-form-section-img {
	position: absolute;
	top: var(--mp30);
	right: var(--p50);
  }
@media (max-width: 767px) {
	.contact-form-section-img {
	 	right: 0;
	}
}
.contact-form-right-warp {
	padding: 0px 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.contact-form-right-warp {
		padding: 0px 35px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.contact-form-right-warp {
	  	padding: 0;
	}
}
@media (max-width: 767px) {
	.contact-form-right-warp {
	  	padding: 0;
	}
}

.postbox__comment-input {
	position: relative;
	margin-bottom: var(--p25);
}
.postbox__comment-input .inputText {
    border-radius: 12px;
    padding: 0px 20px;
    font-size: 14px;
    width: 100%;
    height: 55px;
    border: 0;
    outline: 0;
    font-weight: 500;
    font-size: 15px;
    color: var(--textColor);
    box-shadow: inset 0 0 0 1px #E5E5E5;
    transition: box-shadow 0.3s cubic-bezier(0.3, 0, 0, 0.3);
    color: var(--textColor);
}
.postbox__comment-input .textareaText{
	border-radius: 12px;
	padding: 20px;
	font-size: 14px;
	width: 100%;
	height: 160px;
	resize: none;
	border: 0;
	outline: 0;
	font-weight: 500;
	font-size: 15px;
	color: #87888A;
	box-shadow: inset 0 0 0 1px #E5E5E5;
	transition: box-shadow 0.3s cubic-bezier(0.3, 0, 0, 0.3);
	color: var(--tp-common-black);
}
.postbox__comment-input .inputText:focus {
    box-shadow: 0px 1px 2px 1px rgba(32, 33, 36, 0.06), inset 0 0 0 2px var(--SecondaryColor);
}
.postbox__comment-input .floating-label {
    position: absolute;
    pointer-events: none;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.2s ease all;
}
.postbox__comment-input .floating-label-2 {
    position: absolute;
    pointer-events: none;
    left: 20px;
    top: 20px;
    transition: 0.2s ease all;
}
.postbox__comment-input input:focus ~ .floating-label, .postbox__comment-input input:not(:focus):valid ~ .floating-label {
	top: 0;
	left: 20px;
	font-size: 15px;
	font-weight: 500;
	color: var(--SecondaryColor);
	background-color: var(--white);
	padding: 0px 4px;
}
.postbox__comment-input textarea:focus ~ .floating-label-2, .postbox__comment-input textarea:not(:focus):valid ~ .floating-label-2 {
	top: -9px;
	left: 20px;
	font-size: 15px;
	font-weight: 500;
	color: var(--SecondaryColor);
	background-color: var(--white);
	padding: 0px 4px;
}
.postbox__comment-input .textareaText:focus{
	box-shadow: 0px 1px 2px 1px rgba(32, 33, 36, 0.06), inset 0 0 0 2px var(--SecondaryColor);
}
.submit-btn {
    background-color: var(--SecondaryColor);
    text-align: center;
    height: var(--p55);
    padding: 0px var(--p20);
    display: inline-block;
    line-height: var(--p55);
    color: var(--white);
    font-weight: 500;
    font-size: var(--p16);
	border-radius: var(--p10);
}
/*==== Contact us End ===*/

/*==== Pricing Section ====*/
.tp-price__btn-box {
	display: inline-block;
}
.tp-price__btn-bg {
	background: var(--white);
	box-shadow: 0px 1px 1px rgba(18, 20, 32, 0.14);
	border-radius: var(--p50);
	position: relative;
	overflow: hidden;
}
@media (max-width: 767px) {
	.tp-price__btn-bg {
	  	transform: translateY(var(--p40));
	}
}
.tp-price__btn-bg button {
	font-weight: 700;
	font-size: 14px;
	line-height: 14px;
	color: #222;
	position: relative;
	z-index: 999;
	padding: 18px 30px;
	transition: 0.3s;
}
.tp-price__btn-bg button.active {
	color: var(--white);
	background-color: var(--SecondaryColor);
}
.tp-price__btn-bg button.monthly.active ~ .test {
	transform: translateX(0px);
}
.price-inner-white-bg {
	background-color: var(--white);
	border-radius: 40px 40px 0 0;
}
.price-inner-white-bg .tp-price-table-wrapper {
	padding-top: var(--p20);
}
.tp-price-table-wrapper {
    width: 1170px;
}
.tp-price-header {
	padding-left: 40px;
}
.tp-price-header-img {
	padding-bottom: 20px;
}
.tp-price-top-item {
	width: 25%;
	float: left;
	padding: 40px 20px;
}
.price-details{
	min-height: 97px;
}
.tp-price-top-item.active {
	background: rgba(255, 255, 255, 0.06);
	border-radius: 20px 20px 0px 0px;
}
.tp-btn-service {
    height: var(--p40);
    line-height: var(--p35);
    border: 1.5px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--p20);
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 0px var(--p15);
    font-weight: 600;
    font-size: 15px;
    transition: 0.3s;
}
.tp-price-top-tag-wrapper span {
	font-weight: 600;
	font-size: 16px;
	line-height: 14px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--white);
	padding-bottom: 10px;
	display: inline-block;
}
.tp-price-top-title-wrapper h4 {
	font-weight: 700;
	font-size: var(--p35);
	line-height: var(--p45);
	color: var(--white);
	padding-bottom: 8px;
}
.tp-price-top-title-wrapper h4 span {
	font-weight: 500;
	font-size: 18px;
	line-height: 14px;
}
  .tp-price-top-title-wrapper h4 em {
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 17px;
	color: #FFFFFF;
	margin-right: 5px;
	transform: translateY(-23px);
	display: inline-block;
  }
.tp-price-top-title-wrapper p {
	font-weight: 500;
	font-size: 14px;
	line-height: 14px;
	color: rgba(255, 255, 255, 0.7);
	margin-bottom: 0;
	padding-bottom: 30px;
}
.tp-price-feature-wrapper {
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 20px 0;
    overflow: hidden;
}
.tp-price-feature-box {
	border-radius: 20px 0 0 20px;
	background: rgba(255, 255, 255, 0.06);
}
.tp-price-feature-item {
	height: 65px;
	line-height: 65px;
	padding: 0px 40px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
.tp-price-feature-item:last-child {
	border-bottom: 0;
}
.tp-price-feature-item span {
	color: var(--white);
	font-weight: 600;
	font-size: 16px;
	line-height: 14px;
	margin-right: 5px;
}
.tp-price-feature-info-item {
	width: 25%;
	float: left;
}
  .tp-price-feature-info-item.active {
	background: rgba(255, 255, 255, 0.06);
  }
.tp-price-feature-info {
	height: 65px;
	line-height: 65px;
	padding: 0px var(--p10);
	border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
.tp-price-feature-info:last-child {
	border-bottom: 0;
}
.tp-price-feature-info span {
	font-weight: 400;
	font-size: var(--p15);
	line-height: var(--p15);
	color: var(--white);
}
.tp-price-feature-tooltip {
	background-color: var(--white);
	padding: 10px 20px;
	border-radius: 14px;
	position: absolute;
	bottom: 25px;
	left: -30px;
	width: 270px;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
}
.tp-price-feature-tooltip::after {
	position: absolute;
	content: "";
	left: 35px;
	bottom: 2px;
	width: 18px;
	height: 18px;
	background-color: var(--white);
	-webkit-transform: rotate(45deg) translateY(50%);
	-moz-transform: rotate(45deg) translateY(50%);
	-ms-transform: rotate(45deg) translateY(50%);
	-o-transform: rotate(45deg) translateY(50%);
	transform: rotate(45deg) translateY(50%);
}
.tp-price-feature-tooltip p {
	margin-bottom: 0;
	font-size: 14px;
}
  
.tp-price-feature-tooltip-box {
	display: inline-block;
	cursor: pointer;
}
.tp-price-feature-tooltip-box:hover svg {
	color: var(--white);
}
.tp-price-feature-tooltip-box:hover .tp-price-feature-tooltip {
	visibility: visible;
	opacity: 1;
	bottom: 45px;
}  
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-price-table {
	  	overflow-x: scroll;
	  	scrollbar-color: rgba(255, 255, 255, 0.559) rgba(255, 255, 255, 0.14);
	}
}
.price-inner-white-bg .tp-price-feature-wrapper {
	border-color: #EFF1F7;
}
.price-inner-white-bg .tp-price-feature-box {
	background: #F7F9FC;
}
.price-inner-white-bg .tp-price-feature-item {
	border-color: #EFF1F7;
}
  .price-inner-white-bg .tp-price-feature-item span {
	color: var(--black);
  }
.price-inner-white-bg .tp-price-feature-info {
	border-color: #EFF1F7;
}
.price-inner-white-bg .tp-price-feature-info span {
	color: var(--black);
}
.pricing-check-icon {
    color: #0ab21b;
}
.pricing-uncheck-icon {
    color: rgba(107, 122, 144, 0.64);
}
.price-inner-white-bg .tp-price-feature-info-item.active {
	background: #F7F9FC;
}
.price-inner-white-bg .tp-price-header-content p {
	color: #5F6168;
}
.price-inner-white-bg .tp-price-header-content p span {
	color: #202124;
}
.price-inner-white-bg .tp-price-top-item.active {
	background: #F7F9FC;
}
.price-inner-white-bg .tp-price-top-item.active .tp-price-top-title-wrapper .tp-btn-service {
	background-color: var(--SecondaryColor);
	color: var(--white);
	border-color: var(--SecondaryColor);
}
.price-inner-white-bg .tp-price-top-item.active .tp-price-top-title-wrapper .tp-btn-service:hover {
	background-color: var(--black);
	color: var(--white);
}
.price-inner-white-bg .tp-price-top-tag-wrapper span {
	color: var(--SecondaryColor);
}
.price-inner-white-bg .tp-price-top-title-wrapper h4 {
	color: var(--black);
}
.price-inner-white-bg .tp-price-top-title-wrapper p {
	color: var(--textColor);
}
.price-inner-white-bg .tp-price-top-title-wrapper .tp-btn-service {
	background-color: var(--black);
	color: var(--white);
}
.price-inner-white-bg .tp-price-top-title-wrapper .tp-btn-service:hover {
	background-color: var(--tp-common-blue-4);
	color: var(--tp-common-white);
	border-color: var(--tp-common-blue-4);
}
.price-inner-white-bg .tp-price-feature-tooltip {
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.pr-feature-wrapper {
	background: #F0F2F5;
	box-shadow: 0px 1px 2px rgba(32, 33, 36, 0.14);
	border-radius: 20px 20px 0px 0px;
	padding: 30px 40px;
	padding-right: 0;
}
.pr-feature-head ul {
	padding-left: 20px;
}
.pr-feature-head ul li {
	width: 33.33%;
	float: left;
	text-align: center;
	list-style-type: none;
} 
.pr-feature-wrapper-2 .pr-feature-height:nth-child(2n) {
	background-color: #F7F9FC;
}
.tp-price-area{
	margin-top: var(--p10);
	padding-bottom: var(--p50);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.price-inner-white-bg {
		overflow-x: scroll;
		scrollbar-color: rgba(255, 255, 255, 0.559) rgba(255, 255, 255, 0.14);
	}
}
  
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.pr-feature-main {
	  width: 930px;
	}
  }
  
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.pr-feature-box {
		overflow-x: scroll;
		scrollbar-color: rgba(255, 255, 255, 0.559) rgba(255, 255, 255, 0.14);
	}
}
/*=========== integrations-section =========*/
.sv-details-area{
	padding: var(--p0) var(--p0) var(--p40);
}
.integrations-section .ab-brand-item img{
	height: 110px;
}
.sv-details-title-box{
	margin-bottom: var(--p20);
}
.sv-details-title{
	font-size: 28px;
    font-weight: 800;
    line-height: var(--p40);
	margin-bottom: var(--p10);
}

/*==== Cookie Area ====*/
.cookie-area{
	padding: var(--p0) var(--p0) var(--p50);
}
.cookie-area .accordion-header{
	position: relative;
}
.cookie-area .form-switch{
	position: absolute;
    top: 10px;
    right: 48px;
    z-index: 8;
}
.cookie-custom-accordion .accordion-button{
	background: transparent;
    position: relative;
    width: 100%;
    font-weight: 600;
    font-size: var(--p20);
    line-height: var(--p20);
    font-family: "Plus Jakarta Sans", sans-serif;
    text-align: left;
    padding: var(--p25) 0;
	box-shadow: none;
	color: var(--black);
}
.cookie-custom-accordion .accordion-item {
	border-bottom: 1px solid #dbdbdb;
    border-left: none;
    border-right: none;
	border-top:none;
    padding: var(--p0) var(--p20);
    position: relative;
    transition: 0.3s;
	border-radius: 0 0 var(--p20) var(--p20);
}
.cookie-custom-accordion .accordion-body {
    padding: 0px 0 40px 0;
    font-style: normal;
    font-weight: 400;
    font-size: var(--p16);
    line-height: 24px;
    padding-right: var(--p35);
	color: var(--textColor);
}
.cookie-custom-accordion .accordion-item.cookie-custom-active{
    box-shadow: 0px 20px 20px rgba(3, 4, 28, 0.08);
    border-radius: 0 0 var(--p20) var(--p20);
}
/*====== Login Area ====*/
.login-form-section {
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    padding: var(--p25);
    background: var(--white);
	height: 100vh;
}
.login-page-left-section{
    /*background: url('../img/login-bg.jpg');*/
    height:100%;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    position: relative;
	text-align: center;
	display: flex;
    align-items: center;
    justify-content: center;
}
.form-heading{
	text-align: center;
	margin-bottom: var(--p30);
}
.form-heading img{
	width:130px;
	margin-bottom: var(--p5);
}
.form-heading p{
	font-size: var(--16);
	font-weight: 400;
}
.new-ac-link{
    text-align: center;
    display: block;
    color: var(--SecondaryColor);
	font-size: var(--p15);
    font-weight: 400;
}
.new-ac-link:hover{
	color: var(--black);
}
.btn-login {
    background-color: var(--SecondaryColor) !important;
    border: none;
    padding: 10px !important;
    width: 70%;
    color: var(--white) !important;
    text-transform: capitalize;
    font-weight: 400;
    margin: 0 auto;
	margin-top: var(--p20);
    display: table;
}
.or-box .or-text {
    display: inline-block;
    position: relative;
    padding: 0 var(--p20);
    color: var(--textColor);
    font-weight: 500;
    font-size: var(--p15);
    text-transform: uppercase;
    margin: var(--p20) 0;
}
.or-box .or-text:before, .or-box .or-text:after {
    content: "";
    position: absolute;
    width: var(--p35);
    height: 1px;
    background: var(--textColor);
    margin-top: 13px;
}
.or-box .or-text:before {
    left: 80px;
}
.or-box .or-text:after {
    right: 80px;
}
.social-login{
	text-align: center;
}
.social-login a{
	box-shadow: 0px 20px 20px rgba(3, 4, 28, 0.08);
    display: inline-block;
    padding: 10px 25px;
	color:var(--SecondaryColor);
	font-size: 14px;
}
.log-desc-block{
	width: 60%;
	margin: 0 auto;
	margin-top: var(--p30);
}
.log-desc-block h1{
	font-size: var(--p20);
	margin-bottom:var(--p10);
}
.log-desc-block p{
	font-size: 14px;
	color: var(--textColor);
	line-height: 20px;
}