main .gridlines {
    padding: 0;
    list-style-type: none
}

main .gridlines {
    position: absolute;
    display: flex;
    width: 100%;
    max-width: 1070px;
    height: 300px;
    top: 300px;
    left: 50%;
    transform: translateX(-50%);
    justify-content: space-between;
    z-index: -1
}

main .gridlines li {
    width: 1px;
    height: 100%;
    position: relative;
    background: #000
}

main .gridlines li:first-child::before,
main .gridlines li:last-child::before {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 10px;
    border: 6px solid #fff;
    background: #000;
    position: absolute;
    top: 0;
    left: -10px
}

main .gridlines li:first-child::after,
main .gridlines li:last-child::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid #000;
    position: absolute;
    bottom: 0;
    left: -5px
}

main .gridlines li .circles {
    top: -40px;
    left: -50px;
    position: absolute;
    width: 100px;
    height: 100px;
    animation: 20s linear infinite spin
}

main .banner-section {
    overflow: hidden
}

main .banner-section .gridlines {
    z-index: 10
}

main .banner-section .gridlines li:first-child {
    margin-top: -20px
}

main .banner-section .gridlines li .let-work-btn {
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    min-width: 145px;
    text-align: center;
    color: #000;
    text-decoration: none;
    font-weight: 600;
    display: block;
    z-index: 10
}

main .banner-section .gridlines li .let-work-btn::after {
    content: "";
    width: 100%;
    height: 3px;
    background: #000;
    bottom: -5px;
    left: 0;
    position: absolute
}

.subpage.expertise-page .expertise-wrap .item-box .item-wrap.violet,
main .banner-section .gridlines li .let-work-btn:hover::after,
main .specialized .grids-wrap .gridx .bx-8 .bxwrap .view-btn:hover::after,
main .specialized .grids-wrap .gridx .bx-9 .bxwrap .view-btn:hover::after {
    background: #5a4ac0
}

main .banner-section .morph-wrap {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: -1
}

main .banner-section .morph {
    position: relative;
    height: 100%;
    fill: var(--background-color-2);
    flex: none
}

main .banner-section .content-wrap .content--layout-1 .content__title {
    top: -80px;
    position: relative
}

main .banner-section .content-wrap .content--layout-1 .bgx-1 {
    background-color: #8e7ef3;
    opacity: 1;
    margin-top: -180px;
    width: 250px;
    height: 250px;
    position: relative
}

main .banner-section .content-wrap .content--layout-1 .bgx-1 .bulb-box {
    width: 300px;
    height: 200px;
    position: absolute;
    top: -40px;
    left: 55px
}

main .banner-section .content-wrap .content--layout-1 .bgx-1 .square-box {
    width: 60px;
    position: absolute;
    top: 50px;
    right: -100px
}

main .banner-section .content-wrap .content--layout-1 .bgx-1 .square-box img {
    width: 100%;
    animation: 4s linear infinite float
}

main .banner-section .content-wrap .content--layout-1 .bgx-1 .num-a {
    position: absolute;
    left: -60px;
    top: 0;
    color: rgba(255, 255, 255, .1);
    -webkit-text-stroke: 0.5px #979797;
    font-size: 3rem;
    font-weight: 700;
    line-height: 2rem;
    animation: 7s linear infinite float
}

main .banner-section .content-wrap .content--layout-1 .content__desc {
    position: absolute;
    top: 110px;
    left: 85px
}

main .banner-section .content-wrap .content--layout-2 .content__title {
    top: -60px;
    left: 100px;
    position: relative
}

main .banner-section .content-wrap .content--layout-2 .bgx-2 {
    background-color: #6697ff;
    opacity: 1;
    margin-top: -100px;
    width: 250px;
    height: 250px;
    position: relative
}

main .banner-section .content-wrap .content--layout-2 .bgx-2 .cube-box {
    width: 106px;
    position: absolute;
    top: -69px;
    left: 50px
}

main .banner-section .content-wrap .content--layout-2 .bgx-2 .cube-box img {
    width: 100%;
    animation: 5s linear infinite float
}

main .banner-section .content-wrap .content--layout-2 .bgx-2 .triangle-box {
    width: 60px;
    position: absolute;
    top: -70px;
    right: -500px
}

