/*============================================== Services One ===============================================*/ .services-one { position: relative; display: block; background: var(--donatix-white); padding: 0px 0 120px; z-index: 1; } .services-one .shape2 { position: absolute; left: 0; bottom: 65px; z-index: -1; } .services-one__single { position: relative; display: block; background: var(--donatix-white); box-shadow: 0px 4px 40px rgb(0, 0, 0, 0.06); border-radius: 30px; padding: 30px 30px 25px; z-index: 1; } .services-one__single::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--donatix-primary); transform: scaleX(0.8) rotateX(20deg); opacity: 0; border-radius: 30px; transition: all 0.5s linear; z-index: -1; } .services-one__single:hover:before { transform: scaleX(1.0) rotateX(0deg); transition: all 0.4s linear; opacity: 1; } .services-one__single::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--donatix-base); opacity: 0; border-radius: 30px; transition: all 0.5s linear; z-index: -2; } .services-one__single:hover::after { transform: rotate(-10deg); opacity: 1; } .services-one__single .shape1 { position: absolute; left: 0; right: 0; bottom: 35px; text-align: center; z-index: -1; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-one__single:hover .shape1 { opacity: 0.07; } .services-one__single-icon { position: relative; display: flex; align-items: center; justify-content: center; width: 75px; height: 75px; background: var(--donatix-secondary); border-radius: 50%; margin: 0 auto 21px; -webkit-transition: all 500ms ease; transition: all 500ms ease; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='74' height='74' viewBox='0 0 74 74'%3E%3Cimage xlink:href='data:image/png;base64,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' x='0' y='0' width='74' height='74'/%3E%3C/svg%3E"); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='74' height='74' viewBox='0 0 74 74'%3E%3Cimage xlink:href='data:image/png;base64,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' x='0' y='0' width='74' height='74'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center center; mask-position: center center; -webkit-mask-size: cover; mask-size: cover; } .services-one__single:hover .services-one__single-icon { background: var(--donatix-base); } .services-one__single-icon span::before { position: relative; display: inline-block; color: var(--donatix-white); font-size: 40px; line-height: 40px; } .services-one__single h2 { font-size: 24px; line-height: 34px; font-weight: 700; text-transform: capitalize; margin-bottom: 9px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-one__single h2 a { color: var(--donatix-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-one__single h2 a:hover { color: var(--donatix-base); } .services-one__single:hover h2 a { color: var(--donatix-white); } .services-one__single p { margin: 0; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-one__single:hover p { color: var(--donatix-white); } .services-one__single .btn-box { position: relative; display: block; margin-top: 15px; } .services-one__single .btn-box a { position: relative; display: inline-block; color: var(--donatix-secondary); font-size: 16px; line-height: 16px; font-weight: 700; text-transform: capitalize; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-one__single:hover .btn-box a { color: var(--donatix-base); } .services-one__single .btn-box a::before { position: absolute; left: 0; bottom: 0; right: 2px; height: 1px; background: var(--donatix-secondary); -webkit-transition: all 500ms ease; transition: all 500ms ease; content: ""; } .services-one__single:hover .btn-box a::before { background: var(--donatix-base); } .services-one__single .btn-box a span::before { position: relative; display: inline-block; font-size: 13px; line-height: 13px; font-weight: 700; top: 1px; } /*============================================== Services Two ===============================================*/ .services-two { position: relative; display: block; padding: 40px 0px 40px; z-index: 1; } .services-two .shape2 { position: absolute; bottom: 60px; right: 70px; animation: shake-l-r 4s linear 0s infinite; z-index: 1; } .services-two__pattern { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; background-position: center center; z-index: -1; } .services-two__pattern::before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: var(--donatix-gray-bg); opacity: 0.6; content: ""; } .services-two__single { position: relative; display: block; background: var(--donatix-white); border-radius: 30px; padding: 30px 30px 25px; z-index: 1; } .services-two__single .shape1 { position: absolute; left: 0; bottom: 0; opacity: 0; transform: translateX(-50px); transition: background-color 0.8s ease; transition: all 0.8s ease; z-index: -1; } .services-two__single:hover .shape1 { opacity: 1; transform: translateX(0px); } .services-two__single::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--donatix-primary); transform: scaleX(0.8) rotateX(20deg); opacity: 0; border-radius: 30px; transition: all 0.4s linear; z-index: -1; } .services-two__single:hover:before { transform: scaleX(1.0) rotateX(0deg); transition: all 0.4s linear; opacity: 1; } .services-two__single-top { position: relative; display: flex; align-items: center; margin-bottom: 18px; } .services-two__single-top .icon-box { position: relative; display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; background: #f6f6f6; border-radius: 20px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-two__single:hover .services-two__single-top .icon-box { background: var(--donatix-base); } .services-two__single-top .icon-box span:before { position: relative; display: inline-block; color: var(--donatix-black); font-size: 40px; line-height: 40px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-two__single:hover .services-two__single-top .icon-box span:before { color: var(--donatix-white); } .services-two__single-top .title-box { position: relative; display: block; margin-left: 20px; flex: 1; } .services-two__single-top .title-box h2 { font-size: 24px; line-height: 34px; font-weight: 700; text-transform: capitalize; padding-bottom: 4px; } .services-two__single-top .title-box h2::before { position: absolute; left: 0; bottom: 0; width: 60px; height: 3px; background: var(--donatix-black); content: ""; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-two__single:hover .services-two__single-top .title-box h2::before { background: var(--donatix-base); } .services-two__single-top .title-box h2 a { color: var(--donatix-black); } .services-two__single:hover .services-two__single-top .title-box h2 a { color: var(--donatix-white); } .services-two__single-bottom { position: relative; display: block; } .services-two__single-bottom p { margin: 0; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-two__single:hover .services-two__single-bottom p { color: var(--donatix-white); } .services-two__single-bottom .btn-box { position: relative; display: block; margin-top: 15px; } .services-two__single-bottom .btn-box a { position: relative; display: inline-block; color: var(--donatix-secondary); font-size: 16px; line-height: 16px; font-weight: 700; text-transform: capitalize; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-two__single:hover .services-two__single-bottom .btn-box a { color: var(--donatix-base); } .services-two__single-bottom .btn-box a::before { position: absolute; left: 0; bottom: 0; right: 2px; height: 1px; background: var(--donatix-secondary); -webkit-transition: all 500ms ease; transition: all 500ms ease; content: ""; } .services-two__single:hover .services-two__single-bottom .btn-box a::before { background: var(--donatix-base); } .services-two__single-bottom .btn-box a span::before { position: relative; display: inline-block; font-size: 13px; line-height: 13px; font-weight: 700; top: 1px; } /*============================================== Services Three ===============================================*/ .services-one--three { position: relative; display: block; padding: 64px 0px 64px; z-index: 1; } .services-one--three__shape1 { position: absolute; top: 90px; left: 0px; z-index: -1; } .services-one--three__shape2 { position: absolute; top: 250px; left: 0px; z-index: -1; } .services-one--three__shape3 { position: absolute; bottom: 26px; right: 60px; animation: shake-l-r 4s linear 0s infinite; z-index: -1; } .services-one--three .services-one__single:hover .shape1 { opacity: 1; } .services-one--three .services-one__single::before { display: none; } .services-one--three .services-one__single::after { display: none; } .services-one--three .services-one__single { box-shadow: none; border: 1px solid #d8dde1; padding: 30px 30px 25px; margin-bottom: 30px; } .services-one--three .services-one__single-icon { background: transparent; mask: none; border: 1px dashed var(--donatix-secondary); } .services-one--three .services-one__single:hover .services-one__single-icon { border-color: var(--donatix-base); } .services-one--three .services-one__single-icon::before { position: absolute; top: 3px; left: 3px; bottom: 3px; right: 3px; background: var(--donatix-base); border-radius: 50%; transform: scale(0.5); opacity: 0; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; content: ""; z-index: -1; } .services-one--three .services-one__single:hover .services-one__single-icon::before { transform: scale(1.0); opacity: 1; } .services-one--three .services-one__single-icon span::before { color: var(--donatix-secondary); transition: all 500ms linear; transition-delay: 0.06s; transform: scale(1); } .services-one--three .services-one__single:hover .services-one__single-icon span::before { color: var(--donatix-white); transform: scale(0.9); } .services-one--three .services-one__single:hover .services-one__single-icon { background: transparent; } .services-one--three .services-one__single:hover h2 a { color: var(--donatix-black); } .services-one--three .services-one__single h2 a:hover { color: var(--donatix-base); } .services-one--three .services-one__single:hover p { color: var(--donatix-gray); } .services-one--three .services-one__single:hover .btn-box a { color: var(--donatix-secondary); } .services-one--three .services-one__single:hover .btn-box a::before { background: var(--donatix-secondary); } .services-one--three .services-one__single .btn-box a:hover { color: var(--donatix-base); } .services-one--three .services-one__single .btn-box a:hover::before { background: var(--donatix-base); }