@charset "UTF-8";
/*
    Theme Name: Foodmato Store
    Text Domain: wpfmstore
    Version: 1
    Requires at least: 4.7
    Requires PHP: 5.2.4
    Description: Custom theme for wp food manager site.
    Author: WPFM Team
    Author URI: https://www.wp-foodmanager.com/
    Theme URI: https://www.wp-foodmanager.com/
    License: GNU General Public License v2 or later
    License URI: http: */
/* */
/* =============== STYLE INFO

    1. COMMON START
    2. HEADER
    3. FRONT PAGE
    4. FOOTER
    5. FEATURES PAGE
    6. SINGLE ADD-ONS
    7. SLICK SLIDER
    8. PRICING PAGE
    9. BLOG
    10. BLOG DETAILS
    11. BLOG AUTHOR
    12. CONTACT PAGE
    13. SUPPORT PAGE
    14. FAQ
    15. KNOLEDGE BASE
    16. LOGIN PAGE
    17. WOOCOMMERCE
    18. MY ACCOUNT PAGES
    19. ERROR 404 PAGE
    20. RECOMMENDED THEMES
    21. THEMES START
    22. WOOCOMMERCE SUBSCRIPTION
    23. IMPRESSUM PAGE
    24. BLOG PAGE CTA START     
    25. LANGUAGE START 
    26. FEATURES PAGE START 
    27. ABOUT US PAGE START 
    28. SHOWCASE PAGE START
    29.NFC Products Css Start
    30. Affiliate Program
    31. Dispatch Delivery

     MEDIA QUERY

    @mixin ==============*/

:root {
  --main-theme-color: #ff4600;
  --main-theme-light-color: #ffede6;
  --gray-text-color: #555555;
  --light-gray-color: #f9f9f9;
  --border-color: #eeeeee;
  --box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  --transaction: all 0.2s 0s;
  --main-gray-bg-color: #f2f4f8;
}

/* =============== 1. COMMON START ===============*/
body {
  padding: 0px;
  margin: 0px;
  font-family: "poppinsregular";
  font-size: 17px;
  line-height: 30px;
}
a {
  transition: var(--transaction);
  text-decoration: none;
}
p {
  color: var(--gray-text-color);
  margin: 0px;
}
img {
  width: auto;
  max-width: 100%;
}
body .zsiq_custommain,
body .zsiq_floatmain {
  z-index: 999 !important;
}
.wpfm-theme-button,
.wpcf7-submit,
.woocommerce .woocommerce-button.button,
.woocommerce .woocommerce-Button.button,
.woocommerce button.button,
.woocommerce a.button {
  font-size: 17px;
  font-family: "poppinssemibold";
  text-decoration: none;
  text-transform: uppercase;
  background: var(--main-theme-color);
  color: #fff;
  padding: 12px 25px;
  display: inline-flex;
  line-height: 25px;
  letter-spacing: 0.5px;
  cursor: pointer;
  border-radius: 4px;
  box-shadow: unset;
  border: 2px solid var(--main-theme-color);
  transition: var(--transaction);
  position: relative;
}
.wpfm-theme-button:hover,
.wpfm-theme-button:focus,
.wpcf7-submit:hover,
.wpcf7-submit:focus,
.woocommerce .woocommerce-button.button:hover,
.woocommerce .woocommerce-button.button:focus,
.woocommerce .woocommerce-Button.button:hover,
.woocommerce .woocommerce-Button.button:focus,
.woocommerce button.button:hover,
.woocommerce button.button:focus,
.woocommerce a.button:hover,
.woocommerce a.button:focus {
  background: #cf3800;
  color: #fff;
  border-color: #cf3800;
}
.wpfm-theme-button-border {
  background: #fff;
  color: var(--main-theme-color);
}
.wpfm-theme-button-border:hover,
.wpfm-theme-button-border:focus {
  background: var(--main-theme-color);
  color: #fff;
  border-color: var(--main-theme-color);
}
.wpfm-theme-button-icon {
  font-size: 20px;
}
.wpfm-theme-text-button a {
  text-align: center;
  color: #000;
  font-family: "poppinsmedium";
  display: inline-flex;
  font-size: 17px;
}
.wpfm-theme-text-button a i {
  font-size: 20px;
}
.wpfm-theme-text-button a:hover {
  color: var(--main-theme-color);
}
.wpfm-main-title-wrapper {
  text-align: center;
  margin-bottom: 60px;
}
.wpfm-main-title-wrapper .wpfm-title {
  font-family: "poppinssemibold";
  font-size: 36px;
  line-height: 53px;
  margin: 0 0 15px 0;
  font-weight: normal;
}
.wpfm-main-title-wrapper p.wpfm-subtitle{
  max-width: 750px;
  margin: auto;
}
.wpfm-main-title-wrapper .wpfm-subtitle {
  font-size: 17px;
  padding: 0;
  letter-spacing: 0.2px;
  max-width: 900px;
  margin: 0 auto;
}
.wpfm-text-center {
  text-align: center;
}
.wpfm-text-left {
  text-align: left;
}
.wpfm-text-right {
  text-align: right;
}
section {
  padding: 80px 0;
}
.inner-page-title-section {
  background-color: var(--light-gray-color);
  padding: 50px 0;
}
.inner-page-title-section .wpfm-main-title-wrapper .wpfm-title, .inner-page-title-section .inner-page-title-wrapper .inner-page-title {
  font-family: "poppinsbold";
  font-size: 38px;
  line-height: 50px;
  letter-spacing: 0.5px;
}
.inner-page-title-section .wpfm-main-title-wrapper .wpfm-title b {
  color: var(--main-theme-color);
}
.inner-page-title-section h2 {
  font-size: 20px;
  line-height: 30px;
  font-family: "poppinsmedium";
  font-weight: normal;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
.inner-page-title-section h2 a {
  color: var(--main-theme-color);
}
.inner-page-title-section h2 a:hover {
  color: #000;
}
.inner-page-content-section p:not(:last-child) {
  margin-bottom: 20px;
}
.inner-page-content-section strong,
.inner-page-content-section b {
  font-family: "poppinssemibold";
  color: #000000;
}
.inner-page-content-section a {
  color: var(--main-theme-color);
}
.inner-page-content-section a:hover{
  color: #000000;
}
.inner-page-content-section h2 {
  margin-top: 2rem;
}
.inner-page-content-section h2,
.inner-page-content-section h4 {
  font-family: "poppinssemibold";
  font-weight: normal;
}
.inner-page-content-section ol {
  color: var(--gray-text-color);
  counter-reset: item;
  list-style-type: none;
  padding: 0;
  margin: 20px 0;
}
.inner-page-content-section ol li {
  margin-bottom: 15px;
  width: 100%;
  margin-top: 10px;
  padding: 5px 0 5px 35px;
  position: relative;
}
.inner-page-content-section ol li:before {
  content: counter(item) "";
  counter-increment: item;
  color: #fff;
  background: var(--main-theme-color);
  height: 25px;
  width: 25px;
  display: flex;
  position: absolute;
  left: 0;
  justify-content: center;
  top: 6px;
  font-size: 13px;
  line-height: 27px;
  font-weight: 400;
  font-family: "poppinssemibold";
  border-radius: 100%;
}
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  list-style: none;
  padding: 0px;
  margin-bottom: 0px;
}
.pagination .page-numbers {
  margin: 5px;
  height: 45px;
  min-width: 45px;
  display: flex;
  padding: 0 15px;
  justify-content: center;
  line-height: 45px;
  background: var(--light-gray-color);
  border-radius: 5px;
  font-family: "poppinssemibold";
  color: #000;
  border: 2px solid transparent;
  transition: var(--transaction);
  position: relative;
}
.pagination .page-numbers:hover {
  border-color: #000;
}
.pagination .page-numbers.current {
  border-color: var(--main-theme-color);
  color: var(--main-theme-color);
}
ol.theme-number-list {
  margin: 15px 0px;
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  counter-reset: item;
}
ol.theme-number-list li {
  width: 100%;
  font-size: 17px;
  letter-spacing: 0.2px;
  margin-top: 10px;
  padding: 5px 0px 5px 35px;
  position: relative;
  display: block;
}
ol.theme-number-list li:first-child {
  margin-top: 0px;
}
ol.theme-number-list > li:before {
  content: counter(item) "";
  counter-increment: item;
  color: #fff;
  background: var(--main-theme-color);
  height: 25px;
  width: 25px;
  display: flex;
  position: absolute;
  left: 0;
  justify-content: center;
  top: 4px;
  font-size: 13px;
  line-height: 27px;
  font-weight: normal;
  font-family: "poppinssemibold";
  border-radius: 100%;
}
ul.theme-list {
  padding: 0px;
  margin: 15px 0;
  list-style-type: none;
}
ul.theme-list li {
  letter-spacing: 0.2px;
  padding: 0px 0px 0px 20px;
  position: relative;
  color: var(--gray-text-color);
  margin-bottom: 5px;
}
ul.theme-list li::before {
  content: "";
  height: 8px;
  width: 8px;
  top: 9px;
  background: var(--main-theme-color);
  display: flex;
  position: absolute;
  left: 0;
  border-radius: 100%;
}
.highlights-content-style1-wrapper {
  background-color: var(--main-theme-light-color);
  padding: 30px;
  color: var(--main-theme-color);
  font-size: 18px;
  line-height: 30px;
  font-family: "poppinsmedium";
  border-left: 4px solid;
  display: block !important;
}
.breadcrumb-list-wrap {
  margin-top: 20px;
}
.breadcrumb-list-wrap .breadcrumb-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: start;
}
.breadcrumb-list-wrap .breadcrumb-list li {
  font-family: "poppinsmedium";
  font-size: 17px;
  letter-spacing: 0.2px;
  position: relative;
  color: #000;
  display: flex;
}
.breadcrumb-list-wrap .breadcrumb-list li a {
  color: #000;
}
.breadcrumb-list-wrap .breadcrumb-list li a:hover {
  color: var(--main-theme-color);
}
.breadcrumb-list-wrap .breadcrumb-list li:before {
  content: "\EA6E";
  font-family: "wpfmtheme-icon" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  margin: 0 10px;
  font-size: 20px;
}
.breadcrumb-list-wrap .breadcrumb-list li:nth-child(1):before {
  display: none;
}
table.wpfm-split-table-wrapper {
  border-collapse: collapse;
  margin: 25px 0;
  border: 1px solid var(--border-color);
  box-shadow: var(--box-shadow);
}
table.wpfm-split-table-wrapper th,
table.wpfm-split-table-wrapper td {
  text-align: left;
  padding: 10px 15px;
  border: 1px solid var(--border-color);
}
table.wpfm-split-table-wrapper tbody tr {
  background-color: #fff;
}
table.wpfm-split-table-wrapper th {
  font-family: "poppinssemibold";
  font-weight: normal;
  background-color: var(--light-gray-color);
}

.wpfm-loader-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(249 249 249 / 90%);
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.wpfm-loader-container:after {
  content: "\eec7";
  font-family: "wpfmtheme-icon" !important;
  animation: 0.7s linear infinite wpfm-loader;
  display: inline-block;
  font-size: 2.5rem;
  color: #000;
}
@keyframes wpfm-loader {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* =============== 1. COMMON END ===============*/
/* =============== 2. HEADER START ===============*/
.wpfm-site-header {
  position: relative;
  z-index: 999;
  width: 100%;
  left: 0;
  top: 0;
  background: #fff;
}
.wpfm-site-header.wpfm-sticky-header {
  position: fixed;
  top: 0;
  transition: top 1s;
  background: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.wpfm-site-header.wpfm-hide-header {
  position: fixed;
  top: -500px;
}
.wpfm-site-header .wpfm-site-header-navbar {
  padding: 10px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.wpfm-site-header .wpfm-site-header-logo .wpfm-site-header-logo-url {
  display: block;
  line-height: normal;
}
.wpfm-site-header .wpfm-site-header-logo img {
  max-height: 55px;
  width: auto;
}
.wpfm-site-header .main-navigation {
  flex: 1;
}
.wpfm-site-header .main-navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.wpfm-site-header .main-navigation ul li a {
  padding: 20px 0px;
  margin: 0 13px;
  font-size: 17px;
  text-transform: uppercase;
  font-family: "poppinssemibold";
  letter-spacing: 0.3px;
  display: block;
  color: #000;
  position: relative;
}
.wpfm-site-header .main-navigation ul li a:hover {
  color: var(--main-theme-color);
}
.wpfm-site-header .main-navigation ul li.current_page_item > a {
  color: var(--main-theme-color);
}
.wpfm-site-header .main-navigation ul li.menu-item-has-children > a {
  display: flex;
  align-items: center;
}
.wpfm-site-header .main-navigation ul li.menu-item-has-children > a::after {
  content: "\EA4E";
  font-family: "wpfmtheme-icon" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-size: 20px;
  margin-left: 2px;
}
.wpfm-site-header
  .main-navigation
  ul
  li.menu-item-has-children:hover
  .sub-menu {
  display: block;
}
.wpfm-site-header .main-navigation ul li.cart-menu-item a {
  padding: 10px 0;
}
.wpfm-site-header .main-navigation ul li.cart-menu-item a::before {
  content: "\F11E";
  font-family: "wpfmtheme-icon" !important;
  font-size: 24px;
}
.wpfm-site-header .main-navigation ul li.cart-menu-item a span {
  display: none;
}
.wpfm-site-header
  .main-navigation
  ul
  li.cart-menu-item
  a
  span.cart-counter-notification {
  position: absolute;
  left: calc(100% - 10px);
  top: 5px;
  background: var(--main-theme-color);
  color: #fff;
  font-size: 10px;
  height: 16px;
  min-width: 16px;
  border-radius: 30px;
  text-align: center;
  line-height: 17px;
  display: block;
}
.wpfm-site-header .main-navigation ul .sub-menu {
  display: none;
  position: absolute;
  background: #fff;
  padding: 0px;
  max-width: 250px;
  width: 100%;
  border-radius: 6px;
  z-index: 999;
  overflow: hidden;
  box-shadow: var(--box-shadow);
}
.wpfm-site-header .main-navigation ul .sub-menu li a {
  padding: 13px 18px;
  transition: var(--transaction);
  margin: 0;
  font-size: 16px;
  font-family: "poppinsmedium";
  text-transform: capitalize;
  border-bottom: 1px solid var(--border-color);
}
.wpfm-site-header .main-navigation ul .sub-menu li:last-of-type a {
  border: 0px;
}
.menu-item-highlight {
  position: absolute;
  margin: 0px 0px 0px 4px;
  font-size: 10px;
  line-height: 18px;
  color: #000;
  background: #ffc800;
  padding: 0px 4px;
  display: inline-block;
  border-radius: 3px;
  font-family: "poppinssemibold";
  height: 18px;
  right: 0;
  top: 0;
}

.wpfm-offers-topbar-wrapper {
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  z-index: 99;
}
.wpfm-offers-topbar-wrapper
  .wpfm-offers-close-button
  #wpfm_offers_close_button {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translate(0, -50%);
  height: 25px;
  width: 25px;
  font-size: 0px;
  background: 0 0;
  border: 0;
  outline: 0;
  cursor: pointer;
  opacity: 1;
  transition: 0.3s;
  padding: 0;
}
.wpfm-offers-topbar-wrapper
  .wpfm-offers-close-button
  #wpfm_offers_close_button::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  height: 17px;
  width: 2px;
  background: #fff;
}
.wpfm-offers-topbar-wrapper
  .wpfm-offers-close-button
  #wpfm_offers_close_button::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  height: 17px;
  width: 2px;
  background: #fff;
}
.wpfm-offers-topbar-wrapper .wpfm-offer-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  padding: 10px 25px;
  text-align: center;
  background: var(--main-theme-color);
  justify-content: center;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.3px;
}
.wpfm-offers-topbar-wrapper .wpfm-offer-wrap .wpfm-offer-discount {
  margin: 0 5px;
  font-family: poppinssemibold;
  font-weight: 400;
  text-transform: uppercase;
}
.wpfm-offers-topbar-wrapper .wpfm-offer-wrap .wpfm-offer-coupon-code {
  border: 1px dashed #fff;
  display: flex;
  flex-direction: column;
  padding: 5px 8px 3px;
  margin: 0 5px;
  background: rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  font-family: poppinssemibold;
  font-weight: 400;
}
.wpfm-offers-topbar-wrapper .wpfm-offer-wrap .wpfm-offer-action-button {
  background: #fff;
  padding: 5px 8px 4px;
  margin: 0 5px;
  text-transform: uppercase;
  font-family: poppinssemibold;
  font-weight: 400;
  border-radius: 3px;
  font-size: 14px;
  display: inline-flex;
  color: #000;
}

.wpfm-offers-topbar-wrapper .wpfm-offer-wrap.black-friday-offer {
  background: #111111;
  background-image: url(assets/images/offer/black-friday-bg.svg);
  background-size: cover;
}
.wpfm-offers-topbar-wrapper .black-friday-offer img {
    margin-top: -25px;
    margin-left: 10px;
    margin-right: 10px;
    max-height: 90px;
}

