@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
@import url(font-awesome.min.css);
@import url(bootstrap.min.css);
@import url(plyr.css);
@import url(nice-select.css);
@import url(owl.carousel.min.css);
@import url(owl.theme.default.min.css);
@import url(slider.css);
@import url(seo-inner.css);
@import url(carrer.css);
@import url(inner-page.css);
@import url(jquery-ui.css);
@import url(payment.css);
@import url(packages.css);
@import url(portfolio.css);
@import url(festivepage.css);
@import url(privacy-policy.css);
@import url(modal-right.css);

.box-with-img .img-container,
.core-menu .dropdown li,
.core-menu .dropdown2 li,
.core-menu .dropdown2 li a,
.faq-accordion .accordion .accordion-content.show,
.header-wrapper .navbar .servicesMenu li ul li,
.header-wrapper .navbar .servicesMenu li:hover>ul,
.home-blogs .ttm-entry-date span,
.menuToggle,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
iframe,
menu,
nav,
section {
	display: block
}

canvas,
html {
	height: 100%
}

.top-cristmas,
canvas {
	position: fixed;
	width: 100%
}

:root {
	--color1: #00b050;
	--color2: #000000;
	--color3: #fff;
	--color4: #111;
	--color5: #222;
	--color6: #00b050;
	--color7: #09111a;
	--bg-color: #F7F9FE;
	--font1: 'Montserrat', sans-serif;
	--font2: 'Playfair Display', serif;
	--font3: 'Raleway', sans-serif
}

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

html {
	width: 100%;
	scroll-behavior: smooth
}

body {
	font-family: var(--font3);
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	line-height: 24px
}

::-webkit-scrollbar-track {
	background-color: inherit
}

::-webkit-scrollbar {
	width: 6px;
	height: 10px;
	background-color: inherit
}

::-webkit-scrollbar-thumb {
	background-color: #ccc
}

.checkbox-color,
.checkbox-color label,
.checkbox-color label::after,
.contact-form-drive .get-connected li,
.contat-info li,
.core-menu li,
.core-menu li a,
.drive-btn,
.header_social li,
.payment-bttn {
	display: inline-block
}

a:focus,
a:hover {
	color: var(--color1);
	text-decoration: none
}

a,
button,
input {
	outline: 0;
	color: var(--color1)
}

strong {
	font-weight: 700
}

iframe {
	border: none
}

menu,
ol,
ul {
	margin: 0;
	padding: 0 0 0 25px
}

.top-cristmas {
	z-index: 9999;
	top: -8px;
	background-image: url(../img/top-christmas.png);
	height: 41px;
	background-repeat: repeat-x;
	}

.drive-btn,
.home-cta .ttm-btn.ttm-btn-size-md {
	z-index: 9;
	text-decoration: none;
	overflow: hidden;
	vertical-align: middle
}

canvas {
	left: 0;
	pointer-events: none;
	top: 0;
	z-index: 10
}

.drive-btn {
	cursor: pointer;
	background-color: var(--color1);
	line-height: normal;
	border: 1px solid var(--color1);
	color: var(--color3);
	border: 1px solid transparent;
	border-radius: 0;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	position: relative
}

.ace-responsive-menu li.menu-active>a,
.header_top,
.navbar,
.seo_btn .seo_model_btn {
	background: var(--color6)
}

.drive-btn:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.call-btn .rtl-content .rtl-btn,
.drive-btn:active,
.drive-btn:focus,
.drive-btn:hover,
.featured-icon-box a:hover,
.guaranteed_section .landing-content p b {
	color: var(--color2)
}

.drive-btn:active:before,
.drive-btn:focus:before,
.drive-btn:hover:before,
.meeting_section .meeting-heading .metting_btn:active:before,
.meeting_section .meeting-heading .metting_btn:focus:before,
.meeting_section .meeting-heading .metting_btn:hover:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}

.checkbox-color {
	margin-right: 20px;
	cursor: pointer
}

.checkbox-color label {
	position: relative;
	padding-left: 5px;
	cursor: pointer;
	font-weight: 600;
	color: #000;
	font-size: 17px
}

.ace-responsive-menu li.menu-active>a,
.header_social li,
.header_social li a,
.header_top .header_top_inner .pull-left a,
.payment-bttn {
	color: var(--color3);
	color: var(--color3)
}

.checkbox-color label::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 3px;
	width: 17px;
	height: 17px;
	left: 0;
	margin-left: -20px;
	border: 1px solid #ccc;
	border-radius: 3px;
	background-color: #fff;
	-webkit-transition: border .15s ease-in-out, color .15s ease-in-out;
	-o-transition: border .15s ease-in-out, color .15s ease-in-out;
	transition: border .15s ease-in-out, color .15s ease-in-out
}

.checkbox-color label::after {
	position: absolute;
	width: 16px;
	height: 16px;
	left: 0;
	top: 0;
	margin-left: -20px;
	padding-left: 3px;
	padding-top: 1px;
	font-size: 11px;
	color: #555
}

.checkbox-color label:focus,
select:focus {
	outline: 0
}

.checkbox-color input[type=checkbox] {
	opacity: 0
}

.checkbox-color input[type=checkbox]:focus+label::before {
	outline: dotted thin;
	outline: -webkit-focus-ring-color auto 5px;
	outline-offset: -2px
}

.checkbox-color input[type=checkbox]:checked+label::after {
	font-family: FontAwesome;
	content: "\f00c"
}

.checkbox-color input[type=checkbox]:disabled+label {
	opacity: .65
}

.checkbox-color input[type=checkbox]:disabled+label::before {
	background-color: #eee;
	cursor: not-allowed
}

.checkbox-color.checkbox-circle label::before {
	border-radius: 50%
}

.checkbox-color.checkbox-inline {
	margin-top: 0
}

.checkbox-primary input[type=checkbox]:checked+label::before {
	background-color: #00b050;
	border-color: #00b050
}

.c-youtube:hover i,
.career-section .reqbtn:hover,
.checkbox-primary input[type=checkbox]:checked+label::after,
.inner-seo-page .featured-imagebox:hover .featured-content .featured-desc p,
.inner-seo-page .featured-imagebox:hover .featured-content .ttm-btn.btn-inline,
.meeting_section .meeting-heading .metting_btn:active,
.meeting_section .meeting-heading .metting_btn:focus,
.meeting_section .meeting-heading .metting_btn:hover,
.scroll-top:focus,
.scroll-top:hover,
.whenlogin ul li a {
	color: #fff
}

.header_top {
	position: relative;
	z-index: 99
}

.header_top .header_top_inner {
	clear: both;
	overflow: hidden
}

.header_social li {
	margin-right: 5px
}

.header_social li:last-child {
	margin-right: 0
}

.header-wrapper .header-top .primary-btn,
.header_social li a {
	line-height: 40px
}

.header_top .header_top_inner .pull-left a {
	opacity: 1;
	line-height: 40px;
	font-family: var(--font1);
	font-size: 14px;
	text-decoration: none;
	letter-spacing: .45px;
	margin-right: 22px;
	font-weight: 500
}

.header-wrapper {
	width: 100%;
	-webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .1);
	background: #fff;
	z-index: 3000
}

.header-wrapper.fixed-top {
	top: 0;
	left: auto;
	right: auto
}

.header-wrapper .header-top .navbar-brand svg,
.page-footer .footer-top .navbar-brand svg {
	width: 100%;
	max-width: 14.5rem
}

.footer-newsletter form .form-group button:hover svg .cls-1,
.header-wrapper .header-top .navbar-brand svg .cls-2,
.page-footer .footer-top .navbar-brand svg .cls-2 {
	fill: #5c81fa
}

.header-wrapper .header-top .navbar-brand svg .cls-1 {
	fill: #7d7d7d
}

.header-wrapper .header-top .contact-numb {
	font-size: 18px;
	line-height: 1;
	color: #888
}

.header-wrapper .header-top .contact-numb i {
	font-size: 22px;
	font-weight: 600;
	margin-right: 5px;
	vertical-align: top
}

.header-wrapper .header-top .mm-toggler {
	margin: 0 0 0 3rem !important
}

.header-wrapper .header-top .header-top-icon {
	fill: #5d87ff
}

.header-wrapper .header-top .header-top-icon-2 {
	fill: #256782
}

.header-top,
.header-wrapper .navbar,
.metting-calendly .modal-body {
	padding: 0
}

.header-wrapper .navbar .nav-item .nav-link {
	padding: 0;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	position: relative
}

.header-wrapper .navbar .nav-item .nav-link::after {
	content: " ";
	width: 0;
	height: 2px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	background: 0 0;
	top: 50%;
	margin-top: -1px
}

.box-with-img .img-container img,
.contctinformation .home-seo-slider .client img,
.default-btn:hover::before,
.footer-modal .contact-form-modal .form-content,
.header-wrapper .navbar .nav-item.active .nav-link::after {
	width: 100%
}

.header-wrapper .navbar button .toggler-icon {
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.header-wrapper .navbar button.change .bar1 {
	-webkit-transform: rotate(-45deg) translate(-6px, 5px);
	-ms-transform: rotate(-45deg) translate(-6px, 5px);
	transform: rotate(-45deg) translate(-6px, 5px)
}

.header-wrapper .navbar button.change .bar2 {
	opacity: 0;
	-webkit-transform: translateX(-100px);
	-ms-transform: translateX(-100px);
	transform: translateX(-100px)
}

.header-wrapper .navbar button.change .bar3 {
	-webkit-transform: rotate(45deg) translate(-5px, -4px);
	-ms-transform: rotate(45deg) translate(-5px, -4px);
	transform: rotate(45deg) translate(-5px, -4px)
}

.header-wrapper .navbar-toggler {
	border: none;
	outline: 0 !important;
	cursor: pointer;
	margin: 6px;
	padding: 0
}

.header-wrapper .navbar-toggler span.toggler-icon,
.menuToggle span.toggler-icon {
	width: 22px;
	height: 4px;
	display: block;
	background: #194a84;
	margin: 4px 0;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	border-radius: 50px
}

.navbar-toggler-icon {
	background-image: none !important
}

.contat-info li:not(:last-child):before {
	content: "";
	height: 18px;
	width: 1px;
	background-color: rgba(255, 255, 255, .09);
	display: block;
	position: absolute;
	right: 0;
	top: 17px
}

.p-home .navbar {
	background-color: var(--menu2-color)
}

.header-wrapper .soicilcls li a {
	font-weight: 600
}

.header-wrapper .header-top .navbar-brand img {
	max-width: 250px;
	min-height: 71px
}

.about-img img,
.anniversary_img img,
.event-box img,
.featured-icon-box .featured-icon .ttm-icon img,
.home-cta .contact-here img,
.landing-banner-img img,
.letterhead img,
.login__form img {
	max-width: 100%
}

.payment-bttn {
	background: var(--btn-bg);
	text-decoration: none;
	font-size: 13px;
	padding: 5px 20px;
	border-radius: 30px;
	margin: 3px 0;
	text-transform: uppercase;
	text-align: center;
	position: relative;
	font-weight: 600
}

.payment-bttn.careers {
	background: var(--navbar-color);
	padding: 5px 30px;
	font-size: 14px;
	margin-left: 20px;
	color: #fff
}

.main-menu {
	display: block;
	position: relative
}

.container-menu {
	width: 80%;
	margin: 0 auto
}

.main-menu:after,
.main-menu:before {
	display: table;
	line-height: 0;
	content: ""
}

.core-menu {
	text-align: right;
	margin-right: 5%;
	float: right;
	position: absolute;
	right: 0
}

.core-menu li {
	list-style: none;
	cursor: pointer;
	position: relative
}

.core-menu li a {
	padding: 16px 0 7px;
	font-weight: 600;
	color: var(--color2);
	font-size: 17px;
	position: relative;
	margin: 0 10px;
	line-height: 41px
}

.core-menu>li>a:before {
	content: "";
	position: absolute;
	height: 2px;
	bottom: 5px;
	left: 0;
	background-color: var(--color4);
	visibility: hidden;
	width: 0;
	transition: .3s ease-in-out
}

.core-menu>li>a:hover::before {
	visibility: visible;
	width: 100%
}

.breadcrumb .breadcrumb-item::before,
.core-menu>li a.website-bttn:hover::before,
.form-d-none,
.menuHolder .close-menu,
.section_life .nav-tab-holder .nav-tabs>li:last-child:after {
	display: none
}

li span.toggle {
	padding-left: 4px
}

.website-bttn {
	color: var(--color3) !important;
	padding: 3px 15px !important;
	border-radius: 0;
	font-weight: 500 !important;
	font-size: 15px !important
}

.core-menu .dropdown,
.core-menu .dropdown2 {
	position: absolute;
	width: 230px;
	border: 1px solid #eee;
	display: none;
	text-align: left
}

.toggle:before {
	content: "\f107";
	font: 600 16px/1 FontAwesome
}

.core-menu .dropdown {
	background: var(--color3);
	z-index: 999;
	padding-left: 0
}

.core-menu .dropdown li a {
	display: block;
	color: #111;
	padding: 0 11px;
	font-weight: 600;
	font-size: 15px;
	border-bottom: 1px dashed #ebebeb;
	margin: 0;
	transition: 1s
}

.core-menu .dropdown li.active>a {
	background: #00f
}

.core-menu .dropdown li a:hover {
	color: var(--color3);
	background: var(--color1);
	padding-left: 20px;
	transition: 1s
}

.core-menu .dropdown2 li a:hover {
	color: var(--menu2-hover);
	background: var(--color3);
	padding-left: 20px;
	transition: 1s
}

li span.toggle2 {
	position: absolute;
	right: 0;
	margin-right: 20px
}

.core-menu .dropdown2 {
	background: var(--dropdown-hover);
	right: -100%;
	top: 0
}

.core-menu .dropdown2 li a {
	color: var(--color3);
	transition: 1s
}

.toggle2:before {
	content: "\f105";
	font: 16px/1 FontAwesome
}

.hamburger-menu {
	padding: 1em;
	display: none;
	font: 16px/1 Roboto;
	text-transform: uppercase
}

#feedback-form,
.form-control {
	font-family: Roboto, sans-serif
}

.main-menu .navbar-brand {
	float: left;
	padding: 0
}

.result-box {
	width: 145px !important;
	left: 0 !important
}

@keyframes blinking {
	0% {
		background-color: #23b5c8
	}

	100% {
		background-color: #2d70be
	}
}

.hiring-btn {
	background: #2d70be;
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
	height: auto;
	padding: 3px 17px 10px;
	position: fixed;
	left: -34px;
	text-align: center;
	top: 52%;
	transform: rotate(-90deg);
	animation: 1.5s infinite blinking;
	z-index: 999;
	display: none
}

.hiring-btn a {
	font-size: 16px;
	display: block;
	color: #fff;
	text-decoration: none;
	outline: 0;
	font-weight: 500;
	letter-spacing: 1px
}

.form__input--floating input,
.form__label--floating,
select.form__input--floating {
	font-size: 1.25rem;
	font-weight: 600;
	color: #fff
}

@media (max-width:991px) {

	.core-menu,
	.core-menu .dropdown li a {
		text-align: left
	}

	.main-menu {
		height: 50px
	}

	.container-menu {
		width: 100%
	}

	.navigation {
		float: left;
		display: block;
		width: 100%
	}

	.core-menu {
		float: right;
		width: 100%;
		margin: auto;
		display: none
	}

	.core-menu li {
		width: 100%;
		display: block
	}

	.core-menu li a {
		display: block;
		margin: auto
	}

	.hamburger-menu {
		display: block;
		text-align: center;
		padding-right: 60px;
		float: none;
		width: 100%
	}

	.burger-1,
	.burger-2,
	.burger-3 {
		display: block;
		position: absolute;
		width: 28px;
		height: 3px;
		border-radius: 30px;
		right: 0;
		margin-right: 25px;
		background: var(--navbar-color);
		-webkit-transition: .2s;
		-ms-transition: .2s;
		-moz-transition: .2s;
		-o-transition: .2s;
		transition: .2s
	}

	.burger-1 {
		top: 15px
	}

	.burger-2 {
		top: 23px
	}

	.burger-3 {
		top: 31px
	}

	.burger-1.open,
	.burger-2.open,
	.burger-3.open {
		-webkit-transition: .2s;
		-ms-transition: .2s;
		-moz-transition: .2s;
		-o-transition: .2s;
		transition: .2s;
		transform-origin: 50% 50%
	}

	.burger-1.open {
		top: 25px;
		width: 23px;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg)
	}

	.burger-2.open {
		opacity: 0
	}

	.burger-3.open {
		top: 25px;
		width: 23px;
		transform: rotate(-45deg)
	}

	.core-menu .dropdown {
		width: 100%;
		text-align: center;
		position: relative
	}

	.core-menu .dropdown2 {
		right: 0;
		top: 0;
		width: 100%;
		position: relative;
		padding: 0 20px
	}

	.header_top .header_top_inner .pull-left a {
		font-size: 13px
	}

	.header_top .header_top_inner .pull-left:last-child a {
		margin-right: 0
	}
}

.form__input--floating {
	margin: 0 0 12px
}

.form__input--floating input {
	padding: 20px 0 3px;
	width: 100%;
	box-sizing: border-box;
	border: none;
	border-bottom: 1px solid #fff;
	z-index: 1;
	position: relative;
	background: 0 0
}

.form__label--floating {
	position: absolute;
	padding: 14px 0 0;
	-webkit-transition: .2s;
	transition: .2s
}

.form__label--floating.transform {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
	font-size: 1rem
}

.login__form .login__form_action_container {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column
}

form.login__form {
	padding: 40px 15px;
	background: #fff
}

.form-right {
	background: #194a84;
	padding: 20px;
	border: 1px solid #eee;
	border-radius: 10px
}

.header-form .modal-dialog {
	max-width: 950px
}

select.form__input--floating {
	padding: 15px 0 10px;
	width: 100%;
	box-sizing: border-box;
	border: none;
	border-bottom: 1px solid #fff;
	z-index: 1;
	position: relative;
	background: #194a84
}

