@media only screen and (max-width: 1471px) {
   .covert-header-inner {
      width: 100% !important;
      padding: 0 24px !important;
   }
   .elementor-widget-wts-modal-popup .eae-popup-link {
      margin-right: 0;
   }
}

@media only screen and (max-width: 1461px) {
   .covert-header-inner,
   footer .content {
      width: 100% !important;
      padding: 0 24px !important;
   }
   /* .elementor-widget-wts-modal-popup .eae-popup-link {
      margin-right: 34px;
   } */
}

@media only screen and (max-width: 1432px) {
   #pricing-details .content,
   #pricing-details .content .swiper-wrapper {
      width: unset;
      /* margin-left: unset; */
   }
}

@media only screen and (max-width: 1310px) {
   /* #pricing-details .content, */
   #pricing-details .content .swiper-wrapper {
      /* flex-direction: row;
    align-items: flex-end;
    justify-content: space-evenly;
    flex-wrap: wrap;
    row-gap: 60px; */

      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 60px;
   }
   #solution-footer .content {
      gap: 150px;
   }
}

@media only screen and (max-width: 1264px) {
   #solution-details {
      width: 100%;
      margin: 0 auto;
      padding: 124px 30px 95px;
      display: flex;
      flex-direction: column;
      align-items: center;
   }

   #solution-details .stg-row {
      width: calc(100% - 48px);
   }
   #solution-details .stg-row > div {
      padding: 30px;
   }

   #solution-details .stg-row:nth-child(1) .img,
   #solution-details .stg-row:nth-child(2) .img,
   #solution-details .stg-row:nth-child(3) .img {
      transform: unset;
      padding: 0;
   }

   #solution-details h3 {
      text-align: left;
   }
   #solution-plus .content.plus {
      justify-content: space-evenly;
   }
   #solution-footer .content {
      gap: 120px;
   }
   #solution-footer .content .book .calendar-content img.arrow {
      gap: 100px;
      transform: translate(-63px, -64px);
      width: 45px;
   }
}

@media only screen and (max-width: 1199px) {
   #hero .text h1 {
      font-size: 70px;
   }

   #problem .content {
      gap: 12px;
      width: 100%;
      justify-content: center;
   }

   #problem .content .arrow {
      width: 70px;
   }

   #solution-plus .content {
      justify-content: space-around;
      /* gap: unset; */
      /* width: 100%; */
      row-gap: 30px;
      -moz-column-gap: 0;
      column-gap: 0;
   }
   #solution-footer .content .book .calendar-content img.arrow {
      display: none;
   }
   #solution-footer .content {
      gap: 50px;
   }
}

@media only screen and (max-width: 1090px) {
   nav.covert-nav ul.main-menu {
      gap: 30px !important;
   }
   .covert-header-mp {
      padding-right: 50px !important;
   }

   .wp.header .covert-header-mp {
      padding-right: 264px !important;
   }

   #problem .content {
      gap: 22px;
   }
   #problem .content .arrow {
      display: none;
   }
   .pattern.solution-footer {
      padding-bottom: 100px;
   }

   #solution-plus .content {
      width: 900px;
   }
   #solution-plus .content .step {
      width: 410px;
   }
   #solution-plus .content .step .top {
      width: 410px;
      height: 80px;
   }
   #solution-plus .content .step .bottom {
      width: 410px;
      height: 140px;
   }

   #solution-footer .content {
      flex-direction: column;
      justify-content: center;
      align-items: center;
   }
   #solution-footer .content .steps {
      width: 502px;
      padding-bottom: 0;
   }
   #solution-footer .content .book {
      padding-right: 0;
      width: 502px;
   }
   #solution-footer .content .step {
      width: 502px;
      gap: 2px;
      padding-bottom: 0;
   }

   #modal-wrapper {
      width: 90%;
   }
   #modal-content {
      width: 100%;
   }
}

@media only screen and (max-width: 1030px) {
   .e-con > .e-con-inner {
      gap: 40px;
   }

   .header-col2 .eae-popup-link,
   .wp.header-col2.covert-button.book {
      transform: translateX(72px) !important;
   }
}