/* =============== 2. HEADER END ===============*/
/* =============== 3. FRONT PAGE START===============*/
.main-hero-section {
  position: relative;
  background-color: var(--light-gray-color);
  /*     padding: 100px 0;*/
}
/* .main-hero-section:after {
     content: "";
     width: 50%;
     height: 100%;
     position: absolute;
     top: 0;
     right: 0;
     border-radius: 0 0 0 150px;
     background: linear-gradient(0deg, var(--main-theme-light-color) 0%, #fff 100%);
     z-index: -1;
}*/
.main-hero-section .main-hero-sec-content-wrapper .main-hero-content-heading {
  font-size: 46px;
  line-height: 60px;
  font-family: "poppinssemibold";
  font-weight: normal;
  margin: 0 auto 25px;
  padding: 0px;
  text-transform: capitalize;
  max-width: 1070px;
}
.main-hero-section .main-hero-sec-content-wrapper .main-hero-content-heading b {
  color: var(--main-theme-color);
}
.main-hero-section
  .main-hero-sec-content-wrapper
  .main-hero-content-sub-heading {
  font-size: 20px;
  line-height: 30px;
  font-family: "poppinsregular";
  font-weight: normal;
  margin: 0px 0px 35px 0px;
  padding: 0px;
  letter-spacing: 0.2px;
}
.main-hero-section .main-hero-sec-banner-wrapper img {
  max-width: 100%;
}
.plugin-features-sec-content h3 {
  font-family: "poppinssemibold";
  margin: 0px 0px 20px 0px;
  font-size: 27px;
}
.plugin-features-sec-content h4 {
  font-size: 17px;
  line-height: 28px;
  font-weight: normal;
}
.plugin-features-sec-boxes-wrapper ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
}
.plugin-features-sec-boxes-wrapper ul li {
  list-style: none;
  width: calc(50% - 30px);
  margin: 0 15px;
  padding: 50px 30px;
  min-height: 280px;
  background: #fff;
  border-radius: 10px;
  box-shadow: var(--box-shadow);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.plugin-features-sec-boxes-wrapper ul li:nth-child(1),
.plugin-features-sec-boxes-wrapper ul li:nth-child(3) {
  margin-bottom: 60px;
}
.plugin-features-sec-boxes-wrapper ul li:nth-child(2),
.plugin-features-sec-boxes-wrapper ul li:nth-child(4) {
  margin-top: 60px;
}
.plugin-features-sec-boxes-wrapper ul li h4 {
  margin: 30px 0 15px;
  font-family: "poppinsbold";
  font-size: 21px;
}
.plugin-features-sec-boxes-wrapper ul li p {
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.2px;
  margin: 0;
}
.plugin-features-sec-boxes-wrapper ul li i {
  font-size: 4rem;
  line-height: normal;
  color: var(--main-theme-color);
}
.plugin-top-features-box {
  display: flex;
  padding: 30px 15px;
}
.plugin-top-features-box h4 {
  font-family: "poppinsbold";
  margin: 0px 0px 10px 0px;
  font-size: 19px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.plugin-top-features-box p {
  margin: 0;
}
.plugin-top-features-box .plugin-top-features-icon {
  font-size: 44px;
  width: 80px;
  height: 80px;
  flex: 0 0 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--light-gray-color);
  border-radius: 6px;
  margin-right: 20px;
  color: #000;
  transition: var(--transaction);
}
.plugin-top-features-box:hover .plugin-top-features-icon {
  background-color: var(--main-theme-light-color);
  color: var(--main-theme-color);
}
.wpfm-expert-reviews-section {
  background-color: var(--main-theme-light-color);
}
.expert-review-box-box {
  background-color: #fff;
  padding: 30px;
  border-radius: 6px;
  height: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.expert-review-box-box:hover {
  box-shadow: var(--box-shadow);
}
.expert-review-box-box .expert-review-quote {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 20px;
  margin-top: 30px;
  color: var(--gray-text-color);
  flex: 1;
}
.expert-review-box-box .expert-review-author-img-wrap {
  position: relative;
}
.expert-review-box-box .expert-review-author-img-wrap img {
  width: 100px;
  height: 100px;
  border-radius: 100px;
  object-fit: cover;
  margin: 0 auto;
}
.expert-review-box-box .expert-review-author-name {
  font-size: 19px;
  font-family: "poppinssemibold";
}
.expert-review-box-box .expert-review-author-designation {
  color: var(--gray-text-color);
}
.expert-review-box-box .expert-review-quote-icon {
  font-size: 22px;
  line-height: normal;
  color: #fff;
  position: absolute;
  bottom: -10px;
  left: calc(50% - 20px);
  border-radius: 100%;
  width: 40px;
  height: 40px;
  background-color: var(--main-theme-color);
  display: flex;
  align-items: center;
  justify-content: center;
}
.expert-review-box-box .expert-review-company-name a {
  color: var(--main-theme-color);
  margin-top: 5px;
  display: inline-block;
}
.industry-leaading-support-section {
  padding-bottom: 0px;
}
.industry-leaading-support-section .wpfm-main-title-wrapper {
  margin-bottom: 30px;
}
.industry-leaading-support-image-wrap {
  line-height: 0;
}
.industry-leaading-support-image-wrap img {
  width: 100%;
}
.wpfm-testimonials-section {
  background-color: var(--light-gray-color);
}
.wpfm-testimonials-box {
  background-color: #fff;
  height: 100%;
  padding: 30px;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.wpfm-testimonials-box:hover {
  box-shadow: var(--box-shadow);
}
.wpfm-testimonials-box .testimonial-title {
  font-family: "poppinssemibold";
  margin: 0px 0px 15px 0px;
  line-height: 28px;
}
.wpfm-testimonials-box .testimonial-quote {
  color: var(--gray-text-color);
  flex: 1;
  margin-bottom: 30px;
  min-height: 150px;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.wpfm-testimonials-box .testimonial-star-review {
  color: #ffc000;
}
.wpfm-testimonials-box .testimonial-author-name a {
  font-size: 18px;
  line-height: 28px;
  font-family: "poppinssemibold";
  transition: var(--transaction);
  color: #000;
}
.wpfm-testimonials-box .testimonial-icon {
  font-size: 90px;
  position: absolute;
  right: 20px;
  bottom: 20px;
  opacity: 0.1;
}
.wpfm-using-step-items {
  display: flex;
  position: relative;
}
.wpfm-using-step-items:after {
  content: "";
  background-image: url(assets/images/arrow-bg.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: -30px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.wpfm-using-step-items .wpfm-using-step-item {
  width: 100%;
  text-align: center;
  padding: 0px 50px;
  transition: var(--transaction);
}
.wpfm-using-step-items .wpfm-using-step-item:nth-child(odd) {
  margin-top: 50px;
  top: 10px;
  position: relative;
}
.wpfm-using-step-items .wpfm-using-step-item:hover {
  color: var(--main-theme-color);
}
.wpfm-using-step-items .wpfm-using-step-item:hover .wpfm-using-step-item-icon {
  color: var(--main-theme-color);
}
.wpfm-using-step-items .wpfm-using-step-item h5 {
  margin-bottom: 0;
  margin-top: 20px;
  font-family: "poppinsmedium";
  font-size: 17px;
  font-weight: normal;
}
.wpfm-using-step-items .wpfm-using-step-item .wpfm-using-step-item-icon {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  box-shadow: var(--box-shadow);
  border-radius: 100px;
  margin: 0 auto;
  color: var(--gray-text-color);
  background-color: #fff;
  transition: var(--transaction);
}
.wpfm-faqs-section {
  border-top: 1px solid var(--border-color);
}
.wpfm-faqs-section .wpfm-main-title-wrapper {
  margin-bottom: 40px;
}
.wpfm-faqs-section .wpfm-main-title-wrapper .wpfm-subtitle a {
  color: #000;
  font-family: "poppinsmedium";
  border-bottom: 1px solid;
}
.wpfm-faqs-section .wpfm-main-title-wrapper .wpfm-subtitle a:hover {
  color: var(--main-theme-color);
}
.wpfm-faqs-wrapper {
  box-shadow: var(--box-shadow);
  padding: 40px;
  border-radius: 6px;
  margin-bottom: 30px;
}
.wpfm-faqs-wrapper h3 {
  margin-top: 0;
  margin-bottom: 2rem;
  color: var(--main-theme-color);
  display: flex;
  align-items: center;
  font-family: "poppinssemibold";
  font-size: 25px;
}
.wpfm-faqs-wrapper h3 i {
  margin-right: 10px;
}
.wpfm-faqs-wrapper .questions {
  font-family: "poppinssemibold";
  margin: 0;
  line-height: 28px;
  font-size: 17px;
  border-bottom: 1px solid var(--border-color);
  padding: 20px 20px 20px 0;
  cursor: pointer;
  position: relative;
  font-weight: normal;
}
.wpfm-faqs-wrapper .questions:after {
  content: "\ea6e";
  font-family: "wpfmtheme-icon" !important;
  font-style: normal;
  position: absolute;
  right: 0;
  top: 50%;
  font-size: 20px;
  transition: var(--transaction);
  transform: translate(0px, -50%);
}
.wpfm-faqs-wrapper .questions-box:first-of-type .questions {
  padding-top: 0px;
}
.wpfm-faqs-wrapper .questions-box:last-of-type .questions {
  border: 0px;
  padding-bottom: 0px;
}
.wpfm-faqs-wrapper .questions-box:last-of-type p {
  margin-bottom: 0px;
}
.wpfm-faqs-wrapper .questions-box ul {
  padding-left: 20px;
  list-style: none;
}
.wpfm-faqs-wrapper .questions-box li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
  color: var(--gray-text-color);
}
.wpfm-faqs-wrapper .questions-box li:after {
  content: "";
  background: var(--main-theme-color);
  height: 6px;
  width: 6px;
  position: absolute;
  left: 0;
  top: 9px;
  border-radius: 100%;
}
.wpfm-faqs-wrapper .questions-box li b,
.wpfm-faqs-wrapper .questions-box li strong {
  font-family: "poppinssemibold";
}
.wpfm-faqs-wrapper .questions-box .questions-box-answer {
  display: none;
  margin: 15px 0;
}
.wpfm-faqs-wrapper .questions-box.show .questions-box-answer {
  display: block;
}
.wpfm-faqs-wrapper .questions-box.show .questions {
  color: var(--main-theme-color);
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 20px;
}
.wpfm-faqs-wrapper .questions-box.show .questions:after {
  transform: translate(0px, -50%) rotate(-90deg);
}
.wpfm-faqs-wrapper .questions-box.show .questions:last-of-type .questions {
  border-bottom: 1px solid var(--border-color);
}
.wpfm-featured-on-section {
  padding-bottom: 40px;
  padding-top: 40px;
  background-color: var(--light-gray-color);
}
.wpfm-featured-on-section .wpfm-main-title-wrapper {
  margin-bottom: 30px;
}
.featured-on-logos-wrapper {
  text-align: center;
}
.featured-on-logos-wrapper img {
  max-width: 100%;
  filter: grayscale(100%);
  opacity: 0.6;
  transition: var(--transaction);
  mix-blend-mode: darken;
}
.featured-on-logos-wrapper:hover img {
  opacity: 1;
  filter: grayscale(0);
}
.single-company-logo-wrapper .company-logo {
  max-width: 500px;
  margin: 0 auto;
  width: 100%;
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #eee;
  border-radius: 10px;
}

.single-company-logo-wrapper .company-logo img {
  height: auto;
  width: auto;
  max-width: 450px;
  max-height: 350px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: all 0.3s;
}

.single-company-logo-wrapper .company-logo img:hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  transition: all 0.3s;
}

.single-featured-all-logos-wrapper {
  padding: 20px 0px;
}

.single-featured-all-logos-wrapper .single-featured-all-logos-list {
  margin: -20px;
  padding: 0px;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.single-featured-all-logos-wrapper
  .single-featured-all-logos-list
  .single-featured-all-logo-item {
  width: calc(20% - 30px);
  margin: 15px;
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.single-featured-all-logos-wrapper
  .single-featured-all-logos-list
  .single-featured-all-logo-item
  .company-logo-url {
  display: inline-flex;
}

.single-featured-all-logos-wrapper
  .single-featured-all-logos-list
  .single-featured-all-logo-item
  .company-logo {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.single-featured-all-logos-wrapper
  .single-featured-all-logos-list
  .single-featured-all-logo-item
  .company-logo
  img {
  height: auto;
  width: auto;
  max-width: 200px;
  max-height: 100px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: all 0.3s;
}

.single-featured-all-logos-wrapper
  .single-featured-all-logos-list
  .single-featured-all-logo-item
  .company-logo
  img:hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  transition: all 0.3s;
}

.single-featured-all-logos-section .blog-pagination {
  margin: 50px 0px 0px 0px;
  padding: 0px;
}

/* Featured Logo Section End */

/*Boost Section Start*/

.boost-revenue-section {
  padding: 0;
}
.boost-revenue-section .wpfm-container {
  background-color: var(--main-theme-light-color);
  border-radius: 10px;
  padding: 1.2rem 4rem;
  overflow: hidden;
}
.boost-revenue-section .wpfm-container .wpfm-main-title-wrapper {
  text-align: left;
  margin: 0;
  max-width: 600px;
  width: 100%;
}
.boost-revenue-section .wpfm-main-title-wrapper .wpfm-title b {
  color: var(--main-theme-color);
}
.boost-revenue-section .wpfm-main-title-wrapper .wpfm-subtitle {
  color: #111;
  font-family: "poppinsmedium";
}
.boost-revenue-section ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.boost-revenue-section ul li {
  font-size: 17px;
  padding: 0;
  letter-spacing: 0.2px;
  font-family: "poppinsmedium";
  position: relative;
  padding-left: 1.2rem;
  margin-top: 10px;
}
.boost-revenue-section ul li:before {
  content: "";
  width: 8px;
  height: 8px;
  background-color: var(--main-theme-color);
  position: absolute;
  top: 7px;
  left: 0;
  border-radius: 20px;
}
.boost-revenue-image-wrap {
  text-align: center;
  position: relative;
  max-width: 400px;
  margin: 0 0 0 auto;
  width: 100%;
}
.boost-revenue-image-wrap img {
  position: relative;
  z-index: 1;
}
.anim-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  opacity: 0.2;
}
.anim-circle span {
  display: block;
  border: 1px solid;
  border-radius: 100%;
  border-color: var(--main-theme-color);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.anim-circle span:nth-child(1) {
  width: 300px;
  height: 300px;
}
.anim-circle span:nth-child(2) {
  width: 400px;
  height: 400px;
}
.anim-circle span:nth-child(3) {
  width: 500px;
  height: 500px;
}
/*Boost Section End*/

/*Home Theme Section Start*/

.front-theme-section {
  background-color: var(--light-gray-color);
  padding: 60px 0 50px;
}
.front-theme-section-left .wpfm-main-title-wrapper {
  text-align: left;
  margin-bottom: 30px;
}
.front-theme-section-left ul {
  list-style: none;
  padding: 0;
  margin-bottom: 30px;
  column-count: 2;
}
.front-theme-section-left ul li {
  font-size: 17px;
  letter-spacing: 0.2px;
  font-family: "poppinsmedium";
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.front-theme-section-left ul li i {
  font-size: 14px;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  line-height: 18px;
  background-color: var(--main-theme-color);
  color: #fff;
  border-radius: 100px;
  display: block;
  margin-right: 10px;
  text-align: center;
}
.front-theme-section-right {
  text-align: center;
}
.front-theme-section-right img {
  max-width: 600px;
  width: 100%;
}

.wpfm-title-icon {
  position: relative;
}
.wpfm-title-icon:after {
  background-color: var(--main-theme-color);
  border: none;
  animation: ring-circle-fill-anim 2s infinite ease-in-out;
  transition: all 0.5s;
  transform-origin: 50% 50%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.wpfm-title-icon:before {
  border: 1px solid var(--main-theme-color);
  opacity: 0.5;
  animation: ring-circle-anim 1s infinite ease-in-out;
  transition: all 0.5s;
  transform-origin: 50% 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  border-radius: 4px;
}
.wpfm-title-icon {
  width: 50px;
  height: 50px;
  background-color: #fff;
  font-size: 1.5rem;
  border-radius: 4px;
  text-align: center;
  line-height: 50px;
  margin-bottom: 30px;
  color: var(--main-theme-color);
  position: relative;
  display: block;
}

@keyframes ring-circle-anim {
  0% {
    transform: rotate(0) scale(1.1) skew(0deg);
    opacity: 0;
  }
  30% {
    transform: rotate(0) scale(1.3) skew(0deg);
    opacity: 0.5;
  }
  100% {
    transform: rotate(0) scale(1.5) skew(0deg);
    opacity: 0.1;
  }
}
@keyframes ring-circle-fill-anim {
  0% {
    transform: rotate(0) scale(1) skew(0deg);
    opacity: 0.2;
  }
  50% {
    transform: rotate(0) scale(1.3) skew(0deg);
    opacity: 0.2;
  }
  100% {
    transform: rotate(0) scale(1.1) skew(0deg);
    opacity: 0.2;
  }
}
/*Home Theme Section End*/


/* =============== 3. FRONT PAGE END ===============*/

/* =============== 4. Footer START ===============*/
.wpfm-site-footer {
  background: var(--main-gray-bg-color);
}
.wpfm-site-top-footer {
  padding: 80px 0;
}
.wpfm-site-top-footer .footer-content-title {
  font-family: "poppinssemibold";
  margin: 0px 0px 15px 0px;
  font-size: 18px;
}
.wpfm-site-top-footer .footer-pages-links-wrap ul {
  margin: 0px;
  padding: 0px;
}
.wpfm-site-top-footer .footer-pages-links-wrap ul li {
  list-style: none;
  margin-top: 5px;
  position: relative;
}
.wpfm-site-top-footer .footer-pages-links-wrap ul li:first-child {
  margin-top: 0px;
}
.wpfm-site-top-footer .footer-pages-links-wrap ul li::before {
  height: 8px;
  width: 8px;
  background: #54585a;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 8px;
}
.wpfm-site-top-footer .footer-pages-links-wrap .menu-item-highlight {
  left: inherit;
  right: inherit;
  top: inherit;
  bottom: inherit;
}
.wpfm-site-top-footer a {
  color: var(--gray-text-color);
}
.wpfm-site-top-footer a:hover {
  color: var(--main-theme-color);
}
.footer-brand-logo-url img {
    max-width: 160px;
}
.wpfm-site-bottom-footer .wpfm-container {
    border-top: 1px solid #ddd;
    padding-top: 30px;
}
.footer-social-links ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  gap: 15px;
}
.footer-social-links ul li a {
  font-size: 20px;
}
.footer-social-links ul li a:hover {
  color: var(--main-theme-color);
}

.wpfm-site-top-footer .recent-posts-links-wrap {
  margin-bottom: 35px;
}
.wpfm-site-top-footer .newsletter-form-wrapper {
  background: #fff;
  margin: 20px 0;
  border-radius: 5px;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}
.wpfm-site-top-footer .newsletter-form-left-col {
  width: calc(100% - 60px);
}
.wpfm-site-top-footer .newsletter-form-left-col .form-control {
  border: 0px;
  padding: 0 15px;
  font-size: 16px;
  height: 55px;
  line-height: 55px;
  font-family: "poppinsmedium";
  outline: none;
  width: 100%;
}
.wpfm-site-top-footer .newsletter-form-right-col {
  width: 60px;
}
.wpfm-site-top-footer .newsletter-form-right-col .wpfm-theme-button {
  padding: 0;
  height: 55px;
  width: 60px;
  background-color: transparent;
  background-image: url(assets/images/footer-newsletter-icon.png);
  background-repeat: no-repeat;
  border: none;
  box-shadow: unset;
  font-size: 0px;
  background-size: auto;
  background-position: center left;
}
.wpfm-site-top-footer .newsletter-form-right-col .wpfm-theme-button:hover,
.wpfm-site-top-footer .newsletter-form-right-col .wpfm-theme-button:focus {
  outline: none;
}
.wpfm-site-bottom-footer {
  font-size: 15px;
  line-height: 22px;
  padding-bottom: 30px;
}
.wpfm-site-bottom-footer a {
  color: var(--gray-text-color);
}
.wpfm-site-bottom-footer a:hover {
  color: var(--main-theme-color);
}
.wpfm-site-bottom-footer .wpfm-row {
  align-items: center;
}
.wpfm-site-bottom-footer .wpfm-site-bottom-links {
  text-align: right;
}
.wpfm-site-bottom-footer .wpfm-site-bottom-links ul {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-end;
  gap: 20px;
}
.wpfm-site-bottom-footer .wpfm-site-bottom-links ul li {
  list-style: none;
}

.footer-pages-app-wrap ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-pages-app-wrap ul li {
    margin-bottom: 5px;
}
.footer-pages-app-wrap ul li img {
    max-width: 120px;
    width: 100%;
    transition: all 0.3s 0s;
    height: auto;
}
.footer-pages-app-wrap ul li img:hover {
    transform: scale(1.05);
}

/* =============== 4. FOOTER END ===============*/
/* =============== 5. FEATURES PAGE START ===============*/
.addons-feature .wpfm-title span {
  color: var(--main-theme-color);
  transform: rotate(35deg) translate(0px, 10px);
  display: inline-block;
  font-size: 50px;
  margin-left: 5px;
  font-weight: normal;
}
.products {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
.wpfm-products {
  margin-bottom: 40px;
}
.products .product {
  width: calc(33.33% - 40px);
  margin: 10px;
  background: #fff;
  transition: var(--transaction);
  padding: 30px 15px;
  border-radius: 10px;
}
.products .product:hover {
  box-shadow: var(--box-shadow);
}
.products .product:hover .wpfm-product-video {
  opacity: 1;
}
.products .product .wpfm-product-box-wrapper {
  display: flex;
}
.products .product .wpfm-product-box-wrapper .wpfm-product-image-wrapper {
  flex: 0 0 60px;
  margin-right: 30px;
  position: relative;
}
.products
  .product
  .wpfm-product-box-wrapper
  .wpfm-product-image-wrapper
  .wpfm-product-image
  img {
  max-height: 60px;
  max-width: 60px;
  width: 100%;
}
.products .product .wpfm-product-box-wrapper .wpfm-product-title h2 {
  margin: 0 0 10px;
  font-family: "poppinssemibold";
  font-size: 21.4px;
  color: #000;
}
.products .product:hover .wpfm-product-box-wrapper .wpfm-product-title h2 {
  color: var(--main-theme-color);
}
.products .product .wpfm-product-box-wrapper .wpfm-product-description {
  font-family: "poppinsregular";
  color: var(--gray-text-color);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.products .product .wpfm-product-video {
  position: absolute;
  left: calc(50% + 20px);
  transform: translate(-50%, 0px);
  bottom: 0;
  opacity: 0;
}
.wpfm-product-video-button {
  background: var(--main-theme-color);
  position: relative;
  height: 40px;
  width: 40px;
  font-size: 0px;
  overflow: hidden;
  display: inline-flex;
  border-radius: 100%;
  box-shadow: var(--box-shadow);
  transition: var(--transaction);
}
.wpfm-product-video-button::before {
  content: "\F00A";
  font-size: 20px;
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-family: wpfmtheme-icon !important;
  font-style: normal;
}
.wpfm-product-video-button:hover {
  animation: VideoButton 4s;
  animation-iteration-count: 1;
}
@keyframes VideoButton {
  0% {
    box-shadow: 0px 0px 0px 0px rgba(201, 0, 0, 0);
  }
  20% {
    box-shadow: 0px 0px 0px 10px rgba(201, 0, 0, 0.15);
  }
  40% {
    box-shadow: 0px 0px 0px 0px rgba(201, 0, 0, 0);
  }
  60% {
    box-shadow: 0px 0px 0px 10px rgba(201, 0, 0, 0.15);
  }
  80% {
    box-shadow: 0px 0px 0px 0px rgba(201, 0, 0, 0);
  }
  100% {
    box-shadow: 0px 0px 0px 10px rgba(201, 0, 0, 0.15);
  }
}
.bundle-offer {
  background-color: var(--main-theme-light-color);
  padding: 40px 0;
}
.bundle-offer .wpfm-container {
  display: flex;
  align-items: center;
}
.bundle-offer .wpfm-main-title-wrapper {
  text-align: left;
  margin: 0 30px;
  flex: 1;
}
.bundle-offer .wpfm-main-title-wrapper .wpfm-title {
  line-height: 40px;
  margin-top: 20px;
  font-size: 30px;
  max-width: 700px;
  width: 100%;
}
.bundle-offer .wpfm-theme-button {
  white-space: nowrap;
}
.bundle-offer .bundle-offer-off {
  display: inline-block;
  background-color: var(--main-theme-color);
  color: #fff;
  border-radius: 4px;
  padding: 5px 10px;
}
.add-ons-header {
  padding: 20px 0;
  margin-bottom: 40px;
  position: relative;
}
.add-ons-header:after {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  transform: rotate(45deg);
  position: absolute;
  left: calc(50% - 10px);
  bottom: -10px;
  background-color: var(--border-color);
}
.add-ons-header .wpfm-container {
  display: flex;
  align-items: center;
}
.add-ons-header .add-ons-header-icon {
  flex: 0 0 120px;
  width: 120px;
  height: 120px;
  background-color: #fff;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.add-ons-header .add-ons-header-icon i {
  font-size: 70px;
  color: var(--main-theme-color);
}

.add-ons-header .add-ons-header-icon img {
  width: 100%;
  max-width: 70px;
}
.add-ons-header .add-ons-header-detail {
  padding: 0 20px;
  flex: 1;
}
.add-ons-header .add-ons-header-detail h4 {
  margin-bottom: 10px;
  font-family: "poppinssemibold";
  font-size: 26px;
  margin-top: 0;
}
.add-ons-header .add-ons-header-detail p {
  max-width: 800px;
  width: 100%;
}
.add-ons-header.feature-add-on,
.add-ons-header.ticket-selling-add-on,
.add-ons-header.marketing-add-on {
  background-color: var(--border-color);
}
.addons-feature {
  position: relative;
  overflow: hidden;
}
.addons-feature .wpfm-container {
  position: relative;
  z-index: 1;
}
.addons-feature-content h2,
.bundle-feature-content h2 {
  font-size: 28px;
  font-family: "poppinssemibold";
  line-height: 40px;
  margin-top: 0;
  font-weight: normal;

}
.addons-feature-content ul,
.bundle-feature-content ul {
  list-style: none;
  padding: 0;
  margin: 20px 0 0 0;
}
.addons-feature-content li,
.bundle-feature-content li {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.addons-feature-content li i,
.bundle-feature-content li i {
  margin-right: 10px;
  font-size: 16px;
  color: #008000;
  width: 22px;
  height: 22px;
  background-color: #e6f3e6;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.addons-feature-shape {
  position: absolute;
  top: 90px;
  background-color: var(--light-gray-color);
  width: 60%;
  height: 330px;
  border-radius: 500px;
  z-index: 0;
}
.addons-feature-shape-left {
  left: -250px;
  transform: rotate(12deg);
}
.addons-feature-shape-right {
  right: -250px;
  transform: rotate(-12deg);
}

/* =============== 5. FEATURES END ===============*/

/* =============== 6. SINGLE ADD-ONS START ===============*/
.single-addon-hero-section {
  padding: 60px 0;
  background-color: var(--light-gray-color);
}
.single-addon-hero-section h1 {
  font-size: 45px;
  font-weight: bold;
  line-height: normal;
  font-family: "poppinsbold";
  margin-top: 0;
  margin-bottom: 25px;
}
.single-addon-hero-section h2 {
  font-family: "poppinsmedium";
  font-size: 20px;
  font-weight: 100;
  margin: 0;
}
.single-addon-hero-content {
  padding-right: 30px;
}
.single-addon-hero-img {
  width: 250px;
  height: 250px;
  background-color: #fff;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  position: relative;
}
.single-addon-hero-img img {
  max-width: 200px;
}
.single-addon-hero-img .main-hero-sec-video {
  display: inline-block;
  line-height: 0;
}
.single-addon-hero-img
  .main-hero-sec-video
  .single-addon-hero-video-play-button {
  height: 60px;
  width: 60px;
  position: absolute;
  top: 70%;
  left: 0;
  transform: translate(-50%, -50%);
  border-radius: 100%;
  transition: var(--transaction);
  background: var(--main-theme-color);
  box-shadow: 0 0 0 10px rgba(201, 0, 0, 0.05);
  cursor: pointer;
}
.single-addon-hero-img
  .main-hero-sec-video
  .single-addon-hero-video-play-button::before {
  content: "\F00A";
  font-size: 20px;
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-family: wpfmtheme-icon !important;
  font-style: normal;
}
.single-addon-hero-img
  .main-hero-sec-video
  .single-addon-hero-video-play-button:hover {
  animation: blinkbtn 2s infinite;
}
@keyframes blinkbtn {
  0% {
    box-shadow: 0 0px 0px 5px var(--main-theme-light-color);
    transition: all 0.5s;
  }
  50% {
    box-shadow: 0 0px 0px 15px var(--main-theme-light-color);
    transition: all 0.5s;
  }
  100% {
    box-shadow: 0 0px 0px 5px var(--main-theme-light-color);
    transition: all 0.5s;
  }
}
.inner-hero-price-selection {
  margin-top: 30px;
  padding: 0px;
}
.inner-hero-price-selection ul.inner-hero-price-list {
  padding: 0;
  margin: 0;
}
.inner-hero-price-selection ul.inner-hero-price-list li.inner-hero-price-item {
  list-style: none;
}
.single-addon-hero-section .price_list_input_submit {
  font-size: 17px;
  font-family: "poppinssemibold";
  text-decoration: none;
  text-transform: uppercase;
  background: var(--main-theme-color);
  color: #fff;
  padding: 12px 25px;
  display: inline-flex;
  line-height: 25px;
  letter-spacing: 0.5px;
  cursor: pointer;
  border-radius: 4px;
  box-shadow: unset;
  border: 2px solid var(--main-theme-color);
  transition: var(--transaction);
  position: relative;
}
.single-addon-hero-section .price_list_input_submit:hover {
  background: #cf3800;
  color: #fff;
  border-color: #cf3800;
}
.single-addon-pricing {
  padding-bottom: 0px;
}
.single-addon-pricing .single-addon-highlight .single-addon-pricing-buy-btn {
  background-color: var(--main-theme-color) !important;
  color: #fff !important;
}
.single-addon-pricing .single-addon-pricing-title {
  font-family: "poppinsmedium";
  margin-bottom: 10px;
}
.single-addon-pricing .single-addon-pricing-price {
  font-size: 14px;
}
.single-addon-pricing .single-addon-pricing-price b {
  font-family: "poppinssemibold";
  font-size: 30px;
}
.single-addon-pricing .single-addon-pricing-save-price {
  font-size: 14px;
}
.single-addon-pricing .single-addon-pricing-buy-btn,
.single-addon-pricing .switch-subscription {
  background-color: var(--main-theme-light-color) !important;
  padding: 15px 0 !important;
  font-family: "poppinssemibold";
  width: 100%;
  border: 0 !important;
  font-size: 16px !important;
  cursor: pointer;
  transition: var(--transaction);
  display: block;
  line-height: normal;
  border-radius: 0 !important;
  color: var(--main-theme-color) !important;
  display: block !important;
}
.single-addon-pricing-row {
  display: flex;
  margin: 0 -10px;
}
.single-addon-pricing-col {
  width: 100%;
  position: relative;
}
.single-addon-pricing-col:nth-child(1),
.single-addon-pricing-col:nth-child(5) {
  margin-top: 60px;
}
.single-addon-pricing-col:nth-child(2),
.single-addon-pricing-col:nth-child(4) {
  margin-top: 30px;
}
.single-addon-pricing-col.only-one-col {
  max-width: 300px;
  width: 100%;
  margin: 60px auto 0;
}
.single-addon-pricing-col.only-one-col ins {
  text-decoration: none;
}
.single-addon-pricing-col.only-one-col ins span {
  font-size: 34px !important;
  font-family: "poppinsbold";
  color: var(--main-theme-color);
}
.single-addon-pricing-col.only-one-col .wcpbc-price {
  display: flex;
  flex-direction: column-reverse;
  font-size: 16px;
}
.single-addon-pricing-box {
  background-color: #fff;
  text-align: center;
  border-radius: 10px;
  margin: 0 10px;
  overflow: hidden;
  color: #000;
  box-shadow: var(--box-shadow);
}
.single-addon-pricing-box .single-addon-pricing-box-head {
  padding: 30px 0;
  min-height: 125px;
}
.single-addon-pricing-box:hover .single-addon-pricing-buy-btn {
  background-color: var(--main-theme-color) !important;
  color: #fff !important;
}
.single-addon-pricing-box .single-addon-pricing-detail ul {
  list-style: none;
  padding: 20px 15px;
  margin: 0;
  border-top: 1px solid var(--border-color);
}
.single-addon-pricing-box .single-addon-pricing-detail li {
  font-size: 14px;
  display: flex;
  align-items: center;
  padding: 10px 0;
  text-align: left;
  line-height: normal;
}
.single-addon-pricing-box .single-addon-pricing-detail i {
  color: var(--gray-text-color);
  margin-right: 5px;
  font-size: 18px;
}
.single-addon-highlight .single-addon-pricing-box-head {
  background-color: #fffae5;
}
.single-addon-highlight:before {
  content: "★ MOST POPULAR ★ ";
  position: absolute;
  bottom: 100%;
  left: calc(50% - 90px);
  width: 100%;
  background-color: #ffc800;
  font-family: "poppinssemibold";
  color: #000;
  font-size: 12px;
  border-radius: 100px;
  text-align: center;
  max-width: 180px;
  margin-bottom: -15px;
}
.single-addon-required {
  background-color: #fff;
  padding-top: 30px;
}
.single-addon-required h4 {
  text-align: center;
  font-size: 20px;
  font-family: "poppinssemibold";
  margin-bottom: 20px;
  margin-top: 0px;
}
.single-addon-required .single-addon-required-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
.single-addon-required .single-addon-required-list a {
  display: flex;
  align-items: center;
  color: #000;
  padding: 1px 15px;
  position: relative;
  border-radius: 50px;
  font-family: "poppinsmedium";
  font-weight: 400;
  font-size: 16px;
  transition: var(--transaction);
  border: 1px solid var(--border-color);
  margin: 5px;
}
.single-addon-required .single-addon-required-list a:hover {
  box-shadow: var(--box-shadow);
}
.single-addon-required .single-addon-required-list img {
  max-width: 42px;
  margin-right: 5px;
}
.single-addon-top-features-item {
  text-align: center;
  padding: 30px;
  transition: var(--transaction);
  border-radius: 10px;
}
.single-addon-top-features-item h4 {
  margin: 20px 0 15px;
  font-size: 21.4px;
  font-family: "poppinssemibold";
}
.single-addon-top-features-item .single-addon-top-features-item-icon {
  width: 150px;
  height: 150px;
  background-color: var(--light-gray-color);
  border-radius: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--transaction);
}
.single-addon-top-features-item .single-addon-top-features-item-icon img,
.single-addon-top-features-item .single-addon-top-features-item-icon svg {
  max-width: 120px;
  filter: grayscale(1);
  width: 100%;
}
.single-addon-top-features-item:hover {
  box-shadow: var(--box-shadow);
}
.single-addon-top-features-item:hover .single-addon-top-features-item-icon {
  background-color: var(--main-theme-light-color);
}
.single-addon-top-features-item:hover .single-addon-top-features-item-icon img,
.single-addon-top-features-item:hover .single-addon-top-features-item-icon svg {
  filter: grayscale(0);
}
.addon-tab-features-section {
  border-top: 1px solid var(--border-color);
}
.addon-vt-tab-features-data {
  min-height: 600px;
}

.addon-tab-features-item {
  margin-bottom: 10px;
  border-radius: 6px;
  transition: var(--transaction);
}
.addon-tab-features-item .addon-tab-features-title {
  display: flex;
  align-items: center;
  padding: 15px;
  cursor: pointer;
  position: relative;
}
.addon-tab-features-item .addon-tab-features-title h5 {
  font-family: "poppinssemibold";
  font-size: 20px;
  margin: 0;
  padding-right: 10px;
}
.addon-tab-features-item .addon-tab-features-title::after {
  content: "\EA4E";
  font-family: "wpfmtheme-icon";
  position: absolute;
  right: 15px;
  top: 50%;
  font-size: 20px;
  transition: var(--transaction);
  font-weight: 600;
  color: #000;
  transform: translate(0px, -50%);
}
.addon-tab-features-item .addon-tab-features-detail {
  display: none;
  padding: 15px;
  border-top: 1px solid var(--border-color);
}
.addon-tab-features-img {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 19px;
}
.addon-ht-tab-features {
  padding: 60px 0;
  border-bottom: 1px solid var(--border-color);
  border-top: 1px solid var(--border-color);
}
.addon-ht-tab-features-title {
  box-shadow: var(--box-shadow);
  background: #fff;
  width: 100%;
  padding: 20px 10px;
  border-radius: 6px;
  transition: var(--transaction);
  cursor: pointer;
  position: relative;
  text-align: center;
  overflow: hidden;
}
.addon-ht-tab-features-title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 0;
  background: transparent;
  transition: width 0.2s 0s;
}
.addon-ht-tab-features-title img {
  max-width: 30px;
  max-height: 30px;
  margin: 0 auto 15px;
}
.addon-ht-tab-features-title h5 {
  font-family: "poppinssemibold";
  font-size: 18px;
  margin: 0;
  line-height: normal;
}
.addon-ht-tab-features-item {
  padding: 15px 10px 40px 10px;
}
.addon-ht-tab-features-item p {
  font-size: 15px;
  line-height: 24px;
}
.slick-current .addon-ht-tab-features-title {
  background-color: var(--light-gray-color);
}
.slick-current .addon-ht-tab-features-title:after {
  width: 100%;
  background: var(--main-theme-color);
}
.addon-ht-tab-features-data {
  position: relative;
}
.addon-ht-tab-features-data .addon-ht-tab-features-data-img {
  text-align: center;
}
.addon-ht-tab-features-data .addon-ht-tab-features-data-img img {
  margin: 0 auto;
}
.addon-ht-tab-features-data-item p {
  font-size: 20px;
  margin: 0 auto 30px;
  color: #000;
  max-width: 800px;
  width: 100%;
}
.single-addon-card-features .wpfm-col-lg-4 {
  margin-bottom: 30px;
}
.single-addon-card-features-item {
  border: 1px solid var(--border-color);
  border-radius: 10px;
  overflow: hidden;
  height: 100%;
  transition: var(--transaction);
}
.single-addon-card-features-item:hover {
  box-shadow: var(--box-shadow);
}
.single-addon-card-features-item .single-addon-card-features-item-img {
  background-color: var(--light-gray-color);
  padding: 20px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 250px;
}
.single-addon-card-features-item .single-addon-card-features-item-content {
  padding: 30px;
}
.single-addon-card-features-item
  .single-addon-card-features-item-content
  .single-addon-card-features-title {
  color: #000;
  margin-bottom: 10px;
  font-size: 21.4px;
  font-family: "poppinssemibold";
}
.single-addon-card-features-item .single-addon-card-features-item-content p {
  margin: 0px;
}
.addon-frontend-interface {
  background-color: var(--light-gray-color);
  position: relative;
}
.addon-frontend-interface::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url(assets/images/sprites/shape.svg);
  background-size: cover;
  background-position: top;
  z-index: 0;
  transform: rotate(180deg);
}
.addon-frontend-interface .wpfm-container {
  position: relative;
  z-index: 1;
}
.addon-interface-box img {
  box-shadow: var(--box-shadow);
  margin-bottom: 30px;
  background-color: #fff;
}
.addon-interface-box h4 {
  font-size: 24px;
  line-height: 35px;
  font-family: "poppinssemibold";
  color: #000;
  margin: 0 0 15px 0;
}
.single-addon-support-detail {
  background: var(--main-theme-light-color);
}
.addon-support-detail-list {
  display: flex;
  justify-content: center;
  margin: 0 -15px;
}
.addon-support-detail-list a {
  padding: 0 15px;
  width: 100%;
  display: flex;
  align-items: center;
  color: #000;
}
.addon-support-detail-list a:hover h4,
.addon-support-detail-list a:hover .icon {
  color: var(--main-theme-color);
}
.addon-support-detail-list .icon {
  width: 90px;
  height: 90px;
  flex: 0 0 90px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  margin-right: 20px;
  font-size: 48px;
}
.addon-support-detail-list h4 {
  font-family: "poppinssemibold";
  margin-top: 0px;
  margin-bottom: 5px;
  font-size: 20px;
  transition: var(--transaction);
}
.wpfm-expert-review-slider.slick-slider .slick-arrow {
  top: 0;
  z-index: 1;
}
.wpfm-expert-review-slider .expert-review-box-box {
  margin-top: 70px;
  background-color: var(--light-gray-color);
}
/* =============== 6. SINGLE ADD-ONS END ===============*/
/* =============== 7. SLICK START ===============*/
.customer-feedback-section .slick-slider .slick-arrow {
  bottom: 0px;
}
.customer-feedback-section .slick-slider .slick-arrow {
  position: absolute;
  top: -100px;
  width: 44px;
  height: 44px;
  font-size: 0;
  border-radius: 100%;
  border: 0;
  background-color: #fff;
  font-family: "wpfmtheme-icon" !important;
  cursor: pointer;
  box-shadow: var(--box-shadow);
}
.slick-slider .slick-arrow:hover {
  background-color: var(--main-theme-color);
  color: #fff;
}
.slick-slider .slick-next {
  right: 0;
}
.slick-slider .slick-next::before {
  content: "\EA6E";
  font-size: 24px;
}
.slick-slider .slick-prev {
  right: 60px;
}
.slick-slider .slick-prev::before {
  content: "\EA64";
  font-size: 24px;
}
.slick-slider .slick-dots {
  display: none !important;
}
/* =============== 7. SLICK END ===============*/
/* =============== 8. PRICING START ===============*/
.pricing-page-template .single-addon-top-features-item-icon {
  padding: 30px;
}
.pricing-plan-section {
  position: relative;
}
.pricing-plan-section .wpfm-container {
  max-width: 1220px !important;
  width: 100%;
}
.pricing-plan-section:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 350px;
  background-color: var(--light-gray-color);
  z-index: -1;
}
.pricing-plan-section .wpfm-main-title-wrapper {
  margin-bottom: 80px;
}
.pricing-plan-col {
  padding: 1rem;
  border-radius: 10px;
  height: 100%;
  position: relative;
  box-shadow: var(--box-shadow);
  background-color: #fff;
}
.pricing-plan-col.pricing-plan-free .pricing-plan-head .wpfm-theme-button {
  color: #000;
  border-color: #000;
}
.pricing-plan-col.pricing-plan-free
  .pricing-plan-head
  .pricing-plan-price
  ins
  span {
  color: #000;
}
.pricing-plan-col.pricing-plan-free:hover
  .pricing-plan-head
  .wpfm-theme-button {
  background-color: #000;
  color: #fff;
}
.pricing-plan-col.pricing-plan-free
  .pricing-plan-head
  .wpfm-theme-button:hover {
  background-color: #000 !important;
}
.pricing-plan-col.highlight-plan {
  position: relative;
  border: 1px solid var(--main-theme-color);
  border-radius: 0 0 10px 10px;
}
.pricing-plan-col.highlight-plan .pricing-plan-head {
  background-color: var(--main-theme-light-color);
}
.pricing-plan-col.highlight-plan:before {
  content: "★ MOST POPULAR ★ ";
  position: absolute;
  bottom: 100%;
  left: -1px;
  width: calc(100% + 2px);
  background-color: var(--main-theme-color);
  border-radius: 10px 10px 0 0;
  font-family: "poppinssemibold";
  color: #fff;
  font-size: 16px;
  line-height: 38px;
  text-align: center;
}
.pricing-plan-col.highlight-plan .pricing-plan-head .wpfm-theme-button {
  background-color: var(--main-theme-color);
  color: #fff;
}
.pricing-plan-col:hover .pricing-plan-head .wpfm-theme-button {
  background-color: var(--main-theme-color);
  color: #fff;
}
.pricing-plan-head {
  background-color: var(--light-gray-color);
  border-radius: 5px;
  text-align: center;
  padding: 30px 10px 15px;
  position: relative;
}
.pricing-plan-head .pricing-plan-title {
  font-family: "poppinssemibold";
  color: #000;
  font-size: 21px;
  margin-bottom: 15px;
}
.pricing-plan-head .pricing-plan-price .wcpbc-price {
  display: flex;
  flex-direction: column-reverse;
}
.pricing-plan-head .pricing-plan-price ins {
  text-decoration: none;
}
.pricing-plan-head .pricing-plan-price ins span {
  font-size: 34px;
  font-family: "poppinsbold";
  color: var(--main-theme-color);
}
.pricing-plan-head .pricing-plan-price del {
  color: var(--gray-text-color);
  font-weight: 500;
  font-style: italic;
  font-family: "poppinsmedium";
  display: block;
  margin-bottom: 5px;
}
.pricing-plan-head .wpfm-theme-button {
  border: 1px solid var(--main-theme-color);
  background: transparent;
  color: var(--main-theme-color);
  margin-top: 25px;
}
.pricing-plan-head .wpfm-theme-button:hover {
  background: #cf3800 !important;
  border-color: #cf3800;
}
.pricing-plan-details {
  padding: 20px;
}
.pricing-plan-details h6 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 18px;
  font-family: "poppinsmedium";
  font-weight: normal;
}
.pricing-plan-details ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.pricing-plan-details li {
  font-size: 16px;
  color: var(--gray-text-color);
  display: flex;
  align-items: center;
  margin-top: 5px;
}
.pricing-plan-details i {
  font-size: 12px;
  margin-right: 8px;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  border-radius: 100px;
  background-color: var(--light-gray-color);
  display: flex;
  align-items: center;
  justify-content: center;
}
.pricing-plan-details .wpfmtheme-check-line {
  background-color: rgba(15, 197, 131, 0.2);
  color: #0fc583 !important;
}
.pricing-plan-details .wpfmtheme-close-line {
  background-color: var(--border-color);
  color: var(--gray-text-color);
}
.site-selection-dropdown {
  position: relative;
}
.site-selection-dropdown .site-selection-dropdown-toggle {
  position: relative;
  cursor: pointer;
  padding: 10px;
  user-select: none;
}
.site-selection-dropdown .site-selection-dropdown-toggle:after {
  content: "\EA4E";
  font-family: "wpfmtheme-icon";
  position: relative;
  right: -5px;
  top: 5px;
  font-size: 20px;
  display: inline-block;
}
.site-selection-dropdown .site-selection-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  background-color: #fff;
  box-shadow: var(--box-shadow);
  border-radius: 5px;
  text-align: left;
  min-width: 150px;
  overflow: hidden;
  display: none;
  z-index: 1;
  transform: translate(-50%, 0px);
}
.site-selection-dropdown .site-selection-dropdown-menu a {
  display: block;
  padding: 8px 20px;
  font-family: "poppinsmedium";
  cursor: pointer;
  color: #000;
}
.site-selection-dropdown .site-selection-dropdown-menu a:hover {
  background-color: var(--light-gray-color);
}
.site-selection-dropdown.show .site-selection-dropdown-menu {
  display: block;
}
.compare-addons .wpfm-table-responsive {
  box-shadow: var(--box-shadow);
}
.compare-addons-table {
  width: 100%;
  font-family: "poppinsmedium";
  border-collapse: collapse;
  font-size: 17px;
}
.compare-addons-table thead th {
  background-color: var(--light-gray-color);
  color: var(--gray-text-color);
  padding: 25px 5px;
  font-family: "poppinssemibold";
  max-width: 190px;
}
.compare-addons-table thead th:nth-child(1) {
  text-align: left;
  padding-left: 15px;
}
.compare-addons-table thead th.highlight-addons {
  background-color: var(--main-theme-color);
  color: #fff;
}
.compare-addons-table td {
  border-bottom: 1px solid var(--border-color);
  line-height: normal;
  padding: 15px;
  text-align: center;
  position: relative;
}
.compare-addons-table td:nth-child(1) {
  text-align: left;
}
.compare-addons-table td.highlight-addons {
  background: var(--main-theme-light-color);
  border-color: #fff;
}
.compare-addons-table td.highlight-addons .wpfmtheme-check-line {
  background-color: var(--main-theme-color);
  color: #fff;
}
.compare-addons-table td .wpfmtheme-check-line {
  font-size: 16px;
  color: var(--main-theme-color);
  width: 22px;
  height: 22px;
  background-color: var(--main-theme-light-color);
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.compare-addons-table td .wpfmtheme-close-circle-fill {
  font-size: 22px;
  opacity: 0.2;
}
.compare-addons-table tr:last-of-type td {
  border: 0;
}
.pricing-features {
  border-bottom: 1px solid var(--border-color);
}
.pricing-features-item {
  text-align: center;
  padding: 0 30px;
}
.pricing-features-item h4 {
  margin: 30px 0 15px;
  font-size: 21.4px;
  font-family: "poppinssemibold";
}
.pricing-features-item i {
  width: 80px;
  height: 80px;
  background-color: var(--main-theme-light-color);
  border-radius: 6px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--transaction);
  font-size: 44px;
  color: var(--main-theme-color);
}
.pricing-features-item:hover i {
  background-color: var(--main-theme-color);
  color: #fff;
  box-shadow: 0 10px 30px rgba(244, 67, 54, 0.5);
}

/* =============== PRICING END =============== */
/* =============== BLOG START =============== */
.blog-search-form {
  position: relative;
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
}
.blog-search-form i {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translate(0px, -50%);
}
.blog-search-form .form-input {
  width: 100%;
  height: 54px;
  border: 1px solid var(--border-color);
  border-radius: 4px;
  padding: 15px 15px 15px 40px;
  font-size: 17px;
  font-family: "poppinsmedium";
}
.blog-list-section .wpfm-col-md-6 {
  margin-bottom: 30px;
}
.blog-post-wrapper {
  border: 1px solid var(--border-color);
  padding: 15px;
  border-radius: 6px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.blog-post-wrapper .blog-image-wrapper {
  line-height: 0;
}
.blog-post-wrapper .blog-content-wrapper {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.blog-post-wrapper .blog-content-wrapper .blog-category a {
  color: var(--main-theme-color);
}
.blog-post-wrapper .blog-content-wrapper .blog-title {
  margin-top: 10px;
  margin-bottom: 25px;
  flex: 1;
}
.blog-post-wrapper .blog-content-wrapper .blog-title a {
  color: #000;
  font-size: 21px;
  font-family: "poppinssemibold";
  font-weight: normal;
  line-height: 30px;
}
.blog-post-wrapper .blog-content-wrapper .blog-title .blog-title-text {
  margin: 0px;
}
.blog-post-wrapper:hover {
  box-shadow: var(--box-shadow);
}
.blog-infomation-wrap {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.blog-infomation-wrap li {
  color: var(--gray-text-color);
  font-size: 16px;
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.blog-infomation-wrap li:before {
  font-family: "wpfmtheme-icon" !important;
  font-style: normal;
  font-size: 18px;
  margin-right: 5px;
  color: #000000;
}
.blog-infomation-wrap li:after {
  font-family: "wpfmtheme-icon" !important;
  font-style: normal;
  font-size: 18px;
  margin-left: 5px;
  color: #000000;
}
.blog-infomation-wrap li a {
  color: #000000;
}
.blog-infomation-wrap li a:hover {
  color: var(--main-theme-color);
}
.blog-infomation-wrap li.author-name::before {
  content: "\F256";
}
.blog-infomation-wrap li.author-posted-on::before {
  content: "\EB21";
}
.blog-infomation-wrap li.blog-modified-date::before {
  content: "\F20F";
}
.blog-infomation-wrap li.blog-total-viewer::before {
  content: "\ECB5";
}
.blog-infomation-wrap li.blog-total-comment::before {
  content: "\EF44";
}
.blog-infomation-wrap li.blog-category-type::before {
  content: "\ED6A";
}
.blog-infomation-wrap li.blog-prev-link::before {
  content: "\EA5C";
}
.blog-infomation-wrap li.blog-next-link::after {
  content: "\EA68";
}
.blog-infomation-wrap li:last-of-type {
  margin-right: 0px;
}
.wpfm-blog-shorting {
  background-color: var(--light-gray-color);
  padding: 12px 20px;
  margin-bottom: 40px;
  line-height: normal;
}
.wpfm-blog-shorting ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}
.wpfm-blog-shorting ul li a {
  display: inline-block;
  font-family: "poppinssemibold";
  font-weight: normal;
  text-transform: uppercase;
  color: #000;
  padding: 10px 10px 10px 0;
  font-size: 15px;
}
.wpfm-blog-shorting ul li a::after {
  content: "/";
  margin-left: 10px;
  color: #000;
  font-family: "poppinsregular";
  opacity: 0.2;
}
.wpfm-blog-shorting ul li:last-of-type a::after {
  display: none;
}
.wpfm-blog-shorting ul li.active a,
.wpfm-blog-shorting ul li:hover a {
  color: var(--main-theme-color);
}
.subscribers-section {
  background-color: var(--main-theme-light-color);
  border-radius: 6px;
}
.subscribers-section .newsletter-form-left-col {
  display: flex;
  flex: 1;
}
.subscribers-section i {
  font-size: 40px;
  width: 90px;
  height: 90px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  margin: 0 auto 20px;
  color: var(--main-theme-color);
  box-shadow: 0 10px 30px rgba(255, 70, 0, 0.1);
}
.subscribers-section .subscribers-form form,
.subscribers-section .subscribers-form form .wpfm-subscribers-wrapper {
  max-width: 850px;
  width: 100%;
  margin: 0 auto;
}
.subscribers-section .subscribers-form form .newsletter-form-wrapper {
  display: flex;
}
.subscribers-section .subscribers-form form .newsletter-form-wrapper p {
  margin-right: 15px;
  width: 100%;
}
.subscribers-section
  .subscribers-form
  form
  .newsletter-form-wrapper
  p:last-of-type {
  margin: 0px;
  width: inherit;
}
.subscribers-section .subscribers-form form .form-control {
  height: 55px;
  border: 0;
  border-radius: 4px;
  padding: 15px;
  width: 100%;
  margin-right: 20px;
  font-size: 17px;
  line-height: 5;
  font-family: "poppinsmedium";
}
.posts-navigation,
#comments.comments-area {
  display: none;
}
#ajaxsearchlite1 .probox .proinput input {
  font-size: 17px !important;
}
.blog-search-form div.asl_m.asl_w {
  border: 2px solid #eee !important;
  border-radius: 4px !important;
}
.blog-search-form div.asl_m .probox .proinput {
  margin-left: 0 !important;
}
div.asl_r .results .item .asl_content h3 a {
  color: #000 !important;
  font-size: 17px !important;
}
div.asl_r .results .item .asl_content h3 a:hover {
  color: var(--main-theme-color) !important;
  font-size: 17px !important;
}
div.asl_r .results .item .asl_content .asl_desc {
  font-size: 14px !important;
}
div.asl_r.vertical {
  box-shadow: var(--box-shadow) !important;
  background: #fff !important;
}
.single-post .inner-page-title-section .wpfm-main-title-wrapper .wpfm-title {
  margin: 0;
}
.no-results {
  padding: 100px 0;
}
.no-results .page-header {
  text-align: center;
}
.no-results .page-header .page-title {
  font-family: "poppinsbold";
  font-size: 38px;
  line-height: 50px;
  letter-spacing: 0.5px;
  margin-top: 0;
  margin-bottom: 10px;
}
.no-results .search-form {
  display: none;
}
.no-results .page-content p {
  text-align: center;
}
.wpfm_ajax_wrapper {
  position: relative;
}
.wpfm_ajax_search form input[type="search"] {
  width: 100%;
  padding: 6px 10px;
  font-size: 17px;
  padding-right: 50px;
  font-family: "poppinsmedium";
  color: #000;
  height: 48px;
  border: 2px solid #eee;
  border-radius: 4px;
}
.wpfm_ajax_icon button {
  border: 0;
  background: transparent;
  position: absolute;
  right: 10px;
  top: 10px;
}
.wpfm_ajax_search .ajax-loader {
  position: absolute;
  top: 6px;
  right: 20px;
}
.wpfm_ajax_search .ajax-loader.hidden {
  display: none !important;
}
.ajax-loader {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.ajax-loader div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 8px;
  height: 20px;
  margin: 8px;
  border: 3px solid #fff;
  border-radius: 50%;
  animation: ajax-loader 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #000 transparent transparent transparent;
}
.ajax-loader div:nth-child(1) {
  animation-delay: -0.45s;
}
.ajax-loader div:nth-child(2) {
  animation-delay: -0.3s;
}
.ajax-loader div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes ajax-loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.wpfm_ajax_result {
  position: absolute;
  background: white;
  width: 100%;
  z-index: 9999;
  box-shadow: 0 10px 30px rgb(0 0 0 / 5%);
}
.wpfm-search-results {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 450px;
  overflow: auto;
}
.wpfm-search-results .results-items {
  padding: 10px;
  border-bottom: 2px solid var(--light-gray-color);
}
.wpfm-search-results .content{
  margin-left: 10px;
}
.wpfm-search-results .content .title {
  margin-top: 0;
  color: #000;
  margin-bottom: 5px;
  font-family: "poppinssemibold";
}
.wpfm-search-results .content p {
  font-size: 14px;
  line-height: 22px;
}
.wpfm-search-results .image img {
  max-width: 100px;
  width: 100%;
  object-fit: contain;
  max-height: 100px;
}
.wpfm-search-results a {
  display: flex;
}
.wpfm-search-results .image {
  flex: 0 0 100px;
}
.wpfm_ajax_search_wrapper input[type="submit"] {
  display: none;
}
.wpfm_ajax_result ul {
  list-style: none;
  padding-left: 15px;
}
.blog-search-form div.asl_m.asl_w .probox {
  background: #fff !important;
  color: #000 !important;
  height: 44px !important;
}
body #ajaxsearchlite1 .probox .proinput input,
body div.asl_w .probox .proinput input {
  color: #000 !important;
  height: 44px !important;
  font-size: 17px !important;
  font-family: "poppinsmedium";
  padding: 0 10px !important;
}
body div.asl_w .probox .promagnifier {
  height: 44px !important;
  width: 44px !important;
  background: transparent;
  color: #000 !important;
}
body div.asl_w .probox .promagnifier .innericon svg {
  fill: #000 !important;
}
body div.asl_w .probox .proloading,
body div.asl_w .probox .proclose,
body div.asl_w .probox .promagnifier,
body div.asl_w .probox .prosettings {
  width: 44px !important;
  height: 44px !important;
}
body div.asl_w .probox .proinput input.autocomplete {
  margin-top: -44px !important;
  line-height: 5 !important;
}
/* =============== 9. BLOG END =============== */

/* =============== 10. BLOG DETAILS START =============== */
.wpfm-youtube-video-container {
	position:relative;
	padding-bottom: 56.25%;
	height:0;
	overflow:hidden;
	margin-bottom: 20px;
}
.wpfm-youtube-video-container iframe, .wpfm-youtube-video-container object, .wpfm-youtube-video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.blog-details-content-section {
    padding-top: 30px;
}
.single-blog-post-content {
  font-size: 17px;
  line-height: 32px;
  color: #000;
  letter-spacing: 0.2px;
  margin-top: 15px;
  border-top: 1px solid var(--border-color);
  padding-top: 40px;
}
.text-center {
  text-align: center;
}

.single-blog-post-content a {
  color: var(--main-theme-color);
  font-family: "poppinsmedium";
}
.single-blog-post-content a:hover {
  text-decoration: underline;
}
.single-blog-post-content a.wpfm-theme-button {
  text-decoration: none;
  color: #fff;
}
.single-blog-post-content p {
  margin: 0px 0px 15px 0px;
  padding: 0px;
}
.single-blog-post-content p b,
.single-blog-post-content p strong,
.single-blog-post-content b {
  font-family: "poppinsmedium";
  color: #000000;
  font-weight: normal;
}
.single-blog-post-content h4 {
  font-size: 21px;
  line-height: 28px;
  letter-spacing: 0.2px;
}
.single-blog-post-content h6 {
  font-size: 21px;
  line-height: 25px;
}
.single-blog-post-content h1,
.single-blog-post-content h2,
.single-blog-post-content h3,
.single-blog-post-content h4,
.single-blog-post-content h5,
.single-blog-post-content h6 {
  font-family: "poppinssemibold";
  font-weight: normal;
  margin-bottom: 15px;
  margin-top: 40px;
  letter-spacing: 0.2px;
}
.single-blog-post-content img {
  margin: 20px auto;
}
.single-blog-post-content h3 {
  font-size: 21px;
}
.single-blog-post-content h5 {
  font-size: 19px;
  line-height: 25px;
  letter-spacing: 0.2px;
  font-family: "poppinsmedium";
  font-weight: normal;
  margin: 15px 0;
}
.single-blog-post-content > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.single-blog-post-content > ul li {
  width: 100%;
  font-size: 17px;
  letter-spacing: 0.2px;
  margin-bottom: 8px;
  padding: 0px 0px 0px 20px;
  position: relative;
  color: var(--gray-text-color);
}
.single-blog-post-content > ul li:before {
  content: "";
  height: 8px;
  width: 8px;
  top: 9px;
  background: red;
  display: flex;
  position: absolute;
  left: 0;
  border-radius: 100%;
}
.single-blog-post-content .lwptoc_i {
  padding: 30px !important;
}

.single-blog-post-content .lwptoc_header {
  margin-bottom: 15px;
  border-bottom: 1px solid #d1d1d1;
  padding-bottom: 15px;
  font-size: 28px;
}

.single-blog-post-content .lwptoc {
  margin: 32px 0;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #d1d1d1;
  transition: all 0.6s;
}
.single-blog-post-content .lwptoc a:hover {
  text-decoration: none;
}

.single-blog-post-content .lwptoc:hover {
  box-shadow: 0 0 20px rgb(0 0 0 / 6%);
  border-color: var(--main-theme-color);
}

.single-blog-post-content .lwptoc_i {
  padding: 20px;
}

.single-blog-post-content .lwptoc_itemWrap {
  padding-left: 30px;
}

.single-blog-post-content .lwptoc_item {
  font-family: var(--font-regular);
  line-height: 28px;
  margin: 5px 0;
}
.single-blog-post-content .lwptoc .lwptoc_item a {
  color: #111 !important;
  font-size: 20px;
  position: relative;
  line-height: 30px;
}
.single-blog-post-content .lwptoc .lwptoc_item a:hover {
  color: var(--main-theme-color) !important;
}

.single-blog-post-content .lwptoc_item a:hover:after {
  width: 100%;
}
.single-blog-post-content strong {
  color: #333;
  font-family: "poppinssemibold";
}
.single-blog-post-content .lwptoc_item a:after {
  width: 0;
  height: 2px;
  background: var(--main-theme-color);
  content: "";
  transition: all 0.4s;
  position: absolute;
  bottom: -4px;
  left: 0;
}

span.lwptoc_item_label:before {
  content: "\2022";
  color: var(--main-theme-color);
  font-weight: 700;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  font-size: 20px;
}
.single-blog-post-content h2 {
  background-color: var(--light-gray-color);
  padding: 15px;
  border-left: 5px solid #ff4600;
  margin-top: 40px;
}
.single-blog-post-content table th strong {
    color: #fff
}

.single-blog-post-content thead {
    background-color: var(--main-theme-color);
    color: #fff;
    border-radius: 10px 10px 0 0;
    overflow: hidden
}

.single-blog-post-content table tr:nth-child(even) {
    background-color: #f5f5f5
}

.single-blog-post-content ol li strong,.single-blog-post-content li strong {
    font-size: 19px;
    color: #222
}

.single-blog-post-content th {
    padding: 10px 20px;
    font-size: 18px;
    text-align: left
}

.single-blog-post-content td {
    border: 1px solid #f5f5f5;
    padding: 15px;
    margin: 0
}

.single-blog-post-content table {
    max-width: 1000px;
    margin: 30px auto;
    border-collapse: collapse;
    border-radius: 4px;
    overflow: hidden;
    border-bottom: 0 solid var(--main-theme-color);
    height: 100%;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%)
}
.single-blog-post-content table.remove-multi-straps tr:nth-child(even) {
    background-color: #fff
}

/* Blog page css Additional End */
.blog-table-of-contents {
  background-color: var(--main-theme-light-color);
  padding: 30px;
  border-radius: 4px;
}
.blog-table-of-contents h2 {
  margin-top: 0;
}
.blog-table-of-contents ul {
  margin: 0;
  padding-left: 20px;
  list-style: decimal;
}
.blog-table-of-contents ul li::marker {
  color: var(--main-theme-color);
}
.blog-table-of-contents ul a {
  font-family: "poppinsmedium";
  color: #000000;
}
.blog-table-of-contents ul a:hover {
  color: var(--main-theme-color);
  text-decoration: none;
}
.single-blog-post-author-wrapper {
  border-top: 1px solid var(--border-color);
  padding-top: 60px;
}
.single-blog-post-author-wrapper h3 {
  font-family: "poppinssemibold";
  font-weight: normal;
  font-size: 20px;
  margin: 0px 0px 25px 0px;
}
.single-blog-post-author-wrapper .author-infomation {
  display: flex;
}
.single-blog-post-author-wrapper .author-photo {
  flex: 0 0 90px;
  width: 90px;
}
.single-blog-post-author-wrapper .author-photo img {
  border-radius: 100px;
  width: 90px;
  height: 90px;
  object-fit: cover;
}

.single-blog-post-author-wrapper .author-bio {
  margin-left: 20px;
}
.single-blog-post-author-wrapper .author-bio h4 {
  font-family: "poppinssemibold";
  font-weight: normal;
  font-size: 18px;
  margin: 0px 0px 7px 0px;
}
.single-blog-post-author-wrapper .author-bio a {
  color: #000;
}
.single-blog-post-author-wrapper .author-blog-text {
  letter-spacing: 0.2px;
  margin-bottom: 15px;
  color: var(--gray-text-color);
}
.single-blog-post-author-wrapper .author-blog-link a {
  color: var(--main-theme-color);
}

/* =============== BLOG DETAILS END =============== */

/* =============== BLOG AUTHOR START =============== */
.author-page-info-section {
  background-color: var(--light-gray-color);
  padding: 40px 0;
}
.author-page-info-section .wpfm-main-title-wrapper {
  margin: 0 0 20px 0;
}
.author-page-info-section .author-photo {
  margin-bottom: 20px;
}
.author-page-info-section .author-photo img {
  border-radius: 100%;
  width: 90px;
  height: 90px;
  object-fit: cover;
}
.author-page-info-section .breadcrumb-list-wrap ul {
  justify-content: center;
}
.author-social-links-wrap ul {
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.author-social-links-wrap ul li {
  margin: 5px;
}
.author-social-links-wrap ul li a {
  height: 34px;
  width: 34px;
  background: #fff;
  color: #fff;
  text-align: center;
  font-size: 16px;
  position: relative;
  border-radius: 100%;
  transition: var(--transaction);
  display: flex;
  align-items: center;
  justify-content: center;
}
.author-social-links-wrap ul li a:hover {
  background-color: var(--main-theme-color) !important;
}
.author-social-links-wrap ul li.social-facebook a {
  background: #3a559f;
}
.author-social-links-wrap ul li.social-twitter a {
  background: #1da1f2;
}
.author-social-links-wrap ul li.social-linkedin a {
  background: #0274b3;
}
.author-social-links-wrap ul li.social-instagram a {
  background: #b831a7;
}
.author-social-links-wrap ul li.social-youtube a {
  background: #ec2828;
}
.author-social-links-wrap ul li.social-github a {
  background: #000;
}
.gray_bg {
  background-color: var(--light-gray-color);
}
.join-our-community-links {
  display: grid;
  column-gap: 15px;
  grid-template-columns: 1fr 1fr;
}
.join-our-community-links .wpfm-theme-button {
  background-color: var(--main-gray-bg-color);
  color: var(--main-dark-txt-color);
  margin-bottom: 15px;
  margin-top: 0;
  border-color: transparent;
}
.join-our-community-links .wpfm-theme-button i {
  margin-right: 10px;
}
.join-our-community-links .wpfm-theme-button-facebook:hover {
  background-color: #3a559f;
  color: #fff;
}
.join-our-community-links .wpfm-theme-button-slack:hover {
  background-color: #4a154b;
  color: #fff;
}
.join-our-community-links .wpfm-theme-button-github:hover {
  background-color: #171515;
  color: #fff;
}
.join-our-community-links .wpfm-theme-button-youtube:hover {
  background-color: #ec2828;
  color: #fff;
}
/* =============== BLOG AUTHOR END =============== */

/* =============== CONTACT START =============== */
.wpcf7-form .form-group {
  margin-bottom: 15px;
}
.wpcf7-form .form-group label {
  font-family: "poppinsmedium";
  font-size: 17px;
  line-height: 23px;
  margin-bottom: 10px;
  display: flex;
}
.wpcf7-form .form-group label .required {
  margin-left: 2px;
  color: red;
  font-weight: 700;
  border: 0;
  text-decoration: none;
}
.wpcf7-form .form-group .wpcf7-form-control {
  font-family: "poppinsregular";
  width: 100%;
  background: #ffffff;
  border: 2px solid var(--border-color);
  height: auto;
  padding: 13px 15px;
  border-radius: 5px;
  font-size: 17px;
  line-height: 21px;
  outline: none;
  transition: var(--transaction);
}
.wpcf7-form .form-group .wpcf7-form-control:hover {
  border-color: #aaa;
}
.wpcf7-form .form-group .wpcf7-form-control:focus {
  border-color: var(--main-theme-color);
}
.wpcf7-form .form-group textarea.wpcf7-form-control {
  width: 100% !important;
}
.wpcf7-form br {
  display: none;
}
.wpcf7-captchar {
  font-family: "poppinsregular";
  max-width: 250px;
  width: 100%;
  background: #ffffff;
  border: 2px solid var(--border-color);
  height: auto;
  padding: 13px 15px;
  border-radius: 5px;
  font-size: 17px;
  line-height: 21px;
  outline: none;
  transition: var(--transaction);
}
.wpcf7-captchar:hover {
  border-color: #aaa;
}
.wpcf7-captchar:focus {
  border-color: var(--main-theme-color);
}

.wpfm-contact-form form {
    box-shadow: var(--box-shadow);
    padding: 30px;
    border-radius: 10px;
}
/* =============== CONTACT END =============== */


/* =============== SUPPORT START =============== */
.support-section {
  background-color: var(--light-gray-color);
}
.support-section .wpfm-col-lg-6 {
  margin-bottom: 30px;
}
.support-box {
  text-align: center;
  padding: 30px;
  border-radius: 6px;
  background-color: #fff;
  height: 100%;
  transition: var(--transaction);
}
.support-box .support-box-icon {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-color: var(--main-theme-light-color);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  font-size: 44px;
  color: var(--main-theme-color);
  transition: var(--transaction);
}
.support-box h4 {
  font-family: "poppinssemibold";
  font-weight: normal;
  font-size: 21px;
  line-height: 30px;
  margin: 25px 0 15px;
}
.support-box.support-ticket-box {
  background-color: var(--main-theme-light-color);
}
.support-box.support-ticket-box .support-box-icon {
  background-color: #fff;
}
.support-box:hover {
  box-shadow: var(--box-shadow);
}
.support-box:hover .support-box-icon {
  background-color: var(--main-theme-color);
  color: #fff;
  box-shadow: var(--box-shadow);
}
.popular-articles-wrapper ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0 -10px -20px;
}
.popular-articles-wrapper ul li {
  width: calc(50% - 20px);
  margin: 0 10px 20px;
}
.popular-articles-wrapper ul li a {
  background-color: var(--light-gray-color);
  padding: 20px;
  display: block;
  color: #000;
  font-family: "poppinsmedium";
  font-size: 18px;
  letter-spacing: 0.1px;
  border-radius: 6px;
}
.popular-articles-wrapper ul li a:hover {
  color: var(--main-theme-color);
  background-color: var(--main-theme-light-color);
  box-shadow: var(--box-shadow);
}
.feature-request-content {
  background-color: var(--main-theme-light-color);
  padding: 40px;
  border-radius: 6px;
}
.feature-request-content .wpfm-main-title-wrapper {
  text-align: left;
}
.feature-request-content .feature-request-img {
  height: 100%;
  background: url(assets/images/sprites/feature-request-img.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  min-height: 300px;
}
.feature-request-content .feature-request-content-icon {
  font-size: 40px;
  color: var(--main-theme-color);
  line-height: normal;
  margin-bottom: 10px;
}
.our-community-content {
  height: 100%;
}
.our-community-content a {
  display: block;
  color: #000;
  text-align: center;
  background-color: #fff;
  padding: 30px;
  box-shadow: var(--box-shadow);
  height: 100%;
}
.our-community-content a:hover {
  color: var(--main-theme-color);
}
.our-community-content h4 {
  font-family: "poppinssemibold";
  font-weight: normal;
  font-size: 19px;
  line-height: 25px;
  margin: 15px 0;
}
.our-community-content i {
  font-size: 50px;
  margin: 0 0 15px;
  line-height: normal;
}
/* =============== SUPPORT END =============== */

/* =============== FAQ PAGE START =============== */
.wpfm-faqs-page-section .wpfm-faqs-wrapper {
  padding: 30px;
  margin-bottom: 30px;
}
.wpfm-faqs-page-section .wpfm-faqs-wrapper h3 {
  font-family: "poppinsmedium";
  font-size: 20px;
  line-height: normal;
  margin: 0 0 30px 0;
  color: var(--main-theme-color);
  letter-spacing: 0.3px;
  padding: 15px;
  display: inline-block;
  font-weight: normal;
  margin-left: -30px;
  border-left: 4px solid;
  background-color: var(--main-theme-light-color);
  border-radius: 0 4px 4px 0;
}
.wpfm-faqs-page-section .wpfm-faqs-wrapper h3 i {
  font-weight: normal;
  position: relative;
  top: 3px;
  margin-right: 3px;
}
.faqs-sidebar {
  background-color: #fff;
  margin-right: 30px;
  border-radius: 6px;
  box-shadow: var(--box-shadow);
  position: sticky;
  top: 100px;
  padding: 30px;
}
.faqs-sidebar h2 {
    margin-top: 0;
}
.faqs-sidebar .wpfm-theme-button {
    color: #fff;
}
.faqs-sidebar .wpfm-theme-button:hover {
    color: #fff;
}
.faqs-sidebar ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.faqs-sidebar ul li a {
  display: flex;
  padding: 15px;
  color: #000;
  font-family: "poppinsmedium";
  font-size: 17px;
  font-weight: normal;
  border-bottom: 1px solid var(--border-color);
}
.faqs-sidebar ul li a:hover,
.faqs-sidebar ul li a.active {
  color: var(--main-theme-color);
}
.faqs-sidebar ul li a::before {
  content: "\EA6E";
  font-family: "wpfmtheme-icon" !important;
  font-style: normal;
  font-size: 20px;
  margin-right: 5px;
}
.faqs-sidebar ul li:last-of-type a {
  border: 0px;
}
/* =============== FAQ PAGE END =============== */

/* =============== 15. KNOLEDGE BASE START =============== */
.eckb-kb-template #eckb-article-content #eckb-article-content-body ol ul {
  margin: 0;
  padding-left: 30px;
  width: 100%;
}

.eckb-kb-template #eckb-article-content #eckb-article-content-body ol ul li {
  width: 100%;
  margin-top: 7px;
  padding: 0 0 0 20px;
  color: var(--gray-text-color);
}

body
  #epkb-main-page-container.epkb-categories-template
  .epkb-full
  .epkb-doc-search-container,
body
  #epkb-main-page-container.epkb-basic-template
  .epkb-full
  .epkb-doc-search-container {
  background-color: var(--light-gray-color) !important;
  padding: 60px 0 !important;
}

body
  #epkb-main-page-container.epkb-categories-template
  .epkb-full
  .epkb-doc-search-container__title,
body
  #epkb-main-page-container.epkb-basic-template
  .epkb-full
  .epkb-doc-search-container__title {
  color: #000 !important;
  font-family: "poppinsbold";
  font-size: 38px !important;
  line-height: 50px;
  letter-spacing: 0.5px;
}

body
  #epkb-main-page-container.epkb-categories-template
  .epkb-full
  .epkb-search
  .epkb-search-box
  input[type="text"],
body
  #epkb-main-page-container.epkb-basic-template
  .epkb-full
  .epkb-search
  .epkb-search-box
  input[type="text"] {
  width: 100%;
  height: 54px;
  border: 1px solid var(--border-color) !important;
  border-radius: 4px;
  padding: 15px !important;
  font-size: 17px;
  font-family: "poppinsmedium";
  font-weight: 400;
  line-height: 54px !important;
}

body
  #epkb-main-page-container.epkb-categories-template
  .epkb-full
  .epkb-search
  .epkb-search-box
  input[type="text"]:focus,
body
  #epkb-main-page-container.epkb-basic-template
  .epkb-full
  .epkb-search
  .epkb-search-box
  input[type="text"]:focus {
  border-color: #000 !important;
  outline: 1px solid #000 !important;
}

body
  #epkb-main-page-container.epkb-categories-template
  .epkb-full
  #epkb-content-container,
body
  #epkb-main-page-container.epkb-basic-template
  .epkb-full
  #epkb-content-container {
  max-width: 1370px !important;
}

body
  #epkb-main-page-container.epkb-categories-template
  .epkb-full
  .section-head
  .epkb-category-level-1--icon-loc-left
  .epkb-cat-icon,
body
  #epkb-main-page-container.epkb-basic-template
  .epkb-full
  .section-head
  .epkb-category-level-1--icon-loc-left
  .epkb-cat-icon {
  font-size: 30px !important;
  color: var(--main-theme-color) !important;
}

body
  #epkb-main-page-container.epkb-categories-template
  .epkb-full
  .section_light_shadow,
body
  #epkb-main-page-container.epkb-basic-template
  .epkb-full
  .section_light_shadow {
  box-shadow: var(--box-shadow);
}

body
  #epkb-main-page-container.epkb-categories-template
  .epkb-full
  .section_divider,
body #epkb-main-page-container.epkb-basic-template .epkb-full .section_divider {
  padding: 15px !important;
  border-bottom-color: var(--light-gray-color) !important;
}

body
  #epkb-main-page-container.epkb-categories-template
  .epkb-full
  .eckb-categories-list,
body
  #epkb-main-page-container.epkb-basic-template
  .epkb-full
  .eckb-categories-list {
  display: flex;
  flex-wrap: wrap;
  padding-top: 20px;
}

body
  #epkb-main-page-container.epkb-categories-template
  .epkb-full
  .eckb-categories-list
  .epkb-section-body,
body
  #epkb-main-page-container.epkb-basic-template
  .epkb-full
  .eckb-categories-list
  .epkb-section-body {
  padding: 10px 15px !important;
}

body
  #epkb-main-page-container.epkb-categories-template
  .epkb-full
  .eckb-article-title
  .eckb-article-title__icon,
body
  #epkb-main-page-container.epkb-basic-template
  .epkb-full
  .eckb-article-title
  .eckb-article-title__icon {
  color: #000 !important;
}

body
  #epkb-main-page-container.epkb-categories-template
  .epkb-full
  .eckb-article-title:hover,
body
  #epkb-main-page-container.epkb-basic-template
  .epkb-full
  .eckb-article-title:hover {
  color: var(--main-theme-color) !important;
}

body #eckb-article-page-container-v2 .epkb-doc-search-container {
  background-color: var(--light-gray-color) !important;
  padding: 60px 0 !important;
}