.header-form .modal-content {
	background: #fff;
	border-radius: 0;
	border: 0
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover,
.content .switch {
	opacity: 1
}

.header-wrapper .navbar {
	display: table;
	width: 100%;
	text-align: center
}

.header-wrapper .navbar .btn-contact,
.header-wrapper .navbar .homecls {
	display: table-cell;
	width: 50px;
	padding: 0;
	color: #fff;
	vertical-align: middle
}

.header-wrapper .navbar .megaMenu,
.header-wrapper .navbar .servicesMenu {
	display: table;
	width: 100%;
	position: relative
}

.header-wrapper .navbar .megaMenu li,
.header-wrapper .navbar .servicesMenu li {
	display: table-cell;
	border-right: 1px solid #8dd5f0;
	position: static
}

.header-wrapper .navbar .megaMenu>li:first-of-type,
.header-wrapper .navbar .servicesMenu>li:first-of-type {
	border-left: 1px solid #8dd5f0
}

.header-wrapper .navbar .megaMenu li a,
.header-wrapper .navbar .servicesMenu li a {
	margin: 0;
	text-transform: uppercase
}

.header-wrapper .navbar .megaMenu li a:hover,
.header-wrapper .navbar .servicesMenu li a:hover {
	background: #fff
}

.header-wrapper .navbar .megaMenu>li>ul {
	position: absolute;
	display: none;
	margin: 0;
	left: 0;
	top: 49px;
	width: 100%;
	background: #fff;
	padding: 0;
	border-radius: 0
}

.header-wrapper .navbar .megaMenu li ul li a:hover {
	background: url(../images/businessProcess.html) 10px center no-repeat #eee
}

.header-wrapper .navbar .megaMenu>li:hover>ul {
	display: table
}

.header-wrapper .navbar .megaMenu>li>ul>li {
	display: table-cell !important
}

.header-wrapper .navbar .megaMenu>li>ul>li strong {
	padding: 10px 15px;
	display: inline-block
}

.header-wrapper .navbar .megaMenu li ul li {
	display: block;
	border: none
}

.header-wrapper .navbar .megaMenu li ul li a {
	padding: 10px 15px 10px 25px;
	color: #666;
	font-size: 14px;
	border-bottom: 1px solid #ddd;
	width: 100%;
	display: inline-block;
	background: url(../images/businessProcess.html) 10px center no-repeat
}

.header-wrapper .header-top .contact-numb .grad-icon::before {
	color: #888
}

.header-wrapper .nav-social-links a,
.header-wrapper a.icon-search {
	padding: 0;
	border: none;
	line-height: normal;
	height: auto;
	width: auto;
	font-size: 24px;
	margin-right: 20px;
	margin-left: 0;
	vertical-align: middle
}

.header-wrapper .nav-social-links a i.skype,
.header-wrapper .nav-social-links a i.whatsapp {
	width: 22px;
	vertical-align: top;
	display: inline-block;
	margin-top: 4px;
	height: 22px;
	background: url(../images/skype.html) 0 0/100% auto no-repeat
}

.header-wrapper .nav-social-links a.c-skype:hover i {
	background: url(../images/skype-hover.html) 0 0/100% auto no-repeat
}

.header-wrapper .nav-social-links a.c-whatsapp i.whatsapp {
	width: 28px;
	background: url(../images/whatsapp-icon.html) 0 0/100% auto no-repeat;
	height: 28px;
	margin: 0
}

.header-wrapper .nav-social-links a.c-whatsapp:hover i.whatsapp {
	background: url(../images/whatsapp-icon-hover.html) 0 0/100% auto no-repeat
}

.header-wrapper .top-btn {
	float: right;
	text-align: right;
	top: 44px;
	position: absolute;
	right: 0
}

.header-wrapper .top-btn a {
	font-size: 13px;
	background-color: var(--color6);
	padding: 5px 15px 5px 30px;
	color: #fff;
	border-radius: 0;
	display: inline-block;
	margin: 5px 0;
	text-transform: capitalize;
	text-align: center;
	position: relative;
	font-family: var(--font3);
	box-shadow: 15px 2px 6px 0 #888;
	font-weight: 700
}

.home_about .about-text-box,
.home_about .title-desc p {
	text-align: justify;
	font-size: 17px;
	font-family: var(--font3)
}

.header-form .close {
	background: #222;
	opacity: 1;
	border-radius: 0;
	width: 45px;
	height: 45px;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 999
}

.header-wrapper .top-btn a:after {
	width: 0;
	content: "";
	height: 0;
	border-style: solid;
	border-width: 35px 0 0 15px;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	left: 0;
	top: 0
}

.header-wrapper .top-btn a.careers {
	width: 130px
}

.header-wrapper .soicilcls li.top-btn a:hover {
	background: #4a86b8
}

.header-wrapper .nav-social-links a i,
.header-wrapper a.icon-search i {
	color: #888 !important
}

.header-wrapper .header-top .contact-numb {
	padding-right: 25px
}

.header-wrapper .nav-social-links a:hover,
.header-wrapper a.icon-search:hover {
	background: 0 0 !important;
	transform: scale(1.1);
	-webkit-transform: scale(1.1)
}

.header-wrapper .nav-social-links a:hover i,
.header-wrapper a.icon-search:hover i {
	color: #1baae1 !important
}

.cta-btn,
.driveit-cookies,
.event-box,
.event-section,
.footer-newsletter form .form-group,
.header-wrapper .navbar .servicesMenu li,
.home-blogs .post-meta .ttm-meta-line,
.home-contact-forms .inputContainer,
.home-cta .contact-here,
.home_services .services_heading,
.manke-a-payment .inputContainer,
.our_portfolio .services_heading,
.pop-form .inputContainer,
.position-relative,
.seofy_services,
.title-box .page-title-heading,
.written-testimonial .testimonial-block-four .inner-box .info-box {
	position: relative
}

.header-wrapper .navbar .servicesMenu li ul {
	min-width: 250px;
	display: none;
	background-color: #fff;
	border: none;
	position: absolute;
	z-index: 9998;
	border-radius: 0;
	text-align: left;
	padding: 0;
	margin: 0
}

.header-wrapper .navbar .servicesMenu li ul li a {
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	font-size: 14px;
	width: 100%;
	color: #555;
	padding: 10px 20px;
	display: inline-block;
	border-bottom: 1px solid #eee
}

.header-wrapper .navbar .servicesMenu .dropdown>a::after {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-left: .3em solid transparent
}

.header-wrapper .navbar .servicesMenu li ul .dropdown>a::after {
	position: absolute;
	right: 15px;
	top: 20px;
	transform: rotate(-90deg)
}

.header-wrapper .navbar .servicesMenu li ul li ul {
	top: 0;
	left: 100%
}

.header-wrapper .navbar .servicesMenu li ul a:hover {
	background: #eee
}

.seo_btn .seo_model_btn {
	border: 1px solid var(--color1);
	color: #fff;
	font-weight: 800 !important
}

.seo_btn .seo_model_btn:hover {
	background-color: var(--color2);
	color: #fff;
	border: 1px solid var(--color2)
}

#heroslider .owl-next,
#heroslider .owl-prev {
	position: absolute;
	top: 50%;
	transform: translateY(-50% -50%);
	display: block !important;
	border-radius: 50%;
	border: 2px solid var(--color3);
	width: 70px;
	height: 70px
}

#heroslider .owl-prev {
	left: 50px
}

#heroslider .owl-next {
	right: 50px
}

#heroslider .owl-next:hover,
#heroslider .owl-prev:hover {
	background-color: var(--color2);
	color: var(--color3);
	border-color: var(--color2)
}

#heroslider .owl-dot,
#heroslider .owl-dot.active {
	background: #fa5c15 !important;
	border-radius: 30px;
	height: 15px !important;
	width: 15px !important;
	transition-delay: -0.5s !important
}

#heroslider .owl-next i,
#heroslider .owl-prev i {
	color: var(--color3);
	font-size: 30px
}

#heroslider .owl-dot:focus,
#heroslider .owl-next:focus,
#heroslider .owl-prev,
#home-real-results .owl-dot:focus,
#home-recent-testimonial .owl-dot:focus,
#protfolio-slide .owl-next:focus,
#protfolio-slide .owl-prev,
.drive-btn:focus,
.footer-newsletter form .form-group .form-control:active,
.footer-newsletter form .form-group .form-control:focus,
.footer-newsletter form .form-group button:focus,
.form-control:focus {
	outline: 0;
	box-shadow: none
}

#heroslider .owl-dot {
	background: var(--color4) !important;
	margin-left: 10px !important
}

#heroslider .owl-dots,
#home-real-results .owl-dots,
#home-recent-testimonial .owl-dots {
	text-align: center;
	display: block !important
}

.contctinformation {
	background: var(--color2);
	padding: 20px 15px
}

.contctinformation .home-seo-slider .client {
	padding: 13px;
	background-color: var(--color3)
}

.home_about {
	padding: 60px 0;
	clear: both
}

.home_about .home_about_title h5 {
	color: var(--color1) !important;
	font-family: var(--font1);
	font-weight: 600;
	text-transform: capitalize;
	font-size: 16px;
	line-height: 23px;
	margin-bottom: 5px
}

.common_section_title{
	color: var(--color2) !important;
	font-family: var(--font1);
	font-weight: 600;
	text-transform: capitalize;
	font-size: 35px;
	line-height: 1.2em;
	margin-bottom: 5px
}
.common_section_title.light{
	color: white !important;
}
.common_section_title span{
	font-style: italic;
    font-weight: 700;
    font-family: var(--font2);
    letter-spacing: 1.2px;
    color: var(--color1) !important;
}
.mini_title{
	color: var(--color1) !important;
    font-family: var(--font1);
    font-weight: 600;
    text-transform: capitalize;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 5px;
}
.home_about h2.title,
.section-title h2,
.testimonial-video h2,
.testimonial_letterhead .testimonial-letterhead h2,
.written-testimonial .written_testimonial h2 {
	font-family: var(--font1);
	font-weight: 700;
	text-transform: capitalize;
	font-size: 30px;
	line-height: 40px;
	margin-bottom: 5px;
	color: var(--color2)
}

.home_about h2.title span,
.testimonial-video h2 span,
.testimonial_letterhead .testimonial-letterhead h2 span,
.written-testimonial .written_testimonial span {
	font-style: italic;
	font-weight: 700;
	font-family: var(--font2);
	letter-spacing: 1.2px;
	color: var(--color1) !important
}

.career-section .carrer-heading,
.guaranteed_section .guarantedd_title,
.home_about .home_about_title,
.section-title .title-header,
.testimonial_letterhead .testimonial-letterhead,
.written-testimonial .testimonial-block-four,
.written-testimonial .written_testimonial {
	position: relative;
	margin-bottom: 40px
}

.home_about .home_about_title:before,
.testimonial-video:before,
.testimonial_letterhead .testimonial-letterhead::before,
.written-testimonial .written_testimonial:before {
	width: 52px;
	bottom: -15px;
	height: 4px;
	top: auto;
	position: absolute;
	content: '';
	border: 4px solid transparent;
	border-bottom: 0;
	border-top-color: var(--color1) !important
}

.home_about .title-desc p {
	font-weight: 500;
	line-height: 28px;
	margin-bottom: 15px;
	color: var(--color5);
	word-spacing: -1px
}

.home_about .mt-35 {
	margin-top: 25px
}

.home_about .mb-30 {
	margin-bottom: 10px !important
}

.home_about .mt-25 {
	margin-top: 10px !important
}

.home_about ul.ttm-list {
	list-style: none;
	padding: 0
}

.home_about .ttm-list.ttm-list-style-icon li {
	padding-left: 22px;
	list-style: none;
	position: relative;
	color: #1e2637;
	font-weight: 600;
	font-family: var(--font3);
	padding-bottom: 10px;
	font-size: 15px
}

.home_about .ttm-list.ttm-list-style-icon li i {
	position: absolute;
	left: 0;
	top: 3px;
	color: var(--color1)
}

.home_about .separator .sep-line {
	height: 1px;
	border-top: 1px solid #ebebeb;
	display: block;
	position: relative;
	width: 100%
}

.home_about .about-text-box strong {
	font-weight: 700;
	font-size: 17px;
	color: #1e2637 !important
}

.home_about .about-text-box {
	color: var(--color4)
}

.home_about .fw-500 {
	color: var(--color1);
	font-size: 20px;
	font-weight: 700
}

.home-about-img {
	overflow: hidden
}

.home-about-img img {
	max-width: 100%;
	transition: .3s
}

.home-real-results,
.home-service-pd {
	padding: 50px 0;
	clear: both;
	background-color: var(--bg-color)
}

.home-service-pd .services-heading {
	text-align: center;
	margin-bottom: 52px;
	position: relative
}

.guaranteed_section .guarantedd_title h5,
.home-service-pd .services-heading h5 {
	color: var(--color1);
	font-family: var(--font1);
	font-weight: 700
}

.career-section .carrer-heading h2,
.home-blogs .blog-heading h2.title,
.home-real-results h2.title,
.services-heading h2.title {
	font-size: 34px;
	line-height: 44px;
	margin-bottom: 0;
	font-weight: 700;
	color: var(--color2);
	font-family: var(--font1)
}

.home-blogs .blog-heading:before,
.home-real-results .real-results-heading:before,
.home-service-pd .services-heading:before {
	width: 60px;
	bottom: -20px;
	height: 4px;
	top: auto;
	position: absolute;
	content: '';
	border-top-color: var(--color2) !important;
	border: 4px solid transparent;
	border-bottom: 0;
	left: 50%;
	margin-left: -26px
}

.home-blogs .blog-heading span,
.home-real-results h2.title span,
.home-service-pd .services-heading h2.title span {
	font-style: italic;
	font-weight: 700;
	font-family: var(--font2);
	letter-spacing: 1.2px;
	color: var(--color1)
}

.home-blogs .featured-imagebox-blog .featured-thumbnail,
.home-service-pd .arrow-bg {
	position: relative;
	overflow: hidden
}

.home-service-pd .nav-tab-holder .nav-tabs,
.section_life .nav-tab-holder .nav-tabs {
	border: 0;
	float: none;
	display: table;
	table-layout: fixed;
	width: 100%
}

.home-service-pd .nav-tab-holder .nav-tabs>li {
	margin-bottom: -3px;
	text-align: center;
	padding: 0;
	display: inline-grid;
	float: none
}

.home-service-pd .nav-tab-holder .nav-tabs>li>a {
	background: 0 0;
	color: var(--color2);
	margin: 10px 10px 25px;
	font-size: 16px;
	border: solid 2px var(--color2);
	text-shadow: none;
	border-radius: 0;
	font-weight: 600;
	text-transform: uppercase;
	padding: 12px 15px;
	font-family: var(--font1);
	text-decoration: none
}

.home-service-pd .nav-tab-holder .nav-tabs>li>a.active,
.nav-tabs>li>a.active:focus,
.nav-tabs>li>a:hover {
	color: var(--color3);
	background-color: var(--color2);
	border: 2px solid transparent;
	border-radius: 0;
	font-family: var(--font1);
	font-weight: 600
}

.home-service-pd .featured-icon-box {
	margin: 15px 0;
	background-color: var(--color3);
	position: relative;
	text-align: center;
	-webkit-transition: .6s cubic-bezier(.165, .84, .44, 1);
	-o-transition: .6s cubic-bezier(.165, .84, .44, 1);
	transition: .6s cubic-bezier(.165, .84, .44, 1);
	-webkit-box-shadow: 0 3px 4px 0 rgba(38, 59, 94, .1);
	box-shadow: 0 3px 4px 0 rgba(38, 59, 94, .1)
}

.home-clients-slider,
.home-testimonial {
	transition: background .3s, border-radius .3s, opacity .3s;
	opacity: 1
}

.home-service-pd .featured-icon-box .featured-content {
	padding: 10px 30px 15px
}

.home-service-pd .featured-icon-box:hover {
	-webkit-transform: translateY(-16px);
	-ms-transform: translateY(-16px);
	transform: translateY(-16px);
	-webkit-box-shadow: 0 30px 60px 0 rgba(38, 59, 94, .1);
	box-shadow: 0 30px 60px 0 rgba(38, 59, 94, .1)
}

.home-service-pd .featured-icon-box:after,
.home-service-pd .featured-icon-box:before {
	position: absolute;
	left: -10px;
	top: 0;
	display: block;
	content: ''
}

.home-service-pd .featured-icon-box .servicebox-number {
	color: rgb(39 57 107 / .1);
	font-size: 80px;
	position: absolute;
	top: 90px;
	left: 50%
}

.home-service-pd .featured-content .featured-title h5 {
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 15px;
	padding-top: 20px;
	font-weight: 600;
	color: var(--color1);
	text-align: center;
	font-family: var(--font2)
}

.home-service-pd .featured-content .featured-desc p {
	font-weight: 500;
	font-size: 17px;
	line-height: 28px;
	margin-bottom: 15px;
	color: var(--color5);
	word-spacing: -1px;
	font-family: var(--font3)
}

.featured-icon-box a {
	text-decoration: none;
	font-size: 17px;
	padding: 0 !important;
	border: 1px solid transparent;
	background-color: transparent;
	overflow: visible;
	font-weight: 700;
	font-family: var(--font3);
	color: var(--color1)
}

.Search-Engine {
	padding: 50px 0;
	clear: both;
	background-color: #f7f9fe
}

.home-clients-slider {
	padding: 50px 0;
	background-color: var(--color2);
	background-image: url(../img/image-new/digital-dotted.png);
	background-position: center center;
	background-repeat: no-repeat
}

.home-clients-slider .title-header {
	margin-bottom: 0;
	position: relative
}

.contact-form-drive h4,
.home-clients-slider .title-header h5 {
	color: var(--color3);
	font-weight: 700;
	font-family: var(--font1)
}

.home-clients-slider h2.title {
	font-size: 34px;
	line-height: 44px;
	margin-bottom: 0;
	font-weight: 600;
	color: var(--color3);
	font-family: var(--font1)
}

.home-clients-slider .title-header:before,
.home-contact-form .home-contact-form-heading:before {
	width: 60px;
	bottom: -20px;
	height: 4px;
	top: auto;
	position: absolute;
	content: '';
	border-top-color: var(--color3) !important;
	border: 4px solid transparent;
	border-bottom: 0;
	left: 50%;
	margin-left: -26px
}

.home-clients-slider h2.title span {
	font-style: italic;
	font-weight: 700;
	font-family: var(--font2);
	letter-spacing: 1.2px;
	color: var(--color3)
}

.align_self,
.home-clients-slider .protfolio .flex-align {
	align-self: center
}

.home-clients-slider .protfolio .flex-align .portfolio-left h3 {
	color: var(--color3);
	font-size: 32px;
	line-height: 38px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	font-family: var(--font1)
}

.home-clients-slider .protfolio .flex-align .portfolio-left .description {
	color: var(--color3);
	margin: 20px 0;
	font-size: 17px;
	text-align: center;
	font-weight: 400;
	font-family: var(--font3)
}

.home-clients-slider .protfolio .flex-align .portfolio-left .result-text {
	font-size: 30px;
	text-align: center;
	color: #fdd849;
	font-weight: 700
}

.client-slider {
	background: #fff;
	padding: 5px 0
}

.home-cta,
.home-testimonial {
	background-repeat: no-repeat;
	clear: both
}

