body {
	font-family: Gotham
}

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

a {
	color: #1d5aec
}

a:hover {
	text-decoration: none;
	color: inherit
}

input:focus {
	outline: 0
}

:focus,
button:focus {
	outline: 0
}

p {
	color: #000
}

textarea {
	resize: none
}

ul li::marker {
	display: none;
	opacity: 0;
	content: ''
}

.alert {
	font-family: 'Gotham Book';
	font-size: 14px;
	line-height: 16px;
	padding: 10px
}

.pt-0 {
	padding-top: 0
}

.form-control:focus {
	box-shadow: none
}

.black {
	color: #000
}

.small-container {
	max-width: 1080px;
	margin: 0 auto
}

.title {
	font-family: 'Gotham Book', sans-serif;
	font-weight: 500;
	font-size: 42px;
	line-height: 62px;
	color: #fff;
	border-bottom: 1px solid #fff;
	display: inline
}

.title.black {
	color: #000;
	border-bottom: 1px solid #000
}

.para {
	font-size: 18px;
	line-height: 36px;
	font-family: 'Gotham Book';
	font-weight: 500
}

.sub-title {
	font-size: 26px;
	font-weight: 700;
	line-height: 38px;
	font-family: Gotham
}

/* .get-quote-btn {
	font-weight: 500;
	color: #000;
	padding: 16px 40px;
	font-size: 17px;
	display: inline-block;
	line-height: 21px
}

.get-quote-btn.white {
	background: #fff
}

.get-quote-btn-blue {
	font-weight: 500;
	color: #fff;
	padding: 16px 65px;
	font-size: 17px;
	display: inline-block;
	line-height: 21px;
	background: #1b1e66;
	margin-top: 30px;
	transition: .3s all
}

.get-quote-btn-blue:hover {
	color: #fff;
	background: #1d5aec
} */


.get-quote-btn {
	font-weight: 500;
	color: #000;
	padding: 16px 40px;
	font-size: 17px;
	display: inline-block;
	line-height: 21px
}

.get-quote-btn.white {
	background: #fff
}

.get-quote-btn-blue {
	font-weight: 500;
	color: #fff;
	padding: 16px 65px;
	font-size: 17px;
	display: inline-block;
	line-height: 21px;
	background: #1b1e66;
	margin-top: 30px;
	transition: .3s all
}

.get-quote-btn-blue:hover {
	color: #fff;
	background: #1d5aec
}

.our-services .inner-wrapper .get-quote-btn-blue {
	padding: 16px 40px
}

.header-with-banner {
	background: #1b1e66;
	padding-bottom: 50px;
	min-height: 100vh;
}

.header-with-banner #an_wrapper
{
	/* position: relative; */
}

.navbar {
	flex-wrap: wrap;
	width: 100%;
	padding: 35px 0 35px
}

.navbar .navbar-brand {
	width: 15%;
	display: block;
	margin: 0;
	padding: 0
}

.navbar .navbar-brand img {
	max-width: 65%
}

.navbar .navbar-brand h1.black {
	color: #000
}

.navbar .menu-with-searchbar {
	display: flex;
	width: 76%;
	justify-content: flex-end;
	align-items: center;
	margin-right: 40px
}

.navbar .menu-with-searchbar .navbar-nav {
	flex-direction: row;
	align-items: center
}

.navbar .menu-with-searchbar .navbar-nav li a {
	margin-right: 31px;
	color: #000;
	font-size: 15px;
	font-weight: 500;
	padding-top: 0;
	padding-bottom: 3px;
	transition: .3s color ease-in-out;
	position: relative;
	font-family: 'Gotham Book';
	padding-top: 3px
}

.navbar .menu-with-searchbar .navbar-nav>li:last-child>a {
	padding-right: 0;
	margin-right: 0!important;
	display: block;
	background: #fff;
	padding: 7px 15px;
	border-radius: 35px;
	color: #000!important;
	box-shadow: 0 1px 6px rgb(0 0 0 / 29%)
}


.navbar .menu-with-searchbar .navbar-nav li>.dropdown>a:after,
.navbar .menu-with-searchbar .navbar-nav li>a:after {
	content: '';
	width: 0;
	position: absolute;
	bottom: 1px;
	left: 0;
	height: 1px;
	background-color: #fff;
	transition: .2s width, .2s background-color
}

.navbar .menu-with-searchbar .navbar-nav li>.dropdown>a:hover:after,
.navbar .menu-with-searchbar .navbar-nav li>a:hover:after {
	width: 100%
}

.navbar .menu-with-searchbar .navbar-nav li:last-child>.dropdown>a:hover:after,
.navbar .menu-with-searchbar .navbar-nav li:last-child>a:hover:after {
	width: 0
}

.navbar .menu-with-searchbar .navbar-nav li:last-child>.dropdown>a:after,
.navbar .menu-with-searchbar .navbar-nav li:last-child>a:after {
	width: 0!important
}

.navbar .menu-with-searchbar .desktop-menu img {
	max-width: 78%
}

.banner-section {
	display: flex;
	align-items: center
}

.banner-section .slick-slider {
	margin: 0 -15px
}

.banner-section .slick-slide {
	margin-right: 15px;
	margin-left: 15px
}

.banner-section.mobile-view {
	display: none
}

.banner-section.all-services-bannner .inner-wrapper {
	flex-direction: column;
	width: 88%;
	margin: 40px auto 0
}

.banner-section.all-services-bannner .inner-wrapper h2 {
	color: #fff;
	border-bottom: 1px solid #fff
}

.banner-section.all-services-bannner .inner-wrapper h4 {
	color: #fff;
	font-family: 'Gotham Book';
	line-height: 35px;
	font-size: 22px;
	max-width: 80%;
	margin: 40px auto 0
}

.services-banner .banner-section .left h2 {
	font-size: 42px;
	line-height: 58px
}

.services-banner .banner-section .left p {
	margin-top: 25px;
	line-height: 30px;
	font-size: 16px
}

.navbar .menu-with-searchbar .navbar-nav li .dropdown {
	position: static;
	display: inline-block;
	padding-bottom: 30px;
	margin-bottom: -30px
}

.navbar .menu-with-searchbar .navbar-nav li .dropdown-content {
	position: absolute;
	background-color: #fff;
	min-width: 100%;
	z-index: 0;
	padding: 25px 25px 25px 95px;
	margin-top: 13px;
	width: 100%;
	left: 0;
	z-index: -1;
	box-shadow: 0 33px 66px rgb(0 0 0 / 10%);
	opacity: 0;
	transition: .3s all;
	-moz-transition: .3s all;
	-webkit-transition: .3s all;
	-o-transition: .3s all;
	-ms-transition: .3s all;
	visibility: hidden
}

.navbar .menu-with-searchbar .navbar-nav li .dropdown:hover .dropdown-content {
	opacity: 1;
	visibility: visible;
	z-index: 2
}

.navbar .menu-with-searchbar .navbar-nav li .dropdown-content>a {
	color: #000;
	padding: 10px 10px;
	text-decoration: none;
	display: block;
	font-size: 14px;
	line-height: 22px;
	margin-right: 0;
	transition: .4s;
	line-height: 20px
}

.navbar .menu-with-searchbar .navbar-nav li .dropdown-content>a:hover {
	background: #151854
}

.blue-banner .navbar .menu-with-searchbar .navbar-nav li .dropdown-content>a {
	color: #000
}

.navbar .menu-with-searchbar .navbar-nav li .dropdown-content a:last-child {
	border-bottom: 0
}

.navbar .menu-with-searchbar .navbar-nav li .dropdown:hover a:after {
	width: 100%
}

.navbar .menu-with-searchbar .navbar-nav .active .dropdown a:after {
	width: 100%
}

.navbar .menu-with-searchbar .navbar-nav li a.active:after {
	width: 100%
}

.banner-section .inner-wrapper {
	display: flex;
	justify-content: space-between;
	width: 100%
}

.banner-section .left {
	width: 48%
}

.banner-section .left p {
	font-family: 'Gotham Book', sans-serif;
	margin-top: 30px;
	color: #fff;
	font-weight: 500;
	line-height: 33px;
	font-size: 17px;
	margin-bottom: 0;
	direction: ltr
}

.banner-section .left p.black {
	color: #000
}

.banner-section .left a {
	margin-top: 50px
}

.banner-section .left a.get-quote-btn {
	transition: .3s all
}

.banner-section .left a.get-quote-btn:hover {
	background: #1d5aec;
	color: #fff
}

.banner-section .right {
	width: 50%
}

.banner-section .right .banner-inner-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end
}

.banner-section .right .banner-inner-wrapper .js-ikonset {
	width: 33.33%;
	position: relative;
	height: 238px
}

.banner-section .right .inner-wrapper .image-one {
	position: absolute;
	top: 0;
	left: 0
}

.banner-section .right .image-wrapper {
	width: 140px;
	height: 140px;
	background-repeat: no-repeat!important;
	background-size: cover!important
}

.banner-section .right .image-wrapper p {
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
	margin: 0
}

.banner-section .left .banner-left-slider .description {
	max-width: 496px;
	margin-right: auto
}

.our-trusted-brand {
	padding: 70px 15px 0;
	max-width: 1080px;
	margin: 0 auto;
	position: relative
}

.our-trusted-brand .inner-wrapper h3 {
	font-family: 'Gotham Book', sans-serif;
	font-size: 34px;
	line-height: 49px;
	font-weight: 500;
	margin-bottom: 0
}

.our-trusted-brand .slick-initialized .slick-slide {
	padding: 0 30px;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	-webkit-transition: -webkit-filter .3s;
	transition: -webkit-filter .3s;
	-o-transition: filter .3s;
	transition: filter .3s;
	transition: filter .3s, -webkit-filter .3s
}

.our-trusted-brand .slick-initialized .slick-slide:hover {
	filter: grayscale(0)
}

.our-services {
	max-width: 91%;
	margin: 0 auto
}

.our-services.type-two {
	max-width: 100%
}

.our-services .inner-wrapper {
	background: #f4f4f4;
	padding: 70px 60px 70px;
	position: relative
}

.our-services .inner-wrapper img.rounder-image {
	position: absolute;
	left: 50%;
	margin-left: -285px;
	top: 50%;
	margin-top: -215px
}

.our-services .drag {
	width: 250px;
	margin: 0 0 0 auto;
	text-align: center
}

.our-services .drag span {
	font-size: 21px;
	font-weight: 500;
	display: inline-block
}

.our-services .services {
	margin-top: 60px;
	width: 100%;
	overflow: hidden
}

.our-services .services .slick-list {
	padding: 20px 20px 20px 20px
}

.our-services .services ul {
	padding: 0;
	margin: 0 -15px;
	list-style: none;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: static
}

.our-services .services ul li {
	width: 31%;
	margin: 0 15px
}

.our-services .services ul li .box .text-right {
	min-height: 100px
}

.our-services .services ul li .box {
	background: #fff;
	padding: 40px 40px;
	box-shadow: 0 7px 12px rgb(0 0 0 / 16%);
	min-height: 266.69px
}

.our-services .services ul li .box img {
	margin-bottom: 30px;
	margin: 0 0 30px auto
}

.our-services .services ul li .box h3 {
	font-size: 18px;
	line-height: 30px;
	text-transform: uppercase;
	font-family: 'Gotham Book', sans-serif;
	font-weight: 500;
	color: #000;
	text-align: left;
	word-break: break-all
}

.our-services .services ul li .box h3 span {
	display: block;
	font-size: 19px;
	font-weight: 700;
	color: #000
}

.our-services .services ul li .box .details {
	text-align: left
}

.our-services .services ul li .box .details p {
	font-family: 'Gotham Book', sans-serif;
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 0;
	color: #000
}

.our-services .services ul li .box .details p span {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.our-services .services ul li .box .details a {
	font-size: 16px;
	font-weight: 500;
	text-decoration: underline;
	color: #1d5aec
}

.our-services .services .slick-prev.slick-arrow {
	background: #fff;
	border-radius: 78px;
	width: 68px;
	height: 68px;
	font-size: 0;
	border: 0;
	position: absolute;
	right: 175px;
	top: 5px;
	cursor: pointer;
	transition: .3s all
}

.our-services .services .slick-prev.slick-arrow::after {
	width: 0;
	height: 0;
	border-top: 13px solid transparent;
	border-right: 24px solid #dedede;
	border-bottom: 13px solid transparent;
	position: relative;
	display: block;
	content: '';
	border-radius: 4px;
	left: 50%;
	margin-left: -13px
}

.our-services .services .slick-prev.slick-arrow:focus {
	box-shadow: 0 2px 10px rgb(0 0 0 / 18%)
}

.our-services .services .slick-prev.slick-arrow:hover::after {
	border-right: 24px solid #fff
}

.our-services .services .slick-next.slick-arrow:hover,
.our-services .services .slick-prev.slick-arrow:hover {
	background: #1d5aec
}

.our-services .services .slick-next.slick-arrow {
	background: #fff;
	border-radius: 78px;
	width: 68px;
	height: 68px;
	font-size: 0;
	border: 0;
	position: absolute;
	right: 94px;
	top: 5px;
	cursor: pointer;
	background-size: cover!important;
	transition: .3s all
}

.our-services .services .slick-next.slick-arrow:after {
	width: 0;
	height: 0;
	border-top: 13px solid transparent;
	border-left: 24px solid #dedede;
	border-bottom: 13px solid transparent;
	position: relative;
	display: block;
	content: '';
	border-radius: 4px;
	left: 50%;
	margin-left: -8px
}

.our-services .services .slick-next.slick-arrow:focus {
	box-shadow: 0 2px 10px rgb(0 0 0 / 18%)
}

.our-services .services .slick-next.slick-arrow:hover:after {
	border-left: 24px solid #fff
}

.our-services .view-all {
	margin: 80px auto 0;
	display: inline-block;
	color: #000;
	font-size: 18px;
	text-transform: uppercase;
	padding: 0 35px 0 0;
	background: url(../../assets/images/home/our-services/view-all.png) no-repeat 89% 50%;
	font-family: 'Gotham Book';
	letter-spacing: 1.5px;
	position: relative
}

.our-services .slick-dots {
	padding-top: 100px!important;
	width: 100%;
	align-items: center;
	justify-content: center!important;
	margin: 0!important
}

.our-services .slick-dots li {
	width: auto!important;
	margin: 0 15px
}

.our-services .slick-dots li.slick-active button {
	border-radius: 50%;
	border: 0;
	background: #ffc732;
	width: 28px;
	height: 28px;
	color: #fff
}

.our-services .slick-dots li button {
	border-radius: 50%;
	border: 0;
	background: #f7df9e;
	width: 28px;
	height: 28px;
	color: #000
}

.our-services .title-wrapper {
	max-width: 1070px;
	margin: 0 auto;
	padding: 0 15px
}

.view-all-services-wrapper {
	margin-top: 55px
}

.view-all-services-wrapper .services {
	margin-top: 0;
	width: 100%
}

.view-all-services-wrapper .services ul {
	justify-content: center
}

.view-all-services-wrapper .services ul li {
	width: 29.5%;
	margin-bottom: 50px
}

.about-techaffinity {
	padding: 100px 0;
	text-align: center
}

.about-techaffinity .image-wrapper {
	position: relative;
	max-width: 80%;
	margin: 90px auto 55px
}

.about-techaffinity .image-wrapper .yellow-bg {
	position: absolute;
	right: -40px;
	top: -40px;
	max-width: 17%;
	height: auto;
	z-index: 1
}

.about-techaffinity .image-wrapper .dots-bg {
	position: absolute;
	left: -49px;
	top: 30%;
	width: 16%
}

.about-techaffinity .image-wrapper .about-bg {
	max-width: 100%
}

.about-techaffinity .description {
	max-width: 65%;
	margin: 0 auto 50px
}

.about-techaffinity .description p {
	font-family: 'Gotham Book', sans-serif;
	font-size: 18px;
	line-height: 38px;
	color: #020000;
	font-weight: 500
}

.about-techaffinity .get-quote-btn {
	font-weight: 500;
	color: #000;
	padding: 16px 40px;
	font-size: 17px;
	display: inline-block;
	line-height: 21px;
	background: #1b1e66;
	color: #fff;
	transition: .3s all
}

.about-techaffinity .get-quote-btn:hover {
	background: #1d5aec!important
}

.benefits-to-work {
	display: flex;
	flex-wrap: wrap
}

.benefits-to-work .left {
	background: #1d5aec;
	width: 47%;
	position: relative;
	overflow: hidden
}

.benefits-to-work .left .dots {
	right: 121px;
	position: absolute;
	top: 179px;
	max-width: 25%
}

.benefits-to-work .left .person {
	bottom: 0;
	position: absolute;
	right: 90px;
	max-width: 68%
}

.benefits-to-work .left .pink {
	position: absolute;
	bottom: -219px;
	left: -200px;
	max-width: 92%
}

.benefits-to-work .right {
	width: 53%;
	background: #f2f2f2;
	padding: 80px 60px 60px
}

.benefits-to-work .right h2 {
	margin-bottom: 70px
}

.benefits-to-work .right ul {
	margin-top: 40px;
	padding: 0;
	margin-left: 0;
	margin-right: 0;
	list-style-type: none
}

.benefits-to-work .right ul li {
	font-family: 'Gotham Book', sans-serif;
	font-size: 18px;
	line-height: 36px;
	margin-bottom: 25px;
	padding: 0 0 0 40px;
	background: url(../../assets/images/home/benefits/list.png) no-repeat 0 8px;
	color: #000
}

.benefits-to-work .right ul li:last-child {
	margin-bottom: 0
}

.benefits-to-work h2.mobile-view {
	display: none
}

.having-a-project {
	padding: 80px 0 80px
}

.having-a-project.bg-yellow {
	background: #ffc732
}

.having-a-project.bg-blue {
	background: #1b1e66
}

.having-a-project.bg-light-red {
	background: #fff6c4
}

.having-a-project a.meeting-btn {
	transition: .3s all;
	line-height: 21px
}

.having-a-project a.meeting-btn.border-line {
	border: 1px solid #707070;
	padding: 15px 40px
}

.having-a-project a.meeting-btn:hover {
	background: #1d5aec!important
}

.having-a-project a.meeting-btn.border-line:hover {
	border: 1px solid #1d5aec!important
}

.having-a-project .inner-wrapper {
	text-align: center
}

.having-a-project a.meeting-btn {
	color: #fff;
	font-size: 17px;
	font-weight: 500;
	background: #1b1e66;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 40px auto 0;
	padding: 16px 40px
}

.meet-our-team {
	padding: 95px 0 65px;
	background: #1b1e66;
	overflow: hidden;
	position: relative
}

.meet-our-team .pink-rounder {
	position: absolute;
	right: -450px;
	top: -40px
}

.meet-our-team .inner-wrapper {
	margin: 0 auto
}

.meet-our-team .inner-wrapper .about-us-cta {
	margin-top: 30px
}

.meet-our-team .inner-wrapper .team {
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 2;
	flex-wrap: wrap
}

.meet-our-team .inner-wrapper .team.team-two {
	justify-content: center
}

.meet-our-team .inner-wrapper .team.team-two .team-wrapper {
	margin: 0 15px
}

.meet-our-team .inner-wrapper .title-wrapper {
	margin-bottom: 90px
}

.meet-our-team .team-wrapper {
	margin-bottom: 30px;
	width: 23%
}

.meet-our-team .image-wrapper {
	margin-bottom: 20px;
	position: relative;
	background-size: cover!important;
	width: 100%;
	padding: 135px
}

.meet-our-team .image-wrapper .center-align {
	display: flex;
	align-items: center;
	justify-content: center
}

.meet-our-team .image-wrapper.one {
	background: url(../../assets/images/home/our-team/clif-bradley-new.png)
}

.meet-our-team .image-wrapper.two {
	background: url(../../assets/images/home/our-team/richard-nolting.png)
}

.meet-our-team .image-wrapper.three {
	background: url(../../assets/images/home/our-team/sajeev.png)
}

.meet-our-team .image-wrapper.four {
	background: url(../../assets/images/home/our-team/jenitta.jpg)
}

.meet-our-team .image-wrapper.five {
	background: url(../../assets/images/home/our-team/vikrantsingh.png)
}

.meet-our-team .image-wrapper.six {
	background: url(../../assets/images/home/our-team/jesman.png)
}

.meet-our-team .image-wrapper.seven {
	background: url(../../assets/images/home/our-team/samuel.png)
}

.meet-our-team .image-wrapper .text-wrapper {
	opacity: 0;
	position: absolute;
	left: 0;
	right: -.5px;
	top: 0;
	bottom: 0;
	transform-origin: 0 0;
	background: rgb(5 5 5 / 85%);
	bottom: 0;
	padding: 15px;
	transition: .6s all;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.meet-our-team .image-wrapper .text-wrapper p {
	color: #fff;
	text-align: left;
	text-transform: inherit;
	font-size: 13px;
	font-family: 'Gotham Book';
	font-weight: 400;
	line-height: 20px;
	margin-bottom: 0
}

.meet-our-team .image-wrapper .text-wrapper .learn-more {
	font-size: 17px;
	line-height: 40px;
	font-family: Gotham;
	font-weight: 500;
	text-decoration: underline;
	background: #383838;
	display: inline-block;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 40px;
	margin-top: 8px
}

.meet-our-team .image-wrapper:hover .text-wrapper {
	opacity: 1
}

.meet-our-team .image-wrapper {
	position: relative
}

.meet-our-team .image-wrapper.two:hover .circle {
	opacity: 1;
	transition: transform .85s cubic-bezier(.25, .46, .45, .94), opacity .4s cubic-bezier(.25, .46, .45, .94);
	transform: none
}

.meet-our-team .image-wrapper.three:hover .rectangle {
	opacity: 1;
	transition: transform .85s cubic-bezier(.445, .05, .55, .95), opacity .4s cubic-bezier(.445, .05, .55, .95);
	transform: rotate(-45deg) translateZ(0)
}

.meet-our-team h3 {
	color: #fff;
	text-align: center;
	font-family: 'Gotham Book', sans-serif;
	font-size: 29px;
	margin-bottom: 5px
}

.meet-our-team p {
	color: #fff;
	text-align: center;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 14px;
	font-family: 'Gotham Book';
	letter-spacing: 1px
}

/* .meet-our-team .team-wrapper p:last-of-type {
    margin-top: -15px;  /* Reduce space above location */
}
.meet-our-team .team-wrapper p:nth-of-type(2) { 
    margin-bottom: 3px; /* Reduce space below position */
} */

.meet-our-team a.about-link {
	display: inline-block;
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	padding: 0 35px 0 0;
	background: url(../../assets/images/home/our-team/arrow.png) no-repeat 89% 50%;
	font-family: 'Gotham Book';
	letter-spacing: 1.5px
}

.client-testimonials {
	padding: 125px 0 80px
}

.client-testimonials .inner-wrapper {
	max-width: 1145px;
	margin: 0 auto
}

.client-testimonials .inner-wrapper .details {
	margin-top: 30px
}

.client-testimonials .inner-wrapper p {
	margin-bottom: 30px;
	font-family: 'Gotham Book', sans-serif;
	font-size: 18px;
	line-height: 36px;
	font-weight: 400;
	font-style: italic
}

.client-testimonials .inner-wrapper span {
	font-weight: 500;
	font-size: 20px;
	margin-top: 0;
	display: inline-block;
	line-height: 35px
}

.client-testimonials .inner-wrapper span.blue {
	color: #1d5aec;
	display: block;
	font-size: 18px;
	line-height: 25px
}

.client-testimonials .inner-wrapper ul {
	margin: 20px 0 0;
	padding: 0;
	list-style-type: none;
	display: flex;
	align-items: center
}

.client-testimonials .inner-wrapper ul li {
	margin-right: 45px;
	cursor: pointer
}

.client-testimonials .inner-wrapper ul li a.active {
	background: url(../../assets/images/home/client-testimonials/active.png) no-repeat 50% 50%;
	background-size: cover!important;
	width: 90px;
	height: 90px;
	display: flex;
	align-items: center;
	justify-content: center
}

.client-testimonials .inner-wrapper .image-wrapper {
	position: relative
}

.client-testimonials .inner-wrapper .image-wrapper .blue {
	position: absolute;
	right: -33px;
	top: -43px
}

.client-testimonials .inner-wrapper .image-wrapper .person {
	position: relative;
	width: 100%;
	height: 180px;
	background-repeat: no-repeat!important;
	background-size: contain!important;
	background-position: 50% 50%!important;
	margin-top: 180px
}

.client-testimonials .inner-wrapper .image-wrapper .person-bg {
	position: relative;
	width: 100%;
	height: 540px;
	background-repeat: no-repeat!important;
	background-size: contain!important;
	background-position: 50% 50%!important
}

.client-testimonials .inner-wrapper .image-wrapper .yellow {
	position: absolute;
	bottom: 60px;
	left: -110px;
	z-index: -1;
	max-width: 60%
}

.client-testimonials .inner-wrapper .right-wrapper {
	padding-left: 60px
}

.client-testimonials .client-testimonials-slider-one {
	max-width: 431px
}

.client-testimonials .client-testimonials-slider-one .slick-dots {
	display: none!important
}

.client-testimonials .slick-dots li button {
	width: 68px;
	height: 68px;
	border: 0;
	font-size: 0;
	background-size: cover!important;
	background-position: 50% 50%!important;
	background-repeat: no-repeat!important;
	cursor: pointer;
	border-radius: 50%;
	position: relative
}

.client-testimonials .slick-dots li button:before {
	position: absolute;
	content: '';
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgb(204 204 204 / 65%);
	border-radius: 50%
}

.client-testimonials .slick-dots li.slick-active button:before {
	opacity: 0
}

.client-testimonials .slick-dots li:nth-child(1) button {
	background: url(../../assets/images/home/client-testimonials/client-three-small.png)
}

.client-testimonials .slick-dots li:nth-child(2) button {
	background: url(../../assets/images/home/client-testimonials/client-four-small.png)
}

.client-testimonials .slick-dots li:nth-child(3) button {
	background: url(../../assets/images/home/client-testimonials/client-one-small.png)
}

.client-testimonials .slick-dots li:nth-child(4) button {
	background: url(../../assets/images/home/client-testimonials/client-two-small.png)
}

.client-testimonials .slick-dots li {
	position: relative;
	width: 78px;
	height: 78px
}

.client-testimonials .slick-dots li canvas {
	opacity: 0
}

.client-testimonials .slick-dots li button {
	position: absolute;
	top: 9px;
	left: 9px
}

.client-testimonials .slick-dots li.slick-active {
	width: 78px;
	height: 78px;
	position: relative
}

.client-testimonials .slick-dots li.slick-active canvas {
	opacity: 1
}

.client-testimonials .slick-dots li.slick-active button {
	position: absolute;
	top: 9px;
	left: 9px
}

.our-latest-blog {
	padding: 100px 0 90px;
	background: #f4f4f4
}

.our-latest-blog .our-title {
	margin-bottom: 70px
}

.our-latest-blog .inner-wrapper {
	max-width: 1175px;
	margin: 0 auto
}

.our-latest-blog.all-blogs .col-md-4 {
	margin-bottom: 0
}

.our-latest-blog a.view-all-blog {
	display: inline-block;
	color: #000;
	font-size: 18px;
	font-weight: 500;
	text-transform: uppercase;
	padding: 0 35px 0 0;
	background: url(../../assets/images/home/our-services/view-all.png) no-repeat 89% 50%;
	margin-top: 40px;
	font-family: 'Gotham Book';
	letter-spacing: 1.5px
}

footer {
	background: #000;
	padding: 55px 0 20px
}

footer .inner-wrapper {
	max-width: 1142px;
	margin: 0 auto
}

footer .inner-wrapper .line {
	background: grey;
	width: 100%;
	height: .1px;
	display: block;
	margin-top: 0;
	margin-bottom: 10px
}

footer .navbar-brand {
	padding: 0;
	display: inline;
}

footer .navbar-brand img {
	max-width: 33%
}

footer .navbar-brand p {
	color: #fff;
	margin-top: 12px;
	font-weight: 500;
	font-size: 14px
}

footer .description {
	font-family: 'Gotham Book';
	color: #fff;
	font-size: 14px;
	margin-top: 20px;
	line-height: 28px;
	max-width: 94%
}

footer .contacts {
	margin-top: 30px
}

footer .contacts a {
	font-size: 13px;
    color: #fff;
    font-family: 'Gotham Book';
    margin-bottom: 20px;
    display: block;
    margin-right: 16px;
    align-items: center;
}

footer .contacts a img {
	margin-right: 5px
}

footer .contact ul li a {
	cursor: unset
}

footer .social-links {
	margin-top: 50px
}

footer .social-links a {
	margin-right: 20px;
	display: inline-block
}

footer .menus h4 {
	text-transform: uppercase;
	margin-bottom: 10px;
	color: #0089ff;
	font-size: 14px;
	font-family: Gotham;
	font-weight: 700
}

footer .subscribe-title {
	text-transform: uppercase;
	margin-bottom: 0;
	color: #0089ff;
	font-size: 14px;
	font-family: Gotham;
	font-weight: 700;
	margin-top: 5px
}

footer .menus ul {
	margin: 0;
	padding: 0;
	list-style-type: none
}

footer .menus ul li a {
	font-size: 13px;
	font-weight: 400;
	margin-bottom: 5px;
	display: block;
	color: #fff;
	font-family: 'Gotham Book'
}

footer .contact h4,
footer .contacts h4 {
	text-transform: uppercase;
	margin-bottom: 10px;
	color: #0089ff;
	font-size: 14px;
	font-family: Gotham;
	font-weight: 700
}

footer .contact ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap
}