body
  #eckb-article-page-container-v2
  .epkb-doc-search-container
  .epkb-search
  .epkb-search-box
  input[type="text"] {
  width: 100%;
  height: 54px;
  border: 1px solid var(--border-color) !important;
  border-radius: 4px;
  padding: 15px !important;
  font-size: 17px;
  font-family: "poppinsmedium";
  font-weight: 400;
  line-height: 54px !important;
}

body
  #eckb-article-page-container-v2
  .epkb-doc-search-container
  .epkb-search
  .epkb-search-box
  input[type="text"]:focus {
  border-color: #000 !important;
  outline: 1px solid #000 !important;
}

body #eckb-article-page-container-v2 .epkb-doc-search-container__title {
  color: #000 !important;
  font-family: "poppinsbold";
  font-size: 38px !important;
  line-height: 50px;
  letter-spacing: 0.5px;
}

body #eckb-article-page-container-v2 #eckb-article-body {
  max-width: 1370px !important;
  grid-template-columns: 0 75% 25% !important;
}

body
  #eckb-article-page-container-v2
  #eckb-article-body
  .eckb-article-toc__inner {
  background-color: var(--light-gray-color);
  border-color: var(--main-theme-color);
  border: 0 !important;
  padding: 15px !important;
}

body
  #eckb-article-page-container-v2
  #eckb-article-body
  .eckb-article-toc__inner
  a {
  color: #000;
  border-bottom: 1px solid var(--border-color) !important;
  padding: 10px !important;
}

body
  #eckb-article-page-container-v2
  #eckb-article-body
  .eckb-article-toc
  ul
  a.active {
  background-color: var(--main-theme-color) !important;
  color: #fff !important;
}

body
  #eckb-article-page-container-v2
  #eckb-article-body
  #eckb-article-content
  #eckb-article-content-header-v2
  #eckb-article-content-title-container
  .eckb-article-title {
  margin: 10px 0;
  font-size: 34px;
  line-height: 40px;
  font-family: "poppinssemibold";
}

body
  #eckb-article-page-container-v2
  .eckb-article-toc
  .eckb-article-toc__inner
  ul
  li {
  margin: 0 !important;
}

body
  #eckb-article-page-container-v2
  .eckb-article-toc
  .eckb-article-toc__inner
  ul
  li
  a:hover {
  background-color: var(--border-color) !important;
}

body
  #eckb-article-page-container-v2
  .eckb-article-toc
  .eckb-article-toc__inner
  ul
  li
  a.active:hover {
  background-color: var(--main-theme-color) !important;
  color: #fff !important;
}

body
  #eckb-article-page-container-v2
  .eckb-article-toc
  .eckb-article-toc__inner
  .eckb-article-toc__title {
  font-family: "poppinssemibold";
  margin-bottom: 10px;
  border: 0;
}

body .eckb-kb-template #eckb-article-content #eckb-article-content-body ol {
  margin: 20px 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  counter-reset: item;
}

body
  .eckb-kb-template
  #eckb-article-content
  #eckb-article-content-body
  ol
  > li {
  width: 100%;
  font-size: 17px;
  letter-spacing: 0.2px;
  margin-top: 10px;
  padding: 5px 0 5px 35px;
  position: relative;
}

body
  .eckb-kb-template
  #eckb-article-content
  #eckb-article-content-body
  ol
  > li:before {
  content: counter(item) "";
  counter-increment: item;
  color: #fff;
  background: var(--main-theme-color);
  height: 25px;
  width: 25px;
  display: flex;
  position: absolute;
  left: 0;
  justify-content: center;
  top: 4px;
  font-size: 13px;
  line-height: 27px;
  font-weight: 400;
  font-family: "poppinssemibold";
  border-radius: 100%;
}

body .eckb-kb-template #eckb-article-content #eckb-article-content-body strong {
  font-family: "poppinssemibold";
  font-weight: 400;
  color: #000;
}

body .eckb-kb-template #eckb-article-content #eckb-article-content-body p {
  margin-bottom: 15px;
  width: 100%;
}

body .eckb-kb-template #eckb-article-content #eckb-article-content-body h2,
body .eckb-kb-template #eckb-article-content #eckb-article-content-body h3,
body .eckb-kb-template #eckb-article-content #eckb-article-content-body h4,
body .eckb-kb-template #eckb-article-content #eckb-article-content-body h5,
body .eckb-kb-template #eckb-article-content #eckb-article-content-body h6 {
  margin: 20px 0;
  font-family: "poppinssemibold";
}

body .eckb-kb-template #eckb-article-content #eckb-article-content-body iframe {
  max-width: 800px;
  width: 100%;
  height: 450px;
  box-shadow: var(--box-shadow);
}

body .eckb-kb-template #eckb-article-content #eckb-article-content-body img {
  margin: 20px 0;
  padding: 0;
  max-width: 900px;
  box-shadow: var(--box-shadow);
}

body .eckb-kb-template #eckb-article-content #eckb-article-content-body a {
  color: var(--main-theme-color);
}

body .eckb-tag-container {
  display: flex;
  align-items: center;
  padding-bottom: 0px !important;
}

body .eckb-tag-container ul.eckb-tag-list {
  margin: 0px !important;
  padding: 0px !important;
  display: inline-flex !important;
  flex-wrap: wrap !important;
}

body .eckb-tag-container ul.eckb-tag-list li {
  margin: 0px !important;
  padding: 5px !important;
  display: inline-flex !important;
  flex-wrap: wrap !important;
}

body .eckb-tag-container ul.eckb-tag-list li a {
  margin: 0px !important;
  padding: 8px 10px !important;
  background: var(--light-gray-color);
  border-radius: 4px;
  color: #000;
  font-family: "poppinsmedium";
}

body .eckb-tag-container ul.eckb-tag-list li a:hover {
  background-color: var(--main-theme-color);
  color: #fff;
}

body #eckb-article-content-body b {
  font-family: "poppinssemibold";
  color: #111;
}

body .eckb-category-archive-main .pagination .nav-links {
  display: flex;
  flex-wrap: wrap;
}

body .eckb-category-archive-main .pagination .nav-links .page-numbers span {
  display: none;
}

body .eckb-category-archive-main #eckb-categories-archive__body__left-sidebar {
  display: none;
}

body #eckb-categories-archive-container-v2 #eckb-categories-archive__body {
  grid-template-columns: 0% 100% 0;
}

body #eckb-categories-archive-container-v2 .eckb-category-archive-title h1 {
  font-family: "poppinssemibold";
  font-size: 30px;
  letter-spacing: 0.5px;
}

body
  #eckb-categories-archive-container-v2
  .eckb-category-archive-style-2
  .eckb-article-container {
  color: var(--gray-text-color);
}

body
  #eckb-categories-archive-container-v2
  .eckb-category-archive-style-2
  .eckb-article-container
  .eckb-article-header
  .eckb-article-title
  h2
  a {
  font-family: "poppinssemibold";
  font-size: 24px;
  letter-spacing: 0.3px;
  color: #000;
  font-weight: 400;
}

body
  #eckb-categories-archive-container-v2
  .eckb-category-archive-style-2
  .eckb-article-container
  .eckb-article-header
  .eckb-article-title
  .eckb-article-title-icon {
  color: var(--main-theme-color);
}

body
  #eckb-categories-archive-container-v2
  .eckb-category-archive-style-2
  .eckb-article-container
  .eckb-article-body
  .eckb-article-read-more {
  color: var(--gray-text-color);
}

body
  #eckb-categories-archive-container-v2
  #eckb-categories-archive__body__content {
  padding: 50px 15px;
}

body .syntaxhighlighter {
  box-shadow: var(--box-shadow);
  border: 1px solid var(--border-color);
  border-radius: 2px;
  padding: 15px;
}

body .syntaxhighlighter td.gutter {
  padding-right: 15px;
}

body #eckb-categories-archive__body__left-sidebar {
  display: none;
}

body
  #eckb-article-page-container-v2
  .eckb-article-toc
  .eckb-article-toc__inner::-webkit-scrollbar-thumb {
  background-color: #ccc;
}

body
  #eckb-article-page-container-v2
  .eckb-article-toc
  .eckb-article-toc__inner::-webkit-scrollbar-track {
  background-color: var(--border-color);
}

body .epkb-doc-search-container {
  background-color: var(--light-gray-color) !important;
  padding: 60px 0 !important;
}

body .epkb-doc-search-container__title {
  color: #000 !important;
  font-family: "poppinsbold";
  font-size: 38px !important;
  line-height: 50px;
  letter-spacing: 0.5px;
}

body
  #epkb-main-page-container.epkb-basic-template
  .epkb-doc-search-container
  .epkb-search
  .epkb-search-box
  input[type="text"] {
  width: 100%;
  height: 54px;
  border: 1px solid var(--border-color) !important;
  border-radius: 4px;
  padding: 15px !important;
  font-size: 17px;
  font-family: "poppinsmedium";
  font-weight: 400;
  line-height: 54px !important;
}

body
  #epkb-main-page-container.epkb-basic-template
  .epkb-doc-search-container
  .epkb-search
  .epkb-search-box
  input[type="text"]:focus {
  border-color: #000 !important;
  outline: 1px solid #000 !important;
}

body #asea-doc-search-container #asea-section-1 #asea-search-title {
  font-family: "poppinsbold";
  font-weight: 400;
  margin-bottom: 15px;
  font-size: 38px;
}

body
  #asea-doc-search-container
  #asea-section-1
  #asea_search_form
  #asea_search_results {
  position: absolute;
  width: 100%;
  box-shadow: var(--box-shadow);
  border-color: var(--border-color) !important;
}

body #asea-doc-search-container .asea-search-filter-icon {
  line-height: 0 !important;
}

body #asea-doc-search-container .asea-search-filter-icon:before {
  content: "\EA4E";
  font-family: "wpfmtheme-icon" !important;
  font-size: 20px;
  line-height: normal;
}

body #asea-doc-search-container #asea-sub-section-1-2 {
  z-index: 10;
}

.eckb-kb-template
  #eckb-article-content
  #eckb-article-content-body
  .highlights-content-style1-wrapper {
  display: block !important;
}

body .asea-search-filter-container input[type="checkbox"] {
  accent-color: var(--main-theme-color);
}

body
  #epkb-main-page-container.epkb-tabs-template
  .epkb-nav-tabs
  li
  .epkb-category-level-1 {
  margin: 0;
  padding: 27px 0;
  line-height: 0;
}

body #epkb-main-page-container.epkb-tabs-template .section_light_shadow {
  box-shadow: var(--box-shadow);
}

body
  #epkb-main-page-container.epkb-tabs-template
  .epkb-tab-panel
  section
  .epkb-cat-name {
  font-family: "poppinssemibold";
  padding-left: 10px;
}

body .eckb-article-title__icon.ep_font_icon_document:before {
  content: "\e905";
}

body
  #epkb-main-page-container.epkb-tabs-template
  .eckb-article-title
  .eckb-article-title__icon {
  color: var(--main-dark-txt-color) !important;
  font-size: 10px !important;
  font-weight: 700;
  top: 5px;
}

body
  #epkb-main-page-container.epkb-tabs-template
  .epkb-tab-panel
  section
  .epkb-section-body
  ul
  li
  a {
  display: block;
  padding: 15px 5px;
  border-bottom: 1px solid var(--border-color);
  float: inherit;
  width: 100%;
}

body
  #epkb-main-page-container.epkb-tabs-template
  .epkb-tab-panel
  section
  .epkb-section-body
  ul
  li
  a:hover
  span {
  color: var(--main-theme-color);
}

body
  #epkb-main-page-container.epkb-tabs-template
  .epkb-tab-panel
  section
  .epkb-section-body
  ul
  li:last-of-type
  a {
  border: 0;
}

body #epkb-main-page-container.epkb-tabs-template .eckb-article-title:hover {
  color: var(--main-theme-color) !important;
}

#epkb-main-page-container.epkb-tabs-template .epkb-full #epkb-content-container,
.single-post .blog-details-content-section .wpfm-container,
.single-blog-post-author-wrapper .wpfm-container {
  max-width: 1200px !important;
}

#eckb-article-page-container-v2
  #eckb-article-body
  #eckb-article-content
  #eckb-article-content-header-v2
  #eckb-article-content-breadcrumb-container
  .eckb-breadcrumb-nav
  li
  a
  span {
  color: var(--main-theme-color) !important;
  transition: all 0.2s 0s;
  cursor: pointer;
}

