:root {
  --theme-color1: #0f0f0f;
  --theme-color2: #ff3838;
  --theme-color2-dark: #e42b2b;
  --theme-color3: #f3f3f3;
  --bg-theme-color1: var(--theme-color1);
  --bg-theme-color2: var(--theme-color2);
  --bg-theme-color2-dark: var(--theme-color2-dark);
  --bg-theme-color3: var(--theme-color3);
  --border-theme-color1: var(--theme-color1);
  --border-theme-color2: var(--theme-color2);
  --border-theme-color2-dark: var(--theme-color2-dark);
  --border-theme-color3: var(--theme-color3);
  --text-color-bg-theme-color1: #fff;
  --text-color-bg-theme-color2: #fff;
  --text-color-bg-theme-color3: #fff;
  --text-color-bg-theme-color4: #fff;
  --text-color: #6a6a6a;
  --headings-color: var(--theme-color1);
  --link-color: var(--theme-color1);
  --link-hover-color: var(--theme-color1);
  --text-font: "Manrope", sans-serif;
  --title-font: "Manrope", sans-serif;
  --body-font-size: 16px;
  --body-line-height: 30px;
  --body-font-weight: 500;
  --body-font-weight-bold: 700;
  --line-height-heading-h1: 1.2em;
  --line-height-heading: 1.2em;
  --line-height-heading-small: 1.4em;
  --h1-font-size: 90px;
  --h2-font-size: 46px;
  --h3-font-size: 36px;
  --h4-font-size: 24px;
  --h5-font-size: 22px;
  --h6-font-size: 20px;
  --h1-font-weight: 700;
  --h2-font-weight: 700;
  --h3-font-weight: 700;
  --h4-font-weight: 700;
  --h5-font-weight: 700;
  --h6-font-weight: 700;
  --sec-title-subtitle-color: var(--text-color);
  --sec-title-subtitle-font-size: 18px;
  --sec-title-subtitle-font-family: var(--text-font);
  --sec-title-subtitle-font-weight: 500;
  --sec-title-subtitle-line-height: 1.2em;
  --sec-title-color: var(--headings-color);
  --sec-title-font-size: var(--h2-font-size);
  --sec-title-font-family: var(--title-font);
  --sec-title-font-weight: var(--h2-font-weight);
  --theme-light-background: #f8f6f1;
  --theme-light-background-text-color: var(--headings-color);
  --theme-black: #222429;
  --container-width: 1200px;
  --small-container-width: 1000px;
  --large-container-width: 1550px;
  --container-pt: 70px;
  --container-pb: 120px;
}




/***

====================================================================
Main Header
====================================================================

***/
@media screen and (min-width: 991px) and (max-width: 1023px) {
	.outer-box {
		display: block !important;
	}
}

.main-menu .navigation > li {
	margin-right: 28px;
}

.main-header .logo img {
	/* max-width: 57%; */
	height: 70px;
}
@media screen and  (max-width: 900px) {
	.main-header .logo img {

		height: 60px;
	}
}
.mobile-menu .nav-logo img {
    max-height: 52px;
}
.auto-container {
	position: static;
	max-width: var(--container-width);
	padding: 0px 1px;
	margin: 0 auto;
	width: 100%;
}

.header-style-one .header-lower {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    border: 2px solid rgba(255, 255, 255, 0.1);
	border-left: none;
	border-right: none;
}
/* .mobile-menu .nav-logo img {
	max-height: 18px;
} */

@media only screen and (max-width: 1023px) {
	.main-header .logo img,
	.sticky-header .logo img {
		width: auto;
		/* max-width: 65% !important; */
		max-height: 45px;
	}
}

/*
@media screen and (max-width:1190px) {
  .auto-container {
    position: static;
    max-width: var(--container-width);
    padding: 0px 1px;
    margin: 0 10px;
    width: 100%;
  }
} */

/* .fixed-header .main-menu .navigation  li  .sticky-about
{
  color: blue !important;
} */

.sticky-about {
	color: blue !important;
}

.sticky-header .logo img {
	max-height: 250px !important;
}

.text-justify
{
	/* text-align: justify; */
	/* word-break: break-all; */
	word-spacing: 3px;
}

