@media screen and (min-width:576px) {

  /* testimonial-sec css start */
  .testimonial-sec .testimonial-columns::before,
  .testimonial-sec .testimonial-columns::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 80px;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(to bottom, #f8fafc 0%, rgba(248, 250, 252, 0.8) 30%, transparent 100%);
  }

  .testimonial-sec .testimonial-columns::before {
    top: 0;
  }

  .testimonial-sec .testimonial-columns::after {
    bottom: 0;
    background: linear-gradient(to top, #f8fafc 0%, rgba(248, 250, 252, 0.8) 30%, transparent 100%);
  }

  /* testimonial-sec css end */
  .customer-mob-image,
  .features-card-section .tab-wrp .item::before {
    display: none;
  }
}

/* Boxed public-site composition and balanced typography. */
body.apxute-public-page {
  background: #E8F2F6;
}

.apxute-public-page #page {
  width: 87%;
  max-width: none;
  margin: 26px auto;
  overflow: clip;
  border: 1px solid #D6E4EA;
  border-radius: 10px;
  background: var(--white);
  box-shadow: 0 18px 55px rgba(19, 72, 96, 0.12);
}

.apxute-public-page .container {
  width: min(92%, 1380px);
  max-width: none;
  padding-inline: 0;
}

.apxute-public-page .apx265-container {
  width: min(92%, 1280px);
  max-width: none;
}

.apxute-public-page {
  --h1: normal 600 58px/1.12 var(--first-font);
  --h2: normal 600 38px/1.18 var(--first-font);
  --h3: normal 600 29px/1.2 var(--first-font);
  --h4: normal 600 24px/1.25 var(--first-font);
  --h5: normal 600 20px/1.3 var(--first-font);
  --h6: normal 600 17px/1.35 var(--first-font);
  --common-text: normal 400 14.5px/1.55 var(--second-font);
}

.apxute-public-page .wdo-hero-sec .section-title h1 {
  max-width: 980px;
  margin-inline: auto;
  font-size: clamp(46px, 4.2vw, 60px);
  font-weight: 500;
  line-height: 1.12;
}

.apxute-public-page .section-title h2 {
  font-size: clamp(30px, 3vw, 40px);
  font-weight: 500;
  line-height: 1.18;
}

.apxute-public-page .section-title h3 {
  font-size: clamp(25px, 2.3vw, 32px);
  font-weight: 550;
}

.apxute-public-page .section-title > p,
.apxute-public-page .section-title .max-w-60 {
  max-width: 720px;
  margin-inline: auto;
}

.apxute-public-page .wdo-hero-sec .wdo-hero-bottom {
  display: grid;
  grid-template-columns: minmax(285px, 0.78fr) minmax(0, 1.72fr);
  align-items: stretch;
  gap: 22px;
  padding: 14px;
}

.apxute-public-page .wdo-hero-sec .wdo-hero-promo {
  width: 100%;
  max-width: none;
  padding: 32px 26px 0;
}

.apxute-public-page .wdo-hero-sec .wdo-hero-promo .promo-title {
  font-size: 23px;
  line-height: 1.22;
}

.apxute-public-page .wdo-hero-sec .featured-products {
  min-width: 0;
  padding: 4px 10px 4px 0;
}

.apxute-public-page .wdo-hero-sec .products-header {
  margin-bottom: 8px;
  padding: 8px 0 14px;
}

.apxute-public-page .wdo-hero-sec .products-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
}

.apxute-public-page .wdo-hero-sec .products-grid .apx-featured-product {
  width: 100%;
  max-width: none;
  grid-template-columns: 58px minmax(0, 1fr) 14px;
  gap: 12px;
  min-height: 132px;
  padding: 16px 14px;
}

.apxute-public-page .wdo-hero-sec .apx-featured-product .product-info h3 {
  margin-bottom: 5px;
  font-size: 15px;
  line-height: 1.22;
}