@media only screen and (max-width: 960px) {
   .wp.header-col2.covert-button.book {
      transform: translateX(0);
   }

   .header-col2 .eae-popup-link,
   .wp.header-col2.covert-button.book {
      transform: translateX(40px) !important;
   }

   .covert-active-menu-ind,
   .covert-header-inner {
      display: none;
   }
   .covert-mobile-header-inner {
      display: flex;
      min-height: 100%;
      justify-content: space-between;
      align-items: center;
      padding: var(--covert-header-spacing) var(--stg-gap);
      width: 100%;
   }
   .covert-mobile-header-inner .right-menu {
      display: flex;
      flex-direction: row;
      gap: 20px;
      align-items: center;
   }

   .covert-mobile-menu-toggler {
      width: 44px;
      height: 44px;
      transition: background-color 0.3s;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 8px;
      background: transparent;
      z-index: 111111111111;
   }

   .covert-mobile-menu-toggler::before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      display: block;
      border: 1px solid var(--covert-s-accented-text);
      opacity: 0.15;
      border-radius: inherit;
      transition: opacity 0.3s;
      will-change: opacity;
      z-index: 1;
   }
   .covert-mobile-menu-toggler i {
      width: 40px;
      height: 40px;
      position: relative;
      z-index: 3;
   }
   .covert-mobile-menu-toggler span {
      background: var(--covert-s-accented-text);
      width: 18px;
      height: 2px;
      border-radius: 2px;
      display: block;
      position: absolute;
      left: 11px;
      transform-origin: 0 50%;
      transition:
         transform 0.3s,
         background-color 0.3s;
      will-change: transform;
      z-index: 5;
   }
   .covert-mobile-menu-toggler span:nth-child(1) {
      top: calc(50% - 7px);
   }
   .covert-mobile-menu-toggler span:nth-child(2) {
      top: calc(50% - 1px);
      transform-origin: 50% 50%;
   }
   .covert-mobile-menu-toggler span:nth-child(3) {
      top: calc(50% + 5px);
      transform: scale(0.667, 1);
   }
   .covert-mobile-nav::-webkit-scrollbar {
      width: 0;
   }
   .covert-mobile-nav::before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 1px;
      height: 100%;
      background: linear-gradient(to top, transparent, var(--covert-s-border));
   }

   .covert-mobile-menu a {
      font-size: 30px !important;
      font-weight: 300 !important;
      font-family: 'Work Sans';
      letter-spacing: 0;
      color: #2e323b;
      transition: all 0.2s ease-in-out;
   }

   .covert-mobile-menu a:hover {
      color: #007aff;
   }
   nav.covert-nav ul.main-menu {
      gap: 20px;
   }
   .covert-header-mp {
      padding-right: 30px;
   }

   /* .elementor-widget-wts-modal-popup .eae-popup-link {
      margin-right: 0;
   } */

   #hero .text h1 {
      font-size: 60px;
   }
   #solution-details .stg-row .text {
      padding: 0;
      padding: 0;
      display: flex;
      align-items: center;
   }
   #solution-details h3,
   #solution-details p.covert-large-text {
      text-align: center;
   }
   #solution-details .stg-row .img {
      width: 100%;
      padding-top: 0;
   }

   #solution-details .stg-row .img * {
      display: flex;
      flex-direction: column;
      align-items: center;
   }

   #solution-details .stg-row .img img {
      margin-top: 20px;
   }

   #solution-details .stg-row:nth-child(2) div:first-child {
      order: 2;
   }

   #solution-details .stg-row:nth-child(2) div:last-child {
      order: 1;
   }
}