footer .contact ul li {
	width: 100%
}

footer .contact ul li a {
	color: #fff;
	background: url(../../assets/images/footer/location.png) no-repeat 0 50%;
	padding: 3px 10px 3px 20px;
	display: block;
	font-size: 13px;
	font-family: 'Gotham Book';
	font-weight: 400
}

footer .contact .small-title {
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 0;
	display: block;
	color: #fff;
	font-family: Gotham;
	text-transform: uppercase;
	margin-top: 0
}

footer .subscribe {
	margin-top: 50px;
	display: flex;
	margin-bottom: 20px;
	flex-wrap: wrap
}

footer .subscribe .left {
	display: flex;
	flex-direction: column;
	width: 69%
}

footer .subscribe input {
	background: #000;
	border: .5px solid #fff;
	padding: 15px;
	max-width: 340px;
	height: 53px;
	margin-right: 12px;
	color: #fff;
	font-family: 'Gotham Book';
	font-weight: 400;
	margin-top: 0;
	font-size: 14px
}

footer .subscribe input::placeholder {
	color: grey;
	font-size: 14px;
	font-family: 'Gotham Book';
	font-weight: 400
}

footer .subscribe button {
	width: 125px;
	height: 53px;
	background: #1d5aec;
	color: #fff;
	border: 1px solid #1d5aec;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer
}

footer .subscribe button #footer-newsletter-loader {
	background: url(../../assets/images/common-section/loading-image.gif) no-repeat 50% 50%;
	width: 40px;
	height: 20px;
	background-size: cover!important;
	margin: 0 auto
}

footer .bottom p {
	color: grey;
	font-size: 14px;
	font-weight: 500;
	margin: 0
}

footer .bottom ul {
	margin: 0;
	padding: 0;
	display: flex;
	list-style-type: none;
	justify-content: flex-end
}

footer .bottom ul li a {
	font-size: 14px;
	font-weight: 500;
	color: grey;
	padding: 0 15px
}

footer .bottom ul li:last-child a {
	padding-right: 0
}

footer .contact .small-title.color-red {
	color: #ff5050
}

footer .contact .small-title.color-yellow {
	color: #ff5050
}

.mobile-menu {
	display: none
}

.mobile-menu button {
	background: 0 0;
	border: 0;
	cursor: pointer
}

.mobile-menu .modal {
	background: #fdfdfd
}

.mobile-menu button:focus {
	outline: 0
}

.mobile-menu .modal .modal-dialog {
	width: 100%;
	max-width: 100%;
	margin: 0
}

.mobile-menu .modal .modal-header {
	background: #1b1e66;
	color: #fff;
	border-radius: 0
}

.mobile-menu .modal .modal-header .modal-title {
	width: 150px
}

.mobile-menu .modal .modal-header button {
	color: #1b1e66;
	opacity: 1;
	background: #fff;
	border-radius: 45px;
	height: 35px!important;
	width: 35px!important;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	padding: 0
}

.mobile-menu .modal .modal-content {
	padding: 0;
	border: 0
}

.mobile-menu .modal .modal-header .modal-title img {
	max-width: 60%
}

.mobile-menu .modal .modal-body {
	background: #fdfdfd
}

.mobile-menu .search-form {
	display: flex;
	justify-content: space-between
}

.mobile-menu .search-form input {
	border: 0;
	border-bottom: 1px solid #1b1e66;
	padding: 0 5px;
	background: #fdfdfd;
	width: 100%;
	margin-right: 10px;
	border-radius: 0
}

.mobile-menu .search-form button {
	background: #1b1e66;
	padding: 16px 30px;
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	opacity: 1;
	display: block
}

.mobile-menu ul {
	display: block;
	margin-top: 0
}

.mobile-menu ul>li>a {
	color: #1b1e66;
	margin-right: 0;
	color: #000!important;
	padding: 5px 0
}

.mobile-menu ul li ul {
	margin-top: 0
}

.mobile-menu ul li ul li a {
	font-size: 15px
}

.animated {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both
}

.zoomInBounce {
	-webkit-animation-name: zoomInBounce, fadeIn;
	-moz-animation-name: zoomInBounce, fadeIn;
	-o-animation-name: zoomInBounce, fadeIn;
	animation-name: zoomInBounce, fadeIn;
	-webkit-animation-timing-function: cubic-bezier(.47, 2.82, .51, .52), linear;
	-moz-animation-timing-function: cubic-bezier(.47, 2.82, .51, .52), linear;
	-o-animation-timing-function: cubic-bezier(.47, 2.82, .51, .52), linear;
	animation-timing-function: cubic-bezier(.47, 2.82, .51, .52), linear;
	-webkit-animation-duration: .8s, .3s;
	-moz-animation-duration: .8s, .3s;
	-o-animation-duration: .8s, .3s;
	animation-duration: .8s, .3s
}

.zoomOutBounce {
	-webkit-animation-name: zoomOutBounce;
	-moz-animation-name: zoomOutBounce;
	-o-animation-name: zoomOutBounce;
	animation-name: zoomOutBounce
}

