hr.line{width: 30px;}

.we-common-main{font-size: 14px;line-height: 22px;}
.we-common-text hr.line{margin: 0 0 35px;}
.we-common-text h3{font-weight: 400; font-size: 18px; line-height: 28px;}
.we-common-icon{margin-bottom: 15px; max-width: 40px; height: 40px;}
.we-common-icon img{width: 100%; height: 100%;}

.service-landing-section{background-color: #1d252c; color: #ffffff; position: relative;}
.down-arrow-animation{left: 0; right: 0; top: 0; width: 146px; height: 60px; position: absolute;}
.Triangle {top: -35px; position: relative; z-index: 2; width: 100px; height: 60px; margin: 0 auto; }
.Triangle svg {width: 100%; height: 100%; }
.down-arrow-animation:after{content: ""; display: block; width: 0; height: 0; left: 0; top: -30px; right: 0; margin: 0 auto; border-left: 73px solid #ffffff00; border-right: 73px solid #ffffff00; border-top: 80px solid #ffffff; position: absolute; z-index: 1; }
.service-title-main{margin-bottom: 77px;}
.service-title h2{color: #ffffff;}
.service-title-desc{font-size: 24px; line-height: 34px;}
.service-title-desc p:last-child{margin-bottom: 0;}
.service-landing-lists{padding-bottom: 76px;}
.service-landing-icon{margin-bottom: 22px; max-width: 40px; height: 40px;}
.service-landing-icon img{width: 100%; height: 100%;}
.service-landing-list h3{color: #ffffff;}

span.optional-text{font-size: 18px; line-height: 22px; letter-spacing: 4.5px; color: rgb(255 255 255 / 50%); text-transform: uppercase; font-weight: 500; }
hr.gray-line{width: 100%; height: 2px; background-color: #d8d8d8; opacity: 0.2;}

.we-keep-service{padding: 0 0 172px; text-align: center;}
.we-keep-service hr.gray-line{margin: 0 0 123px;}
.we-keep-service span.optional-text{margin-bottom: 39px;}

.ppc-quote-wrap{position: relative;z-index: 1;}
.ppc-quote-wrap:before{top: 0; left: 0; right: 0; width: 100%; height: 70px; background-color: #1d252c; position: absolute; content: ""; display: block; z-index: -1;}

.expertly-built-main{align-items: flex-start;}
.full_width .expertly-title{max-width: 100%;}
.expertly-title{max-width: 460px; margin-bottom: 49px;}
.expertly-title hr.line{margin: 0 0 34px;}
span.number{color: #4915c5; padding-right: 20px;}
.expertly-built-image img{width: 100%; height: 100%; font-family: "object-fit: cover;"; object-fit: cover; -o-object-fit: cover; object-position: 50% 50%; -o-object-position: 50% 50%; }

.related-service-title{padding-bottom: 18px;}
.related-service-title hr.line{margin: 30px auto;}
.related-service-lists{justify-content: center;}
.related-service-list{font-size: 14px; line-height: 22px;}
.related-service-icon{margin-bottom: 16px; max-width: 40px; height: 40px; display: flex; align-items: center; flex-direction: inherit;}
.related-service-icon a{display: inline-block; width: 100%;}
.related-service-icon img{width: 100%; height: 100%;}
.related-service-list h3{margin-bottom: 13px;}
.related-service-list h3 a{color: #1d252c; font-weight: 800;}
.related-service-list h3 a:hover{color: #D6006E;}

body.page-template-services-template .work-section-main {background-color: #f3f4f4; margin-bottom: -1px;}
body.page-template-services-template .work-section-common:nth-child(odd) .work-text{padding-left: 50px; padding-right: 0;}

/*-- media css starts here --*/
@media only screen and (min-width: 1161px){
	.we-common-wrap{padding: 57px 120px 106px;}
	.we-common-text h2{margin-bottom: 18px; font-size: 34px; line-height: 44px;}
	.we-common-text h3{margin: 0 0 36px;}
	.we-common-text{width: 30.55%; margin-right: 6%; }
	.we-common-lists{width: 63%; padding-top: 48px;}
	.we-common-list h2{font-size: 24px; line-height: 30px; margin-bottom: 13px;}

	.service-landing-wrap{padding: 166px 120px 0;}
	.service-title{width: 40%; padding-right: 74px;}
	.service-title h2{font-size: 34px; line-height: 44px;}
	.service-title-desc{width: 60%; padding-left: 74px; border-left: 2px solid #f70b7f;}
	.service-landing-list{width: calc(31.111% - 52px); margin: 0 52px 55px; } 
	.service-landing-list:nth-child(3n + 1){margin-left: 0; } 
	.service-landing-list:nth-child(3n + 3){margin-right: 0; }
	.service-landing-list h3{margin-bottom: 12px;}

	.ppc-quote-main{background-color: #ffffff; color: #1d252c;}
	.ppc-quote-wrap:before{height: calc(50% - 40px);}

	.expertly-built-wrap{padding: 0 0 151px 120px;}
	.expertly-built-text{width: 48%; padding-right: 78px;}
	.expertly-built-image{width: 52%; margin-top: 48px;}

	body.page-template-services-template .work-section-common:nth-child(odd) .work-flex{flex-direction: inherit; -ms-flex-direction: inherit;}

	.related-service-wrap{padding: 0 79px 90px;}
	.related-service-list{width: 25%; padding: 0 41px 41px;}
}
@media only screen and (min-width: 1920px){
	.service-title{width: 34%;}
	.service-title-desc{width: 66%;}
	.service-landing-list{width: calc(31.111% - 80px); margin-left: 80px; margin-right: 80px;} 
	.expertly-built-text{width: 40.5%; padding-right: 108px;}
	.expertly-built-image{width: 59.5%;}
	.related-service-wrap{padding: 0 233px 90px;}
	.we-common-lists{display: grid; column-gap: 80px; grid-template-columns: repeat(3, 1fr);}
	.we-common-list{margin: 0 0 11px;} 
}
@media only screen and (max-width: 1919px) and (min-width: 1441px) {
	.we-common-lists{display: grid; column-gap: 50px; grid-template-columns: repeat(3, 1fr);}
	.we-common-list{margin: 0 0 11px;} 
}
@media only screen and (max-width: 1440px) and (min-width: 1161px){
	.we-common-text{width: 35%; margin-right: 5%;}
	.we-common-lists{width: 60%;}
	.we-common-list{width: calc(50% - 52px); margin: 0 52px 16px; }
	.we-common-list:nth-child(even) {margin-right: 0; }
	.we-common-list:nth-child(odd) {margin-left: 0; }
}
@media only screen and (max-width: 1340px) and (min-width: 1161px) {
	.we-common-wrap{padding: 57px 70px 72px;}
	.service-landing-wrap{padding: 166px 70px 0;}
	.expertly-built-wrap{padding: 0 0 151px 70px;}
	.ppc-quote-wrap{padding-left: 70px; padding-right: 70px;}
	.related-service-wrap{padding: 0 45px 90px;}
	.related-service-list{padding: 0 25px 41px;}
}
/*-- ipad css starts here --*/
@media only screen and (max-width: 1160px) and (min-width: 768px){
	.hero-bg-fill{height: 100%;}
	.we-common-wrap{padding: 64px 70px 54px;}
	.we-common-main{display: block;}
	.we-common-text{width: 100%; margin: 0 0 40px;}
	.we-common-list{width: calc(50% - 26px); margin: 0 26px 26px;}
	.we-common-list:nth-child(odd) {margin-left: 0;}
	.we-common-list:nth-child(even) {margin-right: 0;}
	.we-common-text h3{margin-bottom: 36px;}

	.service-landing-wrap{padding: 98px 70px 0;}
	.service-title-main{display: block; margin-bottom: 51px;}
	.service-title{margin: 0 0 32px;}
	.service-title-desc:before{margin-bottom: 28px; content: ""; display: block; width: 200px; height: 2px; background-color: #f70b7f; }
	.service-landing-lists{padding-bottom: 23px;}
	.service-landing-list{width: calc(50% - 26px); margin: 0 26px 26px;}
	.service-landing-list:nth-child(odd) {margin-left: 0;}
	.service-landing-list:nth-child(even) {margin-right: 0;}

	.we-keep-service{padding: 0 0 86px;}
	.we-keep-service hr.gray-line{margin: 0 0 76px;}

	.ppc-quote-wrap{padding-bottom: 80px;}

	.expertly-built-wrap{padding: 50px 0 85px;}
	.expertly-built-main{flex-direction: column-reverse;}
	.expertly-built-text{padding: 70px 70px 0; width: 100%;}
	.expertly-built-image{padding-left: 62px;}

	.related-service-wrap{padding: 0 72px 24px;}
	.related-service-list{width: calc(50% - 26px); margin: 0 26px 26px;}
	.related-service-list:nth-child(odd) {margin-left: 0;}
	.related-service-list:nth-child(even) {margin-right: 0;}

}
@media only screen and (max-width: 767px) and (min-width: 200px){
	.hero-bg-fill{height: 100%; bottom: 0;}
	.we-common-wrap{padding: 44px 30px 64px;}
	.we-common-main{display: block;}
	.we-common-text{width: 100%; margin: 0 0 36px;}
	.we-common-text h3{margin-bottom: 30px; margin-top: 0;}
	.we-common-text hr.line{margin: 6px 0 22px;}
	.we-common-lists{display: block;}
	.we-common-lists.slick-slider .slick-slide{padding: 0;}
	.we-common-list{margin: 0 0 26px;}

	.service-landing-wrap{padding: 61px 30px 0;}
	.down-arrow-animation {left: 5px; right: auto; width: 96px; height: 60px; }
	.down-arrow-animation:after{border-left: 48px solid #ffffff00; border-right: 48px solid #ffffff00; border-top: 59px solid #ffffff;}
	.Triangle{width: 60px; height: 35px; top: -20px;}
	.service-title-main{margin-bottom: 69px;}
	.service-title{margin-bottom: 25px;}
	.service-title-desc{font-size: 14px; line-height: 22px;}
	.service-title-desc:before{margin-bottom: 30px; content: ""; display: block; width: 30px; height: 2px; background-color: #f70b7f; }
	.service-landing-lists{display: block; padding-bottom: 33px;}
	.service-landing-list{margin-bottom: 39px;}
	span.optional-text{font-size: 14px; line-height: 22px;}
	.we-keep-service{padding: 0 0 65px;}
	.we-keep-service hr.gray-line{margin: 0 0 66px;}
	.we-keep-service span.optional-text{margin-bottom: 28px;}

	.expertly-built-wrap{padding: 25px 0 20px;}
	.expertly-built-main{flex-direction: column-reverse;}
	.expertly-built-text{padding: 63px 30px 40px; width: 100%;}
	.expertly-built-image{padding-left: 28px;}
	.expertly-title{margin-bottom: 13px; max-width: 100%;}

	.related-service-wrap{padding: 0 30px 29px;}
	.related-service-title{padding-bottom: 6px; display: flex; flex-direction: column-reverse; flex-wrap: wrap; text-align: left;}
	.related-service-title hr.line{margin: 0 0 22px;}
	.related-service-lists{display: block;}
	.related-service-list{margin: 0 0 25px;}

	.bg-image-main{left: 0; right: 0;}
	body.page-template-services-template .work-section-common:nth-child(odd) .work-text{padding-left: 0;}
}