@media only screen and (max-width: 944px) {
   #problem .content {
      padding: 0 24px;
   }
   #problem .content .step {
      width: calc(33% - 24px);
   }

   #problem .content .step .top,
   #problem .content .step .bottom,
   #problem .content .step .top h4,
   #problem .content .step .bottom p {
      width: 100% !important;
   }
   #problem .content .step .top {
      height: 160px;
      padding: 20px;
   }

   #problem .content .step .bottom {
      padding: 27px 24px !important;
      height: 210px;
   }
   /* #problem .content .step:nth-child(1) .bottom,
      #problem .content .step:nth-child(2) .bottom,
      #problem .content .step:nth-child(3) .bottom {
         padding: 20px 24px 0 !important;
      } */

   #solution-plus .content {
      gap: 24px;
      padding: 0 24px;
   }

   /* #solution-plus .content .step,
   #solution-plus .content .step .top,
   #solution-plus .content .step .top h4,
   #solution-plus .content .step .bottom {
      width: 100%;
   }
   #solution-plus .content .step .bottom {
      height: 178px;
      padding: 30px;
   } */
}

@media only screen and (max-width: 854px) {
   #solution-plus .content {
      display: flex;
      flex-direction: column;
   }
   #solution-footer .text h2 {
      width: 100%;
      padding: 0 30px;
   }
}

@media only screen and (max-width: 854px) {
   #problem .content .step .bottom {
      height: 223px;
   }
}

@media only screen and (max-width: 806px) {
   #problem .content .step .bottom {
      height: 243px;
   }

   #pricing img.arrow {
      display: none;
   }
}