#eckb-article-page-container-v2
  #eckb-article-body
  #eckb-article-content
  #eckb-article-content-header-v2
  #eckb-article-content-breadcrumb-container
  .eckb-breadcrumb-nav
  li
  a
  span:hover {
  color: #000 !important;
}
.eckb-article-metadata a {
  color: var(--main-theme-color);
}
.popular-articles-section
  .popular-articles-wrapper
  .widg-shortcode-article-container
  ul
  li {
  width: calc(50% - 24px);
  margin: 12px;
}
.popular-articles-section
  .popular-articles-wrapper
  .widg-shortcode-article-container
  ul
  li
  a {
  display: flex;
  width: 100%;
  padding: 20px 20px 20px 80px;
  position: relative;
  border-radius: 7px;
  overflow: hidden;
}
.popular-articles-section
  .popular-articles-wrapper
  .widg-shortcode-article-container
  ul
  li
  a::before {
  content: "";
  background: var(--main-theme-color);
  height: 100%;
  position: absolute;
  width: 60px;
  left: 0;
  top: 0;
}
.popular-articles-section
  .popular-articles-wrapper
  .widg-shortcode-article-container
  ul
  li
  a
  .widg-shortcode-article-icon {
  position: absolute;
  font-size: 30px;
  color: #fff;
  top: 50%;
  transform: translate(0, -50%);
  left: 15px;
}
.popular-articles-section
  .popular-articles-wrapper
  .widg-shortcode-article-container
  ul
  li
  a
  .widg-article-title
  span {
  margin: 0;
  padding: 0;
  font-family: poppinsmedium;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: 0.1px;
}
.popular-articles-wrapper h4 {
  display: none;
}

.eckb-kb-template #eckb-article-content #eckb-article-content-body ul li {
  width: 100%;
  margin-top: 15px;
  padding: 0 0 0 20px;
  position: relative;
  list-style: none;
}
.eckb-kb-template
  #eckb-article-content
  #eckb-article-content-body
  ol
  ul
  li::before,
.eckb-kb-template
  #eckb-article-content
  #eckb-article-content-body
  ul
  li::before,
.single-blog-post-content ul li::before,
ul.theme-list li::before {
  content: "";
  height: 8px;
  width: 8px;
  top: 9px;
  background: var(--main-theme-color);
  display: flex;
  position: absolute;
  left: 0;
  border-radius: 100%;
}
.eckb-kb-template #eckb-article-content #eckb-article-content-body ul,
.single-blog-post-content ul {
  margin: 20px 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}
/* =============== 15. KNOLEDGE BASE END =============== */

/* =============== 16. LOGIN PAGE START =============== */
.woocommerce form.login,
.woocommerce form.register {
  border: none;
  padding: 0;
  margin: 0;
  text-align: left;
  border-radius: 0;
}
.woocommerce form.login .woocommerce-form-login__rememberme,
.woocommerce form.register .woocommerce-form-login__rememberme {
  margin: 11px 0;
}
.woocommerce #customer_login.col2-set,
.woocommerce-page #customer_login.col2-set {
  width: calc(100% + 30px);
  margin: 0 -15px;
  display: flex;
  flex-wrap: wrap;
}
.woocommerce #customer_login.col2-set .col-1,
.woocommerce #customer_login.col2-set .col-2,
.woocommerce-page #customer_login.col2-set .col-1,
.woocommerce-page #customer_login.col2-set .col-2 {
  width: calc(50% - 30px);
  background: #fff;
  border: 1px solid var(--border-color);
  border-radius: 7px;
  padding: 30px;
  margin: 15px;
}
.woocommerce #customer_login.col2-set .col-1 h2,
.woocommerce #customer_login.col2-set .col-2 h2,
.woocommerce-page #customer_login.col2-set .col-1 h2,
.woocommerce-page #customer_login.col2-set .col-2 h2 {
  margin-top: 0px;
}
.woocommerce form.lost_reset_password {
  background: #fff;
  border: 1px solid var(--border-color);
  border-radius: 7px;
  padding: 30px;
  margin: 0 auto;
  max-width: 550px;
  width: 100%;
}
.woocommerce form.lost_reset_password .form-row {
  width: 100%;
}
/* =============== 16. LOGIN PAGE END =============== */

/* =============== 17. WOOCOMMERCE START =============== */
.woocommerce-privacy-policy-text p {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 15px;
}
.woocommerce form .input-text {
  font-family: "poppinsregular";
  width: 100%;
  margin-right: 15px;
  background: #ffffff;
  border: 2px solid var(--border-color);
  height: auto;
  padding: 13px 15px;
  border-radius: 5px;
  font-size: 17px;
  line-height: 21px !important;
  outline: none;
  transition: var(--transaction);
}
.automatewoo-birthday-field select:hover,
.woocommerce form .input-text:hover {
  border-color: #aaa;
}
.woocommerce form .input-text:focus {
  border-color: var(--main-theme-color);
}
.woocommerce form.checkout_coupon {
  display: flex;
}
.woocommerce form.checkout_coupon .form-row.form-row-last input[type="submit"] {
  font-size: 17px;
  font-family: "poppinssemibold";
  text-decoration: none;
  text-transform: uppercase;
  background: var(--main-theme-color);
  color: #fff;
  padding: 12px 25px;
  display: inline-flex;
  line-height: 25px;
  letter-spacing: 0.5px;
  cursor: pointer;
  border-radius: 4px;
  box-shadow: unset;
  border: 2px solid var(--main-theme-color);
  transition: var(--transaction);
  position: relative;
}
.woocommerce form.checkout_coupon p {
  margin: 0 10px 0 0;
  width: inherit;
}
.woocommerce .woocommerce-table-responsive {
  overflow: auto;
  border: 2px solid #666 !important;
  border-radius: 5px !important;
  box-shadow: unset !important;
}
.woocommerce table.shop_table {
  background: #fff;
  margin: 0;
  border-radius: 0px;
  overflow: hidden;
  font-size: 17px !important;
  border-collapse: collapse;
  border: 0px;
  box-shadow: var(--box-shadow);
}
.woocommerce table.shop_table th {
  padding: 20px;
  line-height: normal;
  font-family: "poppinsregular";
  font-weight: normal;
  font-size: 16px;
}
.woocommerce table.shop_table td {
  border-top: 1px solid var(--border-color);
  padding: 15px 20px;
  color: #000;
  font-family: "poppinsmedium";
}
.woocommerce table.shop_table .button {
  border-color: transparent;
  padding: 0px 15px;
  margin: 3px;
  font-size: 14px;
  height: 38px;
  line-height: 38px;
  border: 0;
  text-transform: uppercase;
  font-family: "poppinssemibold";
  letter-spacing: 0.5px;
}
.woocommerce table.shop_table .button.pay {
  background-color: #3db160;
}
.woocommerce table.shop_table .button.pay:hover {
  background-color: #158b39;
}
.woocommerce table.shop_table .button.view,
.woocommerce table.shop_table .button.default {
  background-color: var(--border-color);
  color: #000;
}
.woocommerce table.shop_table .button.view:hover,
.woocommerce table.shop_table .button.default:hover {
  background-color: #ccc;
}
.woocommerce table.shop_table .button.delete {
  background-color: var(--main-theme-color);
  color: #fff;
}
.woocommerce table.shop_table .button.delete:hover {
  background-color: #cf3800;
  color: #fff;
}
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th {
  font-weight: 600;
  font-family: "poppinssemibold";
}
.woocommerce table.order_details {
  margin-bottom: 30px;
  box-shadow: var(--box-shadow) !important;
}
.woocommerce .on-hold,
.woocommerce .pending {
  color: #f1a500 !important;
  text-transform: capitalize;
}
.woocommerce .completed,
.woocommerce .active {
  color: #00bc00 !important;
  text-transform: capitalize;
}
.woocommerce .failed,
.woocommerce .cancelled,
.woocommerce .expired {
  color: #ff001d !important;
  text-transform: capitalize;
}
.woocommerce .woocommerce-customer-details {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: var(--box-shadow);
  padding: 0px;
}
.woocommerce .woocommerce-customer-details h2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--border-color);
  padding: 20px;
  font-size: 24px;
  font-family: "poppinssemibold";
  margin: 0;
}
.woocommerce .woocommerce-customer-details address {
  border: 0;
  padding: 20px;
  font-style: italic;
  word-break: break-all;
}
.woocommerce .woocommerce-order-details {
  padding: 0;
}
.woocommerce td .wc-item-meta {
  padding: 0;
  margin: 0;
  font-size: 14px;
}
.payment-method-img img {
  max-width: 50px;
}
.woocommerce-Addresses .woocommerce-Address {
  margin-top: 30px;
}
table.wpfm-split-table-wrapper {
  border-collapse: collapse;
  margin: 25px 0;
  border: 0;
}
table.wpfm-split-table-wrapper th,
table.wpfm-split-table-wrapper td {
  text-align: left;
  padding: 10px;
  border: 1px solid #dcdcdc;
}
table.wpfm-split-table-wrapper tbody tr:nth-child(even) {
  background-color: #fff;
}
table.wpfm-split-table-wrapper tbody tr:nth-child(odd) {
  background-color: #fff;
}
table.wpfm-split-table-wrapper thead tr {
  background-color: var(--light-gray-color);
}
.cart_item.bundled_table_item {
  display: none !important;
}
.woocommerce nav.woocommerce-pagination {
  margin-top: 20px;
}
.woocommerce-pagination ul.page-numbers {
  margin: 0 !important;
  border: 0 !important;
}
.woocommerce-pagination ul.page-numbers li {
  border: none !important;
  padding: 5px !important;
}
.woocommerce-pagination ul.page-numbers li .page-numbers {
  height: 45px !important;
  min-width: 45px !important;
  display: flex;
  padding: 0 15px !important;
  justify-content: center;
  line-height: 45px;
  background: var(--light-gray-color) !important;
  border-radius: 5px;
  color: #555;
  border: 2px solid transparent !important;
  transition: all 0.2s;
  position: relative;
  font-family: "poppinssemibold";
}
.woocommerce-pagination ul.page-numbers li .page-numbers:hover {
  color: #000 !important;
  border-color: #000 !important;
}
.woocommerce-pagination ul.page-numbers li .page-numbers.current {
  color: red !important;
  border-color: red !important;
}
.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
  border: 2px solid #53c100;
  padding: 15px;
  border-radius: 7px;
  box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 5%);
  font-family: "poppinsmedium";
  position: relative;
  padding-left: 40px;
}
.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received:before {
  font-family: WooCommerce;
  content: "\e015";
  color: #53c100;
  margin-right: 10px;
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translate(0px, -50%);
}
.woocommerce ul.order_details {
  border: 2px solid #ccc;
  padding: 5px 0;
  border-radius: 7px;
}
.woocommerce ul.order_details li {
  padding: 10px 30px;
  margin: 0;
  font-size: 12px;
  line-height: inherit;
}
/* =============== 17. WOOCOMMERCE END =============== */

/* =============== 18. MY ACCOUNT PAGES START =============== */
.wp-card {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: var(--box-shadow);
}
.wp-card .wp-card-header {
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--border-color);
}
.wp-card .wp-card-header .wp-card-title h3 {
  font-size: 24px;
  font-family: "poppinssemibold";
  margin: 0;
}
.wp-card .wp-card-header .wpfm-theme-button {
  background-color: var(--main-theme-light-color);
  border: 0;
  color: var(--main-theme-color);
  font-size: 14px;
  padding: 7px 15px;
  border-radius: 4px;
  margin: -7px 0;
}
.wp-card .wp-card-header .wpfm-theme-button:hover {
  background-color: var(--main-theme-color);
  color: #fff;
}
.wp-card .wp-card-body {
  padding: 20px;
}
.wp-card table.shop_table {
  box-shadow: none;
}
.wp-card-body + .wp-card-body {
  border-top: 1px solid var(--main-gray-bg-color);
}
.my-account-info {
  margin-bottom: 30px;
  margin-top: 10px;
}
.my-account-info h2 {
  font-family: "poppinsregular";
  font-weight: normal;
  margin-bottom: 5px;
  margin-top: 0px;
}
.woocommerce-EditAccountForm .wpfm-row {
  border-bottom: 1px solid var(--border-color);
  border-top: 1px solid var(--border-color);
  margin-bottom: 20px;
}
.woocommerce-EditAccountForm .wpfm-col-lg-6:nth-child(1) {
  border-right: 1px solid var(--border-color);
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.woocommerce-EditAccountForm .wpfm-col-lg-6:nth-child(2) {
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.woocommerce-MyAccount-content h4 {
  font-size: 20px;
  font-family: "poppinssemibold";
  margin-top: 0;
  margin-bottom: 10px;
}
.woocommerce .woocommerce-MyAccount-navigation {
  position: sticky;
  top: 100px;
  width: 25%;
}
.woocommerce .woocommerce-MyAccount-navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #fff;
  box-shadow: var(--box-shadow);
}
.woocommerce .woocommerce-MyAccount-navigation ul a {
  display: block;
  padding: 15px;
  border-bottom: 1px solid var(--border-color);
  font-family: "poppinsmedium";
  color: #000;
  font-size: 17px;
}
.woocommerce .woocommerce-MyAccount-navigation ul a:hover {
  color: var(--main-theme-color);
}
.woocommerce .woocommerce-MyAccount-navigation ul .is-active a {
  color: var(--main-theme-color);
}
.woocommerce .woocommerce-MyAccount-content {
  width: 72%;
}
.woocommerce .my-account-main-header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 1px solid var(--border-color);
  margin-bottom: 20px;
}
.woocommerce .my-account-main-header h1 {
  font-size: 26px;
  margin-top: 0;
  font-family: "poppinssemibold";
}
.woocommerce a.remove {
  font-weight: normal;
  color: #555 !important;
  font-family: "poppinsregular";
}
.woocommerce a.remove:hover {
  background: transparent;
  color: red !important;
}
.woocommerce .cart-collaterals {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: var(--box-shadow);
}
.woocommerce .cart-collaterals .cart_totals {
  width: 100%;
}
.woocommerce .cart-collaterals .cart_totals h2 {
  padding: 20px;
  font-size: 24px;
  font-family: "poppinssemibold";
  border-bottom: 1px solid var(--border-color);
  margin-bottom: 10px;
  margin-top: 0px;
}
.woocommerce .cart-collaterals .cart_totals table.shop_table {
  box-shadow: none !important;
}
.woocommerce .cart-collaterals .checkout-button {
  width: 100%;
  margin: 0 !important;
  background-color: var(--main-theme-color) !important;
  font-family: "poppinssemibold";
  font-size: 17px !important;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  border-radius: 4px;
  padding: 12px 25px !important;
}
.woocommerce .cart-collaterals .checkout-button:hover {
  background-color: #cf3800 !important;
}
.woocommerce .cart-collaterals .wc-proceed-to-checkout {
  padding: 20px;
}
.coupon-code {
  text-align: right;
  padding: 0 20px;
  margin-top: 20px;
}
.coupon-code a {
  font-family: "poppinssemibold";
  font-size: 16px;
}
.coupon-code-box {
  display: none;
  margin-top: 10px;
}
.coupon-code-box .coupon {
  display: flex;
}
.coupon-code-box button {
  white-space: nowrap;
}
.coupon-code-box input {
  width: 100%;
  border: 2px solid var(--border-color);
  border-radius: 6px !important;
  padding: 10px;
  font-size: 20px;
  margin-right: 15px;
}
.show-coupon .coupon-code-box {
  display: block;
}
.recurring-offer {
  margin-top: 30px;
}
.recurring-offer small {
  color: var(--gray-text-color);
}
.recurring-offer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.recurring-offer li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 20px;
  font-family: "poppinsmedium";
}
.recurring-offer li.recurring-total {
  border-top: 1px solid var(--border-color);
  font-size: 18px;
  font-family: "poppinssemibold";
}
.recurring-offer li.recurring-total p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 100;
  font-family: "poppinsmedium";
}
.recurring-offer-label {
  position: relative;
}
.recurring-offer-label span {
  position: relative;
  z-index: 1;
  background-color: #ffc800;
  color: #000;
  font-family: "poppinssemibold";
  padding: 3px 10px;
  margin-right: -30px;
  display: block;
  font-size: 16px;
}
.recurring-offer-label:after {
  content: "";
  position: absolute;
  right: -30px;
  bottom: -10px;
  z-index: 0;
  border: 5px solid #cea100;
  border-right-color: #fff;
  border-bottom-color: #fff;
}
.wp-custom-thead {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.wp-custom-thead .wp-custom-tr {
  padding-right: 20px;
  min-width: 160px;
}
.wp-custom-thead .wp-custom-tr .wp-custom-th {
  font-size: 14px;
  color: var(--gray-text-color);
}
.wp-custom-thead .wp-custom-tr .wp-custom-td {
  color: #000;
  font-family: "poppinsmedium";
  font-size: 16px;
}
.wp-custom-thead .licence-key {
  flex: 1;
}
.subs-card .wp-custom-thead {
  align-items: start;
}
.subs-card h3 {
  font-size: 20px !important;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
  background-color: #fff;
}
#add_payment_method #payment .payment_box,
.woocommerce-cart #payment .payment_box,
.woocommerce-checkout #payment .payment_box {
  background-color: var(--light-gray-color) !important;
}
#add_payment_method #payment .payment_box::before,
.woocommerce-cart #payment .payment_box::before,
.woocommerce-checkout #payment .payment_box::before {
  border-bottom: 1em solid var(--light-gray-color) !important;
}
#add_payment_method #payment .wc-stripe-elements-field,
#add_payment_method #payment .wc-stripe-iban-element-field,
.woocommerce-cart #payment .wc-stripe-elements-field,
.woocommerce-cart #payment .wc-stripe-iban-element-field,
.woocommerce-checkout #payment .wc-stripe-elements-field,
.woocommerce-checkout #payment .wc-stripe-iban-element-field {
  padding: 15px;
  border: 2px solid var(--border-color);
  border-radius: 5px;
}
#add_payment_method #payment .wc-stripe-elements-field:hover,
#add_payment_method #payment .wc-stripe-iban-element-field:hover,
.woocommerce-cart #payment .wc-stripe-elements-field:hover,
.woocommerce-cart #payment .wc-stripe-iban-element-field:hover,
.woocommerce-checkout #payment .wc-stripe-elements-field:hover,
.woocommerce-checkout #payment .wc-stripe-iban-element-field:hover {
  border-color: #aaa;
}
#add_payment_method #payment .wc-stripe-elements-field:focus,
#add_payment_method #payment .wc-stripe-iban-element-field:focus,
.woocommerce-cart #payment .wc-stripe-elements-field:focus,
.woocommerce-cart #payment .wc-stripe-iban-element-field:focus,
.woocommerce-checkout #payment .wc-stripe-elements-field:focus,
.woocommerce-checkout #payment .wc-stripe-iban-element-field:focus {
  border-color: var(--main-theme-color);
}
#add_payment_method #payment #stripe-payment-data .form-row,
.woocommerce-cart #payment #stripe-payment-data .form-row,
.woocommerce-checkout #payment #stripe-payment-data .form-row {
  padding: 0px;
}
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
  border-bottom: 1px solid var(--border-color);
}
#add_payment_method #payment ul.payment_methods li .stripe-credit-card-brand,
.woocommerce-cart #payment ul.payment_methods li .stripe-credit-card-brand,
.woocommerce-checkout #payment ul.payment_methods li .stripe-credit-card-brand {
  right: 20px;
}
#add_payment_method #payment button.button,
.woocommerce-cart #payment button.button,
.woocommerce-checkout #payment button.button {
  background-color: var(--main-theme-color) !important;
  border: 0;
  margin-bottom: 0px;
}
#add_payment_method #payment button.button:hover,
.woocommerce-cart #payment button.button:hover,
.woocommerce-checkout #payment button.button:hover {
  background-color: #cf3800;
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  background: #fff;
  box-shadow: var(--box-shadow);
  border-radius: 7px;
  line-height: 39px;
  padding: 10px 10px 10px 50px !important;
  margin: 0 0 25px 0 !important;
  border: 2px solid #ccc;
  font-size: 16px;
  font-family: "poppinsmedium";
}
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
  top: 10px;
  left: 20px;
}
.woocommerce-error .button,
.woocommerce-info .button,
.woocommerce-message .button {
  padding: 10px 15px !important;
  font-size: 15px !important;
  line-height: 15px !important;
  box-shadow: unset !important;
}
.woocommerce-error {
  border-color: #ec4a4a;
}
.woocommerce-error::before {
  color: #ec4a4a;
}
.woocommerce-info {
  border-color: var(--main-theme-color);
}
.woocommerce-info a {
  color: var(--main-theme-color);
}
.woocommerce-info::before {
  color: var(--main-theme-color);
}
.woocommerce-message {
  border-color: var(--main-theme-color);
}
.woocommerce-message::before {
  color: var(--main-theme-color);
}
.woocommerce-checkout .woocommerce-billing-fields {
  display: flex;
  flex-wrap: wrap;
  padding: 2px 15px;
  align-items: flex-end;
}
.woocommerce-checkout .woocommerce-billing-fields h2 {
  padding: 20px 30px;
  font-size: 24px;
  font-family: "poppinssemibold";
  border-bottom: 1px solid var(--border-color);
  width: calc(100% + 30px);
  margin: 0 -15px 10px;
}
.woocommerce-checkout .woocommerce-billing-fields .form-row {
  width: calc(50% - 30px) !important;
  margin: 15px !important;
}
.woocommerce-checkout .woocommerce-billing-fields .form-row label {
  font-family: "poppinsregular";
  font-size: 16px;
  line-height: 23px !important;
  margin: 0px 0px 5px 0px !important;
  padding: 0px 0px 0px 0px !important;
}
.woocommerce-additional-fields {
  padding: 30px;
}
.woocommerce-additional-fields h2 {
  margin-top: 0;
  font-size: 20px;
}
#order_review_heading {
  padding: 20px !important;
  border-bottom: 1px solid var(--border-color);
  margin-bottom: 10px;
  margin-top: 0px;
}
.select2-dropdown {
  border: 2px solid var(--border-color) !important;
}
.select2-container .select2-selection--single {
  height: 51px;
  border: 2px solid var(--border-color) !important;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  line-height: 48px;
  font-family: "poppinsmedium" !important;
  color: var(--gray-text-color);
  padding-left: 15px;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 48px;
  right: 10px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 2px solid var(--gray-text-color);
  height: 36px;
  font-size: 16px;
}
.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--default .select2-results__option[data-selected="true"] {
  background: var(--gray-text-color);
}
.select2-container--default
  .select2-results__option--highlighted[aria-selected],
.select2-container--default
  .select2-results__option--highlighted[data-selected] {
  background: var(--main-theme-color);
}
.my-account-download-licenses .wp-card {
  margin-bottom: 20px;
}
.my-account-download-licenses .wp-card .wp-card-header .wp-card-title h3 {
  font-size: 20px;
  padding-right: 10px;
}
.show-sites-link {
  color: #000 !important;
  margin-right: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.show-sites-link:after {
  content: "\EA4E";
  position: relative;
  right: -5px;
  font-size: 20px;
  font-family: "wpfmtheme-icon" !important;
}
.download-link {
  display: flex;
  align-items: center;
}
.download-link i {
  margin-left: 5px;
}
.collapse-site {
  border-top: 1px solid var(--border-color);
  padding-top: 15px;
  margin-top: 15px;
  display: none;
}
.collapse-site-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  color: var(--gray-text-color);
}
.collapse-site-head b {
  font-family: "poppinsmedium";
  font-weight: 500;
  color: #000;
}
.collapse-site-item {
  background-color: var(--main-gray-bg-color);
  padding: 10px;
  border-radius: 4px;
  margin-top: 15px;
  font-family: poppinsmedium;
  font-size: 16px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.collapse-site-item span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.collapse-site-item a {
  margin-left: 10px;
}

.my-account-tabs {
  display: flex;
}
.my-account-tabs a {
  padding: 10px 20px;
  font-family: "poppinsmedium";
  border-bottom: 3px solid transparent;
  color: #000 !important;
}
.my-account-tabs a.active {
  color: var(--main-theme-color) !important;
  border-color: var(--main-theme-color);
}
.order-again {
  margin-top: 30px;
}
.order-again a {
  color: #fff;
  border: 0;
}
.my-account-page-back-link a {
  color: var(--main-dark-txt-color) !important;
  margin-bottom: 20px;
  display: inline-flex;
  font-family: "poppinssemibold";
}
.my-account-page-back-link a i {
  font-size: 20px;
  margin-right: 5px;
}
.subs-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
  padding: 15px 0;
  font-size: 14px;
  margin-top: 15px;
}
.subs-actions-btn-group a {
  border-color: transparent !important;
  padding: 0px 15px !important;
  margin: 3px !important;
  font-size: 16px !important;
  height: 40px;
  line-height: 40px !important;
  border: 0 !important;
}
.subscription_details .subs-actions-btn-group .button.cancel {
  background: var(--border-color) !important;
  border-color: transparent !important;
  color: #000;
}
.subscription_details .subs-actions-btn-group .button.cancel:hover {
  background: #ccc !important;
  border-color: transparent !important;
  color: #000;
}
.subscription_details .subs-actions-btn-group .button.pause_subscription {
  background: #ffc800 !important;
  border-color: transparent !important;
}
.subscription_details .subs-actions-btn-group .button.pause_subscription:hover {
  background: #f5a800 !important;
  border-color: transparent !important;
}
.subscription_details
  .subs-actions-btn-group
  .button.subscription_renewal_early {
  background: #00bc00 !important;
  border-color: transparent !important;
}
.subscription_details
  .subs-actions-btn-group
  .button.subscription_renewal_early:hover {
  background: #01a301 !important;
  border-color: transparent !important;
}
.subs-wp-custom-foot {
  padding: 15px;
  font-size: 14px;
  color: var(--gray-text-color);
  line-height: 20px;
  background: var(--light-gray-color);
  border-radius: 6px;
  margin-top: 20px;
}
.subs-wp-custom-foot b {
  font-family: "poppinssemibold";
  color: #000;
}
.subscription_addons_list_wrapper {
  background-color: var(--light-gray-color);
  padding: 20px;
  border-radius: 6px;
  margin-bottom: 30px;
  margin-top: 20px;
  position: relative;
  overflow: hidden;
}
.subscription_addons_list_wrapper h2 {
  margin: 0;
  font-family: "poppinssemibold";
}
.subscription_addons_list .wp-card {
  margin-top: 20px;
  box-shadow: none;
}
.subscription_addons_list .wp-card-header .wp-card-title h3 {
  font-size: 20px;
}
.woocommerce-view-subscription header h2 {
  font-family: "poppinssemibold";
  background-color: #fff;
  box-shadow: var(--box-shadow) !important;
  margin: 0;
  padding: 20px;
  border-bottom: 1px solid var(--border-color);
}
.woocommerce-view-subscription .woocommerce-orders-table--orders {
  margin-bottom: 30px !important;
}
.woocommerce
  .woocommerce-MyAccount-content
  table.my_account_orders
  tbody
  td
  .button.invoice {
  margin-left: 5px !important;
  font-size: 0 !important;
  width: 40px;
  color: transparent;
  position: relative !important;
  height: 40px;
  background-color: var(--main-theme-light-color) !important;
  padding-left: 11px;
  display: flex;
  align-items: center;
}
.woocommerce
  .woocommerce-MyAccount-content
  table.my_account_orders
  tbody
  td
  .button.invoice:before {
  content: "\ecfd";
  font-family: "wpfmtheme-icon" !important;
  font-size: 20px;
  color: var(--main-theme-color);
  font-weight: normal;
}
.woocommerce-orders-table__cell-order-actions {
  display: flex !important;
  justify-content: flex-end;
}
.subs-total .wp-custom-thead {
  justify-content: space-between;
  text-align: center;
}
.subs-total .wp-custom-thead .wp-custom-tr .wp-custom-td {
  font-size: 18px;
  font-family: "poppinssemibold";
}
.wpfm-text-green {
  color: #00bc00 !important;
}
.woocommerce-payment-methods .wp-card {
  margin-bottom: 30px;
}
#wpr-pause-date-subscription {
  margin-bottom: 10px;
}
#wpr-pause-date-subscription input[type="button"] {
  border-color: transparent;
  padding: 0px 15px;
  margin: 3px;
  font-size: 14px;
  height: 38px;
  line-height: 38px;
  border: 0;
  text-transform: uppercase;
  font-family: "poppinssemibold";
  letter-spacing: 0.5px;
  border-radius: 4px;
  transition: var(--transaction);
  cursor: pointer;
}
#wpr-pause-date-subscription #wpr-subscription-pause-submit {
  background: var(--main-theme-color);
  color: #fff;
}
#wpr-pause-date-subscription #wpr-subscription-pause-submit:hover {
  background: #cf3800;
}
#wpr-pause-date-subscription #wpr-subscription-pause-cancel:hover {
  background: #ccc;
}
#wpr-pause-date-subscription #ssd-pause-form {
  display: flex;
  align-items: center;
}
#wpr-pause-date-subscription #ssd-pause-form .input-text {
  padding: 7px 10px;
  font-size: 15px;
  max-width: 250px;
  width: 100%;
}
#payment input[type="submit"] {
  font-size: 17px;
  font-family: "poppinssemibold";
  text-decoration: none;
  text-transform: uppercase;
  background: var(--main-theme-color);
  color: #fff;
  padding: 12px 25px;
  display: inline-flex;
  line-height: 25px;
  letter-spacing: 0.5px;
  cursor: pointer;
  border-radius: 4px;
  box-shadow: unset;
  border: 2px solid var(--main-theme-color);
  transition: var(--transaction);
  position: relative;
}
#payment input[type="submit"]:hover {
  background: #cf3800;
}
.digital-downloads {
  margin: 0;
  padding: 0;
  list-style: none;
}
.digital-downloads a:hover {
  color: #000;
}
.subscription_addons_list_wrapper > a.wpr-add-product.button {
  display: none;
}
.subscription_addons_list .wp-card-header .wp-card-title {
  flex: 1;
}
.subscription_addons_list .wp-card-header .wpfm-theme-button {
  margin-right: 10px !important;
}
.subscription_addons_list .shop_table td[data-title="Price"] {
  text-align: right;
}
.subscription_addons_list .shop_table td:last-of-type,
.subscription_addons_list .shop_table th:last-of-type {
  text-align: right;
}
.upgrade-single-addon-btn-group {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 30px 15px;
}
.content_detail__pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}
.content_detail__pagination a {
  background-color: var(--light-gray-color);
  margin: 0 2px;
  border-radius: 4px;
  color: var(--main-dark-txt-color) !important;
  border: 2px solid transparent;
  font-family: "poppinssemibold";
  color: #000000;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.content_detail__pagination a:first-of-type,
.content_detail__pagination a:last-of-type {
  width: inherit;
  padding: 0 10px;
}
.content_detail__pagination a.active {
  color: var(--main-theme-color) !important;
  background: #fff !important;
  border-color: var(--main-theme-color) !important;
}
.content_detail__pagination a:hover {
  border-color: #000000;
}
.subs_site_selection {
  font-family: "poppinsregular";
  width: 100%;
  background: #ffffff;
  border: 2px solid var(--border-color);
  height: auto;
  padding: 13px 15px;
  border-radius: 5px;
  font-size: 17px;
  line-height: 21px !important;
  outline: none;
  transition: var(--transaction);
  max-width: 150px;
}

/*datepicker*/
.ui-widget-header {
  border: 0;
  background: var(--light-gray-color);
}
.ui-widget-content {
  font-size: 14px;
  border: 2px solid #eee;
  box-shadow: var(--box-shadow);
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background: var(--light-gray-color);
  border: none;
  text-align: center;
  color: #000;
}
.ui-state-default,
.ui-widget-content .ui-state-default.ui-state-hover,
.ui-widget-header .ui-state-default.ui-state-hover {
  background: var(--main-theme-color);
  color: #fff;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  border: 0 !important;
  cursor: pointer;
}

.automatewoo-birthday-section .automatewoo-birthday-field {
  max-width: 100% !important;
  display: flex;
}
.automatewoo-birthday-field select {
  font-family: "poppinsregular";
  background: #fff;
  border: 2px solid var(--border-color);
  padding: 13px 15px !important;
  border-radius: 5px;
  font-size: 17px;
  transition: 0.2s;
  width: calc(50% - 8px) !important;
}
.woocommerce-MyAccount-content .woocommerce-input-wrapper small {
  font-size: 12px;
  display: block;
  line-height: normal;
  margin-top: 10px;
}
.woocommerce .automatewoo-birthday-section__already-set-text,
.woocommerce .automatewoo-birthday-section__description {
  font-size: 12px;
  color: var(--gray-text-color);
  line-height: 20px;
}
/* =============== 18. MY ACCOUNT PAGES END =============== */

/* =============== 19. ERROR 404 PAGE START ===============*/
.not-found-box {
  min-height: 500px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 50px 0px;
  text-align: center;
}
.not-found-box .not-found-error-text h2 {
  font-size: 200px;
  line-height: 155px;
  color: var(--main-theme-color);
  font-family: "poppinsextrabold";
  font-weight: normal;
  margin: 0px 0px 20px;
  padding: 0px;
}
.not-found-box .not-found-error-text h3 {
  font-size: 30px;
  line-height: 35px;
  font-family: "poppinsmedium";
  font-weight: normal;
  margin: 0px 0px 20px;
  padding: 0px;
}
.not-found-box .not-found-error-text p {
  margin: 0px 0px 30px;
  padding: 0px;
  letter-spacing: 0.2px;
}
/* =============== 19. ERROR 404 PAGE END ===============*/

/* =============== 20. RECOMMENDED THEMES START ===============*/
.recommended-themes-box {
  background: #fff;
  border-radius: 7px;
  overflow: hidden;
  border: 2px solid #fff;
  box-shadow: 0 10px 30px rgb(0 0 0 / 5%);
  margin-bottom: 30px;
  transition: all 0.5s;
}
.recommended-themes-box:hover {
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.15);
  border-color: var(--main-theme-color);
  transition: all 0.5s;
}
.recommended-themes-box .recommended-theme-image-wrapper {
  overflow: hidden;
  position: relative;
  height: 310px;
}
.recommended-themes-box
  .recommended-theme-image-wrapper
  .recommended-theme-image {
  position: absolute;
  left: 50%;
  top: 50%;
  max-height: 100%;
  max-width: 100%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 100%;
  object-fit: cover;
  object-position: top;
}
.recommended-themes-box
  .recommended-theme-image-wrapper
  .recommended-theme-image-bg {
  position: absolute;
  right: -20px;
  bottom: -20px;
  left: -20px;
  top: -20px;
  height: calc(100% + 40px);
  width: calc(100% + 40px);
  z-index: 1;
  -webkit-filter: blur(20px);
  filter: blur(20px);
  background-repeat: no-repeat;
  background-size: cover;
}
.recommended-themes-box .recommended-theme-content-wrapper {
  padding: 20px;
}
.recommended-themes-box
  .recommended-theme-content-wrapper
  .recommended-theme-name {
  margin: 0 0 2px 0;
  font-size: 24px;
  line-height: 30px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  max-height: 60px;
}
.recommended-themes-box
  .recommended-theme-content-wrapper
  .recommended-theme-short-info {
  color: #555;
  margin: 0 0 18px 0;
}
.recommended-themes-box
  .recommended-theme-content-wrapper
  .recommended-theme-infomation {
  margin: 0 0 25px 0;
  font-size: 17px;
  letter-spacing: 0.2px;
  line-height: 25px;
}
.recommended-themes-box
  .recommended-theme-content-wrapper
  .recommended-theme-footer
  .recommended-theme-action
  a {
  color: #fff;
}

.lost-license-form-box {
  margin: 0 auto;
  max-width: 550px;
  background: #fff;
  border: 2px solid var(--main-gray-bg-color);
  border-radius: 7px;
  padding: 30px;
}

.lost-license-form-box .form-row label {
  margin: 0px 0px 10px 0px !important;
  padding: 0px !important;
}

.lost-license-form-box .form-row label .required {
  color: red;
}

.lost-license-form-box .input-text {
  font-family: "poppinsregular" !important;
  width: 100% !important;
  margin-right: 15px !important;
  background: #ffffff;
  border: 2px solid var(--main-gray-bg-color) !important;
  height: auto;
  padding: 13px 15px !important;
  border-radius: 5px;
  font-size: 17px;
  line-height: 21px !important;
  outline: none !important;
  transition: all 0.2s;
}

.lost-license-form-box .input-text:focus {
  border-color: var(--main-theme-color) !important;
}

.lost-license-form-box .wpfm-theme-button {
  padding: 15px 20px !important;
  border-radius: 5px !important;
}

/* =============== 20. RECOMMENDED THEMES END ===============*/

.button-group-wrapper.back-button {
  text-align: center;
  margin-top: 20px;
}