.apxute-public-page .wdo-hero-sec .apx-featured-product .product-info p {
  display: -webkit-box;
  overflow: hidden;
  font-size: 12px;
  line-height: 1.42;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.apxute-public-page .apx-feature-thumb,
.apxute-public-page .apx-feature-thumb img {
  width: 58px;
  height: 58px;
}

.apxute-public-page .apx265-inner-copy h1 {
  font-size: clamp(40px, 4vw, 56px);
}

@media screen and (min-width: 1200px) {
  .apxute-public-page .wdo-header.scrolled {
    left: 50%;
    right: auto;
    width: 87%;
    max-width: none;
    transform: translateX(-50%);
    animation: none;
  }

  .apxute-public-page .wdo-header .header-logo {
    max-width: 165px;
  }

  .apxute-public-page .wdo-header .header-nav > ul {
    gap: 17px;
  }

  .apxute-public-page .wdo-header .header-nav > ul > li > a,
  .apxute-public-page .wdo-header .nav-link-button {
    font-size: 14px;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1499px) {
  .apxute-public-page .apx-hero-side-note {
    display: none;
  }

  .apxute-public-page .wdo-hero-sec .wdo-hero-bottom {
    grid-template-columns: minmax(270px, 0.72fr) minmax(0, 1.5fr);
  }

  .apxute-public-page .wdo-hero-sec .products-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .apxute-public-page .wdo-hero-sec .products-grid .apx-featured-product,
  .apxute-public-page .wdo-hero-sec .products-grid .apx-featured-product:nth-child(3n) {
    border-right: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
  }

  .apxute-public-page .wdo-hero-sec .products-grid .apx-featured-product:nth-child(2n) {
    border-right: 0;
  }

  .apxute-public-page .wdo-hero-sec .products-grid .apx-featured-product:nth-last-child(-n + 2) {
    border-bottom: 0;
  }
}

@media screen and (max-width: 1199px) {
  body.apxute-public-page {
    background: var(--white);
  }

  .apxute-public-page #page {
    width: 100%;
    max-width: none;
    margin: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }

  .apxute-public-page .container,
  .apxute-public-page .apx265-container {
    width: min(94%, 1120px);
  }

  .apxute-public-page .wdo-hero-sec .wdo-hero-bottom {
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  .apxute-public-page {
    --h1: normal 600 36px/1.15 var(--first-font);
    --h2: normal 600 29px/1.2 var(--first-font);
    --h3: normal 600 24px/1.22 var(--first-font);
    --h4: normal 600 21px/1.25 var(--first-font);
    --h5: normal 600 19px/1.3 var(--first-font);
    --h6: normal 600 16px/1.35 var(--first-font);
    --common-text: normal 400 14px/1.52 var(--second-font);
  }

  .apxute-public-page .container,
  .apxute-public-page .apx265-container {
    width: calc(100% - 28px);
  }

  .apxute-public-page .wdo-hero-sec .section-title h1 {
    font-size: 34px;
    line-height: 1.15;
  }

  .apxute-public-page .section-title h2 {
    font-size: 28px;
  }

  .apxute-public-page .wdo-hero-sec .wdo-hero-promo {
    padding: 28px 22px 0;
  }
}

@media screen and (min-width:768px) {

  .site-header-cart .widget_shopping_cart .product_list_widget li a.remove::before {
    text-align: center;
  }

  /********************  header end css  ********************/
  /********************  footer start css  ********************/
  .right-sidebar .widget-area {
    width: 100% !important;
    float: unset !important;
    margin-right: unset !important;
  }

  /********************  footer end css  ********************/
  /********************  address start css  ********************/
  .woocommerce-MyAccount-content .form-row-first,
  .woocommerce-MyAccount-content .form-row-last {
    width: 49%;
  }

  .woocommerce-MyAccount-content .form-row-first {
    margin-right: 0;
  }

  /********************  address end css  ********************/
  /********************  cart start css  ********************/
  .woocommerce-cart-form table.shop_table_responsive tr td {
    vertical-align: middle;
    padding: 15px 20px;
  }

  .woocommerce-cart-form table.cart td.product-subtotal {
    padding: 1.618em;
  }

  /********************  cart end css  ********************/
  /******************** outstanding-features-sec start css ********************/
  .single-shopify-themes .outstanding-features-sec .outstanding-card {
    max-width: 25%;
    padding: 0 10px;
    width: 100%;
  }

  /******************** outstanding-features-sec end css ********************/

  /************************** hr software pages css start *****************************/
  /* hrm header start */
  .hrm-header .main-navigation ul.menu>li a::after {
    margin: 2px 0 0 8px;
  }

  .hrm-header .main-navigation ul.menu>li a:hover::after,
  .hrm-header .main-navigation ul.menu>li a:focus::after {
    border-color: var(--theme-color) !important;
  }

  .hrm-header .main-navigation ul.menu>li p {
    color: var(--black) !important;
  }

  .hrm-header .main-navigation ul.menu>li.menu-item-has-children:hover>a::after,
  .hrm-header .main-navigation ul.menu>li.page_item_has_children:hover>a::after {
    transform: translateY(-2px) rotate(180deg);
    -webkit-transform: translateY(-2px) rotate(180deg);
    -moz-transform: translateY(-2px) rotate(180deg);
    -ms-transform: translateY(-2px) rotate(180deg);
    -o-transform: translateY(-2px) rotate(180deg);
  }

  .hrm-header .main-navigation ul.menu>li:hover a,
  .hrm-header .main-navigation ul.menu>li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
  }

  .mobile-navigation {
    display: none;
  }

  /* herm header end */
  /* codecanyon-promo-sec start */
  .codecanyon-promo-sec .content-box-wrp .content-box:nth-child(2),
  .codecanyon-promo-sec .content-box-wrp .content-box:nth-child(4) {
    margin: -30px 0 30px 0;
  }

  /* codecanyon-promo-sec end */

  /* document-process-sec css start */
  .document-process-sec ul li:not(:last-of-type) .doc-process-icon-wrp:before {
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: calc(100% - 75px);
    border: 1px dashed var(--border-color);
    bottom: 0;
  }

  /* document-process-sec css end */

  /* lms-vs-tms-sec css start */
  .lms-vs-tms-sec .row {
    margin-top: 12px;
  }

  /* lms-vs-tms-sec css end */
  /************************** hr software pages css end *****************************/

  .documentation-rightbar .documentation-content a,
  .shopify-content .shopify-content-wrp a.text-theme {
    font-size: 16px;
  }
}

@media screen and (min-device-width: 768px) and (max-device-width: 991px) {

  /******************** outstanding-features-sec start css ********************/
  .single-shopify-themes .outstanding-features-sec .outstanding-card {
    max-width: 33.33%;
  }

  /******************** outstanding-features-sec end css ********************/
}

@media screen and (min-width:992px) {
  .desk-only {
    display: block !important;
  }

  .mobile-only {
    display: none !important;
  }

  /********************* advocatego-core-sec end css ********************/
  .advocatego-core-sec .advocatego-core-image {
    display: none;
  }

  /********************* advocatego-core-sec end css ********************/
  /********************* mobile-app-core-sec start css ********************/
  .mobile-app-core-sec .core-grid {
    gap: 30px;
  }

  /********************* mobile-app-core-sec end css ********************/

  /************************** hr software pages css start *****************************/
  /* hrm-about-section css start */
  .hrm-about-section .section-title p {
    font-size: 18px;
    line-height: 1.6;
  }

  .hrm-about-section .section-title h2 {
    margin-bottom: 30px;
  }

  /* hrm-about-section css end */
  /************************** hr software pages css end *****************************/

  /* ai-automation-sec css start */
  .ai-automation-sec .tab-content .title-wrp span {
    font-size: 46px;
  }

  /* ai-automation-sec css end */

}

@media screen and (min-width:1200px) {

  /* hrm-modules-sec css start */
  .hrm-modules-sec .function-tab a::after {
    content: "";
    position: absolute;
    opacity: 0;
    visibility: hidden;
    left: 50%;
    transform: translateX(-50%);
    bottom: -10px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid var(--theme-color);
  }

  .hrm-modules-sec .function-tab {
    padding: 0 0 10px;
  }

  /* hrm-modules-sec css end */
}

@media screen and (max-width:1500px) {

  /******************** header start css ********************/
  .site-header-cart .widget_shopping_cart {
    right: 0 !important;
    left: auto !important;
    transform: translate(0);
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
  }

  /********************  header end css  ********************/
}

@media screen and (max-width:1199px) {
  :root {
    --h1: normal 800 62px/1.2 var(--first-font);
    --h2: normal 700 38px/1.2 var(--first-font);
    --h3: normal 700 30px/1.2 var(--first-font);
  }

  /* footer css start */
  .wdo-footer-grid {
    gap: 20px;
  }

  .wdo-footer-bottom .copyright-text {
    font-size: 14px;
  }

  /* footer css end */
  /* wdo-hero-sec css start */
  .wdo-hero-sec .wdo-hero-promo {
    max-width: 300px;
    padding: 20px;
  }

  .wdo-hero-sec .wdo-hero-bottom,
  .wdo-hero-sec .products-grid {
    gap: 20px;
  }

  .wdo-hero-sec .hero-txt {
    right: 10px;
  }

  /* wdo-hero-sec css end */
  /* addon-sec css start */
  .addon-sec .all-addon-grid .addon-grid-item {
    height: 95px;
    width: 106px;
  }

  .addon-sec .all-addon-grid .addon-grid-item .addon-name {
    font-size: 12px;
  }

  .addon-sec .all-addon-grid {
    mask-image: linear-gradient(90deg, transparent -2%, rgb(217, 217, 217) 10%, rgb(217, 217, 217) 90%, transparent 102%), linear-gradient(180deg, transparent 5%, rgb(217, 217, 217) 15%, rgb(217, 217, 217) 85%, transparent 95%);
  }

  /* addon-sec css end */
  /* product-hero-sec css start */
  .product-hero-sec .hero-txt {
    right: 2%;
    top: 32%;
    max-width: 160px;
  }

  .comparison-sec .comparison-txt {
    right: -5%;
    top: -16%;
    max-width: 140px;
  }

  /* product-hero-sec css end */
  /* pricing-sec css start */
  .pricing-sec .pricing-txt {
    right: 15px;
    max-width: 120px;
  }

  /* pricing-sec css end */

  /* payment-language-sec css start */
  .payment-language-sec .payment-language-card {
    padding: 0 20px;
  }

  .payment-language-card .payment-language-content {
    padding: 20px 0;
  }

  /* payment-language-sec css end */
  /* testimonial-sec css start */
  .testimonial-sec .testimonial-card .quote-icon svg {
    width: 30px;
    height: 30px;
  }

  .testimonial-sec .testimonial-card .testimonial-content p {
    font-size: 18px;
  }

  /* testimonial-sec css end */

  /* marketplace-sec css start */
  .marketplace-sec .tab-content-info {
    max-width: 40%;
  }

  /* marketplace-sec end start */

  /* dash hero sec css start */
  .dash-hero-sec .module-card {
    right: 15px;
  }

  /* dash hero sec css end */
  /* dash workflow sec css start */
  .dash-workflow-sec .badge-1 {
    top: 10%;
    left: -10px;
  }

  .dash-workflow-sec .badge-2 {
    top: 15%;
    right: -10px;
  }

  /* dash workflow sec css end */
  /* business model sec css start */
  .business-model-sec .module-card {
    max-width: calc(25% - 15px);
  }

  /* business model sec css end */
  /* bookinggo-addon-sec css start */
  .bookinggo-addon-sec .module-card {
    max-width: calc(25% - 15px);
  }

  /* bookinggo-addon-sec css end */

  /* ticketgo-integration-sec css start */
  .ticketgo-integration-sec .integration-content p {
    margin: 0 0 20px;
  }

  .ticketgo-integration-sec .integration-img-wrp {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
  }

  /* ticketgo-integration-sec css end */

  /******************** features-card-section start css ********************/
  .dash-landing-wrapper .features-card-section .section-title p {
    font-size: 18px;
  }

  /******************** features-card-section end css ********************/
  /******************** bookinggo-addons-sec start css ********************/
  .bookinggo-addons-sec .bookinggo-addons-row {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  /******************** bookinggo-addons-sec end css ********************/
  /******************** bookinggo-features-sec start css ********************/
  .bookinggo-feature-inner .bookinggo-feature-img {
    padding-top: 45%;
  }

  .bookinggo-feature-inner .row {
    row-gap: 20px;
  }

  /******************** bookinggo-features-sec end css ********************/
  /******************** bookingo-integration-sec start css ********************/
  .bookingo-integration-sec .integration-tab {
    gap: 20px 40px;
  }

  /******************** bookingo-integration-sec end css ********************/
  /******************** listing-sec start css ********************/
  .listing-sec .listing-slider .listing-content span {
    font-size: 17px;
  }

  /******************** listing-sec end css ********************/
  /******************** information-sec start css ********************/
  .information-content .information-col-left {
    max-width: 45%;
  }

  .information-content .information-col-left h3 {
    font-size: 17px;
  }

  /******************** information-sec end css ********************/
  /******************** features-card-section start css ********************/
  .support-wrapper .features-card-section .features-card {
    padding: 40px 15px 25px;
  }

  .support-wrapper .features-card .icon-div {
    margin-top: -70px;
  }

  /******************** features-card-section end css ********************/
  /******************** sels-info-sec start css ********************/
  .sels-info-sec {
    padding: 30px 0;
  }

  .sels-info-sec .sels-item-inner svg {
    width: 20px;
    height: 20px;
  }

  .sels-info-sec .sels-item-inner {
    padding: 10px 20px;
  }

  .sels-info-sec .sels-item-inner p {
    font-size: 14px;
  }

  /******************** sels-info-sec end css ********************/
  /******************** screenshot-section start css ********************/
  .screenshots-gallery-slider {
    padding: 25px 15% 80px !important;
  }

  /******************** screenshot-section end css ********************/
  /******************** app-features-section end css ********************/
  .app-features-section .app-features-inner {
    padding: 15px;
  }

  /******************** app-features-section end css ********************/
  /******************** vcardgo-addon-banner start css  ********************/
  .vcardgo-addon-banner .vcard-banner-bg {
    display: none;
  }

  /******************** vcardgo-addon-banner end css  ********************/
  /******************** documentation start css  ********************/
  .documentation-leftbar .Document-title {
    padding: 20px 15px;
  }

  /******************** documentation end css  ********************/
  /******************** downloads start css  ********************/
  .material-kit-box-inner .left-side {
    max-width: 170px;
  }

  .material-kit-box-inner .right-side .btn-wrapper .btn {
    padding: 10px 13px;
    font-size: 12px;
  }

  /******************** downloads end css  ********************/
  /******************** dash-payment-gateway start css  ********************/
  .dash-payment-gateway .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    row-gap: 30px;
  }

  .dash-payment-gateway .payment-gateway-content {
    max-width: 80%;
    width: 100%;
    margin: 0 auto;
  }

  .payment-gateway-img {
    max-width: 70%;
    width: 100%;
    margin: 0 auto;
  }

  /******************** dash-payment-gateway end css  ********************/
  /******************** technologies-sec start css  ********************/
  .technologies-sec .integration-tab {
    gap: 20px;
  }

  /******************** technologies-sec end css  ********************/
  /* ai-automation-sec css start */
  .ai-automation-sec .ai-automation-wrp,
  .ai-automation-sec .tabs-wrp {
    padding: 30px;
  }

  /* ai-automation-sec css end */

  /* payroll-content-sec css start */
  .payroll-content-sec .payroll-content-wrapper .content-block {
    padding: 30px;
  }

  .payroll-content-sec .payroll-content-wrapper .content-block h3 {
    margin-bottom: 20px;
    padding-bottom: 12px;
  }

  /* payroll-content-sec css end */

  /* dash saas bundle page css start */
  /* bundle-compare-sec css start */

  .bundle-compare-sec .compare-card-inner {
    padding: 30px 15px;
  }

  /* bundle-compare-sec css end */
  /* dash saas bundle page css end */

  /* ai chatbot page css start */
  .ai-chatbot-sec .section-title h1 {
    font-size: 56px;
  }

  .ai-chatbot-sec .hero-bot-icon {
    width: 70px;
    height: 70px;
  }

  .ai-chatbot-sec .hero-bot-icon svg {
    width: 38px;
    height: 38px;
  }

  /* ai chatbot page css end */

}

/* Attempt 2 homepage fidelity and responsive polish. */
@media screen and (max-width: 1199px) {
  .apxute-public-page .apx-hero-side-note { display: none; }
  .apxute-public-page .wdo-hero-sec .products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .apxute-public-page .wdo-hero-sec .products-grid .apx-featured-product:nth-child(3n) { border-right: 1px solid var(--border-color); }
  .apxute-public-page .wdo-hero-sec .products-grid .apx-featured-product:nth-child(2n) { border-right: 0; }
  .apxute-public-page .wdo-hero-sec .products-grid .apx-featured-product:nth-last-child(-n + 3) { border-bottom: 1px solid var(--border-color); }
  .apxute-public-page .wdo-hero-sec .products-grid .apx-featured-product:nth-last-child(-n + 2) { border-bottom: 0; }
  .apxute-public-page .apx-catalog-media { width: 60px; }
  .apxute-public-page .apx-work-streams { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .apxute-public-page .addon-sec .all-addon-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media screen and (max-width: 991px) {
  .apxute-public-page .wdo-hero-sec .products-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .apxute-public-page .wdo-hero-sec .products-grid .apx-featured-product:nth-child(2n) { border-right: 1px solid var(--border-color); }
  .apxute-public-page .wdo-hero-sec .products-grid .apx-featured-product:nth-child(3n) { border-right: 0; }
  .apxute-public-page .wdo-hero-sec .products-grid .apx-featured-product:nth-last-child(-n + 3) { border-bottom: 0; }
  .apxute-public-page .apx-featured-product .product-info p { display: none; }
  .apxute-public-page .apx-industry-summary { grid-template-columns: 1fr; }
  .apxute-public-page .apx-industry-summary article { border-right: 0; border-bottom: 1px solid var(--border-color); }
  .apxute-public-page .apx-industry-summary article:last-child { border-bottom: 0; }
  .apxute-public-page .addon-sec .all-addon-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .apxute-public-page .grow-sec .grow-inner { align-items: stretch; }
  .apxute-public-page .grow-sec .grow-card { width: auto; min-height: 360px; }
}

@media screen and (max-width: 767px) {
  .apxute-public-page .wdo-hero-sec { padding-top: 54px; }
  .apxute-public-page .wdo-hero-sec .hero-search-bar {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    padding: 6px;
  }
  .apxute-public-page .wdo-hero-sec .hero-search-bar .hero-search-icon { grid-column: 1; grid-row: 1; }
  .apxute-public-page .wdo-hero-sec .hero-search-bar .form-control {
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    min-width: 0;
  }
  .apxute-public-page .wdo-hero-sec .hero-search-bar .btn {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
    margin-top: 6px;
  }
  .apxute-public-page .wdo-hero-sec .hero-word-rotator { display: block; width: fit-content; min-width: min(100%, 5.8em); margin: 2px auto 0; }
  .apxute-public-page .apx-hero-proof { align-items: flex-start; flex-direction: column; width: fit-content; margin-top: 22px; text-align: left; }
  .apxute-public-page .apx-promo-preview { height: 132px; }
  .apxute-public-page .wdo-hero-sec .products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .apxute-public-page .wdo-hero-sec .products-grid .apx-featured-product,
  .apxute-public-page .wdo-hero-sec .products-grid .apx-featured-product:nth-child(3n) { border-right: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); }
  .apxute-public-page .wdo-hero-sec .products-grid .apx-featured-product:nth-child(2n) { border-right: 0; }
  .apxute-public-page .wdo-hero-sec .products-grid .apx-featured-product:nth-last-child(-n + 2) { border-bottom: 0; }
  .apxute-public-page .wdo-hero-sec .products-grid .apx-featured-product { grid-template-columns: 44px minmax(0, 1fr); min-height: 86px; padding: 10px; }
  .apxute-public-page .apx-feature-thumb,
  .apxute-public-page .apx-feature-thumb img { width: 44px; height: 44px; }
  .apxute-public-page .apx-feature-arrow { display: none; }
  .apxute-public-page .why-choose-sec .why-card { min-height: 250px; }
  .apxute-public-page .apx-catalog-meta { display: none; }
  .apxute-public-page .industries-slider-wrapper { gap: 10px; }
  .apxute-public-page .industries-track { gap: 9px; animation-duration: 38s; }
  .apxute-public-page .apx-industry-summary { margin-top: 24px; }
  .apxute-public-page .apx-work-streams { grid-template-columns: 1fr; }
  .apxute-public-page .apx-work-streams article { min-height: 210px; }
  .apxute-public-page .addon-sec .all-addon-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .apxute-public-page .addon-sec .all-addon-grid .addon-grid-item { min-height: 112px; }
  .apxute-public-page .grow-sec .grow-inner { display: grid; grid-template-columns: 1fr; }
  .apxute-public-page .grow-sec .grow-card { width: 100%; min-height: 0; padding: 28px 24px; }
  .apxute-public-page .grow-sec .grow-card:first-child,
  .apxute-public-page .grow-sec .grow-card:nth-child(2),
  .apxute-public-page .grow-sec .grow-card:nth-child(3) { transform: none; }
  .apxute-public-page .services-sec .apx-services-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
    overflow: visible;
  }
  .apxute-public-page .services-sec .swiper-slide { width: 100%; }
  .apxute-public-page .services-sec .service-card { min-height: 0; }
  .apxute-public-page .services-sec .service-card-img { aspect-ratio: 16 / 9; }
  .apxute-public-page .apx-setup-form-grid { grid-template-columns: 1fr; }
  .apxute-public-page .apx-setup-full { grid-column: auto; }
}

@media screen and (max-width: 575px) {
  .apxute-public-page .wdo-hero-sec .products-grid { grid-template-columns: 1fr; }
  .apxute-public-page .wdo-hero-sec .products-grid .apx-featured-product,
  .apxute-public-page .wdo-hero-sec .products-grid .apx-featured-product:nth-child(2n),
  .apxute-public-page .wdo-hero-sec .products-grid .apx-featured-product:nth-child(3n),
  .apxute-public-page .wdo-hero-sec .products-grid .apx-featured-product:nth-last-child(-n + 2) { border-right: 0; border-bottom: 1px solid var(--border-color); }
  .apxute-public-page .wdo-hero-sec .products-grid .apx-featured-product:last-child { border-bottom: 0; }
  .apxute-public-page .why-choose-sec .grid { grid-template-columns: 1fr; }
  .apxute-public-page .why-choose-sec .why-card { min-height: 0; }
  .apxute-public-page .apx-industry-summary article { grid-template-columns: 34px minmax(0, 1fr); padding: 18px; }
  .apxute-public-page .apx-contact-cta .form-header { grid-template-columns: 48px minmax(0, 1fr); }
  .apxute-public-page .apx-contact-cta .promo-badge { width: 48px; height: 48px; }
  .apxute-public-page .apx-form-trust { align-items: flex-start; flex-direction: column; }
}

@media screen and (max-width:1024px) {

  /******************** features-card-section start css ********************/
  .features-card-section .tab-head-row ul {
    height: 360px;
  }

  /******************** features-card-section end css ********************/
  .advocatego-core-sec .core-accordion {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
  }

}

@media screen and (max-width:991px) {
  :root {
    --h1: normal 800 52px/1.2 var(--first-font);
    --h2: normal 700 36px/1.2 var(--first-font);
    --h3: normal 700 28px/1.2 var(--first-font);
    --h4: normal 700 24px/1.2 var(--first-font);
    --h5: normal 700 22px/1.2 var(--first-font);
    --common-text: normal 400 14px/1.4 var(--second-font);
  }

  /* header css start */

  .wdo-header .header-logo {
    max-width: 150px;
  }

  .wdo-header .header-nav>ul {
    gap: 15px;
  }

  .wdo-header .header-nav>ul>li>a {
    font-size: 14px;
  }

  .wdo-header .header-login-btn span {
    display: none;
  }

  .wdo-header .header-login-btn {
    height: 32px;
    width: 32px;
    padding: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
  }

  .wdo-header .header-login-btn svg {
    height: 20px;
    width: 20px;
  }

  .wdo-header .header-account-btn .account-name,
  .wdo-header .header-account-btn svg.chevron-icon {
    display: none;
  }

  .wdo-header .header-account-btn {
    padding: 0;
    border: 0;
  }

  .wdo-header .header-account-btn .account-avatar {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
  }

  .wdo-header .header-account-btn .account-avatar svg {
    height: 20px;
    width: 20px;
  }

  .wdo-header .mobile-menu-toggle {
    height: 32px;
    width: 32px;
  }

  .wdo-header .header-actions {
    gap: 10px;
  }

  .wdo-header .mega-cat-title {
    font-size: 14px;
  }

  .wdo-header .header-nav>ul>li:last-of-type .nav-dropdown {
    left: -100px;
  }

  /* header css end */
  /* footer css start */
  .footer-brand-col {
    grid-column: span 3;
    text-align: center;
    padding: 0 0 20px;
    border-bottom: 1px dashed var(--border-color);
  }

  .wdo-footer-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .wdo-footer-main {
    padding: 40px 0 30px;
  }

  .wdo-footer .footer-brand-col .footer-logo {
    margin: 0 auto 20px;
  }

  .wdo-footer .footer-social,
  .wdo-footer .footer-cta-btns,
  .wdo-footer .ai-icon-wrp .ai-icons {
    justify-content: center;
  }

  .wdo-footer-bottom .footer-inner {
    justify-content: center;
    text-align: center;
    flex-direction: column;
  }

  /* footer css end */
  /* service sec css start */
  .services-sec .service-card-content {
    padding: 15px;
  }

  /* service sec css end */

  /* product-hero-sec css start */
  .product-hero-sec .hero-txt,
  .pricing-sec .pricing-txt,
  .comparison-sec .comparison-txt {
    display: none;
  }

  .product-hero-sec .section-title {
    margin: 0 auto 30px;
  }

  .product-hero-sec .product-hero-content {
    margin: 0 0 30px;
  }

  .ticketgo-hero-sec .product-hero-content {
    margin: 0 0 20px;
  }

  /* product-hero-sec css end */
  /* wdo-hero-sec css start */
  .wdo-hero-sec .wdo-hero-bottom {
    flex-direction: column;
    padding: 15px;
  }

  .wdo-hero-sec .wdo-hero-promo {
    max-width: 100%;
  }

  .wdo-hero-sec .products-header {
    padding-top: 0;
  }

  .wdo-hero-sec .wdo-hero-content {
    margin: 0px 0 40px;
  }

  .wdo-hero-sec .hero-txt {
    display: none;
  }

  /* wdo-hero-sec css end */
  /* addon-sec css start */
  .addon-sec .all-addon-grid .addon-grid-item {
    height: 90px;
    width: 90px;
  }

  .addon-sec .all-addon-grid .addon-grid-item .addon-name {
    font-size: 11px;
  }

  /* addon-sec css end */
  /* marketplace sec css start */
  .marketplace-sec .tab-content-info {
    max-width: 50%;
    width: 100%;
  }

  .marketplace-sec .tabs-row,
  .dash-addon-sec .tabs-row {
    margin: 0 auto 30px;
  }

  .marketplace-sec ul.tabs li a,
  .dash-addon-sec .tabs-row ul.tabs li a {
    padding: 8px 15px;
    font-size: 14px;
  }

  /* marketplace sec css end */

  /* achievement-sec css start */
  .achievement-sec .stats-grid {
    margin-bottom: 30px;
    gap: 20px;
  }

  .achievement-sec .stat-card {
    padding: 15px;
  }

  .achievement-sec .stat-card .stat-icon {
    width: 45px;
    height: 45px;
  }

  .achievement-sec .stat-card .stat-icon svg {
    width: 24px;
    height: 24px;
  }

  /* achievement-sec css end */

  /* power-elite-sec css start */
  .power-elite-sec .power-elite-card {
    padding: 30px;
  }

  .power-elite-sec .power-elite-card .power-elite-image {
    margin: 0;
  }

  /* power-elite-sec css end */

  /* grow-sec css start */
  .grow-sec .grow-top img {
    max-width: 100px;
    margin: 20px auto 0;
  }

  /* grow-sec css end */
  /* erp saas page css start */

  /* modules-sec css start */
  .modules-sec .module-content-card {
    padding: 20px;
    gap: 20px;
    flex-direction: column;
    justify-content: space-between;
  }

  .modules-sec .module-content-card .module-text {
    padding: 0 0 10px;
    max-width: 100%;
  }

  .modules-sec .module-features-list {
    margin: 0 0 20px;
  }

  .modules-sec .arrow-wrp {
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
  }

  .modules-sec .modules-main-slider {
    padding: 30px 15px 55px;
    margin: -30px -15px 0;
  }

  .modules-sec .module-content-card .module-image {
    flex: unset;
  }

  .modules-sec .module-content-card .module-text h3 {
    margin-bottom: 15px;
  }

  .modules-sec .module-content-card .module-text p {
    font-size: 14px;
    margin-bottom: 20px;
  }

  /* modules-sec css end */
  /* white-label-sec css start */
  .white-label-sec .white-label-features {
    margin: 0 0 20px;
  }

  /* white-label-sec css end */
  /* payment-language sec css start */
  .payment-language-sec .payment-lang-grid {
    gap: 20px;
  }

  .payment-language-sec .payment-language-card .payment-language-content p {
    font-size: 14px;
  }

  .payment-language-sec .payment-card .payment-icon-card {
    height: 70px;
    padding: 10px;
  }

  .payment-language-sec .payment-card .payment-sliders-wrapper {
    height: 250px;
  }

  /* payment-language sec css end */

  /* comparison-sec css start */
  .comparison-sec .comparison-list,
  .comparison-sec .comparison-card-header {
    padding: 15px;
  }

  /* comparison-sec css end */
  /* testimonial-sec css start */
  .testimonial-sec .testimonial-col.hide-on-mobile {
    display: none;
  }

  /* testimonial-sec css end */
  /* cta-sec css start */
  .cta-sec .cta-wrapper {
    padding: 40px 15px;
  }

  .cta-sec .cta-bg-shapes .shape-2 {
    display: none;
  }

  /* cta-sec css end */
  /* contact-sec css start */
  .contact-sec .contact-grid {
    gap: 30px;
  }

  .contact-sec .contact-action-card {
    padding: 15px;
  }

  .contact-form-wrapper {
    padding: 20px;
  }

  .contact-form-submit {
    margin-top: 0;
  }

  /* contact-sec css end */
  /* integrations-sec css start */
  .integrations-sec .integrations-slider:before,
  .integrations-sec .integrations-slider:after {
    width: 60px;
  }

  .integrations-sec .integration-card {
    height: 80px;
    width: 80px;
  }

  .integrations-sec .integration-card img {
    max-width: 42px;
  }

  /* integrations-sec css end */

  /* erp saas page css end */
  /* bio-link-sec css start */
  .bio-link-sec .bio-link-wrp {
    padding: 0 30px;
  }

  /* bio-link-sec css end */
  /* vcard-themes-sec css start */
  .vcard-themes-slider .swiper-slide {
    width: 240px;
  }

  /* vcard-themes-sec css end */
  /* vcard-process-sec css start */
  .vcard-process-sec .process-step {
    padding: 20px 0 0;
  }

  .vcard-process-sec .process-connector-line {
    top: 55px;
  }

  .vcard-process-sec .process-icon-wrapper {
    width: 70px;
    height: 70px;
  }

  .vcard-process-sec .process-step::before {
    font-size: 100px;
    top: -25px;
  }

  .vcard-process-sec .process-image {
    margin: 20px 0 0;
  }

  /* vcard-process-sec css end */

  /* vcard-addon-sec css start */
  .vcard-addon-sec .addon-grid {
    gap: 15px;
  }

  .vcard-addon-sec .module-card {
    max-width: calc(25% - 15px);
  }

  .bookinggo-addon-sec .module-card {
    max-width: calc(33.33% - 15px);
  }

  .vcard-addon-sec .module-card .addon-icon {
    height: 40px;
    width: 40px;
  }

  .vcard-addon-sec .module-card .addon-icon svg {
    height: 18px;
    width: 18px;
  }

  /* dash hero sec css end */
  /* dash-addon-sec css start */
  /* .dash-addon-sec .tabs-row ul.tabs {
    margin: 0 0 30px;
  } */

  .dash-addon-sec .addon-content-box,
  .dash-addon-sec .addon-slider-box-wrapper {
    padding: 20px;
  }

  .dash-addon-sec .addon-showcase-wrapper {
    grid-template-columns: 45% 1fr;
    gap: 20px;
  }

  /* dash-addon-sec css end */

  /* business model sec css start */
  .business-model-sec .module-card {
    max-width: calc(33.33% - 10px);
  }

  .business-model-sec .module-card .addon-icon svg {
    height: 24px;
    width: 24px;
  }

  /* business model sec css end */

  /* bundle-promo-sec css start */
  .bundle-promo-sec .bundle-promo-layout {
    gap: 30px;
  }

  .bundle-promo-sec .bundle-promo-right {
    flex: 0.9;
  }

  .bundle-promo-sec .bundle-value-card {
    padding: 15px;
  }

  .bundle-promo-sec .card-icon-box {
    height: 40px;
    width: 40px;
  }

  /* bundle-promo-sec css end */

  /* roi calculator sec css start */
  .roi-calculator-sec .roi-wrapper {
    padding: 15px;
    gap: 20px;
  }

  .roi-calculator-sec .roi-summary-panel {
    padding: 30px 15px 15px;
  }

  .roi-calculator-sec .roi-tools-grid {
    gap: 12px;
  }

  .roi-calculator-sec .roi-tools-total {
    margin-top: 20px;
    padding-top: 12px;
  }

  .roi-calculator-sec .roi-tool-card {
    padding: 12px;
  }

  .roi-calculator-sec .roi-cta-wrapper p {
    font-size: 22px;
    margin: 0;
  }

  /* roi calculator sec css end */
  /* hrm-modules-sec start */
  .hrm-modules-sec .feature-content .subtitle {
    display: none;
  }

  .hrm-modules-sec .feature-image-wrp {
    height: 380px;
  }

  /* hrm-modules-sec end */
  /* hrm-workflow-sec start */
  .hrm-workflow-sec .workflow-grid {
    grid-template-columns: 1fr 1fr;
  }

  /* hrm-workflow-sec end */
  /* hrm-better-choice-sec css start */
  .hrm-better-choice-sec .better-choice-list {
    flex-direction: row;
    justify-content: center;
  }

  .hrm-better-choice-sec .choice-card {
    max-width: calc(50% - 8px);
    width: 100%;
    padding: 15px;
    gap: 15px;
  }

  .hrm-better-choice-sec .better-choice-right {
    margin: 30px 0 0;
  }

  /* hrm-better-choice-sec css end */

  /* hrm-biometric-integration-sec css start */
  .hrm-biometric-integration-sec .biometric-content {
    padding: 20px;
  }

  .hrm-biometric-integration-sec .biometric-content p {
    margin: 0 0 15px;
  }

  /* hrm-biometric-integration-sec css end */

  /* ticket-workflow-sec css start */
  .ticket-workflow-sec .workflow-showcase {
    gap: 20px;
  }

  .ticket-workflow-sec .workflow-tab {
    padding: 15px;
  }

  .ticket-workflow-sec .workflow-tab-info h3 {
    font-size: 16px;
  }

  .ticket-workflow-sec .workflow-tab-number {
    height: 35px;
    width: 35px;
    font-size: 14px;
  }

  .ticket-workflow-sec .workflow-tab-body p {
    padding-left: 50px;
  }

  .ticket-workflow-sec .workflow-tab.active .workflow-tab-body {
    margin-top: 10px;
  }

  /* ticket-workflow-sec css end */
  /* industrial-solutions-sec css start */
  .industrial-solutions-sec .industry-grid {
    gap: 15px;
  }

  .industrial-solutions-sec .industry-card {
    max-width: calc(20% - 16px);
  }

  /* industrial-solutions-sec css end */
  /* ticketgo-addon-sec css start */
  .ticketgo-addon-sec .addon-box {
    padding: 10px;
  }

  .ticketgo-addon-sec .addon-box .addon-icon {
    height: 40px;
    width: 40px;
  }

  .ticketgo-addon-sec .addon-box .addon-icon svg {
    height: 18px;
    width: 18px;
  }

  /* ticketgo-addon-sec css end */

  /* ticketgo-integration-sec css start */
  .ticketgo-integration-sec .integration-grid {
    gap: 30px;
  }

  .ticketgo-integration-sec .integration-icons-grid {
    gap: 15px;
    padding: 0 0 140px;
  }

  .ticketgo-integration-sec .integration-icon-box {
    padding: 10px;
    height: 50px;
    width: 50px;
  }

  /* ticketgo-integration-sec css end */

  /* bookinggo-themes-sec css start */
  .bookinggo-themes-sec .tabs-row {
    margin: 0 0 30px;
  }

  .bookinggo-themes-sec .themes-grid {
    gap: 20px;
  }

  .bookinggo-themes-sec ul.tabs li a {
    font-size: 14px;
    padding: 8px 15px;
  }

  /* bookinggo-themes-sec css end */
  /* bookinggo-addon-sec css start */
  .bookinggo-addon-sec .module-card .addon-icon img {
    max-width: 30px;
  }

  /* bookinggo-addon-sec css end */

  /* custom development page css start */
  /* installation-banner sec css start */
  .installation-banner .title-content-inner {
    text-align: center;
    margin: 0 0 30px;
  }

  /* installation-banner sec css end */
  /* custom development page css end */
  /******************** single-shopify-themes start css ********************/
  .single-shopify-themes .shopify-tabs ul.pages-tabs {
    gap: 0;
    padding: 6px;
  }

  .single-shopify-themes ul.pages-tabs li a {
    padding: 8px 15px;
    font-size: 14px;
  }

  /******************** single-shopify-themes end css ********************/

  /******************** features-card-section start css ********************/
  .features-card-section .section-title {
    text-align: center;
  }

  .features-card-section .section-title .section-title-left {
    max-width: 100%;
  }

  .features-card-section .tabs-container p {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .features-card-section .tab-wrp {
    border-radius: 20px;
    padding: 20px 20px 20px 0;
  }

  .features-card-section .tab-head-row ul {
    height: 400px;
    padding-right: 10px;
  }

  .features-card-section .tab-head-row {
    padding: 15px 15px 15px 0;
    max-width: 180px;
  }

  .features-card-section .tab-head-row ul::-webkit-scrollbar {
    width: 7px;
  }

  .features-card-section .tab-head-row li a {
    font-size: 14px;
    padding: 10px 15px;
  }

  /******************** features-card-section end css ********************/

  /************************************ documentation css start ************************************/
  .blog-pillar .documentation-img {
    max-width: 100%;
  }

  .blog-pillar .section-title {
    padding: 15px 15px 0 15px;
  }

  /************************************ documentation css end ************************************/

  .single-product .woocommerce-tabs {
    padding-bottom: 0;
  }

  .product-hero-sec .title-content-inner {
    text-align: center;
    margin: 0 0 30px;
  }

  .product-hero-sec .title-content-inner .section-title {
    margin: 0 auto 20px;
  }

  .product-hero-sec .title-content-inner .btn-wrapper {
    justify-content: center;
  }

  .builder-functionality-sec .listing-content li .content h3 {
    font-size: 16px;
  }

  body.woocommerce-account .container>.woocommerce {
    padding-top: 40px;
  }

  body.woocommerce-account .container>.woocommerce:has(.woocommerce-error) {
    padding-top: 25px;
  }

  body.woocommerce-account article.page {
    margin-bottom: 40px;
  }


  /******************** search suggestions start css ********************/
  .workdo-search-suggestions {
    max-height: 300px;
  }

  .workdo-search-suggestion-item {
    padding: 8px 12px;
    font-size: 13px;
  }

  /******************** search suggestions end css *********************/

  h1 br,
  h2 br,
  h3 br,
  h4 br,
  h5 br,
  h6 br,
  .section-title br {
    display: none;
  }

  .pt {
    padding-top: 40px;
  }

  .pb {
    padding-bottom: 40px;
  }

  .mb {
    margin-bottom: 40px !important;
  }

  .mt {
    margin-top: 40px !important;
  }

  .icon-div {
    width: 55px;
    height: 55px;
  }

  /******************** header start css  ********************/
  .add-on-dash-css span.notification-badge {
    font-size: 10px;
    letter-spacing: 0;
    padding: 2px 4px;
  }

  .woocommerce-active .wdo-header .site-branding {
    max-width: 150px;
  }

  /******************** header end css ********************/
  /******************** home-banner-sec start css ********************/
  .banner-search-form .form-input .banner-search-btn {
    padding: 8px 10px;
  }

  /******************** home-banner-sec end css ********************/
  /******************** features-card-section start css ********************/
  .features-card-section .section-title {
    text-align: center;
  }

  /******************** features-card-section end css ********************/
  /******************** bookingo-integration-sec start css ********************/
  .bookingo-integration-sec .section-title {
    max-width: 350px;
  }

  .bookingo-integration-sec .integration-btn img {
    width: 55px;
    height: 55px;
  }

  .bookingo-integration-sec {
    padding: 40px 0;
  }

  /******************** bookingo-integration-sec end css ********************/
  /******************** bookinggo-appointment-section start css ********************/
  .bookinggo-appointment-section .bookinggo-appointment-wrp {
    padding: 20px;
  }

  /******************** bookinggo-appointment-section end css ********************/
  /******************** ecommercego page ********************/
  /******************** product-banner-section start css ********************/
  .eCommerceGo-landing-wrapper .title-content-inner {
    text-align: center;
    margin-bottom: 25px;
  }

  .eCommerceGo-landing-wrapper .product-banner-section .btn-wrapper a.btn {
    padding: 12px 15px;
  }

  /********************  product-banner-section end css ********************/
  /******************** customer-detail-section start css ********************/
  .customer-detail-section .customer-detail .customer-content,
  .customer-detail-section .section-title {
    max-width: 100%;
  }

  .customer-detail-section .price span del {
    font-size: 16px;
  }

  /******************** customer-detail-section end css ********************/
  /******************** erpgo-banner-sec start css ********************/
  .erpgo-banner-wrp p {
    font-size: 16px;
  }

  .erpgo-banner-sec {
    margin-bottom: 55px;
  }

  /******************** erpgo-banner-sec end css ********************/
  /******************** information-sec start css ********************/
  .information-col-left .information-icon {
    width: 70px;
    height: 70px;
  }

  .information-wrapper .information-content {
    padding: 15px 0;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
  }

  .information-col-right p {
    padding-left: 15px;
  }

  /******************** information-sec end css ********************/
  /******************** dash-saas add-ons start css ********************/
  .workdo-dash-saas-banner .container .img-wrapper img {
    object-position: center;
    -o-object-position: center;
  }

  .search-box {
    margin-top: 30px;
  }

  .workdo-dash-saas-banner .title-content-inner {
    text-align: center;
  }

  .workdo-dash-saas-banner .btn-wrapper {
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
  }

  .workdo-dash-saas-banner .row {
    row-gap: 20px;
  }

  .home-section .section-title {
    margin-bottom: 0;
  }

  .home-section .btn-wrapper:has(.btn) {
    margin-top: 20px;
  }

  /******************** dash-saas add-ons end css ********************/
  /******************** service-card-section start css ********************/
  .service-card-section.bg-gradient::before {
    height: 32%;
  }

  /******************** service-card-section end css ********************/
  /******************** contact-home-section start css ********************/
  .home-section {
    padding: 40px 0;
  }

  .contact-card .icon-div {
    left: -20px;
  }

  .cards-wrapper .contact-card:first-of-type,
  .cards-wrapper .contact-card {
    max-width: calc(100% - 15px);
    padding: 40px 15px 40px 50px;
  }

  .contact-card:not(:last-of-type) {
    margin-bottom: 45px;
  }

  .support-wrapper .cards-wrapper .contact-card:first-of-type,
  .support-wrapper .cards-wrapper .contact-card {
    max-width: 100%;
    width: 100%;
    padding: 30px 15px 30px 50px;
  }

  .contact-home-section {
    padding: 40px 0;
  }

  .support-wrapper .contact-home-section .cards-wrapper {
    padding: 0 0 0 20px
  }

  .contact-page-wrapper .custom-req-form .form-group .form-control {
    padding: 12px 10px;
  }

  .support-wrapper .left-side.section-title p {
    margin-top: 15px;
  }

  /******************** contact-home-section end css ********************/
  /******************** document-listing-section start css ********************/
  .documents-wrapper .category-option {
    margin: 0 0 30px;
  }

  /******************** document-listing-section end css ********************/
  /******************** theme-details-section start css ********************/
  .theme-details-section .theme-details-inner .btn-wrapper .btn {
    padding: 10px 15px;
  }

  /******************** theme-details-section end css ********************/
  /******************** sales-saas-addon start css ********************/
  .sales-video-wrapper {
    padding: 20px;
  }

  .sales-video-wrapper .apps-video img,
  .sales-video-wrapper .video-documentation {
    margin-bottom: 20px;
  }

  .sales-video-wrapper .btn-wrapper {
    margin-top: 20px;
  }

  .woocommerce-tabs .tabs-wrapper-main {
    margin: 0 0 25px;
  }

  /******************** sales-saas-addon end css ********************/
  .single-product #tab-comments,
  .single-product #tab-reviews,
  .single-product #tab-supports {
    margin-bottom: 40px;
  }

  .sec-box-shadow {
    margin-bottom: 0;
  }

  #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list {
    padding: 0;
  }

  /******************** get-app-section start css ********************/
  .sales-app-wrapper {
    padding: 20px 0;
  }

  .get-app-section .sales-wrapper-reverse.sales-app-wrapper .get-app-inner-text {
    padding-left: 20px;
  }

  .get-app-section .sales-app-wrapper .get-app-inner-text {
    padding-right: 20px;
  }

  .sales-app-wrapper:not(:last-of-type) {
    margin-bottom: 40px;
  }

  .single-product .get-app-section {
    padding: 40px 0 40px;
  }

  /******************** get-app-section end css ********************/
  /******************** screenshot-section start css ********************/
  .screenshots-gallery-slider .screenshot-inner img,
  .screenshots-gallery-slider .screenshot-inner {
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
  }

  /******************** screenshot-section end css ********************/
  /******************** app-features-section start css ********************/
  .app-features-section .app-features-icon {
    width: 45px;
    height: 45px;
  }

  /******************** app-features-section end css ********************/
  /******************** manage-info-sec start css  ********************/
  .manage-info-sec .manage-card-inner,
  .control-place-sec.manage-info-sec .manage-card::after {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    padding: 20px;
  }

  /******************** manage-info-sec end css  ********************/
  /******************** vcardgo-addon-banner start css  ********************/

  .vcardgo-addon-banner .title-content-inner {
    text-align: center;
  }

  .vcardgo-addon-banner .row {
    row-gap: 20px;
  }

  .product-banner-section.vcardgo-addon-banner {
    padding: 70px 0 40px;
  }

  /******************** vcardgo-addon-banner end css  ********************/
  /******************** code-mastery-sec start css  ********************/
  .code-mastery-sec .manage-card-inner .icon-div {
    margin-top: -50px;
    width: 70px;
    height: 70px;
  }

  .code-mastery-sec .manage-card {
    padding-top: 35px;
  }

  .code-mastery-sec .manage-card-inner .icon-div svg {
    width: 35px;
    height: 35px;
  }

  /******************** code-mastery-sec end css  ********************/
  /******************** MyAccount start css  ********************/
  /******************** MyAccount start css  ********************/
  .hentry .entry-content .woocommerce-MyAccount-navigation ul li a {
    padding: 6px !important;
    font-size: 14px;
  }

  .hentry .entry-content .woocommerce-MyAccount-navigation ul li {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
  }

  .woocommerce-MyAccount-navigation {
    max-width: 180px;
    margin-right: 10px;
  }

  .woocommerce-account .woocommerce-tabs ul.tabs li a {
    font-size: 14px;
  }

  ul.order_details li strong {
    font-size: 16px;
  }

  /******************** MyAccount end css  ********************/
  /******************** cart start css  ********************/
  .woocommerce-cart-form,
  .cart-collaterals {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
  }

  .cart-collaterals .cart_totals {
    margin: 30px 0 0;
    float: none;
  }

  .woocommerce-cart .site-content {
    padding: 40px 0;
    min-height: 400px;
  }

  .woocommerce-checkout .woocommerce {
    padding: 40px 0 10px !important;
  }

  .woocommerce-account .woocommerce-MyAccount-orders tbody th,
  .woocommerce-account .woocommerce-MyAccount-orders tbody tr:nth-child(2n) th,
  .entry-content tbody tr td {
    background: #fbfbfb !important;
  }

  /******************** cart end css  ********************/
  /******************** order start css  ********************/
  a.woocommerce-button.button:last-child {
    margin-right: 0 !important;
  }

  .woocommerce-MyAccount-content .woocommerce-Pagination {
    padding-top: 15px;
    padding-bottom: 0;
    border-bottom: none;
  }

  /******************** order end css  ********************/
  /******************** downloads start css  ********************/
  .material-kit-box-inner .left-side {
    max-width: 100%;
  }

  .material-kit-box-inner .right-side {
    margin-left: 0;
    margin-top: 15px;
  }

  .material-kit-box-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .material-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .material-kit-box {
    max-width: calc(50% - 5px);
  }

  .material-kit-box-inner .inner-content ul li {
    max-width: 100%;
  }

  .material-kit-box-inner .inner-content ul::before {
    display: none;
  }

  .material-kit-box-inner .right-side .btn-wrapper {
    gap: 7px;
  }

  .material-kit-box-inner .right-side .btn-wrapper .btn {
    padding: 10px;
    gap: 5px;
  }

  /******************** downloads end css  ********************/
  /******************** checkout page start css  ********************/
  .woocommerce-billing-fields__field-wrapper .form-row-last,
  .woocommerce-billing-fields__field-wrapper .form-row-first {
    width: 100%;

  }

  /******************** checkout page end css  ********************/
  /******************** order page end css  ********************/
  a.woocommerce-button.button.view,
  a.woocommerce-button.button.invoice {
    margin: 0 0 5px 0;
  }

  th.woocommerce-orders-table__header.woocommerce-orders-table__header-order-date {
    min-width: 90px;
  }

  .woocommerce-orders-table td,
  .woocommerce-orders-table th {
    padding: 10px 5px;
  }

  /******************** order page end css  ********************/
  /******************** installation-banner start css  ********************/
  .installation-banner .user-image {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
  }

  .installation-banner .user-image p {
    font-size: 16px;
  }

  .installation-banner .img-wrapper {
    max-width: 500px;
    margin: 0 auto;
  }

  /******************** installation-banner end css  ********************/
  /******************** attendance-machine-section start css  ********************/
  .attendance-machine-section .attendance-inner {
    padding: 15px;
  }

  /******************** attendance-machine-section end css  ********************/
  /******************** service-section start css ********************/
  .development-faq-sec .section-title p,
  .blog-section .section-title p,
  .service-section .section-title p,
  .process-works-section .section-title p {
    max-width: 100%;
  }

  .service-section .service-card {
    padding: 15px;
  }

  /******************** service-section end css ********************/
  /******************** technologies-sec start css ********************/
  .technologies-sec .technologies-icon {
    width: 70px;
    height: 70px;
  }

  /******************** technologies-sec end css ********************/
  /******************** process-works-section start css ********************/
  .process-works-section .process-card .process-card-inner {
    height: 100%;
    -webkit-box-shadow: 0px 3px 20px 0px rgba(2, 35, 50, 0.05);
    box-shadow: 0px 3px 20px 0px rgba(2, 35, 50, 0.05);
    border: 1px dashed var(--theme-color);
    padding: 15px;
    margin-top: 45px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
  }

  .process-works-section .slide {
    max-width: 100%;
  }

  .process-works-section .process-card::after {
    display: none;
  }

  .process-works {
    gap: 20px;
  }

  .process-works-section .process-card .process-icon {
    width: 50px;
    height: 50px;
    margin: -50px auto 5px;
  }

  .process-works-section .process-card .process-icon svg {
    width: 25px;
    height: 25px;
  }

  /******************** process-works-section end css ********************/
  /******************** digital-business-card-template start css ********************/
  .vcard-faq-section {
    padding-bottom: 40px;
  }

  /******************** digital-business-card-template end css ********************/
  .single-shopify-themes .customizable-sec .tab-head-row {
    max-width: 100%;
  }

  .single-shopify-themes .features-card-section .tab-head-row li a {
    padding: 10px;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
  }

  .single-shopify-themes .customizable-sec .tab-head-row ul {
    padding: 0 10px;
    max-height: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 15px;
  }

  .single-shopify-themes .customizable-sec .tab-head-row li:not(:last-of-type) {
    margin-bottom: 0;
  }

  .single-shopify-themes #category-tabs-2,
  .single-shopify-themes #category-tabs-3 {
    padding-bottom: 40px;
  }

  /******************** theme-multi-lang start css ********************/
  .single-shopify-themes .theme-multi-lang .theme-lang-opc .theme-lang-inner span {
    font-size: 20px;
  }

  .single-shopify-themes .theme-multi-lang .theme-lang-opc .theme-lang-inner h3 {
    font-size: 12px;
  }

  .single-shopify-themes .theme-multi-lang .theme-lang-opc {
    gap: 10px;
  }

  /******************** theme-multi-lang end css ********************/
  /******************** theme-multi-lang start css ********************/
  .single-shopify-themes .theme-multi-lang .theme-lang-right {
    max-width: calc(100% - 180px);
  }

  /******************** theme-multi-lang end css ********************/
  /********************* setup-process-section css start *********************/
  .single-shopify-themes .setup-process-section .section-title p,
  .single-shopify-themes .new-feature-sec .section-title p,
  .single-shopify-themes .theme-page-sec .section-title p,
  .single-shopify-themes .shopify-theme-details .section-title p,
  .single-shopify-themes .other-business-sec .section-title p {
    max-width: 100%;
  }

  /********************* setup-process-section css end *********************/
  /******************** shopify-theme-details start css ********************/
  .single-shopify-themes .shopify-theme-details .details-card-inner {
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .single-shopify-themes .shopify-theme-details .details-card-inner .details-card-img svg {
    margin: 0 auto;
  }

  /******************** shopify-theme-details end css ********************/
  /********************* shopify-theme-details section css start *********************/
  .single-shopify-themes .shopify-theme-details .details-card-inner,
  .single-shopify-themes .other-business-sec .business-card-inner {
    padding: 15px;
  }

  /********************* shopify-theme-details section css end *********************/
  /********************* other-business-sec css start *********************/
  .single-shopify-themes .other-business-sec .business-icon-wrp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }

  /********************* other-business-sec css end *********************/
  /********************* single-shopify css start *********************/
  .single-shopify-themes .price-bar-sec .price-bar-total p,
  .single-shopify-themes .price-bar-sec .price-bar-total .btn,
  .single-shopify-themes .price-bar-sec table tr td {
    font-size: 14px;
  }


  .single-shopify-themes .shopify-tabs .tabs-wrapper-main {
    margin: 0 auto 25px;
  }

  .single-faq-section {
    padding-bottom: 40px;
  }

  /********************* single-shopify css end *********************/
  /********************* core-modules-sec css start *********************/
  .core-modules-sec .core-modules-image {
    max-width: 80%;
    margin: 0 auto;
    width: 100%;
  }

  .core-module-sec .row {
    flex-direction: column-reverse;
  }

  /********************* core-modules-sec css end *********************/
  /******************** advocatego-core-sec start css ********************/
  .advocatego-core-sec .core-grid,
  .mobile-app-core-sec .core-grid {
    flex-direction: column;
  }

  .advocatego-core-sec .core-visual {
    display: none;
  }

  .advocatego-core-sec .core-accordion,
  .mobile-app-core-sec .core-accordion {
    width: 100%;
  }

  .advocatego-core-image {
    margin-top: 15px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  }

  /******************** advocatego-core-sec end css ********************/
  .category-discount-badge-title {
    top: 0 !important;
    padding: 4px 10px !important;
  }

  /******************** content-sec start css ********************/
  .postid-25590 .content-sec {
    margin-bottom: 40px;
  }

  /******************** content-sec end css ********************/


  .error404 .not-found {
    padding: 40px 0;
  }

  .error404 .inner-content .page-title {
    margin-bottom: 15px;
  }

  .error404 .search-box {
    margin: 20px 0;
  }

  .theme-details-section .main-background {
    padding: 40px 0;

  }

  /************************** hr software pages css start *****************************/
  /* hrm header start */
  .hrm-header .menu-right li.profile-header>a {
    font-size: 14px;
    padding: 11px 15px;
  }

  .hrm-header .sub-menu span {
    font-size: 14px;
  }

  .hrm-header .sub-menu .menu-icon {
    height: 40px;
    width: 40px;
  }

  .hrm-header .sub-menu .menu-icon svg {
    height: 25px;
    width: 25px;
  }

  .hrm-header .hrm-logo-col img,
  .hrm-mobile-navigation .menu-close-icon .mobile-logo img {
    width: 70px;
  }

  /* herm header end */
  /* hrm-about-section start */
  .hrm-about-section .about-content-wrapper {
    padding: 40px 15px;
  }

  /* hrm-about-section end */
  /* codecanyon-promo-sec css start */
  .codecanyon-promo-sec .content-box-wrp {
    gap: 20px;
  }

  /* codecanyon-promo-sec css start */

  /* leave-system-sec css start */
  .leave-system-sec .tabs-container {
    padding-left: 30px;
  }

  /* leave-system-sec css end */

  /* attendance-features-sec css start */
  .attendance-features-sec .feature-card {
    padding: 15px;
  }

  /* attendance-features-sec css end */

  /* document-process-sec css start */
  .document-process-sec .doc-process-icon {
    width: 45px;
    height: 45px;
  }

  .document-process-sec .doc-process-icon svg {
    height: 24px;
    width: 24px;
  }

  .document-process-sec ul li {
    gap: 15px;
  }

  .document-process-sec ul li:not(:last-of-type) {
    margin: 0 0 20px;
  }

  /* document-process-sec css end */
  /************************** hr software pages css end *****************************/

  /* ai-automation-sec css start */
  .ai-automation-sec .ai-automation-wrp,
  .ai-automation-sec .tabs-wrp {
    padding: 20px;
  }

  .ai-automation-sec .tabs-wrp {
    gap: 20px;
  }

  .ai-automation-sec .tabs-row {
    padding: 0 20px 0 0;
  }

  .ai-automation-sec .tabs li a {
    padding: 8px 10px;
  }

  .ai-automation-sec .tab-content ul li {
    padding: 10px;
  }

  .ai-automation-sec .tab-content .title-wrp {
    padding: 0 0 15px;
    margin: 0 0 20px;
  }

  /* ai-automation-sec css end */

  /* add-on single page add bottom space */

  body.single-product .app-features-section+.single-faq-section {
    padding-top: 0;
  }

  /* payroll-content-sec css start */
  .payroll-content-sec .payroll-content-wrapper .content-block {
    padding: 20px;
    margin-bottom: 20px;
  }

  .payroll-content-sec .payroll-content-wrapper .content-block h3 {
    margin-bottom: 15px;
    padding-bottom: 10px;
  }

  .payroll-content-sec .payroll-content-wrapper .content-block h3::after {
    width: 50px;
    height: 2px;
  }

  .payroll-content-sec .payroll-content-wrapper .content-block h4 {
    margin-bottom: 10px;
  }

  .payroll-content-sec .payroll-content-wrapper .scenario-item,
  .payroll-content-sec .payroll-content-wrapper .capability-item,
  .payroll-content-sec .payroll-content-wrapper .struggle-item {
    padding: 15px;
    margin-bottom: 15px;
  }

  .payroll-content-sec .payroll-content-wrapper .cta-link {
    margin-top: 20px;
    padding-top: 20px;
  }

  /* payroll-content-sec css end */

  /* dash saas bundle page css start */
  .bundle-hero-sec .btn-wrapper {
    margin: 30px 0;
  }

  .bundle-hero-sec .bundle-pricing-bar {
    margin: 30px 0 0;
  }

  /* bundle-features-sec css start */
  .bundle-features-sec .feature-bento-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
  }

  .bundle-features-sec .bento-span-2-2 {
    grid-column: auto;
  }

  /* bundle-features-sec css end */

  /* bundle-demo-sec css start */
  .bundle-demo-sec .demo-split-wrapper {
    gap: 20px;
  }

  .bundle-demo-sec .mock-browser .browser-header,
  .bundle-demo-sec .mock-browser .browser-body,
  .bundle-demo-sec .addon-preview-box,
  .bundle-demo-sec .demo-step-item {
    padding: 15px;
  }

  /* bundle-demo-sec css end */

  /* bundle-steps-sec css start */

  .bundle-steps-sec .steps-flow {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
  }

  .bundle-steps-sec .flow-arrow {
    display: none;
  }

  /* bundle-steps-sec css end */
  /* dash saas bundle page css end */

  /* ai chatbot page css start */
  .ai-chatbot-sec .section-title h1 {
    font-size: 46px;
  }

  .ai-chatbot-sec .section-title p {
    font-size: 14px;
  }

  /* ai chatbot page css end */

}