.slick-slide img {
	width: 150px;
	margin: 0 10px;
	filter: gray;
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%)
}

.slick-slide img:hover {
	filter: none;
	-webkit-filter: grayscale(0);
	cursor: default
}

#protfolio-slide .owl-next,
#protfolio-slide .owl-prev {
	position: absolute;
	top: 50%;
	transform: translateY(-50% -50%);
	display: block !important;
	border-radius: 0
}

#protfolio-slide .owl-prev {
	left: 0
}

#protfolio-slide .owl-next {
	right: 0
}

#protfolio-slide .owl-next:hover,
#protfolio-slide .owl-prev:hover {
	background: 0 0;
	color: var(--color3)
}

#protfolio-slide .owl-next i,
#protfolio-slide .owl-prev i {
	color: var(--color3);
	font-size: 50px
}

.home-testimonial {
	padding: 50px 0;
	/* background-image: url(../img/map-img.jpg);
	background-position: center center */
}

.home-real-results .real-results-heading,
.home-testimonial .testimonial-title {
	margin-bottom: 52px;
	position: relative
}

.home-testimonial .testimonial-title h2 {
	font-size: 34px;
	line-height: 44px;
	margin-bottom: 0;
	font-weight: 700;
	color: #263045;
	font-family: var(--font1)
}

.home-testimonial .testimonial-title:before {
	width: 60px;
	bottom: -20px;
	height: 4px;
	top: auto;
	position: absolute;
	content: '';
	border-top-color: var(--color1) !important;
	border: 4px solid transparent;
	border-bottom: 0;
	left: 50%;
	margin-left: -26px
}

.home-testimonial .testimonial-title span {
	font-style: italic;
	font-weight: 700;
	color: var(--color1);
	font-family: var(--font2);
	letter-spacing: 1.2px
}

.home-testimonial .p_testimonial {
	max-width: 750px;
	margin: 15px auto 0;
	color: var(--color5);
	line-height: 25px;
	font-size: 16px;
	font-family: var(--font3);
	font-weight: 500
}

.home-testimonial .testimonail-box {
	background: var(--color3);
	border-radius: 6px;
	/* box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1); */
	padding: 5px 30px 30px;
	margin-bottom: 20px;
	position: relative;
	transition: .5s;
	height: auto
}

.testimonail-box:hover {
	/* -webkit-box-shadow: 0 0 10px rgba(7, 132, 199, .1);
	box-shadow: 0 0 10px rgba(7, 132, 199, .1); */
	/* -webkit-transform: translateY(-9px);
	transform: translateY(-9px) */
}

.testimonail-box:hover .rating i {
	color: #ff9529
}

.home-testimonial .testimonail-box .quote-icon {
	position: absolute;
	top: 15px;
	left: -5px;
	background: url(../img/two-quotes.svg) 0 0/31px 26px no-repeat;
	width: 31px;
	height: 26px;
	display: block;
	-webkit-animation: 5s linear infinite movebounce1;
	animation: 5s linear infinite movebounce1
}

@-webkit-keyframes movebounce1 {

	0%,
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	50% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px)
	}
}

@keyframes movebounce1 {

	0%,
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	50% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px)
	}
}

.home-testimonial .testimonail-box p {
	margin: 0;
	padding: 15px 0 20px;
	color: var(--color5);
	font-size: 17px;
	line-height: 28px;
	letter-spacing: .02em;
	display: block;
	text-align: left;
	font-weight: 500;
	font-family: var(--font3)
}

.home-cta .call-text h3,
.home-cta .call-text h4,
.home-cta h5 {
	font-weight: 700;
	font-family: var(--font1)
}

.home-testimonial .testimonail-btm {
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.testimonail-btm h5 {
	margin: 0;
	padding: 0 10px 0 0;
	font-size: 100%;
	line-height: 100%;
	gap:30px;
	display: block
}

.testimonail-btm h5 small {
	display: block;
	color: var(--color2);
	font-size: 16px;
	font-weight: 700;
	letter-spacing: .025em;
	margin-bottom: 10px
}

.testimonail-btm h5 big {
	font-size: 14px;
	color: #202020;
	letter-spacing: .025em;
	font-weight: 400
}

.testimonail-btm span {
	margin: 0 0 0 auto
}

.testimonail-btm span img {
	border: 5px solid var(--color1);
	border-radius: 90px;
	width: 100px !important;
	height: 100px
}

.home-cta {
	padding: 50px 0 0;
	background-color: var(--color2);
	background-image: url(../img/cta-bg.png);
	background-size: 100%
}

.call-btn .rtl-content {
	position: relative;
	left: 80px;
	bottom: -60px;
	z-index: 1111
}

.home-cta .call-text,
.home-cta .text-cta {
	position: absolute;
	color: var(--color3);
	text-align: center
}

.home-cta .call-text {
	left: 35%;
	top: 33%
}

.home-cta .call-text h4 {
	font-size: 20px;
	color: var(--color3)
}

.home-cta .call-text h3 {
	font-size: 40px;
	margin-top: 18px;
	color: var(--color3)
}

.home-cta h5 {
	color: var(--color3);
	font-size: 26px
}

.home-cta .text-cta {
	top: 52%;
	left: 15%
}

.home-cta .text-cta p {
	font-size: 19px;
	font-weight: 500;
	color: var(--color3);
	font-family: var(--font3);
	text-align: center
}

.home-cta .ttm-btn.ttm-btn-size-md {
	display: inline-block;
	font-size: 20px;
	cursor: pointer;
	background-color: var(--color3);
	line-height: normal;
	padding: 11px 50px 15px;
	color: var(--color2);
	border: 1px solid transparent;
	border-radius: .25rem !important;
	position: relative;
	font-weight: 700;
	text-transform: capitalize;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out
}

.home-cta .ttm-btn.ttm-btn-size-md:hover {
	background: #2a3d5c;
	-webkit-transition: .2s ease-in-out;
	color: var(--color3);
	transition: .2s ease-in-out
}

.home-cta .ttm-btn.ttm-btn-size-md:after,
.home-cta .ttm-btn.ttm-btn-size-md:before,
.ttm-btn.ttm-btn-size-md:after,
.ttm-btn.ttm-btn-size-md:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	transition: .5s
}

.home-cta .ttm-btn.ttm-btn-size-md:hover:before,
.ttm-btn.ttm-btn-size-md:hover:before {
	background: rgba(255, 255, 255, .7);
	left: 60%;
	right: 60%
}

.home-cta .ttm-btn.ttm-btn-size-md:hover:after,
.ttm-btn.ttm-btn-size-md:hover:after {
	background: rgba(255, 255, 255, .7);
	top: 60%;
	bottom: 60%
}

.home-real-results .recent-result {
	background: var(--color3);
	border-radius: 6px;
	padding: 25px 30px 5px;
	position: relative;
	box-shadow: 0 1px 2px rgb(0 0 0 / 10%), 0 2px 4px rgb(0 0 0 / 10%);
	transition: .5s;
	height: 100%
}

.real-results-heading h5 {
	font-family: var(--font1);
	color: var(--color1);
	font-weight: 700
}

.home-real-results .recent-result h4 {
	text-align: center;
	font-weight: 700;
	font-family: var(--font1);
	color: var(--color4);
	font-size: 25px
}

.home-real-results .recent-result p {
	margin-bottom: 0;
	color: var(--color4);
	font-family: var(--font3);
	font-weight: 500
}

.tableresult thead tr th {
	font-size: 13px;
	white-space: nowrap;
	text-align: left
}

.tableresult tbody tr td {
	font-size: 15px;
	font-family: var(--font3);
	text-align: left
}

#home-real-results .owl-dot.active,
#home-recent-testimonial .owl-dot.active {
	height: 15px !important;
	width: 15px !important;
	border-radius: 30px;
	transition-delay: -0.5s !important;
	background: var(--color1) !important
}

#home-real-results .owl-dot,
#home-recent-testimonial .owl-dot {
	height: 15px !important;
	width: 15px !important;
	border-radius: 30px;
	transition-delay: -0.5s !important;
	background: var(--color2) !important;
	margin-left: 10px !important
}

.company-profile,
.guaranteed_section,
.home-blogs,
.home-contact-form,
.written-testimonial {
	padding: 50px 0;
	clear: both
}

.blog-heading {
	text-align: center;
	margin-bottom: 25px;
	position: relative
}

.home-blogs .blog-heading h5 {
	color: var(--color1);
	font-weight: 700;
	font-family: var(--font1)
}

.featured-imagebox {
	margin-top: 35px
}

.home-blogs .blog-heading .featured-imagebox-blog {
	-webkit-box-shadow: 0 0 12px 0 rgba(32, 46, 60, .06);
	-moz-box-shadow: 0 0 12px 0 rgba(32, 46, 60, .06);
	box-shadow: 0 0 12px 0 rgba(32, 46, 60, .06)
}

.home-blogs .blog-heading .box-shadow2 {
	-webkit-box-shadow: 0 0 15px 0 rgba(32, 46, 60, .12);
	-moz-box-shadow: 0 0 15px 0 rgba(32, 46, 60, .12);
	box-shadow: 0 0 15px 0 rgba(32, 46, 60, .12)
}

.home-blogs .featured-imagebox-blog {
	background-color: var(--color3);
	margin-bottom: 10px
}

.home-blogs .featured-imagebox-blog:hover {
	-webkit-box-shadow: 1px 2px 10px rgba(0, 0, 0, .1);
	box-shadow: 1px 2px 10px rgba(0, 0, 0, .1)
}

.home-blogs .featured-imagebox-blog:hover .featured-thumbnail img {
	-webkit-transform: scale(1.075);
	-ms-transform: scale(1.075);
	transform: scale(1.075);
	-webkit-transition: 3s ease-out .15s;
	transition: 3s ease-out .15s
}

.home-blogs .ttm-blog-overlay-iconbox a {
	opacity: 0;
	position: absolute;
	text-align: center;
	z-index: 1;
	top: 50%;
	left: 50%;
	margin-top: -12px;
	margin-left: -17px;
	display: inline-block;
	height: 25px;
	width: 25px;
	line-height: 25px;
	color: var(--color3);
	font-size: 25px;
	background: 0 0;
	-webkit-transition: .9s;
	-o-transition: .9s;
	-moz-transition: .9s;
	transition: .9s;
	transform: scale(0);
	-webkit-transform: scale(0)
}

.home-blogs .featured-imagebox-blog:hover .ttm-blog-overlay-iconbox a {
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1)
}

.home-blogs .featured-imagebox-blog .featured-content {
	padding: 35px 25px 25px;
	position: relative;
	box-shadow: 0 0 15px 0 rgba(32, 46, 60, .12)
}

.home-blogs .featured-title {
	min-height: 70px
}

.home-blogs .featured-content .featured-title h5 a {
	color: var(--color2);
	font-family: var(--font1);
	font-weight: 700;
	font-size: 18px;
	text-decoration: none
}

.global_h3 span,
.home-blogs .featured-content .featured-title h5 a:hover,
.quote_btn:focus {
	color: var(--color1)
}

.home-blogs .featured-desc p {
	font-weight: 500;
	font-size: 17px;
	margin-top: 10px;
	line-height: 28px;
	margin-bottom: 5px;
	color: var(--color5);
	word-spacing: -1px;
	font-family: var(--font3)
}

.home-blogs .post-meta {
	display: block;
	padding: 5px 0;
	margin: 10px 0
}

.home-blogs .featured-imagebox-blog .post-meta {
	display: block;
	padding: 5px 0;
	margin: 12px 0;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	font-size: 13px
}

.home-blogs .featured-imagebox-blog .post-meta .ttm-meta-line:not(:last-child) {
	padding-right: 23px
}

.home-blogs .post-meta i {
	padding-right: 5px
}

.home-blogs .post-meta .ttm-meta-line:not(:last-child):after {
	position: absolute;
	content: "";
	height: 16px;
	width: 1px;
	right: 10px;
	top: 0;
	background-color: #dce1e9
}

.home-blogs .ttm-box-post-date {
	position: absolute;
	left: 15px;
	top: 15px;
	border-radius: 5px;
	text-align: center;
	font-weight: 500;
	font-size: 17px;
	color: var(--color3)
}

.home-blogs .ttm-box-post-date .entry-date {
	height: 60px;
	width: 60px;
	background-color: var(--color1);
	display: block;
	line-height: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-self: center
}

.home-blogs .featured-imagebox-blog .ttm-box-post-date {
	left: 25px;
	top: -35px;
	border-radius: unset
}

.home-blogs .featured-imagebox-blog .ttm-box-view-overlay:after {
	content: '';
	position: absolute;
	left: 0 !important;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
	background-color: var(--color2)
}

.home-blogs .featured-imagebox-blog .ttm-box-view-overlay:before {
	content: '';
	position: absolute;
	right: 0 !important;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	-moz-transform: translateY(100%);
	transform: translateY(100%)
}

.home-blogs .featured-imagebox-blog:hover .ttm-box-view-overlay:after,
.home-blogs.featured-imagebox-blog:hover .ttm-box-view-overlay:before {
	opacity: .5;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0)
}

.home-blogs .ttm-btn.btn-inline {
	text-transform: capitalize;
	font-size: 14px;
	text-decoration: none;
	font-weight: 600;
	padding: 0 !important;
	border: 1px solid transparent;
	background-color: transparent;
	overflow: visible;
	color: var(--color1);
	font-family: var(--font1)
}

.client-logo:hover:before {
	top: 0;
	transition: .35s ease-out
}

.client-logo:hover .post,
.client-logo:hover .title {
	transform: translate(0, -50%)
}

.client-logo:hover:after {
	bottom: 25%;
	transition: .35s ease-in .2s
}

.client-logo img {
	width: 100%;
	height: auto
}

.client-logo .icon,
.client-logo .post,
.client-logo .title {
	width: 100%;
	position: absolute;
	left: 0;
	opacity: 0;
	transition: .35s .5s
}

.client-logo .box-content {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	cursor: pointer
}

.client-logo .title {
	padding: 0 30px;
	margin: 0;
	font-weight: 700;
	top: 50%;
	font-size: 15px;
	color: var(--color3)
}

#feedback {
	position: fixed;
	right: 0;
	bottom: 324px;
	height: 290px;
	margin-left: -3px;
	margin-bottom: -3px;
	z-index: 9999
}

#feedback-form {
	float: right;
	width: 980px;
	height: 610px;
	z-index: 1000;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 10px;
	color: #444;
	font-weight: 400;
	background: #fff;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
	padding: 15px
}

#feedback-tab {
	float: right;
	width: auto;
	position: relative;
	margin-right: -39px;
	color: var(--color3);
	cursor: pointer;
	font-size: 18px;
	text-transform: uppercase;
	height: auto;
	padding: 7px 20px 10px;
	right: -25px;
	text-align: center;
	top: 100%;
	transform: rotate(-90deg);
	z-index: 222;
	animation-duration: 1.5s;
	background: #c40f0f;
	border: 1px solid #c40f0f;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-weight: 600
}

#feedback-tab:hover {
	background: var(--color2);
	border: 1px solid var(--color2);
	-webkit-transition: .9s;
	-moz-transition: .9s;
	transition: .9s
}

.form-heading {
	font-size: 30px;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-weight: 700;
	color: #d51d1d
}

.form-sub-heading {
	color: #999;
	font-size: 14px
}

.form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555;
	background-color: var(--color3);
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 1px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.home-contact-bg {
	background-image: url(../img/image-new/home-contact-bg.webp);
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 100%;
	width: 100%;
	position: relative;
	background-repeat: repeat-x;
	background-position: 0 20%, 0 95%, 0 0, 0 100%, 0 0;
	animation: 90s linear infinite para
}

.home-contact-form .contact-form-drive,
.our-working-process,
.ttm-page-title-row {
	background-position: center;
	background-repeat: no-repeat
}

@keyframes para {
	100% {
		background-position: -5000px 20%, -800px 95%, 500px 0, 1000px 100%, 400px 0
	}
}

.home-contact-bg-overlay::before {
	background-color: rgb(0 0 0 / 70%);
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.home-contact-form .home-contact-form-heading {
	margin-bottom: 52px;
	position: relative;
	text-align: center
}

.home-contact-form .home-contact-form-heading h2 {
	font-size: 34px;
	line-height: 44px;
	margin-bottom: 0;
	font-weight: 700;
	color: var(--color3);
	font-family: var(--font1)
}

.home-contact-form .home-contact-form-heading span {
	font-style: italic;
	font-weight: 700;
	color: var(--color3);
	font-family: var(--font2);
	letter-spacing: 1.2px
}

.home-contact-form .contact-form-drive {
	background-image: url(../img/image-new/conatct-bg.webp);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: auto;
	height: 100%;
	width: 100%;
	padding: 20px 30px 70px
}

.contact-form-drive p {
	color: var(--color3);
	font-weight: 500;
	font-family: var(--font3)
}

.contact-form-drive ul {
	padding: 0;
	margin: 0
}

.contact-form-drive ul li {
	list-style: none;
	color: var(--color3);
	font-weight: 600;
	margin-bottom: 15px;
	font-family: var(--font3)
}

.contact-form-drive .addres-icon {
	width: 35px;
	height: 35px;
	text-align: center;
	justify-content: center;
	color: var(--color3);
	background: #064da0;
	border-radius: 25px;
	margin-right: 15px;
	line-height: 35px
}

.contact-form-drive .get-connected li .hi-icon {
	width: 35px;
	height: 35px;
	border: 1px solid #064da0;
	border-radius: 25px;
	background-color: #064da0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 5px;
	color: var(--color3);
	-webkit-transition: .6s;
	-moz-transition: .6s;
	-ms-transition: .6s;
	-o-transition: .6s;
	transition: .6s
}

.contact-form-drive .get-connected li .hi-icon:hover {
	text-decoration: none;
	background-color: #064da0;
	color: var(--color3);
	border-color: #064da0;
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg)
}

.home-heading {
	position: relative;
	margin-bottom: 10px
}

.home-heading:before {
	width: 80px;
	bottom: -10px;
	height: 4px;
	top: auto;
	position: absolute;
	content: '';
	border-top-color: var(--color3) !important;
	border: 4px solid transparent;
	border-bottom: 0;
	left: 6%;
	margin-left: -26px
}

.home-contact-forms .form-control {
	font-size: 15px;
	height: 50px !important;
	font-family: var(--font3);
	font-weight: 700;
	padding: 15px;
	-webkit-box-shadow: none;
	color: var(--color3);
	outline: 0;
	margin-bottom: 25px;
	box-shadow: none;
	resize: none;
	background: 0 0
}

.form-control:active,
.home-contact-forms .form-control:focus {
	box-shadow: none !important;
	border: 1px solid var(--color3) !important;
	outline: 0
}

