.omnivi-bb{margin:1.5rem 0;padding:1.25rem;border:1px solid #dce4de;border-radius:10px;background:#fff;color:#24322b}.omnivi-bb h2{font-size:1.25rem;margin:0 0 .9rem}.omnivi-bb h3{font-size:1rem;margin:.35rem 0}.omnivi-bb-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.omnivi-bb-cols>div,.omnivi-bb-cols>article{padding:1rem;background:#f5f8f5;border-radius:8px}.omnivi-bb ul{padding-left:1.2rem}.omnivi-bb--note{border-left:4px solid #4a6350;background:#faf7f1}.omnivi-bb-product{display:grid;grid-template-columns:minmax(100px,180px) 1fr;gap:1.2rem;align-items:center}.omnivi-bb-product img{width:100%;height:auto;object-fit:contain}.omnivi-bb-badge{display:inline-block;padding:.3rem .6rem;border-radius:20px;background:#dce5d7;color:#304a36;font-size:.75rem}.omnivi-bb a{display:inline-block;background:#174f3b;color:#fff!important;padding:.65rem 1rem;border-radius:5px;text-decoration:none}.omnivi-bb-table-scroll{overflow:auto}.omnivi-bb table{width:100%;border-collapse:collapse}.omnivi-bb th,.omnivi-bb td{padding:.7rem;border:1px solid #dce4de;text-align:left}.omnivi-bb thead th{background:#edf3ed}@media(max-width:600px){.omnivi-bb-cols,.omnivi-bb-product{grid-template-columns:1fr}}


/* Preserved legacy BB widget styles. */
/*--------------------------------------------*/
/* Pros & Cons Generator CSS
/*--------------------------------------------*/


[class*='mmm-tools-pros-cons-box-1-'] [data-ez-name] {
  display: none !important;
}
.mmm-tools-pros-cons-box-1-box-name {
  font-weight: 700;
  line-height: inherit;
  text-align: center;
  margin: 8px 0 20px;
}
.mmm-tools-pros-cons-box-1-pc-box-four {
  margin-bottom: 20px;
}
.mmm-tools-pros-cons-box-1-pc-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: stretch;
  box-sizing: border-box;
  width: 100%;
  justify-content: space-between;
}
.mmm-tools-pros-cons-box-1-pc-row ul li {
  list-style: none;
  text-align: left;
}
.mmm-tools-pros-cons-box-1-pc-row .mmm-tools-pros-cons-box-1-item-cons,
.mmm-tools-pros-cons-box-1-pc-row .mmm-tools-pros-cons-box-1-item-pros {
  max-width: calc(50% - 14px);
  flex: 0 0 calc(50% - 14px);
  background-color: #fff;
}
.mmm-tools-pros-cons-box-1-pc-box-four .mmm-tools-pros-cons-box-1-cons-name,
.mmm-tools-pros-cons-box-1-pc-box-four .mmm-tools-pros-cons-box-1-pros-name {
  color: var(--mmm-tools-pros-cons-box-1-theme-color);
  text-align: center;
  padding: 4px 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
}
.mmm-tools-pros-cons-box-1-pc-box-four .mmm-tools-pros-cons-box-1-item-cons,
.mmm-tools-pros-cons-box-1-pc-box-four .mmm-tools-pros-cons-box-1-item-pros {
  border: 4px solid var(--mmm-tools-pros-cons-box-1-theme-color);
  border-radius: 10px;
  padding-top: 30px;
  position: relative;
}
.mmm-tools-pros-cons-box-1-pc-box-four .mmm-tools-pros-cons-box-1-item-cons:before,
.mmm-tools-pros-cons-box-1-pc-box-four .mmm-tools-pros-cons-box-1-item-pros:before {
  content: '';
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAXVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9RKvvlAAAAHnRSTlMAgPxzzTQb6NislXlpW0QL8+7h0cC8opxtVlIqIgPuk3CwAAAAgUlEQVQoz3XQWQ6DMAxF0WeHMLbQea73v8xCgyICeff3JLJsLBqeHtmOpu03Bza2Y1AwOGBbz35cJ7hjkzcyvPnDTaYeJWIftUX6AkonY2gtqcY+vISmcEFhASzNwfLQMKgYCIEaBCoGQuAMAicgLqjpeognGfpO5joPIBzRvbHuB3jZJENz6Ti+AAAAAElFTkSuQmCC);
  height: 60px;
  width: 60px;
  background-color: var(--mmm-tools-pros-cons-box-1-theme-color);
  position: absolute;
  background-repeat: no-repeat;
  border-radius: 100%;
  background-position: center;
  border: 6px solid #fff;
  top: -32px;
  left: 0;
  right: 0;
  margin: 0 auto;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}