/* =============== 21. THEMES START ===============*/
.themes-page-template {
  padding: 3rem 0;
}
.themes-page-template h1 {
  font-family: "poppinsbold";
  text-align: center;
  margin-top: 0;
  margin-bottom: 3rem;
}
.theme-listing-box {
  position: relative;
  background-color: #fff;
  border-radius: 4px;
  overflow: hidden;
  transition: all 0.3s 0s;
  border: 1px solid #ddd;
  display: block;
  margin-bottom: 30px;
}
.theme-img {
  line-height: 0;
}
.theme-img img {
  width: 100%;
}
.theme-title {
  text-decoration: none;
  text-align: center;
  display: block;
  padding: 20px 10px;
  font-size: 18px;
  color: #000;
  font-weight: 500;
  border-top: 1px solid #ddd;
}
.theme-listing-box:hover {
  box-shadow: 0 0 30px rgb(0 0 0 / 10%);
}

.wpfm-theme-detail-cart-radio-button [type="radio"]:checked,
.wpfm-theme-detail-cart-radio-button [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.wpfm-theme-detail-cart-radio-button [type="radio"]:checked ~ div {
  color: var(--main-theme-color);
}
.wpfm-theme-detail-cart-radio-button [type="radio"]:checked + label,
.wpfm-theme-detail-cart-radio-button [type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #000;
}
.wpfm-theme-detail-cart-radio-button [type="radio"]:checked + label:before,
.wpfm-theme-detail-cart-radio-button
  [type="radio"]:not(:checked)
  + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #000000;
  border-radius: 100%;
}
.wpfm-theme-detail-cart-radio-button [type="radio"]:checked + label:before {
  border-color: var(--main-theme-color);
}
.wpfm-theme-detail-cart-radio-button [type="radio"]:checked + label:after,
.wpfm-theme-detail-cart-radio-button
  [type="radio"]:not(:checked)
  + label:after {
  content: "";
  width: 10px;
  height: 10px;
  background: var(--main-theme-color);
  position: absolute;
  top: 5px;
  left: 5px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.wpfm-theme-detail-cart-radio-button
  [type="radio"]:not(:checked)
  + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.wpfm-theme-detail-cart-radio-button [type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.wpfm-theme-detail-cart-radio-button [type="radio"]:checked + label {
  font-family: "poppinsmedium";
}

.wpfm-single-theme-section .wpfm-theme-content-wrapper .wpfm-theme-description {
  display: block;
}
.wpfm-theme-detail-wrapper {
  padding: 20px;
  box-shadow: var(--box-shadow);
  border-radius: 6px;
  margin-bottom: 20px;
}
.wpfm-theme-detail-title {
  font-family: "poppinssemibold";
  font-size: 20px;
  color: #000;
  text-transform: uppercase;
  margin-bottom: 10px;
  text-align: left;
}
.wpfm-theme-detail-cart {
  background-color: var(--main-theme-light-color);
  box-shadow: none;
  text-align: center;
}

.wpfm-theme-detail-cart-radio-button div {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wpfm-theme-detail-cart-radio-button a {
  width: 100%;
}

.wpfm-theme-detail-cart-buttons {
  display: grid;
  column-gap: 15px;
  grid-template-columns: auto auto;
}
.wpfm-theme-price {
  margin: 15px 0;
}
.wpfm-theme-main-price {
  font-size: 21px;
  line-height: normal;
  font-family: "poppinssemibold";
  color: var(--main-dark-txt-color);
}
.wpfm-theme-hide-price {
  font-family: "poppinssemibold";
  font-size: 21px;
  text-decoration: line-through;
  color: #000000;
}
.wpfm-theme-detail-wrapper a {
  margin: 2px;
  display: inline-block;
  word-break: break-all;
}
.wpfm-theme-share-links a {
  font-size: 20px;
  margin-right: 15px;
  color: #000000;
}
.wpfm-theme-share-links a:hover {
  color: var(--main-theme-color);
}

.wpfm-theme-template-pages-section {
  background-color: var(--light-gray-color);
  padding: 60px 0px 30px;
}
.wpfm-theme-template-page-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wpfm-theme-template-page-image {
  border-radius: 10px;
  box-shadow: var(--box-shadow);
  overflow: hidden;
  line-height: 0;
  margin-bottom: 30px;
}

.wpfm-theme-features {
  padding: 60px 0 30px;
  border-bottom: 1px solid var(--main-gray-bg-color);
}
.wpfm-theme-features
  .wpfm-row
  .wpfm-col-md-6:nth-child(even)
  .wpfm-theme-features-col {
  background-color: #fff8e9;
}
.wpfm-theme-features .wpfm-col-md-6 {
  margin-bottom: 30px;
}
.wpfm-theme-features-col {
  background-color: var(--main-gray-bg-color);
  padding: 40px;
  text-align: center;
  border-radius: 10px;
  margin: 0 15px;
  height: 100%;
}
.wpfm-theme-features-col h4 {
  font-size: 24px;
  font-family: "poppinssemibold";
  margin-bottom: 10px;
}
.wpfm-theme-features-col p {
  margin-bottom: 2rem;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
}
.wpfm-theme-features-box {
  text-align: center;
  padding: 30px 50px;
}
.wpfm-theme-features-box img {
  width: 60px;
}
.wpfm-theme-features-box h5 {
  font-size: 21px;
  font-family: "poppinssemibold";
  margin-bottom: 15px;
  margin-top: 10px;
}
.wpfm-text-center {
  text-align: center;
}

.wpfm-theme-single-page-hero-section {
  background-color: var(--light-gray-color);
}
.wpfm-theme-single-page-hero-section h2 {
  color: var(--main-dark-txt-color);
  font-size: 35px;
  font-family: poppinsbold;
}
.wpfm-theme-single-page-hero-section .wpfm-inner-advance-subtitle {
  font-family: poppinsmedium;
  font-weight: 100;
}
.wpfm-theme-single-page-hero-section-img {
  text-align: center;
}

.wpfm-single-theme-section .wpfm-theme-description ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.wpfm-single-theme-section .wpfm-theme-description h4 {
  font-family: "poppinssemibold";
  font-weight: normal;
  margin-bottom: 15px;
  font-size: 20px;
}
.wpfm-single-theme-section .wpfm-theme-description ul li {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.wpfm-single-theme-section .wpfm-theme-description ul li:before {
  content: "";
  background-image: url(assets/images/icon/check.svg);
  width: 20px;
  height: 20px;
  display: block;
  border-radius: 100px;
  background-size: cover;
  background-position: center;
  margin-right: 10px;
}
.wpfm-theme-availble-list img {
  margin-right: 15px;
}

/*Themes start*/
.wpfm-theme-search-form {
  display: flex;
  max-width: 700px;
  width: 100%;
  margin: 30px auto 0;
  background-color: #fff;
  border-radius: 6px;
  overflow: hidden;
}

.wpfm-theme-search-form .wpfm-theme-search-box {
  flex: 1;
}
.wpfm-theme-search-form .wpfm-theme-search-box input {
  padding: 20px;
  width: 100%;
  font-size: 17px;
  letter-spacing: 0.1px;
  line-height: 27px;
  font-family: "poppinsmedium";
  border: 0 !important;
  outline: none !important;
}
.wpfm-theme-filter-list {
  display: flex;
  margin-right: 10px;
}
.wpfm-theme-filter-list a {
  letter-spacing: 0.1px;
  line-height: 17px;
  font-family: "poppinsmedium";
  padding: 24px 15px;
  border-bottom: 2px solid transparent;
  color: #111111;
}
.wpfm-theme-filter-list a.active {
  border-color: var(--main-theme-color);
  color: var(--main-theme-color);
}

.wpfm-theme-list-section .wpfm-col-lg-4 {
  margin-bottom: 30px;
}
.wpfm-theme-box {
  box-shadow: var(--box-shadow);
  border-radius: 6px;
  overflow: hidden;
  height: 100%;
}
.wpfm-theme-box .wpfm-theme-img-wrapper {
  position: relative;
  line-height: 0;
}
.wpfm-theme-list-section .wpfm-theme-box .wpfm-theme-img-wrapper img {
    max-height: 320px;
    object-fit: cover;
    object-position: center;
}
.wpfm-theme-box .wpfm-theme-img-wrapper a {
  display: block;
}
.wpfm-theme-box .wpfm-theme-img-wrapper a img {
  width: 100%;
}
.wpfm-theme-box .wpfm-theme-box-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(0 0 0 / 50%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s 0s;
}
.wpfm-theme-box .wpfm-theme-box-overlay .wpfm-theme-button {
  margin: 7px;
  font-size: 15px;
  padding: 10px 15px;
}
.wpfm-theme-box .wpfm-theme-img-wrapper:hover .wpfm-theme-box-overlay {
  opacity: 1;
  visibility: visible;
}
.wpfm-theme-content-wrapper {
  padding: 30px;
}
.wpfm-theme-content-wrapper .wpfm-theme-title a {
  color: #000;
}
.wpfm-theme-content-wrapper .wpfm-theme-title a h2 {
  font-family: "poppinssemibold";
  font-size: 24px;
  margin-top: 0;
  margin-bottom: 10px;
  display: block;
}
.wpfm-theme-content-wrapper .wpfm-theme-description {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.wpfm-theme-white-button {
  background: #fff !important;
  color: #000 !important;
  border-color: #fff;
}
.wpfm-theme-white-button:hover {
  background: #ddd !important;
  border-color: #ddd;
}
.wpfm-theme-list-section .error_wrap {
  text-align: center;
}
.wpfm-theme-list-section .error_wrap h3 {
  font-family: "poppinsmedium";
  font-weight: normal;
}
/* =============== 21. THEMES END ===============*/

/* =============== 22. WOOCOMMERCE SUBSCRIPTION START ===============*/

.woocommerce-view-subscription
  .wpr-add-new-subscription
  .wpr-subscription-cancel-add {
  display: none;
}
.woocommerce-view-subscription
  .wpr-add-new-subscription
  .wpr-select-add-variable {
  background-color: var(--main-theme-light-color);
  width: 100%;
  color: var(--main-theme-color);
  padding: 7px;
  display: block;
  border-radius: 4px;
  max-width: 200px;
  margin: 10px auto 0;
  font-family: "poppinsmedium";
}
.woocommerce-view-subscription
  .wpr-add-new-subscription
  .wpr-select-add-variable:hover {
  background-color: var(--main-theme-color);
  color: #fff;
}
.woocommerce-view-subscription .wpr-add-new-subscription .wpr-product-image {
  max-width: 120px;
  margin: 0 auto;
  width: 100%;
  margin: 10px auto;
}
.woocommerce-view-subscription .wpr-add-new-subscription {
  align-items: inherit;
  height: auto;
  margin: 0 -10px;
  width: calc(100% + 20px);
  max-width: inherit;
  overflow: auto;
}
.woocommerce-view-subscription .wpr-add-new-subscription > div {
  background-color: #fff;
  padding: 1rem;
  border-radius: 4px;
  margin: 10px;
  width: calc(25% - 20px);
  flex: calc(25% - 20px);
}
.woocommerce-view-subscription .wpr-add-new-subscription script {
  display: none;
  opacity: 0;
  height: 0;
  visibility: hidden;
  word-break: break-all;
}
.woocommerce-view-subscription .wpr-add-new-subscription .wpr-product-name {
  color: var(--main-dark-txt-color);
  font-family: poppinsmedium;
  font-size: 18px;
}
.woocommerce-view-subscription .wpr-add-new-subscription .wpr-product-price {
  margin-bottom: 5px;
}
.woocommerce-view-subscription .wpr-add-new-subscription table.variations {
  width: 100%;
  font-size: 14px;
}
.woocommerce-view-subscription
  .wpr-add-new-subscription
  table.variations
  select {
  padding: 10px;
  border: 1px solid var(--border-color);
  outline: 0;
  border-radius: 4px;
  width: 100%;
  max-width: 150px;
}
.woocommerce-view-subscription .ssd-modal {
  background-color: var(--light-gray-color);
  max-width: 80%;
  width: 100%;
  max-height: 80vh;
  border-radius: 6px;
}
.woocommerce-view-subscription .ssd-modal-wrapper {
  background: rgb(0 0 0 / 50%);
}
.woocommerce-view-subscription .ssd-modal-wrapper .wpr-add-new-form-content {
  background-color: var(--light-gray-color) !important;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
}
.woocommerce-view-subscription .ssd-modal-wrapper.ssd-show {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.woocommerce-view-subscription .ssd-modal .ssd-close-modal {
  display: none;
}
.woocommerce-view-subscription .ssd-search-modal-header {
  position: inherit;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 4px;
  margin-bottom: 10px;
}
.woocommerce-view-subscription
  .ssd-modal
  .ssd-search-modal-header
  .ssd-close-modal {
  display: block;
  margin: 0;
}
.woocommerce-view-subscription .ssd-search-modal .ssd-search-products {
  max-width: 600px;
  width: 100%;
  border: 0;
  padding: 10px;
  border-radius: 4px;
  margin-right: 10px;
  height: 34px;
}
.woocommerce-view-subscription .ssd-search-modal {
  display: flex;
  align-items: center;
}
.woocommerce-view-subscription .ssd-search-modal button {
  background-color: var(--main-theme-color);
  color: #fff;
  border: 0;
  height: 34px;
  padding: 0 15px;
  border-radius: 4px;
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
  margin-right: 10px;
}
.woocommerce-view-subscription .ssd-search-modal button:hover {
  background-color: #cf3800;
}
.woocommerce-view-subscription .wpr-subscription-add-submit {
  padding: 12px 15px;
  background-color: var(--main-theme-color);
  color: #fff;
  border: 0;
  border-radius: 4px;
  letter-spacing: 0.5px;
  font-family: "poppinssemibold";
  text-transform: uppercase;
  display: block;
  margin: 10px auto;
  cursor: pointer;
}
.woocommerce-view-subscription .wpr-add-new-subscription > div:hover {
  box-shadow: var(--box-shadow) !important;
}
.woocommerce-view-subscription .wpr-add-variable-product-next-shipment {
  color: var(--main-theme-color);
}
.woocommerce-view-subscription .wpr-subscription-cancel-submit {
  background-color: var(--main-gray-bg-color);
  color: #000;
  border: 0;
  padding: 5px 10px;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid var(--border-color);
}
.woocommerce-view-subscription .wpr-subscription-add-submit:hover {
  background-color: #cf3800;
}
.woocommerce-view-subscription .wpr-subscription-cancel-submit:hover {
  background-color: var(--border-color);
}
.woocommerce-view-subscription .wpr-add-variable-product-next-shipment:hover {
  color: #000;
}
.woocommerce-view-subscription
  .ssd-modal
  .ssd-search-modal-header
  .ssd-close-modal
  .ssd-close-modal-link:before {
  content: "X";
  font-size: 18px;
  line-height: 28px;
}
.woocommerce-view-subscription
  .ssd-modal
  .ssd-search-modal-header
  .ssd-close-modal
  .ssd-close-modal-link {
  font-size: 0;
  background-color: #fff;
  border: 0;
  width: 34px;
  height: 34px;
  border-radius: 4px;
  font-family: poppinsmedium;
  transition: var(--transaction);
}
.woocommerce-view-subscription
  .ssd-modal
  .ssd-search-modal-header
  .ssd-close-modal
  .ssd-close-modal-link:hover {
  background-color: var(--main-theme-color);
  color: #fff;
}
.woocommerce-view-subscription .woocommerce-variation-price {
  margin-top: 10px;
  font-family: "poppinssemibold";
}

/* =============== 22. WOOCOMMERCE SUBSCRIPTION END ===============*/



/* =============== 23. IMPRESSUM START =============== */
.impressum h2 {
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 21px;
}
/* =============== 23. IMPRESSUM END =============== */


/* =============== 24. BLOG PAGE CTA START ===============*/

.single-blog-post-content .extra-cta-container {
  margin: 50px 0;
  border-radius: 10px;
  max-width: 1200px;
  overflow: hidden;
  box-shadow: 0 0 20px #00000010;
}

.single-blog-post-content .extra-cta-container .e_cta-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.single-blog-post-content .extra-cta-container.style-2 {
  border: 1px solid #eee;
}

.single-blog-post-content .extra-cta-container img {
  margin: 0;
  line-height: 0;
  height: 100%;
  width: 100%;
  max-width: 350px;
  object-fit: cover;
}

.single-blog-post-content .extra-cta-container .e_cta-row .e_cta-image {
  line-height: 0;
}

.single-blog-post-content .extra-cta-container .e_cta-row .e_cta-content {
  padding: 50px;
  width: calc(100% - 350px);
}

.single-blog-post-content
  .extra-cta-container
  .e_cta-row
  .e_cta-content
  .e_cta-sub-heading {
  font-family: "poppinssemibold";
  margin: 0;
  line-height: 28px;
  font-size: 17px;
  color: var(--main-theme-color);
}

.single-blog-post-content .extra-cta-container .e_cta-row .e_cta-content h2 {
  margin: 0;
  padding: 10px 0 15px 0;
  background: transparent;
  border: none;
}

.single-blog-post-content
  .extra-cta-container
  .e_cta-row
  .e_cta-content
  .description-txt {
  font-size: 18px;
  line-height: 28px;
  font-family: "poppinsmedium";
  font-weight: 400;
  margin: 0;
  padding: 0;
  letter-spacing: 0.2px;
}

.single-blog-post-content
  .extra-cta-container
  .e_cta-row
  .e_cta-content
  .button-group-wrapper {
  padding-top: 30px;
  margin: 0;
}

.single-blog-post-content
  .extra-cta-container
  .e_cta-row
  .e_cta-content
  .button-group-wrapper
  .wpfm-theme-button.wpfm-theme-button-border {
  color: var(--main-theme-color) !important;
}

.single-blog-post-content
  .extra-cta-container
  .e_cta-row
  .e_cta-content
  .button-group-wrapper
  .wpfm-theme-button {
  color: #fff !important;
}

.single-blog-post-content
  .extra-cta-container
  .e_cta-row
  .e_cta-content
  .button-group-wrapper
  .wpfm-theme-button.wpfm-theme-button-border:hover {
  color: #fff !important;
}
/* CTA Style 1 */
.single-blog-post-content .extra-cta-container.style-1 .e_cta-row,
.single-blog-post-content .extra-cta-container.style-2 .e_cta-row {
  flex-direction: row-reverse;
  align-items: stretch;
}
.single-blog-post-content .extra-cta-container.style-1 .e_cta-row .e_cta-image {
  background: #ffede6;
  padding: 15px;
}
.single-blog-post-content .extra-cta-container.style-1 .e_cta-row .img {
  object-fit: contain;
}
/* CTA Style 3*/

.single-blog-post-content .extra-cta-container.style-3 {
  border: 1px solid #eee;
  background: #fafafa;
}

.single-blog-post-content .extra-cta-container.style-3 .e_cta-row {
  flex-direction: row-reverse;
}

/* CTA Style 4*/

.single-blog-post-content
  .extra-cta-container.style-4
  .e_cta-row
  .e_cta-content {
  width: calc(100% - 450px);
}
.single-blog-post-content .extra-cta-container.style-4 .e_cta-row {
  align-items: end;
}
.single-blog-post-content .extra-cta-container.style-4 img {
  max-width: 450px;
}
.single-blog-post-content .extra-cta-container.style-4 {
  border: 1px solid #ffc8b3;
}
.single-blog-post-content .extra-cta-container.style-4 img {
  max-height: 300px;
}

/* CTA Style 5*/

.single-blog-post-content .extra-cta-container.style-5 .e_cta-right-col {
  display: none;
}

.single-blog-post-content .extra-cta-container.style-5 .e_cta-left-col {
  width: 100%;
  text-align: center;
  padding: 50px;
}

.single-blog-post-content .extra-cta-container.style-5 {
  background: #ffede6;
  border: 1px solid var(--main-theme-color);
}
.single-blog-post-content
  .extra-cta-container.style-5
  .e_cta-left-col
  .secondary-button {
  display: none;
}

/* CTA Style 6*/

.single-blog-post-content .extra-cta-container.style-6 .e_cta-row {
  flex-direction: row-reverse;
  align-items: stretch;
}

.single-blog-post-content
  .extra-cta-container.style-6
  .e_cta-row
  .e_cta-image
  img {
  border-radius: 0 100px 0 0;
}

.single-blog-post-content
  .extra-cta-container.style-6
  .e_cta-row
  .e_cta-content
  .button-group-wrapper
  .secondary-button {
  display: none;
}

/* CTA Style 7*/
.single-blog-post-content .extra-cta-container.style-7 .e_cta-row {
  align-items: stretch;
}
.single-blog-post-content
  .extra-cta-container.style-7
  .e_cta-row
  .e_cta-content
  .button-group-wrapper
  .secondary-button {
  display: none;
}

/* CTA Style 8 */

.single-blog-post-content .extra-cta-container.style-8 {
  padding: 50px;
  background-color: #fafafa;
}

.single-blog-post-content .extra-cta-container.style-8 .e_cta-content {
  padding: 0 0 0 50px;
}

.single-blog-post-content .extra-cta-container.style-8 .e_cta-row {
  flex-direction: row-reverse;
}

/* CTA Style 9 */

.single-blog-post-content .extra-cta-container.style-9 {
  padding: 50px;
  border: 1px solid var(--main-theme-color);
}

.single-blog-post-content .extra-cta-container.style-9 .e_cta-content {
  padding: 0 50px 0 0;
}

/* CTA Style 10*/

.single-blog-post-content .extra-cta-container.style-10 {
  border: 1px solid #ffc8b3;
  padding: 50px;
  position: relative;
}
.single-blog-post-content .extra-cta-container.style-10::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  background-image: url(https://wpfoodmanager.com/wp-content/themes/wpfmstore/assets/images/blog-page-cta/bg-blob.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  z-index: -1;
  max-width: 396px;
  max-height: 365px;
}
.single-blog-post-content .extra-cta-container.style-10 .e_cta-content {
  padding: 0 50px 0 0;
}

/* =============== 24. BLOG PAGE CTA END ===============*/

/* =============== 25. LANGUAGE START ===============*/
#gt_float_wrapper {
  top: 25px !important;
}
.gt_float_switcher {
  font-family: inherit !important;
  font-size: 16px !important;
  border-radius: 4px !important;
  box-shadow: var(--box-shadow) !important;
  border: 1px solid var(--border-color);
}
.gt_float_switcher .gt_options {
  max-width: 100% !important;
}
.gt_float_switcher .gt_options img {
  margin-top: -5px;
}
.gt_float_switcher img {
  width: 22px !important;
}
.gt_float_switcher .gt-selected .gt-current-lang {
  color: #000 !important;
  font-family: "poppinssemibold" !important;
  font-weight: inherit !important;
  padding: 6px 10px !important;
}
.gt_float_switcher .gt_options a:hover {
  background-color: var(--main-theme-light-color) !important;
  color: #000 !important;
}
.menu-item-gtranslate{
  display: none;
}

/* =============== 25. LANGUAGE END ===============*/


/* =============== 26. FEATURES PAGE START ===============*/

.features-page-section .features-tabs{
  padding: 50px 0px;
  border-radius: 10px;
}
.features-page-section .food-manager-core{
  background-color: #FFEDE6;
}
.features-page-section .restaurat-manager{
  background-color: #E5F4EB;
}
.features-page-section .online-order{
  background-color: #FFF8E2;
}
.features-page-section .food-delivery{
  background-color: #E1F7FB;
}
.features-page-section .table-reservation{
 background-color: #FCE4EC;
}
.features-page-section .reports{
  background-color: #EDE8F7;
}
.features-page-section .mobile-app{
  background-color: #F1F8E8;
}
.features-page-section .extra-features .addons-feature-img{
  background-color: var(--light-gray-color);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 200px;
}
.features-page-section .features-tabs .addons-feature-img{
  line-height: 0;
  height: 320px;
  width: 100%;
  max-width: 500px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.features-page-section .features-tabs a.wpfm-theme-button {
  background: #111;
  border: none;
}
.features-page-section .features-tabs a.wpfm-theme-button:hover {
  background: var(--main-theme-color);
  border: none;
}
.features-page-section .features-tabs .addons-feature-content {
  padding-left: 50px;
}
.features-page-section .features-tabs .button-group-wrapper {
  margin-top: 20px;
}
.extra-features .feature-container{
  padding: 25px;
  /* background-color: var(--light-gray-color); */
  border-radius: 10px;
  border: 1px solid #eee;
}
.extra-features .feature-container h2 {
  margin-bottom: 5px;
  margin-top: 5px;
}
.clients-restaurants{
  background-color: var(--main-theme-light-color);
}
.clients-restaurants .clients-logo-container {
  background: #fff;
  padding: 15px;
  margin: 0 15px;
  border-radius: 10px;
}

.features-page-section .features-tabs h2{
  margin-bottom: 10px;
}

/* =============== 26. FEATURES PAGE END ===============*/

/* =============== 27. ABOUT US PAGE START ===============*/

.about-timeline-section .about-timeline-list-wrapper {
  margin: 0;
  padding: 30px 0;
  position: relative;
}
.about-timeline-section .about-timeline-list-wrapper::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  width: 2px;
  height: 100%;
  background: var(--main-theme-color);
}
.about-timeline-section
  .about-timeline-list-wrapper
  .about-timeline-list::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  height: 10px;
  width: 10px;
  border-radius: 100%;
  background: var(--main-theme-color);
}
.about-timeline-section
  .about-timeline-list-wrapper
  .about-timeline-list::after {
  content: "";
  position: absolute;
  top: auto;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  height: 10px;
  width: 10px;
  border-radius: 100%;
  background: var(--main-theme-color);
}
.about-timeline-section
  .about-timeline-list-wrapper
  .about-timeline-list
  .about-timeline-item {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.about-timeline-section
  .about-timeline-list-wrapper
  .about-timeline-list
  .about-timeline-item::before {
  content: "";
  height: 30px;
  width: 30px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  background: #fff;
  border: 2px solid var(--main-theme-color);
  border-radius: 100%;
  box-shadow: 0 0 0 5px #fff;
  transition: 0.1s;
}
.about-timeline-section
  .about-timeline-list-wrapper
  .about-timeline-list
  .about-timeline-item::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  background: var(--main-theme-color);
  border-radius: 100%;
  transition: 0.1s;
}
.about-timeline-section
  .about-timeline-list-wrapper
  .about-timeline-list
  .about-timeline-item:hover::before {
  height: 35px;
  width: 35px;
  transition: 0.1s;
}
.about-timeline-section
  .about-timeline-list-wrapper
  .about-timeline-list
  .about-timeline-item:hover::after {
  height: 10px;
  width: 10px;
  transition: 0.1s;
}
.about-timeline-section
  .about-timeline-list-wrapper
  .about-timeline-list
  .about-timeline-item
  .about-timeline-year {
  width: 50%;
  padding: 20px 60px 20px 20px;
  display: flex;
  justify-content: flex-end;
  position: relative;
  transition: 0.2s;
}
.about-timeline-section
  .about-timeline-list-wrapper
  .about-timeline-list
  .about-timeline-item
  .about-timeline-year::after {
  content: "";
  -webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);
  clip-path: polygon(100% 50%, 0 0, 0 100%);
  background: var(--main-theme-color);
  height: 20px;
  width: 11px;
  position: absolute;
  right: 50px;
  top: 50%;
  transform: translate(0, -50%);
  transition: 0.2s;
}
.about-timeline-section
  .about-timeline-list-wrapper
  .about-timeline-list
  .about-timeline-item:hover
  .about-timeline-year {
  padding: 20px 40px 20px 20px;
}
.about-timeline-section
  .about-timeline-list-wrapper
  .about-timeline-list
  .about-timeline-item:hover
  .about-timeline-year::after {
  right: 30px;
}
.about-timeline-section
  .about-timeline-list-wrapper
  .about-timeline-list
  .about-timeline-item
  .about-timeline-year
  .about-timeline-year-text {
  background: var(--main-theme-color);
  color: #fff;
  font-family: poppinssemibold;
  font-weight: 400;
  padding: 0 20px;
  font-size: 18px;
  line-height: 53px;
  height: 50px;
  display: inline-flex;
  border-radius: 7px;
}
.about-timeline-section
  .about-timeline-list-wrapper
  .about-timeline-list
  .about-timeline-item
  .about-timeline-year-info {
  width: 100%;
  margin: 20px 20px 20px 60px;
  background: #fff;
  padding: 20px 25px;
  max-width: calc(50% - 80px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07);
  border-radius: 7px;
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 26px;
  border: 2px solid var(--main-gray-bg-color);
}
.about-timeline-section
  .about-timeline-list-wrapper
  .about-timeline-list
  .about-timeline-item:nth-child(2n)
  .about-timeline-year {
  justify-content: flex-start;
  padding: 20px 20px 20px 60px;
}
.about-timeline-section
  .about-timeline-list-wrapper
  .about-timeline-list
  .about-timeline-item:nth-child(2n)
  .about-timeline-year::after {
  -webkit-clip-path: polygon(0 50%, 100% 0, 100% 100%);
  clip-path: polygon(0 50%, 100% 0, 100% 100%);
  right: auto;
  left: 50px;
}
.about-timeline-section
  .about-timeline-list-wrapper
  .about-timeline-list
  .about-timeline-item:nth-child(2n):hover
  .about-timeline-year {
  padding: 20px 20px 20px 40px;
}
.about-timeline-section
  .about-timeline-list-wrapper
  .about-timeline-list
  .about-timeline-item:nth-child(2n):hover
  .about-timeline-year::after {
  left: 30px;
}
.about-timeline-section
  .about-timeline-list-wrapper
  .about-timeline-list
  .about-timeline-item:nth-child(2n)
  .about-timeline-year-info {
  margin-right: 60px;
  margin-left: 20px;
}
.about-timeline-section .about-timeline-list-wrapper .about-timeline-list, .wpem-event-management-info-section .event-management-info-content .event-management-info-description ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
}
.about-timeline-section .about-timeline-list-wrapper .about-timeline-list .about-timeline-item:nth-child(2n), .wpem-single-product-features-section .wpem-single-product-features-list:nth-child(2n) .product-features-list-row{
  flex-direction: row-reverse;
}
.about-timeline-section .about-timeline-list-wrapper a{
  color: var(--main-theme-color);
}
.theme-light-color-bg{
  background-color: var(--main-theme-light-color);
}
.wpfm-comment-container {
  max-width: 880px;
  margin: auto;
  text-align: center;
  padding: 50px;
  border-radius: 20px;
  background: #fff;
}

.wpfm-comment-container h3.wpfm-title {
  font-size: 27px;
  line-height: 45px;
  font-family: 'poppinssemibold';
}

.about-our-team-section .about-our-team-list-wrapper .about-our-team-list {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
}
.about-our-team-section
  .about-our-team-list-wrapper
  .about-our-team-list
  .about-our-team-item {
  display: flex;
  width: calc(20% - 40px);
  margin: 20px;
  justify-content: center;
}
.about-our-team-section
  .about-our-team-list-wrapper
  .about-our-team-list
  .about-our-team-item
  .team-member-infobox {
  max-width: 200px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.about-our-team-section
  .about-our-team-list-wrapper
  .about-our-team-list
  .about-our-team-item
  .team-member-infobox
  .team-member-info-image {
  display: flex;
  margin: 0 0 20px;
  padding: 0;
}
.about-our-team-section
  .about-our-team-list-wrapper
  .about-our-team-list
  .about-our-team-item
  .team-member-infobox
  .team-member-info-image
  img {
  max-width: 200px;
  max-height: 200px;
  height: 100%;
  width: 100%;
  border-radius: 10px;
}
.about-our-team-section
  .about-our-team-list-wrapper
  .about-our-team-list
  .about-our-team-item
  .team-member-infobox
  .team-member-info-content
  .team-member-name {
  font-family: poppinssemibold;
  color: var(--main-dark-txt-color);
  font-size: 18px;
  line-height: 20px;
  letter-spacing: 0.2px;
  margin: 0 0 5px;
}
.about-our-team-section
  .about-our-team-list-wrapper
  .about-our-team-list
  .about-our-team-item
  .team-member-infobox
  .team-member-info-content
  .team-member-designation {
  font-size: 16px;
  letter-spacing: 0.2px;
  line-height: 21px;
  color: #777;
}
.about-us-page-hero-section .about-us-page-hero-section-content{
  justify-content: space-around;
  gap: 0px;
  
}
.about-us-page-hero-section .about-us-page-hero-section-content .wpfm-col-md-6{
  max-width: 600px;
}
/* .about-us-page-hero-section .about-us-page-hero-section-content .wpfm-main-title-wrapper h3, .about-us-page-hero-section .about-us-page-hero-section-content .wpfm-main-title-wrapper p{
  text-align: left;
} */
.about-us-page-hero-section .about-us-page-hero-section-content .icon-image-container {
  height: 70px;
  width: 70px;
  margin: 0 auto 30px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  box-shadow: 0 0 20px rgb(0 0 0 / 5%);
}
.about-us-page-hero-section .about-us-page-hero-section-content .wpfm-main-title-wrapper h3{
  font-size: 22px;
  line-height: normal;
  font-family: 'poppinssemibold';
}
/* =============== 27. ABOUT US PAGE END ===============*/

/* =============== 28. SHOWCASE PAGE START ===============*/
.showcase-box {
  text-align: center;
  box-shadow: 0px 0px 15px hsl(0deg 0% 10% / 10%);
  border-radius: 5px;
  overflow: hidden;
  transition: all 0.4s;
  margin-bottom: 30px;
}

.showcase-box h2.showcase-title {
  color: #111;
  transition: all 0.4s;
  margin: 20px 0;
}

.showcase-box h2.showcase-title:hover {
  color: var(--main-theme-color);
}

.showcase-box:hover h2 {
  color: var(--main-theme-color);
}

.showcase-box:hover {
  box-shadow: 0px 0px 20px hsl(0deg 0% 10% / 10%);
}

/* =============== 28. SHOWCASE PAGE END ===============*/

/* ==================29.NFC Products Css Start===================== */

/* NFC Product Listing */
.nfc-product-listing-container{
  padding-bottom: 50px;
}
.nfc-product-listing-container .single-nfc-product-card {
  margin-bottom: 30px;
  transition: all 0.3s;
  padding: 20px;
  border-radius: 10px;
}

.nfc-product-listing-container .single-nfc-product-card:hover {
  box-shadow: var(--box-shadow);

}

.nfc-product-listing-container .single-nfc-product-card .nfc-product-card-content {
  padding-top: 20px;
}

.nfc-product-listing-container .single-nfc-product-card .nfc-product-card-image {
  line-height: 0;
}

.nfc-product-listing-container .single-nfc-product-card .nfc-product-card-image img {
  max-height: 310px;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}

.nfc-product-listing-container .single-nfc-product-card .nfc-product-card-content .nfc-product-card-title,
.nfc-product-listing-container .single-nfc-product-card .nfc-product-card-content .product-price {
  font-size: 17px;
  line-height: 1.6rem;
  margin: 0;
  font-family: "poppinssemibold";
  color: #111;
}

.nfc-product-listing-container .single-nfc-product-card .nfc-product-card-content .nfc-product-card-title:hover {
  color: var(--main-theme-color);
}

.nfc-product-card-rating {
  line-height: 0;
}
.nfc-product-listing-container .single-nfc-product-card .nfc-product-card-content .nfc-reviews-contaier {
  justify-content: center;
  padding: 10px 0;
}

.nfc-product-card-rating i {
  color: #FFDC0F;
  font-size: 21px;
  line-height: 21px;
}

.nfc-product-listing-container .single-nfc-product-card .nfc-product-card-content .nfc-quantity-container{
  margin: 20px auto 0;
}
.nfc-quantity-container {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 180px;
  width: 100%;
  background: var(--light-gray-color);
  height: 44px;
  border-radius: 5px; 
  border: 1px solid #eee;
}

.nfc-quantity-container button {
  background: transparent;
  margin: 5px;
  height: 34px;
  width: 34px;
  font-size: 23px;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 4px;
  overflow: hidden;
  transition: all 0.4s;
}

.nfc-quantity-container button:hover {
  background-color: var(--main-theme-color);
  color: #fff;
  cursor: pointer;
}

.nfc-quantity-container input.input-qty {
  width: calc(100% - 88px);
  height: 34px;
  text-align: center;
  border: none;
  background: transparent;
  font-size: 17px;
  line-height: 1.5rem;
}

/* Single NFC Product */

.single-nfc-product-intro-section {
  background: var(--light-gray-color);
}

.single-nfc-product-intro-section .product-adderss-line {
  font-family: 'poppinssemibold';
  font-size: 17px;
  line-height: 1.6rem;
  margin-bottom: 30px;
}

.single-nfc-product-intro-section .product-image-container img {
  height: 100%;
  width: 100%;
  max-height: 640px;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}


.single-nfc-product-intro-section .nfc-product-content-wrapper .nfc-product-top-container .single-nfc-product-intro-section .wpfm-product-title h2 {
  font-size: 38px;
  font-family: 'poppinssemibold';
  line-height: 57px;
  margin: 0;
}

.single-nfc-product-intro-section .nfc-product-content-wrapper .nfc-product-top-container .wpfm-product-title h2 {
  font-size: 38px;
  line-height: 57px;
  margin: 0;
}

.single-nfc-product-intro-section .nfc-product-content-wrapper .nfc-product-top-container .product-short-description {
  padding: 15px 0;
}

.single-nfc-product-intro-section .nfc-product-content-wrapper .nfc-product-top-container .nfc-product-pricing-container {
  padding: 15px 0;
}

.single-nfc-product-intro-section .nfc-product-content-wrapper .nfc-product-top-container .nfc-product-pricing-container .nfc-product-price {
  font-size: 21.5px;
  line-height: 32.25px;
  font-family: 'poppinssemibold';
}

.single-nfc-product-intro-section .nfc-product-content-wrapper .nfc-product-top-container .nfc-product-pricing-container small {
  color: var(--gray-text-color);
}

.nfc-reviews-contaier {
  display: flex;
  align-items: center;
  padding: 10px 0;
}
.nfc-reviews-contaier .reviews-count {
  font-size: 14px;
  line-height: 21px;
  margin-left: 15px;
}

.single-nfc-product-intro-section .nfc-product-content-wrapper .nfc-add-to-cart-wrapper{
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 15px 0;
}
.single-nfc-product-intro-section .nfc-product-content-wrapper .nfc-add-to-cart-wrapper .nfc-quantity-container{
  height: 53px;
}
.single-nfc-product-intro-section .nfc-product-content-wrapper .nfc-add-to-cart-wrapper .nfc-quantity-container button{
  height: 43px;
  width: 48px;
  font-size: 26px;
}
.single-nfc-product-intro-section .nfc-product-content-wrapper .nfc-add-to-cart-wrapper .add-to-cart-button i {
  font-size: 20px;
  margin-left: 10px;
}
.single-nfc-product-intro-section .nfc-product-content-wrapper .nfc-add-to-cart-wrapper .wpfm-theme-button{
  white-space: nowrap;
}
.single-nfc-product-intro-section .nfc-product-content-wrapper .nfc-product-top-container {
  padding: 0 15px 30px;
}

.single-nfc-product-intro-section .nfc-product-content-wrapper .nfc-product-bottom-container {
  padding: 30px 15px 0;
  border-top: 1px solid #ddd;
}
.single-nfc-product-intro-section .nfc-product-content-wrapper .nfc-product-top-container {
  padding: 0 15px 30px;
}

.single-nfc-product-intro-section .nfc-product-content-wrapper .nfc-product-bottom-container {
  padding: 30px 15px 0;
  border-top: 1px solid #ddd;
}

.single-nfc-product-intro-section .nfc-product-content-wrapper .nfc-product-bottom-container .nfc-single-short-feature {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 20px;
}

.nfc-product-content-wrapper .nfc-product-bottom-container .nfc-single-short-feature .product-feature-content h4 {
  font-size: 21.5px;
  line-height: 32.25px;
  font-family: 'poppinssemibold';
  color: #111;
  margin: 0;
}

.single-nfc-product-intro-section .nfc-product-content-wrapper .nfc-product-bottom-container .nfc-single-short-feature p {
  line-height: 34px;
}

.single-nfc-product-intro-section .nfc-product-content-wrapper .nfc-product-bottom-container .nfc-single-short-feature i {
  font-size: 30px;
  color: var(--main-theme-color);
}

.nfc-description-section {}

.nfc-description-section .tabs-title-container {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ddd;
}

.nfc-description-section .tabs-title-container .tab-title {
    text-transform: uppercase;
    font-family: 'poppinsregular';
    padding: 15px 15px 15px 0;
    margin-right: 10px;
}

.nfc-description-section .tabs-title-container .tab-1.tab-title {
    color: var(--main-theme-color);
    border-bottom: 3px solid var(--main-theme-color);
    font-family: 'poppinssemibold';
}

.nfc-description-section .tab-description {
    padding-top: 30px;
}
.nfc-description-section .tab-description h4 {
  font-size: 24px;
  line-height: 36px;
  font-family: 'poppinssemibold';
  margin: 10px 0 10px 0;
}

.nfc-description-section .tab-description p {
  margin-bottom: 10px;
}
.nfc-description-section .tab-description p b {
  color: #111;
  font-family: 'poppinssemibold';
  font-weight: 600;
}

.how-nfc-works-section .featured-image-container {
  line-height: 0;
  margin-right: 40px;
}
.nfc-google-revirews-section .featured-image-container {
  line-height: 0;
  margin-left: 40px;
}
.col-sections .featured-image-container img, .col-sections .featured-image-container img {
  object-fit: cover;
  border-radius: 10px;
}

.col-sections .featured-image-container .small-feature-icon-container{
  height: 120px;
  width: 120px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 50px;  
  border-radius: 10px;
  border: 1px solid var(--border-color);
}
.how-nfc-works-section .featured-image-container .small-feature-icon-container{
  right: 0px;
}
.nfc-google-revirews-section .featured-image-container .small-feature-icon-container {
  left: 0;
}
.col-sections .featured-image-container .small-feature-icon-container i{
  font-size: 70px;
}
.single-nfc-product-template .wpfm-faqs-section.hide-border.gray_bg .wpfm-faqs-wrapper {
  box-shadow: none;
  padding: 0;
}
/* ==================29.NFC Products Css End===================== */

/* ===============30. Affiliate Program CSS Start ==================*/

.affiliate-program-hero-section {
	padding: 60px 0;
}
.affiliate-program-hero-section .wpfm-title b{
  color: var(--main-theme-color);
}
.affiliate-program-hero-section-image {
	text-align: center;
}

.affiliate-program-hero-content .main-hero-content-heading b:after {
	display: none;
}

.affiliate-program-how-it-works {
	padding: 60px 0;
}

.affiliate-program-how-it-works-step-image {
	width: 160px;
	height: 160px;
	background-color: #fff;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
}

.affiliate-program-how-it-works-step {
	text-align: center;
	position: relative;
}

.affiliate-program-how-it-works-step h4 {
	font-size: 24px;
	font-family: 'poppinssemibold';
	font-weight: 400;
	margin: 25px 0px 15px 0px;
}

.affiliate-program-how-it-works-step p {
	max-width: 350px;
	margin: 0 auto;
}

.affiliate-program-how-it-works-step:after {
	content: "";
	width: 50%;
	height: 1px;
	position: absolute;
	left: 78%;
	top: 80px;
	border-top: 1px dashed;
}

.affiliate-program-how-it-works .wpfm-col-md-4:last-of-type .affiliate-program-how-it-works-step:after {
	display: none;
}

/* ===============30. Affiliate Program CSS End ==================*/

/* ===============31. Dispatch Delivery ========================== */

.dispatch-delivery-page-hero-section .check-list-section ul{
    display: flex;
    gap: 10px 30px;
    flex-wrap: wrap;
    margin-bottom: 0;
}
.dispatch-delivery-page-hero-section .check-list-section ul li{
  margin-bottom: 0;
}

.dispatch-delivery-page .intigration-features-section .wpfm-top-three-features-box {
    padding: 30px;
    border-radius: 10px;
    transition: all 0.3s;
}

.dispatch-delivery-page .intigration-features-section .wpfm-main-title-wrapper {
    margin-bottom: 30px;
}

.dispatch-delivery-page .intigration-features-section .wpfm-top-three-features-box:hover {
    box-shadow: 0px 0px 20px rgb(17 17 17 / 10%);
}
/* =============== 31. Dispatch Delivery ========================= */

.intigration-page-hero-section .wpfm-main-title-wrapper .wpfm-title{
  font-size: 48px;
    line-height: 60px;
}

.intigration-page .intigration-features-section .icon-image-container {
    height: 80px;
    width: 80px;
    margin: 0 auto 30px;
    box-shadow: 0 4px 40px rgb(17 17 17 / 5%);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}

.intigration-page .intigration-features-section  .wpfm-top-three-features-box {
  padding: 30px;
}

.intigration-page .intigration-features-section .wpfm-top-three-features-box:hover {
  box-shadow: var(--box-shadow);
}
.intigration-page .featured-image-container img, .col-sections .featured-image-container img{
  max-height: 100%;
}
/* =============== MEDIA QUERY START ===============*/
@media (min-width: 1400px) {
  .wpfm-container {
    max-width: 1370px !important;
  }
}

@media (min-width: 1024px) {
  .addon-ht-tab-list .slick-track {
    display: flex;
    left: 0 !important;
    transform: none !important;
  }
  .addon-vt-tab-list .slick-track {
    transform: none !important;
  }
}

@media (min-width: 992px) {
  .main-navigation {
    display: block !important;
  }
  .addon-tab-features-item.show {
    box-shadow: var(--box-shadow);
    background: #fff;
  }
  .addon-tab-features-item.show .addon-tab-features-title h5 {
    color: var(--main-theme-color);
  }
  .addon-tab-features-item.show .addon-tab-features-title::after {
    transform: translate(0px, -50%) rotate(-90deg);
  }
  .addon-tab-features-item.show .addon-tab-features-detail {
    display: block;
  }
  .addon-tab-features-data-item {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(30px);
    visibility: hidden;
  }
  .addon-tab-features-data-item.show {
    opacity: 1;
    transform: translateY(0px);
    visibility: visible;
    transition: all 0.4s ease-out;
  }
  .wpfm-site-header .main-navigation ul {
    padding-right: 60px;
  }
  
  
}
@media (min-width: 768px) {
  .right-content-column-wrapper{
    margin-left: 25px;
  }
  .left-content-column-wrapper{
    margin-right: 25px;
  }
}

@media (max-width: 1400px) {
  .blog-infomation-wrap li {
    font-size: 14px;
  }
  .addon-vt-tab-features-data {
    min-height: 500px;
  }
}

@media (max-width: 1200px) {
  .wpfm-site-top-footer .footer-content-title {
    font-size: 21px;
  }
  .wpfm-using-step-items .wpfm-using-step-item {
    padding: 0px;
  }
  .products .product {
    width: calc(50% - 40px);
  }
  .addon-vt-tab-features-data {
    min-height: 420px;
  }
  .woocommerce-view-subscription .wpr-add-new-subscription > div {
    width: calc(33.33% - 20px);
    flex: calc(33.33% - 20px);
  }
  .wpfm-customization-pricing .wpfm-col-10 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .single-blog-post-content img{
    height: inherit;
  }
}

@media (max-width: 1198.99px) and (min-width: 991.99px) {
  .wpfm-site-header .main-navigation ul li a {
    margin: 0 10px;
    font-size: 15px;
  }
  .single-addon-pricing .single-addon-pricing-price b {
    font-size: 21px;
  }
  .wpfm-site-header .wpfm-site-header-logo img {
    max-height: 35px;
    width: auto;
  }
}

@media (max-width: 991px) {
  .wpfm-site-header .main-navigation {
    display: none;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    box-shadow: var(--box-shadow);
    border-top: 1px solid var(--border-color);
  }
  .wpfm-site-header .main-navigation ul {
    flex-direction: column;
    align-items: start;
  }
  .wpfm-site-header .main-navigation ul li {
    width: 100%;
  }
  .wpfm-site-header .main-navigation ul li a {
    padding: 15px 18px;
    display: block;
    border-bottom: 1px solid var(--border-color);
    margin: 0;
  }
  .wpfm-site-header .main-navigation ul li.menu-item-has-children > a::after {
    display: none;
  }
  .wpfm-site-header .main-navigation ul li.cart-menu-item a {
    padding: 10px 15px;
    max-width: 40px;
  }
  .wpfm-site-header .main-navigation ul.sub-menu {
    display: block;
    position: inherit;
    width: 100%;
    max-width: 100%;
    background-color: var(--border-color);
    border-radius: 0;
    box-shadow: none;
  }
  .wpfm-site-header .wpfm-site-header-logo img {
    max-height: 40px;
  }
  .menu-item-highlight {
    position: relative;
    top: -2px;
  }
  .wpfm-mobile-nav-menu-button {
    height: 40px;
    width: 45px;
    display: flex;
    border: 2px solid #fff;
    margin-left: auto;
    border-radius: 5px;
    position: relative;
    cursor: pointer;
    background: var(--main-theme-color);
  }
  .wpfm-mobile-nav-menu-button:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 25px;
    background: #fff;
    top: 9px;
    left: 50%;
    transform: translate(-50%, 0);
    transition: var(--transaction);
  }
  .wpfm-mobile-nav-menu-button:after {
    content: "";
    position: absolute;
    height: 2px;
    width: 25px;
    background: #fff;
    bottom: 9px;
    left: 50%;
    transform: translate(-50%, 0);
    transition: var(--transaction);
  }
  .wpfm-mobile-nav-menu-button .wpfm-mobi-nav-button {
    position: absolute;
    height: 2px;
    width: 25px;
    background: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
    transition: var(--transaction);
  }
  .wpfm-mobile-nav-menu-button.menu-open:before {
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .wpfm-mobile-nav-menu-button.menu-open:after {
    bottom: auto;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  .wpfm-mobile-nav-menu-button.menu-open .wpfm-mobi-nav-button {
    opacity: 0;
  }
  .blog-infomation-wrap li {
    font-size: 13px;
  }
  .blog-infomation-wrap li::before {
    font-size: 14px;
  }
  .wpfm-blog-shorting ul li a {
    font-size: 14px;
  }
  .footer-pages-links-wrap {
    margin-bottom: 30px;
  }
  .wpfm-site-bottom-footer .wpfm-site-bottom-links {
    text-align: center;
  }
  .wpfm-site-bottom-footer .wpfm-site-bottom-copyright {
    text-align: center;
    margin-bottom: 10px;
  }
  .about-author-content {
    margin-bottom: 30px;
  }
  .main-hero-section {
    padding: 60px 0;
  }
  .main-hero-sec-content-wrapper.wpfm-mr-5 {
    margin-right: 0 !important;
  }
  .main-hero-sec-banner-wrapper.wpfm-ml-5 {
    margin-left: 0 !important;
  }
  .plugin-features-sec-boxes-wrapper ul {
    padding: 0;
  }
  .plugin-features-sec-content {
    text-align: center;
    margin-top: 30px;
  }
  .wpfm-plugin-features-section .wpfm-col-lg-4 {
    order: 1;
  }
  .expert-review-box-box {
    margin-bottom: 30px;
    height: inherit;
  }
  .wpfm-expert-reviews-section
    .wpfm-col-lg-4:last-of-type
    .expert-review-box-box {
    margin-bottom: 0px;
  }
  .wpfm-testimonials-box {
    height: inherit;
    margin-bottom: 30px;
  }
  .wpfm-testimonials-box .testimonial-icon {
    font-size: 60px;
  }
  .testimonial-quote {
    min-height: inherit;
  }
  .wpfm-testimonials-section
    .wpfm-col-lg-4:last-of-type
    .wpfm-testimonials-box {
    margin-bottom: 0px;
  }
  .bundle-offer .wpfm-container {
    flex-direction: column;
  }
  .bundle-offer .wpfm-main-title-wrapper {
    margin: 10px 0 30px;
    text-align: center;
  }
  .faqs-sidebar {
    margin-right: 0;
    margin-bottom: 30px;
  }
  .pricing-plan-section .wpfm-col-lg-3 {
    margin-top: 30px;
  }
  .pricing-plan-section .wpfm-col-lg-3:nth-of-type(3) {
    order: -1;
  }
  .wpfm-expert-review-slider .expert-review-box-box {
    margin-top: 40px;
    margin-bottom: 0;
  }
  .pricing-features-item {
    padding: 0;
  }
  .single-addon-pricing-row {
    flex-wrap: wrap;
  }
  .single-addon-pricing-col {
    flex: 0 0 33.33%;
    max-width: 33.33%;
    margin: 0 0 30px 0 !important;
  }
  .single-addon-pricing-col.single-addon-highlight {
    order: -1;
  }
  .addon-tab-features-item .addon-tab-features-detail {
    display: block;
  }
  .addon-support-detail-list {
    flex-direction: column;
  }
  .addon-support-detail-list a {
    padding: 15px 30px;
  }
  .woocommerce .cart-collaterals {
    margin-top: 30px;
  }
  .woocommerce .woocommerce-MyAccount-navigation {
    width: 100%;
    position: inherit;
    margin-bottom: 30px;
  }
  .woocommerce .woocommerce-MyAccount-content {
    width: 100%;
  }
  #order_review_heading {
    margin-top: 30px;
  }
  .woocommerce-EditAccountForm .wpfm-col-lg-6:nth-child(1) {
    border-right: 0;
    border-bottom: 1px solid var(--border-color);
  }
  .woocommerce-view-subscription .wpr-add-new-subscription > div {
    width: calc(50% - 20px);
    flex: calc(50% - 20px);
  }
  .addon-vt-tab-features-data {
    min-height: inherit;
  }
  .front-theme-section .wpfm-row {
    flex-direction: column-reverse;
  }
  .front-theme-section-right {
    margin-bottom: 30px;
  }
  .wpfm-customization-pricing .pricing-plan-col {
    display: block;
    margin-top: 0px;
  }
  .wpfm-customization-pricing .pricing-plan-head {
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .wpfm-customization-pricing .pricing-plan-details {
    padding: 0;
  }
  .pricing-plan-col {
    margin-top: 30px;
    height: inherit;
  }
  .pricing-plan-section .wpfm-main-title-wrapper {
    margin-bottom: 50px;
  }
  #gt_float_wrapper {
    top: 16px !important;
    right: 200px !important;
  }
}

@media (max-width: 767px) {
  section {
    padding: 40px 0;
  }
  .wpfm-main-title-wrapper {
    margin-bottom: 40px;
  }
  .wpfm-top-three-features-section .icon-image-container{
    margin: 0 auto 20px;
  }
  .inner-page-title-section .wpfm-main-title-wrapper .wpfm-title {
    font-size: 28px;
    line-height: 38px;
  }
  .inner-page-title-section h2 {
    font-size: 17px;
    line-height: 24px;
  }
  .subscribers-section .subscribers-form {
    display: block;
  }
  .subscribers-section .subscribers-form .form-input {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .subscribers-section .subscribers-form .wpfm-theme-button {
    width: 100%;
    justify-content: center;
  }
  .wpfm-main-title-wrapper .wpfm-title {
    font-size: 28px;
    line-height: 38px;
  }
  .wpfm-site-bottom-footer {
    font-size: 14px;
  }
  .wpfm-site-bottom-footer .wpfm-site-bottom-links ul li {
    padding-left: 25px;
  }
  .wpfm-site-bottom-footer .wpfm-site-bottom-links ul li::before {
    height: 6px;
    width: 6px;
    left: 8px;
  }
  .blog-list-section .wpfm-col-md-6:last-of-type {
    margin-bottom: 0px;
  }
  .wpfm-blog-shorting {
    margin-bottom: 20px;
  }
  .single-blog-post-author-wrapper {
    padding-top: 40px;
  }
  .single-blog-post-author-wrapper .author-photo {
    flex: 0 0 60px;
    width: 60px;
  }
  .single-blog-post-author-wrapper .author-photo img {
    width: 60px;
    height: 60px;
  }
  .single-blog-post-author-wrapper .author-blog-text {
    font-size: 14px;
    line-height: 20px;
  }
  .single-blog-post-author-wrapper .author-blog-link {
    font-size: 14px;
  }
  .pagination .page-numbers {
    font-size: 14px;
    height: 36px;
    min-width: 36px;
    line-height: 36px;
    padding: 0 7px;
    font-family: "poppinsmedium";
    margin: 2px;
  }
  .wpfm-using-step-items {
    flex-wrap: wrap;
  }
  .wpfm-using-step-items .wpfm-using-step-item {
    margin: 0 0 30px !important;
    top: 0 !important;
  }
  .wpfm-using-step-items .wpfm-using-step-item:last-of-type {
    margin-bottom: 0px !important;
  }
  .wpfm-using-step-items:after {
    display: none;
  }
  .main-hero-section {
    padding: 0;
  }
  .main-hero-section:after {
    display: none;
  }
  .main-hero-section .wpfm-container {
    max-width: 100%;
    padding: 0;
  }
  .main-hero-section .wpfm-col-md-6 {
    padding: 0;
  }
  .main-hero-section .wpfm-row {
    flex-direction: column-reverse;
    margin: 0;
  }
  .main-hero-section .main-hero-sec-banner-wrapper {
    padding: 30px;
  }
  .main-hero-section .main-hero-sec-content-wrapper {
    padding: 30px 15px 0;
    text-align: center;
  }
  .main-hero-section .main-hero-sec-content-wrapper .main-hero-content-heading {
    font-size: 33px;
    line-height: 45px;
    margin-bottom: 20px;
  }
  .main-hero-section
    .main-hero-sec-content-wrapper
    .main-hero-content-sub-heading {
    font-size: 17px;
    line-height: 28px;
    margin-bottom: 25px;
  }
  .wpfm-site-top-footer {
    padding: 40px 0;
  }
  .products .product {
    width: 100%;
    margin: 0;
  }
  .popular-articles-wrapper ul li {
    width: 100%;
    margin: 0 15px 15px;
  }
  .our-community-content {
    margin-bottom: 30px;
    height: inherit;
  }
  .feature-request-content .feature-request-img {
    margin-top: 30px;
    background-position: top;
  }
  .pricing-features-item {
    margin-bottom: 40px;
  }
  .single-addon-pricing-col {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .single-addon-hero-section {
    text-align: center;
    padding-top: 40px;
  }
  .single-addon-hero-section .wpfm-row {
    flex-direction: column-reverse;
  }
  .single-addon-hero-section h1 {
    font-size: 30px;
    margin-bottom: 15px;
  }
  .single-addon-hero-section h2 {
    font-size: 16px;
  }
  .single-addon-hero-content {
    padding: 0;
    margin: 30px 0;
  }
  .single-addon-hero-img {
    width: 180px;
    height: 180px;
  }
  .single-addon-hero-img img {
    max-width: 130px;
  }
  .single-addon-pricing-box {
    margin: 0 25px;
  }
  .addon-ht-tab-features {
    padding: 40px 0;
  }
  body
    #eckb-categories-archive-container-v2
    #eckb-categories-archive__body__content {
    padding: 20px 15px;
  }
  body #eckb-categories-archive-container-v2 .eckb-category-archive-title h1 {
    font-size: 21px;
  }
  body
    #eckb-categories-archive-container-v2
    .eckb-category-archive-style-2
    .eckb-article-container
    .eckb-article-header
    .eckb-article-title
    h2 {
    line-height: normal;
  }
  body
    #eckb-categories-archive-container-v2
    .eckb-category-archive-style-2
    .eckb-article-container
    .eckb-article-header
    .eckb-article-title
    h2
    a {
    font-size: 18px;
    line-height: normal;
  }
  .add-ons-header .wpfm-container {
    flex-direction: column;
    text-align: center;
  }
  .add-ons-header .add-ons-header-detail {
    padding: 20px 0;
  }
  .woocommerce #payment #place_order {
    display: block;
  }
  .woocommerce table.shop_table_responsive tr td:before {
    font-family: "poppinssemibold";
  }
  .woocommerce .form-row label {
    line-height: 1.4;
  }
  .woocommerce #customer_login.col2-set {
    flex-direction: column;
    width: 100%;
  }
  .woocommerce #customer_login.col2-set .col-1,
  .woocommerce #customer_login.col2-set .col-2 {
    width: 100%;
    padding: 20px;
  }
  .my-account-download-licenses .wp-card .wp-card-header {
    flex-direction: column;
    display: block;
  }
  .my-account-download-licenses .wp-card .wp-card-header .wpfm-theme-button {
    margin-top: 5px;
    margin-left: 0 !important;
  }
  .wpcf7-form {
    margin-top: 30px;
  }
  #asea-search-title {
    font-size: 28px !important;
  }
  #asea-doc-search-container
    #asea-doc-search-box-container
    #asea_search_form
    .asea-search-box {
    width: 100% !important;
  }
  #asea-doc-search-container #asea-section-1 {
    margin-bottom: 0 !important;
  }
  #asea-doc-search-container #asea-section-1 #asea_search_form {
    width: 100% !important;
    padding: 0 20px;
  }
  #epkb-main-page-container.epkb-categories-template
    #epkb-content-container
    section {
    padding-bottom: 0 !important;
  }
  #epkb-main-page-container.epkb-categories-template
    #epkb-content-container
    section:last-of-type {
    margin-bottom: 15px;
  }
  .subscription_details .subs-actions {
    display: block;
  }
  .subscription_details .subs-actions .subs-actions-btn-group {
    display: flex;
    flex-wrap: wrap;
  }
  .subscription_details .subs-actions .subs-actions-btn-group .button {
    max-width: inherit;
    width: inherit;
  }
  .subs-total .wp-custom-thead {
    text-align: left;
  }
  .woocommerce table.shop_table_responsive tr td::before,
  .woocommerce-page table.shop_table_responsive tr td::before {
    flex: 1;
    text-align: left;
  }
  .subscription_addons_list .wp-card .wp-card-header {
    display: block;
  }
  .subscription_details .button {
    max-width: inherit;
    width: inherit;
    font-size: 14px;
    padding: 8px 15px;
  }
  .subscription_addons_list .wp-card .wp-card-header .button,
  .subscription_addons_list .wp-card .wp-card-header button {
    margin-top: 10px;
    display: inline-block;
    margin-bottom: 0;
  }
  .addons-feature-img {
    margin-bottom: 40px;
  }
  .features-page-section .extra-features .addons-feature-img{
    margin-bottom: 20px;
  }
  .addons-feature-content h2,
  .bundle-feature-content h2 {
    font-size: 20px;
    line-height: 26px;
  }
  .addons-feature-header {
    padding-bottom: 0;
  }
  .addons-feature-shape {
    display: none;
  }
  .popular-articles-section
    .popular-articles-wrapper
    .widg-shortcode-article-container
    ul
    li {
    width: calc(100% - 20px);
    margin: 10px;
  }
  .subscribers-section .subscribers-form form .newsletter-form-wrapper {
    display: block;
  }
  .subscribers-section .newsletter-form-left-col {
    display: block;
  }
  .subscribers-section .subscribers-form form .form-control {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .boost-revenue-section .wpfm-container {
    padding: 1.5rem;
  }
  .boost-revenue-section .wpfm-container .wpfm-main-title-wrapper {
    text-align: center;
    margin-bottom: 1rem;
  }
  .boost-revenue-image-wrap {
    margin: 0 auto;
  }
  .anim-circle {
    transform: translate(-50%, -50%) scale(0.7);
  }

  .wpfm-theme-single-page-hero-section h2 {
    margin-top: 0;
    font-size: 28px;
  }
  .wpfm-theme-single-page-hero-section-img {
    margin-top: 30px;
    text-align: left;
  }
  .wpfm-theme-list-section .wpfm-col-lg-4:last-of-type {
    margin: 0;
  }
  .wpfm-single-theme-section .wpfm-row .wpfm-col-xl-8 .wpfm-theme-box {
    margin-bottom: 30px;
    height: inherit;
  }
  .wpfm-theme-template-pages-row .wpfm-col-md-6 {
    order: 1;
  }
  .pricing-plan-section .wpfm-col-lg-4:nth-child(2) {
    order: -1;
  }
  .single-blog-post-content table tr td::before {
    content:attr(data-title) ": ";
    font-size: 15px;
    flex: 1;
    text-align: left;
    font-weight: 400
  }
  .single-blog-post-content table tr td {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border-top: 1px solid #f5f5f5;
    text-align: right
  }
  .single-blog-post-content table tr th {
      display: none
  }
  .single-blog-post-content td {
      padding: 5px
  }
  .single-blog-post-content table tr:nth-child(even) td {
      border: 1px solid #fff
  }
  .impressum {
    gap: 40px;
  }
  .features-page-section .features-tabs{
    padding: 30px 0px;
  }
  .about-timeline-section .about-timeline-list-wrapper::before {
    left: 110px;
    transform: unset;
  }
  .about-timeline-section
    .about-timeline-list-wrapper
    .about-timeline-list::after,
  .about-timeline-section
    .about-timeline-list-wrapper
    .about-timeline-list::before {
    left: 106px;
    transform: unset;
  }
  .about-timeline-section
    .about-timeline-list-wrapper
    .about-timeline-list
    .about-timeline-item::before {
    left: 96px;
    transform: translate(0, -50%);
  }
  .about-timeline-section
    .about-timeline-list-wrapper
    .about-timeline-list
    .about-timeline-item:hover::before {
    height: 36px;
    width: 36px;
    left: 93px;
  }
  .about-timeline-section
    .about-timeline-list-wrapper
    .about-timeline-list
    .about-timeline-item::after {
    left: 106px;
    transform: translate(0, -50%);
  }
  .about-timeline-section
    .about-timeline-list-wrapper
    .about-timeline-list
    .about-timeline-item
    .about-timeline-year {
    width: 110px !important;
    padding: 0 30px 0 0 !important;
    margin: 0 !important;
  }
  .about-timeline-section
    .about-timeline-list-wrapper
    .about-timeline-list
    .about-timeline-item
    .about-timeline-year::after,
  .about-timeline-section
    .about-timeline-list-wrapper
    .about-timeline-list
    .about-timeline-item:hover
    .about-timeline-year::after {
    right: 20px !important;
  }
  .about-timeline-section
    .about-timeline-list-wrapper
    .about-timeline-list
    .about-timeline-item
    .about-timeline-year
    .about-timeline-year-text {
    padding: 0 15px;
    font-size: 16px;
    line-height: 42px;
    height: 40px;
    border-radius: 5px;
    letter-spacing: 0.5px;
  }
  .about-timeline-section
    .about-timeline-list-wrapper
    .about-timeline-list
    .about-timeline-item
    .about-timeline-year-info {
    width: calc(100% - 165px) !important;
    padding: 15px 20px !important;
    margin: 15px 15px 15px 40px !important;
    max-width: unset !important;
  }
  .about-timeline-section
    .about-timeline-list-wrapper
    .about-timeline-list
    .about-timeline-item:nth-child(2n) {
    flex-direction: row;
  }
  .about-timeline-section
    .about-timeline-list-wrapper
    .about-timeline-list
    .about-timeline-item:nth-child(2n)
    .about-timeline-year {
    justify-content: flex-end;
  }
  .about-timeline-section
    .about-timeline-list-wrapper
    .about-timeline-list
    .about-timeline-item:nth-child(2n)
    .about-timeline-year::after {
    -webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);
    clip-path: polygon(100% 50%, 0 0, 0 100%);
    left: auto !important;
    right: 20px !important;
  }
  .about-our-team-section
    .about-our-team-list-wrapper
    .about-our-team-list
    .about-our-team-item {
    width: calc(50% - 40px);
  }
  .wpfm-comment-container{
    padding: 25px;
  }
  .wpfm-comment-container h3.wpfm-title{
    font-size: 24px;
    line-height: 35px;
  }
  .about-us-page-hero-section .about-us-page-hero-section-content{
    gap: 30px;
  }
  .right-content-column-wrapper{
    margin-top: 25px;
  }
  .left-content-column-wrapper{
    margin-bottom: 25px;
  }
  .single-nfc-product-intro-section .nfc-product-content-wrapper .nfc-product-top-container{
    padding: 20px 0 20px 0;
  }
  .single-nfc-product-intro-section .nfc-product-content-wrapper .nfc-product-top-container .wpfm-product-title h2 {
    font-size: 32px;
    line-height: normal;
}

