.template-offshore-page .banner-general .banner-image img {
	opacity: 1;
}

.template-offshore-page .section.section-banner.banner-general {
	background-color: transparent !important;
}

.offshore .section-why {
	padding: 80px 0;
}

.offshore .section-why h2 {
	text-align: center;
	max-width: 904px;
	margin: auto;
	margin-bottom: 25px;
}

.offshore .section-why .content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.offshore .section-why .images {
	width: 45.1%;
	max-height: 552px;
}

.offshore .section-why .item-list {
	width: 54.9%;
	padding-top: 66px;
}

.offshore .section-why .images>div {
	border-radius: 50%;
	position: relative;
}

.offshore .section-why .image-1 {
	width: 334px;
	height: 334px;
	left: 6px;
}

.offshore .section-why .image-2 {
	width: 183px;
	height: 183px;
	left: 232px;
	top: -6px;
}

.offshore .section-why .image-3 {
	width: 158px;
	height: 158px;
	left: 35px;
	top: -124px;
}

.offshore .section-why .item {
	margin-bottom: 21px;
	position: relative;
	padding-left: 50px;
}

.offshore .section-why .item:last-child {
	margin-bottom: 0;
}

.offshore .section-why .item-title {
	padding-bottom: 21px;
}

.offshore .section-why h5 {
	line-height: 32px;
	margin-bottom: 0;
	cursor: pointer;
	color: #2C3377;
}

.offshore .section-why .item-symbol {
	position: absolute;
	left: -25px;
	top: -10px;
	z-index: 1;
	cursor: pointer;
}

.offshore .section-why .item:before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0px;
	bottom: -42px;
	width: 1px;
	background-image: var(--wpr-bg-83175f42-c496-4f11-bff1-5a6e8c5957a9);
	background-size: contain;
	background-repeat: repeat-y;
	background-position: top;
}

.offshore .section-why p {
	margin-bottom: 24px;
}

.offshore .section-why .item-symbol {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #2C3377;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.offshore .section-why .item-symbol img {
	margin: auto;
}

.offshore .section-why .item:last-child:before {
	display: none;
}

.offshore .section-why .item-content {
	padding-left: 4px;
	color: #746F6F;
	letter-spacing: 0.3px;
	max-width: 563px;
	display: none;
	padding-bottom: 12px;
}

.offshore .section-why .item:first-child .item-content {
	display: block;
}

.offshore .section-why .item-content p {
	font-size: 16px;
	line-height: 24px;
}

.offshore .section-why .item-content p:last-child {
	margin-bottom: 0;
}