.home-contact-forms .icon,
.manke-a-payment .icon,
.pop-form .icon {
	position: absolute;
	top: 17px;
	left: 15px;
	color: #7f7f7f
}

.home-contact-forms select option {
	color: #000
}

.btn-home-contact {
	border: 1px solid var(--color3);
	font-weight: 700;
	border-radius: 0;
	padding: 10px;
	display: block;
	font-size: 18px;
	color: var(--color3);
	text-decoration: none;
	text-align: center;
	text-transform: capitalize;
	opacity: 1;
	width: 40%;
	margin: 0 auto
}

.Client_Results .traget-holder a,
.btn-home-contact:hover {
	text-decoration: none;
	color: var(--color3)
}

.home-contact-form .back-bg {
	background-image:#000000);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	position: absolute;
	right: 15px;
	top: 0;
	height: 100%;
	padding-top: 20px
}

.ttm-page-title-row {
	display: block;
	padding-top: 85px;
	padding-bottom: 90px;
	z-index: 11;
	position: relative;
	background-image: url(../img/page-top.webp);
	background-size: cover
}

.title-box .page-title-heading h1 {
	text-transform: capitalize;
	font-size: 40px;
	line-height: 48px;
	margin-bottom: 10px;
	display: inline-block;
	font-family: var(--font1);
	font-weight: 700;
	color: var(--color3)
}

.breadcrumb-wrapper span {
	font-weight: 600;
	text-transform: capitalize;
	font-size: 16px;
	line-height: 25px;
	color: var(--color3)
}

.Clients-Say_section .guarantedd_title .page-title,
.Clients-Say_section .guarantedd_title h2,
.breadcrumb-wrapper .main-link,
.c-linkedin:hover i,
.contacts a:hover,
.cta_button:focus,
.floating-footer-form .form-heading .primary-btn,
.floating-footer-form .form-heading .primary-btn:hover,
.footer-bottom-icons a:hover,
.footer-bottom-links span,
.our-accreditations .guarantedd_title .page-title,
.our-accreditations .guarantedd_title h2,
.page-footer .footer-bottom .footer-bottom-links a.active,
.page-footer .footer-bottom .footer-bottom-links a:hover {
	color: var(--color3)
}

.section-title h2.title span,
.section-title span {
	font-style: italic;
	font-weight: 700;
	font-family: var(--font2);
	letter-spacing: 1.2px;
	color: #00b050 !important
}

.about-img img,
.home_services .webDesign .homeserviceBox {
	float: right
}

.section-title .title-header:before {
	width: 52px;
	bottom: -20px;
	height: 4px;
	top: auto;
	position: absolute;
	content: '';
	border: 4px solid transparent;
	border-bottom: 0;
	border-top-color: #00b050 !important
}

.section-title h5 {
	color: #00b050 !important;
	font-family: var(--font1);
	font-weight: 700;
	text-transform: capitalize;
	font-size: 16px;
	line-height: 23px;
	margin-bottom: 5px
}

.our-working-process {
	background-image: url(../img/home2-line.png);
	background-size: contain
}

.our-working-process .services_wrapper {
	padding-top: 112%;
	text-align: center
}

.our-working-process .services_bg {
	position: absolute;
	z-index: 1;
	height: 80%;
	width: 80%;
	top: 10%;
	left: 10%
}

.services_hexagon {
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.our-working-process .services_hexagon svg {
	-webkit-transition: .5s;
	-o-transition: .5s;
	-moz-transition: .5s;
	transition: .5s;
	-webkit-filter: drop-shadow(7px 5px 30px rgba(72, 73, 121, .15));
	filter: drop-shadow(7px 5px 30px rgba(72, 73, 121, .15))
}

.seofy_services:hover .seofy_hexagon svg {
	fill: #f4f6fd !important;
	-webkit-filter: none;
	filter: none
}

.our-working-process .services_number {
	position: absolute;
	z-index: 0;
	font-size: 100px;
	font-weight: 600;
	color: #f4f6fd;
	top: 0;
	right: 0;
	line-height: 1;
	-webkit-transition: .5s;
	-o-transition: .5s;
	-moz-transition: .5s;
	transition: .5s
}

.our-working-process .services_icon.fa.fa-search,
.seofy_bg:hover .services_number {
	color: #f8e059
}

.our-working-process .services_icon.fa.fa-cog,
.seofy_bg_1:hover .services_number {
	color: #ff7d00
}

.our-working-process .services_icon.fa.fa-globe,
.seofy_bg_2:hover .services_number {
	color: #69e9f2
}

.our-working-process .services_icon.fa-rocket,
.seofy_bg_3:hover .services_number {
	color: #25d366
}

.services_content {
	position: absolute;
	z-index: 1;
	height: 80%;
	width: 80%;
	top: 10%;
	left: 10%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.our-working-process .services_icon_wrapper {
	font-size: 60px;
	line-height: 1;
	margin-bottom: 14px
}

.our-working-process .services_title {
	font-size: 20px;
	font-weight: 700;
	font-family: var(--font3)
}

.default-btn,
.ttm-btn.ttm-btn-size-md {
	font-weight: 600;
	position: relative;
	color: #fff
}

.height_110 {
	height: 110px
}

.ttm-btn.ttm-btn-size-md {
	display: inline-block;
	font-size: 14px;
	cursor: pointer;
	background-color: var(--color1);
	line-height: normal;
	border: 1px solid var(--color1);
	padding: 11px 32px 11px 31px;
	text-decoration: none;
	border: 1px solid transparent;
	border-radius: .25rem !important;
	overflow: hidden;
	z-index: 9;
	vertical-align: middle;
	text-transform: capitalize;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out
}

.ttm-btn.ttm-btn-size-md:hover {
	border-color: var(--color3);
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out
}

.default-btn {
	font-size: 15px;
	background-image: linear-gradient(to right, #00b050, #00b050);
	background-image: -webkit-gradient(linear, left top, right top, from(#00b050), to(#00b050));
	padding: 12px 25px;
	line-height: 1;
	border-radius: 0;
	-webkit-transition: .5s;
	transition: .5s;
	z-index: 1
}

.default-btn::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background-color: var(--color2);
	z-index: -1;
	-webkit-transition: .5s;
	transition: .5s;
	border-radius: 4px
}

.default-btn:hover {
	color: var(--color3);
	text-decoration: none
}

@media(max-width:767px) {
	.height_110 {
		height: 0
	}
}

.section-title {
	padding: 40px 0 10px;
	clear: both
}

.section-title .title-desc p {
	font-size: 17px;
	line-height: 29px;
	margin-bottom: 15px;
	color: var(--color5);
	text-align: justify;
	word-spacing: -1px;
	font-family: var(--font3);
	font-weight: 500
}

.title-desc ul li {
	list-style: none;
	font-family: var(--font3);
	font-weight: 500;
	font-size: 16px;
	margin-bottom: 10px;
	padding-left: 20px;
	position: relative
}

.title-desc ul li:before {
	content: '\f00c';
	font-family: FontAwesome;
	float: left;
	font-size: 14px;
	margin-left: -1.5em;
	color: var(--color1)
}

.bg_white {
	background: var(--color3)
}

.ttm_single_image-wrapper.text-sm-center img {
	border: 1px solid #00b050;
	height: 530px;
}

.breadcrumb {
	background: 0 0;
	padding: 0;
	margin: 0
}

.breadcrumb .breadcrumb-item {
	font-size: 13px;
	line-height: 54px;
	color: var(--color3);
	font-weight: 400;
	text-transform: uppercase;
	display: inline-block;
	float: none
}

.breadcrumb .breadcrumb-item a {
	color: var(--color3);
	text-decoration: none;
	font-family: var(--font3);
	font-weight: 600
}

.breadcrumb .breadcrumb-item a:hover {
	text-decoration: none;
	color: var(--color3);
	opacity: .7
}

.breadcrumb .breadcrumb-item a i {
	padding: 0 5px
}

.seo-title h2 {
	color: var(--color3) !important;
	font-family: var(--font1);
	margin-bottom: 15px
}

.seo-service-list ul li,
.seo-title p {
	font-family: var(--font3);
	color: var(--color3);
	line-height: 26px;
	font-weight: 500;
	word-spacing: -1px
}

.seo-title p {
	font-size: 15px;
	margin-bottom: 15px;
	text-align: left
}

.seo-service-list ul li {
	list-style: none;
	font-size: 14px;
	margin: 5px 0 0 1.3em
}

.seo-service-list li:before {
	content: '\f00c';
	font-family: FontAwesome;
	float: left;
	margin-left: -1.5em;
	color: var(--color3)
}

.seo-service-list h6 {
	color: var(--color3);
	font-weight: 400;
	font-size: 16px;
	margin: 20px 0;
	color: var(--color3) !important
}

.seo_btn .seo-btn {
	border: 1px solid var(--color3) !important;
	background: 0 0 !important;
	color: var(--color3) !important;
	margin-right: 15px
}

.seo_btn .seo-btn-2 {
	background: var(--color2);
	border: 1px solid var(--color3)
}

.form_section {
	padding: 10px 20px 35px;
	text-align: center;
	width: 400px;
	border: 1px solid var(--color3);
	border-radius: 10px
}

.form_section h3 {
	color: var(--color3);
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 35px;
	margin-top: 0;
	position: relative
}

.form_section h3::after {
	content: '';
	background-color: var(--color3);
	bottom: -10px;
	height: 2px;
	left: 50%;
	margin-left: -25px;
	position: absolute;
	width: 50px
}

.form_section .seo-form .form-control {
	margin-bottom: 20px;
	font-weight: 600;
	height: 45px;
	font-size: 14px;
	color: var(--color3);
	padding-left: 1rem;
	padding-right: 1rem;
	text-indent: 0;
	border-radius: 5px;
	background: 0 0;
	border: 1px solid var(--color3)
}

	.select_county option , .select_county option:checked, .select_county option:hover {
  		color: var(--color4);		
}

.form_section .seo-form textarea {
	height: 90px !important;
	resize: none;
	margin-bottom: 20px !important
}

.career-section .file input:focus~.file-custom,
.seo-form .input-fileds:focus {
	box-shadow: none
}

.ttm-form_btn {
	border-radius: 5px;
	padding: 11px 60px !important;
	text-align: center;
	text-transform: uppercase;
	background: #263045
}

.cta-bg,
.manke-a-payment,
.seo-bg {
	background-repeat: no-repeat;
	background-size: cover
}

.input-fileds::placeholder {
	color: var(--color3) !important;
	opacity: 1
}

.input-fileds:-ms-input-placeholder {
	color: var(--color3) !important
}

.input-fileds::-ms-input-placeholder {
	color: var(--color3) !important
}

.seo-agency {
	padding: 50px 0 70px !important
}

.seo-bg {
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #002e11;
	background-attachment: fixed;
}

.inner-seo-page .featured-content {
	padding: 34px 50px 30px;
	margin: -55px 20px 0;
	text-align: center;
	border-bottom: 3px solid var(--color1);
	position: relative;
	transition: .4s ease-in-out;
	-moz-transition: .4s ease-in-out;
	-webkit-transition: .4s ease-in-out;
	-o-transition: .4s ease-in-out;
	background-color: #fff
}

.inner-seo-page .featured-content h5 a {
	font-size: 19px;
	line-height: 26px;
	text-decoration: none;
	color: var(--color1) !important
}

.inner-seo-page .featured-content h5 {
	margin-bottom: 15px !important
}

.inner-seo-page .featured-desc p {
	font-weight: 500;
	font-size: 15px;
	line-height: 22px;
	margin-bottom: 15px;
	color: var(--color5);
	text-align: center;
	word-spacing: -1px;
	font-family: var(--font3);
	height: 60px;
	overflow: hidden
}

.inner-seo-page .ttm-btn.btn-inline {
	text-transform: capitalize;
	font-size: 14px;
	font-weight: 600;
	padding: 0;
	color: var(--color1);
	text-decoration: none;
	border: 1px solid transparent;
	background-color: transparent;
	overflow: visible
}

.inner-seo-page .featured-imagebox:hover .featured-content {
	background-color: var(--color1);
	color: #fff
}

.inner-seo-page .featured-imagebox:hover .featured-content h5 a {
	color: #fff !important
}

.cta_section {
	padding: 90px 0
}

.cta-bg {
	background-image: url(../img/vector-row-bg-2.jpg);
	background-position: center
}

.cta_section .cta-main-heading h5 {
	color: var(--color1);
	font-family: var(--font1);
	font-weight: 600;
	text-transform: capitalize;
	font-size: 16px;
	line-height: 23px;
	margin-bottom: 5px;
	letter-spacing: 1.2px
}

.cta_section .cta-main-heading h2 {
	font-family: var(--font1);
	font-size: 30px;
	font-weight: 700;
	line-height: 40px;
	color: var(--color2)
}

.cta_section .cta-main-heading h2 span {
	color: var(--color1);
	font-style: italic;
	font-family: var(--font2);
	font-weight: 700
}

.cta_section .cta-text p {
	font-size: 15px;
	color: var(--color5);
	text-align: justify;
	word-spacing: -1px;
	font-family: var(--font3);
	font-weight: 500;
	line-height: 25px;
	margin-top: 15px;
	margin-bottom: 15px
}

.cta_section .cta-btn,
.error_btn,
.seo-banner-section .landing-btn {
	margin-top: 40px
}

.cta_section .cta-btn .drive_btn {
	padding: 10px 30px;
	border: 1px solid var(--color2);
	color: var(--color2);
	font-family: var(--font3);
	font-weight: 700;
	font-size: 15px;
	border-radius: 0;
	text-transform: capitalize
}

.cta_section .cta-btn .drive_btn:hover,
.main-banner-content .newsletter-form button:hover {
	color: var(--color3);
	background-color: var(--color2)
}

.rtl-content {
	position: relative;
	right: 10%;
	top: 45%;
	z-index: 1111
}

.rtl-content::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%
}

.rtl-content .rtl-btn {
	display: inline-block;
	width: 90px;
	height: 90px;
	line-height: 92px;
	background-color: var(--color3);
	border-radius: 50%;
	color: var(--color1);
	position: relative;
	z-index: 1;
	box-shadow: 0 20px 70px rgba(0, 0, 0, .2)
}

.rtl-content .rtl-btn::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 1px solid var(--color3);
	-webkit-animation: 2s linear infinite ripple;
	animation: 2s linear infinite ripple
}

.rtl-content .rtl-btn::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 1px solid var(--color3);
	-webkit-animation: 2s linear 1s infinite ripple;
	animation: 2s linear 1s infinite ripple
}

.rtl-content .rtl-btn span {
	font-size: 30px;
	position: absolute;
	left: 0;
	text-align: center;
	right: 0;
	top: 30px;
	font-weight: 700
}

@-webkit-keyframes ripple {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	75% {
		-webkit-transform: scale(1.75);
		transform: scale(1.75);
		opacity: 1
	}

	100% {
		-webkit-transform: scale(2);
		transform: scale(2);
		opacity: 0
	}
}

@keyframes ripple {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	75% {
		-webkit-transform: scale(1.75);
		transform: scale(1.75);
		opacity: 1
	}

	100% {
		-webkit-transform: scale(2);
		transform: scale(2);
		opacity: 0
	}
}

.manke-a-payment {
	background-position: center center;
	width: 100%;
	position: relative;
	padding: 0
}

.manke-a-payment .card {
	background-color: var(--color3) !important;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 1px;
	position: relative;
	border: 0;
	box-shadow: 0 1px 2px rgb(0 0 0 / 10%), 0 2px 4px rgb(0 0 0 / 10%) !important;
	border-radius: 5px !important
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

input[type=number] {
	-moz-appearance: textfield
}

.manke-a-payment .img_bg {
	position: absolute;
	right: 15px;
	bottom: 20px
}

.manke-a-payment .img_bg img {
	max-width: 140px;
	max-height: 120px;
	opacity: .5;
	vertical-align: middle;
	border-style: none
}

.input-group {
	border: 1px solid #d8d8d8;
	background: var(--color3);
	border-radius: 3px;
	padding: 15px 20px;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline
}

.manke-a-payment .form-control {
	font-size: 15px;
	height: 50px !important;
	font-weight: 700;
	padding: 15px;
	-webkit-box-shadow: none;
	color: #111;
	outline: 0;
	border-radius: 0;
	margin-bottom: 30px;
	box-shadow: none;
	resize: none
}

.form-control:active,
.manke-a-payment .form-control:focus,
.pop-form .form-control:focus {
	box-shadow: none !important;
	border: 1px solid #00b050 !important;
	outline: 0
}

.manke-a-payment-btn {
	padding: 12px 25px;
	border-radius: 5px;
	background: #00b050 !important;
	color: #fff;
	border-color: #00b050 !important;
	font-size: 16px;
	font-weight: 400;
	margin-top: 15px
}

.manke-a-payment-btn:active,
.manke-a-payment-btn:focus {
	outline: 0;
	box-shadow: none !important
}

.testimonial_video .testimonial_box,
.testimonial_video .testimonial_box:hover {
	box-shadow: 0 0 15px rgba(0, 0, 0, .05)
}

.manke-a-payment .checkbox-color label {
	font-size: 14px
}

.payment-title {
	position: relative;
	margin-bottom: 20px
}

.payment-title:before {
	width: 80px;
	bottom: 0;
	height: 4px;
	top: auto;
	position: absolute;
	content: '';
	border: 4px solid transparent;
	border-bottom: 0;
	border-top-color: #00b050 !important
}

.payment-title h2 {
	text-transform: uppercase;
	font-size: 25px;
	line-height: 48px;
	margin-bottom: 10px;
	display: inline-block;
	font-family: var(--font1);
	font-weight: 700;
	color: #101010
}

.testimonial_video {
	background: #fafafa;
	padding: 50px 0
}

.testimonial-video {
	position: relative;
	margin-bottom: 40px !important
}

.testimonial_video .testimonial_box {
	padding: 10px;
	text-align: center;
	transition: .3s cubic-bezier(.25, .8, .25, 1);
	background-color: var(--color3);
	margin-bottom: 15px;
	border-radius: .25rem
}

.written-testimonial .testimonial-block-four .inner-box {
	position: relative;
	padding: 40px 40px 0
}

.written-testimonial .testimonial-block-four .inner-box:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	right: 0;
	bottom: 40px;
	border-radius: 10px;
	background-color: var(--color3);
	box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}

.written-testimonial .testimonial-block-four .inner-box .text {
	position: relative;
	color: var(--color5);
	font-size: 15px;
	line-height: 1.8em;
	margin-bottom: 30px;
	font-family: var(--font3);
	font-weight: 500
}

.written-testimonial .testimonial-block-four .inner-box .quote-icon {
	position: absolute;
	right: 40px;
	bottom: 55px;
	color: #b2b2b2;
	font-size: 30px;
	line-height: 1em
}

.written-testimonial .testimonial-block-four .inner-box .info-box .box-inner {
	position: relative;
	padding-left: 150px;
	padding-top: 20px;
	min-height: 150px
}

.written-testimonial .testimonial-block-four .inner-box .info-box .box-inner .author-image {
	position: absolute;
	left: 0;
	top: 0;
	width: 114px;
	height: 150px;
	border-radius: 5px;
	overflow: hidden
}

.written-testimonial .testimonial-block-four .inner-box .info-box .box-inner h5 {
	position: relative;
	color: var(--color1);
	font-size: 20px;
	font-weight: 600
}

.written-testimonial .testimonial-block-four .inner-box .info-box .box-inner .designation {
	position: relative;
	color: #f8952c;
	font-size: 18px;
	margin-top: 6px
}

.written-testimonial .testimonial-block-four .inner-box .rating {
	position: absolute;
	left: 34%;
	top: 75%
}

.written-testimonial .testimonial-block-four .inner-box .rating .fas {
	position: relative;
	color: #f8952c;
	display: inline-block
}

.testimonial_video .testimonial_box iframe {
	width: 100%;
	height: 315px
}

.testimonial_letterhead {
	padding: 50px 0;
	background-color: #f5f6f8;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	width: 100%;
	height: 100%
}

.letterhead {
	background: var(--color3);
	border: 1px solid var(--color3);
	padding: 10px;
	border-radius: .25rem;
	margin-bottom: 20px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
	transition: .3s cubic-bezier(.25, .8, .25, 1)
}

.letterhead:hover {
	box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22)
}