.single-nfc-product-intro-section .nfc-product-content-wrapper .nfc-product-top-container .nfc-product-pricing-container {
    padding: 10px 0;
}

.single-nfc-product-intro-section .nfc-product-content-wrapper .nfc-add-to-cart-wrapper .wpfm-theme-button {
    white-space: nowrap;
}
.intigration-page .wpfm-main-title-wrapper{
  margin-bottom: 30px !important;
}
}

@media (max-width: 575px) {
  .single-blog-post-content {
    padding-top: 20px;
    font-size: 14px;
    line-height: 24px;
  }
  .single-blog-post-content h4 {
    font-size: 18px;
  }
  .single-blog-post-content > ul li {
    font-size: 14px;
  }
  .single-blog-post-content > ul li::before {
    width: 6px;
    height: 6px;
  }
  .blog-table-of-contents {
    padding: 20px;
  }
  .blog-table-of-contents h2 {
    font-size: 17px;
  }
  .wpfm-theme-button,
  .wpcf7-submit {
    padding: 10px 20px;
    font-size: 15px;
  }
  .plugin-features-sec-boxes-wrapper ul li {
    width: 100%;
    height: inherit;
    min-height: inherit;
    margin: 0 0 30px !important;
    padding: 30px;
  }
  .plugin-top-features-box {
    padding: 20px 0;
  }
  .wpfm-plugin-top-features-section .button-group-wrapper .wpfm-theme-button {
    margin: 7px 0 !important;
    max-width: 220px;
    width: 100%;
    text-align: center;
    justify-content: center;
  }
  .wpfm-using-step-items .wpfm-using-step-item h5 {
    max-width: 220px;
    margin: 15px auto 0;
  }
  .wpfm-using-step-items .wpfm-using-step-item .wpfm-using-step-item-icon {
    width: 80px;
    height: 80px;
    font-size: 34px;
  }
  .wpfm-faqs-wrapper {
    padding: 15px;
  }
  .bundle-offer .wpfm-main-title-wrapper .wpfm-title {
    font-size: 21px;
    line-height: 32px;
  }
  .feature-request-content {
    padding: 20px;
  }
  .feature-request-content .feature-request-img {
    min-height: 250px;
  }
  .wpfm-faqs-page-section .wpfm-faqs-wrapper {
    padding: 20px;
  }
  .wpfm-faqs-page-section .wpfm-faqs-wrapper h3 {
    margin-left: -20px;
    font-size: 17px;
    margin-bottom: 20px;
  }
  .compare-addons-table {
    font-size: 13px;
  }
  .compare-addons-table thead th {
    padding: 15px 5px;
    line-height: 18px;
  }
  .compare-addons-table td {
    padding: 10px;
  }
  .compare-addons-table td .wpfmtheme-check-line {
    width: 20px;
    height: 20px;
    font-size: 14px;
  }
  .compare-addons-table td .wpfmtheme-close-circle-fill {
    font-size: 20px;
  }
  .compare-addons .wpfm-table-responsive {
    overflow: auto;
  }
  .single-addon-pricing-col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .addon-ht-tab-features-data-item p {
    font-size: 17px;
  }
  .woocommerce-checkout .woocommerce-billing-fields .form-row {
    width: 100% !important;
  }
  .wp-custom-thead .wp-custom-tr {
    padding-bottom: 15px;
    padding-right: 0px;
    min-width: inherit;
    width: 100%;
  }
  .collapse-site-head {
    flex-direction: column;
    text-align: center;
  }
  .collapse-site-head span {
    line-height: normal;
    margin: 5px 0;
  }
  .woocommerce-view-subscription .wpr-add-new-subscription > div {
    width: calc(100% - 20px);
    flex: calc(100% - 20px);
  }
  .front-theme-section-left ul {
    column-count: 1;
    margin-bottom: 15px;
  }
  .wpfm-customization-pricing .pricing-plan-details ul {
    column-count: 1;
  }
  .wpfm-customization-pricing .pricing-plan-details ul li {
    line-height: 22px;
  }
  .single-blog-post-content .extra-cta-container .e_cta-row {
    display: block;
  }
  .single-blog-post-content .extra-cta-container .e_cta-row .e_cta-content,
  .single-blog-post-content
    .extra-cta-container.style-4
    .e_cta-row
    .e_cta-content,
  .single-blog-post-content .extra-cta-container.style-5 .e_cta-left-col {
    width: 100%;
    padding: 25px;
  }
  .single-blog-post-content
    .extra-cta-container
    .e_cta-row
    .e_cta-content
    .button-group-wrapper
    .wpfm-theme-button.secondary-button {
    margin: 10px 0 0 0;
  }
  .single-blog-post-content .extra-cta-container.style-10,
  .single-blog-post-content .extra-cta-container.style-9,
  .single-blog-post-content .extra-cta-container.style-8 {
    padding: 15px;
  }
  .single-blog-post-content .extra-cta-container .e_cta-image img,
  .single-blog-post-content .extra-cta-container .e_cta-image img {
    max-width: 100%;
  }
  #gt_float_wrapper {
    right: 70px !important;
  }
  .about-timeline-section .about-timeline-list-wrapper::before {
    left: 30px;
  }
  .about-timeline-section
    .about-timeline-list-wrapper
    .about-timeline-list::after,
  .about-timeline-section
    .about-timeline-list-wrapper
    .about-timeline-list::before {
    left: 26px;
  }
  .about-timeline-section
    .about-timeline-list-wrapper
    .about-timeline-list
    .about-timeline-item {
    flex-direction: column;
  }
  .about-timeline-section
    .about-timeline-list-wrapper
    .about-timeline-list
    .about-timeline-item::before {
    left: 16px;
    transform: unset;
    top: 10px;
  }
  .about-timeline-section
    .about-timeline-list-wrapper
    .about-timeline-list
    .about-timeline-item:hover::before {
    left: 13px;
    top: 7px;
  }
  .about-timeline-section
    .about-timeline-list-wrapper
    .about-timeline-list
    .about-timeline-item::after {
    left: 26px;
    transform: unset;
    top: 20px;
  }
  .about-timeline-section
    .about-timeline-list-wrapper
    .about-timeline-list
    .about-timeline-item
    .about-timeline-year {
    width: 100% !important;
    padding: 5px 5px 5px 60px !important;
    margin: 0 !important;
    justify-content: flex-start;
  }
  .about-timeline-section
    .about-timeline-list-wrapper
    .about-timeline-list
    .about-timeline-item
    .about-timeline-year::after {
    -webkit-clip-path: polygon(0 50%, 100% 0, 100% 100%) !important;
    clip-path: polygon(0 50%, 100% 0, 100% 100%) !important;
    right: auto !important;
    left: 50px !important;
  }
  .about-timeline-section
    .about-timeline-list-wrapper
    .about-timeline-list
    .about-timeline-item
    .about-timeline-year-info {
    width: calc(100% - 70px) !important;
    padding: 15px 20px !important;
    margin: 10px 10px 30px 60px !important;
    max-width: unset !important;
  }
  .about-timeline-section
    .about-timeline-list-wrapper
    .about-timeline-list
    .about-timeline-item:nth-child(2n)
    .about-timeline-year {
    justify-content: flex-start !important;
  }
  .about-timeline-section
    .about-timeline-list-wrapper
    .about-timeline-list
    .about-timeline-item:nth-child(2n)
    .about-timeline-year::after {
    right: auto !important;
    left: 50px !important;
  }
  .nfc-product-listing-container {
      padding-bottom: 0;
  }
  .col-sections .featured-image-container .small-feature-icon-container{
    height: 80px;
    width: 80px;
  }
  .col-sections .featured-image-container .small-feature-icon-container i {
    font-size: 45px;
  }
  .nfc-google-revirews-section .featured-image-container{
    margin-left: 0px;
  }
  .how-nfc-works-section .featured-image-container{
    margin-right: 0px;
  }
}