@-webkit-keyframes zoomInBounce {
	0% {
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@-moz-keyframes zoomInBounce {
	0% {
		-moz-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	100% {
		-moz-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@-o-keyframes zoomInBounce {
	0% {
		-o-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	100% {
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes zoomInBounce {
	0% {
		-webkit-transform: scale3d(.3, .3, .3);
		-moz-transform: scale3d(.3, .3, .3);
		-o-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		-moz-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@-webkit-keyframes zoomOutBounce {
	0% {
		opacity: 1;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}
	20% {
		opacity: 1;
		-webkit-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
	70% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	100% {
		opacity: 0
	}
}

@-moz-keyframes zoomOutBounce {
	0% {
		opacity: 1;
		-moz-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}
	20% {
		opacity: 1;
		-moz-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2);
		-moz-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
	70% {
		opacity: 0;
		-moz-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	100% {
		opacity: 0
	}
}

@-o-keyframes zoomOutBounce {
	0% {
		opacity: 1;
		-o-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}
	20% {
		opacity: 1;
		-o-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2);
		-o-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
	70% {
		opacity: 0;
		-o-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	100% {
		opacity: 0
	}
}

@keyframes zoomOutBounce {
	0% {
		opacity: 1;
		-webkit-animation-timing-function: ease-in-out;
		-moz-animation-timing-function: ease-in-out;
		-o-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}
	20% {
		opacity: 1;
		-webkit-transform: scale3d(1.2, 1.2, 1.2);
		-moz-transform: scale3d(1.2, 1.2, 1.2);
		-o-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2);
		-webkit-animation-timing-function: ease-in;
		-moz-animation-timing-function: ease-in;
		-o-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
	70% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		-moz-transform: scale3d(.3, .3, .3);
		-o-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	100% {
		opacity: 0
	}
}

.gray-banner {
	background: #deedff
}

.light-gray-banner {
	background: #efefef
}

.light-gray-banner-f2 {
	background: #f2f2f2
}

.red-banner {
	background: #ffe4d8
}

.black-banner {
	background: #14141c
}

.header-with-banner.black-banner .left .next-cta {
	color: #fff
}

.black-banner .navbar .menu-with-searchbar .navbar-nav li a,
.black-banner .navbar .navbar-brand h1,
.blue-banner .navbar .menu-with-searchbar .navbar-nav li a,
.blue-banner .navbar .navbar-brand h1 {
	color: #fff
}

.navbar .menu-with-searchbar .navbar-nav li>.dropdown>a:after,
.navbar .menu-with-searchbar .navbar-nav li>a:after {
	content: '';
	width: 0;
	position: absolute;
	bottom: 1px;
	left: 0;
	height: 2px;
	background-color: #1d5aec;
	transition: .2s width, .2s background-color
}

.navbar .menu-with-searchbar .navbar-nav li>.dropdown>a:hover:after,
.navbar .menu-with-searchbar .navbar-nav li>a:hover:after {
	width: 100%
}

.navbar .menu-with-searchbar .navbar-nav li>.dropdown>.active:after {
	width: 100%
}

.black-banner .navbar .menu-with-searchbar .navbar-nav li>.dropdown>a:after,
.black-banner .navbar .menu-with-searchbar .navbar-nav li>a:after,
.blue-banner .navbar .menu-with-searchbar .navbar-nav li>.dropdown>a:after,
.blue-banner .navbar .menu-with-searchbar .navbar-nav li>a:after {
	background-color: #fff
}

.black-banner .fixed-header .sticky-header .navbar .menu-with-searchbar .navbar-nav li a:after {
	background-color: #1d5aec
}

.ready-to-start .get-quote-btn.blue {
	background: #1b1e66!important;
	color: #fff!important
}

.web-development-service .banner-section .left {
	width: 47%
}

.web-development-service .banner-section .right {
	width: 52%;
	overflow: hidden
}

.web-development-service .description {
	max-width: 80%
}

.web-development-service-banner {
	position: relative;
	margin-top: 80px
}

.web-development-service-banner .bg {
	background-repeat: no-repeat!important;
	background-size: cover!important;
	background-position: 50% 50%!important
}

.web-development-service-banner .yellow {
	background: url(../../assets/images/web-development-services/yellow.svg);
	width: 180px;
	height: 180px;
	position: absolute;
	right: 140px;
	top: -65px
}

.web-development-service-banner .blue {
	background: url(../../assets/images/web-development-services/blue.svg);
	width: 150px;
	height: 150px;
	position: absolute;
	right: 0;
	bottom: 40px;
	background-position: initial!important
}

.web-development-service-banner .banner {
	margin-right: 60px;
	margin-left: 60px;
	background-repeat: no-repeat!important;
	background-size: cover!important;
	background-position: 50% 50%!important;
	width: 451px;
	height: 300px;
	position: relative
}

.web-development-service-banner .red {
	background: url(../../assets/images/web-development-services/red.svg);
	width: 130px;
	height: 130px;
	position: absolute;
	bottom: -50px;
	left: 20px
}

.web-development-service-banner.content-management-solution-banner {
	margin-bottom: 60px
}

.web-development-service-banner.content-management-solution-banner .banner {
	width: 430px;
	height: 320px;
	background-size: cover!important;
	background-position: 50% 17%!important
}

.web-development-service-banner.content-management-system-banner {
	margin-bottom: 60px
}

.header-with-banner .left .next-cta {
	display: inline-flex;
	align-items: center;
	color: #000;
	text-transform: uppercase;
	font-size: 14px;
	font-family: 'Gotham Book';
	font-weight: 500;
	margin-top: 30px!important;
	line-height: normal
}

.header-with-banner .left .next-cta span {
	transition: .3s all
}

.header-with-banner .left .next-cta span:hover {
	color: #1d5aec
}

.header-with-banner .left .next-cta img {
	margin: 0 10px
}

.header-with-banner .left .next-cta span {
	font-family: Gotham;
	font-weight: 500
}

.our-trusted-brand.web-development-service .slick-initialized .slick-slide {
	padding: 0 30px
}

.our-trusted-brand.web-development-service {
	padding: 50px 15px 100px
}

.digital-landscape {
	padding-bottom: 100px
}

.digital-landscape p.description {
	max-width: 685px;
	margin: 40px 0 50px;
	font-size: 18px;
	line-height: 37px;
	font-family: 'Gotham Book';
	font-weight: 500
}

.digital-landscape .box-wrapper {
	display: flex;
	justify-content: space-between
}

.digital-landscape .box-wrapper .left {
	padding: 60px 45px;
	background: #1b1e66;
	color: #fff;
	width: 47.5%;
	box-shadow: 0 1px 10px rgb(0 0 0 / 16%)
}

.digital-landscape .box-wrapper .right {
	padding: 65px;
	background: #1b1e66;
	color: #fff;
	width: 47.5%;
	box-shadow: 0 1px 10px rgb(0 0 0 / 16%)
}

.digital-landscape .box-wrapper .icon-wrapper {
	margin-bottom: 35px
}

.digital-landscape .box-wrapper .icon-wrapper img {
	height: 80px
}

.digital-landscape .box-wrapper h3 {
	text-transform: uppercase;
	font-size: 22px;
	line-height: 40px;
	font-family: 'Gotham Book';
	font-weight: 500;
	margin-bottom: 35px
}

.digital-landscape .box-wrapper h3 span {
	display: block;
	font-family: Gotham;
	font-weight: 700
}

.digital-landscape .box-wrapper p {
	font-size: 17px;
	line-height: 34px;
	font-weight: 500;
	font-family: 'Gotham Book';
	color: #fff
}

.digital-landscape.user-experience-compelling .box-wrapper .icon-wrapper {
	min-height: 100px
}

.digital-landscape.python-tools .box-wrapper h3 {
	min-height: 80px
}

.development-and-deployment {
	background: #f2f2f2;
	padding: 100px 0
}

.development-and-deployment .title-wrapper {
	margin-top: 60px;
	padding-right: 60px
}

.development-and-deployment .title-wrapper .wrapper {
	display: flex;
	margin-bottom: 30px;
	align-items: center
}

.development-and-deployment .title-wrapper .wrapper .left {
	width: 65px;
	margin-right: 10px
}

.development-and-deployment .title-wrapper h3 {
	font-family: Gotham;
	font-size: 22px;
	font-weight: 700;
	line-height: 32px;
	margin-bottom: 0
}

.development-and-deployment .title-wrapper p {
	font-size: 17px;
	line-height: 33px;
	font-family: 'Gotham Book';
	font-weight: 400;
	color: #000
}

.development-and-deployment.full-stack-development .title-wrapper .wrapper .left {
	margin-right: 15px;
	height: 52px
}

.development-and-deployment.microsoft-dynnamics-content
{
	padding: 100px 0 100px;
}
.development-and-deployment.microsoft-dynnamics-content .description{
	text-align: center;
	font-size: 18px;
	line-height: 37px;
	font-family: 'Gotham Book';
	margin: 40px auto 20px;
	max-width: 91%;
}

.development-and-deployment.microsoft-dynnamics-content .right{
	flex: 1;
}

.all-inclusive-web-security {
	padding: 100px 0
}

.all-inclusive-web-security p.description {
	font-family: 'Gotham Book';
	font-weight: 500;
	font-size: 18px;
	line-height: 37px;
	text-align: center;
	max-width: 89%;
	margin: 40px auto 50px
}

.all-inclusive-web-security .card {
	margin-bottom: 15px;
	border: 0;
	box-shadow: 0 1px 11px rgb(0 0 0 / 16%);
	border-radius: 20px
}

.all-inclusive-web-security .card.collapsed {
	border: 0;
	box-shadow: none
}

.all-inclusive-web-security .card .card-header {
	background: 0 0;
	border: 0;
	padding: 0
}

.all-inclusive-web-security .card .card-header .btn {
	font-family: Gotham;
	font-weight: 700;
	font-size: 24px;
	line-height: 25px;
	padding: 0;
	color: #000;
	background: #fff url(../../assets/images/web-development-services/down-arrow.png) no-repeat 90% 52%;
	border: 0;
	padding: 30px 50px 30px;
	border-radius: 20px;
	width: 100%;
	text-align: left;
	background-size: 15px auto!important
}

.all-inclusive-web-security .card .card-header .btn.collapsed {
	background: #f2f2f2 url(../../assets/images/web-development-services/right-arrow.png) no-repeat 91% 50%;
	box-shadow: none
}

.all-inclusive-web-security .card .card-header .btn:focus,
.all-inclusive-web-security .card .card-header .btn:hover {
	text-decoration: none
}

.all-inclusive-web-security .card .card-body {
	padding: 0 45px 45px
}

.all-inclusive-web-security .card .card-body ul {
	padding: 0;
	margin: 0
}

.all-inclusive-web-security .card .card-body ul li {
	font-family: 'Gotham Book';
	font-size: 18px;
	list-style-type: none;
	margin: 0 0 15px;
	background: url(../../assets/images/web-development-services/list.png) no-repeat 1px 8px;
	line-height: normal;
	background-size: 21px auto;
	padding: 7px 0 7px 33px
}

.all-inclusive-web-security .card .card-body ul li:last-child {
	margin-bottom: 0
}

.all-inclusive-web-security .card .card-body p {
	font-size: 18px;
	font-family: 'Gotham Book';
	font-weight: 400;
	line-height: 34px;
	margin: 0
}

.all-inclusive-web-security .text-center img {
	max-width: 85%
}

.list-of-technology {
	padding: 80px 0 60px;
	position: relative;
	overflow: hidden
}

.list-of-technology .small-container
{
	z-index: 1;
	position: relative;
}

.list-of-technology::before {
	display: block;
	content: '';
	background-color: #1d5aec;
	width: 45%;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: -1
}

.list-of-technology::after {
	display: block;
	content: '';
	background-color: #deedff;
	width: 55%;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1
}

.list-of-technology .wrapper {
	display: flex
}

.list-of-technology .wrapper .left {
	width: 44%;
	padding-right: 100px
}

.list-of-technology .wrapper .left p {
	font-size: 18px;
	line-height: 37px;
	font-family: 'Gotham Book';
	font-weight: 400;
	margin-top: 40px;
	color: #fff;
	margin-bottom: 0
}

.list-of-technology .wrapper .left a {
	font-family: Gotham;
	font-weight: 500;
	color: #fff;
	border: 1px solid #fff;
	padding: 15px 40px;
	display: inline-block;
	margin-top: 40px;
	line-height: 21px;
	font-size: 17px;
	text-transform: capitalize;
	transition: .3s all
}

.list-of-technology .wrapper .left a:hover {
	background: #fff!important;
	border: 1px solid #fff!important;
	color: #000
}

.list-of-technology .wrapper .right {
	width: 56%;
	padding-left: 80px
}

.list-of-technology .wrapper .right h3 {
	font-size: 22px;
	line-height: 31px;
	font-family: Gotham;
	font-weight: 700
}

.list-of-technology .wrapper .right ul {
	padding: 0;
	margin: 0 0 30px
}

.list-of-technology .wrapper .right ul li {
	font-size: 16px;
	font-family: 'Gotham Book';
	line-height: 34px;
	list-style-type: none;
	background: url(../../assets/images/web-development-services/blue-dot.png) no-repeat 0 13px;
	padding-left: 25px
}

.list-of-technology .pink-bg {
	max-width: 19%;
	position: absolute;
	bottom: -70px;
	left: -60px;
	z-index: -1
}

.list-of-technology .wrapper .right .col-md-6 ul:last-child {
	margin-bottom: 0
}

.list-of-technology .dot-bg {
	max-width: 12%;
	position: absolute;
	top: 20px;
	right: 10px;
	z-index: 1
}

.our-services.type-two .inner-wrapper {
	background: #fff;
	padding: 90px 0 90px;
	position: relative
}

.our-services.type-two .services .slick-list {
	padding: 0 13% 0 13%
}

.our-services.type-two .slick-track {
	padding: 15px 0
}

.our-services.type-two .services {
	width: 100%;
	margin-top: 50px
}

.our-services.type-two .wrapper {
	overflow: hidden
}

.logistics-plus {
	padding: 100px 0;
	background: #f4f4f4
}

.logistics-plus h2 {
	font-family: 'Gotham Book';
	font-weight: 500;
	font-size: 42px
}

.logistics-plus span {
	color: #1d5aec;
	text-transform: uppercase;
	font-size: 14px;
	font-family: 'Gotham Book'
}

.logistics-plus p {
	font-family: 'Gotham Book';
	font-size: 18px;
	line-height: 37px;
	margin-top: 20px;
	color: #000;
	margin-bottom: 0
}

.logistics-plus a {
	font-family: Gotham;
	font-weight: 500;
	font-size: 17px;
	line-height: 21px;
	background: #1b1e66;
	padding: 16px 40px;
	color: #fff;
	text-transform: capitalize;
	display: inline-block;
	margin-bottom: 25px;
	margin-top: 20px
}

.logistics-plus a span {
	color: #fff
}

.logistics-plus .wrapper .content-with-slider {
	position: relative
}

.logistics-plus .wrapper .content-with-slider .left-side {
	width: 47%
}

.logistics-plus .wrapper .content-with-slider .right-side {
	width: 50%;
	position: absolute;
	top: 20px;
	right: 0;
	bottom: 100px
}

.logistics-plus .wrapper .content-with-slider .right-side .slick-list {
	padding: 0 18% 0 0
}

.logistics-plus .wrapper .content-with-slider .right-side .slick-slide {
	margin-right: 30px
}

.orange-banner {
	background: #fff6c4
}

.mobile-development-service .banner-section .left {
	width: 47%
}

.mobile-development-service .banner-section .right {
	width: 45%;
}

.cloud-service .banner-section .left p,
.mobile-development-service .banner-section .left p {
	max-width: 80%
}

.mobile-development-service-banner {
	position: relative;
	padding-top: 15px
}

.mobile-development-service-banner .bg {
	background-repeat: no-repeat!important;
	background-size: cover!important;
	background-position: 50% 50%!important
}

.mobile-development-service-banner .yellow {
	background: url(../../assets/images/mobile-app-development-srevices/yellow.svg);
	width: 110px;
	height: 110px;
	position: absolute;
	right: 150px;
	top: 50%;
	margin-top: -86px;
	z-index: 1
}

.mobile-development-service-banner .dots {
	background: url(../../assets/images/mobile-app-development-srevices/dots.svg);
	width: 140px;
	height: 140px;
	position: absolute;
	left: -17px;
	top: -15px;
	background-position: initial!important
}

.mobile-development-service-banner .banner {
	padding-left: 60px;
	background-size: cover!important;
	width: 237px;
	height: 457px;
	position: relative
}

.mobile-development-service-banner .red {
	background: url(../../assets/images/mobile-app-development-srevices/red.svg);
	width: 110px;
	height: 110px;
	position: absolute;
	bottom: 110px;
	left: -60px
}

.domain-expertise {
	padding-bottom: 90px
}

.domain-expertise p.description {
	max-width: 685px;
	margin: 30px 0 30px;
	font-size: 18px;
	line-height: 38px;
	font-family: 'Gotham Book';
	font-weight: 500
}

.domain-expertise .box-wrapper {
	display: flex;
	justify-content: center;
	flex-wrap: wrap
}

.domain-expertise .box-wrapper.two {
	justify-content: space-evenly
}

.domain-expertise .box-wrapper .box {
	width: 138px;
	text-align: center;
	margin: 30px 35px 30px;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center
}

.domain-expertise .box-wrapper .box .inner {
	box-shadow: 0 13px 46px rgb(0 0 0 / 16%);
	width: 130px;
	height: 130px;
	display: flex;
	align-items: center;
	justify-content: center
}

.domain-expertise .box-wrapper .box span {
	margin-top: 28px;
	font-size: 18px;
	font-family: Gotham;
	font-weight: 500
}

.domain-expertise.sales-force .box-wrapper .box span{
	min-height: 54px;
}
.salesforce-banner-start{
	padding-top: 50px;
}
.sales-force .box-wrapper .box .inner{
	background-color: #fff;
}
.sales-force .box-wrapper .box .inner img{
	max-width: 80px;
}
.sales-force .box-wrapper .box .inner .einstein{
	width: 90px;
    height: 90px;
    object-fit: contain;
}
.needs {
	padding: 100px 0 100px;
	background: #f2f2f2
}

.needs .wrapper {
	margin-top: 70px
}

.needs .wrapper h3 {
	font-family: 'Gotham Book';
	font-size: 60px;
	margin-bottom: 25px
}

.needs .wrapper h3.red {
	color: #ff5050;
	display: inline-block;
	border-bottom: 1px solid #ff5050
}

.needs .wrapper h3.blue {
	color: #009aff;
	border-bottom: 1px solid #009aff;
	display: inline-block
}

.needs .wrapper h3.yellow {
	color: #ffc732;
	border-bottom: 1px solid #ffc732;
	display: inline-block
}

.needs .wrapper h4 {
	font-size: 22px;
	font-family: Gotham;
	font-weight: 700;
	margin-bottom: 20px
}

.needs .wrapper p {
	font-family: 'Gotham Book';
	font-size: 18px;
	line-height: 34px
}

.transform-idea {
	padding: 70px 0 140px
}

.transform-idea p.description {
	font-family: 'Gotham Book';
	font-weight: 500;
	font-size: 18px;
	line-height: 38px;
	text-align: center;
	max-width: 89%;
	margin: 40px auto
}

.transform-idea img {
	margin: 25px 0;
	max-width: 46%
}

.transform-idea .box-wrapper {
	display: flex;
	justify-content: space-between;
	margin-top: 50px
}

.transform-idea .box-wrapper .left {
	width: 48%;
	box-shadow: 0 3px 20px rgb(0 0 0 / 16%);
	border-radius: 20px;
	padding: 50px 60px
}

.transform-idea .box-wrapper .right {
	width: 48%;
	box-shadow: 0 3px 20px rgb(0 0 0 / 16%);
	border-radius: 20px;
	padding: 50px 60px
}

.transform-idea .box-wrapper h3 {
	font-size: 24px;
	font-family: Gotham;
	font-weight: 700;
	margin-bottom: 25px
}

.transform-idea .box-wrapper p {
	font-family: 'Gotham Book';
	font-weight: 400;
	font-size: 18px;
	line-height: 38px;
	margin: 0
}

.list-of-technology.type-two .pink-bg {
	top: 30px;
	left: -170px;
	z-index: 1
}

.list-of-technology.type-two .box-wrapper {
	margin-top: 130px
}

.list-of-technology.type-two .box-wrapper .box {
	width: 220px;
	height: 220px;
	background: #fff;
	border-radius: 20px;
	margin: 0 0 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 3px 30px rgb(0 0 0 / 16%)
}

.list-of-technology.type-two .box-wrapper .box img {
	max-width: 50%
}

.list-of-technology.type-two .wrapper .right {
	padding-left: 50px
}

.cloud-service .left {
	width: 47%
}

.cloud-service .right {
	width: 44%
}

.cloud-service-banner {
	position: relative;
	z-index: 1;
	padding-top: 100px
}

.cloud-service-banner .sky {
	background: url(../../assets/images/cloud-services/sky.png);
	width: 457px;
	height: 237px;
	position: absolute;
	top: -20px;
	left: 50%;
	background-size: auto 237px;
	background-repeat: no-repeat;
	margin-left: -320px;
	z-index: 1
}

.cloud-service-banner .aws {
	background: url(../../assets/images/cloud-services/aws.png);
	width: 140px;
	height: 140px;
	position: absolute;
	top: 0;
	right: 20px;
	background-size: auto 130px;
	background-repeat: no-repeat;
	z-index: 1;
	background-position: 0 20px
}

.cloud-service-banner .yellow {
	background: url(../../assets/images/cloud-services/yellow.svg);
	width: 80px;
	height: 80px;
	position: absolute;
	left: 0;
	bottom: 50px;
	background-size: cover;
	z-index: 1
}

.cloud-service-banner .red {
	background: url(../../assets/images/cloud-services/red.svg);
	width: 73px;
	height: 127px;
	position: absolute;
	top: 209px;
	right: 202px;
	background-repeat: no-repeat;
	z-index: -1;
	background-size: cover
}

.cloud-service-banner .dots {
	background: url(../../assets/images/cloud-services/dots.svg);
	width: 90px;
	height: 100px;
	position: absolute;
	left: 0;
	top: 180px;
	z-index: -1;
	background-position: initial!important;
	background-size: auto 110px
}

.cloud-service-banner .banner {
	text-align: center;
	background-size: cover!important;
	width: 180px;
	height: 370px;
	margin-left: 50px
}

.architecting {
	padding-bottom: 70px
}

.architecting h2 {
	text-align: center
}

.architecting p.description {
	text-align: center;
	font-size: 18px;
	line-height: 37px;
	font-family: 'Gotham Book';
	margin: 40px auto 0;
	max-width: 91%
}

.our-offerings-top {
	overflow: hidden
}

.our-offerings {
	background: #f2f2f2;
	padding: 70px 0 100px;
	text-align: center;
	position: relative;
	overflow: hidden
}

.our-offerings.white-bg
{
	background: #fff;
}

.our-offerings .blue-bg {
	max-width: 20%;
	position: absolute;
	right: -90px;
	top: -70px
}

.our-offerings p.description {
	font-family: 'Gotham Book';
	font-size: 18px;
	line-height: 37px;
	margin: 50px auto 0;
	max-width: 94%
}

.our-offerings .box-wrapper {
	display: flex;
	justify-content: center;
	margin-top: 70px;
	align-items: flex-start;
}

.our-offerings .box-wrapper .box {
	width: 33.33%;
	padding: 15px 20px
}

.our-offerings .box-wrapper .box h3 {
	font-size: 22px;
	font-weight: 700;
	line-height: 28px;
	font-family: Gotham;
	margin: 20px 0
}

.our-offerings .box-wrapper .box p {
	font-size: 16px;
	line-height: 28px;
	font-family: 'Gotham Book';
	margin-bottom: 0
}

.our-offerings .box-wrapper.two {
	justify-content: center;
	margin-top: 30px
}

.our-offerings .box-wrapper.two .box {
	width: 34%
}

.our-offerings .box-wrapper .image-wrapper {
	min-height: 55px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	height: 55px;
}
.business-benefits {
	padding: 100px 0 0
}

.business-benefits .left {
	margin-top: 90px
}

.business-benefits .left img {
	max-width: 70%
}

.business-benefits .right {
	margin-top: 90px
}

.business-benefits .right ul {
	padding: 0;
	margin: 0;
	list-style-type: none
}

.business-benefits .right ul li {
	font-family: 'Gotham Book';
	font-size: 18px;
	line-height: 40px;
	margin: 30px 0;
	background: url(../../assets/images/cloud-services/list.png) no-repeat 0 12px;
	padding-left: 32px;
	background-size: 19px auto
}

.having-a-project.cloud-services {
	padding-top: 0
}

.testing-services .left {
	width: 50%
}

.testing-services .right {
	width: 50%
}

.testing-service-banner {
	margin-top: 60px;
	position: relative
}

.testing-service-banner .yellow {
	background: url(../../assets/images/testing-services/yellow.svg);
	width: 100px;
	height: 100px;
	position: absolute;
	left: 110px;
	bottom: -60px;
	background-size: cover;
	z-index: 1
}

.testing-service-banner .blue {
	background: url(../../assets/images/testing-services/blue.svg);
	width: 113px;
	height: 113px;
	position: absolute;
	top: -50px;
	right: 0;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1
}

.testing-service-banner .dots {
	background: url(../../assets/images/testing-services/dots.svg);
	width: 133px;
	height: 133px;
	position: absolute;
	top: -48px;
	left: 40px;
	background-repeat: no-repeat;
	background-size: cover
}

.testing-service-banner .search {
	background: url(../../assets/images/testing-services/lens.png);
	width: 357px;
	height: 352px;
	position: absolute;
	bottom: -120px;
	right: 4px;
	background-repeat: no-repeat;
	background-size: auto 332px
}

.testing-service-banner .banner {
	width: 600px;
	height: 350px;
	background-size: cover!important;
	background-repeat: no-repeat!important;
	position: relative
}

.testing-service .left {
	width: 42%
}

.testing-service .right {
	width: 56%
}

.servicing-projects {
	padding-bottom: 100px
}

.servicing-projects p.description {
	text-align: center;
	font-size: 18px;
	line-height: 38px;
	font-family: 'Gotham Book';
	margin: 40px auto 0;
	max-width: 83%
}

.servicing-projects .box-wrapper {
	margin-top: 70px
}

.servicing-projects .box-wrapper .inner {
	display: flex;
	justify-content: space-between
}

.servicing-projects .box-wrapper .inner .wrapper {
	width: 33.33%;
	padding: 35px 25px;
	border: 1px solid #707070;
	margin: 10px
}

.servicing-projects .box-wrapper .box .image-wrapper.height {
	height: 85px
}

.servicing-projects .box-wrapper .box .title-wrapper.height {
	height: 120px;
	display: flex;
	align-items: center
}

.servicing-projects .box-wrapper .box h3 {
	font-family: 'Gotham Book';
	font-size: 24px;
	line-height: 37px;
	margin-bottom: 15px
}

.servicing-projects .box-wrapper .box h3 span {
	font-family: Gotham;
	font-size: 24px;
	display: block
}

.servicing-projects .box-wrapper .box p {
	font-size: 18px;
	font-family: 'Gotham Book';
	line-height: 33px;
	margin-bottom: 0
}

.servicing-projects .box-wrapper .box img {
	margin-bottom: 30px
}

.covering-all-dimensions {
	background: #1b1e66;
	padding: 100px 0
}

.covering-all-dimensions .box-wrapper {
	margin-top: 90px;
	display: flex;
	justify-content: space-between;
	overflow: hidden
}

.covering-all-dimensions .box-wrapper .box {
	width: 370px;
	height: 370px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}

.covering-all-dimensions .box-wrapper .box.blue {
	background: #1d5aec
}

.covering-all-dimensions .box-wrapper .box.red {
	background: #ff5050
}

.covering-all-dimensions .box-wrapper .box.yellow {
	background: #ffc732
}

.covering-all-dimensions .box-wrapper .box h3 {
	font-size: 24px;
	line-height: 41px;
	color: #fff;
	text-transform: uppercase;
	font-family: Gotham;
	font-weight: 700;
	margin-top: 25px
}

.ready-to-start {
	padding: 100px 0 0
}

.ready-to-start p.description {
	text-align: center;
	font-size: 18px;
	line-height: 38px;
	font-family: 'Gotham Book';
	margin: 40px auto 0;
	max-width: 70%
}

.ready-to-start a {
	margin-top: 50px
}

.independent-qa-testing {
	padding: 100px 0 0
}

.independent-qa-testing p.description {
	font-family: 'Gotham Book';
	font-weight: 500;
	font-size: 18px;
	line-height: 38px;
	text-align: center;
	max-width: 89%;
	margin: 40px auto
}

.independent-qa-testing .card {
	margin-bottom: 15px;
	border: 0;
	box-shadow: 0 1px 11px rgb(0 0 0 / 16%);
	border-radius: 20px
}

.independent-qa-testing .card.collapsed {
	border: 0;
	box-shadow: none
}

.independent-qa-testing .card .card-header {
	background: 0 0;
	border: 0;
	padding: 0
}

.independent-qa-testing .card .card-header .btn {
	font-family: Gotham;
	font-weight: 700;
	font-size: 24px;
	line-height: 25px;
	padding: 0;
	color: #000;
	background: #fff url(../../assets/images/web-development-services/down-arrow.png) no-repeat 91% 50%;
	border: 0;
	padding: 30px 50px 30px;
	border-radius: 20px;
	width: 100%;
	text-align: left;
	background-size: 15px auto!important
}

.independent-qa-testing .card .card-header .btn.collapsed {
	background: #f2f2f2 url(../../assets/images/web-development-services/right-arrow.png) no-repeat 91% 50%;
	box-shadow: none
}

.independent-qa-testing .card .card-header .btn:focus,
.independent-qa-testing .card .card-header .btn:hover {
	text-decoration: none
}

.independent-qa-testing .card .card-body {
	padding: 0 45px 45px
}

.independent-qa-testing .card .card-body ul {
	padding: 0;
	margin: 0
}

.independent-qa-testing .card .card-body ul li {
	font-family: 'Gotham Book';
	font-size: 18px;
	list-style-type: none;
	margin: 0 0 15px;
	background: url(../../assets/images/web-development-services/list.png) no-repeat 0 8px;
	padding-left: 40px;
	line-height: normal;
	background-size: 19px auto;
	padding: 7px 0 7px 30px
}

.independent-qa-testing .card .card-body p {
	font-size: 18px;
	font-family: 'Gotham Book';
	font-weight: 400;
	line-height: 34px;
	margin: 0
}

.independent-qa-testing .text-center img {
	max-width: 89%
}

.small-container {
	padding: 0 15px
}

.our-services.type-two .view-all-services-wrapper .services ul li {
	width: 26%;
	margin: 0 30px 60px
}

.our-services.type-two .view-all-services-wrapper .services ul {
	padding: 10px 0
}

.Logistics-plus-slider-two .slick-arrow {
	display: none!important
}

.logistics-plus .slick-arrow {
	position: absolute;
	left: 0;
	bottom: 0
}

.logistics-plus .slick-prev.slick-arrow {
	background: #fff;
	border-radius: 78px;
	width: 68px;
	height: 68px;
	font-size: 0;
	border: 0;
	position: relative;
	cursor: pointer
}

.logistics-plus .slick-prev.slick-arrow::after {
	width: 0;
	height: 0;
	border-top: 13px solid transparent;
	border-right: 24px solid #969090;
	border-bottom: 13px solid transparent;
	position: relative;
	display: block;
	content: '';
	border-radius: 4px;
	left: 50%;
	margin-left: -13px
}

.logistics-plus .slick-prev.slick-arrow:focus {
	box-shadow: 0 2px 10px rgb(0 0 0 / 18%)
}

.logistics-plus .slick-prev.slick-arrow:focus::after {
	border-right: 24px solid #000
}

.logistics-plus .slick-next.slick-arrow {
	background: #fff;
	border-radius: 78px;
	width: 68px;
	height: 68px;
	font-size: 0;
	border: 0;
	position: relative;
	cursor: pointer;
	background-size: cover!important;
	left: 10px
}

.logistics-plus .slick-next.slick-arrow:after {
	width: 0;
	height: 0;
	border-top: 13px solid transparent;
	border-left: 24px solid #969090;
	border-bottom: 13px solid transparent;
	position: relative;
	display: block;
	content: '';
	border-radius: 4px;
	left: 50%;
	margin-left: -8px
}

.logistics-plus .slick-next.slick-arrow:focus {
	box-shadow: 0 2px 10px rgb(0 0 0 / 18%)
}

.logistics-plus .slick-next.slick-arrow:focus:after {
	border-left: 24px solid #000
}

.legacy-modernization .banner-section .left {
	width: 43%
}

.legacy-modernization .banner-section .right {
	width: 51%
}

.header-with-banner .left .form-wrapper input {
	padding: 13px 20px;
	border: 1px solid #c1c1c1;
	font-family: 'Gotham Book';
	font-size: 16px;
	border-radius: 0;
	background-clip: unset;
	box-shadow: unset;
	margin-top: 0
}

.header-with-banner .left .form-wrapper input::-webkit-input-placeholder,
.header-with-banner .left .form-wrapper input::placeholder {
	font-family: 'Gotham Book';
	font-size: 16px;
	font-weight: 400
}

.header-with-banner.black-banner .left .form-wrapper input {
	border: 1px solid #fff
}

.header-with-banner .left .form-wrapper .submit-btn {
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
	padding: 17.5px 20px;
	font-size: 15px;
	display: inline-block;
	line-height: 17px;
	background: #1b1e66!important;
	width: 100%;
	text-align: center;
	border-color: #1b1e66;
	transition: .3s all;
	cursor: pointer;
	border: 1px
}

.header-with-banner .left .form-wrapper .submit-btn #banner-loader {
	background: url(../../assets/images/common-section/loading-image.gif) no-repeat 50% 50%;
	width: 40px;
	height: 20px;
	background-size: cover!important;
	margin: 0 auto
}

.header-with-banner .left .form-wrapper .submit-btn:hover {
	background: #1d5aec!important;
	border-color: #1d5aec!important
}

.header-with-banner .left .form-wrapper {
	margin-top: 25px;
	max-width: 470px
}

.header-with-banner .left .form-wrapper input:focus {
	box-shadow: none
}

.header-with-banner .left .form-wrapper .remove-padding .first {
	padding-right: 4px
}

.header-with-banner .left .form-wrapper .remove-padding .second {
	padding-left: 4px
}

.legacy-modernization-service-banner {
	position: relative;
	padding-top: 50px
}

.legacy-modernization-service-banner .bg {
	background-repeat: no-repeat!important;
	background-size: cover!important;
	background-position: 50% 50%!important
}

.legacy-modernization-service-banner .yellow {
	background: url(../../assets/images/mobile-app-development-srevices/yellow.svg);
	width: 110px;
	height: 110px;
	position: absolute;
	right: 150px;
	top: 50%;
	margin-top: -55px;
	z-index: 1
}

.legacy-modernization-service-banner .dots {
	background: url(../../assets/images/mobile-app-development-srevices/dots.svg);
	width: 150px;
	height: 150px;
	position: absolute;
	left: auto;
	top: -15px;
	background-position: initial!important;
	right: 236px
}

.legacy-modernization-service-banner .banner {
	padding-top: 40px;
	background-size: cover!important;
	width: 300px;
	height: 420px;
	margin-left: 80px;
	position: relative
}

.legacy-modernization-service-banner .red {
	background: url(../../assets/images/mobile-app-development-srevices/red.svg);
	width: 110px;
	height: 110px;
	position: absolute;
	bottom: 40px;
	left: 0
}

.legacy-modernization-needs {
	padding-top: 0;
	padding-bottom: 100px
}

.legacy-modernization-needs .description {
	max-width: 870px;
	margin-top: 40px;
	margin-bottom: 0;
	font-family: 'Gotham Book';
	line-height: 37px;
	font-size: 18px
}

.legacy-modernization-needs .wrapper {
	margin-top: 80px
}

.legacy-modernization-our-trusted {
	background: #f2f2f2
}

.why-modernize {
	padding: 100px 0
}

.why-modernize .description {
	font-family: 'Gotham Book', sans-serif;
	font-size: 18px;
	line-height: 38px;
	color: #020000;
	max-width: 810px;
	margin: 40px auto 60px;
	text-align: center
}

.blue-box-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.blue-box-wrapper .box {
	width: 31%;
	background: #1b1e66;
	padding: 60px 30px;
	margin-bottom: 40px;
	text-align: center
}

.blue-box-wrapper .box .rounder {
	width: 119px;
	height: 119px;
	text-align: center;
	margin: 0 auto;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center
}

.blue-box-wrapper .box .rounder.blue {
	background: #1d5aec
}

.blue-box-wrapper .box .rounder.yellow {
	background: #ffc732
}

.blue-box-wrapper .box .rounder.red {
	background: #ff5050
}

.blue-box-wrapper .box h3 {
	font-size: 24px;
	font-family: Gotham;
	font-weight: 700;
	color: #fff;
	margin: 30px 0 20px;
	line-height: 35px
}

.all-inclusive-web-security.legacy-modernization .details {
	margin-top: 100px
}

.all-inclusive-web-security.legacy-modernization .card .card-body p {
	font-size: 18px;
	line-height: 34px
}

.custom-offerings {
	background: #1b1e66;
	padding: 80px 0 80px;
	max-width: 92%;
	margin: 0 auto
}

.custom-offerings .wrapper {
	max-width: 890px;
	margin: 70px auto 0;
	overflow: hidden
}

.custom-offerings .wrapper ul {
	margin: 0;
	padding: 0;
	list-style-type: none
}

.custom-offerings .wrapper ul li {
	color: #fff;
	font-family: Gotham;
	font-size: 18px;
	line-height: 38px;
	padding: 10px 10px 10px 40px;
	background: url(../../assets/images/legacy-modernization/tick.png) no-repeat 0 19px;
	display: block;
	margin-bottom: 10px
}

.custom-offerings .wrapper ul.two {
	padding-left: 70px
}

#get-quote-popup .modal-dialog,
#get-schedule-meeting-popup .modal-dialog {
	max-width: 820px
}

#get-quote-popup .modal-dialog {
	margin-top: -307px;
	margin-left: -410px;
	position: absolute;
	left: 50%;
	top: 50%
}

#get-schedule-meeting-popup .modal-dialog {
	margin-top: -305px;
	margin-left: -410px;
	position: absolute;
	left: 50%;
	top: 50%
}

#get-quote-popup .modal-dialog .modal-content,
#get-schedule-meeting-popup .modal-dialog .modal-content {
	padding-bottom: 80px;
	background: #eaeaea;
	padding: 0;
	background-size: auto 156px;
	border: 0
}

#get-quote-popup .modal-body,
#get-schedule-meeting-popup .modal-body {
	background: #fff;
	padding: 30px;
	position: relative
}

#get-quote-popup .modal-body .close,
#get-schedule-meeting-popup .modal-body .close {
	position: absolute;
	right: 17px;
	top: 10px;
	opacity: 1
}

#get-quote-popup .modal-body .close span,
#get-schedule-meeting-popup .modal-body .close span {
	font-size: 15px;
	font-family: 'Gotham Book'
}

#get-quote-popup .modal-body .wrapper,
#get-schedule-meeting-popup .modal-body .wrapper {
	display: flex;
	justify-content: space-between
}

#get-quote-popup .modal-body .wrapper .left,
#get-schedule-meeting-popup .modal-body .wrapper .left {
	width: 55%;
	padding: 20px;
	background: url(../../assets/images/common-section/get-quote-image.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	position: relative
}

#get-quote-popup .modal-body .wrapper .left h2,
#get-schedule-meeting-popup .modal-body .wrapper .left h2 {
	font-size: 40px;
	line-height: 53px
}

#get-quote-popup .modal-body .wrapper .left h2.hire-developer-popup {
	font-size: 32px;
	line-height: 54px
}

#get-quote-popup .modal-body .wrapper .right,
#get-schedule-meeting-popup .modal-body .wrapper .right {
	width: 60%;
	padding: 40px 20px 10px 50px
}

#get-quote-popup .modal-body .form-group,
#get-schedule-meeting-popup .modal-body .form-group {
	margin-bottom: 22px
}

