:root {
	--montserrat: Montserrat, sans-serif;
	--poppins: "Poppins", sans-serif;
  }

  .l-navbar{
	background: #fff!important;
  }

  /* HOMEPAGE BANNER CAROUSEL CSS STARTS */


  
.homepage-banner-item {
	background-image: url(../images/bgtop.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	padding: 70px 0 60px;
	height: 663px;
  }
  
  .homepage-banner-item .row{
	display: flex;
	align-items: center;
  }
  
  .homepage-banner-item .new-block-wrapper {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px;
	border-radius: 999px;
	max-width: 170px;
  
	background: radial-gradient(
		100% 107.48% at 0% 50%,
		rgba(106, 157, 255, 0.2) 50.79%,
		rgba(149, 190, 252, 0.12) 68.23%,
		rgba(121, 206, 242, 0.05) 85.42%,
		rgba(118, 214, 209, 0) 100%
	  ),
	  #ffffff;
  
	box-shadow: 0px 0px 1px rgba(24, 29, 38, 0.32),
	  0px 0px 2px rgba(24, 29, 38, 0.08), 0px 1px 3px rgba(24, 29, 38, 0.08);
  }
  .homepage-banner-item .new-block-wrapper span.text {
	font-size: 14px;
	font-weight: 600;
	letter-spacing: -0.1px;
	color: #181d26;
	line-height: 14px;
	/* margin-top: 3px; */
  }
  .homepage-banner-item .new-block-wrapper span.new-text {
	padding: 5px 13px 3px;
	font-size: 12px;
	font-weight: 600;
	font-family: var(--poppins);
	color: #fff;
	background: linear-gradient(90.79deg, #458fff 0%, #0ab2fa 47%, #0d69bd 100%);
	border-radius: 999px;
	line-height: 18px;
  }
  .homepage-banner-item .new-block-wrapper img {
	margin-left: auto;
  }
  .homepage-banner-item .left-content h1{
	font-family: var(--poppins);
	font-weight: 700;
	font-size: 60px;
	line-height: 70px;
	color: #1a1a1a;
	margin: 20px 0 25px;
	max-width: 682px;
  }
  .home-page-heading {
	font-family: var(--poppins);
	font-weight: 700;
	font-size: 60px;
	line-height: 70px;
	color: #1a1a1a;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	max-width: 950px;
  }
  .homepage-banner-item .left-content h1 span {
	color: #1a74fc;
  }

  .homepage-banner-item .left-content h1.first-banner-heading{
	max-width: 637px;
	}
  .homepage-banner-item .left-content .btn-wrapper {
	display: flex;
	align-items: center;
	gap: 35px;
	margin-top: 45px;
  }
  .homepage-banner-item .left-content .btn-wrapper a {
	font-family: var(--poppins);
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	letter-spacing: 0.28px;
	color: #ffffff;
	padding: 20px 10px;
	max-width: 265px;
	width: 100%;
	border-radius: 70px;
	background: #1a74fc;
	border: 1px solid #1a74fc;
	white-space: nowrap;
  }
  .homepage-banner-item .left-content .btn-wrapper a:hover{
	transform: translateY(-8px);
	transition: all 0.3s ease-in-out;
  }

  .homepage-new-btn-common {
	font-family: var(--poppins);
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	letter-spacing: 0.28px;
	color: #ffffff;
	padding: 20px 10px;
	max-width: 265px;
	white-space: nowrap;
	width: 100%;
	border-radius: 70px;
	background: #1a74fc;
	border: 1px solid #1a74fc;
	margin-top: 15px;
  }
  .homepage-new-btn-common:hover{
	transform: translateY(-8px);
	transition: all 0.3s ease-in-out;
  }

  .homepage-banner-item .left-content .btn-wrapper .case-study-btn {
	color: #1a1a1a;
	background: transparent;
	border: 1px solid #1a1a1a;
  }
  
  .homepage-banner-item .right-content{
	text-align: center;
  }
  
  .homepage-banner-item .right-content img {
    width: auto;
    max-height: 449px;
  }

  #carousel-1.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: -32px;
}
#carousel-1.owl-theme .owl-dots .owl-dot span {
    width: 35px;
    height: 6px;
	opacity: 0.5;
}
#carousel-1.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
	background: #141633;
	opacity: 0.99;
}

  @media (max-width:1290px){
	.homepage-banner-item .left-content h1{
	  font-size: 51px;
	  line-height: 63px;
	}
	.home-page-heading{
		font-size: 51px;
		line-height: 63px;
	}
  }
  
  @media (max-width:1100px){
	.homepage-banner-item .left-content h1{
	  font-size: 43px;
	  line-height: 55px;
	}
	.home-page-heading{
		font-size: 43px;
		line-height: 55px;
	  }
	.homepage-banner-item{
		height: 530px;
	}
  }

  @media (max-width:992px){
	.homepage-banner-item{
	  padding: 60px 0;
	  height: 475px;
	}
	.homepage-banner-item .right-content{
	  width: 330px;
	}
	.homepage-banner-item .left-content h1 {
	  font-size: 34px;
	  line-height: 45px;
	  margin: 15px 0;
	}
	.home-page-heading {
		font-size: 34px;
		line-height: 45px;
		margin: 15px 0;
	  }
	.homepage-banner-item .left-content .btn-wrapper{
	  gap: 20px;
	  margin-top: 20px;
	}
	.homepage-banner-item .left-content .btn-wrapper a{
	  font-size: 14px;
	  line-height: 20px;
	  padding: 16px 10px;
	}

	.homepage-new-btn-common{
		font-size: 14px;
		line-height: 20px;
		padding: 16px 10px;
	  }
}

@media (max-width:767px){
	.homepage-banner-item {
        padding: 60px 0;
        height: 715px;
    }
	.homepage-banner-item .row{
	  flex-direction: column;
	}
	.homepage-banner-item .new-block-wrapper{
		margin: 0 auto;
	}
	.homepage-banner-item .left-content h1{
		text-align: center;
	}
	.homepage-banner-item .left-content .btn-wrapper a{
	  max-width: 180px;
	}
	.homepage-new-btn-common{
		max-width: 180px;
	  }
	.homepage-banner-item .left-content{
	  margin-bottom: 20px;
	}
	.homepage-banner-item .right-content {
	  width: 75%;
	  margin: 0 auto;
  }
  .homepage-banner-item .left-content .btn-wrapper{
	justify-content: center;
  }
}

@media (max-width:540px){
	.homepage-banner-item .left-content h1 {
        font-size: 24px;
        line-height: 35px;
    }
	.home-page-heading{
        font-size: 24px;
        line-height: 35px;
		margin-bottom: 20px!important;
    }
	.homepage-banner-item {
	  padding: 40px 0;
	  
  }
	.homepage-banner-item .right-content {
	  width: 75%;
  }
  .homepage-banner-item .left-content {
	margin-bottom: 0px;
}
.homepage-banner-item .left-content .btn-wrapper a{
	padding: 10px 10px;
}

.homepage-new-btn-common{
	padding: 10px 10px;
	margin-top: 0;
}
.homepage-banner-item .left-content .btn-wrapper {
	gap: 10px;
	margin-top: 15px;
}
}

/* ======== AR-VR page ============== */
.scanBox{
	max-width: 400px;
    text-align: center;
}

.AR-visitingcard{
	text-align: left;
}
.AR-visitingcard a{
	margin: 0 auto;
	max-width: 400px;
	display:inline-block; 
	position: relative;
	border-radius: 12px;
    overflow: hidden;
}
span.popup-text{
	opacity:0;
	visibility: hidden;	
	transition:0.5s ease;position: absolute;
    left: 31%;
    top: 40%;
    transform: translate(-50%,-50%);
}

.AR-visitingcard:hover span.popup-text{
	opacity:1;visibility: visible;	
	transition:0.5s ease; 
	color: white;
    font-weight: 600;
}

.AR-visitingcard a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-color: transparent;
    height:100%;
    width: 100%;
	transition:0.5s ease;
}
.AR-visitingcard a:hover:before{transition:0.5s ease;    background-color: rgba(0,0,0,0.6);}


.appStore{
	max-width: 200px;
	margin-top: 20px;
}


/* The Modal (background) */
.AR-visitingcard .modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.52);
}