/* ===============  MEDIA QUERY END ===============*/
.main-hero-sec-video .popup-youtube {
  display: flex;
  align-items: center;
  color: var(--main-theme-color);
  text-transform: uppercase;
  font-family: poppinsmedium;
  transition: 0.5s;
}

.main-hero-sec-video .popup-youtube:hover .main-hero-sec-video-play-button {
  animation: 2s infinite blinkbtn;
  background: var(--main-theme-color);
  color: #fff;
}

/*temporary css start*/
.tamp-border-bottom {
  border-bottom: 1px solid var(--border-color);
}
.tamp-border-bottom-none {
  border-bottom: 0;
}
/*temporary css end*/

/*New pricing page start*/
.wpfm-customization-pricing {
  position: relative;
  padding-bottom: 0px;
}
.wpfm-customization-pricing:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(50% + 50px);
  background-color: var(--main-theme-light-color);
  z-index: -1;
}

.wpfm-customization-pricing .pricing-plan-col {
  display: flex;
  background-color: #fff;
  padding: 1.5rem;
}

.wpfm-customization-pricing .pricing-plan-head {
  max-width: 400px;
  width: 100%;
  background-color: var(--main-theme-color);
  padding: 40px 30px;
  margin-right: 10px;
  overflow: hidden;
}

.wpfm-customization-pricing .pricing-plan-head .pricing-plan-title {
  color: #fff;
  line-height: 1.6rem;
  margin-bottom: 5px;
  font-size: 1.6rem;
}

.wpfm-customization-pricing .pricing-plan-head .pricing-plan-description {
  color: #fff;
  margin-bottom: 20px;
}

.wpfm-customization-pricing .pricing-plan-head .pricing-plan-price del {
  color: #fff;
}

.wpfm-customization-pricing .pricing-plan-head .pricing-plan-price ins span {
  color: #fff;
}

.wpfm-customization-pricing .pricing-plan-head .pricing-plan-price small {
  color: #fff;
  margin-left: 2px;
}

.wpfm-customization-pricing .pricing-plan-head .wpfm-theme-button {
  background-color: #fff !important;
  color: var(--main-theme-color) !important;
}

.wpfm-customization-pricing .pricing-plan-details ul {
  column-count: 2;
  gap: 3rem;
  margin-top: 15px;
}

.wpfm-customization-pricing .pricing-plan-details ul li {
  font-size: 16px;
  margin-bottom: 10px;
  margin-top: 0;
}

.wpfm-customization-pricing .pricing-plan-details i {
  margin-right: 10px;
}
.wpfm-customization-pricing .wpfm-theme-text-button a.smooth-scroll i {
  margin-top: 3px;
  margin-left: 5px;
}
.pricing-plan-new-label {
  background-color: #ffc800;
  font-size: 14px;
  font-weight: 500;
  font-family: "poppinssemibold";
  position: absolute;
  top: 6px;
  left: -27px;
  padding: 3px 30px 1px;
  transform: rotate(-45deg);
}

.wpfm-saving-potential-section {
  background-color: var(--light-gray-color);
}
.wpfm-saving-potential-image {
  text-align: center;
}
.wpfm-saving-potential-content h3 {
  font-family: "poppinssemibold";
  font-size: 28px;
  line-height: 35px;
  margin-top: 0;
  margin-bottom: 20px;
}
.wpfm-saving-potential-content h3 b {
  color: var(--main-theme-color);
}
.wpfm-saving-potential-content p {
  margin-bottom: 20px;
}
.wpfm-saving-potential-content h4 {
  font-size: 20px;
  font-family: "poppinssemibold";
  background-color: #fff;
  padding: 20px;
  border-radius: 4px;
  border-left: 4px solid var(--main-theme-color);
}
.wpfm-saving-potential-content h4 b {
  color: var(--main-theme-color);
}
.wpfm-note-text-saving-section {
  font-family: "poppinsmedium";
  font-size: 17px;
}

.wpfm-package-include-feature ul {
  list-style: none;
  padding: 0;
  margin: 0;
  column-count: 2;
  box-shadow: var(--box-shadow);
  gap: 0;
}
.wpfm-package-include-feature ul li {
  font-family: "poppinsmedium";
  font-size: 17px;
  border-bottom: 1px solid var(--border-color);
  display: flex;
  transition: all 0.2s 0s;
}
.wpfm-package-include-feature ul li .icon {
  background: var(--light-gray-color);
  padding: 15px;
  margin-right: 15px;
  flex: 0 0 52px;
  transition: all 0.2s 0s;
  display: flex;
  align-items: center;
}
.wpfm-package-include-feature ul li .icon i {
  font-size: 22px;
  color: #ccc;
  width: 22px;
  height: 22px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s 0s;
}
.wpfm-package-include-feature ul li span {
  display: block;
  padding: 10px 0;
}
.wpfm-package-include-feature ul li:hover {
  color: var(--main-theme-color);
}
.wpfm-package-include-feature ul li:hover .icon {
  background-color: var(--main-theme-light-color);
}
.wpfm-package-include-feature ul li:hover .icon i {
  background-color: var(--main-theme-color);
  color: #fff;
  font-size: 16px;
}

.wpfm-how-does-it-work-section {
  background-color: var(--light-gray-color);
}
.wpfm-how-does-it-work-row {
  display: flex;
  position: relative;
}

.wpfm-how-does-it-work-col {
  padding: 20px;
  height: 100%;
  border-radius: 10px;
  transition: all 0.3s 0s;
  text-align: center;
  width: 100%;
  position: relative;
}
.wpfm-how-does-it-work-col:after {
  content: "";
  border: 1px dashed #ccc;
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
}
.wpfm-how-does-it-work-col span {
  background-color: #fff;
  color: var(--main-theme-color);
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: block;
  margin: 0 auto;
  box-shadow: var(--box-shadow);
  border-radius: 50px;
  position: relative;
  z-index: 1;
  font-family: "poppinsmedium";
  transition: all 0.3s 0s;
}
.wpfm-how-does-it-work-col h4 {
  font-size: 17px;
  font-family: "poppinssemibold";
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  line-height: 1.5rem;
}
.wpfm-how-does-it-work-col:hover span {
  background-color: var(--main-theme-color);
  color: #fff;
}
.wpfm-how-does-it-work-col:nth-child(1):before {
  content: "";
  width: 12px;
  height: 12px;
  background-color: var(--main-theme-color);
  display: block;
  border-radius: 100px;
  position: absolute;
  top: 34px;
  left: 0;
  z-index: 1;
}
.wpfm-how-does-it-work-col:nth-child(6):before {
  content: "\ea4f";
  font-family: "wpfmtheme-icon" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  top: 28px;
  right: -23px;
  font-size: 3rem;
  transform: rotate(-90deg);
  z-index: 1;
  color: var(--main-theme-color);
}
/*New pricing page end*/

/* un used Csss 

.wpfm-selling-features-section .wpfm-main-title-wrapper p {
  max-width: 1000px;
  margin-bottom: 20px;
}
.wpfm-selling-feature-box {
  background-color: var(--light-gray-color);
  border-radius: 10px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.wpfm-selling-feature-box-content {
  padding: 2rem;
  flex: 1;
}
.wpfm-selling-feature-box-content h4 {
  margin-top: 0;
  font-size: 21.4px;
  font-family: "poppinssemibold";
  margin-bottom: 15px;
}

.boost-revenue-food-business-section .wpfm-main-title-wrapper,
.mobile-app-content-wrapper .wpfm-main-title-wrapper,
.book-table-with-google-section .wpfm-main-title-wrapper {
  text-align: left;
  margin-bottom: 0;
}
.boost-revenue-food-business-section h3 b {
  color: var(--main-theme-color);
}
.boost-revenue-food-business-section ul,
.mobile-app-content-wrapper ul {
  list-style: none;
  padding: 0;
  margin: 30px 0;
}
.boost-revenue-food-business-section ul li,
.mobile-app-content-wrapper ul li {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  font-size: 17px;
  font-family: "poppinsmedium";
}
.boost-revenue-food-business-section ul li i,
.mobile-app-content-wrapper ul li i {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  border-radius: 100px;
  text-align: center;
  line-height: 20px;
  font-size: 16px;
  background-color: var(--main-theme-light-color);
  color: var(--main-theme-color);
  margin-right: 10px;
}
.boost-revenue-food-business-image {
  text-align: center;
  line-height: 0px;
}

*/

/*New Homepage Start*/
.new-main-hero-section {
  background-image: linear-gradient(var(--main-theme-light-color), #fff);
}
.new-main-hero-section .main-hero-sec-content-wrapper {
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}
.new-main-hero-section .main-hero-sec-banner-wrapper {
  text-align: center;
  overflow: hidden;
}
.wpfm-sub-title {
  font-size: 16px;
  line-height: normal;
  margin-top: 0;
  color: var(--main-theme-color);
  text-transform: uppercase;
  font-family: "poppinssemibold";
  letter-spacing: 1px;
  margin-bottom: 20px;
}
.new-main-hero-section .main-hero-sec-content-wrapper .button-group-wrapper {
  gap: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.new-main-hero-section .main-hero-sec-banner-wrapper img {
  max-width: 100%;
}
.new-main-hero-section .main-hero-content-sub-heading {
  max-width: 800px;
  width: 100%;
  margin: 0 auto 30px !important;
}
.main-hero-sec-banner-wrapper-animation {
  animation: 50s linear infinite sliding;
  display: flex;
  gap: 0 30px;
}
.main-hero-sec-banner-wrapper-animation:hover {
  animation-play-state: paused;
}
@keyframes sliding {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-200%);
  }
}
.wpfm-top-three-features {
  border-radius: 10px;
  height: 100%;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--border-color);
}

.wpfm-top-three-features-content {
  padding: 2rem;
  flex: 1
}
.wpfm-top-three-features-box-content h3 {
  margin-top: 0;
  font-size: 21px;
  font-family: "poppinssemibold";
  margin-bottom: 10px;
  font-weight: normal;
}
.wpfm-top-three-features-section {
  padding-top: 0;
  padding-bottom: 50px;
}
.wpfm-top-three-features-section .wpfm-col-md-6 {
  margin-bottom: 30px;
}
.wpfm-top-three-features-section .wpfm-top-three-features-box {
  display: flex;
  align-items: center;
  padding: 30px;
  box-shadow: 0px 0px 40px rgb(0 0 0 / 5%);
  border-radius: 7px;
  height: 100%;
}
.wpfm-top-three-features-section .icon-image-container {
  flex: 0 0 110px;
  line-height: 0;
}
.wpfm-top-three-features-section .icon-image-container img {
  width: 80px;
  height: 80px;
}

.boost-revenue-food-business-section h3 b {
  color: var(--main-theme-color)
}

.wpfm-how-does-foodmato-work-row {
  display: flex;
  position: relative;
  margin-top: 40px;
}

.wpfm-how-does-foodmato-work-col {
  padding: 10px;
  height: 100%;
  border-radius: 10px;
  transition: all 0.3s 0s;
  text-align: center;
  width: 100%;
  position: relative;
}
.wpfm-how-does-foodmato-work-col:after {
  content: "";
  border: 1px dashed #ccc;
  position: absolute;
  top: 35px;
  left: 0;
  width: 100%;
}
.wpfm-how-does-foodmato-work-col span {
  background-color: var(--main-theme-color);
  width: 50px;
  height: 50px;
  line-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--box-shadow);
  border-radius: 50px;
  position: relative;
  z-index: 1;
  font-family: "poppinsmedium";
  transition: all 0.3s 0s;
  margin: auto;
}
.wpfm-how-does-foodmato-work-col h4 {
  font-size: 18px;
  font-family: "poppinssemibold";
  margin-top: 10px;
  margin-bottom: 5px;
  line-height: 26px;
}
.wpfm-how-does-foodmato-work-col p.steps-texts {
  font-size: 14px;
  line-height: 18px;
  color: #111;
  margin-top: 20px;
}
.wpfm-how-does-foodmato-work-col p {
  font-size: 16px;
  line-height: 24px;
}
/* .wpfm-how-does-foodmato-work-col:hover span {
  background-color: var(--main-theme-color);
  color: #fff;
} */
.wpfm-how-does-foodmato-work-col:nth-child(1):before {
  content: "";
  width: 12px;
  height: 12px;
  background-color: var(--main-theme-color);
  display: block;
  border-radius: 100px;
  position: absolute;
  top: 30px;
  left: 0;
  z-index: 1;
}
.wpfm-how-does-foodmato-work-col:nth-child(5):before {
  content: "\ea4f";
  font-family: "wpfmtheme-icon" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  top: 20px;
  right: -23px;
  font-size: 3rem;
  transform: rotate(-90deg);
  z-index: 1;
  color: var(--main-theme-color);
}


.clients-restaurant-logos-section{
  background-color: var(--main-theme-light-color);
}
.clients-restaurant-logos-section .client-logo-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  gap: 30px;
  margin-top: 30px;

  width: 90%;  
  margin-inline: auto;
  position: relative;
  height: 100px;
  overflow: hidden;
  mask-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 1) 20%,
    rgba(0, 0, 0, 1) 80%,
    rgba(0, 0, 0, 0)
  );
}
@keyframes scrollLeft {
  to {
    left: -200px;
  }
}

.clients-restaurant-logos-section .client-logo-container .client-logo {
  background: #fff;
  padding: 15px;
  border-radius: 5px;
  line-height: 0;

  position: absolute;
  left: max(calc(200px * 6), 100%);
  animation-name: scrollLeft;
  animation-duration: 30s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  height: 96px;
  width: 191px;
}

.clients-restaurant-logos-section .client-logo-container .client-logo img {
  width: 100%;
  max-width: 174px;
  object-fit: contain;
}

.client-logo1 {
  animation-delay: calc(30s / 6 * (6 - 1) * -1);
}

.client-logo2 {
  animation-delay: calc(30s / 6 * (6 - 2) * -1);
}

.client-logo3 {
  animation-delay: calc(30s / 6 * (6 - 3) * -1);
}

.client-logo4 {
  animation-delay: calc(30s / 6 * (6 - 4) * -1);
}

.client-logo5 {
  animation-delay: calc(30s / 6 * (6 - 5) * -1);
}

.client-logo6 {
  animation-delay: calc(30s / 6 * (6 - 6) * -1);
}

.attract-website-section .wpfm-main-title-wrapper {  
  text-align: left;
}
.check-list-section ul {
  list-style: none;
  padding: 0;
  margin: 30px 0px;
}
.food-industry-section .check-list-section ul{
  display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.food-industry-section .check-list-section ul li{
  width: 48%;
  margin-bottom: 0;
}
.check-list-section ul li {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  font-size: 17px;
  font-family: "poppinsmedium";
}

.check-list-section ul li i {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  border-radius: 100px;
  text-align: center;
  line-height: 20px;
  font-size: 16px;
  background-color: #e6f3e6;
  color: #008000;
  margin-right: 10px;
}
.attract-website-content-wrapper {
  margin-left: 15px;
}
.attract-website-content-wrapper ul {
  list-style: none;
  padding: 0;
  margin: 30px 0;
}
.attract-website-content-wrapper ul li {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  font-size: 17px;
  font-family: "poppinsmedium";
}
.attract-website-content-wrapper ul li .icon {
  width: 70px;
  height: 70px;
  flex: 0 0 70px;
  background-color: #fff;
  border-radius: 10px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  box-shadow: var(--box-shadow);
}
/* .online-ordering-system-section, .powerful-pos-system-section, .how-website-look-section, .marketing-partner-section{
  background-color: var(--light-gray-color);
} */
.how-website-look-section .wpfm-tepmlates-container{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
  margin: 50px 0;
}
.how-website-look-section .screen {
  width: 352px;
  height: 320px;
  overflow: hidden;
  position: relative;
  border: 1px solid #eee;
  border-radius: 10px;
}
.how-website-look-section .screen img {
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    transition: all 4s ease-in-out;
}
.how-website-look-section .screen:hover img {
  object-position: bottom center;
}


.trial-section .wpfm-container {
  background-color: var(--main-theme-light-color);
  text-align: center;
  padding: 60px 20px;
  border-radius: 16px;
}
.trial-section .button-group-wrapper {
  margin-top: 30px;
  display: flex;
  justify-content: center;
}
.trial-section-feature ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 40px;
  row-gap: 20px;
  text-align: left;
}
.trial-section-feature ul li {
  font-size: 17px;
  font-family: "poppinsmedium";
  display: flex;
  align-items: center;
}
.trial-section-feature ul li i {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  border-radius: 100px;
  text-align: center;
  line-height: 20px;
  font-size: 16px;
  background-color: var(--main-theme-color);
  color: #fff;
  margin-right: 10px;
  margin-top: -2px;
}
.trial-section .anim {
  animation: wave 2.1s 0.6s infinite;
  transform-origin: 75% 75%;
  display: inline-block;
}
@keyframes wave {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(16deg);
  }
  20% {
    transform: rotate(-6deg);
  }
  30% {
    transform: rotate(16deg);
  }
  40% {
    transform: rotate(-4deg);
  }
  50% {
    transform: rotate(16deg);
  }
  60% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}







.wpfm-it-department-section {
  background-color: var(--light-gray-color);
  padding-bottom: 30px;
}
.wpfm-it-department-section .it-department-feature-container {
  background: #fff;
  padding: 25px;
}
.wpfm-it-department-section .wpfm-it-department-section-container {
  background: #fff;
  padding: 25px;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  border-radius: 6px;
}
.wpfm-it-department-section
  .wpfm-it-department-section-container
  .wpfm-it-department-box-image {
  height: 100px;
  width: 120px;
}
.wpfm-it-department-section
  .wpfm-it-department-section-container
  .wpfm-it-department-box-image
  img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: top;
}
.wpfm-it-department-section
  .wpfm-it-department-section-container
  .wpfm-it-department-box-content {
  width: calc(100% - 120px);
  padding-left: 25px;
}
.wpfm-it-department-section
  .wpfm-it-department-section-container
  .wpfm-it-department-box-content
  h4 {
  margin-top: 0;
  font-size: 21.4px;
  font-family: "poppinssemibold";
  margin-bottom: 15px;
}
.wpfm-it-department-section .wpfm-main-title-wrapper {
  text-align: left;
}
.wpfm-it-department-section p.wpfm-subtitle {
  margin: 0;
  max-width: 630px;
}
.wpfm-it-department-section h3 b {
  color: var(--main-theme-color);
}
.customer-feedback-video-container h4{
    font-weight: normal;
margin: 10px 0 30px 0;
color: var(--gray-text-color);
flex: 1;
}
.customer-feedback-content {
    text-align: left;
    padding: 2rem;
    background-color: #ffffff;
}

.customer-feedback-video-wrapper {
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  line-height: 0;
}
.customer-feedback-video-wrapper .wpfm-product-video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.slick-initialized .customer-feedback-video-section.slick-slide {
  display: flex;
}
.customer-feedback-video-section{
  margin: 0 15px;
  text-align: left;
  padding: 2rem;
  border-radius: 10px;
  height: auto !important;
  background-color: #ffffff;
  flex-direction: column;
}
.customer-feedback-video-section h4 {
  font-weight: normal;
  margin: 10px 0 30px 0;
  color: var(--gray-text-color);
  flex: 1;
}
.testimonial-image-container {
    position: relative;
}

.testimonial-image-container .youtube-play-btn {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(40px, -40px);
}

.testimonial-image-container .youtube-play-btn i.wpfmtheme-play-circle-fill {
    font-size: 90px;
    border-radius: 100%;
    color: #111;
    border: 1px solid #fff;
}

.testimonial-image-container .youtube-play-btn i {
    font-size: 40px;
    color: #fff;
    height: 80px;
    width: 80px;
    display: flex;
    background: rgb(17 17 17 / 40%);
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    border: 1px solid #fff;
}

.customer-feedback-section .autoplay .slick-track{
  display: flex;
}
.customer-feedback-profile-info {
    text-align: left;
    display: flex;
    align-items: center;
    gap: 15px;
}
.customer-feedback-profile-info img {
  border-radius: 100px;
  width: 60px;
  height: 60px;
  object-fit: cover;
}
.customer-feedback-profile-title {
  display: block;
  font-family: "poppinsmedium";
  font-size: 17px;
}
.customer-feedback-profile-designation {
  color: var(--gray-text-color);
  font-size: 14px;
  line-height: 20px;
}

.customer-feedback-logo-section {
  display: flex;
  align-items: center;
  justify-content: end;
  padding-right: 30px;
}

.case-study-section .blog-post-wrapper .blog-content-wrapper .blog-title {
  margin-bottom: 0;
}

.customer-testimonial-slider-item {
  background-color: var(--light-gray-color);
  padding: 2rem;
  border-radius: 10px;
  position: relative;
}
.customer-testimonial-slider-item .customer-testimonial-title {
  margin-top: 0;
  font-size: 17px;
  font-family: "poppinsmedium";
  font-weight: normal;
}
.customer-testimonial-slider-item .customer-testimonial-quote {
  margin-bottom: 30px;
}
.customer-testimonial-slider-item .customer-testimonial-author-name {
  font-size: 17px;
  font-family: "poppinsmedium";
}
.customer-testimonial-slider-item .customer-testimonial-star-review {
  color: #ffc000;
}
.customer-testimonial-slider-item:after {
  content: "“";
  font-family: serif;
  font-size: 300px;
  line-height: 20px;
  position: absolute;
  font-weight: 700;
  right: 0;
  bottom: 0;
  color: var(--gray-text-color);
  opacity: 0.1;
}
.customer-testimonials-slider.slick-slider .slick-arrow {
  top: inherit;
  bottom: -70px;
}
.customer-testimonial-star-review {
  color: #ffc000;
}



.hide-border {
  border: 0 !important;
}

/* Services Page CSS Start */

.services-page-template .txt-align-left {
  text-align: left;
}
.services-page-template .wpfm-main-title-wrapper {
  margin-bottom: 30px;
}
.services-page-template .single-service-section ul {
  list-style: none;
  padding: 0;
  margin: 30px 0;
}

.services-page-template .single-service-section ul li {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  font-size: 17px;
  font-family: "poppinsmedium";
}

.services-page-template .single-service-section ul li i {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  border-radius: 100px;
  text-align: center;
  line-height: 20px;
  font-size: 16px;
  background-color: #e6f3e6;
  color: #008000;
  margin-right: 10px;
}
.services-page-template
  .client-project-discussion-section
  .client-project-discussion-content {
  text-align: center;
  background-color: var(--main-theme-light-color);
  padding: 30px;
  border-radius: 10px;
}
.services-page-template
  .all-services-cta-section
  .all-services-container
  .first-col
  h4.main-heading-content {
  margin: 0;
  font-size: 40px;
  line-height: 60px;
}

.services-page-template
  .all-services-cta-section
  .all-services-container
  .services-container {
  padding: 20px 5px;
}

.services-page-template .all-services-cta-section .all-services-container {
  border: 1px solid #111;
  border-radius: 10px;
}

.services-page-template
  .all-services-cta-section
  .all-services-container
  .second-col {
  border-left: 1px solid #111;
  display: flex;
  align-items: center;
}
.services-page-template
  .all-services-cta-section
  .all-services-container
  .second-col:nth-of-type(1) {
  border-bottom: 1px solid #111;
}
.services-page-template
  .all-services-cta-section
  .all-services-container
  .second-col:nth-of-type(2) {
  border-bottom: 1px solid #111;
}
.services-page-template
  .all-services-cta-section
  .all-services-container
  .second-col:nth-of-type(3) {
  border-bottom: 1px solid #111;
}
.services-page-template
  .all-services-cta-section
  .all-services-container
  .second-col
  .services-container
  h4 {
  margin: 0;
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
  padding-bottom: 5px;
}
.services-page-template .gray_bg {
  background-color: var(--light-gray-color);
}

/* Services Page CSS End */

/*case study start*/
.wpfm-case-study-wrapper {
  border: 1px solid var(--light-gray-color);
  border-radius: 5px;
  margin-bottom: 30px;
}
.wpfm-case-study-wrapper-img {
  padding: 30px;
  border-bottom: 1px solid var(--light-gray-color);
}
.wpfm-case-study-wrapper-img a {
  display: block;
}
.wpfm-case-study-wrapper-img img {
  height: 80px;
  object-fit: contain;
  margin: 0 auto;
  display: table;
}

.wpfm-case-study-content-wrapper {
  padding: 20px;
}
.wpfm-case-study-title a {
  font-family: poppinssemibold;
  color: var(--main-dark-txt-color);
  font-size: 19px;
  transition: 0.2s;
  margin-bottom: 5px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.wpfm-case-study-sort-description {
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.wpfm-case-study-infomation-wrap {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  border-top: 1px solid var(--light-gray-color);
  padding-top: 20px;
}
.wpfm-case-study-infomation-wrap li {
  padding-left: 25px;
  margin-left: 15px;
  position: relative;
  font-size: 14px;
  line-height: 20px;
  color: var(--main-dark-txt-color);
  font-family: poppinsmedium;
}
.wpfm-case-study-infomation-wrap .author-name:before {
  content: "\e90a";
  font-family: wpfmtheme-icon;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  color: var(--main-txt-color);
}
.wpfm-case-study-infomation-wrap .author-posted-on:before {
  content: "\e907";
  font-family: wpfmtheme-icon;
  position: absolute;
  left: 0;
  font-size: 19px;
  top: 50%;
  transform: translate(0, -50%);
  color: var(--main-txt-color);
}
.wpfm-case-study-infomation-wrap li:nth-child(1) {
  margin: 0;
}
.wpfm-case-study-wrapper:hover {
  box-shadow: var(--box-shadow);
}
.wpfm-case-study-title a:hover {
  color: var(--main-theme-color);
}
.wpfm-single-case-study-img {
  margin-bottom: 30px;
  line-height: 0;
}
.wpfm-single-case-study-img img {
  border: 1px solid #000;
  border-radius: 6px;
  padding: 9px;
}
.wpfm-single-case-study-content {
  margin-bottom: 30px;
}
.wpfm-single-case-study-content img {
  height: 70px;
  max-width: 100%;
  object-fit: contain;
}
.wpfm-single-case-study-content h4 {
  font-family: "poppinsregular";
  color: var(--main-dark-txt-color);
  margin: 20px 0;
  font-weight: normal;
}
.wpfm-single-case-study-content h6 {
  margin: 0;
  font-family: poppinssemibold;
  font-size: 18px;
}
.wpfm-single-case-study-content-info {
  margin-bottom: 15px;
}
.wpfm-single-case-study-key-features {
  background-color: var(--light-gray-color);
  padding: 1.5rem;
  border-radius: 5px;
  margin-top: 10px;
}
.wpfm-single-case-study-key-features ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.wpfm-single-case-study-key-features ul li:before {
  content: "";
  height: 8px;
  width: 8px;
  top: 9px;
  background: var(--main-theme-color);
  display: flex;
  position: absolute;
  left: 0;
  border-radius: 100%;
}
.wpfm-single-case-study-key-features ul li {
  padding: 0 0 0 20px;
  position: relative;
  margin-top: 10px;
}
.casestudy-main-info-wrapper {
  margin-top: 15px;
  border-top: 1px solid var(--border-color);
  padding-top: 40px;
}
.casestudy-main-info-wrapper a {
  color: #111;
}
.casestudy-main-info-wrapper a:hover {
  color: var(--main-theme-color);
}

.wpfm-blog-text-quote {
  margin-bottom: 20px;
  border: 2px solid #ff4600;
  padding: 20px;
  border-radius: 6px;
  font-size: 18px;
  line-height: 1.6;
}

.avatar-left, .wpfm-user-info-right {
  display: inline-block;
  vertical-align: middle;
}

.wpfm-img-avatar {
  position: relative;
  margin-right: 20px;
}

.wpfm-img-avatar img {
  border-radius: 50%;
  margin: 0;
  width: 90px !important;
  height: 90px !important;
  object-fit: cover;
}

.wpfm-blog-text-quote-name {
  font-family: poppinssemibold;
}

.wpfm-img-avatar:after,
.wpfm-img-avatar:before {
display: block;
content: " ";
position: absolute;
width: 0;
height: 0;
bottom: 0;
}
.wpfm-img-avatar:after {
top: -23px;
right: 37px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #fff;
}
.wpfm-img-avatar:before {
top: -22px;
right: 35px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #ff4600;
}

/*case study end*/

@media (max-width: 992px) {

  .wpfm-selling-feature-box {
    display: block;
    height: inherit;
    margin-bottom: 30px;
  }
  .new-main-hero-section .main-hero-sec-banner-wrapper-animation {
    animation: 30s linear infinite sliding;
  }
  .wpfm-how-does-it-work-row, 
  .wpfm-how-does-foodmato-work-row {
    flex-wrap: wrap;
  }
  .wpfm-how-does-foodmato-work-row {
    justify-content: end;
  }
  .wpfm-how-does-it-work-col, .wpfm-how-does-foodmato-work-col {
    flex: 0 0 33%;
  }
  .wpfm-how-does-it-work-row:after{
    content: "";
    border: 1px dashed #ccc;
    position: absolute;
    top: 40px;
    right: 4px;
    height: calc(50% - 22px);
  }
  .wpfm-how-does-foodmato-work-row:after {
    content: "";
    border: 1px dashed #ccc;
    position: absolute;
    top: 42px;
    right: 0px;
    height: 50%;
  }
  .wpfm-how-does-it-work-col:nth-child(6):before, 
  .wpfm-how-does-foodmato-work-col:nth-child(5):before {
    left: -20px;
    right: inherit;
    transform: rotate(90deg);
  }
  .wpfm-how-does-it-work-col:nth-child(4), .wpfm-how-does-foodmato-work-col:nth-child(4){
    order: 5;
  }
  .wpfm-how-does-it-work-col:nth-child(5) {
    order: 4;
  }
  .wpfm-customization-pricing .pricing-plan-col {
    display: block;
  }
  .wpfm-customization-pricing .pricing-plan-head {
    max-width: 100%;
    margin-right: 0;
  }
  .wpfm-customization-pricing .pricing-plan-details {
    padding: 20px 0 0 0;
  }
  .wpfm-customization-pricing .pricing-plan-details .wpfm-mt-5 {
    margin-top: 1rem !important;
  }
  .wpfm-saving-potential-section .wpfm-main-title-wrapper {
    text-align: left;
  }

  .services-page-template
    .all-services-cta-section
    .all-services-container
    .second-col:nth-of-type(1),
  .services-page-template
    .all-services-cta-section
    .all-services-container
    .second-col:nth-of-type(2),
  .services-page-template
    .all-services-cta-section
    .all-services-container
    .second-col:nth-of-type(3) {
    border-bottom: 1px solid #111;
  }
  .wpfm-top-three-features-section .wpfm-top-three-features-box {
      display: block;
  }
  .wpfm-top-three-features-section .icon-image-container {
      margin-bottom: 20px;
  }
  .food-industry-section .check-list-section ul li{
    width: 100%;
  }
}

@media (max-width: 767px) {
  .col-md-reverse{
    flex-direction: column-reverse;
  }
  .wpfm-selling-features-section {
    padding-bottom: 10px;
  }
  .attract-website-content-wrapper {
    margin-left: 0;
  }
  .wpfm-top-three-features-section{
    padding-top: 0;
  }
  .mobile-app-content-wrapper {
    margin-bottom: 30px;
  }
  .customer-feedback-video-section {
    margin-bottom: 30px;
  }
  .case-study-section .blog-post-wrapper {
    margin-bottom: 30px;
  }
  .case-study-section {
    padding-bottom: 10px;
  }
  .new-main-hero-section .main-hero-sec-banner-wrapper {
    padding: 0 0 30px;
  }
  .pricing-features {
    padding-bottom: 10px;
  }
  .wpfm-package-include-feature {
    padding: 40px 0;
  }
  .wpfm-package-include-feature ul {
    column-count: 1;
  }
  .wpfm-saving-potential-content h3 {
    font-size: 21.4px;
    line-height: 28px;
  }
  .wpfm-how-does-it-work-row:after, .wpfm-how-does-foodmato-work-row:after {
    height: calc(50% - 25px);
  }
  .new-main-hero-section .main-hero-sec-content-wrapper {
    margin-bottom: 30px !important;
  }
  .customer-feedback-section {
    padding-bottom: 10px;
  }
  .single-blog-post-content .extra-cta-container.style-1 {
    display: block;
    text-align: center;
  }
  .single-blog-post-content
    .extra-cta-container.style-1
    .ecta-content
    .wpfm-title {
    font-size: 25px;
    line-height: 35px;
  }
  .single-blog-post-content .extra-cta-container.style-1 .ecta-image {
    max-width: 100%;
  }
  .single-blog-post-content .extra-cta-container .e_cta-row {
    display: block;
  }
  .single-blog-post-content .extra-cta-container .e_cta-row .e_cta-content,
  .single-blog-post-content
    .extra-cta-container.style-4
    .e_cta-row
    .e_cta-content,
  .single-blog-post-content .extra-cta-container.style-5 .e_cta-left-col {
    width: 100%;
    padding: 25px;
  }
  .single-blog-post-content
    .extra-cta-container
    .e_cta-row
    .e_cta-content
    .button-group-wrapper
    .wpfm-theme-button.secondary-button {
    margin-top: 10px;
  }
  .customer-feedback-logo-section {
    margin-bottom: 30px;
    padding: 0;
    justify-content: center;
  }
  .features-page-section .features-tabs .addons-feature-content{
    padding-left: 0;
    padding-top: 20px;
  }
  .footer-social-links ul {
    margin-bottom: 40px;
  }
  .wpfm-site-top-footer br {
    display: none;
  }
  .footer-pages-app-wrap {
    margin-bottom: 30px;
}
.dispatch-delivery-page .intigration-features-section .wpfm-top-three-features-box{
  padding: 15px;
}
}

@media (max-width: 575px) {
  .trial-section .button-group-wrapper .wpfm-ml-3 {
    margin-top: 1rem;
    margin-left: 0 !important;
  }
  .trial-section .button-group-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .trial-section .button-group-wrapper .wpfm-theme-button {
    max-width: 260px;
    width: 100%;
    text-align: center;
    display: block;
  }
  .new-main-hero-section .main-hero-sec-banner-wrapper-animation {
    animation: 10s linear infinite sliding;
  }
  .new-main-hero-section .main-hero-sec-banner-wrapper img {
    max-width: 100%;
  }
  .wpfm-it-department-section .wpfm-it-department-section-container {
    padding: 15px;
    margin-bottom: 15px;
  }
  .wpfm-it-department-section
    .wpfm-it-department-section-container
    .wpfm-it-department-box-image {
    height: 60px;
    width: 60px;
  }
  .wpfm-it-department-section
    .wpfm-it-department-section-container
    .wpfm-it-department-box-content {
    width: calc(100% - 60px);
    padding-left: 15px;
  }
  .wpfm-how-does-it-work-col, .wpfm-how-does-foodmato-work-col {
    flex: 0 0 100%;
    padding: 0;
    margin-bottom: 40px;
  }
  .wpfm-how-does-it-work-row:after,
  .wpfm-how-does-it-work-col:after,
  .wpfm-how-does-it-work-col:nth-child(6):before,
  .wpfm-how-does-it-work-col:nth-child(1):before, 
  .wpfm-how-does-foodmato-work-row:after,
  .wpfm-how-does-foodmato-work-col:after,
  .wpfm-how-does-foodmato-work-col:nth-child(5):before,
  .wpfm-how-does-foodmato-work-col:nth-child(1):before {
    display: none;
  }
  .wpfm-how-does-foodmato-work-col:nth-child(4){
    order: 4;
  }
  .wpfm-how-does-foodmato-work-col:nth-child(5){
    order: 5;
  }
  .wpfm-how-does-foodmato-work-col{
    border: 1px solid rgb(17 17 17 / 10%);
    padding: 25px 15px;
  }
  .wpfm-how-does-it-work-section, .wpfm-how-does-foodmato-work-section {
    padding-bottom: 10px;
  }
  .wpfm-customization-pricing .pricing-plan-details ul {
    column-count: 1;
  }
  .wpfm-saving-potential-content h4 {
    font-size: 16px;
    padding: 15px;
  }
  .trial-section-feature ul {
    justify-content: start;
  }
  .trial-section {
      padding: 40px 15px;
  }
}

/*New Homepage End*/

/* Showcase page add showcase button remove */
#showcases #showcase-form-button {
    display: none;
}

/* Hader My account and cart page remove */
#menu-item-2853, .menu-item.mini-cart.cart-menu-item{
  display: none !important;
}

