﻿.service-block{
	position:relative;
}

.service-block:nth-child(2n + 1)::before {
	content:'';
	position:absolute;
	background: url("/assets/images/fl1.png") no-repeat;
	background-size:100%;
	width: 272px;
    height: 454px;
	top: 80px;
    left: -120px;
}
.service-block:nth-child(2n + 1)::after {
	content:'';
	position:absolute;
	background: url("/assets/images/fl2.png") no-repeat;
	background-size:100%;
    width: 249px;
    height: 550px;
    right: -120px;
    top: 170px;
}

.service-block:nth-child(2n)::before {
	content:'';
	position:absolute;
	background: url("/assets/images/fl4.png") no-repeat;
	background-size:100%;
	width: 312px;
    height: 100%;
    left: -120px;
    top: 20%;
}
.service-block:nth-child(2n)::after {
	content:'';
	position:absolute;
	background: url("/assets/images/fl3.png") no-repeat;
	background-size:100%;
    width: 330px;
    height: 550px;
    right: 28%;
    top: 0;
}
.service-block:nth-child(3)::before {
	background: url("/assets/images/fl5.png") no-repeat;
	top: -14px;
    left: -75px;
}
.service-block:nth-child(3)::after {
	background: url("/assets/images/fl6.png") no-repeat;
}
.service-block:nth-child(4)::before {
	background: url("/assets/images/fl8.png") no-repeat;
}
.service-block:nth-child(4)::after {
	background: url("/assets/images/fl7.png") no-repeat;
	right: 30%;
    top: -90px;
}
.service-block:nth-child(5)::before {
	background: url("/assets/images/fl9.png") no-repeat;
	left: 0;
    top: 0;
}
.service-block:nth-child(5)::after {
	background: url("/assets/images/fl10.png") no-repeat;
	right: -120px;
    top: 40%;
    width: 312px;
    height: 330px;
}
.service-block:nth-child(6)::before {
	background: url("/assets/images/fl12.png") no-repeat;
}
.service-block:nth-child(6)::after {
	background: url("/assets/images/fl11.png") no-repeat;
}
.service-block:nth-child(7)::before {
	background: url("/assets/images/fl13.png") no-repeat;
	top: -50px;
    left: 40px;
}
.service-block:nth-child(7)::after {
	background: url("/assets/images/fl14.png") no-repeat;
	right: -120px;
    width: 380px;
    top: 40%;
}
@media screen and (max-width: 1600px) {
    .sv_img1 {
		height: 640px !important;
	}
	.sub-img {
		width: 60%;
		bottom: -21%;
		left: -23%;
	}
	.service-block:nth-child(2n)::before {
		background-size: 85%;
		top: 37%;
	}
	.service-block:nth-child(2n + 1)::before {
		width: 210px;
		height: 310px;
		top: 80px;
		left: -120px;
	}
	.service-block:nth-child(even) .service-inner .service-images {
        margin-right: -12%;
        margin-left: 8%;
	}
	.service-block:nth-child(2n)::after {
		width: 370px;
		height: 550px;
		right: 23%;
		top: -40px;
	}
	.service-block:nth-child(3)::before {
        width: 290px;
        height: 416px;
        top: -50px;
        left: -120px;
    }
	.service-block:nth-child(4)::after {
		background-size: 70%;
	}
	.service-block:nth-child(5)::before {
        width: 300px;
        height: 350px;
        top: 0;
        left: -65px;
        background-size: 80%;
    }
	.service-block:nth-child(5)::after {
		background-size: 75%;
		right: -195px;
	}
	.service-block:nth-child(6)::after {
		background-size: 65%;
	}
	.service-block:nth-child(7)::before {
		width: 230px;
        height: 310px;
        top: -10px;
        left: -50px;
        background-size: 80%;
	}
}
@media screen and (max-width: 1400px) {
	.sv_img1 {
        height: 500px !important;
    }
	.sub-img {
        width: 50%;
        bottom: -18%;
        left: -4%;
    }
	.service-block:nth-child(even) .service-inner .service-images {
        margin-right: -4%;
        margin-left: -1%;
    }
	.service-block:nth-child(2n + 1)::before {
        width: 210px;
        height: 310px;
        top: 50px;
        left: -100px;
        background-size: 90%;
    }
	.service-block:nth-child(2n + 1)::after {
		background-size: 75%;
		right: -180px;
	}
	.service-block:nth-child(2n)::after {
        right: 16%;
        background-size: 75%;
    }
	.service-block:nth-child(2n)::before {
        background-size: 65%;
    }
	.service-block:nth-child(3)::before {
        top: -40px;
        left: -61px;
        background-size: 100%;
    }
	.service-block:nth-child(4)::after {
        background-size: 55%;
    }
	.service-block:nth-child(5)::before {
        width: 300px;
        height: 350px;
        top: 0;
        left: -40px;
        background-size: 65%;
    }
	.service-block:nth-child(5)::after {
        background-size: 75%;
        right: -195px;
    }
	.service-block:nth-child(6)::after {
        background-size: 55%;
    }
	.service-block:nth-child(7)::before {
        width: 230px;
        height: 310px;
        top: -10px;
        left: -50px;
        background-size: 80%;
    }
	.service-block:nth-child(7)::after {
		right: -215px;
	}
}
@media screen and (max-width: 768px) {
	.sv_img1 {
		width: 75%;
		height: auto !important;
	}
	.sub-img {
        width: 52% !important;
        left: -36px !important;
        bottom: -15%;
	}
	.service-block:nth-child(2n + 1)::before{
		top: 20px;
        left: -55px;
        background-size: 70%;
	}
	.service-block:nth-child(2n + 1)::after {
		content: none !important;
	}
	.service-block:nth-child(2n)::before{
		content: none !important;
	}
	.service-block:nth-child(2n)::after {
        right: 13%;
        background-size: 60%;
        top: -20px;
    }
	.service-block:nth-child(3)::before {
        top: 0px;
        left: -30px;
        background-size: 70%;
    }
	.service-block:nth-child(4)::after {
        right: 10%;
        background-size: 40%;
        top: -20px;
    }
	.service-block:nth-child(5)::before {
        top: 0px;
        left: -15px;
        background-size: 45%;
	}
	.service-block:nth-child(6)::after{
		right: 10%;
        background-size: 35%;
        top: -20px;
	}
	.service-block:nth-child(7)::before{
		top: -25px;
        left: 0px;
        background-size: 50%;
	}
	
}