@charset "UTF-8";
/*
Template Name: Sabco Packaging
Author: BluForce
Version: 1.0.0
File: Theme Css File
*/
/*------------------------------------
  Default Styles
------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Castoro&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap");
main {
  position: relative; }

a {
  color: #000000;
  text-decoration: none; }
  a:hover {
    color: #002E73; }

:focus,
a:focus,
button:focus {
  outline: 0; }

h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a,
.h1 > a, .h2 > a, .h3 > a, .h4 > a, .h5 > a, .h6 > a {
  color: #000000; }
  h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover,
  .h1 > a:hover, .h2 > a:hover, .h3 > a:hover, .h4 > a:hover, .h5 > a:hover, .h6 > a:hover {
    color: #ffffff; }

.master-head .usp-primary {
  padding: 1rem; }

html {
  position: relative;
  min-height: 100%; }

.master-head .h_main {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .master-head .h_main li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative; }
    .master-head .h_main li .nav-link {
      display: flex;
      align-items: center;
      justify-content: center; }
      .master-head .h_main li .nav-link i {
        background: #cfcfcf;
        border-radius: 100%; }
  .master-head .h_main .h__start {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .master-head .h_main .h__start .brand-logo {
      margin: 0px; }
  .master-head .h_main .nav__icon {
    display: flex;
    align-items: center;
    justify-content: space-between; }
.master-head .show-md {
  display: none !important; }

@media (max-width: 1024px) {
  .master-head .show-md {
    display: block !important; } }
.footer .site-nav {
  padding-top: 20px;
  padding-bottom: 20px; }
.footer .newsletter {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center; }
.footer a:hover {
  text-decoration: underline; }
.footer nav .nav-link {
  padding-left: 0; }

@media only screen and (max-width: 762px) {
  .footer {
    font-size: 12px; } }
* {
  font-family: "Jost", sans-serif; }

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 10px 0;
  font-family: "Jost", sans-serif; }

.font-11 {
  font-size: 11px !important; }

.font-12 {
  font-size: 12px !important; }

.font-13 {
  font-size: 13px !important; }

.font-14 {
  font-size: 14px !important; }

.font-15 {
  font-size: 15px !important; }

.font-16 {
  font-size: 16px !important; }

.font-17 {
  font-size: 17px !important; }

.font-18 {
  font-size: 18px !important; }

.font-19 {
  font-size: 19px !important; }

.font-20 {
  font-size: 20px !important; }

.font-22 {
  font-size: 22px !important; }

.font-24 {
  font-size: 24px !important; }

.font-26 {
  font-size: 26px !important; }

.font-28 {
  font-size: 28px !important; }

.navbar-dark a.nav-link {
  padding: 10px;
  color: #ffffff; }
  .navbar-dark a.nav-link:hover {
    background-color: #000000;
    color: #ffffff; }

.primary-menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  padding: 0;
  list-style: none; }
  .primary-menu .nav-item > a {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    padding: 20px 10px;
    font-size: 14px; }
    .primary-menu .nav-item > a img {
      width: 30px;
      margin-right: 10px; }
  .primary-menu .nav-item.show > a {
    background-color: #000000; }

.link-text-underline {
  text-decoration: underline; }
  .link-text-underline :hover {
    text-decoration: none; }

@media all and (min-width: 992px) {
  .primary-menu .has-megamenu {
    position: static !important; }
  .primary-menu .megamenu {
    left: 0;
    right: 0;
    width: 100%;
    padding: 20px; } }
.categories.colored .card {
  background-color: #002E73;
  border: solid 4px #002E73; }
  .categories.colored .card a {
    color: #ffffff; }
  .categories.colored .card figcaption {
    padding: 0.125rem 1rem; }

.product .pr__image_wrapper {
  min-height: 200px; }
.product .select-qty .btn-check:checked + .btn {
  border-color: #00bb8c;
  color: #00bb8c; }
.product .discount {
  color: #00bb8c; }
.product .was-price {
  color: #c7004c; }
.product .qty-input .form-control {
  width: 70px; }
.product .price-container {
  min-height: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: baseline; }

/* offcanvas-menu */
.hamburger-menu {
  overflow: hidden; }

