@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400&display=swap');
body {
	font-family: 'Open Sans', sans-serif;
	margin: 0;
	padding: 0;
}
.paraeffect {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 999999;
}
.paraImage {
	background-image: url("../images/home/desktop/others/service-1.png");
	background-attachment: fixed;
	height: 100vh;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
}
.paraImage1 {
	background-image: url("../images/home/desktop/others/service-2.png");
	height: 100vh;
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: contain;
}
.paraImage2 {
	background-image: url("../images/home/desktop/others/service-3.png");
	height: 100vh;
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: contain;
}
.paraImage3 {
	background-image: url("../images/home/desktop/others/service-4.png");
	height: 100vh;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
.paraImage4 {
	background-image: url("../images/home/desktop/others/service-5.png");
	height: 100vh;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
.services-content-area {
	position: fixed;
	top: 23%;
	left: 70%;
}
.service-title {
	padding-bottom: 35px;
}
.service-title h1 {
	color: #2A2A2B;
	font-style: normal;
	font-weight: 600;
	font-size: 40px;
	font-family: 'Open Sans', sans-serif;
}
.service-description {
	padding-bottom: 30px;
}
.service-description p {
	font-size: 16px;
	color: #181818, 100%;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
}
.service-button a {
	background: linear-gradient(94.38deg, #144473 2.64%, #186B99 19.55%, #144473 58.89%, #186B99 83.73%, #144473 102.02%);
	border-radius: 5px;
	color: white;
	font-size: 16px;
	border: none;
	padding: 14px;
	padding-left: 36px;
	padding-right: 36px;
	cursor: pointer;
}
#serviceOne {
	display: none;
}
#serviceTwo {
	display: none;
}
#serviceThree {
	display: none;
}
#serviceFour {
	display: none;
}
#serviceFive {
	display: none;
}
@media screen and (max-width: 1500px) {
	.services-content-area {
		position: fixed;
		top: 19%;
		left: 68%;
	}
	.service-title {
		padding-bottom: 30px;
	}
	.service-title h1 {
		color: #2A2A2B;
		font-style: normal;
		font-weight: 600;
		font-size: 36px;
		font-family: 'Open Sans', sans-serif;
	}
	.service-description {
		padding-bottom: 30px;
	}
}
@media screen and (max-width: 1366px) {
	.services-content-area {
		position: fixed;
		top: 17%;
		left: 67%;
	}
}
@media screen and (max-width: 1024px) {
	.services-content-area {
		position: fixed;
		top: 48%;
		left: 66.6%;
	}
	.service-description {
		padding-bottom: 25px;
	}
	.service-title {
		padding-bottom: 25px;
	}
	.service-title h1 {
		color: #2A2A2B;
		font-style: normal;
		font-weight: 600;
		font-size: 32px;
		font-family: 'Open Sans', sans-serif;
	}
	.paraImage {
		background-position: center 70%;
	}
	.paraImage1 {
		background-position: center 70%;
	}
	.paraImage2 {
		background-position: center 70%;
	}
	.paraImage3 {
		background-position: center 70%;
	}
	.paraImage4 {
		background-position: center 70%;
	}
}
@media screen and (max-width: 768px) {
	.paraImage {
		background-image: url("../images/home/tab/others/service-1.png");
		background-position: center 72%;
	}
	.paraImage1 {
		background-image: url("../images/home/tab/others/service-2.png");
		background-position: center 72%;
	}
	.paraImage2 {
		background-image: url("../images/home/tab/others/service-3.png");
		background-position: center 72%;
	}
	.paraImage3 {
		background-image: url("../images/home/tab/others/service-4.png");
		background-position: center 72%;
	}
	.paraImage4 {
		background-image: url("../images/home/tab/others/service-5.png");
		background-position: center 72%;
	}
	.services-content-area {
		position: fixed;
		top: 40%;
		left: 58.6%;
	}
}
@media screen and (max-width: 500px) {
	#paraeffect {
		display: none;
	}
}