/* GENERAL */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400&display=swap');


:root {
    --bs-light-gray: #f3f3f3;
    --bs-green: #00e599;
    --bs-dark-green: #00c182;
    --bs-light-green: #ebfff8;
    --bs-blue: #424d83;
    --bs-dark-blue: #232a48;
    --bs-purple: #7f87ba;
    --bs-dark-purple: #495187;
    --bs-gradient-green: #00d28d 0%, #00e599 100%;
    --bs-gradient-blue: #424d83 0%, #232a48 100%;
    --bs-gradient-purple-green: #7f87ba 0%, #00e599 100%;
    --bs-gradient-light-gray: #eaeaea 0%, #fff 100%;
    --bs-gray: #7d7d7d;
    --bs-border-gray: rgba(0,0,0,.09);
    --bs-border-gray2: rgba(0,0,0,.2);
    --bs-border-light: rgba(255,255,255, .09);
    --bs-green-75: rgba(0, 229, 153, 0.75);
    --bs-green-60: rgba(0, 229, 153, 0.6);
    --bs-green-50: rgba(0, 229, 153, 0.5);
    --bs-green-25: rgba(0, 229, 153, 0.25);
}
html, body {
    background: var(--bs-light-gray);
}
body {
    font-family: 'Poppins',-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    letter-spacing:.1px;
}
.form-control:focus,
.form-select:focus {
    box-shadow: none !important;
    border-color: var(--bs-dark-green);
}
.form-control:focus::placeholder {
    opacity: 0.2;
}

.bg-light {
    background-color: #fff !important;
}
.bg-light-gray {
    background-color: var(--bs-light-gray) !important;
}
.bg-dark, .bg-blue {
    background-color: var(--bs-blue) !important;
}
.bg-gradient-blue {
    /*background: linear-gradient(-135deg, var(--bs-gradient-blue));*/
    background-color: #575b96;
    /*background-image: linear-gradient(253deg, #575b96 0%, #232a48 100%);*/
    background-image: linear-gradient(253deg, rgba(87, 91, 150, 1) 0%, rgba(35, 42, 72, 1) 100%);
}   
.bg-green {
    background-color: var(--bs-green) !important;
}
.bg-green-50 {
    background-color: var(--bs-green-50) !important;
}
.bg-green-25 {
    background-color: var(--bs-green-25) !important;
}
.bg-dark-green {
    background-color: var(--bs-dark-green) !important;
}
.bg-purple {
    background-color: var(--bs-purple) !important;
}

.text-dark, .text-blue, .text-blue th, .text-blue td {
    color: var(--bs-blue) !important;
}
.text-green {
    color: var(--bs-green) !important;
}
.text-dark-green {
    color: var(--bs-dark-green) !important;
}
.text-gray {
    color: var(--bs-gray) !important;
}
.text-purple {
    color: var(--bs-purple) !important;
}
.text-dark-purple {
    color: var(--bs-purple) !important;
}

.highlight {
    background: linear-gradient(to right, var(--bs-gradient-purple-green)) !important;
    padding: 2px !important;
    border: 0;
}
.navbar-shadow {
  box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.15);
}

.gs-1 {filter: grayscale(1);}
.gsh-1 {filter: grayscale(1);}
.gsh-1:hover {filter: grayscale(0);}

a, button, a img, .bs, .ts, .ease, 
.tab-clickable, .tab-clickable span, .gsh-1,
.hero-section .bubbles {
    -webkit-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}
.mega-content .tab-content {
    -webkit-transition: all 2s ease-in 0s;
    transition: all 2s ease-in 0s;
}
a, a:hover {text-decoration:none;}

a {
    color: var(--bs-blue);
}
a:hover {
    color: var(--bs-green);
}
a.link-green {
    color: var(--bs-green);
}
a.link-green:hover {
    color: var(--bs-dark-green);
}
a.link-dark-green {
    color: var(--bs-dark-green);
}
a.link-dark-green:hover {
    color: var(--bs-blue);
}
a.link-purple {
    color: var(--bs-purple);
}
a.link-purple:hover {
    color: var(--bs-dark-green);
}
a.link-gray {
    color: var(--bs-gray);
}
a.link-gray:hover {
    color: var(--bs-dark-green);
}

/* HEADER */
.logo {
    width: 7em;
    height: 3.75em;
}

.sticky-top,
.sticky-top .logo  {
    transition: all 0.25s ease-in;
}

.stuck .navbar.sticky-top {
    padding-top: .6rem;
    padding-bottom: .6rem;
}

.stuck .navbar.sticky-top .logo {
    width: 4em;
    height: 1.7em;
}

.stuck .navbar-nav .nav-link {
    font-size: .9em;
}


