/*==============================================
   Services One
===============================================*/
.services-one {
  position: relative;
  display: block;
  background: var(--donatix-white);
  padding: 120px 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) 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: 120px 0px 120px;
  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) 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: 120px 0px 77px;
  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);
  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);
}