@import url(https://www.globalzhitui.com/wp-content/themes/zhitui/assets/css/common.css);@import url(https://www.globalzhitui.com/wp-content/themes/zhitui/assets/css/header.css);@import url(https://www.globalzhitui.com/wp-content/themes/zhitui/assets/css/footer.css);.carousel-item{height:100vh;min-height:350px}#carouselExampleIndicators{cursor:grab;user-select:none}#carouselExampleIndicators:active{cursor:grabbing}.carousel-control-prev,.carousel-control-next{opacity:0;transition:all 0.5s ease}#carouselExampleIndicators button:hover,#carouselExampleIndicators button:focus,#carouselExampleIndicators button:active{background-color:#fff0}#carouselExampleIndicators:hover .carousel-control-prev,#carouselExampleIndicators:hover .carousel-control-next{opacity:1}.carousel-caption{bottom:15%;text-align:center;width:100%;left:0}#index-banner .carousel-caption{display:flex;flex-direction:column;justify-content:center;align-items:center;bottom:calc(50% - 175px);height:350px;& .btn-primary{width:150px}}.carousel-caption h1,.carousel-caption .banner-title{color:#fff;font-size:3.5rem;font-weight:700;text-shadow:0 2px 4px rgb(0 0 0 / .5);margin-bottom:1rem}.carousel-caption p{font-size:1.25rem;text-shadow:0 1px 2px rgb(0 0 0 / .5);margin-bottom:2rem}.carousel-img{height:100%;object-fit:cover;filter:brightness(.5)}#services-carts{overflow:visible}.animate-rotate-card{z-index:10;background:#fff}.section-padding{padding:2%}.section-padding.section-padding-first{padding-top:2%}#services-carts{padding:1.5rem 3%}#services-carts .row{column-gap:2%}#services-carts .row .col-md-3.animate-rotate-card{width:23.5%;display:flex;flex-direction:row;justify-content:center;padding:2rem;border-radius:10px;box-shadow:0 0 5px rgb(0 0 0 / .1);transition:all 0.3s ease;background:#fff}#services-carts .row .col-md-3.animate-rotate-card .align-items-center{flex-direction:row;justify-content:space-between}#services-carts .row .col-md-3.custom-hover:hover{box-shadow:0 0 10px rgb(0 0 0 / .2);transform:translateY(-5px)!important}#services-carts .row .col-md-3 h4{color:var(--primary-color)}#about .row .col-md-6{border-radius:10px;padding:1.5rem;transition:all 0.3s ease}#about .row .col-md-6:hover{transform:translateY(-5px);box-shadow:0 0 5px rgb(0 0 0 / .2)}#about .row .col-md-6 h4{color:var(--primary-color);font-weight:400}#about p{padding:3%;background:rgb(255 255 255 / .5);border-radius:10px;margin-bottom:0;box-shadow:0 0 2px rgb(0 0 0 / .1)}#about .row .col-lg-6:first-child{border-radius:10px;height:500px;overflow:hidden;& img{border-radius:10px;width:auto;height:100%;object-fit:cover}}#about .row .col-lg-6:last-child{display:flex;flex-direction:column;justify-content:space-between;gap:20px}#about .row .col-lg-6 .btn-primary{margin-bottom:20px;width:100px}#about .row .col-lg-6 img{transition:all 0.3s ease}.text-truncate-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}#services .row{margin-bottom:1.5rem}#services .row .d-flex{align-items:center}#services .row .col-lg-6{display:flex;flex-direction:column;justify-content:center;border-radius:10px;height:400px}#services .row .col-lg-6 .service-card-img{width:100%;overflow:hidden;border-radius:10px;box-shadow:0 0 5px rgb(0 0 0 / .2)}#services .row .col-lg-6 img{width:100%;object-fit:cover;transition:all 0.3s ease}#services .row .col-lg-6 img:hover,#about .row .col-lg-6 img:hover{scale:1.1}#services .row .col-lg-6 a{width:fit-content}#services .service-ul{border-radius:10px;box-shadow:0 0 5px rgb(0 0 0 / .1);padding:1rem 1rem 0;margin-bottom:20px;background:rgb(255 255 255 / .5);transition:all 0.5s ease;& li{color:rgb(33 37 41 / .75)!important}}#services .service-ul li .fa{color:var(--primary-color)!important}#services .service-ul:hover{transform:translateX(-8px);box-shadow:0 0 5px rgb(0 0 0 / .15)}.service-icon{width:4rem;height:4rem;background-color:rgb(192 206 247 / 50%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:1.5rem}#whychoose .service-icon{margin-bottom:1rem}#advantages .row .service-card{display:flex;gap:2%;flex-direction:row;align-content:center;justify-content:space-between;align-items:center}#advantages .service-card{padding:20px;transition:all 0.3s ease;border-radius:10px;overflow:hidden;border:2px solid #fff0;box-shadow:0 0 10px rgb(0 0 0 / .1);background:rgb(255 255 255 / .5);scale:1}#advantages .service-card img{box-shadow:0 0 5px rgb(0 0 0 / .1);transition:all 0.3s ease}#advantages .service-card:hover{box-shadow:0 0 30px rgb(0 0 0 / .2);scale:1.03}#advantages .row .service-card .service-card-item{width:48%;& img{width:100%;height:100%;object-fit:cover;border-radius:10px}}#advantages .row .mb-8,#whychoose .row .mb-8{padding-bottom:calc(var(--bs-gutter-x))}#whychoose .row{gap:2%}#whychoose .row .col-lg-4{width:32%}.choose-item{padding:20px;border-radius:10px;transition:all 0.3s ease;background:rgb(255 255 255 / .5);box-shadow:0 0 5px rgb(0 0 0 / .1);height:100%}.choose-item:hover{transform:translateY(-10px);background-color:var(--primary-color)!important;& h3,p{color:white!important}}#whychoose .choose-item:hover .service-icon{background-color:#fff}#cases .row .mb-8 img{width:100%;height:auto;object-fit:cover;transition:transform 0.5s ease}#cases .row .mb-8:hover img{transform:scale(1.1)}.case-card{position:relative;overflow:hidden;height:300px;border-radius:10px;box-shadow:0 0 15px rgb(0 0 0 / .1)}.case-overlay{position:absolute;bottom:0;left:0;right:0;padding:2rem 1.5rem 1.5rem;color:var(--text-color);transform:translateY(50px);transition:transform 0.3s ease;border-radius:10px;background-color:rgb(255 255 255 / .9);& h3{color:var(--primary-color)}& .text-sm{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:var(--text-color)}}.case-overlay .text-primary{color:var(--primary-color)!important}.case-card:hover .case-overlay{transform:translateY(0)}.news-card{border-radius:10px;overflow:hidden;box-shadow:0 5px 15px rgb(0 0 0 / .1);transition:transform 0.3s ease,box-shadow 0.3s ease;height:100%;background:linear-gradient(135deg,rgb(0 98 255 / .1),rgb(27 209 255 / .1))}.news-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgb(0 0 0 / .15)}.news-card img{width:100%;height:auto;object-fit:cover}.news-content{padding:20px}.news-date{color:var(--text);font-size:.9rem;margin-bottom:10px}.news-content h3{margin-bottom:10px}.news-content p{color:var(--text-color);margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.news-more{color:var(--primary-color);font-weight:500;display:inline-flex;align-items:center}.news-card a:hover,.news-card a:focus,.news-card a:active{color:var(--primary-color)!important}.news-more i{margin-left:5px;transition:transform 0.3s ease}.news-card:hover .news-more i{transform:translateX(5px)}.news-card .underline::before{background-color:var(--primary-color)}#contact .row{gap:2%}#contact .col-lg-6{width:49%;padding:2rem}#contact .contact-info{display:flex;flex-direction:row;justify-content:space-around}#contact .justify-center{justify-content:center;margin-top:30px}#contact .justify-center.items-center{margin-top:0;box-shadow:0 0 20px rgb(0 0 0 / .1);padding:20px;border-radius:10px;transition:box-shadow 0.3s ease}#contact .justify-center.items-center:hover{box-shadow:0 10px 20px rgb(0 0 0 / .2)}#contact .btn-primary:hover{color:var(--primary-color)!important}#contact .btn-success:hover{background-color:white!important;color:#198754!important;border-color:#198754!important}#contact .col-lg-6{background-color:#fff;border-radius:10px;box-shadow:0 0 20px rgb(0 0 0 / .1);align-self:stretch}#contact .col-lg-6 .footer-social a:hover .fa{color:white!important}#contact .col-lg-6 .fa{color:var(--primary-color)!important}#contact .col-lg-6 .p-6{display:flex;flex-direction:column;gap:20px;border-radius:10px}.contact-info .fa{color:var(--primary-color);display:flex;align-items:center;justify-content:center;min-width:24px}.contact-info .fa:before{color:var(--primary-color);display:inline-flex;align-items:center;justify-content:center}#contactModal .modal-content .row{justify-content:center}#contact .modal-body{box-shadow:0 0 20px rgb(0 0 0 / .1);padding:2rem 0 1rem;border-radius:10px;background:linear-gradient(135deg,rgb(0 98 255 / .15),rgb(27 209 255 / .1))}#contact .modal-body .row{flex-direction:row;justify-content:center}#contact .modal-body #contactModalFormFooter .row{flex-direction:row;justify-content:center}#modalServiceFooter{padding:10px 15px;background-color:var(--base-2)}.form-control{border-radius:10px!important}#contact #contactModalFormFooter .py-3{width:120px;padding-top:0.5rem!important;padding-bottom:0.5rem!important;padding:0,5rem 1rem}@media (min-width:769px){#advantages .row,#cases .row,#news .row{gap:2%}#advantages .col-md-4{width:49%}#cases .row .col-lg-4{width:32%}#news .row .col-lg-3{width:23.5%}#services-carts .row .col-md-3.animate-rotate-card .align-items-center div:first-child{width:50%}#about .d-flex.align-items-center.gap-3>div:last-child{width:50%}}@media (max-width:768px){#about .row .col-md-6{box-shadow:0 0 5px rgb(0 0 0 / .2)}#services-carts .row{gap:2%}#services .row .col-lg-6-left{padding-right:0}#services .row .col-lg-6-right{padding-right:0;padding-left:0}#whychoose .row{gap:1.5rem}#whychoose .row .col-lg-4{width:100%}#services-carts .row .col-md-3.animate-rotate-card{width:49%;padding:1rem;margin-bottom:2%}#about .row .col-lg-6:last-child{width:100%}#services-carts .row .col-md-3 .text-muted{display:none}#services-carts .row .col-md-3 .font-medium{font-size:.8rem;margin-bottom:0}#services-carts .row .col-md-3 .service-icon{width:3rem;height:3rem}#services .row .col-lg-6{height:auto}#services .row .col-lg-6 a{width:100%}#contact .row{flex-direction:column!important;gap:1rem!important}#contact .col-lg-6{width:100%!important;margin-bottom:1rem;align-self:auto}.carousel-caption{bottom:30%;left:0%;right:5%;text-align:center}.carousel-caption h1,.carousel-caption .banner-title{font-size:2rem}#about .row .col-lg-6 .btn-primary{margin-bottom:20px;width:100%}#advantages .row .mb-8,#whychoose .row .mb-8,#cases .row .mb-8{padding-bottom:0}#services .row .col-lg-6 img{height:auto}#about .row .col-lg-6:first-child{width:100%;margin-bottom:20px;gap:0!important;height:auto}#contact .contact-info{flex-direction:column}}