.mmm-tools-pros-cons-box-1-pc-box-four .mmm-tools-pros-cons-box-1-item-cons:before {
  transform: rotate(180deg);
}
.mmm-tools-pros-cons-box-1-pc-box-four .mmm-tools-pros-cons-box-1-pc-row {
  margin-top: 40px;
}
.mmm-tools-pros-cons-box-1-pc-box-four ul {
  margin: 0;
  padding: 8px 16px 22px;
  list-style: none;
  position: relative;
}
.mmm-tools-pros-cons-box-1-pc-box-four ul li {
  display: block;
  position: relative;
  padding-left: 24px;
}
.mmm-tools-pros-cons-box-1-pc-box-four .mmm-tools-pros-cons-box-1-item-pros ul li:before {
  content: '\2713';
}
.mmm-tools-pros-cons-box-1-pc-box-four .mmm-tools-pros-cons-box-1-item-cons ul li:before {
  content: '\2715';
}
.mmm-tools-pros-cons-box-1-pc-box-four .mmm-tools-pros-cons-box-1-item-cons ul li:before,
.mmm-tools-pros-cons-box-1-pc-box-four .mmm-tools-pros-cons-box-1-item-pros ul li:before {
  position: relative;
  left: -9px;
  font-weight: 500;
  background-color: var(--mmm-tools-pros-cons-box-1-theme-color);
  color: #fff;
  font-size: 10px;
  border-radius: 100%;
  text-align: center;
  height: 14px;
  width: 14px;
  display: inline-block;
  vertical-align: middle;
  line-height: 14px;
  margin-left: -14px;
  top: -1px;
}
.mmm-tools-pros-cons-box-1-pc-box-four ul li:not(:last-child) {
  margin-bottom: 8px;
}
@keyframes glower {
  0%,
  100% {
    background-position: 0 0;
  }
  50% {
    background-position: 400% 0;
  }
}
@-webkit-keyframes gradientAnim {
  0%,
  to {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
@keyframes gradientAnim {
  0%,
  to {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
@media screen and (max-width: 860px) {
  .mmm-tools-pros-cons-box-1-pc-row .mmm-tools-pros-cons-box-1-item-cons,
  .mmm-tools-pros-cons-box-1-pc-row .mmm-tools-pros-cons-box-1-item-pros {
    max-width: 100%;
    flex: 0 0 100%;
    margin-bottom: 25px !important;
  }
  .mmm-tools-pros-cons-box-1-pc-box-four
  .mmm-tools-pros-cons-box-1-pc-row
  .mmm-tools-pros-cons-box-1-item-pros {
    margin-bottom: 42px !important;
  }
}
@media screen and (max-width: 660px) {
  .mmm-tools-pros-cons-box-1-box-name {
    font-size: 20px;
    margin: 8px 0 12px;
  }
}

/*--------------------------------------------*/
/* BB Product Box (tp) Widget CSS
/*--------------------------------------------*/

/* button icon size */
.tp-btn-icon svg:not(:root) {
    width: 12px;
}
/* button icon size end */

.mmm-tools-bg-b1-box-name {
  font-weight: 700;
  line-height: inherit;
  text-align: center;
  margin: 8px 0 20px;
}

.mmm-tools-bg-b1-btn {
  text-decoration: none;
}

.mmm-tools-bg-b1-btn,
a {
  transition: none !important;
}

.mmm-tools-bg-b1-box-layout-four .product-box-footer .mmm-tools-bg-b1-btn {
  margin: 5px;
  background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
  -webkit-animation: 3s infinite alternate gradientAnim;
  animation: 3s infinite alternate gradientAnim;
  background-size: 300% 300%;
}
.mmm-tools-bg-b1-box-layout-four .product-box-footer .mmm-tools-bg-b1-btn span.tp-btn-text {
    margin-left: 10px;
}
.mmm-tools-bg-b2-box-layout-two .mmm-tools-bg-b2-layout-content .mmm-tools-bg-b2-lc-button .mmm-tools-bg-b2-btn span.ec-btn-text {
    margin-left: 10px;
}

.mmm-tools-bg-b1-box-layout-four .mmm-tools-bg-b1-our-top-pick {
  padding: 9px 16px 8px 14px;
  font-weight: 700;
  background-color: var(--mmm-tools-bg-b1-theme-color);
  font-size: 18px;
  color: #fff;
  letter-spacing: 0.4px;
  display: inline-block;
  line-height: 18px;
  position: absolute;
  top: -17px;
  left: -10px;
  z-index: 9;
}

.mmm-tools-bg-b1-box-layout-four .mmm-tools-bg-b1-our-top-pick:after {
  content: ' ';
  display: block;
  position: absolute;
  left: -10px;
  bottom: -7px;
  border-color: transparent var(--mmm-tools-bg-b1-theme-color) transparent transparent;
  border-style: inset solid inset inset;
  border-width: 0 10px 7px;
}
.mmm-tools-bg-b1-box-layout-four {
  position: relative;
  margin: 25px auto 35px;
  border: 4px solid var(--mmm-tools-bg-b1-theme-color);
  background-color: #fff;
  padding: 40px 0 0;
  border-radius: 0;
  box-shadow: 0 0 5px 0 var(--mmm-tools-bg-b1-theme-color);
}
.mmm-tools-bg-b1-box-layout-four .product-box-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: nowrap;
  padding: 0 30px 0 45px;
}

.mmm-tools-bg-b1-box-layout-four .product-box-image {
  flex-basis: 200px;
  flex-shrink: 0;
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
}
.mmm-tools-bg-b1-box-layout-four .product-box-image .product-image-inner {
  position: relative;
  margin-bottom: 30px;
}
.mmm-tools-bg-b1-box-layout-four .product-box-image .product-image-inner img {
  max-width: 95%;
  max-height: 240px;
  width: auto;
  height: auto;
  cursor: pointer;
  margin: 0 auto;
  display: block;
}

.mmm-tools-bg-b1-box-layout-four .product-box-row .product-box-content {
  flex-grow: 1;
  box-sizing: border-box;
  padding-left: 30px;
  margin-left: 40px;
  position: relative;
}

.mmm-tools-bg-b1-box-layout-four .product-box-row .product-box-content:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1px;
  background: -moz-linear-gradient(
    top,
    rgba(30, 87, 153, 0) 0,
    rgba(0, 0, 175, 0.07) 40%,
    rgba(0, 0, 177, 0.07) 60%,
    rgba(125, 185, 232, 0) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(30, 87, 153, 0) 0,
    rgba(0, 0, 175, 0.07) 40%,
    rgba(0, 0, 177, 0.07) 60%,
    rgba(125, 185, 232, 0) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(30, 87, 153, 0) 0,
    rgba(0, 0, 175, 0.07) 40%,
    rgba(0, 0, 177, 0.07) 60%,
    rgba(125, 185, 232, 0) 100%
  );
}

.mmm-tools-bg-b1-box-layout-four .product-box-footer {
  padding: 25px 0;
  margin: 20px 0 0;
  border-top: 1px solid #e5e5e5;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .mmm-tools-bg-b1-box-layout-four .product-box-row .product-box-content:before {
    display: none;
  }

  .mmm-tools-bg-b1-box-layout-four {
    padding: 30px 0 0;
  }

  .mmm-tools-bg-b1-box-layout-four .product-box-row {
    padding: 0;
    flex-direction: column;
  }

  .mmm-tools-bg-b1-box-layout-four .product-box-row .product-box-image {
    width: 100%;
    flex-basis: inherit;
  }

  .mmm-tools-bg-b1-box-layout-four .product-box-row .product-box-image .product-image-inner {
    height: 200px;
  }
  .mmm-tools-bg-b1-box-layout-four .product-box-row .product-box-image .product-image-inner img {
    max-height: 200px;
  }

  .mmm-tools-bg-b1-box-layout-four .product-box-row .product-box-content {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    margin: 25px 0 0;
    padding: 18px 20px 0;
    border-top: 1px solid #ddd;
  }
}
@media screen and (max-width: 660px) {
  .mmm-tools-bg-b1-box-layout-four .mmm-tools-bg-b1-our-top-pick {
    padding: 6px 12px;
    font-size: 16px;
  }
  .mmm-tools-bg-b1-box-layout-four .product-box-row .product-box-image .product-image-inner {
    height: 160px;
  }
  .mmm-tools-bg-b1-box-layout-four
  .product-box-row
  .product-box-image
  .product-image-inner
  a
  img {
    max-height: 160px;
  }
  .mmm-tools-bg-b1-box-layout-four .product-box-footer {
    padding: 20px 0 15px;
  }
}

@media screen and (max-width: 480px) {
  .mmm-tools-bg-b1-box-layout-four .product-box-row .product-box-content {
    padding: 14px 16px 0;
  }
}

.mmm-tools-bg-b1-rate {
  position: relative;
  font-size: 20px;
  color: #0d3153;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  display: inline-block;
  padding: 0 18px;
  min-width: 100px;
}
.mmm-tools-bg-b1-rate > span {
  font-size: 12px;
  display: block;
  line-height: 16px;
}

.product-box-content .mmm-tools-bg-b1-text ul {
  margin: 0 0 10px;
  padding: 0;
  list-style: none;
}

.product-box-content .mmm-tools-bg-b1-text ul li {
  display: block;
  padding: 1px 0 1px 21px;
  margin: 0;
  position: relative;
  color: inherit;
  text-align: left;
}
.mmm-tools-bg-b1-text ul li span.add_features_text , .add_ecf_text { 
  padding-inline: 0px 10px; 
}

.mmm-tools-bg-b1-text p {
  margin-bottom: 15px;
}

.product-box-content .mmm-tools-bg-b1-text ul li::before {
  content: '\2713';
  background-color: var(--mmm-tools-bg-b1-theme-color);
  position: relative;
  left: -9px;
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
  margin-left: -14px;
  font-weight: 700;
  font-size: 10px;
  color: #fff;
  border-radius: 100%;
  text-align: center;
  line-height: 14px;
  top: -1px;
}

.mmm-tools-bg-b1-btn {
  font-weight: 600;
  min-width: 100px;
  text-align: center;
  color: #fff !important;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.27);
  border-radius: 4px;
  padding: 9px 18px;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  margin: 5px 4px;
  background-color: var(--mmm-tools-bg-b1-theme-color);
  border: 0;
  white-space: normal !important;
  cursor: pointer;
  line-height: normal;
  position: relative;
}

.mmm-tools-bg-b1-btn.mmm-tools-bg-b1-btn-sm[data-extra='arrow']:after {
  height: 14px;
  width: 14px;
  margin-left: 5px;
}
.mmm-tools-bg-b1-btn[data-style='mmm-tools-bg-b1-btn-1'] {
  background-color: var(--mmm-tools-bg-b1-theme-color);
  border-bottom: 4px solid var(--mmm-tools-bg-b1-theme-color);
  text-decoration: none !important;
  transition: none !important;
  letter-spacing: 0.4px;
  position: relative;
}
.mmm-tools-bg-b1-btn[data-style='mmm-tools-bg-b1-btn-1']:hover {
  box-shadow: rgba(3, 3, 3, 0.4) 0 8px 12px 0;
}
.mmm-tools-bg-b1-btn[data-style='mmm-tools-bg-b1-btn-1']:before {
  content: '';
  height: 4px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 0 0 4px 4px;
}
.mmm-tools-bg-b1-btn[data-style='mmm-tools-bg-b1-btn-2'],
.mmm-tools-bg-b1-btn[data-style='mmm-tools-bg-b1-btn-3']:hover,
.mmm-tools-bg-b1-btn[data-style='mmm-tools-bg-b1-btn-4'] {
  background-color: transparent;
  color: var(--mmm-tools-bg-b1-theme-color) !important;
}
.mmm-tools-bg-b1-btn[data-style='mmm-tools-bg-b1-btn-2'] {
  border-color: var(--mmm-tools-bg-b1-theme-color);
  background-image: linear-gradient(
    45deg,
    var(--mmm-tools-bg-b1-theme-color) 50%,
    transparent 50%
  );
  background-position: 100%;
  background-size: 400%;
  border-width: 2px;
  border-style: solid;
  box-shadow: none;
}
.mmm-tools-bg-b1-btn[data-style='mmm-tools-bg-b1-btn-3'],
.mmm-tools-bg-b1-btn[data-style='mmm-tools-bg-b1-btn-4'] {
  border: 2px solid var(--mmm-tools-bg-b1-theme-color);
  box-shadow: none;
}
.mmm-tools-bg-b1-btn[data-style='mmm-tools-bg-b1-btn-2']:hover {
  background-position: 0;
  opacity: 1;
}
.mmm-tools-bg-b1-btn[data-style='mmm-tools-bg-b1-btn-3']:hover {
  opacity: 1;
  box-shadow: 0 0 10px 0 var(--mmm-tools-bg-b1-theme-color) inset,
  0 0 10px 4px var(--mmm-tools-bg-b1-theme-color);
}
.mmm-tools-bg-b1-btn[data-style='mmm-tools-bg-b1-btn-4'] {
  overflow: hidden;
  position: relative;
}
.mmm-tools-bg-b1-box-layout-one,
.mmm-tools-bg-b1-box-layout-two .mmm-tools-bg-b1-layout-img {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  overflow: hidden;
}
.mmm-tools-bg-b1-btn:hover,
.mmm-tools-bg-b1-btn:not([data-style='mmm-tools-bg-b1-btn-2']):not([data-style='mmm-tools-bg-b1-btn-3']):active,
.mmm-tools-bg-b1-btn:not([data-style='mmm-tools-bg-b1-btn-2']):not([data-style='mmm-tools-bg-b1-btn-3']):focus {
  color: #fff !important;
}
.mmm-tools-bg-b1-btn[data-style='mmm-tools-bg-b1-btn-4']:hover {
  opacity: 1;
  background-color: var(--mmm-tools-bg-b1-theme-color);
}
.mmm-tools-bg-b1-btn[data-style='mmm-tools-bg-b1-btn-4']:before {
  content: '';
  background-color: rgba(255, 255, 255, 0.5);
  height: 100%;
  width: 3em;
  display: block;
  position: absolute;
  top: 0;
  left: -4.5em;
  -webkit-transform: skewX(-45deg) translateX(0);
  transform: skewX(-45deg) translateX(0);
  -webkit-transition: none;
  transition: none;
}
.mmm-tools-bg-b1-btn[data-style='mmm-tools-bg-b1-btn-4']:hover:before {
  -webkit-transform: skewX(-45deg) translateX(22em);
  transform: skewX(-45deg) translateX(22em);
  -webkit-transition: none !important;
  transition: none !important;
}
.mmm-tools-bg-b1-btn.mmm-tools-bg-b1-btn-sm {
  padding: 6px 14px;
  font-size: 12px;
}
.mmm-tools-bg-b1-btn.mmm-tools-bg-b1-btn-md {
  padding: 9px 18px;
  font-size: 14px;
}
.mmm-tools-bg-b1-btn.mmm-tools-bg-b1-btn-lg {
  padding: 12px 24px;
  font-size: 16px;
}
.mmm-tools-bg-b1-btn:hover {
  opacity: 0.85;
  text-decoration: none !important;
}
.mmm-tools-bg-b1-disclosure {
  font-size: 12px;
  font-style: italic;
  margin-top: 10px;
}

.mmm-tools-bg-b1-feature-text {
  font-size: 14pt;
  color: var(--mmm-tools-bg-b1-theme-color);
}

.mmm-tools-bg-b1-rate:after,
.mmm-tools-bg-b1-rate:before {
  content: '';
  position: absolute;
  left: 0;
  height: 32px;
  width: 16px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='prefix__Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' viewBox='-457 234 45 93' xml:space='preserve' enable-background='new -457 234 45 93'%3E%3Cstyle%3E.prefix__st0%7Bfill:%230d3153%7D%3C/style%3E%3Cpath class='prefix__st0' d='M-434.9 247c-2.7 4.3-4.5 5.3-6.2 4.6-1.6-.7-2.3-3.1.8-8.1 3.1-5.1 11-8.3 10.9-8.2-.2.1-3 7.5-5.5 11.7zM-438.8 264.6c-3 2.3-6.8 1.4-6.8 1.4-.1 0 1.1-7.2 4.8-9.3 3.5-2.1 8.5-.1 8.4-.1-.1-.1-3.5 5.6-6.4 8z'/%3E%3Cpath class='prefix__st0' d='M-451.1 262.1c1.9 4 5.9 3.9 5.9 3.9-.1-.1 1.3-6.8.2-10.9a13 13 0 0 0-5.8-6.7c-.1.1-2.4 9.7-.3 13.7zM-439.2 279.5c-2.1 3.1-6 3.4-6 3.4-.1.1-1.2-7.1 1.6-10.1 2.6-3 8-2.6 7.9-2.7-.2 0-1.6 6.2-3.5 9.4z'/%3E%3Cdefs%3E%3Cpath id='prefix__SVGID_1_' d='M-455.9 267.3H-443.6V283.3H-455.9z'/%3E%3C/defs%3E%3CclipPath id='prefix__SVGID_2_'%3E%3Cuse xlink:href='%23prefix__SVGID_1_' overflow='visible'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23prefix__SVGID_2_)'%3E%3Cpath class='prefix__st0' d='M-451.7 281c3 3.2 6.8 1.8 6.8 1.8-.1 0-.9-6.8-3.2-10.2a12.9 12.9 0 0 0-7.6-4.3c-.2.1.8 9.6 4 12.7z'/%3E%3C/g%3E%3Cpath class='prefix__st0' d='M-435.2 293.7a8.6 8.6 0 0 1-4.7 5.1c-.1.1-3.3-6.4-1.6-10.1 1.6-3.7 6.7-5 6.7-5s.6 6.3-.4 10z'/%3E%3Cpath class='prefix__st0' d='M-446.5 299c3.8 2.1 7-.4 7-.4-.1 0-2.9-6.2-6.1-8.6-3.4-2.4-8.5-1.7-8.5-1.7-.2 0 3.6 8.7 7.6 10.7zM-427 306a8.5 8.5 0 0 1-2.8 6.3c-.1.1-5.1-5.1-4.6-9.2.4-4 4.9-6.9 4.9-6.9-.2.1 2.3 6 2.5 9.8z'/%3E%3Cpath class='prefix__st0' d='M-436.1 314.6c4.3.8 6.5-2.6 6.5-2.5-.1 0-4.7-5-8.5-6.4-3.9-1.3-8.6 1-8.6 1-.1.1 6.2 7.2 10.6 7.9zM-415.2 315.2c1.4 3.6-.6 6.9-.6 6.9 0 .1-6.7-3.3-7.5-7.3-.9-3.9 2.5-8.1 2.5-8.1-.1 0 4.1 4.9 5.6 8.5z'/%3E%3Cpath fill='none' d='M-434.3 318H-414.3V326.5H-434.3z'/%3E%3Cpath class='prefix__st0' d='M-421.1 326.3c4.4-.6 5.5-4.5 5.5-4.5-.1.1-6.2-3.3-10.3-3.4-4.2 0-7.9 3.6-7.9 3.7-.2.1 8.1 4.9 12.7 4.2z'/%3E%3Cpath class='prefix__st0' d='m-415.2 320.8 3.2 1v1.6l-3.7-1-1.8-.6-1.8-.7-.4-.2-.4-.2-.8-.5-1.6-1a55.2 55.2 0 0 1-6-4.5l-1.4-1.3-1.4-1.3-2.6-2.8c-1.7-1.9-3.2-4-4.5-6.1l-1.9-3.3-.9-1.7-.8-1.7a60.3 60.3 0 0 1-4.2-14.5 47.7 47.7 0 0 1 0-15.2 51 51 0 0 1 12.6-26.7 54.2 54.2 0 0 0-10.6 27.1c-.3 2.4-.3 4.8-.3 7.3a58.5 58.5 0 0 0 4.8 21.1c4 8.8 10.3 16.5 18.3 22.1l1.5 1 .8.5.4.2.4.2 1.6.8 1.5.4z'/%3E%3C/svg%3E");
}