#get-quote-popup .modal-body .form-group .custom-file-label::after,
#get-quote-popup .modal-body .form-group .form-control,
#get-schedule-meeting-popup .modal-body .form-group .form-control {
	padding: 14px 15px;
	border: 1px solid #cacaca;
	font-family: 'Gotham Book';
	font-size: 15px;
	border-radius: 0
}

#get-quote-popup .modal-body .form-group .custom-file-label {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 98px
}

#get-quote-popup .modal-body .form-group .custom-file-label,
#get-quote-popup .modal-body .form-group .custom-file-label::after {
	height: auto;
	min-height: 52px
}

#get-quote-popup .modal-body .form-group .custom-file-input {
	padding: 11px 20px
}

#get-quote-popup .modal-body .form-group .custom-file-label::after {
	border-top: 0;
	border-bottom: 0;
	border-right: 0
}

#get-quote-popup .modal-body .form-group input::placeholder,
#get-quote-popup .modal-body .form-group textarea::placeholder,
#get-schedule-meeting-popup .modal-body .form-group input::placeholder #get-schedule-meeting-popup .modal-body .form-group textarea::placeholder {
	font-family: 'Gotham Book';
	font-size: 15px;
	color: #000;
	font-size: 14px
}

#get-quote-popup .modal-body .form-group textarea,
#get-schedule-meeting-popup .modal-body .form-group textarea {
	height: 110px;
	resize: none
}

#get-quote-popup .modal-body .wrapper .image-wrapper .red-shape,
#get-schedule-meeting-popup .modal-body .wrapper .image-wrapper .red-shape {
	width: 65px;
	height: 65px;
	background: #ff5050;
	border-radius: 0 300px 0 0;
	transform: rotate(180deg);
	position: absolute;
	top: 50%;
	margin-top: -33px
}

#get-quote-popup .modal-body .wrapper .image-wrapper .blue-shape,
#get-schedule-meeting-popup .modal-body .wrapper .image-wrapper .blue-shape {
	width: 73px;
	height: 73px;
	background: #1d5aec;
	border-radius: 200px 200px 200px 0;
	transform: rotate(270deg);
	position: absolute;
	bottom: 10px;
	right: 10px
}

#get-quote-popup .send-btn,
#get-schedule-meeting-popup .send-btn {
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
	padding: 11px 16px;
	font-size: 14px;
	display: inline-block;
	line-height: 21px;
	background: #1b1e66!important;
	border: 1px solid #1b1e66;
	cursor: pointer
}

#get-quote-popup .send-btn #loader,
#get-schedule-meeting-popup .send-btn #schedule-meeting-loader {
	background: url(../../assets/images/common-section/loading-image.gif) no-repeat 50% 50%;
	width: 40px;
	height: 20px;
	background-size: cover!important;
	margin: 0 auto
}

#get-quote-popup .modal-body .form-group .input-group-prepend select,
#get-schedule-meeting-popup .modal-body .form-group .input-group-prepend select {
	width: 69px;
	height: 52px;
	text-align: center;
	padding: 0 10px
}

#get-quote-popup .modal-body .wpcf7-form-control-wrap,
#get-schedule-meeting-popup .modal-body .wpcf7-form-control-wrap {
	transform: scale(.7);
	transform-origin: 0 0
}

#get-quote-popup .modal-body .wrapper .right .intl-tel-input,
#get-schedule-meeting-popup .modal-body .wrapper .right .intl-tel-input {
	width: 100%
}

#get-quote-popup .modal-body .wrapper .right .selected-flag,
#get-schedule-meeting-popup .modal-body .wrapper .right .selected-flag {
	background: 0 0;
	border-right: 1px solid #ccc;
	height: 50px
}

#get-quote-popup .modal-body .wrapper .right #phone_with_country,
#get-schedule-meeting-popup .modal-body .wrapper .right #phone_with_country_v2 {
	padding-left: 90px;
	height: 52px
}

#get-quote-popup .modal-body .wrapper .right .intl-tel-input .country-list,
#get-schedule-meeting-popup .modal-body .wrapper .right .intl-tel-input .country-list {
	max-width: 329px;
	z-index: 3
}

#get-quote-popup .modal-body .recaptcha-wrapper,
#get-schedule-meeting-popup .modal-body .recaptcha-wrapper {
	position: relative
}

#get-quote-popup .modal-body .recaptcha-wrapper .error,
#get-schedule-meeting-popup .recaptcha-wrapper .error {
	position: absolute;
	bottom: 6px
}

#get-schedule-meeting-popup #datetimepicker {
	background: #fff
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
	background: #1d5aec!important;
	box-shadow: #1d5aec 0 1px 3px 0 inset!important
}

body .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
	background: #1d5aec!important
}

.integration-service-banner {
	position: relative;
	padding-bottom: 60px
}

.integration-service-banner .yellow {
	background: url(../../assets/images/integration-services/yellow.svg);
	width: 90px;
	height: 90px;
	position: absolute;
	left: -37px;
	bottom: 160px;
	background-size: cover;
	z-index: 1
}

.integration-service-banner .blue {
	background: url(../../assets/images/integration-services/red.svg);
	width: 139px;
	height: 67px;
	position: absolute;
	top: 61px;
	right: 70px;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1
}

.integration-service-banner .dots {
	background: url(../../assets/images/integration-services/blue-dots.svg);
	width: 140px;
	height: 102px;
	position: absolute;
	top: auto;
	right: 168px;
	background-repeat: no-repeat;
	background-size: cover;
	bottom: 15px
}

.integration-service-banner .banner {
	background-size: cover!important;
	width: 300px;
	height: 430px;
	background-position: 50% 50%!important;
	margin-left: 20px;
	position: relative
}

.integration-service-banner .left {
	width: 45%
}

.integration-service-banner .right {
	width: 55%
}

.integration-service .form-wrapper {
	margin-top: 50px;
	max-width: 560px
}

.integration-service .banner-section .left {
	width: 46%
}

.integration-service .banner-section .right {
	width: 42%
}

.development-and-deployment.integration-benefits {
	position: relative;
	overflow: hidden
}

.development-and-deployment.integration-benefits .title-wrapper .wrapper {
	display: block
}

.development-and-deployment.integration-benefits .title-wrapper img {
	margin-bottom: 10px
}

.development-and-deployment.integration-benefits .title-wrapper {
	padding-right: 0
}

.development-and-deployment.integration-benefits .title-wrapper .wrapper .left {
	height: 60px;
	width: auto
}

.integration-benefits .person {
	position: absolute;
	right: -190px;
	max-width: 50%;
	bottom: 80px
}

.integration-benefits .big-yellow {
	position: absolute;
	max-width: 24%;
	top: -80px;
	right: -70px
}

.integration-benefits .inner-wrapper {
	width: 68%
}

.servicing-projects.integration-approach {
	padding-top: 100px;
	padding-bottom: 0
}

.servicing-projects.integration-approach .box-wrapper .inner .wrapper {
	padding: 60px 25px 40px
}

.servicing-projects.integration-approach .box-wrapper .box p {
	margin-bottom: 0
}

.servicing-projects.integration-approach .box-wrapper .box h3 span {
	text-transform: uppercase
}

.independent-qa-testing .integration-services {
	margin-top: 40px
}

.domain-expertise.integration-extensive {
	padding-top: 100px;
	padding-bottom: 0
}

.domain-expertise.integration-extensive p.description {
	max-width: 90%;
	margin: 40px auto 40px;
	text-align: center
}

.domain-expertise.integration-extensive .box-main {
	width: 25%
}

.domain-expertise.integration-extensive .box-main .box {
	width: auto;
	margin: 30px 25px 30px
}

.user-experience-banner {
	position: relative;
	margin-top: 0;
	padding-bottom: 55px
}

.user-experience-banner .bg {
	background-repeat: no-repeat!important;
	background-size: cover!important;
	background-position: 50% 50%!important
}

.user-experience-banner .yellow {
	background: url(../../assets/images/user-experience/yellow.svg);
	width: 180px;
	height: 180px;
	position: absolute;
	left: -90px;
	bottom: 110px
}

.user-experience-banner .blue {
	background: url(../../assets/images/user-experience/blue-dot.svg);
	width: 150px;
	height: 150px;
	position: absolute;
	right: 50px;
	top: 60px;
	background-position: initial!important
}

.user-experience-banner .banner {
	padding-bottom: 60px;
	background-size: cover!important;
	width: 330px;
	height: 410px;
	position: relative
}

.user-experience-banner .red {
	background: url(../../assets/images/user-experience/red.svg);
	width: 126px;
	height: 126px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -110px;
	background-size: cover!important
}

.user-experience .banner-section .left {
	width: 50%
}

.user-experience .banner-section .right {
	width: 42%
}

.user-experience .description {
	max-width: 90%
}

.digital-landscape.user-experience-compelling .description {
	max-width: 775px
}

.why-ui-ux {
	padding: 80px 0 40px;
	background: #f2f2f2
}

.why-ui-ux .inner-wrapper {
	margin-top: 60px
}