/***

====================================================================
 cookies popup
====================================================================

***/
#cookie-popup {
	position: fixed;
	z-index: 9999;
	right: 30px;
	bottom: 30px;
	width: 330px;
	padding: 20px 30px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
  background: rgba(0,0,0,0.85);
	color: #eee;
	   font-family: arial;

  }

  #cookie-popup p:first-child {
	margin: 0;
	color: #eee;
	font-weight: 900;
	color: #00adef;
  }

  #cookie-popup p:nth-child(2) {
	font-size: 14px;
	line-height: 1.4;
	margin-bottom: 25px;
  }

  #cookie-popup .link {
	color: #00adef;
	text-decoration: none;
  }

  #cookie-popup button {
	width: 100%;
	font-size: 16px;
	font-weight: 600;
	font-family: arial;
	padding: 8px 0;

	color: #fff;
	background-color: #00adef;


  }

  #cookie-popup button:hover {
	background-color: #000;
	color: #fff;
  }

  @media only screen and (max-width: 450px) {
	#cookie-popup {
	  max-width: 95%;
	  right: 0;
	  bottom: 20px;
	  left: 0;
	  margin: 0 auto;
	}
  }


/***

====================================================================
  Main Slider
====================================================================

***/

@media screen and (max-width: 767px) {
	.main-slider .rev_slider_wrapper .rev_slider {
		height: 600px !important;
	}
}

.tp-mask-wrap {
	position: absolute;
	top: -200px;
}

@media screen and (max-width: 767px) {
	.tp-mask-wrap {
		position: absolute;
		top: -20px;
	}
}

.rev_slider {
	margin-top: 0px;
	margin-bottom: 0px;
	height: 700px !important;
}
.rev_slider_wrapper {
	height: 700px !important;
}

.main-slider-with-video .rev_slider_wrapper .rev_slider ul li video {
	height: 120vh;
	width: 100%;
	object-fit: cover;
}

/***

====================================================================
Section Title
====================================================================

***/

.main-slider .rev_slider_wrapper .rev_slider .tp-parallax-wrap ul li {
	top: 300px !important;
}

/***

==================================================================
	Main Footer
==================================================================

***/
.widgets-section
	.auto-container
	.row
	.footer-column
	.footer-widget
	.logo
	a
	img {
	max-width: 100% !important;
}

.why-choose-us .image-column .image-box .logo {
	position: absolute;
	left: 210px;
	top: 185px;
}


/* mini footer */
.footer-bottom .inner-container {
    position: relative;
    padding: 8px 15px;
    text-align: center;
}

.footer-bottom .copyright-text {
    position: relative;
    font-size: 14px;
    line-height: 30px;
    color: #8f8f8f;
}
/*=== User LInks ===*/

.user-links {
	column-count: 2;
}

.user-links-others {
	column-count: 1;
}
.main-footer {
    position: relative;
    background-color: #181818;
    padding-top: 40px;
}
.main-footer .widgets-section {
	position: relative;
	padding: 0px 0 0px;
}

.main-footer .about-widget .text {
	font-size: 12px;
	line-height: 28px;
	color: #8f8f8f;
	margin-bottom: 20px;
	text-align: justify;
}
.contacts-widget .text {
	color: #8f8f8f;
	margin-bottom: 20px;
	font-size: 15px;
}


.main-footer .about-widget {
    position: relative;
    margin-right: 0px;
}

.main-footer .footer-column {
    position: relative;
    margin-bottom: 15px;
}


/***

====================================================================
		index page Section
====================================================================

***/

/* services card  */

.service-block .inner-box {

    min-height: 367px;
}

.testimonial-section .testimonial-column .client-card-height
{
	min-height: 470px !important;
}

/***

====================================================================
        Projects Section
====================================================================

***/
.projects-section-two .upper-box {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-around;
	padding: 80px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	margin-bottom: unset;
}

.counter-block .count-box .count-text {
	font-size: 60px;
	color: rgba(255, 255, 255, 1);
	letter-spacing: -0.02em;
	font-weight: 800;
	line-height: 1em;
}

.auto-container-counter {
	background-color: black !important;
}