.faq-accordion .accordion {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 0
}

.faq-accordion .accordion .accordion-item {
	display: inline-block;
	margin-bottom: 10px;
	width: 45%
}

.faq-accordion .accordion .accordion-item:nth-child(odd) {
	margin-right: 10px
}

.faq-accordion .accordion .accordion-item:nth-child(2n) {
	margin-left: 10px
}

.faq-accordion .accordion .accordion-item:last-child {
	margin-bottom: 0
}

.faq-accordion .accordion .accordion-title {
	color: var(--color5);
	position: relative;
	display: block;
	font-size: 16px;
	font-weight: 600;
	padding-left: 55px;
	padding-top: 20px;
	padding-bottom: 20px;
	border: 1px solid #e7e7e7
}

.career-section .title-desc p,
.faq-accordion .accordion .accordion-content {
	font-weight: 500;
	line-height: 26px;
	color: var(--color5);
	font-family: var(--font3)
}

.faq-accordion .accordion .accordion-title i {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: var(--color5);
	font-size: 14px;
	-webkit-transition: .5s;
	transition: .5s
}

.faq-accordion .accordion .accordion-title.active i::before {
	content: "\f056"
}

.faq-accordion .accordion .accordion-content {
	display: none;
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 25px;
	border-left: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	font-size: 15px;
	letter-spacing: .02em;
	text-align: left
}

.career-section,
.pd_90 {
	padding: 50px 0
}

.career-section .carrer-heading:before {
	width: 60px;
	bottom: -20px;
	height: 4px;
	top: auto;
	position: absolute;
	content: '';
	border-top-color: var(--color2) !important;
	border: 4px solid transparent;
	border-bottom: 0;
	left: 0;
	margin-left: 0
}

.career-section .carrer-heading h2 span {
	font-style: italic;
	font-weight: 700;
	font-family: var(--font2);
	letter-spacing: 1.2px;
	color: var(--color1);
	font-size: 30px
}

.career-section .title-desc p {
	font-size: 16px;
	margin-bottom: 15px;
	text-align: justify;
	word-spacing: -1px
}

.career-section h3 {
	font-size: 28px;
	line-height: 44px;
	font-weight: 700;
	color: var(--color2);
	font-family: var(--font1);
	margin-bottom: 25px
}

.career-section .cnmd,
.career-section .panel.panel-info p,
.career-section p {
	font-family: var(--font3);
	font-weight: 500
}

.career-section .panel {
	margin-bottom: 20px;
	background-color: var(--color3);
	border: 1px solid transparent;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 24, 128, .1);
	border-radius: 4px;
	box-shadow: 0 0 10px 0 rgba(0, 24, 128, .1)
}

.career-section p {
	font-size: 15px;
	color: #333;
	font-size: 500
}

.career-section .panel-heading {
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px
}

.career-section .panel-info>.panel-heading {
	color: var(--color3);
	background: var(--color1);
	border-color: var(--color1)
}

.career-section .cnmd {
	color: var(--color3);
	margin-top: 0;
	margin-bottom: 0
}

.career-section .panel-body {
	padding: 20px
}

.career-section .apply-now {
	text-align: right
}

.career-section .reqbtn {
	color: var(--color3);
	font-size: 14px;
	padding: 9px 14px;
	display: inline-block;
	font-weight: 500;
	background: var(--color1);
	font-family: var(--font1);
	border-radius: 3px;
	margin-right: 15px
}

.career-section .panel.panel-info p {
	color: #333;
	font-size: 15px;
	text-align: left
}

.career-section h2 {
	font-size: 35px;
	line-height: 30px;
	color: #333;
	font-weight: 500;
	font-family: var(--font1);
	margin-bottom: 20px
}

.cntothdtl h2,
.hrgt-top-head h3 {
	margin: 0;
	font-family: var(--font1)
}

.cntothdtl {
	width: 100%;
	height: auto;
	margin: 0 auto 20px;
	border: 1px solid #eee;
	padding: 20px
}

.cntothdtl h2 {
	color: #0078ae;
	font-size: 18px;
	font-weight: 600
}

.hrgt-top-head h3 {
	font-size: 15px;
	color: #000;
	font-weight: 900
}

.career-section .hrgt-top-head h4 {
	margin: 0 0 14px;
	font-size: 24px;
	color: var(--color2);
	font-family: var(--font1);
	padding-left: 0;
	font-weight: 700
}

.career-section .cntothdtl p {
	margin: 0;
	color: #1b1c1d;
	font-size: 15px;
	font-weight: 600;
	font-family: var(--font1);
	text-align: left
}

.career-section .cntothdtl p a {
	color: #00a3de
}

.career-section .form_row {
	border: 0;
	background-color: #fff;
	padding: 20px;
	border-radius: 0;
	box-shadow: 0 1px 2px rgb(0 0 0 / 10%), 0 2px 4px rgb(0 0 0 / 10%)
}

.career-section .form_row input.form-control,
.form_row select.form-control {
	font-size: 14px;
	padding: 12px;
	height: 50px !important;
	border-radius: 0;
	border: 1px solid #ced4da;
	background-color: #fff;
	margin-bottom: 30px;
	font-weight: 600;
	box-shadow: none
}

.career-section .form_row label {
	margin: 0 0 10px;
	color: #1b1c1d;
	font-size: 15px;
	font-weight: 600;
	font-family: var(--font1);
	text-align: left
}

.career-section textarea.form-control {
	height: 135px !important;
	margin-bottom: 20px;
	box-shadow: none;
	color: #555;
	font-weight: 600
}

.career-section .submit-btn {
	padding: 10px 27px;
	margin-top: 0;
	display: block;
	border: 0;
	width: 100%;
	text-align: center;
	font-size: 16px;
	font-family: var(--font1);
	font-weight: 600;
	border-radius: 0
}

.career-section .form-control:focus {
	border-color: var(--color2) !important
}

.career-section .form_row input[type=file] {
	color: #1b1c1d !important;
	font-weight: 500;
	font-family: var(--font1)
}

.career-section .file {
	position: relative;
	display: inline-block;
	cursor: pointer;
	height: 3.5rem
}

.career-section .file input {
	min-width: 14rem;
	margin: 0;
	opacity: 0
}

.career-section .file-custom {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 5;
	height: 50px;
	padding: .5rem 1rem;
	line-height: 1.5;
	color: #555;
	background-color: #fff;
	border: .075rem solid #ddd;
	border-radius: 0;
	box-shadow: inset none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.career-section .file-custom:after {
	content: "Attach Cv";
	line-height: 30px
}

.career-section .file-custom:before {
	position: absolute;
	right: -.075rem;
	bottom: -.075rem;
	z-index: 6;
	display: block;
	content: '\f0c1';
	font-family: FontAwesome;
	height: 50px;
	padding: .5rem 1rem;
	line-height: 35px;
	color: #555;
	background-color: #eee;
	border: .075rem solid #ddd;
	border-radius: 0 .25rem .25rem 0
}

.career-section input[type=file] {
	width: 370px
}

.career-section .form-control::-webkit-input-placeholder {
	color: #555
}

.career-section .form-control:-ms-input-placeholder {
	color: #555
}

.career-section .form-control::placeholder {
	color: #555
}

.job-detail {
	background-color: var(--bg-color);
	padding: 50px 0
}

.job-detail .tr-single-box {
	background: #fff;
	display: block;
	width: 100%;
	border-radius: 4px;
	border: 1px solid #eceef3;
	margin-bottom: 30px
}

.tr-single-header {
	border-bottom: 1px solid #eceef3;
	padding: 12px 25px
}

.job-detail .tr-single-body {
	padding: 15px 25px 25px
}

.job-detail .tr-single-header h4 {
	font-size: 16px;
	font-weight: 600;
	font-family: Montserrat, sans-serif
}

.job-detail .tr-single-body p {
	font-family: Raleway, sans-serif;
	color: #777;
	font-weight: 600;
	font-size: 15px;
	text-align: left
}

.drive-btn,
.error-page h1,
.main-banner-content h1 {
	font-family: var(--font1)
}

.job-detail ul.jb-detail-list li {
	color: #777;
	font-weight: 500;
	font-family: Raleway, sans-serif;
	font-size: 15px;
	list-style: none;
	padding: 8px 12px 8px 25px;
	position: relative
}

.job-detail ul.jb-detail-list li:before {
	content: "";
	display: block;
	position: absolute;
	left: -1px;
	top: 15px;
	width: 12px;
	height: 12px;
	border: 1px solid #00b050;
	background: #00b050;
	border-radius: 50%;
	box-shadow: 0 0 0 3px #fff inset
}

.job-detail .icon-box-text {
	list-style: none;
	padding: 11px 0 14px;
	font-family: Raleway, sans-serif !important;
	color: #333;
	font-weight: 500;
	font-size: 15px;
	text-align: left;
	line-height: 21px;
	display: inline-block;
	vertical-align: middle
}

.job-detail .icon-box1 {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-right: 5px;
	color: #333;
	font-size: 23px;
	text-align: center;
	border-radius: 50%;
	vertical-align: middle
}

.btn.job_btn {
	background: #00b050;
	color: #fff;
	padding: 10px 20px;
	border-radius: 4px;
	font-size: 15px;
	font-family: Raleway, sans-serif;
	font-weight: 600;
	display: block
}

.drive-btn,
.drive-btn:focus {
	border: 1px solid var(--color1)
}

a.btn.job_btn.job_btn1 {
	display: inline-block;
	width: 25%
}

.error-page {
	padding: 80px 0;
	clear: both
}

.error-page .ttm-big-icon i {
	font-size: 150px;
	color: var(--color1)
}

.error-page .page-header {
	margin: 40px 0 20px
}

.error-page h1 {
	font-size: 90px;
	text-transform: uppercase;
	line-height: 100%;
	text-align: center;
	font-weight: 700;
	color: var(--color2) !important
}

.error-page .page-content p {
	color: var(--color5);
	margin-top: 18px;
	text-align: center;
	font-size: 20px;
	font-family: var(--font1);
	font-weight: 500
}

.drive-btn,
.main-banner-content .newsletter-form button {
	background-color: var(--color2);
	font-weight: 600;
	font-size: 15px;
	color: var(--color3)
}

.drive-btn {
	padding: 10px 30px
}

.comming-soon {
	padding: 80px 0
}

.main-banner-content {
	margin-left: auto
}

.main-banner-content h1 {
	margin-bottom: 0;
	font-size: 48px;
	font-weight: 700;
	color: #000;
	line-height: 60px;
	text-transform: capitalize
}

.main-banner-content p {
	color: var(--color4);
	line-height: 28px;
	font-size: 16px;
	max-width: 600px;
	margin-top: 15px;
	margin-bottom: 0;
	font-family: var(--font3);
	font-weight: 500;
	text-align: center
}

.event-content h3,
.our-team .title {
	font-weight: 700;
	text-transform: capitalize
}

.main-banner-content .newsletter-form {
	margin-top: 15px;
	position: relative;
	max-width: 480px
}

.main-banner-content .newsletter-form .input-newsletter {
	display: block;
	width: 100%;
	border-radius: 30px;
	height: 60px;
	font-size: 15px;
	border: none;
	background-color: var(--color3);
	-webkit-transition: .5s;
	transition: .5s;
	outline: 0;
	color: var(--color4);
	padding-left: 20px;
	-webkit-box-shadow: 0 5px 28.5px 1.5px rgba(149, 152, 200, .15);
	box-shadow: 0 5px 28.5px 1.5px rgba(149, 152, 200, .15)
}

.main-banner-content .newsletter-form button {
	position: absolute;
	right: 0;
	top: 0;
	height: 60px;
	line-height: 60px;
	letter-spacing: .5px;
	text-transform: capitalize;
	border: none;
	-webkit-transition: .5s;
	transition: .5s;
	outline: 0;
	border-radius: 33px;
	padding: 0 30px;
	font-family: var(--font3)
}

.d-table,
.our-accreditations .accreditation img {
	width: 100%;
	height: 100%
}

.coming-soon-img img,
.guaranted-img img,
.page-footer .footer-mid .footer-mid-nav .nav-item .nav-link img {
	max-width: 100%;
	height: auto
}

.our-team {
	border: 2px solid var(--color1);
	border-radius: 10px;
	text-align: center;
	margin: 10px;
	z-index: 1;
	position: relative
}

.our-team:after,
.our-team:before {
	content: "";
	width: 100%;
	height: 104%;
	background: var(--color1);
	position: absolute;
	top: 50%;
	left: 0;
	z-index: -1;
	transform: translateY(-50%) scaleX(.3);
	transition: .3s
}

.our-team:after {
	width: 106%;
	left: 50%;
	transform: translate(-50%, -50%) scaleY(.25)
}

.our-team:hover:before {
	transform: translateY(-50%) scaleX(.7)
}

.our-team:hover:after {
	transform: translate(-50%, -50%) scaleY(.7)
}

.our-team img {
	width: 100%;
	height: auto;
	border-radius: 10px;
	transition: .3s
}

.our-team .team-content {
	width: 93%;
	padding: 25px 0 10px;
	background: var(--color1);
	position: absolute;
	bottom: 50px;
	left: 50%;
	opacity: 0;
	-webkit-clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
	clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
	transform: translateX(-50%);
	transition: .3s cubic-bezier(.5, .2, .1, .9)
}

.our-team:hover .team-content {
	bottom: 10px;
	opacity: 1
}

.our-team .title {
	font-size: 18px;
	color: var(--color3);
	margin-bottom: 5px;
	letter-spacing: 1px;
	font-family: var(--font1)
}

.our-team .post {
	display: block;
	font-size: 16px;
	color: var(--color3) !important;
	text-transform: capitalize;
	margin-bottom: 10px
}

.our-team .social {
	padding: 0;
	margin: 0;
	list-style: none
}

.our-team .social li {
	display: inline-block;
	margin: 0 5px
}

.our-team .social li a {
	display: block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 50%;
	background: var(--color3);
	font-size: 20px;
	color: var(--color1);
	transition: .3s
}

.our-team .social li a:hover {
	background: linear-gradient(to bottom, #00b050, #8b0000);
	box-shadow: 0 0 0 5px rgba(255, 255, 255, .3);
	color: var(--color3)
}

.section_life {
	position: relative;
	padding: 60px 0 100px
}

.left-column {
	padding-right: 50px
}

.border_center:before {
	position: absolute;
	right: 0;
	background: #cbcbcb;
	width: 1px;
	height: 100%;
	content: " ";
	margin-left: -1px
}

.event-box:before {
	content: "\f030";
	font: 27px/1 FontAwesome;
	position: absolute;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 28px;
	z-index: 999;
	left: 50%;
	color: #fff
}

.event-box:after {
	position: absolute;
	content: " ";
	height: 80px;
	width: 80px;
	left: 50%;
	top: 12px;
	border-radius: 50%;
	z-index: 1;
	margin-top: -12px;
	background: var(--color1);
	border: 5px solid #fff;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.right_column {
	padding-left: 70px
}

.life_inner {
	padding: 20px;
	-webkit-box-shadow: 0 5px 28.5px 1.5px rgba(149, 152, 200, .15);
	box-shadow: 0 5px 28.5px 1.5px rgba(149, 152, 200, .15);
	margin-top: 55px
}

.event-content h3 {
	font-family: var(--font3);
	color: #333;
	line-height: 26px;
	font-size: 20px
}

.event-content .life_inner h2 {
	text-align: left;
	font-size: 18px;
	letter-spacing: 0;
	margin-bottom: 15px;
	font-family: var(--font1);
	font-weight: 800;
	line-height: 27px
}

.section_life .nav-tab-holder .nav-tabs>li {
	margin-bottom: -3px;
	text-align: center;
	padding: 0;
	display: inline-grid;
	float: none;
	position: relative
}

.section_life .nav-tab-holder .nav-tabs>li>a {
	background: 0 0;
	color: #232f3e;
	margin: 10px 18px 0;
	font-size: 16px;
	font-weight: 500;
	border: 2px solid #232f3e;
	text-shadow: none;
	border-radius: 0;
	text-transform: uppercase;
	padding: 12px 15px;
	text-decoration: none;
	font-family: var(--font1)
}

.nav-tabs>li>a.active:focus,
.nav-tabs>li>a.active:hover,
.section_life .nav-tab-holder .nav-tabs>li>a.active {
	color: #fff;
	background-color: var(--color1);
	border: 2px solid transparent
}

.section_life .nav-tab-holder .nav-tabs>li:after {
	position: absolute;
	content: "";
	width: 16%;
	right: -19px;
	border-top: solid 3px var(--color1);
	top: 57%
}

.life_inner p {
	font-size: 14px;
	font-family: var(--font3);
	text-align: left;
	color: var(--color4);
	font-weight: 500
}

.mb-60 {
	margin-bottom: 60px
}

.modal.fade .modal-dialog.modal-dialog-zoom {
	-webkit-transform: translate(0, 0) scale(.5);
	transform: translate(0, 0) scale(.5)
}

.modal.show .modal-dialog.modal-dialog-zoom {
	-webkit-transform: translate(0, 0) scale(1);
	transform: translate(0, 0) scale(1)
}

.modal-dialog-zoom .modal-content {
	border-radius: 15px;
	border: 0;
	width: 1050px !important
}

.page-footer .footer-mid,
.page-footer .footer-top {
	border-bottom: 1px solid #7d7d7d
}

.button__holder {
	position: relative;
	width: 100%;
	height: 100%
}

.plus,
.whenlogin ul li a img {
	height: 40px;
	width: 40px
}

.plus {
	position: relative;
	z-index: 1;
	color: #1a1a1a;
	background: #00b050;
	border-radius: 50%;
	border: none;
	-webkit-transition: box-shadow .4s cubic-bezier(.2, 0, .7, 1), -webkit-transform .2s cubic-bezier(.2, 0, .7, 1);
	transition: box-shadow .4s cubic-bezier(.2, 0, .7, 1), transform .2s cubic-bezier(.2, 0, .7, 1), -webkit-transform .2s cubic-bezier(.2, 0, .7, 1);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.plus:after {
	content: "+";
	font-size: 35px;
	line-height: 35px;
	color: #fff
}

.plus:hover {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	box-shadow: 0 0 1px 15px rgba(45, 74, 138, .4), 0 0 1px 30px rgba(45, 74, 138, .1), 0 0 1px 45px rgba(45, 74, 138, .1)
}

.modal-dialog .plus {
	cursor: pointer;
	opacity: 1;
	position: absolute;
	right: -20px;
	top: -20px;
	z-index: 9999;
	outline: 0;
	text-align: center;
	text-shadow: none
}

.pop-heading h2 {
	font-family: var(--font1);
	font-weight: 700;
	margin-top: 15px;
	font-size: 22px;
	margin-left: 10px;
	text-transform: capitalize;
	display: none
}

.pop-heading {
	padding-left: 40px
}

.pop-heading span {
	font-family: var(--font3);
	font-weight: 700;
	margin-top: 15px;
	font-size: 22px;
	color: #00b050;
	text-transform: uppercase
}

.left-bg img {
	max-width: 100%;
	margin: 30px auto 0;
	display: block;
	text-align: center;
	width: 435px;
	height: 100%
}

.bg-modal {
	border-radius: 0 !important;
	width: 1050px !important;
	background-position: right center;
	background-repeat: no-repeat;
	position: relative;
	height: auto !important;
	padding: 0
}

.pop-form {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 0
}

.pop-form .form-control {
	font-size: 15px;
	height: 50px !important;
	font-family: var(--font3);
	font-weight: 700;
	padding: 15px;
	-webkit-box-shadow: none;
	color: #000;
	outline: 0;
	border-radius: 0;
	margin-bottom: 20px;
	box-shadow: none;
	resize: none
}

.my_modal .modal.fade .modal-dialog {
	transform: translate(-120px, -20px) !important
}

.page-footer {
	width: 100%;
	position: relative;
	z-index: 9
}

.page-footer .pattern_six {
	background-image: url(../img/vector-24.png)
}

.page-footer .pattern_seven {
	background-image: url(../img/vector-25.png)
}

.page-footer .pattern-layer-six {
	position: absolute;
	left: 0;
	top: 12%;
	width: 286px;
	background-repeat: no-repeat
}

.page-footer .pattern-layer-seven {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 312px;
	height: 150px;
	background-repeat: no-repeat
}

.footer-bottom,
.page-footer:before {
	background: #003a16;
}

.footer-bottom-links a {
	font-size: 11px !important;
	color: #777 !important
}

.page-footer:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 75px);
	z-index: -1
}

.page-footer .footer-top {
	padding-bottom: 30px
}

.page-footer .footer-top .navbar-brand {
	margin-top: -5px
}

.page-footer .footer-top .navbar-brand svg .cls-1 {
	fill: #8b8b8b
}

.page-footer .footer-top .navbar-nav {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.page-footer .footer-top .navbar-nav .nav-item {
	margin-left: 3rem
}

.page-footer .footer-top .navbar-nav .nav-item .nav-link {
	font-size: 16px;
	line-height: 30px;
	color: var(--color3);
	margin-bottom: 3rem
}

.page-footer .footer-mid .footer-mid-nav {
	padding: 3.1rem 0 0
}

.page-footer .footer-mid .footer-mid-nav .footer-heading {
	font-size: 22px;
	line-height: 30px;
	color: var(--color3);
	margin-bottom: 1.6rem;
	font-weight: 700;
	font-family: var(--font1);
	list-style: none
}

.page-footer .footer-mid .footer-mid-nav .nav-item,
.whenlogin ul {
	list-style: none
}

.page-footer .footer-mid .footer-mid-nav .nav-item .nav-link {
	font-size: 15px;
	line-height: 32px;
	color: var(--color3);
	font-weight: 600;
	font-family: var(--font3);
	padding: 0;
	transition: .35s
}

.footer-mid-nav .read-more {
	color: var(--color3);
	font-family: var(--font3);
	font-weight: 600
}

.page-footer .footer-mid .footer-mid-nav .nav-item .nav-link:hover {
	color: var(--color3) !important;
	padding-left: 3px !important;
	transition: .35s;
	color: #5c81fa
}

.page-footer .footer-mid .footer-mid-nav.partners-list .nav-item:first-child {
	margin-bottom: 2rem
}

.page-footer .footer-mid .footer-mid-nav.partners-list .nav-item .nav-link {
	line-height: 1;
	margin-bottom: 15px
}

.page-footer .footer-mid .footer-mid-nav.partners-list .nav-item .nav-link:hover {
	opacity: .8
}

.page-footer .footer-bottom {
	padding: 22px 0
}

.page-footer .footer-bottom p {
	font-size: 16px;
	line-height: 30px;
	color: var(--color3);
	margin-bottom: 3px;
	font-family: var(--font3);
	font-weight: 600;
	margin-left: 21px;
}

.page-footer .footer-bottom .footer-bottom-links a {
	font-size: 16px;
	line-height: 30px;
	color: var(--color3);
	margin-bottom: 3px;
	font-family: var(--font3);
	font-weight: 600;
	text-align: center
}

.page-footer .footer-bottom .footer-bottom-icons a {
	width: 4rem;
	height: 4rem;
	font-size: 16px;
	line-height: 4rem;
	display: block;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	margin-left: 1px;
	margin-right: 20px
}

.page-footer .footer-bottom .footer-bottom-icons a i {
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	color: var(--color3);
	font-size: 20px
}

.page-footer .footer-bottom .footer-bottom-icons a:first-child {
	margin-left: -1.8rem
}

.floating-footer-form {
	width: 100%;
	background: var(--color3);
	display: block;
	left: 0;
	z-index: 1200
}

.floating-footer-form .form-heading {
	padding: 3rem 4rem;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .06);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .06);
	box-shadow: 0 0 10px rgba(0, 0, 0, .06);
	border-radius: 5px 5px 0 0
}