@media screen and (max-width: 780px) {

  /******************** features-card-section start css ********************/
  .features-card-section .tab-head-row ul {
    height: 290px;
  }

  /******************** features-card-section end css ********************/
}

@media screen and (max-width:767px) {
  :root {
    --h1: normal 800 40px/1.2 var(--first-font);
    --h2: normal 700 32px/1.2 var(--first-font);
    --h3: normal 700 26px/1.2 var(--first-font);
    --h4: normal 700 22px/1.2 var(--first-font);
    --h5: normal 700 20px/1.2 var(--first-font);
    --h6: normal 700 18px/1.2 var(--first-font);
  }

  .subtitle {
    font-size: 12px;
    margin: 0 0 15px;
  }

  .script-subtitle {
    font-size: 22px;
  }

  .swiper .swiper-button-prev,
  .swiper .swiper-button-next {
    height: 35px;
    width: 35px;
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
  }

  .btn {
    padding: 10px 18px;
  }

  .btn svg {
    height: 14px;
    width: 14px;
  }

  /* header css start */
  .wdo-header .header-logo {
    max-width: 150px;
  }

  /* header responsive */
  .wdo-header .header-nav {
    display: none;
  }

  .wdo-header .mobile-menu-toggle {
    display: flex;
  }

  .wdo-header .header-inner {
    padding: 15px 0;
  }

  .woocommerce-active .wdo-header .site-header-cart {
    padding: 0;
  }

  .wdo-header .cart-count {
    top: -2px;
  }

  /* Mobile Drawer */
  .wdo-mobile-drawer {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    max-width: 320px;
    height: 100vh;
    background: var(--white);
    z-index: 1101;
    overflow-y: auto;
    box-shadow: -10px 0 30px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
  }

  .wdo-mobile-drawer.active {
    right: 0;
  }

  .wdo-mobile-drawer .drawer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    border-bottom: 1px solid var(--border-color);
  }

  .wdo-mobile-drawer .drawer-header img {
    height: auto;
    max-width: 180px;
    width: 100%;
  }

  .wdo-mobile-drawer .drawer-close {
    width: 32px;
    height: 32px;
    border: 1px solid var(--black);
    background: transparent;
    color: var(--black);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
  }

  .wdo-mobile-drawer .drawer-close:hover {
    border-color: var(--theme-color);
    color: var(--theme-color);
  }

  .wdo-mobile-drawer .drawer-close svg {
    width: 20px;
    height: 20px;
  }

  .wdo-mobile-drawer .drawer-nav {
    padding: 10px 15px;
  }

  .wdo-mobile-drawer .drawer-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .wdo-mobile-drawer .drawer-nav .drawer-sub-menu {
    display: none;
    padding: 0 0 12px;
  }

  .wdo-mobile-drawer .drawer-nav>ul>li:not(:last-of-type) {
    border-bottom: 1px dashed var(--border-color);
  }

  .wdo-mobile-drawer .drawer-nav>ul>li>a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px 0;
    font-size: 15px;
    font-weight: 500;
    color: var(--black);
    text-decoration: none;
  }

  .wdo-mobile-drawer .drawer-nav>ul>li>a svg.drawer-icon {
    width: 20px;
    height: 20px;
    opacity: 0.6;
    color: var(--black);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
  }

  .wdo-mobile-drawer .drawer-nav>ul>li>a svg.chevron-icon {
    margin-left: auto;
    width: 16px;
    height: 16px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
  }

  .wdo-mobile-drawer .drawer-nav>ul>li>a:hover,
  .wdo-mobile-drawer .drawer-nav>ul>li>a:hover svg.drawer-icon,
  .wdo-mobile-drawer .drawer-nav>ul>li>a:hover svg.chevron-icon {
    color: var(--theme-color);
  }

  .wdo-mobile-drawer .drawer-nav>ul>li.open>a svg.chevron-icon {
    transform: rotate(180deg);
  }

  .wdo-mobile-drawer .drawer-submenu-header {
    padding: 12px 12px 5px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--theme-color);
  }

  .wdo-mobile-drawer .drawer-sub-menu li a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-color);
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
  }

  .wdo-mobile-drawer .drawer-sub-menu li a:hover {
    background: var(--primary-light);
    color: var(--theme-color);
  }

  .wdo-mobile-drawer .drawer-sub-menu li a svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
  }

  .wdo-mobile-drawer .drawer-actions {
    padding: 16px 20px;
    border-top: 1px solid var(--border-color);
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  /* header css end */
  /* footer css start */
  .wdo-footer .footer-links-col ul li a {
    font-size: 14px;
  }

  .wdo-footer .footer-links-col .footer-heading {
    margin: 0 0 20px;
  }

  .wdo-footer-grid {
    grid-template-columns: 1fr 1fr 1.4fr;
  }

  .wdo-footer-grid {
    gap: 20px;
  }

  .wdo-footer .badge-item {
    width: 30px;
    height: 30px;
    padding: 3px;
  }

  /* footer css end */

  /* mobile menu css start */
  .wdo-mobile-drawer {
    display: block;
  }

  /* mobile menu css end */

  /* grow-sec css start */

  .grow-sec .grow-inner {
    align-items: start;
    flex-direction: column;
    gap: 10px;
    margin: 0 0 40px -15px;
  }

  .grow-sec .grow-card {
    padding: 30px;
    margin: 0 !important;
    border-radius: 0 180px 180px 0;
  }

  .grow-sec .grow-card:first-child {
    max-width: 50%;
  }

  .grow-sec .grow-card:nth-child(2) {
    max-width: 75%;
  }

  .grow-sec .grow-card .card-footer svg,
  .grow-sec .grow-card .card-footer img {
    display: none;
  }

  .grow-sec .grow-top {
    right: 0;
    left: auto;
    text-align: right;
    max-width: 200px;
  }

  .grow-sec .grow-top img {
    transform: scaleX(-1);
  }

  /* grow-sec css end */

  /* product-hero-sec css start */
  .product-hero-sec {
    border-radius: 0 0 30px 30px;
  }

  .product-hero-sec .section-title p {
    font-size: 14px;
  }

  .product-hero-sec .hero-subtitle {
    margin: 0 0 20px;
    padding: 6px 10px 6px 6px;
    gap: 8px;
  }

  /* product-hero-sec css end */
  /* wdo-hero-sec css start */
  .wdo-hero-sec .wdo-hero-content {
    margin: 0px 0 30px;
  }

  .wdo-hero-sec .section-title p {
    font-size: 14px;
  }

  .wdo-hero-sec .products-grid {
    align-items: start;
  }

  .wdo-hero-sec .products-grid .product-item {
    max-width: calc(50% - 10px);
  }

  .wdo-hero-sec .hero-vertical-lines .hero-vline {
    width: 57px;
  }

  .wdo-hero-sec .promo-desc {
    margin: 0 0 20px;
  }

  .bundle-announce-badge {
    flex-direction: column;
    text-align: center;
    padding: 10px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
  }

  .bundle-announce-badge .announce-badge-arrow {
    display: none;
  }

  /* wdo-hero-sec css end */
  /* marketplace sec css start */
  .marketplace-sec .tab-content-inner {
    flex-direction: column;
  }

  .marketplace-sec .tab-content-info {
    max-width: 100%;
    text-align: center;
  }

  .marketplace-sec .tab-content-info .section-title h3 {
    max-width: 100%;
  }

  .marketplace-sec ul.tabs,
  .dash-addon-sec .tabs-row ul.tabs {
    gap: 0;
    padding: 6px;
  }

  .marketplace-sec .tab-content-info ul li,
  .marketplace-sec .tab-content-info .btn-wrp {
    justify-content: center;
  }

  .marketplace-sec .addon-slider-wrp {
    width: 100%;
  }

  .marketplace-sec .tab-content-inner .marketplace-points {
    flex-direction: row;
    justify-content: center;
    column-gap: 15px;
  }

  /* marketplace sec css end */

  /* modules-sec css start */
  .modules-sec .module-content-card {
    padding: 15px;
  }

  /* modules-sec css end */

  /* erp saas page css start */

  /* why-choose-sec css start */
  .why-choose-sec .grid {
    gap: 20px;
  }

  .why-choose-sec .why-card {
    padding: 15px;
  }

  .why-choose-sec .why-card .icon-box {
    height: 45px;
    width: 45px;
  }

  .why-choose-sec .why-card .icon-box svg {
    width: 20px;
    height: 20px;
  }

  /* why-choose-sec css end */

  /* problem-solution-sec css start */

  .problem-solution-sec .problem-side {
    padding: 20px;
  }

  .problem-solution-sec .problem-item {
    padding: 10px;
  }

  .problem-solution-sec .solution-title {
    margin: 0 0 12px;
  }

  .problem-solution-sec .problem-item .problem-name,
  .problem-solution-sec .problem-item .problem-price,
  .problem-solution-sec .problem-total .total-label,
  .problem-solution-sec .solution-price-label {
    font-size: 14px;
  }

  .problem-solution-sec .problem-total {
    padding: 15px;
  }

  .problem-solution-sec .solution-card {
    padding: 20px;
  }

  .problem-solution-sec .solution-savings {
    padding: 8px 16px;
    margin: 0 0 20px;
  }

  /* problem-solution-sec css end */

  /* industries-sec css start */
  .industries-sec .industry-inner {
    padding: 30px 15px 20px;
  }

  .industries-sec .industries-shadow {
    width: 100px;
  }

  .industries-sec .industry-pill {
    padding: 10px 18px;
    font-size: 14px;
    gap: 8px;
  }

  .industries-sec .industry-pill svg {
    width: 16px;
    height: 16px;
  }

  .industries-sec .industries-slider-wrapper .industries-slider-rtl {
    margin-top: 5px;
  }

  /* industries-sec css end */
  /* white-label-sec css start */
  .white-label-sec .white-label-wrapper {
    gap: 30px;
  }

  .white-label-sec .brand-logo-placeholder {
    width: 80px;
    height: 80px;
    margin: 0 auto 15px;
  }

  .white-label-sec .brand-logo-placeholder svg {
    width: 40px;
    height: 40px;
  }

  .white-label-sec .brand-name {
    font-size: 20px;
    margin: 0 0 6px;
  }

  .white-label-sec .showcase-feature-item {
    padding: 8px 12px;
    font-size: 13px;
  }

  .white-label-sec .feature-title {
    font-size: 14px;
  }

  /* white-label-sec css end */
  /* payment-language-sec css start */
  .payment-language-sec .payment-language-card {
    max-width: 550px;
    margin: 0 auto;
  }

  /* payment-language-sec css end */
  /* language-support-sec css start */
  .language-support-sec .lang-card-flag {
    height: 25px;
    width: 25px;
  }

  /* language-support-sec css end */

  /* comparison-sec css start */
  .comparison-sec .comparison-wrapper {
    flex-direction: column;
    gap: 20px;
  }

  .comparison-sec .comparison-card {
    width: 100%;
    transform: scale(1);
    margin: 0;
  }

  .comparison-sec .comparison-vs-badge {
    display: none;
  }

  .comparison-sec .comparison-item {
    font-size: 14px;
  }

  .comparison-sec .comparison-item-positive svg {
    height: 18px;
    width: 18px;
  }

  /* comparison-sec css end */

  /* pricing-sec css start */
  .pricing-sec .pricing-wrapper {
    flex-direction: column;
    align-items: stretch;
    gap: 40px;
  }

  .pricing-sec .pricing-card {
    max-width: 100%;
  }

  .pricing-sec .pricing-card-header {
    padding: 0 0 20px;
  }

  .pricing-sec .pricing-card-featured .pricing-card-header {
    padding: 15px 0 20px;
  }

  .pricing-sec .pricing-value {
    font-size: 40px;
  }

  .pricing-sec .pricing-feature {
    font-size: 14px;
  }

  .pricing-sec .pricing-feature svg {
    height: 18px;
    width: 18px;
  }

  .pricing-sec .pricing-card-footer .btn {
    width: auto;
  }

  /* pricing-sec css end */
  /* achievement-sec css start */
  .achievement-sec .author-stats-grid {
    gap: 20px;
    margin: 20px 0;
  }

  .achievement-sec .stat-card {
    flex: auto;
    max-width: calc(50% - 10px);
    width: 100%;
  }

  .achievement-sec .author-card .author-badge img {
    max-width: 130px;
  }

  /* achievement-sec css end */

  /* power-elite-sec css start */
  .power-elite-sec .power-elite-card {
    flex-direction: column;
    text-align: center;
    padding: 30px 15px;
  }

  .power-elite-sec .power-elite-card .power-elite-image {
    max-width: 140px;
  }

  .power-elite-sec .power-elite-card p {
    font-size: 16px;
  }

  /* power-elite-sec css end */

  /* faq-sec css start */
  .faq-sec .accordion-button {
    font-size: 15px;
    padding: 10px 15px;
  }

  .faq-sec .accordion-body {
    padding: 0 15px 15px 15px;
  }

  .faq-sec .accordion-item:not(:last-of-type) {
    margin-bottom: 15px;
  }

  /* faq-sec css end */
  /* contact-sec css start */
  .contact-sec .contact-grid {
    grid-template-columns: 1fr;
  }

  .contact-sec .section-title {
    text-align: center;
  }

  /* contact-sec css end */

  /* cta sec css start */
  .cta-sec p {
    font-size: 14px;
  }

  /* cta sec css end */

  /* erp saas page css end */
  /* bio-link-sec css start */
  .bio-link-sec .bio-link-wrp {
    text-align: center;
    padding: 30px 15px 0;
    border-radius: 20px;
  }

  .bio-link-sec .bio-link-slider-wrp {
    max-width: 100%;
    height: 380px;
  }

  .bio-link-sec .bio-link-content {
    padding: 0;
  }

  .bio-link-sec .bio-link-slider-ltr .swiper-slide {
    width: auto;
  }

  /* bio-link-sec css end */
  /* vcard-features-sec css start */
  .vcard-feature-sec .feature-card {
    padding: 0;
  }

  .vcard-feature-sec .feature-expand-card {
    height: auto;
    position: relative;
  }

  .vcard-feature-sec .feature-card-body {
    position: relative;
    padding: 15px;
  }

  .vcard-feature-sec .feature-card-expand {
    max-height: none;
    opacity: 1;
    margin-top: 20px;
  }

  .vcard-feature-sec .feature-card-arrow {
    display: none;
  }

  /* vcard-features-sec css end */
  /* vcard-themes-sec css start */
  .vcard-themes-slider .swiper-slide {
    width: 200px;
  }

  .vcard-themes-sec .theme-preview-label {
    border-radius: 0 0 42px 42px;
  }

  /* vcard-themes-sec css end */
  /* vcard process sec css start */
  .vcard-process-sec .process-connector-line {
    display: none;
  }

  .vcard-process-sec .process-image {
    max-width: 450px;
    margin: 20px auto 0;
  }

  .vcard-process-sec .process-content {
    margin: 15px 0 0;
  }

  /* vcard process sec css end */
  /* vcard-addon-sec css start */
  .vcard-addon-sec .module-card {
    max-width: calc(50% - 7.5px);
  }

  /* vcard-addon-sec css end */

  /* dash hero sec css start */
  .dash-hero-sec {
    padding-bottom: 20px !important;
  }

  .dash-hero-sec .dash-module-showcase {
    min-height: auto;
    display: flex;
    flex-direction: column-reverse;
    gap: 20px;
    padding: 0 15px;
  }

  .dash-hero-sec .module-card {
    position: static;
    max-width: 100%;
  }

  .dash-hero-sec .module-image img {
    min-height: 198px;
  }

  /* dash hero sec css end */

  /* dash-features-sec css start */
  .dash-features-sec .feature-card .feature-content {
    padding: 15px 15px 0;
  }

  /* dash-features-sec css end */

  /* dash-addon-sec css start */

  .dash-addon-sec .addon-content-box,
  .dash-addon-sec .addon-slider-box-wrapper {
    padding: 15px;
  }

  .dash-addon-sec .addon-showcase-wrapper {
    grid-template-columns: 1fr;
  }

  .dash-addon-sec .addon-content-box h3 {
    margin-bottom: 15px;
  }

  .dash-addon-sec .addon-content-box p {
    margin: 0 0 20px;
    font-size: 14px;
  }

  /* dash-addon-sec css end */

  /* dash workflow sec css start */
  .dash-workflow-sec::after {
    top: 70%;
  }

  .dash-workflow-sec .workflow-img-wrapper {
    border-radius: 20px;
  }

  .dash-workflow-sec .workflow-img-wrapper::before {
    border-radius: 20px;
  }

  .dash-workflow-sec .floating-badge {
    display: none;
  }

  /* dash workflow sec css end */

  /* bundle-promo-sec css start */
  .bundle-promo-sec .section-title {
    text-align: center;
  }

  .bundle-promo-sec .bundle-promo-layout {
    flex-direction: column;
    gap: 20px;
  }

  .bundle-promo-sec .bundle-promo-left,
  .bundle-promo-sec .bundle-promo-right {
    flex: auto;
  }

  .bundle-promo-sec .bundle-promo-right {
    max-width: 500px;
    width: 100%;
  }

  .bundle-promo-sec .bundle-value-card .value-original {
    font-size: 24px;
  }

  .bundle-promo-sec .bundle-value-card .value-current-price .price-num {
    font-size: 36px;
  }

  .bundle-promo-sec .bundle-value-card .value-features-list .check-icon {
    height: 20px;
    width: 20px;
  }

  /* bundle-promo-sec css end */

  /* roi calculator sec css start */
  .roi-calculator-sec .roi-wrapper {
    flex-direction: column;
  }

  .roi-calculator-sec .roi-summary-panel {
    max-width: 100%;
  }

  .roi-calculator-sec .roi-summary-header {
    padding: 12px;
    border-radius: 10px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
  }

  .roi-calculator-sec .roi-savings-amount {
    padding: 0 0 15px;
    margin: 0 0 20px;
  }

  .roi-calculator-sec .roi-price-compare {
    margin: 0 0 20px;
  }

  /* roi calculator sec css end */
  /* hrm-modules-sec start */
  .hrm-modules-sec .feature-tab ul {
    gap: 8px;
  }

  .hrm-modules-sec .feature-tab a {
    width: auto;
    font-size: 14px;
    padding: 8px 10px;
  }

  .hrm-modules-sec .feature-tab-content {
    padding: 15px;
  }

  .hrm-modules-sec .function-tab a {
    padding: 0 10px 15px;
  }

  .hrm-modules-sec .function-tab,
  .hrm-modules-sec .feature-content ul {
    margin: 0 0 20px;
  }

  /* hrm-modules-sec end */

  /* hrm-workflow-sec start */
  .hrm-workflow-sec .workflow-grid {
    gap: 15px;
  }

  .hrm-workflow-sec .workflow-card-content {
    padding: 15px 15px 0;
  }

  /* hrm-workflow-sec end */
  /* hrm-better-choice-sec css start */
  .hrm-better-choice-sec .choice-card {
    max-width: 100%;
  }

  /* hrm-better-choice-sec css end */
  /* hrm-biometric-integration-sec ss start */
  .hrm-biometric-integration-sec .biometric-grid,
  .hrm-biometric-integration-sec .biometric-grid .small-cards {
    gap: 20px;
  }

  .hrm-biometric-integration-sec .top-card .biometric-img {
    order: -1;
  }

  /* hrm-biometric-integration-sec ss end */

  /* ticket-workflow-sec css start */
  .ticket-workflow-sec .workflow-showcase {
    flex-direction: column;
  }

  .ticket-workflow-sec .workflow-tabs {
    max-width: 100%;
  }

  .ticket-workflow-sec .workflow-preview {
    width: 100%;
  }

  /* ticket-workflow-sec css end */

  /* ticket-discover-sec css start */

  .ticket-discover-sec ul.tabs li a,
  .bookinggo-addon-sec ul.tabs li a {
    padding: 0 15px 12px;
  }

  /* ticket-discover-sec css end */

  /* industrial-solutions-sec css start */
  .industrial-solutions-sec .industry-card {
    max-width: calc(25% - 11.25px);
    gap: 12px;
  }

  .industrial-solutions-sec .industry-icon {
    height: 45px;
    width: 45px;
  }

  .industrial-solutions-sec .industry-icon svg {
    width: 22px;
    height: 22px;
  }

  /* industrial-solutions-sec css end */

  /* ticketgo-features-sec css start */
  .ticketgo-features-sec .ticketgo-feature-card .feature-card-content {
    padding: 15px;
  }

  /* ticketgo-features-sec css end */
  /* ticketgo-addon-sec css start */
  .ticketgo-addon-sec .addon-grid {
    flex-direction: column;
  }

  .ticketgo-addon-sec .addon-grid-row {
    flex-direction: row;
  }

  /* ticketgo-addon-sec css end */
  /* ticketgo-integration-sec css start */
  .ticketgo-integration-sec .integration-content {
    text-align: center;
  }

  /* ticketgo-integration-sec css end */
  /* booking-feature-sec css start */
  .booking-feature-sec .grid {
    gap: 20px;
  }

  .booking-feature-sec .feature-card {
    padding: 15px;
  }

  .booking-feature-sec .bgo-visual-chart {
    padding: 10px;
  }

  .booking-feature-sec .bgo-sched-actions {
    display: none;
  }

  /* booking-feature-sec css end */

  /* bookinggo-forms-sec css start */
  .bookinggo-forms-sec .form-image {
    max-width: 400px;
  }

  /* bookinggo-forms-sec css end */
  /* account page css start */
  form.woocommerce-ResetPassword.lost_reset_password {
    padding: 15px;
  }

  /* account page css end */

  /************************************* shopify page css start *****************************************/
  .single-shopify-themes .outstanding-features-row .swiper-wrapper {
    flex-wrap: nowrap;
  }

  /************************************* shopify page css end *****************************************/

  /************************************* documentation css start *****************************************/
  .document-details-wrapper .main-title p {
    margin-top: 15px;
    max-width: 100%;
  }

  /************************************* documentation css end *****************************************/

  /* blog single css start */
  .blog-meta-divider {
    display: none;
  }

  .blog-share-icon {
    width: 36px;
    height: 36px;
  }

  .blog-share-icon svg {
    width: 16px;
    height: 16px;
  }

  /* blog single css end */


  /* support-card-section css start */
  .support-card-section .support-card {
    padding: 15px;
  }

  /* support-card-section css end */

  /* hrm header css start */
  .hrm-header .mobile-navigation {
    display: block;
  }

  .hrm-header .mobile-navigation {
    position: fixed;
    z-index: 5;
    top: 0;
    right: 0;
    max-width: 350px;
    width: 100%;
    height: 100%;
    background: var(--white);
    color: var(--black);
    padding: 20px 15px;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    overflow-y: auto;
  }

  .hrm-header .mobile-navigation.active {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }

  .hrm-header .mobile-navigation li a {
    color: #002332;
    font-size: 14px !important;
    font-weight: 500 !important;
  }

  .hrm-header .mobile-navigation .menu-close-icon svg {
    width: 20px;
    height: 20px;
  }

  .hrm-header .mobile-navigation .menu-close-icon svg path {
    fill: var(--black);
  }

  .hrm-header .mobile-navigation .menu-close-icon {
    margin-bottom: 20px;
  }

  #menu-mobile-menu .sub-menu.active {
    margin-left: 0;
    padding: 10px;
  }

  /* hrm header css end */

  /* terms page css start */
  .privacy-wrapper .terms-details-section p,
  .privacy-wrapper .terms-details-section ul {
    font-size: 15px;
  }

  /* terms page css end */
  /* workdo-search-suggestions css start */
  .workdo-search-suggestions {
    max-height: 250px;
    font-size: 13px;
  }

  .workdo-search-suggestion-item {
    padding: 8px 12px;
  }

  .workdo-banner-search-suggestions,
  .workdo-blog-search-suggestions {
    max-height: 250px;
    font-size: 13px;
  }

  .workdo-banner-search-suggestions {
    max-height: 280px;
  }

  .workdo-banner-search-suggestions .workdo-search-suggestion-item {
    padding: 9px 12px;
    font-size: 13px;
  }

  /* workdo-search-suggestions css end */

  /******************** search suggestions start css ********************/
  .workdo-search-suggestions {
    max-height: 280px;
  }

  .workdo-search-suggestion-item {
    padding: 9px 12px;
    font-size: 13px;
  }

  /******************** search suggestions end css *********************/

  /******************** digital-business-card-template start css ********************/
  /******************** maker-sec start css ********************/
  .maker-sec .content-wrapper {
    gap: 20px;
  }

  .maker-sec .content-wrapper .phone-mockup {
    display: none;
  }

  .maker-sec .feature-item {
    padding: 15px;
  }

  .maker-sec .features-wrp {
    gap: 20px;
  }

  /******************** maker-sec end css ********************/
  /******************** digital-business-card-template end css ********************/


  br {
    display: none;
  }

  .btn-wrapper {
    gap: 12px;
  }

  .woocommerce-breadcrumb {
    font-size: 12px;
    max-width: 100%;
  }

  .icon-div {
    width: 50px;
    height: 50px;
  }

  .single-documents .site.hfeed {
    overflow-x: hidden !important;
  }

  .max-w-80 {
    margin-bottom: 20px;
  }

  /******************** home-banner-sec start css ********************/
  .banner-search-form .form-input {
    padding: 5px;
  }

  /******************** home-banner-sec end css ********************/
  /******************** arrival-sec start css ********************/
  .arrival-left-col {
    text-align: center;
    margin-bottom: 20px;
  }

  /******************** arrival-sec end css ********************/
  /******************** features-card-section start css ********************/
  .features-card-section .tab-head-row li a svg {
    display: none;
  }

  .features-card-section .tab-head-row {
    padding: 10px 10px 10px 0;
    max-width: 150px;
  }

  .features-card-section .tab-head-row ul {
    height: 300px;
  }

  .features-card-section .tab-head-row li a {
    font-size: 13px;
  }

  .features-card-section .tab-head-row li:not(:last-of-type) {
    margin-bottom: 12px;
  }

  /******************** features-card-section end css ********************/
  /******************** bookinggo-addons-sec start css ********************/
  .bookinggo-addons-sec .bookinggo-addons-row {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
  }

  .bookinggo-addons-sec .bookinggo-card h3 {
    font-size: 14px;
  }

  /******************** bookinggo-addons-sec end css ********************/
  /********************  bookingo-integration-sec start css  ********************/
  .bookingo-integration-sec .section-title {
    max-width: 100%;
    text-align: center;
  }

  .bookingo-integration-sec .integration-tab {
    max-width: 100%;
    gap: 20px 25px;
  }

  .bookingo-integration-wrp {
    row-gap: 20px;
  }

  .bookingo-integration-sec .integration-btn span {
    font-size: 13px;
  }

  .bookingo-integration-sec .section-title .btn,
  .bookingo-integration-sec .section-title p {
    margin-top: 15px;
  }

  /********************  bookingo-integration-sec end css  ********************/
  /********************  bookinggo-appointment-section end css  ********************/
  .bookinggo-appointment-wrp .row {
    row-gap: 20px;
  }

  .bookinggo-appointment-section .bookinggo-appointment-wrp {
    text-align: center;
    padding: 15px;
  }

  .bookinggo-appointment-section .appointment-right-col {
    padding-top: 65%
  }

  .appointment-left-col {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  /********************  bookinggo-appointment-section end css  ********************/
  /******************** customer-detail-section start css ********************/
  .advocatego-core-sec .section-title,
  .mobile-app-core-sec .section-title,
  .section-title,
  .advocatego-features-sec .section-title,
  .customer-detail-section .section-title {
    margin-bottom: 20px;
  }

  .customer-detail-section .customer-detail .customer-image {
    margin-bottom: -60px;
  }

  .customer-detail-section .customer-detail {
    padding: 20px 15px 0;
    margin-bottom: 60px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
  }

  .erpgo-wrapper .customer-detail-section .users-rating p {
    font-size: 14px;
  }

  /******************** customer-detail-section end css ********************/
  /******************** erpgo-banner-sec start css ********************/
  .erpgo-banner-sec .section-title {
    margin-bottom: 20px;
  }

  .erpgo-banner-wrp {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
  }

  .erpgo-banner-wrp .img-wrapper {
    margin: 10px 0;
    padding-top: 55%;
  }

  /******************** erpgo-banner-sec end css ********************/
  /******************** information-sec start css ********************/
  .information-col-left .information-icon {
    width: 55px;
    height: 55px;
  }

  .information-col-left .information-icon svg {
    width: 30px;
    height: 30px;
  }

  .information-col-right p {
    padding-left: 0;
  }

  .information-content .information-col-left h3 {
    font-size: 16px;
  }

  .information-content .information-col-left {
    max-width: 100%;
    gap: 15px;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
  }

  .information-wrapper .information-content {
    padding: 15px 0;
    text-align: center;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
  }

  .information-content .information-col-left::before {
    display: none;
  }

  /******************** information-sec end css ********************/
  /******************** builder-functionality-sec start css ********************/
  .builder-functionality-sec .listing-content span {
    padding: 10px 20px;
    font-size: 14px;
    margin-bottom: 20px;
  }

  /******************** builder-functionality-sec end css ********************/
  /******************** dash-saas add-ons start css ********************/
  .main-shop .filter-right-column {
    margin-top: 30px;
  }

  /******************** dash-saas add-ons end css ********************/

  /******************** contact-home-section start css ********************/
  .contact-page-wrapper .home-section .section-title {
    margin-bottom: 20px;
  }

  .contact-page-wrapper .custom-req-form {
    margin: 0 0 30px 0;
  }

  .contact-card:not(:last-of-type) {
    margin-bottom: 20px;
  }

  .cards-wrapper .contact-card:first-of-type p {
    font-size: 18px;
  }

  .contact-card .icon-div svg {
    width: 24px;
    height: 24px;
  }

  /******************** contact-home-section end css ********************/
  /******************** features-card-section start css ********************/
  .support-wrapper .features-card-section .features-card h4 {
    font-size: 16px;
  }

  /******************** features-card-section end css ********************/
  /******************** blog-home-section start css ********************/
  .docs-home-section .innner-content,
  .blog-details-home .innner-content,
  .blog-details-home .innner-content {
    gap: 15px;
  }

  /******************** blog-home-section end css ********************/
  /******************** theme-details-section start css ********************/
  .theme-details-section .theme-details-right {
    margin-top: 15px;
  }

  .theme-details-inner .theme-details-top .product_title .addon-seo-h1 {
    font-size: 14px;
  }

  .single-product div.product p.price {
    margin: 20px 0;
  }

  .theme-details-inner .theme-details-top .details-list .underline {
    font-size: 15px;
  }

  .theme-details-inner .theme-details-top .p-details {
    font-size: 16px;
  }

  .theme-details-inner .theme-details-top .price del {
    font-size: 26px;
  }

  .single .theme-details-inner .woocommerce-Price-amount,
  .theme-details-top .vp-sale-price {
    font-size: 32px;
  }

  .category-discount-badge-title {
    font-size: 12px !important;
  }

  /******************** theme-details-section end css ********************/
  /******************** sales-saas-addon start css ********************/
  .sales-video-wrapper {
    padding: 15px;
  }

  .sales-video-wrapper p {
    font-size: 14px;
  }

  /******************** sales-saas-addon end css ********************/
  /******************** get-app-section start css ********************/
  .get-app-section .sales-app-wrapper::after {
    display: none;
  }

  .sales-app-wrapper .row {
    row-gap: 20px;
  }

  .get-app-section .get-app-info {
    padding: 10px 15px !important;
  }

  .sales-app-wrapper,
  .get-app-section .sales-app-wrapper .get-app-inner-text,
  .get-app-section .sales-wrapper-reverse.sales-app-wrapper .get-app-inner-text {
    padding: 0;
  }

  .sales-app-wrapper:not(.sales-wrapper-reverse) .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .woocommerce-tabs ul.tabs li a::before {
    display: none;
  }

  .woocommerce-tabs ul.tabs li a {
    padding: 10px 20px;
  }

  .sales-app-wrapper:not(:last-of-type) {
    margin-bottom: 25px;
  }

  /******************** get-app-section end css ********************/
  /******************** woocommerce-tabs start css ********************/
  .single-product .woocommerce-tabs {
    padding-top: 40px;
  }

  /******************** woocommerce-tabs end css ********************/
  /******************** screenshot-section start css ********************/
  .screenshots-gallery-slider {
    padding: 25px 15% 70px !important;
  }

  .screenshots-gallery-slider .swiper-arrow {
    width: 30px;
    height: 30px;
  }

  .screenshots-gallery-slider .swiper-button-prev {
    left: calc(50% - 50px);
  }

  .screenshots-gallery-slider .swiper-button-next {
    right: calc(50% - 50px);
  }

  /******************** screenshot-section end css ********************/
  /******************** banner-section start css ********************/
  .bookinggo-theme-wrapper .banner-section .title-content-inner .btn-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .bookinggo-theme-wrapper .banner-section .title-content-inner {
    text-align: center;
  }

  .bookinggo-theme-wrapper .banner-section .title-content-inner {
    margin-bottom: 20px;
  }

  /******************** banner-section end css ********************/
  /******************** saas bundle banner section end css ********************/
  /******************** bookinggo-feature-sec start css  ********************/
  .woocommerce-tabs .panel .theme-layout-sec .section-title,
  .woocommerce-tabs .panel .theme-multi-lang .section-title,
  .woocommerce-tabs .panel .theme-performance-sec .section-title,
  .woocommerce-tabs .panel .theme-value-sec .section-title,
  .woocommerce-tabs .panel .amazing-device-sec .section-title {
    max-width: 100%;
    margin: 0 auto 20px;
  }

  .bookinggo-feature-inner .section-title {
    max-width: 90%;
    margin: 0 auto 20px;
  }

  .bookinggo-feature-list .bookinggo-feature-item .btn {
    padding: 10px;
  }

  .theme-layout-sec .layout-card::after {
    height: 45%;
  }

  .bookinggo-feature-wrapper {
    padding: 15px;
  }

  /******************** bookinggo-feature-sec end css  ********************/
  /******************** manage-info-sec start css  ********************/
  .manage-info-sec .manage-card-inner .icon-div svg {
    width: 30px;
    height: 30px;
  }

  .manage-info-sec .manage-card-inner h4 {
    font-size: 16px;
    max-width: 100%;
  }

  .manage-info-sec .manage-card-inner,
  .control-place-sec.manage-info-sec .manage-card::after {
    padding: 20px 15px;
  }

  /******************** manage-info-sec end css  ********************/
  /******************** custom-field start css  ********************/
  .custom-field .custom-field-content {
    padding: 15px;
    margin-right: 0;
    text-align: center;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
  }

  .custom-field .row {
    gap: 20px;
  }

  .custom-field .label {
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    gap: 8px;
  }

  .custom-field .row-reverse .custom-field-content {
    padding: 15px;
    margin-left: 0;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
  }

  /******************** custom-field end css  ********************/
  /******************** key-feature-sec start css  ********************/
  .key-feature-sec .key-feature-content {
    margin-top: 25px;
  }

  .key-feature-content .section-title {
    max-width: 100%;
  }

  /******************** key-feature-sec end css  ********************/
  /******************** add-cart-popup start css ********************/
  .add-cart-popup {
    max-width: calc(100% - 30px);
  }

  .add-cart-popup .img-wrapper {
    max-width: 200px;
  }

  /******************** add-cart-popup end css ********************/
  /******************** documentation start css ********************/
  .documentation-wrp .documentation-row {
    gap: 20px;
  }

  .documentation-row .documentation-column {
    padding-right: 0;
  }

  .documentation-leftbar .account-list li a {
    padding: 10px 15px 10px 5px;
  }

  .documentation-leftbar .account-list li a::before {
    right: 15px;
  }

  .documentation-leftbar .account-list li a::after {
    right: 10px;
  }

  .documentation-rightbar ul li {
    margin-bottom: 10px;
  }

  .h3-link h3 {
    font-size: 18px !important;
  }

  /******************** documentation end css ********************/
  /******************** MyAccount start css ********************/
  .woocommerce-MyAccount-navigation {
    max-width: 100%;
    margin: 0 0 20px;
  }

  .woocommerce-MyAccount-navigation ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 5px;
  }

  .hentry .entry-content .woocommerce-MyAccount-navigation ul li a {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    font-size: 0;
    padding: 0 !important;
    width: 100%;
    text-align: center;
  }

  .hentry .entry-content .woocommerce-MyAccount-navigation ul li a::before {
    font-size: 16px;
    margin: auto;
    text-align: center;
  }

  .hentry .entry-content .woocommerce-MyAccount-navigation ul li {
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px;
    width: 100%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
  }

  .tech-card .icon-div,
  .pro-feature-card .icon-div {
    width: 50px;
    height: 50px;
  }

  /******************** MyAccount end css ********************/
  /******************** cart start css ********************/
  .entry-content .cart td.product-remove a.remove {
    position: relative;
    top: auto;
    right: 0;
    font-size: 14px;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
  }

  .entry-content table.cart tr td.product-remove {
    position: absolute;
    width: 40px;
    height: 60px;
    right: 0;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #ddd;
  }

  .entry-content table.cart tr td.product-thumbnail {
    border-top: 1px solid #ddd;
  }

  .custom-cart-buttons .btn {
    padding: 10px 12px;
  }

  .cart-collaterals .cart_totals {
    max-width: 100%;
  }

  .cart_totals tr td {
    font-size: 15px;
  }

  .cart_totals .order-total td {
    font-size: 16px;
  }

  table thead th,
  table tr td,
  table.order_details thead tr:first-child th,
  .checkout-right-inner table:not(.has-background) thead th,
  .woocommerce-order-pay .shop_table thead th {
    padding: 12px 15px;
  }

  .woocommerce table.cart .option-description {
    width: 275px;
    left: auto;
    right: 5px;
    top: 40px;
    margin: 0 auto;
    text-align: left;
    padding: 15px;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }

  .woocommerce table.cart .info-wrapper {
    position: unset;
  }

  table.cart td.product-name {
    position: relative;
  }

  .woocommerce table.cart .info-icon {
    display: none;
  }

  .woocommerce-cart .wc-proceed-to-checkout .button.checkout-button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
  }

  .woocommerce-cart .wc-proceed-to-checkout .button.checkout-button.wc-forward::after {
    margin-left: 0;
  }

  .wc-proceed-to-checkout {
    text-align: center;
  }

  .woocommerce table.cart {
    overflow: hidden;
  }

  .woocommerce-cart-form .woocommerce-cart-form__cart-item td:last-of-type {
    padding-bottom: 0.875em;
  }

  .woocommerce-cart-form .woocommerce-cart-form__cart-item .product-price del {
    font-size: 15px;
  }

  .woocommerce-cart table.cart td.actions .coupon .coupon-error-notice {
    font-size: 14px;
    padding: 0;
    width: 100%;
  }

  /******************** cart end css ********************/
  /******************** order start css ********************/
  .woocommerce-orders .woocommerce-MyAccount-orders {
    min-width: auto;
    overflow: hidden;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
  }

  .woocommerce-orders-table__row:not(:last-of-type) .woocommerce-orders-table__cell-order-actions {
    border-bottom: 1px solid #c1bdbd;
  }

  a.woocommerce-button.button.view,
  a.woocommerce-button.button.invoice {
    margin: 0 5px 0 0;
  }

  /******************** order end css ********************/
  /******************** checkout page start css ********************/
  .woocommerce-lost-password {
    background-size: 100% 430px;
  }

  .checkout-right-inner {
    margin-top: 30px;
  }

  .woocommerce-Address br {
    display: block;
  }

  .checkout_coupon .coupon-error-notice {
    font-size: 14px;
  }

  /******************** checkout page end css ********************/
  /******************** error page start css ********************/
  .error-404 .search-box .btn {
    margin: 7px 0;
  }

  /******************** error page end css ********************/
  /******************** dash-payment-gateway start css ********************/
  .dash-payment-gateway .payment-gateway-content {
    max-width: 100%;
    padding: 0 0 15px;
  }

  /******************** dash-payment-gateway end css ********************/
  /******************** service-section start css ********************/
  .installation-btn {
    height: 45px;
    width: 45px;
  }

  .installation-btn svg {
    height: 24px;
    width: 24px;
  }

  .service-section .service-card .service-icon {
    width: 50px;
    height: 50px;
  }

  .service-section .service-card .service-icon svg {
    width: 25px;
    height: 25px;
  }

  /******************** service-section end css ********************/
  /******************** process-works-section start css ********************/
  .process-works {
    gap: 10px 20px;
  }

  /******************** process-works-section end css ********************/
  /******************** attendance-machine-section start css ********************/
  .free-installation-section .img-wrapper {
    margin: 0 auto;
  }

  .free-installation-section .row {
    flex-direction: column-reverse;
  }

  .free-installation-section .free-installation-content {
    text-align: center;
  }

  .attendance-machine-section .attendance-inner .img-wrapper {
    margin: 0 auto 15px;
    padding-left: 0;
  }

  /******************** attendance-machine-section end css ********************/
  /******************** digital-business-card-template start css ********************/
  /******************** steps-one-sec start css ********************/
  .steps-one-sec .row:nth-child(3),
  .steps-one-sec .row:nth-child(5) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  /******************** steps-one-sec end css ********************/
  /******************** maker-sec start css ********************/
  .maker-sec .feature-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    gap: 10px;
  }

  .maker-sec .feature-icon {
    margin: 0 auto;
  }

  /******************** maker-sec end css ********************/
  /******************** digital-business-card-template end css ********************/
  /******************** bio-link-builder start css ********************/
  .analytics-sec .row {
    row-gap: 20px;
  }

  .bio-link-steps-sec .step-icon {
    width: 40px;
    height: 40px;
    font-size: 15px;
  }

  .customize-sec .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  /******************** bio-link-builder end css ********************/
  /******************** vcard-generator start css ********************/
  .generator-steps-sec .section-title,
  .generator-features-sec .section-title,
  .generator-benefits-sec .section-title,
  .vcard-business-sec .section-title {
    max-width: 100%;
    margin-bottom: 20px;
  }

  .generator-steps-sec .step-card {
    padding: 15px;
  }

  /******************** vcard-generator end css ********************/
  /******************** virtual-e-business-card start css ********************/
  .virtual-benifit-sec .section-title,
  .virtual-features-sec .section-title,
  .virtual-business-sec .section-title {
    max-width: 100%;
    margin-bottom: 20px;
  }

  .virtual-wrp li:not(:last-of-type) {
    margin-bottom: 15px;
  }

  /******************** virtual-e-business-card end css ********************/
  /******************** nfc-business-card start css ********************/

  .nfc-business-content h3,
  .nfc-business-content ul li:not(:last-of-type) {
    margin-bottom: 10px;
  }

  /******************** nfc-business-card end css ********************/
  /*************************************************** shopify single page start css ****************************************************/
  /******************** theme-details-section start css  ********************/
  .single-shopify-themes .theme-details-section .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  /******************** theme-details-section end css  ********************/
  /********************* setup-process-section css start *********************/
  .single-shopify-themes .setup-process-section .setup-icon {
    height: 45px;
    width: 45px;
  }

  .single-shopify-themes .setup-process-section .setup-icon svg {
    height: 20px;
    width: 20px;
  }

  .single-shopify-themes .setup-process-section .setup-process-wrp ul li:not(:last-of-type) {
    margin: 0 0 15px;
  }

  .single-shopify-themes .setup-process-section .setup-process-wrp ul li {
    gap: 15px;
  }

  .single-shopify-themes .setup-process-section .setup-content {
    padding: 15px;
  }

  .single-shopify-themes .setup-process-section .setup-process-wrp ul li:not(:last-of-type) .setup-icon-wrp:before {
    height: calc(100% - 60px);
  }

  /********************* setup-process-section css end *********************/
  /******************** outstanding-features-sec start css ********************/
  .single-shopify-themes .outstanding-features-sec .section-title {
    max-width: 100%;
    margin-bottom: 20px;
    text-align: center;
  }

  /******************** outstanding-features-sec end css ********************/
  /******************** theme-multi-lang start css ********************/
  .single-shopify-themes .theme-multi-lang .theme-lang-right {
    max-width: calc(100% - 180px);
  }

  /******************** theme-multi-lang end css ********************/
  /********************* setup-process-section css start *********************/
  .single-shopify-themes .setup-process-section .setup-icon {
    height: 45px;
    width: 45px;
  }

  .single-shopify-themes .setup-process-section .setup-icon svg {
    height: 20px;
    width: 20px;
  }

  .single-shopify-themes .setup-process-section .setup-process-wrp ul li:not(:last-of-type) {
    margin: 0 0 15px;
  }

  .single-shopify-themes .setup-process-section .setup-process-wrp ul li {
    gap: 15px;
  }

  .single-shopify-themes .setup-process-section .setup-content {
    padding: 15px;
  }

  .single-shopify-themes .setup-process-section .setup-process-wrp ul li:not(:last-of-type) .setup-icon-wrp:before {
    height: calc(100% - 60px);
  }

  /********************* setup-process-section css end *********************/
  /******************** shopify-theme-details section end css ********************/
  .single-shopify-themes .shopify-theme-details .details-card-inner .details-card-img {
    height: 50px;
    width: 50px;
  }

  .single-shopify-themes .shopify-theme-details .details-card-inner .details-card-img svg {
    height: 25px;
    width: 25px;
  }

  /******************** shopify-theme-details section end css ********************/
  /******************** other-business-sec start css ********************/
  .single-shopify-themes .other-business-sec .business-icon-wrp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }

  /******************** other-business-sec end css ********************/
  /******************** shopify features-card-section start css ********************/
  .single-shopify-themes .features-card-section .tab-head-row li a {
    white-space: nowrap;
  }

  .single-shopify-themes .customizable-sec .tab-head-row ul {
    justify-content: start;
    padding-bottom: 8px;
  }

  /******************** shopify features-card-section end css ********************/
  /******************** vcard vcard-add-ons-card start css ********************/
  .vcard-add-ons-card .service-card .service-icon {
    font-size: 18px;
    width: 40px;
    height: 40px;
  }

  /******************** vcard vcard-add-ons-card end css ********************/
  /******************** core-modules-sec start css ********************/
  .core-modules-wrp .feature-card {
    gap: 10px;
  }

  .core-modules-wrp .card-iconP {
    width: 35px;
    height: 35px;
  }

  /******************** core-modules-sec end css ********************/
  .cart-collaterals .cart_totals tr td[data-title]::before {
    content: attr(data-title);
  }

  /************************** hr software pages css start *****************************/
  /* hrm header start */
  .hrm-mobile-navigation {
    display: block;
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    max-width: 350px;
    width: 100%;
    height: 100%;
    background: var(--white);
    color: var(--black);
    padding: 20px 15px;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    overflow-y: auto;
  }

  .hrm-mobile-navigation.active {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }

  .hrm-mobile-navigation #menu-mobile-menu a {
    width: 100%;
    color: var(--black);
    border-width: 0 0 1px;
    border-color: var(--border-color);
    padding: 0 0 10px;
    background-color: transparent !important;
    border-radius: 0;
  }

  .hrm-mobile-navigation #menu-mobile-menu ul li a:hover {
    color: var(--theme-color);
  }

  .hrm-mobile-navigation #menu-mobile-menu .sub-menu.active {
    padding: 10px 10px 0 10px;
  }

  .hrm-mobile-navigation #menu-mobile-menu>li>a {
    font-weight: 600;
  }

  button.hrm-mobile-menu-button {
    color: var(--black) !important;
    display: block !important;
    background: transparent !important;
  }

  .hrm-mobile-navigation .menu-close-icon {
    padding: 0 0 20px;
    margin: 0 0 20px;
    border-bottom: 1px dashed var(--border-color);
  }

  .hrm-hero-banner::before {
    clip-path: ellipse(100% 100% at 50% 0%);
    height: 75%;
  }

  .hrm-hero-banner .btn-wrapper {
    margin-bottom: 20px;
  }

  .hrm-hero-banner .hrm-banner-img {
    border: 4px solid var(--black);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
  }

  /* herm header end */
  /* hr-management-sec start */
  .hr-management-sec .management-icon {
    height: 50px;
    width: 50px;
  }

  .hr-management-sec .management-icon svg {
    height: 20px;
    width: 20px;
  }

  /* hr-management-sec end */
  /* codecanyon-promo-sec start */
  .codecanyon-promo-sec .section-title,
  .codecanyon-promo-sec .btn-wrp {
    text-align: center;
  }

  .codecanyon-promo-sec .content-box-wrp {
    padding-top: 0;
  }

  .codecanyon-promo-sec .section-title {
    margin: 0 auto 20px;
  }

  /* codecanyon-promo-sec end */
  /* hrm-mobile-sec start */
  .hrm-mobile-sec .mobile-content {
    text-align: center;
  }

  .hrm-mobile-sec .mobile-content .btn-wrapper {
    justify-content: center;
  }

  .hrm-mobile-sec .mobile-functions .function-item .check-icon-wrp {
    justify-content: center;
  }

  .hrm-mobile-sec .section-title {
    margin: 0 auto 20px;
  }

  /* hrm-mobile-sec end */
  /* hrm-cta-sec start */
  .hrm-cta-sec .cta-benefits svg {
    height: 16px;
    width: 16px;
  }

  .hrm-cta-sec .cta-benefits {
    gap: 10px 15px;
    margin: 0 0 20px;
  }

  /* hrm-cta-sec end */

  .payroll-mobile-sec .mobile-content {
    text-align: center;
  }

  /* global-payroll-sec css start */
  .global-payroll-sec .currency-country-grid {
    margin-bottom: 20px;
    gap: 15px;
  }

  /* global-payroll-sec css end */
  /* attendance-info-sec css start */
  .attendance-info-sec .masonry {
    column-count: 2;
  }

  /* attendance-info-sec css end */


  /* leave-features-sec css start */
  .leave-features-sec .row:not(:last-of-type) {
    padding-bottom: 20px;
  }

  /* leave-features-sec css end */

  /* leave-system-sec css start */
  .leave-system-sec .tabs-wrp {
    flex-direction: column;
  }

  .leave-system-sec .tabs-container {
    padding: 0;
    width: 100%;
  }

  .leave-system-sec:not(.performance-tabs-sec) .tabs-container {
    text-align: center;
  }

  .leave-system-sec .tab-content ul,
  .leave-system-sec .tab-content p {
    margin: 15px 0 0;
  }

  .leave-system-sec .tabs-row {
    max-width: 100%;
    min-width: auto;
    border: 0;
    display: flex;
    justify-content: center;
  }

  .leave-system-sec .tabs {
    gap: 15px;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 10px 15px;
    margin: 0 0 20px;
    border-radius: 10px;
    background-color: #f8f8f8;
  }

  .leave-system-sec .tabs li a {
    border: 0;
    background-color: transparent !important;
    padding: 0;
    white-space: nowrap;
    font-size: 14px;
  }

  /* leave-system-sec css end */

  /* common-hrm-features css start */
  .common-hrm-features .feature-tabs-container {
    padding: 15px;
  }

  /* common-hrm-features css end */

  /* document-process-sec css start */
  .document-process-sec ul li .doc-process-icon-wrp:before {
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: calc(100% - 70px);
    border: 1px dashed var(--border-color);
    bottom: 0;
  }

  .document-process-sec .row [class*="col-"]:last-of-type ul li:last-of-type .doc-process-icon-wrp:before {
    display: none;
  }

  .document-process-sec .doc-process-content {
    padding: 15px;
  }

  /* document-process-sec css end */

  /* document-lifecycle-sec css start */
  .document-lifecycle-sec .section-title {
    text-align: center;
  }

  /* document-lifecycle-sec css end */

  /* recruitment-process-sec css start */
  .recruitment-process-sec .recruit-process-card {
    padding: 15px;
  }

  .recruitment-process-sec .process-step-num {
    font-size: 60px;
  }

  /* recruitment-process-sec css end */
  /* lms-vs-tms-sec css start */
  .lms-vs-tms-sec .vs-badge {
    display: none;
  }

  .lms-vs-tms-sec .vs-wrap,
  .lms-vs-tms-sec .vs-card {
    padding: 15px;
  }

  /* lms-vs-tms-sec css end */
  .section-title p.max-w-70 {
    margin: 15px auto 20px;
  }

  /* hrms-hris-hcm-sec css start */
  .hrms-hris-hcm-sec .guide-type-card {
    padding: 15px;
  }

  /* hrms-hris-hcm-sec css end */

  /************************** hr software pages css end *****************************/
  /* ai-automation-sec css start */
  .ai-automation-sec .tabs-wrp {
    flex-direction: column;
  }

  .ai-automation-sec .tabs-row {
    max-width: 100%;
    padding: 0;
    border: 0;
  }

  .ai-automation-sec .tabs-row .tabs {
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 0 0 10px;
  }

  .ai-automation-sec .tabs li a {
    font-size: 14px;
    white-space: nowrap;
  }

  .ai-automation-sec .tabs li a::before {
    display: none;
  }

  .ai-automation-sec .tabs li a {
    background-color: var(--light-color);
  }

  .ai-automation-sec .tab-content ul {
    gap: 15px;
  }

  /* ai-automation-sec css end */

  /* payroll-content-sec css start */
  .payroll-content-sec .payroll-content-wrapper .content-block ul,
  .payroll-content-sec .payroll-content-wrapper .content-block ol {
    margin: 15px 0 15px 0;
  }

  .payroll-content-sec .payroll-content-wrapper .content-block {
    padding: 15px;
  }

  /* payroll-content-sec css end */

  /* dash saas bundle page css start */
  .bundle-hero-sec .bundle-pricing-bar {
    gap: 30px;
  }

  /* bundle-addon-sec css start */
  .bundle-addon-sec .bundle-addon-wrp {
    gap: 10px;
  }

  .bundle-addon-sec .bundle-addon-slider-wrp {
    max-width: calc(100% - 130px);
  }

  .bundle-addon-sec .bundle-addon-card {
    padding: 15px;
    width: 120px;
  }

  .bundle-addon-sec .bundle-addon-card svg {
    height: 24px;
    width: 24px;
  }

  .bundle-addon-sec .bundle-addon-card span {
    font-size: 14px;
  }

  .bundle-addon-slider::before,
  .bundle-addon-slider::after {
    display: none;
  }

  /* bundle-addon-sec css end */
  /* bundle-modules-sec css start */
  .bundle-modules-sec .module-category-card {
    padding: 15px;
  }

  /* bundle-modules-sec css end */

  /* bundle-features-sec css start */
  .bundle-features-sec .bento-card {
    padding: 15px;
  }

  /* bundle-features-sec css end */

  /* bundle-demo-sec css start */
  .bundle-demo-sec .demo-split-wrapper {
    grid-template-columns: 1fr;
  }

  .bundle-demo-sec .demo-step-item {
    gap: 15px;
  }

  .bundle-demo-sec .addon-preview-box {
    flex-direction: column;
  }

  /* bundle-demo-sec css end */

  /* bundle-compare-sec css start */
  .bundle-compare-sec .compare-card .compare-desc {
    margin-bottom: 18px;
  }

  .bundle-compare-sec .compare-card .compare-features {
    padding-top: 18px;
  }

  .bundle-compare-sec .compare-card .compare-price {
    font-size: 28px;
  }

  /* bundle-compare-sec css end */

  /* bundle-top-selling-sec css start */
  .bundle-top-selling-sec .top-selling-card .addon-content {
    padding: 15px 15px 0;
  }

  /* bundle-top-selling-sec css end */

  /* bundle-steps-sec css start */

  .bundle-steps-sec .steps-flow {
    grid-template-columns: repeat(2, 1fr);
  }

  .bundle-steps-sec .bundle-step-card .card-icon-wrapper {
    width: 44px;
    height: 44px;
  }

  .bundle-steps-sec .bundle-step-card .card-icon-wrapper svg {
    width: 20px;
    height: 20px;
  }

  .bundle-steps-sec .bundle-step-card {
    padding: 15px;
  }

  /* bundle-steps-sec css end */

  /* bundle-cta-sec css start */

  .bundle-cta-sec .pricing-summary-card {
    padding: 30px;
  }

  .bundle-cta-sec .cta-btn-wrapper {
    margin-top: 30px;
  }

  .bundle-cta-sec .cta-badge-list {
    margin-top: 20px;
  }

  /* bundle-cta-sec css end */
  /* bundle-sticky-bar css start */
  .bundle-sticky-bar {
    max-width: 320px;
    bottom: 15px;
    flex-direction: column;
    padding: 15px;
    text-align: center;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
  }

  .bundle-sticky-bar .sticky-bar-meta {
    display: none;
  }

  /* bundle-sticky-bar css end */

  /* dash saas bundle page css end */

  /* bundle-popup css start */
  #bundle-popup .popup-container,
  #bundle-popup .bundle-card {
    padding: 15px;
  }

  /* bundle-popup css end */

  /* ai chatbot page css start */
  .ai-chatbot-sec .section-title h1 {
    font: var(--h2);
  }

  .ai-chatbot-sec .chatbot-conversation-header,
  .ai-chatbot-sec .chatbot-conversation-body {
    padding: 15px;
  }

  /* ai chatbot page css end */

}