/* .counter-block .inner:hover .icon {
  color: #ff3838;
}

.counter-block .inner::after
{
  background-color: #e2e2e2 !important;
}


.counter-block .icon:after:hover{
background-color: #fff !important;
} */
/***

====================================================================
		FAQ's Section
====================================================================

***/

.accordion-box .block .acc-content .content .text {
	display: block;
	font-size: 15px;
	line-height: 30px;
	color: #808287;
	margin-bottom: 0;
}

.accordion-box .block .acc-btn .icon {
	position: absolute;
	right: 20px;
	top: 10px;
	height: 35px;
	width: 35px;
	font-size: 18px;
	line-height: 35px;
	text-align: center;
	color: var(--theme-color1);
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
.accordion-box .block .acc-btn {
	position: relative;
	font-size: 18px;
	line-height: 25px;
	background-color: #fff;
	color: var(--theme-color1);
	font-weight: 700;
	cursor: pointer;
	padding: 15px 40px;
	padding-right: 70px;
	border-radius: 12px;
	letter-spacing: -0.04em;
	border: 1px solid #e2e2e2;
	overflow: hidden;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
.accordion-box .block .acc-content .content {
	position: relative;
	padding: 15px 40px 20px;
	border: 1px solid #e2e2e2;
	border-top: 0;
	border-radius: 0 0 10px 10px;
}

/***

====================================================================
    Contact Page Section
====================================================================

***/

.contact-details__info li .text span {
	font-size: 18px;
}

.page-title {
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 170px 0 65px;
	min-height: 250px;
}

.form-check-input {
	margin-top: 0.45em;
}

.contact-details__info li .icon {
    min-height: 80px;
    min-width: 80px;

}
/***

====================================================================
    Demand Genertion Page Section
====================================================================

***/

.team-details__top-right {
	position: relative;
	display: block;
	margin-left: unset;
	/* margin-top: 50px; */
}
.heat-map{
	background-image: url("../images/resource/services/map.png");
	background-repeat: no-repeat;
	background-position: top;
	background-size: contain;
	height: 500px;
	width: 100%;
	    background-color: #ffffff;
}
/***

====================================================================
    Customised B2B Database Solutions Page Section
====================================================================

***/

.page-title .title {
	font-size: 44px;
	color: #ffffff;
	margin-bottom: 17px;
}

/***

====================================================================
   GDPR Page Section
====================================================================

***/

.team-details__top-name_section {
	font-size: 40px;
	font-weight: 700;
	line-height: 30px;
	margin-bottom: 3px;
	padding: 10px 0;
}
/***

====================================================================
   Privacy Policy Page Section
====================================================================

***/
.team-details .scrollspy-policy h4 {
	padding-top: 90px;
}
.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #ffffff;
    border-color: #ffffff;
}
.privacy-policy-para p
{
/* text-align: justify; */
word-spacing: 3px;
}
/***

====================================================================
   about Page Section
====================================================================

***/
.outer-box .about-card-height {
	height: 400px !important;
}

.about-team-block-two {
	position: relative;
	margin-bottom: 40px;
	padding: 10px 56px;
}

.team-details__top-left {
    position: relative;
    display: block;
    margin-right: 10px;
}


.team-details__top-img img {
    width: unset;
    border-radius: 15px;
    height: 400px;
    /* object-fit: cover; */
}
.team-details__top-img {
    position: relative;
    display: flex;
	justify-content: center;
	align-items: center;
    border-radius: 30px;
}


.team-details__top-img-effect img
{
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.team-details__top-img-effect::before {
	position: absolute;
    top: -7px;
    left: -7px;
    height: 100%;
    width: 150px;
    background-color: #fa3737;
    content: "";
    z-index: -1;
    border-radius: 10px;
}
.team-details__top-img-effect::after {
	position: absolute;
    bottom: -8px;
    right: -8px;
    height: 100%;
    width: 150px;
    background-color: #fa3737;
    content: "";
    z-index: -1;
    border-radius: 10px;
}

/* .team-details__top-img::after {
    background-image: linear-gradient(271deg, #ff3939 15%, #ffffff00 25%);
    position: absolute;
    content: "";
    top: 401px;
    padding: 10px;
    width: 680px;
    left: -151px;
} */


/* .team-block-background
{

  border-radius: 30px;
  background: #e0e0e0;
  box-shadow: 15px 15px 30px #bebebe,
             -15px -15px 30px #ffffff;
} */

.team-block-two .image-box .image {
	background: rgb(238, 156, 167);
	background: linear-gradient(
		0deg,
		rgba(238, 156, 167, 1) 0%,
		rgba(255, 56, 56, 1) 30%
	);
}

.team-block-two .image-box .image {
	background-color: #000000;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpolygon fill='%23220000' points='1600 160 0 460 0 350 1600 50'/%3E%3Cpolygon fill='%23440000' points='1600 260 0 560 0 450 1600 150'/%3E%3Cpolygon fill='%23660000' points='1600 360 0 660 0 550 1600 250'/%3E%3Cpolygon fill='%23880000' points='1600 460 0 760 0 650 1600 350'/%3E%3Cpolygon fill='%23A00' points='1600 800 0 800 0 750 1600 450'/%3E%3C/g%3E%3C/svg%3E");
	background-size: cover;

	/* background: linear-gradient(var(--bg-theme-color1), transparent); */
}
.team-block-two .image-box:before {
	display: none;
}
.team-block-two .inner-box {
	padding: 20px 20px;
}
/***

====================================================================
   hwd Page Section
====================================================================

***/

.process-block .icon-box .hwd-count {
	position: absolute;
	left: 140px;
	top: 40px;
	font-size: 120px;
	color: unset;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-weight: 900;
	z-index: 2;
	opacity: 0.5;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear;
}

/***

====================================================================
   career page section
====================================================================

***/

.career-page-services-block .text {
	margin-bottom: 0px;
}


.form-control, .input-text {
    height: calc(1.25rem + 27px);
    padding: 14px 30px;
    outline: 0;
    background-color: #f4f5f8;
    border: 1px solid #f4f5f8;
    color: #686a6f;
    font-size: 0.9rem;
    width: 100%;
}

@media (min-width: 576px)
{
.modal-dialog {
    max-width: 400px;
    margin: 1.75rem auto;
}}

/***

====================================================================
  resources page section
====================================================================

***/

.news-block .content-box {

    min-height: 360px;
}
.blog-and-news .content-box
{
	min-height: 290px;
}
.career-page-services-block .inner-box
{
	min-height: auto;
}
.resources-card-height .content-box
{
	min-height: 392px;
}
/***

====================================================================
  resources-details page section
====================================================================

***/
.blog-details__img {
	position: relative;
	display: block;
	border-radius: 10px;
	box-shadow: rgba(6, 24, 44, 0.2) 0px 0px 0px 2px, rgba(6, 24, 44, 0.35) 0px 4px 6px -4px, rgba(255, 255, 255, 0.02) 0px 1px 0px inset;

}

.sidebar__title {
      margin-bottom: 18px;

}
.sidebar__post {
      padding: 25px 25px 30px;
  }

.resources-details-content
{
		position: relative;
		display: block;
		margin-left: unset;
		margin-top: unset;
}

.team-details__top-name {

    margin-bottom: 7px;
}
.team-details-contact
{
	text-align: start;
	word-spacing: 3px;

}


/***

====================================================================
  fact counter page section
====================================================================

***/
.fact-counter {
	position: relative;
	z-index: 29;
	top: 54%;
}



@media screen and (max-width: 700px){
	.counter-block .inner {
		position: relative;
		text-align: center;
		-webkit-transition: all 300ms ease;
		transition: all 300ms ease;
		display: flex;
		FLEX-DIRECTION: column;
		align-items: center;
		justify-content: center;
	}
	.counter-block .icon {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		height: 50px;
		width: 50px;
		border-radius: 50%;
		color: var(--theme-color2);
		font-size: 30px;
		-webkit-transition: all 300ms ease;
		transition: all 300ms ease;
		border: 1px solid var(--border-theme-color2);
		margin: unset;
	}
	.counter-block .count-box .count-text {
		font-size: 30px;
		color: rgba(255, 255, 255, 1);
		letter-spacing: -0.02em;
		font-weight: 800;
		line-height: 1em;
	}
	.counter-block .count-box {
		font-size: 30px;
		color: var(--theme-color1);
		font-weight: 800;
		/* line-height: 1em; */
		text-transform: uppercase;
		/* margin-bottom: 12px; */
	}
	.counter-block {
		position: relative;
		margin-bottom: 15px;
		width: 170px;
	}
	.fact-counter {
		position: relative;
		z-index: 29;
		top: 49%;
	}
	 .tp-parallax-wrap {
		top: 185px !important;
	}
	.rev_slider_wrapper {
		height: 600px !important;
	}
	.about-section {
		position: relative;
		padding: 30px 0 70px;
	}
}
.about-section {
	position: relative;
	padding: 30px 0 70px;
}
/* .tp-parallax-wrap
{
  top: 260px !important;
} */

.main-slider h1 {
	position: relative;
	display: block;
	font-size: 70px;
	line-height: 1em;
	color: #ffffff;
	font-weight: 700;
}
.counter-block .counter-title {
	display: block;
	font-size: 15px;
	color: #ffffff;
	font-weight: 500;
	letter-spacing: -0.02em;
	margin-bottom: 0;
}

.counter-block .icon:after {
	position: absolute;
	left: 5px;
	right: 5px;
	bottom: 5px;
	top: 5px;
	background-color: #ea2525 !important;
	border-radius: 50%;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	z-index: -1;
	content: "";
}

.counter-block .inner:hover .icon:after {
	background-color: rgb(255, 255, 255) !important;
}
.counter-block .inner:hover .icon {
	color: #cf2626;
}

.counter-block-two .inner:hover .icon {
	background-color: #fe0707 !important;
	color: #d01c1c !important;
}
.counter-block .icon {
	color: #fef8f8;
}

/* .counter-block-two .inner:hover .icon {
  background-color: var(--bg-theme-color2);
  color: #ffffff;
} */

/* .tp-caption-btn
{
  top: 137px !important;
} */

/***

====================================================================
  SCHEDULE A CALL section card
====================================================================

***/

.img-box {
	position: absolute;
	opacity: 0.3;
	left: -230px;
	z-index: -999;
}
.img-box img {
	height: 300px;
}

/***

====================================================================
  SCHEDULE A CALL page
====================================================================

***/

.schedule-card {
	--background: #fff;
	--cardShadow: rgba(32, 33, 37, 0.1);
	--cardShadowHover: rgba(32, 33, 37, 0.06);
	--cardShadowActive: rgba(32, 33, 37, 0.55);
	--cardBorder: #dbdce0;
	--cardBorderActive: #ffffff;
	--textColor: #202125;
	--linkColor: #1967d2;
	--ratingColor: #faab00;
}

/* @media (prefers-color-scheme: dark) {
	.schedule-card {
		--background: #3c4043;
		--cardShadow: rgba(0, 0, 0, 0.28);
		--cardShadowHover: rgba(0, 0, 0, 0.16);
		--cardShadowActive: rgba(0, 0, 0, 0.55);
		--cardBorder: #202125;
		--cardBorderActive: #ffffff;
		--textColor: #e9eaee;
		--linkColor: #8ab4f8;
	}
} */

.schedule-card {
	width: 350px;
	height: auto;
	aspect-ratio: 2/3;
	background: var(--background);
	color: var(--textColor);
	border: 1px solid var(--cardBorder);
	padding: 25px;
	/* box-shadow: 8px 8px 0 var(--cardShadow); */
	box-shadow: 8px 8px 0 rgb(32 33 37 / 21%);
	transition: box-shadow 0.5s, transform 0.5s;
	border-radius: 8px;
	display: inline-block;
}

/* .schedule-card:hover {
	transform: translate(-2px, -4px);
	box-shadow: 16px 16px 0 var(--cardShadowHover);
} */

/* .schedule-card:active {
	transform: translate(-2px, -4px);
	border: 2px solid var(--cardBorderActive);
	box-shadow: 4px 4px 0 var(--cardShadowActive);
} */

.schedule-card > .icon,
.schedule-card > .title,
.schedule-card > .description {
	margin-bottom: 0.7em;
	cursor: default;
	user-select: none;
}

.schedule-card > .title {
	/* margin-top: 1.5em; */
	font-weight: bold;
}

.schedule-card > .description {
	line-height: 1.5em;
	/* color:#ff3838 ; */
	/* min-height: ; */
}

.schedule-card > .icon {
	font-size: 3em;
	margin-bottom: 0.2em;
}

.schedule-card > .rating {
	font-size: 1.5em;
	margin-bottom: 0.8em;
	color: var(--ratingColor);
	font-weight: bold;
	position: relative;
	width: max-content;
}

.schedule-card > .rating:before {
	content: "☆☆☆☆☆";
}

.schedule-card > .rating:after {
	content: "★★★★★";
	position: absolute;
	left: 0;
	z-index: 0;
	width: calc(var(--rating) * 1%);
	overflow: hidden;
}

.schedule-card > .link {
	margin-bottom: 1rem;
	color: var(--linkColor);
	font-size: 0.8em;
	font-weight: 600;
}

.schedule-top-left {
	display: flex;
	justify-content: center;
	align-items: center;
}

.cssbuttons-io-button {
	background: #ff3838;
	color: white;
	font-family: inherit;
	padding: 0.35em;
	padding-left: 1.2em;
	font-size: 17px;
	font-weight: 500;
	border-radius: 0.9em;
	border: none;
	letter-spacing: 0.05em;
	display: flex;
	align-items: center;
	box-shadow: inset 0 0 1.6em -0.6em #df0303;
	overflow: hidden;
	position: relative;
	height: 2.8em;
	padding-right: 3.3em;
}

.cssbuttons-io-button .icon {
	background: white;
	margin-left: 1em;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 2.2em;
	width: 2.2em;
	border-radius: 0.7em;
	box-shadow: 0.1em 0.1em 0.6em 0.2em #df0303;
	right: 0.3em;
	transition: all 0.3s;
}

.cssbuttons-io-button:hover .icon {
	width: calc(100% - 0.6em);
}

.cssbuttons-io-button .icon svg {
	width: 1.1em;
	transition: transform 0.3s;
	color: #ff3838;
}

.cssbuttons-io-button:hover .icon svg {
	transform: translateX(0.1em);
}

.cssbuttons-io-button:active .icon {
	transform: scale(0.95);
}

.wave-group {
	position: relative;
}

.wave-group .input {
	font-size: 16px;
	padding: 10px 10px 10px 5px;
	display: block;
	width: 100%;
	border: none;
	border-bottom: 1px solid #515151;
	background: transparent;
}

.wave-group .input:focus {
	outline: none;
}

.wave-group .label {
	color: #999;
	font-size: 18px;
	font-weight: normal;
	position: absolute;
	pointer-events: none;
	left: 5px;
	top: 10px;
	display: flex;
}

.wave-group .label-char {
	transition: 0.2s ease all;
	transition-delay: calc(var(--index) * 0.05s);
}

.wave-group .input:focus ~ label .label-char,
.wave-group .input:valid ~ label .label-char {
	transform: translateY(-20px);
	font-size: 14px;
	color: #5264ae;
}

.wave-group .bar {
	position: relative;
	display: block;
	width: 200px;
}

.wave-group .bar:before,
.wave-group .bar:after {
	content: "";
	height: 2px;
	width: 0;
	bottom: 1px;
	position: absolute;
	background: #5264ae;
	transition: 0.2s ease all;
	-moz-transition: 0.2s ease all;
	-webkit-transition: 0.2s ease all;
}

.wave-group .bar:before {
	left: 50%;
}

.wave-group .bar:after {
	right: 50%;
}

.wave-group .input:focus ~ .bar:before,
.wave-group .input:focus ~ .bar:after {
	width: 50%;
}

.schedule-card-calender {
	width: 400px;
	margin: 50px 0px;
}
.wrapper {
	/* width: 450px; */
	background: #fff;
	border-radius: 10px;
	-webkit-box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}
.wrapper header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 25px 30px 10px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background: #ff898d;
	border-radius: 10px 10px 0 0;
}
header .icons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
header .icons span {
	height: 38px;
	width: 38px;
	margin: 0 1px;
	cursor: pointer;
	color: #878787;
	text-align: center;
	font-size: 1.9rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-radius: 50%;
}
.icons span:last-child {
	margin-right: -10px;
}
header .icons span:hover {
	background: #f2f2f2;
}
header .current-date {
	font-size: 1.45rem;
	font-weight: 500;
}
.calendar {
	padding: 20px;
}
.calendar ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style: none;
	text-align: center;
}
.calendar .days {
	margin-bottom: 20px;
}
.calendar li {
	color: #333;
	width: calc(100% / 7);
	font-size: 1.07rem;
}
.calendar .weeks li:hover {
	color: #6c757d;
}
.calendar .days li:hover {
	color: #fff;
}
.calendar .weeks li {
	font-weight: 500;
	cursor: default;
}
.calendar .days li {
	z-index: 1;
	cursor: pointer;
	position: relative;
	margin-top: 30px;
}
.calendar .days li :hover {
	background-color: #1e90ff;
}
.days li.inactive {
	color: #aaa;
}
.days li.active {
	color: #fff;
}
.days li::before {
	position: absolute;
	content: "";
	left: 50%;
	top: 50%;
	height: 40px;
	width: 40px;
	z-index: -1;
	border-radius: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.days li.active::before {
	background: #1e90ff;
}
.days li:not(.active):hover::before {
	background: #ff3838;
}

.scroll {
	max-height: 400px;
	overflow-y: auto;
}

.btn-group-vertical {
	justify-content: unset;
}
.btn-group-vertical label {
	margin: 5px 0px;
}

.back-button {
	display: flex;
	height: 3em;
	width: 100px;
	font-size: 17px;
	align-items: center;
	justify-content: center;
	background-color: #eeeeee4b;
	border-radius: 3px;
	letter-spacing: 1px;
	transition: all 0.2s linear;
	cursor: pointer;
	border: none;
	background: #fff;
}

.back-button > svg {
	margin-right: 5px;
	margin-left: 5px;
	font-size: 20px;
	transition: all 0.4s ease-in;
}

.back-button:hover > svg {
	font-size: 1.2em;
	transform: translateX(-5px);
}

.back-button:hover {
	box-shadow: 9px 9px 33px #d1d1d1, -9px -9px 33px #ffffff;
	transform: translateY(-2px);
}

.btn-group-vertical > .btn-group:not(:first-child),
.btn-group-vertical > .btn:not(:first-child) {
	margin-top: 0px;
}


.schedule-team-details__top{
	padding: unset;
}

.schedule-team-details__top-img{
	display: flex;
	justify-content: center;
}
.schedule-team-details__top-img img
{
	width: 60%;
}
/* global presence start */

.global-presence{
	background-image: url("../images/resource/about/map.jpg");
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: contain;
	height: 1000px;
	width: 100%;
	    background-color: #ae1c2f;
}



@media screen and (max-width:2000px) {
	.global-presence {
				height: 700px;
		}
}


@media screen and (max-width: 700px)
{
.global-presence {

    height: 200px;

}}

@media screen and (max-width: 320px)
{
.global-presence {

    height: 165px;
}}
/* global presence end */

.scroll-to-top {
    position: fixed;
    right: unset !important;
    bottom: 20px;
    left: 20px;
    width: 40px;
}

.bg {
    position: relative;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

/* industry-leaders-define-account-based-marketing-ABM start*/

.leaders-card .image-box .image:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 50%;
    width: 100%;
    background-color: unset;
    border-radius: 120px 120px 0 0;
    content: "";
}

/* industry-leaders-define-account-based-marketing-ABM end */

/* <style> */
 #cookiePopup {
	background: white;
    width: 25%;
    position: fixed;
    right: 141px;
    bottom: 20px;
    box-shadow: 0px 0px 15px #cccccc;
    padding: 10px 15px;
    z-index: 999999;
    border-radius: 15px;
  }
    #cookiePopup p{
    text-align: left;
    font-size: 15px;
    color: #4e4e4e;
  }
  #cookiePopup button{
    width: 100%;
    border: navajowhite;
    background: #ff3939;
    padding: 5px;
    border-radius: 10px;
    color: white;
  }