.footer-modal {
	background: rgba(255, 255, 255, .9);
	z-index: 99999999
}

.footer-modal .contact-form-modal {
	max-width: 1140px;
	width: 100%;
	min-height: 100%;
	margin: 0 auto;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-webkit-box-pack: center;
	justify-content: center;
	-ms-flex-pack: center;
	height: 100vh
}

.contacts img {
	width: 25px;
	margin-right: 5px;
	display: inline-block
}

.contacts i {
	font-size: 33px;
	font-weight: 400;
	padding-bottom: 15px;
	color: var(--color3)
}

.contacts a,
.footer-mid-nav p {
	font-weight: 600;
	font-family: var(--font3)
}

.contacts a {
	color: var(--color3);
	font-size: 18px
}

.contacts .columns {
	padding: 25px 0;
	transition: background .3s;
	position: relative
}

.contacts .columns:hover {
	background: rgb(45 74 138)
}

.footerlinks {
	border-top: 1px solid
}

.footer-mid-nav p {
	font-size: 16px;
	line-height: 28px;
	color: var(--color3);
	text-align: left
}

.footer-mid .column {
	padding: 20px 15px 35px 40px
}

.footer-mid .column:last-child {
	border-right: none
}

.footer-bottom-icons a {
	margin-right: 7px;
	padding: 0 11px;
	color: var(--color3);
	width: 35px;
	height: 35px;
	display: inline-block;
	text-align: center;
	border-radius: 30px;
	line-height: 36px;
	font-size: 16px
}

.footer-contact {
	color: var(--color3);
	max-width: 100px;
	text-align: left;
	margin: auto auto 6px
}

.footer-contact a {
	padding-left: 8px
}

.footer-info {
	position: absolute
}

.new_letter {
	border: 0;
	border-bottom: 1px solid var(--color3)
}

.new_letter:focus {
	border: 0;
	border-bottom: 1px solid var(--color3);
	box-shadow: none
}

.footer-newsletter form .form-group .form-text {
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	font-family: var(--font3);
	margin-bottom: 15px;
	color: #f9f6f6
}

.footer-newsletter form .form-group .form-control {
	border: 1px solid var(--color3);
	background-color: var(--color7);
	height: 47px;
	width: 100%;
	font-size: 14px;
	outline: 0;
	padding: 9px 40px;
	color: #fff
}

.footer-newsletter form .form-group .form-control:active {
	border: 0
}

.footer-newsletter form .form-group .form-control:focus {
	border-color: var(--color3)
}

.footer-newsletter form .form-group button {
	position: absolute;
	content: "\f003";
	top: 64px;
	right: 0;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: 400;
	display: inline-block;
	text-decoration: inherit;
	font-size: 14px;
	color: #fff;
	z-index: 1;
	height: 45px;
	width: 55px;
	border: 0;
	padding: 0;
	line-height: 47px;
	text-align: center;
	cursor: pointer;
	background: var(--color3)
}

.footer-newsletter form .form-group button:after {
	position: absolute;
	content: "\f1d9";
	top: 0;
	right: 18px;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: 400;
	display: inline-block;
	text-decoration: inherit;
	font-size: 16px;
	color: var(--color4);
	z-index: 1
}

.footer-newsletter form .form-group button svg .cls-1 {
	fill: #979797;
	-webkit-transition: fill .3s;
	-o-transition: fill .3s;
	transition: fill .3s
}

.footer-newsletter .footer-icon {
	padding-right: 1px;
	position: absolute;
	left: 15px;
	top: 78px;
	color: var(--color3);
	font-size: 18px
}

.box-with-img {
	height: 100%;
	border: 1px solid #e9e9e9;
	background: var(--color3);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	text-align: center
}

.box-with-img .text-content {
	padding: 28px 20px
}

.box-with-img .text-content h3 {
	margin-bottom: 8px
}

.box-with-img .text-content p {
	margin-bottom: 15px
}

.box-with-img:hover .readmore-btn>div i,
.box-with-img:hover .text-content h3 a {
	color: #5c81fa
}

.box-with-img:hover .readmore-btn {
	width: 100%;
	color: #5c81fa
}

.box-with-img:hover .readmore-btn>div {
	margin-left: 0
}

.b-facebook,
.c-facebook {
	background-color: #3b5998
}

.b-twitter,
.c-twitter {
	background-color: #1da1f2
}

.b-linkedin,
.c-linkedin {
	background-color: #0677b4
}

.b-google-plus,
.c-google-plus {
	background-color: #e94335
}

.c-instagram {
	background: radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%)
}

.b-instagram {
	background-color: #fe0da9
}

.b-youtube,
.c-youtube {
	background-color: #d20a09
}

.b-pinterest {
	background: #c92228
}

.scroll-top {
	position: fixed;
	z-index: 1001;
	bottom: 20px;
	right: -45px;
	height: 45px;
	width: 45px;
	line-height: 45px;
	text-align: center;
	background-color: #00b050;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 10px 0 0 10px;
	color: #fff;
	font-size: 20px;
	opacity: 0;
	visibility: hidden;
	overflow: hidden
}

.scroll-top:hover i {
	-o-animation: .4s forwards toTopFromBottom;
	-ms-animation: toTopFromBottom .4s forwards;
	-webkit-animation: .4s forwards toTopFromBottom;
	animation: .4s forwards toTopFromBottom
}

.scroll-top.on {
	right: 0;
	opacity: 1;
	visibility: visible
}

.seo-banner-section {
	background-image: url(../img/90days-img/90-days-banner.jpg);
	position: relative;
	padding: 80px 0 0;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 100%;
	width: 100%
}

.seo-banner-section .seo-heading h1 {
	font-family: var(--font1);
	font-weight: 700;
	font-size: 50px;
	color: var(--color2)
}

.seo-banner-section .seo-heading h1 span {
	color: #194a84
}

.seo-banner-section .landing-p p {
	font-weight: 500;
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 15px;
	color: var(--color4);
	letter-spacing: .5px;
	text-align: left;
	font-family: var(--font3)
}

.seo-banner-section .landing-btn .landing-btn-1 {
	font-family: var(--font3);
	border: 1px solid var(--color2);
	background-color: var(--color2);
	text-transform: capitalize;
	padding: 15px 30px;
	color: var(--color3);
	font-weight: 600;
	margin-right: 25px;
	font-size: 18px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	letter-spacing: .5px;
	text-decoration: none;
	-webkit-transition: .6s;
	-moz-transition: .6s;
	-ms-transition: .6s;
	-o-transition: .6s;
	transition: .6s
}

.Site_know li b,
.Site_know p a,
.Site_know p b,
.cta-text h3,
.faq_section #accordionFaq1 .card-body ol li,
.faq_section .card-body p,
.guaranteed_section .landing-content p {
	letter-spacing: 1.2px;
	font-family: var(--font3)
}

.cta-text h3,
.guaranteed_section .guarantedd_title .google-review,
.payment-section .fsize {
	font-size: 20px
}

.seo-banner-section .landing-btn .landing-btn-1:hover,
.site_know_btn:hover {
	background: 0 0;
	color: var(--color2);
	-webkit-transition: .6s;
	-moz-transition: .6s;
	-ms-transition: .6s;
	-o-transition: .6s;
	transition: .6s
}

.cta-btn .cta_btn,
.site_know_btn {
	-webkit-transition: .6s;
	-moz-transition: .6s;
	-ms-transition: .6s;
	-o-transition: .6s;
	letter-spacing: .5px;
	text-decoration: none
}

.guaranteed_section .guarantedd_title::before {
	width: 52px;
	bottom: -10px;
	height: 4px;
	top: auto;
	position: absolute;
	content: '';
	border: 4px solid transparent;
	border-bottom: 0;
	border-top-color: var(--color1) !important;
	left: 50%;
    transform: translateX(-50%);
}

.guaranteed_section .guarantedd_title h2 {
	font-family: var(--font1);
	font-weight: 700;
	text-transform: capitalize;
	font-size: 35px;
	line-height: 50px;
	margin-bottom: 5px;
	color: var(--color2)
}

.guaranteed_section .guarantedd_title .page-title {
	color: var(--color1);
	font-style: italic;
	font-weight: 700;
	font-family: var(--font2);
	letter-spacing: 1.2px
}

.guaranteed_section .guarantedd_title .Google_Review i {
	font-size: 15px;
	color: #fbbc04;
	margin-right: 5px
}

.guaranteed_section .landing-sub h3 {
	font-size: 18px;
	font-family: var(--font1);
	font-weight: 700;
	color: var(--color1);
	margin-bottom: 10px
}

.guaranteed_section .landing-content h4 {
	font-family: var(--font1);
	font-weight: 700;
	color: var(--color2);
	font-size: 18px;
	margin-bottom: 10px
}

.guaranteed_section .landing-content p {
	font-weight: 500;
	font-size: 17px;
	line-height: 28px;
	margin-bottom: 15px;
	color: var(--color4);
	text-align: justify
}

.site_position {
	background-color: var(--bg-color)
}

.site_position .Site_know h5 {
	color: var(--color2);
	font-family: var(--font3);
	font-weight: 700;
	font-size: 23px
}

.Site_know ul li,
.guaranteed_section .sbox-2 p {
	font-weight: 500;
	letter-spacing: 1.2px;
	font-family: var(--font3)
}

.Site_know ul {
	padding: 0;
	margin-top: 20px
}

.Site_know ul li {
	list-style: none;
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 10px;
	color: var(--color2);
	text-align: justify;
	margin-left: 20px
}

.Site_know ul li:before {
	content: "\f101";
	font-family: FontAwesome;
	float: left;
	margin-left: -1.3em;
	color: var(--color2);
	font-size: 18px;
	font-weight: 600
}

.Site_know li b,
.Site_know p a {
	color: var(--color1)
}

.Site_know p b {
	line-height: 30px
}

.site_know_btn {
	font-family: var(--font1);
	border: 1px solid var(--color2);
	background-color: var(--color2);
	text-transform: uppercase;
	padding: 15px 30px;
	color: var(--color3);
	font-weight: 600;
	font-size: 18px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 0;
	transition: .6s
}

.Client_Results .seo-results,
.cookies,
.cta_button,
.quote_btn {
	text-transform: capitalize
}

.guaranteed_section .sbox-2 {
	position: relative;
	top: 0;
	text-align: center;
	background-color: transparent;
	border: 1px solid #f5f5f5;
	padding: 40px 20px;
	margin-top: 30px;
	margin-bottom: 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	min-height: 550px;
	-webkit-transition: .4s ease-in-out;
	-moz-transition: .4s ease-in-out;
	-o-transition: .4s ease-in-out;
	-ms-transition: .4s ease-in-out;
	transition: .4s ease-in-out
}

.guaranteed_section .sbox-2:hover {
	background-color: var(--color3);
	border: 1px solid #f5f5f5;
	box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .15);
	top: -10px
}

.Clients-Say_section .video-frame,
.Clients-Say_section .video-frame:hover {
	-webkit-transition: .4s ease-in-out;
	-moz-transition: .4s ease-in-out;
	-o-transition: .4s ease-in-out;
	-ms-transition: .4s ease-in-out;
	border-radius: 0
}

.guaranteed_section .img-100 {
	max-width: 100px;
	height: 100px
}

.guaranteed_section .sbox-2 .h5-md {
	line-height: 30px;
	margin-top: 10px;
	font-size: 18px;
	margin-bottom: 15px;
	color: var(--color2);
	font-family: var(--font1);
	font-weight: 700
}

.guaranteed_section .sbox-2 p {
	font-size: 17px;
	line-height: 28px;
	margin-bottom: 15px;
	color: var(--color4);
	text-align: center;
	min-height: 250px
}

.Clients-Say_section {
	background: var(--color1) url(../img/90days-img/banner-55.png) no-repeat;
	background-size: cover !important;
	background-position: center !important;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	width: 100%;
	height: 100%
}