@media only screen and (max-width: 768px) {
   .mobNo {
      display: none !important;
   }
   .mob {
      display: unset !important;
   }
   section,
   .stg-row {
      width: 100%;
   }
   .stg-row > .stg-col-100,
   .stg-row > .stg-col-12 {
      margin: 0;
   }

   .header-col2 .eae-popup-link {
      transform: translateX(0) !important;
   }

   .wp.header-col2.covert-button.book {
      transform: translateY(-20px) !important;
      right: 88px;
      position: absolute;
   }

   .blog-col-1,
   .blog-col-2 {
      padding: 0 32px !important;
   }

   .blog-col-2 {
      margin-top: 20px;
      gap: 0 !important;
   }

   .blog-col-2 h3.wpr-archive-title {
      padding-bottom: 10px;
   }

   .pattern {
      background-size: 18% !important;
   }

   #covert-header.is-sticky {
      position: relative;
   }
   .covert-mobile-menu-toggler {
      /* display: none; */
   }
   .covert-mobile-header-inner {
      height: 78px;
   }

   .e-con.e-flex {
      width: 100%;
      padding: 0;
   }

   #hero {
      top: 78px;
      padding-top: 0;
   }

   #hero .text {
      width: 348px;
   }

   #hero .text .dashed {
      width: 231px;
      height: 39px;
      min-height: 39px;
      font-size: 16px;
      background-image: url('../img/dashed-hero-mob.png');
   }

   #hero .text h1 {
      width: 100%;
      height: unset;
      font-size: 40px;
   }

   #hero .text p {
      width: 100%;
      font-size: 16px;
      margin-bottom: 10px;
   }

   .hero-container {
      width: 228px !important;
   }
   #hero .hero-container {
      margin-top: 10px;
      width: 228px !important;
   }
   #hero img.main {
      width: 228px;
      height: auto;
      margin: 78px auto 130px;
   }
   p.lead {
      font-size: 18px;
      /* width: 319px; */
      margin-top: -100px;
   }
   .carousel {
      display: flex;
      gap: 40px;
   }
   .carousel img {
      height: 80px;
      /* margin-right: 30px; */
      transform: scale(0.8);
   }
   .carousel-container {
      margin-top: 0;
   }

   #problem {
      padding-top: 100px;
      padding-bottom: 100px;
   }

   #problem .stg-row {
      width: 100%;
   }

   #problem .text {
      width: 365px;
      margin-bottom: 30px;
   }

   #problem .text h2 {
      width: 100%;
      font-size: 32px;
   }

   #problem .text .dashed {
      width: 119px;
      height: 39px;
      min-height: 39px;
      font-size: 16px;
      background-image: url('../img/dashed-problem-mob.png');
   }

   #problem .content {
      flex-direction: column;
      gap: 30px;
   }

   #problem .content .step h3 {
      display: none;
   }

   #problem .content .arrow {
      position: absolute;
      z-index: 11;
      display: block;
   }

   #problem .content .arrow:nth-child(2) {
      transform: rotate(60deg) scale(0.8) translate(-300px, 90px);
   }

   #problem .content .arrow:nth-child(5) {
      transform: rotate(170deg) scale(0.4) translate(-400px, -370px);
   }

   #problem .content .step .top {
      border-radius: 10px;
      transform: translateY(10px);
      width: 320px !important;
      padding: 2px 28px 0;
      height: 100px;
   }

   #problem .content .step .top h4,
   #problem .content .step .bottom p {
      width: 100%;
   }

   #problem .content .step .bottom {
      width: 320px !important;
      height: 170px;
      padding: 6px 28px 0;
   }

   #problem .content .step:nth-child(3) .bottom {
      padding: 10px 39px 0;
   }

   #problem .content .step:last-child .bottom {
      padding: 10px 50px 0;
   }

   #solution {
      padding-top: 60px;
   }

   #solution .text {
      /* width: 355px; */
      margin-bottom: 5px;
   }

   #solution .text .dashed {
      width: 125px;
      height: 39px;
      min-height: 39px;
      font-size: 16px;
      background-image: url('../img/dashed-solution-mob.png');
   }

   #solution .text h2 {
      font-size: 32px;
   }

   #solution .text p {
      font-size: 16px;
   }

   #solution-details {
      width: 100%;
      padding-top: 55px;
   }
   #solution-details h3 {
      text-align: center;
   }
   #solution-details .stg-row {
      width: 100%;
   }

   #solution-details .stg-row > div {
      display: flex;
      align-items: center;
      padding-bottom: 0;
   }

   #solution-details h3 {
      font-size: 24px;
   }

   #solution-details p.covert-large-text {
      text-align: center;
      font-size: 16px;
   }

   #solution-details ul {
      align-items: center;
      width: 360px !important;
      padding-left: 0;
      padding: 0 14px;
   }

   #solution-details ul li {
      list-style-type: none;
      text-align: center;
   }
   #solution-details ul li:last-child {
      margin-bottom: 0;
   }
   #solution-details ul h5,
   #solution-details ul p {
      text-align: center;
      font-size: 16px;
   }

   #solution-details .stg-row {
      display: flex;
      margin-bottom: 60px;
   }

   #solution-details .stg-row:nth-child(2) div .covert-parallax-media img {
      margin-bottom: -15px !important;
   }

   #solution-details .stg-row .img {
      width: 100%;
      padding: 0;
   }

   #solution-details .stg-row .img img {
      max-width: 100%;
      min-width: unset !important;
   }

   #solution-details .stg-row div .line {
      margin-bottom: 45px;
   }

   #solution-details .stg-row:nth-child(1) div .covert-parallax-media img {
      width: 120%;
      min-width: 120%;
      height: auto;
      margin: 30px -10% 15px;
   }

   #solution-details .stg-row:nth-child(2) div .covert-parallax-media img {
      width: 150%;
      min-width: 150%;
      height: auto;
      margin: 30px -25%;
   }

   #solution-details .stg-row:nth-child(3) div .covert-parallax-media img {
      width: 160%;
      min-width: 160%;
      height: auto;
      margin: 30px -30%;
   }

   #solution-details .stg-row .text,
   #solution-details .stg-row:nth-child(2) .text {
      padding-left: 0 !important;
      padding: 0 !important;
   }

   #pricing {
      padding-top: 50px;
   }

   #pricing .text {
      /* width: 355px; */
      margin-bottom: 94px;
   }

   /* #pricing .text .dashed {
      width: 156px;
      height: 39px;
      min-height: 39px;
      font-size: 16px;
      background-image: url('../img/dashed-pricing-mob.png');
   } */

   #pricing .text h2 {
      font-size: 32px;
      padding: 0 30px;
      /* width: 340px; */
      max-width: 100%;
   }

   #pricing .text p {
      font-size: 16px;
      padding: 0 30px;
      /* width: 310px; */
      max-width: 100%;
   }

   #pricing-details {
      margin-top: -90px;
      padding-bottom: 0;
   }

   .swiper-backface-hidden .swiper-slide,
   #pricing-details .content .step {
      width: 318px !important;
      padding: 0;
   }

   #pricing-details .content .step .top,
   #pricing-details .content .step .bottom {
      width: 300px;
   }

   /* #pricing-details .content .swiper-slide:nth-child(2) .step .bottom {
      height: 535px;
   }

   #pricing-details .content .swiper-slide:nth-child(2) .bottom {
      height: 500px;
   } */

   #pricing-details .content .step .bottom {
      height: 480px;
      padding: 30px 24px 38px;
   }

   #pricing-details .content .step .bottom .button-book img.dashed-buttom {
      width: 216px;
      height: 56px;
   }

   #pricing-details .text .dashed {
      width: 216px;
      height: 56px;
      min-height: 56px;
      font-size: 16px;
      background-image: url('../img/dashed-pricing-mob.png');
   }

   #pricing-details .content .step .bottom .button-book a {
      width: 200px;
      padding: 10px 12px;
      gap: 8px;
   }

   #pricing-details .content .step .bottom ul li p {
      line-height: 130%;
   }

   #pricing-details .content .step .bottom h3 {
      margin-bottom: 24px;
   }
   /* slider */

   #pricing-details .content,
   #pricing-details .content .swiper-wrapper {
      /* align-items: flex-end;
    justify-content: unset;
    flex-wrap: unset;
    row-gap: unset; */

      display: flex;
      grid-template-columns: unset;
      gap: unset;
   }

   #pricing-details .swiper-container {
      width: 100%;
      max-width: 100%;
      display: flex !important;
      justify-content: center;
   }

   #pricing-details .swiper-wrapper {
      display: flex;
      justify-content: center;
   }

   #pricing-details .swiper-slide {
      width: 318px; /* Ajusta el ancho */
      height: auto;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
   }
   #pricing-details p.lead {
      margin: 5px auto 28px;
   }
   #solution-plus {
      padding-bottom: 90px;
   }
   #solution-plus .text {
      width: 337px;
      margin-bottom: 42px;
   }

   #solution-plus .text .dashed {
      width: 78px;
      height: 39px;
      min-height: 39px;
      font-size: 16px;
      background-image: url('../img/dashed-whyus-mob.png');
   }

   #solution-plus .text h2 {
      width: 100%;
      font-size: 32px;
   }
   #solution-plus .text img {
      transform: translate(148px, 124px) rotate(30deg) scale(0.55);
   }
   #solution-plus .content {
      flex-direction: column;
      gap: 20px;
   }

   #solution-plus .content .step > h3 {
      display: none;
   }

   #solution-plus .content .step .top {
      border-radius: 10px;
      height: 100px;
      width: 320px;
   }

   #solution-plus .content .step .bottom {
      height: 190px;
      width: 320px;
   }

   #solution-plus .content.plus {
      margin-top: 65px;
      gap: 50px;
   }

   #solution-plus .content.plus .step,
   #solution-plus .content.plus .step .top,
   #solution-plus .content.plus .step .bottom {
      width: 320px;
   }

   #solution-plus .content.plus .step:last-child .shadow {
      width: 344px;
      border-radius: 16px;
   }

   #solution-plus .content .step .bottom h3 {
      margin-bottom: 20px;
   }

   #testimonials {
      padding-top: 50px;
      padding-bottom: 50px;
   }

   #testimonials .text {
      max-width: 100%;
      padding: 0 20px;
      margin-bottom: 42px;
   }

   #testimonials .text .dashed {
      width: 118px;
      height: 39px;
      min-height: 39px;
      font-size: 16px;
      background-image: url('../img/dashed-testimonials-mob.png');
   }

   #testimonials .text h2 {
      width: 100%;
      font-size: 32px;
   }

   #testimonials .stg-row > div {
      margin: 0 !important;
   }

   #testimonials .content {
      width: calc(100% - 24px);
      padding: 0px;
      gap: 28px;
      max-width: unset;
   }

   /* slider */
   #testimonials .swiper-container {
      width: 100%;
      max-width: 100%;
      display: flex !important;
      justify-content: center;
   }

   #testimonials .swiper-wrapper {
      display: flex;
      justify-content: center;
      align-items: flex-start;
   }

   #testimonials .swiper-slide {
      width: 318px;
      height: auto;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0 10px;
   }

   .swiper-backface-hidden .swiper-slide,
   #testimonials .content .swiper-slide div {
      width: calc(100% - 24px);
      padding: 28px;
   }

   #testimonials .content .testimonial {
      width: calc(100% - 24px);
   }

   #testimonials .content .testimonial .verbatim,
   #testimonials .content .testimonial .verbatim p {
      width: 100%;
      font-size: 14px;
      line-height: 130%;
   }

   #testimonials .testimonial {
      padding: 10px;
      box-sizing: border-box;
   }

   #testimonials .content .testimonial .author {
      width: unset;
      justify-content: flex-start;
   }

   #testimonials .content .testimonial .author .name {
      width: unset;
   }

   #testimonials .content .testimonial .author .name h4 {
      font-size: 18px;
      letter-spacing: unset !important;
      line-height: 100%;
   }

   #testimonials .content .testimonial .author .name p {
      font-size: 16px;
      letter-spacing: unset !important;
      line-height: 100%;
   }

   #solution-footer .content .book .calendar-content {
      width: calc(100% - 60px);
      min-height: unset;
   }
   #calendar {
      width: calc(100% - 60px);
   }

   #calendar tbody td {
      width: 40px;
      height: 40px;
   }

   #solution-footer .text {
      /* width: 337px; */
      max-width: 100%;
      margin-bottom: 42px;
   }

   #solution-footer .text .dashed {
      width: 106px;
      height: 39px;
      min-height: 39px;
      font-size: 16px;
      background-image: url('../img/dashed-solution-color-mob.png');
   }

   #solution-footer .text h2 {
      width: 100%;
      padding: 0 30px;
      font-size: 32px;
   }

   #solution-footer .text p {
      width: 100%;
      padding: 0 30px;
      /* width: 310px; */
   }

   #solution-footer .content {
      flex-direction: column;
      align-items: center;
      width: 100%;
      gap: 20px;
      margin-bottom: 37px;
   }

   #solution-footer .content .steps {
      gap: 32px;
      margin-bottom: 10px;
      padding-bottom: 0;
   }
   #solution-footer .content .steps,
   #solution-footer .content .step,
   #solution-footer .content .step .box {
      width: 260px;
   }
   #solution-footer .content .step .box {
      height: 188px;
   }
   #solution-footer .content .step h3 {
      font-size: 90px;
      position: absolute;
      transform: translate(-58px, 52px);
   }

   #solution-footer .content .step .box h4,
   #solution-footer .content .step .box p {
      width: 200px;
   }

   #solution-footer .content .steps img {
      display: none;
   }
   #solution-footer .content .book {
      /* align-items: flex-start; */
      align-items: center;
      gap: 18px;
      padding: 0;
      width: 100%;
   }

   #solution-footer .content .book .button-book {
      width: 100%;
   }
   #solution-footer .content .book .button-book a {
      width: 300px;
      height: 40px;
   }
   #solution-footer .content .book .button-book img.dashed-buttom {
      width: 320px;
      height: 60px;
   }
   #solution-footer p.lead {
      margin: 10px auto 80px;
   }
   .pattern.solution-footer {
      padding-bottom: 0;
   }
   footer {
      height: 270px;
   }
   footer .content {
      flex-direction: column;
      width: 100%;
      align-items: center;
      gap: 30px;
   }
   footer p {
      font-size: 14px;
   }

   footer .info {
      gap: 10px;
      align-items: center;
   }

   #modal-content {
      width: 100%;
      height: 90vh;
      -webkit-clip-path: unset;
      clip-path: unset;
   }

   #modal-close {
      top: 6px;
      right: 20px;
   }
}

@media only screen and (max-width: 499px) {
   .header-col2 .eae-popup-link,
   .wp.header-col2.covert-button.book {
      display: none;
   }
}