main .banner-section .content-wrap .content--layout-2 .bgx-2 .triangle-box img {
    width: 100%;
    animation: 4s linear infinite float
}

main .banner-section .content-wrap .content--layout-2 .bgx-2 .num-a {
    position: absolute;
    left: -60px;
    top: 0;
    color: rgba(255, 255, 255, .1);
    -webkit-text-stroke: 0.5px #979797;
    font-size: 3rem;
    font-weight: 700;
    line-height: 2rem;
    animation: 6s linear infinite float
}

main .banner-section .content-wrap .content--layout-2 .content__desc {
    position: absolute;
    top: 110px;
    left: 300px;
    max-width: max-content;
    text-align: center
}

main .banner-section .content-wrap .content--layout-3 .content__title {
    top: -80px;
    left: -95px;
    position: relative
}

main .banner-section .content-wrap .content--layout-3 .bgx-3 {
    background-color: #ffd43d;
    opacity: 1;
    margin-top: -100px;
    width: 250px;
    height: 250px;
    position: relative;
    left: 7px
}

main .banner-section .content-wrap .content--layout-3 .bgx-3 .brain-box {
    width: 90px;
    position: absolute;
    top: -40px;
    left: 50px
}

main .banner-section .content-wrap .content--layout-3 .bgx-3 .circle-box {
    width: 60px;
    position: absolute;
    top: 50px;
    right: -150px
}

.subpage.about-page .about-banner .second-sec .box.box-1 .sphere-box .sphere,
.subpage.case-details-page .case-details-section .desc .shape-box img,
.subpage.case-details-page .case-details-section .title .shape-box img,
.subpage.cases-page .count-sec .count-wrap .shape-2 img,
.subpage.client-page .count-sec .count-wrap .shape-2 img,
.subpage.product-details-page .product-details-banner .slogan-word .whatsapp-chat-icon img,
.subpage.services-page .count-sec .count-wrap .shape-2 img,
.subpage.services-page .service-banner .box-wrapper .shape-box-a2 img,
.subpage.services-page .service-banner .box-wrapper .text-div .leaf-box-1 img,
.subpage.services-page .service-banner-2 .box-wrapper .leaf-box-1 img,
.subpage.services-page .service-banner-2 .box-wrapper .shape-box-a2 img,
main .banner-section .content-wrap .content--layout-3 .bgx-3 .circle-box img,
main .csc .count-wrap .shape-2 img {
    width: 100%;
    animation: 4s linear infinite float
}

main .banner-section .content-wrap .content--layout-3 .bgx-3 .num-a {
    position: absolute;
    left: -70px;
    top: 0;
    color: rgba(255, 255, 255, .1);
    -webkit-text-stroke: 0.5px #979797;
    font-size: 3rem;
    font-weight: 700;
    line-height: 2rem;
    animation: 7s linear infinite float
}

main .banner-section .content-wrap .content--layout-3 .content__desc {
    position: absolute;
    top: 153px;
    left: 0;
    max-width: 610px;
    text-align: center
}

main .banner-section .content-wrap .content__title {
    text-shadow: 0 9.5px 6.5px rgba(18, 59, 31, .23);
    font-weight: 900;
    text-transform: none
}

main .banner-section .content-wrap .content__desc {
    position: absolute;
    top: 70px;
    left: 100px
}

main .banner-section .content-wrap .bg-text {
    position: absolute;
    left: 65%;
    transform: translateX(-50%);
    text-transform: uppercase;
    width: 3790px;
    top: -2%;
    z-index: -1;
    display: block
}

main .banner-section .content-wrap .bg-text h3 {
    font-size: 8rem;
    font-weight: 900;
    color: #a0a0a0;
    text-align: center
}

main .banner-section .content {
    position: relative;
    display: grid
}

main .banner-section .content--layout {
    pointer-events: auto;
    justify-content: center;
    align-content: center
}

main .banner-section .content--related {
    text-align: center;
    align-content: center;
    justify-content: center;
    padding: 0 2em;
    min-height: 0;
    height: 10px;
    font-size: .85em
}

main .banner-section .content__img {
    grid-column: 1/3;
    grid-row: 1/3;
    opacity: .8;
    width: 300px;
    height: 300px;
    background: #342560
}