body.category .navbar.sticky-top,
body.static .navbar.sticky-top {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
body.category .navbar.sticky-top .logo,
body.static .navbar.sticky-top .logo {
    width: 4em;
    height: 1.7em;
    transform: scale(1.2) translateX(10px);
}
body.category .navbar-nav .nav-link,
body.static .navbar-nav .nav-link {
    font-size: .9em;
}


.navbar-search-form {
    display: none;
}
.stuck .navbar-search-form {
    display: flex;
}
body.category .navbar-search-form,
body.static .navbar-search-form {
    display: flex;
}
.navbar-search-form .input-group {
    background: rgba(255,255,255,1);
    padding: 3px;
    border-radius: 3rem;
    border: 1px solid #ddd;
} 

.navbar-search-form .btn, 
.navbar-search-form .form-control {
    border-radius: 3rem;
    border-color: transparent !important;
    padding: 0 10px;
}
.navbar-search-form .btn {
    border-top-left-radius: 3rem !important;
    border-bottom-left-radius: 3rem !important;
}
.navbar-search-form .btn .material-icons-round {
    top: 0;
}

@media (max-width: 575.98px) { 
    .navbar-dark .navbar-brand {
        order: 1;
    }
    .navbar-category-dropdown {
        order: 2;
    }
    .navbar-dark .navbar-toggler {
        order: 3;
    }
    .navbar-search-form {
        order: 4;
    }
    .navbar-collapse {
        order: 5;
    }
    .navbar-category-dropdown .dropdown-toggle {
      font-size: 0.9rem !important;
    }
}

/* HERO SEARCH */
.hero-search-form {
    max-width: 70%;
    margin: auto;
}
.hero-search-form .input-group {
    background: rgba(255,255,255,1);
    padding: 15px;
    border-radius: 3rem;
}
.input-group-lg > .btn, 
.input-group-lg > .form-control, 
.input-group-lg > .form-select, 
.input-group-lg > .input-group-text {
    border-radius: 3rem;
}
.hero-search-form .input-group .form-control,
.hero-search-form .input-group .input-group-text {
    border-color: transparent !important;
}

.hero-search-form .input-group .btn {
    border-top-left-radius: 3rem !important;
    border-bottom-left-radius: 3rem !important;
}
.hero-search-form .input-group .btn .material-icons-round {
    top: 0;
}


.hero-counter {
    color: var(--bs-green);
}

.hero-search .badge {
    background: var(--bs-purple);
    color: #fff;
    font-weight: 500;
    font-size: .8em;
}
.hero-search .badge:hover {
    background: var(--bs-green);
    color: var(--bs-blue);
}
.hero-img {
    max-width: 330px;
    position: relative;
    right: -115px;
}

.hero-search-title {
    font-size: 4rem;
    font-weight: 800;
}
.hero-search-subtitle {
    font-size: 2.5rem;
    font-weight: 400;
}
/* FOOTER */
footer,
footer a {
    color: rgba(255,255,255,0.6);
    font-weight: 300;
}
footer a:hover {
    color: var(--bs-green);
}
.footer-col-title,
.footer-col-title a {
    color: var(--bs-green);
    font-weight: 500;
}
.footer-col-title a:hover {
    color: var(--bs-purple);
    font-weight: 500;
}
.footer-bottom {
    border-top: 1px solid var(--bs-border-light);
}
.footer-logo {
    max-width: 150px;
    opacity: 0.9;
}
.footer-author-logo img {
    max-width: 5rem;
    filter: grayscale(1) opacity(.5);
}
.footer-author-logo:hover img {
    max-width: 80px;
    filter: grayscale(0) opacity(1);
}
.footer-columns > [class*='col-'] {
    padding-left: 3rem;
}


@media (max-width: 575.98px) { 
    .footer-columns {
        margin-bottom: 4rem;
        border-bottom: 1px solid var(--bs-border-light);
    }
    .footer-columns > [class*='col-'] {
        padding-left: 0;
    }
    .footer-columns .footer-col-title {
        border-top: 1px solid var(--bs-border-light);
        padding: 10px;
        margin: 0 !important;
    }
    .footer-columns .footer-col-title:after {
        content: '+';
        float: right;
        font-weight: 300;
        font-size: 1.1em;
    }
    .footer-columns .footer-col-title.show:after {
        content: '-';
    }
    .footer-columns .footer-links {
        margin: 10px 10px 20px !important;
        display: none;
    }
    .footer-columns .footer-links li {
        margin-bottom: 0.3rem;
    }
}


/* rounded */
.rd {
    border-radius: 3rem;
}
.rd-1 {
    border-radius: 0.25rem;
}
.rd-2 {
    border-radius: 0.5rem;
}

.rd-s {
    border-top-left-radius: 3rem !important;
    border-bottom-left-radius: 3rem !important;
}
.rd-e {
    border-top-right-radius: 3rem !important;
    border-bottom-right-radius: 3rem !important;
}

/* BUTTONS */
.navbar-category-dropdown {
    background: var(--bs-light-gray);
    padding: .3rem 1.5rem .25rem 1rem;
    border-radius: 2rem;
    color: var(--bs-blue);
    height: 33.6px;
}
.navbar-category-dropdown .dropdown-toggle {
    color: var(--bs-blue);
    font-size: 1rem;
    font-weight: 500;
}
.navbar-category-dropdown .dropdown-toggle:after {
    display: none;
}


.navbar .btn-sm {
    padding: .3rem 1rem;
    border-radius: 1.5rem;
    height: 33.6px;
}
.navbar .btn-link {
    background: var(--bs-light-gray);
    font-weight: 500;
    color: var(--bs-blue);
}
.navbar .btn-link:hover {
    background: var(--bs-green);
    color: var(--bs-blue);
}
.btn-primary,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:active:focus {
    color: #fff;
    background: var(--bs-blue);
    border-color: var(--bs-blue);
    box-shadow: none;
}
.btn-primary:hover {
    color: var(--bs-blue);
    background: var(--bs-green);
    border-color: var(--bs-green);
}
.btn-primary:active:focus {
    color: var(--bs-blue);
    background: var(--bs-green);
    border-color: var(--bs-green);
}
.btn-secondary,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:active:focus {
    color: var(--bs-blue);
    background: var(--bs-green);
    border-color: var(--bs-green);
    box-shadow: none;
}
.btn-secondary:hover {
    color: var(--bs-blue);
    background: var(--bs-dark-green);
    border-color: var(--bs-dark-green);
}
.btn-tertiary,
.btn-tertiary:active,
.btn-tertiary:focus,
.btn-tertiary:active:focus {
    color: #fff;
    background: var(--bs-purple);
    border-color: var(--bs-purple);
    box-shadow: none;
}
.btn-tertiary:hover {
    color: var(--bs-blue);
    background: var(--bs-dark-green);
    border-color: var(--bs-dark-green);
}

.btn-white,
.btn-white:active,
.btn-white:focus,
.btn-white:active:focus {
    color: var(--bs-green);
    background: #fff;
    border-color: #ededed;
    box-shadow: none;
}
.btn-white:hover {
    color: var(--bs-blue);
    background: var(--bs-green);
    border-color: var(--bs-green);
}

.btn-white-light,
.btn-white-light:active,
.btn-white-light:focus,
.btn-white-light:active:focus {
    color: var(--bs-gray-600);
    background: #fff;
    border-color: #ededed;
    box-shadow: none;
}
.btn-white-light:hover {
    color: var(--bs-purple);
    background: #fff;
    border-color: #ededed;
}
.btn-white-light.active {
    color: var(--bs-purple);
    box-shadow: none;
}

.btn-transparent,
.btn-transparent:hover,
.btn-transparent:active,
.btn-transparent:focus,
.btn-transparent:active:focus {
    color: var(--bs-blue);
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    padding: 0;
}

.btn-outline-light {
  color: var(--bs-gray-600) !important;
  border-color: var(--bs-gray-500);
}
.btn-outline-light:hover {
  color: #fff !important;
}

.bg-green .btn:hover {
    color: var(--bs-green);
    background: #fff;
    border-color: #fff;
}

.input-group-text {
  color: var(--bs-blue);
  background-color: transparent;
  border: 0;
}

.form-control,
.form-control:active,
.form-control:focus {
    color: var(--bs-blue);
}
.form-control::placeholder {
  color: #999;
}

.form-select:invalid {
    color: #999 !important;
}
.form-select option {
    color: var(--bs-blue);
}

.dropdown-item {
  font-weight: 400;
  color: var(--bs-dark-purple);
  font-size: 0.9rem;
  letter-spacing: 0;
}
.dropdown-item:focus, 
.dropdown-item:hover,
.dropdown-item.active {
  color: var(--bs-dark-green);
  background-color: var(--bs-gray-100);
}

/* checkbox sizes */
.checkbox-1x {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    border-width: 1px !important;
    border-radius: .2rem !important;
}
.checkbox-2x {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    border-width: 2px !important;
    border-radius: .18rem !important;
}
.checkbox-3x {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    border-width: 3px !important;
    border-radius: .18rem !important;
}

/* checkbox colors */
.form-check-input.b-blue {
    border-color: var(--bs-blue) !important;
}
.form-check-input.b-green {
    border-color: var(--bs-green) !important;
}
.form-check-input.b-purple {
    border-color: var(--bs-purple) !important;
}


/* Material Icon sizes */
.material-icons-round.md-15 { font-size: 15px;transform: translateY(3px); }
.material-icons-round.md-17 { font-size: 17px; }
.material-icons-round.md-18 { font-size: 18px; }
.material-icons-round.md-20 { font-size: 20px; }
.material-icons-round.md-24 { font-size: 24px; }
.material-icons-round.md-25 { font-size: 25px; }
.material-icons-round.md-26 { font-size: 26px; }
.material-icons-round.md-28 { font-size: 28px; }
.material-icons-round.md-30 { font-size: 30px; }
.material-icons-round.md-33 { font-size: 33px; }
.material-icons-round.md-36 { font-size: 36px; }
.material-icons-round.md-48 { font-size: 48px; }
.btn .material-icons-round {
    vertical-align: text-bottom;
    position: relative;
    top: -.06em;
} 
.dropdown-toggle .material-icons-round {
    position: relative;
    top: .02em;
}
.dropdown-toggle::after {
    margin-left: .455em;
    margin-top: .12em;
}

/* scroll top */
.scroll-top,
.scroll-top:active,
.scroll-top:focus {
  position: fixed;
  right: 20px;
  bottom: 20px;
  display: none;
  border-color: var(--bs-purple);
  background-color: var(--bs-purple);
  border-radius: 8rem;
  padding: 10px;
    line-height: 1;
}

/* HELPERS */
.bg-gradient-primary {
    background: linear-gradient(198deg, var(--bs-gradient-blue));
}
.bg-gradient-secondary {
    background: linear-gradient(to right, var(--bs-gradient-green));
}
.bg-gradient-light-gray {
    background: linear-gradient(to top, var(--bs-gradient-light-gray));
}

/* font sizes */
.fs-7 {
    font-size: .9em !important;
}
.fs-8 {
    font-size: .85em !important;
}
.fs-9 {
    font-size: .8em !important;
}
.fs-xl {
    font-size: 3em !important;
}
.fs-xxl {
    font-size: 4em !important;
}
.fs-xxxl {
    font-size: 5em !important;
}

/* padding vertical */
.py-6 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}
.py-7 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}
.py-8 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
}
.py-9 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
}

/* padding horizontal */
.px-6 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
}
.px-7 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
}
.px-8 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
}
.px-9 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
}

/* padding top */
.pt-6 {
    padding-top: 4rem !important;
}
.pt-7 {
    padding-top: 5rem !important;
}
.pt-8 {
    padding-top: 6rem !important;
}
.pt-9 {
    padding-top: 7rem !important;
}

/* padding bottom */
.pb-6 {
    padding-bottom: 4rem !important;
}
.pb-7 {
    padding-bottom: 5rem !important;
}
.pb-8 {
    padding-bottom: 6rem !important;
}
.pb-9 {
    padding-bottom: 7rem !important;
}