.offcanvas-overly {
  position: fixed;
  background: #c1c1c1;
  top: 0;
  left: 0;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  transition: .3s; }

.offcanvas-overly.active {
  width: 100vw;
  height: 100vh;
  opacity: 1;
  visibility: visible;
  overflow: hidden;
  z-index: 9999; }

.offcanvas-menu {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999999;
  background: rgba(255, 255, 255, 0.94);
  padding: 40px 0px;
  width: 100vw;
  height: 100%;
  overflow-y: scroll;
  transition: .5s;
  transform: translateY(-120%);
  display: none; }

.offcanvas-menu.active {
  transform: translateY(0);
  display: block; }

.offcanvas-menu.active .menu-close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 30px;
  height: 30px;
  line-height: 34px;
  text-align: center;
  cursor: pointer; }

.offcanvas-menu .menu-close i {
  font-size: 18px;
  transition: .3s;
  cursor: pointer; }

.offcanvas-menu .menu-close:hover i {
  color: #ea1b35; }

.body-overflow {
  height: 100%;
  overflow: hidden; }

.offcanvas-overly {
  position: fixed; }

.offcanvas-menu.active {
  transform: translateX(0); }

.offcanvas-menu h2 {
  font-size: 20px; }

.menu-icon {
  cursor: pointer;
  margin-right: 20px; }

.menu-icon .menu-tigger {
  display: flex;
  align-items: center; }

.menu-icon .menu-tigger .menu-lines {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  width: 30px;
  height: 30px;
  border-radius: 60px;
  border: solid 1px rgba(255, 255, 255, 0.2); }

.menu-icon .menu-tigger span {
  height: 1px;
  width: 10px;
  background: #ffffff;
  display: block;
  margin-bottom: 4px;
  transition: .3s; }

.menu-icon:hover span {
  opacity: 0.8; }

.menu-icon .menu-tigger span:last-child {
  margin: 0; }

.menu-icon .menu-tigger span:nth-child(2) {
  width: 18px; }

.mobile-menu-two.mean-container a.meanmenu-reveal {
  margin-top: -56px; }

.menu-icon .menu-tigger:hover .menu-lines {
  background: #fff; }

.menu-icon .menu-tigger:hover span {
  background: rgba(24, 116, 205, 0.98); }

/* offcanvas-menu */
.hamburger-menu .head {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  left: 0;
  border-right: solid 1px #ccc;
  padding: 0 0 15px 0;
  top: 0;
  bottom: 0; }

.hamburger-menu .hamburger-menu-container {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 0 50px 20px 150px; }

.hamburger-menu .brand {
  padding: 30px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2); }

.hamburger-menu .brand img {
  height: 50px; }

.hamburger-menu .head .social {
  flex-direction: column; }

.hamburger-menu .social .nav-link {
  padding: 5px 0; }

.offcanvas-menu .hm-block {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 100%; }

.offcanvas-menu .hm-main {
  width: 100%;
  height: 90%; }

.offcanvas-menu .nav__icon a {
  display: flex;
  align-items: center;
  margin: 0 0 15px 0; }

.offcanvas-menu .nav__icon a .icon {
  width: 30px;
  margin: 0 15px 0 0; }
  .offcanvas-menu .nav__icon a .icon img {
    width: 100%; }

.offcanvas-menu .hm-block .hm-footer {
  width: 100%;
  align-self: flex-end !important; }

.offcanvas-menu .secondary-nav a {
  color: #747a8c;
  margin: 0 20px 0 0; }

.offcanvas-menu .secondary-nav a:hover {
  text-decoration: underline; }

.offcanvas-menu h2 {
  font-family: 'PT Serif', serif;
  font-weight: 700;
  margin: 10px 0 15px 0; }

.offcanvas-menu .proggrammes-nav {
  display: flex;
  padding: 0; }

.offcanvas-menu .proggrammes-nav li {
  margin-bottom: 10px; }

.offcanvas-menu .proggrammes-nav li a {
  line-height: 18px; }

.offcanvas-menu h6 {
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 5px 0; }

.offcanvas-menu .nav {
  margin-bottom: 20px; }

.offcanvas-menu .program-list-nav {
  margin: 0;
  border: none; }

.offcanvas-menu .program-nav {
  flex-direction: column;
  padding: 0 40px;
  margin: 0; }

.offcanvas-menu .program-list-nav .program-nav .nav-link {
  border: none; }

.offcanvas-menu .program-list-nav .program-nav .nav-link.active {
  color: #ffffff; }

.offcanvas-menu .nav-link {
  padding: 0;
  margin: 5px 0; }

.offcanvas-menu .nav-pills a {
  padding: 5px 25px;
  border: solid 1px #ccc;
  border-radius: 60px;
  margin-bottom: 10px; }

.offcanvas-menu .nav-pills a.active {
  background: #00b5e9;
  border-color: #00b5e9; }

.offcanvas-menu .reach-us {
  padding: 0; }

.offcanvas-menu .reach-us address {
  margin: 30px 0 0 0; }

.offcanvas-menu .reach-us .info-col a {
  font-size: 16px; }

.offcanvas-menu .getintouch {
  padding: 30px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.2); }

.offcanvas-menu .nav-heading,
.offcanvas-menu .sitemap .nav-heading {
  font-size: 14px;
  font-weight: 600;
  color: #000;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 8px 0;
  display: block;
  letter-spacing: 1px; }

.offcanvas-menu .nav-heading:hover {
  text-decoration: underline; }

.offcanvas-menu ul li:hover a,
.offcanvas-menu ul li a.active {
  color: #00b5e9; }

.hamburger-menu .modal {
  background: rgba(197, 197, 197, 0.7); }

.hamburger-menu .modal .modal-dialog-scrollable {
  max-height: 100%; }

.hamburger-menu .modal .modal-header {
  display: flex;
  justify-content: flex-start;
  text-align: left; }

.hamburger-menu .modal .modal-header .close {
  float: left;
  margin: 0 20px 0 0;
  padding: 0; }

.hamburger-menu .modal .modal-header .close i {
  font-size: 18px; }

.side-social a {
  font-size: 18px;
  margin-right: 30px; }

.side-social {
  margin-top: 30px; }

.side-social a:hover {
  color: #ea1b35; }

.hm-collapse-menu a {
  padding: .1875rem .5rem;
  margin-top: .125rem;
  margin-left: .3125rem;
  color: rgba(0, 0, 0, 0.65);
  text-decoration: none; }

.hm-collapse-menu a:hover,
.hm-collapse-menu a:focus {
  color: rgba(0, 0, 0, 0.85);
  background-color: rgba(121, 82, 179, 0.1); }

.hm-collapse-menu .active {
  font-weight: 600;
  color: rgba(0, 0, 0, 0.85); }

.hm-collapse-menu .btn {
  padding: .25rem .5rem;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.65);
  border: 0; }

.hm-collapse-menu .btn:hover,
.hm-collapse-menu .btn:focus {
  color: rgba(0, 0, 0, 0.85);
  background-color: rgba(121, 82, 179, 0.1); }

.hm-collapse-menu .btn:focus {
  box-shadow: 0 0 0 1px rgba(121, 82, 179, 0.7); }

.hm-collapse-menu .btn::before {
  width: 1.25em;
  line-height: 0;
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
  transition: transform .35s ease;
  /* rtl:raw:
  transform: rotate(180deg) translateX(-2px);
  */
  transform-origin: .5em 50%; }

.hm-collapse-menu .btn[aria-expanded="true"]::before {
  transform: rotate(90deg); }

@media only screen and (max-width: 762px) {
  .hamburger-menu .offcanvas-menu .hm-block {
    height: auto; }
  .hamburger-menu .offcanvas-menu .brand {
    padding: 10px; }
  .hamburger-menu .offcanvas-menu .hamburger-menu-container {
    padding-left: 100px; }
  .hamburger-menu .offcanvas-menu .secondary-nav {
    margin: 20px 0; }
  .hamburger-menu .offcanvas-menu .search {
    margin-bottom: 30px; } }
@media (max-width: 767px) {
  .usp-secondary p {
    font-size: 12px; } }
.modal-fullscreen {
  width: auto; }

.modal .close {
  position: absolute;
  z-index: 2;
  top: 10px;
  right: 10px; }

.swiper-carousel .swiper-button::after, .swiper-carousel .swiper-button-prev::after, .swiper-carousel .swiper-button-next::after {
  color: #afafaf; }
.swiper-carousel .swiper-button-prev {
  left: 0px; }
.swiper-carousel .swiper-button:hover::after, .swiper-carousel .swiper-button-prev:hover::after, .swiper-carousel .swiper-button-next:hover::after {
  color: var(--bs-cyan); }
.swiper-carousel .swiper-pagination-bullet-active {
  background: var(--bs-cyan); }

/*------------------------------------
  Custom Styles
------------------------------------*/
.btn-outline-primary:hover {
  color: #ffffff; }

.nav-pills .nav-item {
  margin: 2px; }
  .nav-pills .nav-item .nav-link {
    border-radius: 0;
    background-color: #e5e5e5; }
    .nav-pills .nav-item .nav-link.active {
      background-color: #253e86 !important;
      color: #ffffff !important; }

.primary-menu {
  background-color: #253e86 !important;
  justify-content: center;
  margin: 0; }
  .primary-menu .nav-item {
    display: inherit;
    justify-content: center;
    text-align: center;
    padding: 0;
    position: relative; }
    .primary-menu .nav-item > a {
      color: #ffffff !important;
      height: auto;
      border-bottom: solid 3px transparent; }
      .primary-menu .nav-item > a:hover {
        background-color: transparent;
        color: #ffffff !important;
        border-bottom-color: #ffffff; }
      .primary-menu .nav-item > a:focus, .primary-menu .nav-item > a:focus-within {
        border-bottom-color: #ffffff; }
      .primary-menu .nav-item > a span.icon {
        width: auto;
        display: block; }
      .primary-menu .nav-item > a span {
        white-space: normal;
        text-align: left;
        font-size: 12px; }

@media only screen and (max-width: 1400px) {
  .primary-menu .nav-item a {
    padding: 1.2rem;
    flex-direction: column;
    height: 90px; }
    .primary-menu .nav-item a span {
      text-align: center; }
      .primary-menu .nav-item a span:first-child {
        margin-bottom: 10px;
        height: 100%;
        display: block; }
      .primary-menu .nav-item a span img {
        margin-right: 0; }
  .primary-menu .nav-item .dropdown-toggle::after {
    display: none; }
  .primary-menu .nav-item .dropdown-menu a {
    font-size: 13px;
    padding: 0;
    height: auto; } }
.usp-primary {
  color: #253e86 !important; }

.primary-menu .dropdown:hover .dropdown-menu {
  display: block; }
.primary-menu .dropdown .dropdown-menu {
  border: none;
  box-shadow: 0 2px 12px 0 rgba(154, 161, 171, 0.2);
  margin: 0; }
  .primary-menu .dropdown .dropdown-menu .dropdown-menu-inner {
    width: 94%;
    margin: 0 auto; }
  .primary-menu .dropdown .dropdown-menu .prodcuts-row .product {
    text-align: center;
    transition: all .5s;
    margin-bottom: 2rem; }
    .primary-menu .dropdown .dropdown-menu .prodcuts-row .product .pr__image_wrapper {
      min-height: 90px; }
      .primary-menu .dropdown .dropdown-menu .prodcuts-row .product .pr__image_wrapper .figure-img {
        max-height: 100px; }
    .primary-menu .dropdown .dropdown-menu .prodcuts-row .product:hover img {
      transform: scale(1.1); }
    .primary-menu .dropdown .dropdown-menu .prodcuts-row .product:hover a {
      font-weight: 600;
      color: #253e86 !important; }

.primary-menu .nav-item .dropdown-menu {
  display: none;
  margin-top: 0;
  border-radius: 0; }
.primary-menu .nav-item:hover .dropdown-menu {
  display: block; }
.primary-menu .dropdown:after {
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.4);
  pointer-events: none; }
.primary-menu .dropdown:hover .nav-link {
  position: relative;
  z-index: 12; }
.primary-menu .dropdown:hover:after {
  z-index: 10;
  opacity: 1;
  visibility: visible;
  position: fixed; }

.btn-primary {
  background-color: #253e86 !important;
  border-color: #253e86 !important; }

.btn-success:hover {
  color: #ffffff !important; }

.btn-light {
  background-color: #e5e5e5;
  color: #253e86 !important; }
  .btn-light:hover {
    background-color: #cecece;
    color: #253e86 !important; }

.radio-btn-group .btn {
  border-color: #ebebeb; }
  .radio-btn-group .btn:hover {
    border-color: #cecece; }

.btn-check {
  background-color: #e5e5e5; }

.categories figure {
  max-height: 300px; }
  .categories figure img {
    height: 100%; }
.categories.colored .card {
  border-radius: 0;
  border-width: 20px;
  text-align: center; }
  .categories.colored .card a :hover {
    color: #ffffff !important; }
  .categories.colored .card a figure {
    background-color: #ffffff;
    margin: 0; }
  .categories.colored .card a figcaption {
    height: 100px;
    text-transform: uppercase;
    padding-top: 1rem;
    padding-bottom: 0; }
    .categories.colored .card a figcaption .c__title {
      font-size: 20px;
      font-weight: 700; }
    .categories.colored .card a figcaption .c__sub_heading {
      font-size: 14px;
      line-height: 1.2;
      display: block;
      text-transform: capitalize; }
.categories.colored .card:nth-child(1) {
  background-color: #f05844;
  border-color: #f05844; }
.categories.colored .card:nth-child(2) {
  background-color: #e08d2c;
  border-color: #e08d2c; }
.categories.colored .card:nth-child(3) {
  background-color: #ae5384;
  border-color: #ae5384; }
.categories.colored .card:nth-child(4) {
  background-color: #3097be;
  border-color: #3097be; }
.categories.colored .card:nth-child(5) {
  background-color: #d32959;
  border-color: #d32959; }
.categories.colored .card:nth-child(6) {
  background-color: #5b4cb1;
  border-color: #5b4cb1; }

.products .product .pr__content {
  padding: 0 2rem 2rem 0; }
  .products .product .pr__content .pr__name {
    height: 46px;
    display: block; }
.products .product .btn-cart {
  font-weight: 600;
  padding-top: 10px;
  padding-bottom: 10px; }

.product-border-y .product {
  border-right: solid 1px #e5e5e5; }
  .product-border-y .product:last-child {
    border-right: none; }

.best-selling .product .pr__content {
  padding-left: 2rem; }

@media (max-width: 1024px) {
  .categories.colored .card a figure img {
    width: auto;
    height: 200px; }
  .categories.colored .card a figcaption .c__title {
    font-size: 13px; }
  .categories.colored .card a figcaption .c__sub_heading {
    font-size: 11px; }

  .best-selling .product {
    display: flex; }
    .best-selling .product .pr__image__link {
      display: block;
      margin-right: 30px; }
      .best-selling .product .pr__image__link img {
        width: 120px; }
    .best-selling .product .pr__content {
      padding-left: 0; }

  .products .product .pr__content .pr__name, .products .product .pr__content .price {
    font-size: 13px;
    height: auto; }
  .products .product .pr__content small {
    font-size: 12px; }
  .products .product .pr__content .price-container {
    min-height: auto; }
  .products .product .btn-cart {
    font-size: 13px; } }
@media (max-width: 767px) {
  .categories.colored .card a figure img {
    width: auto;
    height: 100px; }

  .categories .product .pr__image_wrapper {
    min-height: 140px; }

  .products-list .product .pr__image__link img {
    width: 80%;
    max-width: 80%; }
  .products-list .product .pr__content {
    padding: 0 2rem 2rem 2rem; }
    .products-list .product .pr__content .pr__name {
      font-size: 13px;
      height: auto;
      line-height: 1.2; } }
.h_main .h__middle {
  flex-grow: 2;
  display: flex;
  align-items: center;
  justify-content: flex-start; }

html {
  position: relative;
  min-height: 100%; }

.master-head {
  position: sticky;
  top: 0;
  background: #ffffff;
  z-index: 99; }
  .master-head .h_main {
    padding-left: 1rem;
    padding-right: 1rem; }
    .master-head .h_main .brand-logo img {
      height: 60px;
      margin: 20px 0; }
    .master-head .h_main .nav__icon .nav-link span {
      font-weight: 600; }
    .master-head .h_main .nav__icon .nav-link .icon-bag {
      width: 30px;
      height: 30px; }
  .master-head .search {
    margin: 0 30px; }
    .master-head .search form .form-select {
      width: 80px;
      height: 100%; }
    .master-head .search form .form-control {
      width: 100px;
      height: 100%; }
    .master-head .search form .search_product .form-control {
      width: 300px; }
  .master-head .usp-item {
    position: relative;
    text-align: center; }
    .master-head .usp-item:after {
      width: 1px;
      height: 100%;
      position: absolute;
      content: '';
      background-color: red;
      right: 0;
      top: 0; }
    .master-head .usp-item:last-child:after {
      display: none; }
    .master-head .usp-item .usp-item-heading {
      margin: 0; }
    .master-head .usp-item p {
      margin: 0; }

@media (max-width: 1400px) {
  .master-head .h_main .brand-logo img {
    height: 55px; } }
@media (max-width: 1024px) {
  .master-head .h_main .brand-logo img {
    height: 34px; }
  .master-head .h_main .search {
    display: none; }
  .master-head .h_main .h__end .menu-icon {
    margin: 0; }
  .master-head .h_main .myaccount-link span {
    display: none; }
  .master-head .primary-menu {
    display: none; } }
@media (max-width: 767px) {
  .master-head .h__end .nav-link {
    padding: 0 5px; }
  .master-head .h__end .shopping-bag span {
    display: none; }
  .master-head .h__end .shopping-bag span.cart-count {
    display: block;
    position: absolute;
    top: 0;
    right: -1px;
    background: #000;
    color: #fff;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    border: solid 2px #fff; } }
footer {
  background-color: #3f3f41;
  color: #ffffff;
  font-size: 14px; }
  footer .newsletter {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center; }
  footer a {
    color: #ffffff; }
    footer a:hover {
      color: #ffffff !important;
      text-decoration: underline; }
  footer .nav-heading {
    text-transform: uppercase;
    font-size: 16px; }
  footer .border-bottom {
    border-bottom-color: #555555 !important; }
  footer .footer-bottom {
    text-align: center;
    padding-bottom: 40px; }

.best-selling,
.swiper-container,
.categories-container,
.products-carousel {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1; }

.swiper-carousel .swiper-button::after, .swiper-carousel .swiper-button-prev::after, .swiper-carousel .swiper-button-next::after {
  background-color: #fff;
  padding: 10px 20px;
  color: #afafaf;
  font-size: 24px; }
.swiper-carousel .swiper-button-prev {
  left: 20px; }
.swiper-carousel .swiper-button-next {
  right: 20px; }
.swiper-carousel .swiper-button:hover::after, .swiper-carousel .swiper-button-prev:hover::after, .swiper-carousel .swiper-button-next:hover::after {
  color: #000; }
.swiper-carousel .swiper-pagination-bullet-active {
  background: #253e86 !important; }

@media (max-width: 1024px) {
  .swiper-carousel .swiper-button::after, .swiper-carousel .swiper-button-prev::after, .swiper-carousel .swiper-button-next::after {
    padding: 5px 10px;
    font-size: 14px; } }
.product-details main .product-hero {
  padding-left: 0;
  padding-right: 0; }
.product-details main .product-gallery {
  width: 300px;
  height: 100%; }
.product-details main .product-full-info {
  margin-bottom: 1rem; }
  .product-details main .product-full-info .product-list-table tbody {
    font-size: 13px; }
    .product-details main .product-full-info .product-list-table tbody .selected {
      background-color: #dff3f5; }
.product-details main .tab-pane .tab-pane-content {
  box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15);
  padding: 15px 30px;
  min-height: 100px; }
.product-details main .nav .active {
  color: #253e86 !important;
  border-bottom: solid 2px #0088C2; }
.product-details main .product-selection {
  border-radius: 5px;
  box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15);
  margin: 1rem 0 0 0;
  overflow: hidden; }
  .product-details main .product-selection .product-list-row {
    display: grid;
    grid-template-columns: 1.25fr 1fr 1.75fr 1.50fr;
    grid-gap: 1px;
    background-color: #f0f0f0; }
  .product-details main .product-selection .product-list-header {
    border-bottom: solid 2px #f0f0f0; }
    .product-details main .product-selection .product-list-header .product-price {
      flex-direction: column; }
    .product-details main .product-selection .product-list-header .plh-col {
      background: #fff;
      overflow: hidden;
      display: flex;
      align-items: center; }
      .product-details main .product-selection .product-list-header .plh-col .label {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        font-size: 12px;
        text-transform: uppercase;
        padding: 1rem; }
        .product-details main .product-selection .product-list-header .plh-col .label .label-text {
          margin-right: 20px;
          opacity: .5; }
        .product-details main .product-selection .product-list-header .plh-col .label .custom-switcher {
          display: inline-flex; }
          .product-details main .product-selection .product-list-header .plh-col .label .custom-switcher .form-switch {
            display: inline-flex;
            justify-content: center;
            margin: 0 5px 0 5px;
            min-height: auto; }
            .product-details main .product-selection .product-list-header .plh-col .label .custom-switcher .form-switch .form-check-input {
              border-color: #0088C2;
              background-color: #0088C2;
              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='%23fff'/%3e%3c/svg%3e"); }
      .product-details main .product-selection .product-list-header .plh-col .price-slot-labels {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        background-color: #f0f0f0;
        grid-column-gap: 1px;
        width: 100%; }
        .product-details main .product-selection .product-list-header .plh-col .price-slot-labels > span {
          background-color: #ffffff;
          text-align: center;
          font-size: 13px; }
    .product-details main .product-selection .product-list-header .product-unit {
      display: flex;
      justify-content: center; }
  .product-details main .product-selection .product-list-body {
    display: grid;
    grid-row-gap: 1px;
    background-color: #f0f0f0; }
    .product-details main .product-selection .product-list-body .plb-col {
      background: #fff;
      padding: 1rem; }
    .product-details main .product-selection .product-list-body .pr-price-slots {
      padding: 0; }
    .product-details main .product-selection .product-list-body .pr-unit {
      font-size: 14px;
      text-align: center; }
    .product-details main .product-selection .product-list-body .price-slot-group {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      background-color: #ebebeb;
      grid-column-gap: 1px;
      height: 100%; }
      .product-details main .product-selection .product-list-body .price-slot-group .price-slot .btn {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center; }
      .product-details main .product-selection .product-list-body .price-slot-group .price-slot .btn-outline-primary {
        background-color: #fff;
        color: #000000;
        border: none;
        border-radius: 0; }
      .product-details main .product-selection .product-list-body .price-slot-group .price-slot .btn-check:checked + .btn-outline-primary,
      .product-details main .product-selection .product-list-body .price-slot-group .price-slot .btn-check:active + .btn-outline-primary,
      .product-details main .product-selection .product-list-body .price-slot-group .price-slot .btn-outline-primary:active,
      .product-details main .product-selection .product-list-body .price-slot-group .price-slot .btn-outline-primary.active,
      .product-details main .product-selection .product-list-body .price-slot-group .price-slot .btn-outline-primary.dropdown-toggle.show {
        background-color: #d8e7ff;
        color: #253e86 !important; }
    .product-details main .product-selection .product-list-body .pr-cta {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .product-details main .product-selection .product-list-body .pr-cta .pr__price {
        width: 80px;
        font-size: 14px;
        font-weight: 700; }
      .product-details main .product-selection .product-list-body .pr-cta .addtocart {
        background-color: #f05844;
        color: #ffffff;
        border-radius: 12px;
        font-size: 13px;
        text-transform: uppercase; }
    .product-details main .product-selection .product-list-body .pr-info {
      font-size: 14px; }
    .product-details main .product-selection .product-list-body .item-qty .btn {
      padding: 0; }
      .product-details main .product-selection .product-list-body .item-qty .btn.selected {
        background-color: #00bb8c;
        color: #ffffff; }
      .product-details main .product-selection .product-list-body .item-qty .btn svg {
        width: 25px;
        height: 100%;
        background-color: #ebebeb;
        padding: 5px; }
    .product-details main .product-selection .product-list-body .item-qty .form-control {
      width: 60px;
      font-size: 13px;
      text-align: center; }
    .product-details main .product-selection .product-list-body .item-qty .selected {
      background-color: #00bb8c;
      color: #ffffff; }
.product-details main .product-list .unit-per, .product-details main .product-list .select-qty, .product-details main .product-list .item-qty, .product-details main .product-list .item-qty, .product-details main .product-list .cta-block {
  padding-top: 15px; }
.product-details main .product-list .pr__price {
  padding-top: 23px; }
.product-details main .product-list .select-qty {
  min-width: 220px; }
  .product-details main .product-list .select-qty .btn-check:checked + .btn {
    background-color: #253e86;
    border-color: #253e86;
    color: #ffffff; }
.product-details main .product-list .switch-btn .active {
  background-color: #002E73;
  color: #ffffff; }
.product-details main .product-list .product-text figure.product-thumb-small {
  position: relative;
  margin-right: 1rem; }
  .product-details main .product-list .product-text figure.product-thumb-small .icon-fixed {
    position: absolute;
    top: 0;
    right: 0; }

@media (max-width: 1220px) {
  .product-details main .product-selection .product-list-header .product-unit .unit-per {
    flex-direction: column; }
  .product-details main .product-selection .product-list-row {
    grid-template-columns: 1.25fr 1fr 1.75fr 1.75fr; }
  .product-details main .product-selection .product-list-body .item-qty .form-control {
    width: 50px;
    padding: 5px; } }
@media (max-width: 1024px) {
  .product-details main .product-selection .product-list-body .pr-cta {
    justify-content: flex-end; }
  .product-details main .product-selection .product-list-row {
    grid-template-columns: 1.75fr 1fr 2fr; }
    .product-details main .product-selection .product-list-row .product-price, .product-details main .product-selection .product-list-row .pr-price-slots {
      display: none; } }
@media (max-width: 767px) {
  .product-details main .product-hero {
    padding: 1rem 0; }
  .product-details main .product-gallery {
    width: auto; }
  .product-details main .product-list .unit-per, .product-details main .product-list .select-qty, .product-details main .product-list .item-qty, .product-details main .product-list .item-qty, .product-details main .product-list .cta-block {
    padding-top: 5px; }
  .product-details main .product-list .pr__title, .product-details main .product-list .pr__price {
    padding-top: 10px; }
  .product-details main .product-selection .product-list-row {
    grid-template-columns: 2fr 1.75fr; }
  .product-details main .product-selection .product-list-header .product-unit {
    display: none; }
  .product-details main .product-selection .product-list-body .pr-unit {
    display: none; }
  .product-details main .product-selection .product-list-body .pr-cta {
    flex-direction: column;
    justify-content: center;
    align-items: flex-end; }
    .product-details main .product-selection .product-list-body .pr-cta .item-qty {
      display: none; }
  .product-details main .product-list-sm .pr__price {
    margin: 0 1rem; } }
.authentication-bg {
  background: #ffffff url(../images/auth-bg-1.png);
  background-size: cover; }

.account-pages {
  display: flex;
  align-content: center; }
  .account-pages .card {
    border: solid 2px #e5e5e5;
    padding: 30px; }

.authentication-bg.enlarged {
  min-height: 100px; }

@media (max-width: 767px) {
  .account-pages .card {
    padding: 0; } }
.section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 2rem;
  padding-bottom: 2rem; }
  .section-header .title {
    font-size: 24px;
    font-weight: 400;
    color: #000000; }

.align-fcc {
  display: flex;
  align-items: center;
  justify-content: center; }

.main-card {
  border: none;
  background: #ffffff; }
  .main-card .card-header {
    border: none;
    background: #ffffff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); }
  .main-card .result-info-label {
    font-size: 12px;
    color: #999999; }
  .main-card .child-card {
    padding: 5px 30px; }
    .main-card .child-card .nav-bordered {
      border-bottom: none !important;
      margin-bottom: 2px; }

@media (max-width: 1024px) {
  .section-header {
    padding-top: 1rem;
    padding-bottom: 1rem; }
    .section-header .title {
      font-size: 18px; } }
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: #000000;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

/*# sourceMappingURL=app-styles.css.map */