#preload-status,
.our-accreditations,
.seo-cta_section {
	background-repeat: no-repeat
}

.our-accreditations,
.seo-cta_section {
	background-size: 100%;
	background-position: bottom center
}

.Clients-Say_section .guarantedd_title:before,
.our-accreditations .guarantedd_title:before {
	border-top-color: var(--color3) !important
}

.Clients-Say_section .video-frame {
	padding: 10px;
	margin-top: 20px;
	background-color: var(--color3);
	transition: .4s ease-in-out
}

.Clients-Say_section .video-frame:hover {
	box-shadow: 0 0 20px 0 rgba(62, 28, 131, .1);
	transition: .4s ease-in-out;
	cursor: pointer
}

.ed-frame {
	min-height: 350px
}

.ed-frame iframe {
	width: 100%;
	height: 360px
}

.seo-bg-color {
	background-color: var(--bg-color) !important;
	background-image: none !important
}

.our_clients .client-logo {
	border-radius: 8px;
	background-color: var(--color3);
	-webkit-box-shadow: 0 0 10px rgba(51, 51, 51, .1);
	box-shadow: 0 0 10px rgba(51, 51, 51, .1)
}

.our_clients .client-logo .col-md-3 {
	padding-left: 0;
	padding-right: 0
}

.our_clients {
	margin: 0 auto;
	display: block;
	text-align: center
}

.our_clients .bb-1 {
	border-right: 1px solid rgba(227, 227, 227, .7);
	border-top: 1px solid rgba(227, 227, 227, .7)
}

.our_clients .bt-0 {
	border-top: 1px solid var(--color3)
}

.our_clients .br-0 {
	border-right: 1px solid var(--color3)
}

.client-logo-box:hover {
	box-shadow: 0 0 20px 0 rgba(62, 28, 131, .1);
	-webkit-transition: .4s ease-in-out;
	-moz-transition: .4s ease-in-out;
	-o-transition: .4s ease-in-out;
	-ms-transition: .4s ease-in-out;
	transition: .4s ease-in-out
}

.our-accreditations {
	background-color: #25d366;
	background-image: url(../img/90days-img/bg-accreditations.png)
}

.our-accreditations .accreditation {
	padding: 13px;
	background: var(--color3);
	height: 100px;
	border-radius: .25rem;
	line-height: 140px
}

.faq_section .collapsible-link::before {
	content: '';
	width: 14px;
	height: 2px;
	background: #333;
	position: absolute;
	top: calc(50% - 1px);
	right: 1rem;
	display: block;
	transition: .3s
}

.faq_section .collapsible-link::after {
	content: '';
	width: 2px;
	height: 14px;
	background: var(--color5);
	position: absolute;
	top: calc(50% - 7px);
	right: calc(1rem + 6px);
	display: block;
	transition: .3s
}

.faq_section .collapsible-link[aria-expanded=true]::after {
	transform: rotate(90deg) translateX(-1px)
}

.faq_section .collapsible-link[aria-expanded=true]::before {
	transform: rotate(180deg)
}

.faq_section .card {
	border-radius: 0
}

.faq_section .card-header {
	border-bottom: 1px solid rgba(227, 227, 227, .7) !important
}

.faq_section .card-body p {
	font-weight: 600;
	font-size: 15px;
	line-height: 26px;
	margin-bottom: 15px;
	color: var(--color4);
	text-align: left
}

.faq_section #accordionExample .card-header h6,
.faq_section #accordionFaq1 .card-header h6 {
	font-family: var(--font1);
	font-size: 15px;
	line-height: 26px;
	font-weight: 700 !important
}

.faq_section #accordionFaq1 .card-body ol {
	margin-left: 0;
	padding-left: 25px;
	margin-top: 15px
}

.faq_section #accordionFaq1 .card-body ol li {
	font-weight: 600;
	font-size: 15px;
	line-height: 26px;
	margin-bottom: 5px;
	color: var(--color4);
	text-align: left
}

.seo-cta_section {
	background-image: url(../img/90days-img/cta-bg.jpg);
	width: 100%;
	height: 100%;
	position: relative
}

.digital_market,
.home_services {
	background-image: url(../img/icon/backgroundDotts.png);
	background-repeat: no-repeat
}

.seo-cta_section:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	background-color: rgba(45, 74, 138, .85)
}

.cta-text h3 {
	font-weight: 700;
	color: var(--color3);
	line-height: 38px
}

.cta-btn .cta_btn {
	border: 1px solid var(--color3);
	padding: 10px 35px;
	top: 25px;
	right: 35%;
	font-size: 18px;
	position: absolute;
	color: #fff;
	font-family: var(--font1);
	font-weight: 600;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	transition: .6s
}

.Client_Results .seo-results,
.cta-btn .cta_btn:hover {
	-webkit-transition: .6s;
	-moz-transition: .6s;
	-ms-transition: .6s;
	-o-transition: .6s
}

.cta-btn .cta_btn:hover {
	background-color: #fff;
	color: #263045;
	transition: .6s
}

.Client_Results .traget-holder {
	background-color: var(--color1);
	padding: 7px;
	color: var(--color3);
	font-size: 15px;
	font-family: var(--font1);
	text-align: center
}

.Client_Results .target-holder1 {
	background-color: var(--color5)
}

.Client_Results .traget-holder span {
	font-weight: 500;
	font-size: 14px
}

.Client_Results .table-bordered tbody tr td {
	font-family: var(--font3);
	color: #333;
	font-size: 14px;
	font-weight: 500;
	vertical-align: middle
}

.Client_Results .seo-results {
	font-family: var(--font3);
	border: 1px solid var(--color2);
	padding: 15px 30px;
	color: var(--color2);
	font-weight: 600;
	font-size: 18px;
	margin-top: 20px;
	cursor: pointer;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	letter-spacing: .5px;
	text-decoration: none;
	transition: .6s
}

.Client_Results .seo-results:hover {
	background-color: var(--color2);
	color: var(--color3);
	-webkit-transition: .6s;
	-moz-transition: .6s;
	-ms-transition: .6s;
	-o-transition: .6s;
	transition: .6s
}

.whenlogin {
	background-color: #222;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 999;
	padding: 5px 0;
	border-bottom: 2px solid #fff
}

.whenlogin ul li {
	display: inline-block;
	margin: 0 30px 0 0
}

.whenlogin ul li a:hover {
	color: #00b9eb
}

.ourPromise {
	padding: 50px 0;
	background-color: #000000;
	clear: both
}

.ourPromise .promiseLeft .subHeading {
	font-size: 24px;
	font-style: italic;
	font-weight: 300;
	color: var(--color3);
	margin-bottom: 30px;
	display: block;
	font-family: var(--font2)
}

.ourPromise .promiseLeft h3 {
	font-size: 30px;
	line-height: 40px;
	font-weight: 800;
	color: var(--color3);
	font-family: var(--font1);
	margin-bottom: 30px
}

.ourPromise .promiseLeft ul {
	margin: 0 0 0 50px
}

.ourPromise .promiseLeft ul li {
	margin-bottom: 15px;
	font-size: 17px;
	list-style: none;
	position: relative;
	font-family: var(--font3);
	color: var(--color3)
}

.ourPromise .promiseLeft ul li:before {
	content: "";
	position: absolute;
	left: -27px;
	background: url(../img/icon/check-1.png) 0 0/20px no-repeat;
	width: 20px;
	height: 20px;
	top: 4px
}

.promiseLeft {
	border-right: 1px solid #565f6b
}

.promiseright {
	padding: 10px 0 15px 15px;
	margin: 10px 0 0;
	text-align: center
}

.promiseright h4 {
	color: var(--color3);
	margin: 0 0 35px;
	font-size: 32px;
	line-height: 38px;
	font-weight: 800;
	font-family: var(--font1)
}

.promiseright .listpromisright ul {
	margin: 0;
	width: 100%;
	float: left
}

.promiseright .listpromisright ul li {
	list-style: none;
	font-size: 48px;
	font-weight: 700;
	line-height: 29px;
	width: 45%;
	float: none;
	color: #fff;
	display: inline-block;
	padding: 30px 15px
}

.promiseright .listpromisright ul li span {
	color: #fff;
	font-size: 15px;
	font-weight: 400;
	display: block;
	margin-top: 15px;
	font-family: var(--font3)
}

.promiseright ul li:first-child,
.promiseright ul li:nth-child(4) {
	color: #25d366
}

.promiseright ul li:nth-child(odd) {
	border-right: 1px dashed #ffffff26;
	margin-right: -4px
}

.promiseright ul li:nth-child(-n+2) {
	border-bottom: 1px dashed #ffffff26
}

.home_services {
	background-position: 0 0
}

.home_services .services_heading h3,
.our_portfolio .services_heading .subHeading {
	font-size: 20px;
	font-style: italic;
	font-family: var(--font2);
	color: var(--color1)
}

.home_services .services_heading h2,
.homeserviceBox h4,
.our_portfolio .services_heading h2,
.web_list ul li span {
	font-family: var(--font1);
	color: var(--color2)
}

.home_services .services_heading h2 {
	font-size: 45px;
	font-weight: 800;
	line-height: 1.1;
	margin-bottom: 60px
}

.home_services .services_heading:before {
	width: 100px;
	bottom: -20px;
	height: 4px;
	top: auto;
	position: absolute;
	content: '';
	border-top-color: var(--color2) !important;
	border: 4px solid transparent;
	border-bottom: 0;
	left: 50%;
	margin-left: -26px
}

.home_services .webDesign {
	outline: #fff solid 3px;
	outline-offset: -2px;
	padding: 45px 55px 0 0;
	background-image: url(../img/image-new/B5.webp);
	background-size: cover;
	height: 100%
}

.home_services .homeserviceBox {
	padding: 30px 20px 0;
	background-color: #fff;
	width: 559px;
	text-align: center
}

.homeserviceBox h4 {
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 45px;
	text-align: center
}

.web_list ul {
	margin: 0;
	padding: 0;
	display: flex;
}

.web_list ul li {
	list-style: none;
	display: inline-block;
	float: left;
	width: 33%;
	text-align: center;
	margin: 0 0 65px
}

.web_list ul li a img {
	width: 64px;
	display: block;
	margin: 0 auto;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s
}

.web_list ul li span {
    padding: 9px 0 0;
    display: block;
    text-align: center;
    font-size: 12px;
    font-weight: 800;
	line-height: initial;
}

.web_list ul li a:hover img {
	-webkit-filter: grayscale(100%) !important;
	filter: grayscale(100%) !important;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s
}

.web_list ul li a:hover span {
	color: #25d366;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s
}

.digital_market {
	background-position: 100% 0
}

.digital_market .digitalmarket {
	padding: 45px 0 0 55px;
	background-image: url(../../img/11602351.jpg);
	background-size: cover;
	height: 100%
}

.digital_market .homeserviceBox {
	float: left !important
}

.our_portfolio {
	background: #f5f5f5;
	padding: 50px 0
}

.our_portfolio .services_heading h2 {
	font-size: 35px;
	font-weight: 800;
	line-height: 1.1;
	margin-bottom: 60px
}

.meeting_section {
	clear: both;
	overflow: hidden;
	position: relative
}

.meeting_section .meeting-heading {
	padding: 30px
}

.meeting_section .meeting-heading h2 {
	color: var(--color3);
	font-family: var(--font1);
	font-weight: 800;
	font-size: 50px;
	line-height: 1.1;
	margin-bottom: 15px
}

.meeting_section .meeting-heading h2 span {
	color: #25d366;
	display: block
}

.meeting_section .meeting-heading p {
	color: var(--color3);
	font-family: var(--font3);
	font-size: 17px;
	line-height: 27px;
	font-weight: 400;
	margin-bottom: 40px
}

.cookies a,
.cookies-accept,
.cookies-message,
.icon-box-title,
.jointeam label.error,
.payment_heading h2,
.rating p,
.seo-form label.error,
.seo_cta_section .cta_heading h2,
.text_loading {
	font-family: var(--font1)
}

.meeting_section .meeting-heading .metting_btn {
	border: 2px solid #25d366;
	padding: 12px 22px;
	color: #fff;
	font-family: var(--font1);
	font-weight: 600;
	font-size: 15px;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.meeting_section .meeting-heading .metting_btn:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #25d366;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

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

.meeting_section .capablities_bg::after,
.meeting_section .capablities_bg::before {
	position: absolute;
	width: 100%;
	height: 50%;
	top: 0;
	left: 0;
	content: "";
	z-index: -1;
	background: #fff
}

.meeting_section .capablities_bg::after {
	width: 60%;
	height: 100%;
	background-color: var(--color2)
}

.flexdatalist-alias:focus {
	outline: 0 !important;
	border: 0 !important
}

.seo-result {
	padding: 60px 0
}

.inputContainer .btn-group {
	width: 100% !important;
	border: 1px solid #ccc !important;
	height: 50px !important;
	margin-bottom: 15px
}

.inputContainer .dropdown-toggle {
	width: 100% !important;
	text-align: left !important;
	font-family: var(--font1) !important;
	font-weight: 600 !important;
	color: #666 !important;
	overflow: hidden !important;
	box-shadow: none !important
}

.inputContainer .dropdown-menu {
	width: 100% !important;
	border: 1px solid #ccc;
	border-radius: 0
}

.inputContainer .multiselect-container>li>a>label {
	padding: 3px 20px;
	font-family: var(--font1) !important;
	font-weight: 600 !important;
	color: var(--color5);
	font-size: 15px
}

.inputContainer .dropdown-toggle::after {
	display: inline-block;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent;
	position: absolute;
	right: 5px;
	top: 21px
}

.modal-pack {
	padding: 0;
	background-color: transparent
}

.modal-pack .w-25 {
	width: 25%
}

.modal_outer .modal-title {
	font-size: 25px;
	font-weight: 700;
	font-family: var(--font2);
	line-height: 1.1
}

#website_form .modal-dialog {
	margin: 0 auto;
	display: flex;
	justify-content: center
}

.metting-calendly .modal-lg {
	max-width: 1140px !important
}

.calendly_div iframe {
	width: 100%;
	height: 800px
}

.metting-calendly .calendly-close {
	background: var(--color1);
	position: absolute;
	right: 0;
	opacity: 1;
	width: 40px;
	height: 40px;
	line-height: 20px
}

.cookies-accept:focus,
.metting-calendly .calendly-close:focus {
	outline: 0;
	border: 0
}

.metting-calendly .calendly-close img {
	width: 20px;
	height: 21px
}

.cookies {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: nowrap;
	background: var(--color2);
	height: 30px;
	padding: 15px 22px 22px 20px;
	border-radius: 10px;
	box-shadow: 0 10px 30px rgba(65, 72, 86, .06);
	transition: .4s ease-in-out;
	position: fixed;
	z-index: 111;
	bottom: 30px;
	left: 35%
}

.cookies-icon {
	height: 20px;
	width: 20px;
	animation-name: spin;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	position: relative;
	top: 3px
}

#preload-status,
#timer,
.share-btn,
.share-btn a span {
	position: absolute
}

#timer,
.cookies-accept,
.share-btn a span {
	width: 30px;
	height: 30px
}

.fade-img {
	opacity: 1 !important;
	transform: scale(1)
}

.cookies-accept {
	line-height: 24px;
	border: none;
	border-radius: 30px;
	color: #000;
	font-size: 13px;
	text-align: center;
	background: #25d366;
	cursor: pointer;
	outline: 0;
	transition: background 250ms ease-in-out;
	user-select: none;
	margin-top: 6px;
	font-weight: 700
}

.cookies {
	background-color: var(--color2);
	color: #999
}

.cookies-message {
	padding: 0 10px;
	color: #fff;
	font-size: 14px;
	line-height: 4px
}

.cookies a {
	color: #fff
}

@keyframes spin {
	from {
		transform: rotate(0)
	}

	to {
		transform: rotate(360deg)
	}
}

@media only screen and (max-width:600px) {
	.cookies-message {
		line-height: 25px
	}

	.cookies {
		left: 0
	}
}

.share-btn {
	z-index: 1;
	left: 95%;
	top: 35%
}

.drive-btn span,
.quote_btn,
.seo_form,
.seo_form h2,
.text_loading {
	position: relative
}

.share-btn span {
	height: 100px;
	width: 100px;
	background: #009edc;
	font-size: 45px;
	color: #fff;
	border-radius: 50%;
	cursor: pointer;
	border: 1px solid #009edc;
	text-align: center;
	line-height: 100px
}

.share-btn:hover span {
	background: #009edc;
	border-color: #009edc
}

.share-btn a span {
	right: 10px;
	bottom: 10px;
	line-height: 30px;
	font-size: 18px;
	border: 1px solid transparent;
	background: #16a085;
	z-index: -1;
	opacity: 0;
	pointer-events: none;
	transition: .6s
}

.switch:checked~.share-btn a span {
	height: 50px;
	width: 50px;
	line-height: 50px;
	font-size: 23px;
	z-index: 1;
	opacity: 1;
	pointer-events: auto
}

.switch:checked~.share-btn a:nth-child(2) span {
	bottom: 60px;
	right: 110px;
	background: #1da1f2;
	border-color: #0e9af1
}

.switch:checked~.share-btn a:nth-child(3) span {
	bottom: 110px;
	right: 65px;
	background: #e1306c;
	border-color: #df2060
}

.share-btn a:nth-child(3) span {
	transition-delay: 0.2s
}

.switch:checked~.share-btn a:nth-child(4) span {
	bottom: 110px;
	right: 0;
	background: red;
	border-color: #e60000
}

.share-btn a:nth-child(4) span {
	transition-delay: 0.4s
}

.share-btn:after,
.share-btn:before {
	animation: 1.5s linear 2s infinite pulse-border;
	-webkit-animation: 1.5s linear infinite pulse-border
}

@keyframes pulse-border {
	0% {
		-webkit-transform: translate(-50%, -50%) scale(1);
		-ms-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
		opacity: 1
	}

	100% {
		-webkit-transform: translate(-50%, -50%) scale(1.5);
		-ms-transform: translate(-50%, -50%) scale(1.5);
		transform: translate(-50%, -50%) scale(1.5);
		opacity: 0
	}
}

@-webkit-keyframes pulse-border {
	0% {
		-webkit-transform: translate(-50%, -50%) scale(1);
		-ms-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
		opacity: 1
	}

	100% {
		-webkit-transform: translate(-50%, -50%) scale(1.5);
		-ms-transform: translate(-50%, -50%) scale(1.5);
		transform: translate(-50%, -50%) scale(1.5);
		opacity: 0
	}
}

#driveitploader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999999;
	background-color: #fff
}

#preload-status {
	width: 200px;
	height: 200px;
	left: 50%;
	top: 50%;
	background-position: center;
	margin: -100px 0 0 -100px
}