.why-ui-ux .inner-wrapper .wrapper {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.why-ui-ux .inner-wrapper .wrapper .box {
	width: 47%;
	box-shadow: 0 4px 36px rgb(0 0 0 / 16%);
	padding: 70px 50px;
	border-radius: 37px;
	display: flex;
	margin-bottom: 60px;
	align-items: center;
	background: #fff
}

.why-ui-ux .inner-wrapper .wrapper h3 {
	margin: 0 0 0 30px;
	font-size: 22px;
	line-height: 37px;
	font-family: Gotham;
	font-weight: 700
}

.leverage-efficiency {
	padding-top: 100px;
	padding-bottom: 0
}

.leverage-efficiency .wrapper {
	margin-top: 60px
}

.leverage-efficiency .description {
	font-family: 'Gotham Book';
	font-size: 18px;
	line-height: 37px;
	max-width: 702px;
	margin: 30px 0
}

.leverage-efficiency h3 {
	font-family: 'Gotham Book';
	font-size: 55px;
	font-weight: 400;
	display: inline-block
}

.leverage-efficiency h3 span {
	font-family: 'Gotham Book'
}

.leverage-efficiency h3.red {
	color: #ff5050;
	border-bottom: 1px solid
}

.leverage-efficiency h3.blue {
	color: #009aff;
	border-bottom: 1px solid
}

.leverage-efficiency h3.yellow {
	color: #ffc732;
	border-bottom: 1px solid
}

.leverage-efficiency h4 {
	font-family: Gotham;
	font-weight: 700;
	line-height: 28px;
	font-size: 18px;
	margin-top: 10px
}

.list-of-technology.user-experience-tech .second-list {
	margin-top: 50px
}

.list-of-technology.user-experience-tech .wrapper .left a {
	margin-top: 40px;
	margin-bottom: 90px
}

.it-staffing-service .banner-section .left {
	width: 43%
}

.it-staffing-service .banner-section .right {
	width: 40%
}

.it-staffing-service-banner {
	position: relative;
	padding-bottom: 80px
}

.it-staffing-service .blue {
	background: url(../../assets/images/it-staffing/blue.svg);
	width: 106px;
	height: 106px;
	position: absolute;
	top: 50px;
	right: 60px;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1
}

.it-staffing-service .yellow {
	background: url(../../assets/images/it-staffing/yellow.svg);
	width: 100px;
	height: 100px;
	position: absolute;
	left: -50px;
	bottom: 130px;
	background-size: cover;
	z-index: 1
}

.it-staffing-service .dots {
	background: url(../../assets/images/it-staffing/dots.svg);
	width: 144px;
	height: 149px;
	position: absolute;
	top: auto;
	right: 70px;
	background-repeat: no-repeat;
	background-size: cover;
	bottom: 31px
}

.it-staffing-service .banner {
	background-size: cover!important;
	width: 330px;
	height: 420px;
	background-position: 50% 50%!important;
	position: relative
}

.it-staffing-service-content {
	text-align: center;
	padding-bottom: 50px
}

.it-staffing-service-content .wrapper {
	margin: 50px auto 0;
	max-width: 1050px
}

.it-staffing-service-content p {
	font-family: Gotham Book;
	font-size: 18px;
	line-height: 37px;
	margin-bottom: 40px
}

.it-staffing-recruitment {
	text-align: center
}

.it-staffing-service-content.bg-gray
{
	background: #f2f2f2;
}

.it-staffing-service-content.pt-70
{
	padding-top: 70px;
}

.development-and-deployment.it-staffing-recruitment {
	position: relative;
	overflow: hidden
}

.development-and-deployment.it-staffing-recruitment .title-wrapper .wrapper {
	display: block
}

.development-and-deployment.it-staffing-recruitment .title-wrapper .wrapper .left {
	margin: 0 auto 20px;
	width: auto
}

.development-and-deployment.it-staffing-recruitment .title-wrapper .wrapper {
	margin-bottom: 15px
}

.development-and-deployment.it-staffing-recruitment .big-yellow {
	position: absolute;
	max-width: 24%;
	top: -40px;
	right: -70px
}

.development-and-deployment.it-staffing-recruitment .title-wrapper {
	padding-right: 0;
	padding: 0 30px
}

.development-and-deployment.it-staffing-recruitment .inner-wrapper {
	max-width: 1030px;
	margin: 0 auto
}

.advantage {
	padding: 100px 0 0;
	text-align: center
}

.advantage .description {
	font-family: 'Gotham Book';
	font-size: 18px;
	line-height: 37px;
	max-width: 1082px;
	margin: 40px auto
}

.advantage img {
	max-width: 76%
}

.advantage .list-wrapper {
	display: flex;
	max-width: 820px;
	margin: 60px auto 0;
	justify-content: space-between;
	flex-wrap: wrap
}

.advantage .list-wrapper ul {
	padding: 0;
	margin: 0
}

.advantage .list-wrapper ul li {
	font-family: Gotham;
	font-weight: 500;
	font-size: 18px;
	line-height: 32px;
	list-style-type: none;
	text-align: left;
	margin-bottom: 30px;
	background: url(../../assets/images/it-staffing/list.png) no-repeat 0 50%;
	padding-left: 36px
}

.benefits-it-staffing {
	padding-left: 70px;
	margin: 0
}

.benefits-it-staffing li {
	font-size: 18px;
	line-height: 38px;
	font-family: 'Gotham Book';
	font-weight: 400;
	padding: 15px 0 15px 35px;
	list-style-type: none;
	background: url(../../assets/images/it-staffing/list.png) no-repeat 0 25px;
	background-size: 19px auto
}

.tech-ruby-on-rails .left {
	width: 50%
}

.tech-ruby-on-rails .left .description {
	max-width: 80%
}

.tech-ruby-on-rails .right {
	width: 50%
}

.rubn-on-rails-banner {
	position: relative;
	width: 100%;
	height: 100%;
	display: block
}

.rubn-on-rails-banner .blue-wrapper {
	position: absolute;
	left: 34%;
	top: -70px
}

.rubn-on-rails-banner .blue-wrapper .inner {
	height: 151px;
	width: 110px;
	position: relative
}

.rubn-on-rails-banner .blue-wrapper .inner .blue-circle {
	position: absolute;
	bottom: 10px
}

.rubn-on-rails-banner .blue-wrapper .inner .gray-circle {
	position: absolute;
	right: 0;
	top: 50px
}

.rubn-on-rails-banner .blue-wrapper .inner .blue-square {
	width: 56px;
	height: 56px;
	border-radius: 8px;
	background: #1d5aec
}

.rubn-on-rails-banner .blue-wrapper .inner .gray-square {
	width: 38px;
	height: 38px;
	border-radius: 8px;
	background: #c9c9c9
}

.rubn-on-rails-banner .yellow-wrapper {
	position: absolute;
	right: 40px;
	bottom: 120px
}

.rubn-on-rails-banner .yellow-wrapper .inner {
	width: 150px;
	height: 140px;
	position: relative;
	top: 50%
}

.rubn-on-rails-banner .yellow-wrapper .inner .yellow-circle {
	position: absolute;
	right: 0
}

.rubn-on-rails-banner .yellow-wrapper .inner .gray-circle {
	position: absolute;
	bottom: 2px;
	left: 0
}

.rubn-on-rails-banner .yellow-wrapper .inner .yellow-square {
	width: 83px;
	height: 83px;
	background: #ffc732;
	border-radius: 12px;
	right: 0
}

.rubn-on-rails-banner .yellow-wrapper .inner .gray-square {
	width: 38px;
	height: 38px;
	border-radius: 8px;
	background: #c9c9c9;
	position: absolute;
	right: 80px;
	left: auto
}

.rubn-on-rails-banner .red-wrapper {
	position: absolute;
	bottom: -40px;
	left: 90px
}

.rubn-on-rails-banner .red-wrapper .inner {
	width: 130px;
	height: 150px;
	position: relative
}

.rubn-on-rails-banner .red-wrapper .inner .red-circle {
	top: 0;
	position: absolute
}

.rubn-on-rails-banner .red-wrapper .inner .gray-circle {
	position: absolute;
	bottom: 41px;
	right: 0
}

.rubn-on-rails-banner .red-wrapper .inner .red-square {
	width: 77px;
	height: 77px;
	background: #ff5050;
	border-radius: 15px
}

.rubn-on-rails-banner .red-wrapper .inner .gray-square {
	width: 38px;
	height: 38px;
	border-radius: 8px;
	background: #c9c9c9
}

.rubn-on-rails-banner .big-white-bg {
	width: 180px;
	height: 180px;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 25px;
	box-shadow: 1px 1px 16px rgb(0 0 0 / 12%)
}

.rubn-on-rails-banner .rails-wrapper {
	position: absolute;
	left: 50%;
	margin-left: -100px;
	top: 50%;
	margin-top: -100px
}

.rubn-on-rails-banner .white-bg {
	width: 108px;
	height: 108px;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 1px 1px 16px rgb(0 0 0 / 12%);
	border-radius: 22px;
	padding: 0 8px
}

.rubn-on-rails-banner .android-wrapper {
	position: absolute;
	right: 64px;
	top: -18px
}

.rubn-on-rails-banner .python-wrapper {
	top: 35%;
	position: absolute;
	left: 26px
}

.rubn-on-rails-banner .java-wrapper {
	position: absolute;
	right: 120px;
	bottom: -12px
}

.rubn-on-rails-banner .python-wrapper.java-wrapper.small-size img
{
	max-width: 100%;
}

.ruby-on-rails-content {
	text-align: center;
	padding-bottom: 150px
}

.ruby-on-rails-content .description {
	max-width: 490px;
	margin: 40px 0 10px
}

.ruby-on-rails-content .image-wrapper {
	background: #1b1e66;
	max-width: 625px;
	margin: 50px auto 100px;
	background-size: cover;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	padding: 50px;
	box-shadow: 0 1px 10px rgb(0 0 0 / 16%);
	min-height: 379.42px
}

.ruby-on-rails-content .image-wrapper h3 {
	margin-top: 20px;
	color: #fff
}

.ruby-on-rails-content .image-wrapper p {
	font-size: 18px;
	line-height: 30px;
	font-family: 'Gotham Book';
	max-width: 450px;
	margin: 15px auto;
	color: #fff
}

.ruby-on-rails-content .inner-wrapper {
	display: flex;
	justify-content: space-between
}

.ruby-on-rails-content .inner-wrapper .left {
	width: 50%;
	text-align: left
}

.ruby-on-rails-content .inner-wrapper .left .text-wrapper {
	position: sticky;
	top: 160px
}

.ruby-on-rails-content .inner-wrapper .right {
	width: 50%
}

.ruby-on-rails-content.dot-net-content .image-wrapper {
	min-height: 420px;
	padding: 40px
}

.taff-partnership {
	text-align: center;
	padding: 80px 0;
	background: #ffe4d8
}

.taff-partnership .image-wrapper img {
	max-width: 70%;
	margin: 50px 0
}

.taff-partnership .list-wrapper {
	display: flex;
	justify-content: space-between;
	max-width: 850px;
	margin: 0 auto;
	overflow: hidden
}

.taff-partnership .list-wrapper ul {
	padding: 0;
	margin: 0;
	list-style-type: none
}

.taff-partnership .list-wrapper ul li {
	text-align: left;
	padding: 15px 0 15px 40px;
	font-family: 'Gotham Book';
	font-size: 18px;
	background: url(../../assets/images/technology/ruby-on-rails/tick.png) no-repeat 0 20px;
	color: #000
}

.list-of-technology.ruby-on-rails-tech::before {
	background-color: #1b1e66
}

.list-of-technology.ruby-on-rails-tech::after {
	background-color: #fff6c4
}

.list-of-technology.ruby-on-rails-tech .yellow-bg {
	max-width: 19%;
	position: absolute;
	bottom: -70px;
	left: -60px
}

.list-of-technology.php-tech::before {
	background-color: #1b1e66
}

.list-of-technology.php-tech::after {
	background-color: #deedff
}

.list-of-technology.tech-light-red::before {
	background-color: #1b1e66
}

.list-of-technology.tech-light-red::after {
	background-color: #ffe4d8
}

.list-of-technology.tech-light-red .yellow-bg {
	max-width: 19%;
	position: absolute;
	bottom: -70px;
	left: -60px
}

.list-of-technology.php-tech .yellow-bg {
	max-width: 19%;
	position: absolute;
	bottom: -70px;
	left: -60px
}

.tech-php .left {
	width: 50%
}

.tech-php .right {
	width: 50%
}

.tech-php .left .description {
	max-width: 75%
}

.tech-php .banner-section .inner-wrapper {
	padding-bottom: 50px
}

.php-banner {
	position: relative;
	width: 100%;
	height: 100%;
	display: block
}

.php-banner .blue-wrapper {
	position: absolute;
	right: 110px;
	top: 60px
}

.php-banner .blue-wrapper .inner {
	height: 67px;
	width: 60px;
	position: relative
}

.php-banner .blue-wrapper .inner .blue-circle {
	position: absolute;
	bottom: 0
}

.php-banner .blue-wrapper .inner .gray-circle {
	position: absolute;
	right: 0;
	top: 10px
}

.php-banner .blue-wrapper .inner .blue-square {
	width: 56px;
	height: 56px;
	border-radius: 15px;
	background: #1d5aec
}

.php-banner .yellow-wrapper {
	position: absolute;
	left: 170px;
	top: -100px;
	bottom: auto
}

.php-banner .yellow-wrapper .inner {
	width: 91px;
	height: 95px;
	position: relative;
	top: 50%;
	margin-top: 101px
}

.php-banner .yellow-wrapper .inner .yellow-circle {
	position: absolute;
	left: 0;
	top: 4px
}

.php-banner .yellow-wrapper .inner .gray-circle {
	position: absolute;
	bottom: -8px;
	right: -10px
}

.php-banner .yellow-wrapper .inner .yellow-square {
	width: 53px;
	height: 53px;
	background: #ffc732;
	border-radius: 9px
}

.php-banner .yellow-wrapper .inner .gray-square {
	width: 38px;
	height: 38px;
	background: #c9c9c9;
	border-radius: 8px
}

.php-banner .red-wrapper {
	position: absolute;
	bottom: 43%;
	left: 70px
}

.php-banner .red-wrapper .inner {
	width: 80px;
	height: 90px;
	position: relative
}

.php-banner .red-wrapper .inner .red-circle {
	top: 0;
	position: absolute
}

.php-banner .red-wrapper .inner .red-circle {
	width: 77px;
	height: 77px;
	background: #ff5050;
	border-radius: 8px
}

.php-banner .red-wrapper .inner .gray-circle {
	position: absolute;
	bottom: 50px;
	right: 0
}

.php-banner .big-white-bg {
	width: 180px;
	height: 180px;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 17px;
	box-shadow: 1px 1px 16px rgb(0 0 0 / 12%)
}

.php-banner .big-white-bg.no-bg{
	background: transparent;
	box-shadow: unset;
}

.php-banner .rails-wrapper {
	position: absolute;
	left: 50%;
	margin-left: -90px;
	top: 50%;
	margin-top: -67px
}

.php-banner .white-bg {
	width: 98px;
	height: 98px;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 1px 1px 16px rgb(0 0 0 / 12%);
	border-radius: 16px
}

.php-banner .android-wrapper {
	position: absolute;
	bottom: -50px;
	right: 30px;
	width: 325px;
	height: 85px
}

.php-banner .android-wrapper .gray-circle-one {
	position: absolute;
	top: -84px;
	right: 83px
}

.php-banner .android-wrapper .gray-circle-two {
	position: absolute;
	left: 50px;
	top: -20px
}

.php-banner .android-wrapper .gray-square {
	width: 38px;
	height: 38px;
	background: #c9c9c9;
	border-radius: 7px
}

.php-banner .android-wrapper .white-bg {
	position: absolute;
	bottom: 2px;
	right: 90px
}

.php-banner .python-wrapper {
	top: 37%;
	position: absolute;
	right: 60px
}

.php-banner .java-wrapper {
	position: absolute;
	left: 60px;
	bottom: 0
}

.error {
	color: #e61b1b;
	font-size: 13px;
	margin: 3px 0 0;
	line-height: normal;
	font-family: 'Gotham Book'
}

.benefits {
	padding-bottom: 50px
}

.benefits .description {
	margin: 40px auto 50px
}

.benefits .wrapper {
	display: flex;
	align-items: center;
	margin-bottom: 50px
}

.benefits .wrapper .left {
	width: 85px;
	margin-right: 10px
}

.benefits .wrapper .left .circle {
	width: 85px;
	height: 85px;
	border-radius: 85px;
	display: flex;
	align-items: center;
	justify-content: center
}

.benefits .wrapper .left .circle.red {
	background: #ff5050
}

.benefits .wrapper .left .circle.yellow {
	background: #ffc732
}

.benefits .wrapper .left .circle.blue {
	background: #1d5aec
}

.benefits .wrapper .right h3 {
	font-size: 18px;
	line-height: 26px;
	font-weight: 700
}

.php-development-serives {
	background: #fff6c4;
	padding: 80px 0 100px;
	max-width: 92%;
	margin: 0 auto 100px
}

.php-development-serives .wrapper {
	max-width: 777px;
	margin: 50px auto 0;
	overflow: hidden
}

.php-development-serives .wrapper ul {
	margin: 0;
	padding: 0;
	list-style-type: none
}

.php-development-serives .wrapper ul li {
	color: #000;
	font-family: Gotham;
	font-size: 18px;
	line-height: 38px;
	padding: 7px 10px 7px 33px;
	background: url(../../assets/images/legacy-modernization/tick.png) no-repeat 0 16px;
	display: block;
	margin-bottom: 0
}

.php-development-serives .wrapper ul.two {
	padding-left: 0
}

.php-development-serives .description {
	max-width: 73%;
	margin: 40px auto
}

.php-development-serives.ecommerce-standared .description {
	max-width: 88%
}

.bg-gray {
	background: #f4f4f4
}

.tech-industry-leading .left {
	width: 50%
}

.tech-industry-leading .right {
	width: 50%
}

.tech-industry-leading .banner-section .left .description {
	max-width: 81%
}

.custom-industry-banner {
	position: relative;
	padding-top: 40px;
	padding-left: 30px
}

.custom-industry-banner .php-banner .rails-wrapper {
	width: 240px;
	height: 240px;
	z-index: 2
}

.custom-industry-banner .yellow-wrapper {
	position: absolute;
	left: -150px;
	top: 20px;
	bottom: auto;
	z-index: 1
}

.custom-industry-banner .yellow-wrapper .inner {
	width: 230px;
	height: 145px;
	position: relative;
	top: 0;
	margin-top: 0
}

.custom-industry-banner .yellow-wrapper .inner .yellow-square {
	background: #ffc732;
	width: 74px;
	height: 74px;
	border-radius: 15px;
	top: 0;
	right: 0;
	position: absolute
}

.custom-industry-banner .yellow-wrapper .inner .gray-square {
	background: #c9c9c9;
	width: 48px;
	height: 48px;
	border-radius: 9px;
	left: 90px;
	bottom: 0;
	position: absolute
}

.custom-industry-banner .white-bg {
	width: 98px;
	height: 98px;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 1px 1px 16px rgb(0 0 0 / 12%);
	border-radius: 14px
}

.custom-industry-banner .industry-leading-center {
	background-size: cover!important;
	width: 230px;
	height: 430px
}

.custom-industry-banner .java-wrapper {
	position: absolute;
	top: 40%;
	left: -40px
}

.custom-industry-banner .java-wrapper.white-bg {
	width: 80px;
	height: 80px
}

.custom-industry-banner .java-wrapper.white-bg img {
	max-width: 55%
}

.custom-industry-banner .applephone-wrapper {
	position: absolute;
	bottom: 80px;
	left: 0
}

.custom-industry-banner .white-bg.applephone-wrapper {
	width: 88px;
	height: 88px
}

.custom-industry-banner .white-bg.applephone-wrapper img {
	max-width: 65%
}

.custom-industry-banner .android-wrapper {
	position: absolute;
	top: 110px;
	left: 210px
}

.custom-industry-banner .red-circle-wrapper {
	position: absolute;
	left: 180px;
	top: 41%
}

.custom-industry-banner .red-circle-wrapper .red-circle {
	width: 115px;
	height: 145px;
	background: #ff5050;
	border-radius: 0 175px 175px 0
}

.custom-industry-banner .blue-wrapper {
	position: absolute;
	left: 225px;
	bottom: -16px
}

.custom-industry-banner .blue-wrapper .inner {
	width: 200px;
	height: 200px;
	position: relative
}

.custom-industry-banner .blue-wrapper .inner .gray-square {
	background: #c9c9c9;
	width: 48px;
	height: 48px;
	border-radius: 9px;
	bottom: 70px;
	right: 50px;
	position: absolute
}

.custom-industry-banner .blue-wrapper .inner .blue-square {
	background: #1d5aec;
	width: 56px;
	height: 56px;
	border-radius: 15px;
	position: absolute;
	bottom: 7px;
	left: 10px
}

.custom-industry-banner .android-wrapper .white-bg {
	width: 78px;
	height: 78px
}

.domain-expertise.industry-leading {
	text-align: center
}

.domain-expertise.industry-leading h2 {
	margin-bottom: 50px;
	display: inline-block
}

.benefits.yellow-bg {
	background: #fff6c4
}

.benefits.type-two-benefits {
	padding: 80px 0 50px
}

.benefits.type-two-benefits h2 {
	display: inline-block;
	margin-bottom: 70px
}

.white-bg {
	background: #fff
}

.servicing-projects.gain-the-greatest {
	background: #f4f4f4;
	padding-top: 70px
}

.servicing-projects.gain-the-greatest .box-wrapper .inner .wrapper {
	background: #fff;
	text-align: center
}

.servicing-projects.gain-the-greatest .box-wrapper .inner .wrapper .image-wrapper {
	min-height: 150px;
	display: flex;
	align-items: center;
	justify-content: center
}

.servicing-projects.gain-the-greatest .box-wrapper .inner .wrapper .image-wrapper img {
	margin-bottom: 0
}

.ruby-on-rails-content.dot-net-content .image-wrapper {
	max-width: 675px
}

.php-development-serives.advantage-net-wrap {
	padding-bottom: 0
}

.php-development-serives.advantage-net-wrap .wrapper {
	max-width: 817px
}

#amazon-connect-chat-widget {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 3
}

#amazon-connect-chat-widget .acWidgetContainer-0-0-1 {
	bottom: 60px
}

#amazon-connect-chat-widget button {
	background-color: #ff5050!important
}

.cms-development-services .left {
	width: 50%
}

.cms-development-services .right {
	width: 50%
}

.our-offerings.cms-our-services-offering .box-wrapper .box h3 {
	font-size: 22px;
	margin: 20px 0 10px;
	min-height: 64px;
	line-height: 33px
}

.tech-python .left {
	width: 50%
}

.tech-python .right {
	width: 50%
}

.tech-java .left {
	width: 50%
}

.tech-java .right {
	width: 50%
}

.java-benefits {
	padding-top: 70px
}

.why-ui-ux.e-commerce-service-offerings .inner-wrapper .wrapper .box {
	width: 31.33%;
	padding: 50px 40px
}

.why-ui-ux.e-commerce-service-offerings .inner-wrapper .wrapper h3 {
	font-size: 21px;
	line-height: 28px
}

.why-modernize.why-javascript {
	padding-top: 0
}

.why-modernize.why-javascript .blue-box-wrapper .box p {
	color: #fff;
	font-family: 'Gotham Book'
}

.why-modernize.why-javascript .blue-box-wrapper .box h3 {
	line-height: 30px;
	font-size: 22px
}

.why-modernize.why-javascript .blue-box-wrapper .box {
	padding: 60px 30px 40px
}

.servicing-projects.angular-js-application {
	padding-top: 100px
}

.navbar .menu-with-searchbar .navbar-nav li .dropdown .dropdown-content::after {
	display: block;
	content: '';
	clear: both
}

.navbar .menu-with-searchbar .navbar-nav li .dropdown .dropdown-content .left {
	width: 65%;
	float: left
}

.navbar .menu-with-searchbar .navbar-nav li .dropdown .dropdown-content .left .menu-wrapper {
	display: flex;
	flex-wrap: wrap
}

.navbar .menu-with-searchbar .navbar-nav li .dropdown .dropdown-content .left .menu-wrapper .left-inner {
	width: 50%
}

.navbar .menu-with-searchbar .navbar-nav li .dropdown .dropdown-content .left .menu-wrapper .right-inner {
	width: 50%
}

.navbar .menu-with-searchbar .navbar-nav li .dropdown-content .left .menu-wrapper.three-column .last-inner,
.navbar .menu-with-searchbar .navbar-nav li .dropdown-content .left .menu-wrapper.three-column .left-inner,
.navbar .menu-with-searchbar .navbar-nav li .dropdown-content .left .menu-wrapper.three-column .right-inner {
	width: 33%
}

.navbar .menu-with-searchbar .navbar-nav li .dropdown .dropdown-content .left .menu-wrapper a.active {
	color: #1d5aec
}

.navbar .menu-with-searchbar .navbar-nav li .dropdown .dropdown-content .left .menu-wrapper a span {
	display: none;
	background: url(../../assets/images/header/right-arrow-blue.png) no-repeat 100% 50%;
	width: 10px;
	height: 11px;
	margin-top: 3px;
	margin-left: 6px
}

.navbar .menu-with-searchbar .navbar-nav li .dropdown .dropdown-content .left .menu-wrapper a.active span {
	display: block
}

.navbar .menu-with-searchbar .navbar-nav li .dropdown .dropdown-content .left a {
	color: #000;
	margin: 0;
	padding: 8px 15px 8px 0;
	font-size: 15px;
	font-family: 'Gotham Book';
	display: flex;
	align-items: center;
	transition: .3s all
}

.navbar .menu-with-searchbar .navbar-nav li .dropdown .dropdown-content .left a:hover {
	color: #1d5aec
}

.navbar .menu-with-searchbar .navbar-nav li .dropdown .dropdown-content .left .last-inner a:first-child,
.navbar .menu-with-searchbar .navbar-nav li .dropdown .dropdown-content .left .left-inner a:first-child,
.navbar .menu-with-searchbar .navbar-nav li .dropdown .dropdown-content .left .right-inner a:first-child {
	padding-top: 0
}

.navbar .menu-with-searchbar .navbar-nav li .dropdown .dropdown-content h3 {
	display: block;
	font-family: Gotham;
	font-size: 18px;
	color: #ff5050;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 0 0 20px;
	font-weight: 500
}

.navbar .menu-with-searchbar .navbar-nav li .dropdown .dropdown-content .right {
	width: 35%;
	float: right
}

.navbar .menu-with-searchbar .navbar-nav li .dropdown .dropdown-content .right .read-article {
	color: #000;
	text-align: center;
	display: block;
	margin: 10px 0 0;
	text-transform: uppercase;
	font-family: Gotham;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 1px;
	background: url(../../assets/images/header/right-arrow.png) no-repeat 73% 50%;
	transition: .3s all
}

.navbar .menu-with-searchbar .navbar-nav li .dropdown .dropdown-content .right .read-article:hover {
	color: #1d5aec;
	background: url(../../assets/images/header/right-arrow-blue.png) no-repeat 73% 50%
}

.navbar .menu-with-searchbar .navbar-nav li .dropdown .dropdown-content .right .image-wrapper {
	max-width: 100%;
	height: 200px;
	background-size: cover!important;
	background-position: 50% 50%!important
}

.tech-supply-chain-mgt .left {
	width: 50%
}

.tech-supply-chain-mgt .left .description {
	max-width: 82%
}

.tech-supply-chain-mgt .right {
	width: 50%
}

.tech-logistics .left .description {
	max-width: 82%
}

.white-banner {
	background: #fff
}

.solution-banner {
	position: relative
}

.solution-banner .banner-image {
	width: 220px;
	height: 450px;
	background-size: cover!important;
	background-repeat: no-repeat!important;
	background-position: 50% 50%!important;
	margin: 60px auto 0
}

.solution-banner .blue-wrapper {
	width: 90px;
	height: 90px;
	background: #1d5aec;
	border-radius: 50%;
	position: absolute;
	right: 70px;
	top: -59px;
	box-shadow: 1px 1px 16px rgb(0 0 0 / 12%)
}

.solution-banner .yellow-wrapper {
	width: 70px;
	height: 70px;
	background: #ffc732;
	border-radius: 50%;
	position: absolute;
	right: 50px;
	bottom: 15%;
	box-shadow: 1px 1px 16px rgb(0 0 0 / 12%)
}

.solution-banner .red-wrapper {
	width: 65px;
	height: 65px;
	background: #ff5050;
	border-radius: 50%;
	position: absolute;
	top: 20%;
	left: 14%;
	box-shadow: 1px 1px 16px rgb(0 0 0 / 12%)
}

.solution-banner .left-side-image {
	width: 175px;
	height: 134px;
	position: absolute;
	left: 24px;
	top: 47%;
	background-size: cover!important;
	background-position: 50% 50%!important;
	border-radius: 33px;
	box-shadow: 0 7px 22px rgb(0 0 0 / 35%)
}

.solution-banner .right-side-image {
	width: 175px;
	height: 134px;
	position: absolute;
	right: 24px;
	top: 18%;
	background-size: cover!important;
	background-position: 50% 50%!important;
	border-radius: 33px;
	box-shadow: 0 7px 22px rgb(0 0 0 / 35%)
}

.title-para-images {
	overflow: hidden
}

.title-para-images .description {
	max-width: 67%;
	margin: 40px 0 0
}

.title-para-images .bottom-image-banner {
	position: relative;
	min-height: 340px;
	width: 100%;
	max-width: 100%
}

.title-para-images .bottom-image-banner .image-one {
	width: 530px;
	height: 530px;
	background: #ff5050;
	border-radius: 350px;
	display: block;
	position: absolute;
	left: 560px;
	bottom: -209px
}

.title-para-images .bottom-image-banner .image-two {
	width: 281px;
	height: 411px;
	background-size: cover!important;
	position: absolute;
	left: 700px;
	bottom: 0
}

.title-para-images .bottom-image-banner .image-three {
	width: 411px;
	height: 203px;
	background-size: cover!important;
	background-repeat: no-repeat!important;
	position: absolute;
	left: 415px;
	bottom: 0
}

.title-para-images.tracking-solution .bottom-image-banner .image-two {
	width: 233px;
	height: 538px;
	left: 760px
}

.title-para-images.tracking-solution .bottom-image-banner .image-three {
	width: 413px;
	height: 173px;
	left: 275px
}

.title-para-images.tracking-solution .bottom-image-banner .image-one {
	background: #1d5aec
}

.title-para-images.type-two {
	position: relative
}

.title-para-images.type-two .bottom-image-banner.type-two {
	position: static
}

.title-para-images.type-two .bottom-image-banner.type-two .image-one {
	bottom: -209px;
	right: -60px;
	left: auto;
	width: 630px;
	height: 630px;
	background: #ffc732
}

.title-para-images.type-two .bottom-image-banner.type-two .image-two {
	left: auto;
	bottom: 30px;
	right: 0;
	width: 287px;
	height: 208px
}

.title-para-images.type-two .bottom-image-banner.type-two .image-three {
	left: auto;
	bottom: 16px;
	right: 300px;
	width: 386px;
	height: 224px
}

.title-para-images.type-two .bottom-image-banner.type-two .image-four {
	left: auto;
	bottom: 236px;
	right: 250px;
	width: 373px;
	height: 128px;
	position: absolute;
	background-size: cover!important;
	background-repeat: no-repeat!important
}

.solution-blue-box-wrapper {
	background: #f4f4f4
}

.solution-blue-box-wrapper .box-wrapper {
	display: flex;
	flex-wrap: wrap
}

.solution-blue-box-wrapper .box-wrapper .box {
	width: 31%;
	background: #1b1e66;
	padding: 30px;
	margin: 0 10px 20px 10px
}

.solution-blue-box-wrapper .box-wrapper .box h3 {
	font-size: 20px;
	font-family: Gotham;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	line-height: 32px;
	margin: 0
}

.solution-blue-box-wrapper .box-wrapper .box .image-wrapper {
	min-height: 166px;
	text-align: right
}

.solution-blue-box-wrapper .inner-wrapper {
	margin-top: 80px
}

.pt-80 {
	padding-top: 80px
}

.pb-80 {
	padding-bottom: 80px
}

.colour-boxes .box-wrapper {
	display: flex;
	flex-wrap: wrap
}

.colour-boxes .box-wrapper .box {
	width: 48%;
	text-align: center;
	padding: 55px 45px 85px;
	margin: 0 10px 20px
}

.colour-boxes .box-wrapper .box h3 {
	font-family: Gotham;
	font-size: 22px;
	font-weight: 700;
	line-height: 33px;
	text-transform: uppercase
}

.colour-boxes .box-wrapper .box p {
	font-family: 'Gotham Book';
	font-size: 16px;
	line-height: 30px;
	margin-top: 25px;
	margin-bottom: 0
}

.colour-boxes .box-wrapper .box.blue {
	background: #deedff
}

.colour-boxes .box-wrapper .box.pink {
	background: #ffe4d8
}

.colour-boxes .box-wrapper .box.orange {
	background: #fff6c4
}

.colour-boxes .box-wrapper .box.green {
	background: #d8ffde
}

.colour-boxes .inner-wrapper {
	margin-top: 50px
}

.tech-logistics .left {
	width: 55%
}

.tech-logistics .right {
	width: 45%
}

.solution-banner.type-two .blue-wrapper {
	left: 80px;
	top: -60px
}

.solution-banner.type-two .right-side-image {
	bottom: 80px;
	top: auto;
	right: 0
}

.solution-banner.type-two .yellow-wrapper {
	right: 50px;
	top: 31%
}

.solution-banner.type-two .red-wrapper {
	left: 13%;
	top: auto;
	bottom: 100px
}

.solution-banner.type-two .left-side-image {
	top: 20%;
	left: 0
}