main .banner-section .content__title {
    grid-area: title;
    letter-spacing: -.025em;
    font-size: 8em;
    line-height: 160px;
    margin: 0;
    text-transform: lowercase;
    z-index: 10;
    cursor: default
}

main .banner-section .content__desc {
    grid-area: desc;
    margin: 0;
    z-index: 10;
    padding: 0 1em;
    cursor: default
}

main .banner-section .content__desc,
main .banner-section .content__img,
main .banner-section .content__title {
    transition: transform .3s ease-out
}

main .banner-section .content--layout-3 {
    grid-template-rows: 75px 75px 150px;
    grid-template-areas: "... ... desc desc" "author title title title" "author ... link link"
}

main .banner-section .content--layout-3 .content__img {
    grid-column: 1/3;
    grid-row: 1/3
}

main .banner-section .content--layout-3 .content__desc {
    align-self: end
}

main .banner-section .demo-3 {
    --background-color-2: #41e0e4
}

main .banner-section .demo-3 .morph {
    fill: none;
    stroke-width: 12px;
    stroke: #e3deff
}

@media screen and (max-width:40em) {
  main .banner-section .content--layout {
          transform: scale3d(.8, .8, 1)
      }
}

@media screen and (max-width:36em) {
  main .banner-section .content--layout {
          transform: scale3d(.7, .7, 1)
      }
}

@media screen and (max-width:32em) {
  main .banner-section .content--layout {
          transform: scale3d(.6, .6, 1)
      }
}

@media screen and (max-width:32em) {
  main .banner-section .content__desc,
      main .banner-section .content__link {
          font-size: 1.35em
      }
}

@media screen and (max-width:28em) {
  main .banner-section .content--layout {
          transform: scale3d(.5, .5, 1)
      }
}

.leayer-bg-position .bg-text,
main .products .slider-wrap .products-carousel .owl-item:nth-child(1n) .item .item-wrap,
main .products .slider-wrap .products-carousel .owl-item:nth-child(3n+2) .item .item-wrap {
    top: 0
}

@media screen and (max-width:1400px) {
  main .banner-section .content-wrap .content--layout-3 .bgx-3 {
          left: 240px
      }
}

@media screen and (max-width:1400px) {
  main .banner-section .content-wrap .content--layout-3 .content__title {
          left: 20px
      }
}

@media screen and (max-width:1399px) {
  main .banner-section .content-wrap .content--layout-2 .content__title {
          top: -60px;
          left: 37px
      }
}

@media screen and (max-width:1199px) {
  main .gridlines {
          max-width: 800px
      }
}

@media screen and (max-width:1199px) {
  main .banner-section .content__title {
          font-size: 6em
      }
}

@media screen and (max-width:991px) {
  main .gridlines {
          max-width: 600px
      }
}

@media screen and (max-width:991px) {
  main .banner-section .content__title {
          font-size: 4.4em;
          line-height: 5rem
      }
}

@media screen and (max-width:991px) {
  main .banner-section .content-wrap .content--layout-3 .content__title {
          left: -20px
      }
}

@media screen and (max-width:991px) {
  main .banner-section .content-wrap .content--layout-3 .content__desc {
          left: -40px
      }
}

@media screen and (max-width:767px) {
  main .banner-section .gridlines {
          display: none
      }
}

@media screen and (max-width:767px) {
  main .banner-section .content--layout {
          transform: scale3d(.7, .7, 1)
      }
}

@media screen and (max-width:767px) {
  main .banner-section .content-wrap .bg-text {
          width: 100%;
          top: 30%;
          left: 48%
      }
}

@media screen and (max-width:767px) {
  main .banner-section .content-wrap .bg-text h3 {
          font-size: 4rem;
          line-height: 4rem
      }
}

@media screen and (max-width:767px) {
  main .banner-section .morph-wrap .morph {
          height: 100%
      }
}

@media screen and (max-width:767px) {
  main .banner-section .content.content--layout.content--layout-1 {
          left: 0;
          top: -100px;
          width: 100%;
          max-width: 100%;
          padding: 0
      }
}

@media screen and (max-width:767px) {
  main .banner-section .content.content--layout.content--layout-1 .content__desc {
          left: 11px;
          max-width: 500px;
          top: 170px
      }
}

