.b-example-divider {
    width: 100%;
    height: 3rem;
    background-color: rgba(0, 0, 0, .1);
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}
.icon-square-2 {
    width: 2rem;
    height: 2rem;
    border-radius: 0.75rem;
}
.icon-square-3 {
    width: 3rem;
    height: 3rem;
    border-radius: 0.75rem;
}
.masthead-followup-icon {
    padding: 1rem;
    color: rgba(var(--bg-rgb), 1);
    background-color: rgba(var(--bg-rgb), 0.1);
    background-blend-mode: multiple;
    border-radius: 1rem;
    mix-blend-mode: darken;
}
.bg-gradient-primary{
    background-image:linear-gradient(310deg,#b5f43f,#8dd800)
}
.bg-gradient-navbar{
    background-image:linear-gradient(310deg,#9fd637,#85cc00)
}
.bg-gradient-green {
    background-image:linear-gradient(0deg,rgba(248,249,250,0.15),#dcf0b7)    
}
.list-group {
  width: 100%;
  max-width: 460px;
  margin-inline: 1.5rem;
}
.form-check-input:checked + .form-checked-content {
  opacity: .5;
}
.form-check-input-placeholder {
  border-style: dashed;
}
[contenteditable]:focus {
  outline: 0;
}
.list-group-checkable .list-group-item {
  cursor: pointer;
}
.list-group-item-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}
.list-group-item-check:hover + .list-group-item {
  background-color: var(--bs-secondary-bg);
}
.list-group-item-check:checked + .list-group-item {
  color: #fff;
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.list-group-item-check[disabled] + .list-group-item,
.list-group-item-check:disabled + .list-group-item {
  pointer-events: none;
  filter: none;
  opacity: .5;
}
.list-group-radio .list-group-item {
  cursor: pointer;
  border-radius: .5rem;
}
.list-group-radio .form-check-input {
  z-index: 2;
  margin-top: -.5em;
}
.list-group-radio .list-group-item:hover,
.list-group-radio .list-group-item:focus {
  background-color: var(--bs-secondary-bg);
}
.list-group-radio .form-check-input:checked + .list-group-item {
  background-color: var(--bs-body);
  border-color: var(--bs-primary);
  box-shadow: 0 0 0 2px var(--bs-primary);
}
.list-group-radio .form-check-input[disabled] + .list-group-item,
.list-group-radio .form-check-input:disabled + .list-group-item {
  pointer-events: none;
  filter: none;
  opacity: .5;
}
.bi {
    vertical-align: -0.125em;
}
.custom-pe-2rem {
  padding-right: 2rem !important;
}
.custom-col-header {
    background-color:#e9ecef; 
    color:#6c6c6c;
}
.feature-icon {
    width: 3rem;
    height: 3rem;
    border-radius: 0.75rem;
}
.paymenttype {
    display: inline;
    margin-right: 4px;
}
.product-border-top {
  border-top: 4px solid #8dd800;
}
.product-border-bottom {
  border-bottom: 4px solid #8dd800;
}
.iosicon {
    border-radius: 0.5rem;
    color: #fff!important;
    background-color: RGBA(86,86,86,var(--bs-bg-opacity,1))!important;
    font-size: 0.75rem!important;
    font-weight: 700!important;
}
.functionicon {
    border-radius: 50%;
    background-color: #eafcc9!important;
    font-size: 0.75rem!important;
    font-weight: 700!important;    
    aspect-ratio: 1;
    display: grid;
    flex-shrink: 0;
    inline-size: 2.25rem;
    place-items: center;
}
.functionli {
    display: flex;
}
.function-border-left {
  border-left: 2px solid #8dd800;
}
.btn-green {
  --bs-btn-color: #fff;
  --bs-btn-bg: #9fd637;
  --bs-btn-border-color: #85cc00;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #85cc00;
  --bs-btn-hover-border-color: #85cc00;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #9fd637;
  --bs-btn-active-border-color: #85cc00;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.flex-shrink-custom-0 {
  flex-shrink: 0!important;
}
.bg-green {
  background-color: RGBA(188, 232, 106,var(--bs-bg-opacity,1))!important;
}
.bg-gray {
  background-color: RGBA(123, 123, 123,var(--bs-bg-opacity,1))!important;
}
.bg-lightgray {
  background-color: RGBA(236, 236, 236,var(--bs-bg-opacity,1))!important;
}
.bg-lightlightgray {
  background-color: RGBA(246, 246, 246,var(--bs-bg-opacity,1))!important;
}
.fill-green {
  fill: #73af03;
}
.fill-gray {
  fill: #565656;
}
.fill-yellow {
  fill: #ffc720;
}
.page-link-custom {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  font-weight: normal;
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  cursor: pointer;
  color: #8f8f8f;
}
@media (prefers-reduced-motion: reduce) {
  .page-link-custom {
    transition: none;
  }
}
.page-link-custom:hover {
  z-index: 2;
  color: #8f8f8f;
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}
.page-link-custom:focus {
  z-index: 3;
  color: #8f8f8f;
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow);
}
.page-link-custom.active, .active > .page-link-custom {
  z-index: 3;
  color: #6c6c6c;
  font-weight: bolder;
  background-color: RGBA(246, 246, 246,var(--bs-bg-opacity,1))!important;
  background-color: var(--bs-pagination-bg);
}
.page-item-custom:not(:first-child) .page-link-custom {
  margin-left: calc(var(--bs-border-width) * -1);
}
.page-item-custom:first-child .page-link-custom {
  border-top-left-radius: 0.5rem;
  cursor: pointer;
}
.page-item-custom:last-child .page-link-custom {
  border-top-right-radius: 0.5rem;
  cursor: pointer;
}
.link_pointer {
  cursor: pointer;
}
a.hover_underline {
  text-decoration: none;
}
a.hover_underline:hover {
  text-underline-offset: 0.25em;
  text-decoration: underline;
}
.rounded-5-left {
  border-top-left-radius: 3rem!important;
  border-bottom-left-radius: 3rem!important;
}
.rounded-5-right {
  border-top-right-radius: 3rem!important;
  border-bottom-right-radius: 3rem!important;
}
.rounded-6 {
  border-radius: 3rem!important;
}
.text-shadow-0 {
    text-shadow: 0px 0px 0px #ffffff;
}
.text-shadow-1 {
    text-shadow: 2px 1px 1px #bebebe;
}
.text-shadow-2 {
    text-shadow: 1px 1px 2px #666666;
}
.text-shadow-3 {
    text-shadow: 1px 1px 1px #888888;
}
.text-shadow-4 {
    text-shadow: 2px 1px 2px #bebebe;
}
.text-orange {
    --bs-text-opacity: 1;
    color:#e66700;
}
.price-symbol1 {
    position: relative;
    font-size:11px;
    top:.2em;
}
.price-symbol2 {
    position: relative;
    font-size:18px;
    top:-.4em;
}
.price-symbol3 {
    position: relative;
    font-size:16px;
    top:.0em;
}
.price-symbol4 {
    position: relative;
    font-size:18px;
}
.singleline {
    white-space: nowrap;
}
.meilisearch-autocomplete {
    width:100%;
}
.fs-7 {
    font-size: 0.8rem !important;
}
.mx-new-1 {
    margin-right: .25rem !important;
    margin-left: .2rem !important;
}
.product-top-windows {
    background-image: url('../images/windows.svg');
    background-repeat: no-repeat;
    background-position: 98% 50%;
}
.product-top-mac {
    background-image: url('../images/apple.svg');
    background-repeat: no-repeat;
    background-position: 98% 50%;
}
.kowOcT {
    display: flex;
    flex: 1 1 100%;
    flex-wrap: wrap;
    max-width: 100%;
}
.bZNSVu {
    display: flex;
    order: 1;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    flex-direction: column-reverse;
    margin-bottom: 0px;
}
@media screen and (min-width: 768px) {
    .bZNSVu {
        width: auto;
        position: sticky;
        top: 0px;
        max-height: var(--sticky-pane-height);
        flex-direction: row;
        margin-right: 0px;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
}
.dsxbXg {
    display: flex;
    flex-direction: column;
    order: 2;
    flex: 1 1 0px;
    -webkit-box-flex: 1;
    min-width: 0px;
}
.fFSoPl {
    --pane-min-width: 289px;
    --pane-max-width-diff: 800px;
    --pane-max-width: calc(100vw - var(--pane-max-width-diff));
    width: 100%;
    padding: 0px;
}
@media screen and (min-width: 768px) {
    .fFSoPl {
        width: clamp(var(--pane-min-width), 289px, var(--pane-max-width));
        overflow: auto;
    }
}
.rcorner {    
    width: 85px;
    height: 88px;
    padding: 0 30px;
    overflow: hidden;
    top: -3px;
    right: -3px;
    position: absolute;
    .tag {
        text-align: center;
        text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
        position: absolute;
        top: 20px;
        right: -26px;
        width: 123px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
        box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    }
}