/* </style> */

@media screen and (max-width:768px) {
	#cookiePopup {
		background: white;
		width: 65%;
		position: fixed;
		right: 100px;
		bottom: 20px;
		box-shadow: 0px 0px 15px #cccccc;
		padding: 10px 15px;
		z-index: 999999;
		border-radius: 15px;
	  }
}

/* schedule-card start */
 .chat {
	background: #ff3939;
	color: #fff;
	height:50px;
	width: 50px;
	border-radius: 80px;
  }
  .chat i
  {
	font-size: x-large;
  }
  #chatbutton {
	position: fixed;
    bottom: 93px;
    right: 30px;
    z-index: 999;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
  }

  .label-close-button{
    display: flex;
    right: 0px;
    position: absolute;
    top: -11px;
    color: #92929e;
    font-size: 1.3rem;
    background: #f7f7f7;
    width: 22px;
    height: 21px;
    border-radius: 25px;
    align-items: center;
    justify-content: center;
	cursor: pointer;
  }
  .chat:hover
  {
	background: #0f0f0f;
	color: #fff;
  }

.tooltip-card{
	border: 1px solid #ff3939;
    background-color: #ff3939;
    border-radius: 15px;
	color: #fff;
    padding: 8px;
    /* margin: 11px; */
    position: relative;
    top: -16px;
    left: 28px;
}