@media screen and (max-width:640px) {

  /******************** features-card-section start css ********************/
  .features-card-section .tab-head-row ul {
    height: 252px;
  }

  /******************** features-card-section end css ********************/
}

@media screen and (max-width:575px) {
  :root {
    --h1: normal 800 28px/1.2 var(--first-font);
    --h2: normal 700 26px/1.2 var(--first-font);
    --h3: normal 700 22px/1.2 var(--first-font);
    --h4: normal 700 20px/1.2 var(--first-font);
    --h5: normal 700 18px/1.2 var(--first-font);
    --h6: normal 700 16px/1.2 var(--first-font);
  }

  /* footer css start */
  .wdo-footer-grid {
    grid-template-columns: 1fr;
  }

  .footer-brand-col {
    grid-column: 1;
  }

  /* footer css end */
  /* grow-sec css start */
  .grow-sec .grow-card {
    padding: 15px 30px 15px 15px;
  }

  .grow-sec .grow-card:first-child {
    max-width: 70%;
  }

  .grow-sec .grow-card:nth-child(2) {
    max-width: 85%;
  }

  .grow-sec .grow-top {
    position: static;
    text-align: center;
    max-width: 100%;
    margin: 0 0 20px;
  }

  .grow-sec .grow-top img {
    position: absolute;
    right: 0;
    max-width: 80px;
    margin: 20px 0 0 auto;
  }

  .grow-sec .grow-card h3 {
    margin: 0 0 10px;
  }

  .grow-sec .grow-card h4 {
    font-size: 15px;
    margin: 0 0 5px;
  }

  .grow-sec .grow-card p {
    font-size: 14px;
  }

  /* grow-sec css end */

  /* erp saas page css start */
  /* product-hero-sec css start */
  .product-hero-sec .hero-subtitle {
    font-size: 12px;
    line-height: 1;
  }

  .product-hero-sec .btn-wrapper .btn {
    padding: 10px 15px;
  }

  /* product-hero-sec css end */
  /* wdo-hero-sec css start */
  .wdo-hero-sec .products-grid .product-item {
    max-width: 100%;
  }

  .wdo-hero-sec .product-icon svg {
    height: 22px;
    width: 22px;
  }

  .wdo-hero-sec .products-header .products-all-link {
    display: none;
  }

  .wdo-hero-sec .products-bottom {
    display: block;
  }

  .wdo-hero-sec .hero-search-bar {
    padding: 6px;
  }

  .wdo-hero-sec .hero-search-bar .form-control::placeholder {
    font-size: 12px;
  }

  /* wdo-hero-sec css end */
  /* why-choose-sec css start */
  .why-choose-sec .why-card {
    text-align: center;
    align-items: center;
    gap: 12px;
  }

  /* why-choose-sec css end */

  /* addon-sec css start */
  .addon-sec .all-addon-grid .addon-category-card {
    padding: 15px;
  }

  .addon-sec .all-addon-grid .addon-category-card .category-name {
    font-size: 13px;
  }

  .addon-sec .all-addon-grid .addon-grid-item .addon-name {
    font-size: 10px;
  }

  .addon-sec .all-addon-grid .addon-grid-item {
    height: 75px;
    width: 80px;
  }

  .addon-sec .all-addon-grid .addon-grid-item .addon-icon svg {
    height: 20px;
    width: 20px;
  }

  .addon-sec .all-addon-grid .addon-category-card .view-all-link svg {
    display: none;
  }

  .addon-sec .all-addon-grid .addon-category-card .category-icon {
    height: 30px;
    width: 30px;
  }

  .addon-sec .all-addon-grid .addon-category-card .category-icon svg {
    height: 16px;
    width: 16px;
  }

  /* addon-sec css end */

  /* problem-solution-sec css start */
  .problem-solution-sec .problem-solution-wrapper {
    gap: 20px;
  }

  .problem-solution-sec .problem-side,
  .problem-solution-sec .solution-card {
    padding: 15px;
  }

  .problem-solution-sec .problem-item .problem-name {
    font-size: 14px;
  }

  .problem-solution-sec .problem-item .problem-price {
    font-size: 15px;
  }

  .problem-solution-sec .problem-total {
    padding: 10px 15px;
  }

  .problem-solution-sec .solution-card {
    max-width: 100%;
  }

  .problem-solution-sec .solution-card>p {
    font-size: 16px;
  }

  .problem-solution-sec .solution-price-wrapper {
    margin: 15px 0;
  }

  .problem-solution-sec .solution-savings svg {
    width: 16px;
    height: 16px;
  }

  /* problem-solution-sec css end */

  /* industries-sec css start */
  .industries-sec .industries-shadow {
    width: 40px;
  }

  /* industries-sec css end */
  /* pricing-sec css start */
  .pricing-sec .pricing-card {
    padding: 15px;
  }

  /* pricing-sec css end */
  /* payment-language-sec css start */
  .payment-language-sec .payment-card .payment-slider-ltr:first-of-type {
    display: none;
  }

  /* payment-language-sec css end */
  /* achievement-sec css start */
  .achievement-sec .stat-card {
    max-width: 100%;
  }

  .achievement-sec .author-card {
    padding: 15px;
  }

  .achievement-sec .author-card.elite-author {
    padding: 25px 15px 15px;
  }

  /* achievement-sec css end */
  /* testimonial-sec css start */
  .testimonial-sec .testimonial-columns::before,
  .testimonial-sec .testimonial-columns::after {
    width: 50px;
  }

  .testimonial-sec .testimonial-columns {
    flex-direction: column;
    height: auto;
    margin: -10px 0;
    padding: 10px 0;
  }

  .testimonial-sec .testimonial-col {
    width: 100%;
    height: auto;
  }

  .testimonial-sec .testimonial-col.hide-on-mobile {
    display: none !important;
  }

  .testimonial-sec .marquee-track {
    display: flex;
    flex-direction: row;
    width: max-content;
    gap: 20px;
    height: auto;
    will-change: transform;
  }

  @keyframes scrollLeft {
    0% {
      transform: translateX(0);
    }

    100% {
      transform: translateX(-50%);
    }
  }

  @keyframes scrollRight {
    0% {
      transform: translateX(-50%);
    }

    100% {
      transform: translateX(0);
    }
  }

  .testimonial-slider-down .marquee-track {
    animation: scrollLeft 25s linear infinite;
  }

  .testimonial-slider-up .marquee-track {
    animation: scrollRight 25s linear infinite;
  }

  .testimonial-sec .testimonial-col:hover .marquee-track {
    animation-play-state: paused;
  }

  .testimonial-sec .testimonial-card {
    width: 320px;
    flex-shrink: 0;
    padding: 15px;
  }

  /* Left/Right shadow overlays on mobile/responsive */
  .testimonial-sec .testimonial-columns::before,
  .testimonial-sec .testimonial-columns::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 80px;
    height: 100% !important;
    z-index: 1;
    pointer-events: none;
  }

  .testimonial-sec .testimonial-columns::before {
    left: 0;
    right: auto !important;
    background: linear-gradient(to right, #f8fafc 0%, rgba(248, 250, 252, 0.8) 30%, transparent 100%) !important;
  }

  .testimonial-sec .testimonial-columns::after {
    right: 0;
    left: auto !important;
    background: linear-gradient(to left, #f8fafc 0%, rgba(248, 250, 252, 0.8) 30%, transparent 100%) !important;
  }

  /* testimonial-sec css end */
  /* contact-sec css start */
  .contact-sec .contact-quick-actions {
    gap: 15px;
  }

  .contact-sec .contact-action-card .action-icon svg {
    width: 24px;
    height: 24px;
  }

  .contact-sec .contact-action-card .action-icon {
    height: auto;
    width: auto;
  }

  .contact-sec .contact-action-card h3 {
    font-size: 14px;
  }

  .contact-form-wrapper {
    padding: 15px;
  }

  .contact-form-wrapper .form-header {
    margin: 0 0 15px;
    padding: 0 0 15px;
  }

  .contact-form-row {
    gap: 0;
  }

  .contact-form-wrapper .form-header h4 {
    font-size: 18px;
  }

  /* contact-sec css end */
  /* erp saas page css end */
  /* vcard themes sec css start */
  .vcard-themes-slider::before,
  .vcard-themes-slider::after {
    width: 50px;
  }

  /* vcard themes sec css end */

  /* bio-link-sec css start */
  .bio-link-sec .bio-link-slider-rtl {
    display: none;
  }

  /* bio-link-sec css end */
  /* vcard process sec css start */
  .vcard-process-sec .process-icon {
    width: 60px;
    height: 60px;
  }

  .vcard-process-sec .process-icon svg {
    width: 28px;
    height: 28px;
  }

  .vcard-process-sec .process-step::before {
    font-size: 80px;
    top: -20px;
  }

  /* vcard theme showcase sec css start */
  .vcard-theme-showcase-sec ul.tabs li a {
    padding: 10px 15px;
    font-size: 14px;
  }

  .vcard-theme-showcase-sec ul.tabs {
    padding: 6px;
  }

  .vcard-theme-showcase-sec ul.tabs li a svg {
    display: none;
  }

  /* vcard theme showcase sec css end */
  /* vcard-addon-sec css start */
  .vcard-addon-sec .module-card {
    max-width: 100%;
    padding: 10px;
  }

  /* vcard-addon-sec css end */
  /* dash-hero-sec css start */
  .dash-hero-sec .module-card .module-box:last-child {
    grid-column: 2 span;
  }

  .dash-hero-sec .module-image {
    margin: 0 -15px;
  }

  /* dash-hero-sec css end */

  /* dash workflow sec css start */
  .workflow-img-wrapper {
    padding: 10px;
    border-radius: 16px;
  }

  .dash-workflow-sec::before {
    background-size: 20px 20px;
  }

  .floating-badge {
    padding: 6px 12px;
    font-size: 11px;
    gap: 5px;
  }

  .badge-1 {
    left: -10px;
    top: 5%;
  }

  .badge-2 {
    top: -20px;
    right: 5%;
  }

  .badge-3 {
    display: none;
  }

  /* dash workflow sec css end */
  /* roi calculator sec css start */
  .roi-calculator-sec .roi-price-compare {
    flex-direction: column;
  }

  .roi-calculator-sec .roi-summary-header img {
    width: 80px;
  }

  .roi-calculator-sec .roi-summary-header {
    margin: 5px auto 20px;
  }

  .roi-calculator-sec .roi-cta-wrapper .btn {
    padding: 10px 16px;
  }

  .roi-calculator-sec .roi-cta-wrapper .bottom-arrow svg {
    height: 40px;
  }

  .roi-calculator-sec .roi-cta-wrapper p {
    font-size: 18px;
  }

  .roi-calculator-sec .roi-cta-wrapper .bottom-arrow {
    gap: 10px;
  }

  .roi-calculator-sec .roi-price-value {
    font-size: 26px;
  }

  /* roi calculator sec css end */
  /* hrm-modules-sec start */
  .hrm-modules-sec .feature-image-wrp {
    height: 300px;
  }

  /* hrm-modules-sec end */
  /* hrm-workflow-sec start */
  .hrm-workflow-sec .workflow-grid {
    grid-template-columns: 1fr;
  }

  .hrm-workflow-sec .workflow-card-content {
    text-align: center;
    margin: 0 0 10px;
  }

  /* hrm-workflow-sec end */
  /* hrm-better-choice-sec css start */
  .hrm-better-choice-sec .choice-card {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  /* hrm-better-choice-sec css end */

  .hrm-biometric-integration-sec .biometric-content {
    padding: 20px 15px 15px;
  }

  /* industrial-solutions-sec css start */
  .industrial-solutions-sec .industry-card {
    max-width: calc(50% - 7.5px);
  }

  /* industrial-solutions-sec css end */
  /* ticketgo-addon-sec css start */
  .ticketgo-addon-sec .addon-box.desktop-box {
    display: none;
  }

  .ticketgo-addon-sec .addon-box span {
    font-size: 13px;
  }

  /* ticketgo-addon-sec css end */

  /* booking-feature-sec css start */
  .booking-feature-sec .feature-visual-schedule {
    padding: 10px;
  }

  /* booking-feature-sec css end */

  /******************** features-card-section start css ********************/
  .features-card-section .tab-head-row ul,
  .features-card-section .tab-head-row {
    display: none;
  }

  .features-card-section .tab-wrp {
    padding: 15px;
  }

  .features-card-section .tab-wrp .item.active .item-content {
    margin-top: 10px;
  }

  .features-card-section .tab-wrp .item:not(:last-of-type) {
    margin-bottom: 8px;
  }

  .features-card-section .tab-wrp .item.active .item-content {
    transition: all ease-in .3s;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -ms-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
  }

  .features-card-section .tab-wrp .item::after {
    content: "";
    position: absolute;
    top: 13px;
    right: 13px;
    color: var(--white);
    height: 16px;
    width: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231c1c1c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M12 5v14'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
  }

  /******************** features-card-section ens css ********************/

  /* hrm header css start */
  .hrm-header .mobile-navigation {
    max-width: 100%;
  }

  /* hrm header css end */

  /* product card css start */
  .product-card .product-card-image .hoverable-btn {
    opacity: 1;
    visibility: visible;
  }

  .product-card-image .hoverable-btn a {
    padding: 5px;
    width: 60px;
    height: 60px;
    border: 1px solid var(--white);
  }

  .product-card .addon-rating,
  .product-card .rating-wrp .review-count {
    font-size: 14px;
  }

  /* product card css end */

  /* powerful-features-sec css start */
  .powerful-features-sec .service-card {
    text-align: center;
  }

  .powerful-features-sec .service-card .service-icon {
    margin: 5px auto 20px;
  }

  /* powerful-features-sec css end */

  /******************** search suggestions start css ********************/
  .workdo-search-suggestions {
    max-height: 250px;
    border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    -ms-border-radius: 0 0 8px 8px;
    -o-border-radius: 0 0 8px 8px;
  }

  .workdo-search-suggestion-item {
    padding: 10px;
    font-size: 13px;
  }

  .workdo-search-no-results,
  .workdo-search-loading {
    padding: 12px;
    font-size: 13px;
  }

  /******************** search suggestions end css *********************/

  .mt-3 {
    margin-top: 20px !important;
  }

  .mb-3 {
    margin-bottom: 20px !important;
  }

  .underline-border {
    border-bottom-width: 1px;
  }

  .col-reverse {
    flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
  }

  /******************** home-banner-sec start css ********************/
  .banner-search-form .form-input .banner-search-btn {
    font-size: 14px;
  }

  .banner-search-form .form-input .banner-search-btn svg {
    width: 14px;
    height: 14px;
  }

  /******************** home-banner-sec end css ********************/
  /******************** contact-section start css ********************/
  .wpcf7-not-valid-tip {
    font-size: 12px;
  }

  .wpcf7 form.invalid .wpcf7-response-output {
    font-size: 13px;
  }

  /******************** contact-section end css ********************/
  /******************** bookinggo-addons-sec start css ********************/
  .bookinggo-addons-sec .bookinggo-addons-row {
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
  }

  .bookinggo-addons-sec .bookinggo-addons-row .bookinggo-card-icon img {
    width: 27px;
    height: 27px;
  }

  .bookinggo-addons-sec .bookinggo-addons-row .bookinggo-card-icon {
    padding: 7px;
    outline-offset: 7px;
    margin: 10px 10px 20px 10px;
  }

  .bookinggo-addons-sec .bookinggo-card h3 {
    font-size: 13px;
  }

  /******************** bookinggo-addons-sec end css ********************/
  /********************  bookingo-integration-sec start css  ********************/
  .bookingo-integration-sec .integration-tab {
    gap: 20px;
  }

  .bookingo-integration-sec .integration-btn img {
    width: 50px;
    height: 50px;
  }

  /********************  bookingo-integration-sec end css  ********************/
  /********************  eCommerceGo page  ********************/
  /********************  customer-detail-section start css  ********************/
  .customer-detail-section .customer-detail .customer-content p {
    margin-bottom: 15px;
  }

  .customer-detail-section .customer-detail .customer-content h3 {
    margin-bottom: 15px;
  }

  .erpgo-wrapper .customer-detail-section .btn-wrapper {
    gap: 15px;
  }

  .customer-detail-section .customer-detail .customer-image {
    margin-bottom: 0;
  }

  .customer-detail-section .customer-detail {
    margin-bottom: 0;
    padding: 15px;
  }

  .customer-desk-image {
    display: none;
  }

  /********************  customer-detail-section end css  ********************/
  /******************** erpgo-banner-sec start css ********************/
  .erpgo-banner-wrp p {
    font-size: 14px;
  }

  .erpgo-banner-sec .erpgo-btn-wrapper {
    margin: 20px 0 0;
    gap: 10px;
  }

  .erpgo-banner-sec {
    margin-bottom: 40px;
  }

  /******************** erpgo-banner-sec end css ********************/
  /******************** builder-functionality-sec start css ********************/
  .builder-functionality-sec .listing-content li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }

  .builder-functionality-sec .listing-content li:not(:last-of-type) {
    margin-bottom: 15px;
  }

  /******************** builder-functionality-sec end css ********************/
  /******************** dash-saas add-ons start css ********************/
  .search-with-cate.search-box {
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    justify-content: flex-start;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    align-items: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
    border: 0;
    gap: 10px;
    padding: 0;
  }

  .search-with-cate.has-mobile-search .mobile-search-btn {
    display: flex;
  }

  .search-with-cate.has-mobile-search .desktop-search-btn {
    display: none;
  }

  .blog-search-box.search-box,
  .workdo-document-autocomplete-form {
    padding-inline-start: 0 !important;
  }

  .search-with-cate.search-box .select-box {
    width: 100%;
    margin: 0;
    border: 1px solid var(--theme-color);
    padding: 10px 35px 10px 15px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
  }

  .search-with-cate.search-box input {
    padding: 10px 45px 10px 15px;
    border: 1px solid var(--theme-color);
  }

  .search-box .btn {
    margin: 0;
  }

  .search-with-cate .nice-select .list {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
  }

  .category-option {
    padding: 15px;
  }

  .category-option li {
    font-size: 14px;
    padding-left: 15px;
  }

  .filter-right-column .products.row {
    row-gap: 20px;
  }

  /******************** dash-saas add-ons end css ********************/
  /******************** document-listing-section start css ********************/
  .tax-product_cat .search-input-wrapper,
  .post-type-archive .search-input-wrapper {
    padding-left: 0;
  }

  .search-box .search-icon {
    display: none;
  }

  .documents-wrapper .document-listing-section .search-box .btn {
    margin: 0;
  }

  .blog-wrapper .document-listing-section .search-box .btn {
    margin: 7px 0;
  }

  /* Document Search Autocomplete Responsive */
  .workdo-document-search-wrapper {
    width: 100%;
  }

  .workdo-document-autocomplete-form .workdo-search-suggestions {
    max-height: 250px;
    font-size: 13px;
  }

  /******************** document-listing-section end css ********************/
  /******************** sels-info-sec start css ********************/
  .sels-info-sec .sels-item-inner p {
    font-size: 12px;
  }

  .sels-info-sec .sels-item-inner svg {
    width: 16px;
    height: 16px;
  }

  .sels-info-sec .sels-item-inner {
    padding: 10px 15px;
    gap: 6px;
  }

  .sales-video-wrapper .btn-wrapper .btn {
    padding: 10px 14px;
  }

  /******************** sels-info-sec end css ********************/
  /******************** sales-saas-addon start css ********************/
  .woocommerce-tabs .tabs-wrapper-main {
    margin: 0 0 20px;
    padding: 14px 0;
    border-bottom: 1px solid var(--border-color);
  }

  .single-product .woocommerce-tabs {
    padding-top: 0;
  }

  .storefront-full-width-content .woocommerce-tabs ul.tabs {
    padding: 0;
    background: transparent;
    gap: 7px;
    width: 100% !important;
  }

  .storefront-full-width-content .woocommerce-tabs ul.tabs li a {
    padding: 0 0 2px 0;
    background-color: transparent;
    font-size: 13px;
    font-weight: 500;
    border-bottom: 1px solid transparent;
    border-radius: 0;
  }

  #tab-title-dash a,
  #tab-title-ticketgo a,
  #tab-title-bookinggo a,
  #tab-title-vcard a {
    padding: 0 0 5px;
  }

  .storefront-full-width-content .woocommerce-tabs ul.tabs li.active a {
    color: var(--theme-color);
    border-color: var(--theme-color);
  }

  .storefront-full-width-content .woocommerce-tabs ul.tabs li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
  }

  /******************** sales-saas-addon end css ********************/
  /******************** screenshot-section start css ********************/
  .screenshots-gallery-slider {
    padding: 0 25px 50px !important;
  }

  .screenshots-gallery-slider .screenshot-inner,
  .screenshots-gallery-slider .swiper-slide-active .screenshot-inner {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }

  /******************** screenshot-section end css ********************/
  /******************** app-features-section start css ********************/
  .app-features-section .app-features-content h4,
  .app-features-section .app-features-content p {
    margin-bottom: 10px;
  }

  /******************** app-features-section end css ********************/
  /******************** woocommerce-Reviews start css ********************/
  .ivole-histogramRow::before {
    display: none;
  }

  /******************** woocommerce-Reviews end css ********************/
  /********************** bookinggo-feature-sec start css ********************/

  .bookinggo-feature-inner .bookinggo-feature-img {
    padding-top: 90%;
  }

  .bookinggo-envanto-btn {
    right: 10px;
  }

  .bookinggo-feature-inner .section-title {
    max-width: 100%;
  }

  .bookinggo-feature-list .bookinggo-feature-item .btn {
    box-shadow: none;
    -webkit-box-shadow: none;
  }

  .bookinggo-feature-list .bookinggo-feature-item .btn {
    font-size: 12px;
    padding: 8px 8px;
  }

  .bookinggo-feature-list {
    gap: 10px;
  }

  /********************** bookinggo-feature-sec end css ********************/
  /********************** key-feature-sec start css ********************/
  .woocommerce-tabs .panel .section-title h2 {
    font: var(--h3) !important;
  }

  .feature-tab-wrapper {
    margin-bottom: 20px;
  }

  .key-feature-content .key-feature-list li::before {
    width: 15px;
    height: 15px;
  }

  .key-feature-content .key-feature-list li {
    font-size: 14px;
  }

  /********************** key-feature-sec end css ********************/
  /********************** reviews start css ********************/
  #reviews .commentlist li {
    margin-bottom: 15px !important;
  }

  /********************** reviews end css ********************/
  /******************** comments start css ********************/
  .woocommerce-tabs .media__author {
    margin-left: 10px;
  }

  .comment__item-response {
    margin-left: 15px;
  }

  .single-product .woocommerce-noreviews {
    padding: 1em 1em 1em 2.5em;
    font-size: 12px;
  }

  .single-product .woocommerce-noreviews::before {
    left: 10px;
  }

  .comment__item {
    padding: 15px;
  }

  /******************** comments start css ********************/
  /******************** add-cart-popup start css ********************/
  .add-cart-popup .img-wrapper {
    max-width: 100%;
  }

  .add-cart-popup .popup-modal-footer .btn {
    font-size: 12px;
    padding: 10px 12px;
  }

  .add-cart-popup .inner-content ul li p {
    font-size: 13px;
    text-align: left;
  }

  /******************** add-cart-popup end css ********************/
  /******************** documentation start css ********************/
  .single-documents .documents-details-inner ul,
  .single-documents .documents-details-inner ol,
  .single-post .documents-details-inner ul,
  .single-post .documents-details-inner ol {
    padding-left: 18px;
  }

  .single-documents .documents-details-inner ul.list-none,
  .single-documents .documents-details-inner ol.list-none,
  .single-post .documents-details-inner ul.list-none,
  .single-post .documents-details-inner ol.list-none {
    padding-left: 0;
  }

  .documentation-content .dash-product tr td {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }

  .documentation-content .default-login-details .nice-select {
    max-width: 100%;
  }

  .documentation-rightbar ul {
    padding-left: 15px;
  }

  .documentation-rightbar ul.list-none {
    padding-left: 0px;
  }

  /******************** documentation end css ********************/

  /******************** blog-details-wrapper start css ********************/

  .doc-blog-header-button {
    gap: 10px;
  }

  /******************** blog-details-wrapper end css ********************/
  /******************** order start css ********************/
  .my_account_orders .button.view::after {
    display: none;
  }

  a.woocommerce-button.button {
    padding: 7px 10px;
  }

  table.order_details thead th {
    padding: 1em 1.41575em;
  }

  /******************** order end css ********************/
  /******************** downloads start css ********************/
  .material-kit-box {
    max-width: 100%;
  }

  .sort-download-items .searching-product-form {
    width: 100%;
  }

  .woocommerce-MyAccount-content {
    padding: 15px;
  }

  /******************** downloads end css ********************/
  /******************** contact start css ********************/
  .contact-page-wrapper .custom-req-form .form-group {
    margin-bottom: 10px;
  }

  /******************** contact end css ********************/
  /******************** cart end css ********************/
  .woocommerce-message,
  .woocommerce-info,
  .woocommerce-error,
  .woocommerce-noreviews,
  p.no-comments {
    padding: 10px 15px 10px 35px;
  }

  .woocommerce-message::before,
  .woocommerce-info::before,
  .woocommerce-error::before,
  .woocommerce-noreviews::before,
  p.no-comments::before {
    left: 10px;
    top: 10px;
  }

  .actions .coupon .button {
    padding: 10px 15px;
  }

  .woocommerce-order-received p.woocommerce-thankyou-order-received {
    padding: 10px 15px;
  }

  /******************** cart end css ********************/
  /******************** supports start css ********************/
  .sec-box-shadow .pt-2 ul li {
    margin-left: 0;
  }

  /******************** supports end css ********************/
  /******************** review start css ********************/
  .workdo-comment-box .description p {
    padding: 15px 10px;
    font-size: 14px;
  }

  .review_rating_workdo {
    max-width: calc(100% - 20px);
  }

  /******************** review end css ********************/
  /******************** checkout start css ********************/
  .checkout-right-inner,
  .checkout-form-inner {
    padding: 15px;
  }

  .woocommerce-checkout .checkout_coupon .form-row-first {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
  }

  /******************** checkout end css ********************/
  /******************** documentation start css ********************/
  .single-documents .main-title h1 {
    font: var(--h2);
  }

  /******************** documentation end css ********************/
  /******************** no-results start css ********************/
  .vp-results .search-box .btn {
    margin: 7px 0;
  }

  .vp-results .search-with-cate.search-box {
    background: transparent;
  }

  .vp-results .search-with-cate.search-box input::-webkit-input-placeholder {
    color: var(--white);
  }

  .vp-results .search-with-cate.search-box input::-moz-placeholder {
    color: var(--white);
  }

  .vp-results .search-with-cate.search-box input:-ms-input-placeholder {
    color: var(--white);
  }

  .vp-results .search-with-cate.search-box input::-ms-input-placeholder {
    color: var(--white);
  }

  .vp-results .search-box .select-box,
  .vp-results .search-with-cate.search-box input::placeholder,
  .vp-results .search-with-cate.search-box input {
    color: var(--white);
  }

  .vp-results .nice-select:after {
    filter: invert(1);
    -webkit-filter: invert(1);
  }

  /******************** no-results end css ********************/
  /******************** technologies-sec start css ********************/
  .technologies-sec .technologies-icon {
    width: 50px;
    height: 50px;
  }

  .technologies-sec.bookingo-integration-sec .technologies-icon img {
    padding: 8px;
  }

  /******************** technologies-sec end css ********************/
  /******************** installation-banner start css ********************/
  .installation-banner .user-image img {
    width: 22px;
    height: 22px;
  }

  .installation-banner .user-image p {
    font-size: 14px;
  }

  /******************** installation-banner end css ********************/
  /******************** digital-business-card-template start css ********************/
  /******************** digital-business-sec start css ********************/
  .digital-business-sec .search-box span {
    display: none;
  }

  .digital-business-sec .search-box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px;
  }

  .digital-business-sec .search-box input {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
  }

  .digital-business-sec .search-box .btn {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .digital-business-sec .vcard-load-more-btn {
    margin-top: 20px;
  }

  .content-sec .content-wrp .doc-content p {
    padding-left: 0;
  }

  .content-wrp .doc-content ul {
    padding-left: 20px;
  }

  .digital-business-sec .theme-card a {
    padding-top: 150%;
  }

  /******************** digital-business-sec end css ********************/
  /******************** maker-sec start css ********************/
  .maker-sec .content-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .maker-sec .feature-icon {
    width: 40px;
    height: 40px;
    font-size: 18px;
    margin: 0 auto;
  }

  .maker-sec .feature-icon svg {
    width: 20px;
    height: 20px;
  }

  /******************** maker-sec start css ********************/
  /******************** digital-business-card-template end css ********************/
  /******************** bio-link-builder satrt css ********************/
  .bio-link-steps-sec .step-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
  }

  .bio-link-steps-sec .step-content-wrp {
    text-align: center;
  }

  /******************** bio-link-builder end css ********************/
  /******************** virtual-e-business-card start css ********************/
  .virtual-benifit-sec .card {
    text-align: center;
  }

  .virtual-benifit-sec .card .icon {
    margin: 0 auto 10px;
  }

  .virtual-wrp li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }

  /******************** virtual-e-business-card end css ********************/
  /*************************************************** shopify single page start css ****************************************************/
  /******************** theme-details-section start css ********************/
  .single-shopify-themes .theme-details-section .details-list li {
    max-width: 100%;
  }

  .single-shopify-themes .theme-details-section .details-list {
    gap: 10px;
  }

  .single-shopify-themes .theme-details-section .theme-details-inner .Specifications ul li {
    max-width: 100%;
  }

  /******************** theme-details-section end css ********************/
  /******************** theme-multi-lang start css ********************/
  .single-shopify-themes .theme-multi-lang .theme-lang-right {
    max-width: 100%;
  }

  .single-shopify-themes .theme-multi-lang .theme-lang-wrp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .single-shopify-themes .theme-multi-lang .theme-lang-opc .theme-lang-inner {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
  }

  /******************** theme-multi-lang end css ********************/
  /******************** case management start css ********************/
  .case-management-card .case-management-icon {
    width: 40px;
    height: 40px;
  }

  /******************** case management end css ********************/
  /******************** advocatego-core-sec start css ********************/
  .advocatego-core-sec .core-accordion-button,
  .mobile-app-core-sec .core-accordion-button {
    font-size: 14px;
    padding: 10px 0;
  }

  .advocatego-core-sec .core-accordion-item:last-child .core-accordion-panel,
  .mobile-app-core-sec .core-accordion-item:last-child .core-accordion-panel {
    padding-top: 10px;
  }

  /******************** advocatego-core-sec end css ********************/
  /********************* core-modules-sec css start *********************/
  .core-modules-sec .core-modules-image {
    max-width: 100%;
  }

  /********************* core-modules-sec css end *********************/

  .no-data-content h2 {
    margin: 0 0 10px;
  }

  .no-data-icon svg {
    height: 140px;
  }

  .blog-wrapper .category-option .option-title {
    padding: 15px 15px 0;
  }

  .blog-wrapper .category-list {
    padding: 0 15px 15px;
  }

  /************************** hr software pages css start *****************************/

  /* hrm-about-section start */
  .hrm-about-section .about-content-wrapper {
    padding: 30px 15px;
  }

  /* hrm-about-section end */
  /* codecanyon-promo-sec start */
  .codecanyon-promo-sec .content-box-wrp {
    grid-template-columns: 1fr;
  }

  /* codecanyon-promo-sec end */
  /* payroll-roadmap-sec */
  .payroll-roadmap-sec .payroll-roadmap-desktop {
    display: none;
  }

  .payroll-roadmap-sec .payroll-roadmap-mobile {
    display: block !important;
  }

  /* payroll-features-sec start */
  .payroll-features-sec .feature-content ul li:not(:last-of-type) {
    margin-bottom: 10px;
  }

  /* payroll-features-sec end */
  /* attendance-info-sec css start */
  .attendance-info-sec .masonry {
    column-count: 1;
  }

  /* attendance-info-sec css end */
  /* leave-tracking-sec css start */
  .leave-tracking-sec .leave-tracking-wrp,
  .performance-work-sec .work-card .work-card-inner {
    padding: 15px;
  }

  /* leave-tracking-sec css end */

  .performance-work-sec .work-card:not(:last-of-type) {
    margin-bottom: 20px;
  }

  .performance-work-sec .work-card {
    padding: 0 0 0 30px;
  }

  /************************** hr software pages css end *****************************/

  /* ai-automation-sec css start */
  .ai-automation-sec .ai-automation-wrp {
    background-color: transparent;
    padding: 0;
  }

  .ai-automation-sec .tabs-wrp {
    padding: 15px;
  }

  .ai-automation-sec .tab-content ul {
    grid-template-columns: 1fr;
  }

  .ai-automation-sec .tab-content .title-wrp {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  /* ai-automation-sec css end */

  .workdo-banner-search-suggestions {
    max-height: 250px;
    border-radius: 0 0 8px 8px;
  }

  .workdo-banner-search-suggestions .workdo-search-suggestion-item {
    padding: 10px;
    font-size: 13px;
  }

  /* Blog search suggestions */
  .workdo-blog-search-suggestions {
    max-height: 250px;
    border-radius: 0 0 8px 8px;
  }

  .workdo-blog-search-suggestions .workdo-search-suggestion-item {
    padding: 10px;
    font-size: 13px;
  }

  /* dash saas bundle page css start */
  .bundle-hero-sec .bundle-pricing-bar {
    flex-direction: column;
    gap: 20px;
  }

  .bundle-hero-sec .bundle-pricing-bar .pricing-divider {
    display: none;
  }

  .bundle-hero-sec .bundle-pricing-bar .pricing-label {
    font-size: 12px;
  }

  .bundle-hero-sec .bundle-pricing-bar .pricing-current {
    font-size: 32px;
  }

  /* bundle-features-sec css start */
  .bundle-features-sec .feature-bento-grid {
    grid-template-columns: 1fr;
  }

  .bundle-features-sec .bento-span-2-2 {
    grid-row: auto;
  }

  .bundle-features-sec .bento-span-2-1 {
    grid-column: auto;
  }

  /* bundle-features-sec css end */
  /* bundle-compare-sec css start */
  .bundle-compare-sec .compare-card.featured {
    padding-top: 15px;
  }

  /* bundle-compare-sec css end */

  .bundle-steps-sec .steps-flow {
    grid-template-columns: repeat(1, 1fr);
  }

  /* bundle-cta-sec css start */
  .bundle-cta-sec .pricing-divider {
    display: none;
  }

  .bundle-cta-sec .pricing-summary-card {
    flex-direction: column;
    gap: 20px;
  }

  .bundle-cta-sec .pricing-label {
    font-size: 12px;
  }

  .bundle-cta-sec .pricing-col .price-amount.pricing-current {
    font-size: 32px;
  }

  .bundle-cta-sec .cta-btn-wrapper {
    gap: 15px;
  }

  .bundle-cta-sec .cta-btn-wrapper .btn {
    transform: translate(0);
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
  }

  /* bundle-cta-sec css end */

  /* dash saas bundle page css end */

  /* bundle-popup css start */
  #bundle-popup .bundle-card {
    flex-direction: column;
    align-items: start;
    margin: 0 0 15px;
  }

  #bundle-popup .popup-subtitle {
    margin: 15px 0 20px;
  }

  #bundle-popup .card-pricing {
    padding: 0;
    border: 0;
    text-align: start;
  }

  #bundle-popup .btn-wrapper {
    flex-direction: column;
  }

  #bundle-popup .popup-or {
    margin: 15px 0 12px;
  }

  #bundle-popup .success-ring {
    height: 50px;
    width: 50px;
  }

  #bundle-popup .success-ring svg {
    height: 24px;
    width: 24px;
  }

  #bundle-popup .popup-title {
    font-size: 20px;
  }

  #bundle-popup .popup-close {
    top: 15px;
    right: 15px;
  }

  /* bundle-popup css end */

  /* ai chatbot page css start */
  .ai-chatbot-sec .hero-bot-icon {
    width: 60px;
    height: 60px;
    margin: 0 auto 20px;
  }

  .ai-chatbot-sec .hero-bot-icon svg {
    width: 32px;
    height: 32px;
  }

  .ai-chatbot-sec .chatbot-conversation-body {
    height: 320px;
  }

  .ai-chatbot-sec .chatbot-message.bot-message .message-avatar {
    height: 30px;
    width: 30px;
  }

  .ai-chatbot-sec .chatbot-message {
    max-width: 95%;
  }

  .ai-chatbot-sec .chatbot-wand-icon {
    display: none;
  }

  .ai-chatbot-sec .chatbot-submit-btn {
    height: 35px;
    width: 35px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
  }

  .ai-chatbot-sec .chatbot-select-field {
    padding: 10px 30px 10px 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
  }

  .ai-chatbot-sec .chatbot-submit-btn svg {
    width: 16px;
    height: 16px;
  }

  .ai-chatbot-sec .chatbot-conversation-container {
    margin-bottom: 20px;
  }

  .ai-chatbot-sec .chatbot-input-wrapper {
    padding: 10px;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .ai-chatbot-sec .chatbot-input-field {
    flex: auto;
    font-size: 14px;
  }

  .ai-chatbot-sec .chatbot-select-field.nice-select .list {
    left: 0;
    right: auto;
  }

  /* ai chatbot page css end */

}

