@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");

html {
	scroll-behavior: smooth;
}

a {
	color: #94A3B8;
	transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}

::-moz-selection {
	/* Code for Firefox */
	color: #ffffff;
	background: #035C67;
}

::selection {
	color: #ffffff;
	background: #035C67;
}

.header.affix {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 999;
}

.section-height {
	padding: 100px 0;
}


.heading h2 {
	font-weight: 600;
}

.sub-heading-tag {
	background: #0F172A;
	border: 1px solid #324053;
	border-radius: 100px;
	text-align: center;
	color: #FFD200;
	padding: 5px 20px;
	font-size: .9rem;
	display: inline-block;
	text-transform: uppercase;



}


/* ====================Header CSS Start ============================ */

/* ANIMATED X */
.navbar-toggler.x {
	border: none;
}

.navbar-toggler.x:focus {
	outline: none;
}

.navbar-toggler.x[aria-expanded=true] .icon-bar:nth-of-type(1) {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: 10% 10%;
	-ms-transform-origin: 10% 10%;
	transform-origin: 10% 10%;
}

.navbar-toggler.x[aria-expanded=true] .icon-bar:nth-of-type(2) {
	opacity: 0;
	filter: alpha(opacity=0);
}

.navbar-toggler.x[aria-expanded=true] .icon-bar:nth-of-type(3) {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: 20% 90%;
	-ms-transform-origin: 20% 90%;
	transform-origin: 20% 90%;
}

.navbar-toggler.x .icon-bar {
	width: 30px;
	display: block;
	height: 3px;
	background-color: #707070;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.navbar-toggler.x .icon-bar+.icon-bar {
	margin-top: 4px;
}

.navbar-toggler.x .icon-bar:nth-of-type(1) {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}

.navbar-toggler.x .icon-bar:nth-of-type(2) {
	opacity: 1;
	filter: alpha(opacity=100);
}

.navbar-toggler.x .icon-bar:nth-of-type(3) {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}

.header {
	position: relative;
	background: rgba(26, 31, 46, 0.8);
	border-bottom: 1px solid rgba(255, 255, 255, 0.42);
	backdrop-filter: blur(2px);
	/* Note: backdrop-filter has minimal browser support */

}

.menu.navbar-nav .nav-link {
	padding-right: 1rem;
	padding-left: 1rem;
}

/* ====================Header CSS End ============================ */


/* ====================Hero Banner CSS Start ============================ */


/* ====================Hero Banner CSS End ============================ */


/* ====================Footer CSS Start ============================ */
.footer {
	background-color: #0a1222;
	background-image: url(../images/background/footer_bg.svg);
	background-position: right top;
	background-repeat: no-repeat;
	position: relative;
	padding-top: 60px;

}

.footer:after {
	position: absolute;
	content: "";
	background-image: url(../images/background/footer_top_left.svg);
	left: 0;
	top: 0;
	width: 600px;
	height: 300px;
	background-size: cover;
	background-repeat: no-repeat;
}

.footer:before {
	position: absolute;
	content: "";
	background-image: url(../images/background/footer_bottom_right.svg);
	right: 0;
	bottom: 0;
	width: 800px;
	height: 300px;
	background-size: cover;
	background-repeat: no-repeat;
}

.footer .container {
	z-index: 9;
	position: relative;
}

.footer hr {
	background-color: rgba(255, 255, 255, .4);
}

.footer_list li {
	display: block;
	float: left;
	padding: 0 0 0 1rem;
}

.footer_list li a.social {
	margin: .2rem 0;
	width: 32px;
	height: 32px;
	line-height: 32px;
	font-size: 1rem;
	text-align: center;
	display: block;
	padding: 0;
	color: #94A3B8;
	background: #1A1F2E;
	border: 1px solid #324053;
	border-radius: 6px;

}

.footer_list li a.social:hover {
	color: #ffffff;
	background-color: #2D4A6E;
}

.footer_list li:first-child {
	padding-left: 0;

}

.footer .title {
	margin: 10px 0 10px 0;
	font-weight: 500;
	font-size: 1.1rem;
}

.footer .nav .nav-item {
	padding-bottom: 10px;
	display: block;
	width: 100%;
}

.footer .nav .nav-item .nav-link {
	padding: 0;
}

.footer .nav .nav-item .nav-link:hover {
	color: #ffffff;
}

.footer p a {
	color: #ffffff;
	font-weight: 500;
}

.roi_amount_card {
	display: block;
	background-color: #2b3a5a;
	border-radius: 12px;
	padding: 20px;
	box-shadow: 0 05px 10px rgba(0, 0, 0, 0.25);
	max-width: 550px;
	margin: 0 auto 0 auto;
	position: absolute;
	bottom: -50px;
	z-index: 9;
	left: 0;
	right: 0;
}

.icon_box {
	width: 40px;
	height: 40px;
	background-color: #1f2a44;
	border-radius: 8px;
	display: block;
	line-height: 40px;
	text-align: center;
	font-size: 1rem;
	float: left;
	color: #ffffff;
}