.mmm-tools-bg-b1-rate:after {
  left: auto;
  right: 0;
  top: 0;
  transform: rotateY(180deg);
}

.mmm-tools-bg-b1-btn[data-extra='arrow'] {
  white-space: nowrap;
}
.mmm-tools-bg-b1-btn[data-extra='arrow']:after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg height='90' width='90' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 90'%3E%3Cpath fill='%23fff' d='M45,0C20.2,0,0,20.2,0,45s20.2,45,45,45c24.8,0,45-20.2,45-45C90,20.2,69.8,0,45,0z M45,83.8C23.5,83.8,6.2,66.5,6.2,45 S23.5,6.2,45,6.2c21.4,0,38.8,17.4,38.8,38.8C83.8,66.5,66.5,83.8,45,83.8z'/%3E%3Cpath fill='%23fff' d='M33,74c-0.9,0-1.8-0.4-2.5-1s-1-1.5-1-2.5c0-0.9,0.4-1.8,1-2.5l23-23l-23-23c-1.4-1.4-1.3-3.6,0.1-5c1.4-1.3,3.5-1.3,4.9,0 l0,0L61,42.5c1.4,1.4,1.4,3.6,0,4.9L35.5,72.9C34.9,73.6,34,74,33,74z'/%3E%3C/svg%3E");
  height: 16px;
  width: 16px;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}