/* ApXute public header and footer balance overrides. */
@media screen and (min-width: 1200px) {
  .apxute-public-page .wdo-header .header-logo {
    width: 200px;
    max-width: 200px;
    flex: 0 0 200px;
  }

  .apxute-public-page .wdo-header .header-nav > ul {
    gap: clamp(12px, 1.2vw, 17px);
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .apxute-public-page .wdo-header .header-logo {
    width: 195px;
    max-width: 195px;
    flex: 0 0 195px;
  }

  .apxute-public-page .wdo-header .header-nav > ul {
    gap: 12px;
  }

  .apxute-public-page .wdo-header .header-nav > ul > li > a,
  .apxute-public-page .wdo-header .nav-link-button {
    font-size: 13px;
  }

  .apxute-public-page .wdo-header .header-actions {
    gap: 8px;
  }

  .apxute-public-page .wdo-header .header-start-btn {
    padding-inline: 14px;
  }
}

@media screen and (max-width: 991px) {
  .apxute-public-page .wdo-header .header-logo {
    width: 170px;
    max-width: 170px;
    flex: 0 0 170px;
  }

  .apxute-public-page .wdo-header .header-inner {
    padding-block: 12px;
  }

  .apxute-public-page .wdo-header .header-actions {
    gap: 8px;
  }

  .apxute-public-page .wdo-header .header-login-link {
    display: none;
  }

  .apxute-public-page .wdo-header .header-start-btn {
    padding-inline: 14px;
  }

  .apxute-public-page .wdo-footer .footer-brand-col .footer-logo {
    max-width: 210px;
  }
}

@media screen and (max-width: 359px) {
  .apxute-public-page .wdo-header .header-start-btn {
    display: none;
  }
}

/* ApXute Web Hosting responsive layout. */
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .apxute-public-page .wdo-header .header-logo {
    width: 175px;
    max-width: 175px;
    flex-basis: 175px;
  }

  .apxute-public-page .wdo-header .header-nav > ul {
    gap: 8px;
  }

  .apxute-public-page .wdo-header .header-nav > ul > li > a,
  .apxute-public-page .wdo-header .nav-link-button {
    font-size: 12px;
  }

  .apxute-public-page .wdo-header .header-login-link {
    display: none;
  }
}