/* margin top */
.mt-6 {
    margin-top: 4rem !important;
}
.mt-7 {
    margin-top: 5rem !important;
}
.mt-8 {
    margin-top: 6rem !important;
}
.mt-9 {
    margin-top: 7rem !important;
}

/* margin bottom */
.mb-6 {
    margin-bottom: 4rem !important;
}
.mb-7 {
    margin-bottom: 5rem !important;
}
.mb-8 {
    margin-bottom: 6rem !important;
}
.mb-9 {
    margin-bottom: 7rem !important;
}

/* negative margins */
.mt-n0 {
  margin-top: 0rem !important;
}
.mt-n1 {
  margin-top: -0.25rem !important;
}
.mt-n2 {
  margin-top: -0.5rem !important;
}
.mt-n3 {
  margin-top: -0.75rem !important;
}
.mt-n4 {
  margin-top: -1rem !important;
}
.mt-n5 {
  margin-top: -1.25rem !important;
}
.mx-n2 {
  margin-left: -0.5rem !important;
  margin-right: -0.5rem !important;
}

.strong {font-weight:600;}
.strongest {font-weight:700;}
.xstrong {font-weight:800;}

.ns {font-weight:400;}

.badge {
    text-decoration: none;
    margin: 0 2px;
    font-weight: 600;
}

.pointer {
    cursor: pointer;
}

/* box shadows */
.bs {
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.07),0 4px 6px -2px rgba(0,0,0,.05);
}
.bs:hover,
.bs:focus,
.bs:active,
.bs.active,
.bsh:hover {
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.2),0 4px 20px 0 rgba(0,0,0,.1);
}

/* text shadow */
.ts {
    text-shadow: 5px 30px 12px rgba(0,0,0,0.1);
}

.border-y {
    border-top: 1px solid var(--bs-border-gray);
    border-bottom: 1px solid var(--bs-border-gray);
}
.border-t {
    border-top: 1px solid var(--bs-border-gray);
}
.border-b {
    border-bottom: 1px solid var(--bs-border-gray);
}

/* no border */
.nb {
    border: 0 none;
}

/* flip */
.flip-h { transform: scale(-1, 1);}
.flip-v { transform: scale(1, -1);}

/* hover slide up */
.hup {
    -webkit-transition: all 0.15s ease-in 0s;
    transition: all 0.15s ease-in 0s;
}
.hup:hover,
.hup:focus:active {
    transform: translateY(-6px);
}


/* width */
.w-10 {
    width: 10% !important;
}
.w-20 {
    width: 20% !important;
}
.w-30 {
    width: 30% !important;
}
.w-40 {
    width: 40% !important;
}
.w-60 {
    width: 60% !important;
}
.w-70 {
    width: 70% !important;
}
.w-80 {
    width: 80% !important;
}

/* breadcrumb label */
.breadcrumb-item.label {
    color: #6c757d;
    margin-right: 5px;
}
.breadcrumb-item.label + li {
  --bs-breadcrumb-divider: '' !important;
  margin-right: -5px;
}


/* pagination */
.pagination .material-icons-round {
    transform: translateY(3px);
    
}
.pagination .page-item:first-child .page-link {
    border-top-left-radius: 3rem;
    border-bottom-left-radius: 3rem;
}
.pagination .page-item:last-child .page-link {
    border-top-right-radius: 3rem;
    border-bottom-right-radius: 3rem;
}
.pagination .page-item .page-link {
  color: var(--bs-dark-purple);
  background-color: #fff;
  border: 1px solid var(--bs-border-gray2);
  min-width: 39px;
  height: 39px;
  text-align: center;
}
.pagination .page-item .page-link:hover {
  color: var(--bs-green);
}
.pagination .page-item.disabled .page-link {
  color: var(--bs-gray-500);
  border-color: var(--bs-border-gray2);
}
.page-item.active .page-link {
  color: #fff;
  background-color: var(--bs-purple);
  border-color: var(--bs-purple);
  pointer-events: none;
  box-shadow: 2px 2px 3px rgba(0,0,0,0.2) inset;
}
.pagination .page-item .page-link:focus {
    box-shadow: none;
}


/* Multiple column list */
ul.multi-col-list {
	overflow: hidden;
	margin-left: -5px;
	margin-right: -5px;
}
ul.multi-col-list li {
  line-height: 1.5em;
  float: left;
  display: block;
  padding-left: 15px;
  padding-right: 5px;
  border-left: 1px solid var(--bs-gray-400);
  position: relative;
  left: 5px;
}
ul.multi-col-list.list-1 li	{ 
    width: 100%;
}
ul.multi-col-list.list-2 li	{ 
    width: 50%;
}
ul.multi-col-list.list-3 li	{ 
    width: 33.333%; 
}
ul.multi-col-list.list-4 li	{ 
    width: 25%; 
}
ul.multi-col-list.list-5 li	{ 
    width: 20%; 
}
ul.multi-col-list.list-6 li	{ 
    width: 16.666%; 
}


/* SECTION */
.section-header .section-title {
    font-size: 2.7em;
    font-weight: 700;
    line-height: 1;
}
.section-header .section-title span {
    font-weight: 400;
    line-height: 1;
    position: relative;
    top: -10px;
}
.section-title-more {
    padding-left: .9rem;
}

/* CARD */
.card {
    border-radius: .45rem;
    -webkit-transition: all 0.2s ease-in 0s;
    transition: all 0.2s ease-in 0s;
}

.card .card-img-top, 
.card img {
    border-top-left-radius: calc(.45rem - 1px);
    border-top-right-radius: calc(.45rem - 1px);
    width: 100%;
    height: auto;
}
.card .card-img-top {
    overflow: hidden;
    display: grid;
    align-content: center;
    justify-content: center;
    background: #fff;
}
.card .card-img-top img {
    transform: scale(1.2);
}
.card .card-body {
    background: #fff;
    border-bottom-left-radius: calc(.45rem - 1px);
    border-bottom-right-radius: calc(.45rem - 1px);
}

/* CATEGORIES CARD */

.home-categories .card {
    border: none;
}
.home-categories .card .card-img-top {
    height: 13vh;
    position: relative;
}
.home-categories .card .card-img-top img {
    transform: scale(1.2);
}
.home-categories .card .card-img-top::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: linear-gradient(to top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
  z-index: 1;
}
.home-categories .card .card-title {
     font-size: 1rem;
     margin: 0;
}

/* category grid - category page */
.category-grid .card {
    border: none;
}
.category-grid .card .card-img-top {
    height: 9vh;
    position: relative;
}
.category-grid .card .card-img-top img {
    transform: scale(1.1);
}
.category-grid .card .card-img-top::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: linear-gradient(to top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
  z-index: 1;
}
.category-grid .card .card-title {
     font-size: .9rem;
     margin: 0;
}

/* read more text */
.read-less {
  max-height: var(--max-height);
  -webkit-transition: max-height .7s ease-out;
  transition: max-height .7s ease-out;
  overflow-y: hidden;
}
.read-less.read {
  max-height: 1500px;
  -webkit-transition: max-height .7s ease-in;
  transition: max-height .7s ease-in;
}
.read-less.read-less-mobile {
    max-height: unset;
  -webkit-transition: max-height .7s ease-out;
  transition: max-height .7s ease-out;
  overflow-y: auto;
}
.read-less.read-less-mobile + .readtoggle-link {
    display: none;
}
@media (max-width: 575.98px) { 
    .read-less.read-less-mobile {
      max-height: var(--max-height);
      -webkit-transition: max-height .7s ease-out;
      transition: max-height .7s ease-out;
      overflow-y: hidden;
    }
    .read-less.read-less-mobile.read {
      max-height: 1500px;
      -webkit-transition: max-height .7s ease-in;
      transition: max-height .7s ease-in;
    }
    .read-less.read-less-mobile + .readtoggle-link {
        display: block;
    }
}


/* PRODUCT CARD GRID */
.product-card-grid .card-img-top {
    height: 25vh;
    padding: 20px 20px 0;
}
.product-card-grid .card-img-top img {
    transform: unset;
}
.product-card-grid .btn > .material-icons-round {
    top: -3px;
}
.product-card-grid .card-title {
     font-size: 1.1rem;
     margin: 0;
}
.product-card-grid .btn {
    padding-left: 1.3rem;
    font-weight: 600;
}
.product-card-grid .card-badges {
    position: absolute;
    right: 10px;
    top: 10px;
}
.product-card-grid .card-badges-hidden {
    opacity: 0;
    -webkit-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}
