.page-about-us .bg-gray{
background: var(--graybg);
}
.page-about-us .content .slide {background: #eee;}
.page-about-us .content .slide-about-us{ padding: 70px 0; }
.page-about-us .content .slide-about-us .slide-text{ 
height: 100%;
padding: 30px 10px 30px 50px;
text-align: center;
background-color: transparent;
}
.page-about-us .content .slide-about-us .slide-text p{
margin: auto;
}
.carousel-cell{
width: 100%!important;
}
.page-about-us .flickity-prev-next-button{
height: 80px;
border-radius: 2px;
}
.page-about-us .previous{
left: -2px
}
.page-about-us .next{
right: -2px
}
.page-about-us .flickity-button-icon {
fill: var(--base-color);
}
.page-about-us .content .slide-about-us img{
border-radius: 2px
}
.page-about-us .our-service .row:nth-child(even) .image{
order: 2;
}
.page-about-us .our-service .row:nth-child(even) .bg-gray{
order: 1;
}
.page-about-us .our-service .description {
margin: auto;
text-align: center;
padding: 30px 15px;
}
.page-about-us .our-service .description .title{ 
color: var(--base-color);
}
.page-about-us .our-service .description p {
max-width: 334px;
margin-bottom: 0;
color: var(--text-color);
}
.our-service .image img {
max-height: 450px;
object-fit: cover;
width: 100%;
}  @media (max-width: 576px) {
.page-about-us .content .slide-about-us {
padding: 15px 0px;
}
.page-about-us .content .slide-about-us .slide-text {
padding: 20px 0 30px;
text-align: left;
}
.flickity-prev-next-button {
top: calc(50% - 90px);
}
.page-about-us .our-service .description{
padding: 15px 15px 45px
}
.page-about-us .our-service .row:nth-child(even) .image{
order: 1;
}
.page-about-us .our-service .row:nth-child(even) .bg-gray{
order: 2;
}
.page-about-us .content .slide-about-us .md-o-2{
order: 2;
}
.page-about-us .content .slide-about-us .md-o-1{
order: 1;
}
}