.tooltip-card .tooltip-text:before {
	bottom: -23px;
    content: " ";
    display: block;
    height: 20px;
    left: 68px;
    position: absolute;
    border-color: #ff3939 transparent transparent transparent;
    border-style: solid;
    border-width: 11px;
  }

  /* schedule-card end */

  .sidebar__post .sidebar__post-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    /* transition: 0.3s !important; */
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 20px 17px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    border-bottom: 2px solid transparent;
	box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px;
}
.sidebar__post .sidebar__post-list li:hover {
    background-color: #ffffff;
    border-radius: 10px;
    border-bottom: 2px solid;
}

.landing-page-slider-main
{
	position: relative;
}
.landing-page-slider-main .tab-img
{
	display: flex;
	justify-content: center;
	align-items: center;
}
.landing-page-slider-main .tab-img img
{
	position: absolute;
    top: 0px;
    z-index: 996;
    /* width: 100%; */
	/* height: 100%; */
	/* left: 50%; */
    /* height: 581px; */
    /* object-fit: cover; */
}
.ipad-carousel{
	overflow: hidden;
	position: initial;
}

.ipad-carousel .owl-nav .owl-prev
{
    position: absolute;
    top: 45%;
    left: -15%;
    z-index: 9;
}
.ipad-carousel .owl-nav .owl-next
{
    position: absolute;
    top: 45%;
    right: -15%;
    z-index: 9;
}
.ipad-carousel .owl-nav .owl-prev .fa-long-arrow-alt-left, .ipad-carousel .owl-nav .owl-next .fa-long-arrow-alt-right
{
	width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    background: #d8d8d8;;
    color: rgb(32 33 36);
    font-size: 30px;
	opacity: 0.7;
}
.ipad-carousel .owl-nav .owl-prev .fa-long-arrow-alt-left:hover, .ipad-carousel .owl-nav .owl-next .fa-long-arrow-alt-right:hover
{

	opacity: 1;
}

.slider-ipad
{
	height: 60vh;
	margin: auto;
}
.ipad-carousel .landing-page-slider img
{
	/*height: 465px;*/
	object-fit: contain;
}

.clients-section .slide-item img {
    display: inline-block;
    max-width: 100%;
    width: auto;
    height: auto;
    opacity: unset;
    /* -webkit-transition: all 0.3s ease; */
    transition: all 0.3s ease;
}


.projects-section-two .iso-upper-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    /* display: flex; */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-around;
    padding: 20px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: unset;
}
:root
{

	--tawk-header-background-color: #03a84e !important;
}
.tawk-min-container .tawk-custom-color
{
	background-color: #bf1212 !important;
}


.tparrows {
    cursor: pointer;
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    width: 40px;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 1000;
    visibility:visible !important;
    opacity: 1 !important;
}
.tp-caption.tp-hidden-caption, .tp-forcenotvisible, .tp-hide-revslider, .tp-parallax-wrap.tp-hidden-caption {
    visibility:visible !important;
    display: block !important;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}