.product-card-grid:hover .card-badges-hidden {
    opacity: 1;
}
.product-card-grid .card-badges .badge {
  margin-bottom: 10px;
  display: grid;
  align-content: center;
  justify-content: center;
  background: #fff;
  color: var(--bs-green);
  border: 1px solid var(--bs-border-gray);
  height: 36px;
  width: 38px;
}
.product-card-grid .card-badges .badge .material-icons-round {
    line-height: 1;
}
.product-card-grid .card-badges .badge:hover {
    background: var(--bs-green);
    color: var(--bs-blue); 
}
.product-card-grid .product-category {
    display: block;
    width: 99%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--bs-purple);
}
.product-card-grid .product-category a {
    color: var(--bs-purple);
}
.product-card-grid .product-category a:hover {
    color: var(--bs-green);
}

.product-card-grid .product-rating a {
    font-size: 0.75em;
    color: var(--bs-gray);
}
.product-card-grid .product-rating a:hover {
    color: var(--bs-green);
}
.product-card-grid .product-rating .rating {
   position: relative;
    top: -2px;
}

.product-card-grid .product-lead {
    overflow: hidden;
    color: var(--bs-dark-purple); 
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    width: 95%;
	overflow: hidden;
	
}




/* Product list/grid Sort */
.btn-sort:after  {
    display: none;
}
.btn-sort .material-icons-round {
    top: -2px;
}

/* products list view */
#products.list-view .row > [class*=col-] {
    width: 100% !important;
}
#products.list-view .card {
    flex-direction: row;
    transform: unset;
}
#products.list-view .card .card-img-top {
    height: unset;
    padding: 20px;
    width: 20%;
    border-top-right-radius: 0;
    border-bottom-left-radius: calc(.45rem - 1px);
}
#products.list-view .card .card-body {
    text-align: left !important;
    width: 80%;
    border-top-right-radius: calc(.45rem - 1px);
    border-bottom-left-radius: 0;
}
#products.list-view .card .product-title {
    max-width: 78%;
}
#products.list-view .card .product-price {
    font-size: 1.2rem !important;
}
#products.list-view .card .product-details {
    display: flex;
    align-items: flex-start;
}
#products.list-view .card .product-data {
    width: 78%;
}
#products.list-view .card .product-meta {
    width: 78%;
}
#products.list-view .card .product-action {
    width: 22%;
    align-self: self-end;
    text-align: right;
}
#products.list-view .card .product-action .btn {
    width: 100%;
}
#products .card .product-specification {
    display: none;
}

#products.list-view .card .product-specification {
    display: block;
    max-width: 70%;
}
#products.list-view .card .card-badges {
    display: flex;
    align-content: start;
}
#products.list-view .card .card-badges .badge {
    margin-left: 5px;
}
#products.list-view .card .store {
    display: block;
    margin: -85px 0 20px 0 !important;
    font-size: 0.7em;
    color: #777;
    position: relative;
    top: -15px;
}
#products.list-view .card .store-logo {
    max-width: 80%;
    max-height: 35px;  
    filter: grayscale(1) opacity(0.6);
}
#products.list-view .card:hover .store-logo {
    filter: grayscale(0) opacity(1);
}
#products.list-view .card .stock {
    position: relative;
    top: -10px;
}

/* grid view */
#products.grid-view .card .product-specification,
#products.grid-view .card .store-logo,
#products.grid-view .card .stock {
    display: none;
}

.category-relevant-keywords .badge,
.category-favourite-keywords .badge {
  font-size: .9rem;
  background: #fff;
  color: var(--bs-purple);
  margin-bottom: 10px;
  font-weight: 500;
}
.category-relevant-keywords .badge:hover,
.category-favourite-keywords .badge:hover {

  background: var(--bs-purple);
  color: #fff;
}

/* Sidebar menu */
.sidebar-filter .card-body {
    border-top-left-radius: calc(.45rem - 1px);
    border-top-right-radius: calc(.45rem - 1px);
}

.sidebar-category {
    border-top: 1px solid var(--bs-border-gray);
    border-bottom: 1px solid var(--bs-border-gray);
    padding: 10px;
}

.sidebar-category .list-group-item .btn span,
a .expand-icon {
  display: inline !important;
  cursor: pointer !important;
  position: absolute !important;
  right: 0 !important;
  top: 4px !important;
}
.sidebar-category ul li a.active {
    color: var(--bs-green);
}

.sidebar-category .list-group-item a.btn.collapsed span,
a.collapsed .expand-icon {
  transform: rotate(-360deg);
  -webkit-transform: rotate(-360deg);
  transition: .3s transform ease-in-out;
}


.sidebar-category .list-group-item a.btn span,
a .expand-icon {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transition: .3s transform ease-in-out;
}

.sidebar-filter .list-group-item > a.collapsed {
    margin-bottom: 0 !important;
}

.sidebar-filter .list-group-item .form-check {
  font-weight: 400;
}

.fe {
    float: right !important;
    font-size: 0.8em !important;
    color: #999 !important;
    margin-top: 2px !important;
    font-weight: 400;
}

.sidebar-nav .list-group-item a {
    display: block;
    padding: .5rem .8rem;
    font-weight: 400;
}
.sidebar-nav .list-group-item.active {
  background-color: var(--bs-gray-200);
  border-color: var(--bs-gray-200);
}
.sidebar-nav .list-group-item.active a {
    color: var(--bs-purple);
}

/* search dropdown */
/*
.search-dropdown {
  position: absolute;
  left: 10px;
  right: 10px;
  top: 35px;
  padding: 0;
  border-radius: calc(.30rem - 1px) !important;
  background: #fff;
  border: 1px solid var(--bs-border-gray);
}
.search-dropdown ul {
    margin: 0;
    padding: 10px 0;
}
.search-dropdown ul li a {
    padding: .25rem 1rem;
    display: block;
}
.search-dropdown ul li a:hover {
    background: var(--bs-gray-100);
}
*/

/* OWL CAROUSEL */
.owl-theme .owl-stage {
    padding-top: 20px;
    padding-bottom: 20px;
}
.owl-carousel .owl-stage-outer {
  margin: 0 -8px;
  padding-left: 8px;
}
.owl-theme .owl-dots,
.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}
.owl-theme .owl-nav {
    margin-top: 10px
}
.owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 24px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}
.owl-theme .owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #FFF;
    text-decoration: none
}
.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}
.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}
.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}
.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}
.owl-nav .owl-prev span {
    left: -65px;
    position: absolute;
    top: 30%;
    background: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 3rem;
    border: 1px solid #ededed;
    color: var(--bs-green);
}

.owl-nav .owl-next span {
    right: -65px;
    position: absolute;
    top: 30%;
    background: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 3rem;
    border: 1px solid #ededed;
    color: var(--bs-green);
}
.owl-nav .owl-prev:hover span,
.owl-nav .owl-next:hover span {
    color: var(--bs-blue);
    background: var(--bs-green);
    border: 1px solid var(--bs-green);
}


.home-product-grid .owl-nav .owl-prev span,
.home-product-grid .owl-nav .owl-next span {
    top: 40%;
}
.category-new-products .owl-nav .owl-prev span,
.category-new-products .owl-nav .owl-next span {
    top: 40%;
}


/* MEGA MENU */
.dropdown-mega .dropdown-menu {
    left: 0;
    right: 0;
    margin-top: -5px;
    border-radius: unset;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.07),0 4px 6px -2px rgba(0,0,0,.05);
    border-width: 1px 0 0 0;
    padding: 0;
}


.dropdown-mega .mega-content {
  background: #fff;
}


.dropdown-mega .dropdown-menu .accordion ul li {
    margin-bottom: .8rem;
    font-size: 0.95em;
    line-height: 1.2;
    font-weight: 400;
}
.dropdown-mega .dropdown-menu .accordion ul li:last-child {
    margin-bottom: 0;
}

