:root {
    --theme-color: #3734a9;
}
.container{
    max-width: 100%;
    overflow: initial;
}
.services-wrapper{padding:90px 0;}
.services-wrapper .title{font-size: 36px;line-height: 36px;font-weight: 600;color:#000;font-weight:bold}
.services-wrapper .title::after{content:'';display: block;width:2em;height:2px;background-color:var(--theme-color);margin:20px 0 30px;}
.services-wrapper .subtitle{font-size: 16px;line-height: 27px;color:#525252;}

.services-wrapper .services-list{}
.services-wrapper .services-list .item{display:flex;padding:60px 0;}
.services-wrapper .services-list .item:nth-child(odd){flex-direction:row-reverse;}
.services-wrapper .services-list .item .img{flex:50%;}
.services-wrapper .services-list .item .img img{border-radius:10px;overflow:hidden;box-shadow: 0px 0px 43px 0px rgba(0, 0, 0, 0.2);}
.services-wrapper .services-list .item .text{flex:50%;display: flex;flex-direction:column;justify-content: center;}
.services-wrapper .services-list .item:nth-child(even) .text{padding-left: 50px;}
.services-wrapper .services-list .item:nth-child(odd) .text{padding-right: 50px;}
.services-wrapper .services-list .item .text .t1{font-size: 32px;line-height: 40px;font-weight:bold;color:var(--theme-color);margin-bottom: 20px;}
.services-wrapper .services-list .item .text .t2{font-size: 16px;line-height: 27px;color:#525252;}
.services-wrapper .services-list .item .text .t3{font-size: 16px;line-height: 33px;font-weight:500;color:#000;margin-top: 20px;}
.services-wrapper .services-list .item .text .t3 p{margin-bottom:0;display: flex;align-items: center;transition: .6s ease-in-out;position:relative;}
.services-wrapper .services-list .item .text .t3 p:hover{color:var(--theme-color);}
.services-wrapper .services-list .item .text .t3 p::before{content:'>';font-size: 24px;font-weight: bold;color:var(--theme-color);}

@media(max-width:768px) {
	.services-wrapper{padding:30px 0;}
	.services-wrapper .title{font-size: 24px;line-height: 28px;}
	.services-wrapper .subtitle{font-size: 14px;line-height: 22px;}
	.services-wrapper .services-list .item{flex-direction: column !important;padding:25px 0;}
	.services-wrapper .services-list .item .text{padding:0 !important;}
	.services-wrapper .services-list .item .text .t1{font-size: 24px;line-height: 28px;margin-top: 20px;}
}