@media screen and (max-width:767px) {
  main .banner-section .content-wrap .content--layout-2 .bgx-2 {
          margin-top: -280px
      }
}

@media screen and (max-width:767px) {
  main .banner-section .content-wrap .content--layout-2 .content__title {
          top: -220px;
          left: 7px;
          line-height: 5rem
      }
}

@media screen and (max-width:767px) {
  main .banner-section .content-wrap .content--layout-2 .content__desc {
          left: 0;
          width: 410px
      }
}

@media screen and (max-width:767px) {
  main .banner-section .content-wrap .content--layout-3 .bgx-3 {
          left: 30px;
          margin-top: -260px
      }
}

@media screen and (max-width:767px) {
  main .banner-section .content-wrap .content--layout-3 .content__title {
          left: -30px;
          line-height: 5rem;
          top: -250px
      }
}

@media screen and (max-width:767px) {
  main .banner-section .content-wrap .content--layout-3 .content__desc {
          left: -260px;
          top: 10px
      }
}

@media screen and (max-width:767px) {
  main .banner-section .demo-3 .morph {
          width: 792px
      }
}

@media screen and (max-width:767px) {
  main .banner-section .gridlines li .let-work-btn {
          left: -30px;
          bottom: -94px
      }
}

@media (max-width:320px) and (min-width:200px) {
  main .banner-section .content-wrap .content--layout-1 .bgx-1 {
          margin-top: -108px;
          height: 230px;
          width: 230px
      }
}

@media (max-width:320px) and (min-width:200px) {
  .bg-text.apps {
          top: 0 !important
      }
}

@media (max-width:320px) and (min-width:200px) {
  main .banner-section .content-wrap .content--layout-1 .bgx-1 .bulb-box {
          width: 270px
      }
}

@media (max-width:320px) and (min-width:200px) {
  main .banner-section .demo-3 .morph {
          width: 714px;
          top: 12px
      }
}

@media (max-width:320px) and (min-width:200px) {
  main .banner-section .content-wrap .bg-text h3 {
          font-size: 3rem
      }
}

@media (max-width:320px) and (min-width:200px) {
  main .banner-section .gridlines li .let-work-btn {
          bottom: -30px
      }
}

@media (max-width:320px) and (min-width:200px) {
  main .banner-section .content-wrap .content--layout-2 .icon-apple {
          left: 00px !important;
          top: 00px !important
      }
}

@media (max-width:320px) and (min-width:200px) {
  main .banner-section .content-wrap .content--layout-2 .icon-whatsapp {
          right: 103px !important;
          top: 0 !important
      }
}

@media (max-width:320px) and (min-width:200px) {
  main .banner-section .content-wrap .content--layout-2 .icon-apple img {
          width: 100px !important
      }
}

@media (max-width:320px) and (min-width:200px) {
  main .banner-section .content-wrap .content--layout-2 .icon-whatsapp img {
          width: 100px !important;
          margin-top: 30px
      }
}

@media (max-width:426px) and (min-width:376px) {
  main .banner-section .gridlines {
          height: 303px !important
      }
}

@media (max-width:426px) and (min-width:376px) {
  main .banner-section .content-wrap .content--layout-1 .bgx-1 {
          margin-top: -108px !important
      }
}

@media (max-width:426px) and (min-width:376px) {
  main .banner-section .content-wrap .bg-text.custom {
          margin-top: 80px !important
      }
}

@media (max-width:426px) and (min-width:376px) {
  main .banner-section .content-wrap .content--layout-2 .bgx-2 {
          margin-top: -174px !important
      }
}

@media (max-width:426px) and (min-width:376px) {
  main .banner-section .content-wrap .content--layout-2 .content__title {
          top: -84px !important
      }
}

@media (max-width:426px) and (min-width:376px) {
  main .banner-section .content-wrap .content--layout-2 .icon-apple {
          top: -116px !important;
          left: 55% !important
      }
}

@media (max-width:426px) and (min-width:376px) {
  main .banner-section .content-wrap .content--layout-2 .icon-whatsapp {
          top: -120px !important;
          left: 75% !important
      }
}

@media (max-width:426px) and (min-width:376px) {
  main .banner-section .content-wrap .content--layout-2 .icon-apple img {
          height: 100px
      }
}