/* Modal Content */
.AR-visitingcard .modal-content {
  position: relative;
  background-color: transparent;
  margin: auto;
  padding: 0;
  border: none;
  width: 100%;
  box-shadow: none;
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
  max-width: 800px;
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.AR-visitingcard .close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.AR-visitingcard .close:hover,
.AR-visitingcard .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.AR-visitingcard .modal-header {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}

.AR-visitingcard .modal-body {padding: 2px 16px;}

.AR-visitingcard .modal-footer {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}




/*<button id="myBtn">Open Modal</button>*/.clear:after,
.form fieldset:after,
.form__row {
	clear: both
}

.mfp-arrow,
.owl-carousel,
.owl-carousel .owl-item,
.owl-theme .owl-dots,
.owl-theme .owl-nav {
	-webkit-tap-highlight-color: transparent
}

.map-switch__para,
.mfp-close {
	font-style: normal
}

.color-main {
	color: #000
}

.pb-0 {
	padding-bottom: 0!important;
}
.color-blue {
	color: #1b74fc
}

.color-grey {
	color: #505050
}

.clear:after,
.clear:before {
	content: "";
	display: table
}

img.icon-box-shadow{
	box-shadow: -15px 15px 40px rgba(0,0,0,0.40);
	        transition: .3s;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
}
img.icon-box-shadow.borderRadius{
	border-radius: 10px;
}
img.icon-box-shadow:hover{
	box-shadow: 0
}

.link__icon,
.stats__heading-thin {
	display: inline-block;
	vertical-align: middle
}

.card__inner {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.form,
.form__group,
.form__row {
	position: relative
}

.form fieldset:after,
.form fieldset:before {
	content: "";
	display: table
}

.form__row {
	display: table;
	width: 100%;
	padding: 6px 0;
	margin-bottom: 1rem
}

.form__row__left,
.form__row__right {
	position: relative;
	display: table-cell;
	vertical-align: top;
	width: 48%
}

@media screen and (max-width:1023px) {
	.form__row__left,
	.form__row__right {
		width: 100%;
		display: block
	}
}

.form__row__left {
	width: 44%;
	padding-right: 0
}

.form__row__right {
	padding-left: 1.6em
}

@media screen and (max-width:1023px) {
	.form__row__left {
		width: 100%
	}
	.form__row__right {
		padding-left: 0;
		padding-top: 12px
	}
}

.form__response {
	border-radius: 5px
}

.form__response--ok {
	background: green
}

.form__response--error {
	background: #1a1a1a
}

.form__response p {
	padding: 10px;
	font-size: 1em!important;
	color: #fff;
	text-shadow: none
}

.form__group {
	margin-bottom: 1.5rem
}

.form__input,
.form__textarea {
	font-size: 1rem;
	padding: 10px 10px 10px 5px;
	display: block;
	width: 100%;
	border: none;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	background-color: transparent
}

.form__input:focus,
.form__textarea:focus {
	outline: 0;
	border-bottom: 1px solid #1a1a1a;
	caret-color: #1a1a1a
}

.form__input:focus~.form__bar:before,
.form__textarea:focus~.form__bar:before {
	width: 50%;
	background-color: #1a1a1a
}

.form__input:focus~.form__highlight,
.form__textarea:focus~.form__highlight {
	-webkit-animation: inputHighlighter .3s ease;
	animation: inputHighlighter .3s ease
}

.form__input:focus~.form__label,
.form__input:valid~.form__label,
.form__textarea:focus~.form__label,
.form__textarea:valid~.form__label {
	top: -20px;
	font-size: 14px;
	color: #1a1a1a
}

.form__input[value=""]:not([required]):not(:focus)~.form__label,
.form__label,
.form__textarea[value=""]:not([required]):not(:focus)~.form__label {
	top: 10px;
	font-size: 18px;
	color: #000
}

.form__label {
	font-weight: 400;
	left: 5px;
	transition: all .2s ease
}

.form__highlight,
.form__label {
	position: absolute;
	pointer-events: none
}

.form__highlight {
	height: 60%;
	width: 100px;
	top: 25%;
	left: 0;
	opacity: .5
}

.ie9 .form__input {
	line-height: normal
}

.form__textarea {
	width: 100%;
	min-height: 6em
}

.form__checkbox,
.form__radio {
	position: absolute;
	left: -999em
}

.form__checkbox-label,
.form__radio-label {
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px
}

.form__checkbox-label:before,
.form__radio-label:before {
	display: inline-block;
	position: relative;
	top: 2px;
	left: -2px;
	content: "";
	width: 25px;
	height: 23px;
	background: url(../images/formelements.html) no-repeat
}

.form__checkbox+.form__checkbox-label:before {
	background-position: 0 -25px
}

.form__checkbox:checked+.form__checkbox-label:before {
	background-position: 0 0
}

.form__radio+.form__radio-label:before {
	background-position: -25px -25px
}

.form__radio:checked+.form__radio-label:before {
	background-position: -25px 0
}

.form__select {
	overflow: hidden;
	padding: 0;
	margin: 0;
	max-width: 600px
}

.form__select select {
	width: 115%;
	background-color: transparent;
	background-image: none;
	-webkit-appearance: none;
	border: none;
	box-shadow: none
}

#contact-mail {
	display: none
}

.flex {
	display: flex;
	width: 100%;
	-webkit-flex-flow: wrap row;
	-ms-flex-flow: wrap row;
	flex-flow: row wrap;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.flex>[class*=col-] {
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-flow: nowrap row;
	-ms-flex-flow: nowrap row;
	flex-flow: row;
	float: none
}

@media all and (max-width:767px) {
	.flex>[class*=col-] {
		width: 100%
	}
}

.flex--auto>* {
	-ms-flex-preferred-size: 0;
	-webkit-flex-basis: 0;
	flex-basis: 0;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%
}

.flex--top {
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start
}

.flex--top>[class*=col-] {
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start
}

.flex--bottom {
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end
}

.flex__spacer {
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.flex--center {
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.flex--center>[class*=col-] {
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center
}

.flex--middle {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.map-wrapper,
.media-strip {
	-webkit-flex-flow: row nowrap
}

img,
object,
video {
	max-width: 100%;
	height: auto
}

.table {
	text-align: left
}

.blockquote,
.card,
.cta,
.cta-more__footer,
.feature,
.logos,
.map-legend__item,
.map-switch__link,
.mfp-container,
.owl-theme .owl-dots,
.owl-theme .owl-nav,
.plan__legend {
	text-align: center
}

.table td,
.table th {
	padding: 10px;
	border: 1px solid #ccc;
	border-collapse: collapse
}

.table thead {
	background: #ccc;
	color: #666;
	font-weight: 600
}

.blockquote {
	position: relative;
	margin: 1em 0;
	padding: 1em 3em
}

.blockquote:after,
.blockquote:before {
	position: absolute;
	font-size: 6em;
	font-weight: 500;
	line-height: 1
}

.blockquote:before {
	content: "\201C";
	top: -2%;
	left: 0
}

.blockquote:after {
	content: "\201D";
	bottom: 5%;
	right: 0
}

@media all and (min-width:1024px) {
	.blockquote {
		padding: 2em 10em
	}
	.blockquote:after,
	.blockquote:before {
		font-size: 20em
	}
	.blockquote:before {
		top: -20%
	}
	.blockquote:after {
		bottom: -45%
	}
	.blockquote--small {
		padding: 1em 2em
	}
	.blockquote--small:after,
	.blockquote--small:before {
		font-size: 4em
	}
	.blockquote--small:before {
		top: -3%
	}
	.blockquote--small:after {
		bottom: 25%
	}
}

.blockquote--small .blockquote__text {
	font-weight: 400;
	font-size: 12px
}

@media screen and (min-width:480px) {
	.blockquote--small .blockquote__text {
		font-size: calc(12px + ((1vw - 4.8px) * .803571))
	}
}

@media screen and (min-width:1600px) {
	.blockquote--small .blockquote__text {
		font-size: 21px
	}
}

.blockquote__text {
	font-size: 12px;
	font-weight: 500
}

@media screen and (min-width:480px) {
	.blockquote__text {
		font-size: calc(12px + ((1vw - 4.8px) * .625))
	}
}

@media screen and (min-width:1600px) {
	.blockquote__text {
		font-size: 19px
	}
}

.blockquote__footer {
	margin-top: 3.5em
}

.absolute-gc-logo {
	position: absolute;
	width: 20%;
    bottom: 30px;
    right: 150px;
}

.absolute-stjohns-logo {
	position: absolute;
    width: 40%;
    bottom: 30px;
    left: 31px;
}

.blockquote__author {
	margin-bottom: .1em
}

.blockquote__position {
	font-size: 12px;
	font-weight: 400
}

@media screen and (min-width:480px) {
	.blockquote__position {
		font-size: calc(12px + ((1vw - 4.8px) * .625))
	}
}

@media screen and (min-width:1600px) {
	.blockquote__position {
		font-size: 19px
	}
}

.cta-more {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.cta-more:after,
.cta-more:before {
	pointer-events: none
}

.cta-more:before {
	position: absolute;
	top: 100%;
	left: 0;
	width: 150%;
	height: 100%;
	z-index: 12;
	background: #000;
	content: "";
	opacity: 0;
	transition: opacity .55s, top .2s, -webkit-transform .45s;
	transition: opacity .55s, transform .45s, top .2s;
	transition: opacity .55s, transform .45s, top .2s, -webkit-transform .45s;
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left
}

.cta-more__footer {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 1.5em;
	z-index: 20;
	width: 100%;
	height: 40px
}

.cta-more__icon {
	position: absolute;
	top: 18px;
	left: 0;
	width: 30px;
	height: 4px;
	background-color: #fff
}

.cta-more__icon:after,
.cta-more__icon:before {
	position: absolute;
	left: 13.5px;
	z-index: 20;
	content: "";
	display: block;
	width: 4px;
	height: 16px;
	background-color: #fff;
	transition: left .2s, -webkit-transform .15s;
	transition: left .2s, transform .15s;
	transition: left .2s, transform .15s, -webkit-transform .15s
}

.cta-more__icon:before {
	top: -1px
}

.cta-more__icon:after {
	bottom: -1px
}

.cta-more__icon-wrapper {
	position: relative;
	width: 30px;
	height: 40px;
	margin: 0 auto
}

.cta-more:hover:before {
	top: 80%;
	opacity: 1;
	-webkit-transform: rotate(-5deg);
	transform: rotate(-5deg)
}

.cta-more:hover .cta-more__icon:after,
.cta-more:hover .cta-more__icon:before {
	left: 22px
}

.cta-more:hover .cta-more__icon:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.cta-more:hover .cta-more__icon:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.cta-more--red:before {
	background: #1b74fc
}

.cta-more--red .cta-more__icon,
.cta-more--red .cta-more__icon:after,
.cta-more--red .cta-more__icon:before {
	background-color: #1b74fc
}

.cta-more--red:hover .cta-more__icon,
.cta-more--red:hover .cta-more__icon:after,
.cta-more--red:hover .cta-more__icon:before {
	background-color: #fff
}

.loading {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	background: url(../images/ajax-loader.gif) 50% no-repeat hsla(0, 0%, 100%, .8)
}

.cta {
	padding: 3em
}

@media all and (min-width:1024px) {
	.cta__text {
		padding-left: 1em;
		padding-right: 1em
	}
}

.cta__text {
	margin-bottom: 0
}

.cta__btn {
	margin-top: 1em
}

.logos {
	width: 100%;
	margin: 1.5em 0 2.5em
}

.logos__single {
	width: auto;
	max-height: 70px
}

.logos--greyed-out .logos__single {
	-webkit-filter: grayscale(1);
	filter: grayscale(1)
}

.media-strip {
	display: flex;
	-ms-flex-flow: row nowrap;
	flex-flow: row;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding-bottom: 200px
}

.media-strip:last-child {
	padding-bottom: 0
}

@media screen and (min-width:200px) and (max-width:1024px) {
	.media-strip {
		padding-bottom: 50px
	}
}

.media-strip__video {
	width: 60%
}

.media-strip__video video {
	width: 100%;
	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .3)
}

@media screen and (min-width:200px) and (max-width:768px) {
	.media-strip {
		-webkit-flex-flow: row wrap;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap
	}
	.media-strip__video {
		width: 100%;
		-webkit-order: 2;
		-ms-flex-order: 2;
		order: 2
	}
}

.media-strip__description {
	max-width: 800px;
	width: 40%;
	padding: 100px
}

@media screen and (min-width:200px) and (max-width:1024px) {
	.media-strip__description {
		padding: 20px 50px
	}
}

@media screen and (min-width:200px) and (max-width:768px) {
	.media-strip__description {
		width: 100%;
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1
	}
}

.block-revealer__element {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	pointer-events: none;
	opacity: 0
}

.arrow-cta--white,
.map-legend,
.map-switch__link {
	background-color: #fff
}

.animation-reveal {
	opacity: 0
}

.map {
	height: 700px;
	width: 100vw
}

.map-wrapper {
	width: 200vw;
	display: flex;
	-ms-flex-flow: row nowrap;
	flex-flow: row;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	margin-top: -100px;
	transition: -webkit-transform .5s ease-in-out;
	transition: transform .5s ease-in-out;
	transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out
}

.map-wrapper--move {
	-webkit-transform: translateX(-100vw);
	transform: translateX(-100vw)
}

.map-legend {
	position: relative;
	z-index: 2;
	display: flex;
	-webkit-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row;
	-webkit-justify-content: stretch;
	-ms-flex-pack: stretch;
	justify-content: stretch;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	padding: 40px 80px;
	margin-top: -80px
}

.map-legend__headline {
	width: 25%
}

@media all and (min-width:200px) and (max-width:860px) {
	.map-legend {
		padding: 40px;
		-webkit-flex-flow: row wrap;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap
	}
	.map-legend__headline {
		width: 100%;
		margin-bottom: 1rem;
		text-align: center
	}
}

.map-legend__wrapper {
	display: flex;
	-webkit-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row;
	width: 75%
}

@media all and (min-width:200px) and (max-width:860px) {
	.map-legend__wrapper {
		width: 100%
	}
}

.map-legend__list {
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	width: 100%
}

.map-legend__item {
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-preferred-size: 0;
	-webkit-flex-basis: 0;
	flex-basis: 0;
	padding: 10px 1rem;
	border-right: 1px solid rgba(0, 0, 0, .1)
}

@media all and (min-width:501px) and (max-width:1100px) {
	.map-legend__item {
		margin-top: 1rem;
		width: 50%;
		-ms-flex-preferred-size: auto;
		-webkit-flex-basis: auto;
		flex-basis: auto
	}
}

@media all and (min-width:200px) and (max-width:500px) {
	.map-legend__item {
		margin-top: 1rem;
		width: 100%;
		-ms-flex-preferred-size: auto;
		-webkit-flex-basis: auto;
		flex-basis: auto;
		border-right: 0;
		border-bottom: 1px solid rgba(0, 0, 0, .1)
	}
}

@media all and (min-width:200px) and (max-width:1100px) {
	.map-legend__item:nth-child(even) {
		border-right: 0
	}
}

.map-legend__item:last-child {
	border-right: 0;
	border-bottom: 0
}

.map-legend__location {
	margin: 1rem 0 0;
	text-transform: uppercase;
	font-family: Poppins, sans-serif;
	font-size: 1.05rem;
	font-weight: 600;
	letter-spacing: .125rem
}

.map-legend__time {
	font-size: 1.1rem
}

.map-switch {
	z-index: 1;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 50%;
	margin: auto;
	box-shadow: 0 0 20px 5px rgba(0, 0, 0, .12)
}

.map-switch,
.map-switch__link {
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.map-switch__link {
	-webkit-flex-flow: column wrap;
	-ms-flex-flow: column wrap;
	flex-flow: column wrap;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	padding: 30px 20px;
	color: #000;
	transition: color .4s;
	cursor: pointer
}

.map-switch__link:first-child {
	border-right: 1px solid rgba(0, 0, 0, .1)
}

.map-switch__link:after {
	content: " ";
	position: absolute;
	bottom: -20px;
	left: 50%;
	z-index: -1;
	display: block;
	width: 40px;
	height: 40px;
	margin-left: -20px;
	background-color: #fff;
	box-shadow: 10px 10px 20px -7px rgba(0, 0, 0, .12);
	-webkit-transform: rotate(45deg) scale(0);
	transform: rotate(45deg) scale(0);
	transition: all .3s
}

@media all and (min-width:1024px) {
	.map-switch__link {
		padding: 80px 20px
	}
	.map-switch__link:after {
		width: 80px;
		height: 80px;
		margin-left: -40px;
		bottom: -40px
	}
}

.map-switch__link:hover:after {
	-webkit-transform: rotate(45deg) scale(.6);
	transform: rotate(45deg) scale(.6)
}

.map-switch__link--active:after,
.map-switch__link--active:hover:after {
	-webkit-transform: rotate(45deg) scale(1);
	transform: rotate(45deg) scale(1)
}

.column {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row
}

.column>* {
	-ms-flex-preferred-size: 0;
	-webkit-flex-basis: 0;
	flex-basis: 0;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.column--2 {
	margin-left: -1%;
	margin-right: -1%
}

.column--2>* {
	width: 48%;
	margin-left: 1%;
	margin-right: 1%
}

@media all and (max-width:768px) {
	.column--2 {
		-webkit-flex-flow: row wrap;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap
	}
	.column--2>* {
		width: 100%;
		-ms-flex-preferred-size: auto;
		-webkit-flex-basis: auto;
		flex-basis: auto;
		margin-bottom: 2rem
	}
	.column--2>:last-child {
		margin-bottom: 0
	}
}

.column--3 {
	margin-left: -2.7%;
	margin-right: -2.7%
}

.column--3>* {
	width: 28%;
	margin-left: 2.5%;
	margin-right: 2.5%
}

@media all and (max-width:1024px) {
	.column--3 {
		-webkit-flex-flow: row wrap;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap
	}
	.column--3>* {
		width: 100%;
		-ms-flex-preferred-size: auto;
		-webkit-flex-basis: auto;
		flex-basis: auto;
		margin-bottom: 2rem
	}
	.column--3>:last-child {
		margin-bottom: 0
	}
}

.arrow-cta {
	position: relative;
	display: block;
	padding: 40px;
	color: #fff
}

.arrow-cta--white:before {
	background: linear-gradient(to right top, #fff 50%, transparent 0)
}

.arrow-cta--white:after {
	background: linear-gradient(to right bottom, #fff 50%, transparent 0)
}

.arrow-cta--main {
	background-color: #000
}

.arrow-cta--main:before {
	background: linear-gradient(to right top, #000 50%, transparent 0)
}

.arrow-cta--main:after {
	background: linear-gradient(to right bottom, #000 50%, transparent 0)
}

.arrow-cta--red {
	background-color: #1b74fc
}

.arrow-cta--red:before {
	background: linear-gradient(to right top, #1b74fc 50%, transparent 0)
}

.arrow-cta--red:after {
	background: linear-gradient(to right bottom, #1b74fc 50%, transparent 0)
}

.arrow-cta--gray {
	background-color: #505050
}

.arrow-cta--gray:before {
	background: linear-gradient(to right top, #505050 50%, transparent 0)
}

.arrow-cta--gray:after {
	background: linear-gradient(to right bottom, #505050 50%, transparent 0)
}

.arrow-cta--orange {
	background-color: #f57d30
}

.arrow-cta--orange:before {
	background: linear-gradient(to right top, #f57d30 50%, transparent 0)
}

.arrow-cta--orange:after {
	background: linear-gradient(to right bottom, #f57d30 50%, transparent 0)
}

.arrow-cta--mint {
	background-color: #059e93
}

.arrow-cta--mint:before {
	background: linear-gradient(to right top, #059e93 50%, transparent 0)
}

.arrow-cta--mint:after {
	background: linear-gradient(to right bottom, #059e93 50%, transparent 0)
}

.arrow-cta--black {
	background-color: #000
}

.arrow-cta--black:before {
	background: linear-gradient(to right top, #000 50%, transparent 0)
}

.arrow-cta--black:after {
	background: linear-gradient(to right bottom, #000 50%, transparent 0)
}

.arrow-cta--purple {
	background-color: #5b2986
}

.arrow-cta--purple:before {
	background: linear-gradient(to right top, #5b2986 50%, transparent 0)
}

.arrow-cta--purple:after {
	background: linear-gradient(to right bottom, #5b2986 50%, transparent 0)
}

.arrow-cta--dark-purple {
	background-color: #191559
}

.arrow-cta--dark-purple:before {
	background: linear-gradient(to right top, #191559 50%, transparent 0)
}

.arrow-cta--dark-purple:after {
	background: linear-gradient(to right bottom, #191559 50%, transparent 0)
}

.arrow-cta--twitter-blue {
	background-color: #4f96f5
}

.arrow-cta--twitter-blue:before {
	background: linear-gradient(to right top, #4f96f5 50%, transparent 0)
}

.arrow-cta--twitter-blue:after {
	background: linear-gradient(to right bottom, #4f96f5 50%, transparent 0)
}

.arrow-cta--yellow {
	background-color: #ffc000
}

.arrow-cta--yellow:before {
	background: linear-gradient(to right top, #ffc000 50%, transparent 0)
}

.arrow-cta--yellow:after {
	background: linear-gradient(to right bottom, #ffc000 50%, transparent 0)
}

.arrow-cta--light-grey {
	background-color: #ededed
}

.arrow-cta--light-grey:before {
	background: linear-gradient(to right top, #ededed 50%, transparent 0)
}

.arrow-cta--light-grey:after {
	background: linear-gradient(to right bottom, #ededed 50%, transparent 0)
}

.arrow-cta:hover {
	background-color: #000
}

.arrow-cta:hover:before {
	background: linear-gradient(to right top, #000 50%, transparent 0)
}

.arrow-cta:hover:after {
	background: linear-gradient(to right bottom, #000 50%, transparent 0)
}

.arrow-cta:after,
.arrow-cta:before {
	width: 80px;
	height: 50%;
	position: absolute;
	left: 100%;
	content: ""
}

@media all and (max-width:1023px) {
	.arrow-cta:after,
	.arrow-cta:before {
		width: 40px
	}
}

.l-footer,
.l-footer__bg {
	width: 100%;
	overflow: hidden
}

@media all and (max-width:767px) {
	.arrow-cta:after,
	.arrow-cta:before {
		display: none
	}
}

.arrow-cta:before {
	top: 0
}

.arrow-cta:after {
	top: 50%
}

.l-footer {
	position: relative;
	margin-top: -1px;
	margin-right: auto;
	margin-left: auto;
	padding: 100px 50px 30px
}

@media screen and (max-width:768px) {
	.l-footer {
		padding: 30px 4%
	}
	.map-switch {
		width: 100%
	}
}

.l-footer__bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: -1;
	height: 200%;
	background-color: #141633
}

.l-footer__bg:after {
	content: " ";
	position: absolute;
	top: 0;
	right: 0;
	width: 20%;
	height: 100%;
	background-color: #1b74fc;
	-webkit-transform: skew(-20deg, 0);
	transform: skew(-20deg, 0);
	-webkit-transform-origin: bottom right;
	transform-origin: bottom right
}

@media screen and (min-width:1480px) {
	.l-footer__bg:after {
		width: 550px
	}
}

@media screen and (min-width:1240px) and (max-width:1479px) {
	.l-footer__bg:after {
		width: 500px
	}
}

@media screen and (min-width:889px) and (max-width:991px) {
	.l-footer__bg:after {
		width: 100%;
		-webkit-transform: skew(-60deg, 0);
		transform: skew(-60deg, 0)
	}
}

@media screen and (min-width:769px) and (max-width:888px) {
	.l-footer__bg:after {
		width: 100%;
		-webkit-transform: skew(-57deg, 0);
		transform: skew(-57deg, 0)
	}
}

.l-footer__column {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 2em
}

@media screen and (max-width:768px) {
	.l-footer__bg:after {
		width: 100%;
		top: 52%;
		-webkit-transform: skew(0deg, 0);
		transform: skew(0deg, 0)
	}
	.l-footer__column {
		display: block
	}
}

.l-footer__column--wide {
	width: 60%
}

.l-footer__row {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

@supports (-webkit-marquee-repetition:infinite) and (object-fit:fill) {
	.l-footer__row.row:after,
	.l-footer__row.row:before {
		display: none
	}
}

.l-footer__block {
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding: 10px 40px
}

@media screen and (max-width:768px) {
	.l-footer__block {
		padding: 1rem
	}
}

@media all and (min-width:769px) and (max-width:1620px) {
	.l-footer__block {
		padding-left: 30px;
		padding-right: 20px
	}
}

.l-footer__block--border {
	border-right: 1px solid #333
}

@media screen and (max-width:991px) {
	.l-footer__block--border:last-child {
		border-right: 0
	}
}

@media all and (min-width:1380px) and (max-width:1750px) {
	.l-footer__block--copyright {
		-ms-flex-preferred-size: 200px;
		-webkit-flex-basis: 200px;
		flex-basis: 200px
	}
}

@media all and (min-width:992px) and (max-width:1379px) {
	.l-footer__block--copyright {
		-ms-flex-preferred-size: 160px;
		-webkit-flex-basis: 160px;
		flex-basis: 160px;
		max-width: 160px;
		padding-left: 0
	}
}

@media all and (min-width:769px) and (max-width:991px) {
	.l-footer__block--copyright,
	.l-footer__block--nav {
		width: 50%
	}
	.l-footer__block--contact {
		padding-left: 0
	}
}

.l-footer__block-menu {
	width: 100%
}

.l-footer__logo {
	transition: opacity .2s ease
}

.l-footer__logo:hover {
	opacity: .8
}

@media all and (max-width:768px) {
	.l-footer__details {
		padding-left: 10px
	}
}

@media all and (min-width:992px) and (max-width:1300px) {
	.l-footer__details {
		width: 50px
	}
}

.l-footer__link {
	display: block;
	margin-bottom: .5rem;
	font-size: 1rem;
	font-weight: 300;
	color: #fff;
	letter-spacing: .15em;
	transition: opacity .5s
}

.l-footer__link:hover {
	opacity: .6
}

.l-footer__menu-main-headline,
.l-footer__menu-main-link {
	margin-bottom: .75rem;
	text-transform: uppercase;
	font-size: 1rem;
	font-weight: 300;
	color: #fff;
	letter-spacing: .15em
}

.l-footer__menu-main-headline {
	color: #999
}

.l-footer__menu-main-link {
	position: relative;
	display: inline-block
}

@media all and (min-width:769px) {
	.l-footer__menu-main-link:after {
		content: " ";
		position: absolute;
		bottom: 13%;
		left: 0;
		z-index: -1;
		display: block;
		height: 40%;
		width: 0;
		background-color: #1b74fc;
		transition: width .5s
	}
	.l-footer__menu-main-link:hover:after {
		width: 100%
	}
}

.l-footer__menu-main-link:hover {
	color: #fff
}

.l-footer__menu-sub {
	margin-top: .6875rem
}

.l-footer__menu-sub-item {
	margin-bottom: .0625rem
}

.l-footer__menu-sub-link {
	font-size: .875rem;
	color: #fff
}

.l-footer__menu-sub-link:hover {
	color: #999
}

.l-footer__submenu {
	margin-top: .8em;
	margin-left: 1em
}

.l-footer__submenu-link {
	position: relative;
	display: inline-block;
	font-size: .9375rem;
	color: #f1f1f1
}

@media all and (min-width:769px) {
	.l-footer__submenu-link:after {
		content: " ";
		position: absolute;
		bottom: 13%;
		left: 0;
		z-index: -1;
		display: block;
		height: 30%;
		width: 0;
		background-color: #1b74fc;
		transition: width .5s
	}
	.l-footer__submenu-link:hover:after {
		width: 100%
	}
}

.l-footer__small-text {
	display: block;
	margin: .5rem 0 0;
	padding: 0;
	color: #999;
	font-style: normal;
	font-size: 1rem
}

.plan {
	padding: 0 2em 2em;
	border: 2px solid #1b74fc;
	border-bottom: none
}

@media all and (max-width:767px) {
	.plan--spaced {
		margin: 3em 1em 2em
	}
}

@media all and (min-width:768px) and (max-width:1023px) {
	.plan--spaced {
		margin: 1em
	}
}

@media all and (min-width:1024px) {
	.plan--spaced {
		margin: 4em 4em 2em
	}
}

.plan__legend {
	display: inline-block;
	margin-bottom: -2em;
	padding: 0 .2em;
	max-width: 600px;
	background-color: #fff;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

@media all and (min-width:1024px) {
	.plan__legend {
		padding: 1rem 2rem
	}
}

.plan--border-all {
	border-bottom: 2px solid #1b74fc
}

.plan--no-border {
	border: none
}

.featured-resources {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	padding: 3rem 0;
	box-shadow: 0 0 20px 5px rgba(0, 0, 0, .1)
}

@media screen and (max-width:768px) {
	.featured-resources {
		padding: 0 2rem
	}
}

@supports (-webkit-marquee-repetition:infinite) and (object-fit:fill) {
	.featured-resources:after,
	.featured-resources:before {
		display: none
	}
}

.featured-resources__block {
	padding: 0 3rem;
	width: 50%
}

.featured-resources__block:first-child {
	border-right: 1px solid rgba(0, 0, 0, .1)
}

@media screen and (max-width:768px) {
	.featured-resources__block {
		width: 100%;
		padding: 2rem 0
	}
	.featured-resources__block:first-child {
		border-right: 0;
		border-bottom: 1px solid rgba(0, 0, 0, .1)
	}
	.featured-resources__block>:last-child {
		margin-bottom: .5rem
	}
}

.featured-resources__content {
	font-weight: 300;
	line-height: 1.4;
	font-size: 16px
}

@media screen and (min-width:480px) {
	.featured-resources__content {
		font-size: calc(16px + ((1vw - 4.8px) * .178571))
	}
}

@media screen and (min-width:1600px) {
	.featured-resources__content {
		font-size: 18px
	}
}

.feature {
	padding: 0em 1em
}

.features {
	padding: 2em 2em
}

.absolute {
	position: absolute!important;
}
.absolute-position-gc {
    bottom: 83px;
    padding: 0 22px;
}

.absolute-position-stjohns {
    bottom: 83px;
    padding: 0 22px;
	right:30px
}

.feature__image {
	display: block;
	height: 70px;
	margin: 0 auto 2.5em
}

.feature__image--large {
	height: 140px
}

.card {
	display: block;
	position: relative;
	height: 450px;
	color: #fff
}

.card__bg-image {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.card__inner {
	z-index: 2;
	left: 1em;
	right: 1em
}

.svg-inline {
	position: relative;
	top: -1.5px;
	margin-right: 4px
}

.link {
	display: inline-block;
	color: inherit
}

.link__icon {
	margin-top: -2px;
	margin-right: .3em;
	transition: margin-top .1s
}

.link--small .link__icon {
	width: 11px;
	height: 11px
}

.link--white {
	color: #fff
}

.link--white .link__icon {
	fill: #fff
}

.link:hover .link__icon {
	margin-top: 2px
}

.shadow-image {
	box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .16)
}

.stats {
	width: 100%;
	margin: .5em 0
}

.stats__item {
	position: relative;
	vertical-align: top
}

@media all and (min-width:768px) {
	.stats__item {
		display: inline-block
	}
	.stats__item:not(:first-child) {
		padding-left: 1.2em
	}
	.stats__item:not(:last-child) {
		padding-right: 1.2em
	}
	.stats__item:not(:last-child):after {
		content: "";
		position: absolute;
		top: 37%;
		right: 0;
		width: 1px;
		height: 35%;
		background-color: #111;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}
}

.mobile-view img,
.mobile-view__iphone-frame {
	width: 100%
}

.stats__heading {
	font-size: 23px;
	font-weight: 700;
	margin-bottom: -.1em
}

@media screen and (min-width:480px) {
	.stats__heading {
		font-size: calc(23px + ((1vw - 4.8px) * 3.482143))
	}
}

@media screen and (min-width:1600px) {
	.stats__heading {
		font-size: 62px
	}
}

.stats__heading-thin {
	margin-left: .05em;
	margin-right: .1em;
	font-weight: 300
}

.stats__caption {
	margin-top: 0;
	font-size: 18px
}

@media screen and (min-width:480px) {
	.stats__caption {
		font-size: calc(18px + ((1vw - 4.8px) * .178571))
	}
}

@media screen and (min-width:1600px) {
	.stats__caption {
		font-size: 20px
	}
}

@media all and (min-width:992px) and (max-width:1280px) {
	.stats__caption {
		font-size: .9em
	}
}

@-webkit-keyframes mag-glass {
	0%,
	to {
		-webkit-transform: translate(0);
		transform: translate(0)
	}
	30% {
		-webkit-transform: translate(10px, 12px);
		transform: translate(10px, 12px)
	}
	60% {
		-webkit-transform: translate(-10px, 10px);
		transform: translate(-10px, 10px)
	}
}

@keyframes mag-glass {
	0%,
	to {
		-webkit-transform: translate(0);
		transform: translate(0)
	}
	30% {
		-webkit-transform: translate(10px, 12px);
		transform: translate(10px, 12px)
	}
	60% {
		-webkit-transform: translate(-10px, 10px);
		transform: translate(-10px, 10px)
	}
}

@-webkit-keyframes dev-left {
	0%,
	to {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	50% {
		-webkit-transform: translateX(-15px);
		transform: translateX(-15px)
	}
}

@keyframes dev-left {
	0%,
	to {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	50% {
		-webkit-transform: translateX(-15px);
		transform: translateX(-15px)
	}
}

@-webkit-keyframes dev-right {
	0%,
	to {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	50% {
		-webkit-transform: translateX(15px);
		transform: translateX(15px)
	}
}

@keyframes dev-right {
	0%,
	to {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	50% {
		-webkit-transform: translateX(15px);
		transform: translateX(15px)
	}
}

@-webkit-keyframes support-mic {
	0%,
	to {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	40% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}
	80% {
		-webkit-transform: rotate(-3deg);
		transform: rotate(-3deg)
	}
}

@keyframes support-mic {
	0%,
	to {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	40% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}
	80% {
		-webkit-transform: rotate(-3deg);
		transform: rotate(-3deg)
	}
}

@-webkit-keyframes left-handle {
	0%,
	to {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	50% {
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px)
	}
}

@keyframes left-handle {
	0%,
	to {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	50% {
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px)
	}
}

@-webkit-keyframes right-handle {
	0%,
	to {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	50% {
		-webkit-transform: translateX(25px);
		transform: translateX(25px)
	}
}

@keyframes right-handle {
	0%,
	to {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	50% {
		-webkit-transform: translateX(25px);
		transform: translateX(25px)
	}
}

#service-icon {
	overflow: visible
}

#service-icon #mag-glass-svg {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
	-webkit-animation-name: mag-glass;
	animation-name: mag-glass
}

#service-icon.loaded #dev-g-left,
#service-icon.loaded #dev-g-right,
#service-icon.loaded #left-handle,
#service-icon.loaded #mag-glass-svg,
#service-icon.loaded #right-handle,
#service-icon.loaded #support-mic {
	-webkit-animation-play-state: running;
	animation-play-state: running
}

#service-icon #dev-g-left,
#service-icon #dev-g-right,
#service-icon #left-handle,
#service-icon #support-mic {
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-play-state: paused;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-play-state: paused
}

#service-icon #dev-g-left {
	-webkit-animation-name: dev-left;
	animation-name: dev-left
}

#service-icon #dev-g-right {
	-webkit-animation-name: dev-right;
	animation-name: dev-right
}

#service-icon #support-mic {
	-webkit-animation-name: support-mic;
	animation-name: support-mic;
	-webkit-transform-origin: 140% -40%;
	transform-origin: 140% -40%
}

#service-icon #left-handle {
	-webkit-animation-name: left-handle;
	animation-name: left-handle
}

#service-icon #right-handle {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
	-webkit-animation-name: right-handle;
	animation-name: right-handle
}

.mobile-view {
	position: relative
}

.mobile-view__inner {
	position: absolute;
	top: 2.5%;
	left: 17%;
	right: 17%;
	bottom: 10.5%;
	border-radius: 8%
}

.mobile-view--cover .mobile-view__inner:after,
.mobile-view--disabled .mobile-view__scroll:after {
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	background: rgba(0, 0, 0, .7);
	position: absolute
}

.mobile-view__inner-scrollable {
	width: 100%;
	height: 100%;
	border-radius: 8%;
	overflow: hidden
}

.mobile-view:not(.mobile-view--disabled) .mobile-view__inner-scrollable {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch
}

.mobile-view--cover .mobile-view__inner:after {
	transition: background-color .5s, visibility .5s, opacity .5s
}

.mobile-view--cover:not(.mobile-view--disabled) .mobile-view__inner:after {
	visibility: hidden;
	opacity: 0;
	transition: visibility .5s, opacity .5
}

.mobile-view--disabled .mobile-view__scroll:after {
	transition: background-color .5s, visibility .5s, opacity .5s
}

.mobile-view--disabled .mobile-view__scroll {
	overflow: hidden
}

.mobile-view__cta {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 11;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 2em 3em;
	margin-left: -115px;
	width: 230px;
	background-color: #1b74fc;
	transition: background-color .2s, visibility .2s, opacity .2s
}

.mobile-view__cta:hover {
	background-color: #222
}

.mobile-view__cta-hand {
	display: block;
	margin: 0 auto 1em;
	fill: none;
	stroke: #fff;
	stroke-width: 2px
}

.mobile-view__cta-title {
	display: inline-block;
	color: #fff;
	font-size: .9em;
	font-weight: 400;
	letter-spacing: .12em;
	line-height: 1.3
}

.mobile-view:not(.mobile-view--disabled) .mobile-view__cta {
	visibility: hidden;
	opacity: 0;
	transition: visibility .3s, opacity .2
}

.mobile-view__scroll {
	position: absolute;
	left: 50%;
	top: 2.5%;
	width: 65%;
	height: 87%;
	overflow-y: scroll;
	border-radius: 0 0 30px 30px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.mobile-view__scroll:after {
	transition: background-color .5s, visibility .5s, opacity .5s
}

.mobile-view__page {
	padding-top: 10%;
	width: 100%
}

.mobile-view__iphone {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	pointer-events: none
}

.mobile-view__iphone-placeholder {
	position: relative;
	z-index: -10;
	opacity: 0
}

.macbook-slideshow {
	position: relative;
	display: inline-block
}

.macbook-slideshow__area {
	position: absolute;
	left: 12.2%;
	top: 7.3%;
	width: 75.6%;
	height: 81.8%
}

.macbook-slideshow__area-inner {
	position: relative;
	width: 100%;
	height: 100%
}

.macbook-slideshow .owl-item,
.macbook-slideshow .owl-stage,
.macbook-slideshow .owl-stage-outer,
.macbook-slideshow__slide {
	width: 100%;
	height: 100%
}

.macbook-slideshow__slide {
	background-position: top;
	background-size: 100% auto;
	background-repeat: no-repeat;
	object-fit: cover
}

.imac-video {
	position: relative;
	display: inline-block
}

.imac-video__area {
	overflow: hidden;
	position: absolute;
	top: 4.4%;
	left: 3.9%;
	width: 92.2%;
	height: 60.5%
}

.imac-video__player {
	width: 100%
}

.board-member__description-wrapper {
	position: relative
}

.board-member__description {
	padding: 1em;
	background-color: #ededed
}

@media all and (min-width:1220px) {
	.board-member__description {
		padding: 1.5em 3em
	}
}

.board-member:not(:last-child) {
	margin-bottom: 2em
}

@media all and (min-width:991px) {
	.board-member__description {
		position: absolute;
		bottom: -9%;
		left: -5%
	}
	.board-member__description--left {
		left: auto;
		right: -5%;
		z-index: 2
	}
	.board-member:not(:last-child) {
		margin-bottom: 7em
	}
}

.case-study {
	width: 100%;
	background-color: #ededed;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .5);
	transition: .2s
}

.case-study:not(:last-child) {
	margin-bottom: 3em
}

@media all and (min-width:769px) {
	.case-study {
		height: 600px
	}
	.case-study:not(:last-child) {
		margin-bottom: 5em
	}
	.case-study__link:hover .case-study__foreground {
		-webkit-transform: scale(1.28);
		transform: scale(1.28)
	}
}

.case-study__link {
	display: block;
	width: 100%;
	height: 100%
}

.case-study__link:hover .case-study__title {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.case-study__logo {
	transition: .1s
}

.case-study__logo img {
	height: 60px
}

.case-study__title {
	margin: 1.5em 0;
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s
}

@media all and (max-width:767px) {
	.case-study__foreground {
		margin: .5em 10%;
		width: 80%
	}
}

@media all and (min-width:769px) {
	.case-study__foreground {
		height: 500px;
		margin-right: 3%;
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
		-webkit-transform-origin: center center;
		transform-origin: center center;
		transition: -webkit-transform .5s;
		transition: transform .5s;
		transition: transform .5s, -webkit-transform .5s
	}
}

.case-study__column,
.case-study__description,
.case-study__grid {
	position: relative;
	height: 100%
}

.case-study__description {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 2em 3em
}

.case-study__column--centered {
	display: none
}

@media all and (min-width:769px) {
	.case-study__column--centered {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center
	}
}

.case-study__description-footer {
	margin-bottom: 0
}

@media all and (min-width:1024px) {
	.banner--spaced {
		margin: 2em 4em
	}
}

.banner [class*=col-] {
	padding-bottom: 0
}

.banner__content {
	padding: 3em
}

.banner__headline {
	margin-bottom: .5em
}

.banner__bg-image {
	width: 100%;
	height: 100%;
	background-size: cover
}

.owl-carousel {
	display: none;
	width: 100%;
	position: relative;
	z-index: 1
}

.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}

.mfp-arrow:after,
.mfp-arrow:before,
.mfp-container:before,
.mfp-figure:after {
	content: ""
}

.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translateZ(0)
}

.owl-carousel .owl-item {
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-touch-callout: none
}

.owl-carousel .owl-item img {
	-webkit-transform-style: preserve-3d
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
	display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
	display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
	cursor: pointer;
	cursor: hand;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.owl-carousel.owl-loading {
	opacity: 0;
	display: block
}

.owl-carousel.owl-hidden {
	opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
	visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.owl-carousel.owl-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: grab
}

.owl-carousel.owl-rtl {
	direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
	float: right
}

.owl-carousel .animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
	z-index: 0
}

.owl-carousel .owl-animated-out {
	z-index: 1
}

.owl-carousel .fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1
	}
	to {
		opacity: 0
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}
	to {
		opacity: 0
	}
}

.owl-height {
	transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	transition: opacity .4s ease
}

.owl-carousel .owl-item img.owl-lazy {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000
}

.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	transition: -webkit-transform .1s ease;
	transition: transform .1s ease;
	transition: transform .1s ease, -webkit-transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
	-webkit-transform: scale(1.3);
	transform: scale(1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
	display: none
}

.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1;
	height: 100%;
	width: 100%
}

.owl-theme .owl-nav {
	margin-top: 40px
}

.owl-theme .owl-nav [class*=owl-] {
	color: #fff;
	font-size: 14px;
	margin: 5px;
	padding: 4px 7px;
	background: #d6d6d6;
	display: inline-block;
	cursor: pointer;
	border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
	background: #869791;
	color: #fff;
	text-decoration: none
}

.owl-theme .owl-nav .disabled {
	opacity: .5;
	cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
	margin-top: 10px
}

.owl-theme .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
	padding:0!important;
	background: transparent;
}

.owl-theme .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	background: #1D73F6;
	opacity: 0.2;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity .2s ease;
	border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: #1D73F6;
	opacity: 1;
}

.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
	top: 50%;
	position: absolute;
	width: 40px;
	height: 60px;
	text-indent: -9999px;
	margin-top: -30px;
	transition: all .2s ease
}

.owl-carousel .owl-nav .owl-next.disabled,
.owl-carousel .owl-nav .owl-prev.disabled {
	opacity: .2
}

.owl-carousel .owl-nav .owl-next:hover,
.owl-carousel .owl-nav .owl-prev:hover {
	opacity: .5
}

.owl-carousel .owl-nav .owl-prev {
	left: -50px;
	background-size: 35px auto;
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg)
}

.mfp-bg,
.mfp-container,
.mfp-wrap {
	left: 0;
	top: 0;
	height: 100%;
	width: 100%
}

.owl-carousel .owl-nav .owl-next {
	right: -50px;
	background-size: 35px auto
}

.mfp-bg {
	z-index: 1042;
	overflow: hidden;
	background: #0b0b0b;
	opacity: .8
}

.mfp-bg,
.mfp-wrap {
	position: fixed
}

.mfp-wrap {
	z-index: 1043;
	outline: 0!important;
	-webkit-backface-visibility: hidden
}

.mfp-container {
	position: absolute;
	padding: 0 8px;
	box-sizing: border-box
}

.mfp-container:before {
	display: inline-block;
	height: 100%;
	vertical-align: middle
}

.mfp-align-top .mfp-container:before {
	display: none
}

.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045
}

.mfp-close,
.mfp-preloader {
	text-align: center;
	position: absolute
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
	width: 100%;
	cursor: auto
}

.mfp-ajax-cur {
	cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -webkit-zoom-out;
	cursor: zoom-out
}

.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
	cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.mfp-loading.mfp-figure {
	display: none
}

.mfp-hide {
	display: none!important
}

.mfp-preloader {
	color: #ccc;
	top: 50%;
	width: auto;
	margin-top: -.8em;
	left: 8px;
	right: 8px;
	z-index: 1044
}

.mfp-preloader a {
	color: #ccc
}

.mfp-close,
.mfp-preloader a:hover {
	color: #fff
}

.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
	display: none
}

button.mfp-arrow,
button.mfp-close {
	overflow: visible;
	cursor: pointer;
	background: 0 0;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: 0;
	padding: 0;
	z-index: 1046;
	box-shadow: none;
	-ms-touch-action: manipulation;
	touch-action: manipulation
}

.mfp-figure:after,
.mfp-iframe-scaler iframe {
	box-shadow: 0 0 8px rgba(0, 0, 0, .6);
	position: absolute;
	left: 0
}

button::-moz-focus-inner {
	padding: 0;
	border: 0
}

.mfp-close {
	width: 44px;
	height: 44px;
	line-height: 44px;
	right: 0;
	top: 0;
	text-decoration: none;
	opacity: .65;
	padding: 0 0 18px 10px;
	font-size: 28px;
	font-family: Arial, Baskerville, monospace
}

.mfp-close:focus,
.mfp-close:hover {
	opacity: 1
}

.mfp-close:active {
	top: 1px
}

.mfp-close-btn-in .mfp-close {
	color: #333
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
	color: #fff;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%
}

.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #ccc;
	font-size: 12px;
	line-height: 18px;
	white-space: nowrap
}

.mfp-arrow {
	position: absolute;
	opacity: .65;
	margin: -55px 0 0;
	top: 50%;
	padding: 0;
	width: 90px;
	height: 110px
}

.mfp-arrow:active {
	margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
	opacity: 1
}

.mfp-arrow:after,
.mfp-arrow:before {
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: inset transparent
}

.mfp-arrow:after {
	border-top-width: 13px;
	border-bottom-width: 13px;
	top: 8px
}

.mfp-arrow:before {
	border-top-width: 21px;
	border-bottom-width: 21px;
	opacity: .7
}

.mfp-arrow-left {
	left: 0
}

.mfp-arrow-left:after {
	border-right: 17px solid #fff;
	margin-left: 31px
}

.mfp-arrow-left:before {
	margin-left: 25px;
	border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
	right: 0
}

.mfp-arrow-right:after {
	border-left: 17px solid #fff;
	margin-left: 39px
}

.mfp-arrow-right:before {
	border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px
}

.mfp-image-holder .mfp-content,
img.mfp-img {
	max-width: 100%
}

.mfp-iframe-holder .mfp-close {
	top: -40px
}

.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
	display: block;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000
}

.mfp-figure:after,
img.mfp-img {
	width: auto;
	height: auto;
	display: block
}

img.mfp-img {
	box-sizing: border-box;
	padding: 40px 0;
	margin: 0 auto
}

.mfp-figure,
img.mfp-img {
	line-height: 0
}

.mfp-figure:after {
	top: 40px;
	bottom: 40px;
	right: 0;
	z-index: -1;
	background: #444
}

.mfp-figure small {
	color: #bdbdbd;
	display: block;
	font-size: 12px;
	line-height: 14px
}

.mfp-figure figure {
	margin: 0
}

.mfp-bottom-bar {
	margin-top: -36px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto
}

.mfp-title {
	text-align: left;
	line-height: 18px;
	color: #f3f3f3;
	word-wrap: break-word;
	padding-right: 36px
}

.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer
}

@media screen and (max-height:300px),
screen and (max-width:800px) and (orientation:landscape) {
	.mfp-img-mobile .mfp-image-holder {
		padding-left: 0;
		padding-right: 0
	}
	.mfp-img-mobile img.mfp-img {
		padding: 0
	}
	.mfp-img-mobile .mfp-figure:after {
		top: 0;
		bottom: 0
	}
	.mfp-img-mobile .mfp-figure small {
		display: inline;
		margin-left: 5px
	}
	.mfp-img-mobile .mfp-bottom-bar {
		background: rgba(0, 0, 0, .6);
		bottom: 0;
		margin: 0;
		top: auto;
		padding: 3px 5px;
		position: fixed;
		box-sizing: border-box
	}
	.mfp-img-mobile .mfp-bottom-bar:empty {
		padding: 0
	}
	.mfp-img-mobile .mfp-counter {
		right: 5px;
		top: 3px
	}
	.mfp-img-mobile .mfp-close {
		top: 0;
		right: 0;
		width: 35px;
		height: 35px;
		line-height: 35px;
		background: rgba(0, 0, 0, .6);
		position: fixed;
		text-align: center;
		padding: 0
	}
}

@media all and (max-width:900px) {
	.mfp-arrow {
		-webkit-transform: scale(.75);
		transform: scale(.75)
	}
	.mfp-arrow-left {
		-webkit-transform-origin: 0;
		transform-origin: 0
	}
	.mfp-arrow-right {
		-webkit-transform-origin: 100%;
		transform-origin: 100%
	}
	.mfp-container {
		padding-left: 6px;
		padding-right: 6px
	}
}

.boxGif:hover,
.laptopGif:hover,
.rulerGif:hover {
	-webkit-transform: scale(1.01)
}

code[class*=language-],
pre[class*=language-] {
	color: #000;
	background: 0 0;
	text-shadow: 0 1px #fff;
	font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	line-height: 1.5;
	-moz-tab-size: 4;
	tab-size: 4;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none
}

code[class*=language-] ::-moz-selection,
code[class*=language-]::-moz-selection,
pre[class*=language-] ::-moz-selection,
pre[class*=language-]::-moz-selection {
	text-shadow: none;
	background: #b3d4fc
}

code[class*=language-] ::selection,
code[class*=language-]::selection,
pre[class*=language-] ::selection,
pre[class*=language-]::selection {
	text-shadow: none;
	background: #b3d4fc
}

@media print {
	code[class*=language-],
	pre[class*=language-] {
		text-shadow: none
	}
}

pre[class*=language-] {
	padding: 1em;
	margin: .5em 0;
	overflow: auto
}

:not(pre)>code[class*=language-],
pre[class*=language-] {
	background: #f5f2f0
}

:not(pre)>code[class*=language-] {
	padding: .1em;
	border-radius: .3em;
	white-space: normal
}

.token.cdata,
.token.comment,
.token.doctype,
.token.prolog {
	color: #708090
}

.token.punctuation {
	color: #999
}

.namespace {
	opacity: .7
}

.token.boolean,
.token.constant,
.token.deleted,
.token.number,
.token.property,
.token.symbol,
.token.tag {
	color: #905
}

.token.attr-name,
.token.builtin,
.token.char,
.token.inserted,
.token.selector,
.token.string {
	color: #690
}

.language-css .token.string,
.style .token.string,
.token.entity,
.token.operator,
.token.url {
	color: #a67f59;
	background: hsla(0, 0%, 100%, .5)
}

.token.atrule,
.token.attr-value,
.token.keyword {
	color: #07a
}

.token.function {
	color: #dd4a68
}

.token.important,
.token.regex,
.token.variable {
	color: #e90
}

.token.bold,
.token.important {
	font-weight: 700
}

.LinkButton,
.LinkButton-post:hover {
	font-weight: 600
}

.token.italic {
	font-style: italic
}

.token.entity {
	cursor: help
}

.tile__image img {
	max-height: 100%;
	width: auto;
	min-width: 100%;
	max-width: inherit;
	height: inherit;
}

.crm-bullets img {
	width: 15%
}

.p-60 {
	padding: 10px!important
}

.headline-5 {
	padding-top: 0
}

.mt--40em {
	margin-top: 2em
}

.hide-lg {
	display: none
}

.testService-icon {
	width: 8%;
	opacity: .8
}

.testService-icon:hover {
	opacity: 1
}

@media screen and (max-width:1060px) and (min-width:1px) {
	.hide-design {
		display: none
	}
	.pb--70em {
		padding-bottom: 1em
	}
}

@media screen and (max-width:800px) and (min-width:1px) {
	.hide-mobile {
		display: none
	}
	.hide-lg {
		display: block
	}
	.testService-icon {
		width: 20%
	}
}

.designGif {
	position: relative
}

.boxGif,
.laptopGif,
.rulerGif {
	background-repeat: no-repeat;
	width: 100%;
	height: 200px;
	margin: auto;
	max-width: 90%;
	position: absolute;
	left: 34%
}

.boxGif {
	background-image: url(../images/box.gif)!important;
	background-position: 0 28px;
	filter: gray;
	-webkit-filter: grayscale(1);
	top: -370%
}

.boxGif:hover {
	background-position: 0 -220px;
	filter: none;
	-webkit-filter: grayscale(0)
}

.rulerGif {
	background-image: url(../images/ruler-set.gif);
	background-position: 0 28px;
	filter: gray;
	-webkit-filter: grayscale(1);
	top: -370%
}

.rulerGif:hover {
	background-position: 0 -220px;
	filter: none;
	-webkit-filter: grayscale(0)
}

.laptopGif {
	background-image: url(../images/laptop-set.gif);
	background-position: 0 28px;
	filter: gray;
	-webkit-filter: grayscale(1);
	top: -690%
}

.laptopGif:hover {
	background-position: 0 -220px;
	filter: none;
	-webkit-filter: grayscale(0)
}

.testIllustration img {
	width: 70%
}

.testing-background {
	background-image: url(../images/testing-background.jpg)
}

.brandingBg {
	background-image: url(../images/branding-2.jpg);
	background-size: cover
}

.LinkButton {
	text-decoration: none;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 5rem;
	font-size: 1.8rem
}

@media (max-width:1024px)
{
	.absolute-position-gc {
    bottom: 135px!important;
    padding: 0 40px!important;
}
	
	.absolute-position-stjohns {
    bottom: 145px!important;
    padding: 0 40px!important;
}
	}
	

@media(max-width:768px) {
	.LinkButton {
		width: 100%
	}
	.LinkButton span {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}
	
	.absolute-position-gc {
    bottom: 135px!important;
    padding: 0 40px!important;
}
	
	.absolute-position-stjohns {
    bottom: 145px!important;
    padding: 0 40px!important;
}
	
	.absolute-gc-logo {
	position: absolute;
	width: 20%;
	bottom: 36px;
    right: 100px;
}


	
.absolute-stjohns-logo {
	position: absolute;
    width: 40%;
    bottom: 0px;
    left: 8px;
}
}

.LinkButton span {
	margin-left: 1.5rem;
	height: .2rem;
	width: 0;
	background-color: #1b74fc!important;
	-webkit-transition: .4s cubic-bezier(.23, 1, .32, 1);
	transition: .4s cubic-bezier(.23, 1, .32, 1)
}

@media(min-width:1025px) {
	.LinkButton:hover span {
		width: 10rem
	}
}

.LinkButton:hover::before {
	background-color: #000;
	color: #fff;
	border-color: #000
}

.LinkButton i {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: -1rem;
	font-size: 2.4rem;
	color: #1b74fc
}

.LinkButton--black {
	color: #1a1a1a
}

.LinkButton--white::before {
	color: #fff;
	border-color: #fff;
	background-color: transparent
}

.LinkButton--white span {
	background-color: #fff
}

.LinkButton--white:hover::before {
	color: #fff;
	border-color: #fff;
	background-color: transparent
}

.LinkButton-post::before {
	content: "â–º"!important;
	font-size: 1.5rem;
	margin-right: 1rem;
	display: inline-block;
	border: none
}

.LinkButton-post::after {
	content: ""
}

.bg-grey {
	background-color: #EEE
}

/*================= AMIT(23-05-2019) =================*/

.hubspot-link__container.sproket {
display: none;
}

.pd-0{padding:0!important;} 
.mr-0{margin:0!important;}
.font-weight-normal{font-weight: normal!important;}
.font-family-poppins{font-family: Poppins,sans-serif!important;}
.mb-2-rem{margin-bottom:2rem!important;}
/*.skyblue_bgcolor{background-color:#F5FAFE!important;}*/
.font-weight-400{font-weight:400!important;}
.font-16{font-size:16px!important;}
.folllowusSection h4 {font-size: 28px;margin-bottom: 1rem;margin-top: 0;}
ul.followus_links {padding:1rem 0 0;display: flex;justify-content: center;}
ul.followus_links li {margin: 0;padding: 0;}
ul.followus_links li:before{width:0;}
ul.followus_links li a {display: block;margin: 10px;max-width: 60px;}
section.blogSection {background-image: url(../images/blog_bg.png);background-repeat: no-repeat;
background-size: cover;height: 100%;background-position: center top;min-height: 500px;padding: 3rem 0;}
.blogSection h3 {color: #fff;font-size: 30px;text-align: center;margin: 0 0 3rem;}
header.thankyou_header:before {background-image: url(../images/thanks.png);background-repeat: no-repeat;
background-size: contain;content: '';position: absolute;right: 0;bottom: 10%;height: 100%;width: 600px;z-index: 3;
background-position: right bottom;}
header.thankyou_header{position: relative;min-height: 600px;}
.download_ebook_section h4{font-size:30px;margin:0 0 2rem;}
.ebook_box {background-color: #F2F2F2;padding: 20px;text-align: center;border-radius: 20px;position:relative;
transition: transform .2s;}
ul.ebook_lists li.ebook_items {margin:0 15px;width: 100%;max-width: calc(33.33% - 33px);display: inline-block;
vertical-align: top;}
ul.ebook_lists li.ebook_items:before{width:0;}
.ebook_box h5 {margin: 0 0 15px;font-size: 15px;line-height: 22px;min-height: auto;}
span.ebook_download img {max-width: 24px;width: 100%;}
span.ebook_download {position: absolute;bottom: -46px;background-color: #fff;border-radius: 100%;width: 60px;
height: 60px;padding: 10px;left: 50%;box-shadow: 0 0 5px #ccc;transform: translateX(-50%);display: flex;
justify-content: center;align-items: center;cursor: pointer;}
.ebook_box figure img {height: auto;width: 100%;max-width: 150px;}
.ebook_box:hover {background-color: #1C73F6;transform: scale(1.1);}
.ebook_box:hover h5{color: #fff;}
.blog_items {/* padding: 0 10px; */background-color: #fff;margin: 0 10px;}
.about_blog p {margin: 0;font-size: 12px;line-height: 22px;color: #272727;}
.about_blog h5 {margin: 0 0 10px;font-size: 15px;font-weight: 400;}
.about_blog {/* background-color: #fff; */padding: 20px 15px;text-align: center;}
.blogslider {padding-bottom: 2.5rem;}
.blogslider ul.slick-dots li:before {background: none;left:auto;top:auto;}
.blogslider ul.slick-dots li{position: relative;margin: 0 5px;padding: 0;}
.blogslider .slick-dots li button:before{font-size:40px;color: #fff;opacity: 1;}
.blogslider .slick-dots li.slick-active button:before{color:#1C73F6; }
.about_blog p {min-height: 90px;}
.blog_items:hover{background-color:#1C73F6;}
.blog_items:hover .about_blog h5{color:#fff;}
.blog_items:hover .about_blog p{color:#fff;}
.blog_items figure img {width: 100%;}
section.folllowusSection {padding: 4rem 0;}
section.download_ebook_section{padding: 3rem 0 5rem;}
header.thankyou_header p.l-header__content-text {padding-bottom: 10px;}

/***** salesforce *******/
.weofferSection h3{color:#1C74FC;font-size: 30px;    margin: 0 0 2em;}
section.section.weofferSection {padding: 3.5em 3em 4em;}
.offerinner_part h4 {font-size: 20px;color: #323232;font-weight: 500;font-family: Poppins, sans-serif;
margin: 0 0 20px;}
.offerinner_part p{font-size: 16px;font-family: Poppins, sans-serif;font-weight: 400;margin:0;padding:0;}
.offerinner_part{max-width: 400px;}
.offer_content_part {padding-right: 4rem;display: flex;align-items: center;justify-content: flex-end;}
.offer_image_part {display: flex;align-items: center;justify-content: flex-start;position:relative;}
.offer_image_part:before {background-color: #F1F6FE;height: 100%;width: calc(100% - 80px);
right: 0;top: 0;position: absolute;content: '';z-index: -1;transition:1s;}
.offer_image_part:hover:before {width:20px;transition:1s;}
.we_offer .row {display: flex;align-items: center;}
.we_offer .row:not(:last-child) {margin-bottom: 4rem;}
.we_offer .row:nth-child(2n) .offer_image_part {justify-content: flex-end;}
.we_offer .row:nth-child(2n) .offer_image_part:before{left: 0;}
.we_offer .row:nth-child(2n) .offer_content_part{padding:0 0 0 4rem;justify-content: flex-start;}
.offer_img_cover {max-width: 400px;padding: 2rem 0;}
.offer_img_cover img {width: 100%;}
section.needhelpSection {background-color: #F4F9FE;}
.needhelp_block {width: 400px;margin-right: 25px;}
.needhelp_wrap {display: flex;align-items: center;}
.needhelp_block {width: 370px;margin-right: 20px;}
.helpform_block {width: calc(100% - 370px);margin-left: 20px;}
.needhelp_block h3 {font-size: 24px;margin-top:0;}
.helpform_block .form_wrapper {background-color: #1C74FC;padding: 20px 30px 30px;border-radius:15px;}
.input_part {display: flex;justify-content: space-between;}
.form_submit-btn button.btn.btn-white {font-size: 15px;border-radius: 0;min-width: 200px;
padding: 10px 20px;background-color: #fff;position: relative;}
.form_submit-btn .btn.btn-white:before {position: absolute;width: 0;background-color: #000;
height: 100%;content: '';left: 0;top: 0;}
.form_submit-btn .btn.btn-white:hover:before {width: 100%;transition: all .6s;opacity: 0;}
.form_submit-btn {margin-top: 20px;}
.needhelp_block p {font-size: 16px;font-family: Poppins, sans-serif;padding: 0;margin-bottom: 0;}
section.needhelpSection {padding: 4rem 0;}
.input_part .form-group {width: 100%;}
.right_input {margin-left: 10px;}
.left_input {margin-right: 10px;}
span.hightlight {color: #1b74fc;}
/*======= Animate form label ==========*/

.form_wrapper .form-group {
    margin-top:1rem;
    position: relative;
    margin-bottom: 1rem;
}
.form-label {
  position: absolute;
  left: 0;
  top: 2px;
  color: #fff;
  transition: font-size 150ms ease-out, -webkit-transform 150ms ease-out;
  transition: transform 150ms ease-out, font-size 150ms ease-out;
  transition: transform 150ms ease-out, font-size 150ms ease-out, -webkit-transform 150ms ease-out;
  font-size: 1.1em;
}

.focused .form-label {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  font-size: 0.9em;
}

.helpform_block form input.form-input {
	background-color: transparent;
	border: none;
	border-bottom: 1px solid rgba(255,255,255,0.4);
	border-radius: 0;
	color:#fff!important;
	position: relative;
	transition: box-shadow 150ms ease-out;
	padding: .375rem .75rem;
	margin: 0;
	width: 100%;
	text-align: left;
	font-size: 16px;font-weight: 100;
	height:auto;
}
.form-control.form-input:focus {
border-bottom: 1px solid rgba(255,255,255,1);
 background-color:transparent;
}

/*======= END ========*/

/* ======== Changes - Start ============== */

footer .social-media__link{font-size: 42px;padding: 10px;}
footer.l-footer{ padding: 100px 20px 30px;}

@media (max-width: 1300px) and (min-width: 992px){
footer .l-footer__details {width: 300px;display: flex;justify-content: flex-end;}	
}

/*============ End ===============*/

@media (max-width: 1800px) and (min-width: 1280px){
header.thankyou_header .l-header__content {width: 43%;}
}

@media (min-width: 1280px){
header.thankyou_header .l-header__content-wrapper {left: -45vw;}
}

@media (max-width:1024px){
header.thankyou_header:before{width:500px;bottom:16%;}
}

@media (max-width:991px){
header.thankyou_header:before{background-image:none;}
header.thankyou_header {min-height: 500px;}

section.section.weofferSection {padding: 3.5em 2em 4em;}
.we_offer .row:nth-child(2n) .offer_content_part {padding: 0 0 0 2rem;}
.offer_content_part {padding-right: 2rem;}
.helpform_block .form_wrapper{padding: 10px 15px 25px;}
.helpform_block {margin-left: 0;}

}

@media (max-width:767px){
section.blogSection , section.folllowusSection{padding:2rem 0;}
section.download_ebook_section{padding:2rem 0 4rem;}
header.thankyou_header {min-height: 450px;}	
ul.followus_links li a {display: block;margin: 5px;max-width: 50px;}
.download_ebook_section h4 , .blogSection h3{margin:0 0 2rem;font-size: 25px;}
.ebook_box {padding: 15px;}
span.ebook_download {bottom: -42px;width: 50px;height: 50px;}
span.ebook_download img {max-width: 20px;}
.folllowusSection h4 {font-size: 24px;}
ul.followus_links{padding:0;}

.offer_img_cover {max-width: 270px;padding: 1rem 0;}
.input_part{display:block;}
.left_input , .right_input{margin:0;}
.form-label{font-size:1em;top:8px;}
.focused .form-label{font-size:0.8em;-webkit-transform: translateY(-100%);transform: translateY(-70%);}
.form_submit-btn button.btn.btn-white {font-size: 14px;min-width: 160px;}
.needhelp_block h3 {font-size: 22px;}
.needhelp_block p {font-size: 15px;}
section.section.weofferSection {padding: 2em 1em 2.5em;}
section.needhelpSection {padding: 2rem 0;}
.weofferSection h3 {font-size: 26px;}
.we_offer .row:not(:last-child) {margin-bottom:3rem;}

}

@media (max-width:640px){
ul.ebook_lists li.ebook_items {margin: 15px 15px 60px;max-width: calc(50% - 33px);}
section.download_ebook_section {padding: 2rem 0 1rem;}

.we_offer .row {display: block;}
.offer_content_part {padding-right: 0;justify-content:flex-start;margin-bottom: 2rem;}
.we_offer .row:nth-child(2n) .offer_content_part {padding: 0;justify-content:flex-end;margin: 2rem 0 0;}
.offer_image_part{justify-content:flex-end;}
.we_offer .row:nth-child(2n) .offer_image_part {justify-content: flex-start;}
.offer_image_part:before{left:0;right:auto;}
.we_offer .row:nth-child(2n) .offer_image_part:before {right: 0;left:auto;}
.weofferSection h3{margin: 0 0 1em;}
.needhelp_block {width: 100%;margin-right: 0;margin: 0 auto;max-width: 390px;margin-bottom: 20px;}
.needhelp_wrap {display: block;}
.helpform_block{max-width:390px;margin:0 auto;width: 100%;}

}

@media (max-width:480px){
ul.ebook_lists li.ebook_items {max-width: calc(100% - 33px);display: block;}
.ebook_box h5{min-height:auto;}
}

/*index video css*/

.video-content {
    text-align: center;
}
.m-t-50 {
    margin-top: 50px;
}
.m-b-30 {
    margin-bottom: 30px;
}
.m-b-40 {
    margin-bottom: 40px;
}

.demo-video-play-icon {
    color: #007bff;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    cursor: pointer;
    z-index: 20;
    font-size: 18px;
    text-transform: uppercase;
}
.demo-video-play-icon i.fa {
    width: 48px;
    height: 48px;
    background: #1b74fc;
    border-radius: 50%;
    line-height: 48px;
    font-size: 20px;
    text-align: center;
    -webkit-box-shadow: 0 25px 55px 0 rgba(0,0,0,0.21), 0 16px 28px 0 rgba(0,0,0,0.22);
    box-shadow: 0 25px 55px 0 rgba(0,0,0,0.21), 0 16px 28px 0 rgba(0,0,0,0.22);
    margin-right: 15px;
}
.demo-video-play-icon i.fa-play:before {
    margin-left: 5px;
}
.fa-play:before {
    content: "\f04b";
	color: #fff;
}


/*======= Popupcss - 6Jan2020 ========*/
/*body.view_popup {
    position: relative;
}
body.view_popup:before{
	position: absolute;
	content: '';
	background: rgb(0,0,0,0.4);
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}*/
.view_popup .salesforce_popup{opacity: 1;visibility: visible;} 
.salesforce_popup {
	
	opacity: 0;
	visibility: hidden;
    position: fixed;
    top: 15%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #ffff;
    z-index: 1000;
    border-radius: 10px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    max-width: 640px;
    width: 100%;
    padding: 50px 30px;
    text-align: center;
}
.salesforce_content h4{
	font-family: Montserrat;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.19;
  letter-spacing: 3.06px;
  color: #1b74fc;
      margin-bottom: 0;
}
.salesforce_content h3{
	font-family: Poppins;
  font-size: 36px;
  font-weight: bold;
  line-height: 1.28;
  letter-spacing: normal;
  color: #191919;
  margin-top: 20px;
}
.salesforce_content h3 span ,
.salesforce_content p span{color: #1b74fc;}
.salesforce_content p{
font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #1a1a1a;
}
.salesforce_content h5{
font-family: Montserrat;
  font-size: 22px;
  font-weight: normal;
  letter-spacing: normal;
      margin: 0 0 5px;
}
	
span.close_popup {
    position: absolute;
    right: 20px;
    top: 10px;
    cursor: pointer;
    width: 25px;
    height: 25px;
}
ul.coursesList li {
    font-size: 18px;
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
}
ul.coursesList li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    background-color: #1b74fc;
    width: 8px;
    height: 8px;
    border-radius: 100%;
}
ul.coursesList {
    margin-top:1.7rem;
    padding-left: 15px;
}
/*======= Popupcss - END ===========*/

/*======= SITEMAP ==========*/

.sitemap_listing li {
    width: calc(25% - 4px);
    display: inline-block;
    text-align: center;
}
.sitemap_content {
    margin:5rem 0 0;
}
.sitemap_listing li a.btn--large {
    font-size: 17px;
     width: calc(100% - 24px);
}
.sitemap_listing li a.btn--large:hover {width:100%;margin-left:0;padding: 20px 0;}
.sitemap_listing li a.btn--large:hover span{color:#fff;transform:none;z-index: 1;
    position: relative;}
.sitemap_listing li.crm_erp .btn--grow:after{top:8px;}
.sitemap_listing .btn--grow:after{content: '';}

@media (max-width:1024px){
.sitemap_listing li {width: calc(33% - 4px);font-size:15px;}
}
@media (max-width:991px){
.sitemap_listing li {width: calc(50% - 4px);}
}
@media (max-width:767px)
{
 .sitemap_listing li {width:100%;}	
}

/********* Ebook *******/
.underline_head{position:relative;}
.underline_head:before{position:absolute;content:'';height:3px;width:100px;background:#fff;left:0;
bottom:-8px;}
.half-des {max-width: calc(100% - 200px);}
.half-des > .row {display: flex;align-items: center;}
.ebook_des {padding-left: 30px;}
.rightsection .ebook_des {padding: 0 50px 0 0;text-align: right;}
/*.rightsection{margin-bottom: 4rem;padding-bottom: 4rem;}*/
.rightsection.half-des {margin-left: auto;}
.ebook_des h3{font-size:22px;margin-bottom:10px;font-weight: 600;}
.ebook_des .btn, .ebook_des .btn--grow{font-size: 1rem;padding: 10px 0;}
.ebook_des .btn--grow:hover{padding:10px;}
.ebook_des .btn--grow:after {top: 11.5px;}
.ebook_des .btn--grow-left:hover{margin:0;}
section.ebookSection{position:relative;background-color: #EDF4FF;padding-bottom:4rem;}
/*section.ebookSection:before {content: '';position: absolute;background-color: #fff;height: 200px;
width: 100%;left: 0;bottom: -15px;transform: skewY(8deg);}*/
.ebookLists_section {background-color: #fff;margin-top: -6rem;z-index: 1;position: relative;
padding-top: 1rem;}
.ebook_listing li figure {max-width: 200px;width: 100%;}
.ebook_listing li {display: flex;margin-bottom:5rem; align-items: center;}
.ebook_listing .content h3 {font-size: 20px;color: #1B74FC;margin: 0 0 5px;}
.ebook_listing .content {padding-left: 40px;}
.container-ebook {max-width: 1000px;margin: 0 auto;padding: 0 20px;}
.ebook_listing .content p {font-size: 15px;line-height: 24px; padding:0 0 5px;}
.ebook_listing .content .btn, .ebook_listing .content .btn--grow {font-size: 15px;padding: 10px 0;}
.ebook_listing .content .btn--grow:after {top: 12.5px;}
.ebook_listing .content .btn--grow:hover{padding:10px;}
.ebookSlider ul{width:auto!important;height:auto!important;
 right:0!important;top:-30px!important;}
.ebookSlider ul li a {padding: 5px;display: block;}
.ebookSlider{min-height:410px;}
.downloadEbook_poppu .form_wrapper {padding: 40px 30px;background-color: #1C74FC;color: #fff;
border-radius: 10px;min-width: calc(100% - 70px);}
.downloadEbook_poppu .form_wrapper h3 {font-size: 22px;font-weight: 600;}
.downloadEbook_poppu .form_wrapper .form-group {margin-top: 2rem;position: relative;}
.downloadEbook_poppu.modal-content {background: transparent;border: none;position: relative;}
.downloadEbook_poppu button.close {position: absolute;right: 20px;top: 10px;opacity: 1;}
/*======= Animate form label ==========*/
.downloadEbook_poppu .form_wrapper .form-group {margin-top: 2rem;position: relative;}
.downloadEbook_poppu .form-label {
  position: absolute;
  left: 0;
  top: 2px;
  color: #fff;
  transition: font-size 150ms ease-out, -webkit-transform 150ms ease-out;
  transition: transform 150ms ease-out, font-size 150ms ease-out;
  transition: transform 150ms ease-out, font-size 150ms ease-out, -webkit-transform 150ms ease-out;
   font-weight: 400;
    margin: 0;
    font-family: inherit;
    font-size: 15px;
}
.downloadEbook_poppu .focused .form-label {
-webkit-transform: translateY(-90%);transform: translateY(-90%);font-size: 13px;}
.downloadEbook_poppu input.form-input {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    color:#fff!important;
    position: relative;
    transition: box-shadow 150ms ease-out;
    padding: 0;
    margin: 0;
    height: 40px;
    font-weight: 100;
    text-align: left;
}
.downloadEbook_poppu .form-control.form-input:focus {border-bottom: 1px solid #000;background-color:transparent;}
.downloadEbook_poppu .btn.btn-white {font-size: 16px;border-radius: 0;min-width: 250px;padding: 10px 20px;
background-color: #fff;position: relative;color: #000;font-weight: 400;}
.downloadEbook_poppu .btn.btn-white:before {position: absolute;width: 0;background-color: #000;
height: 100%;content: '';left: 0;top: 0;}
.downloadEbook_poppu .btn.btn-white:hover:before {width: 100%;transition: all .6s;opacity: 0;}
.downloadEbook_poppu .row .col-md-6,.downloadEbook_poppu .row .col-md-12{padding:0 10px;}
.downloadEbook_poppu .row{margin:0 -10px;}

.nuclaylive-section ul.coursesList li{font-size: 16px;margin-bottom:15px;display:block;color: #fff;}
.nuclaylive-section ul.coursesList li:before{background-color: #fff;}
.nuclaylive-section .btn--main.btn--grow:not([class*=color-]) {color: #fff;}
.nuclaylive-section .btn--main.btn--grow:before {border: 3px solid #fff;background-color: #fff;}
.nuclaylive-section .btn--grow:hover:after {color: #000;}

.carbonlogo-blackbg {background-color: #000;text-align: center;width: 100%;}
.carbonlogo-whitebg {background-color: #fff;text-align: center;width: 100%;}
section.carbon-logo-section {display: flex;padding: 0;}
section.carboncheckbg-section {background-image: url(../images/carbon-laptop-bg.png);height: 550px;background-repeat: no-repeat;background-size: cover;background-position: center top;}
.bgcontent {display: flex;align-items: center;height: 100%;justify-content: flex-end;width: 100%;}
.bgcontent p {max-width: 600px;color: #fff;line-height: 26px;padding:0 15px;font-size: 16px;}

/*=========== END =============*/

.school-management-software-block {
    color: #fff;
    display: flex;
    align-items: center;
    height: 512px;
    background-color: #1B74FD;
}
.school-management-software-content {
    width: 50%;
    padding:30px;
}
/* ======== DIGITAL MARKETING ============== */

.nuclay-digital-marketing-wrapper h5.blueheading{text-transform:uppercase;}
.nuclay-digital-marketing-wrapper .l-navbar{background-color:#fff;}
.nuclay-digital-marketing-wrapper{padding-top:98px;}
.smart-digital-section .services_box p {margin-bottom: 0;min-height: 168px;}
.custom-carousel .carousel-inner {position: relative;width: 100%;}
.custom-carousel .carousel-open:checked + .carousel-item {position: static;display: block;}
.custom-carousel .carousel-item img {display: block;height: auto;max-width: 100%;}
.custom-carousel .carousel-control {background: rgb(255,255,255,0.4);border-radius: 50%;color: #fff;cursor: pointer;display: none;font-size: 40px;height: 40px;line-height: 35px;position: absolute;top: 50%;-webkit-transform: translate(0, -50%);cursor: pointer;-ms-transform: translate(0, -50%);transform: translate(0, -50%);text-align: center;width: 40px;z-index: 10;}
.smart-digital-section .row{display:flex;flex-wrap:wrap;}
.custom-carousel .carousel-control.prev {left: 2%;}
.custom-carousel .carousel-control.next {right: 2%;}
.custom-carousel .carousel-control:hover {background: rgba(0, 0, 0, 0.8);color: #aaaaaa;}
.custom-carousel #carousel-1:checked ~ .control-1,
.custom-carousel #carousel-2:checked ~ .control-2,
.custom-carousel #carousel-3:checked ~ .control-3 {display: block;}
.custom-carousel .carousel-indicators {list-style: none;margin: 0;padding: 0;position: absolute;bottom: 0;left: 0;right: 0;text-align: center;z-index: 10;}
.custom-carousel .carousel-indicators li {display: inline-block;margin: 0 5px;}
.custom-carousel .carousel-bullet {color: #0000003b;cursor: pointer;display: block;font-size: 60px;line-height:24px;}
.custom-carousel .carousel-bullet:hover {color: #1c73f6;}
.custom-carousel #carousel-1:checked ~ .control-1 ~ .carousel-indicators li:nth-child(1) .carousel-bullet,
.custom-carousel #carousel-2:checked ~ .control-2 ~ .carousel-indicators li:nth-child(2) .carousel-bullet,
.custom-carousel #carousel-3:checked ~ .control-3 ~ .carousel-indicators li:nth-child(3) .carousel-bullet {color:#1B74FC;}
.casestudy-content-block h2{font-size:36px;line-height: 46px;margin: 0 0 12px;color: #fff;max-width: 450px;}
label.green-badge {border-radius: 14px;background-color: rgba(0,0,0,0.5);color: #fff;font-weight: bold;font-size: 22px;padding: 8px 16px;margin-right:10px;}
.casestudy-block {max-width: calc(100% - 300px);margin: 0 auto;}
.free-quote-block {background-color: #141633;color: #fff;border-radius: 40px;position: relative;max-width: 900px;margin: 0 auto;padding: 3em 0;}
.choose-nuclay-slider .slick-track li{margin:20px 20px;}
.choose-nuclay-slider .slick-dots li button:before {border: 1px solid #BDC4CD;border-radius: 100%;width: 12px;height:12px;font-size:0;background-color:#BDC4CD;}
.choose-nuclay-slider .slick-dots li button,.choose-nuclay-slider .slick-dots li{height:12px;width:12px;}
.choose-nuclay-slider .slick-dots li{margin:0 8px;}
.choose-nuclay-slider .slick-track li img{display:inline-block;height:74px;}
.choose-nuclay-slider .slick-dots li.slick-active button:before{background-color:#1B74FC;border:1px solid #1B74FC;}
.choose-nuclay-slider .slick-dots{bottom: -50px;}
.free-quote-block .row {width: calc(100% - 100px);margin: 0 auto;}
.services_box {padding: 20px 15px;box-shadow: 0 0 10px #ddd;border-radius: 20px;background-color:#fff;}
.why-choose-nuclay-section .col-pd {padding: 0 25px!important;}
.why-choose-nuclay-section{background-image: url(../images/why-choose-nuclay-banner.jpg);background-repeat: no-repeat;background-size: contain;background-position: center top;}
.free-quote-block .col-md-4{padding-left:15px;padding-right:15px;}
.free-quote-block input.form-control {height: 45px;width: 100%;padding: 12px 20px;color: #1a1a1a;border:2px solid #fff;}
section.free-quote-section {margin-bottom: 6em;}
.choose-nuclay-slider .slick-track li .services_box p {min-height: 216px;margin-bottom: 0;}
.choose-nuclay-slider .slick-track li .services_box h5 {min-height: 54px;}
.free-quote-block input.form-control:focus-visible{outline:0;}
.free-quote-block input.form-control:focus{border:2px solid #1B74FC;}
.casestudy-content-block p{color: #fff;line-height: 28px;max-width: 450px;margin-bottom:30px;}
.carousel-item-bakraw .casestudy-block figure img {width: 100%;max-width: 250px;}
.casestudy-block .row.align-items-center {align-items: center;display: flex;}
label.green-badge small{font-size:12px;}
.casestudy-content-block{font-size:14px;}
.btn.btn-theme-common {text-align:center;background-color: #1B74FC;color: #fff;font-size: 15px;border-radius: 8px;padding: 10px 20px;text-transform:uppercase;}
.btn.btn-theme-grey {text-align:center;background-color: #DCE2F0;color: #1B74FC;font-size: 13px;border-radius: 8px;padding: 10px 20px;font-weight:600;text-transform:uppercase;}
.nuclay-digital-marketing-wrapper nav .l-navbar__container-top{display:flex;align-items:center;justify-content:end;height:100%;}
.head-menu-list{display:flex;padding-right: 120px;}
.head-menu-list li a{display:inline-block;padding:6px 12px;font-size:14px;font-weight:600;margin:0 15px;}
.contact-form .hbspt-form {padding: 0;box-shadow: none;border-radius: 0;margin-top: 0;}
.whatsapp-chat {position: fixed;bottom:50px;right: 30px;z-index: 100;}
.whatsapp-chat a img {width: 45px;}
.whatsapp-chat a {display: inline-flex;background-color: #4dc247;width: 65px;height: 65px;justify-content: center;align-items: center;border-radius: 3px;box-shadow:2px 2px 6px rgb(0 0 0 / 40%);}
.mainbanner {font-family: Poppins, sans-serif;padding: 40px 0 0px;background: url(../images/nuclay-digital-mainbanner.png) no-repeat;background-size: cover;background-position: center bottom;padding-bottom:50px;}
.mainbanner-content h1 {font-size: 62px;line-height: 85px;color:#fff;margin-top:0;}
.mainbanner-content{margin-top: 100px;}
.curl img {position: absolute;left: 0;top: calc(100% - 15px);}
.get_started_btn .btn--main.btn--grow:not([class*=color-]) {color: #fff;}
.get_started_btn .btn--main.btn--grow:before {border: 3px solid #fff;background-color: #fff;}
.get_started_btn .btn--grow:hover:after {color: #000;}
h5.blueheading{letter-spacing: 3.66px;color: #1c73f6;font-family: Montserrat;
 font-size: 18px;font-weight: normal;margin:0 0 20px;}
.whyus-box{background-color: #fff;
padding:40px;border: 1px solid #C5C5C5;
border-radius: 35px;}
.col-pd{padding:0 15px!important;}
.col-pd-input{padding:0 15px!important;}
.brands-slider .slick-track li{margin:0 8px;}
.brands-slider .slick-track li img{width:100%;border-radius: 10px}
.brands-slider .slick-dots li button:before {border: 1px solid #BDC4CD;border-radius: 100%;width: 12px;height:12px;font-size:0;background-color:#BDC4CD;}
.brands-slider .slick-dots li button,.brands-slider .slick-dots li{height:12px;width:12px;}
.brands-slider .slick-dots li{margin:0 8px;}
.brands-slider .slick-dots li.slick-active button:before{background-color:#1B74FC;border:1px solid #1B74FC;}
.brands-slider .slick-dots{bottom: -50px;}
.services_box h5{transition: .3s;font-size:18px;font-family: Poppins;position:relative;margin-bottom: 30px;margin-top: 15px;}
.services_box h5:before{position:absolute;bottom: -10px;left: 0;right:0;margin:0 auto;width:40px;background-color:#c4d5ef;height:2px;content:'';transition: .3s;}
.services_box:hover h5{color:rgba(25,99,255,.8);}
.services_box:hover h5:before{background-color:rgba(25,99,255,.8);width:70px; }
.form-control.input-text {width: 100%;border: 0;height: 48px;padding: 15px;outline: 0!important;}
.testimonial-left-content{width: calc(55% + 120px);float: left;padding-top: 5em;}
.testimonial-right-content{background-image: url(../images/testimonial-bg.png);background-repeat: no-repeat;background-size: 100% 100%;background-position: left top;width: calc(45% - 120px);height: 520px;float: right;position: relative;}
.testimonial-content p{font-size:15px;color:#757575;}
.testimonial-content-img {min-width: 230px;padding-left: 20px;}
.client-lists {position: relative;}
.client-img{position:absolute;cursor:pointer;}
.client-img img{width: 130px;border-radius:100%;}
a.client-1.client-img {top: 30px;left: 210px;}
a.client-2.client-img {top: 160px;left: 20px;}
a.client-3.client-img {top: 320px;left: 210px;}
a.client-4.client-img {top: 220px;left: 180px;}
a.client-5.client-img {top: 370px;left: 70px;}
a.client-6.client-img {top: 400px;right: 50px;}
nav.l-navbar.js-navbar-scroll.header-bg {box-shadow: 0 0 10px #ccc;}
.custom-carousel .carousel-item {background-size: cover;background-position: center top;padding: 60px 0;border-radius: 30px;position: absolute;display: none;-webkit-transition: opacity 0.6s ease-out;transition: opacity 0.6s ease-out;background-repeat: no-repeat;width: 100%;height:478px;}
.custom-carousel .carousel-item-bakraw {background-image: url(../images/bakraw-banner.png);}
.custom-carousel .carousel-item-aanchal {background-image: url(../images/aanchal-banner.png);}
.custom-carousel .carousel-item-greenco {background-image: url(../images/greenco-banner.png);}
.happy-client-section {background: url(../images/happy-clients-bg.jpg) no-repeat;background-size: contain;background-position: center top;}
.getInTouch-section {background: url(../images/get-in-touch-bg.jpg) no-repeat;background-size: contain;background-position: center bottom;}
.client-active img{box-shadow: 0 0 8px #1c73f6;border-radius:100%;}
.testimonial-content {padding: 0 40px;}
.l-footer__block.l-footer__block--contact address  img, .l-footer__block.l-footer__block--contact a img {position: absolute;left: 0;top:4px;}
.l-footer__block.l-footer__block--contact address{position:relative;padding-left:30px;}
a.l-footer__link{position:relative;padding-left:30px;}
.button-link a{display: inline-block;font-family:Poppins;font-size:14px;font-weight: 600;
position:relative;}
.button-link a span{color:#1a1a1a;display:inline-flex;align-items:center;padding:18px 10px 10px;}
.button-link a img{width:75px;margin-right: 10px;}
.button-link a span:before{position:absolute;content:'';bottom:-5px;left:6px;height:3px;width:calc(100% - 10px);
color: #fff!important;z-index:-1;transition:0.5s;}
.button-link a:hover span:before{height:105%;transition:0.5s;left:-8px;width:108%;}
.button-link a:hover span{color:#ffff;}
.button-link a:first-child span:before{
background-image: linear-gradient(to bottom,#1b74fc,#0062f7);}
.button-link a:last-child span:before{background-color: #000;}
.button-link a:first-child:hover span:before {height: 115%;}
body.view_popup:before {position: absolute;content: '';left: 0;width: 100%;top: 0;height: 100%;background-color: rgba(0,0,0,0.5);z-index: 10;}
body.view_popup{position:relative;}
.hbspt-form {box-shadow: 0 4px 8px 0 rgb(53 105 128 / 30%), 0 6px 20px 0 rgb(165 200 213 / 41%);background-color: #fff;padding: 40px 40px 40px;border-radius: 4px;margin-top: 50px;}

@media(max-width:991px){

.half-des {max-width: 100%;}

}

@media(max-width:767px){

.mainbanner>.container>.row{display:flex;flex-wrap:wrap;}
.half-des > .row {display: block;}
.half-des {  margin-bottom: 50px;}
.ebook_listing li {display: block;}
.ebook_listing li figure {max-width: 100%;}
.ebook_listing .content {padding: 40px 0 0 0;}
.container-large.mb--20em > .row .col-md-7 {padding-right: 0!important;}
.ebookSlider{display:none;}
.nuclaylive-section ul.coursesList li{width:100%;display:block;}
section.carbon-logo-section {flex-wrap: wrap;}
.school-management-software-block {display: block;height: auto;}
.school-management-software-img img{height:auto!important;}
.school-management-software-content {width: 100%;padding: 20px;}
.col-pd,.col-pd-input {padding:0px!important;}
.testimonial-left-content {width: 100%;float: none;padding-top:0em;}
.testimonial-right-content{width:100%;height:100%;float:none;}
.testimonial-heading {margin-left: 15px;}
.testimonial-gap {margin-left: 15px;}
.client-img {position: static;display:inline-block;padding-right:5px;}
.client-img img {width:100px;}
.testimonial-content p{font-size:14px;}
.testimonial-content-img{width:160px;margin: 20px auto 0;}
.testimonial-content-list li{border-radius:0;;padding:0 0 30px;}
.testimonial-content{padding:0;text-align:center;}
.mainbanner-content h1 {font-size: 40px;line-height:54px;}
.brands-slider .slick-dots li {margin: 0 4px;}
.brands-slider .slick-dots {bottom: -35px;}
.hbspt-form{margin-top:0px;padding:40px 20px 40px;}
.mainbanner-content { margin-top:0px;}
.casestudy-block {max-width: 100%;margin: 0 auto;padding: 0 20px;}
.grow-business-section .row .col-md-5:first-child {display: none;}
.grow-business-section h5.blueheading {margin-top: 0!important;}
.custom-carousel .carousel-control{top:auto;background: rgba(0,0,0,0.5);bottom: -72px;}
.custom-carousel .carousel-control.prev{left:35%;transform: translate(0, -35%);}
.custom-carousel .carousel-control.next{right:35%;transform: translate(0, -35%);}
.casestudy-content-block h2 {font-size: 30px;line-height: 35px;margin: 20px 0 50px;}
.grow-business-section .col-md-5.col-md-offset-1 {padding: 0 20px;text-align:center;}
.nuclay-digital-marketing-wrapper .section {padding: 5em 0;}
.nuclay-digital-marketing-wrapper .headline-3 {font-size: 34px;line-height: 40px;}
.free-quote-block .row {width: 100%;}
.free-quote-block.section{border-radius:10px;padding:4em 15px;}
.free-quote-block.section .col-md-4.form-group{margin-bottom:20px;}
.head-menu-list {padding-right: 0;position: fixed;bottom:0px;left: 0;width: 100%;justify-content: space-between;z-index:9;background-color: #1c73f6;height: 56px;align-items: center;}
.head-menu-list li a {padding: 10px 10px;margin: 0 5px;color:rgba(255,255,255,0.8)!important;}
.head-menu-list li a:focus,.head-menu-list li a:active{color:rgba(255,255,255,1)!important;}
.whyus-box{padding:15px;margin-top: 30px!important;}
.whyus-box>div {font-size: 49px!important;}
.custom-carousel .carousel-item{padding:50px 0 40px;height:auto;}
.casestudy-block .row.align-items-center {flex-wrap: wrap;}
.casestudy-block .row.align-items-center .col-md-8 {order: 2;}
.casestudy-block .row.align-items-center [class*="col-"]{width: 100%;}
.casestudy-content-block{margin-bottom: 40px;}
.custom-carousel .carousel-item img{max-width:180px;margin-top: -20px;margin:-20px auto 0;}
.carousel-item-bakraw .casestudy-block figure img{max-width:150px;}
.col-md-4.col-pd.col-xs-6,.col-md-3.col-pd.col-xs-6 {padding: 0 15px!important;}
.section.getInTouch-section {padding-top: 5em!important;}
footer.l-footer {padding: 100px 20px 70px;}
.grow-business-section h3, .grow-business-section h5{text-align:center;}
.custom-carousel.section .headline-3{margin:0 0 50px!important;}
.smart-digital-section.section .headline-3{margin:0 auto 20px!important;}
.custom-carousel .carousel-indicators{bottom:-50px;display:none;}
.custom-carousel.section .carousel+.text-center{margin-top:80px!important;}
.why-choose-nuclay-section.section .headline-3{margin:0px!important;}
.nav-open .nuclay-digital-marketing-wrapper .l-navbar__container {height: calc(100% - 57px);}
.nuclay-digital-marketing-wrapper {padding-top: 82px;}

}

@media(max-width:576px){

.col-md-4.col-pd.col-xs-6.col-12,.col-md-3.col-pd.col-xs-6.col-12 {width: 100%;}
.smart-digital-section .services_box p,.choose-nuclay-slider .slick-track li .services_box p{min-height:auto!important;}

}

/********** <-----New Css Added in Nuclay Digital Marketing Page----->  **********/

.digital-button-white{text-align: center;background-color: #fff;color: #1B74FC;font-size: 15px;border-radius: 8px;padding: 15px 40px;font-weight: 400;}
.digital-button-white:hover{transform: scale(1.04);}
.logo-section{padding: 2em 0;}
.benefits{display: flex;align-items: center;margin: 10px 0;padding: 10px;}
.benefits img{margin-right: 10px;width: 80px;}
.benefits p, .recommendation-card p, .client-text p{font-size: 14px;line-height: 1.7;}
.section-2-bg{padding:3em 0;font-family: Poppins, sans-serif;background: url(../images/section-circle.png) no-repeat;background-position: top left;}
.section-3-bg{padding:8em 0;font-family: Poppins, sans-serif;background: url(../images/section-3-banner.png) no-repeat;background-size: cover;background-position: center center;}
.section-2-arrow-img{position: absolute;right: 67px;top: 205px;}
.section-2-lists{padding: 100px 0;}
.section-2-lists h3.headline-3{line-height: 1.4;}
.section-3-bg h3.headline-3{color: #fff;padding: 10px 0 50px 0;font-size: 40px;}
.recommendation-card{padding: 20px 40px 10px 40px!important;}
.recommendation-card p{color: #fff;line-height: 1.8;}
.recommendation-card img{width: 80px;}
.section-4 .headline-4{margin-bottom: 3rem;padding: 10px;}
.section-4 img{width: 100%;padding: 10px;}
.client-section{padding: 1em 0 4em 0;}
.client-details{display: flex;align-items: center;justify-content: center;padding: 25px 0;font-family: Poppins, sans-serif;}
.client-bio{box-shadow: 0px 0px 20px rgba(8, 33, 121, 0.07);border-radius: 5px;padding: 25px;text-align: center;}
.client-bio h2{margin-bottom: 5px;}
.client-bio p{margin: 0;font-size: 14px;line-height: 1.7;font-weight: 500;}
.client-text{padding: 25px;vertical-align: middle;}
.client-text h3{margin: 5px 0;}
.package-section{padding:6em 0 6em 0;font-family: Poppins, sans-serif;background: url(../images/package-bg.png) no-repeat;background-size: cover;background-position:100% 100%;}
.package-card{background: #FFFFFF;border-radius: 10px;overflow: hidden;filter: drop-shadow(-10px 4px 17px rgba(0, 0, 0, 0.07));min-width:450px;}
.package-header{background: #F1F1F1;padding: 10px;}
.package-content{padding: 45px;}
.package-content ul li i{color: #4FB55F;margin-right: 10px;}
.package-content ul li{padding: 10px;}
.package-content ul{padding-left:60px ;}
.package-section .row{margin-top: 59px;display: flex;justify-content: center;align-items: center;}
.package-section>.container>h4.headline-4{color: #fff;padding-bottom: 50px;line-height: 1.4;}
.package-pro{transform: scale(1.2);}
.package-section .digital-button-white{padding: 15px 80px;}
.reach-section{border-radius: 25px; padding: 5em;font-family: Poppins, sans-serif;background: url(../images/package-bg.png) no-repeat;background-size: cover;background-position:100% 100%;}
.reach-section .headline-4{color: #fff;padding-bottom: 40px;}
.reach-section p>img{width: 45px;margin-right: 10px;}
.reach-section p{padding: 10px 0;color: #fff;}
.package-button{margin: 7em 0 0 0;}

@media(max-width:1100px){
.reach-section{padding: 4em;}
.section-3-bg{padding: 5em 0;}
.section-3-bg h3.headline-3{padding: 10px 0 30px 0;}
.mainbanner-content-heading{font-size: 50px!important;}
.main-banner-para{margin-bottom: 130px!important;}
.do-it-section p{margin-bottom: 20px!important;}
.connect-wrapper{width: 100%!important;}
.home-clients-wrapper{margin-top:3rem!important;}



}

@media(max-width:991px){
.package-card{min-width: 330px;}
.package-header .headline-4{font-size: 25px;}
.package-content{padding: 25px;}
.package-content ul{padding-left:30px ;}
.reach-section .headline-4{padding-bottom: 30px;}
.section-2-arrow-img{right: 240px;top: 57px;}
.section-2-lists{padding: 60px 0;}
.main-banner-para{margin-bottom: 35px!important;}
.mainbanner-wrapper{flex-direction: column!important;}
.mainbanner-img{width: 85%;margin-bottom: 80px;}
.do-it-section .headline-4{margin-bottom:20px!important;}
.do-it-section p{text-align: center!important;margin-bottom: 10px!important;}
.do-it-section img{width: 65%!important;}
.connect-wrapper{flex-direction: column;justify-content: center;text-align: center;width: 80%!important;}
.connect-wrapper h4{margin-bottom: 30px!important;}
.connect-section{padding: 3em 0!important;}
.home-clients-wrapper{margin-top:2rem!important;}
.business-clients .section--introduction__para p{width:95%!important;}
.accordian-tab .accordian-tab-btns{max-width: 600px!important;margin: 20px 0!important;}
.accordian-para{width: 70%!important;padding:2rem 0!important;}
.popup-form-packaging{max-width: 450px!important;}

}

@media(max-width:720px){
.package-section .row{flex-direction: column;margin-top: 0px;}
.package-pro{transform: scale(1.2);margin-top:90px;}
.mainbanner-img{width: 85%;margin-bottom: 50px;}
business-clients .section--introduction__para p{width:100%!important;}
.home-clients-wrapper{margin-top:1rem!important;}
.home-clients-wrapper div{flex-basis: 16.66%!important;}
.accordian-tab .accordian-tab-btns{flex-wrap: wrap;justify-content: center!important;margin: 5px 0!important;}
.accordian-tab .accordian-tab-btns .accordian-btn{padding: 7px 15x!important;margin: 8px;}
.gallery-wrapper .gallery-image{width: calc(100% /2)!important;padding: 8px!important}
.accordian-para{width: 100%!important;}

}

@media(max-width:576px){
.client-details{flex-direction: column;}
.client-text{text-align: center;}
.package-card{width: 100%;}
.package-header .headline-4{font-size: 20px;}
.package-content{padding: 15px;}
.package-content ul{padding-left:10px ;}
.package-section .row{flex-direction: column;margin-top: 0px;}
.package-pro{transform: scale(1);margin-top:60px;}
.package-button{margin: 4em 0 0 0;}
.section-2-arrow-img{right: 30px;top: 145px;}
.section-2-lists{padding: 50px 0;}
.section-2-lists h3.headline-3{padding: 10px;}
.section-3-bg{padding: 4em 0;}
.reach-section{padding: 2em ;}
.reach-section .headline-4{padding-bottom: 15px;}
.section-2-bg{padding: 2em 0!important;}
.work-steps-section-mobile{display: block!important;}
.work-steps-section-pc{display: none!important;}
.work-steps .row{flex-direction: column!important; padding: 20px 0;}
}



.work-steps-section-mobile{display: none;}
.mainbanner-wrapper{display: flex;align-items: center;}
.main-banner-para{font-size:18px;margin-bottom:220px;font-weight:500;color:#fff;line-height: 2.2rem;padding-right: 45px;}
.do-it-section{font-family: Poppins, sans-serif;background: url(../images/section-circle.png) no-repeat;background-position: center left;}
.do-it-section .headline-4{margin-bottom:50px;}
.do-it-section p {font-size: 14px;line-height: 1.8;padding: 20px;letter-spacing: 0.4px;}
.do-it-left p{text-align: right;margin-right: 10px;}
.do-it-left>p, .do-it-right>p{margin-bottom: 80px;}
.do-it-right p{text-align: left;margin-left: 10px;}
.connect-section{padding:6em 0;font-family: Poppins, sans-serif;background: url(../images/section-3-banner.png) no-repeat;background-size: cover;background-position: center center;}
.connect-wrapper{display: flex;justify-content: space-between;align-items: center;width: 80%;margin: auto;}
.connect-wrapper h4{color: #fff;line-height: 1.4;margin-bottom: 0;}
.connect-wrapper button{padding:15px 70px ;}
.work-steps{padding: 6em 0;background-color:#F9F9F9 ;font-family: Poppins, sans-serif;margin: 4em 0;}
.work-steps .headline-12{margin: 19px 0!important;letter-spacing: 0;}
.step-btn{color: #fff;background-color:#1B74FC;border-radius: 30px;font-size: 15px;padding: 6px 25px;margin: 7px 0;}
.work-steps ul li{font-size: 14px;line-height: 1.7;padding: 6px 0;}
.work-steps .row{display: flex;align-items: center;}
.work-steps-content{padding: 10px;}
.work-steps img{width: 100%;}




.home-clients-wrapper{display: flex;align-items: center;flex-wrap: wrap;margin-top:3rem;}
.home-clients-wrapper div{flex-basis: 11.11%;padding: 8px 3px;width: 100%;}
.business-clients .section--introduction__para{max-width: 95%!important;}
.business-clients .section--introduction__para p{width:80%;margin: auto;}
.home-clients-wrapper div a{cursor: unset;}

.accordian-section{font-family: Poppins, sans-serif;background: url(../images/section-circle.png) no-repeat;background-position: center left;}
.accordian-para{font-size: 14px;text-align: center;font-weight: 600;line-height: 1.6rem;width: 50%;margin: auto;padding: 4rem 0;}
.accordian-tab {display: flex;justify-content: center;}
.accordian-tab .accordian-tab-btns{display: flex;max-width: 700px;width: 100%;justify-content: space-between;margin: 30px 0;}
.accordian-tab .accordian-tab-btns .accordian-btn{background: #F9F9F9;box-shadow: 0px 4px 4px rgb(0 0 0 / 7%);border-radius: 30px;padding: 10px 31px;font-size: 14px;color: #000;font-weight: 400;cursor: pointer;transition: all 0.3s ease;}
.accordian-tab .accordian-tab-btns .active,.accordian-tab .accordian-tab-btns .accordian-btn:hover {font-weight: bold;}
.gallery-wrapper{display: flex;flex-wrap: wrap;margin-top: 20px;}
.gallery-wrapper .gallery-image{width: calc(100% /3);padding: 12px;}
.gallery-wrapper .gallery-image span{display: flex;width: 100%;overflow: hidden;}
.gallery-wrapper .gallery-image img{width: 100%;vertical-align: middle;transition: all 0.3s ease;}
.gallery-wrapper .gallery-image:hover img{transform: scale(1.1);}
.gallery-wrapper .gallery-image.hide{display: none;}
.gallery-wrapper .gallery-image.show{display: block;}
.gallery-wrapper .gallery-image.show{animation: animate-img 0.4s ease;}

.popup-form-packaging{max-width: 530px;}

@keyframes animate-img{
	0%{
		transform: scale(0.5);
	}
	100%{
		transform: scale(1);
	}
}

/************************************/
/********CUSTOM GPT PAGE CSS STARTS*****/
/***********************************/

:root {
	--montserrat: Montserrat, sans-serif;
	--poppins: "Poppins", sans-serif;
  }
  
  .gpt-section-header-wrapper {
	display: flex;
	align-items: center;
	flex-direction: column;
	margin-bottom: 75px;
  }
  
  .gpt-section-subheading {
	display: flex;
	align-items: center;
	gap: 4px;
	padding: 3px 27px;
	background: #1a74fc0f;
	border-radius: 110px;
  }
  .gpt-section-subheading span {
	font-family: var(--montserrat);
	font-weight: 800;
	font-size: 40px;
	line-height: 49px;
	color: #1a74fc;
  }
  
  .gpt-section-header-wrapper h2 {
	font-family: var(--poppins);
	font-weight: 800;
	font-size: 64px;
	line-height: 72px;
	text-align: center;
	color: #000000de;
	margin: 5px 0 32px;
  }
  .gpt-section-header-wrapper h2 span {
	color: #1a74fc;
  }
  
  .customgpt-main a:hover {
	transform: translateY(-8px);
	transition: all 0.3s ease-in-out;
  }
  
  /********** CUSTOM GPT HERO SECTION CSS **********/
  .gpt-hero-section {
	background-image: url(../images/custom-gpt-hero-image-bg-new-1.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: cover;
	padding: 90px 0 70px;
  }
  
  .gpt-hero-section .row{
	display: flex;
	align-items: center;
  }
  
  .gpt-hero-section .new-block-wrapper {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px;
	border-radius: 999px;
	max-width: 170px;
  
	background: radial-gradient(
		100% 107.48% at 0% 50%,
		rgba(106, 157, 255, 0.2) 50.79%,
		rgba(149, 190, 252, 0.12) 68.23%,
		rgba(121, 206, 242, 0.05) 85.42%,
		rgba(118, 214, 209, 0) 100%
	  ),
	  #ffffff;
  
	box-shadow: 0px 0px 1px rgba(24, 29, 38, 0.32),
	  0px 0px 2px rgba(24, 29, 38, 0.08), 0px 1px 3px rgba(24, 29, 38, 0.08);
  }
  .gpt-hero-section .new-block-wrapper span.text {
	font-size: 14px;
	font-weight: 600;
	letter-spacing: -0.1px;
	color: #181d26;
	line-height: 14px;
	margin-top: 3px;
  }
  .gpt-hero-section .new-block-wrapper span.new-text {
	padding: 5px 13px 3px;
	font-size: 12px;
	font-weight: 600;
	font-family: var(--poppins);
	color: #fff;
	background: linear-gradient(90.79deg, #458fff 0%, #0ab2fa 47%, #0d69bd 100%);
	border-radius: 999px;
	line-height: 18px;
  }
  .gpt-hero-section .new-block-wrapper img {
	margin-left: auto;
  }
  .gpt-hero-section .left-content h1 {
	font-family: var(--poppins);
	font-weight: 700;
	font-size: 60px;
	line-height: 70px;
	color: #1a1a1a;
	margin: 20px 0 25px;
  }
  .gpt-hero-section .left-content h1 span {
	color: #1a74fc;
  }
  .gpt-hero-section .left-content p {
	font-family: var(--poppins);
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0.28px;
	color: #000000;
	/* max-width: 630px; */
  }
  .gpt-hero-section .left-content .btn-wrapper {
	display: flex;
	align-items: center;
	gap: 35px;
	margin-top: 30px;
  }
  .gpt-hero-section .left-content .btn-wrapper a {
	font-family: var(--poppins);
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	letter-spacing: 0.28px;
	color: #ffffff;
	padding: 20px 10px;
	max-width: 265px;
	width: 100%;
	border-radius: 70px;
	background: #1a74fc;
	border: 1px solid #1a74fc;
  }
  .gpt-hero-section .left-content .btn-wrapper .case-study-btn {
	color: #1a1a1a;
	background: transparent;
	border: 1px solid #1a1a1a;
  }
  
  .gpt-hero-section .right-content{
	text-align: center;
  }
  
  .gpt-hero-section .right-content img {
	max-width: 100%;
	height: 100%;
  }
  
  /********** CUSTOM GPT RAG SECTION CSS **********/
  
  .rag-section {
	padding: 120px 0;
  }
  
  .rag-card-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 100px;
	margin-bottom: 85px;
  }
  .rag-card-wrapper .rag-card {
	max-width: 312px;
	width: 100%;
	display: flex;
	align-items: center;
	flex-direction: column;
	position: relative;
  }
  .rag-card-wrapper .rag-card:first-child:after {
	content: "";
	width: 95px;
	height: 12px;
	background: url(../images/custom-gpt-sky-blue-line-icon.svg) no-repeat;
	top: 60%;
	right: -41%;
	position: absolute;
	display: inline-block;
  }
  .rag-card-wrapper .rag-card:nth-child(2)::after {
	content: "";
	width: 95px;
	height: 12px;
	background: url(../images/custom-gpt-purple-line-icon.svg) no-repeat;
	top: 60%;
	right: -41%;
	position: absolute;
	display: inline-block;
  }
  
  .rag-card-wrapper .rag-card img {
	max-width: 100%;
	height: auto;
  }
  .rag-card-wrapper .rag-card h3 {
	font-family: var(--montserrat);
	font-weight: 800;
	font-size: 36px;
	line-height: 44px;
	text-align: center;
	color: rgba(26, 26, 26, 0.87);
	margin: 5px 0 12px;
  }
  .rag-card-wrapper .rag-card p {
	font-family: var(--montserrat);
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	color: rgba(0, 0, 0, 0.87);
	max-width: 224px;
	margin: 0;
  }
  
  .rag-bottom-wrapper {
	background: #f5f9ff;
	border-radius: 28px;
	display: flex;
	align-items: center;
  }
  .rag-bottom-wrapper .left-content {
	flex-basis: 50%;
	padding: 60px 35px;
	background: linear-gradient(180deg, #1a74fc 0%, #005ce6 100%);
	border-radius: 28px;
  }
  .rag-bottom-wrapper .left-content p {
	font-family: var(--poppins);
	font-weight: 700;
	font-size: 40px;
	line-height: 54px;
	letter-spacing: 0.28px;
	color: #ffffff;
	margin: 0;
  }
  .rag-bottom-wrapper .right-content {
	flex-basis: 50%;
	padding: 10px 40px;
  }
  .rag-bottom-wrapper .right-content p {
	font-family: var(--poppins);
	font-weight: 400;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: 0.28px;
	color: #000000;
	margin: 0;
  }
  .rag-bottom-wrapper .right-content p span {
	font-weight: 600;
  }
  
  /********** CUSTOM GPT WORK SECTION CSS **********/
  
  .gpt-work-section {
	padding-bottom: 120px;
  }
  .gpt-work-image{
	margin-bottom: 40px;
  }
  .gpt-work-image img{
	width: 100%;
	height: auto;
	border-radius: 30px;
	/* box-shadow: 40px 4px 4px 0px #00000040; */
	/* box-shadow: 0px 4px 4px 0px #00000040; */
	box-shadow: 1px 1px 28px 0px #0000000F;
  
  
  
  }
  
  .gpt-work-section .gpt-work-para {
	font-family: var(--montserrat);
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	text-align: center;
	color: #000000;
	margin: 0 0 75px 0;
	padding: 0 85px;
  }
  .gpt-work-card-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 90px;
	flex-direction: column;
  }
  .gpt-work-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 42px;
  }
  .gpt-work-card .text-content {
	max-width: 583px;
  }
  .gpt-work-card .text-content h3 {
	font-family: var(--poppins);
	font-weight: 800;
	font-size: 64px;
	line-height: 72px;
	color: #1a1a1a;
	margin: 0 0 30px 0;
  }
  .gpt-work-card:first-child .text-content h3 span {
	color: #7a6aeb;
  }
  .gpt-work-card:nth-child(2) .text-content h3 span {
	color: #00a6ee;
  }
  .gpt-work-card:nth-child(3) .text-content h3 span {
	color: #e04824;
  }
  .gpt-work-card .text-content ul {
	list-style-type: disc;
	padding-left: 35px;
  }
  .gpt-work-card .text-content ul li {
	font-family: var(--montserrat);
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #000000;
	margin-bottom: 15px;
  }
  .gpt-work-card .image-content {
	max-width: 517px;
  }
  .gpt-work-card .image-content img {
	max-width: 100%;
	height: auto;
  }
  
  /********** CUSTOM GPT CASE STUDY SECTION CSS **********/
  
  .case-study-box {
	background: url(../images/custom-gpt-case-study-image-bg.png) #0756a5;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right top;
	padding: 50px 38px;
	border-radius: 30px;
	max-width: 1175px;
	margin: 0 auto;
  }
  .case-study-box .text-content {
	max-width: 535px;
  }
  .case-study-box .text-content p {
	font-family: var(--poppins);
	font-weight: 400;
	font-size: 32px;
	line-height: 44px;
	color: #ffffff;
	margin: 36px 0;
  }
  .case-study-box .text-content p span {
	font-weight: 600;
  }
  .case-study-box .text-content a {
	font-family: var(--poppins);
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	letter-spacing: 0.28px;
	color: #0756a5;
	padding: 20px 35px;
	border-radius: 70px;
	background-color: #fff;
	display: inline-block;
  }
  
  /********** CUSTOM GPT CONNECT SECTION CSS **********/
  
  .gpt-connect-section {
	padding: 120px 0;
  }
  .gpt-connect-box {
	max-width: 1175px;
	width: 100%;
	padding: 95px 20px 65px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 50px;
	border-radius: 30px;
	background-image: url(../images/custom-gpt-connect-image-bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin: 0 auto;
  }
  .gpt-connect-box h3 {
	font-family: var(--poppins);
	font-weight: 800;
	font-size: 64px;
	line-height: 72px;
	text-align: center;
	color: #ffffff;
	margin: 0;
  }
  .gpt-connect-box p {
	font-family: var(--montserrat);
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #ffffff;
	margin: 0;
	max-width: 701px;
  }
  .gpt-connect-box a {
	font-family: var(--poppins);
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	letter-spacing: 0.28px;
	color: #1a1a1a;
	padding: 20px 28px;
	border-radius: 70px;
	background-color: #fff;
	display: inline-block;
  }
  
  .gpt-connect-box a:hover {
	color: #1a1a1a;
  }
  
  /**********************************************/
  /********** RESPONSIVE CSS STARTS *************/
  /**********************************************/
  @media (max-width:1290px){
	.gpt-hero-section .left-content h1{
	  font-size: 51px;
	  line-height: 63px;
	}
  }
  
  @media (max-width:1100px){
	.gpt-hero-section .left-content h1{
	  font-size: 43px;
	  line-height: 55px;
	}
	.gpt-work-card .text-content h3{
	  font-size: 58px;
	  line-height: 67px;
	}
	.case-study-box {
	  background-position: 35% 100%;
	}
	.rag-bottom-wrapper .left-content p{
	  font-size: 36px;
	  line-height: 51px;
	}
  }
  
  @media (max-width:992px){
	.gpt-hero-section{
	  padding: 60px 0;
	}
	.gpt-hero-section .right-content{
	  width: 330px;
	}
	.gpt-hero-section .left-content h1 {
	  font-size: 34px;
	  line-height: 45px;
	  margin: 15px 0;
	}
	.gpt-hero-section .left-content p{
	  font-size: 14px;
	  line-height: 25px;
	}
	.gpt-hero-section .left-content .btn-wrapper{
	  gap: 20px;
	  margin-top: 20px;
	}
	.gpt-hero-section .left-content .btn-wrapper a{
	  font-size: 14px;
	  line-height: 20px;
	  padding: 16px 10px;
	}
	.rag-section{
	  padding: 80px 0;
	}
	.gpt-section-subheading span{
	  font-size: 28px;
	  line-height: 42px;
	}
	.gpt-section-header-wrapper h2{
	  font-size: 44px;
	  line-height: 58px;
	  margin: 5px 0 25px;
	}
	.gpt-section-header-wrapper{
	  margin-bottom: 45px;
	}
	.rag-card-wrapper{
	  gap: 50px;
	  margin-bottom: 55px;
	}
	.rag-card-wrapper .rag-card h3{
	  font-size: 28px;
	  line-height: 38px;
	}
	.rag-card-wrapper .rag-card:first-child:after{
	  background-size: 75%;
	}
	.rag-card-wrapper .rag-card:nth-child(2)::after{
	  background-size: 75%;
	}
	.rag-bottom-wrapper .left-content{
	  padding: 45px 25px;
	}
	.rag-bottom-wrapper .right-content{
	  padding: 10px 25px;
	}
	.rag-bottom-wrapper .left-content p {
	  font-size: 28px;
	  line-height: 41px;
  }
  .rag-bottom-wrapper .right-content p{
	font-size: 18px;
	line-height: 30px;
  }
  .gpt-work-section .gpt-work-para{
	font-size: 16px;
	line-height: 27px;
	margin: 0 0 50px 0;
	  padding: 0 25px;
  }
  .gpt-work-card{
	gap: 35px;
  }
  .gpt-work-card .image-content {
	max-width: unset;
	min-width: 280px;
  }
  .gpt-work-card .text-content h3 {
	font-size: 43px;
	line-height: 54px;
	margin: 0 0 20px 0;
  
  }
  .gpt-work-card .text-content ul {
	padding-left: 25px;
  }
  .gpt-work-card .text-content ul li {
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 12px;
  }
  .gpt-work-card-wrapper{
	gap: 50px;
  }
  .gpt-work-section {
	padding-bottom: 80px;
  }
  .case-study-box .text-content {
	max-width: 420px;
  }
  .case-study-box .text-content p{
	font-size: 21px;
	line-height: 36px;
	margin: 25px 0;
  }
  .case-study-box{
	padding: 35px 25px;
  }
  .gpt-connect-section {
	padding: 80px 0;
  }
  .gpt-connect-box h3{
	font-size: 48px;
	line-height: 58px;
  }
  .gpt-connect-box{
	gap: 30px;
	padding: 60px 20px 50px;
  }
  }
  
  @media (max-width:767px){
	.gpt-hero-section .row{
	  flex-direction: column;
	}
	.gpt-hero-section .left-content .btn-wrapper a{
	  max-width: 180px;
	}
	.gpt-hero-section .left-content{
	  margin-bottom: 20px;
	  text-align: center;
	}
	.gpt-hero-section .new-block-wrapper{
		margin: 0 auto;
	}
	.gpt-hero-section .right-content {
	  width: 75%;
	  margin: 0 auto;
  }
  .gpt-hero-section .left-content .btn-wrapper{
	justify-content: center;
  }
  .gpt-section-subheading{
	padding: 3px 20px;
  }
  .gpt-section-subheading img{
	width: 16px;
	height: auto;
  }
  .gpt-section-subheading span {
	font-size: 18px;
	line-height: 32px;
  }
  .rag-section {
	padding: 60px 0;
  }
  .gpt-section-header-wrapper h2 {
	font-size: 32px;
	line-height: 40px;
	margin: 5px 0 20px;
  }
  .rag-card-wrapper {
	gap: 20px;
	margin-bottom: 40px;
  }
  .gpt-section-header-wrapper {
	margin-bottom: 30px;
  }
  .rag-card-wrapper .rag-card h3 {
	font-size: 22px;
	line-height: 27px;
  }
  .rag-card-wrapper .rag-card p{
	font-size: 14px;
	  line-height: 20px;
  }
  .rag-card-wrapper .rag-card:first-child:after {
	background-size: 50%;
	right: -50%;
  }
  .rag-card-wrapper .rag-card:nth-child(2)::after {
	background-size: 50%;
	right: -50%;
  }
  .rag-bottom-wrapper .left-content p {
	font-size: 20px;
	line-height: 31px;
  }
  .rag-bottom-wrapper .right-content p {
	font-size: 14px;
	line-height: 25px;
  }
  .gpt-work-image {
	margin-bottom: 30px;
  }
  .gpt-work-section .gpt-work-para {
	font-size: 14px;
	line-height: 25px;
	margin: 0 0 35px 0;
	padding: 0 15px;
  }
  .gpt-work-card-wrapper {
	gap: 40px;
  }
  .gpt-work-card {
	gap: 25px;
	flex-direction: column-reverse;
  }
  .gpt-work-card:nth-child(2) {
	flex-direction: column;
  }
  .gpt-work-card .text-content h3 {
	font-size: 32px;
	line-height: 40px;
  }
  .gpt-work-section {
	padding-bottom: 60px;
  }
  .case-study-box {
	background-position: 25% 100%;
  }
  .case-study-box .text-content {
	max-width: 350px;
  }
  .case-study-box .text-content img{
	width: 165px;
  }
  .case-study-box .text-content p {
	font-size: 18px;
	line-height: 31px;
	margin: 15px 0;
  }
  .case-study-box .text-content a{
	font-size: 14px;
	  line-height: 22px;
	  padding: 13px 24px;
  }
  .gpt-connect-section {
	padding: 60px 0;
  }
  .gpt-connect-box h3 {
	font-size: 34px;
	line-height: 43px;
  }
  .gpt-connect-box {
	gap: 25px;
	padding: 45px 20px 35px;
  }
  .gpt-connect-box p{
	font-size: 14px;
	line-height: 24px;
  }
  .gpt-connect-box a {
	font-size: 14px;
	line-height: 22px;
	padding: 13px 20px;
  }
  }
  
  @media (max-width:540px){
	.gpt-hero-section {
	  padding: 40px 0;
  }
	.gpt-hero-section .right-content {
	  width: 95%;
  }
  .rag-section {
	padding: 40px 0;
  }
  .gpt-section-header-wrapper {
	margin-bottom: 20px;
  }
  .rag-card-wrapper {
	gap: 50px;
	flex-direction: column;
  }
  .rag-card-wrapper .rag-card:first-child:after {
	background-size: 90%;
	right: 35%;
	bottom: -45px;
	top: unset;
  }
  .rag-card-wrapper .rag-card:nth-child(2):after {
	background-size: 90%;
	right: 35%;
	bottom: -33px;
	top: unset;
  }
  .rag-bottom-wrapper{
	flex-direction: column;
  }
  .rag-bottom-wrapper .left-content {
	padding: 25px 20px;
  }
  .rag-bottom-wrapper .right-content {
	padding: 20px 20px;
  }
  .gpt-work-section .gpt-work-para{
	padding: 0;
	margin: 0 0 25px 0;
  }
  .gpt-work-card-wrapper {
	gap: 30px;
  }
  .gpt-work-section {
	padding-bottom: 40px;
  }
  }

  /************************************/
/********CASE STUDY PAGE CSS STARTS*****/
/***********************************/
  
  :root {
	--montserrat: Montserrat, sans-serif;
	--poppins: "Poppins", sans-serif;
  }
  
  .case-study-subheading {
	display: flex;
	align-items: center;
	gap: 4px;
	padding: 12px 20px;
	background: #1a74fc0f;
	border-radius: 110px;
  }
  .case-study-subheading span {
	font-family: var(--montserrat);
	font-weight: 700;
	font-size: 32px;
	line-height: 40px;
	color: #1a74fc;
  }
  
  .case-study-header-wrapper {
	display: flex;
	align-items: center;
	flex-direction: column;
	margin-bottom: 55px;
  }
  
  .case-study-header-wrapper h2 {
	font-family: var(--poppins);
	font-weight: 800;
	font-size: 64px;
	line-height: 72px;
	text-align: center;
	color: #000000de;
	margin: 5px 0 32px;
  }
  .case-study-header-wrapper h2 span {
	color: #1a74fc;
  }
  
  .case-study-main a:hover {
	transform: translateY(-8px);
	transition: all 0.3s ease-in-out;
  }
  
  
  /********** CUSTOM GPT HERO SECTION CSS **********/
  .case-study-hero-section {
	background-image: url(../images/case-study-hero-image-bg.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: cover;
	padding: 85px 0 85px;
  }
  
  .case-study-hero-section .text-content {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	max-width: 1203px;
	margin: 0 auto;
  }
  .case-study-hero-section .text-content h1 {
	font-family: var(--poppins);
	font-weight: 700;
	font-size: 60px;
	line-height: 70px;
	color: #000000;
	margin: 10px auto 30px;
	text-align: center;
  }
  .case-study-hero-section .text-content p {
	font-family: var(--poppins);
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0.28px;
	color: #000000;
	margin: 0 auto;
	text-align: center;
	max-width: 908px;
  }
  .case-study-hero-section .btn-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 35px;
  }
  .case-study-hero-section .btn-wrapper a {
	font-family: var(--poppins);
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	letter-spacing: 0.28px;
	color: #ffffff;
	padding: 20px 28px;
	max-width: 275px;
	width: 100%;
	border-radius: 70px;
	background: #1a74fc;
	border: 1px solid #1a74fc;
  }
  
  /********** CASE STUDY GURU SECTION CSS **********/
  
  .case-study-guru-section {
	padding: 100px 0 80px;
  }
  .case-study-guru-section .case-study-guru-para {
	font-family: var(--montserrat);
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	text-align: center;
	color: #000000;
	margin: 0 0 75px 0;
	padding: 0 85px;
  }
  .study-guru-card-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 90px;
	flex-direction: column;
  }
  .study-guru-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 42px;
  }
  .study-guru-card .text-content {
	max-width: 618px;
  }
  .study-guru-card .text-content h3 {
	font-family: var(--poppins);
	font-weight: 700;
	font-size: 64px;
	line-height: 72px;
	color: #1a1a1a;
	margin: 0 0 30px 0;
  }
  .study-guru-card:first-child .text-content h3 span {
	color: #7a6aeb;
  }
  .study-guru-card:nth-child(2) .text-content h3 span {
	color: #00a6ee;
  }
  .study-guru-card:nth-child(3) .text-content h3 span {
	color: #e04824;
  }
  .study-guru-card .text-content ul {
	list-style-type: disc;
	padding-left: 35px;
  }
  .study-guru-card .text-content ul li {
	font-family: var(--montserrat);
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #000000;
	margin-bottom: 15px;
  }
  .study-guru-card .image-content {
	max-width: 517px;
  }
  .study-guru-card .image-content img {
	max-width: 100%;
	height: auto;
  }
  
  /********** CASE STUDY BLUEBG SECTION **********/
  
  .bluebg-section {
	padding-bottom: 80px;
  }
  
  .bluebg-section .text-content {
	padding: 49px 58px;
	background: linear-gradient(180deg, #1a74fc 0%, #005ce6 100%);
	border-radius: 28px;
	max-width: 1172px;
	margin: 0 auto;
  }
  
  .bluebg-section .text-content p {
	font-family: var(--poppins);
	font-weight: 500;
	font-size: 32px;
	line-height: 54px;
	letter-spacing: 0.28px;
	color: #ffffff;
	margin: 0;
	text-align: center;
  }
  
  /********** CASE STUDY POINTS SECTION **********/
  
  .points-card-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	max-width: 1172px;
	margin: 0 auto;
	gap: 40px;
  }
  .points-card {
	padding: 30px 10px;
	display: flex;
	align-items: center;
	gap: 5px;
	border-radius: 30px;
  }
  .points-card:first-child {
	background: #1a74fc1a;
  }
  .points-card:nth-child(2) {
	background: #efe8ff;
  }
  .points-card:nth-child(3) {
	background: #f58b211a;
  }
  .points-card .image-content {
	min-width: 165px;
  }
  .points-card .image-content img {
	max-width: 100%;
	height: auto;
  }
  .points-card .text-content h3 {
	font-family: var(--poppins);
	font-weight: 700;
	font-size: 32px;
	line-height: 44px;
	color: #1a1a1a;
	margin: 0 0 10px;
  }
  .points-card .text-content p {
	font-family: var(--montserrat);
	font-weight: 400;
	font-size: 16px;
	line-height: 32px;
	color: #000000;
	margin: 0;
  }
  
  /********** CUSTOM GPT CONNECT SECTION CSS **********/
  
  .study-connect-section {
	padding: 120px 0;
  }
  .study-connect-box {
	max-width: 1175px;
	width: 100%;
	padding: 95px 20px 65px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 50px;
	border-radius: 30px;
	background-image: url(../images/custom-gpt-connect-image-bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin: 0 auto;
  }
  .study-connect-box h3 {
	font-family: var(--poppins);
	font-weight: 800;
	font-size: 64px;
	line-height: 72px;
	text-align: center;
	color: #ffffff;
	margin: 0;
  }
  .study-connect-box p {
	font-family: var(--montserrat);
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #ffffff;
	margin: 0;
	max-width: 701px;
  }
  .study-connect-box a {
	font-family: var(--poppins);
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	letter-spacing: 0.28px;
	color: #1a1a1a;
	padding: 20px 28px;
	border-radius: 70px;
	background-color: #fff;
	display: inline-block;
  }
  
  .study-connect-box a:hover {
	color: #1a1a1a;
  }
  
  /**********************************************/
  /********** RESPONSIVE CSS STARTS *************/
  /**********************************************/
  
  @media (max-width: 1100px) {
	.case-study-hero-section .text-content h1 {
	  font-size: 43px;
	  line-height: 55px;
	}
	.study-guru-card .text-content h3 {
	  font-size: 58px;
	  line-height: 67px;
	}
  }
  
  @media (max-width: 992px) {
	.case-study-hero-section {
	  padding: 60px 0;
	}
	.gpt-hero-section .right-content {
	  width: 330px;
	}
	.case-study-hero-section .text-content h1 {
	  font-size: 34px;
	  line-height: 45px;
	  margin: 15px 0;
	}
	.case-study-hero-section .text-content p {
	  font-size: 14px;
	  line-height: 25px;
	}
	.case-study-hero-section .btn-wrapper {
	  margin-top: 20px;
	}
	.case-study-hero-section .btn-wrapper a {
	  font-size: 14px;
	  line-height: 20px;
	  padding: 16px 30px;
	}
	.case-study-subheading {
	  padding: 10px 20px;
	}
	.case-study-subheading span {
	  font-size: 22px;
	  line-height: 30px;
	}
	.case-study-header-wrapper h2 {
	  font-size: 44px;
	  line-height: 58px;
	  margin: 5px 0 15px;
	}
	.case-study-header-wrapper {
	  margin-bottom: 35px;
	}
  
	.case-study-guru-section {
	  padding: 80px 0;
	}
	.case-study-guru-section .case-study-guru-para {
	  font-size: 16px;
	  line-height: 27px;
	  margin: 0 0 40px 0;
	  padding: 0 25px;
	}
	.study-guru-card {
	  gap: 35px;
	}
	.study-guru-card .image-content {
	  max-width: unset;
	  min-width: 280px;
	}
	.study-guru-card .text-content h3 {
	  font-size: 40px;
	  line-height: 50px;
	  margin: 0 0 20px 0;
	}
	.study-guru-card .text-content ul {
	  padding-left: 25px;
	}
	.study-guru-card .text-content ul li {
	  font-size: 14px;
	  line-height: 22px;
	  margin-bottom: 12px;
	}
	.study-guru-card-wrapper {
	  gap: 50px;
	}
	.study-guru-section {
	  padding-bottom: 80px;
	}
	.bluebg-section .text-content {
	  padding: 35px 35px;
	}
	.bluebg-section .text-content p {
	  font-size: 26px;
	  line-height: 40px;
	}
	.points-card .text-content h3 {
	  font-size: 26px;
	  line-height: 36px;
	}
	.points-card .text-content p {
	  font-size: 14px;
	  line-height: 24px;
	}
  
	.study-connect-section {
	  padding: 80px 0;
	}
	.study-connect-box h3 {
	  font-size: 48px;
	  line-height: 58px;
	}
	.study-connect-box {
	  gap: 30px;
	  padding: 60px 20px 50px;
	}
  }
  
  @media (max-width: 767px) {
	.case-study-subheading {
	  padding: 3px 20px;
	}
	.case-study-subheading img {
	  width: 16px;
	  height: auto;
	}
	.case-study-subheading span {
	  font-size: 18px;
	  line-height: 32px;
	}
	.case-study-hero-section {
	  padding: 40px 0;
	}
	.case-study-header-wrapper h2 {
	  font-size: 32px;
	  line-height: 40px;
	  margin: 5px 0 20px;
	}
	.case-study-header-wrapper {
	  margin-bottom: 30px;
	}
	.gpt-work-image {
	  margin-bottom: 30px;
	}
	.case-study-guru-section .case-study-guru-para {
	  font-size: 14px;
	  line-height: 25px;
	  margin: 0 0 35px 0;
	  padding: 0 15px;
	}
	.study-guru-card-wrapper {
	  gap: 40px;
	}
	.study-guru-card {
	  gap: 25px;
	  flex-direction: column-reverse;
	}
	.study-guru-card:nth-child(2) {
	  flex-direction: column;
	}
	.study-guru-card .text-content h3 {
	  font-size: 32px;
	  line-height: 40px;
	}
	.case-study-guru-section {
	  padding-bottom: 60px;
	}
	.bluebg-section {
	  padding-bottom: 60px;
	}
	.bluebg-section .text-content p {
	  font-size: 22px;
	  line-height: 34px;
	}
	.study-connect-section {
	  padding: 60px 0;
	}
	.study-connect-box h3 {
	  font-size: 34px;
	  line-height: 43px;
	}
	.study-connect-box {
	  gap: 25px;
	  padding: 45px 20px 35px;
	}
	.study-connect-box p {
	  font-size: 14px;
	  line-height: 24px;
	}
	.study-connect-box a {
	  font-size: 14px;
	  line-height: 22px;
	  padding: 13px 20px;
	}
	.points-card .image-content {
	  min-width: 130px;
	}
	.points-card .text-content h3 {
	  font-size: 18px;
	  line-height: 28px;
	  margin: 0 0 3px;
	}
	.points-card .text-content p {
	  font-size: 13px;
	  line-height: 22px;
	}
  }
  
  @media (max-width: 540px) {
	.case-study-hero-section {
	  padding: 40px 0;
	}
	.case-study-header-wrapper {
	  margin-bottom: 20px;
	}
	.case-study-hero-section .text-content h1 {
	  font-size: 28px;
	  line-height: 39px;
	  margin: 10px 0;
	}
	.case-study-subheading span {
	  font-size: 14px;
	  line-height: 24px;
	}
	.case-study-guru-section {
	  padding: 40px 0;
	}
	.case-study-guru-section .case-study-guru-para {
	  padding: 0;
	  margin: 0 0 25px 0;
	}
	.study-guru-card-wrapper {
	  gap: 30px;
	}
	.bluebg-section {
	  padding-bottom: 40px;
	}
	.bluebg-section .text-content {
	  padding: 20px 20px;
	}
	.bluebg-section .text-content p {
	  font-size: 16px;
	  line-height: 27px;
	}
	.points-card-wrapper {
	  gap: 25px;
	}
	.points-card {
	  flex-direction: column;
	}
	.points-card .text-content {
	  text-align: center;
	}
  }
	




  .scheduleModal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 100; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(0, 0, 0, 0.5); /* Black w/ opacity */
    backdrop-filter: blur(5px); /* Optional: blur effect */
	
  }

  .scheduleModal .modal-content {
    background-color: #fefefe;
    padding: 20px;
    border: 1px solid #888;
	box-shadow: 0 4px 8px 0 rgb(53 105 128 / 30%), 0 6px 20px 0 rgb(165 200 213 / 41%);
	border-radius: 4px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 710px;
	width: 100%;
}

.scheduleModal .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
	margin: -20px -5px 0 0;
}

.scheduleModal .close:hover,
.scheduleModal .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.no-scroll {
    overflow: hidden; /* Disable scrolling */
}

.scheduleModal .modal-content .hbspt-form{
	box-shadow:none;
    background-color: #fff;
    padding: 25px 30px 45px;
    border-radius: 4px;
    margin-top: 0px;
}

.scheduleModal .modal-content h2{
	font-family: var(--poppins);
    font-weight: 600;
	font-size: 18px;
    line-height: 26px;
    color: #1a1a1a;
    margin: 10px 0 0;
	text-align: center;
}

@media (max-width:767px){
	.scheduleModal .modal-content{
		width: 94%;
	}

	.hs-form__virality-link iframe{
		height: 100%!important;
		min-height: 60px!important;
	}
	.scheduleModal .modal-content .hbspt-form{
		padding: 20px 0px 30px;
	}
}