.dropdown-mega .dropdown-menu .accordion .mega-sub-title {
  font-size: 1rem;
  height: ;
  font-weight: 500;
  margin-bottom: 1rem !important;
  color: var(--bs-blue);
}
.dropdown-mega .dropdown-menu .accordion .mega-sub-title::after {
  content: '';
  height: 0;
  width: 36px;
  display: flex;
  margin-top: 10px;
  border-bottom: 6px dotted var(--bs-green);
  margin-left: -2px;
}


.list-group-item {
    padding: .3rem .8rem;
    color: var(--bs-dark-blue);
    font-weight: 500;
}

/* Vertical tabs - megamenu */
.left-tabs.nav-tabs {
    height: 100%;
    flex-direction: column;
}
.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: .5rem
}
.vtabs .tab-clickable {
    cursor: pointer;
}
.left-tabs.nav-tabs {
    border-right: 1px solid transparent;
    border-bottom: none;
    position: relative;
    min-height: 300px;
    -webkit-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}
.nav-tabs.left-tabs::before {
  content: '';
  background: #f9f9f9;
  display: flex;
  position: absolute;
  top: -24px;
  bottom: 0;
  z-index: 0;
  left: -1000px;
  right: 0;
  min-height: 300px;
  -webkit-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}
.left-tabs .nav-link {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    margin-right: -1px;
    text-align: left;
    border-top: 1px solid var(--bs-border-gray);
    border-right: 1px solid transparent;
    border-bottom: 1px solid var(--bs-border-gray);
    border-left: 1px solid transparent;
    color: var(--bs-blue);
    position: relative;
    padding: .5rem 1rem;
    font-weight: 500;
}
.left-tabs .nav-item:first-child .nav-link {
    border-top: 1px solid transparent;
}
.left-tabs .nav-item:last-child .nav-link {
    border-bottom: 1px solid transparent;
}
.left-tabs .nav-link:hover {
    border-top: 1px solid var(--bs-border-gray);
    border-right: 1px solid transparent;
    border-bottom: 1px solid var(--bs-border-gray);
    border-left: 1px solid transparent;
    background: rgba(0,0,0,0.02);
    
}
.left-tabs .nav-link.active {
    border-top: 1px solid var(--bs-border-gray);
    border-right: 1px solid transparent;
    border-bottom: 1px solid var(--bs-border-gray);
    border-left: 1px solid transparent;
    background: #fff; 
    color: var(--bs-green);
    padding: .5rem 2rem;
}
.left-tabs .nav-link.active a {
    color: var(--bs-green);
}
.left-tabs .nav-link .material-icons-round {
    color: transparent;
    top: 13px !important;
    position: absolute;
    right: 4rem;
}
.left-tabs .nav-link.active .material-icons-round {
    color: var(--bs-green);
    right: 1rem;
}

.vtabs .accordion-header {
    display: none
}


/* svg decoration */
.svg-decoration-top,
.svg-decoration-bottom {
      display: block;
      position: relative;
      width: 100%;
      height: 140px;
}
.svg-decoration-top svg,
.svg-decoration-bottom svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.svg-decoration-bottom svg {
    transform: scale(1,-1);
}
.flip-h {
    transform: scale(-1,1);
}

@media (max-width: 767px) {
    .left-tabs.nav-tabs {
        flex-direction: row;
        border-right: none;
        border-left: none;
        min-width: 100%;
        border-bottom: 1px solid var(--bs-border-gray);
        left: auto;
        margin-top: auto
    }
    .left-tabs .nav-link {
        width: 8rem;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        border-top-right-radius: .25rem;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border-top-left-radius: .25rem;
        margin-right: 0;
        margin-bottom: -1px
    }
    .left-tabs .nav-link.nav-link:hover {
        border-right-color: var(--bs-border-gray);
        border-bottom-color: transparent
    }
    .left-tabs .nav-link.active {
        border-top-color: var(--bs-border-gray);
        border-right-color: var(--bs-border-gray);
        border-bottom-color: transparent;
        border-left-color: var(--bs-border-gray)
    }
}
@media (max-width: 428px) {
    .left-tabs.nav-tabs {
        display: flex;
    }
    .vtabs .tab-content > .tab-pane {
        display: flex !important;
        opacity: 1
    }
    .vtabs .accordion-header {
        display: flex;
    }
    .vtabs button.accordion-button:focus {
        border: none;
        outline: 0;
       
        box-shadow: none;
    }
    .mega-content .tab-content {
      -webkit-transition: all 2s ease-in 0s;
      transition: all 2s ease-in 0s;
      overflow-y: scroll;
      height: 70vh;
    }
}
@media (min-width: 429px) {
    .vtabs .accordion-item {
        border: none;
    }
    .vtabs .accordion-body.collapse {
        display: flex;
    }
}
.tab-content {
    padding: 1rem;
}

/* Animate, slideIn fx */
@media (min-width: 768px) {
  .animate {
    animation-duration: 0.4s;
    -webkit-animation-duration: 0.4s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }
}

@keyframes slideIn {
  0% {
    transform: translateY(1.2rem);
    opacity: 0;
  }

  100% {
    transform: translateY(0rem);
    opacity: 1;
  }

  0% {
    transform: translateY(1.2rem);
    opacity: 0;
  }
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }

  0% {
    -webkit-transform: translateY(1.2rem);
    -webkit-opacity: 0;
  }
}



.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}


.up-down-animated {
  animation: up-down 1.5s ease-in-out infinite alternate-reverse both;
}
.up-down-animated-fast {
  animation: up-down .5s ease-in-out infinite alternate-reverse both;
}
@-webkit-keyframes up-down {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-10px);
  }
}

@keyframes up-down {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-10px);
  }
}




/* Social icons - floating circle button */
.btn-floating, [class*="btn-outline-"].btn-floating {
  border-radius: 50%;
  padding: 0;
  position: relative;
}
.btn-floating {
  width: 2.3125rem;
  height: 2.3125rem;
}
[class*="btn-outline-"] {
  border-width: .125rem;
  border-style: solid;
  box-shadow: none;
  padding: .5rem 1.375rem .375rem;
}
.btn-floating i {
    line-height: 2rem;
}
.btn-outline-light {
  color: var(--bs-gray-500);
  border-color: var(--bs-gray-500);
}
.btn-outline-light:hover {
  color: #fff;
  background: var(--bs-purple);
  border-color: var(--bs-purple);
  margin-top: -3px;
}
.btn-floating:hover {
    transform: translateY(-4px);
}


/* star rating */
.jq-stars {
  display: inline-block;
}

.jq-rating-label {
  font-size: 22px;
  display: inline-block;
  position: relative;
  vertical-align: top;
  font-family: helvetica, arial, verdana;
}

.jq-star {
  width: 100px;
  height: 100px;
  display: inline-block;
  cursor: pointer;
}

.jq-star-svg {
  padding-left: 3px;
  width: 100%;
  height: 100% ;
}

.jq-star:hover .fs-star-svg path {
}

.jq-star-svg path {
  stroke-linejoin: round;
}