.offshore .section-center-services {
	padding: 80px 0 55px;
	background: linear-gradient(to right, #2C3377, #2F3AA0 44%, #0F1762);
	color: #fff;
	text-align: center;
}

.offshore .section-center-services h2 {
	margin-bottom: 46px;
	color: #fff;
}

.offshore .section-center-services .service-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.offshore .section-center-services .item {
	padding: 0 6px;
	margin-bottom: 40px;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 33.3333%;
	        flex: 0 0 33.3333%;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: 0.04em;
	font-weight: bold;
}

.offshore .section-center-services .item .wrap {
	padding: 29px 15px;
	border-radius: 16px;
	background-color: rgba(228, 228, 228, 0.1);
	height: 100%;
}

.offshore .section.section-magento-upgrade-service:after {
	position: absolute;
    content: '';
    display: block;
    width: 300px;
    height: 300px;
	left: 48%;
    bottom: -106px;
    border-radius: 50%;
    background: #031096;
    z-index: 0;
}

.offshore .section.section-magento-upgrade-service .col-left {
	padding-bottom: 90px;
    padding-top: 68px;
}

.offshore .section-image-content-list {
	padding: 66px 0 69px;
	background-image: -webkit-gradient(linear, left top, right top, from(#FAFAFC), to(#DBDBE6));
	background-image: -o-linear-gradient(left, #FAFAFC, #DBDBE6);
	background-image: linear-gradient(to right, #FAFAFC, #DBDBE6);
}

.offshore .section-image-content-list h2 {
	margin-bottom: 74px;
	text-align: center;
}

.offshore .section-image-content-list .item-block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.offshore .section-image-content-list .block-text {
	padding: 74px 89px 74px 111px;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 63.5%;
	        flex: 0 0 63.5%;
}

.offshore .section-image-content-list .item-block:nth-child(even) .block-text {
	padding: 74px 108px 74px 92px;
}

.offshore .section-image-content-list .block-image {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 36.5%;
	        flex: 0 0 36.5%;
}

.offshore .section-image-content-list .item-block:nth-child(even) .block-image {
	-webkit-box-ordinal-group: 3;
	    -ms-flex-order: 2;
	        order: 2;
}

.offshore .section-image-content-list h5 {
	font-size: 24px;
	line-height: 32px;
	color: #000;
	margin-bottom: 32px;
}

.offshore .section-image-content-list .block-content {
	font-size: 16px;
	line-height: 24px;
}

.offshore .section-image-content-list .block-content p {
	margin-bottom: 24px;
}

.offshore .section-image-content-list .block-content p:last-child {
	margin-bottom: 0;
}

.offshore .section-check-list {
	padding: 57px 0 83px;
	text-align: center;
}

.offshore .section-check-list h2 {
	margin-bottom: 70px;
}

.offshore .section-check-list .item-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.offshore .section-check-list .item-checked {
	padding: 8px 23.25px 8px 92px;
	margin-bottom: 32px;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 33.3333%;
	        flex: 0 0 33.3333%;
	font-size: 24px;
	line-height: 32px;
	color: #000;
	text-align: left;
	font-weight: 600;
}

.offshore .section-check-list .item-checked .wrap {
	position: relative;
	display: inline-block;
}

.offshore .section-check-list .item-checked .wrap:before {
	content: "";
	position: absolute;
	display: block;
	left: -36px;
	top: 4px;
	width: 24px;
	height: 24px;
	background-image: var(--wpr-bg-d3247cdf-46a9-46f3-a3d8-8b7b96efea7b);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.offshore .section.section-magento-upgrade-service .title-section h2 {
	max-width: 612px;
}

.offshore .section-development-process {
	background-image: -webkit-gradient(linear, left top, right top, from(#FAFAFC), to(#DBDBE6));
	background-image: -o-linear-gradient(left, #FAFAFC, #DBDBE6);
	background-image: linear-gradient(to right, #FAFAFC, #DBDBE6);
}

.offshore .section-content-parallax .section-text {
	letter-spacing: 0.04em;
}

.offshore .section-content-parallax .section-text {
	max-width: 1050px;
}

@media (max-width: 991px) {
	.offshore .section-check-list .item-checked {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
	}
	.offshore .section-check-list .item-checked .wrap {
		font-size: 22px;
	}
	.offshore .section-why .item-list {
		padding-left: 26px;
	}
	.offshore .section-why .images,
	.offshore .section-why .item-list {
		width: 100%;
	}

	.offshore .section-why .images {
		max-width: 420px;
		margin: auto;
	}

	.offshore .section-image-content-list .block-text {
		padding: 40px;
	}

	.offshore .section-image-content-list .item-block:nth-child(even) .block-text {
		padding: 40px;
	}
}

@media (max-width: 767px) {
	.offshore .section-check-list .item-checked .wrap {
		font-size: 24px;
	}
	.template-offshore-page .banner-general .banner-image img {
		opacity: 0;
	}
	.offshore .section.section-magento-upgrade-service:after {
		display: none;
	}
	.offshore .section.section-magento-upgrade-service .col-right {
		padding-top: 0;
	}
	.offshore .section.section-magento-upgrade-service .col-left {
		padding-bottom: 0;
		padding-top: 48px;
	}
	.offshore .section-why {
		padding: 40px 0 48px;
	}
	.offshore .section-why h2 {
		margin-bottom: 50px;
	}
	.offshore .section-why .image-1 {
		width: 280px;
		height: 280px;
	}

	.offshore .section-why .image-2 {
		width: 153px;
		height: 153px;
		left: auto;
		top: auto;
		margin-left: auto;
	}

	.offshore .section-why .image-3 {
		width: 133px;
		height: 133px;
		left: 24px;
		top: auto;
		margin-top: -96px;
	}

	.offshore .section-why .images {
		max-height: none;
	}

	.offshore .section-why .item-list {
		padding-left: 16px;
		padding-top: 50px;
	}

	.offshore .section-why .item:before {
		display: none;
	}

	.offshore .section-why .item-symbol {
		width: 30px;
		height: 30px;
		left: -16px;
        top: -3px;
		padding: 6px;
	}
	.offshore .section-why h5 {
		padding-left: 30px;
		font-size: 20px;
		line-height: 24px;
		color: #2C3377;
	}
	.offshore .section-why .item-content {
		padding-left: 0;
	}

	.offshore .section-why .item {
		padding-left: 0;
		margin-bottom: 12px;
	}

	.offshore .section-why .item-title {
		padding-bottom: 12px;
	}

	.offshore .section-why .item-content p {
		font-size: 14px;
		line-height: 20px;
		letter-spacing: 0.02em;
	}

	.offshore .section-center-services {
		padding: 27px 0 4px;
	}

	.offshore .section-center-services h2 {
		margin-bottom: 24px;
	}

	.offshore .section-center-services .item {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		padding: 0;
		font-size: 20px;
        line-height: 24px;
	}

	.offshore .section-center-services .item .wrap {
		padding: 23px 15px;
	}

	.offshore .section-image-content-list .block-image {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
	}

	.offshore .section-image-content-list .block-text {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		padding: 40px 0;
	}

	.offshore .section-image-content-list .item-block:nth-child(even) .block-image {
		-webkit-box-ordinal-group: inherit;
		    -ms-flex-order: inherit;
		        order: inherit;
	}

	.offshore .section-image-content-list .item-block:nth-child(even) .block-text {
		padding: 24px 0 40px;
	}

	.offshore .section-check-list .item-checked {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		padding: 12px 10px 12px 31px;
		margin-bottom: 16px;
	}

	.offshore .section-image-content-list {
		padding: 44px 0 43px;
	}

	.offshore .section-image-content-list h2 {
		margin-bottom: 40px;
		text-align: left;
	}
	.offshore .section-image-content-list .block-text {
		padding-top: 24px;
	}
	.offshore .section-image-content-list h5 {
		margin-bottom: 15px;
		font-size: 20px;
		line-height: 24px;
	}
	.offshore .section-image-content-list .block-content p {
		margin-bottom: 15px;
	}
	.offshore .section-check-list {
		padding: 49px 0 51px;
	}
	.offshore .section-check-list .item-checked .wrap:before {
		left: -31px;
	}
}