@media (max-width:426px) and (min-width:376px) {
  main .banner-section .content-wrap .content--layout-2 .icon-whatsapp img {
          height: 110px
      }
}

@media (max-width:321px) {
  main .banner-section .gridlines {
          height: 295px !important;
          right: 20px
      }
}

@media (max-width:321px) {
  main .banner-section .content-wrap .bg-text.custom {
          margin-top: 80px !important
      }
}

@media (max-width:321px) {
  main .banner-section .content-wrap .content--layout-2 .bgx-2 {
          margin-top: -174px !important
      }
}

@media (max-width:321px) {
  main .banner-section .content-wrap .content--layout-2 .content__title {
          top: -70px !important
      }
}

@media (max-width:321px) {
  main .banner-section .content-wrap .content--layout-2 .icon-apple {
          top: -126px !important;
          left: 55% !important
      }
}

@media (max-width:321px) {
  main .banner-section .content-wrap .content--layout-2 .icon-whatsapp {
          top: -166px !important;
          left: 83% !important
      }
}

@media (max-width:321px) {
  main .banner-section .content-wrap .content--layout-2 .icon-apple img {
          height: 90px;
          width: 90px
      }
}

@media (max-width:321px) {
  main .banner-section .content-wrap .content--layout-2 .icon-whatsapp img {
          height: 110px;
          width: 90px
      }
}

@media (max-width:376px) and (min-width:321px) {
  main .banner-section .gridlines {
          height: 260px !important
      }
}

@media (max-width:376px) and (min-width:321px) {
  main .banner-section .content-wrap .content--layout-1 .bgx-1 {
          margin-top: -108px !important
      }
}

@media (max-width:426px) {
  .bg-text.apps,
      .bg-text.custom {
          top: 0 !important
      }
}

@media (max-width:426px) {
  main .banner-section .content-wrap.custom {
          margin-top: 100px
      }
}

@media (max-width:426px) {
  .scroller.mob {
          margin-top: 8rem !important
      }
}

@media (max-width:426px) {
  .scroller {
          margin-bottom: 3rem !important
      }
}

@media (max-width:426px) {
  main .banner-section .content-wrap .content--layout-2 .bgx-2 .cube-box {
          top: -5px
      }
}

@media (max-width:426px) {
  main .banner-section .content-wrap .content--layout-2 .content__title {
          top: -178px
      }
}

@media screen and (max-width:600px) {
  main .banner-section .content-wrap {
          height: 100vh;
          min-height: 500px;
          margin-top: 70px;
          margin-bottom: -300px
      }
}

@media screen and (max-width:600px) {
  main .banner-section .content-wrap .bg-text {
          top: -11%
      }
}

@media screen and (max-width:760px) {
  main .banner-section .gridlines {
          display: block;
          position: absolute;
          display: flex;
          width: 79%;
          max-width: 1000px;
          height: 550px;
          top: 200px;
          left: 49%;
          transform: translateX(-50%);
          justify-content: space-between;
          list-style-type: none;
          z-index: 0
      }
}

@media screen and (max-width:760px) {
  main .gridlines li .circles {
          top: -40px;
          left: -34px;
          position: absolute;
          width: 70px;
          height: 100px
      }
}

@media screen and (max-width:760px) {
  main .banner-section .gridlines li .let-work-btn {
          font-size: 12px
      }
}

@media screen and (max-width:760px) {
  main .banner-section .gridlines li .let-work-btn::after {
          content: "";
          width: 76%;
          height: 3px;
          background: #000;
          bottom: -5px;
          left: 18px;
          position: absolute
      }
}

@media screen and (max-width:768px) {
  main .banner-section .content-wrap .content--layout-2 .content__desc {
          left: 0
      }
}

@media screen and (max-width:768px) {
  main .banner-section .content-wrap .content--layout-3 .content__desc {
          left: -221px
      }
}

@media (max-width:1024px) {
  .scroller {
          margin-top: 2rem !important
      }
}

@media (max-width:1024px) {
  main .banner-section .content-wrap {
          position: relative
      }
}

@media (orientation:portrait) {
  main .banner-section .content-wrap .secure-text {
              left: 130%
          }
}