/* un-used */
.jq-shadow {
  -webkit-filter: drop-shadow( -2px -2px 2px #888 );
  filter: drop-shadow( -2px -2px 2px #888 );
}



@media (max-width: 575.98px) {  
    .navbar.sticky-top {
        padding-top: .6rem;
        padding-bottom: .6rem;
    }

    .navbar.sticky-top .logo {
        width: 4em;
        height: 1.7em;
    }

    .navbar-nav .nav-link {
        font-size: .9em;
    }
    .stuck .navbar.sticky-top {
        top: -60px;
    }
    
    .navbar-dark .navbar-toggler {
        color: rgb(255, 255, 255);
        border-color: rgba(255,255,255,0);
    }
    .navbar-toggler:focus,
    .navbar-toggler:focus:active {
        box-shadow: none !important;
    }
    .navbar-dark .navbar-brand {
        margin: 0 !important;
    }
    .navbar-category-dropdown {
        margin: 0 !important;
    }
    .navbar-category-dropdown .left-tabs.nav-tabs {
      display: none;
    }
    .navbar-search-form {
        margin-top: 10px;
        margin-right: 0 !important;
        width: 100%;
    }
    .navbar-collapse {
        margin-top: 10px;
    }
    .hero-search {
        padding-top: 2rem !important;
        padding-bottom: 3rem !important;
    }
    .hero-search-title {
        font-size: 2.3rem !important;
        line-height: 1.4;
    }
    .hero-search-subtitle {
        font-size: 1.6rem !important;
        line-height: 1.4;
    }
    .hero-search-form {
        max-width: 100%;
        margin-top: -15px;
    }
    .hero-search-form .input-group-lg > .form-control {
        font-size: 1rem !important;
    }
    .hero-search .badge {
        margin-bottom: 8px;
    }
    .hero-search .badge-pills {
        padding: 0 5px;
    }
    
}




/*!Ion.RangeSlider, 2.3.1 */
.irs{position:relative;display:block;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:12px;font-family:Arial,sans-serif}.irs-line{position:relative;display:block;overflow:hidden;outline:none !important}.irs-bar{position:absolute;display:block;left:0;width:0}.irs-shadow{position:absolute;display:none;left:0;width:0}.irs-handle{position:absolute;display:block;box-sizing:border-box;cursor:default;z-index:1}.irs-handle.type_last{z-index:2}.irs-min,.irs-max{position:absolute;display:block;cursor:default}.irs-min{left:0}.irs-max{right:0}.irs-from,.irs-to,.irs-single{position:absolute;display:block;top:0;left:0;cursor:default;white-space:nowrap}.irs-grid{position:absolute;display:none;bottom:0;left:0;width:100%;height:20px}.irs-with-grid .irs-grid{display:block}.irs-grid-pol{position:absolute;top:0;left:0;width:1px;height:8px;background:#000}.irs-grid-pol.small{height:4px}.irs-grid-text{position:absolute;bottom:0;left:0;white-space:nowrap;text-align:center;font-size:9px;line-height:9px;padding:0 3px;color:#000}.irs-disable-mask{position:absolute;display:block;top:0;left:-1%;width:102%;height:100%;cursor:default;background:rgba(0,0,0,0);z-index:2}.lt-ie9 .irs-disable-mask{background:#000;filter:alpha(opacity=0);cursor:not-allowed}.irs-disabled{opacity:.4}.irs-hidden-input{position:absolute !important;display:block !important;top:0 !important;left:0 !important;width:0 !important;height:0 !important;font-size:0 !important;line-height:0 !important;padding:0 !important;margin:0 !important;overflow:hidden;outline:none !important;z-index:-9999 !important;background:none !important;border-style:solid !important;border-color:transparent !important}.irs--flat{height:40px}.irs--flat.irs-with-grid{height:60px}.irs--flat .irs-line{top:25px;height:12px;background-color:#e1e4e9;border-radius:4px}.irs--flat .irs-bar{top:25px;height:12px;background-color:#ed5565}.irs--flat .irs-bar--single{border-radius:4px 0 0 4px}.irs--flat .irs-shadow{height:1px;bottom:16px;background-color:#e1e4e9}.irs--flat .irs-handle{top:22px;width:16px;height:18px;background-color:transparent}.irs--flat .irs-handle>i:first-child{position:absolute;display:block;top:0;left:50%;width:2px;height:100%;margin-left:-1px;background-color:#da4453}.irs--flat .irs-handle.state_hover>i:first-child,.irs--flat .irs-handle:hover>i:first-child{background-color:#a43540}.irs--flat .irs-min,.irs--flat .irs-max{top:0;padding:1px 3px;color:#999;font-size:10px;line-height:1.333;text-shadow:none;background-color:#e1e4e9;border-radius:4px}.irs--flat .irs-from,.irs--flat .irs-to,.irs--flat .irs-single{color:white;font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;background-color:#ed5565;border-radius:4px}.irs--flat .irs-from:before,.irs--flat .irs-to:before,.irs--flat .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#ed5565}.irs--flat .irs-grid-pol{background-color:#e1e4e9}.irs--flat .irs-grid-text{color:#999}.irs--big{height:55px}.irs--big.irs-with-grid{height:70px}.irs--big .irs-line{top:33px;height:12px;background-color:white;background:linear-gradient(to bottom, #ddd -50%, white 150%);border:1px solid #ccc;border-radius:12px}.irs--big .irs-bar{top:33px;height:12px;background-color:#92bce0;border:1px solid #428bca;background:linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);box-shadow:inset 0 0 1px 1px rgba(255,255,255,0.5)}.irs--big .irs-bar--single{border-radius:12px 0 0 12px}.irs--big .irs-shadow{height:1px;bottom:16px;background-color:rgba(66,139,202,0.5)}.irs--big .irs-handle{top:25px;width:30px;height:30px;border:1px solid rgba(0,0,0,0.3);background-color:#cbcfd5;background:linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);box-shadow:1px 1px 2px rgba(0,0,0,0.2),inset 0 0 3px 1px white;border-radius:30px}.irs--big .irs-handle.state_hover,.irs--big .irs-handle:hover{border-color:rgba(0,0,0,0.45);background-color:#939ba7;background:linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%)}.irs--big .irs-min,.irs--big .irs-max{top:0;padding:1px 5px;color:white;text-shadow:none;background-color:#9f9f9f;border-radius:3px}.irs--big .irs-from,.irs--big .irs-to,.irs--big .irs-single{color:white;text-shadow:none;padding:1px 5px;background-color:#428bca;background:linear-gradient(to bottom, #428bca 0%, #3071a9 100%);border-radius:3px}.irs--big .irs-grid-pol{background-color:#428bca}.irs--big .irs-grid-text{color:#428bca}.irs--modern{height:55px}.irs--modern.irs-with-grid{height:55px}.irs--modern .irs-line{top:25px;height:5px;background-color:#d1d6e0;background:linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);border:1px solid #a3adc1;border-bottom-width:0;border-radius:5px}.irs--modern .irs-bar{top:25px;height:5px;background:#20b426;background:linear-gradient(to bottom, #20b426 0%, #18891d 100%)}.irs--modern .irs-bar--single{border-radius:5px 0 0 5px}.irs--modern .irs-shadow{height:1px;bottom:21px;background-color:rgba(209,214,224,0.5)}.irs--modern .irs-handle{top:37px;width:12px;height:13px;border:1px solid #a3adc1;border-top-width:0;box-shadow:1px 1px 1px rgba(0,0,0,0.1);border-radius:0 0 3px 3px}.irs--modern .irs-handle>i:nth-child(1){position:absolute;display:block;top:-4px;left:1px;width:6px;height:6px;border:1px solid #a3adc1;background:white;transform:rotate(45deg)}.irs--modern .irs-handle>i:nth-child(2){position:absolute;display:block;box-sizing:border-box;top:0;left:0;width:10px;height:12px;background:#e9e6e6;background:linear-gradient(to bottom, white 0%, #e9e6e6 100%);border-radius:0 0 3px 3px}.irs--modern .irs-handle>i:nth-child(3){position:absolute;display:block;box-sizing:border-box;top:3px;left:3px;width:4px;height:5px;border-left:1px solid #a3adc1;border-right:1px solid #a3adc1}.irs--modern .irs-handle.state_hover,.irs--modern .irs-handle:hover{border-color:#7685a2;background:#c3c7cd;background:linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%)}.irs--modern .irs-handle.state_hover>i:nth-child(1),.irs--modern .irs-handle:hover>i:nth-child(1){border-color:#7685a2}.irs--modern .irs-handle.state_hover>i:nth-child(3),.irs--modern .irs-handle:hover>i:nth-child(3){border-color:#48536a}.irs--modern .irs-min,.irs--modern .irs-max{top:0;font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;color:white;background-color:#d1d6e0;border-radius:5px}.irs--modern .irs-from,.irs--modern .irs-to,.irs--modern .irs-single{font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;background-color:#20b426;color:white;border-radius:5px}.irs--modern .irs-from:before,.irs--modern .irs-to:before,.irs--modern .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#20b426}.irs--modern .irs-grid{height:25px}.irs--modern .irs-grid-pol{background-color:#dedede}.irs--modern .irs-grid-text{color:silver;font-size:13px}.irs--sharp{height:50px;font-size:12px;line-height:1}.irs--sharp.irs-with-grid{height:57px}.irs--sharp .irs-line{top:30px;height:2px;background-color:black;border-radius:2px}.irs--sharp .irs-bar{top:30px;height:2px;background-color:#ee22fa}.irs--sharp .irs-bar--single{border-radius:2px 0 0 2px}.irs--sharp .irs-shadow{height:1px;bottom:21px;background-color:rgba(0,0,0,0.5)}.irs--sharp .irs-handle{top:25px;width:10px;height:10px;background-color:#a804b2}.irs--sharp .irs-handle>i:first-child{position:absolute;display:block;top:100%;left:0;width:0;height:0;border:5px solid transparent;border-top-color:#a804b2}.irs--sharp .irs-handle.state_hover,.irs--sharp .irs-handle:hover{background-color:black}.irs--sharp .irs-handle.state_hover>i:first-child,.irs--sharp .irs-handle:hover>i:first-child{border-top-color:black}.irs--sharp .irs-min,.irs--sharp .irs-max{color:white;font-size:14px;line-height:1;top:0;padding:3px 4px;opacity:.4;background-color:#a804b2;border-radius:2px}.irs--sharp .irs-from,.irs--sharp .irs-to,.irs--sharp .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 4px;background-color:#a804b2;color:white;border-radius:2px}.irs--sharp .irs-from:before,.irs--sharp .irs-to:before,.irs--sharp .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#a804b2}.irs--sharp .irs-grid{height:25px}.irs--sharp .irs-grid-pol{background-color:#dedede}.irs--sharp .irs-grid-text{color:silver;font-size:13px}.irs--round{height:50px}.irs--round.irs-with-grid{height:65px}.irs--round .irs-line{top:36px;height:4px;background-color:#dee4ec;border-radius:4px}.irs--round .irs-bar{top:36px;height:4px;background-color:#006cfa}.irs--round .irs-bar--single{border-radius:4px 0 0 4px}.irs--round .irs-shadow{height:4px;bottom:21px;background-color:rgba(222,228,236,0.5)}.irs--round .irs-handle{top:26px;width:24px;height:24px;border:4px solid #006cfa;background-color:white;border-radius:24px;box-shadow:0 1px 3px rgba(0,0,255,0.3)}.irs--round .irs-handle.state_hover,.irs--round .irs-handle:hover{background-color:#f0f6ff}.irs--round .irs-min,.irs--round .irs-max{color:#333;font-size:14px;line-height:1;top:0;padding:3px 5px;background-color:rgba(0,0,0,0.1);border-radius:4px}.irs--round .irs-from,.irs--round .irs-to,.irs--round .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 5px;background-color:#006cfa;color:white;border-radius:4px}.irs--round .irs-from:before,.irs--round .irs-to:before,.irs--round .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#006cfa}.irs--round .irs-grid{height:25px}.irs--round .irs-grid-pol{background-color:#dedede}.irs--round .irs-grid-text{color:silver;font-size:13px}.irs--square{height:50px}.irs--square.irs-with-grid{height:60px}.irs--square .irs-line{top:31px;height:4px;background-color:#dedede}.irs--square .irs-bar{top:31px;height:4px;background-color:black}.irs--square .irs-shadow{height:2px;bottom:21px;background-color:#dedede}.irs--square .irs-handle{top:25px;width:16px;height:16px;border:3px solid black;background-color:white;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.irs--square .irs-handle.state_hover,.irs--square .irs-handle:hover{background-color:#f0f6ff}.irs--square .irs-min,.irs--square .irs-max{color:#333;font-size:14px;line-height:1;top:0;padding:3px 5px;background-color:rgba(0,0,0,0.1)}.irs--square .irs-from,.irs--square .irs-to,.irs--square .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 5px;background-color:black;color:white}.irs--square .irs-grid{height:25px}.irs--square .irs-grid-pol{background-color:#dedede}.irs--square .irs-grid-text{color:silver;font-size:11px}

.irs--round .irs-min, 
.irs--round .irs-max {
  color: rgba(255,255,255,0.5);
  background-color: rgba(0,0,0,0.2);
  font-family: 'Poppins', sans-serif;
}
.irs--round .irs-from, 
.irs--round .irs-to, 
.irs--round .irs-single {
  font-size: 18px;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
}
.irs--round .irs-single {
    top: -10px;
    border-radius: 3rem;
    padding: 5px 15px;
}

.irs--round .irs-line {
  height: 10px;
  border-radius: 3rem;
  background-color: var(--bs-purple);
}
.irs--round .irs-bar {
  background-color: var(--bs-green);
  height: 10px;
  border-radius: 3rem;
}
.irs--round .irs-handle {
  top: 28px;
  width: 25px;
  height: 25px;
  border: 4px solid var(--bs-green);
  background-color: var(--bs-green);
  border-radius: 3rem;
  box-shadow: 0 1px 5px rgba(0,0,0,0.6);
  cursor: ew-resize;
}
.irs--round .irs-handle.state_hover, 
.irs--round .irs-handle:hover {
  background-color: var(--bs-green);
  box-shadow: 0 3px 5px rgba(0,0,0,0.6);
}

.irs--round .irs-from, 
.irs--round .irs-to, 
.irs--round .irs-single {
    background-color: var(--bs-purple);
}

.irs--round .irs-from::before, 
.irs--round .irs-to::before, 
.irs--round .irs-single::before {
    border-top-color: var(--bs-purple);
}

.extra-controls.input-group .form-control {
    border-radius: 3rem !important;
    text-align: center;
}

.year-saving {
  word-spacing: 0.5rem;
}

/* ion range slider - incosistent load fix */
.calc-form {
    display: none;
}


/* switch button color */
.form-check-input,
.form-check-input:active,
.form-check-input:focus,
.form-check-input:active:focus {
    cursor: pointer;
    box-shadow: none;
    border-color: var(--bs-border-gray2);
}
.form-check-input:checked {
  background-color: var(--bs-green);
  border-color: var(--bs-green);
}

.form-switch .form-check-input:not(:checked):focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
}
.form-check-input {
  clear: left;
}

/* switch button sizes */
.form-switch.form-switch-sm {
  margin-bottom: 0.5rem;
}
.form-switch.form-switch-sm .form-check-input {
  height: 1rem;
  width: calc(1rem + 0.75rem);
  border-radius: 2rem;
}
.form-switch.form-switch-md {
    line-height: 2;
}
.form-switch.form-switch-md .form-check-input {
  height: 1.32rem;
  width: calc(2rem + 0.75rem);
  border-radius: 3rem;
  margin-top: 0.38rem;
}
.form-switch.form-switch-lg {
  margin-bottom: 1.5rem; /* JUST FOR STYLING PURPOSE */
}
.form-switch.form-switch-lg .form-check-input {
  height: 2rem;
  width: calc(3rem + 0.75rem);
  border-radius: 4rem;
}
.form-switch.form-switch-xl {
  margin-bottom: 2rem; /* JUST FOR STYLING PURPOSE */
}
.form-switch.form-switch-xl .form-check-input {
  height: 2.5rem;
  width: calc(4rem + 0.75rem);
  border-radius: 5rem;
}

.form-switch .form-check-input:checked + .form-check-label {
    color: var(--bs-blue) !important;
}


/* typeahead */
.twitter-typeahead {
  position: relative !important;
  flex: 1 1 auto !important;
  width: 1% !important;
  min-width: 0 !important;
}
.input-group-lg .typeahead.form-control {

    padding: .5rem 1rem;
    font-size: 1.25rem;
}
.input-group-sm .typeahead.form-control {
    font-size: .875rem;
}
.tt-hint {
	color: #999999;
}
.tt-menu {
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: .45rem;
	box-shadow: 0 10px 15px -3px rgba(0,0,0,.07),0 4px 6px -2px rgba(0,0,0,.05);
	margin-top: -2px;
	padding: 8px 0;
	width: 100%;
	z-index: 1000;
}
.input-group-sm .tt-menu {
    border-radius: .25rem;
}
.tt-suggestion {
  font-size: 1rem;
  padding: 0.1rem 1rem;
  color: var(--bs-dark-purple);
  font-weight: 500;
}
.input-group-sm .tt-suggestion {
  font-size: .9rem;
  font-weight: 400;
}
.tt-suggestion:hover {
	cursor: pointer;
	background-color: var(--bs-gray-100);
	color: var(--bs-green);
}
.tt-suggestion p {
	margin: 0;
}

/* faq & qa accordion */
.faq-accordion {
    border-top: 1px solid rgba(0,0,0,.125);
}
.faq-accordion .accordion-header .accordion-button {
    font-size: 0.9em;
    font-weight: 800;
    color: var(--bs-blue);
    padding: 1.2rem 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}
.qa-accordion .accordion-header .accordion-button {
    font-size: 0.7em;
    font-weight: 600;
    color: var(--bs-purple);
    padding: 1.2rem 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}
.faq-accordion .accordion-body {
  padding: 0;
}
.qa-accordion .accordion-body {
  padding: 0;
}
.qa-accordion .accordion-item,
.qa-accordion .accordion-collapse {
  padding-left: 1.5rem;
}
.qa-accordion .accordion-collapse.show {
  background: #fff;
  outline: 2px solid #fff;
}
.qa-accordion .accordion-collapse.show {
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300e599'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: rotate(-180deg);
}




/* ///////////////////////////////////
    MOBILE 
///////////////////////////////////// */
@media (max-width: 575.98px) { 
    
    .wrap,
    .cta-section,
    .clients-section + .svg-decoration-bottom {
        background-size: 180% auto !important;
        background-position: center center !important;
    }
    .fs-xxl {
        font-size: 2.1em !important;
    }
    .fs-5 {
        font-size: 1rem !important;
    }
    .navbar-brand {
        padding-left: 15px;
    }
    .hero-section {
        padding-top: 10px !important;
        padding-bottom: 20px !important;
        padding-left: 15px;
        padding-right: 15px;
    }
    .hero-section .row > .pe-5 {
        padding-right: calc(var(--bs-gutter-x) * .5) !important;
    }
    .hero-section .row > .ps-5 {
        padding-left: calc(var(--bs-gutter-x) * .5) !important;
    }
    .hero-subtitle {
        margin-bottom: 1.5rem !important;
        font-size: 1.3rem !important;
    }
    .calc-form .table.w-75 {
        width: 100% !important;
    }
    .svg-decoration-top, 
    .svg-decoration-bottom {
        height: 80px;
    }
    .prices-section {
        padding-top: 10px !important;
        padding-bottom: 20px !important;
    }
    .prices-section .section-title,
    .prices-section .section-subtitle,
    .prices-section .row {
        padding-left: 15px;
        padding-right: 15px;
    }
    .prices-section .section-subtitle {
        margin-bottom: 2rem !important;
        font-size: calc(1.125rem + .9vw) !important;
    }
    .prices-section .row > .pe-5 {
        padding-right: calc(var(--bs-gutter-x) * .5) !important;
    }
    .prices-section .row .btn {
        width: 100%;
    }
    .prices-section .list-styled {
        padding-left: 15px;
        margin-bottom: 1.5rem !important;
    }
    .prices-section .percent-big {
        margin-top: 1.5rem !important;
    }
    .prices-section .percent-big span:first-child {
        font-size: 3.8em !important;
    }
    .prices-section .price-plan {
        padding-top: 2.2rem !important;
        padding-bottom: 1rem !important;
    }   
    .gift-section {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    } 
    .gift-section .section-title,
    .gift-section .section-subtitle {
        padding-left: 15px;
        padding-right: 15px;
    }
    .gift-section .section-title {
        font-size: 2.1em !important;
    }
    .gift-section .section-subtitle {
        margin-bottom: 2rem !important;
        font-size: calc(1.125rem + .9vw) !important;
    }
    .gift-section .row.g-4 {
      --bs-gutter-y: 1rem;
    }
    .form-section {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 3rem !important;
    }
    .form-section .section-title {
        font-size: 2.3em !important;
        margin-bottom: 2rem !important;
    }
    .form-section .section-subtitle {
        width: 100% !important;
        font-size: 1.4em !important;
        margin-top: -15px;
    }
    .form-section .row > .ps-5 {
        padding-left: calc(var(--bs-gutter-x) * .5) !important;
    }
    .form-section .fs-7 {
        font-size: .8em !important;
    }
    .form-section .form-check-label {
        max-width: 90%;
    }
    .form-section .form-control-lg {
      font-size: 1.1rem;
    }
    .form-section .btn {
        width: 100% !important;
    }
    .faq-section {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 3rem !important;
        padding-top: 2rem !important;
    }
    .faq-section .section-title {
        font-size: 2.1em !important;
        margin-bottom: 2rem !important;
    }
    .faq-accordion .accordion-header .accordion-button {
        font-size: 0.75em;
        font-weight: 700;
    }
    .faq-accordion .accordion-button {
        padding-right: 2rem !important;
    }
    .faq-accordion .accordion-button::after {
        position: absolute;
        right: 0;
    }
    .qa-accordion .accordion-body {
      max-width: 95%;
      font-size: 0.9rem !important;
    }
    .clients-section {
        padding-bottom: 2rem !important;
        padding-top: 2rem !important;
    }
    .clients-section .section-title {
        font-size: 2.1em !important;
        margin-bottom: 2rem !important;
        padding-left: 15px;
    }
    .cta-section {
        padding-bottom: 2rem !important;
        padding-top: 1rem !important;
    }
    .cta-section .section-title {
        font-size: 2em !important;
        margin-bottom: 2rem !important;
        padding-left: 15px;
        text-align: left;
    }
    .cta-section .section-desc {
        padding-left: 15px;
        text-align: left;
    }
    .footer-top,
    .footer-bottom {
        padding-left: 15px;
        padding-right: 15px;
    }
    .footer-top {
        margin-top: -1.5rem !important;
    }
    .footer-columns {
      --bs-gutter-x: 0rem;
    }
}


.fadein {
    -webkit-animation: fadein 1s;
       -moz-animation: fadein 1s;
        -ms-animation: fadein 1s;
         -o-animation: fadein 1s;
            animation: fadein 1s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


.rotate-color {
  color: var(--bs-purple);
  animation: fadecolor 25s infinite;
}
@keyframes fadecolor {
  0% {color: var(--bs-purple);}
  33% {color: var(--bs-green);}
  66% {color: var(--bs-white);}
  100% {color: var(--bs-purple);}
}

.rotate-bgcolor {
  background-color: var(--bs-purple);
  color: #fff;
  animation: fadebgcolor 25s infinite;
}
@keyframes fadebgcolor {
  0% {background-color: var(--bs-purple);color:#fff;}
  33% {background-color: var(--bs-green);color:var(--bs-blue);}
  66% {background-color: var(--bs-white);color:var(--bs-blue);}
  100% {background-color: var(--bs-purple);color:#fff;}
}


.brp {
    text-decoration: none;
    margin: 0 2px;
    font-weight: 600;
    background-color: var(--bs-purple);
    border-radius: 3rem;
    display: inline-block;
    padding: .35em .65em;
    font-size: .75em;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    cursor: default;
}
.r-gift {
    margin-left: .25rem;
    cursor: pointer;
    font-size: 1.3em !important;
    line-height: 0;
    position: relative;
    top: 1px;
}

.remove-icon {
    cursor: pointer;
}

.features-badges .badge {
  padding-left: 1em;
  padding-right: 1em;
}



/* chat bubbles */

.cb__list {
    padding: 0;
    list-style-type: none;
    font-family: inherit;
    margin: 0 auto 30px;
    overflow: hidden
}
.cb__list li {
    display: inline-block;
    overflow: hidden;
}
.cb__list .bubble {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    display: inline-block;
    position: relative;
    padding: 6px 20px;
    background: var(--bs-purple);
    border-radius: 3rem;
    margin: 0 15px 15px 0;
    font-size: 1.5em;
    font-weight: 600;
    animation: font-wide .1s ease-in-out;
}

.cb__list .bubble.typing .material-icons-round {
    position: relative;
    top: 6px;
    line-height: 0;
}   
.cb__list .bubble.typing {
    animation: cb-font-fade .3s ease-in-out infinite;
}
@keyframes cb-font-fade {
    50% {
        color: transparent;
    }
    100% {
        color: inherit;
    }
}
@keyframes font-wide {
    0% {
        letter-spacing: -10px;
    }
    100% {
        letter-spacing: inherit;
    }
}

#messages {
    min-height: 50px;
}
#messages li {
    min-height: 48px;
}
#messages li.px-3 {
    padding-right: 0.9rem !important;
    padding-left: 0.9rem !important;
}
#messages br {
    display: none !important;
}
#messages .br + br {
    display: block !important;
}
.ti-cursor, 
.ti-cursor.with-delay,
.ti-cursor.disabled {
    font-size: 26px !important;
    transform: translateY(-1.9rem) translateX(-1.9rem) !important;
    display: inline-block !important;
    height: 48px !important;
}