/* Home page: service css */
.service-section,.pricing-section,.achievement-section{width: 100%; height:fit-content; background-color: var(--violet-blue); border-radius: 60px; position: relative; }
.service-section::after,.pricing-section::after,.achievement-section::after{position: absolute; content: ''; width: 30%; height: 30%;top: -45px; left: 0;background-image: url('/newmoban/_external/demo.mobanwang.com/mb/lo202601/202601053/html/images/serviceback.png'); background-repeat: no-repeat; z-index: -1;}
.service-title h2{color: #fff !important;}
.service-desc p{font-family: var(--secondary_font) !important; font-weight: var(--regular) !important; color:#D6D6D6; line-height: 30px; margin-bottom: 0;}
.service-card-group{border-top: 1px solid #FFFFFF1A; margin-top: 40px;}
.service-card-group .row {padding-top: 40px;}
.service-card {
 background-color: #132634;
 height: 100%;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
}
.service-card-content{padding: 30px 30px 0px 30px;}
.service-card-content h3{color: #fff !important;}
.service-card-content p{color: #D6D6D6; font-family: var(--secondary_font) !important; line-height: 30px;}
.service-card-img-div{width: 100%; height: 200px; padding: 0px 15px 15px 15px;}
.service-card-img-div img{ width: 100%; height: 100%; background-size: cover; object-fit: cover;}
.overlay-content{content: ''; width: 90px; height: 90px; background-color: var(--violet-blue); padding: 12px; position: absolute; left: 50%; transform: translate(-50%); bottom: -10%; opacity: 0;}
.orange-content{width: 100%; height: 100%; background-color: var(--orange);} 
.service-card:hover{background-color: #fff; border-bottom-left-radius: 170px !important; border-bottom-right-radius: 170px !important; transition: all cubic-bezier(0.19, 1, 0.22, 1) 0.3s;}
.service-card:hover .service-card-img-div img{border-bottom-left-radius: 160px !important; border-bottom-right-radius: 160px !important;transition: all cubic-bezier(0.19, 1, 0.22, 1) 0.3s;}
.service-card:hover .service-card-content > * {color: #000 !important;}
.service-card:hover > .overlay-content{opacity: 1; transition: all cubic-bezier(0.19, 1, 0.22, 1) 0.3s;}

/* Service page: services css */
.service_page_section{width: 100%; height: 100%; padding-bottom: 60px;}
.service_page_section h2{color: #000 !important;}
.service_page_section p{color: #555555 !important;}
.service_page_section .service-card{background-color:#fff;}
.service-card:hover{background-image: url('/newmoban/_external/demo.mobanwang.com/mb/lo202601/202601053/html/images/service-hover-star.png'); background-repeat: no-repeat; background-position-x: 100%;}
.service_page_section .service-card-content h3{color: #000 !important;}
.service_page_section .overlay-content{background-color: #fef7f8;}
.service_page_section .service-card-group .row > *{margin-bottom: 60px;}
.service_page_section .service-card-group .row{padding-top: 0;}
.service_page_section .service-card{box-shadow: 0px 0px 40px 0px rgba(170, 217, 243, 0.1);}

@media (min-width:1399px){
 .service-section .row > .prefix{padding: 0 !important;}
 .service-section .row > .service-main-title-group{padding: 0 !important;}
}
/* media query */
@media (max-width:991px){
 .service-section,.pricing-section,.achievement-section{border-radius: 30px;}
 .service-card-content{padding: 15px 15px 0px 15px;}
 .service-card-group .row > div:not(:last-child){margin-bottom: 50px;}
 .service-main-title-group,.testimonial-main-title-group,.title-group{flex-direction: column; text-align: center; }
 .service-section .prefix span{text-align: center;}
 .service_page_section .prefix span{text-align: center;}
 .why-brandvista .prefix span{text-align: center;}
}

@media (max-width:767px){
 .service_page_section{padding-bottom: 50px;}
}

@media (max-width:575px){
 /* .service-section{border-radius: 0;} */
 .service-section::after,.pricing-section::after{width: 100%; top: -40px; left: -30px; }
}