.our-services .services-wrapper { padding: 81px 45px 131px; position: relative; } 
.our-services .services-wrapper:after,.our-services .services-wrapper:before { content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: rgba(57, 61, 72, 0.15); } 
.our-services .services-wrapper:after { left: auto; right: 0; } 
.our-services .heading-wrapper { text-align: center; } 
.our-services .heading-wrapper .tagline { text-align: left; width: 100%; margin: 0 0 46px; } 
.our-services .heading-wrapper .description { width: 100%; max-width: 572px; margin: auto; margin-bottom: 31px; } 
.our-services .heading-wrapper h2 {max-width: 1050px; margin: auto; margin-bottom: 19px; } 
.our-services { height: auto; } 
.our-services .services-lists { justify-content:center; align-items: center; height: auto; margin-top: 0; display: flex ; padding: 50px 0 0; counter-reset: service-counter;transform-style: preserve-3d; overflow: visible !important;gap: 20px; flex-flow: wrap; } 
.our-services .services-lists .service-list { width: calc((100% - 80px) / 5); height: 400px; min-height: 400px; display: flex; position: relative; top: 0; left: 0; right: 0; bottom: 0; margin: 0; counter-increment: service-counter; transition: 1.5s ease-in-out; transform-style: preserve-3d;transform: translate3d(0, 0, 0); will-change: transform; position: relative; z-index: 0; } 
.our-services .services-lists .service-list .bx_wrap { height: auto; border-radius: 10px; background: linear-gradient(107deg, #000 -32.37%, #5A6174 89.2%); position: relative; width: 100%; transition: 1.5s ease-in-out; transform-style: preserve-3d;backface-visibility: hidden; -webkit-backface-visibility: hidden; transform: translate3d(0, 0, 0); overflow: visible !important;} 
.our-services .services-lists .service-list .bx_wrap * { color: #fff; } 
.our-services .services-lists .service-list h3 { font-size: 25px; text-transform: none; margin: 0 0 18px; } 
.our-services .services-lists .service-list .description, .our-services .services-lists .service-list .description * { font-size: 14px; font-weight: 300; line-height: 1.3; } 
.our-services .services-lists .service-list .bx_wrap > * { top: 0; left: 0; padding: 30px 20px 30px; display: flex; flex-direction: column; justify-content: flex-end; position: absolute; width: 100%; height: 100%; color: #fff; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: linear-gradient(107deg, #000 -32.37%, #5A6174 89.2%); border-radius: 10px; } 
.our-services > .container-fluid, .our-services .services-wrapper { height: 100%; } 
.our-services .services-lists .service-list .bx_wrap > * > .content:before { content: counter(service-counter, decimal-leading-zero); color: #FFF; font-family: Zolina; font-size: 25px; font-style: normal; font-weight: 500; padding: 0; display: flex; line-height: 1; } 
.our-services .services-lists .service-list .bx_wrap .front_des { z-index: 2; } 
.our-services .services-lists .service-list .bx_wrap .bac_des { z-index: 0; transform: rotateY(180deg); } 
.our-services .services-lists .service-list .bx_wrap > * .content { transform: translatez(70px) scale(1); height:100%; display: flex; flex-direction: column; } 
.our-services .services-lists .service-list .bx_wrap > * .content .content_wrap { flex-grow: 1; display: flex; flex-direction: column; justify-content: flex-end; }
.our-services .services-lists .service-list:hover { z-index: 5; }
.our-services .services-lists .service-list:hover .bx_wrap { transform: rotateY(180deg); transition: transform 1s ease; }


/* Responsive CSS */

@media (max-width:1199px){

.our-services .services-wrapper{padding-left: 20px; padding-right: 20px;}
.our-services .services-wrapper{padding:64px 20px;}
.our-services .services-lists .service-list { width: calc((100% - 40px) / 3);height: auto; min-height: 330px; }


}

@media (max-width:991px){
.our-services .services-wrapper{padding:54px 20px;}
.our-services .services-lists { padding: 40px 0 0; }
.our-services .services-lists .service-list h3 { font-size: 22px; }



}

@media (max-width:767px){

.our-services .services-wrapper{padding:44px 20px;}
.our-services .services-lists { padding: 30px 0 0; }
.our-services .services-lists .service-list h3 { font-size: 20px; }
.our-services .services-lists .service-list{width:calc((100% - 20px) / 2);min-height: unset;}
.our-services .services-lists .service-list .bx_wrap > * > .content:before{margin: 0 0 30px;}
.our-services .services-lists .service-list .bx_wrap > * { position: unset; } 
.our-services .services-lists .service-list .bx_wrap .bac_des { display: none; } 
.our-services .services-lists { align-items: stretch; } 
.our-services .services-lists .service-list:hover .bx_wrap { transform: rotate(0deg); }


}

@media (max-width:575px){

.our-services .services-wrapper{padding:34px 20px;}
.our-services .services-lists .service-list { width: 100%; }


}