.sticky-header {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	opacity: 0;
	webkit-box-shadow: 0 0 15px rgb(0 0 0 / 10%);
	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
	-ms-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
	-o-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
	box-shadow: 0 0 15px rgb(0 0 0 / 10%);
	-webkit-transition: top .3s ease;
	-moz-transition: top .3s ease;
	-ms-transition: top .3s ease;
	-o-transition: top .3s ease;
	transition: top .3s ease;
	background: #fff
}

.fixed-header .sticky-header {
	opacity: 1;
	z-index: 3;
	visibility: visible
}

.fixed-header .sticky-header .navbar {
	padding: 10px 0 10px
}

.fixed-header .sticky-header .navbar .menu-with-searchbar .navbar-nav li a {
	color: #000
}

.fixed-header .sticky-header .navbar .menu-with-searchbar .desktop-menu .navbar-nav li:last-child a {
	padding-right: 0;
	margin-right: 0!important;
	display: block;
	background: #1b1e66;
	padding: 7px 15px;
	border-radius: 35px;
	color: #fff!important;
	transition: unset
}

.fixed-header .sticky-header .navbar .navbar-brand img {
	max-width: 62%
}

.fixed-header .sticky-header .navbar .menu-with-searchbar .navbar-nav li a {
	font-size: 15px
}

.fixed-header .sticky-header .navbar .menu-with-searchbar .desktop-menu img {
	max-width: 63%
}

.fixed-header .sticky-header .navbar .menu-with-searchbar .navbar-nav li .dropdown .dropdown-content .left a {
	font-size: 15px
}

.fixed-header .sticky-header .navbar .menu-with-searchbar .navbar-nav li .dropdown {
	padding-bottom: 35px;
	margin-bottom: -35px
}

.fixed-header .sticky-header .navbar h1 {
	margin: 0
}

.intl-tel-input .country-list .country {
	font-family: 'Gotham Book';
	font-size: 14px
}

.intl-tel-input.separate-dial-code .selected-dial-code {
	font-family: 'Gotham Book';
	font-size: 14px
}

.card-how-to-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 0;
	padding-top: 0;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-perspective: 2000px;
	perspective: 2000px
}

.card-how-to {
	position: -webkit-sticky;
	position: sticky;
	top: 185px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: auto;
	min-height: auto;
	margin-bottom: 150px;
	padding: 60px 55px 80px;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border-style: none;
	border-width: 1px;
	border-color: #e2e2e2;
	box-shadow: none;
	-webkit-perspective-origin: 50% 0;
	perspective-origin: 50% 0;
	-webkit-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	transform-origin: 50% 0
}

.card-how-to-one {
	transform: translate3d(0, 0, 0) scale3d(.903069, .903069, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0deg, 0deg);
	transform-style: preserve-3d
}

.card-how-to-two {
	top: 190px;
	min-height: auto;
	transform: translate3d(0, 0, 0) scale3d(.923773, .923773, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0deg, 0deg);
	transform-style: preserve-3d
}

.card-how-to-three {
	top: 195px;
	min-height: auto;
	transform: translate3d(0, 0, 0) scale3d(.94215, .94215, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0deg, 0deg)
}

.card-how-to-four {
	top: 200px;
	min-height: auto;
	transform: translate3d(0, 0, 0) scale3d(.96215, .96215, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0deg, 0deg)
}

.card-how-to-five {
	top: 205px;
	min-height: auto;
	transform: translate3d(0, 0, 0) scale3d(.98215, .98215, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0deg, 0deg)
}

.card-how-to-six {
	top: 210px;
	min-height: auto;
	transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0deg, 0deg)
}

.modal-backdrop {
	z-index: 1
}

.header-with-banner.blog {
	height: auto
}

.blog-banner .wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap
}

.blog-banner .wrapper .banner-image {
	width: 380px;
	height: 420px;
	background-size: cover!important;
	background-repeat: no-repeat!important;
	background-position: 50% 50%!important;
	position: relative
}

.blog-banner .wrapper .banner-image .read-blog-wrapper {
	opacity: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgb(0 0 0 / 55%);
	transition: .3s all
}

.blog-banner .wrapper .banner-image .read-blog-wrapper .read-blog {
	background: rgb(0 0 0 / 49%);
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
	padding: 16px 40px;
	font-size: 16px;
	display: inline-block;
	line-height: 20px;
	border: 1px solid #fff;
	margin-bottom: 0;
	transition: .3s all;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -24px;
	margin-left: -90px
}

.blog-banner .wrapper .banner-image:hover .read-blog-wrapper {
	opacity: 1
}

.blog-banner .wrapper .right {
	width: 46%;
	padding-left: 35px
}

.blog-banner .wrapper .right a {
	color: #000
}

.blog-banner .wrapper .info {
	margin-bottom: 10px
}

.blog-banner .wrapper .info .one {
	font-family: 'Gotham Book';
	font-size: 14px;
	color: #ff5050;
	text-transform: uppercase
}

.blog-banner .wrapper .info .one.blue {
	color: #1d5aec
}

.blog-banner .wrapper .info .one.yellow {
	color: #ffc732
}

.blog-banner .wrapper .info .two {
	color: #7e7e7e;
	font-family: 'Gotham Book';
	font-size: 14px
}

.blog-banner .wrapper h2 {
	font-family: Gotham;
	font-size: 34px;
	line-height: 42px;
	font-weight: 700;
	margin-bottom: 15px
}

.blog-banner .wrapper p {
	font-family: 'Gotham Book';
	font-size: 16px;
	line-height: 30px
}

.blog-banner.blog-fitst .wrapper p {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.blog-banner .wrapper .user .user-image {
	width: 60px;
	height: 60px;
	background-size: cover!important;
	background-repeat: no-repeat!important;
	background-position: 50% 50%!important;
	margin-right: 10px;
	border-radius: 50%
}

.blog-banner .wrapper .user span {
	font-family: Gotham;
	font-weight: 500;
	color: #000;
	font-size: 18px
}

.blog-banner .wrapper .user .gray {
	display: block;
	font-size: 14px;
	color: #7e7e7e
}

.all-blogs {
	padding-bottom: 100px
}

.all-blogs .blog-search {
	display: flex;
	max-width: 85%;
	margin: 0 auto 50px
}

.all-blogs .blog-search .form-group {
	margin: 0 10px
}

.all-blogs .blog-search .form-group.one {
	width: 28%
}

.all-blogs .blog-search .form-group.two {
	width: 28%
}

.all-blogs .blog-search .form-group.three {
	width: 46%
}

.all-blogs .blog-search .form-group select {
	padding: 13px 20px;
	border: 1px solid #c1c1c1;
	font-family: 'Gotham Book';
	font-size: 17px;
	border-radius: 0;
	font-weight: 400;
	height: auto;
	color: #000;
	background: url(../../assets/images/blog/down-arrow.png) no-repeat 93% 50%
}

.all-blogs .blog-search .form-group input {
	padding: 13px 20px;
	border: 1px solid #c1c1c1;
	font-family: 'Gotham Book';
	font-size: 17px;
	font-weight: 400;
	height: auto;
	color: #000;
	border-radius: 45px;
	background: url(../../assets/images/blog/search.png) no-repeat 93% 50%
}

.all-blogs .blog-search .form-group input::-webkit-input-placeholder {
	color: #000
}

.all-blogs .banner-image {
	width: 100%;
	height: 240px;
	background-size: cover!important;
	background-position: 50% 50%!important;
	position: relative
}

.all-blogs .banner-image span {
	position: absolute;
	bottom: 10px;
	left: 10px
}

.all-blogs .banner-image span.technical {
	background: #1d5aec;
	color: #fff;
	padding: 5px 15px
}

.all-blogs .banner-image span.general {
	background: #ff5050;
	color: #fff
}

.all-blogs .banner-image span.trending {
	background: #ffc732;
	color: #fff
}

.all-blogs .banner-image:hover .read-blog-wrapper {
	opacity: 1
}

.all-blogs .banner-image .read-blog-wrapper {
	opacity: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgb(0 0 0 / 55%);
	transition: .3s all
}

.all-blogs .banner-image .read-blog-wrapper .read-blog {
	background: rgb(0 0 0 / 49%);
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
	padding: 16px 40px;
	font-size: 16px;
	display: inline-block;
	line-height: 20px;
	border: 1px solid #fff;
	margin-bottom: 0;
	transition: .3s all;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -24px;
	margin-left: -90px
}

.all-blogs .white-wrapper {
	background: #fff;
	padding: 15px
}

.all-blogs .info {
	margin-top: 20px
}

.all-blogs .info .info-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.all-blogs .info .left span {
	display: block
}

.all-blogs .info .info-wrapper .right a {
	background: url(../../assets/images/home/our-services/view-all.png) no-repeat 100% 50%;
	padding-right: 17px
}

.all-blogs .info .one {
	font-family: 'Gotham Book';
	font-size: 14px;
	text-transform: uppercase
}

.all-blogs .info .one.general {
	color: #ff5050
}

.all-blogs .info .one.technical {
	color: #1d5aec
}

.all-blogs .info .one.trending {
	color: #ffc732
}

.all-blogs .info .two {
	font-family: 'Gotham Book';
	font-size: 15px;
	color: #7e7e7e
}

.all-blogs .info .two .author-color {
	color: #1b1e66;
	font-family: Gotham
}

.all-blogs h3 {
	font-family: Gotham;
	font-size: 22px;
	line-height: 32px;
	font-weight: 700;
	margin-bottom: 10px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.all-blogs p {
	font-family: 'Gotham Book';
	font-size: 16px;
	line-height: 27px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.all-blogs .user {
	display: flex;
	align-items: center
}

.all-blogs .user .user-image {
	width: 50px;
	height: 50px;
	background-size: cover!important;
	background-repeat: no-repeat!important;
	background-position: 50% 50%!important;
	margin-right: 10px;
	border-radius: 50%
}

.all-blogs .user span {
	font-family: Gotham;
	font-weight: 500;
	color: #000;
	font-size: 16px
}

.all-blogs .col-md-4 {
	margin-bottom: 50px
}

.all-blogs .load-more {
	font-weight: 500;
	color: #000;
	text-transform: uppercase;
	padding: 16px 40px;
	font-size: 16px;
	display: inline-block;
	line-height: 20px;
	border: 1px solid #000;
	margin-bottom: 0;
	margin-top: 25px;
	transition: .3s all
}

.all-blogs .load-more:hover {
	background: #1d5aec!important;
	border-color: #1d5aec!important;
	color: #fff
}

.all-blogs a {
	color: #000
}

.header-with-banner.blog-details {
	min-height: auto;
	padding-bottom: 0
}

.blog-details .blog-banner-details h3 {
	font-family: Gotham;
	font-size: 25px;
	line-height: 30px;
	font-weight: 700;
	margin-bottom: 15px
}

.blog-banner-details ul {
	margin: 0 0 15px;
	padding: 0;
	list-style-type: none
}

.blog-banner-details ul li {
	background: url(../../assets/images/cloud-services/list.png) no-repeat 0 12px;
	font-family: 'Gotham Book';
	font-size: 16px;
	line-height: 30px;
	padding: 5px 10px 5px 30px;
	color: #000;
	background-size: 19px auto
}

.blog-banner-details h3 {
	font-size: 24px;
	margin-bottom: 15px
}

.blog-banner-details {
	padding-bottom: 70px
}

.blog-banner-details .wrapper {
	max-width: 88%;
	margin: 30px auto 0
}

.blog-banner.blog-banner-details .wrapper {
	justify-content: space-between;
	align-items: baseline
}

.blog-banner.blog-banner-details .left {
	width: 58%
}

.blog-banner.blog-banner-details .right {
	width: 30%;
	padding-left: 0
}

.blog-banner.blog-banner-details .wrapper .user {
	margin-bottom: 30px
}

.blog-banner-details .newsletter h4 {
	font-family: Gotham;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 20px
}

.blog-banner-details .newsletter p {
	font-family: 'Gotham Book';
	color: #5c5c5c;
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 15px
}

.blog-banner-details .newsletter .form-group input {
	padding: 15px 20px;
	border: 1px solid #c1c1c1;
	font-family: Gotham;
	font-size: 14px;
	border-radius: 0;
	font-weight: 400;
	height: auto;
	color: #000
}

.blog-banner-details .newsletter .form-group input::-webkit-input-placeholder {
	color: #000
}

.blog-banner-details .newsletter button {
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
	padding: 15px 40px;
	font-size: 16px;
	display: inline-block;
	line-height: 20px;
	border: 1px solid #1d5aec;
	margin-bottom: 0;
	margin-top: 0;
	transition: .3s all;
	width: 100%;
	background: #1d5aec;
	cursor: pointer
}

.blog-banner-details .newsletter button #newsletter-loader {
	background: url(../../assets/images/common-section/loading-image.gif) no-repeat 50% 50%;
	width: 40px;
	height: 20px;
	background-size: cover!important;
	margin: 0 auto
}

.blog-banner-details .newsletter .share {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px 0;
	margin-top: 20px;
	border-top: 1px solid #a4a4a4;
	border-bottom: 1px solid #a4a4a4
}

.blog-banner-details .newsletter .share p {
	margin: 0;
	font-size: 18px;
	margin-right: 30px;
	line-height: 22px;
	color: #5c5c5c;
	font-weight: 500;
	font-family: Gotham
}

.blog-banner-details .newsletter .share .social {
	display: flex;
	flex-wrap: wrap
}

.blog-banner-details .newsletter .share .social a {
	margin: 0 5px;
	display: flex;
	align-items: center;
	justify-content: center
}

.blog-banner.blog-banner-details .center {
	width: 100%
}

.blog-banner.blog-banner-details .load-more {
	font-weight: 500;
	color: #000;
	text-transform: uppercase;
	padding: 16px 40px;
	font-size: 16px;
	display: inline-block;
	line-height: 20px;
	border: 1px solid #000;
	margin-bottom: 0;
	margin-top: 25px;
	transition: .3s all
}

.blog-banner.blog-banner-details .load-more:hover {
	background: #1d5aec!important;
	border-color: #1d5aec!important;
	color: #fff
}

.blog-banner.blog-banner-details .content-banner {
	width: 100%;
	height: 500px;
	background-size: cover!important;
	background-repeat: no-repeat!important;
	background-position: 50% 50%!important;
	margin: 25px 0
}

.blog-banner.blog-banner-details .prev-next-blog {
	display: flex;
	justify-content: space-between;
	margin: 70px 0 0
}

.blog-banner.blog-banner-details .prev-next-blog .left {
	text-align: left
}

.blog-banner.blog-banner-details .prev-next-blog .right {
	text-align: right
}

.blog-banner.blog-banner-details .prev-next-blog a {
	font-family: Gotham;
	font-size: 18px;
	font-weight: 500;
	color: #1b1e66
}

.blog-banner.blog-banner-details .prev-next-blog .prev {
	background: url(../../assets/images/blog-details/prev.png) no-repeat 0 50%;
	padding-left: 30px
}

.blog-banner.blog-banner-details .prev-next-blog .next {
	background: url(../../assets/images/blog-details/next.png) no-repeat 100% 50%;
	padding-right: 30px
}

.blog-banner-details .center-content img,
.blog-banner-details .left img {
	margin-bottom: 30px
}

.header-with-banner.blog,
.header-with-banner.career,
.header-with-banner.career .banner-section,
.header-with-banner.contact-us .banner-section {
	height: auto;
	min-height: auto
}

.career-banner {
	display: block
}

.career-banner .wrapper {
	display: flex;
	max-width: 876px;
	margin: 0 auto
}

.career-banner .wrapper .left {
	width: 60%
}

.career-banner.terms-and-condition-banner .wrapper .left {
	width: 100%
}

.career-banner .wrapper .right {
	width: 40%
}

.career-banner .form-group {
	margin-top: 35px
}

.career-banner .form-group select {
	padding: 13px 20px;
	border: 1px solid #c1c1c1;
	font-family: 'Gotham Book';
	font-size: 15px;
	border-radius: 0;
	font-weight: 400;
	height: auto!important;
	color: #000;
	background: url(../../assets/images/blog/down-arrow.png) no-repeat 93% 50%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.career-desgin-banner {
	position: relative;
	height: 100%
}

.career-desgin-banner .yellow-circle {
	width: 65px;
	height: 65px;
	position: absolute;
	top: 75px;
	background-size: cover!important;
	left: 70px;
	background: #ffc732;
	border-radius: 65px
}

.career-desgin-banner .banner {
	background: url(../../assets/images/careers/banner.svg) no-repeat;
	width: 152px;
	height: 258px;
	position: absolute;
	bottom: 30px;
	background-size: cover!important;
	right: 70px
}

.career-desgin-banner .dots {
	background: url(../../assets/images/careers/dots.svg) no-repeat 93% 50%;
	width: 141px;
	height: 143px;
	position: absolute;
	right: -90px;
	bottom: 50px;
	background-size: cover!important
}

.open-position {
	background: #f2f2f2;
	padding: 80px 0
}

.open-position .open-position-container {
	max-width: 940px;
	margin: 0 auto;
	padding: 0 15px
}

.open-position .title-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 25px;
	flex-wrap: wrap
}

.open-position .title-wrapper h3 {
	font-family: 'Gotham Book';
	font-size: 35px;
	border-bottom: 1px solid #000
}

.open-position .title-wrapper .form-control {
	padding: 13px 19px;
	border: 1px solid #c1c1c1;
	font-family: 'Gotham Book';
	font-size: 17px;
	border-radius: 0;
	font-weight: 400;
	height: auto;
	color: #000;
	background: #fff url(../../assets/images/blog/down-arrow.png) no-repeat 93% 50%;
	height: auto!important;
	width: 230px
}

.open-position .category {
	margin-top: 50px;
	display: block
}

.open-position .category h4 {
	font-size: 24px;
	font-weight: 500;
	font-family: Gotham;
	margin-bottom: 30px
}

.open-position .category .details-wrapper {
	display: flex;
	background: #fff;
	padding: 25px 30px;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 5px;
	flex-wrap: wrap
}

.open-position .category .details-wrapper div:nth-child(1) {
	width: 33%
}

.open-position .category .details-wrapper div:nth-child(2) {
	width: 15%
}

.open-position .category .details-wrapper div:nth-child(3) {
	width: 15%
}

.open-position .category .details-wrapper div:nth-child(4) {
	width: 13%
}

.open-position .category .details-wrapper span {
	font-size: 16px;
	font-weight: 500;
	font-family: Gotham
}

.open-position .category .details-wrapper div:nth-child(2) span,
.open-position .category .details-wrapper div:nth-child(3) span {
	color: grey
}

.open-position .category .details-wrapper a {
	font-weight: 500;
	font-size: 16px;
	padding-right: 21px;
	color: #1d5aec;
	background: url(../../assets/images/careers/blue-arrow.png) no-repeat 100% 50%
}

.looking-for {
	padding: 80px 0;
	max-width: 70%;
	margin: 0 auto
}

.looking-for .form-wrapper {
	max-width: 81%;
	margin: 60px auto 0
}

.looking-for .form-group {
	margin-bottom: 30px
}

.looking-for .form-group .custom-file-label {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 98px
}

.looking-for .intl-tel-input .country-list {
	max-width: 410px;
	z-index: 3
}

.looking-for .apply-careers-form .intl-tel-input .country-list {
	max-width: 287px
}

.looking-for .form-control {
	padding: 13px 20px;
	border: 1px solid #c1c1c1;
	font-family: 'Gotham Book';
	font-size: 17px;
	border-radius: 0;
	font-weight: 400;
	height: auto;
	color: #000
}

.looking-for .custom-file-label::after,
.looking-for .form-control {
	padding: 13px 20px;
	font-family: 'Gotham Book';
	font-size: 17px;
	border-radius: 0;
	font-weight: 400;
	height: auto;
	color: #000
}

.custom-file-input {
	padding: 13px 20px;
	height: auto
}

.custom-file {
	height: auto
}

.looking-for .form-control::-webkit-input-placeholder {
	color: #000
}

.looking-for button {
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
	padding: 16px 80px;
	font-size: 16px;
	display: inline-block;
	line-height: 20px;
	background: #1b1e66;
	border: 1px solid #1b1e66;
	cursor: pointer
}

.looking-for button #other-career-loader {
	background: url(../../assets/images/common-section/loading-image.gif) no-repeat 50% 50%;
	width: 40px;
	height: 20px;
	background-size: cover!important;
	margin: 0 auto
}

.looking-for button #career-loader {
	background: url(../../assets/images/common-section/loading-image.gif) no-repeat 50% 50%;
	width: 40px;
	height: 20px;
	background-size: cover!important;
	margin: 0 auto
}

.looking-for textarea {
	height: 240px!important
}

.apply-now-popup .modal-body {
	padding: 40px 30px
}

.apply-now-popup h2 {
	font-size: 30px;
	font-family: 'Gotham Book';
	margin-bottom: 30px
}

.apply-now-popup .support {
	display: flex;
	justify-content: space-between;
	margin-top: 15px
}

.apply-now-popup .support .left {
	width: 75%
}

.apply-now-popup .support .left .left-inner {
	display: flex;
	margin-bottom: 10px;
	flex-wrap: wrap
}

.apply-now-popup .support .left .wrapper {
	width: 33.33%;
	margin-bottom: 15px
}

.apply-now-popup .support .left .wrapper h4 {
	font-family: Gotham;
	font-weight: 500;
	font-size: 17px
}

.apply-now-popup .support .left .wrapper h5 {
	font-family: 'Gotham Book';
	font-weight: 400;
	font-size: 15px;
	margin-bottom: 0
}

.apply-now-popup .support .right {
	width: 25%
}

.apply-now-popup .support .right a.apply {
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
	padding: 16px 40px;
	font-size: 16px;
	display: inline-block;
	line-height: 20px;
	background: #1b1e66
}

.apply-now-popup .content {
	margin-bottom: 30px
}

.apply-now-popup .content h4 {
	font-family: Gotham;
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 15px
}

.apply-now-popup .content p {
	font-family: 'Gotham Book';
	font-weight: 400;
	font-size: 15px;
	margin-bottom: 0;
	line-height: 28px
}

.apply-now-popup .content ul {
	padding: 0
}

.apply-now-popup .content ul li {
	font-family: 'Gotham Book';
	font-weight: 400;
	font-size: 15px;
	margin-bottom: 0;
	line-height: 26px;
	position: relative;
	padding: 5px 0 10px 20px;
	color: #000
}

.apply-now-popup .content ul li:before {
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	background: #000;
	border-radius: 9px;
	position: absolute;
	left: 0;
	top: 15px
}

.apply-now-popup .looking-for {
	padding-top: 0;
	padding-bottom: 20px;
	max-width: 100%
}

.apply-now-popup .looking-for .form-wrapper {
	max-width: 85%;
	margin: 40px auto 0
}

.apply-now-popup .close {
	position: absolute;
	right: 27px;
	top: 14px;
	opacity: 1;
	font-family: 'Gotham Book';
	font-weight: 400;
	font-size: 16px
}

.contact-us .phone-email {
	margin-top: 20px
}

.contact-us .phone-email .wrapper {
	margin-bottom: 20px
}

.contact-us .phone-email .wrapper span {
	font-size: 16px;
	font-weight: 700;
	font-family: Gotham;
	text-transform: uppercase;
	color: #1d5aec;
	margin-bottom: 5px;
	display: block
}

.contact-us .phone-email .wrapper a {
	font-family: 'Gotham Book', sans-serif;
	font-weight: 500;
	font-size: 29px;
	line-height: 40px;
	color: #000;
	border-bottom: 1px solid #000;
	display: inline
}

.contact-us.services-banner .banner-section .left h2 {
	border-bottom: 0
}

.contact-us-banner {
	position: relative;
	padding-top: 10px
}