.text_loading {
	font-size: 18px;
	font-weight: 700;
	top: -30px;
	color: var(--color1)
}

#loader-json {
	text-align: center
}

#preload-status svg {
	width: 150px !important
}

.jointeam Select.error,
.jointeam input.error,
.seo-form input.error,
.seo-form textarea.error {
	border-color: red !important;
	margin-bottom: 10px !important
}

.jointeam label.error,
.seo-form label.error {
	line-height: 24px;
	margin: 0 0 5px;
	text-transform: capitalize;
	font-weight: 600;
	display: block
}

.jointeam label.error {
	padding: 5px 0 0;
	font-size: 12px;
	color: red
}

.contact-block {
	background: #edf0fa;
	padding: 20px 30px;
	margin-bottom: 20px;
	border-radius: 10px
}

.contact-icon i {
	width: 60px;
	height: 60px;
	background: var(--color1);
	text-align: center;
	line-height: 60px;
	display: inline-block;
	border-radius: 50%
}

.contact-icon i:before {
	color: #fff;
	font-size: 20px
}

.contact-details {
	margin-left: 25px
}

.icon-box-title {
	font-weight: 700;
	margin-bottom: 5px;
	font-size: 20px
}

.contact-details p a {
	color: var(--color2);
	font-family: var(--font3);
	font-weight: 600;
	font-size: 18px
}

.seo-form label.error {
	padding: 0;
	font-size: 12px;
	color: red;
	text-align: left
}

.seo-form input.error::placeholder {
	color: red !important;
	opacity: 1
}

.seo-form input.error :-ms-input-placeholder {
	color: red !important
}

.seo-form input.error::-ms-input-placeholder {
	color: red !important
}

.seo-form textarea.error::placeholder {
	color: red !important;
	opacity: 1
}

.seo-form textarea.error :-ms-input-placeholder {
	color: red !important
}

.seo-form textarea.error::-ms-input-placeholder {
	color: red !important
}

.seo-form .drive-btn {
	border-radius: 5px !important
}

.star_blk i {
	color: #ffd81b;
	font-size: 22px;
	margin-right: 7px
}

.rating p {
	color: #ffd81b;
	font-size: 18px;
	font-weight: 300;
	margin: 5px 0 10px
}

.rating a {
	color: #ffd81b;
	font-weight: 600
}

.payment-declined,
.payment-section {
	padding: 40px 0;
	clear: both
}

.payment-section .payment_hw svg {
	width: 200px !important;
	height: 200px !important;
	margin: 0 auto;
	display: block
}

.payment_hw {
	margin: 0 auto;
	width: 180px
}

.payment_heading h2 {
	text-align: center;
	font-weight: 700;
	font-size: 22px;
	line-height: 40px
}

.payment-box hr {
	margin-top: .5rem !important;
	margin-bottom: .5rem !important
}

.thank_content {
	margin-top: 20px
}

#timer {
	right: 10px;
	background: #aeb5b8;
	line-height: 30px;
	text-align: center;
	border-radius: 30px;
	color: #262a33
}

.payment-declined .payment-declined-box {
	border: 2px solid #e36873;
	border-radius: 5px;
	padding: 20px 15px 20px 130px;
	margin: 0 15px 30px;
	background-color: var(--color3);
	box-shadow: rgb(0 0 0 / 13%) 0 4px 24px -2px;
	overflow: hidden;
	position: relative
}

.payment-declined .payment-declined-box .payment-error {
	display: inline-block;
	width: 90px;
	height: 90px;
	overflow: hidden;
	position: absolute;
	top: 20px;
	left: 20px
}

.payment-declined .payment-declined-box .payment-error svg {
	width: 80px;
	height: 80px
}

.payment-declined-box .error-head {
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 8px;
	color: #e36873;
	font-family: var(--font2)
}

.payment-declined-box .error-details {
	color: #e36873
}

.company_profile_frame iframe {
	width: 100%;
	height: 1000px
}

.drive-btn i {
	font-size: 25px
}

.drive-btn span {
	top: -4px;
	left: 6px
}

.convertcurrent {
	display: inline-block;
	vertical-align: middle;
	margin: 0 15px
}

.convertcurrent p {
	margin: 0;
	font-size: 18px;
	font-weight: 700;
	color: #fff
}

.audit_btn a,
.seo_form .form-control,
.top_menu_btn a {
	font-weight: 600;
	font-family: var(--font3)
}

.convertcurrent .form-control {
	margin: 0;
	width: 165px;
	font-size: 15px;
	background-color: #fff;
	border-radius: 5px;
	border: 0;
	box-shadow: none;
	cursor: pointer
}

.convertcurrent .form-control:active,
.convertcurrent .form-control:focus {
	border: 0 !important;
	box-shadow: none !important
}

.boxcoutr {
	background-color: var(--color2);
	margin: 0 0 20px;
	padding: 20px 0
}

#anniversary_modal .modal-lg {
	max-width: 600px
}

#anniversary_modal .modal-body {
	padding: 10px
}

#anniversary_modal .close {
	position: absolute;
	top: 0;
	right: -35px;
	border: 0;
	width: 35px;
	height: 35px;
	line-height: 10px;
	opacity: 1;
	background: #1d70d8;
	color: #fff;
	border-radius: 0
}

.audit_btn a,
.top_menu_btn a {
	background: var(--color1);
	color: #fff
}

#anniversary_modal .close:focus {
	border: 0;
	box-shadow: none;
	outline: 0
}

#anniversary_modal .close span {
	font-size: 15px
}

#anniversary_modal .modal-dialog-zoom .modal-content {
	border-radius: 0 !important
}

.top_menu_btn a {
	width: 48%;
	float: left;
	border: 1px solid var(--color1);
	display: flex;
	justify-content: center;
	padding: 8px;
	margin: 10px 3px 3px
}

.audit_btn a {
	display: flex;
	justify-content: center;
	padding: 8px;
	margin: 0px 3px 3px
}

#client_results .owl-next,
#client_results .owl-prev ,  #festive_slider  .owl-next,    #festive_slider  .owl-prev{
	position: absolute;
	right: -80px;
	top: 45%;
	width: 50px;
	height: 50px;
	border: 1px solid var(--color1);
	border-radius: 30px;
	line-height: 50px;
	font-size: 18px;
	background: var(--color1);
	color: #fff;
	outline: 0;
	box-shadow: none;
	text-align: center
}

#client_results .owl-prev {
	left: -80px
}
#festive_slider .owl-prev {
	left: -80px
}

.quote_btn {
	color: var(--color1);
	background: 0 0;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: .5px;
	padding: 13px 20px;
	border: 2px solid var(--color1);
	border-radius: 0;
	z-index: 1;
	transition: .5s ease-out
}

.quote_btn:hover {
	color: var(--color3);
	background: var(--color7);
	border-color: var(--color7)
}

.quote_btn:after,
.quote_btn:before {
	content: '';
	border-top: 2px solid var(--color1);
	border-left: 2px solid var(--color1);
	position: absolute;
	top: -6px;
	left: -6px;
	right: calc(100% - 20px);
	bottom: calc(100% - 20px);
	z-index: -1;
	transition: .4s
}

.cta_button:after,
.quote_btn:after {
	transform: rotate(180deg);
	right: -6px;
	bottom: -6px;
	left: calc(100% - 20px);
	top: calc(100% - 20px)
}

.quote_btn:hover:before {
	right: -6px;
	bottom: -6px;
	border-color: var(--color7)
}

.quote_btn:hover:after {
	top: -6px;
	left: -6px;
	border-color: var(--color7)
}

.icons_animate svg {
	width: 200px !important;
	height: 200px !important
}

.seo_form {
	padding: 35px 35px 20px;
	border-radius: 5px 5px 0 0;
	background-color: #f6fafb;
	margin-left: 40px;
	box-shadow: Send Us Your Queries;
	background: linear-gradient(to right, #00b050 0, #1c2842 100%);
	margin-bottom: 30px
}

.quote_icon,
.seo_form h2::after {
	background-color: var(--color2);
	position: absolute
}

.seo_form form {
	border-radius: 50px 0 50px 5px;
	background: #fff
}

.seo_form .form-control {
	height: 56px;
	border-radius: 5px;
	box-shadow: none;
	border: 2px solid var(--color1) !important
}

.seo_form textarea {
	height: 110px !important;
	resize: none
}

.seo_form h2 {
	color: var(--color2);
	text-align: center;
	font-size: 29px;
	font-weight: 700;
	margin-bottom: 35px;
	margin-top: 0;
	font-family: var(--font3);
	padding-top: 22px
}

.seo_form h2::after {
	content: '';
	bottom: -10px;
	height: 4px;
	left: 50%;
	margin-left: -50px;
	width: 80px;
	border-radius: 5px
}

.quote_icon {
	width: 90px;
	height: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	top: -30px;
	right: -30px
}

.quote_icon img {
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center
}

.video_client_box {
	margin-bottom: 2rem;
	background-color: #f2eaff;
	transition: .3s ease-in-out;
	border-radius: 20px;
	border: 3px solid var(--color2);
	padding: 5px
}

.video_client_box:hover {
	box-shadow: 10px 10px 0 0 rgb(28 40 66);
	-webkit-box-shadow: 10px 10px 0 0 rgb(28 40 66);
	-moz-box-shadow: 10px 10px 0 0 rgb(28 40 66)
}

.video_client_box iframe {
	width: 100%;
	height: 250px;
	border-radius: 20px
}

.seo_cta_section {
	padding: 40px 0;
	background-color: var(--color2)
}

.seo_cta_section .cta_heading h2 {
	font-weight: 700;
	color: var(--color3);
	font-size: 35px;
	line-height: 45px
}

.cta_button {
	color: var(--color3);
	background: 0 0;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: .5px;
	padding: 13px 20px;
	border: 2px solid var(--color3);
	border-radius: 0;
	position: relative;
	z-index: 1;
	transition: .5s ease-out
}

.cta_button:hover {
	color: var(--color3);
	background: var(--color2);
	border-color: var(--color3)
}

.cta_button:after,
.cta_button:before {
	content: '';
	border-top: 2px solid var(--color3);
	border-left: 2px solid var(--color3);
	position: absolute;
	top: -6px;
	left: -6px;
	right: calc(100% - 20px);
	bottom: calc(100% - 20px);
	z-index: -1;
	transition: .4s
}

.cta_button:hover:before {
	right: -6px;
	bottom: -6px;
	border-color: var(--color3)
}

.cta_button:hover:after {
	top: -6px;
	left: -6px;
	border-color: var(--color3)
}
.addressimage img {
    width: 100%;
    border-radius: 10px 10px 0px 0px;
}
.addressnew {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    background-color: #fff;
    border-radius: 0px 0px 10px 10px;
}
.newtextadresss {
    padding: 0 15px 15px;
    margin: 10px 0;
}
.newtextadresss h2 {
    font-weight: bold;
    font-size: 27px;
    margin: 0 0 10px;
    border-bottom: 1px solid #dfdfdf;
    padding: 0 0 5px;
}
.addresicion {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	-ms-flex-align: center !important;
    align-items: center !important;
}
.iconareane img {
    width: 50px;
    height: 50px;
    padding: 10px;
}
.iconareane {
    width: 50px;
    height: 50px;
    background-color: var(--color1);
    border-radius: 100%;
    margin: 0 15px 0 0px;
}
.addresnws p {    
	line-height: 28px;
    font-size: 16px;
    font-weight: 700;
    color: #000;
	margin: 0;
}
.addresnws {
    width: 84%;
}
.newadressarea {
    margin: 0 0 25px;
}
.tableFixHead{
	overflow-y: auto; 
	height: 90vh; 
	
}
.table-responsive thead .thead_fixed th{
	position: sticky;
	top: -1px;
	background-color: var(--color2);
	color: var(--color3);
	box-shadow:0 1px 2px rgb(0 0 0 / 10%), 0 2px 4px rgb(0 0 0 / 10%);
}

.projects_section{
	padding:50px 0px;
	clear: both;
}
.projects_section .sub_portfolio{
	position: absolute;
	top: 20px;
	left: 50%;
	color: black;
	z-index: 11;
	transform: translate(-50%, 10px);
	-webkit-transform: translate(-50%, 10px);
	-moz-transform: translate(-50%, 10px);
	-ms-transform: translate(-50%, 10px);
	-o-transform: translate(-50%, 10px);
}
.projects_section .sub_portfolio span{
	font-style: italic;
    font-weight: 700;
	font-size: 22px;
    font-family: var(--font2);
    letter-spacing: 1.2px;
	display: block;
	margin-bottom:10px;
    color: var(--color3);
}
.projects_section .sub_portfolio h2{
	font-size: 34px;
    line-height: 44px;
    margin-bottom: 20px;
    font-weight: 600;
    color: var(--color3);
    font-family: var(--font1);
}

.project_name .project_title .item {
    color: var(--color3);
    font-size: 15px;
    text-align: center;
    padding: 10px 0px;
    width: fit-content;
    margin: 0 auto;
    cursor: pointer;
	font-family: var(--font1);
    text-transform: uppercase;
	letter-spacing: 1px;
}
.project_name .owl-item.active.current {
    border-bottom: 3px solid var(--color3);
}
.project_name  .owl-stage {
    display: flex;
    justify-content: space-around;
}
.project_name  .owl-item.active {
    width: fit-content !important;
}
.project_name .project_title{
	position: absolute;
    top: 125px;
    z-index: 11;
    border-bottom: 1px solid #ffffff45;
}
.portfolio-self .item {
    padding-top: 220px;
    padding-bottom: 50px;
}
.project_logo {
    height: 50px;
    display: inline-flex;
    align-items: center;
}
.project_logo img {
    width: 150px !important;
}
.poject_details p {
    font-size: 15px;
    color: var(--color3);
    margin: 0;
    line-height: 29px;
    font-family: var(--font3);
    letter-spacing: 0.5px;
    /* text-align: justify; */
}
.desktop_version{
	width:80%;
	margin:0 auto;
	object-fit: cover;
}

.portfolio-self .Fayyaztravels{
	background-color: #543019;
}
.portfolio-self .cottoncrumbs{
	background-color: #21305b;
}
.portfolio-self .golaysingapore{
	background-color: #767689;
}
.portfolio-self .ayata{
	background-color: #162953;
}
.portfolio-self .pokespace{
	background-color: #81c71f;
}
.portfolio-self .collectxpert{
	background-color: #138790;
}
.portfolio-self .indigo{
	background-color: #303177;
}

@media(max-width: 991px) {
	.project_name{
		width: 100%;
        overflow: auto;
	}
}

/* ===== New SEO page css start ===== */
.whychoose-card {
    border: 1px solid #e3e3e3b3;
    padding: 20px;
    text-align: left;
    border-radius: 10px;
    margin-bottom: 24px;
}
.whychoose-title {
    font-size: 19px;
    font-weight: 600;
    margin: 19px 0 9px;
}
.site_know_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.site_know_img {
    height: 476px;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    overflow: hidden;
}
.whychoose-icon img {
    width: 45px;
}
/* .ai-seo-img {
    height: 450px !important;
    width: 410px !important;
} */
.ai_imageTools {
    padding: 19px;
    background: white;
    border-radius: 15px;
    box-shadow: 0 4px 24px 0 #ebebebc7;
    margin: 0 22px;
}
.ai_imageTools img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.ai_toolTitle {
    font-size: 37px;
    font-weight: 600;
    text-align: center;
}
.ai_images_box {
    /* height: 296px; */
	aspect-ratio: 3/1.85;
    border-radius: 15px;
    background: aliceblue;
    margin-bottom: 32px;
	overflow: hidden;
}
.seo-table-wrapper table {
    width: 76%;
    margin: auto;
    border-radius: 20px;
    overflow: hidden;
}
.seo-image-slider .owl-stage {
    padding: 30px 0;
}
.seo-table-wrapper .contents.traditional {
    background: #0d59a5;
    padding: 13px 20px;
    border-bottom: 1px solid white;
    color: white;
}
.seo-table-wrapper .contents.ai {
    background: #4283c3;
    padding: 13px 20px;
    border-bottom: 1px solid white;
    color: white;
}
.seo-table-wrapper .column-header {
    text-align: center;
    font-size: 24px;
    background: #0d59a5;
    padding: 20px;
    color: white;
}
.seo-table-wrapper .column-header.ai-header{
	background: #4283c3;
}
.table-content-title {
    font-size: 19px;
}
.Site_know ul.ul_box li:before{
	display: none;
}
.Site_know ul.ul_box li i{
	position: absolute;
	left: 0;
	top: 7px;
	color: var(--color1);
}
.Site_know ul.ul_box li {
    list-style: none;
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 0px;
    color: var(--color2);
    text-align: justify;
    margin-left: 0px;
    position: relative;
    padding-left: 22px;
    padding-bottom: 10px;
}
.site_know_img2 {
    background: white;
    height: 440px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
	padding: 20px;
}
.site_know_img2 img{
    width:100%;
}
.title-desc p{
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 15px;
    color: var(--color5);
    word-spacing: -1px;
	text-align: justify;
    font-size: 17px;
    font-family: var(--font3);
}
.title-desc.light p{
	font-size: 17px;
	color:white;
}
.seoPage_cta{
	margin-bottom: 30px;
}
/* ===== New SEO page css end ===== */

/* ===== New SEO page mediaquery css start ===== */
@media (max-width:767px){
	.ai_tool_section{
		padding: 50px 0 0;
	}
	.common_section_title {
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
   }
   .column_rev{
	flex-direction: column-reverse;
   }
   .site_know_img {
    height: 330px;
	margin-bottom: 20px;
   }
   .site_know_img img{
	margin: 0 !important;
   }
   .site_position .Site_know h5 {
    font-size: 20px;
   }
   .ai_toolTitle {
    font-size: 22px;
   }
   .ai_imageTools {
    margin: 0 10px !important;
   }
   .ai_images_box {
    height: inherit;
    aspect-ratio: 3/1.85 !important;
   }
   .site_know_img2 {
    height: 174px;
    margin-bottom: 20px;
   }
   .site_know_img2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
   }
   .seoPage_cta{
	margin-bottom: 30px;
	text-align: center;
   }
   .seo-table-wrapper table{
	width: 100%;
   }
}
@media (min-width:768px) and (max-width:1024px){
	.seo-table-wrapper table{
	width: 100%;
   }
	.column_rev{
	flex-direction: column-reverse;
    }
	.seoPage_cta{
	margin-bottom: 30px;
	text-align: center;
   }
   .common_section_title {
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
   }
   .site_know_img2{
	margin-bottom: 30px;
   }
   .site_know_img{
	margin-bottom: 30px;
   }
}