/* =============== 32. MERCHANT PAGE START =============== */

.merchant-page-template {
  overflow-x: hidden;
}

/* Hero Section */
.merchant-hero-section {
  position: relative;
  background-color: #000;
  padding: 120px 0 100px;
  color: #fff;
  overflow: hidden;
  min-height: 650px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.merchant-hero-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(assets/images/merchant/hero-banner.jpg);
  background-size: cover;
  background-position: center;
  opacity: 0.8;
}

.merchant-hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 30% 50%, rgba(255, 255, 255, 0.1) 0%, transparent 50%);
}

.merchant-hero-content {
  position: relative;
  z-index: 2;
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  filter: drop-shadow(0 4px 96px hsl(
0deg 0% 0% / 50%)) drop-shadow(0 4px 96px hsl(0deg 0% 0% / 50%)) drop-shadow(0 4px 96px hsl(0deg 0% 0% / 50%)) drop-shadow(0 4px 40px hsl(0deg 0% 0% / 20%));
}

.merchant-hero-title {
  font-family: "poppinsbold";
  font-size: 56px;
  line-height: 68px;
  margin: 0 0 20px 0;
  color: #fff;
}

.merchant-hero-description {
  font-size: 20px;
  line-height: 32px;
  margin: 0 0 40px 0;
  color: rgba(255, 255, 255, 0.95);
}
.merchant-hero-section .button-group-wrapper {
    display: flex;
    justify-content: center;
}

/* Stats Section */
.merchant-stat-card {
  text-align: center;
  padding: 30px;
  background: var(--main-gray-bg-color);
  border-radius: 12px;
  transition: var(--transaction);
}

.merchant-stat-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--box-shadow);
}

.merchant-stat-number {
  font-family: "poppinsbold";
  font-size: 48px;
  color: var(--main-theme-color);
  margin: 0 0 10px 0;
  line-height: 1;
}

.merchant-stat-label {
  font-family: "poppinsmedium";
  font-size: 18px;
  color: var(--gray-text-color);
  margin: 0;
}

/* Testimonials Section */
.merchant-testimonials-section{
  padding-top: 0;
}
.merchant-testimonials-slider {
    margin: 0 -15px;
}
.merchant-section-subtitle {
  text-align: center;
  font-size: 18px;
  color: var(--gray-text-color);
  margin: -30px 0 50px 0;
}

.merchant-testimonial-card {
  padding: 15px;
}

.merchant-testimonial-content {
  background: #fff;
  padding: 40px;
  border-radius: 12px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.merchant-testimonial-quote {
  font-size: 20px;
  line-height: 32px;
  color: var(--gray-text-color);
  margin: 0 0 30px 0;
  font-style: italic;
}

.merchant-testimonial-quote::before {
  content: '"';
  font-size: 48px;
  color: var(--main-theme-color);
  font-family: Georgia, serif;
  line-height: 0;
  display: block;
  margin-bottom: 20px;
}

.merchant-testimonial-author h4 {
  font-family: "poppinssemibold";
  font-size: 18px;
  margin: 0 0 5px 0;
  color: #000;
}

.merchant-testimonial-author p {
  font-size: 15px;
  color: var(--gray-text-color);
  margin: 0;
}

.merchant-testimonials-slider .slick-prev,
.merchant-testimonials-slider .slick-next {
  width: 40px;
  height: 40px;
  background: var(--main-theme-color);
  border-radius: 50%;
  position: absolute;
  top: -50px;
  z-index: 1;
  font-size: 0;
  color: #fff;
  border: none;
  cursor: pointer;
  transition: var(--transaction);
  font-family: "wpfmtheme-icon" !important;
  margin-right: 15px;
}

.merchant-testimonials-slider .slick-prev:hover,
.merchant-testimonials-slider .slick-next:hover {
  background: #ff6b35;
}

/* How It Works Section - Cards with Images Design */
.merchant-how-it-works-section {
  background: #f8f9fa;
  padding: 80px 0;
}

.merchant-step-card {
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.4s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.merchant-step-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
}

.merchant-step-image-wrapper {
  position: relative;
  width: 100%;
  height: 240px;
  overflow: hidden;
}

.merchant-step-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.merchant-step-card:hover .merchant-step-image {
  transform: scale(1.08);
}

.merchant-step-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: background 0.4s ease;
}

.merchant-step-card:hover .merchant-step-overlay {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
}

.merchant-step-icon {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  transition: all 0.4s ease;
  z-index: 2;
}

.merchant-step-card:hover .merchant-step-icon {
  background: var(--main-theme-color);
  transform: scale(1.15);
}

.merchant-step-number {
  font-family: "poppinssemibold";
  font-size: 21px;
  color: var(--main-theme-color);
  transition: color 0.4s ease;
}

.merchant-step-card:hover .merchant-step-number {
  color: #ffffff;
}

.merchant-step-content {
  padding: 30px;
  text-align: center;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.merchant-step-title {
  font-family: "poppinssemibold";
  font-size: 21px;
  margin-bottom: 10px;
  margin-top: 0;
  color: #1a1a1a;
  line-height: 1.3;
}

.merchant-step-description {
  font-size: 15px;
  line-height: 1.7;
  color: #666;
  margin: 0;
}


/* Features Section */
.merchant-features-section {
    padding-bottom: 0;
}
.merchant-feature-row {
  margin-bottom: 80px;
}
.merchant-feature-image {
    line-height: 0;
}
.merchant-feature-image img {
  width: 100%;
  height: 450px;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}
.merchant-feature-content h3{
  font-size: 28px;
  font-family: "poppinssemibold";
  line-height: 40px;
  margin-top: 0;
  margin-bottom: 20px;
  font-weight: normal;
}
.merchant-feature-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 40px;
}
.merchant-feature-row-reverse .merchant-feature-content {
  order: -1;
}

.merchant-feature-list {
  list-style: none;
  padding: 0;
  margin: 0 0 35px 0;
}

.merchant-feature-list li {
  padding: 12px 0 12px 35px;
  font-size: 17px;
  line-height: 28px;
  color: var(--gray-text-color);
  position: relative;
  display: flex;
  align-items: center;
}

.merchant-feature-list li::before {
  content: "\eb7a";
  position: absolute;
  left: 0;
  color: var(--main-theme-color);
  font-family: 'wpfmtheme-icon' !important;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border-radius: 100px;
  font-size: 18px;
  background-color: var(--main-theme-light-color);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* FAQ Section */
.merchant-faq-section {
  padding: 0;
}
.merchant-faq-wrapper {
  max-width: 900px;
  margin: 0 auto;
}

.faq-item {
  margin-bottom: 15px;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  transition: var(--transaction);
}
.faq-item:last-of-type {
    margin: 0;
}
.faq-item:hover {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}
.faq-item.active {
  border-color: var(--main-theme-color);
}

.faq-question {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 25px;
  background: transparent;
  border: none;
  font-family: "poppinsmedium";
  font-size: 18px;
  text-align: left;
  cursor: pointer;
  color: #000;
  transition: var(--transaction);
}

.faq-question:hover {
  color: var(--main-theme-color);
}

.faq-icon {
  font-size: 24px;
  color: var(--main-theme-color);
  transition: var(--transaction);
  font-weight: 600;
}

.faq-answer {
  padding: 0 25px 20px;
  display: none;
}



/* Responsive Styles */
@media screen and (max-width: 1024px) {
  .merchant-hero-title {
    font-size: 46px;
    line-height: 56px;
  }

  .merchant-feature-content {
    padding: 0 20px;
  }

  .merchant-testimonials-slider .slick-prev {
    left: -40px;
  }

  .merchant-testimonials-slider .slick-next {
    right: -40px;
  }
}

@media screen and (max-width: 768px) {
  .merchant-hero-section {
    padding: 80px 0 60px;
  }

  .merchant-hero-title {
    font-size: 36px;
    line-height: 46px;
  }

  .merchant-hero-description {
    font-size: 18px;
    line-height: 28px;
  }
  .merchant-primary-btn,
  .merchant-secondary-btn {
    width: 100%;
    max-width: 300px;
  }

  .merchant-section-title {
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 30px;
  }

  .merchant-stat-number {
    font-size: 38px;
  }

  .merchant-feature-content {
    padding: 30px 0 0;
  }

  .merchant-feature-row-reverse .merchant-feature-content {
    order: 0;
    padding: 0 0 30px;
  }

  .merchant-feature-title {
    font-size: 28px;
    line-height: 38px;
  }

  .merchant-testimonials-slider .slick-prev,
  .merchant-testimonials-slider .slick-next {
    display: none !important;
  }

  .merchant-testimonial-content {
    padding: 30px 20px;
  }

  .merchant-testimonial-quote {
    font-size: 18px;
    line-height: 28px;
  }

  .merchant-cta-section {
    padding: 60px 0;
  }

  .merchant-cta-title {
    font-size: 32px;
    line-height: 42px;
  }

  .merchant-cta-description {
    font-size: 18px;
    line-height: 28px;
  }

  .merchant-faq-question {
    font-size: 16px;
    padding: 15px 20px;
  }

  .merchant-faq-answer {
    padding: 0 20px 15px;
  }
}

@media screen and (max-width: 480px) {
  .merchant-hero-title {
    font-size: 28px;
    line-height: 38px;
  }

  .merchant-hero-description {
    font-size: 16px;
    line-height: 26px;
  }

  .merchant-section-title {
    font-size: 26px;
    line-height: 36px;
  }

  .merchant-stat-card {
    padding: 20px;
  }

  .merchant-stat-number {
    font-size: 32px;
  }

  .merchant-stat-label {
    font-size: 16px;
  }

  .merchant-step-card {
    margin-bottom: 20px;
  }

  .merchant-step-image-wrapper {
    height: 200px;
  }

  .merchant-step-icon {
    width: 50px;
    height: 50px;
    top: 15px;
    right: 15px;
  }

  .merchant-step-number {
    font-size: 24px;
  }

  .merchant-step-content {
    padding: 25px 20px;
  }

  .merchant-step-title {
    font-size: 19px;
    margin-bottom: 10px;
  }

  .merchant-step-description {
    font-size: 14px;
    line-height: 1.6;
  }

  .merchant-feature-title {
    font-size: 24px;
    line-height: 34px;
  }

  .merchant-cta-title {
    font-size: 26px;
    line-height: 36px;
  }
}

/* =============== MERCHANT PAGE END =============== */

/* =============== 33. COURIERS PAGE START =============== */

.couriers-page-template {
  overflow-x: hidden;
}

/* Hero Section */
.couriers-hero-section {
  position: relative;
  background-color: #000;
  padding: 140px 0 120px;
  color: #fff;
  overflow: hidden;
  min-height: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.couriers-hero-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(assets/images/couriers/hero-banner.jpg);
  opacity: 0.6;
}

.couriers-hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 70% 30%, rgba(255, 255, 255, 0.08) 0%, transparent 60%);
}

.couriers-hero-content {
  position: relative;
  z-index: 2;
  max-width: 850px;
  margin: 0 auto;
  text-align: center;
}

.couriers-hero-title {
  font-family: "poppinsbold";
  font-size: 54px;
  line-height: 66px;
  margin: 0 0 25px 0;
  color: #fff;
}

.couriers-hero-description {
  font-size: 20px;
  line-height: 32px;
  margin: 0 0 40px 0;
  color: rgba(255, 255, 255, 0.95);
}

/* Value Proposition Section */
.couriers-value-section {
  padding: 80px 0 60px;
  background: #fff;
}

/* Benefits Section - Three Pillars */
.couriers-benefits-section {
  padding: 0 0 80px;
  background: #fff;
}

.couriers-benefit-card {
  background: #ffffff;
  padding: 40px 30px;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease;
  height: 100%;
}

.couriers-benefit-card:hover {
  transform: translateY(-8px);
}

.couriers-benefit-icon {
  margin-bottom: 25px;
  text-align: center;
}

.couriers-benefit-icon svg {
  transition: transform 0.3s ease;
}

.couriers-benefit-card:hover .couriers-benefit-icon svg {
  transform: scale(1.1);
}

.couriers-benefit-title {
  font-family: "poppinssemibold";
  font-size: 24px;
  margin: 0 0 20px 0;
  color: #1a1a1a;
  text-align: center;
}

.couriers-benefit-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.couriers-benefit-list li {
  padding: 10px 0 10px 30px;
  font-size: 16px;
  line-height: 26px;
  color: var(--gray-text-color);
  position: relative;
}

.couriers-benefit-list li::before {
  content: "\eb7a";
  position: absolute;
  left: 0;
  color: var(--main-theme-color);
  font-family: 'wpfmtheme-icon' !important;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 16px;
  background-color: var(--main-theme-light-color);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Steps Section */
.couriers-steps-section {
  background: var(--main-gray-bg-color);
}

.couriers-steps-grid {
  display: flex;
  /* align-items: center; */
  justify-content: center;
  gap: 20px;
  margin-top: 60px;
}

.couriers-step-item {
  background: #ffffff;
  padding: 35px 25px;
  border-radius: 16px;
  text-align: center;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  width: 100%;
}

.couriers-step-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
  border-color: var(--main-theme-color);
}

.couriers-step-number-wrapper {
  width: 70px;
  height: 70px;
  margin: 0 auto 20px;
  background-color: var(--main-theme-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 15px rgba(255, 70, 0, 0.3);
}

.couriers-step-number {
  font-family: "poppinssemibold";
  font-size: 27px;
  color: #ffffff;
}

.couriers-step-arrow {
  flex: 0 0 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.couriers-step-title {
  font-family: "poppinssemibold";
  font-size: 21px;
  margin: 0 0 12px 0;
  color: #1a1a1a;
}

/* Requirements Section */
.couriers-requirements-section {padding: 0;}

.couriers-requirements-card {
  background: var(--main-gray-bg-color);
  padding: 40px;
  border-radius: 16px;
  height: 100%;
}

.couriers-requirements-subtitle {
  font-family: "poppinssemibold";
  font-size: 21px;
  margin: 0 0 25px 0;
  color: #1a1a1a;
}

.couriers-requirements-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.couriers-requirements-list li {
  padding: 12px 0 12px 35px;
  font-size: 16px;
  line-height: 26px;
  color: var(--gray-text-color);
  display: flex;
  align-items: flex-start;
  gap: 12px;
  position: relative;
}
.couriers-requirements-list li:before {
    content: "\eb7a";
    position: absolute;
    left: 0;
    color: #555;
    font-family: 'wpfmtheme-icon' !important;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    border-radius: 100px;
    font-size: 18px;
    background-color: #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
}
.couriers-requirements-cta {
  text-align: center;
  margin-top: 50px;
}

/* Earnings Section */
.couriers-earnings-section {
  padding: 80px 0;
  /* background: var(--main-theme-light-color); */
}

.couriers-earnings-content {
  padding-right: 40px;
}

.couriers-earnings-title {
  font-family: "poppinsbold";
  font-size: 42px;
  line-height: 52px;
  margin: 0 0 20px 0;
}

.couriers-earnings-description {
  margin: 0 0 40px 0;
}

.couriers-earnings-stats {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 30px;
}

.couriers-earnings-stat-card {
  background: #ffffff;
  border: 2px solid #f0f0f0;
  border-radius: 16px;
  padding: 24px 20px;
  text-align: center;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.couriers-earnings-stat-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(255, 70, 0, 0.12);
  border-color: #ff4600;
}

.couriers-earnings-stat-card .stat-icon {
  display: inline-flex;
  margin-bottom: 12px;
}

.couriers-earnings-stat-card .stat-value {
  font-family: "poppinsbold";
  font-size: 32px;
  color: #ff4600;
  margin: 8px 0;
  line-height: 1;
}

.couriers-earnings-stat-card .stat-label {
  font-family: "poppinsregular";
  font-size: 14px;
  color: #666;
  margin: 0;
}

.couriers-earnings-features {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.couriers-earnings-feature {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  background: #ffffff;
  border: 1px solid #f0f0f0;
  border-radius: 16px;
  padding: 24px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.couriers-earnings-feature:hover {
  transform: translateX(8px);
  box-shadow: 0 8px 20px rgba(255, 70, 0, 0.12);
  border-color: #ff4600;
}

.earnings-feature-icon {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.earnings-feature-content {
  flex: 1;
}

.couriers-earnings-feature h4 {
  font-family: "poppinssemibold";
  font-size: 20px;
  margin: 0 0 8px 0;
  color: #1a1a1a;
}

.couriers-earnings-feature p {
  margin: 0;
  color: #666;
  font-size: 15px;
  line-height: 1.6;
}

.couriers-earnings-visual {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 0;
}

.couriers-earnings-card {
  background-color: var(--main-theme-color);
  backdrop-filter: blur(10px);
  border-radius: 20px;
  padding: 50px 40px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  width: 100%;
  max-width: 400px;
}

.couriers-earnings-stat {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.couriers-earnings-stat:last-child {
  border-bottom: none;
}

.couriers-stat-label {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.9);
}

.couriers-stat-value {
  font-family: "poppinsbold";
  font-size: 28px;
  color: #fff;
}

/* FAQ Section */
.couriers-faq-section {
  padding-bottom: 0;
  background: #fff;
}

.couriers-faq-wrapper {
  max-width: 900px;
  margin: 0 auto;
}


/* Responsive Styles */
@media screen and (max-width: 1024px) {
  .couriers-hero-title {
    font-size: 46px;
    line-height: 56px;
  }

  .couriers-steps-grid {
    gap: 15px;
  }

  .couriers-step-item {
    flex: 0 0 260px;
  }

  .couriers-step-arrow {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .couriers-hero-section {
    padding: 100px 0 80px;
    min-height: 500px;
  }

  .couriers-hero-title {
    font-size: 36px;
    line-height: 46px;
  }

  .couriers-hero-description {
    font-size: 18px;
    line-height: 28px;
  }

  .couriers-value-section {
    padding: 60px 0 40px;
  }

  .couriers-benefits-section {
    padding: 0 0 60px;
  }

  .couriers-benefit-card {
    margin-bottom: 20px;
  }

  .couriers-steps-section {
    padding: 60px 0;
  }

  .couriers-steps-grid {
    margin-top: 40px;
    gap: 20px;
  }

  .couriers-step-item {
    flex: 0 0 100%;
  }

  .couriers-step-arrow {
    display: none;
  }

  .couriers-requirements-section {
    padding: 60px 0;
  }

  .couriers-requirements-card {
    padding: 30px 20px;
    margin-bottom: 20px;
  }

  .couriers-earnings-section {
    padding: 60px 0;
  }

  .couriers-earnings-content {
    padding: 0 0 40px;
  }

  .couriers-earnings-title {
    font-size: 32px;
    line-height: 42px;
  }

  .couriers-earnings-stats {
    grid-template-columns: 1fr;
  }

  .couriers-earnings-feature {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 16px;
  }

  .couriers-earnings-feature:hover {
    transform: translateY(-4px);
  }

  .couriers-earnings-card {
    padding: 35px 25px;
  }

  .couriers-faq-section {
    padding: 60px 0;
  }
}

@media screen and (max-width: 480px) {
  .couriers-hero-title {
    font-size: 28px;
    line-height: 38px;
  }

  .couriers-hero-description {
    font-size: 16px;
    line-height: 26px;
  }

  .couriers-benefit-card {
    padding: 30px 20px;
  }

  .couriers-benefit-title {
    font-size: 20px;
  }

  .couriers-step-item {
    padding: 25px 20px;
  }

  .couriers-step-number-wrapper {
    width: 60px;
    height: 60px;
  }

  .couriers-step-number {
    font-size: 28px;
  }

  .couriers-step-title {
    font-size: 19px;
  }

  .couriers-earnings-title {
    font-size: 26px;
    line-height: 36px;
  }

  .couriers-earnings-content {
    padding-right: 0;
  }

  .couriers-earnings-stat-card .stat-value {
    font-size: 28px;
  }

  .couriers-earnings-stat-card {
    padding: 20px 16px;
  }

  .couriers-earnings-feature {
    padding: 20px;
  }

  .couriers-earnings-feature h4 {
    font-size: 18px;
  }

  .couriers-stat-value {
    font-size: 24px;
  }
}

/* =============== COURIERS PAGE END =============== */

/* =============== 34. ABOUT US PAGE START =============== */

.about-us-page-template {
  overflow-x: hidden;
}

/* Hero Section */
.about-hero-section {
  padding: 120px 0 100px;
  background: linear-gradient(135deg, #fff5f0 0%, #ffffff 100%);
  position: relative;
  overflow: hidden;
}

.about-hero-section::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -10%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(255, 70, 0, 0.08) 0%, transparent 70%);
  border-radius: 50%;
}

.about-hero-content {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 2;
}

.about-hero-title {
  font-family: "poppinsbold";
  font-size: 52px;
  line-height: 64px;
  margin: 0 0 25px 0;
  color: #1a1a1a;
}

.about-hero-description {
  font-size: 20px;
  line-height: 32px;
  color: var(--gray-text-color);
  margin: 0;
}

/* Mission Section */
.about-mission-section {
  background: #fff;
}

.about-mission-card {
  background: #ffffff;
  padding: 50px 40px;
  border-radius: 20px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);
  height: 100%;
  transition: all 0.4s ease;
  border: 2px solid transparent;
  position: relative;
  overflow: hidden;
}

.about-mission-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--main-theme-color) 0%, #ff8a65 100%);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease;
}

.about-mission-card:hover::before {
  transform: scaleX(1);
}

.about-mission-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 60px rgba(255, 70, 0, 0.15);
  border-color: var(--main-theme-light-color);
}

.about-mission-icon {
  margin-bottom: 30px;
}

.about-mission-icon svg {
  transition: transform 0.4s ease;
}

.about-mission-card:hover .about-mission-icon svg {
  transform: scale(1.1) rotate(5deg);
}

.about-mission-title {
  font-family: "poppinssemibold";
  font-size: 28px;
  line-height: 38px;
  margin: 0 0 20px 0;
  color: #1a1a1a;
}

.about-mission-text {
  font-size: 17px;
  line-height: 28px;
  color: var(--gray-text-color);
  margin: 0;
}

/* Story/Timeline Section */
.about-story-section {
}

.about-timeline-container {
  max-width: 900px;
  margin: 60px auto 0;
  position: relative;
}

.about-timeline-line {
  position: absolute;
  left: 30px;
  top: 40px;
  bottom: 40px;
  width: 3px;
  background: linear-gradient(180deg, var(--main-theme-color) 0%, #ff8a65 100%);
  z-index: 1;
}

.about-timeline-item {
  position: relative;
  padding-left: 100px;
  margin-bottom: 60px;
}

.about-timeline-item:last-child {
  margin-bottom: 0;
}

.about-timeline-marker {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}

.about-timeline-year {
  width: 70px;
  height: 70px;
  background: linear-gradient(135deg, var(--main-theme-color) 0%, #ff8a65 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "poppinsbold";
  font-size: 18px;
  color: #fff;
  box-shadow: 0 4px 20px rgba(255, 70, 0, 0.3);
  position: relative;
}

.about-timeline-year::after {
  content: '';
  position: absolute;
  width: 85px;
  height: 85px;
  border: 2px solid rgba(255, 70, 0, 0.2);
  border-radius: 50%;
  animation: pulse-ring 2s infinite;
}

@keyframes pulse-ring {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}

.about-timeline-content {
  background: #ffffff;
  padding: 35px 40px;
  border-radius: 16px;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}

.about-timeline-content:hover {
  transform: translateX(10px);
  box-shadow: 0 10px 40px rgba(255, 70, 0, 0.15);
}

.about-timeline-heading {
  font-family: "poppinssemibold";
  font-size: 24px;
  margin: 0 0 15px 0;
  color: #1a1a1a;
}

.about-timeline-text {
  font-size: 16px;
  line-height: 28px;
  color: var(--gray-text-color);
  margin: 0;
}

/* Values Section */
.about-values-section {
  padding: 0;
  background: #fff;
}

.about-value-card {
  background: #ffffff;
  padding: 40px 30px;
  border-radius: 16px;
  border: 2px solid var(--border-color);
  height: 100%;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.about-value-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, var(--main-theme-light-color) 0%, transparent 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.about-value-card:hover::before {
  opacity: 1;
}

.about-value-card:hover {
  transform: translateY(-8px);
  border-color: var(--main-theme-color);
  box-shadow: 0 15px 40px rgba(255, 70, 0, 0.15);
}

.about-value-number {
  font-family: "poppinsbold";
  font-size: 48px;
  line-height: 1;
  color: var(--main-theme-color);
  margin: 0 0 20px 0;
  opacity: 0.3;
  position: relative;
  z-index: 1;
}

.about-value-card:hover .about-value-number {
  opacity: 0.5;
}

.about-value-title {
  font-family: "poppinssemibold";
  font-size: 20px;
  line-height: 28px;
  margin: 0 0 15px 0;
  color: #1a1a1a;
  position: relative;
  z-index: 1;
}

.about-value-text {
  font-size: 15px;
  line-height: 26px;
  color: var(--gray-text-color);
  margin: 0;
  position: relative;
  z-index: 1;
}

/* Team Section */
.about-team-section {
  padding: 100px 0;
  background: #f8f9fa;
}

.about-team-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 30px;
  margin-top: 60px;
}

.about-team-member {
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease;
  cursor: pointer;
}

.about-team-member:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 40px rgba(255, 70, 0, 0.15);
}

.about-team-image {
  width: 100%;
  height: 260px;
  overflow: hidden;
  position: relative;
  background: var(--light-gray-color);
}

.about-team-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.about-team-member:hover .about-team-image img {
  transform: scale(1.08);
}

.about-team-info {
  padding: 25px 20px;
  text-align: center;
}

.about-team-name {
  font-family: "poppinssemibold";
  font-size: 18px;
  margin: 0 0 8px 0;
  color: #1a1a1a;
}

.about-team-role {
  font-size: 14px;
  line-height: 20px;
  color: var(--gray-text-color);
  margin: 0;
}

/* Quote Section */
.about-quote-section {
  position: relative;
  overflow: hidden;
}

.about-quote-section::before {
  content: '';
  position: absolute;
  top: -20%;
  left: -10%;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
  border-radius: 50%;
}

.about-quote-container {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 2;
}

.about-quote-icon {
  margin-bottom: 30px;
  opacity: 0.5;
}

.about-quote-text {
  font-family: 'poppinssemibold';
  font-size: 27px;
  line-height: 45px;
  margin: 0 0 30px 0;
}

.about-quote-author {
  font-family: "poppinssemibold";
  font-size: 18px;
  color: var(--main-theme-color);
  margin: 0;
}

/* Responsive Styles */
@media screen and (max-width: 1024px) {
  .about-hero-title {
    font-size: 44px;
    line-height: 54px;
  }

  .about-timeline-container {
    max-width: 100%;
  }

  .about-team-grid {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 25px;
  }
}

@media screen and (max-width: 768px) {
  .about-hero-section {
    padding: 80px 0 60px;
  }

  .about-hero-title {
    font-size: 36px;
    line-height: 46px;
  }

  .about-hero-description {
    font-size: 18px;
    line-height: 28px;
  }

  .about-mission-section {
    padding: 60px 0;
  }

  .about-mission-card {
    padding: 35px 25px;
    margin-bottom: 20px;
  }

  .about-story-section {
    padding: 60px 0;
  }

  .about-timeline-line {
    left: 20px;
  }

  .about-timeline-item {
    padding-left: 80px;
    margin-bottom: 40px;
  }

  .about-timeline-year {
    width: 60px;
    height: 60px;
    font-size: 16px;
  }

  .about-timeline-year::after {
    width: 75px;
    height: 75px;
  }

  .about-timeline-content {
    padding: 25px 20px;
  }

  .about-timeline-heading {
    font-size: 20px;
  }

  .about-values-section {
    padding: 60px 0;
  }

  .about-value-card {
    margin-bottom: 20px;
  }

  .about-team-section {
    padding: 60px 0;
  }

  .about-team-grid {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 20px;
  }

  .about-team-image {
    height: 200px;
  }

  .about-quote-section {
    padding: 60px 0;
  }

  .about-quote-text {
    font-size: 22px;
    line-height: 34px;
  }
}

@media screen and (max-width: 480px) {
  .about-hero-title {
    font-size: 28px;
    line-height: 38px;
  }

  .about-hero-description {
    font-size: 16px;
    line-height: 26px;
  }

  .about-mission-title {
    font-size: 24px;
    line-height: 32px;
  }

  .about-timeline-item {
    padding-left: 70px;
  }

  .about-timeline-year {
    width: 50px;
    height: 50px;
    font-size: 14px;
  }

  .about-timeline-year::after {
    width: 65px;
    height: 65px;
  }

  .about-timeline-heading {
    font-size: 18px;
  }

  .about-value-number {
    font-size: 40px;
  }

  .about-team-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }

  .about-team-image {
    height: 180px;
  }

  .about-team-name {
    font-size: 16px;
  }

  .about-team-role {
    font-size: 13px;
  }

  .about-quote-text {
    font-size: 18px;
    line-height: 28px;
  }
}

/* What Makes Us Different Section */
.about-different-section {
  padding-top: 0;
  background: #fff;
}

.about-different-content {
  padding: 0 40px 0 0;
}

.about-different-title {
  font-family: "poppinsbold";
  font-size: 38px;
  line-height: 50px;
  margin: 0 0 30px 0;
  color: #1a1a1a;
}

.about-different-text {
  font-size: 17px;
  line-height: 30px;
  color: var(--gray-text-color);
  margin: 0 0 20px 0;
}

.about-different-text:last-child {
  margin-bottom: 0;
}

.about-different-visual {
  padding: 0 0 0 40px;
}

.about-stats-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.about-stat-box {
  background: linear-gradient(135deg, var(--main-theme-light-color) 0%, #ffffff 100%);
  padding: 40px 30px;
  border-radius: 16px;
  text-align: center;
  border: 1px solid var(--border-color);
  transition: all 0.3s ease;
}

.about-stat-box:hover {
  transform: translateY(-5px);
  border-color: var(--main-theme-color);
  box-shadow: 0 10px 30px rgba(255, 70, 0, 0.15);
}

.about-stat-number {
  font-family: "poppinsbold";
  font-size: 56px;
  line-height: 1;
  color: var(--main-theme-color);
  margin: 0 0 15px 0;
}

.about-stat-label {
  font-family: "poppinsmedium";
  font-size: 15px;
  line-height: 22px;
  color: var(--gray-text-color);
  margin: 0;
}

/* Mission Detailed Section */
.about-mission-detailed-section {
  background: var(--main-gray-bg-color);
  position: relative;
  overflow: hidden;
}

.about-mission-detailed-section::before {
  content: '';
  position: absolute;
  bottom: -200px;
  right: -200px;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(255, 70, 0, 0.05) 0%, transparent 70%);
  border-radius: 50%;
}

.about-mission-detailed-content {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 2;
}

.about-mission-detailed-title {
  font-family: "poppinsbold";
  font-size: 42px;
  line-height: 54px;
  margin: 0 0 30px 0;
  color: #1a1a1a;
}

.about-mission-detailed-text {
  font-size: 18px;
  line-height: 32px;
  color: var(--gray-text-color);
  margin: 0 0 25px 0;
  text-align: left;
}

.about-mission-detailed-text:last-child {
  margin-bottom: 0;
}

/* Promises Section */
.about-promises-section {
  padding: 50px 0 0 0;
  background: #fff;
}

.about-promise-item {
  background: #ffffff;
  padding: 40px 35px;
  border-radius: 16px;
  border-left: 4px solid var(--main-theme-color);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
  height: 100%;
  transition: all 0.3s ease;
}

.about-promise-item:hover {
  transform: translateX(8px);
  box-shadow: 0 10px 40px rgba(255, 70, 0, 0.15);
}

.about-promise-icon {
  margin-bottom: 25px;
}

.about-promise-icon svg {
  transition: transform 0.3s ease;
}

.about-promise-item:hover .about-promise-icon svg {
  transform: scale(1.1);
}

.about-promise-title {
  font-family: "poppinssemibold";
  font-size: 22px;
  line-height: 30px;
  margin: 0 0 15px 0;
  color: #1a1a1a;
}

.about-promise-text {
  font-size: 16px;
  line-height: 28px;
  color: var(--gray-text-color);
  margin: 0;
}

/* Responsive for new sections */
@media screen and (max-width: 768px) {
  .about-different-section {
    padding: 60px 0;
  }

  .about-different-content {
    padding: 0;
    margin-bottom: 40px;
  }

  .about-different-title {
    font-size: 30px;
    line-height: 40px;
  }

  .about-different-visual {
    padding: 0;
  }

  .about-stats-grid {
    gap: 15px;
  }

  .about-stat-box {
    padding: 30px 20px;
  }

  .about-stat-number {
    font-size: 44px;
  }

  .about-mission-detailed-section {
    padding: 60px 0;
  }

  .about-mission-detailed-title {
    font-size: 32px;
    line-height: 42px;
  }

  .about-mission-detailed-text {
    font-size: 16px;
    line-height: 28px;
  }

  .about-promises-section {
    padding: 60px 0;
  }

  .about-promise-item {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 480px) {
  .about-different-title {
    font-size: 24px;
    line-height: 34px;
  }

  .about-stats-grid {
    grid-template-columns: 1fr;
  }

  .about-stat-number {
    font-size: 38px;
  }

  .about-mission-detailed-title {
    font-size: 26px;
    line-height: 36px;
  }

  .about-promise-item {
    padding: 30px 20px;
  }

  .about-promise-title {
    font-size: 19px;
  }
}

/* =============== ABOUT US PAGE END =============== */