/*--------------------------------------------*/
/* Product Box (ec) Widget CSS
/*--------------------------------------------*/

/* button icon size */
.ec-btn-icon svg:not(:root) {
    width: 12px;
}
/* button icon size end */

.mmm-tools-bg-b2-btn {
  text-decoration: none;
}
.mmm-tools-bg-b2-btn,
a {
  transition: none !important;
}
.mmm-tools-bg-b2-disclosure {
  font-size: 12px;
  font-style: italic;
  margin-top: 10px;
  margin-bottom: 15px;
}
.mmm-tools-bg-b2-text p {
  margin-bottom: 15px;
}
.mmm-tools-bg-b2-box-name {
  font-weight: 700;
  line-height: inherit;
  text-align: center;
  margin: 8px 0 20px;
}
.mmm-tools-bg-b2-btn {
  font-weight: 600;
  min-width: 100px;
  text-align: center;
  color: #fff !important;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.27);
  border-radius: 4px;
  padding: 9px 18px;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  margin: 5px 4px;
  background-color: var(--mmm-tools-bg-b2-theme-color);
  border: 0;
  white-space: normal !important;
  cursor: pointer;
  line-height: normal;
  position: relative;
}
.mmm-tools-bg-b2-btn[data-extra='arrow'] {
  white-space: nowrap;
}
.mmm-tools-bg-b2-btn[data-extra='arrow']:after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg height='90' width='90' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 90'%3E%3Cpath fill='%23fff' d='M45,0C20.2,0,0,20.2,0,45s20.2,45,45,45c24.8,0,45-20.2,45-45C90,20.2,69.8,0,45,0z M45,83.8C23.5,83.8,6.2,66.5,6.2,45 S23.5,6.2,45,6.2c21.4,0,38.8,17.4,38.8,38.8C83.8,66.5,66.5,83.8,45,83.8z'/%3E%3Cpath fill='%23fff' d='M33,74c-0.9,0-1.8-0.4-2.5-1s-1-1.5-1-2.5c0-0.9,0.4-1.8,1-2.5l23-23l-23-23c-1.4-1.4-1.3-3.6,0.1-5c1.4-1.3,3.5-1.3,4.9,0 l0,0L61,42.5c1.4,1.4,1.4,3.6,0,4.9L35.5,72.9C34.9,73.6,34,74,33,74z'/%3E%3C/svg%3E");
  height: 16px;
  width: 16px;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}
