.service-item{background-color:var(--white-color);border:1px solid var(--divider-color);box-shadow:5px 28px 75px 4px var(--box-shadow-color);border-radius:16px;flex-direction:column;height:calc(100% - 30px);margin-bottom:30px;padding:30px;transition:all .4s ease-in-out;display:flex;position:relative;overflow:hidden}.service-item:before{content:"";background:var(--primary-color);z-index:1;border-radius:0;height:100%;transition:all .4s ease-in-out;position:absolute;top:100%;left:0;right:0}.service-item:hover:before{top:0}.service-item .icon-box{z-index:2;margin-bottom:20px;position:relative}.service-item .icon-box svg{transition:all .4s ease-in-out}.service-item:hover .icon-box svg{filter:brightness(0)invert()}.service-body{z-index:2;margin-bottom:20px;position:relative}.service-body h3{text-transform:capitalize;margin-bottom:20px;font-size:20px;font-weight:600;transition:all .3s ease-in-out}.service-item:hover .service-body h3{color:var(--accent-color)}.service-body p{margin:0;transition:all .3s ease-in-out}.service-item:hover .service-body p{color:var(--white-color)}.service-footer{z-index:2;margin-block-start:auto;position:relative}.service-footer a{background-color:var(--accent-color);border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.service-footer a svg{max-width:20px;transition:all .4s ease-in-out;transform:rotate(-45deg)}.service-item:hover .service-footer a svg{transform:rotate(0)}@media only screen and (max-width:991px){.service-item{padding:20px}}
.our-services{background:var(--secondary-color);background-position:left -100px bottom -250px;padding:100px 0 70px}.our-service-content{margin-bottom:30px;position:sticky;top:20px}.our-services .section-btn{text-align:left}@media only screen and (max-width:991px){.our-services{background-position:left -100px bottom -250px;padding:50px 0 20px}}
