.revenue-capabilities{
  padding:var(--vertical_spacing);
  position: relative;
  background-repeat: no-repeat;
  z-index:10;
}
.revenue-capabilities .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0.9;
}
.revenue-capabilities .content-wrapper {
  position: relative;
  z-index: 9;
}
.revenue-capabilities .btn_sec{
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
  margin-top: 40px;
}
.revenue-capabilities .btn_sec .btn_item .icon>span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: inline-flex;
  width: 100%;
  transition: 0.3s all ease-in-out;
  height: 100%;
}
.revenue-capabilities .btn_sec .btn_item .icon {
  position: relative;
  display: inline-flex;
  min-width: 16px;
  justify-content: center;
  align-items: center;
  height: 16px;
}
.revenue-capabilities .btn_sec .btn_item .icon>span img {
  min-width: 16px;
  object-fit: contain;
}
.revenue-capabilities .btn_sec .btn_item .icon .icon_initial {
  transform: scale(1);
}
.revenue-capabilities .btn_sec .btn_item a.icon_enable {
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  gap: 12px;
  padding: 8px 24px 8px 8px;
  text-transform: none;
}

.revenue-capabilities .top-content{
  margin-bottom:56px;
}

.revenue-capabilities .btn_sec .btn_item a.icon_enable.icon_alignment_right {
  flex-direction: row-reverse;
}
.revenue-capabilities .btn_sec .btn_item a.icon_enable .icon_wrapper {
  align-items: center;
  display: inline-flex;
  overflow: hidden;
  justify-content: center;
  width: 30px;
  height: 30px;
  position: relative;
  vertical-align: middle;
  background: var(--septenary);
  transition: all .3s ease-in-out;
  border-radius: 3px;
  flex-shrink: 0;
}
.revenue-capabilities .btn_sec .btn_item a.icon_enable span.icon.initial_icon {
  transform: translate(0);
  transition: all .3s ease-in-out;
}
.revenue-capabilities .btn_sec .btn_item a.icon_enable .icon_wrapper span.icon.hover_icon {
  transform: translate(0px, 30px);
  transition: all .3s ease-in-out;
}
.revenue-capabilities .btn_sec .btn_item a.icon_enable .icon {
  width: 30px;
  height: 30px;
  border-radius: 3px;
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  position: absolute;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.revenue-capabilities .btn_sec .btn_item a.icon_enable .icon svg circle,
.revenue-capabilities .btn_sec .btn_item a.icon_enable .icon svg path,
.revenue-capabilities .btn_sec .btn_item a.icon_enable .icon svg {
  fill: var(--senary);
}
.revenue-capabilities .btn_sec .btn_item a.icon_enable .icon svg {
  width: 17px;
  height: 16px;
}
.revenue-capabilities .btn_sec .btn_item a.icon_enable:hover .icon_wrapper {
  background: var(--senary);
}
.revenue-capabilities .btn_sec .btn_item a.icon_enable:hover .oneM_icon .hover_icon {
  transform: translate(0);
  transition: all .3s ease-in-out;
}
.revenue-capabilities .btn_sec .btn_item a.icon_enable:hover span.icon.initial_icon {
  transform: translate(0px, -66px);
}
.revenue-capabilities .btn_sec .btn_item a.icon_enable:hover .icon_wrapper span.icon.hover_icon {
  transform: translate(0px);
}
.revenue-capabilities .btn_sec .btn_item a.icon_enable:hover .icon_wrapper svg,
.revenue-capabilities .btn_sec .btn_item a.icon_enable:hover .icon_wrapper svg circle ,
.revenue-capabilities .btn_sec .btn_item a.icon_enable:hover .icon_wrapper svg path{
  fill: var(--septenary);
}
.revenue-capabilities .btn_sec .btn--secondary a.icon_enable .icon_wrapper {
  background: var(--senary);
}
.revenue-capabilities .btn_sec .btn--secondary a.icon_enable .icon svg, 
.revenue-capabilities .btn_sec .btn--secondary a.icon_enable .icon svg circle,
.revenue-capabilities .btn_sec .btn--secondary a.icon_enable .icon svg path{
  fill: var(--primary_color);
}
.revenue-capabilities .btn_sec .btn--secondary a.icon_enable:hover .icon_wrapper {
  background: var(--senary);
}
.revenue-capabilities .btn_sec .btn--secondary a.icon_enable:hover .icon svg, 
.revenue-capabilities .btn_sec .btn--secondary a.icon_enable:hover .icon svg circle,
.revenue-capabilities .btn_sec .btn--secondary a.icon_enable:hover .icon svg path{
  fill: var(--septenary);
}
.revenue-capabilities .btn_sec .btn_item a.icon_enable.icon_alignment_right {
  padding: 8px 8px 8px 24px;
}

.revenue-capabilities .left-content .description>:last-child {
  margin-bottom: 0;
}
.revenue-capabilities .main_content {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items:center;
}

.revenue-capabilities .left-content {
  width: calc(40% - 20px /2 );
}

.revenue-capabilities .right-content {
  width: calc(60% - 20px / 2);
}

@media(min-width:768px){
  .revenue-capabilities .mobile-lottie{
    display:none;
  }
}
@media(max-width:767px){
  .revenue-capabilities .mobile-lottie{
    display:block;
  }
  .revenue-capabilities .desktop-lottie{
    display:none;
  }
  .revenue-capabilities .main_content {
    gap: 32px;
  }
  .revenue-capabilities .left-content {
    width: 100%;
  }

  .revenue-capabilities .right-content {
    width: 100%;
  }
}

@media(max-width:640px){
  .revenue-capabilities .btn_sec {
    flex-direction: column;
  }