@media (orientation:landscape) {
  main .banner-section .content-wrap .secure-text {
              left: 110%;
              margin-top: -70px
          }
}

@media (max-width:768px) {
  main .banner-section .content-wrap .content--layout-2 .icon-whatsapp {
          right: 120px !important
      }
}

@media (max-width:768px) {
  main .banner-section .content-wrap .bg-text.custom {
          bottom: -20px
      }
}

@media (max-width:768px) {
  main .gridlines li {
          height: 120%
      }
}

@media (max-width:320px) {
  main .gridlines li {
              height: 120%
          }
}

@media (max-width:768px) {
  .bg-text h3 {
          font-size: 28px;
          line-height: 1.2
      }
}

@media (max-width:768px) {
  .secure-text {
          position: absolute !important;
          top: -7px !important;
          left: 50% !important;
          transform: translateX(-50%) !important;
          width: 100%;
          text-align: center;
          z-index: 5
      }
}

@media (max-width:768px) {
  .secure-text .rellax-h {
          transform: none !important;
          left: 0 !important
      }
}

@media (max-width:768px) {
  main .banner-section .content-wrap .content--layout-1 .content__desc {
          top: 74px;
          left: 0
      }
}

main .banner-section .content-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    min-height: auto
}

@media (min-width:1024px) {
  main .banner-section .content-wrap {
          position: relative;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          width: 100%;
          height: 100%;
          min-height: 780px;
          pointer-events: none
      }
}

@media (max-width:800px) {
  .scroller {
          margin: 0;
          height: auto;
          margin-top: 3rem !important
      }
}

@media (max-width:800px) {
  .scroller.tab {
          margin-bottom: 0 !important;
          margin-top: 0 !important
      }
}

@media (max-width:800px) {
  .tag-list.tab li {
          padding: 0 !important
      }
}

@media (max-width:800px) {
  .mob img {
          height: 28rem !important
      }
}

@media (max-width:800px) {
  .tab-slide img {
          height: 16rem !important
      }
}

@media (max-width:500px) {
  .scroller.tab {
          margin-bottom: 0 !important;
          margin-top: 6rem !important
      }
}

@media (max-width:500px) {
  .tag-list.tab li {
          padding: 0 !important
      }
}

@media (max-width:500px) {
  main .banner-section .content-wrap {
          margin-top: 0
      }
}

@media (max-width:500px) {
  main .banner-section .content-wrap .content--layout-3 .bgx-3 {
          margin-top: -193px
      }
}

@media (max-width:400px) {
  .scroller {
          margin: 0;
          height: auto;
          margin-top: 5rem !important
      }
}

.scroller {
    max-width: 100%;
    position: relative;
    margin-top: -6rem;
    margin-bottom: 8rem
}

.scroller.expertise-scroller.tab {
    margin-bottom: 0
}

.tag-list {
    margin: 0;
    padding-inline: 0;
    list-style: none
}

.tag-list li {
    padding: 1rem;
    background-color: transparent;
    border: 1px solid #eceff133;
    border-radius: .5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.tag-list li h3 {
    padding: 3px 14px;
    border-radius: 90px;
    background-color: #f1efff;
    color: #4e41a9
}

main .banner-section .content-wrap .content--layout-2 .icon-apple {
    width: 106px;
    position: absolute;
    top: -10rem;
    right: 16rem
}

main .banner-section .content-wrap .content--layout-2 .icon-software {
    width: 106px;
    position: absolute;
    top: -7rem;
    left: -13rem
}

main .banner-section .content-wrap .content--layout-2 .icon-whatsapp {
    width: 106px;
    position: absolute;
    top: -10rem;
    right: 0
}

@media (max-width:576px) {
  main .banner-section .content__title {
          font-size: 3.4em
      }
}

@media (max-width:576px) {
  main .banner-section .content-wrap .content--layout-2 .icon-apple,
      main .banner-section .content-wrap .content--layout-2 .icon-whatsapp {
          top: -2rem
      }
}

@media screen and (min-width:425px) {
  main .banner-section .content.content--layout.content--layout-1 .content__desc {
          top: 90px !important
      }
}

@media screen and (min-width:320px) {
  main .banner-section .content.content--layout.content--layout-1 .content__desc {
          top: 90px !important
      }
}