.contact-us-banner .form {
	background: #fff;
	padding: 30px 40px 10px;
	max-width: 67%;
	box-shadow: 0 1px 22px rgb(0 0 0 / 22%);
	position: relative;
	margin: 0 auto
}

.contact-us-banner .form h3 {
	font-weight: 700;
	font-family: Gotham;
	font-size: 16px;
	text-align: center;
	margin-bottom: 25px
}

.contact-us-banner .form-group label.custom-file-label {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 98px
}

.contact-us-banner .form-group .form-control {
	padding: 10px 20px;
	border: 1px solid #c1c1c1;
	font-family: 'Gotham Book';
	font-size: 14px;
	border-radius: 0;
	font-weight: 400;
	height: auto;
	color: #000
}

.contact-us-banner .form-group .custom-file-input {
	padding: 7px 20px
}

.contact-us-banner .form-group .custom-file-label::after {
	height: auto;
	padding: 9px 15px
}

.contact-us-banner .form-group .form-control::-webkit-input-placeholder {
	color: #000
}

.contact-us-banner .form-group #phone_with_country_contact {
	height: 43px
}

.contact-us-banner .send-btn {
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
	padding: 11px 0;
	font-size: 15px;
	display: inline-block;
	line-height: 20px;
	background: #1b1e66;
	border: 1px solid #1b1e66;
	cursor: pointer;
	width: 100%
}

.contact-us-banner textarea {
	height: 90px!important
}

.contact-us-banner #contact-us-loader {
	background: url(../../assets/images/common-section/loading-image.gif) no-repeat 50% 50%;
	width: 40px;
	height: 20px;
	background-size: cover!important;
	margin: 0 auto
}

.contact-us-banner .yellow {
	background: url(../../assets/images/contact-us/yellow.svg);
	width: 92px;
	height: 92px;
	position: absolute;
	top: -29px;
	left: 37px
}

.contact-us-banner .red {
	background: url(../../assets/images/contact-us/red.svg);
	width: 206px;
	height: 206px;
	position: absolute;
	right: 10px;
	bottom: 140px
}

.contact-us-banner .dots {
	background: url(../../assets/images/contact-us/dots.svg);
	width: 124px;
	height: 126px;
	position: absolute;
	bottom: 50px;
	left: 13px
}

.contact-us-banner .bg {
	background-size: cover!important;
	background-repeat: no-repeat!important
}

.contact-us-banner #phone_with_country {
	padding-left: 90px;
	height: 46px
}

.contact-us-banner .intl-tel-input {
	width: 100%
}

.contact-us-banner .selected-flag {
	background: #fff!important;
	border-right: 1px solid #ccc;
	height: 41px!important
}

.contact-us-banner .wpcf7-form-control-wrap {
	transform: scale(.59);
	transform-origin: 0 2px
}

.contact-us-banner .recaptcha-submit {
	position: relative
}

.contact-us-banner .recaptcha-submit .left {
	padding-right: 0
}

.contact-us-banner .recaptcha-submit .right {
	padding-left: 0
}

.contact-us-banner .recaptcha-submit #recaptcha_response_contact-error {
	position: absolute;
	bottom: 10px
}

.our-services.type-two.major-serives .inner-wrapper {
	padding-top: 0
}

.contact-our-location {
	background: #000
}

.contact-our-location .wrapper {
	display: flex
}

.contact-our-location .wrapper .left {
	padding: 100px 0
}

.contact-our-location .wrapper .right {
	width: 50%
}

.contact-our-location .wrapper .left h2 {
	color: #fff;
	font-family: 'Gotham Book';
	font-size: 40px;
	line-height: 57px
}

.contact-our-location .wrapper .location {
	margin-top: 50px
}

.contact-our-location .wrapper .location h3 {
	font-family: Gotham;
	color: #ff5050;
	font-weight: 500;
	font-size: 19px;
	line-height: 44px;
	text-transform: uppercase;
	margin-top: 50px
}

.contact-our-location .wrapper .location ul {
	padding: 0;
	margin: 0;
	list-style-type: none
}

.contact-our-location .wrapper .location ul li {
	color: #fff;
	font-family: Gotham;
	font-size: 16px;
	margin: 10px 0;
	line-height: 38px;
	background: url(../../assets/images/footer/location.png) no-repeat;
	padding-left: 25px;
	background-position: 0 8px
}

.search-items .search-item {
	display: none
}

.us-local-developers .banner-section .get-quote-btn {
	background: #1d5aec;
	color: #fff
}

.us-local-developers .banner-section .get-quote-btn:hover {
	background: #fff!important;
	color: #000!important
}

.us-local-developers .banner-section .left {
	width: 40%;
	padding-top: 30px
}

.us-local-developers .banner-section .right {
	width: 60%
}

.hire-developers-banner {
	position: relative;
	height: 100%
}

.hire-developers-banner .yellow-circle {
	background: #ffc732;
	width: 440px;
	height: 440px;
	background-size: cover;
	position: absolute;
	top: -40px;
	border-radius: 360px;
	left: 30px
}

.hire-developers-banner .blue-circle {
	background: #1d5aec;
	width: 340px;
	height: 340px;
	background-size: cover;
	position: absolute;
	right: 30px;
	bottom: -46px;
	border-radius: 270px
}

.hire-developers-banner .banner {
	background: url(../../assets/images/developers/banner.png) no-repeat;
	width: 537px;
	height: 478px;
	background-size: cover;
	position: absolute;
	left: 80px;
	bottom: -49px
}

.looking-for .intl-tel-input {
	width: 100%
}

.looking-for .selected-flag {
	background: #fff;
	border-right: 1px solid #ccc
}

.looking-for .intl-tel-input.separate-dial-code .selected-flag,
.looking-for .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
	background: #fff;
	background-color: #fff;
	height: 48px
}

.looking-for .intl-tel-input.separate-dial-code .selected-dial-code {
	font-size: 14px
}

.looking-for #applicant_other_phone_number_country,
.looking-for #applicant_phone_number_country {
	height: 50px
}

.cust-tab-wrapper ul.nav-tabs {
	padding: 0;
	text-align: center;
	display: inline-flex;
	border: 0;
	border-radius: 50px;
	justify-content: center;
	align-items: center;
	margin: 0 auto
}

.cust-tab-wrapper ul.nav-tabs li {
	float: unset;
	display: inline-block;
	cursor: pointer;
	font-weight: 700;
	min-height: 50px;
	width: auto;
	padding: 0
}

.cust-tab-wrapper ul.nav-tabs li a {
	width: auto;
	line-height: 40px;
	background: #fff;
	text-align: center;
	float: unset;
	text-decoration: none;
	color: #000;
	clear: both;
	padding: 8px 30px;
	border-radius: 60px;
	font-family: Gotham;
	font-weight: 500;
	font-size: 16px;
	transition: .2s all;
	border: 1px solid #d8d8d8
}

.cust-tab-wrapper ul.nav-tabs li:first-child a {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right: 0
}

.cust-tab-wrapper ul.nav-tabs li:last-child a {
	border-left: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.cust-tab-wrapper ul.nav-tabs li:first-child a:hover,
ul.nav-tabs li:first-child a.active {
	background: #1d5aec;
	color: #fff;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.cust-tab-wrapper ul.nav-tabs li:last-child a:hover,
ul.nav-tabs li:last-child a.active {
	background: #1d5aec;
	color: #fff;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.cust-tab-wrapper .tab_content_container {
	width: 100%;
	height: auto;
	background: #fff;
	padding: 20px;
	margin-top: 1px;
	font-size: 14px;
	border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	display: block
}

.cust-tab-wrapper .tab_content {
	display: none;
	position: unset;
	width: 100%;
	height: auto;
	overflow: auto
}

.cust-tab-wrapper .tab_content_active {
	display: block;
	position: unset;
	width: 100%;
	height: auto;
	overflow: auto;
	overflow-x: hidden
}

.cust-tab-wrapper .tab_content_active span {
	float: left;
	width: 100px;
	margin-right: 20px
}

section.cust-tab-wrapper {
	height: 100%;
	padding: 0 0 0;
	clear: both;
	float: unset
}

section.cust-tab-wrapper .tab-content {
	margin-top: 30px
}

section.cust-tab-wrapper .meeting-btn.two {
	margin: 40px 0 auto
}

section.cust-tab-wrapper p {
	font-size: 18px;
	line-height: 35px;
	font-family: 'Gotham Book';
	font-weight: 500;
	margin-top: 25px
}

.dev-card ul {
	padding: 0
}

.dev-card ul li {
	list-style: none;
	float: left;
	width: 50%
}

.dev-card ul li .wrapper{
	display: block;
	height: 100%;
	cursor: auto;
}

.dev-card ul li .box-card {
	display: block;
	background: #fff;
	border-radius: 30px;
	text-align: center;
	padding: 30px;
	box-shadow: 0 1px 20px 4px rgb(0 0 0 / 9%);
	margin: 25px;
	cursor: auto;
}

.dev-card ul li .box-card img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto
}

.dev-card ul li .box-card span {
	display: block;
	float: unset;
	color: #000;
	width: 100%;
	margin-top: 20px;
	font-size: 15px
}

.tab-body-content .row {
	align-items: center
}

.body-content-repet {
	margin-bottom: 100px
}

.tab-body-content {
	padding: 0
}

.how-it-works-wrapper {
	background: #f2f2f2;
	padding: 70px 0 200px 0
}

.how-it-works-wrapper h2 {
	margin-bottom: 60px;
	display: inline-block
}

.how-it-works-wrapper p {
	max-width: 70%;
	margin: 0 auto;
	font-size: 18px;
	line-height: 37px;
	font-family: 'Gotham Book';
	font-weight: 500
}

.how-it-works-wrapper .box-shadow {
	text-align: center;
	position: relative
}

.how-it-works-wrapper .animated-line svg {
	max-width: 100%
}

.how-it-works-wrapper .animated-line.first-line {
	display: block;
	top: 45px;
	right: -120px;
	position: absolute;
	width: 184px;
	height: 40px;
	background-size: cover
}

.how-it-works-wrapper .animated-line.second-line {
	display: block;
	width: 184px;
	height: 56px;
	position: absolute;
	bottom: 119px;
	right: -115px;
	background-size: cover
}

.how-it-works-wrapper .animated-line.third-line {
	display: block;
	width: 188px;
	height: 80px;
	position: absolute;
	top: -64px;
	right: -115px;
	background-size: cover
}

.how-it-works-wrapper .circle {
	text-align: center;
	position: relative;
	z-index: 1
}

.how-it-works-wrapper .white-circle {
	width: 130px;
	height: 130px;
	background: #fff;
	border-radius: 50%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 1px 20px 4px rgb(0 0 0 / 9%);
	margin: 0 auto
}

.how-it-works-wrapper .white-circle img {
	width: auto;
	height: auto;
	max-width: 100%
}

.how-it-works-wrapper .count {
	width: 40px;
	height: 40px;
	background: #1b1e66;
	display: block;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	line-height: 40px;
	position: absolute;
	top: 0;
	right: 60px
}

.how-it-works-wrapper .box-shadow h4 {
	font-size: 18px;
	margin: 40px 0;
	line-height: 180%;
	line-height: 25px
}

.how-it-works-wrapper.mobile-view {
	display: none
}

.mock-dig {
	margin-top: 100px
}

.mock-dig .row .first-circle {
	position: relative
}

.mock-dig .row .two-circle {
	position: relative;
	top: 60px
}

.mock-dig .row .three-circle {
	position: relative;
	top: 120px
}

#map-canvas {
	height: 100%;
	width: 100%
}

.header-with-banner.contact-us {
	height: auto
}

.iti-flag.us {
	height: 14px!important
}

.contact-us-banner .form .intl-tel-input .country-list {
	max-width: 294px;
	z-index: 3
}

.looking-for .form-wrapper .wpcf7-form-control-wrap {
	transform: scale(.8);
	transform-origin: 0 0
}

.about-us .banner-section .right {
	width: 30%
}

.about-us .banner-section .left {
	width: 50%
}

.about-us.services-banner .banner-section .left h2 {
	font-size: 34px;
	line-height: 52px
}

.about-us.services-banner .banner-section .inner-wrapper {
	justify-content: initial;
	align-items: flex-end
}

.about-us .author-details {
	margin: 60px 20px 0;
	display: flex;
	justify-content: space-between
}

.about-us .author-details .left-wrapper h3 {
	font-size: 18px;
	font-weight: 500;
	font-family: Gotham;
	margin: 0 0 1px
}

.about-us .author-details .left-wrapper p {
	margin: 0;
	color: #bfbfbf;
	font-size: 17px;
	font-weight: 500;
	font-family: Gotham
}

.about-us .author-details .blue-circle {
	width: 167px;
	height: 167px;
	background: #1d5aec;
	border-radius: 227px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}

.about-us .author-details .blue-circle h4 {
	font-family: 'Gotham Book';
	font-size: 52px;
	color: #fff;
	margin-bottom: 0
}

.about-us .author-details .blue-circle p {
	margin: 0;
	font-family: Gotham;
	font-size: 14px;
	font-weight: 500;
	line-height: normal
}

.about-us .banner-section .right .red-wrapper {
	width: 270px;
	height: 270px;
	background-color: #ff5050;
	border-radius: 270px;
	margin: 0 auto 30px;
	position: relative
}

.about-us .banner-section .right .red-wrapper .image-wrapper {
	background: url(../../assets/images/about-us/user.png) no-repeat 50% 50%;
	width: 243px;
	height: 260px;
	background-size: cover!important;
	position: absolute;
	bottom: -3px;
	left: 13px
}

.about-us .big-yellow-circle {
	background: #ffc732;
	width: 520px;
	height: 520px;
	position: absolute;
	right: 0;
	top: -40px;
	border-radius: 520px
}

.about-us .banner-section {
	position: relative
}

.our-trusted-gray-bg {
	background: #efefef
}

.about-us-content {
	padding: 70px 0 50px
}

.about-us-content .wrapper .details-one {
	margin-bottom: 50px
}

.about-us-content .wrapper .details-one h3 {
	font-size: 151px;
	display: flex;
	font-family: 'Gotham Book';
	color: #1d5aec;
	align-items: baseline
}

.about-us-content .wrapper .details-one h3 span {
	font-size: 56px;
	color: #000
}

.about-us-content .wrapper .details-one p {
	font-family: 'Gotham Book';
	font-size: 18px;
	line-height: 35px;
	margin-top: 25px
}

.about-us-content .wrapper .details-one .red-arrow {
	width: 256px;
	height: 323px;
	background: url(../../assets/images/about-us/arrow.svg);
	background-size: cover!important;
	background-repeat: no-repeat!important;
	margin: 110px auto 0
}

.about-us-content .wrapper .details-two img {
	margin: 10px 0 25px
}

.about-us-content .wrapper .details-two h5 {
	font-family: Gotham;
	font-weight: 700;
	font-size: 24px;
	margin-bottom: 20px
}

.about-us-content .wrapper .details-two p {
	font-family: 'Gotham Book';
	font-size: 18px;
	line-height: 34px;
	margin-top: 0
}

.world-wide {
	padding: 100px 0 70px
}

.world-wide .first-para {
	max-width: 50%;
	margin: 25px 0 40px
}

.world-wide .wrapper {
	display: flex
}

.world-wide .wrapper .left {
	width: 33%
}

.world-wide .wrapper .left h3 {
	font-size: 24px;
	font-family: Gotham;
	font-weight: 700;
	margin-bottom: 25px
}

.world-wide .wrapper .left p {
	font-family: 'Gotham Book';
	font-weight: 400;
	font-size: 16px;
	margin-bottom: 20px
}

.world-wide .wrapper .left a {
	color: #1d5aec;
	font-family: Gotham;
	font-weight: 500;
	font-size: 16px;
	display: block
}

.world-wide .wrapper .right {
	width: 70%;
	position: relative
}

.world-wide .wrapper .right .one {
	margin-right: 15px
}

.world-wide .wrapper .right .two {
	margin-top: -150px;
	margin-left: 15px
}

.iti-flag {
	box-shadow: none!important;
	background-color: transparent!important
}

.mobile-menu-type-two-open {
	position: absolute;
	left: -20px;
	right: -20px;
	z-index: 2;
	top: 70px
}

.mobile-menu-type-two-open .card-body {
	padding: 0 15px;
	border-bottom: 0;
	box-shadow: 0 6px 8px -5px rgb(0 0 0 / 22%)
}

.fixed-header .sticky-header .navbar .menu-with-searchbar .mobile-menu .navbar-nav .nav-item>a {
	font-size: 16px
}

.navbar .menu-with-searchbar .mobile-menu .navbar-nav .nav-item>a {
	font-size: 16px;
	margin-right: 0;
	padding: 14px 15px;
	background: #1d5aec;
	color: #fff!important;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	font-family: Gotham;
	font-weight: 500
}

.navbar .menu-with-searchbar .mobile-menu .navbar-nav .nav-item.collapsed>a {
	background: #fff;
	color: #000!important;
	font-weight: 500;
	font-family: Gotham
}

.navbar .menu-with-searchbar .mobile-menu .navbar-nav>li>a>span {
	position: absolute;
	width: 52px;
	height: 52px;
	background: #fff;
	display: flex;
	right: 0;
	top: 0;
	bottom: 0;
	align-items: center;
	justify-content: center
}

.navbar .menu-with-searchbar .mobile-menu .navbar-nav>li>a:after {
	content: '';
	display: none
}

.navbar .menu-with-searchbar .mobile-menu .navbar-nav .nav-item ul {
	padding: 0 0 0 15px;
	list-style-type: none
}

.navbar .menu-with-searchbar .mobile-menu .navbar-nav .nav-item ul>li {
	list-style-type: none
}

.navbar .menu-with-searchbar .mobile-menu .navbar-nav .nav-item ul>li>a {
	margin: 0;
	padding: 10px 15px;
	font-size: 15px;
	display: block;
	border-bottom: 1px solid #e4e4e4
}

.navbar .menu-with-searchbar .mobile-menu .navbar-nav .nav-item ul>li>a:after {
	display: none;
	content: ''
}

.navbar .menu-with-searchbar .mobile-menu .navbar-nav .nav-item.collapsed .down-arrow {
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	-webkit-transition: .3s ease all;
	transition: .3s ease all;
	transform: rotate(0)
}

.navbar .menu-with-searchbar .mobile-menu .navbar-nav .nav-item .down-arrow {
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	-webkit-transition: .3s ease all;
	transition: .3s ease all;
	transform: rotate(180deg)
}

.navbar .menu-with-searchbar .mobile-menu .navbar-nav .nav-item.collapsed {
	border-bottom: 1px solid #e4e4e4
}

.navbar .menu-with-searchbar .mobile-menu .navbar-nav .nav-item.collapsed:last-child {
	border-bottom: 0
}

.mobile-menu button.show-menu-modal.collapsed .mobile-menu-icon {
	display: block
}

.mobile-menu button.show-menu-modal.collapsed .mobile-menu-icon-close-white {
	display: none
}

.mobile-menu button.show-menu-modal .mobile-menu-icon {
	display: none
}

.mobile-menu button.show-menu-modal .mobile-menu-icon-close-white {
	display: block
}

.navbar .menu-with-searchbar .mobile-menu .other-menu {
	display: flex;
	align-items: center;
	justify-content: flex-end
}

.navbar .menu-with-searchbar .mobile-menu .other-menu a {
	font-family: 'Gotham Book';
	font-size: 14px;
	color: #000;
	padding: 10px 10px 10px 10px;
	position: relative
}

.navbar .menu-with-searchbar .mobile-menu .other-menu a:after {
	display: block;
	content: '';
	width: 2px;
	height: 14px;
	background: #909090;
	position: absolute;
	right: 0;
	top: 15px
}

.navbar .menu-with-searchbar .mobile-menu .other-menu a:last-child:after {
	content: '';
	display: none
}

footer.mobile-view {
	display: none
}

footer.mobile-view .subscribe {
	margin-top: 0
}

footer.mobile-view .subscribe .right {
	text-align: center
}

footer.mobile-view .contact,
footer.mobile-view .menus,
footer.mobile-view .social-links {
	margin-top: 22px
}

footer.mobile-view .contact .small-title {
	margin-top: 0
}

footer.mobile-view .contact ul li a {
	padding: 5px 10px 5px 20px
}

footer.mobile-view #footer-mbl-view-contact {
	margin-bottom: 25px
}

footer.mobile-view .contact h4,
footer.mobile-view .menus h4 {
	display: flex;
	align-items: center;
	justify-content: space-between
}

footer.mobile-view .contact h4.collapsed span,
footer.mobile-view .menus h4.collapsed span {
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	-webkit-transition: .3s ease all;
	transition: .3s ease all;
	transform: rotate(0)
}

footer.mobile-view .contact h4 span,
footer.mobile-view .menus h4 span {
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	-webkit-transition: .3s ease all;
	transition: .3s ease all;
	transform: rotate(180deg)
}

footer.mobile-view .contact,
footer.mobile-view .menus {
	margin-top: 12px
}

footer.mobile-view .description {
	max-width: 100%;
	margin-top: 10px;
	line-height: 22px;
	font-size: 13px!important;
	margin-bottom: 0
}

footer.mobile-view .contacts a {
	margin-bottom: 5px
}

footer.mobile-view .contacts {
	margin-top: 5px
}

footer.mobile-view .bottom {
	margin-top: 0
}

footer.mobile-view .inner-wrapper .line {
	margin-top: 15px;
	margin-bottom: 10px
}

footer.mobile-view .bottom p {
	font-size: 12px!important
}

footer.mobile-view .social-links {
	margin-top: 12px
}

footer.mobile-view .navbar-brand {
	margin-top: 10px
}

footer.mobile-view .subscribe {
	margin-bottom: 10px
}

.open-position.privacy-policy-content {
	padding: 40px 0 70px
}

.open-position.privacy-policy-content .category {
	margin-top: 0
}

.open-position.privacy-policy-content p {
	margin-top: 0;
	line-height: 30px;
	font-size: 17px;
	font-family: 'Gotham Book', sans-serif
}

.open-position.privacy-policy-content .category h4,
.privacy-policy-banner .left h4 {
	margin-top: 35px;
	margin-bottom: 15px
}

.open-position.privacy-policy-content ul {
	padding: 0;
	margin: 0;
	list-style-type: none
}

.open-position.privacy-policy-content ul li {
	font-family: 'Gotham Book';
	font-size: 17px;
	line-height: 40px;
	margin: 5px 0;
	background: url(../../assets/images/cloud-services/list.png) no-repeat 0 12px;
	padding-left: 32px;
	background-size: 19px auto
}

.privacy-policy-desgin-banner {
	position: relative;
	height: 100%
}

.privacy-policy-desgin-banner .yellow-circle {
	width: 105px;
	height: 105px;
	position: absolute;
	top: 0;
	background-size: cover!important;
	left: 10px;
	background: #ffc732;
	border-radius: 65px
}

.privacy-policy-desgin-banner .banner {
	background: url(../../assets/images/privacy-policy/privacy-policy.png) no-repeat;
	width: 330px;
	height: 293px;
	position: absolute;
	bottom: 70px;
	background-size: cover!important;
	right: -40px
}

.privacy-policy-desgin-banner .dots {
	background: url(../../assets/images/careers/dots.svg) no-repeat 93% 50%;
	width: 141px;
	height: 143px;
	position: absolute;
	right: -119px;
	bottom: 70px;
	background-size: cover!important
}

.privacy-policy-desgin-banner.terms-condition-banner .banner {
	background: url(../../assets/images/terms-condition/terms-condition.jpg) no-repeat 0 0
}

.cms-wrapper-banner {
	position: relative;
	height: 100%
}

.cms-wrapper-banner .one {
	margin-top: -193px;
	margin-left: -61px
}