.text-section {
	display: block;

}

.icon_label {
	display: block;
	margin-left: 50px;
	margin-top: 6px;
	font-size: 1.1rem;
}

.amount {
	font-size: 2rem;
	font-weight: 700;
	color: #0AE59D;
	display: block;
}

.subtext {
	display: block;
	text-transform: uppercase;
	font-size: .9rem;
}

/* ====================Footer CSS End ============================ */


/* ====================Home blog wrap CSS Start ============================ */

.home_blog_wrap {
	background-image: url(../images/background/home_blog_bg.png);
	background-position: center top;
	background-repeat: repeat;
	background-size: cover;
}

.blog-img {
	background-color: #1A1F2E;
	display: flex;
	-moz-box-align: center;
	align-items: center;
	-moz-box-pack: center;
	justify-content: center;
	width: 100%;
	height: 280px;
	padding: 0px;
	border-radius: 10px;
	overflow: hidden;
	transition: 0.3s;

}

.blog-img img {
	position: absolute;
	inset: 0px;
	box-sizing: border-box;
	padding: 0px;
	border: medium;
	margin: auto;
	display: block;
	width: 0px;
	height: 0px;
	min-width: 100%;
	max-width: 100%;
	min-height: 100%;
	max-height: 100%;
	object-fit: cover;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.blog-card:hover .blog-img img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.blog-img a {
	position: relative;
	width: 100%;
	height: 100%;
}

.blog-card:hover .blog-img {
	box-shadow: 0px 25px 10px rgba(61, 129, 138, 0.03), 0px 14px 8px rgba(61, 129, 138, 0.1), 0px 6px 6px rgba(61, 129, 138, 0.17), 0px 2px 3px rgba(61, 129, 138, 0.2);
}

.date-badge {
	background-color: #2D4A6E;
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	border-radius: 20px;
	padding: 4px 12px;
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 5px;
	position: relative;
	z-index: 2;
}

.blog-title {
	font-weight: 600;
	margin-top: 10px;
	color: #a5a4a4;
}

.blog-title a {
	color: #ffffff;
}

.blog-card:hover .blog-title a {
	color: #FFD200;
}

.blog-short-disp {
	/* display: block; */
	display: -webkit-box;
	max-width: 100%;
	height: 50px;
	margin: 15px auto;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.blog-footer {
	display: flex;
	align-items: center;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding: 12px 0;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.8);
}

.blog-footer .avatar {
	width: 30px;
	height: 30px;
	background-color: #2b3a5a;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	font-size: 13px;
	font-weight: 600;
}

/* ====================Home blog wrap CSS End ============================ */
/* ====================Home Testimonial wrap CSS Start ============================ */
.home_commonbg_wrap {
	background-image: url(../images/background/testimonial_bg.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
}

.testimonial-card {
	margin: 10px !important;
	padding: 25px;
	margin: auto;
	position: relative;
	background: #1A1F2E;
	border: 1px solid #324053;
	box-shadow: 0px 25px 10px rgba(61, 129, 138, 0.03), 0px 14px 8px rgba(61, 129, 138, 0.1), 0px 6px 6px rgba(61, 129, 138, 0.17), 0px 2px 3px rgba(61, 129, 138, 0.2);
	border-radius: 14px;
}


.testimonial-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.testimonial-title {
	font-weight: 600;
	font-size: 1.2rem;
	color: #ffffff;
}

.testimonial-subtitle {
	margin-top: 4px;
	font-size: 1.1rem;
}

.quote-icon {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background-color: #233556;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
}

.quote-icon img {
	width: 30px !important;
}

.divider {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	margin: 16px 0;
}

.testimonial-text {
	font-style: italic;
	line-height: 1.6;
}

.home_testimonial_wrap .owl-stage-outer {
	padding: 30px 0 !important;
}

.owl-theme .owl-dots .owl-dot:focus {
	outline: none;
}

/* ====================Home Testimonial wrap CSS End ============================ */

/* ====================Home Trusted wrap CSS start ============================ */

.home_trusted_wrap {
	background-image: url(../images/background/home_blog_bg.png);
	background-position: center top;
	background-repeat: repeat;
	background-size: cover;
}

.trusted_card {
	padding: 40px;
	background: #1A1F2E;
	border: 1px solid #324053;
	box-shadow: 0px 25px 10px rgba(61, 129, 138, 0.03), 0px 14px 8px rgba(61, 129, 138, 0.1), 0px 6px 6px rgba(61, 129, 138, 0.17), 0px 2px 3px rgba(61, 129, 138, 0.2);
	border-radius: 14px;

}

.trusted-highlight svg {
	margin-right: 5px;
}

.trusted_card h3 {
	margin-top: -100px;
}

/* ====================Home Trusted wrap CSS End ============================ */
/* ====================Home video wrap CSS Start ============================ */

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.deepdive_image_wrap {
	padding: 30px;
	border-radius: 14px;
	background-color: #324053;
	text-align: center;
}

.deepdive_wrap ul {
	margin: 0 0 20px 0;
	display: block;
	float: left;
	width: 100%;
}

.deepdive_wrap ul li {
	background-image: url(../images/icons/checkmark.svg);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0 0 0 40px;
	margin: 15px 0;
}

.deepdive_wrap h2 {
	font-weight: 600;
}

/* ====================Home video wrap CSS End ============================ */
/* ====================ROI calculator wrap CSS Start ============================ */
.roi_calculator_wrap {
	background-image: url(../images/background/home_blog_bg.png);
	background-position: center top;
	background-repeat: repeat;
	background-size: cover;
	position: relative;
}

.calculator_wrap {
	background: #1A1F2E;
	border: 1px solid #324053;
	box-shadow: 0px 25px 10px rgba(61, 129, 138, 0.03), 0px 14px 8px rgba(61, 129, 138, 0.1), 0px 6px 6px rgba(61, 129, 138, 0.17), 0px 2px 3px rgba(61, 129, 138, 0.2);
	border-radius: 14px;
	padding: 30px;

}

.calculator_card {
	background: #1F3040;
	border: 1px solid #324053;
	border-radius: 14px;
	padding: 30px;
	position: relative;
	overflow: hidden;
	background-image: url(../images/background/calculator_pattern.svg);
	background-position: right bottom;
	background-repeat: no-repeat;

}

.calculator_list li {
	padding: 10px 0 10px 40px;
	display: block;
	width: 100%;
	overflow: hidden;
	line-height: 30px;
	position: relative;
}

.calculator_list li span:first-of-type {
	background: #1A1F2E;
	border: 1px solid #324053;
	border-radius: 54px;
	height: 30px;
	width: 30px;
	color: #ffffff;
	line-height: 26px;
	display: block;
	text-align: center;
	margin-right: 15px;
	float: left;
	position: absolute;
	left: 0;
	top: 9px;
}


.text-blue {
	color: #2FB5B0;
}

.text-green {
	color: #0AE59D;
}

.calculator_wrap .form-control {
	display: block;
	width: 100%;
	/* height: calc(1.5em + 0.75rem + 2px); */
	height: calc(1.5em + 0.75rem + 10px);
	padding: 0.375rem 0.75rem;
	font-size: 1.1rem;
	font-weight: 400;
	line-height: 1.6;
	color: #ffffff;
	background-color: #0F172A;
	background-clip: padding-box;
	border: 1px solid #324053;
	border-radius: 0.5rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/* ====================ROI calculator wrap CSS End ============================ */
/* ====================Homestep  wrap CSS Start ============================ */

.home_step_wrap {
	background-image: url(../images/background/stepbg.svg);
	background-attachment: fixed;
	background-position: center 20%;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	width: 100%;
	overflow: hidden;
	position: relative;



}

.home_step_wrap:after {
	position: absolute;
	content: "";
	background-image: url(../images/background/step_bottom_bg.svg);
	left: 50px;
	bottom: 50px;
	width: 410px;
	height: 410px;
	background-size: cover;
	background-repeat: no-repeat;
}

.stepcard {
	background: #1A1F2E;
	border: 1px solid #324053;
	border-radius: 14px;
	position: relative;
	padding: 40px;
	overflow: hidden;
	margin: 15px 0;
	display: block;
	float: left;
	width: 100%;
	z-index: 1;

}

.stepcard:after {
	position: absolute;
	content: "";
	background-image: url(../images/background/step_top_right.svg);
	right: 0;
	top: 0;
	width: 300px;
	height: 170px;
	background-size: cover;
	background-repeat: no-repeat;
}

.stepcard:before {
	position: absolute;
	content: "";
	background-image: url(../images/background/step_bottom_left.svg);
	left: 0;
	bottom: 0;
	width: 450px;
	height: 110px;
	background-size: cover;
	background-repeat: no-repeat;
}

.step_image_wrap {
	padding: 20px;
	border-radius: 14px;
	background-color: #324053;
	text-align: center;

}

.step_content_wrap h2 {

	background: linear-gradient(180deg, #FFFFFF 0%, #1A1F2E 73.58%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	font-weight: 600;
	font-size: 4rem;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	text-align: center;
}

.step_content_wrap span {
	display: block;
	margin-left: 50px;
}

.step_title {
	font-weight: 500;
	font-size: 2rem;
	color: #ffffff;
}

.step_subtitle {
	font-size: 1.1rem;
}

/* Section wrapper */
/* .step_wrap {
            margin: 0 auto;
            position: relative;
        } */

/* Sticky title within section */
/* .step_wrap_title {
            position: sticky;
            top: 9%;
            z-index: 5;
			padding-bottom: 5px;
        } */

/* Cards grid */
.step_list {
	display: block;
	padding-top: 30px;
}

/* Each card */
/* .step_item {
            position: sticky;
            top: 20%;
            display: block;
                    height: auto;
            overflow: hidden;
			z-index: 99;
        } */


/* Scroll animation */
/* .c-hotels__item:not(:last-child) {
            view-timeline-name: --card;
            view-timeline-axis: block;
            animation-timeline: --card;
            animation-name: in-n-out;
            animation-range: entry 90% cover 50%;
        }  */





/* ====================Homestep  wrap CSS End ============================ */
/* ====================home price plan  wrap CSS Start ============================ */
.home_priceplan_wrap {
	background-image: url(../images/background/priceplan_bg.png);
	background-position: center bottom;
	background-repeat: repeat;
	background-size: cover;
	background-color: #1A1F2E;
	position: relative;

}

.home_priceplan_wrap:after {
	position: absolute;
	content: "";
	background-image: url(../images/background/testimonial_bg.png);
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	height: 300px;
	background-size: cover;
	background-repeat: no-repeat;
}

.home_priceplan_wrap .container {
	z-index: 9;
	position: relative;
}

.pricingcard {
	margin: 20px;
}

.pricing-card {
	padding: 30px;
	color: #fff;
	transition: all 0.3s ease;
	text-align: left;
	position: relative;
	overflow: hidden;
	background: #0F172A;
	border: 1px solid #324053;
	box-shadow: 0px 25px 10px rgba(61, 129, 138, 0.03), 0px 14px 8px rgba(61, 129, 138, 0.1), 0px 6px 6px rgba(61, 129, 138, 0.17), 0px 2px 3px rgba(61, 129, 138, 0.2);
	border-radius: 14px;
	min-height: 350px;



}

.pricing-card:hover {
	/* transform: translateY(-5px); */
	box-shadow: 0 0 20px rgba(80, 200, 255, 0.2);
}

.pricing-card h4 {
	font-size: 1.2rem;
	font-weight: 600;
	margin-bottom: 15px;
}

.pricing-card .price {
	font-size: 2.2rem;
	font-weight: 600;
	color: #0AE59D;
}

.pricing-card .per {
	font-size: 1.1rem;
	color: #a3a9ba;
	margin-left: 5px;
	font-weight: 400;
}

.pricing-card .small-text {
	color: #8e94a7;
	font-size: 1.1rem;
	margin-top: 5px;
	margin-bottom: 15px;
}

.pricing-card .small-text span {
	display: block;
	color: #616D7D;
	font-size: 1rem;
}

.pricing-card .feature {
	border-top: 1px solid #2a2e3f;
	border-bottom: 1px solid #2a2e3f;
	padding: 15px 0;
	font-size: 1.1rem;
	position: relative;
	padding-left: 35px;
}

.pricing-card .feature img {
	margin-right: 10px;
	display: inline-block !important;
	width: auto !important;
	position: absolute;
	left: 0;
	top: 16px;
}

.pricing-card .btn {
	height: 42px;
	font-weight: 600;
	padding-top: 10px;

}


.btn-warning {
	color: #000;
	font-weight: 600;
	border: none;
}

/* Ribbon for “Most Popular” */
.ribbon {
	position: absolute;
	right: -50px;
	top: 18px;
	color: #ffffff;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	transform: rotate(-90deg);
	background: #2FB5B0;
	padding: 5px 15px;
	border-radius: 100px 0 0 100px;
}

.popular {
	position: relative;
}

.popular_in {
	position: relative;
	z-index: 1;
}

.popular:after {
	position: absolute;
	content: "";
	background-image: url(../images/background/pricecard_top.png);
	left: 0;
	top: 0;
	right: 0;
	width: 100%;
	height: 200px;
	background-size: cover;
	background-repeat: no-repeat;
}

.popular::before {
	position: absolute;
	content: "";
	background-image: url(../images/background/pricecard_bottom.png);
	left: 0;
	bottom: 0;
	right: 0;

	width: 100%;
	height: 110px;
	background-size: cover;
	background-repeat: no-repeat;
}


/* ====================home price plan  wrap CSS End ============================ */

/* ====================Hero banner CSS Start ============================ */
.hero_banner {
	background-image: url(../images/background/home_bg.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.hero_banner:after {
	position: absolute;
	content: "";
	background-image: url(../images/background/home_top_left.svg);
	left: 0;
	top: 0;
	width: 700px;
	height: 700px;
	background-size: cover;
	background-repeat: no-repeat;
}

.hero_banner:before {
	position: absolute;
	content: "";
	background-image: url(../images/background/home_top_right.svg);
	right: 0;
	top: 0;
	width: 450px;
	height: 550px;
	background-size: cover;
	background-repeat: no-repeat;
}

.hero_banner .container {
	z-index: 9;
	position: relative;
}

.hero_content_wrap h1 {
	font-weight: 700;
	font-size: 3rem;
}

.hero_content_wrap h1 span {
	font-weight: 400;
	font-size: 2.5rem;
	display: block;
}

.hero_content_wrap .form-inline {
	background: #1A1F2E;
	border: 1px solid #324053;
	border-radius: 14px;
	padding: 10px;

}

.hero_content_wrap .form-inline .form-control {
	background: transparent;
	border: none;
	color: #ffffff;
	width: 70%;
}

.hero-badges span {
	background-image: url(../images/icons/checkmark.svg);
	background-repeat: no-repeat;
	padding: 0 0 0 35px;
	margin: 10px 1% 10px 0;
	font-style: italic;
	display: block;
	width: 49%;
	float: left;
	font-size:1.05rem;
}

.analytics-card {
	background: #1A1F2E;
	border: 1px solid #324053;
	border-radius: 14px;
	padding: 25px;
	position: relative;

}

.analytics-card h5 {
	margin-bottom: 20px;
}

.live_dot {
	background-color: #0AE59D;
	height: 10px;
	width: 10px;
	border-radius: 100px;
	display: block;
	float: left;
	margin: 6px 10px 0 0;
}

.animate-pulse {
	animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

@keyframes pulse {
	50% {
		opacity: .5
	}
}




.iconbox {
	background: #0F172A;
	border: 1px solid #324053;
	border-radius: 8px;
	padding: 10px;
	height: 50px;
	width: 50px;
	text-align: center;
	margin-bottom: 25px;
}

.total-card {
	background: #1F3040;
	border: 1px solid #324053;
	border-radius: 14px;
	padding: 20px;
	flex: 1;
	text-align: left;
	position: relative;
	overflow: hidden;
	background-image: url(../images/background/calculator_pattern.svg);
	background-position: right bottom;
	background-repeat: no-repeat;
}

.total-card h6 {
	color: #a2a7b5;
}

.total-card .amount {
	font-size: 2rem;
	color: #0AE59D;
	font-weight: 700;
}


.total-card .iconbox {
	margin-bottom: 0;
	display: block;
	float: left;
}

.total-card h6>span.badge-green {
	background: #2FB5B0;
	color: #ffffff;
	font-size: 0.9rem;
	font-weight: 600;
	border-radius: 20px;
	padding: 3px 20px;
	margin-left: 10px;
	display: inline-block;
}

.font-large {
	font-size: 1.1rem;
	font-weight: 500;

}

.analytics-card-top {
	position: absolute;
	top: -40px;
	left: -40px;
}

.analytics-card-bottom {
	position: absolute;
	bottom: -40px;
	right: -40px;
}


.total-card span {
	margin-left: 70px;
	display: block;
}

.analytics-cards {
	background: #0F172A;
	border: 1px solid #324053;
	border-radius: 14px;
	padding: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 600px;
	margin: auto;
	text-align: left;
	position: relative;
	overflow: hidden;
	background-image: url(../images/background/analytics_bg.svg);
	background-position: right bottom;
	background-repeat: no-repeat;
	margin-bottom: 20px;

}

.analytics-left {
	display: flex;
	align-items: center;
}

.icon-box {
	background: #0F172A;
	border: 1px solid #324053;
	height: 50px;
	width: 50px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 16px;
}



.analytics-cards .number {
	font-size: 1.8rem;
	font-weight: 700;
	color: #fff;
	margin: 0;
}

/* ====================Hero banner CSS End ============================ */


/* ====================Deep dive   CSS start ============================ */
.deepdive_bg {
	background-image: url(../images/background/home_bg.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
	height: 100vh;

}

.deepdive-badges span {
	background-image: url(../images/icons/checkmark.svg);
	background-repeat: no-repeat;
	padding: 0 0 0 35px;
	margin: 10px 0 10px 0;
	font-style: italic;
	display: block;
	width: 100%;
	float: left;
	font-size: 1.1rem;
}

.deepdive_bg hr {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.deepdive_bg .form-control {
	display: block;
	width: 100%;
	/* height: calc(1.5em + 0.75rem + 2px); */
	height: calc(1.5em + 0.75rem + 10px);
	padding: 0.375rem 0.75rem;
	font-size: 1.1rem;
	font-weight: 400;
	line-height: 1.6;
	color: #ffffff;
	background-color: #0F172A;
	background-clip: padding-box;
	border: 1px solid #324053;
	border-radius: 0.5rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.deepdive_bg .btn-lg {
	padding: 0.7rem 1.5rem;

}


/* ====================Deep dive   CSS End ============================ */

/* ====================inner page  banner CSS Start ============================ */
.entry-banner {
	position: relative;
	background-color: #0a1222;

}

.entry-banner-content {
	padding-top: 100px;
	padding-bottom: 100px;
	position: relative;
	z-index: 1;
}

.entry-banner:before {
	position: absolute;
	content: "";
	background-image: url(../images/background/home_top_right.svg);
	right: 0;
	top: 0;
	width: 200px;
	height: 250px;
	background-size: cover;
	background-repeat: no-repeat;
}

.entry-banner:after {
	position: absolute;
	content: "";
	background-image: url(../images/background/home_top_left.svg);
	left: 0;
	top: 0;
	width: 300px;
	height: 300px;
	background-size: cover;
	background-repeat: no-repeat;
}

.entry-title {
	color: var(--white);
	font-size: 3rem;
	position: relative;
	font-weight: 600;
}

.entry-sub-title {
	font-size: 1.1rem;
	font-weight: 400;
	margin: 1rem 0 0 0;
}

.entry-banner .breadcrumb {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0;
	margin-bottom: 0;
	list-style: none;
	background-color: transparent;
	border-radius: 0.0;
	font-size: 1.1rem;
}

.entry-banner .breadcrumb-item.active {
	color: #FFD200;
}

/* ====================inner page  banner CSS End ============================ */
/* ====================Blog page  banner CSS Start ============================ */


.sidebar .widget {
	background: #1A1F2E;
	border: 1px solid #324053;
	margin-bottom: 20px;
	padding: 30px;
	border-radius: 10px;
}

.calculator_wrap .form-control {
	display: block;
	width: 100%;
	/* height: calc(1.5em + 0.75rem + 2px); */
	height: calc(1.5em + 0.75rem + 10px);
	padding: 0.375rem 0.75rem;
	font-size: 1.1rem;
	font-weight: 400;
	line-height: 1.6;
	color: #ffffff;
	background-color: #0F172A;
	background-clip: padding-box;
	border: 1px solid #324053;
	border-radius: 0.5rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}



.search-form .input-group input {
	height: calc(1.5em + 0.75rem + 10px);
	padding: 0.375rem 0.75rem;
	font-size: 1.1rem;
	font-weight: 400;
	line-height: 1.6;
	color: #ffffff;
	background-color: #0F172A;
	background-clip: padding-box;
	border: 1px solid #324053;
	border-radius: 10px !important;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.search-form .input-group>.form-control:focus,
.search-form .input-group>.custom-select:focus {
	z-index: 1;
}



.search-form .input-group button {
	width: 54px;
	height: 48px;
	color: #ffffff;
	font-size: 20px;
	border: none;
	transition: all 0.3s ease;
	line-height: 1;
	z-index: 1;
	border-radius: 10px !important;
	position: absolute;
	right: 0;
	top: 0;
	background-color: #2b3a5a;
}

.search-form .input-group button:hover {
	color: #000000;
	background-color: #d39e00;
	border-color: #d39e00;
}

.widget-heading {
	font-size: 1.4rem;
	color: var(--white);
	padding-left: 15px;
	border-left: solid 4px #d39e00;
}

.widget_list {
	margin: 0;
}

.widget_list li {
	display: block;
	padding: 12px 0;
	border-bottom: solid 1px #324053;
}



.widget_list li a:hover,
.widget_list li.active a {
	color: #FFD200;
	text-decoration: none;

}

.single-blog {
	margin-bottom: 1.5rem;
}

#archive-dropdown {
	background-position: right 50px center;
	/* move arrow 10px left */
	background-repeat: no-repeat;
	background-size: 16px;
}

.blog_pegination .page-item {
	margin: 0 10px;
}

.blog_pegination .page-link {
	position: relative;
	display: block;
	padding: 0.5rem 0.75rem;
	margin-left: 0;
	line-height: normal;
	color: #ffffff;
	background-color: #2b3a5a;
	border: 1px solid #324053;
	border-radius: 100px;
	height: 40px;
	width: 40px;
	font-weight: 500;
	text-align: center;
}

.blog_pegination .page-item:last-child .page-link,
.blog_pegination .page-item:first-child .page-link {
	border-radius: 100px;

}

.blog_pegination .page-link:hover {
	color: #000000;
	background-color: #FFD200;
	border-color: #FFD200;

}

.blog_pegination .page-item.active .page-link {
	z-index: 1;
	color: #000000;
	background-color: #FFD200;
	border-color: #FFD200;
}

.blog_pegination .page-item.disabled .page-link {
	color: #fff;
	pointer-events: none;
	cursor: auto;
	background-color: #424242;
	border-color: #4c5364;
}

.detail-blog-img {
	background-color: rgba(12, 75, 106, 0.6);
	display: flex;
	-moz-box-align: center;
	align-items: center;
	-moz-box-pack: center;
	justify-content: center;
	width: 100%;
	height: 580px;
	padding: 0px;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	transition: 0.3s;
	box-shadow: 0px 25px 10px rgba(61, 129, 138, 0.03), 0px 14px 8px rgba(61, 129, 138, 0.1), 0px 6px 6px rgba(61, 129, 138, 0.17), 0px 2px 3px rgba(61, 129, 138, 0.2);
}



.detail-blog-img img {
	position: absolute;
	inset: 0px;
	box-sizing: border-box;
	padding: 0px;
	border: medium;
	margin: auto;
	display: block;
	width: 0px;
	height: 0px;
	min-width: 100%;
	max-width: 100%;
	min-height: 100%;
	max-height: 100%;
	object-fit: cover;
}

.blog_detail_wrap {
	margin-top: -130px;
}

.category-meta {
	display: block;
	float: right;
	margin-top: 20px;
	margin-bottom: 0;
}

.blog-content .date-badge {
	margin-bottom: 0;

}

.category-meta span {
	color: #ffffff;
}

.blog-content hr {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.comment-title {
	font-size: 1.3rem;
	color: var(--white);
}

.getbtn {
	padding: .5rem 1rem;
}

.submitbtn {
	padding: .5rem 1.5rem;

}

.comment-list .comments-body {
	padding: 20px;
	background: #1A1F2E;
	border: 1px solid #324053;
	box-shadow: 0px 25px 10px rgba(42, 50, 51, 0.03), 0px 14px 8px rgba(31, 43, 45, 0.1), 0px 6px 6px rgba(36, 44, 45, 0.17), 0px 2px 3px rgba(63, 80, 83, 0.2);
	border-radius: 14px;
	margin-bottom: 20px;
}

.comment-author-name {
	font-size: 1rem;
	color: var(--white);
}

.comment-date {
	color: #777777;
	padding-bottom: 15px;
}

.noblog_wrap {
	margin: 40px 0;
}

/* ====================Blog page  banner CSS End ============================ */
/* ====================privacy CSS Start ============================ */
.terms_card h3 {
	margin-bottom: 5px;
	margin-top: 0;
	color: #ffffff;
	font-size: 1.2rem;
}

.terms_card p {
	margin-bottom: 1.5rem;

}

/* ====================privacy CSS End ============================ */

/* ====================sitemap CSS Start ============================ */


.sitemapcard {
background: #1A1F2E;
  border: 1px solid #324053;
  	font-size: 1.1rem;
	margin-bottom: 1.5rem;
	border-radius: 0.5rem;
}

.sitemapcard a:hover {
	background-color:#FFD200;
	color: #000000;
	text-decoration: none;
		border-radius: 0.5rem;

}
/* ====================sitemap CSS End ============================ */


.common-section {
	background-image: url(../images/background/testimonial_bg.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
}



/* ====================FAQ CSS Start ============================ */

.faq_wrap_inner {
	z-index: 1;
	position: relative;
	background-color: transparent;
	background-image: linear-gradient(90deg, var(--light) 70%, transparent 70%);
}

.faq_wrap:after {
	position: absolute;
	left: 0%;
	right: 0%;
	top: 0;
	content: "";
	background-image: url(../images/background/pricing_bg_dot.svg);
	background-size: cover;
	height: 498px;
	width: auto;
	background-position: center bottom;
	background-repeat: no-repeat;

}

.faq_wrap_inner:before {
	position: absolute;
	right: 0;
	bottom: 0;
	content: "";
	background-image: url(../images/background/faq_line.svg);
	background-size: cover;
	height: 291px;
	width: 309px;
	background-position: center bottom;
	background-repeat: no-repeat;

}

.faq_wrap {
	position: relative;

}

.faq_img {
	position: relative;
	max-width: 450px;
	right: -100px;
}

.faq_curveline_base {
	position: absolute;
	top: 30px;
	right: -50px;
}

.faq_curveline_btm {
	position: absolute;
	bottom: 0px;
	left: 50px;
}

.faqtab {
	border-bottom: 0;
}

.nav-tabs.faqtab .nav-link {
	border-color: #324053;
	background-color: #1A1F2E;
	border-radius: .7rem;
	font-weight: 700;
	margin-right: 15px;
	min-width: 150px;
	text-align: center;
	color: palegoldenrod;
	padding: 1rem 1.5rem;
}
.nav-tabs.faqtab .nav-link.active,
.nav-tabs.faqtab .nav-item.show .nav-link,
.nav-tabs.faqtab .nav-link:hover {
	color: #000000;
	background-color: #FFD200;
	border: 1px solid #FFD200;
}

.myaccordion {
	margin: 20px auto;
}

.myaccordion .card {
	border: none;
	margin-bottom: 20px;

}

.myaccordion .card-header {
	padding: 0;
	border: 0;
	background-color: transparent;
}

.myaccordion .card-body {
	padding: 0 1rem 1rem;
}

.m-150 {
	margin-top: 150px;
}

.accordion-title:before {
	float: right !important;
	font-family: FontAwesome;
	content: "\f068";
	padding-right: 5px;
}

.accordion-title.collapsed:before {
	float: right !important;
	content: "\f067";
}

a.accordion-title {
	display: block;
	background: #1A1F2E;
		padding: 1rem;
	border-radius: 10px 10px 0 0;
	color: #ffffff;
	font-weight: 600;
}

a.accordion-title.collapsed {
	border-radius: 10px;
}

.myaccordion .card {
	border-radius: 10px;
	background: #1A1F2E;
	border: 1px solid #324053;
box-shadow: 0px 25px 10px rgba(42, 50, 51, 0.03), 0px 14px 8px rgba(31, 43, 45, 0.1), 0px 6px 6px rgba(36, 44, 45, 0.17), 0px 2px 3px rgba(63, 80, 83, 0.2);

}

a.readbtn {
	padding: 10px 30px;
}

/* ====================FAQ CSS End ============================ */

.contact-section {
	background-image: url(../images/background/priceplan_bg.png);
	background-position: center bottom;
	background-repeat: repeat;
	background-size: cover;
	background-color: #1A1F2E;
	position: relative;
}
.contact-section:after {
	position: absolute;
	content: "";
	background-image: url(../images/background/testimonial_bg.png);
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	height: 300px;
	background-size: cover;
	background-repeat: no-repeat;
}
.contact-section .container {
	z-index: 9;
	position: relative;
}
.contact_card.analytics-card {

	padding: 30px;
}


/* ====================partner CSS Start ============================ */

.partner-card {
	padding: 1rem;
	position: relative;
	border-radius: 0.5rem;
	margin-bottom: 2rem;
	min-height: 260px;
	background: #1F3040;
  border:1px solid #324053;
box-shadow: 0 05px 10px rgba(0, 0, 0, 0.25);
transition: 0.3s;

}


.partner-img {
	display: flex;
	-moz-box-align: center;
	align-items: center;
	-moz-box-pack: center;
	justify-content: center;
	width: 100%;
	height: 160px;
	padding: 0px;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	background: #ffffff;


}

.partner-img img {
	position: absolute;
	inset: 0px;
	box-sizing: border-box;
	padding: 0px;
	border: medium;
	margin: auto;
	display: block;
	width: 0px;
	height: 0px;
	min-width: 100%;
	max-width: 100%;
	min-height: 100%;
	max-height: 100%;
	object-fit: contain;
		-webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
	
}

.partner-card:hover .partner-img img {
	-webkit-transform: scale(1.1);
  transform: scale(1.1);}

.partner-card a {
	color: #454545;

}

.partner-card a:hover {
	color: var(--primary);
	text-decoration: none;
}

.common-section {
	min-height: 700px;
}

.partner-card-in {
	padding: 2rem;
	position: relative;
	border-radius: 0.5rem;
	background: #1F3040;
  border:1px solid #324053;
box-shadow: 0 05px 10px rgba(0, 0, 0, 0.25);}
.partner_detail_img_box{
	padding: 30px;
	border-radius: 14px;
	background-color: #324053;
	text-align: center;

}
.partner_detail_img_box_in{
		background-color: #ffffff;
			border-radius: 14px;

				padding: 20px;


}

/* ====================partner CSS End ============================ */


/* subscribe_popup CSS Start  */

.subscribe_popup {
	/* border-radius: 1rem 1rem 0 0 ; */
	background: #324053;
	border:1px solid #2ebbb5;
	box-shadow: 0px 25px 10px rgba(61, 129, 138, 0.03), 0px 14px 8px rgba(61, 129, 138, 0.1), 0px 6px 6px rgba(61, 129, 138, 0.17), 0px 2px 3px rgba(61, 129, 138, 0.2);
	text-align: center;
	/* box-shadow: 22px 52px 22px rgba(65, 114, 81, 0.04),
		13px 29px 19px rgba(65, 114, 81, 0.13),
		6px 13px 14px rgba(65, 114, 81, 0.21),
		1px 3px 8px rgba(65, 114, 81, 0.25); */

	position: fixed;
	bottom: 2rem;
	right: 2rem;
	max-width: 350px;
	z-index: 999;
}
.subscribe_popup_in{
	position: relative;
	z-index: 9;
		padding: 1.3rem;

}

.subscribe_popup:after {
position: absolute;
  content: "";
  background-image: url(../images/background/pricecard_top.png);
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 200px;
  background-size: cover;
  background-repeat: no-repeat;
}
.subscribe_popup:before {
	position: absolute;
	content: "";
	background-image: url(../images/background/pricecard_bottom.png);
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 110px;
	background-size: cover;
	background-repeat: no-repeat;
}
/* Rectangle 2377 */

.subscribe_popup .close {
	position: absolute;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1;
	color: #ffffff;
	text-shadow: 0 1px 0 #fff;
	right: 10px;
	opacity: 1;
	top: 10px;
}

.subscribe_popup h6 {
	font-weight: 600;
	font-size: 1.3rem;
	line-height: 2rem;
	color: #ffffff;

}

.subscribe_popup h2 {
	color: #E9C000;
	font-size: 2.5rem;
	font-weight: 700;
}

.subscribe_popup p {
	font-weight: 400;
	font-size: 1.1rem;
}

.trialbtn{
	padding: .5rem 1rem;
}
.progress-value {
	animation: load 20s normal forwards;
	box-shadow: 0 10px 40px -10px #fff;
	border-radius: 100px;
	background: #E9C000;
	height: 5px;
	width: 0;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 0;
}

@keyframes load {
	0% {
		width: 0;	
	}

	100% {
		width: 100%;
	}
}


.text-yellow{
		color: #E9C000;

}