@media screen and (max-width: 1199px) {
  .apxute-public-page .apx-hosting-hero-inner {
    width: 90%;
    grid-template-columns: minmax(0, 1.15fr) minmax(270px, .62fr);
    gap: 35px;
  }

  .apxute-public-page .apx-hosting-hero h1 {
    font-size: 42px;
  }

  .apxute-public-page .apx-hosting-trust-item {
    padding-inline: 14px;
  }

  .apxute-public-page .apx-hosting-workflow,
  .apxute-public-page .apx-hosting-capabilities,
  .apxute-public-page .apx-hosting-portal-band,
  .apxute-public-page .apx-hosting-faqs {
    gap: 48px;
  }
}

@media screen and (max-width: 1099px) {
  .apxute-public-page .apx-hosting-plan-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .apxute-public-page .apx-hosting-plan {
    min-height: 365px;
  }

  .apxute-public-page .apx-hosting-plan > p {
    min-height: 0;
  }
}

@media screen and (max-width: 991px) {
  .apxute-public-page .apx-hosting-page {
    width: calc(100% - 32px);
  }

  .apxute-public-page .apx-hosting-hero {
    min-height: 555px;
    height: 555px;
  }

  .apxute-public-page .apx-hosting-hero-inner {
    grid-template-columns: minmax(0, 1fr) 245px;
    gap: 28px;
  }

  .apxute-public-page .apx-hosting-hero h1 {
    font-size: 38px;
  }

  .apxute-public-page .apx-hosting-hero-copy > p:not(.apx-hosting-separate-note) {
    font-size: 15px;
  }

  .apxute-public-page .apx-hosting-trust {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .apxute-public-page .apx-hosting-trust-item:nth-child(3) {
    border-right: 0;
  }

  .apxute-public-page .apx-hosting-trust-item:nth-child(n+4) {
    border-top: 1px solid var(--hosting-line);
  }

  .apxute-public-page .apx-hosting-section,
  .apxute-public-page .apx-hosting-workflow,
  .apxute-public-page .apx-hosting-portal-band {
    padding-inline: 5%;
  }

  .apxute-public-page .apx-hosting-workflow {
    grid-template-columns: 1fr;
  }

  .apxute-public-page .apx-hosting-capabilities,
  .apxute-public-page .apx-hosting-faqs {
    grid-template-columns: minmax(230px, .62fr) minmax(0, 1.38fr);
  }

  .apxute-public-page .apx-hosting-portal-band {
    grid-template-columns: minmax(250px, .72fr) minmax(0, 1.28fr);
  }

  .apxute-public-page .apx-hosting-preview-body {
    grid-template-columns: 105px minmax(0, 1fr);
  }

  .apxute-public-page .apx-hosting-preview-main {
    padding: 20px;
  }
}

@media screen and (max-width: 767px) {
  .apxute-public-page .apx-hosting-page {
    width: calc(100% - 24px);
    margin-bottom: 55px;
  }

  .apxute-public-page .apx-hosting-page h2 {
    font-size: 28px;
  }

  .apxute-public-page .apx-hosting-hero {
    min-height: 590px;
    height: 590px;
  }

  .apxute-public-page .apx-hosting-hero-image {
    object-position: 62% center;
  }

  .apxute-public-page .apx-hosting-hero-shade {
    background: rgba(4, 28, 40, .72);
  }

  .apxute-public-page .apx-hosting-hero-inner {
    width: calc(100% - 38px);
    display: flex;
    align-items: center;
    padding: 45px 0;
  }

  .apxute-public-page .apx-hosting-hero h1 {
    margin-block: 15px 17px;
    font-size: 34px;
  }

  .apxute-public-page .apx-hosting-status-rail {
    display: none;
  }

  .apxute-public-page .apx-hosting-actions {
    align-items: stretch;
  }

  .apxute-public-page .apx-hosting-hero .apx-hosting-actions .btn {
    flex: 1 1 170px;
  }

  .apxute-public-page .apx-hosting-trust {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .apxute-public-page .apx-hosting-trust-item:nth-child(3) {
    border-right: 1px solid var(--hosting-line);
  }

  .apxute-public-page .apx-hosting-trust-item:nth-child(even) {
    border-right: 0;
  }

  .apxute-public-page .apx-hosting-trust-item:nth-child(n+3) {
    border-top: 1px solid var(--hosting-line);
  }

  .apxute-public-page .apx-hosting-trust-item:last-child {
    grid-column: 1 / -1;
    border-right: 0;
  }

  .apxute-public-page .apx-hosting-section {
    padding-block: 64px;
  }

  .apxute-public-page .apx-hosting-section-heading {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 17px;
    margin-bottom: 30px;
  }

  .apxute-public-page .apx-hosting-workflow,
  .apxute-public-page .apx-hosting-capabilities,
  .apxute-public-page .apx-hosting-portal-band,
  .apxute-public-page .apx-hosting-faqs {
    grid-template-columns: 1fr;
    gap: 38px;
  }

  .apxute-public-page .apx-hosting-workflow,
  .apxute-public-page .apx-hosting-portal-band {
    padding-block: 62px;
  }

  .apxute-public-page .apx-hosting-feature-intro {
    position: static;
  }

  .apxute-public-page .apx-hosting-portal-preview {
    width: 100%;
  }

  .apxute-public-page .apx-hosting-final-cta {
    align-items: flex-start;
    flex-direction: column;
    gap: 26px;
    padding: 50px 5%;
  }

  .apxute-public-page .apx-hosting-final-cta .apx-hosting-actions {
    width: 100%;
  }
}

@media screen and (max-width: 639px) {
  .apxute-public-page .apx-hosting-plan-grid,
  .apxute-public-page .apx-hosting-workflow-list {
    grid-template-columns: 1fr;
  }

  .apxute-public-page .apx-hosting-plan {
    min-height: 0;
  }

  .apxute-public-page .apx-hosting-workflow-list li {
    min-height: 140px;
  }

  .apxute-public-page .apx-hosting-preview-metrics {
    grid-template-columns: 1fr;
  }

  .apxute-public-page .apx-hosting-preview-metrics > span {
    grid-template-columns: 18px 1fr;
    align-items: center;
  }

  .apxute-public-page .apx-hosting-preview-metrics small,
  .apxute-public-page .apx-hosting-preview-metrics b {
    grid-column: 2;
  }
}

@media screen and (max-width: 479px) {
  .apxute-public-page .apx-hosting-hero {
    min-height: 575px;
    height: 575px;
  }

  .apxute-public-page .apx-hosting-hero h1 {
    font-size: 30px;
  }

  .apxute-public-page .apx-hosting-hero-copy > p:not(.apx-hosting-separate-note) {
    font-size: 14px;
  }

  .apxute-public-page .apx-hosting-hero .apx-hosting-actions {
    flex-direction: column;
  }

  .apxute-public-page .apx-hosting-hero .apx-hosting-actions .btn {
    flex: none;
    width: 100%;
  }

  .apxute-public-page .apx-hosting-trust-item {
    gap: 8px;
    padding: 16px 10px;
  }

  .apxute-public-page .apx-hosting-trust-item > i {
    width: 31px;
    height: 31px;
    flex-basis: 31px;
    font-size: 12px;
  }

  .apxute-public-page .apx-hosting-trust-item strong {
    font-size: 10px;
  }

  .apxute-public-page .apx-hosting-section,
  .apxute-public-page .apx-hosting-workflow,
  .apxute-public-page .apx-hosting-portal-band,
  .apxute-public-page .apx-hosting-final-cta {
    padding-inline: 19px;
  }

  .apxute-public-page .apx-hosting-plan {
    padding-inline: 22px;
  }

  .apxute-public-page .apx-hosting-preview-body {
    min-height: 340px;
    grid-template-columns: 1fr;
  }

  .apxute-public-page .apx-hosting-preview-body nav {
    display: none;
  }

  .apxute-public-page .apx-hosting-preview-service {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .apxute-public-page .apx-hosting-preview-service button {
    grid-column: 1 / -1;
  }

  .apxute-public-page .apx-hosting-faq-list summary {
    font-size: 13px;
  }

  .apxute-public-page .apx-hosting-faq-list details p {
    margin-right: 0;
  }

  .apxute-public-page .apx-hosting-final-cta .apx-hosting-actions {
    flex-direction: column;
  }

  .apxute-public-page .apx-hosting-final-cta .btn {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .apxute-public-page .apx-hosting-plan > a i,
  .apxute-public-page .apx-hosting-faq-list summary i {
    transition: none;
  }
}