.mmm-tools-bg-b2-box-layout-two .mmm-tools-bg-b2-layout-img {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  overflow: hidden;
}
.mmm-tools-bg-b2-btn:hover,
.mmm-tools-bg-b2-btn:not([data-style='mmm-tools-bg-b2-btn-2']):not([data-style='mmm-tools-bg-b2-btn-3']):active,
.mmm-tools-bg-b2-btn:not([data-style='mmm-tools-bg-b2-btn-2']):not([data-style='mmm-tools-bg-b2-btn-3']):focus {
  color: #fff !important;
}
.mmm-tools-bg-b2-btn:hover {
  opacity: 0.85;
  text-decoration: none !important;
}
.mmm-tools-bg-b2-rate {
  position: relative;
  font-size: 20px;
  color: #0d3153;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  display: inline-block;
  padding: 0 18px;
  min-width: 100px;
}
.mmm-tools-bg-b2-rate > span {
  font-size: 12px;
  display: block;
  line-height: 16px;
}
.mmm-tools-bg-b2-rate:after,
.mmm-tools-bg-b2-rate:before {
  content: '';
  position: absolute;
  left: 0;
  height: 32px;
  width: 16px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='prefix__Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' viewBox='-457 234 45 93' xml:space='preserve' enable-background='new -457 234 45 93'%3E%3Cstyle%3E.prefix__st0%7Bfill:%230d3153%7D%3C/style%3E%3Cpath class='prefix__st0' d='M-434.9 247c-2.7 4.3-4.5 5.3-6.2 4.6-1.6-.7-2.3-3.1.8-8.1 3.1-5.1 11-8.3 10.9-8.2-.2.1-3 7.5-5.5 11.7zM-438.8 264.6c-3 2.3-6.8 1.4-6.8 1.4-.1 0 1.1-7.2 4.8-9.3 3.5-2.1 8.5-.1 8.4-.1-.1-.1-3.5 5.6-6.4 8z'/%3E%3Cpath class='prefix__st0' d='M-451.1 262.1c1.9 4 5.9 3.9 5.9 3.9-.1-.1 1.3-6.8.2-10.9a13 13 0 0 0-5.8-6.7c-.1.1-2.4 9.7-.3 13.7zM-439.2 279.5c-2.1 3.1-6 3.4-6 3.4-.1.1-1.2-7.1 1.6-10.1 2.6-3 8-2.6 7.9-2.7-.2 0-1.6 6.2-3.5 9.4z'/%3E%3Cdefs%3E%3Cpath id='prefix__SVGID_1_' d='M-455.9 267.3H-443.6V283.3H-455.9z'/%3E%3C/defs%3E%3CclipPath id='prefix__SVGID_2_'%3E%3Cuse xlink:href='%23prefix__SVGID_1_' overflow='visible'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23prefix__SVGID_2_)'%3E%3Cpath class='prefix__st0' d='M-451.7 281c3 3.2 6.8 1.8 6.8 1.8-.1 0-.9-6.8-3.2-10.2a12.9 12.9 0 0 0-7.6-4.3c-.2.1.8 9.6 4 12.7z'/%3E%3C/g%3E%3Cpath class='prefix__st0' d='M-435.2 293.7a8.6 8.6 0 0 1-4.7 5.1c-.1.1-3.3-6.4-1.6-10.1 1.6-3.7 6.7-5 6.7-5s.6 6.3-.4 10z'/%3E%3Cpath class='prefix__st0' d='M-446.5 299c3.8 2.1 7-.4 7-.4-.1 0-2.9-6.2-6.1-8.6-3.4-2.4-8.5-1.7-8.5-1.7-.2 0 3.6 8.7 7.6 10.7zM-427 306a8.5 8.5 0 0 1-2.8 6.3c-.1.1-5.1-5.1-4.6-9.2.4-4 4.9-6.9 4.9-6.9-.2.1 2.3 6 2.5 9.8z'/%3E%3Cpath class='prefix__st0' d='M-436.1 314.6c4.3.8 6.5-2.6 6.5-2.5-.1 0-4.7-5-8.5-6.4-3.9-1.3-8.6 1-8.6 1-.1.1 6.2 7.2 10.6 7.9zM-415.2 315.2c1.4 3.6-.6 6.9-.6 6.9 0 .1-6.7-3.3-7.5-7.3-.9-3.9 2.5-8.1 2.5-8.1-.1 0 4.1 4.9 5.6 8.5z'/%3E%3Cpath fill='none' d='M-434.3 318H-414.3V326.5H-434.3z'/%3E%3Cpath class='prefix__st0' d='M-421.1 326.3c4.4-.6 5.5-4.5 5.5-4.5-.1.1-6.2-3.3-10.3-3.4-4.2 0-7.9 3.6-7.9 3.7-.2.1 8.1 4.9 12.7 4.2z'/%3E%3Cpath class='prefix__st0' d='m-415.2 320.8 3.2 1v1.6l-3.7-1-1.8-.6-1.8-.7-.4-.2-.4-.2-.8-.5-1.6-1a55.2 55.2 0 0 1-6-4.5l-1.4-1.3-1.4-1.3-2.6-2.8c-1.7-1.9-3.2-4-4.5-6.1l-1.9-3.3-.9-1.7-.8-1.7a60.3 60.3 0 0 1-4.2-14.5 47.7 47.7 0 0 1 0-15.2 51 51 0 0 1 12.6-26.7 54.2 54.2 0 0 0-10.6 27.1c-.3 2.4-.3 4.8-.3 7.3a58.5 58.5 0 0 0 4.8 21.1c4 8.8 10.3 16.5 18.3 22.1l1.5 1 .8.5.4.2.4.2 1.6.8 1.5.4z'/%3E%3C/svg%3E");
}
.mmm-tools-bg-b2-rate:after {
  left: auto;
  right: 0;
  top: 0;
  transform: rotateY(180deg);
}
.mmm-tools-bg-b2-box-layout-two .mmm-tools-bg-b2-layout-content {
  padding: 16px;
  position: relative;
  box-sizing: border-box;
}
.mmm-tools-bg-b2-box-layout-two .mmm-tools-bg-b2-layout-img .mmm-tools-bg-b2-li-photo img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
  max-height: 180px;
  width: auto;
  height: auto;
}
.mmm-tools-bg-b2-box-layout-two .mmm-tools-bg-b2-layout-img .mmm-tools-bg-b2-li-ratebadge {
  margin: 12px auto;
  text-align: center;
}
.mmm-tools-bg-b2-box-layout-two .mmm-tools-bg-b2-layout-content .mmm-tools-bg-b2-lc-button {
  margin: 12px auto 8px;
  text-align: center;
}
.mmm-tools-bg-b2-box-layout-two
.mmm-tools-bg-b2-layout-content
.mmm-tools-bg-b2-lc-button
.mmm-tools-bg-b2-btn {
  margin: 5px;
  background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
  -webkit-animation: 3s infinite alternate gradientAnim;
  animation: 3s infinite alternate gradientAnim;
  background-size: 300% 300%;
}
.mmm-tools-bg-b2-box-layout-two {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: stretch;
  position: relative;
  margin-bottom: 20px;
}
.mmm-tools-bg-b2-box-layout-two .mmm-tools-bg-b2-layout-img {
  flex: 0 0 36%;
  max-width: 36%;
  box-sizing: border-box;
  position: relative;
}
.mmm-tools-bg-b2-box-layout-two .mmm-tools-bg-b2-layout-img .mmm-tools-bg-b2-our-top-pick {
  position: absolute;
  background-color: var(--mmm-tools-bg-b2-theme-color);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  padding: 4px 0;
  transform: rotate(45deg);
  right: -68px;
  top: -23px;
  transform-origin: 0 0;
  width: 153px;
  box-sizing: border-box;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.2);
}
.mmm-tools-bg-b2-box-layout-two .mmm-tools-bg-b2-layout-img .mmm-tools-bg-b2-li-photo {
  max-height: 220px;
  padding: 32px 4px 16px;
  box-sizing: border-box;
}
.mmm-tools-bg-b2-box-layout-two .mmm-tools-bg-b2-layout-content {
  flex: 0 0 calc(64% - 15px);
  max-width: calc(64% - 15px);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  overflow: hidden;
  margin-left: 15px;
}
.mmm-tools-bg-b2-layout-content .mmm-tools-bg-b2-text ul {
  margin: 0 0 10px;
  padding: 0;
  list-style: none;
}
.mmm-tools-bg-b2-layout-content .mmm-tools-bg-b2-text ul li {
  display: block;
  padding: 1px 0 1px 21px;
  margin: 0;
  position: relative;
  color: inherit;
  text-align: left;
}
.mmm-tools-bg-b2-layout-content .mmm-tools-bg-b2-text ul li:before {
  content: '\2713';
  background-color: var(--mmm-tools-bg-b2-theme-color);
  position: relative;
  left: -9px;
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
  margin-left: -14px;
  font-weight: 700;
  font-size: 10px;
  color: #fff;
  border-radius: 100%;
  text-align: center;
  line-height: 14px;
  top: -1px;
}
.mmm-tools-bg-b2-btn-gr-active {
  background: linear-gradient(
    60deg,
    #f79533,
    #f37055,
    #ef4e7b,
    #a166ab,
    #5073b8,
    #1098ad,
    #07b39b,
    #6fba82
  );
  -webkit-animation: 3s infinite alternate gradientAnim;
  animation: 3s infinite alternate gradientAnim;
  background-size: 300% 300%;
}
@-webkit-keyframes gradientAnim {
  0%,
  to {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
@keyframes gradientAnim {
  0%,
  to {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
@media screen and (max-width: 767px) {
  .mmm-tools-bg-b2-box-layout-two .mmm-tools-bg-b2-layout-img .mmm-tools-bg-b2-li-photo img {
    max-height: 140px;
  }
}
@media screen and (max-width: 660px) {
  .mmm-tools-bg-b2-box-name {
    font-size: 20px;
    margin: 8px 0 12px;
  }
  .mmm-tools-bg-b2-box-layout-two .mmm-tools-bg-b2-layout-content {
    margin-left: 0;
    padding: 16px 8px;
    box-shadow: none;
  }
  .mmm-tools-bg-b2-box-layout-two .mmm-tools-bg-b2-layout-content,
  .mmm-tools-bg-b2-box-layout-two .mmm-tools-bg-b2-layout-img {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .mmm-tools-bg-b2-box-layout-two .mmm-tools-bg-b2-layout-img .mmm-tools-bg-b2-li-ratebadge {
    margin-top: 0;
    margin-bottom: 16px;
  }
}

/* Set Feature List Icon Size */
.my-icon-wrapper svg:not(:root) {
    width: 15px;
}


/*--------------------------------------------*/
/* Versus Box CSS
/*--------------------------------------------*/
.mmm-tools-versus-box-1-btn {
  text-decoration: none;
}
.mmm-tools-versus-box-1-btn,
a {
  transition: none !important;
}

[class*='mmm-tools-versus-box-1-'] [data-ez-name] {
  display: none !important;
}
.mmm-tools-versus-box-1-box-name {
  font-weight: 700;
  line-height: inherit;
  text-align: center;
  margin: 8px 0 20px;
}
.mmm-tools-versus-box-1-btn {
  font-weight: 600;
  min-width: 100px;
  text-align: center;
  color: #fff !important;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.27);
  border-radius: 4px;
  padding: 9px 18px;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  margin: 5px 4px;
  background-color: var(--mmm-tools-versus-box-1-theme-color);
  border: 0;
  white-space: normal !important;
  cursor: pointer;
  line-height: normal;
  position: relative;
}
.mmm-tools-versus-box-1-btn[data-extra='arrow'] {
  white-space: nowrap;
}
.mmm-tools-versus-box-1-btn[data-extra='arrow']:after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg height='90' width='90' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 90'%3E%3Cpath fill='%23fff' d='M45,0C20.2,0,0,20.2,0,45s20.2,45,45,45c24.8,0,45-20.2,45-45C90,20.2,69.8,0,45,0z M45,83.8C23.5,83.8,6.2,66.5,6.2,45 S23.5,6.2,45,6.2c21.4,0,38.8,17.4,38.8,38.8C83.8,66.5,66.5,83.8,45,83.8z'/%3E%3Cpath fill='%23fff' d='M33,74c-0.9,0-1.8-0.4-2.5-1s-1-1.5-1-2.5c0-0.9,0.4-1.8,1-2.5l23-23l-23-23c-1.4-1.4-1.3-3.6,0.1-5c1.4-1.3,3.5-1.3,4.9,0 l0,0L61,42.5c1.4,1.4,1.4,3.6,0,4.9L35.5,72.9C34.9,73.6,34,74,33,74z'/%3E%3C/svg%3E");
  height: 16px;
  width: 16px;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}
.mmm-tools-versus-box-1-btn[data-style='mmm-tools-versus-box-1-btn-1'] {
  background-color: var(--mmm-tools-versus-box-1-theme-color);
  border-bottom: 4px solid var(--mmm-tools-versus-box-1-theme-color);
  text-decoration: none !important;
  transition: none !important;
  letter-spacing: 0.4px;
  position: relative;
}
.mmm-tools-versus-box-1-btn[data-style='mmm-tools-versus-box-1-btn-1']:hover {
  box-shadow: rgba(3, 3, 3, 0.4) 0 8px 12px 0;
}
.mmm-tools-versus-box-1-btn[data-style='mmm-tools-versus-box-1-btn-1']:before {
  content: '';
  height: 4px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 0 0 4px 4px;
}
.mmm-tools-versus-box-1-btn[data-style='mmm-tools-versus-box-1-btn-2'],
.mmm-tools-versus-box-1-btn[data-style='mmm-tools-versus-box-1-btn-3']:hover,
.mmm-tools-versus-box-1-btn[data-style='mmm-tools-versus-box-1-btn-4'] {
  background-color: transparent;
  color: var(--mmm-tools-versus-box-1-theme-color) !important;
}
.mmm-tools-versus-box-1-btn[data-style='mmm-tools-versus-box-1-btn-2'] {
  border-color: var(--mmm-tools-versus-box-1-theme-color);
  background-image: linear-gradient(
    45deg,
    var(--mmm-tools-versus-box-1-theme-color) 50%,
    transparent 50%
  );
  background-position: 100%;
  background-size: 400%;
  border-width: 2px;
  border-style: solid;
  box-shadow: none;
}
.mmm-tools-versus-box-1-btn[data-style='mmm-tools-versus-box-1-btn-3'],
.mmm-tools-versus-box-1-btn[data-style='mmm-tools-versus-box-1-btn-4'] {
  border: 2px solid var(--mmm-tools-versus-box-1-theme-color);
  box-shadow: none;
}
.mmm-tools-versus-box-1-btn[data-style='mmm-tools-versus-box-1-btn-2']:hover {
  background-position: 0;
  opacity: 1;
}
.mmm-tools-versus-box-1-btn[data-style='mmm-tools-versus-box-1-btn-3']:hover {
  opacity: 1;
  box-shadow: 0 0 10px 0 var(--mmm-tools-versus-box-1-theme-color) inset,
  0 0 10px 4px var(--mmm-tools-versus-box-1-theme-color);
}
.mmm-tools-versus-box-1-btn[data-style='mmm-tools-versus-box-1-btn-4'] {
  overflow: hidden;
  position: relative;
}
.mmm-tools-versus-box-1-btn:hover,
.mmm-tools-versus-box-1-btn:not([data-style='mmm-tools-versus-box-1-btn-2']):not([data-style='mmm-tools-versus-box-1-btn-3']):active,
.mmm-tools-versus-box-1-btn:not([data-style='mmm-tools-versus-box-1-btn-2']):not([data-style='mmm-tools-versus-box-1-btn-3']):focus {
  color: #fff !important;
}
.mmm-tools-versus-box-1-btn[data-style='mmm-tools-versus-box-1-btn-4']:hover {
  opacity: 1;
  background-color: var(--mmm-tools-versus-box-1-theme-color);
}
.mmm-tools-versus-box-1-btn[data-style='mmm-tools-versus-box-1-btn-4']:before {
  content: '';
  background-color: rgba(255, 255, 255, 0.5);
  height: 100%;
  width: 3em;
  display: block;
  position: absolute;
  top: 0;
  left: -4.5em;
  -webkit-transform: skewX(-45deg) translateX(0);
  transform: skewX(-45deg) translateX(0);
  -webkit-transition: none;
  transition: none;
}
.mmm-tools-versus-box-1-btn[data-style='mmm-tools-versus-box-1-btn-4']:hover:before {
  -webkit-transform: skewX(-45deg) translateX(22em);
  transform: skewX(-45deg) translateX(22em);
  -webkit-transition: none !important;
  transition: none !important;
}
.mmm-tools-versus-box-1-btn:hover {
  opacity: 0.85;
  text-decoration: none !important;
}
.mmm-tools-versus-box-1-rate {
  position: relative;
  font-size: 20px;
  color: #0d3153;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  display: inline-block;
  padding: 0 18px;
  min-width: 100px;
}
.mmm-tools-versus-box-1-rate > span {
  font-size: 12px;
  display: block;
  line-height: 16px;
}
.mmm-tools-versus-box-1-rate:after,
.mmm-tools-versus-box-1-rate:before {
  content: '';
  position: absolute;
  left: 0;
  height: 32px;
  width: 16px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='prefix__Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' viewBox='-457 234 45 93' xml:space='preserve' enable-background='new -457 234 45 93'%3E%3Cstyle%3E.prefix__st0%7Bfill:%230d3153%7D%3C/style%3E%3Cpath class='prefix__st0' d='M-434.9 247c-2.7 4.3-4.5 5.3-6.2 4.6-1.6-.7-2.3-3.1.8-8.1 3.1-5.1 11-8.3 10.9-8.2-.2.1-3 7.5-5.5 11.7zM-438.8 264.6c-3 2.3-6.8 1.4-6.8 1.4-.1 0 1.1-7.2 4.8-9.3 3.5-2.1 8.5-.1 8.4-.1-.1-.1-3.5 5.6-6.4 8z'/%3E%3Cpath class='prefix__st0' d='M-451.1 262.1c1.9 4 5.9 3.9 5.9 3.9-.1-.1 1.3-6.8.2-10.9a13 13 0 0 0-5.8-6.7c-.1.1-2.4 9.7-.3 13.7zM-439.2 279.5c-2.1 3.1-6 3.4-6 3.4-.1.1-1.2-7.1 1.6-10.1 2.6-3 8-2.6 7.9-2.7-.2 0-1.6 6.2-3.5 9.4z'/%3E%3Cdefs%3E%3Cpath id='prefix__SVGID_1_' d='M-455.9 267.3H-443.6V283.3H-455.9z'/%3E%3C/defs%3E%3CclipPath id='prefix__SVGID_2_'%3E%3Cuse xlink:href='%23prefix__SVGID_1_' overflow='visible'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23prefix__SVGID_2_)'%3E%3Cpath class='prefix__st0' d='M-451.7 281c3 3.2 6.8 1.8 6.8 1.8-.1 0-.9-6.8-3.2-10.2a12.9 12.9 0 0 0-7.6-4.3c-.2.1.8 9.6 4 12.7z'/%3E%3C/g%3E%3Cpath class='prefix__st0' d='M-435.2 293.7a8.6 8.6 0 0 1-4.7 5.1c-.1.1-3.3-6.4-1.6-10.1 1.6-3.7 6.7-5 6.7-5s.6 6.3-.4 10z'/%3E%3Cpath class='prefix__st0' d='M-446.5 299c3.8 2.1 7-.4 7-.4-.1 0-2.9-6.2-6.1-8.6-3.4-2.4-8.5-1.7-8.5-1.7-.2 0 3.6 8.7 7.6 10.7zM-427 306a8.5 8.5 0 0 1-2.8 6.3c-.1.1-5.1-5.1-4.6-9.2.4-4 4.9-6.9 4.9-6.9-.2.1 2.3 6 2.5 9.8z'/%3E%3Cpath class='prefix__st0' d='M-436.1 314.6c4.3.8 6.5-2.6 6.5-2.5-.1 0-4.7-5-8.5-6.4-3.9-1.3-8.6 1-8.6 1-.1.1 6.2 7.2 10.6 7.9zM-415.2 315.2c1.4 3.6-.6 6.9-.6 6.9 0 .1-6.7-3.3-7.5-7.3-.9-3.9 2.5-8.1 2.5-8.1-.1 0 4.1 4.9 5.6 8.5z'/%3E%3Cpath fill='none' d='M-434.3 318H-414.3V326.5H-434.3z'/%3E%3Cpath class='prefix__st0' d='M-421.1 326.3c4.4-.6 5.5-4.5 5.5-4.5-.1.1-6.2-3.3-10.3-3.4-4.2 0-7.9 3.6-7.9 3.7-.2.1 8.1 4.9 12.7 4.2z'/%3E%3Cpath class='prefix__st0' d='m-415.2 320.8 3.2 1v1.6l-3.7-1-1.8-.6-1.8-.7-.4-.2-.4-.2-.8-.5-1.6-1a55.2 55.2 0 0 1-6-4.5l-1.4-1.3-1.4-1.3-2.6-2.8c-1.7-1.9-3.2-4-4.5-6.1l-1.9-3.3-.9-1.7-.8-1.7a60.3 60.3 0 0 1-4.2-14.5 47.7 47.7 0 0 1 0-15.2 51 51 0 0 1 12.6-26.7 54.2 54.2 0 0 0-10.6 27.1c-.3 2.4-.3 4.8-.3 7.3a58.5 58.5 0 0 0 4.8 21.1c4 8.8 10.3 16.5 18.3 22.1l1.5 1 .8.5.4.2.4.2 1.6.8 1.5.4z'/%3E%3C/svg%3E");
}
.mmm-tools-versus-box-1-rate:after {
  left: auto;
  right: 0;
  top: 0;
  transform: rotateY(180deg);
}
.product-box-button {
  will-change: transform;
  transform: translateZ(0);
}
.mmm-tools-versus-box-1-cb-content ul li:not(:last-child) {
  margin-bottom: 10px;
}
.mmm-tools-versus-box-1-text-content .mmm-tools-versus-box-1-text ul,
.product-box-content .mmm-tools-versus-box-1-text ul {
  margin: 0 0 10px;
  padding: 0;
  list-style: none;
}
.mmm-tools-versus-box-1-text-content .mmm-tools-versus-box-1-text ul li,
.product-box-content .mmm-tools-versus-box-1-text ul li {
  display: block;
  padding: 1px 0 1px 21px;
  margin: 0;
  position: relative;
  color: inherit;
  text-align: left;
}
.mmm-tools-versus-box-1-text-content .mmm-tools-versus-box-1-text ul li:before,
.product-box-content .mmm-tools-versus-box-1-text ul li:before {
  content: '\2713';
  background-color: var(--mmm-tools-versus-box-1-theme-color);
  position: relative;
  left: -9px;
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
  margin-left: -14px;
  font-weight: 700;
  font-size: 10px;
  color: #fff;
  border-radius: 100%;
  text-align: center;
  line-height: 14px;
  top: -1px;
}
.mmm-tools-versus-box-1-versus-box-two {
  padding-top: 80px;
}
.mmm-tools-versus-box-1-versus-box-two .mmm-tools-versus-box-1-cb-row {
  justify-content: space-between;
}
.mmm-tools-versus-box-1-versus-box-two
.mmm-tools-versus-box-1-cb-row
.mmm-tools-versus-box-1-cb-items:first-child:after {
  content: '';
  position: absolute;
  right: -32px;
  left: auto;
  border-radius: 4px;
  width: 4px;
  height: 100%;
  background-color: var(--mmm-tools-versus-box-1-theme-color);
}
.mmm-tools-versus-box-1-versus-box-two
.mmm-tools-versus-box-1-cb-row
.mmm-tools-versus-box-1-cb-items {
  overflow: visible;
  position: relative;
}
.mmm-tools-versus-box-1-versus-box-two
.mmm-tools-versus-box-1-cb-row
.mmm-tools-versus-box-1-cb-items
.mmm-tools-versus-box-1-cb-top-pick {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 20px;
}
.mmm-tools-versus-box-1-versus-box-two
.mmm-tools-versus-box-1-cb-row
.mmm-tools-versus-box-1-cb-items
.mmm-tools-versus-box-1-cb-top-pick
span {
  font-size: 16px;
  display: inline-flex;
  padding: 8px 20px;
  line-height: 18px;
  color: var(--mmm-tools-versus-box-1-versus-box);
  position: relative;
  font-weight: 700;
}
.mmm-tools-versus-box-1-versus-box-two
.mmm-tools-versus-box-1-cb-row
.mmm-tools-versus-box-1-cb-items
.mmm-tools-versus-box-1-cb-top-pick
span:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--mmm-tools-versus-box-1-versus-box);
  opacity: 0.14;
  border-radius: 4px;
}
.mmm-tools-versus-box-1-versus-box-two
.mmm-tools-versus-box-1-cb-row
.mmm-tools-versus-box-1-cb-items
.mmm-tools-versus-box-1-cb-title {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.mmm-tools-versus-box-1-versus-box-two
.mmm-tools-versus-box-1-cb-row
.mmm-tools-versus-box-1-cb-items
.mmm-tools-versus-box-1-cb-title:before {
  content: '';
  position: absolute;
  top: -5px;
  width: 40px;
  height: 1px;
  background-color: var(--mmm-tools-versus-box-1-versus-box);
}
.mmm-tools-versus-box-1-versus-box-two
.mmm-tools-versus-box-1-cb-row
.mmm-tools-versus-box-1-cb-items
.mmm-tools-versus-box-1-cb-content
ul
li:before {
  background-color: var(--mmm-tools-versus-box-1-versus-box);
}
.mmm-tools-versus-box-1-versus-box-two
.mmm-tools-versus-box-1-cb-row
.mmm-tools-versus-box-1-cb-items
.mmm-tools-versus-box-1-versus-icon {
  position: absolute;
  max-width: 160px;
  right: calc(0px - 80px - 30px);
  top: -60px;
  z-index: 1;
}
.mmm-tools-versus-box-1-versus-box-two
.mmm-tools-versus-box-1-cb-row
.mmm-tools-versus-box-1-cb-items
.mmm-tools-versus-box-1-versus-icon
svg {
  height: 100%;
  width: 100%;
  display: block;
}
.mmm-tools-versus-box-1-cb-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: stretch;
  box-sizing: border-box;
  width: 100%;
}
.mmm-tools-versus-box-1-cb-row .mmm-tools-versus-box-1-cb-items {
  max-width: calc(33% - 14px);
  flex: 0 0 calc(33% - 14px);
  background-color: #fff;
  box-shadow: 0 3px 12px 0 rgba(79, 79, 79, 0.12);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-sizing: border-box;
}
.mmm-tools-versus-box-1-cb-check-img,
.mmm-tools-versus-box-1-cb-row .mmm-tools-versus-box-1-cb-img {
  align-items: center;
  overflow: hidden;
  box-sizing: border-box;
}
@media screen and (min-width: 661px) {
  .mmm-tools-versus-box-1-versus-box-two
  .mmm-tools-versus-box-1-cb-row
  .mmm-tools-versus-box-1-cb-items {
    max-width: calc(50% - 30px);
    flex: 0 0 calc(50% - 30px);
  }
  .mmm-tools-versus-box-1-cb-row .mmm-tools-versus-box-1-cb-items:nth-child(n + 2) {
    margin-left: 21px;
  }
}
.mmm-tools-versus-box-1-cb-row .mmm-tools-versus-box-1-cb-items .mmm-tools-versus-box-1-cb-btn {
  margin-top: auto;
}
.mmm-tools-versus-box-1-cb-row .mmm-tools-versus-box-1-cb-img {
  height: 164px;
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
  background-color: transparent;
  text-decoration: none;
  border: none;
}
.mmm-tools-versus-box-1-cb-row .mmm-tools-versus-box-1-aff-link.mmm-tools-versus-box-1-cb-img:focus,
.mmm-tools-versus-box-1-cb-row
.mmm-tools-versus-box-1-aff-link.mmm-tools-versus-box-1-cb-img:hover {
  background-color: transparent;
  text-decoration: none;
  border: none;
  outline: 0;
}
.mmm-tools-versus-box-1-cb-row .mmm-tools-versus-box-1-cb-img img {
  max-width: 115px;
  max-height: 115px;
  display: block;
  transition: none !important;
  transform-origin: center center;
  margin: 0;
  width: auto;
  height: auto;
}
.mmm-tools-versus-box-1-cb-row
.mmm-tools-versus-box-1-cb-items:hover
.mmm-tools-versus-box-1-cb-img
img {
  transform: scale(1.2);
}
.mmm-tools-versus-box-1-cb-title {
  font-size: 16px;
  color: #121212;
  margin-bottom: 16px;
  min-height: 36px;
  padding: 0 15px;
  font-weight: 700;
  text-align: center;
}
.mmm-tools-versus-box-1-cb-rate span,
.mmm-tools-versus-box-1-cb-rate:before {
  color: var(--mmm-tools-versus-box-1-theme-color);
}
.mmm-tools-versus-box-1-cb-rate {
  margin: 10px auto 40px;
  position: relative;
  width: 150px;
}
.mmm-tools-versus-box-1-cb-rate:after {
  content: '';
  height: 10px;
  width: 150px;
  background: linear-gradient(to right, #fff 0, var(--mmm-tools-versus-box-1-theme-color) 100%);
  background: -webkit-linear-gradient(0deg, #fff 0, var(--mmm-tools-versus-box-1-theme-color) 100%);
  border-radius: 2px;
  position: relative;
  display: block;
  margin: 0 auto;
  z-index: 0;
  opacity: 0.7;
}
.mmm-tools-versus-box-1-cb-rate:before {
  content: '\2605';
  position: absolute;
  left: calc(var(--mmm-tools-versus-box-1-rbl-rate-p) - 8px);
  width: 150px;
  font-size: 24px;
  top: 0;
  z-index: 1;
}
.mmm-tools-versus-box-1-cb-rate span {
  display: block;
  position: relative;
  bottom: -30px;
  text-align: center;
  font-size: 14px;
  line-height: 14px;
}
.mmm-tools-versus-box-1-cb-check-img {
  height: 35px;
  margin-bottom: 20px;
  text-align: center;
  display: flex;
  justify-content: center;
  padding: 0 15px;
}
.mmm-tools-versus-box-1-cb-check-img img {
  max-width: 100%;
  max-height: 28px;
}
.mmm-tools-versus-box-1-cb-btn {
  padding: 0 15px;
  text-align: center;
  box-sizing: border-box;
  overflow: hidden;
  margin: 0 0 15px;
}
.mmm-tools-versus-box-1-cb-btn a {
  margin: 5px;
  text-decoration: none;
  background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
  -webkit-animation: 3s infinite alternate gradientAnim;
  animation: 3s infinite alternate gradientAnim;
  background-size: 300% 300%;
}
@keyframes glower {
  0%,
  100% {
    background-position: 0 0;
  }
  50% {
    background-position: 400% 0;
  }
}
@-webkit-keyframes gradientAnim {
  0%,
  to {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
@keyframes gradientAnim {
  0%,
  to {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
.mmm-tools-versus-box-1-cb-content {
  padding: 0 15px;
  margin: 0 0 8px;
  overflow: hidden;
  text-align: center;
}
.mmm-tools-versus-box-1-cb-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  text-align: left;
}
.mmm-tools-versus-box-1-cb-content ul li:before {
  content: '\2713';
  position: relative;
  left: -5px;
  font-weight: 700;
  background-color: var(--mmm-tools-versus-box-1-theme-color);
  font-size: 10px;
  height: 14px;
  width: 14px;
  color: #fff;
  border-radius: 100%;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  line-height: 14px;
  margin-left: -14px;
  top: -1px;
}
.mmm-tools-versus-box-1-cb-content ul li {
  display: block;
  position: relative;
  padding-left: 20px;
  line-height: inherit;
  margin: 0;
  text-align: left;
}
@media screen and (max-width: 860px) {
  .mmm-tools-versus-box-1-versus-box-two {
    padding-top: 45px;
  }
  .mmm-tools-versus-box-1-versus-box-two
  .mmm-tools-versus-box-1-cb-row
  .mmm-tools-versus-box-1-cb-items
  .mmm-tools-versus-box-1-versus-icon {
    top: -30px;
    max-width: 120px;
    right: calc(0px - 60px - 30px);
  }
  .mmm-tools-versus-box-1-versus-box-two
  .mmm-tools-versus-box-1-cb-row
  .mmm-tools-versus-box-1-cb-items:first-child:after {
    height: calc(100% - 35px);
    top: 35px;
  }
}
@media screen and (max-width: 660px) {
  .mmm-tools-versus-box-1-versus-box-two {
    padding-top: 0;
    margin: 20px 0;
  }
  .mmm-tools-versus-box-1-versus-box-two
  .mmm-tools-versus-box-1-cb-row
  .mmm-tools-versus-box-1-cb-items {
    margin-bottom: 0;
  }
  .mmm-tools-versus-box-1-versus-box-two
  .mmm-tools-versus-box-1-cb-row
  .mmm-tools-versus-box-1-cb-items:first-child {
    margin-bottom: 52px;
  }
  .mmm-tools-versus-box-1-versus-box-two
  .mmm-tools-versus-box-1-cb-row
  .mmm-tools-versus-box-1-cb-items
  .mmm-tools-versus-box-1-versus-icon {
    top: inherit;
    max-width: 90px;
    bottom: -52px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .mmm-tools-versus-box-1-versus-box-two
  .mmm-tools-versus-box-1-cb-row
  .mmm-tools-versus-box-1-cb-items:first-child:after {
    display: none;
  }
  .mmm-tools-versus-box-1-box-name {
    font-size: 20px;
    margin: 8px 0 12px;
  }
  .mmm-tools-versus-box-1-cb-row .mmm-tools-versus-box-1-cb-items {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 25px;
  }
}

/*--------------------------------------------*/
/* BB Comparison Table CSS
/*--------------------------------------------*/

table[class*=bb-table-] thead th {
  padding: 8px;
  position: relative;
  background-color: #2f3640;
  color: #fff;
  text-align: center;
  font-weight: 700;
  vertical-align: middle;
  font-size: 14px;
  border: none;
}
.bb-table-one {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}
.bb-black {
  background: #27ae60;
}
.bb-table-one th, .bb-table-one td {
  padding: 12px;
  text-align: center;
  border-bottom: 1px solid #ddd;
}
.bb-table-one tbody tr td {
  border-bottom: 1px solid #f4f4f4;
  border-left: 1px solid #f4f4f4;
}
.bb-tbl-img img {
  max-width: 100%; /* Adjusted to 100% */
  width: 40%; /* Ensuring it maintains aspect ratio */
  height: auto;
}
.bb-table-title {
  text-align: center;
  color: #303030;
  font-size: 20px;
  font-weight: 600;
  display: block;
  margin: 4px 5px 5px;
  word-break: break-word;
  text-decoration: none;
}
.bb-tbl-ul ul li {
  display: block;
  margin: 4px 0;
  position: relative;
  padding-left: 20px;
  list-style: none;
  text-align: center;
}
.bb-tbl-ul ul li:before {
  content: "\2714";
  color: #303030;
  font-size: 14px;
  vertical-align: middle;
  margin-left: -14px;
}
.bb-btn {
  font-weight: 600;
  min-width: 100px;
  text-align: center;
  color: #fff !important;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .27);
  border-radius: 4px;
  padding: 9px 18px;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  margin: 5px 4px;
  background-color: var(--cg-theme-color);
  border: 0;
  white-space: normal !important;
  cursor: pointer;
  line-height: normal;
  position: relative;
  text-decoration: none;
}
.bb-btn-gr-active {
  background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
  -webkit-animation: 3s infinite alternate gradientAnim;
  animation: 3s infinite alternate gradientAnim;
  background-size: 300% 300%;
}
.bb-aff-link {
  font-size: 15px;
  color: #000;
  font-weight: 600;
  text-decoration: none;
}

/* Set width of each column */
@media screen and (min-width: 767px) {
  .bb-table-one tbody tr td {
    width: 25%;  
  }
}
@media screen and (max-width: 767px) {
  .bb-table-one tbody tr,
  .bb-table-one tbody tr td {
    display: block;
    width: 95%;
  }

  .bb-table-one tbody tr {
    border: 1px solid #ddd; /* Add border to <tr> elements */
    margin: 20px auto; /* Add margin between <tr> elements */
    padding-block: 20px;
  }

  .bb-table-one tbody tr td {
    text-align: center;
    border-top: none;
    border-bottom: none;
  }

  .bb-table-one tbody tr td:last-child {
    text-align: center;
  }

  .bb-table-one th, .bb-table-one td {
    padding: 8px;
    font-size: 12px;
  }
  .bb-tbl-ul ul {
    margin: 0;
    padding: 0;
  }
  .bb-tbl-ul ul li {
    margin-bottom: 5px;
  }
  .bb-tbl-img img {
    max-width: 40%; /* Adjusted to 80% for smaller screens */
    display: block;
    margin: 0 auto; /* Center the image */
  }
}
/* Hide all table headers except for th_products on mobile devices */
@media screen and (max-width: 767px) {
  .table-nav th:not(.th_products) {
    display: none;
  }
}

/*--------------------------------------------*/
/* BB Note Box CSS
/*--------------------------------------------*/

.bb-note-wrapper {
    background: #FFEBD5;
    border: 1px solid #FF961A;
    border-radius: 5px;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
/*    outline: 2px dotted #FFEBD5;*/
}
.bb-note-inner {
    padding: 1em;
}
.bb-note-inner p {
    margin: 0px;
}