.mf-marketing-banner {
    background: #5200aa;
    position: relative;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: "Inter";
  }
  
  .mf-marketing-banner h1 {
    font-size: 90px;
    color: #f3b500;
    margin-bottom: 0px;
    font-family: "Inter";
    font-weight: 800;
    padding-bottom: 50px;
    line-height: 1;
  }
  
  .mf-marketing-banner .mobile-app-banner {
    position: relative;
    right: 26%;
    bottom: -30px;
  }
  
  .mf-marketing-banner p {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 40px;
    max-width: 87%;
  }
  .mf-marketing-banner .an-theme-btn {
    padding: 16px 60px;
    text-transform: none;
    font-size: 24px;
    font-weight: 600;
  }
  .arrow-market {
    position: absolute;
    bottom: -190px;
    z-index: -2;
    right: 0;
  }
  .mf-marketing-heights {
    padding-bottom: 0;
    padding-top: 140px;
    min-height: auto;
  }
  .mf-marketing-heights img {
    max-width: 100%;
    position: relative;
    bottom: -20%;
  }
  .inner-market {
  }
  .inner-market h4 {
    font-size: 72px;
    color: black;
    font-weight: 800;
  }
  .inner-market p {
    font-size: 24px;
    font-weight: 500;
    color: black;
  }
  .mf-marketing-product{
      padding: 100px 0;
      background: #f3b500;
  }
  .market-product-txt{
      text-align: center;
  }
  .market-product-txt h2{
      font-size: 72px;
      font-weight: 800;
      color: black;
      margin-bottom: 20px;
  }
  .market-product-txt p{
      font-size: 36px;
      color: black;
      margin-bottom: 30px;
  }
  .market-product-txt .quote-btn{
      font-weight: 600;
      font-size: 24px;
      padding: 16px 80px;
  }
  .mf-marketing-scale{
    background: #5200aa;
    padding: 100px 0;
  }
  .mark-scale{}
  .mark-scale h2{
    font-size: 72px;
    color: white;
    font-weight: 800;
  }
  .mark-scale p{
    font-size: 24px;
    font-weight: 500;
    color: white;

}
.innermark-scale .accordion-button::after{
    display: none;
}
.innermark-scale  .accordion-button{
    background: transparent;
    color: white;
    border-radius: 0;
    font-size: 36px;
    font-weight: 800;
}
.innermark-scale .accordion-button:not(.collapsed){
    color: #f3b500;
    background-color: transparent;
    box-shadow:none;
}
.innermark-scale .accordion-button:focus:not(:focus-visible) {
    outline: 0;
    box-shadow: none;
}
.innermark-scale .accordion-button img {
    margin-right: 20px;
}

.innermark-scale .accordion-body p {
    font-size: 24px;
    font-weight: 500;
    color: white;
}
.innermark-scale  .accordion-body {
    padding: 40px 0px 50px 60px;
}
.innermark-scale {
    padding-top: 50px;
}

.mf-marketing-scale .scaler {
    border-radius: 25px;
}
.mf-plan-section{
    padding: 100px 0px;
    align-items: baseline;
}
.mf-plan-section .an-primary-heading{
    text-align: center;
    font-weight: 800;
    color: black;
}
.mf-plan-section .an-primary-heading + p{
    font-size: 30px;
    text-align: center;
}
.mf-plan-section .row{
    padding-top: 70px;
}
.inner-scalerplan{
    text-align: center;
    padding: 20px 25px;
}
.inner-scalerplan img{
    margin-bottom: 20px;
}
.inner-scalerplan h4{
    font-size: 36px;
    font-weight: 800;
    color: black;
    margin-bottom: 25px;
}
.inner-scalerplan p{
    color: black;
    font-weight: 500;
}
.mf-brand-thrive{
    background: #fc6222;
    padding: 140px 0 0;
}
.inner-thrive{}
.inner-thrive h4{
    font-size: 72px;
    color: white;
    font-weight: 800;
    margin-bottom: 50px;
}
.inner-thrive p{
    color: white;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 50px;
    max-width: 88%;
}
.inner-thrive .quote-btn{
    background: #5200aa;
    padding: 16px 80px;
}
.inner-thrive .quote-btn:hover {
    background: black;
    color: white;
}
.mf-brand-thrive img {
    position: relative;
    left: -20%;
}

.mf-uicta-section{
    background: #5200aa;
    padding: 100px 0 70px;
    align-items: baseline;
    min-height: auto;
}
.inner-uicta {
    text-align: center;
}

.inner-uicta h2 {
    color: white;
    font-size: 72px;
    font-family: 'Inter';
    font-weight: 800;
    padding-bottom: 25px;
}

.inner-uicta p {
    font-size: 36px;
    color: white;
    font-weight: 500;
    padding-bottom: 20px;
}

.inner-uicta .quote-btn {
    padding: 15px 60px;
}

.an-testimonial-section.an-white-bg{
    background-image: url(../img/arandvr/testi-bg.webp);
    background-size: cover;
    background-position: center;
}
.an-testimonial-section.an-white-bg h2{
    color: black;
    font-family: 'Inter';
    font-weight: 800;
}
.an-portfolio-design-2 {
    text-align: center;
    background: #f3b500;
}

.an-portfolio-design-2 h2 {
    font-family: 'Inter';
    font-weight: 800;
    color: black;
    font-size: 62px;
}

.an-portfolio-design-2 h2 + p {
    margin-bottom: 50px;
}

.an-portfolio-design-2 .item img:nth-child(1) {
    position: relative;
    z-index: 1;
    margin-right: -10%;
    transform: scale(1);
}

.an-portfolio-design-2  .item img {
    width: 50%;
    transition: 0.5s;
    box-shadow: 13px 20px 38px 0px #0000004f;
    border-radius: 12px;
}


.an-portfolio-design-2 .item img:nth-child(2) {
    margin-left: -10%;
    transform: scale(0.9);
}
.an-portfolio-design-2 .item {
    position: relative;
    padding: 60px 20px;
    background: #25313e;
}

.an-portfolio-design-2 .item div {
    position: absolute;
    background: #000000b5;
    width: 100%;
    left: 0px;
    bottom: 0px;
    text-align: left;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 700;
    color: white;
    z-index: 11;
}

.an-portfolio-design-2 .item:hover img:nth-child(2) {
    transform: scale(1);
    z-index: 1;
    position: relative;
}

.an-portfolio-design-2 .item:hover img:nth-child(1) {
    transform: scale(0.9);
    z-index: 0;
}
.portfolio-design-2-wrapper {
    margin-top: 100px;
}

.portfolio-design-2-wrapper .row>div:nth-child(odd) {
    transform: translateY(-50px);
}

.portfolio-design-2-wrapper .row {
    margin-bottom: 50px;
}