/* @media screen and (min-width: 1240px) */
#serviceTitle {
	position: relative;
	display: block;
	width: 100%;
}

#serviceTitle .section-menu__block {
	position: relative;
	display: block;
}

#serviceTitle .section-menu__block .section-image__wrapper {
	width: 100%;
	max-height: 600px;
	overflow: hidden;
	border-radius: 100px;
}

#serviceTitle .service-title-desc .container-small {
max-width: 80%;
border-radius: 50px;
background: rgba(83, 127, 231, 0.8);
padding: 30px;
box-shadow: 0px 18px 35px 5px rgba(83, 127, 231, 0.52);
color: white;
font-size: 1.4rem;
font-weight: 500;
}

@media screen and (max-width: 1023px) {

#serviceTitle .service-title-desc .container-small {
max-width: 80%;
border-radius: 50px;
background: white;
padding: 30px;
box-shadow: 0px 18px 35px 5px rgba(83, 127, 231, 0.52);
}
#serviceTitle .service-title-desc .container-small p {
	color: #000;
	font-size: 16px;
}
}

@media screen and (max-width: 1023px) and (min-width: 577px) {
	#serviceTitle .section-menu__block .section-image__wrapper {
	width: 100%;
	overflow-x: hidden;
	border-radius: 100px;
	}
}

@media screen and (max-width: 1076px) and (min-width: 577px) {
	#serviceTitle .section-menu__block .section-image__wrapper {
	width: 100%;
	height: 250px;
	overflow-x: hidden;
	border-radius: 60px;
	}
}


@media screen and (max-width: 576px) {
	#serviceTitle .section-menu__block .section-image__wrapper {
	width: 100%;
	height: 300px;
	overflow-x: hidden;
	border-radius: 30px;
	}
	#serviceTitle {
	position: relative;
	width: 100%;
	}
	#serviceTitle .section-menu__block .section-image__wrapper {
	width: 100%;
	height: 300px;
	overflow-x: hidden;
	border-radius: 30px;
	}
}

@media screen and (max-width: 1076px) and (min-width: 577px) {
#serviceTitle .section-menu__block .section-image__wrapper img {
width: 100%;
height: 250px;
object-fit: cover;
}
}
@media screen and (max-width: 1023px) and (min-width: 577px) {
#serviceTitle .section-menu__block .section-image__wrapper img {
width: 100%;
}
}


@media screen and (max-width: 1076px) and (min-width: 577px) {
#serviceTitle .section-title {
position: absolute;
z-index: 2;
margin-top: 11%;
background: rgba(83, 127, 231, 0.6);
padding: 20px 60px 20px 10%;
white-space: pre-wrap;
word-wrap: break-word;
color: #fff;
font-family: "IBM Plex Serif", serif;
font-weight: 600;
max-width: 60%;
backdrop-filter: blur(5px);
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
font-size: 1.5em;
}
}
@media screen and (max-width: 1023px) and (min-width: 577px) {
#serviceTitle .section-title {
position: absolute;
z-index: 2;
margin-top: 11%;
background: rgba(83, 127, 231, 0.6);
padding: 30px 80px 30px 10%;
white-space: pre-wrap;
word-wrap: break-word;
color: #fff;
font-family: "IBM Plex Serif", serif;
font-weight: 600;
max-width: 60%;
backdrop-filter: blur(5px);
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
font-size: 2em;
}
}


@media screen and (min-width: 1240px) {
#serviceTitle .section-menu__block .section-image__wrapper img {
min-width: 100%;
object-fit: cover;
height: auto;
transform: translateY(-30%);
}
}


@media screen and (min-width: 1240px) {
#serviceTitle .section-title {
position: absolute;
z-index: 2;
margin-top: 11%;
background: rgba(83, 127, 231, 0.6);
padding: 60px 80px 60px 10%;
white-space: pre-wrap;
word-wrap: break-word;
color: #fff;
font-family: "IBM Plex Serif", serif;
font-weight: 600;
max-width: 30%;
backdrop-filter: blur(5px);
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
font-size: 2.8em;
}
}

@media screen and (min-width: 1240px) {
#serviceTitle .service-title-desc {
position: relative;
top: -60px;
}
}

@media screen and (min-width: 1024px) and (max-width: 1239px) {
#serviceTitle .service-title-desc {
position: relative;
top: -60px;
}
}

@media screen and (max-width: 1076px) and (min-width: 577px) {
#serviceTitle .service-title-desc {
position: relative;
top: -60px;
}
}
@media screen and (max-width: 1023px) and (min-width: 577px) {
#serviceTitle .service-title-desc {
position: relative;
top: -60px;
}
}

@media screen and (max-width: 576px) {
#serviceTitle .service-title-desc {
position: relative;
top: -60px;
}
}

@media screen and (min-width: 1240px) {
#serviceTitle .service-title-desc .container-small {
color: white;
font-size: 1.4rem;
font-weight: 500;
}
}


@media screen and (max-width: 1076px) and (min-width: 577px) {
#serviceTitle .section-menu__block .section-image__wrapper {
width: 100%;
height: 250px;
overflow-x: hidden;
border-radius: 60px;
}
}
@media screen and (max-width: 1023px) and (min-width: 577px) {
#serviceTitle .section-menu__block .section-image__wrapper {
width: 100%;
overflow-x: hidden;
border-radius: 100px;
}
}

@media screen and (max-width: 1076px) and (min-width: 577px) {
#serviceTitle .section-menu__block .section-image__wrapper img {
width: 100%;
height: 250px;
object-fit: cover;
}
}
@media screen and (max-width: 1023px) and (min-width: 577px) {
#serviceTitle .section-menu__block .section-image__wrapper img {
width: 100%;
}
}

@media screen and (max-width: 1076px) and (min-width: 577px) {
#serviceTitle .service-title-desc {
position: relative;
top: -60px;
}
}
@media screen and (max-width: 1023px) and (min-width: 577px) {
#serviceTitle .service-title-desc {
position: relative;
top: -60px;
}
}

@media screen and (max-width: 768px) {
.container {
max-width: 100%;
margin-left: 20px;
margin-right: 20px;
}
}
@media screen and (max-width: 992px) {
.container {
max-width: 100%;
margin-left: 30px;
margin-right: 30px;
}
}
@media screen and (max-width: 1024px) {
.container {
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 1200px) {
.container {
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 1440px) {
.container {
max-width: 1240px;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 1600px) {
.container {
max-width: 1400px;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 1920px) {
.container {
max-width: 1560px;
margin-left: auto;
margin-right: auto;
}
}

@media screen and (max-width: 1076px) and (min-width: 577px) {
#serviceTitle .service-title-desc .container-small {
max-width: 80%;
border-radius: 50px;
background: white;
padding: 30px;
box-shadow: 0px 18px 35px 5px rgba(83, 127, 231, 0.52);
}
}
@media screen and (max-width: 1023px) and (min-width: 577px) {
#serviceTitle .service-title-desc .container-small {
max-width: 80%;
border-radius: 50px;
background: white;
padding: 30px;
box-shadow: 0px 18px 35px 5px rgba(83, 127, 231, 0.52);
}
}
@media screen and (max-width: 768px) {
.container-small {
max-width: 80%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 992px) {
.container-small {
max-width: 80%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 1024px) {
.container-small {
max-width: 80%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 1200px) {
.container-small {
max-width: 80%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 1440px) {
.container-small {
max-width: 80%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 1600px) {
.container-small {
max-width: 1300;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 1920px) {
.container-small {
max-width: 1400;
margin-left: auto;
margin-right: auto;
}
}