.cms-wrapper-banner .two {
	margin-left: -224px;
	margin-top: -36px
}

.cms-wrapper-banner .three {
	margin-left: 100px;
	margin-top: -140px
}

.cms-wrapper-banner .four {
	margin-top: 120px;
	margin-left: -180px
}

.cms-wrapper-banner .five {
	margin-top: 120px;
	margin-left: 60px
}

.cms-wrapper-banner .six {
	margin-left: -83px;
	margin-top: -56px
}

.cms-wrapper-banner .small-size-white {
	width: 108px;
	height: 108px;
	background: #fff;
	border-radius: 22px;
	box-shadow: 1px 1px 16px rgb(0 0 0 / 12%);
	display: flex;
	align-items: center;
	justify-content: center;
	left: 50%;
	position: absolute;
	top: 50%
}

.cms-wrapper-banner .small-size-white.big-size {
	width: 150px;
	height: 140px
}

.cms-wrapper-banner .small-size-white h3 {
	margin: 0;
	font-weight: 700
}

.cms-wrapper-banner .red-square {
	width: 50px;
	height: 50px;
	border-radius: 8px;
	background: #ff5050;
	position: absolute;
	top: 70px;
	left: 120px
}

.cms-wrapper-banner .yellow-wrapper {
	position: absolute;
	top: 200px;
	right: -20px;
	width: 150px;
	height: 150px
}

.cms-wrapper-banner .yellow-wrapper .yellow-square {
	width: 56px;
	height: 56px;
	border-radius: 8px;
	background: #ffc732;
	position: relative
}

.cms-wrapper-banner .yellow-wrapper .gray-square {
	width: 30px;
	height: 30px;
	border-radius: 7px;
	background: #c9c9c9;
	margin-top: 15px;
	position: relative;
	right: 40px
}

.cms-wrapper-banner .separate-square {
	width: 30px;
	height: 30px;
	border-radius: 7px;
	background: #c9c9c9;
	margin-top: 15px;
	right: 40px;
	position: absolute;
	bottom: 50px;
	right: 250px
}

.pt-90 {
	padding-top: 90px
}

.pb-0 {
	padding-bottom: 0
}

.pb-90 {
	padding-bottom: 90px
}

.swal2-popup #swal2-content {
	text-align: center;
	font-family: 'Gotham Book';
	font-size: 18px;
	line-height: 30px
}

.swal2-popup .swal2-styled.swal2-confirm {
	background-color: #1b1e66!important
}

.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
	background-image: none;
	background-color: #1b1e66
}

.swal2-popup .swal2-styled:focus {
	box-shadow: none!important
}

.web-development-accordion {
	height: 603px
}

.testing-services-accodion {
	height: 470px
}

.legacy-modernization-accordion {
	height: 466px
}

.integration-services-accordion {
	height: 600px
}

.user-experience-accordion {
	height: 566px
}

.gm-style .gm-style-iw-c {
	width: 250px
}

#cookie-modal .modal-header {
	display: flex;
	padding-bottom: 0
}

#cookie-modal .modal-header h4.modal-title {
	font-size: 18px
}

#cookie-modal .modal-body,
#cookie-modal .modal-footer,
#cookie-modal .modal-header {
	border: 0
}

#cookie-modal .modal-body,
#cookie-modal .modal-footer {
	padding-top: 17px;
	padding-bottom: 17px;
	padding-left: 0;
	padding-right: 0
}

#cookie-modal .modal-footer {
	display: block
}

#cookie-modal .close {
	position: absolute;
	right: 12px;
	top: 2px;
	opacity: 1;
	color: #fff;
	z-index: 9
}

#cookie-modal .close span {
	font-family: 'Gotham Book';
	font-size: 31px;
	color: #fff;
	opacity: 1
}

#cookie-modal p {
	font-family: 'Gotham Book';
	font-size: 14px!important;
	text-align: left;
	margin: 0;
	color: #fff
}

#cookie-modal .got-it-btn {
	color: #000;
	font-weight: 500;
	font-family: Gotham;
	font-size: 15px;
	background: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 0;
	padding: 5px 21px;
	cursor: pointer;
	border: 1px solid #fff;
	margin-left: 7px
}

#cookie-modal .modal-content {
	border: 0;
	border-radius: 0;
	background: rgb(0 0 0 / 63%)
}

#cookie-modal .modal-dialog {
	top: auto;
	left: 0;
	right: 0;
	bottom: 0;
	max-width: 100%;
	width: 100%;
	position: fixed;
	margin: 0;
	z-index: 9
}

#cookie-modal .modal-content {
	max-width: calc(100vw - 104px)
}

.career-banner .form-group select option {
	height: 10px;
	padding: 10px
}

.app-cost-calculator .button-groups {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 40px;
	position: relative
}

.app-cost-calculator .button-groups.one {
	margin-top: 0;
	justify-content: flex-end
}

.app-cost-calculator .button-groups.two {
	min-height: 53px
}

.app-cost-calculator button {
	font-weight: 500;
	padding: 15px 30px;
	font-size: 17px;
	display: inline-block;
	line-height: 21px;
	background: #1b1e66;
	color: #fff;
	transition: .3s all;
	height: auto;
	border: 1px solid #1b1e66;
	cursor: pointer
}

.app-cost-calculator button.previous {
	font-size: 30px;
	border-radius: 50px;
	padding: 0;
	width: 48px;
	height: 48px;
	background: #1d5aec;
	border: 1px solid #1d5aec;
	position: absolute;
	left: 30px
}

.app-cost-calculator .step-wrapper {
	margin: 10px 0 35px
}

.app-cost-calculator .tab h4 {
	color: #000;
	margin-bottom: 30px;
	font-family: 'Gotham Book';
	font-size: 20px
}

.app-cost-calculator .tab .icon-wrapper {
	margin-bottom: 25px
}

.app-cost-calculator .tab .icon-wrapper a i {
	font-size: 60px;
	color: #d5d5d5
}

.app-cost-calculator .tab .icon-wrapper label {
	color: #d5d5d5;
	margin: 0;
	font-family: 'Gotham Book';
	font-size: 16px
}

.app-cost-calculator .tab .icon-wrapper.active a i,
.app-cost-calculator .tab .icon-wrapper.active label {
	color: #1b1e66
}

.app-cost-calculator .tab .check-wrapper,
.app-cost-calculator .tab .radio-wrapper {
	position: relative
}

.app-cost-calculator .tab .check-wrapper .error,
.app-cost-calculator .tab .radio-wrapper .error {
	position: absolute
}

.app-cost-calculator .tab .radio-wrapper .container {
	display: block;
	position: relative;
	padding-left: 55px;
	margin-bottom: 15px;
	cursor: pointer;
	font-size: 16px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid #eee;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: left;
	font-family: 'Gotham Book';
	color: #aaa
}

.app-cost-calculator .tab .radio-wrapper .container input {
	position: absolute;
	opacity: 0;
	cursor: pointer
}

.app-cost-calculator .tab .radio-wrapper .checkmark {
	position: absolute;
	top: 15px;
	left: 15px;
	height: 25px;
	width: 25px;
	background-color: #eee;
	border-radius: 50%
}

.app-cost-calculator .tab .radio-wrapper .container input:checked~.checkmark {
	background-color: #1b1e66
}

.app-cost-calculator .tab .radio-wrapper .container.radio-selected {
	border: 1px solid #1b1e66;
	color: #1b1e66
}

.app-cost-calculator .tab .check-wrapper .container.checkbox-selected {
	border: 1px solid #1b1e66;
	color: #1b1e66
}

.app-cost-calculator .tab .radio-wrapper .checkmark:after {
	content: "";
	position: absolute;
	display: none
}

.app-cost-calculator .tab .radio-wrapper .container input:checked~.checkmark:after {
	display: block
}

.app-cost-calculator .tab .radio-wrapper .container .checkmark:after {
	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #fff
}

.app-cost-calculator .tab .check-wrapper .container {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: block;
	position: relative;
	padding-left: 55px;
	margin-bottom: 15px;
	cursor: pointer;
	font-size: 16px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid #eee;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: left;
	font-family: 'Gotham Book';
	color: #aaa
}

.app-cost-calculator .tab .check-wrapper .container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0
}

.app-cost-calculator .tab .check-wrapper .checkmark {
	position: absolute;
	top: 15px;
	left: 15px;
	height: 25px;
	width: 25px;
	background-color: #eee
}

.app-cost-calculator .tab .check-wrapper .container input:checked~.checkmark {
	background-color: #1b1e66
}

.app-cost-calculator .tab .check-wrapper .checkmark:after {
	content: "";
	position: absolute;
	display: none
}

.app-cost-calculator .tab .check-wrapper .container input:checked~.checkmark:after {
	display: block
}

.app-cost-calculator .tab .check-wrapper .container .checkmark:after {
	left: 10px;
	top: 6px;
	width: 5px;
	height: 10px;
	border: solid #fff;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.app-cost-calculator form {
	max-width: 73%;
	margin: 0 auto
}

.app-cost-calculator .estimate-wrapper {
	max-width: 70%;
	margin: 0 auto
}

.app-cost-calculator .estimate-wrapper input::placeholder,
.app-cost-calculator .estimate-wrapper textarea::placeholder {
	font-family: 'Gotham Book';
	font-size: 15px
}

.app-cost-calculator .estimate-wrapper .form-control {
	border-radius: 0;
	padding: 15px 20px;
	border: 1px solid #c1c1c1;
	font-family: Gotham;
	font-size: 14px;
	border-radius: 0;
	font-weight: 400;
	height: auto;
	color: #000
}

.app-cost-calculator .estimate-wrapper .form-control::placeholder {
	color: #aaa
}

.app-cost-calculator .intl-tel-input {
	width: 100%
}

.app-cost-calculator .intl-tel-input.separate-dial-code .selected-dial-code {
	padding-left: 10px
}

.app-cost-banner {
	background: url(../../assets/images/app-cost/app-cost.jpg) no-repeat 50% 60%;
	background-size: cover!important;
	background-repeat: no-repeat;
	padding: 40px 0
}

.app-cost-banner p {
	font-size: 20px;
	margin-bottom: 0;
	font-family: 'Gotham Book';
	max-width: 800px;
	margin: 20px auto 0;
	line-height: 33px
}

.app-cost-calculator .error {
	text-align: left;
	display: block
}

.disable-fields {
	opacity: 0
}

.app-cost-text {
	font-family: 'Gotham Book';
	font-size: 20px;
	color: red;
	font-weight: 400
}

.app-cost-text-success {
	font-family: 'Gotham Book';
	font-size: 20px;
	color: #000;
	font-weight: 400
}

#user_phone_number-error {
	position: absolute;
	bottom: -17px
}

.estimate-wrapper .recaptcha-wrapper #recaptcha_response_acc-error {
	position: absolute;
	bottom: 0
}

#email-section {
	min-height: 136px
}

#email-section button.previous {
	font-size: 30px;
	border-radius: 50px;
	padding: 0;
	width: 48px;
	height: 48px;
	background: #1d5aec;
	border: 1px solid #1d5aec;
	margin-top: 9px
}

#email-section button.previous .fa {
	color: #fff
}

.our-services.mobile-view,
.our-services.type-two .inner-wrapper.mobile-view {
	display: none
}

.all-services-grid {
	margin-top: -160px;
	margin-bottom: 70px
}

.all-services-grid .service-wrapper {
	padding: 20px;
	box-shadow: 0 0 15px 0 rgb(0 0 0 / 12%);
	border-radius: 5px;
	margin-bottom: 35px;
	background: #fff
}

.all-services-grid .service-wrapper .banner-image {
	text-align: center
}

.all-services-grid .service-wrapper .banner-image img {
	max-height: 50px;
	margin-bottom: 30px;
	margin-top: 10px
}

.all-services-grid .service-wrapper h3 {
	font-family: Gotham;
	font-size: 22px;
	line-height: 28px;
	font-weight: 700;
	color: #000;
	text-align: center;
	margin-bottom: 15px
}

.all-services-grid .service-wrapper p {
	text-align: center;
	font-family: 'Gotham Book';
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-weight: 500;
	font-size: 15px;
	margin-bottom: 25px;
	line-height: 24px
}

.all-services-grid .service-wrapper input {
	background: #eee;
	padding: 7px 13px;
	border: 1px solid #eee;
	font-family: 'Gotham Book';
	font-size: 14px;
	background-clip: unset;
	box-shadow: unset;
	margin-bottom: 9px;
	border-radius: 3px
}

.all-services-grid .service-wrapper .submit-btn {
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
	padding: 12px 20px;
	font-size: 15px;
	display: block;
	line-height: 17px;
	background: #1b1e66!important;
	text-align: center;
	border-color: #1b1e66;
	transition: .3s all;
	cursor: pointer;
	border: 1px;
	width: 44%;
	margin: 0 auto
}

#email-section .intl-tel-input.separate-dial-code .selected-flag {
	background-color: #fff;
	border-right: 1px solid #c1c1c1
}

#email-section .wpcf7-form-control-wrap {
	transform: scale(.76);
	transform-origin: 0 2px
}

#email-section .custom-recaptcha-error {
	margin-top: -19px
}

#email-section label.error {
	text-align: left;
	display: block
}

#enquiry_phone_with_country:disabled {
	background-color: #fff!important
}

#enquiryForm .intl-tel-input .country-list {
	max-width: 230px;
	z-index: 3
}

.f-mb {
	margin-bottom: 18px
}

.opacity {
	opacity: 0
}

.data-science-banner {
	position: relative;
	padding-bottom: 80px
}

.data-science-service .blue {
	background: url(../../assets/images/it-staffing/blue.svg);
	width: 86px;
	height: 86px;
	position: absolute;
	bottom: auto;
	right: -82px;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
	top: 20px;
	}

.data-science-service .yellow {
	background: url(../../assets/images/it-staffing/yellow.svg);
	width: 100px;
	height: 100px;
	position: absolute;
	left: -80px;
	bottom: auto;
	background-size: cover;
	z-index: 1
;top: 90px;}

.data-science-service .dots {
	background: url(../../assets/images/it-staffing/dots.svg);
	width: 144px;
	height: 149px;
	position: absolute;
	top: auto;
	right: -94px;
	background-repeat: no-repeat;
	background-size: cover;
	bottom: 98px;
	}

.data-science-service .banner {
	background-size: cover!important;
	width: 480px;
	height: 480px;
	background-position: 50% 50%!important;
	position: relative;
	}


	.mainframe-service-banner {
		position: relative;
		margin-top: 60px;}
	
	.mainframe-service-banner .bg {
		background-repeat: no-repeat!important;
		background-size: cover!important;
		background-position: 50% 50%!important
	}
	
	.mainframe-service-banner .yellow {
		background: url(../../assets/images/web-development-services/yellow.svg);
		width: 160px;
		height: 160px;
		position: absolute;
		right: 140px;
		top: -45px;
	}
	
	.mainframe-service-banner .blue {
		background: url(../../assets/images/web-development-services/blue.svg);
		width: 120px;
		height: 120px;
		position: absolute;
		right: 30px;
		bottom: 20px;
		background-position: initial!important
	}
	
	.mainframe-service-banner .banner {
		background-repeat: no-repeat!important;
		background-size: cover!important;
		background-position: 50% 50%!important;
		width: 380px;
		height: 380px;
		position: relative;
		margin: 0 auto;
	}
	
	.mainframe-service-banner .red {
		background: url(../../assets/images/web-development-services/red.svg);
		width: 100px;
		height: 100px;
		position: absolute;
		bottom: 12px;
		left: 7px;
	}
	.mongodb-banner .linux img
	{
		width: 100%;
	}

	.mobile-banner {
		position: relative;
		width: 100%;
		height: 100%;
		display: block;
	}

	.mobile-banner .blue-wrapper {
		position: absolute;
		right: 70px;
		top: 30px;
	}

	.mobile-banner .blue-wrapper .inner {
		height: 67px;
		width: 60px;
		position: relative;
	}

	.mobile-banner .blue-wrapper .inner .blue-square {
		width: 56px;
		height: 56px;
		border-radius: 15px;
		background: #1d5aec;
	}

	.mobile-banner .blue-wrapper .inner .blue-circle {
		position: absolute;
		bottom: 0;
	}

	.mobile-banner .yellow-wrapper {
		position: absolute;
		left: 170px;
		top: -100px;
		bottom: auto;
	}

	.mobile-banner .yellow-wrapper .inner {
		width: 91px;
		height: 95px;
		position: relative;
		top: 50%;
		margin-top: 101px;
	}

	.mobile-banner .yellow-wrapper .inner .yellow-square {
		width: 53px;
		height: 53px;
		background: #ffc732;
		border-radius: 9px;
	}

	.mobile-banner .yellow-wrapper .inner .yellow-circle {
		position: absolute;
		left: 0;
		top: 4px;
	}

	.mobile-banner .yellow-wrapper .inner .gray-square {
		width: 38px;
		height: 38px;
		background: #c9c9c9;
		border-radius: 8px;
	}

	.mobile-banner .yellow-wrapper .inner .gray-circle {
		position: absolute;
		bottom: -8px;
		right: -10px;
	}

	.mobile-banner .red-wrapper {
		position: absolute;
		bottom: 43%;
		left: 70px;
	}

	.mobile-banner .red-wrapper .inner {
		width: 80px;
		height: 90px;
		position: relative;
	}

	.mobile-banner .red-wrapper .inner .red-circle {
		width: 77px;
		height: 77px;
		background: #ff5050;
		border-radius: 8px;
	}

	.mobile-banner .rails-wrapper {
		position: absolute;
		left: 50%;
		margin-left: -90px;
		top: 50%;
		margin-top: -67px;
	}

	.mobile-banner .big-white-bg {
		width: 260px;
		height: 250px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 17px;
	}

	.mobile-banner .android-wrapper {
		position: absolute;
		bottom: -110px;
		right: -40px;
		width: 325px;
		height: 85px;
	}

	.mobile-banner .android-wrapper .white-bg {
		position: absolute;
		bottom: 2px;
		right: 90px;
	}

	.mobile-banner .android-wrapper .gray-square {
		width: 38px;
		height: 38px;
		background: #c9c9c9;
		border-radius: 7px;
	}

	.mobile-banner .android-wrapper .gray-circle-one {
		position: absolute;
		top: -84px;
		right: 83px;
	}

	.mobile-banner .android-wrapper .gray-square {
		width: 38px;
		height: 38px;
		background: #c9c9c9;
		border-radius: 7px;
	}

	.mobile-banner .android-wrapper .gray-circle-two {
		position: absolute;
		left: 50px;
		top: -20px;
	}

	.mobile-banner .python-wrapper {
		top: 37%;
		position: absolute;
		right: -10px;
	}

	.mobile-banner .white-bg {
		width: 98px;
		height: 98px;
		background: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		box-shadow: 1px 1px 16px rgb(0 0 0 / 12%);
		border-radius: 16px;
	}
	.mobile-banner .java-wrapper {
		position: absolute;
		left: 60px;
		bottom: 0;
	}

	.microsoft-dynamics-service-banner {
		position: relative;
		margin-top: 50px;
	}
	
	.microsoft-dynamics-service-banner .bg {
		background-repeat: no-repeat!important;
		background-size: cover!important;
		background-position: 50% 50%!important
	}
	
	.microsoft-dynamics-service-banner .yellow {
		background: url(../../assets/images/web-development-services/yellow.svg);
		width: 90px;
		height: 90px;
		position: absolute;
		right: 40px;
		top: -35px;
	}
	
	.microsoft-dynamics-service-banner .blue {
		background: url(../../assets/images/web-development-services/blue.svg);
		width: 70px;
		height: 103px;
		position: absolute;
		right: 71px;
		bottom: 20px;
		background-position: initial!important
	}
	
	.microsoft-dynamics-service-banner .banner {
		margin-right: 60px;
		margin-left: 60px;
		background-repeat: no-repeat!important;
		background-size: cover!important;
		background-position: 50% 50%!important;
		width: 461px;
		height: 430px;
		position: relative
	}
	
	.microsoft-dynamics-service-banner .red {
		background: url(../../assets/images/web-development-services/red.svg);
		width: 60px;
		height: 60px;
		position: absolute;
		bottom: 82px;
		left: 72px;
	}
	
	.microsoft-dynamics-service-banner.content-management-solution-banner {
		margin-bottom: 60px
	}
	
	.microsoft-dynamics-service-banner.content-management-solution-banner .banner {
		width: 430px;
		height: 320px;
		background-size: cover!important;
		background-position: 50% 17%!important
	}
	
	.microsoft-dynamics-service-banner.content-management-system-banner {
		margin-bottom: 60px
	}
	/* #holder {
		position: absolute;
		top: 30%;
		left: 45%;
	} */

	.mobile-an-wrapper #an_video
	{
		left: 50% !important;
		width: 250px !important;
		height: auto !important;
		margin-left: -125px !important;
		top: -30px !important;
	}
	.salesforce-service .banner-section .left {
		width: 47%
	}
	
	.salesforce-service .banner-section .right {
		width: 52%;
		overflow: hidden
	}
	
	.salesforce-service .description {
		max-width: 80%
	}

	.salesforce-service-banner {
		position: relative;
		margin-top: 50px;
	}
	
	.salesforce-service-banner .bg {
		background-repeat: no-repeat!important;
		background-size: cover!important;
		background-position: 50% 50%!important
	}
	
	.salesforce-service-banner .yellow {
		background: url(../../assets/images/web-development-services/yellow.svg);
		width: 90px;
		height: 90px;
		position: absolute;
		right: 40px;
		top: -35px;
	}
	
	.salesforce-service-banner .blue {
		background: url(../../assets/images/web-development-services/blue.svg);
		width: 100px;
		height: 107px;
		position: absolute;
		right: 26px;
		bottom: 0px;
		background-position: initial!important
	}
	
	.salesforce-service-banner .banner {
		background-repeat: no-repeat!important;
		background-size: cover!important;
		background-position: 50% 50%!important;
		width: 387px;
		height: 270px;
		position: relative;
		margin: 0 auto;
	}
	
	.salesforce-service-banner .red {
		background: url(../../assets/images/web-development-services/red.svg);
		width: 70px;
		height: 70px;
		position: absolute;
		bottom: 0px;
		left: 43px;
	}
	.ai-ml-banner-start
	{
		padding-top: 50px;
	}
	.ai-ml-development-service .banner-section .left {
		width: 47%
	}
	
	.ai-ml-development-service .banner-section .right {
		width: 45%;
	}
	
	.ai-ml-development-service .banner-section .left p {
		max-width: 80%
	}

	.ai-ml-service-banner {
		position: relative;
		padding-top: 15px
	}
	
	.ai-ml-service-banner .bg {
		background-repeat: no-repeat!important;
		background-size: cover!important;
		background-position: 50% 50%!important
	}
	
	.ai-ml-service-banner .yellow {
		background: url(../../assets/images/mobile-app-development-srevices/yellow.svg);
		width: 80px;
		height: 80px;
		position: absolute;
		right: -30px;
		top: 50%;
		margin-top: -126px;
		z-index: 1
	}
	
	.ai-ml-service-banner .dots {
		background: url(../../assets/images/mobile-app-development-srevices/dots.svg);
		width: 120px;
		height: 104px;
		position: absolute;
		left: 23px;
		top: 25px;
		background-position: initial!important
	}
	
	.ai-ml-service-banner .banner {
		padding-left: 0;
		background-size: cover!important;
		width: 467px;
		height: 413px;
		position: relative
	}
	
	.ai-ml-service-banner .red {
		background: url(../../assets/images/mobile-app-development-srevices/red.svg);
		width: 70px;
		height: 70px;
		position: absolute;
		bottom: 30px;
		left: -30px;
	}