.main-banner .bannerowl .item{background: var(--main-color);overflow: hidden;}
.main-banner .item::before{position: absolute;content: "";width: 220px;height: 220px;right: -80px;top: -90px;border-radius: 50%;background: #ffffff0d;}
.main-banner .item::after{position: absolute;content: "";width: 148px;height: 148px;left: 22px;bottom: 22px;border-radius: 50%;background: linear-gradient(to left, #ffffff0d, #ffffff00);opacity: 0.7;}
.main-banner .item .ban-itemlig{ width: 318px;height: 318px;background: #fff;position: absolute;top: 42px;right: 368px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;filter: blur(62px);opacity: 0.14;}
.main-banner .wrap-item .icon{ width: 70px; height: 70px; background: var(--whiteColor); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.main-banner .wrap-item{ border-radius: 22px; -webkit-border-radius: 22px; -moz-border-radius: 22px; -ms-border-radius: 22px; -o-border-radius: 22px;padding: 32px;}
.main-banner .wrap-item .arrow-btn{ position: absolute; top: 18px; right: 18px; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transform-origin: top right; }
.main-banner .wrap-item:hover .arrow-btn{ transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); }
.main-banner .wrap-item:hover .icon{ animation: jackInTheBox 1s; -webkit-animation: jackInTheBox 1s; }
.main-banner .wrap-item span{line-height: 21px;}
@keyframes jackInTheBox {
    0% {
  opacity: 0;
  transform: scale(.1) rotate(30deg);
  transform-origin: center bottom;
  -webkit-transform: scale(.1) rotate(30deg);
  -moz-transform: scale(.1) rotate(30deg);
  -ms-transform: scale(.1) rotate(30deg);
  -o-transform: scale(.1) rotate(30deg);
}
50% {
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
}
70% {
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
}
100% {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
}

.main-banner .banner-sub{display: inline-block;padding: 0 13px;border-radius: 58px;font-size: 15px;font-family: var(--font4);line-height: 25px;padding-top: 5px;}
.main-banner .bannerowl{ border-radius: 22px; -webkit-border-radius: 22px; -moz-border-radius: 22px; -ms-border-radius: 22px; -o-border-radius: 22px;overflow: hidden;}
.main-banner .bannerowl .owl-stage-outer{height: 100%;}
.main-banner .bannerowl .owl-stage-outer .owl-stage{height: 100%;}
.main-banner .bannerowl .owl-stage-outer .owl-stage .owl-item{height: 100%;}
.bannerowl{position:relative;z-index:1}
.bannerowl .bg-area{position:relative;left:-10%;width: 120%;}
.bannerowl .bg-area .hero-bg2{position:absolute;z-index:-1;top:100px;left:50%;transform:translateX(-50%);}
.bannerowl .img1{position:relative;left:0;margin:auto;}

.bannerowl .icons-area .kaun{border-radius:100px;border:2px solid #ffffff80;background:linear-gradient(118deg,#97A2FA 0.63%,#D9D5FD 85.25%);box-shadow:0 5px 12px 0 #b4aafb66;height:100px;width:100px;text-align:center;line-height:100px;display:inline-flex;justify-content:center;align-items:center;border-radius:50%;position:absolute;}
.bannerowl .icons-area .icons1{bottom:30px;left:-30px}
.bannerowl .icons-area .icons2{bottom:35%;left:-20px;}
.bannerowl .icons-area .icons3{top: 130px;left:30px;}
.bannerowl .icons-area .icons4{top:130px;right:30px}
.bannerowl .icons-area .icons5{bottom:35%;right:-20px}
.bannerowl .icons-area .icons6{bottom:30px;right:-30px}

.bannerowl .elements12{position:absolute;z-index:-1;left:50%;top:50%;transform:translateX(-65%) translateY(-50%);}
.bannerowl .elements12 img{max-width:600px;}

@media (max-width:1648px){
.main-banner .wrap-item{padding: 24px;}
}
@media (max-width:1548px){
.main-banner .wrap-item{padding: 21px;}
.main-banner .wrap-item h3{font-size: 18px;}
}
@media (max-width:1399px){
.main-banner .wrap-item{padding: 18px;}
.main-banner .wrap-item h3{font-size: 18px;margin-bottom: 4px !important;margin-top: 12px !important;}
.main-banner .wrap-item span{font-size: 15px;}
.bannerowl .icons-area .kaun{width:80px;height:80px;}
.bannerowl .elements12 img{max-width:460px;}
}
@media (max-width:1350px){
.main-banner .wrap-item h3{font-size: 17px;}
}
@media (max-width:1300px){
.main-banner .wrap-item h3{font-size: 16px;}
}
@media (max-width:1250px){
.main-banner .wrap-item h3{font-size: 15px;}
}
@media (max-width:1199px){
.bannerowl .elements12 img{max-width:400px;}
.bannerowl .icons-area .icons1{bottom:30px;left:-40px}
.bannerowl .icons-area .icons2{bottom:35%;left:-30px;}
.bannerowl .icons-area .icons3{top: 130px;left:20px;}
.bannerowl .icons-area .icons4{top:130px;right:20px}
.bannerowl .icons-area .icons5{bottom:35%;right:-30px}
.bannerowl .icons-area .icons6{bottom:30px;right:-40px}
.main-banner .wrap-item h3{font-size: 18px;}
}
@media (max-width:991px){
.bannerowl .container{max-width:90%;}
.bannerowl .elements12 img{max-width:340px;}
.bannerowl .icons-area .kaun{width:70px;height:70px;}
.bannerowl .icons-area .kaun img{width:40px;}
.bannerowl .bg-area{left:-5%;width:110%;}
}
@media (max-width: 767px) {
.main-banner .wrap-item h3{font-size: 17px;}
.bannerowl .elements12 img{max-width:280px;}
.bannerowl .bg-area .hero-bg2{top:0;}
.bannerowl .elements12{transform:translateX(-50%) translateY(-50%);}
.bannerowl .icons-area .icons1{bottom:30px;left:10px}
.bannerowl .icons-area .icons2{bottom:40%;left:0;}
.bannerowl .icons-area .icons3{top:30px;left:20px;}
.bannerowl .icons-area .icons4{top:30px;right:20px}
.bannerowl .icons-area .icons5{bottom:40%;right:0}
.bannerowl .icons-area .icons6{bottom:30px;right:10px}
.bannerowl .icons-area .kaun{width:60px;height:60px;}
.bannerowl .icons-area .kaun img{width:30px;}
}

.aniamtion-key-5{position:relative;animation-name:animation-5;animation-duration:1.5s;animation-iteration-count:infinite;animation-direction:alternate;transition:all .4s ease-in-out}
@keyframes animation-7 {
0%{transform:rotate(0)}
100%{transform:rotate(-1000deg)}
}
.keyframe5{position:relative;animation-name:animation-7;animation-duration:90s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:cubic-bezier(0.59,0.59,1,1)}
.headdd{font-size: 53px;line-height: 1.2;font-family: var(--font4);}
@media only screen and (max-width: 1920px){
.main-bannerowlr,.main-bannerowlr .item{min-height:650px;}
}
@media only screen and (max-width: 1800px){
.main-bannerowlr,.main-bannerowlr .item{min-height:580px;}
.headdd{font-size:48px;}
}
@media only screen and (max-width: 1600px){
.headdd {font-size: 42px;}
}
@media only screen and (max-width: 1500px){
.main-bannerowlr,.main-bannerowlr .item{min-height:500px;}
.headdd{font-size:41px;}

}
@media only screen and (max-width: 1399px){
.headdd{font-size:36px;}
}
@media only screen and (max-width: 1199px){
.main-bannerowlr,.main-bannerowlr .item{min-height:450px;}
.headdd{font-size:37px;}
}
@media (max-width:991px){
.main-bannerowlr,.main-bannerowlr .item{min-height:350px;}
.headdd{font-size:32px;}
}
@media (max-width:800px){
.headdd{font-size:27px;}
}
@media only screen and (max-width:767px){
.banner-content{text-align:center;padding-top:30px;max-width:550px;;}
.headdd{font-size:32px;}
.contotomo .btn{font-size:15px;padding:9px 18px}
.her{max-width:360px;}
}
@media only screen and (max-width:640px){
.her{max-width:250px;}
.headdd{font-size:26px;}
.photobef{width:100%;text-align:center;}
.main-bannerowlr, .main-bannerowlr .item{padding-top:20px !important;}
}
@media only screen and (max-width:640px){
.headdd{font-size:26px;}
.main-banner .item .ban-itemlig{opacity: 0.05;}
.main-banner .item::before {width: 168px;height: 168px;}
.main-banner .item::after {width: 98px;height: 98px;}
}

.main-bannerowlr,.main-bannerowlr .item{overflow:hidden;position:relative;z-index:1;}
.bannerowlr-back{position:absolute;bottom:0;left:50%;height:100%;z-index:-1;width: auto;transform:translateX(-50%);}
.nott{max-width:24px!important;display:inline-block!important;}

.bannerowl.dotta .owl-dots{position:absolute;bottom:10px;left:50%;margin:0;transform:translateX(-50%);transition:opacity .3s ease;display: flex;justify-content: center;line-height:1;}
.bannerowl.dotta .owl-dots .owl-dot{margin:0 3px;display:inline-block;height:auto;}
.bannerowl.dotta .owl-dots .owl-dot span{width:12px;height:12px;transition:width ease-in-out .5s;background:var(--whiteColor);display:inline-block;border-radius:10px;opacity:.8}
.bannerowl.dotta .owl-dots .owl-dot.active span,.bannerowl.dotta .owl-dots .owl-dot.active span{width:30px!important;border-radius:10px;opacity:1;transition:width ease-in-out .5s;background:var(--main-color2);}

.content-bx{font-size:50px;font-weight:600;line-height:1;color:var(--main-color);position:relative;margin-bottom:10px;border-radius:5px}
.content-bx::before{content:'';position:absolute;left:50%;top:10px;transform:translateX(-50%);width:70px;height:70px;border-radius:50%;background:#ecf6fd;z-index:-1}
.content-bx .title{color:var(--main-color);transition:var(--transition);font-size:16px;font-weight:500;width:100%}
@media(max-width:767px) {
.content-bx{font-size:36px;word-break:break-word}
.content-bx .title{font-size:12px}
.content-bx::before{width:50px;height:50px}
}

.content-wrapper{background-position: top right;background-repeat: no-repeat;}
.background-blend-mode{background-blend-mode: luminosity;}
@media(max-width:991px) {
.content-wrapper {background-image: none !important;}
}

@media(min-width:1200px) {
.col-lg-1by5 {width:20%;flex:0 0 20%;}
}

.about-image{margin-left:50px;position:relative}
.about-image .counter-wrap{position:absolute;right:0;top:0;border-radius:20px;background-color:#D6D2F1;box-shadow:0 4px 30px 0 #5448a11a;padding:15px;text-align:center}
.about-image .counter-wrap .item{border-radius:20px;border:1px solid var(--whiteColor);padding:25px}
.about-image .counter-wrap .item h3,.about-image .counter-wrap .item .h3{font-size:35px;font-weight:900;margin-bottom:5px}
.about-image .counter-wrap .item p{font-size:12px;margin-bottom:0;letter-spacing:1.2px}
.about-image .counter-wrap .item p span{display:block}
.about-image .counter-wrap.wrap-two{bottom:0;top:auto;left:0;right:auto;background-color:#D7ECE4}
.about-image .counter-wrap.wrap-two .item{padding:15px 25px}
.about-image.wrap-one{margin-left:0;margin-right:45px}

.treatCaro img.washing{width:60px!important;height:60px;}
.owl-carousel.treatCaro .owl-stage{display:flex; flex-wrap: wrap;}
.owl-carousel.treatCaro .owl-stage .item{height:100%;}
.anchho{padding-bottom:100px!important;}
.anchora{position:absolute;bottom:40px;}
@media(max-width:575px){
.anchora{bottom:30px;}
.about-image.wrap-one{margin-left:0;margin-right:0}
}


.about2-images-area .elements7{position:absolute;bottom:0;left:-50px;z-index:-1;}
.about2-images-area .img1 img{border-radius:8px}
.about2-images-area .check-text{display:flex;align-items:center;background:var(--whiteColor);padding:16px 20px;border-radius:4px;position:absolute;z-index:1;left:50%;margin-left:-165px;top:50%;margin-top:-40px;width:330px}
.about2-images-area .check-text img{height:40px;width:40px;-o-object-fit:cover;object-fit:cover;border-radius:50%}
.about2-images-area .check-text p{color:var(--ztc-text-text-14);font-family:var(--ztc-family-font1);font-size:var(--ztc-font-size-font-s18);font-style:normal;font-weight:var(--ztc-weight-semibold);line-height:24px;padding-left:10px}
.about-others-section-area{position:relative;z-index:1;overflow:hidden}

.diego:hover{background:#F5FAFF}
.diag{width:120px;height:120px;margin:0 auto 20px;background:var(--main-color);padding:10px;border-radius:50%;line-height:100px;transition:var(--transition);}
.diag img{width:70px;height:70px;position:relative;}
.diego:hover .diag{background:var(--main-color3)}
.diego:hover .diag img{width:66px;height:66px}

.jugnuwale{height:100%;}
.jugnucha{padding-bottom:20px!important;position:relative;transition:var(--transition)}
.jugnuwale.active,.jugnuwale.active:hover,.jugnuwale:hover{background:var(--main-color3)}
.jugnuwale.active *,.jugnuwale:hover *{color:var(--whiteColor)}
.link-hover-end{position:absolute;bottom:5px;left:15px;font-size:15px;color:var(--main-color3)}
.jugnuwale:hover .link-hover-end{left:25px}
.dandili ul{display:flex;flex-wrap:wrap;}

.whywhy li{display:inline-flex;margin:5px 0;padding-left:10px!important;line-height:1.3;}
.whywhy li div{padding:8px 20px 8px 36px!important;background:var(--whiteColor);border-radius:15px;border-bottom:2px solid var(--main-color2);width:100%;}
.whywhy li::before{left:22px;top:12px;}

@keyframes tpupdown {
0%{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform:translateY(0);-o-transform: translateY(0);transform: translateY(0);}
100%{-webkit-transform: translateY(-20px);-moz-transform: translateY(-20px);-ms-transform: translateY(-20px);-o-transform: translateY(-20px);transform: translateY(-20px);}}

.top20{top:20px;}
.top30{top:-3px;}
.ordeal{position: absolute;right:-46px;top: 1px;opacity:.6}
.searcha .form-control{font-weight:400;font-size:15px;padding-left:40px;}
.searcha .input-group-text{border:0;background:#fff;position:absolute;z-index:5;left:0;top:50%;transform: translateY(-50%);}
@media only screen and (max-width:767px){
.searcha .form-control{border:1px solid #eee;border-radius:10px;}
.searcha .btn{min-width:120px;}
}
@media only screen and (max-width:575px){
.ordeal{right:auto;left:0;top:38px;opacity:.6;font-size:14px!important;}
}
.clocker i{font-size:22px;height:48px;width:48px;line-height:48px;border-radius:50%;margin:0 auto;background:rgba(155, 255, 166, 0.5);}

.testimonial.dotta .owl-dots{position:absolute;bottom:-40px;left:0;margin:0;transition: opacity .3s ease;display:flex;justify-content:center;flex-flow: row;line-height:1;}
.testimonial.dotta .owl-dots .owl-dot{margin:0 2px;display:inline-block;height:auto;}
.testimonial.dotta .owl-dots .owl-dot span{width:14px;height:14px;transition:width ease-in-out .5s;background:var(--main-color3);display:inline-block;border-radius:10px;opacity:.8;}
.testimonial.dotta .owl-dots .owl-dot.active span,.testimonial.dotta .owl-dots .owl-dot.active span{width:28px;border-radius:10px;height:14px;transition:width ease-in-out .5s;background:var(--main-color3);opacity: 1;}
.desc .h5{min-height:50px;}

.faq-accordion .accordion-item{border:1px solid rgba(0,0,0,.08);border-radius:10px;overflow:hidden;padding:0}
.faq-accordion .accordion-content p{padding-top:15px;padding-right: 9px;}
.faq-accordion .accordion-content ul{margin:0;padding:0;padding-left:20px}
.faq-accordion .accordion-button svg{min-width: 14px;}
.faq-accordion .accordion-button:not(.dusra),.faq-accordion .accordion-button:not(.collapsed){border:0;color:var(--black-color);padding:1rem 1.25rem;border-radius:10px}
.faq-accordion .accordion-button:hover,.faq-accordion .accordion-button:not(.collapsed):hover{color:var(--black-color)}
.faq-accordion .accordion-button::after{ background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZXllIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0xNiA4cy0zLTUuNS04LTUuNVMwIDggMCA4czMgNS41IDggNS41UzE2IDggMTYgOE0xLjE3MyA4YTEzIDEzIDAgMCAxIDEuNjYtMi4wNDNDNC4xMiA0LjY2OCA1Ljg4IDMuNSA4IDMuNXMzLjg3OSAxLjE2OCA1LjE2OCAyLjQ1N0ExMyAxMyAwIDAgMSAxNC44MjggOHEtLjA4Ni4xMy0uMTk1LjI4OGMtLjMzNS40OC0uODMgMS4xMi0xLjQ2NSAxLjc1NUMxMS44NzkgMTEuMzMyIDEwLjExOSAxMi41IDggMTIuNXMtMy44NzktMS4xNjgtNS4xNjgtMi40NTdBMTMgMTMgMCAwIDEgMS4xNzIgOHoiLz4KICA8cGF0aCBkPSJNOCA1LjVhMi41IDIuNSAwIDEgMCAwIDUgMi41IDIuNSAwIDAgMCAwLTVNNC41IDhhMy41IDMuNSAwIDEgMSA3IDAgMy41IDMuNSAwIDAgMS03IDAiLz4KPC9zdmc+");transform:scale(.8)!important; -webkit-transform:scale(.8)!important; -moz-transform:scale(.8)!important; -ms-transform:scale(.8)!important; -o-transform:scale(.8)!important; }
.faq-accordion .accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZXllLXNsYXNoIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0xMy4zNTkgMTEuMjM4QzE1LjA2IDkuNzIgMTYgOCAxNiA4cy0zLTUuNS04LTUuNWE3IDcgMCAwIDAtMi43OS41ODhsLjc3Ljc3MUE2IDYgMCAwIDEgOCAzLjVjMi4xMiAwIDMuODc5IDEuMTY4IDUuMTY4IDIuNDU3QTEzIDEzIDAgMCAxIDE0LjgyOCA4cS0uMDg2LjEzLS4xOTUuMjg4Yy0uMzM1LjQ4LS44MyAxLjEyLTEuNDY1IDEuNzU1cS0uMjQ3LjI0OC0uNTE3LjQ4NnoiLz4KICA8cGF0aCBkPSJNMTEuMjk3IDkuMTc2YTMuNSAzLjUgMCAwIDAtNC40NzQtNC40NzRsLjgyMy44MjNhMi41IDIuNSAwIDAgMSAyLjgyOSAyLjgyOXptLTIuOTQzIDEuMjk5LjgyMi44MjJhMy41IDMuNSAwIDAgMS00LjQ3NC00LjQ3NGwuODIzLjgyM2EyLjUgMi41IDAgMCAwIDIuODI5IDIuODI5Ii8+CiAgPHBhdGggZD0iTTMuMzUgNS40N3EtLjI3LjI0LS41MTguNDg3QTEzIDEzIDAgMCAwIDEuMTcyIDhsLjE5NS4yODhjLjMzNS40OC44MyAxLjEyIDEuNDY1IDEuNzU1QzQuMTIxIDExLjMzMiA1Ljg4MSAxMi41IDggMTIuNWMuNzE2IDAgMS4zOS0uMTMzIDIuMDItLjM2bC43Ny43NzJBNyA3IDAgMCAxIDggMTMuNUMzIDEzLjUgMCA4IDAgOHMuOTM5LTEuNzIxIDIuNjQxLTMuMjM4bC43MDguNzA5em0xMC4yOTYgOC44ODQtMTItMTIgLjcwOC0uNzA4IDEyIDEyeiIvPgo8L3N2Zz4=")}
.accordion-content{padding-left:40px!important}

.doctorsteam .owl-stage{display:flex; flex-wrap: wrap;}
.doctorsteam .owl-stage .item{height:100%;}

.qq{position:absolute;right:15px;top:15px;opacity:.35}
/* .testimonial-block{background:url(images/testimonial/speech.svg) no-repeat right 10px top 10px #F5FAFF;background-size:40px} */
.testimonial-block{margin-top:10px;}
.testimonial-block::before{ position: absolute; width: calc(100% - 54px); height: calc(100% + 5px); background: var(--main-color5); content: ''; left: 50%; top: -11px; border-radius: 12px; z-index: -1; transform: translateX(-50%); rotate: -3deg; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; }
.testimonial-content{padding-bottom:110px!important;position:relative}
.circle-initials {width: 42px;height: 42px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: 600;font-size: 16px;color: var(--whiteColor);background: var(--main-color);}
.circle-initials.even{background: var(--main-color3);}
.shii{position:absolute;width:100%;bottom:25px;left:0}
.shii img.max{width:50px;}
.bb4{border-bottom:4px solid var(--main-color3)}



@media(min-width:575px) AND (max-width:1199px){
.col-md-1by5{width:20%;flex:20%;}
}

.service-card {background-color: var(--whiteColor);border: none;border-radius: 20px;padding: 32px;position: relative;overflow: hidden;}
.service-card .icon-box { width: 92px; height: 92px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2.8rem; transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; }
.service-card .service-list{margin-left: 10px;}
.service-card .service-list li {position: relative;padding-left: 15px;margin-bottom: 2px;font-size: 15px;}

.service-card .service-list li::before {content: "";position: absolute;left: 0;color: var(--main-color);width: 6px;height: 6px;background: var(--main-color);top: 10px;border-radius: 50%;}

.service-card.card-2{position: relative;bottom: -32px;}
.service-card.card-4{position: relative;bottom: -32px;}
.service-card.card-6{position: relative;bottom: -32px;}
.service-card.card-8{position: relative;bottom: -32px;}

.service-card.card-1 .icon-box{background: var(--main-color);}
.service-card.card-2 .icon-box{background: var(--main-color2);}
.service-card.card-3 .icon-box{background: var(--main-color3);}
.service-card.card-4 .icon-box{background: var(--main-color);}
.service-card.card-5 .icon-box{background: var(--main-color2);}
.service-card.card-6 .icon-box{background: var(--main-color3);}
.service-card.card-7 .icon-box{background: var(--main-color);}
.service-card.card-8 .icon-box{background: var(--main-color2);}

.service-card::before { position: absolute; content: ""; left: 0; bottom: 0; height: 2px; width: 0%; background-color: var(--main-color4); transition: 0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s; -ms-transition: 0.6s; -o-transition: 0.6s; }
.service-card:hover::before {width: 100%;}
.service-card:hover .icon-box{width: 58px;height: 58px;}
.service-card:hover .icon-box img{ transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; width: 54px; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.service-card:hover .icon-box img{ transform: scale(0.6); -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); }

.service-card .ser-know{ position: absolute; bottom: 24px; opacity: 0; transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; }
.service-card:hover .ser-know{opacity: 1;}

@media(max-width:1400px){
.service-card{padding: 26px;}
}
@media(max-width:1200px){
.service-card.card-2{bottom: 0px;}
.service-card.card-4{bottom: 0px;}
.service-card.card-6{bottom: 0px;}
.service-card.card-8{bottom: 0px;}
}
@media(max-width:768px){
.service-card .ser-know{bottom: 0;position: relative;opacity: 1;margin-top: 12px;display: block;}
.service-card:hover .icon-box{width: 92px;height: 92px;}
.service-card:hover .icon-box img{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
}
@media(max-width:575px){
.service-card .icon-box{width: 72px;height: 72px;}
.service-card:hover .icon-box{width: 72px;height: 72px;}
.service-card .icon-box img{width: 44px;}
.service-card:hover .icon-box img{width: 44px;}
}