/*General css start*/
.footer-widget ul li {
  width: auto;
  margin: 0px 15px 0px 0px;
  float: left;
}

.footer-widget a {
  color: #282828;
}

.center-image .image {
  text-align: center;
}

.remove-awards-line .vc_inner > .wpb_column:last-child .awards:after {
  width: 0;
}

.color-dark {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.color-undefined {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.form-spinner input[type="submit"] {
  display: inline-block;
  float: left;
}

.form-spinner .wpcf7-spinner {
  margin-top: 18px;
  float: left;
}

@media screen and (min-width: 1025px) {
  .page-header h1 {
    font-size: 6vw;
  }

  .slider .swiper-container .slide-inner h2 {
    font-size: 40px;
  }
}

@media (max-width: 767px) {
  .swap-column {
    flex-direction: column-reverse;
  }
}

/*General css end*/
/* mobile menu css start */
@media (max-width: 991px) {
  .navigation-menu .inner .side-menu ul li a {
    font-size: 5vw;
  }

  .navigation-menu .inner .side-menu .dropdown li a {
    font-size: 4vw;
    font-weight: normal;
  }

  .navigation-menu .inner .side-menu .dropdown li a:after {
    content: "";
    width: 12px;
    display: inline-block;
    border-bottom: 1px solid;
    margin-left: 5px;
  }

  .navigation-menu .inner .side-menu .dropdown {
    margin-bottom: 20px;
    width: 100%;
  }
  .navigation-menu {
    overflow-y: auto;
  }
  .navigation-menu .inner {
    padding-top: 0px;
    overflow-y: scroll;
    position: absolute;
    top: 15%;
  }

  #menu-main-menu li.dropdown {
    position: initial !important;
  }

  .menu-main-menu-container .menu-item.menu-item-has-children {
    .menu-item.nav-item .dropdown-item {
      padding-left: 0.9rem;
    }

    .menu-item.menu-item-has-children .dropdown-item ~ .dropdown {
      padding-left: 1rem;
    }

    .menu-item.menu-item-has-children
      .dropdown-item
      ~ .dropdown
      .menu-item
      .dropdown-item:after {
      content: unset;
    }
  }
}

/* mobile menu css end */

/* eCommerce Services page start */

.our-dev-section .section-title {
  margin-bottom: 0;
  padding-right: 0;
}

.store-dev-services .vc_col-sm-3:nth-child(2n + 2) .service-box {
  margin-top: 15px;
}

.our-main-services .section-title {
  padding-right: 0;
}

.our-main-services .image {
  text-align: center;
}

@media (max-width: 767px) {
  .our-main-services .image {
    margin-bottom: 30px;
  }
}

/* eCommerce Services page end */

/* eCommerce Store Development start */

@media (max-width: 767px) {
  .store-dev-integration .clients {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }
}

/* eCommerce Store Development end */

/* Hire Dedicated page start */

.hire-developer-section .awards {
  text-align: left;
}

.hire-developer-section .awards:after {
  background: none;
}

.hire-developer-section .awards figure {
  padding: 0 75% 0 0;
}

section[data-color="dark"] .hire-simple-step .icon-services article {
  margin-bottom: 20px;
}

section[data-color="dark"] .hire-simple-step .text-content {
  color: #fff;
  text-align: center;
  margin-bottom: 50px;
}

.why-hire .section-title {
  padding-right: 0;
}

.hire-our-time .icon-services article {
  margin-bottom: 20px;
}

.hire-our-time .icon-services img {
  height: 125px;
  filter: grayscale(1);
}

.hire-tech-stack img {
  max-width: 100px;
}

.section-title-padding-remove .section-title {
  padding-right: 0;
}

.hire-main-banner-section .section-title {
  margin-bottom: 40px;
}

@media (min-width: 992px) {
  .hire-developer-section .awards {
    margin: 30px 0;
  }
}

.hire-simple-step .icon-services figure img {
  height: 90px;
}

.awards-opacity-remove .awards small {
  opacity: 1;
}

/* Hire Dedicated page end */

/*blog post start*/
.single-block-blog h4 {
  margin-bottom: 25px;
}

.single-block-blog h5 {
  margin-bottom: 20px;
}

.single-block-blog ul,
.single-block-blog ol {
  margin-bottom: 25px;
}

/*blog post end*/

/* case study start */
.case-box-style .works-content {
  width: 100%;
  display: block;
  margin: 0;
  margin-left: -1px;
  margin-top: -1px;
  padding: 30px 40px;
  position: relative;
  border: 1px solid rgba(40, 40, 40, 0.1);
}

.case-box-style.case-tech .wpb_wrapper {
  width: 100%;
  display: block;
  margin: 0;
  margin-left: -1px;
  margin-top: -1px;
  padding: 30px 40px;
  position: relative;
  border: 1px solid rgba(40, 40, 40, 0.1);
}

.case-box-style .vc_column-inner {
  padding: 0;
}

.case-box-style {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 50px;
}

.case-box-style .works-content p {
  margin-bottom: 0;
}

.case-box-style .works-content h3 {
  margin-top: 0;
}

@media (min-width: 768px) {
  .case-box-style .vc_column_container:not(:last-child) .works-content {
    border-right: 0;
  }

  .case-box-style.case-tech .vc_column_container:not(:last-child) .wpb_wrapper {
    border-right: 0;
  }
}

@media (max-width: 767px) {
  .case-box-style.case-tech .wpb_wrapper {
    padding: 30px 20px;
  }

  .case-box-style .vc_column_container:not(:last-child) .works-content {
    border-bottom: 0;
  }

  .case-box-style.case-tech .vc_column_container .wpb_wrapper {
    border-bottom: 0;
  }

  .case-box-style.case-tech
    .vc_column_container:nth-last-child(-n + 2)
    .wpb_wrapper {
    border-bottom: 1px solid rgba(40, 40, 40, 0.1);
  }

  .case-box-style.case-tech .vc_column_container:nth-child(odd) .wpb_wrapper {
    border-right: 0;
  }

  .case-percentage .vc_column_container .works-content p {
    margin-bottom: 0;
  }

  .case-percentage .vc_column_container:last-child .works-content p {
    margin-bottom: 50px;
  }
}

/* case study end */
/*sticky menu start*/
@media (min-width: 1200px) {
  body {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .navbar {
    padding: 15px 0;
  }
}

.navbar {
  position: sticky;
  top: 0;
  background-color: #fff;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.left-side {
  display: none;
}

.navbar.hide {
  transform: unset;
}

.color-dark .navbar .menu-horizontal li a {
  color: #fff;
}

.color-dark .navbar .logo a .logo-dark {
  display: none;
}

.color-dark .navbar .logo a img.logo-light {
  display: block;
}

.color-dark .navbar {
  background-color: #282828;
}

.navbar.light {
  /* background: transparent; */
  background: #282828;
}

.menu-horizontal * {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

/*sticky menu end*/
/*preloader changes start*/
.no-preloader .footer {
  padding-top: 150px;
}

/*preloader changes end*/

section[data-color="dark"],
section[data-color="dark"] a {
  color: #fff;
}

.portfolio-template-default section[data-color="dark"] span {
  background: #ffffff;
}

section[data-color="dark"] i {
  border-color: transparent transparent transparent #ffffff;
}

.waylf .wpcf7-list-item {
  margin: 0px !important;
  width: 100%;
}

/* Blog */
.post-template-default .content-section {
  padding: 0px !important;
}

/* Shopify Partner Agency For Indian D2C, B2B and B2C Brands */
.page-id-16292 .section-title-padding-remove .section-title {
  padding-right: 20% !important;
}

.grecaptcha-badge {
  visibility: hidden !important;
}

.txt-color-white {
  color: #ffffff !important;
}

.grey-border .vc_column-inner {
  border-color: grey;
  border-style: solid;
  border-width: 1px;
}

/* CSS FOR ADD BOOK SESSION (START) */

.page-id-22516, .page-id-9375, .page-id-55, .page-id-20994, .page-id-20972, .page-id-20959, .page-id-9447, .page-id-20814, .page-id-16998, .page-id-17865, .page-id-17981, .page-id-16592, .page-id-20534 {
  .custom-full-service-package > .vc_column-inner {
    border: 1px solid gray;
    border-radius: 15px;
  }

  .sub-text {
    margin-top: 20px;
    display: block;
    font-size: 20px;
    text-decoration: underline;
    position: relative;
  }

  .sub-text a::after {
    content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath d="M7 7h8.586L5.293 17.293l1.414 1.414L17 8.414V17h2V5H7v2z"%3E%3C/path%3E%3C/svg%3E');
    position: absolute;
    top: 20%;
  }

  /* CSS FOR ADD BOOK SESSION (END) */

  .slots-available span .bi.bi-dot {
    /*height: 60px;*/
    /*width: 60px;*/
    height: 8px;
    width: 8px;
    margin-right: 10px;
  }

  /* CSS FOR Full Service Package (START) */

  .tab-wrapper {
    .tabs {
      display: flex;
      justify-content: space-between;
      gap: 10px;
      background-color: #282828;
      border-radius: 50px;
    }

    .tab {
      color: white;
      padding: 10px;
      margin: 4px;
      flex: 1;
      border-radius: 50px;
      text-align: center;
      cursor: pointer;
    }

    .tab.active {
      background-color: white;
      color: #282828;
    }

    .tab-content {
      margin-top: 35px;
    }

    .tab-content > div {
      display: none;
    }
  }

  .custom-btn-bt .wpb_wrapper {
    display: flex;
    justify-content: center;
  }

  .custom-btn-bt
    .wpb_wrapper
    .vc_btn3.vc_btn3-color-black.vc_btn3-style-modern {
    background-color: #000000;
    padding: 14px 60px;
    font-size: 17px;
  }

  @media screen and (max-width: 991px) {
    .custom-text-bt .vc_column-inner {
      justify-content: center;
    }
  }

  .custom-text-bt .vc_column-inner {
    display: flex;
    align-items: center;
  }

  .custom-text-bt .wpb_content_element {
    margin-top: 10px;
  }

  .custom-text-bt .textwidget p {
    text-decoration: underline;
  }

  .wpb_wrapper:has(.book-call-section) {
    position: relative;
  }

  .book-call-section:after {
    content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" fill="white" %3E%3Cpath d="M7 7h8.586L5.293 17.293l1.414 1.414L17 8.414V17h2V5H7v2z"%3E%3C/path%3E%3C/svg%3E');
    display: block;
    position: absolute;
    top: 20px;
    right: 25px;
    width: 20px;
    height: 20px;
  }

  /* CSS FOR Full Service Package (END) */

  /* CSS FOR Compare Your Options (START) */

  .compare-section {
    .compare-section-title {
      text-align: center;
      margin-bottom: 35px;
      font-weight: 700;
    }

    .comparison-table {
      width: 100%;
      border-collapse: collapse;
      background-color: white;
      border: 1px solid #e0e0e0;
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }

    .comparison-table th,
    .comparison-table td {
      text-align: center;
      padding: 15px;
      border-top: 1px solid #e0e0e0;
      border-bottom: 1px solid #e0e0e0;
      border-left: none;
      border-right: none;
    }

    .comparison-table th {
      background-color: #f5f5f5;
      font-weight: 500;
      color: #333;
    }

    .comparison-table .highlight {
      background-color: #f9f9f9;
    }

    .comparison-table td:first-child {
      text-align: left;
      color: #333;
    }

    .check-icon {
      display: inline-block;
      width: 20px;
      height: 20px;
      background-color: #3cb371;
      color: white;
      font-size: 16px;
      border-radius: 50%;
      line-height: 20px;
    }

    .cross-icon {
      display: inline-block;
      width: 20px;
      height: 20px;
      background-color: #b0b0b0;
      color: white;
      font-size: 16px;
      border-radius: 50%;
      line-height: 20px;
      text-align: center;
    }
  }

  /* CSS For review carousel (start) */
  .wpb_wrapper {
    .rt-container-fluid {

      .carousel-wrapper{
        border: 1px solid gray;
        border-radius: 15px;
      }

      .single-item-wrapper {
        flex-direction: column-reverse;
      }

      .tss-meta-info.tss-left {
        padding: 30px;
        padding-top: 0;
      }

      .tss-meta-info .profile-img-wrapper {
        max-width: 50px;
        float: left;
        margin-right: 20px;
      }

      .tss-meta-info .author-name {
        text-align: start;
        font-size: 17px;
        font-weight: 700;
        margin-bottom: 0;
        margin-top: 8px;
      }

      .tss-meta-info .author-bio {
        font-size: 12px;
        text-align: start;
        margin: 0;
        color: #3c3939;
      }

      .tss-meta-info .rating-wrapper {
        display: none;
      }

      .item-content-wrapper.tss-right {
        background: transparent;

        .item-content {
          font-size: 24px;
          font-style: normal;
          line-height: 1.2;
          min-height: 120px;
        }
      }

      .item-content-wrapper.tss-right:before {
        display: none;
      }

      .swiper-arrow {
        bottom: 18%;
        right: 29px;
        background-color: transparent;
        border: 1px solid #000000;
        border-radius: 20px;
        height: 35px;
        width: 35px;
        display: flex;
        top: 84%;
      }

      .swiper-arrow.swiper-button-prev {
        left: 81%;
      }

      .swiper-arrow .rttss-left-open,
      .swiper-arrow .rttss-right-open {
        color: #000000;
        line-height: normal;
      }
      .swiper-pagination {
        display: none;
      }
    }

    @media only screen and (max-width: 1200px) {
      .swiper-arrow.swiper-button-prev {
        left: 78% !important;
      }
      .item-content-wrapper.tss-right .item-content {
            min-height: 150px !important;  
       }
    }

    @media only screen and (max-width: 991px) {
      .swiper-arrow.swiper-button-prev {
        left: 70% !important;
      }

      .swiper-arrow {
        bottom: 11% !important;
      }
      
      .item-content-wrapper.tss-right .item-content {
            min-height: 240px !important;  
       }
    }

    @media only screen and (max-width: 767px) {
      .swiper-arrow.swiper-button-prev {
        left: 80% !important;
      }

      .tss-meta-info.tss-left,
      .item-content-wrapper.tss-right {
        padding: 10px !important;
      }
       .item-content-wrapper.tss-right .item-content {
            min-height: 160px !important;  
        }

      .swiper-arrow {
        bottom: 14% !important;
      }
    }

    @media only screen and (max-width: 540px) {
      .swiper-arrow.swiper-button-prev {
        left: 75% !important;
      }

      .tss-meta-info.tss-left {
        padding-bottom: 0px !important;
      }

      .swiper-arrow {
        bottom: 2% !important;
      }
      .item-content-wrapper.tss-right .item-content {
            min-height: 180px !important;  
        }
    }

    @media only screen and (max-width: 440px) {
      .swiper-arrow.swiper-button-prev {
        left: 71% !important;
      }

      .custom-del-buttons .custom-btn-bt {
        .vc_btn3-container {
          margin-bottom: 0;
        }
      }
      .custom-text-bt .vc_column-inner {
        justify-content: center;
        padding-left: 0;
      }
      .item-content-wrapper.tss-right .item-content {
            min-height: 210px !important;  
        }
    }

    @media only screen and (max-width: 374px) {
      .swiper-arrow.swiper-button-prev {
        left: 65% !important;
      }

      .swiper-arrow {
        bottom: 9% !important;
      }
    }
    @media only screen and (max-width: 374px) {
        .item-content-wrapper.tss-right .item-content {
            min-height: 240px !important;  
        }
    }
    
  }

  /* CSS For review carousel (end) */
  /* CSS For Carousel sibling text (start) */
  .text-carousel .wpb_wrapper p:first-child {
    margin-bottom: 40px;
  }

  /* CSS For Carousel sibling text (end) */
  /* CSS Foe full service deliver option (start)*/
  .deliverable {
    padding-left: 25px;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    row-gap: 15px;

    li {
      font-size: 15px;
      flex: 0 0 calc(50% - 8px);
    }
  }

  .save-extra.vc_custom_1737103439739 button {
    padding: 7px 16px !important;
    background-color: #000000;
  }

  @media only screen and (max-width: 991px) {
    .deliverable {
      flex-direction: column;
    }

    .custom-del-buttons .custom-btn-bt {
      float: none;
      width: 100%;
      .vc_column-inner {
          padding-right: 0 !important;
      }

      .vc_custom_1737010485707 {
        width: 100%;
        padding: 0 !important;
      }
    }

    .custom-del-buttons .custom-text-bt {
      float: none;
      width: 100%;

      .vc_custom_1737010987075 {
        padding: 0 !important;
        justify-content: center;
      }
    }

    .slot-and-services-container {
      margin: 0 -15px;
    }
  }

  /* CSS Foe full service deliver option (end)*/
  /* CSS For Price plan (start) */
  .price-plan-container {
    .custom-full-service-package {
      .deliverable-price-plan {
        min-height: 125px;
        padding-left: 25px;
        display: flex;
        flex-direction: column;
        gap: 8px;
      }

      .price-slot-btn {
        button {
          background: #000000;
          padding: 15px 30px;
          font-size: 18px;
        }
      }
    }
  }

  @media only screen and (min-width: 991px) and (max-width: 1200px) {
    .price-plan-container {
      .custom-full-service-package {
        .second-heading {
          h2 {
            min-height: 70px;
          }
        }

        .plan-description {
          p {
            min-height: 130px;
          }
        }
      }
    }
  }

  @media only screen and (max-width: 991px) {
    .price-plan-container {
      flex-direction: column;
      margin: 0 -15px;

      .custom-full-service-package {
        width: 100%;
      }
    }
  }

  /* CSS For Price plan (end) */

  /* CSS FOR THERE S A SMARTER WAY TO RUN YOUR ECOMMERCE SECTION (START) */

  .know-challenges .wpb_wrapper ul {
    padding-left: 20px;
  }

  .book-intro-call {
    margin: 0;
  }

  @media screen and (max-width: 425px) {
    .custom-full-service-package > .vc_column-inner,
    .slots-available-wrapper > .vc_column-inner {
      padding-left: 20px !important;
      padding-right: 20px !important;
    }
  }

    @media screen and (min-width: 320px) and (max-width: 335px) {
        .swiper-arrow {
           top: 92% !important;
        }
    }
    @media only screen and (min-width: 335px) and (max-width: 521px) {
        .swiper-arrow {
            top: 95% !important;
        }
    }
    @media  only screen and (min-width: 522px) and (max-width: 767px) {
        .swiper-arrow {
            top: 92% !important;
        }
    }
    @media  only screen and (min-width: 768px) and (max-width: 991px) {
        .swiper-arrow {
            top: 88% !important;
        }
    }

  /* CSS FOR THERE S A SMARTER WAY TO RUN YOUR ECOMMERCE SECTION (END) */
}
/* CSS for header menu icon (START) */
.navigation-menu .inner .side-menu ul li.ecommerce-services,
.navbar .main-menu ul li.ecommerce-services {
    position: relative;
    span {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .icon-wrapper {
        display: flex;
        justify-content: center;
        margin-right: 7px;
    }
}
.navigation-menu .inner .side-menu ul li.shopify-services,
.navbar .main-menu ul li.shopify-services {
    position: relative;
    span {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .icon-wrapper {
        display: flex;
        justify-content: center;
        margin-right: 7px;
    }
}
.navigation-menu .inner .side-menu ul li.magento-services,
.navbar .main-menu ul li.magento-services {
    position: relative;
    span {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .icon-wrapper {
        display: flex;
        justify-content: center;
        margin-right: 7px;
    }
}
.page-template.color-dark .navbar .main-menu ul li.ecommerce-services,
.navbar.light .main-menu ul li.ecommerce-services {
    .icon-wrapper {
        svg path {
            fill: #FFFFFF;
        }
    }
}
.page-template.color-dark .navbar .main-menu ul li.shopify-services,
.navbar.light .main-menu ul li.shopify-services {
    .icon-wrapper {
        svg path {
            fill: #FFFFFF;
        }
    }
}
.page-template.color-dark .navbar .main-menu ul li.magento-services,
.navbar.light .main-menu ul li.magento-services {
    .icon-wrapper {
        svg path {
            fill: #FFFFFF;
        }
    }
}
@media only screen and (max-width: 991px) {
    .navigation-menu .inner .side-menu ul li.ecommerce-services,
    .navbar .main-menu ul li.ecommerce-services {
        span {
            display: block;
        }
        .icon-wrapper {
            position: relative;
            top: 0;
            width: max-content;
            display: inline-block;
            svg path {
                fill: #FFFFFF !important;
            }
        }
    }
    .navigation-menu .inner .side-menu ul li.shopify-services,
    .navbar .main-menu ul li.shopify-services {
        span {
            display: block;
        }
        .icon-wrapper {
            position: relative;
            top: 0;
            width: max-content;
            display: inline-block;
            svg path {
                fill: #FFFFFF !important;
            }
        }
    }
    .navigation-menu .inner .side-menu ul li.magento-services,
    .navbar .main-menu ul li.magento-services {
        span {
            display: block;
        }
        .icon-wrapper {
            position: relative;
            top: 0;
            width: max-content;
            display: inline-block;
            svg path {
                fill: #FFFFFF !important;
            }
        }
    }
}
.color-undefined .navbar {
    transition: background 0.25s ease-out;
}
/* CSS for header menu icon (END) */

/* CSS FOR Compare Your Options (END) */
/* CSS for new page */
.post-template-default .d-flex .wpb_wrapper {
    display: flex;
}

/* Home Page */
.page-id-55 {
    .sub-text {
        margin-top: 20px;
        font-size: 20px;
        font-weight:bold;
        display: block;
        text-decoration: underline;
        position: relative;
    }
    .sub-text a::after {
        content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath d="M7 7h8.586L5.293 17.293l1.414 1.414L17 8.414V17h2V5H7v2z"%3E%3C/path%3E%3C/svg%3E');
        position: absolute;
        top: 20%;
    }
}
/* Home Page */

/* Contact Form */
.wpcf7-form input[type=tel]{
    width: 100% !important;
    margin-top: 10px !important;
    height: 58px !important;
    border: 1px solid #eee !important;
    padding: 0 20px 0 50px !important;
}
/* End: Contact Form */