.service-section{background-color:#223055;overflow:hidden;padding:140px 15px;position:relative;z-index:1}.service-section .ss-shape1{position:absolute;right:0;top:0;z-index:-1}.service-section .ss-shape1 img{display:block;width:100%}.service-section>img.ss-img1{left:0;position:absolute;top:calc(100% - 190px)}.service-section .ss-shape2{-webkit-animation:serviceCircularMotion 35s linear infinite;-moz-animation:serviceCircularMotion 35s linear infinite;-o-animation:serviceCircularMotion 35s linear infinite;animation:serviceCircularMotion 35s linear infinite;left:0;position:absolute;top:-50%;z-index:-1}@-webkit-keyframes serviceCircularMotion{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translate(100%,50%);transform:translate(100%,50%)}50%{-webkit-transform:translate(50%,100%);transform:translate(50%,100%)}75%{-webkit-transform:translateY(50%);transform:translateY(50%)}to{-webkit-transform:translate(0);transform:translate(0)}}@-moz-keyframes serviceCircularMotion{0%{-moz-transform:translate(0);transform:translate(0)}25%{-moz-transform:translate(100%,50%);transform:translate(100%,50%)}50%{-moz-transform:translate(50%,100%);transform:translate(50%,100%)}75%{-moz-transform:translateY(50%);transform:translateY(50%)}to{-moz-transform:translate(0);transform:translate(0)}}@keyframes serviceCircularMotion{0%{transform:translate(0)}25%{transform:translate(100%,50%)}50%{transform:translate(50%,100%)}75%{transform:translateY(50%)}to{transform:translate(0)}}.service-section .ss-shape2 img{display:block;width:100%}.service-section .ss-shape2 .ss-circle{background:#7af9e9;border-radius:100%;-webkit-filter:blur(100px) opacity(.5);-moz-filter:blur(100px) opacity(.5);-ms-filter:blur(100px) opacity(.5);-o-filter:blur(100px) opacity(.5);filter:blur(100px) opacity(.5);height:50vw;width:50vw}.service-section .ss-container{margin:0 auto;max-width:1200px;width:100%}.service-section .ss-head{margin:0 auto 60px;max-width:717px;width:100%}.service-section .ss-head h2{color:#fff;font-family:Poppins;font-size:48px;font-weight:600;letter-spacing:0;line-height:124%;margin:0;text-align:center}.service-section .ss-row{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.service-section .ss-col-4{width:calc(33% - 12px)}.service-section .ss-box{border-radius:16px;box-shadow:0 21px 21px 0 #0000000a;overflow:hidden;position:relative;transition:all .6s ease}.service-section .ss-box .ssb-overlay{background-color:#19244252;border-radius:16px;bottom:0;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.service-section .ss-box .ssb-image img{border-radius:12px;display:block;height:400px!important;object-fit:cover;opacity:1;transition:all .6s ease;visibility:visible;width:100%}.service-section .ss-box:hover .ssb-image img{opacity:0;visibility:hidden}.service-section .ss-box .ssb-content{bottom:32px;left:32px;overflow:hidden;position:absolute;right:32px;transform:translateY(calc(100% - 32px));transition:all .6s ease}.service-section .ss-box:hover .ssb-content{transform:translateY(0)}.service-section .ss-box .ssb-content h3{color:#fff;font-family:Poppins;font-size:24px;font-weight:600;letter-spacing:0;line-height:100%;margin:0}.service-section .ss-box:hover .ssb-content h3.outer-title{display:none}.service-section .ss-box .ssb-hover-content{display:flex;flex-direction:column;opacity:0;transform:translateY(100%);transition:all .6s ease}.service-section .ss-box:hover .ssb-hover-content{opacity:1;transform:translateY(0)}.service-section .ss-box .ssb-hover-content p{color:#fff;flex:1;font-family:Poppins;font-size:16px;font-weight:300;letter-spacing:0;line-height:148%;margin-bottom:32px;margin-top:16px}.service-section .ss-box .ssb-hover-content .ssbhc-btn{display:flex;flex-wrap:wrap}.service-section .ss-box .ssb-hover-content .ssbhc-btn a{border:1px solid rgba(194,226,255,.24);color:#fff;font-family:Poppins;font-size:16px;font-weight:500;letter-spacing:0;line-height:24px;padding:12px 26px;text-decoration:none;transition:all .3s ease}@media (max-width:1230px){.service-section .ss-col-4{width:calc(33% - 14px)}}@media (max-width:1024.98px){.service-section .ss-col-4{width:calc(50% - 12px)}}@media (max-width:767.98px){.service-section .ss-box:hover .ssb-image img{opacity:1;visibility:visible}.service-section .ss-box .ssb-content{transform:translateY(0)}.service-section .ss-box .ssb-hover-content{opacity:1;transform:translateY(0)}}@media (max-width:575.98px){.service-section .ss-col-4{width:100%}}