/* test */

:root {
  --brand-yellow: #f5e373;
  --chip-bg: #fff3b4;
  --progress: 0%;
  --bar-bg: #e6e3ff;
  --bar-fill: #ff4f86;
}
body,html {overflow-x:hidden !important;}
.sec-title__title {
  color: #3b3250;
  font-size: 46px;
  font-weight: 600;
  line-height: 1.3;
}
.sec-title__description {
  color: #545a64;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
}

.features-management {
  padding: 120px 0;
  position: relative;
  z-index: 99;
}
.features-management:before {
  content: '';

  background: var(--brand-yellow);
  width: 100%;
  height: 65%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.features-management .sec-title__title {
  margin-bottom: 20px;
}
.features-management .sec-title__description {
  margin-bottom: 50px;
}

.feature-item {
  padding: 14px 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.feature-item:last-child {
  border-bottom: 0;
}
.feature-item .bi {
  opacity: 0.55;
}
.chip {
  background: var(--chip-bg);
  border: 1px solid rgba(0, 0, 0, 0.08);
  padding: 0.5rem 0.9rem;
  border-radius: 999px;
  font-weight: 600;
}
.features-management .nav-pills {
  margin-bottom: 50px;
}
.features-management .nav-pills .nav-link {
  border-radius: 100px;
  border: 2px solid var(--Neutral-Colors-01, #3b3250);
  font-size: 20px;
  font-weight: 600;
  color: #3b3250;
  line-height: 1.7;
  padding: 16px 34px;
  display: flex;
  padding: 16px 34px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-width: 220px;
  background: transparent;
}
.features-management .nav-pills .nav-link.active {
  background: #ff4f7b;
  border: 2px solid #ff4f7b;
  color: #fff;
  position: relative;
  z-index: 2;
}
.features-management .nav-pills .nav-link.active:before {
  position: absolute;
  content: '';
  width: 20px;
  height: 20px;
  background: #ff4f7b;
  rotate: 45deg;
  bottom: -10px;

  z-index: 1;
}
.features-management .nav-pills .nav-link.active img {
  filter: brightness(0) invert(1);
}
#annual-billing .badge {color:#ef3b8a;}
#monthly-billing.active,
.active #annual-billing,
#annual-billing.active {background:#EF3B8A;color: #fff;}
.active #annual-billing .badge,
#annual-billing.active .badge {color:#fff;}

.accordion-image-wrapper .rounded-3 {border-radius: 50px;}
body.single-post .written-by figure {flex-basis: 100px;}

.all-categories .cat-item {display: inline-block; padding: 6px 20px 9px 20px; margin: 0 5px; background: #fff; border-radius: 30px;border: 1px solid #ef3b8a; transition:all 0.2s ease;}
.all-categories .cat-item:hover {background: #ef3b8a; color:#fff;}
.all-categories .cat-item.active {background: #ef3b8a; color:#fff;}

.blog-search {
    display: flex;
    gap: 10px;
    max-width:400px;
    margin: 0 auto 15px;
}

.blog-search .search-field {
    flex: 1;
    padding: 10px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.blog-search .search-field:focus {
    border-color:#ef3b8a;
    outline:none;
}

.blog-search .search-submit {
    padding: 10px 14px;
    background: #fff;
    color:#ef3b8a;
    border:1px solid #ef3b8a;
    border-radius: 4px;
    cursor: pointer;
}

.blog-search .search-submit:hover,
.blog-search .search-submit:focus,
.blog-search .search-submit:active {
    background: #ef3b8a;
    color:#fff;
}

.footer-width-fixer .tel-link {color:#FFFFFF94;}
.footer-width-fixer .tel-link:hover {color:#FFFFFF94; text-decoration: none;}
body.home .elementor-element-2c19b8b {display:none;}

@media (max-width: 991.98px) {
  .hero-copy {
    text-align: center;
  }
  .img-col {
    order: -1;
  }
}
.phone-frame {
  border: 12px solid #111;
  border-bottom-width: 18px;
  border-top-width: 18px;
  border-radius: 32px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
  overflow: hidden;
}
.phone-frame img {
  display: block;
  width: 100%;
  height: auto;
}
.features-management .card-box {
  border-radius: 20px;
  background: #fff;
  box-shadow: 10px 20px 60px 0 rgba(229, 233, 237, 0.4);
  padding: 40px;
  --bs-gutter-x: 50px;
}
.features-management .accordion-item {
  border-bottom: 1px solid #eee !important;
}
.features-management .accordion-item .accordion-button,
.all-features .accordion-item .accordion-button {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.6;
  font-family: 'Inter', sans-serif;
  color: #3b3250;
  border: none;
  padding: 14px 0;
  box-shadow: none !important;
  background: none !important;
  width: 100%;
  text-align: left;
  display: flex;
  position: relative;
}
.features-management .accordion-icon {
  color: #969fb7;
  width: 20px;
  height: 20px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  right: 0px;
  transform: translateY(-50%) rotate(-45deg);
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}

.features-management .accordion-button:not(.collapsed) {
  color: #ef3b8a;
  background: #fff;
}

.features-management .accordion-button:not(.collapsed) .accordion-icon {
  transform: translateY(-50%) rotate(0deg) !important;
  color: #e63986;
}
.features-management .accordion-body {
  font-size: 18px;
  color: #545a64;
  padding: 0 15px 15px 0;
  font-family: 'Inter', sans-serif;
}
.features-management .accordion-button::after {
  background-image: none;
}
.features-management .accordion-button:not(.collapsed)::after {
  background-image: none;
}

/*All Features  */
.all-features {
  background: linear-gradient(
    180deg,
    #fff3ee 0%,
    rgba(255, 243, 238, 0) 74.99%
  );
  padding: 120px 0;
}
.all-features .sec-title__tagline {
  color: #ef3b8a;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.3;
  margin-bottom: 10px;
  text-align: center;
}

.all-features .all-feature-toggle {
  border-radius: 10px;
  border: 1px solid #e1e1fa;
  background: var(--Neutral-Colors-04, #fff);
  padding: 20px;
  display: flex;
  margin-bottom: 10px;
}
.all-features .sec-title__title {
  text-align: center;
  margin-bottom: 60px;
}

.all-features .plan-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
.all-features .plan-pill {
  border-radius: 10px 0 0 10px;
  padding: 14px 39.189px 13px 39.49px;
  font-weight: 700;
  font-size: 0.9rem;
  display: inline-block;
  min-width: 140px;
  text-align: center;
  color: #232323;
}
.all-features .plan-premium {
  background: #ffe063;
}
.all-features .plan-pro {
  background: #efd2f7;
  border-radius: 0px;
}

.all-features .plan-enterprise {
  background: #d8f07c;
  border-radius: 0 10px 10px 0;
}

.control-row {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
/* Accordion */
.all-features .accordion {
  --bs-accordion-bg: none;
}
.all-features .accordion-item {
  background: none;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.all-features .accordion-button {
  padding: 0.9rem 0;
  font-weight: 700;
  color: #333;
  box-shadow: none !important;
  background: none;
  border: none;
  border-radius: 0;
}
.all-features .accordion-button::after {
  transform: rotate(0deg);
}
.all-features .accordion-button:not(.collapsed) {
  color: #ef3b8a;
  background: none !important;
}
.all-features .accordion-button:not(.collapsed)::after {
  transform: rotate(180deg);
  color: #ef3b8a;
}
/* Table */
table.features-table {
  width: 100%;
  border-collapse: collapse;
}
.features-table th,
.features-table td {
  padding: 14px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  border-left: 0;
  border-right: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  vertical-align: middle;
  white-space: nowrap;
}
.features-table th:not(:first-child),
.features-table td:not(:first-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  border-left: 1px solid rgba(0, 0, 0, 0.06);
  border-right: 1px solid rgba(0, 0, 0, 0.06);
}
.features-table th:last-child,
.features-table td:last-child {
  border-right: 0;
}
.features-table th:first-child,
.features-table td:first-child {
  color: #162f65;
  font-size: 16px;
  min-width: 350px;
}
.features-table td {
  color: #450c84;
}
.features-table td.red {
  color: #e311ad;
}
.features-table td.blue {
  color: #0974fa;
}
table tbody > tr:nth-child(odd) > td,
table tbody > tr:nth-child(odd) > th {
  background-color: transparent !important;
}
.features-table th:first-child,
.features-table td:first-child {
  width: 52%;
  padding-left: 0;
  color: #334;
  white-space: normal;
}
.features-table th:not(:first-child),
.features-table td:not(:first-child) {
  text-align: center;
  min-width: 180px !important;
}
.feat-note {
  color: #7a7a7a;
  margin-left: 0.4rem;
  font-size: 0.9rem;
}
.divider-pink {
  height: 2px;
  background: #f7b1cd;
  margin: 0.4rem 0 1rem;
}
/* Row hiding animation */
tr.hidden-by-filter {
  display: none;
}
/* Right chevron links in collapsed groups */
.row-link {
  color: #7b7b7b;
  text-decoration: none;
}
.row-link:hover {
  color: #111;
}

/* feature-get */
.feature-get .feature-get__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
}
.feature-get .feature-card {
  border-radius: 16px;
  background: var(--Neutral-Colors-04, #fff);
  padding: 30px;
  height: 100%;
  border: 1px solid #ddd;
  transition: 0.3s;
}

.features-get__slider {
  margin-top: 20px;
}
.feature-get .feature-card:hover {
  border: 1px solid #ef3b8a;
}
.feature-get .feature-card .icon {
  margin-bottom: 24px;
}
.feature-get__navigation {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 12px;
  margin-top: 12px;
}
.feature-get__navigation .progress {
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    var(--bar-fill) 0 var(--progress),
    var(--bar-bg) var(--progress) 100%
  );
  pointer-events: none;
}
.feature-get__navigation .custom-arrow {
  width: 65px;
  height: 65px;

  border: 1px solid #e1e1fa;
  background: transparent;
  color: #3b3250;
  display: flex;
  justify-content: center;
  align-items: center;
}
.role-tabs {
  gap: 16px;
}
.role-tabs .nav-link {
  border-radius: 999px;
  padding: 16px 22px;
  font-weight: 600;
  color: #3b3250;
  background: #fff;
  border: 1px solid #eee;
  position: relative;
}
.role-tabs .nav-link.active {
  background: #ef3b8a;
  color: #fff;
  border-color: #ef3b8a;
}
.role-tabs .nav-link.active:before {
  position: absolute;
  content: '';
  width: 20px;
  height: 20px;
  background: #ef3b8a;
  left: 50%;
  transform: translatex(-10px);
  rotate: 45deg;
  bottom: -10px;
  z-index: 1;
}

@media (max-width: 767px) {
  .sec-title__title {
    font-size: 30px;
  }

  .features-management {
    padding: 60px 0;
  }
  .feature-get .feature-get__header {
    flex-direction: column;
    margin-bottom: 20px;
  }
}

header.sticky {
  position: fixed !important;
  top: 0;
  width: 100%;
  background-color: #fff;
  z-index: 9999999 !important;
  border-bottom: 1px solid #ddd;
}

.admin-bar .sticky {
  top: 32px;
}

@media (max-width: 991px) {
  .admin-bar .sticky {
    top: 0px;
  }
}

.form-wrapper .sub-title {
  color: #3b3250;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
}

.form-wrapper .title {
  text-align: center;
  font-size: 24px;
  color: #3b3250;
  font-weight: 600;
  margin-bottom: 20px;
}

div#book-a-demo {
  background-color: #f9f9fc;
  box-shadow: 0 0 20px #ddd;
  border-radius: 20px;
  padding: 30px;
}

@media (max-width: 767px) {
  div#book-a-demo {
    padding: 15px;
  }
  .form-group .checkbox label {
    line-height: 1.8;
  }

  .checkbox.checkbox-primary.d-flex.align-items-center {
    gap: 10px;
  }
}

@media (max-width: 580px) {
    body.home .elementor-element-24083b1 {padding-left:20px; padding-right:20px;}
    body.home .elementor-element-24083b1 .elementor-widget-heading {width:100%;}
    body.home .elementor-element-24083b1 h2,
    body.home .elementor-element-24083b1 h4 {text-align: center;}
}

@media (max-width: 479px) {
    body.home #gallery-1 {width:100%;text-align: center; margin:0;}
    body.home #gallery-1 .gallery-item {padding:20px; width:auto;}
}

div#book-a-demo input,
div#book-a-demo select {
  border: 1px solid #e1e1fa;
  border-radius: 10px;
  padding: 12px 20px;
}

div#book-a-demo input::placeholder,
div#book-a-demo select {
  color: #545a64;
}

div#book-a-demo .form-group {
  margin-bottom: 20px;
}

form#freetrial_form button {
  width: 100%;
  border: none;
}

form#freetrial_form button i {
  margin-left: 10px;
}

input#tagreement {
  accent-color: #ef3b8a;
}

.pricing-header > div {
  display: flex;
  align-items: end;
}

.pricing-header .elementor-image-box-content {
  text-align: left;
  padding-left: 15px;
  padding-bottom: 10px;
}

.pricing-header .elementor-image-box-content h3 {
  font-size: 15px !important;
  margin-bottom: 5px;
}

.pricing-header .elementor-image-box-content p {
  font-size: 14px;
}