:root {
    --brand-primary: #232323;
    --black-color: #666666;
    --light-color: #ffffff;
    --border-color: #eeeeee;
    --slider-navigation-aerrow1: url("../../../catalog/view/image/Arrow.png") no-repeat 7px 0px;
    --slider-navigation-aerrow2: url("../../../catalog/view/image/arrow-1.png") no-repeat 12px 8px;
    --primary-font: 'Poppins', sans-serif;
    --secondary-font: 'Baloo Paaji 2', cursive;
  }

  body {
    font-family: var(--primary-font);
    font-weight: 400;
    color: var(--brand-primary);
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.5px;
    width: 100%;
  }

  html {
    height: 100vh;
  }

  /*Container*/
  .container {
    padding: 0 12px;
  }

  .row {
    margin: 0 -12px;
  }

  @media (max-width: 575px) {
    .row-responsive {
      margin: 0 -12px;
    }
  }

  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-xxl {
    max-width: 1200px;
  }

  @media (min-width: 576px) {
    .container {
      max-width: 576px;
      width: 100%;
    }
  }

  @media (min-width: 768px) {
    .container {
      max-width: 720px;
      width: 100%;
    }
  }

  @media (min-width: 992px) {
    .container {
      max-width: 940px;
      width: 100%;
    }
  }

  @media (min-width: 1200px) {
    .container {
      max-width: 1200px;
      width: 100%;
    }
  }

  /*Container*/
  .btn-default {
    background-color: var(--btnhover_bgcolor);
    color: var(--btnhover_textcolor);
    border: 1px solid var(--btnhover_bgcolor);
    outline: none;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    font-family: var(--primary-font);
    padding: 9px 20px;
    text-transform: uppercase;
    border-radius: 30px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  .btn-default:hover,
  .btn-default:active,
  .btn-default:focus {
    color: var(--btn_textcolor);
    background-color: var(--btn_bgcolor);
    border: 1px solid var(--btn_bgcolor);
    outline: none;
    box-shadow: none;
  }

  .btn-default:active:hover {
    color: var(--btn_textcolor);
    background-color: var(--btn_bgcolor);
    border: 1px solid var(--btn_bgcolor);
    outline: none;
  }

  .btn-default:active:focus {
    color: var(--btn_textcolor);
    background-color: var(--btn_bgcolor);
    border: 1px solid var(--btn_bgcolor);
    outline: none;
  }

  .btn-primary,
  .btn.disabled,
  .btn:disabled,
  .btn-secondary {
    opacity: 1;
    font-size: 14px;
    font-weight: 400;
    padding: 11px 20px;
    font-family: var(--primary-font);
    text-transform: uppercase;
    border-radius: 30px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    display: inline-block;
    color: var(--btn_textcolor);
    background-color: var(--btn_bgcolor);
    border: 1px solid var(--btn_bgcolor);
    outline: none;
    line-height: 18px;
  }

  .btn-primary:hover,
  .btn.disabled:hover,
  .btn:disabled:hover,
  .btn-secondary:hover,
  .btn-primary:active,
  .btn.disabled:active,
  .btn:disabled:active,
  .btn-secondary:active,
  .btn-primary:focus,
  .btn.disabled:focus,
  .btn:disabled:focus,
  .btn-secondary:focus {
    color: var(--btnhover_textcolor);
    background-color: var(--btnhover_bgcolor);
    outline: none;
    border: 1px solid var(--btnhover_bgcolor);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  .btn-primary:active:hover,
  .btn.disabled:active:hover,
  .btn:disabled:active:hover,
  .btn-secondary:active:hover {
    color: var(--btnhover_textcolor);
    background-color: var(--btnhover_bgcolor);
    outline: none;
    border: 1px solid var(--btnhover_bgcolor);
  }

  .btn-primary:active:focus,
  .btn.disabled:active:focus,
  .btn:disabled:active:focus,
  .btn-secondary:active:focus {
    color: var(--btnhover_textcolor);
    background-color: var(--btnhover_bgcolor);
    outline: none;
    border: 1px solid var(--btnhover_bgcolor);
  }

  section {
    margin-bottom: 70px;
  }

  @media (max-width: 991px) {
    section {
      margin-bottom: 50px;
    }
  }

  @media (max-width: 575px) {
    section {
      margin-bottom: 30px;
    }
  }

  /*Start Quichview*/

  .quickview {
    background: var(--light-color);
    padding: 15px;
    display: block;
    overflow: hidden;
    position: relative;
  }

  .quickview .quickview-container .productpage-quickview {
    min-height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  @media (max-width: 767px) {
    .quickview .quickview-container .productpage-quickview .row {
      display: block;
    }
  }

  .quickview .quickview-container .product-image img {
    border: 1px solid #eee;
    width: 100%;
  }

  .quickview .quickview-container .productpage-quickview .product-left {
    float: left;
  }

  .quickview .quickview-container .productpage-quickview .product-right {
    float: right;
    clear: none !important;
  }

  .quickview .quickview-container .productpage-quickview .product-right .product-title {
    font-weight: 500;
    padding: 0px;
    font-size: 21px;
  }

  .quickview .quickview-container .productpage-quickview .product-right .rating-wrapper {
    margin: 0 0 5px;
    clear: both;
    padding: 0;
  }

  .quickview .quickview-container .productpage-quickview .product-right .rating-wrapper .review-count,
  .quickview .quickview-container .productpage-quickview .product-right .rating-wrapper .write-review {
    display: none;
  }

  .quickview .quickview-container .productpage-quickview .product-right .list-unstyled.attr li {
    line-height: 18px;
    padding: 6px 0;
    font-size: 14px;
    color: #666;
  }

  .quickview .quickview-container .productpage-quickview .product-right .list-unstyled.attr li .desc {
    margin-right: 10px;
    text-transform: capitalize;
    color: var(--brand-primary);
  }

  .quickview .quickview-container .productpage-quickview .product-right .list-unstyled.attr li a {
    color: #888888;
    text-decoration: none;
    font-weight: 400;
  }

  .quickview .quickview-container .productpage-quickview .product-right .list-unstyled.price li {
    line-height: 15px;
    padding: 6px 0;
    font-size: 14px;
    color: #444444;
    display: block;
    font-weight: 500;
    letter-spacing: 0.5px;
  }

  .quickview .quickview-container .productpage-quickview .product-right .list-unstyled.price li span {
    color: #666;
    font-weight: 400;
  }

  .quickview .quickview-container .productpage-quickview .product-right .list-unstyled.attr li span {
    color: var(--brand-primary);
    letter-spacing: 0.5px;
  }

  .quickview .quickview-container .product-price {
    color: var(--brand-primary);
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 400;
  }

  @media (max-width: 410px) {
    .product-right .list-unstyled.attr li span {
      font-size: 12px;
    }
  }

  .product-right .list-unstyled.attr li a {
    color: #666;
  }

  .quickview .quickview-container .productpage-quickview .product-right .list-unstyled.price .special-price {
    color: var(--brand-primary);
    font-size: 22px;
    font-weight: 500;
    line-height: 22px;
    margin: 5px 0px;
  }

  .quickview .quickview-container .price {
    margin-bottom: 0;
  }

  .quickview .quickview-container .old-price {
    font-size: 16px;
    color: #787878;
    font-weight: 500;
  }

  .quickview .quickview-container .attr {
    margin: 4px 0px 12px;
    padding: 5px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
  }

  .quickview .quickview-container .productpage-quickview .product-right #product2 .form-group .btn-default {
    padding: 8px 20px;
  }

  .quickview .quickview-container .productpage-quickview .product-right .list-unstyled.price .input-group {
    display: inline-flex;
  }

  .quickview .quickview-container .productpage-quickview .product-right .list-unstyled.price .input-group .input-group-btn .btn-default {
    line-height: 18px;
  }

  .quickview .quickview-container .productpage-quickview .product-right #product2 .form-group .control-label {
    margin: 0px 0px 6px 0;
  }

  .quickview .quickview-container .productpage-quickview .product-right #product2 .form-group .form-control {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #666666;
    border-radius: 30px;
    background-color: transparent;
  }

  #product2 .control-label {
    font-weight: 500;
  }

  .quickview .quantity-height {
    padding: 10px 15px;
  }

  .quickview .quickview-container .productpage-quickview .product-right #product2 .form-group .input-group-btn {
    display: table-cell;
  }

  .quickview .quickview-container .productpage-quickview .product-right .addthis_toolbox a.at300b {
    min-width: 90px;
  }

  .quickview .quickview-container .productpage-quickview .product-right #product2 .form-group .input-group .form-control {
    width: 100%;
    height: 36px;
  }

  .quickview .quickview-container .productpage-quickview .product-right #product2 .form-group button {
    width: auto;
    display: inline-block;
    vertical-align: middle;
  }

  .quickview .quickview-container .productpage-quickview .product-right #product2 .form-group .btn-primary {
    padding: 11px 20px;
  }

  .quickview .quickview-container .productpage-quickview .product-right .addthis_toolbox a {
    margin: 0;
  }

  .quickview .rating-wrapper .fa-stack,
  .quickview .rating-wrapper .fa-stack-1x {
    color: #ccc;
    font-size: 13px;
    line-height: 6px;
  }

  .quickview .rating-wrapper .yellow {
    color: #fec42d;
  }

  .quickview .rating-wrapper .gray {
    color: #ccc;
  }

  .quickview .rating-wrapper span.fa-stack {
    width: 8px;
    height: 8px;
    margin-right: 3px;
  }

  /*End Quickview*/

  /*title*/
  .home-title {
    position: relative;
    text-align: center;
    text-transform: capitalize;
    font-size: 36px;
    line-height: 40px;
    padding: 68px 0 0;
    margin: 0 0 25px;
    font-weight: 800;
    color: var(--brand-primary);
    font-family: var(--secondary-font);
    letter-spacing: 0.5px;
  }

  .home-title .seperator {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 60px;
    height: 60px;
    text-align: center;
    margin: 0 auto;
    border: 1px solid #e4e4e4;
    padding: 5px;
    border-radius: 50%;
    background: var(--seprator) no-repeat center;
  }

  @media (max-width: 1199px) {
    .home-title {
      font-size: 34px;
    }
  }

  @media (max-width: 767px) {
    .home-title {
      margin-bottom: 20px;
    }
  }

  @media (max-width: 575px) {
    .home-title {
      font-size: 26px;
      line-height: 30px;
      margin-bottom: 15px;
    }
  }

  .home-title .seperator:before,
  .home-title .seperator:after {
    content: '';
    height: 1px;
    width: 70px;
    background-color: #e4e4e4;
    position: absolute;
    left: -70px;
    top: 46%;
  }

  .home-title .seperator:after {
    top: 35px;
    right: -70px;
    left: auto;
  }

  .home-title .seperator span:before,
  .home-title .seperator span:after {
    content: '';
    height: 10px;
    width: 16px;
    background-color: var(--light-color);
    position: absolute;
    left: -12px;
    top: 28px;
  }

  .home-title .seperator span:after {
    right: -12px;
    left: auto;
    top: 26px;
  }

  /*.home-title {
    position: relative;
    text-align: center;
    font-size: 35px;
    line-height: 35px;
    text-transform: unset;
    margin: 0;
    margin-bottom: 10px;
    font-weight: 800;
    font-family: var(--secondary-font);
    letter-spacing: 0.8px;
    color: var(--brand-theme); }
    @media (max-width: 991px) {
    .home-title {
      font-size: 30px;
      line-height: 30px; } }
    @media (max-width: 543px) {
    .home-title {
      font-size: 26px;
      line-height: 26px; } }*/

  .subtitle {
    font-size: 15px;
    line-height: 15px;
    color: #888;
    margin-bottom: 0px;
    text-align: center;
  }

  @media (max-width: 543px) {
    .subtitle {
      font-size: 14px;
      line-height: 14px;
    }
  }

  /*owl-nav start*/

  /* Related Product */
  #product-info .related-product {
    text-align: center;
  }

  #product-info .related-product .product-container {
    padding-top: 0;
    padding-bottom: 0;
  }

  #product-info .related-product .related-carousel {
    padding: 0;
  }

  #product-info .related-product .related-carousel .owl-nav {
    margin-top: 25px;
  }

  @media (max-width: 575px) {
    #product-info .related-product .related-carousel .owl-nav {
      margin-top: 20px;
    }
  }

  @media (max-width: 575px) {
    #product-info .related-product .row {
      margin: 0 -6px;
    }
  }

  #product-info .related-product .owl-nav .owl-prev,
  #product-info .related-product .owl-nav .owl-next {
    top: 42%;
  }

  @media screen and (min-width: 992px) and (max-width: 1199px) {
    #product-info .related-product .countdown-container {
      left: 10px;
      right: 10px;
    }

    #product-info .related-product .countdown-container .data {
      width: 40px;
      font-size: 17px;
      line-height: 20px;
      height: 20px;
    }
  }

  /* Related Product */


  .owl-carousel .owl-nav {
    text-align: center;
    margin-top: 15px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  @media (max-width: 575px) {
    .owl-carousel .owl-nav {
      margin-top: 15px;
    }
  }

  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next {
    display: inline-block;
    vertical-align: middle;
    background-color: var(--btn_bgcolor) !important;
    border: 1px solid var(--btn_bgcolor) !important;
    width: 35px;
    height: 35px;
    text-align: center;
    margin: 0 3px;
    border-radius: 50px;
    outline: none;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
  }

  @media (min-width: 992px) {

    .owl-carousel .owl-nav .owl-prev,
    .owl-carousel .owl-nav .owl-next {
      position: absolute;
      left: -2px;
      top: 46%;
    }

    .owl-carousel .owl-nav .owl-next {
      right: -2px;
      left: auto;
    }
  }

  .owl-carousel .owl-nav .owl-prev:hover,
  .owl-carousel .owl-nav .owl-next:hover {
    background-color: var(--btnhover_bgcolor) !important;
    border: 1px solid var(--btnhover_bgcolor) !important;
  }

  @media (max-width: 991px) {

    .owl-carousel .owl-nav .owl-prev,
    .owl-carousel .owl-nav .owl-next {
      position: unset;
    }
  }

  @media (max-width: 767px) {

    .owl-carousel .owl-nav .owl-prev,
    .owl-carousel .owl-nav .owl-next {
      position: unset;
      width: 33px;
      height: 33px;
    }
  }

  .owl-carousel .owl-nav i:before {
    font-size: 15px;
    line-height: 34px;
    position: relative;
    text-align: center;
    font-weight: 400;
    color: var(--btn_textcolor);
    font-family: 'FontAwesome';
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
  }

  @media (max-width: 767px) {
    .owl-carousel .owl-nav i:before {
      line-height: 32px;
    }
  }

  .owl-carousel .owl-nav .owl-prev:hover i:before,
  .owl-carousel .owl-nav .owl-next:hover i:before {
    color: var(--btnhover_textcolor);
  }

  .owl-carousel .owl-nav .owl-next:before,
  .owl-carousel .owl-nav .owl-next:after {
    left: 24px;
  }

  .owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    vertical-align: middle;
    outline: none;
  }

  .owl-carousel .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    border-radius: 50px;
    background: var(--brand-theme);
    border: 1px solid var(--brand-theme);
    margin: 0 3px;
    display: block;
  }

  .owl-carousel .owl-dots .owl-dot.active span {
    background: var(--teritry_color);
    border-color: var(--teritry_color);
  }

  .owl-carousel .owl-dots.ishi-style-dot1 .owl-dot span {
    border-radius: 0;
  }

  .owl-carousel .owl-dots.ishi-style-dot2 .owl-dot span {
    border-radius: 50%;
  }

  .owl-carousel .owl-dots.ishi-style-dot3 .owl-dot span {
    border-radius: 0;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
  }

  .owl-carousel .owl-dots.ishi-style-dot4 .owl-dot span {
    width: 25px;
    height: 5px;
    border-radius: 0;
  }

  .owl-carousel .owl-dots.ishi-style-dot5 .owl-dot span {
    width: 25px;
    height: 6px;
    border-radius: 5px;
  }

  /*owl-nav end*/

  /* Header */
  #offcanvas-backdrop.active {
    background-color: var(--brand-primary);
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: opacity .2s, visibility 0ms .2s;
    visibility: hidden;
    width: 100%;
    z-index: 9998;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
  }

  #menu_wrapper.active {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 999;
    background: var(--brand-primary);
    opacity: 0.5;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  /* Header-Nav */
  #header .header-nav {
    background: var(--headernav_bgcolor);
    color: var(--headernav_textcolor);
    position: relative;
    padding: 0;
  }

  #header .header-nav .row {
    align-items: center;
  }

  #header .header-nav #ishiheaderblock {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.5px;
    position: relative;
    padding: 0;
  }

  #header .header-nav #ishiheaderblock p {
    color: var(--light-color);
    margin: 0;
  }

  #ishiheaderblock a {
    margin-left: 5px;
    position: relative;
    color: var(--light-color);
    cursor: pointer;
    text-transform: uppercase;
  }

  #ishiheaderblock a:after {
    content: "";
    position: absolute;
    width: 95%;
    height: 1px;
    background-color: var(--light-color);
    left: 1px;
    right: 0;
    bottom: -2px;
    margin: 0 auto;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  #header .header-nav .left-nav {
    text-align: left;
  }

  #header .header-nav .right-nav {
    display: flex;
    justify-content: right;
  }

  @media (max-width: 991px) {
    #header .header-nav .right-nav {
      justify-content: center;
    }
  }

  #header .right-nav>div {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 11px 10px;
  }

  @media (max-width: 991px) {
    #header .right-nav>div {
      padding: 10px;
    }
  }

  #header .right-nav>div:last-child {
    padding-right: 0;
  }

  #header .right-nav>div:after {
    content: '';
    position: absolute;
    top: 15px;
    right: 0;
    width: 1px;
    height: 13px;
    background-color: #999;
  }

  @media (max-width: 991px) {
    #header .right-nav>div:after {
      top: 13px;
    }
  }

  #header .right-nav>div#_desktop_user_info:after {
    display: none;
  }

  @media (max-width: 991px) {
    #header .right-nav>div.currency-selector:after {
      display: none;
    }
  }

  .left-nav #_desktop_user_info ul {
    margin: 0;
  }

  .left-nav .language-selector span,
  .left-nav .currency-selector span {
    color: var(--header_textcolor);
    font-size: 14px;
    font-weight: 400;
    padding: 0 4px;
  }

  @media (max-width: 991px) {

    .left-nav .language-selector span,
    .left-nav .currency-selector span,
    .right-nav .user-info span {
      color: var(--brand-primary);
      font-size: 16px;
    }
  }

  .currency-selector .dropdown-menu,
  .language-selector .dropdown-menu,
  .user-info .dropdown-menu {
    padding: 0;
    margin: 0;
  }

  .currency-selector li,
  .language-selector li {
    text-decoration: none
  }

  .currency-selector li a,
  .language-selector li a,
  .user-info li a {
    color: #888;
    padding: 3px 18px;
    font-size: 14px;
    text-align: left;
    font-weight: 400;
    transition: all 0.5s;
  }

  .currency-selector li img,
  .language-selector li img {
    padding-right: 8px;
  }

  .language-selector span,
  .currency-selector span,
  .user-info span {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    cursor: pointer;
    color: var(--headernav_textcolor);
    background: transparent;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  .language-selector i,
  .currency-selector i,
  .user-info i {
    font-size: 11px;
  }

  .left-nav .language-selector li a:hover,
  .left-nav .currency-selector li a:hover,
  .right-nav .user-info li a:hover {
    color: var(--brand-primary);
  }

  .language-selector li a:hover,
  .currency-selector li a:hover,
  .user-info li a:hover {
    background-color: transparent;
  }

  .left-nav .currency-selector {
    padding: 0 10px;
  }

  .left-nav .language-selector .dropdown-menu,
  .left-nav .currency-selector .dropdown-menu {
    left: 0 !important;
    right: auto !important;
    top: 30px !important;
    min-width: 160px;
    transform: unset !important;
    border-radius: 0;
  }

  .left-nav .language-selector i,
  .left-nav .currency-selector i {
    font-size: 14px;
    vertical-align: middle;
  }

  @media (max-width: 991px) {

    .left-nav .language-selector .dropdown-menu,
    .left-nav .currency-selector .dropdown-menu {
      right: auto !important;
      left: 0 !important;
    }
  }

  @media (max-width: 991px) {

    .left-nav .language-selector .dropdown-menu,
    .left-nav .currency-selector .dropdown-menu {
      min-width: 100px;
    }
  }

  #_mobile_header .header-mobile li {
    list-style-type: none;
    display: inline-block;
    vertical-align: middle;
  }

  .left-nav .language-selector .dropdown-menu li:after,
  .left-nav .currency-selector .dropdown-menu li:after {
    display: none;
  }

  @media (max-width: 991px) {
    .header-mobile {
      text-align: center;
      padding: 0;
      position: relative;
    }

    .left-nav .language-selector .dropdown-menu,
    .left-nav .currency-selector .dropdown-menu,
    .right-nav .user-info .dropdown-menu {
      top: 30px !important;
      transform: unset !important;
    }

    #_mobile_user_info .user-info .dropdown-menu {
      left: auto !important;
      right: 0 !important;
      border-radius: 0;
    }

    #_mobile_user_info .user-info li a:hover {
      color: var(--brand-primary);
    }
  }

  @media (max-width: 767px) {
    #header .header-nav .left-nav {
      display: none;
    }

    .header-nav .right-nav {
      display: block;
      text-align: center;
    }

    .header-nav .right-nav .currency-selector {
      display: inline-block;
      margin-bottom: 0;
    }

    .header-nav .right-nav .currency-selector form {
      margin-bottom: 0;
    }
  }

  /* Header-Nav */

  /* Header-Top */
  .header-top {
    background: var(--header_bgcolor);
    padding: 15px 0;
  }

  #_desktop_logo {
    padding: 0;
  }

  .header-top.fixed-header {
    /* If media is below 768 */
    background-color: var(--light-color);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 99;
    padding: 10px 0;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
    animation: slide-down 0.7s;
    -moz-animation: slide-down 0.7s;
    -webkit-animation: slide-down 0.7s;
    -o-animation: slide-down 0.7s;
    overflow: visible;
  }

  @media (max-width: 991px) {
    .header-top.fixed-header {
      background-color: var(--light-color);
      padding: 10px 0;
    }
  }

  .header-top-height {
    min-height: 80px;
  }

  @media (max-width: 991px) {
    .header-top-height {
      min-height: 76px;
    }
  }

  @media (max-width: 543px) {
    .header-top-height {
      min-height: 70px;
    }
  }

  .header-top #logo {
    margin: 0;
  }

  @media (max-width: 991px) {
    .header-top {
      padding: 10px 0;
    }
  }

  .header-top .container .row {
    align-items: center;
    justify-content: center;
  }

  #menu-icon {
    padding: 0;
    float: left;
    cursor: pointer;
  }

  #_mobile_seach_widget {
    float: left;
  }

  #menu-icon .nav-icon {
    width: 40px;
    height: 40px;
  }

  #menu-icon .nav-icon svg {
    fill: var(--brand-primary);
  }

  .mobile-width-right,
  .mobile-width-left {
    display: none;
  }

  .desktop-logo {
    max-width: 240px;
    padding: 32px 20px;
    text-align: center;
    z-index: 99;
    margin: 0 auto;
    background-color: var(--light-color);
    box-shadow: 0 0 9px 2px rgba(0, 0, 0, 0.1);
  }

  @media (min-width: 992px) {
    .desktop-logo {
      position: absolute;
      top: -55px;
      left: 0;
      right: 0;
    }
  }

  @media screen and (min-width: 992px) and (max-width: 1199px) {
    .desktop-logo {
      top: -30px;
      padding: 15px;
      max-width: 180px;
    }
  }

  @media (max-width: 991px) {
    .desktop-logo {
      max-width: 100%;
      width: 100%;
      padding: 0;
      box-shadow: none;
      text-align: center;
    }
  }

  @media (max-width: 543px) {
    .desktop-logo {
      text-align: center;
      margin: 0 auto;
      width: 100%;
    }
  }

  .desktop-logo a {
    display: inline-block;
    vertical-align: middle;
  }

  @media (max-width: 991px) {
    .desktop-logo a img {
      max-width: 60%;
      width: auto;
      text-align: center;
      margin: 0 auto;
    }
  }

  @media (max-width: 543px) {
    .desktop-logo a img {
      width: 121px;
    }
  }

  @media (min-width: 992px) {
    #_mobile_logo {
      display: none;
    }
  }

  #_mobile_logo {
    width: 38%;
    text-align: center;
    margin: 0 auto;
  }

  @media (min-width: 992px) {
    .search-widget .search-logo:before {
      content: '';
      position: absolute;
      left: -3px;
      top: -3px;
      width: 47px;
      height: 47px;
      border: 1px dashed var(--brand-theme);
      border-radius: 50%;
    }
  }

  .search-widget .search-logo:hover:before {
    -webkit-animation: spinAround 9s linear infinite;
    -moz-animation: spinAround 9s linear infinite;
    animation: spinAround 9s linear infinite;
  }

  .search-widget form input[type="text"] {
    min-width: 300px;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #eee;
    border-radius: 0 !important;
    height: 40px;
    padding: 5px 10px;
    padding-right: 50px;
    background: var(--light-color);

    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.8px;
    color: #a4a4a4;
  }

  .search-widget form input[type="text"]::placeholder {
    color: #a4a4a4;
  }

  @media (max-width: 991px) {
    .search-widget form input[type="text"] {
      padding: 5px 51px 5px 10px;
      border-radius: 5px !important;
      height: 40px;
      background-color: var(--light-color);
      border: 1px solid #e9e9e9;
    }
  }

  @media (max-width: 575px) {
    .search-widget form input[type="text"] {
      min-width: 250px;
    }
  }

  .search-widget form {
    padding: 0;
    margin: 0;
    background-color: transparent;
    display: inline-block;
    border: 0;
    position: relative;
    z-index: 3;
  }

  @media (max-width: 1199px) {
    .search-widget form {
      width: 67%;
    }
  }

  .ajaxishi-search {
    position: absolute;
    top: 39px;
    left: 0;
    right: 0;
    height: auto;
    max-height: 392px;
    overflow-y: scroll;
    background: var(--light-color);
    box-shadow: 0 0px 2px 0px rgba(0, 0, 0, .1);
    z-index: 2;
    overflow: auto !important;
    height: calc(100vh - 0) !important;
    list-style-type: none;
  }

  @media (max-width: 991px) {
    .ajaxishi-search {
      top: 40px;
    }
  }

  .ajaxishi-search ul {
    margin: 0;
    padding: 0;
  }

  .ajaxishi-search ul li {
    text-decoration: none;
    list-style: none;
  }

  .ajaxishi-search ul li:last-child>div {
    border-bottom: 0;
  }

  .ajaxishi-search ul li>div {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 15px;
    border-bottom: 1px solid #eee;
  }

  .ajaxishi-search ul li>div a {
    display: block;
    position: relative;
    overflow: hidden;
  }

  .ajaxishi-search ul li>div .product-image {
    float: left;
    margin-right: 12px;
  }

  .ajaxishi-search ul li>div .product-image img {
    border-radius: 5px;
  }

  .ajaxishi-search ul li>div .product-desc {
    text-align: left;
  }

  .ajaxishi-search ul li>div .product-desc .product-name {
    margin-bottom: 5px;
    color: var(--brand-primary);
    font-size: 14px;
  }

  .ajaxishi-search ul li>div .product-desc .product-price .special {
    color: #888;
    text-decoration: line-through;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    font-size: 14px;
  }

  .ajaxishi-search ul li>div .product-desc .product-price .price {
    color: var(--brand-primary);
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    font-size: 15px;
  }

  .ajaxishi-search ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }

  .ajaxishi-search ::-webkit-scrollbar-thumb {
    background: #cdcdcd;
    border: 1px solid #f0f0f0;
  }

  .ajaxishi-search ::-webkit-scrollbar-track {
    background: #f0f0f0;
  }

  #_desktop_user_info,
  #_desktop_cart {
    display: inline-block;
    vertical-align: middle;
  }

  @media (min-width: 992px) {
    #_desktop_cart {
      display: inline-block;
      vertical-align: middle;
      text-align: center;
      position: relative;
      padding: 0;
      float: right;
      width: auto;
    }
  }

  .search-widget .search-logo {
    fill: var(--light-color);
    width: 41px;
    height: 41px;
    line-height: 34px;
    display: block;
    border-radius: 50%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  @media (min-width: 992px) {
    .search-widget .search-logo {
      float: left;
      padding: 3px;
      background-color: var(--brand-theme);
    }
  }

  @media (max-width: 991px) {
    .search-widget .search-logo {
      width: 40px;
      height: 40px;
    }
  }

  .search-widget .search-logo svg {
    width: 36px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    fill: var(--light-color);
  }

  @media (max-width: 991px) {
    .search-widget .search-logo svg {
      width: 40px;
      height: 40px;
      fill: var(--brand-primary);
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
    }
  }

  .search-widget .search-text {
    display: inline-block;
    vertical-align: middle;
    color: var(--brand-primary);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  .search-widget:hover .search-logo {
    fill: var(--brand-theme);
  }

  @media (max-width: 991px) {

    #_mobile_cart,
    #_mobile_user_info {
      display: inline-block;
      vertical-align: middle;
    }

    .user-info i {
      display: none;
    }

    .search-widget form {
      position: absolute;
      left: 0 !important;
      right: auto !important;
      top: 50px !important;
      display: none;
      width: auto;
      transform: unset !important;
    }

    .header-top .desktop_logo {
      text-align: center;
    }

    .mobile-width-right,
    .mobile-width-left {
      display: block;
      text-align: right;
      width: 31%;
      padding: 5px 5px;
    }
  }

  @media (max-width: 375px) {
    .search-widget form {
      top: 55px !important;
    }

    #_mobile_user_info .user-info .dropdown-menu {
      top: 54px !important;
    }
  }

  #_desktop_seach_widget {
    position: relative;
    z-index: 999;
  }

  .user-info {
    position: relative;
    z-index: 3;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
  }

  @media (max-width: 330px) {

    .mobile-width-right,
    .mobile-width-left {
      padding: 4px 4px;
    }
  }

  .desktop-custominfo {
    text-align: right;
    position: relative;
  }

  @media (max-width: 991px) {
    .header-top #_desktop_contact {
      display: none !important;
    }
  }

  /* Header-Top */



  /*Nav Full Width*/
  @media (max-width: 991px) {
    .nav-full-height {
      min-height: 70px;
    }
  }

  .nav-full-width {
    background-color: var(--brand-theme);
    position: relative;
    padding: 0;
  }

  .nav-full-width:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -28px;
    height: 29px;
    z-index: 2;
    background: var(--header_footerimg) repeat top;
  }

  @media (max-width: 991px) {
    .nav-full-width:after {
      display: none;
    }
  }

  .nav-full-width.fixed-header {
    background-color: var(--brand-theme);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 99;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
    animation: slide-down 0.7s;
    -moz-animation: slide-down 0.7s;
    -webkit-animation: slide-down 0.7s;
    -o-animation: slide-down 0.7s;
    overflow: visible;
  }

  @media (max-width: 991px) {
    .nav-full-width.fixed-header {
      background-color: var(--light-color);
      padding: 10px 0;
    }
  }

  .nav-full-width .container .row {
    align-items: center;
  }

  .nav-full-width.fixed-header {
    background-color: var(--brand-theme);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    z-index: 99;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    animation: slide-down 0.7s;
    -moz-animation: slide-down 0.7s;
    -webkit-animation: slide-down 0.7s;
    -o-animation: slide-down 0.7s;
    overflow: visible;
  }

  .nav-full-width.fixed-header .desktop-logo {
    display: none;
  }

  @media (min-width: 991px) {

    .nav-full-width.fixed-header #_desktop_top_menu .left-menu,
    .nav-full-width.fixed-header #_desktop_top_menu .right-menu {
      padding: 6px 0;
      display: inline-block;
      vertical-align: middle;
      margin: 0;
      width: auto;
      float: none;
    }
  }

  .nav-full-width.fixed-header #top-menu {
    justify-content: center;
  }

  #_desktop_top_menu {
    text-align: center;
    margin: 0 auto;
    display: block;
    position: relative;
  }

  #_desktop_top_menu .left-menu {
    /* If media is above 992 */
  }

  @media (min-width: 991px) {
    #_desktop_top_menu .left-menu {
      /* text-align: left; */
      padding: 7px 15px;
    }
  }

  @media (min-width: 991px) {
    #_desktop_top_menu .right-menu {
      padding: 7px 15px;
      padding-left: 35px;
      margin-left: 16.66667%;
      text-align: left;
    }

    #_desktop_top_menu .right-menu>li .sub-menu {
      left: auto !important;
      right: 0;
    }
  }

  #top-menu {
    margin: 0;
    padding: 0;
  }

  #top-menu>div>li {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 99;
    text-transform: uppercase;
    cursor: pointer;
    /* If media is below 992 */
  }

  #top-menu>div>li:last-child {
    border-bottom: 0;
  }

  @media (max-width: 991px) {
    #top-menu>div>li {
      padding: 2px 0;
      border-bottom: 0;
      overflow: hidden;
      display: block;
      text-align: left;
    }
  }

  #top-menu>div>li .dropdown-item {
    white-space: normal;
    display: block;
    width: 100%;
    clear: both;
  }

  #top-menu>div>li .dropdown-item:hover {
    background-color: transparent;
  }

  #top-menu>div>li .dropdown-item:focus {
    background-color: transparent;
  }

  #top-menu>div>li:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    border-radius: 20px;
    background-color: var(--tertiary-color);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }

  @media (max-width: 991px) {
    #top-menu>div>li:after {
      display: none;
    }
  }

  #top-menu>div>li>a {
    line-height: 1.25em;
    padding: 8px 15px;
    font-size: 18px;
    font-weight: 700;
    color: var(--light-color);
    text-transform: capitalize;
    display: block;
    font-family: var(--secondary-font);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }

  @media (max-width: 1199px) {
    #top-menu>div>li>a {
      font-size: 15px;
      padding: 8px;
    }
  }

  @media (max-width: 991px) {
    #top-menu>div>li>a {
      font-weight: 400;
      padding: 0;
      color: var(--brand-primary);
      font-family: var(--primary-font);
    }
  }

  #top-menu>div>li>a i {
    float: right;
    line-height: 16px;
    font-size: 22px;
  }

  #top-menu>div>li>a:hover {
    background: transparent;
    color: var(--light-color);
  }

  @media (max-width: 991px) {
    #top-menu>div>li>a:hover {
      color: var(--brand-theme);
    }
  }

  #_desktop_top_menu #top-menu>div>li .sub-menu {
    top: 70%;
    left: 0;
    border: none;
    width: auto;
    z-index: 18;
    padding: 15px 15px 10px;
    margin: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    border-radius: 3px;
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.1);
    /* If media is below 1200 */
  }

  #_desktop_top_menu #top-menu>div>li .sub-menu.collapse {
    visibility: hidden;
    transition: all 500ms ease 0s;
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -ms-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    transform: translateY(60px);
    -webkit-transform: translateY(60px);
    -ms-transform: translateY(60px);
    -o-transform: translateY(60px);
    -moz-transform: translateY(60px);
    opacity: 0;
  }

  @media (max-width: 1200px) {
    #_desktop_top_menu #top-menu>div>li .sub-menu {
      top: 48px;
    }
  }

  #_desktop_top_menu #top-menu>div>li .sub-menu .category_dropdownmenu {
    width: 200px;
    padding: 0;
  }

  #_desktop_top_menu #top-menu>div>li .sub-menu .category_dropdownmenu.multiple-dropdown-menu {
    float: left;
  }

  #_desktop_top_menu #top-menu>div>li .sub-menu .category_dropdownmenu .childs_2 {
    margin-bottom: 15px;
  }

  #_desktop_top_menu #top-menu>div>li .sub-menu .category_dropdownmenu .childs_2 li {
    margin-bottom: 6px;
  }

  #_desktop_top_menu #top-menu>div>li .sub-menu .category_dropdownmenu .childs_2 li a {
    text-transform: capitalize;
  }

  #_desktop_top_menu #top-menu>div>li .sub-menu ul[data-depth="1"]>li {
    text-align: left;
    float: left;
    margin-left: 20px;
    min-width: 182px;
  }

  #_desktop_top_menu #top-menu>div>li .sub-menu ul[data-depth="1"]>li>a {
    padding: 0;
    padding-bottom: 4px;
    margin-bottom: 17px;
    color: var(--tertiary-color);
    font-family: var(--secondary-font);
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 600;
    position: relative;
    display: block;
  }

  #_desktop_top_menu #top-menu>div>li .sub-menu ul[data-depth="1"]>li>a:hover {
    background-color: transparent;
  }

  #_desktop_top_menu #top-menu>div>li .sub-menu ul[data-depth="1"]>li>a:before {
    border-top: 1px solid #ddd;
    bottom: -7px;
    content: "";
    position: absolute;
    left: 0;
    width: 50%;
  }

  #top-menu>div>li:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0%;
    transform-origin: 0%;
  }

  #_desktop_top_menu #top-menu>div>li:hover:hover .sub-menu {
    opacity: 1;
    top: 115%;
    visibility: visible;
    transition: all 500ms ease 0s;
    transform: translateY(0px);
  }

  .top-menu a.dropdown-submenu {
    color: var(--brand-primary);
    text-transform: uppercase;
    font-weight: 400;
    display: block;
    width: 100%;
    clear: both;
  }

  .top-menu ul[data-depth="2"]>li a {
    padding: 0;
    font-size: 14px;
    font-family: var(--primary-font);
    color: var(--brand-primary);
    font-weight: 400;
    text-transform: capitalize;
    padding-bottom: 7px;
    /* If media is below 992 */
  }

  @media (max-width: 991px) {
    .top-menu ul[data-depth="2"]>li a {
      padding-bottom: 0;
    }
  }

  .top-menu ul[data-depth="2"]>li a:hover {
    color: var(--brand-theme);
  }

  .top-menu ul[data-depth="2"]>li:last-child a {
    padding-bottom: 0;
  }

  .top-menu .collapse {
    display: inherit;
  }

  .top-menu .category-image {
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-top: 25px;
  }

  .top-menu .popover {
    max-width: inherit;
  }



  .popover.bs-tether-element-attached-top {
    margin-top: 0;
  }

  #canvas {
    background-color: rgba(0, 0, 0, 0.7);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
  }

  .refine-search h3 {
    margin-bottom: 15px;
    margin-top: 0;
    font-size: 16px;
    text-align: center;
    color: var(--brand-primary);
    font-weight: 400;
    letter-spacing: 0.5px;
  }

  .refine-search .category-list ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    /* If media is below 544 */
  }

  @media (max-width: 575px) {
    .refine-search .category-list ul {
      padding: 0 5px;
      margin: 0 -12px;
    }
  }

  @media (max-width: 543px) {
    .refine-search .category-list ul {
      margin: 0 -10px;
    }
  }

  .refine-search .category-list ul.owl-carousel .item {
    margin: 0 10px;
    margin-bottom: 25px;
  }

  @media (max-width: 575px) {
    .refine-search .category-list ul.owl-carousel {
      padding: 0 5px;
      margin: 0px;
    }

    .refine-search .category-list ul.owl-carousel .item {
      margin-right: 0px;
      margin-left: 0px;
      width: auto;
    }
  }

  .refine-search .category-list ul .owl-item .item {
    /* If media s below 420 */
  }

  @media (max-width: 420px) {
    .refine-search .category-list ul .owl-item .item {
      width: auto;
    }
  }

  .refine-search .category-list ul li {
    list-style: none;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }

  .refine-search .category-list ul li.item {
    margin-bottom: 25px;
  }

  @media (max-width: 575px) {
    .refine-search .category-list ul li.item {
      padding: 0 5px;
      width: 33.33%;
    }
  }

  @media (max-width: 420px) {
    .refine-search .category-list ul li.item {
      width: 50%;
    }
  }

  .refine-search .category-list ul li.item:nth-child(4n+1) {
    clear: left;
  }

  @media (max-width: 767px) {
    .refine-search .category-list ul li.item:nth-child(4n+1) {
      clear: none;
    }

    .refine-search .category-list ul li.item:nth-child(3n+1) {
      clear: left;
    }
  }

  @media (max-width: 543px) {
    .refine-search .category-list ul li.item {
      padding: 0 10px;
    }
  }

  @media (max-width: 420px) {
    .refine-search .category-list ul li.item:nth-child(3n+1) {
      clear: none;
    }

    .refine-search .category-list ul li.item:nth-child(2n+1) {
      clear: left;
    }
  }

  .refine-search .category-list ul li:hover a .subcategory-title {
    color: var(--brand-primary);
  }

  .refine-search .category-list ul li a {
    display: inline-block;
    position: relative;
    text-decoration: none;
  }

  .refine-search .category-list ul li a img {
    display: block;
    max-width: 100%;
  }

  .refine-search .category-list ul li a .subcategory-title {
    display: block;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #888888;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  .refine-search .category-list .owl-nav {
    text-align: center;
    margin-top: 0;
    position: absolute;
    top: 32%;
    left: 0;
    right: 0;
  }

  .refine-search .category-list .owl-nav .owl-prev,
  .refine-search .category-list .owl-nav .owl-next {
    position: absolute;
    left: 0;
    right: auto;
  }

  .refine-search .category-list .owl-nav .owl-next {
    right: 0;
    left: auto;
  }

  #mobile_top_menu_wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 300px;
    bottom: 0;
    background: white;
    z-index: 99999999;
    overflow-y: auto;
    overflow-x: auto;
  }

  #mobile_top_menu_wrapper #top_menu_closer {
    cursor: pointer;
    margin-top: 8px;
    margin-right: 11px;
    text-align: right;
  }

  #mobile_top_menu_wrapper #_mobile_top_menu {
    padding: 15px;
  }

  #mobile_top_menu_wrapper #top-menu {
    margin-bottom: 0;
    text-align: left;
    display: block;
    padding: 2px 0;
    background: none;
  }

  #mobile_top_menu_wrapper #top-menu li {
    padding: 15px 0;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    cursor: pointer;
  }

  @media (max-width: 991px) {

    #mobile_top_menu_wrapper #top-menu .left-menu,
    #mobile_top_menu_wrapper #top-menu .right-menu {
      padding: 0;
    }
  }

  #mobile_top_menu_wrapper #top-menu .left-menu li {
    border-bottom: 1px solid #eee !important;
  }

  #mobile_top_menu_wrapper #top-menu .right-menu li:last-child {
    border-bottom: 0 !important;
  }

  #mobile_top_menu_wrapper #top-menu .sub-menu ul[data-depth="2"]>li {
    border-bottom: 0 !important;
  }

  #mobile_top_menu_wrapper #top-menu>li a {
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin-bottom: 0;
    font-weight: 400;
    z-index: 1;
    font-size: 16px;
    font-family: var(--primary-font);
    color: var(--brand-primary);
  }

  #mobile_top_menu_wrapper #top-menu li i:before {
    float: right;
    line-height: 8px;
    font-size: 16px;
    font-family: FontAwesome;
    font-weight: 400;
  }

  #mobile_top_menu_wrapper #top-menu ul[data-depth="1"]>li a {
    padding: 0;
    font-size: 15px;
  }

  #mobile_top_menu_wrapper #top-menu ul[data-depth="2"]>li a {
    font-size: 14px;
  }

  #mobile_top_menu_wrapper #top-menu ul[data-depth="3"]>li a {
    font-size: 14px;
  }

  #mobile_top_menu_wrapper #top-menu ul[data-depth="4"]>li a {
    font-size: 14px;
  }

  #mobile_top_menu_wrapper .top-menu {
    color: var(--brand-primary);
  }

  #mobile_top_menu_wrapper .top-menu .category-image {
    display: none;
  }

  #mobile_top_menu_wrapper .top-menu .collapse-icons[aria-expanded="true"] .add {
    display: none;
  }

  #mobile_top_menu_wrapper .top-menu .collapse-icons[aria-expanded="true"] .remove {
    display: block;
  }

  #mobile_top_menu_wrapper .top-menu .collapse-icons .remove {
    display: none;
  }

  #mobile_top_menu_wrapper .top-menu .navbar-toggler {
    padding: 0;
    position: absolute;
    right: 0;
    top: 10px;
    left: auto;
  }

  #mobile_top_menu_wrapper .top-menu .collapse {
    display: none;
  }

  #mobile_top_menu_wrapper .top-menu .collapse.show {
    display: block;
  }

  #mobile_top_menu_wrapper .top-menu .sub-menu {
    box-shadow: none;
    z-index: inherit;
    display: block;
    position: static;
    overflow: hidden;
    margin-left: 0;
    width: 100%;
    min-width: 100%;
    border: none;
    padding: 10px 0 0 15px;
  }

  #mobile_top_menu_wrapper .top-menu .sub-menu.collapse {
    display: none;
  }

  #mobile_top_menu_wrapper .top-menu .sub-menu.collapse.show {
    display: block;
  }

  #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="1"] {
    margin: 0;
    padding: 0;
  }

  #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="1"]>li {
    float: none;
    margin: 0;
    padding: 10px 0 !important;
  }

  #mobile_top_menu_wrapper #top-menu .sub-menu ul[data-depth="1"]>li {
    border-bottom: 0 !important;
  }

  #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="1"]>li a {
    text-transform: capitalize;
    font-size: 15px;
  }

  /*  #mobile_top_menu_wrapper .top-menu .sub-menu ul {
    padding: 0 0 0 15px !important; }*/
  #mobile_top_menu_wrapper .top-menu .sub-menu li>a {
    margin-bottom: 0px;
  }

  #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="2"] {
    padding: 10px 0 0 15px !important;
  }

  #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="2"]>li {
    padding: 10px 0 5px !important;
  }

  #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="3"]>li {
    padding: 10px 0 5px !important;
  }

  #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="3"]>li>a {
    padding-left: rem(40px);
  }

  #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="4"]>li {
    padding: 10px 0 5px;
  }

  #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="4"]>li>a {
    padding-left: rem(60px);
  }

  #mobile_top_menu_wrapper .top-menu .popover {
    border-radius: 0;
  }

  #menu-icon {
    padding: 0px;
    float: left;
    cursor: pointer;
  }

  #menu-icon .nav-icon {
    width: 40px;
    height: 40px;
  }

  #menu-icon .nav-icon svg {
    fill: var(--brand-primary);
  }

  #_desktop_contact {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    color: var(--light-color);
    padding: 0 16px;
    font-size: 14px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  @media (max-width: 991px) {
    #_desktop_contact {
      margin-right: 0;
    }
  }

  .contact-num {
    position: relative;
    display: block;
    z-index: 2;
    /* cart */
  }

  .contact-num .call-img {
    width: 50px;
    height: 50px;
    background-color: var(--tertiary-color);
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    fill: var(--light-color);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  .contact-num .call-text {
    display: inline-block;
    vertical-align: middle;
    color: var(--brand-primary);
    margin-left: 8px;
    text-align: left;
    font-size: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  .contact-num .call-text span {
    display: block;
  }

  .contact-num .call-text .call-title {
    margin-bottom: 4px;
  }

  .contact-num .call-text .call-num {
    color: var(--header_textcolor);
    font-size: 13px;
  }

  #_desktop_contact:hover .contact-num .call-text .call-num {
    color: var(--headerhover_textcolor);
    ;
  }

  .contact-num:hover a:focus,
  .contact-num:hover a:active,
  .contact-num:hover ahover {
    color: var(--light-color);
  }

  .contact-num:hover .call-img {
    fill: var(--light-color);
    background: var(--brand-theme);
  }


  /* Start Countdowncounter */
  .countdown-container {
    display: block;
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    text-align: center;
    opacity: 1;
    margin: 0 auto;
    padding: 4px;
    border-radius: 30px;
    background-color: var(--light-color);
    box-shadow: 0 0 10px 4px rgba(165, 165, 165, 0.1);
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  @media (min-width: 1500px) {
    .countdown-container {
      right: 20px;
      left: 20px;
    }
  }

  @media screen and (min-width: 992px) and (max-width: 1499px) {
    .countdown-container {
      left: 20px;
      right: 20px;
    }
  }

  @media screen and (min-width: 768px) and (max-width: 991px) {
    .countdown-container {
      left: 55px;
      right: 55px;
    }
  }

  @media screen and (min-width: 576px) and (max-width: 767px) {
    .countdown-container {
      left: 15px;
      right: 15px;
    }
  }

  @media (max-width: 575px) {
    .countdown-container {
      right: 20px;
      left: 20px;
    }
  }

  @media (max-width: 543px) {
    .countdown-container {
      right: 10px;
      left: 10px;
      bottom: 7px;
    }
  }

  @media (max-width: 475px) {
    .countdown-container {
      right: 7px;
      left: 7px;
    }
  }

  @media (max-width: 450px) {
    .countdown-container {
      right: 6px;
      left: 6px;
    }
  }

  @media (max-width: 375px) {
    .countdown-container {
      right: 5px;
      left: 5px;
      bottom: 5px;
    }
  }

  .countdown-container .countdown-text {
    display: none;
    font-weight: 600;
    margin-bottom: 15px;
    color: var(--brand-primary);
  }

  .countdown-container .counter {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-weight: 500;
    cursor: pointer;
    position: relative;
    border: 0;
    padding: 0;
  }

  .countdown-container .counter span {
    display: block;
  }

  .countdown-container .counter .data {
    font-size: 18px;
    width: 50px;
    height: 25px;
    font-weight: 500;
    color: var(--brand-primary);
    position: relative;
    line-height: 25px;
  }

  @media (max-width: 1499px) {
    .countdown-container .counter .data {
      width: 50px;
    }
  }

  @media (max-width: 1260px) {
    .countdown-container .counter .data {
      width: 45px;
    }
  }

  @media screen and (min-width: 992px) and (max-width: 1199px) {
    .countdown-container .counter .data {
      width: 50px;
    }
  }

  @media screen and (min-width: 768px) and (max-width: 991px) {
    .countdown-container .counter .data {
      width: 40px;
      line-height: 23px;
      height: 23px;
      font-size: 17px;
      margin-bottom: 0;
    }
  }

  @media screen and (min-width: 576px) and (max-width: 767px) {
    .countdown-container .counter .data {
      width: 47px;
      font-size: 17px;
    }
  }

  @media screen and (min-width: 476px) and (max-width: 575px) {
    .countdown-container .counter .data {
      width: 42px;
    }
  }

  @media (max-width: 475px) {
    .countdown-container .counter .data {
      width: 40px;
      height: 20px;
      line-height: 20px;
      font-size: 14px;
    }
  }

  @media (max-width: 420px) {
    .countdown-container .counter .data {
      width: 37px;
    }
  }

  @media (max-width: 408px) {
    .countdown-container .counter .data {
      width: 35px;
    }
  }

  @media (max-width: 375px) {
    .countdown-container .counter .data {
      width: 28px;
      height: 18px;
      line-height: 18px;
      font-size: 13px;
    }
  }

  @media (max-width: 340px) {
    .countdown-container .counter .data {
      width: 26px;
    }
  }

  .product-thumb:hover .countdown-container {
    opacity: 0;
  }

  .countdown-container .counter .lbl {
    display: block;
    font-size: 13px;
    font-weight: 400;
    color: #666;
  }

  @media (max-width: 475px) {
    .countdown-container .counter .lbl {
      font-size: 11px;
    }
  }

  @media (max-width: 475px) {
    .countdown-container .counter .lbl {
      font-size: 10px;
    }
  }

  @media screen and (min-width: 768px) and (max-width: 991px) {
    .countdown-container .counter .lbl {
      font-size: 12px;
    }
  }

  @media (max-width: 475px) {
    .countdown-container .counter .lbl {
      font-size: 11px;
    }
  }

  @media (max-width: 375px) {
    .countdown-container .counter .lbl {
      font-size: 10px;
    }
  }

  /* End Countdowncounter */
  .dropdown-item:active {
    background-color: transparent;
  }

  .dropdown-item:hover,
  .dropdown-item:focus {
    color: var(--brand-primary);
  }


  /*Nav Full Width*/
  footer a {
    font-size: 1.1em;
    text-decoration: none;
  }

  /* logo */
  /* search */
  /* Enhanced Search UI Styles */
  .search-container {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 500px;
    min-width: 280px;
  }

  .search-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    background: var(--light-color);
    border: 2px solid #e9e9e9;
    border-radius: 25px;
    transition: all 0.3s ease;
    overflow: hidden;
  }

  .search-input-wrapper:hover,
  .search-input-wrapper:focus-within {
    border-color: var(--brand-theme);
    box-shadow: 0 0 0 3px rgba(35, 35, 35, 0.1);
  }

  .search-input-wrapper:hover .search-btn {
    background: #465080 !important;
    transform: scale(1.05);
  }

  .search-input {
    flex: 1;
    border: none !important;
    background: transparent !important;
    padding: 12px 20px !important;
    font-size: 14px !important;
    color: var(--brand-primary) !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    min-width: auto !important;
  }

  .search-input::placeholder {
    color: #999 !important;
    font-style: italic;
  }

  .search-icon-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .search-btn {
    background: #b03481 !important;
    border: none !important;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    right: auto !important;
    top: auto !important;
  }

  .search-btn:hover {
    background: #465080 !important;
    transform: scale(1.05);
  }

  .search-icon {
    color: var(--light-color) !important;
    font-size: 16px !important;
    transition: all 0.3s ease;
  }

  .search-btn:hover .search-icon {
    transform: scale(1.1);
  }

  /* Desktop Responsive (1200px and above) */
  @media (min-width: 1200px) {
    .search-container {
      max-width: 500px;
      min-width: 400px;
      width: 100%;
    }

    .search-input {
      padding: 14px 22px !important;
      font-size: 15px !important;
    }

    .search-btn {
      width: 42px !important;
      height: 42px !important;
    }

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

  /* Large Tablet Responsive (992px - 1199px) */
  @media (min-width: 992px) and (max-width: 1199px) {
    .search-container {
      max-width: 450px;
      min-width: 350px;
      width: 100%;
    }

    .search-input {
      padding: 12px 20px !important;
      font-size: 14px !important;
    }

    .search-btn {
      width: 40px !important;
      height: 40px !important;
    }

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

  /* Tablet Responsive (768px - 991px) */
  @media (min-width: 768px) and (max-width: 991px) {
    .search-container {
      max-width: 400px;
      min-width: 320px;
      width: 100%;
    }

    .search-input-wrapper {
      border-radius: 20px;
    }

    .search-input {
      padding: 10px 16px !important;
      font-size: 13px !important;
    }

    .search-btn {
      width: 36px !important;
      height: 36px !important;
    }

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

  /* Mobile Responsive (576px - 767px) */
  @media (min-width: 576px) and (max-width: 767px) {
    .search-container {
      max-width: 350px;
      min-width: 300px;
      width: 100%;
    }

    .search-input-wrapper {
      border-radius: 18px;
    }

    .search-input {
      padding: 9px 14px !important;
      font-size: 12px !important;
    }

    .search-btn {
      width: 34px !important;
      height: 34px !important;
    }

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

  /* Small Mobile Responsive (up to 575px) */
  @media (max-width: 575px) {
    .search-container {
      max-width: 350px;
      min-width: 280px;
      width: 100%;
    }

    .search-input-wrapper {
      border-radius: 16px;
    }

    .search-input {
      padding: 10px 14px !important;
      font-size: 13px !important;
    }

    .search-btn {
      width: 36px !important;
      height: 36px !important;
    }

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

  /* Extra Small Mobile Responsive (up to 400px) */
  @media (max-width: 400px) {
    .search-container {
      max-width: 320px;
      min-width: 260px;
      width: 100%;
    }

    .search-input {
      padding: 9px 12px !important;
      font-size: 12px !important;
    }

    .search-btn {
      width: 34px !important;
      height: 34px !important;
    }

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

  /* Very Small Mobile Responsive (up to 320px) */
  @media (max-width: 320px) {
    .search-container {
      max-width: 280px;
      min-width: 240px;
      width: 100%;
    }

    .search-input {
      padding: 8px 10px !important;
      font-size: 11px !important;
    }

    .search-btn {
      width: 32px !important;
      height: 32px !important;
    }

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

  /* Original search styles - keeping for compatibility */
  @media (max-width: 400px) {
    #search {
      max-width: 260px;
    }
  }

  .search-widget {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  @media (max-width: 991px) {
    .search-widget {
      padding: 0;
      position: relative;
      width: 100%;
    }
  }

  #search .form-control-lg {
    height: 40px;
    font-size: 13px;
    font-weight: 400;
    color: #999;
    line-height: 20px;
    padding: 0 10px;
    border-radius: 5px;
    min-width: 330px;
    border: 1px solid #eee;
    width: 100%;
  }

  #search .btn-lg {
    position: absolute;
    background: none;
    border: 0;
    border-left: 1px solid #ddd;
    right: 0;
    top: 9px;
    border-radius: 0;
    color: var(--tertiary-color);
    padding: 0;
    height: 20px;
    width: 43px;
    margin: 0;
    font-size: 14px;
    z-index: 2;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  @media (max-width: 991px) {
    #search .form-control-lg {
      height: 40px;
      min-width: 280px;
      border-radius: 0;
      padding: 0 50px 0 15px;
    }

    #search .btn-lg {
      height: 40px;
      padding: 10px 15px;
      position: absolute !important;
      right: 0;
      top: 0;
      border-radius: 0 5px 5px 0;
      border: none;
      background: var(--btn_bgcolor);
      font-size: 15px;
      font-weight: 400;
      color: var(--btn_textcolor);
      padding: 0 5px;
      outline: none;
      z-index: 11;
      -ms-transition: all 0.5s;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
    }
  }

  @media (max-width: 575px) {
    #search .form-control-lg {
      min-width: 260px;
    }
  }

  @media (min-width: 992px) {
    #search .btn-lg svg {
      width: 20px;
      height: 20px;
      line-height: 20px;
      position: absolute;
      left: 7px;
      top: 0;
      right: 0;
      fill: var(--headernav_textcolor);
      display: inline-block;
    }
  }

  /* cart */
  @media (max-width: 991px) {
    .mobile_row {
      display: flex;
      align-items: center;
      padding: 0;
      margin: 0 -12px;
    }
  }

  #_desktop_cart {
    display: none;
    /* If media is above 991 */
  }

  @media (min-width: 992px) {
    #_desktop_cart {
      position: relative;
      cursor: pointer;
      display: inline-block;
      vertical-align: middle;
    }
  }

  .blockcart {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    white-space: nowrap;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  @media (max-width: 991px) {
    .blockcart {
      position: relative;
      padding-right: 0px;
    }
  }

  @media (min-width: 992px) {
    .cart-link:hover .cart-img {
      fill: var(--light-color);
      background-color: var(--brand-theme);
    }
  }

  .cart-link {
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
  }

  .cart-img {
    width: 50px;
    height: 50px;
    background-color: var(--tertiary-color);
    border-radius: 50%;
    fill: var(--light-color);
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    /* If media is below 992 */
  }

  @media (max-width: 991px) {
    .cart-img {
      fill: var(--brand-primary);
      background: transparent;
      border-radius: 0;
      width: 40px;
      height: 40px;
    }
  }

  .cart-content {
    display: inline-block;
    vertical-align: middle;
    color: var(--brand-primary);
    margin-left: 8px;
    text-align: left;
    font-size: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  .cart-content span {
    margin-bottom: 3px;
    display: block;
  }

  @media (max-width: 991px) {
    .cart-content {
      display: block;
    }
  }

  .cart-content .cart-products-count {
    font-size: 13px;
    color: var(--header_textcolor);
    text-transform: capitalize;
  }

  .cart-link:hover .cart-content .cart-products-count {
    color: var(--headerhover_textcolor);
  }

  @media (max-width: 991px) {
    .cart-content .cart-products-count {
      position: absolute;
      right: 7px;
      top: 8px;
      left: auto;
      bottom: auto;
      background-color: var(--brand-theme);
      width: 15px;
      height: 15px;
      font-weight: 400;
      line-height: 14px;
      border-radius: 50%;
      font-size: 11px;
      margin: 0 auto;
      display: block;
      color: var(--light-color);
      text-align: center;
      letter-spacing: -1px;
    }
  }

  #header-cart .offcanvas {
    padding: 10px 0;
    margin: 0;
    border: 0;
  }

  #header-cart a:hover.cart_block_product_name {
    color: var(--brand-primary);
  }

  #header-cart .offcanvas .caption,
  #header-cart .offcanvas .product-image {
    padding: 13px 0;
  }

  @media (max-width: 575px) {
    #header-cart .offcanvas .caption {
      padding: 13px 0 13px 13px;
    }
  }

  #header-cart .offcanvas .close_button {
    padding: 13px 0;
  }

  #header-cart .offcanvas .caption .caption-detail {
    display: inline-block;
    vertical-align: middle;
  }

  #header-cart .offcanvas .offcanvas-header {
    background: transparent;
    border-bottom: 1px solid #eee;
    padding: 5px 10px 15px;
    margin-bottom: 5px;
  }

  #header-cart .offcanvas .offcanvas-body {
    padding: 0;
    flex: 1 1 auto;
    overflow: auto;
  }

  #header-cart .offcanvas .offcanvas-body p {
    text-align: center;
    padding: 0;
    margin: 0;
    color: #666;
    font-size: 14px;
  }

  #header-cart .offcanvas .offcanvas-header h3 {
    color: var(--brand-primary);
    margin: 0;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
  }

  #header-cart .offcanvas .offcanvas-header button {
    background: transparent;
    border: 0;
    box-shadow: none;
    z-index: 999999;
  }

  .sticky .border-remove {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px 10px;
  }

  .sticky .border-remove .text-start,
  .sticky .border-remove .text-end {
    color: var(--brand-primary);
  }

  .sticky .border-remove .text-end {
    font-weight: 500;
  }

  #header-cart .offcanvas .offcanvas-header button svg {
    width: 15px;
    height: 20px;
    color: var(--brand-primary);
  }

  #header-cart .offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: var(--brand-primary);
  }

  #header-cart .offcanvas-backdrop.fade {
    transition: opacity .15s linear;
    opacity: 0;
  }

  #header-cart .offcanvas-backdrop.show {
    opacity: .5;
  }

  @media (max-width: 415px) {
    .blockcart .cart_block_product_name {
      font-size: 14px;
    }
  }

  .product-detail {
    font-weight: 400;
    font-size: 14px;
    color: var(--brand-primary);
  }

  .block-cart table>tbody>tr {
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: flex-start;
  }

  .block-cart table>tbody>tr:nth-of-type(2n+1) {
    background-color: transparent;
  }

  .block-cart table>tbody>tr>td {
    border-top: 0;
    font-size: 14px;
  }

  .block-cart table>tbody>tr>td.product-image {
    padding: 13px 0;
  }

  .block-cart table>tbody>tr>td .cart_block_product_name {
    font-weight: 500;
    display: inline-block;
    vertical-align: top;
  }

  .block-cart table>tbody>tr>td .cart_block_product_name:hover {
    color: #333;
  }

  .block-cart table>tbody>tr>td .text-price {
    display: block;
    margin: 5px 0;
    font-size: 14px;
    color: #333;
  }

  .block-cart table>tbody>tr>td .product-detail {
    font-weight: 400;
    font-size: 13px;
    color: #787878;
  }

  tr.border-remove {
    border-style: hidden;
  }

  tr.border-remove .text-start {
    padding-left: 0 !important;
  }

  .billing-info td {
    padding: 6px 10px !important;
  }

  .block-cart table.billing-info {
    margin-bottom: 8px;
  }

  @media (max-width: 543px) {
    .block-cart table.billing-info {
      margin-bottom: 0;
    }
  }

  .block-cart table.billing-info>tbody {
    border-top: 1px solid #eee;
    padding-top: 4px;
    display: block;
  }

  .block-cart table.billing-info>tbody>tr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 0;
  }

  .block-cart table.billing-info>tbody>tr>td {
    padding: 6px 10px;
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
  }

  .block-cart table.billing-info>tbody>tr>td strong {
    font-weight: 500;
    color: #333;
    font-size: 15px;
    line-height: 22px;
  }

  .block-cart table.billing-info>tbody>tr>td .value {
    color: #333;
    line-height: 22px;
  }

  #cart_wrapper {
    background: rgba(0, 0, 0, .6);
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: opacity 0.2s, visibility 0ms 0.2s;
    visibility: hidden;
    width: 100%;
    z-index: 9998;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  #cart_wrapper.active {
    opacity: 1;
    visibility: visible;
  }

  .cart-overlay {
    overflow: hidden;
  }

  .cart-scroll {
    overflow: auto !important;
    height: calc(100vh - 260px) !important;
    list-style-type: none;
  }

  .slimScrollDiv {
    overflow-x: clip;
    max-height: 100vh;
    position: relative;
    width: auto;
  }

  .slimScrollDiv::-webkit-scrollbar-track {
    border-radius: 10px;
  }

  .slimScrollDiv::-webkit-scrollbar {
    width: 5px;
  }

  .slimScrollDiv::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.2);
  }

  .slimScrollDiv slimScrollDiv::-webkit-scrollbar-track {
    border-radius: 10px;
  }

  .slimScrollDiv .slimScrollDiv::-webkit-scrollbar {
    width: 5px;
  }

  .slimScrollDiv .slimScrollDiv::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.2);
  }

  .sticky .billing-info {
    position: relative;
    padding-top: 10px;
    margin-bottom: 0;
    background-color: var(--light-color);
  }

  .sticky .billing-info tbody {
    border-top: 1px solid #eee;
    padding-top: 5px;
    margin-top: 5px;
  }

  .sticky {
    border-top: 1px solid #eee;
    margin-top: 5px;
  }

  .cart-notification {
    position: fixed;
    bottom: 0;
    z-index: 999999;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    margin: 0;
    visibility: hidden;
    background-color: var(--light-color);
    padding: 10px;
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
    top: 0;
    right: 0;
    width: 400px;
    box-shadow: 0 0 2rem #000 40;
    transform: translate(100%);
    border: 1px solid #e9e9e9;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  @media (max-width: 543px) {
    .cart-notification {
      width: 380px;
    }
  }

  @media (max-width: 400px) {
    .cart-notification {
      width: 300px;
    }
  }

  .cart-notification.active {
    transform: translate(0);
    visibility: visible;
  }

  #cart-notification {
    /* contact info */
  }

  #cart-notification .cart-btn .btn-default,
  #cart-notification .cart-btn .btn-primary {
    width: 46%;
    padding: 9px 20px;
  }

  #cart-notification .cart-scroll {
    overflow: auto !important;
    height: calc(100vh - 280px) !important;
  }

  #cart-notification .cart-sticky {
    position: fixed;
    background: var(--light-color);
    display: contents;
    z-index: 99;
  }

  #cart-notification #top_cart_closer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 0 15px;
    border-bottom: 1px solid #eee;
    margin-bottom: 5px;
  }

  #cart-notification #top_cart_closer span {
    color: #333;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
  }

  .offcanvas-body .cart-detail {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    margin: 0;
    transform: translate(-50%, -50%);
    text-align: center;
  }

  #cart-notification .cart-detail p {
    text-align: center;
  }

  #header-cart table.billing-info>tbody>tr>td strong {
    font-weight: 400;
    color: var(--brand-primary);
    font-size: 15px;
    line-height: 22px;
  }

  #header-cart table>tbody>tr>td .btn-danger {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0;
    background-color: transparent;
    border-color: transparent;
    color: var(--brand-primary);
    border: none;
  }

  #header-cart table>tbody>tr>td .btn-danger:active,
  #header-cart table>tbody>tr>td .btn-danger:focus {
    box-shadow: none;
  }

  #header-cart table>tbody>tr>td .btn-danger svg {
    fill: var(--brand-primary);
    height: 15px;
    width: 15px;
  }

  @media (max-width: 767px) {
    .blockcart .offcanvas .offcanvas-header {
      padding: 10px 10px;
    }

    .blockcart .offcanvas .offcanvas-header h3 {
      font-size: 18px;
    }
  }

  @media (max-width: 575px) {
    .blockcart .offcanvas-end {
      max-width: 380px;
    }

    .blockcart .offcanvas .offcanvas-header h3 {
      font-size: 15px;
    }
  }

  @media (max-width: 415px) {
    .blockcart .offcanvas-end {
      max-width: 350px;
    }
  }

  @media (max-width: 380px) {
    .blockcart .offcanvas-end {
      max-width: 300px;
    }
  }

  .sticky .cart-btn {
    text-align: center;
    padding: 5px 9px;
    background-color: var(--light-color);
  }

  #header-cart .cart-item .cart-box {
    display: flex;
    justify-content: flex-start;
  }

  #header-cart .cart-item .product-image a {
    display: flex;
  }

  #header-cart .cart-item .product-image {
    width: 100%;
    padding-right: 0;
    padding-left: 10px;
  }

  #header-cart .cart-item .product-image a {
    display: flex;
  }

  .cart-btn .btn-cartblock,
  .cart-btn .btn-cartblock {
    padding: 10px 20px;
    line-height: 20px;
  }

  @media (max-width: 767px) {

    .blockcart .cart-dropdown .cart-btn .btn-cartblock,
    .blockcart .dropdown-menu .cart-btn .btn-cartblock {
      padding: 10px 15px;
    }
  }

  .blockcart .cart-dropdown li,
  .blockcart .dropdown-menu li {
    text-decoration: none;
    outline: none;
    list-style: none;
  }

  .blockcart .cart-dropdown li .empty,
  .blockcart .dropdown-menu li .empty {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0;
    padding: 10px 0;
    color: var(--brand-primary);
  }

  .blockcart .cart-dropdown .quantity-formated,
  .blockcart .dropdown-menu .quantity-formated {
    color: var(--brand-primary);
    font-weight: 500;
  }

  #header-cart table>tbody>tr>td .text-price {
    margin: 0;
    display: block;
    font-size: 15px;
    line-height: 25px;
    font-weight: 400;
    color: var(--brand-primary);
  }

  .cart-btn .btn-default,
  .cart-btn .btn-primary {
    width: 48%;
    padding: 9px 20px;
  }

  .fade {
    transition: opacity .15s linear;
  }

  .user-info .user-logo {
    width: 40px;
    height: 40px;
    fill: var(--brand-primary);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  .user-info:hover .user-logo {
    fill: var(--brand-theme);
  }

  .user-info ul {
    padding: 0;
    margin: 0;
  }

  .dropdown-menu {
    border-radius: 0;
  }

  .language-selector .dropdown-menu {
    top: 40px;
  }

  .user-info .dropdown-menu,
  .language-selector .dropdown-menu,
  .currency-selector .dropdown-menu {
    left: auto !important;
    right: 0 !important;
    top: 32px !important;
    transform: unset !important;
    border-radius: 0;
    padding: 5px 0;
  }

  @media (max-width: 991px) {

    .user-info .dropdown-menu,
    .language-selector .dropdown-menu,
    .currency-selector .dropdown-menu {
      top: 31px !important;
    }
  }

  @media (max-width: 400px) {

    .user-info .dropdown-menu,
    .language-selector .dropdown-menu,
    .currency-selector .dropdown-menu {
      min-width: 100px;
    }
  }

  @media (max-width: 991px) {
    .user-info .dropdown-menu {
      top: 50px !important;
    }
  }

  @media (max-width: 991px) {
    .user-info ul {
      margin: 0;
    }

    #header-cart .cart-content .cart-name {
      display: none;
    }
  }

  #header-cart>.btn {
    font-size: 12px;
    line-height: 18px;
    color: var(--light-color);
  }

  #header-cart .btn-lg {
    padding: 0.65rem 1rem;
  }

  #header-cart.open>.btn {
    background-image: none;
    background-color: var(--light-color)FFF;
    border: 1px solid #E6E6E6;
    color: #666;
    box-shadow: none;
    text-shadow: none;
  }

  #header-cart.open>.btn:hover {
    color: #444;
  }

  #header-cart .dropdown-menu {
    background: var(--light-color);
    z-index: 1001;
    min-width: 100%;
    padding: 0;
    width: 350px !important;
    transform: unset !important;
    top: 60px !important;
    left: auto !important;
    right: 0 !important;
    border-radius: 0;
  }

  .product-detail {
    font-weight: 300;
    font-size: 13px;
  }


  #header-cart .alert_div .alert {
    display: flex;
    align-items: center;
    padding: 12px;
    word-break: break-all;
  }

  #header-cart .alert_div p {
    text-align: left !important;
    width: 100%;
    padding-right: 10px !important;
  }

  #header-cart .alert_div .btn-danger {
    background-color: transparent;
    color: var(--brand-primary);
    padding: 0;
    border: 0;
  }


  #header-cart .table-striped .img-thumbnail {
    padding: 0;
    border: 0;
    border-radius: 0;
    margin-right: 15px;
  }

  #header-cart .offcanvas .caption-detail {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    width: 100%;
    line-height: 22px;
    word-break: break-all;
  }

  #header-cart .dropdown-menu table {
    margin-bottom: 10px;
  }

  #header-cart .dropdown-menu li {
    padding: 10px 10px;
  }

  #header-cart .dropdown-menu li p {
    margin: 0;
    font-size: 14px;
    color: var(--brand-primary);
  }

  @media (max-width: 991px) {
    #header-cart .dropdown-menu {
      transform: unset !important;
      top: 42px !important;
      right: 0 !important;
      left: auto !important;
    }
  }

  @media (max-width: 991px) {
    #header-cart .dropdown-menu {
      width: 295px !important;
    }

    #header-cart .cart-content .cart-products-count {
      height: 14px;
      width: 14px;
      left: 18px;
      top: 6px;
      font-size: 9px;
      text-align: center;
      padding: 0;
      margin: 0;
      background: var(--brand-theme);
      color: var(--light-color);
    }
  }

  @media (max-width: 478px) {
    #header-cart .dropdown-menu {
      width: 100%;
    }

    #header-cart .dropdown-menu li>div {
      min-width: 100%;
    }
  }

  #header-cart .table-striped>tbody>tr:nth-of-type(odd) {
    --bs-table-accent-bg: var(--light-color);
  }

  /* menu */
  #menu.navbar {
    padding: 0 1rem;
  }

  #menu .dropdown-menu {
    padding-bottom: 0;
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  #menu .dropdown-inner {
    display: table;
  }

  #menu .dropdown-inner ul {
    display: table-cell;
  }

  #menu .dropdown-inner ul li a:hover {
    color: var(--light-color)fff;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
  }

  #menu .dropdown-inner a {
    min-width: 160px;
    display: block;
    padding: 3px 20px;
    clear: both;
    line-height: 20px;
    color: #333333;
    font-size: 12px;
  }

  #menu .see-all {
    display: block;
    margin-top: 0.5em;
    border-top: 1px solid #DDD;
    padding: 3px 20px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 3px 3px;
    font-size: 12px;
  }

  #menu .see-all:hover,
  #menu .see-all:focus {
    text-decoration: none;
    color: var(--light-color)fff;
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
  }

  #menu #category {
    float: left;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    color: var(--light-color);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  }

  #menu .navbar-toggler i {
    color: var(--light-color);
    border-color: var(--light-color);
    font-size: 0.9em;
  }

  #menu .navbar-nav>li>a {
    color: var(--brand-primary);
    padding: 10px 15px 10px 15px;
    background-color: transparent;
    font-size: 15px;
  }

  #menu .navbar-nav>li>a:first-child {
    padding-left: 0;
  }

  @media (min-width: 768px) {
    #menu .dropdown:hover .dropdown-menu {
      display: block;
    }
  }

  @media (max-width: 991px) {
    #menu.navbar {
      padding: 0;
      width: 40px;
      height: 40px;
    }

    #menu #narbar-menu {
      background: var(--light-color);
      padding: 0 10px;
      z-index: 8888;
      border: 1px solid #eee;
      position: absolute;
      left: 0;
      top: 40px;
    }
  }

  @media (max-width: 767px) {
    #menu {
      border-radius: 4px;
    }

    #menu div.dropdown-inner>ul .list-unstyled {
      display: block;
    }

    #menu div.dropdown-menu {
      margin-left: 0 !important;
      padding-bottom: 10px;
      background-color: rgba(0, 0, 0, 0.1);
    }

    #menu .dropdown-inner {
      display: block;
    }

    #menu .dropdown-inner a {
      width: 100%;
      color: var(--light-color);
    }

    #menu .dropdown-menu a:hover {
      background: rgba(0, 0, 0, 0.1);
    }

    #menu .dropdown-menu ul li a :hover {
      background: rgba(0, 0, 0, 0.1);
    }

    #menu .see-all {
      margin-top: 0;
      border: none;
      border-radius: 0;
      color: var(--light-color);
    }
  }

  /* content */

  /*Product Page*/
  .product-right .form-group .control-label {
    float: left;
    margin: 8px 8px 8px 0;
    font-size: 15px;
    color: var(--brand-primary);
    font-weight: 500;
  }

  .product-right .form-group #input-quantity {
    margin-right: 6px;
    margin-bottom: 0;
    width: auto;
    float: left;
    height: 37px;
    text-align: center;
    border-radius: 30px;
  }

  .product-right .form-group #button-cart {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    padding: 8px 15px;
    font-size: 14px;
  }

  @media (max-width: 575px) {
    .product-right .form-group #button-cart {
      padding: 8px 10px;
      font-size: 12px;
    }
  }

  .product-right .form-group #error-quantity {
    margin: 0;
  }

  .price li {
    display: inline-block;
    vertical-align: middle;
  }

  .price .product-price h2 {
    margin: 0;
    font-size: 22px;
  }

  .price .product-dis {
    font-size: 18px;
    color: #888;
    font-weight: 400;
  }

  @media (max-width: 1199px) and (min-width: 768px) {
    .product-right .product_option {
      width: 100%;
    }
  }

  .product-left-title .product-title {
    font-size: 26px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0 0 10px;
    color: var(--brand-primary);
    line-height: 30px;
  }

  @media (max-width: 991px) {
    .product-left-title .product-title {
      font-size: 24px;
    }
  }

  @media (max-width: 767px) {
    .product-left-title {
      margin-bottom: 10px;
      text-align: center;
    }

    .product-left-title .product-title {
      text-align: center;
    }
  }

  @media (max-width: 575px) {
    .product-left-title .product-title {
      font-size: 22px;
      line-height: 28px;
    }

    .price .product-price h2 {
      font-size: 20px;
    }

    .price .product-dis {
      font-size: 17px;
    }
  }

  .image_show #slider_carousel .owl-nav {
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -22px;
  }

  .image_show #slider_carousel .owl-nav .owl-prev,
  .image_show #slider_carousel .owl-nav .owl-next {
    left: 0;
    right: auto;
    height: auto;
    width: auto;
    top: 0px;
    position: absolute;
    margin: 0;
    background-color: transparent !important;
    border: 0 !important;
  }

  .image_show #slider_carousel .owl-nav .owl-next {
    right: 0;
    left: auto;
  }

  .image_show #slider_carousel .owl-nav .owl-prev i:before,
  .image_show #slider_carousel .owl-nav .owl-next i:before {
    line-height: 26px;
    font-size: 16px;
    color: var(--brand-primary);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }

  .image_show #slider_carousel .owl-nav .owl-prev:hover,
  .image_show #slider_carousel .owl-nav .owl-next:hover {
    background-color: transparent;
  }

  .image_show #slider_carousel .owl-nav .owl-prev:hover i:before,
  .image_show #slider_carousel .owl-nav .owl-next:hover i:before {
    color: var(--brand-primary);
  }

  .image_show #slider_carousel {
    padding: 0 0px 15px;
  }

  /*End Product Page*/

  /*Start Featured Block*/
  .ishifeaturedblock .owl-carousel {
    padding: 0;
  }

  @media (max-width: 575px) {
    .ishifeaturedblock .tab-pane.row {
      margin: 0 -6px;
    }
  }

  .ishifeaturedblock .tab-maintitle {
    background: var(--brand-theme);
    color: var(--light-color);
    padding: 17px 25px;
    font-size: 20px;
    font-weight: 700;
    line-height: 18px;
    text-align: left;
    display: block;
    margin: 0;
    font-family: var(--secondary-font);
    border-radius: 15px 15px 0 0;
  }

  .ishifeaturedblock .tab-maintitle .title-icon {
    display: none;
  }

  @media (max-width: 1199px) {
    .ishifeaturedblock .tab-maintitle {
      padding: 22px 25px;
    }
  }

  @media (max-width: 991px) {
    .ishifeaturedblock .tab-maintitle {
      font-size: 16px;
      padding: 15px 20px;
    }
  }

  .ishifeaturedblock .ishiproductstab {
    display: block;
    margin-bottom: 0;
  }

  @media (max-width: 767px) {
    .ishifeaturedblock .ishiproductstab {
      margin-bottom: 30px;
    }
  }

  @media (max-width: 575px) {
    .ishifeaturedblock .ishiproductstab {
      margin-bottom: 20px;
    }
  }

  .ishifeaturedblock .ishiproductstab {
    border: 1px solid #eee;
    border-radius: 0 0 15px 15px;
    position: relative;
    display: block;
    list-style: none;
    padding: 0 15px;
  }

  .ishifeaturedblock .ishiproductstab .nav-item {
    position: relative;
    float: none;
    margin: 0;
    display: block;
    text-align: left;
    border-bottom: 1px solid #eee;
  }

  .ishifeaturedblock .ishiproductstab .nav-item:last-child {
    border-bottom: 0;
  }

  .ishifeaturedblock .ishiproductstab .nav-item .nav-link.active,
  .ishifeaturedblock .ishiproductstab .nav-item .nav-link:hover {
    color: var(--tertiary-color);
    padding-left: 20px;
    background: transparent;
  }

  .ishifeaturedblock .ishiproductstab .nav-item .nav-link.active:after {
    opacity: 1;
  }

  .ishifeaturedblock .ishiproductstab .nav-item .nav-link {
    color: var(--brand-primary);
    background: transparent;
    padding: 20px 8px;
    display: block;
    cursor: pointer;
    position: relative;
    border: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.1;
    text-transform: capitalize;
    transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
  }

  @media (max-width: 1199px) {
    .ishifeaturedblock .ishiproductstab .nav-item .nav-link {
      padding: 21px 8px;
    }
  }

  @media (max-width: 991px) {
    .ishifeaturedblock .ishiproductstab .nav-item .nav-link {
      padding: 16px 8px;
    }
  }

  .ishifeaturedblock .ishiproductstab .nav-item .nav-link:after {
    content: '';
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background: var(--tertiary-color);
    position: absolute;
    top: 43%;
    left: 0;
    opacity: 0;
    transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
  }

  .ishifeaturedblock .ishiproductstab .nav-item .nav-link:hover {
    padding-left: 20px;
  }

  .ishifeaturedblock .ishiproductstab .nav-item .nav-link:hover:after {
    opacity: 1;
  }

  .ishiproductsblock.featuredcategoryblock .tab-content {
    display: block;
    position: relative;
    overflow: hidden;
  }

  @media (max-width: 575px) {
    .ishiproductsblock .owl-stage-outer {
      padding: 0 5px;
    }
  }

  .ishifeaturedblock .product-container {
    padding: 0 12px;
  }

  @media (max-width: 575px) {
    .ishifeaturedblock .product-container {
      padding: 0 5px;
    }
  }

  @media (min-width: 768px) and (max-width: 991px) {
    .ishifeaturedblock .countdown-container {
      left: 10px;
      right: 10px;
    }

    .ishifeaturedblock .countdown-container .counter .data {
      width: 38px;
    }
  }

  @media (min-width: 992px) {

    .ishifeaturedblock .owl-nav .owl-prev,
    .ishifeaturedblock .owl-nav .owl-next {
      top: 45%;
    }
  }

  /*End Featured Block*/


  /*Start three Banner Block*/

  .ishithreebannerblock .banner-data.banner-position-1 {
    left: 20px;
  }

  @media (min-width: 1500px) {
    .ishithreebannerblock .banner-data.banner-position-0 {
      right: 40px;
    }

    .ishithreebannerblock .banner-data.banner-position-1 {
      left: 40px;
    }
  }

  @media (min-width: 992px) and (max-width: 1199px) {
    .ishithreebannerblock .banner-data.banner-position-0 {
      right: 15px;
    }

    .ishithreebannerblock .banner-data.banner-position-1 {
      left: 15px;
    }
  }

  @media (max-width: 360px) {
    .ishithreebannerblock .banner-data.banner-position-0 {
      right: 15px;
    }

    .ishithreebannerblock .banner-data.banner-position-1 {
      left: 15px;
    }
  }

  .ishithreebannerblock .banner-data.banner-position-0 {
    right: 20px;
  }

  .ishithreebannerblock .banner-data.banner-position-2 {
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .ishithreebannerblock .banner-data.banner-alignment-1 {
    text-align: left;
  }

  .ishithreebannerblock .banner-data.banner-alignment-2 {
    text-align: center;
  }

  .ishithreebannerblock .banner-data.banner-alignment-0 {
    text-align: right;
  }

  .ishithreebannerblock {
    text-align: center;
    display: block;
    overflow: hidden;
    position: relative;
  }

  .ishithreebannerblock .bannerblock {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 30px;
  }

  @media (min-width: 768px) {
    .ishithreebannerblock .bannerblock:last-child {
      margin-bottom: 0;
    }
  }

  @media (max-width: 443px) {
    .ishithreebannerblock .bannerblock {
      width: 100%;
    }
  }

  .ishithreebannerblock .bannerbottom .bannerblock {
    margin-bottom: 0;
  }

  .ishithreebannerblock .bannerblock img {
    max-width: 100%;
    width: 100%;
    border-radius: 15px;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  .ishithreebannerblock .bannerblock a:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
  }

  .ishithreebannerblock .bannerblock a {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  .ishithreebannerblock .bannerright .bannerblock {
    margin-bottom: 0;
  }

  .ishithreebannerblock .bannerblock a,
  .ishithreebannerblock .bannerblock a {
    display: flex;
    align-items: center;
  }

  .ishithreebannerblock .bannerblock .banner-data {
    position: absolute;
    z-index: 1;
  }

  .ishithreebannerblock .bannerblock .banner-title {
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 10px;
  }

  @media (max-width: 1199px) {
    .ishithreebannerblock .bannerblock .banner-title {
      font-size: 18px;
      line-height: 18px;
      margin-bottom: 8px;
      font-weight: 500;
    }
  }

  @media (max-width: 767px) {
    .ishithreebannerblock .bannerblock .banner-title {
      font-size: 20px;
      line-height: 20px;
      margin-bottom: 14px;
    }
  }

  @media (max-width: 460px) {
    .ishithreebannerblock .bannerblock .banner-title {
      font-size: 18px;
      line-height: 18px;
      margin-bottom: 12px;
    }
  }

  @media (max-width: 400px) {
    .ishithreebannerblock .bannerblock .banner-title {
      margin-bottom: 10px;
    }
  }

  .ishithreebannerblock .bannerblock:hover .banner-subtitle {
    transform: rotatex(360deg);
  }

  .ishithreebannerblock .bannerblock .banner-subtitle {
    font-size: 28px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 12px;
    font-family: var(--secondary-font);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  @media (max-width: 1199px) {
    .ishithreebannerblock .bannerblock .banner-subtitle {
      font-size: 24px;
      line-height: 24px;
    }
  }

  @media (max-width: 991px) {
    .ishithreebannerblock .bannerblock .banner-subtitle {
      font-size: 25px;
      line-height: 25px;
    }
  }

  @media (max-width: 767px) {
    .ishithreebannerblock .bannerblock .banner-subtitle {
      font-size: 40px;
      line-height: 40px;
      margin-bottom: 15px;
    }
  }

  @media (max-width: 485px) {
    .ishithreebannerblock .bannerblock .banner-subtitle {
      font-size: 35px;
      line-height: 34px;
    }
  }

  @media (max-width: 460px) {
    .ishithreebannerblock .bannerblock .banner-subtitle {
      font-size: 32px;
      line-height: 34px;
      margin-bottom: 14px;
    }
  }

  @media (max-width: 400px) {
    .ishithreebannerblock .bannerblock .banner-subtitle {
      font-size: 28px;
      line-height: 30px;
      margin-bottom: 10px;
    }
  }

  @media (max-width: 365px) {
    .ishithreebannerblock .bannerblock .banner-subtitle {
      font-size: 26px;
      line-height: 26px;
    }
  }

  @media (max-width: 345px) {
    .ishithreebannerblock .bannerblock .banner-subtitle {
      font-size: 25px;
      line-height: 25px;
    }
  }

  @media (max-width: 330px) {
    .ishithreebannerblock .bannerblock .banner-subtitle {
      font-size: 24px;
      line-height: 24 px;
    }
  }

  .ishithreebannerblock .bannerblock .banner-btn {
    text-decoration: underline;
    font-weight: 400;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  .ishithreebannerblock .bannerblock .banner-btn:hover {
    letter-spacing: 1px;
  }

  .ishithreebannerblock .bannerbottom .banner-title {
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 17px;
  }

  @media (max-width: 767px) {
    .ishithreebannerblock .bannerbottom .banner-title {
      font-size: 16px;
      line-height: 16px;
    }
  }

  @media (max-width: 575px) {
    .ishithreebannerblock .bannerbottom .banner-title {
      font-size: 15px;
      margin-bottom: 14px;
    }
  }

  @media (max-width: 450px) {
    .ishithreebannerblock .bannerbottom .banner-title {
      font-size: 14px;
      margin-bottom: 12px;
    }
  }

  .ishithreebannerblock .bannerbottom .banner-subtitle {
    font-size: 44px;
    line-height: 44px;
    font-weight: 600;
    margin-bottom: 15px;
  }

  @media (max-width: 1199px) {
    .ishithreebannerblock .bannerbottom .banner-subtitle {
      font-size: 40px;
      line-height: 40px;
    }
  }

  @media (max-width: 767px) {
    .ishithreebannerblock .bannerbottom .banner-subtitle {
      font-size: 34px;
      line-height: 34px;
    }
  }

  @media (max-width: 575px) {
    .ishithreebannerblock .bannerbottom .banner-subtitle {
      font-size: 30px;
      line-height: 30px;
    }
  }

  @media (max-width: 450px) {
    .ishithreebannerblock .bannerbottom .banner-subtitle {
      font-size: 26px;
      line-height: 26px;
      margin-bottom: 13px;
    }
  }

  @media (max-width: 350px) {
    .ishithreebannerblock .bannerbottom .banner-subtitle {
      font-size: 22px;
      line-height: 24px;
      margin-bottom: 9px;
    }
  }

  /*End three Banner Block*/

  /*start featuresblock*/

  .ishifeaturesblock {
    position: relative;
    padding: 100px 0px;
    margin-bottom: 100px;
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center !important;
  }

  @media (max-width: 991px) {
    .ishifeaturesblock {
      padding: 45px 0;
      margin-bottom: 50px;
    }
  }

  @media (max-width: 575px) {
    .ishifeaturesblock {
      padding: 30px 0;
      margin-bottom: 30px;
    }
  }

  .ishifeaturesblock:before {
    content: '';
    width: 100%;
    height: 32px;
    background: var(--section_pattern);
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: -30px;
    z-index: 1;
  }

  @media (max-width: 991px) {
    .ishifeaturesblock:before {
      display: none;
    }
  }

  .ishifeaturesblock:after {
    content: '';
    width: 100%;
    height: 32px;
    background: var(--section_pattern);
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 1;
    bottom: -30px;
    transform: rotate(180deg);
  }

  @media (max-width: 991px) {
    .ishifeaturesblock:after {
      display: none;
    }
  }

  .ishifeaturesblock .section-header {
    margin-bottom: 0;
  }

  @media (max-width: 767px) {
    .ishifeaturesblock .section-header {
      margin-bottom: 5px;
    }
  }

  @media (max-width: 575px) {
    .ishifeaturesblock .section-header {
      margin-bottom: 0px;
    }
  }

  .ishifeaturesblock .feature-image {
    width: 120px;
    position: absolute;
    right: 0px;
    top: -40px;
    border: 5px solid var(--light-color);
    border-radius: 50%;
    opacity: 1;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  @media (max-width: 767px) {
    .ishifeaturesblock .feature-image {
      width: 100px;
      position: unset;
      text-align: center;
      margin: 0 auto 10px;
    }
  }

  .ishifeaturesblock .owl-item {
    margin-top: 60px;
  }

  @media (max-width: 767px) {
    .ishifeaturesblock .owl-item {
      margin-top: 15px;
    }
  }

  .ishifeaturesblock .ishicategoryblock-container {
    padding: 90px 0 50px;
    border-radius: 0 40% 0px 40%;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  @media (max-width: 767px) {
    .ishifeaturesblock .ishicategoryblock-container {
      padding: 50px 20px 50px;
      border-radius: 0 20% 0px 20%;
    }
  }

  @media (max-width: 543px) {
    .ishifeaturesblock .ishicategoryblock-container {
      padding: 50px 10px 50px;
    }
  }

  @media (min-width: 768px) {
    .ishifeaturesblock .ishicategoryblock-container:hover .feature-image {
      opacity: 0;
      transform: rotate(180deg);
    }
  }

  @media (min-width: 768px) {
    .ishifeaturesblock .ishicategoryblock-container:hover .features-content {
      opacity: 0;
    }
  }

  @media (min-width: 768px) {
    .ishifeaturesblock .ishicategoryblock-container:hover .feature-content-info {
      opacity: 1;
    }
  }

  .ishifeaturesblock .features-content {
    text-align: center;
    margin: 0 auto;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  .ishifeaturesblock .feature-content-info {
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
    opacity: 0;
    text-align: center;
    margin: 0 auto;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  @media (max-width: 767px) {
    .ishifeaturesblock .feature-content-info {
      display: none;
    }
  }

  .ishifeaturesblock .heading {
    font-size: 28px;
    line-height: 35px;
    font-weight: 700;
    display: block;
    margin-bottom: 25px;
    position: relative;
    font-family: 'Nunito Sans', sans-serif;
  }

  @media (max-width: 767px) {
    .ishifeaturesblock .heading {
      font-size: 23px;
      line-height: 30px;
    }
  }

  @media (max-width: 500px) {
    .ishifeaturesblock .heading {
      display: inline-block;
    }
  }

  .ishifeaturesblock .heading:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    text-align: center;
    margin: 0 auto;
    height: 1px;
    width: 25%;
    background-color: var(--light-color);
  }

  .ishifeaturesblock .subtitle {
    font-size: 14px;
    line-height: 22px;
    font-weight: 300;
    margin-bottom: 0;
    padding: 0 15px;
    display: block;
    word-break: break-all;
  }

  @media (max-width: 500px) {
    .ishifeaturesblock .subtitle {
      display: block;
    }
  }

  .ishifeaturesblock .owl-dots {
    text-align: center;
    position: relative;
    top: 30px;
    margin-top: 20px;
  }

  @media (max-width: 991px) {
    .ishifeaturesblock .owl-dots {
      top: 15px;
    }
  }

  .ishifeaturesblock .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    border-radius: 50px;
    background: var(--tertiary-color);
    border: 1px solid var(--tertiary-color);
    margin: 0 3px;
    display: block;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
  }

  .ishifeaturesblock .owl-dots .owl-dot.active span,
  .ishifeaturesblock .owl-dots .owl-dot:hover span {
    background: var(--brand-theme);
    border-color: var(--brand-theme);
  }

  /*end featuresblock*/

  /*Start Testimonial Block*/
  .ishitestimonialsblock {
    position: relative;
    display: block;
  }

  .ishitestimonialsblock .ishitestimonials-container {
    padding: 20px 15px;
    position: relative;
    border: 2px dotted #ddd;
    border-radius: 15px;
  }

  .ishitestimonialsblock .ishitestimonials-container .testimonial-img {
    position: relative;
    text-align: center;
    width: 120px;
    margin: 0 auto 20px;
  }

  .ishitestimonialsblock .ishitestimonials-container .testimonial-img img {
    max-width: 100%;
  }

  .ishitestimonialsblock .ishitestimonials-container .testimonial-info {
    font: 500 18px/18px var(--primary-font);
    color: var(--brand-primary);
    text-align: center;
    margin: 0 auto;
  }

  .ishitestimonialsblock .ishitestimonials-container .testimonial-info .user-name {
    font-size: 20px;
    color: var(--brand-primary);
    text-transform: uppercase;
    margin: 0 0 5px;
    font-weight: 500;
    letter-spacing: 0.7px;
  }

  .ishitestimonialsblock .ishitestimonials-container .testimonial-info .user-designation {
    font-size: 14px;
    color: var(--brand-theme);
  }

  .ishitestimonialsblock .ishitestimonials-container .testimonial-info .user-count {
    font-size: 75px;
    line-height: 36px;
    color: #eee;
    font-weight: 600;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  .ishitestimonialsblock .ishitestimonials-container .testimonial-info .user-description {
    font-size: 14px;
    color: #888;
    margin: 0 0 35px;
    padding-top: 30px;
    line-height: 22px;
    font-weight: 400;
    position: relative;
  }

  @media (max-width: 991px) {
    .ishitestimonialsblock .ishitestimonials-container .testimonial-info .user-description {
      font-size: 14px;
    }
  }

  .ishitestimonialsblock .ishitestimonials-container .testimonial-info .user-description:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 15px;
    text-align: center;
    margin: 0 auto;
    height: 1px;
    width: 90px;
    background: #eee;
  }

  .ishitestimonialsblock .ishitestimonials-container .testimonial-info .quote {
    fill: var(--tertiary-color);
    display: block;
    height: 40px;
    width: 40px;
    margin: 0 auto;
  }

  .ishitestimonialsblock .ishitestimonials-container:hover .testimonial-info .user-count {
    color: #d2d2d2;
  }

  @media (min-width: 992px) {

    .ishitestimonialsblock .owl-nav .owl-prev,
    .ishitestimonialsblock .owl-nav .owl-next {
      left: -20px;
      position: absolute;
      top: 50%;
      margin-top: -20px;
    }
  }

  @media(min-width: 1199px) and (max-width: 1230px) {

    .ishitestimonialsblock .owl-nav .owl-prev,
    .ishitestimonialsblock .owl-nav .owl-next {
      left: -13px;
    }
  }

  .ishitestimonialsblock .owl-nav .owl-next {
    /* If media is above 992 */
  }

  @media (min-width: 992px) {
    .ishitestimonialsblock .owl-nav .owl-next {
      right: -20px;
      left: auto;
    }
  }

  @media (min-width: 1199px) and (max-width: 1230px) {
    .ishitestimonialsblock .owl-nav .owl-next {
      right: -13px;
    }
  }

  /*End Testimonial Block*/

  /* Start Ishi Special Block */
  .ishispecial .owl-carousel {
    padding: 0;
  }

  @media (max-width: 575px) {
    .ishispecial .row {
      margin: 0 -10px;
    }
  }

  .ishispecial .product-container {
    padding-top: 0;
    padding-bottom: 0;
  }

  @media (max-width: 575px) {
    .ishispecial .product-container {
      padding-bottom: 15px;
    }
  }

  /* End Ishi Special Block */

  /*Start Ishi Gallery Block*/
  .ishigalleryblock {
    text-align: center;
    display: block;
    overflow: hidden;
    position: relative;
  }

  .ishigalleryblock .galleryblock {
    display: block;
    vertical-align: middle;
    padding: 0;
  }

  .ishigalleryblock .row {
    margin: 0;
  }

  .ishigalleryblock .galleryblock a {
    display: block;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  .ishigalleryblock .galleryblock a:after {
    background-color: rgba(255, 111, 105, 0.3)
  }

  .ishigalleryblock .galleryblock img {
    max-width: 100%;
    width: 100%;
    -webkit-transform-style: unset;
    transform-style: unset;
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
  }

  .ishigalleryblock .banner-scale:hover.scale img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
  }

  .ishigalleryblock .galleryblock a .imageoverlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    background: rgba(51, 51, 51, 0.5);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  .ishigalleryblock .galleryblock a:hover .imageoverlay {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  .ishigalleryblock .galleryblock a .imageoverlay .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -10px;
    text-align: center;
    color: var(--light-color);
    font-size: 18px;
  }

  .ishigalleryblock .galleryblock a .imageoverlay .icon:before {
    content: '';
    position: absolute;
    top: 30px;
    left: 10px;
    width: 20px;
    height: 20px;
    background-color: var(--brand-theme);
    -webkit-border-bottom-right-radius: 50%;
    border-bottom-right-radius: 50%;
    -webkit-transform: translate(-40px, -40px);
    -ms-transform: translate(-40px, -40px);
    transform: translate(-40px, -40px);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }

  .ishigalleryblock .galleryblock a:hover .imageoverlay .icon:before {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    -webkit-transition: all 0.4s ease 0.2s;
    transition: all 0.4s ease 0.2s;
  }

  .ishigalleryblock .galleryblock a .imageoverlay .icon:after {
    content: '';
    position: absolute;
    top: 30px;
    left: -10px;
    width: 20px;
    height: 20px;
    background-color: var(--brand-theme);
    -webkit-border-bottom-left-radius: 50%;
    border-bottom-left-radius: 50%;
    -webkit-transform: translate(40px, -40px);
    -ms-transform: translate(40px, -40px);
    transform: translate(40px, -40px);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }

  .ishigalleryblock .galleryblock a:hover .imageoverlay .icon:after {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
  }

  .ishigalleryblock .galleryblock a .imageoverlay .icon .icon-square i {
    color: var(--light-color);
    position: absolute;
    top: 22px;
    left: 3px;
    font-size: 16px;
    z-index: 3;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }

  .ishigalleryblock .galleryblock a:hover .imageoverlay .icon .icon-square i {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.4s ease 0.4s;
    transition: all 0.4s ease 0.4s;
  }

  .ishigalleryblock .galleryblock a .imageoverlay .icon .icon-square:before {
    content: '';
    position: absolute;
    left: 10px;
    bottom: -30px;
    width: 20px;
    height: 20px;
    background-color: var(--brand-theme);
    -webkit-border-top-right-radius: 50%;
    border-top-right-radius: 50%;
    -webkit-transform: translate(-40px, 40px);
    -ms-transform: translate(-40px, 40px);
    transform: translate(-40px, 40px);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }

  .ishigalleryblock .galleryblock a:hover .imageoverlay .icon .icon-square:before {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
  }

  .ishigalleryblock .galleryblock a .imageoverlay .icon .icon-square:after {
    content: '';
    position: absolute;
    left: -10px;
    bottom: -30px;
    width: 20px;
    height: 20px;
    background-color: var(--brand-theme);
    -webkit-border-top-left-radius: 50%;
    border-top-left-radius: 50%;
    -webkit-transform: translate(40px, 40px);
    -ms-transform: translate(40px, 40px);
    transform: translate(40px, 40px);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }

  .ishigalleryblock .galleryblock a:hover .imageoverlay .icon .icon-square:after {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    -webkit-transition: all 0.4s ease 0.2s;
    transition: all 0.4s ease 0.2s;
  }

  /*End Ishi Gallery Block*/

  /*start service Block*/
  .ishiservicesblock {
    text-align: center;
  }

  .ishiservicesblock .ishiservices {
    border: 1px solid #eee;
    border-radius: 15px;
    display: block;
    overflow: hidden;
  }

  .ishiservicesblock .ishiservices .services {
    text-align: center;
    cursor: pointer;
    padding: 38px 0;
    border-bottom: 1px solid #eee;
  }

  @media screen and (min-width: 992px) and (max-width: 1199px) {
    .ishiservicesblock .ishiservices .services {
      padding: 23px 8px;
    }
  }

  @media (max-width: 991px) {
    .ishiservicesblock .ishiservices .services {
      padding: 32px 15px;
      text-align: left;
    }
  }

  @media (max-width: 543px) {
    .ishiservicesblock .ishiservices .services {
      padding: 20px 15px;
    }
  }

  .ishiservicesblock .ishiservices .services:last-child {
    border-bottom: 0;
  }

  .ishiservicesblock .ishiservices .services a {
    display: block;
    position: relative;
    overflow: hidden;
  }

  .ishiservicesblock .ishiservices .services .service-img {
    width: 85px;
    height: 85px;
    background-position: center center;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    position: relative;
    transition: all 400ms;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
  }

  @media (max-width: 340px) {
    .ishiservicesblock .ishiservices .services .service-img {
      display: block;
      text-align: center;
      margin: 0 auto;
      margin-bottom: 12px;
    }
  }

  .ishiservicesblock .ishiservices .services .service-block {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
    text-align: left;
  }

  @media screen and (min-width: 992px) and (max-width: 1199px) {
    .ishiservicesblock .ishiservices .services .service-block {
      margin-left: 10px;
      width: calc(98% - 75px);
    }
  }

  @media (max-width: 340px) {
    .ishiservicesblock .ishiservices .services .service-block {
      display: block;
      text-align: center;
      margin: 10px 0 0;
    }
  }

  .ishiservicesblock .ishiservices .services .service-block .service-title {
    font-size: 16px;
    font-weight: 500;
    color: var(--brand-primary);
    opacity: 1;
    margin: 0 0 5px;
    transition: all 400ms ease;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
  }

  .ishiservicesblock .ishiservices .services .service-block .service-desc {
    color: #888;
    font-weight: 400;
    font-size: 14px;
  }

  .ishiservicesblock .ishiservices .services:hover .service-img {
    transform: rotateY(360deg);
  }

  .ishiservicesblock .ishiservices .services:hover .service-block .service-title {
    color: var(--tertiary-color);
    letter-spacing: 1px;
  }

  /*end service Block*/

  /* Ishi Story Block  */
  .ishistoryblock {
    text-align: center;
    position: relative;
  }

  .ishistoryblock .video-content {
    display: flex;
    align-items: center;
    position: relative;
    padding-bottom: 56.25%;
  }

  @media (max-width: 767px) {
    .ishistoryblock .video-content {
      display: block;
    }
  }

  .ishistoryblock .video-content .video-div {
    display: block;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute;
  }

  .ishistoryblock .video-content:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 3;
    background-color: var(--brand-primary);
    opacity: 0.66;
  }

  .ishistoryblock .story-list {
    position: absolute;
    text-align: center;
    z-index: 4;
    background: rgba(255, 255, 255, .8);
    border: 1px solid #ddd;
    padding: 30px 15px;
    bottom: 50px;
    left: 50px;
  }

  @media (max-width: 767px) {
    .ishistoryblock .story-list {
      position: unset;
      background: var(--light-color);
      margin-bottom: 30px;
    }
  }

  @media (max-width: 380px) {
    .ishistoryblock .story-list {
      padding: 24px 15px;
    }
  }

  .ishistoryblock .story-list .title {
    font-size: 18px;
    line-height: 20px;
    color: var(--brand-primary);
    font-weight: 400;
    margin-bottom: 15px;
  }

  @media (max-width: 380px) {
    .ishistoryblock .story-list .title {
      margin-bottom: 10px;
    }
  }

  .ishistoryblock .story-list .sub-title {
    font-size: 14px;
    line-height: 22px;
    color: #888888;
    font-weight: 400;
    margin-bottom: 15px;
    letter-spacing: 0.5px;
  }

  .ishistoryblock .story-list .sub-title p {
    line-height: 22px;
  }

  @media (max-width: 380px) {
    .ishistoryblock .story-list .sub-title {
      margin-bottom: 12px;
    }
  }

  .ishistoryblock .story-list .btn-primary {
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--brand-primary);
    cursor: pointer;
    display: inline-block;
    transition: 0.5s;
    position: relative;
  }

  .ishistoryblock .story-list .btn-primary:hover {
    letter-spacing: 0.9px;
  }

  .ishistoryblock .story-list .btn-primary:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    bottom: 0;
    top: auto;
    border-radius: 0;
    background: currentcolor;
  }

  /* End Story Block */

  /* Start Ishi specialdeals block */
  .ishispecialdeals {
    display: block;
    position: relative;
  }

  @media (max-width: 575px) {
    .ishispecialdeals {
      padding: 0 3px;
    }
  }

  .ishispecialdeals .product-container {
    padding-top: 0;
    padding-bottom: 0;
  }

  @media (max-width: 575px) {
    .ishispecialdeals .product-container {
      padding: 0 10px;
    }
  }

  @media (min-width: 992px) {

    .ishispecialdeals .owl-nav .owl-prev,
    .ishispecialdeals .owl-nav .owl-next {
      top: 45%;
    }
  }

  .ishispecialdeals .owl-carousel {
    padding: 0;
  }

  .ishispecialdeals .product-thumb {
    border: 1px solid #eee;
    border-radius: 20px;
    overflow: hidden;
    display: block;
  }

  @media screen and (min-width: 1199px) and (max-width: 1220px) {

    .ishispecialdeals .owl-nav .owl-prev,
    .ishispecialdeals .owl-nav .owl-next {
      left: 0;
    }

    .ishispecialdeals .owl-nav .owl-next {
      right: 0;
    }
  }

  .ishispecialdeals .product-thumb .caption .description {
    display: inline-block !important;
  }

  /* End Ishi specialdeals block */

  /*Start ishi slider*/

  .ishislider .slider-content-right {
    float: right;
  }

  .ishislider .slider-content-left {
    float: left;
  }

  .ishislider .slider-content-center {
    margin: 0 auto;
    float: unset;
  }

  .ishislider {
    overflow: hidden;
    position: relative;
  }

  @media (min-width: 576px) {
    .ishislider .mobile-slider {
      display: none !important;
    }
  }

  @media (max-width: 575px) {
    .ishislider .desktop-slider {
      display: none !important;
    }
  }

  .ishislider .slideshow__link {
    display: flex;
    align-items: center;
  }

  .ishislider .container {
    position: absolute;
    left: 0;
    right: 0;
  }

  @media (max-width: 575px) {
    .ishislider .container {
      top: 70px;
    }
  }

  @media (max-width: 450px) {
    .ishislider .container {
      top: 60px;
    }
  }

  @media (max-width: 400px) {
    .ishislider .container {
      top: 50px;
    }
  }

  .ishislider .slider-content {
    padding: 0;
    text-align: center;
  }

  .ishislider .slider-content .sub-title {
    font-size: 30px;
    text-transform: unset;
    line-height: 36px;
    margin-bottom: 20px;
    letter-spacing: 0.5px;
  }

  @media (max-width: 1199px) {
    .ishislider .slider-content .sub-title {
      font-size: 26px;
      line-height: 28px;
    }
  }

  @media (max-width: 991px) {
    .ishislider .slider-content .sub-title {
      font-size: 22px;
      line-height: 24px;
      margin-bottom: 15px;
    }
  }

  @media (max-width: 767px) {
    .ishislider .slider-content .sub-title {
      font-size: 18px;
      line-height: 20px;
      margin-bottom: 10px;
    }
  }

  @media (max-width: 543px) {
    .ishislider .slider-content .sub-title {
      font-size: 17px;
      line-height: 20px;
      margin-bottom: 12px;
    }
  }

  @media (max-width: 415px) {
    .ishislider .slider-content .sub-title {
      font-size: 16px;
      line-height: 16px;
    }
  }

  @media (max-width: 380px) {
    .ishislider .slider-content .sub-title {
      font-size: 15px;
      line-height: 15px;
    }
  }

  @media (max-width: 343px) {
    .ishislider .slider-content .sub-title {
      margin-bottom: 10px;
    }
  }

  .ishislider .slider-content .main-title {
    font-size: 64px;
    text-transform: unset;
    line-height: 60px;
    margin-bottom: 20px;
    letter-spacing: 0.5px;
    font-weight: 700;
    font-family: var(--secondary-font);
  }

  @media (max-width: 1199px) {
    .ishislider .slider-content .main-title {
      font-size: 50px;
      line-height: 52px;
    }
  }

  @media (max-width: 991px) {
    .ishislider .slider-content .main-title {
      font-size: 38px;
      line-height: 38px;
      margin-bottom: 15px;
    }
  }

  @media (max-width: 767px) {
    .ishislider .slider-content .main-title {
      font-size: 26px;
      line-height: 26px;
      margin-bottom: 15px;
    }
  }

  @media (max-width: 575px) {
    .ishislider .slider-content .main-title {
      font-size: 27px;
      line-height: 27px;
      margin-bottom: 15px;
    }
  }

  @media (max-width: 543px) {
    .ishislider .slider-content .main-title {
      font-size: 25px;
      line-height: 25px;
    }
  }

  @media (max-width: 480px) {
    .ishislider .slider-content .main-title {
      font-size: 22px;
      line-height: 22px;
    }
  }

  @media (max-width: 415px) {
    .ishislider .slider-content .main-title {
      font-size: 20px;
      line-height: 20px;
      margin-bottom: 12px;
    }
  }

  @media (max-width: 370px) {
    .ishislider .slider-content .main-title {
      font-size: 18px;
      line-height: 20px;
    }
  }

  @media (max-width: 343px) {
    .ishislider .slider-content .main-title {
      font-size: 17px;
      margin-bottom: 10px;
    }
  }

  @media (max-width: 323px) {
    .ishislider .slider-content .main-title {
      font-size: 16px;
    }
  }

  .ishislider .slider-content .desc {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 30px;
    letter-spacing: 0.5px;
    font-weight: 400;
    font-family: var(--primary-font);
  }

  @media (max-width: 1199px) {
    .ishislider .slider-content .desc {
      font-size: 15px;
      margin-bottom: 25px;
    }
  }

  @media (max-width: 991px) {
    .ishislider .slider-content .desc {
      font-size: 14px;
      margin-bottom: 20px;
    }
  }

  @media (max-width: 767px) {
    .ishislider .slider-content .desc {
      display: none;
    }
  }

  .ishislider .slider-content .desc p {
    font-size: 16px;
    margin: 0;
  }

  @media (max-width: 1199px) {
    .ishislider .slider-content .desc p {
      font-size: 15px;
    }
  }

  @media (max-width: 991px) {
    .ishislider .slider-content .desc p {
      font-size: 14px;
    }
  }

  @media (max-width: 767px) {
    .ishislider .owl-carousel .slider-content .slider-btn span {
      padding: 9px 16px;
    }
  }

  @media (max-width: 543px) {
    .ishislider .owl-carousel .slider-content .slider-btn span {
      padding: 7px 12px;
      font-size: 12px;
    }
  }

  @media (max-width: 415px) {
    .ishislider .owl-carousel .slider-content .slider-btn span {
      padding: 5px 10px;
      font-size: 11px;
    }
  }

  @media (max-width: 380px) {
    .ishislider .owl-carousel .slider-content .slider-btn span {
      padding: 5px 10px;
      font-size: 10px;
    }
  }

  .ishislider .owl-carousel .owl-item.active .sub-title {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.7s;
  }

  .ishislider .owl-carousel .owl-item.active .main-title {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.6s;
  }

  .ishislider .owl-carousel .owl-item.active .desc {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.5s;
  }

  .ishislider .owl-carousel .owl-item.active .slider-btn {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.4s;
  }

  .ishislider .owl-carousel .owl-item .slider-btn .btn-primary {
    line-height: 16px;
  }

  @media (max-width: 991px) {
    .ishislider .owl-carousel .owl-item .slider-btn .btn-primary {
      padding: 9px 17px;
      line-height: 20px;
    }
  }

  @media (max-width: 767px) {
    .ishislider .owl-carousel .owl-item .slider-btn .btn-primary {
      padding: 7px 15px;
    }
  }

  @media (max-width: 415px) {
    .ishislider .owl-carousel .owl-item .slider-btn .btn-primary {
      padding: 6px 12px;
      line-height: 18px;
    }
  }

  .ishislider .owl-carousel .owl-nav {
    margin: 0;
    position: unset;
    /* If media is below 768 */
  }

  @media (max-width: 767px) {
    .ishislider .owl-carousel .owl-nav {
      display: none;
    }
  }

  .ishislider .owl-carousel .owl-nav .owl-prev,
  .ishislider .owl-carousel .owl-nav .owl-next {
    /* If media is below 992 */
    position: absolute;
    top: 45%;
    left: 70px;
    right: auto;
    background-color: var(--btn_bgcolor) !important;
    border: 1px solid var(--btn_bgcolor) !important;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  @media (max-width: 991px) {

    .ishislider .owl-carousel .owl-nav .owl-prev,
    .ishislider .owl-carousel .owl-nav .owl-next {
      top: 44%;
    }
  }

  .ishislider .owl-carousel .owl-nav .owl-prev:before,
  .ishislider .owl-carousel .owl-nav .owl-next:before {
    display: none;
  }

  .ishislider .owl-carousel .owl-nav .owl-prev i:before,
  .ishislider .owl-carousel .owl-nav .owl-next i:before {
    color: var(--btn_textcolor);
    font-size: 19px;
    font-weight: 600;
    text-align: center;
    line-height: 36px;
  }

  .ishislider .owl-carousel .owl-nav .owl-prev:hover,
  .ishislider .owl-carousel .owl-nav .owl-next:hover {
    background-color: var(--btnhover_bgcolor) !important;
    border: 1px solid var(--btnhover_bgcolor) !important;
  }

  .ishislider .owl-carousel .owl-nav .owl-prev:hover i:before,
  .ishislider .owl-carousel .owl-nav .owl-next:hover i:before {
    color: var(--btnhover_textcolor) !important;
  }

  .ishislider .owl-carousel .owl-nav .owl-prev.ishi-style-nav1,
  .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav1 {
    right: auto;
    left: 50px;
    border: none !important;
    border-radius: 0;
    padding: 2px;
    margin: 4px;
    width: 40px;
    height: 42px;
    outline: none;
    box-shadow: none;
    background: var(--slider-navigation-aerrow1);
    background-color: transparent !important;
  }

  @media (min-width: 768px) {

    .ishislider .owl-carousel .owl-nav .owl-prev.ishi-style-nav1,
    .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav1 {
      opacity: 0;
      -moz-transform: translateX(-40px);
      -webkit-transform: translateX(-40px);
      -o-transform: translateX(-40px);
      -ms-transform: translateX(-40px);
      transform: translateX(-40px);
    }
  }

  .ishislider .owl-carousel .owl-nav .owl-prev.ishi-style-nav1:hover,
  .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav1:hover {
    background-position: 7px -65px;
    background-color: transparent;
  }

  .ishislider .owl-carousel .owl-nav .owl-prev.ishi-style-nav1 i,
  .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav1 i {
    display: none;
  }

  .ishislider .owl-carousel .owl-nav .owl-prev.ishi-style-nav2,
  .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav2 {
    margin: 4px;
    left: 70px;
    right: auto;
    height: 40px;
    width: 40px;
    overflow: hidden;
    opacity: 0;
    border: 0;
    border-radius: 0px;
    padding: 4px 5px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
    background: var(--slider-navigation-aerrow2);
    background-color: var(--btn_bgcolor) !important;
    border: 1px solid var(--btn_bgcolor) !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }

  .ishislider .owl-carousel .owl-nav .owl-prev.ishi-style-nav2 {
    background-position: 11px 8px;
  }

  .ishislider .owl-carousel .owl-nav .owl-prev.ishi-style-nav2:hover {
    border: 1px solid var(--btnhover_bgcolor) !important;
    background-color: var(--btnhover_bgcolor) !important;
  }

  .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav2:hover {
    border: 1px solid var(--btnhover_bgcolor) !important;
    background-color: var(--btnhover_bgcolor) !important;
  }

  .ishislider .owl-carousel .owl-nav .owl-prev.ishi-style-nav2 i,
  .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav2 i {
    display: none;
  }

  .ishislider .owl-carousel .owl-nav .owl-prev.ishi-style-nav3,
  .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav3 {
    border-radius: 0;
    padding: 2px;
    margin: 4px;
    left: 30px;
    right: auto;
    width: 40px;
    height: 40px;

    outline: none;
    box-shadow: none;
    transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
  }

  .ishislider .owl-carousel .owl-nav .owl-prev.ishi-style-nav4,
  .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav4 {
    padding: 4px;
    margin: 4px;
    left: 70px;
    right: auto;
    width: 38px;
    height: 38px;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }

  @media (max-width: 991px) {

    .ishislider .owl-carousel .owl-nav .owl-prev.ishi-style-nav4,
    .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav4 {
      top: 38%;
    }
  }

  .ishislider .owl-carousel .owl-nav .owl-prev.ishi-style-nav4 i:before,
  .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav4 i:before {
    content: "\f060";
    font-size: 14px;
    font-weight: 400;
    line-height: 38px;
  }

  .ishislider .owl-carousel .owl-nav .owl-prev.ishi-style-nav5,
  .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav5 {
    border: 0;
    border-radius: 30px;
    padding: 5px;
    margin: 4px;
    left: 70px;
    right: auto;
    width: 38px;
    height: 38px;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }

  .ishislider .owl-carousel .owl-nav .owl-prev.ishi-style-nav5:hover:after,
  .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav5:hover:after {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }

  .ishislider .owl-carousel .owl-nav .owl-prev.ishi-style-nav5:after,
  .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav5:after {
    content: "";
    background: transparent;
    border: 1px solid var(--btn_textcolor);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  .ishislider .owl-carousel .owl-nav .owl-prev.ishi-style-nav5 i:before,
  .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav5 i:before {
    font-size: 18px;
    line-height: 28px;
  }

  .ishislider .owl-carousel .owl-nav .owl-next {
    right: 70px;
    left: auto;
  }

  .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav1 {
    /* If media is above 767 */
    right: 50px;
    left: auto;
    background-position: -64px 0px;
  }

  @media (min-width: 768px) {
    .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav1 {
      -moz-transform: translateX(100px);
      -webkit-transform: translateX(100px);
      -o-transform: translateX(100px);
      -ms-transform: translateX(100px);
      transform: translateX(100px);
    }
  }

  .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav1:hover {
    background-position: -64px -65px;
  }

  .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav2 {
    right: 70px;
    left: auto;
    background-position: -23px 8px;
  }

  .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav3 {
    right: 30px;
    left: auto;
  }

  .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav4 {
    right: 70px;
    left: auto;
  }

  .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav4 i:before {
    content: "\f061";
    margin-right: -2px;
  }

  .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav5 {
    right: 70px;
    left: auto;
  }

  .ishislider .owl-carousel .owl-dots {
    position: absolute;
    bottom: 5px;
    right: 0;
    left: 0;
    margin: 0 auto;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }

  @media (max-width: 543px) {
    .ishislider .owl-carousel .owl-dots {
      bottom: 5px;
    }
  }

  .ishislider .owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    vertical-align: middle;
    outline: none;
  }

  .ishislider .owl-carousel .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    border: 1px solid var(--btn_bgcolor);
    background: var(--btn_bgcolor);
    margin: 0 3px;
    display: block;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  .ishislider .owl-carousel .owl-dots .owl-dot.active span,
  .ishislider .owl-carousel .owl-dots .owl-dot:hover span {
    border: 1px solid var(--btnhover_bgcolor);
    background: var(--btnhover_bgcolor);
  }

  .ishislider .owl-carousel .owl-dots.ishi-style-dot1 .owl-dot span {
    border-radius: 0;
  }

  .ishislider .owl-carousel .owl-dots.ishi-style-dot2 .owl-dot span {
    border-radius: 50%;
    width: 12px;
    height: 12px;
  }

  .ishislider .owl-carousel .owl-dots.ishi-style-dot3 .owl-dot span {
    width: 35px;
    height: 4px;
    border-radius: 0;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
  }

  .ishislider .owl-carousel .owl-dots.ishi-style-dot4 .owl-dot span {
    width: 25px;
    height: 5px;
    border-radius: 0;
  }

  .ishislider .owl-carousel .owl-dots.ishi-style-dot5 .owl-dot span {
    width: 25px;
    height: 6px;
    border-radius: 5px;
  }

  .ishislider:hover:before {
    width: 100%;
  }

  .ishislider:hover .owl-carousel .owl-nav .owl-prev,
  .ishislider:hover .owl-carousel .owl-nav .owl-next {
    opacity: 1;
    left: 50px;
  }

  @media (max-width: 1250px) {
    .ishislider:hover .owl-carousel .owl-nav .owl-prev {
      left: 20px;
    }

    .ishislider:hover .owl-carousel .owl-nav .owl-next {
      right: 20px;
    }
  }

  .ishislider:hover .owl-carousel .owl-nav .owl-prev.ishi-style-nav1,
  .ishislider:hover .owl-carousel .owl-nav .owl-next.ishi-style-nav1 {
    -moz-transform: translate(0);
    -webkit-transform: translate(0);
    -o-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
  }

  .ishislider:hover .owl-carousel .owl-nav .owl-prev.ishi-style-nav3,
  .ishislider:hover .owl-carousel .owl-nav .owl-next.ishi-style-nav3 {
    left: 30px;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
  }

  .ishislider:hover .owl-carousel .owl-nav .owl-next {
    right: 50px;
    left: auto;
  }

  @media (max-width: 1250px) {

    .ishislider:hover .owl-carousel .owl-nav .owl-prev,
    .ishislider:hover .owl-carousel .owl-nav .owl-next {
      right: 20px;
    }
  }

  .ishislider:hover .owl-carousel .owl-nav .owl-next.ishi-style-nav3 {
    right: 30px;
    left: auto;
  }

  /*End ishi slider*/

  /* start ishi catagory block */
  .ishicategoryblock .ishicategory {
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 0 50px;
  }

  @media (max-width: 543px) {
    .ishicategoryblock .ishicategory {
      padding: 0 15px;
    }
  }

  .ishicategoryblock .ishicategory .image-container {
    position: relative;
    overflow: hidden;
    margin: 0 1px;
  }

  .ishicategoryblock .ishicategory .image-container:before {
    content: '';
    border: 1px solid var(--border-color);
    border-top: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 56%;
    bottom: 0;
    border-radius: 0 0 15px 15px;
  }

  .ishicategoryblock .ishicategory .image-container:after {
    content: '';
    height: 40px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 41%;
    right: 0;
    text-align: center;
    margin: 0 auto;
    z-index: -1;
    border: 1px solid var(--border-color);
    border-bottom: 0;
    border-radius: 100%/100px 100px 0 0;
  }

  .ishicategoryblock .ishicategory .image-container a {
    position: relative;
    overflow: hidden;
    display: block;
    border-radius: 50%;
  }

  .ishicategoryblock .ishicategory .image-container a img {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 50%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  .ishicategoryblock .ishicategory .image-container .text-container {
    padding: 20px 0;
    font-size: 24px;
    font-weight: 700;
    display: block;
    color: var(--brand-primary);
    font-family: var(--secondary-font);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  @media (max-width: 991px) {
    .ishicategoryblock .ishicategory .image-container .text-container {
      font-size: 22px;
      line-height: 22px;
    }
  }

  @media (max-width: 575px) {
    .ishicategoryblock .ishicategory .image-container .text-container {
      font-size: 21px;
      line-height: 21px;
    }
  }

  .ishicategoryblock .ishicategory .image-container:hover img {
    -moz-transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    -o-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);
  }

  .ishicategoryblock .ishicategory .image-container:hover .text-container {
    color: var(--brand-theme);
    transform: rotateX(360deg);
    -moz-transform: rotateX(360deg);
    -webkit-transform: rotateX(360deg);
    -o-transform: rotateX(360deg);
    -ms-transform: rotateX(360deg);
  }

  /* end ishi catagory block */


  /* ishi banner with tammer block */
  .ishibannerwithtimerblock {
    position: relative;
    padding: 90px 0;
  }

  @media (max-width: 991px) {
    .ishibannerwithtimerblock {
      padding: 70px 0;
    }
  }

  @media (max-width: 767px) {
    .ishibannerwithtimerblock {
      padding: 45px 0;
    }
  }

  @media (max-width: 350px) {
    .ishibannerwithtimerblock {
      padding: 30px 0;
    }
  }

  .ishibannerwithtimerblock .bannerblock {
    margin: 0;
  }

  @media (min-width: 992px) {
    .ishibannerwithtimerblock .row {
      display: flex;
      align-items: center;
    }
  }

  @media (min-width: 992px) {
    .ishibannerwithtimerblock .bannerblock1 {
      order: 1;
    }
  }

  @media (min-width: 992px) {
    .ishibannerwithtimerblock .bannerblock2 {
      order: 3;
    }
  }

  .ishibannerwithtimerblock .timer-text-block {
    text-align: center;
  }

  @media (min-width: 992px) {
    .ishibannerwithtimerblock .timer-text-block {
      order: 2;
    }
  }

  @media (max-width: 991px) {
    .ishibannerwithtimerblock .timer-text-block {
      margin-top: 30px;
    }
  }

  .ishibannerwithtimerblock .timer-text-block .top-title {
    font-size: 30px;
    line-height: 30px;
    letter-spacing: 1.5px;
    font-weight: 300;
    position: relative;
    margin-bottom: 25px;
    color: #666;
  }

  @media (max-width: 1499px) {
    .ishibannerwithtimerblock .timer-text-block .top-title {
      font-size: 26px;
      line-height: 26px;
    }
  }

  @media (max-width: 1199px) {
    .ishibannerwithtimerblock .timer-text-block .top-title {
      font-size: 24px;
      line-height: 24px;
      margin-bottom: 20px;
    }
  }

  @media (max-width: 575px) {
    .ishibannerwithtimerblock .timer-text-block .top-title {
      font-size: 20px;
      line-height: 22px;
    }
  }

  .ishibannerwithtimerblock .timer-text-block .offer-title {
    font-size: 80px;
    line-height: 70px;
    letter-spacing: 4px;
    font-weight: 400;
    position: relative;
    margin-bottom: 25px;
    color: var(--brand-theme);
  }

  @media (max-width: 1499px) {
    .ishibannerwithtimerblock .timer-text-block .offer-title {
      font-size: 70px;
      line-height: 60px;
    }
  }

  @media (max-width: 1199px) {
    .ishibannerwithtimerblock .timer-text-block .offer-title {
      font-size: 60px;
      line-height: 50px;
      letter-spacing: 3px;
      margin-bottom: 20px;
    }
  }

  @media (max-width: 575px) {
    .ishibannerwithtimerblock .timer-text-block .offer-title {
      font-size: 50px;
      line-height: 40px;
    }
  }

  .ishibannerwithtimerblock .timer-text-block .sub-title {
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 6.48px;
    font-weight: 400;
    position: relative;
    margin-bottom: 25px;
    color: var(--brand-theme);
  }

  @media (max-width: 1499px) {
    .ishibannerwithtimerblock .timer-text-block .sub-title {
      font-size: 20px;
      line-height: 20px;
    }
  }

  @media (max-width: 1199px) {
    .ishibannerwithtimerblock .timer-text-block .sub-title {
      font-size: 18px;
      line-height: 20px;
      margin-bottom: 20px;
    }
  }

  @media (max-width: 991px) {
    .ishibannerwithtimerblock .timer-text-block .sub-title {
      margin-bottom: 14px;
    }
  }

  @media (max-width: 575px) {
    .ishibannerwithtimerblock .timer-text-block .sub-title {
      font-size: 16px;
      line-height: 20px;
      letter-spacing: 5px;
    }
  }

  .ishibannerwithtimerblock .timer-text-block .description {
    width: 90%;
    margin: auto;
    margin-bottom: 25px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 24px;
    color: #888888;
  }

  @media (max-width: 1199px) {
    .ishibannerwithtimerblock .timer-text-block .description {
      width: 100%;
      margin-bottom: 20px;
    }
  }

  @media (max-width: 991px) {
    .ishibannerwithtimerblock .timer-text-block .description {
      margin-bottom: 17px;
    }
  }

  .ishibannerwithtimerblock .timer-text-block .banner-btn {
    display: block;
  }

  .ishibannerwithtimerblock .timer-text-block .banner-btn a {
    display: inline-block;
  }

  .ishibannerwithtimerblock .timer-text-block #bannercountdown {
    margin-bottom: 25px;
  }

  @media (max-width: 1199px) {
    .ishibannerwithtimerblock .timer-text-block #bannercountdown {
      margin-bottom: 20px;
    }
  }

  @media (max-width: 991px) {
    .ishibannerwithtimerblock .timer-text-block #bannercountdown {
      margin-bottom: 25px;
    }
  }

  .ishibannerwithtimerblock .timer-text-block #bannercountdown .countdown {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    min-width: 70px;
    margin: 0;
    border: 1px solid #e5e5e5;
    padding: 12px 2px;
  }

  @media (max-width: 1199px) {
    .ishibannerwithtimerblock .timer-text-block #bannercountdown .countdown {
      padding: 10px 2px;
      min-width: 65px;
    }
  }

  .ishibannerwithtimerblock .timer-text-block #bannercountdown .data {
    font-size: 30px;
    line-height: 30px;
    letter-spacing: 0;
    font-weight: 400;
    margin-bottom: 4px;
    color: var(--brand-theme);
  }

  @media (max-width: 1199px) {
    .ishibannerwithtimerblock .timer-text-block #bannercountdown .data {
      font-size: 24px;
      line-height: 24px;
    }
  }

  .ishibannerwithtimerblock .timer-text-block #bannercountdown .text {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    font-weight: 400;
    color: #666;
  }

  .ishibannerwithtimerblock .image-container {
    position: relative;
    display: inline-block;
    text-align: center;
  }

  .ishibannerwithtimerblock .image-container a {
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    -moz-transition: all 3s ease 0s;
    -ms-transition: all 3s ease 0s;
    -o-transition: all 3s ease 0s;
    transition: all 3s ease 0s;
  }

  /* end ishi banner with timmer block*/

  /*Start offer block*/

  #ishioffersblock {
    overflow: hidden;
    color: var(--headernav_textcolor);
    padding: 3px 0;
  }

  @media (max-width: 991px) {
    #ishioffersblock {
      display: none !important;
    }
  }

  #ishioffersblock .offer-title {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--light-color);
    margin: 0;
    line-height: 19px;
    letter-spacing: 0.8px;
    font-family: var(--secondary-font);
    padding: 9px 15px;
    background: var(--tertiary-color);
    float: left;
    margin-right: 10px;
  }

  @media screen and (min-width: 1199px) and (max-width: 1500px) {
    #ishioffersblock .offer-title {
      font-size: 12px;
      margin-right: 10px;
    }
  }

  #ishioffersblock #typed {
    position: relative;
    top: 9px;
    float: left;
    text-transform: uppercase;
    font-size: 14px;
  }

  #ishioffersblock #typed-strings {
    display: inline-block;
    vertical-align: middle;
  }

  #ishioffersblock #typed-strings p {
    list-style: none;
    font-weight: 400;
    font-size: 14px;
    color: #888888;
    display: block;
    margin: 0;
    text-transform: uppercase;
  }

  #ishioffersblock #typed-strings p:hover {
    color: #888888;
  }

  /*End offer block*/

  /*Start banner block*/
  .ishibannerblock {
    padding: 0;
    display: block;
    overflow: hidden;
    margin-bottom: 40px;
  }

  @media (max-width: 991px) {
    .ishibannerblock {
      margin-bottom: 20px;
    }
  }

  @media (max-width: 767px) {
    .ishibannerblock {
      margin-bottom: 50px;
    }
  }

  @media (max-width: 575px) {
    .ishibannerblock {
      margin-bottom: 30px;
    }
  }

  .ishibannerblock .banner-data {
    position: absolute;
    z-index: 2;
  }

  .ishibannerblock .banner-data.banner-position-1 {
    left: 30px;
  }

  @media (max-width: 1199px) and (min-width: 768px) {
    .ishibannerblock .banner-data.banner-position-1 {
      left: 15px;
    }
  }

  @media (max-width: 375px) {
    .ishibannerblock .banner-data.banner-position-1 {
      left: 12px;
    }
  }

  .ishibannerblock .banner-data.banner-position-0 {
    right: 30px;
  }

  @media (max-width: 1224px) {
    .ishibannerblock .banner-data.banner-position-0 {
      right: 20px;
    }

    .ishibannerblock .banner-data.banner-position-1 {
      left: 20px;
    }
  }

  @media (max-width: 1099px) {
    .ishibannerblock .banner-data.banner-position-0 {
      right: 15px;
    }

    .ishibannerblock .banner-data.banner-position-1 {
      left: 15px;
    }
  }

  @media (max-width: 1020px) {
    .ishibannerblock .banner-data.banner-position-0 {
      right: 12px;
    }

    .ishibannerblock .banner-data.banner-position-1 {
      left: 12px;
    }
  }

  @media (max-width: 855px) {
    .ishibannerblock .banner-data.banner-position-0 {
      right: 10px;
    }

    .ishibannerblock .banner-data.banner-position-1 {
      left: 10px;
    }
  }

  @media (max-width: 767px) {
    .ishibannerblock .banner-data.banner-position-0 {
      right: 30px;
    }

    .ishibannerblock .banner-data.banner-position-1 {
      left: 30px;
    }
  }

  @media (max-width: 500px) {
    .ishibannerblock .banner-data.banner-position-0 {
      right: 20px;
    }

    .ishibannerblock .banner-data.banner-position-1 {
      left: 20px;
    }
  }

  @media (max-width: 350px) {
    .ishibannerblock .banner-data.banner-position-0 {
      right: 15px;
    }

    .ishibannerblock .banner-data.banner-position-1 {
      left: 15px;
    }
  }

  .ishibannerblock .banner-container {
    display: flex;
    align-items: center;
  }

  @media (max-width: 543px) {
    .ishibannerblock .banner-data.banner-position-0 {
      right: 15px;
    }
  }

  .ishibannerblock .banner-data.banner-position-2 {
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .ishibannerblock .banner-data.banner-alignment-1 {
    text-align: left;
  }

  .ishibannerblock .banner-data.banner-alignment-2 {
    text-align: center;
  }

  .ishibannerblock .banner-data.banner-alignment-0 {
    text-align: right;
  }

  .ishibannerblock .row {
    margin: 0;
  }

  .bannerblock {
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
    text-align: center;
  }

  .ishibannerblock .bannerblock {
    padding: 0;
  }

  @media (max-width: 767px) {
    .ishibannerblock .bannerblock {
      margin-bottom: 0;
    }
  }

  .ishibannerblock .bannerblock:last-child {
    margin-bottom: 0;
  }

  /*.ishibannerblock .bannerblock:nth-child(2n+2){
  padding: 0 3px;}*/
  .bannerblock .image-container {
    position: relative;
    display: inline-block;
    text-align: center;
    display: block;
  }

  .bannerblock .image-container a {
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    -moz-transition: all 3s ease 0s;
    -ms-transition: all 3s ease 0s;
    -o-transition: all 3s ease 0s;
    transition: all 3s ease 0s;
  }

  .bannerblock .image-container a img {
    width: 100%;
    max-width: 100%;
    -moz-transition: all 3s ease 0s;
    -ms-transition: all 3s ease 0s;
    -o-transition: all 3s ease 0s;
    transition: all 3s ease 0s;
  }

  .ishibannerblock .banner-data .banner-title {
    font-weight: 400;
    font-size: 14px;
    padding: 5px 20px;
    letter-spacing: 0.36px;
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    border-radius: 5px;
    margin-bottom: 18px;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
  }

  @media (max-width: 1299px) {
    .ishibannerblock .banner-data .banner-title {
      margin-bottom: 18px;
    }
  }

  @media (max-width: 1099px) {
    .ishibannerblock .banner-data .banner-title {
      padding: 5px 15px;
      margin-bottom: 14px;
    }
  }

  @media (max-width: 991px) and (min-width: 896px) {
    .ishibannerblock .banner-data .banner-title {
      margin-bottom: 15px;
      padding: 3px 11px;
      font-size: 13px;
    }
  }

  @media (max-width: 895px) and (min-width: 768px) {
    .ishibannerblock .banner-data .banner-title {
      margin-bottom: 13px;
      padding: 3px 7px;
      font-size: 12px;
    }
  }

  @media (max-width: 767px) {
    .ishibannerblock .banner-data .banner-title {
      padding: 8px 20px;
      font-size: 15px;
      margin-bottom: 27px;
    }
  }

  @media (max-width: 543px) {
    .ishibannerblock .banner-data .banner-title {
      padding: 7px 15px;
      font-size: 14px;
      margin-bottom: 24px;
    }
  }

  @media (max-width: 500px) {
    .ishibannerblock .banner-data .banner-title {
      padding: 6px 12px;
      font-size: 13px;
    }
  }

  @media (max-width: 480px) {
    .ishibannerblock .banner-data .banner-title {
      margin-bottom: 20px;
    }
  }

  @media (max-width: 410px) {
    .ishibannerblock .banner-data .banner-title {
      padding: 5px 9px;
      margin-bottom: 17px;
    }
  }

  @media (max-width: 385px) {
    .ishibannerblock .banner-data .banner-title {
      margin-bottom: 20px;
    }
  }

  @media (max-width: 360px) {
    .ishibannerblock .banner-data .banner-title {
      font-size: 12px;
      padding: 5px 11px;
      margin-bottom: 18px;
    }
  }

  .ishibannerblock .banner-data .banner-subtitle {
    font-weight: 700;
    font-size: 34px;
    line-height: 34px;
    letter-spacing: 0.48px;
    margin-bottom: 15px;
    font-family: var(--secondary-font);
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
  }

  @media (max-width: 1399px) {
    .ishibannerblock .banner-data .banner-subtitle {
      font-size: 30px;
      line-height: 30px;
    }
  }

  @media (max-width: 1299px) {
    .ishibannerblock .banner-data .banner-subtitle {
      margin-bottom: 12px;
      font-size: 27px;
      line-height: 30px;
    }
  }

  @media (max-width: 1199px) {
    .ishibannerblock .banner-data .banner-subtitle {
      font-size: 25px;
      line-height: 27px;
    }
  }

  @media (max-width: 1099px) {
    .ishibannerblock .banner-data .banner-subtitle {
      font-size: 23px;
      line-height: 25px;
      margin-bottom: 10px;
    }
  }

  @media (max-width: 991px) and (min-width: 895px) {
    .ishibannerblock .banner-data .banner-subtitle {
      margin-bottom: 10px;
      font-size: 21px;
      line-height: 21px;
    }
  }

  @media (max-width: 894px) and (min-width: 841px) {
    .ishibannerblock .banner-data .banner-subtitle {
      font-size: 19px;
      line-height: 19px;
      margin-bottom: 9px;
    }
  }

  @media (max-width: 840px) and (min-width: 800px) {
    .ishibannerblock .banner-data .banner-subtitle {
      font-size: 18px;
      line-height: 18px;
      margin-bottom: 8px;
    }
  }

  @media (max-width: 799px) and (min-width: 768px) {
    .ishibannerblock .banner-data .banner-subtitle {
      font-size: 18px;
      line-height: 18px;
      margin-bottom: 7px;
    }
  }

  @media (max-width: 767px) {
    .ishibannerblock .banner-data .banner-subtitle {
      font-size: 40px;
      line-height: 45px;
      margin-bottom: 15px;
    }
  }

  @media (max-width: 543px) {
    .ishibannerblock .banner-data .banner-subtitle {
      font-size: 36px;
      line-height: 40px;
      margin-bottom: 13px;
    }
  }

  @media (max-width: 500px) {
    .ishibannerblock .banner-data .banner-subtitle {
      font-size: 34px;
      line-height: 36px;
    }
  }

  @media (max-width: 480px) {
    .ishibannerblock .banner-data .banner-subtitle {
      margin-bottom: 14px;
      font-size: 32px;
      line-height: 32px;
    }
  }

  @media (max-width: 455px) {
    .ishibannerblock .banner-data .banner-subtitle {
      font-size: 28px;
      line-height: 28px;
    }
  }

  @media (max-width: 410px) {
    .ishibannerblock .banner-data .banner-subtitle {
      font-size: 26px;
      line-height: 26px;
    }
  }

  @media (max-width: 385px) {
    .ishibannerblock .banner-data .banner-subtitle {
      font-size: 24px;
      line-height: 24px;
      margin-bottom: 13px;
    }
  }

  @media (max-width: 360px) {
    .ishibannerblock .banner-data .banner-subtitle {
      font-size: 22px;
      line-height: 22px;
      margin-bottom: 10px;
    }
  }

  @media (max-width: 335px) {
    .ishibannerblock .banner-data .banner-subtitle {
      font-size: 21px;
      line-height: 21px;
    }
  }

  .ishibannerblock .image-container:hover .banner-data .banner-subtitle {
    -webkit-transform: rotateX(360deg);
    transform: rotateX(360deg);
  }

  .ishibannerblock .banner-data .banner-desc {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 22px;
  }

  @media (max-width: 1480px) and (min-width: 1300px) {
    .ishibannerblock .banner-data .banner-desc {
      font-size: 14px;
    }
  }

  @media (max-width: 1299px) and (min-width: 768px) {
    .ishibannerblock .banner-data .banner-desc {
      display: none;
    }
  }

  @media (max-width: 767px) {
    .ishibannerblock .banner-data .banner-desc {
      margin-bottom: 27px;
    }
  }

  @media (max-width: 543px) {
    .ishibannerblock .banner-data .banner-desc {
      font-size: 14px;
      margin-bottom: 25px;
    }
  }

  @media (max-width: 500px) {
    .ishibannerblock .banner-data .banner-desc {
      margin-bottom: 20px;
    }
  }

  @media (max-width: 480px) {
    .ishibannerblock .banner-data .banner-desc {
      display: none;
    }
  }

  .ishibannerblock .banner-data .banner-btn {
    display: inline-block;
    vertical-align: middle;
  }

  .ishibannerblock .banner-data .banner-btn .btn-primary {
    background-color: transparent;
    color: var(--brand-primary);
    text-decoration: underline;
    padding: 0;
    border: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  @media (min-width: 768px) and (max-width: 895px) {
    .ishibannerblock .banner-data .banner-btn .btn-primary {
      font-size: 13px;
    }
  }

  .ishibannerblock .banner-data .banner-btn .btn-primary:hover {
    letter-spacing: 0.9px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  .banner-scale:hover.scale img {
    border-radius: 10px;
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
  }

  /*End banner block*/

  /*Start Manufacture Block*/

  /*.manufacturerblock {
  text-align: center;}  
  .manufacturerblock .item a {
    overflow: hidden;
    display: inline-block; }
  .manufacturerblock .item img {
    width: auto;
    max-width: 100%;
    display: inline-block;
    -moz-transition: all 4s;
    -ms-transition: all 4s;
    -o-transition: all 4s;
    transition: all 4s; }
  .manufacturerblock .item:hover img {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    -moz-transform: scale(0.9);}*/

  .manufacturerblock .item {
    text-align: center;
  }

  .manufacturerblock .item img {
    width: auto !important;
    max-width: 100%;
    display: inline-block;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    cursor: pointer;
    cursor: -moz-pointer;
    cursor: -webkit-pointer;
  }

  .manufacturerblock .item:hover img {
    transform: scale(0.9);
    -moz-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
  }

  /*End Manufacture Block*/


  /*payment block*/
  .ishipaymentblock {
    text-align: right;
    float: right;
  }

  @media (max-width: 767px) {
    .ishipaymentblock {
      text-align: center;
      display: inline-block;
      vertical-align: middle;
      float: none;
    }
  }

  .ishipaymentblock .paymentblock {
    /* If media is below 1200 */
    /* If media is below 544 */
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px;
  }

  @media (max-width: 1199px) {
    .ishipaymentblock .paymentblock {
      margin: 1px;
    }
  }

  @media (max-width: 543px) {
    .ishipaymentblock .paymentblock {
      margin: 0;
    }
  }

  .ishipaymentblock .paymentblock a {
    overflow: visible !important;
  }

  .ishipaymentblock .paymentblock img {
    /* If media is below 768 */
    border-radius: 0;
    cursor: pointer;
    width: 45px;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
  }

  @media (max-width: 767px) {
    .ishipaymentblock .paymentblock img {
      margin: 2px 1px;
    }
  }

  /*End payment block*/

  /* Start  Ishi Store Info Block */
  .ishistoreinfoblock {
    display: block;
    overflow: hidden;
  }

  @media (max-width: 991px) {
    .ishistoreinfoblock {
      margin-bottom: 20px;
      text-align: center !important;
    }
  }

  .ishistoreinfoblock .ishistoreinfo-inner .store-logo {
    display: block;
    margin-bottom: 20px;
  }

  .ishistoreinfoblock .ishistoreinfo-inner .store-description p {
    line-height: 24px;
    font-size: 14px;
    font-family: var(--primary-font);
    margin-bottom: 0;
    letter-spacing: 0.5px;
    color: var(--footer-text-color);
  }

  /* End Ishi Store Info Block */

  /* Start ishicontact info block */
  #footer .block-contact {
    display: block;
    overflow: hidden;
  }

  #footer .block-contact .block {
    margin-bottom: 20px;
    letter-spacing: 0.5px;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
  }

  #footer .block-contact .block:hover .icon {
    transform: rotateY(360deg);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }

  #footer .block-contact .block .icon {
    content: "";
    color: var(--footer-text-color);
    font-family: FontAwesome;
    font-size: 18px;
    width: 24px;
    position: relative;
    top: 0;
    transform: rotateY(0deg);
    line-height: 29px;
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }

  #footer .block-contact .block .content {
    line-height: 23px;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    vertical-align: middle;
    padding-left: 5px;
    font-family: var(--primary-font);
  }

  @media (max-width: 991px) {
    #footer .block-contact .block .content {
      width: 83%;
    }
  }

  #footer .block-contact .block .content a {
    display: block;
    word-break: break-all;
  }

  #footer .block-contact .block.email .icon {
    font-size: 15px;
  }

  @media (max-width: 991px) {
    #footer .block-contact .block.email .icon {
      font-size: 16px;
    }
  }

  /* End ishicontact info block */

  /* footer */
  #footer #slidetop {
    background: var(--btn_bgcolor) none repeat scroll 0 0;
    border: 1px solid var(--btnh_bgcolor);
    box-shadow: 0 0 10px 4px rgba(255, 255, 255, 0.1);
    color: transparent;
    border-radius: 50%;
    bottom: 20px;
    cursor: pointer;
    height: 40px;
    overflow: hidden;
    padding: 6px;
    position: fixed;
    right: 20px;
    text-align: center;
    width: 40px;
    z-index: 50;
    display: none;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  #footer #slidetop::before {
    content: "\f106";
    display: inline-block;
    color: var(--light-color);
    font-family: FontAwesome;
    font-size: 19px;
    left: 0;
    position: absolute;
    right: 0;
    top: 12px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  #footer #slidetop:hover {
    background: var(--btnhover_bgcolor);
  }

  #footer #slidetop:hover::before {
    color: var(--btnhover_textcolor);
  }

  #footer {
    background: var(--footer_bgcolor)var(--footer_bgimage);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: var(--footer-text-color);
    clear: both;
    position: relative;
    padding: 30px 0 0px;
    line-height: 1.25em;
  }

  @media (max-width: 991px) {
    #footer {
      padding: 50px 0 20px;
    }
  }

  #footer:before {
    content: '';
    height: 11px;
    width: 100%;
    background: var(--footer_pattern);
    position: absolute;
    top: 0;
  }

  #footer.home-footer {
    margin-top: 0;
  }

  /* #footer .footer-before{
  padding: 70px 0 55px;} 
@media (max-width: 991px){
  #footer .footer-before{
    padding: 10px 0 30px;}}
#footer .footer-before .row{
  align-items: center;} */
  #footer a {
    font-family: var(--primary-font);
    font-weight: 400;
    font-size: 14px;
    color: var(--footer-text-color);
    text-decoration: none;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
  }


  .footer-address {
    font-family: var(--primary-font);
    font-weight: 400;
    font-size: 14px;
    color: var(--footer-text-color);
    text-decoration: none;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
  }

  @media (max-width: 991px) {
    footer {
      padding-top: 0px;
    }
  }

  @media (max-width: 767px) {
    #footer .subscribe-btn {
      display: none;
    }
  }

  #footer .footer-middle {
    padding: 40px 0 40px;
    display: block;
    overflow: hidden;
    position: relative;
  }

  @media (max-width: 991px) {
    #footer .footer-middle {
      padding: 0 0 18px;
    }
  }

  .footer-after {
    padding: 10px 0 10px;
    display: block;
    position: relative;
    overflow: hidden;
    border-top: 1px solid #8ba0ba;
  }

  @media (min-width: 992px) {
    .footer-after {
      display: flex;
      align-items: center;
    }
  }

  .footer-after .row {
    align-items: center;
  }

  #footer .footer-aftertext {
    padding: 9px 12px;
    line-height: 20px;
    text-align: left;
    margin: 0;
  }

  @media (max-width: 767px) {
    #footer .footer-aftertext {
      text-align: center;
    }
  }

  @media (max-width: 767px) {
    .footer-after .row {
      display: block;
    }
  }

  #footer .footer-aftertext a {
    color: var(--brand-theme);
  }

  #footer h5,
  #footer .h3 {
    margin: 0 0 15px 0;
    display: block;
    color: var(--footer-title-color);
    text-transform: unset;
    font-size: 21px;
    font-weight: 700;
    cursor: pointer;
    font-family: var(--secondary-font);
  }

  @media (max-width: 991px) {

    #footer h5,
    #footer .h3 {
      font-size: 16px;
      margin-bottom: 15px;
    }
  }

  /*@media (min-width: 992px){
  #footer .account.col-lg-2{
    width: 21%;}}*/
  .footer-after .footer-aftertext {
    color: var(--footerafter-text-color);
    font-family: var(--primary-font);
  }

  .footer-after p.footer-aftertext {
    margin-bottom: 0;
    color: var(--footerafter-text-color);
    line-height: 22px;
  }

  @media (max-width: 767px) {
    .footer-after p.footer-aftertext {
      text-align: center;
      margin: 0 0 3px;
    }
  }

  #footer .footer-after .footer-aftertext a {
    color: var(--footerafter-text-color);
    font-weight: bold;
  }

  @media (min-width: 992px) {

    #footer .account .collapse,
    #footer .information .collapse,
    #footer .extra .collapse {
      display: inherit;
    }
  }

  #footer .account li a:hover,
  #footer .information li a:hover,
  #footer .extra li a:hover {
    color: var(--footer-hover-text-color);
  }

  footer a:hover {
    color: var(--light-color);
  }

  #footer .account ul,
  #footer .information ul,
  #footer .extra ul {
    margin: 0;
  }

  #footer li {
    margin-bottom: 15px;
  }

  @media (min-width: 992px) {
    #footer li:last-child {
      margin-bottom: 0;
    }
  }

  .block-title .navbar-toggler,
  .footer-title .navbar-toggler,
  .title .navbar-toggler {
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 0;
    font-size: 17px;
    font-style: normal;
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    height: 1em;
    text-align: center;
  }

  #footer .footer-title {
    position: relative;
    cursor: pointer;
  }

  #footer .footer-title .navbar-toggler {
    top: 0;
    right: 0;
    color: var(--light-color);
  }

  .footer-title .navbar-toggler i {
    font-size: 14px;
    color: var(--footer-title-color);
  }

  .footer-title .navbar-toggler i.add {
    display: none;
  }

  .footer-title .navbar-toggler i.remove {
    display: block;
  }

  .footer-title.collapsed .navbar-toggler i.add {
    display: block;
  }

  .footer-title.collapsed .navbar-toggler i.remove {
    display: none;
  }

  .block-title.collapsed .navbar-toggler i.add,
  .footer-title.collapsed .navbar-toggler i.add {
    display: block;
  }

  #footer .footer-container .block-contact #contact-info-container {
    padding: 15px;
    border-radius: 10px;
  }

  @media (max-width: 991px) {
    #footer .footer-container .block-contact #contact-info-container {
      padding: 0;
    }
  }

  #footer .footer-container .block-contact .block {
    letter-spacing: 0.5px;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px;
    text-align: center;
  }

  @media (max-width: 991px) {
    #footer .footer-container .block-contact .block {
      text-align: left;
    }
  }

  #footer .footer-container .block-contact .block:last-child {
    margin-bottom: 0;
  }

  #footer .footer-container .block-contact .block .icon {
    display: none;
  }

  #footer .footer-container .block-contact .block .content {
    display: inline-block;
  }

  #footer .footer-container .block-contact .block .content .content-title {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.1px;
    line-height: 20px;
    color: var(--footer-title-color);
    margin-bottom: 5px;
  }

  #footer .footer-container .block-contact .block .content a {
    display: block;
    word-break: break-all;
    line-height: 22px;
  }

  @media (min-width: 992px) {
    .block-contact #contact-info-container.collapse {
      display: block;
    }
  }

  #footer .footer-miidel {
    color: var(--footerafter-text-color);
    position: relative;
    background-color: var(--footerafter-bgcolor);
  }

  #footer .footer-miidel>.container {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  #footer .footer-miidel .row {
    display: flex;
    align-items: center;
  }

  @media (max-width: 767px) {
    #footer .footer-miidel .row {
      display: block;
    }
  }

  /* footer end  */



  .page-title {
    border: medium none;
    color: var(--brand-primary);
    background-color: #f5f5f5;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    width: 100%;
    display: block;
    margin: 0;
    float: none;
    text-align: left;
    padding: 15px;
    text-transform: uppercase !important;
  }

  @media (max-width: 991px) {
    .page-title {
      background-color: #f5f5f5;
      color: var(--brand-primary);
    }
  }

  #column-left .box,
  #column-right .box {
    border: 1px solid #e9e9e9;
    margin-bottom: 30px;
  }

  #column-left .ishibannerblock,
  #column-right .ishibannerblock {
    margin-bottom: 30px;
  }

  #column-left .ishibannerblock .bannerblock .image-container,
  #column-right .ishibannerblock .bannerblock .image-container {
    display: inline-block;
  }

  #column-left .ishibannerblock .bannerblock .image-container img,
  #column-right .ishibannerblock .bannerblock .image-container img {
    border-radius: 10px;
  }

  #column-left .ishibannerblock .row,
  #column-right .ishibannerblock .row {
    margin: 0;
  }

  #column-left .ishibannerblock a,
  #column-right .ishibannerblock a {
    border-radius: 10px;
  }

  #column-left .ishibannerblock .bannerblock,
  #column-right .ishibannerblock .bannerblock {
    padding: 0;
    margin: 0;
  }

  #column-left .box .page-title,
  #column-right .box .page-title {
    margin: 0;
  }

  #column-left .box ul,
  #column-right .box ul,
  #column-left .box .category-top-menu,
  #column-right .box .category-top-menu {
    text-decoration: none;
    list-style: none;
    padding: 0px;
    margin: 0;
    position: relative;
  }

  #column-left #box-container {
    padding: 15px 15px 3px 15px;
  }

  #column-left .box ul .list-group-item,
  #column-right .box ul .list-group-item,
  #column-left .box .category-top-menu .list-group-item,
  #column-right .box .category-top-menu .list-group-item {
    border: 0;
    border-radius: 0;
    color: var(--brand-primary);
    display: inline-block;
    vertical-align: middle;
    background: transparent;
    padding: 0 0 12px;
  }

  #column-left .box ul .list-group-item:hover,
  #column-right .box ul .list-group-item:hover,
  #column-left .box .category-top-menu .list-group-item:hover,
  #column-right .box .category-top-menu .list-group-item:hover,
  #column-left .box ul .list-group-item:focus,
  #column-right .box ul .list-group-item:focus,
  #column-left .box .category-top-menu .list-group-item:focus,
  #column-right .box .category-top-menu .list-group-item:focus {
    background-color: transparent;
  }

  #column-left .box ul .list-group-item .active,
  #column-right .box ul .list-group-item .active,
  #column-left .box .category-top-menu .list-group-item .active,
  #column-right .box .category-top-menu .list-group-item .active {
    background-color: transparent;
  }

  #column-left .box ul li,
  #column-right .box ul li,
  #column-left .box .category-top-menu li,
  #column-right .box .category-top-menu li {
    position: relative;
  }

  #column-left .box ul li #childlist .category-sub-menu li,
  #column-right .box ul li #childlist .category-sub-menu li,
  #column-left .box .category-top-menu li #childlist .category-sub-menu li,
  #column-right .box .category-top-menu li #childlist .category-sub-menu li {
    line-height: 14px;
  }

  #column-left .box ul .collapse,
  #column-right .box ul .collapse,
  #column-left .box .category-top-menu .collapse,
  #column-right .box .category-top-menu .collapse {
    display: none;
  }

  #column-left .box ul .collapse.in,
  #column-right .box ul .collapse.show,
  #column-left .box .category-top-menu .collapse.show,
  #column-right .box .category-top-menu .collapse.show {
    display: block;
  }

  #column-left .box ul .navbar-toggler,
  #column-right .box ul .navbar-toggler,
  #column-left .box .category-top-menu .navbar-toggler,
  #column-right .box .category-top-menu .navbar-toggler {
    /* If media is between 992 and 1199 */
    position: absolute;
    right: 6px;
    top: -2px;
    cursor: pointer;
    padding: 0;
    font-size: 15px;
  }

  @media screen and (min-width: 992px) and (max-width: 1199px) {

    #column-left .box ul .navbar-toggler,
    #column-right .box ul .navbar-toggler,
    #column-left .box .category-top-menu .navbar-toggler,
    #column-right .box .category-top-menu .navbar-toggler {
      z-index: 2;
    }
  }

  #column-left .box ul [aria-expanded="true"] .add,
  #column-right .box ul [aria-expanded="true"] .add,
  #column-left .box .category-top-menu [aria-expanded="true"] .add,
  #column-right .box .category-top-menu [aria-expanded="true"] .add {
    display: none;
  }

  #column-left .box ul [aria-expanded="true"].collapse-icons .remove,
  #column-right .box ul [aria-expanded="true"].collapse-icons .remove,
  #column-left .box .category-top-menu [aria-expanded="true"].collapse-icons .remove,
  #column-right .box .category-top-menu [aria-expanded="true"].collapse-icons .remove {
    display: block;
  }

  #column-left .box ul .collapse-icons .remove,
  #column-right .box ul .collapse-icons .remove,
  #column-left .box .category-top-menu .collapse-icons .remove,
  #column-right .box .category-top-menu .collapse-icons .remove {
    display: none;
  }

  /* end footer */
  /* breadcrumb */
  .breadcrumb-container {
    margin-bottom: 30px;
    background: var(--breadcrumb_image) no-repeat;
    background-attachment: fixed;
    background-color: var(--breadcrumb_color);
    /* If media is below 768 */
  }

  @media (max-width: 991px) {
    .breadcrumb-container {
      background: #f5f5f5;
      margin-bottom: 20px;
    }
  }

  .breadcrumb-container .page-title {
    display: none;
  }

  .breadcrumb-item+.breadcrumb-item::before,
  .breadcrumb-item+.breadcrumb-item {
    padding: 0;
  }

  .breadcrumb {
    background: transparent;
    padding: 120px 12px 60px;
    margin-bottom: 0;
    text-align: center;
    justify-content: center;
  }

  @media (max-width: 1199px) {
    .breadcrumb {
      padding: 100px 12px 60px;
    }
  }

  @media (max-width: 991px) {
    .breadcrumb {
      padding: 40px 12px;
    }
  }

  .breadcrumb i {
    font-size: 15px;
  }

  .breadcrumb>li {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    white-space: nowrap;
  }

  .breadcrumb>li+li:before {
    content: "|" !important;
    padding: 0 8px 0 8px !important;
    top: 3px;
    font-weight: 400;
    color: var(--brand-primary);
    position: relative;
  }

  .breadcrumb>li a {
    color: var(--brand-primary);
    line-height: 22px;
  }

  .pagination {
    margin: 0;
  }

  /*Start Ishi Instagram Block*/

  .ishiinstagramblock {
    position: relative;
    margin: 0;
  }

  .ishiinstagramblock .ishiinstagram-inner {
    position: relative;
    z-index: 1;
    text-align: center;
  }

  .ishiinstagramblock .home-title {
    margin-bottom: 25px;
  }

  @media (max-width: 767px) {
    .ishiinstagramblock .home-title {
      margin-bottom: 20px;
    }
  }

  @media (max-width: 543px) {
    .ishiinstagramblock .home-title {
      margin-bottom: 20px;
      padding-bottom: 23px;
    }
  }

  .ishiinstagramblock .home-title span {
    font-size: 40px;
    line-height: 40px;
    letter-spacing: 0;
    font-weight: 600;
    color: var(--brand-primary);
    text-transform: unset;
  }

  .ishiinstagramblock .home-title a {
    color: var(--brand-primary);
    text-decoration: none;
    display: block;
    position: relative;
  }

  @media (max-width: 991px) {
    .ishiinstagramblock .home-title a span {
      font-size: 24px;
    }
  }

  .ishiinstagramblock .home-title:after {
    display: none;
  }

  @media (max-width: 543px) {
    .ishiinstagramblock .subtitle {
      margin-bottom: 0px;
    }
  }

  .ishiinstagramblock #ishiinstagram-carousel {
    position: relative;
  }

  .ishiinstagramblock #ishiinstagram-carousel .item a {
    display: block;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  .ishiinstagramblock #ishiinstagram-carousel .item a img {
    max-width: 100%;
    -webkit-transform-style: unset;
    transform-style: unset;
    transition: all 1.5s;
    -webkit-transition: all 1.5s;
    -moz-transition: all 1.5s;
    -ms-transition: all 1.5s;
    -o-transition: all 1.5s;
  }

  .ishiinstagramblock #ishiinstagram-carousel .item a .instagram {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    z-index: 99;
    margin-top: -10px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }

  .ishiinstagramblock #ishiinstagram-carousel .item a .instagram i {
    font-size: 30px;
    color: var(--light-color);
    display: inline-block;
    vertical-align: middle;
    border-radius: 25px;
    width: 26px;
    font-family: 'FontAwesome';
    height: 27px;
    line-height: 28px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  .ishiinstagramblock #ishiinstagram-carousel .item a .instagram i:hover {
    background: #d6249f;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
    box-shadow: 0px 3px 10px rgba(0, 0, 0, .25);
  }

  .ishiinstagramblock #ishiinstagram-carousel .item .text-container {
    position: absolute;
    bottom: 0;
    display: block;
    padding: 10px;
    width: 100%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 500;
    font-family: var(--primary-font);
    color: var(--light-color);
  }

  @media (min-width: 992px) {
    .ishiinstagramblock #ishiinstagram-carousel .item .text-container {
      opacity: 0;
    }
  }

  .ishiinstagramblock #ishiinstagram-carousel .item .text-container .likes {
    float: left;
    display: inline-block;
    position: relative;
  }

  .ishiinstagramblock #ishiinstagram-carousel .item .text-container .comments {
    float: right;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    margin-bottom: 5px;
  }

  @media (max-width: 543px) {
    .ishiinstagramblock #ishiinstagram-carousel .item .text-container .comments {
      margin-right: 0;
    }
  }

  .ishiinstagramblock #ishiinstagram-carousel .item .text-container i {
    display: block;
    font-size: 16px;
    color: var(--light-color);
    display: inline-block;
    padding-right: 5px;
    padding-left: 8px;
  }

  .ishiinstagramblock #ishiinstagram-carousel .item:hover a img {
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
  }

  .ishiinstagramblock #ishiinstagram-carousel .item:hover a .instagram {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  .ishiinstagramblock #ishiinstagram-carousel .item:hover .text-container {
    opacity: 1;
  }

  .ishiinstagramblock #ishiinstagram-carousel .item:hover a .image-overlay {
    opacity: 1;
  }

  .ishiinstagramblock #ishiinstagram-carousel .item .text-container .likes {
    float: left;
    display: inline-block;
    margin-left: 10px;
    position: relative;
    margin-bottom: 5px;
  }

  .ishiinstagramblock #ishiinstagram-carousel .item a .image-overlay {
    background: rgba(255, 255, 255, .25);
    position: absolute;
    width: 94%;
    height: 94%;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    margin: auto;
    overflow: hidden;
    opacity: 0;
    transition: all 1.1s;
    -webkit-transition: all 1.1s;
    -moz-transition: all 1.1s;
    -ms-transition: all 1.1s;
    -o-transition: all 1.1s;
  }

  .ishiinstagramblock #ishiinstagram-carousel .item a .image-overlay:before,
  .ishiinstagramblock #ishiinstagram-carousel .item a .image-overlay:after {
    content: "";
    width: 0;
    height: 2px;
    position: absolute;
    transition: all .2s linear;
    background: rgba(255, 255, 255, .5);
    left: 50%;
    top: 0;
    transition-duration: .6s;
    z-index: 1;
    transition: all 1.1s;
    -webkit-transition: all 1.1s;
    -moz-transition: all 1.1s;
    -ms-transition: all 1.1s;
    -o-transition: all 1.1s;
  }

  .ishiinstagramblock #ishiinstagram-carousel .item:hover .image-overlay span:before,
  .ishiinstagramblock #ishiinstagram-carousel .item:hover .image-overlay span:after {
    height: 100%;
    top: 0;
  }

  .ishiinstagramblock #ishiinstagram-carousel .item a .image-overlay:after {
    left: 50%;
    bottom: 0;
    top: auto;
  }

  .ishiinstagramblock #ishiinstagram-carousel .item:hover a .image-overlay:before,
  .ishiinstagramblock #ishiinstagram-carousel .item:hover a .image-overlay:after {
    width: 100%;
    left: 0;
  }

  .ishiinstagramblock #ishiinstagram-carousel .item a .image-overlay span:before,
  .ishiinstagramblock #ishiinstagram-carousel .item a .image-overlay span:after {
    content: "";
    width: 2px;
    height: 0;
    position: absolute;
    transition: all .2s linear;
    background: rgba(255, 255, 255, .5);
    left: 0;
    top: 50%;
    transition-duration: .6s;
    z-index: 1;
    transition: all 1.1s;
    -webkit-transition: all 1.1s;
    -moz-transition: all 1.1s;
    -ms-transition: all 1.1s;
    -o-transition: all 1.1s;
  }

  .ishiinstagramblock #ishiinstagram-carousel .item a .image-overlay span:after {
    right: 0;
    left: auto;
    top: 50%;
  }

  /*End Ishi Instagram Block*/


  /*start themesblog*/

  .smartblog_block {
    display: block;
    position: relative;
    /*<------------------------------------------------------------------------------------>*/
  }

  .smartblog_block .blog_post {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
  }

  .smartblog_block .blog_post:hover .news_module_image_holder a img {
    -webkit-transform-style: unset;
    transform-style: unset;
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    -moz-transform: scale(1.5);
    opacity: 0.8;
  }

  .smartblog_block .blog_post:hover .news_module_image_holder a .blog-hover {
    opacity: 1;
  }

  .smartblog_block .blog_post:hover .news_module_image_holder .blogicons {
    opacity: 1;
  }

  .smartblog_block .blog_post:hover .news_module_image_holder .hover-date {
    opacity: 1;
  }

  .smartblog_block .blog_post .news_module_image_holder {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    padding: 0;
    background: var(--light-color);
  }

  .smartblog_block .blog_post .news_module_image_holder a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
  }

  .smartblog_block .blog_post .news_module_image_holder a img {
    width: 100%;
    max-width: 100%;
    transition: all 2s ease;
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -ms-transition: all 2s ease;
    -o-transition: all 2s ease;
  }

  .smartblog_block .blog_post .news_module_image_holder .blogicons {
    display: none;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 45%;
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
  }

  .smartblog_block .blog_post .news_module_image_holder .blogicons a {
    display: inline-block;
    float: none;
  }

  .smartblog_block .blog_post .news_module_image_holder .blogicons a:hover i:before {
    color: var(--light-color);
    background: var(--brand-primary);
    border-color: var(--brand-primary);
  }

  .smartblog_block .blog_post .news_module_image_holder .blogicons a i:before {
    border: 1px solid var(--light-color);
    color: var(--light-color);
    font-size: 14px;
    height: 40px;
    margin: auto;
    padding: 12px;
    text-align: center;
    width: 40px;
    line-height: 13px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
  }

  .smartblog_block .blog_post .blog_content {
    /* If media is below 1200 */
    text-align: left;
    margin-top: 15px;
  }

  .smartblog_block .blog_post .blog_content .blog_title {
    margin: 0 0 10px;
  }

  .smartblog_block .blog_post .blog_content .blog_title a {
    font-family: var(--primary-font);
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    color: var(--brand-primary);
    letter-spacing: 0.8px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    /* If media is below 768 */
  }

  @media (max-width: 767px) {
    .smartblog_block .blog_post .blog_content .blog_title a {
      font-size: 14px;
    }
  }

  .smartblog_block .blog_post .blog_content .blog-desc {
    font-family: var(--primary-font);
    font-size: 14px;
    color: #888;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 10px;
    letter-spacing: 0.8px;
    /* If media is below 768 */
  }

  @media (max-width: 767px) {
    .smartblog_block .blog_post .blog_content .blog-desc {
      margin-bottom: 10px;
      line-height: 20px;
    }
  }

  .smartblog_block .blog_post .blog_content .blog_date {
    font-family: var(--primary-font);
    color: #888;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
  }

  .smartblog_block .blog_post .blog_content .view-blog {
    display: inline-block;
    vertical-align: middle;
    color: var(--light-color);
    background-color: var(--brand-theme);
    border: 0;
  }

  .smartblog_block .blog_post .blog_content .view-blog a {
    color: var(--light-color);
    background-color: none;
  }

  .smartblog_block .blog_post .blog_content .view-blog:hover {
    color: var(--light-color);
    background-color: var(--tertiary-color);
  }

  .smartblog_block .blog_post .blog_content .view-blog:hover a {
    color: var(--light-color);
    background-color: none;
  }

  .smartblog_block .blog_post .blog_content .date-comment {
    display: none;
    margin-bottom: 10px;
    color: var(--brand-theme);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.8px;
    /* If media is below 768 */
    /* If media is below 544 */
  }

  @media (max-width: 767px) {
    .smartblog_block .blog_post .blog_content .date-comment {
      font-size: 13px;
    }
  }

  @media (max-width: 544px) {
    .smartblog_block .blog_post .blog_content .date-comment {
      font-size: 14px;
    }
  }

  .smartblog_block .blog_post .blog_content .date-comment .author {
    position: relative;
    padding-right: 10px;
    margin-right: 10px;
    /* If media is between 544 and 565 */
  }

  @media screen and (min-width: 544px) and (max-width: 565px) {
    .smartblog_block .blog_post .blog_content .date-comment .author {
      display: block;
      margin-bottom: 5px;
    }
  }

  .smartblog_block .blog_post .blog_content .date-comment .author:after {
    content: "/";
    position: absolute;
    color: var(--brand-theme);
    right: -2px;
  }

  .smartblog_block .blog_post .blog_content .date-comment .author,
  .smartblog_block .blog_post .blog_content .date-comment .write-comment {
    display: inline-block;
    vertical-align: middle;
  }

  .smartblog_block .blog_post .blog_content .date-comment .author a,
  .smartblog_block .blog_post .blog_content .date-comment .write-comment a {
    color: var(--brand-theme);
  }

  .smartblog_block .blog_post .blog_content .blog_btn .btn-primary {
    display: inline-block;
    background-color: transparent;
    color: var(--brand-primary);
    text-decoration: underline;
    padding: 0;
    border: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
  }

  .smartblog_block .blog_post .blog_content .blog_btn .btn-primary:hover {
    letter-spacing: 1px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
  }

  @media (min-width: 992px) {

    .smartblog_block .owl-nav .owl-prev,
    .smartblog_block .owl-nav .owl-next {
      left: -18px;
      top: 32%;
    }
  }

  @media screen and (min-width: 1199px) and (max-width: 1220px) {

    .smartblog_block .owl-nav .owl-prev,
    .smartblog_block .owl-nav .owl-next {
      left: 0px;
    }
  }

  @media (min-width: 992px) {
    .smartblog_block .owl-nav .owl-next {
      right: -18px;
      left: auto;
    }
  }

  @media screen and (min-width: 1199px) and (max-width: 1220px) {
    .smartblog_block .owl-nav .owl-next {
      right: 0px;
    }
  }

  .smartblog_block .blog_post .blog_content .blog_date svg {
    fill: #888;
    height: 15px;
    width: 15px;
    display: inline-block;
    vertical-align: middle;
  }

  .smartblog_block .blog_post .blog_content .blog_date span {
    line-height: 14px;
    padding-left: 5px;
  }

  @media (max-width: 991px) {
    .owl-carousel .owl-nav {
      margin-top: 25px;
    }
  }

  @media (max-width: 543px) {
    .smartblog_block .owl-carousel .owl-nav {
      margin-top: 10px;
    }
  }

  .single-blog {
    text-align: center;
    margin-bottom: 40px;
    /*<------------------------------------------------------------------------------------>*/
  }

  @media (max-width: 991px) {
    .single-blog {
      width: 100%;
      float: left;
      margin-bottom: 0;
    }
  }

  .single-blog .page-item-title {
    margin-bottom: 20px;
  }

  .single-blog .page-item-title h1 {
    font-size: 22px;
    text-align: left;
    text-transform: uppercase;
    color: var(--brand-primary);
    font-weight: 500;
    font-family: var(--primary-font);
    margin: 0;
  }

  @media (max-width: 991px) {
    .single-blog .page-item-title h1 {
      font-size: 20px;
    }
  }

  .single-blog .blog-img {
    margin-bottom: 20px;
  }

  @media (max-width: 991px) {
    .single-blog .blog-img {
      margin-bottom: 15px;
    }
  }

  .single-blog .blog-img img {
    max-width: 100%;
    height: auto;
    text-align: center;
    margin: 0 auto;
    width: 100%;
  }

  .single-blog .blog-date {
    display: none;
    font-size: 15px;
    position: relative;
    text-transform: capitalize;
    color: var(--brand-primary);
    font-family: var(--primary-font);
    padding: 20px 0 0;
  }

  .single-blog .blog-desc {
    padding: 0px;
    text-align: left;
    width: auto;
    color: #777;
    font-size: 15px;
    line-height: 24px;
  }

  @media (max-width: 991px) {
    .single-blog .blog-desc {
      font-size: 14px;
    }
  }

  .login-required {
    color: var(--brand-primary);
  }

  .login-required a {
    font-weight: 500;
    text-decoration: underline;
  }

  @media (max-width: 991px) {
    .single-blog .blog-desc {
      width: 100%;
    }
  }

  .single-blog .smartblogcomments {
    margin-bottom: 30px;
  }

  .single-blog .smartblogcomments .reply-title {
    margin-bottom: 15px;
    font-weight: 500;
    text-align: left;
    color: var(--brand-primary);
    padding-top: 15px;
    font-family: var(--primary-font);
    font-size: 20px;
  }

  .single-blog #add-comment .text-start.login-required {
    margin-bottom: 0;
  }

  .single-blog .smartblogcomments .view-comment {
    text-align: left;
    padding: 15px 0;
    margin-bottom: 15px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
  }

  .single-blog .smartblogcomments .view-comment:last-child {
    margin-bottom: 0;
  }

  .single-blog .smartblogcomments .view-comment .user_icon {
    display: none;
  }

  .single-blog .smartblogcomments .view-comment .user_icon i:before {
    font-size: 70px;
    color: var(--brand-primary);
  }

  .single-blog .smartblogcomments .view-comment .user_list {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-left: 10px;
    color: #888;
  }

  .single-blog .smartblogcomments .view-comment .user_list .comment-text {
    word-break: break-all;
    line-height: 22px;
  }

  .single-blog .smartblogcomments .view-comment .user_list span {
    color: var(--brand-primary);
  }

  .single-blog .block-title .reply-title {
    margin-bottom: 15px;
    font-weight: 500;
    color: var(--brand-primary);
    font-family: var(--primary-font);
    font-size: 20px;
  }

  .single-blog #add-comment .form-horizontal .control-label {
    text-align: left;
    padding-bottom: 10px;
    line-height: 22px;
  }

  .single-blog #add-comment .form-horizontal .form-control {
    border-color: #eee;
  }

  .single-blog #add-comment .form-horizontal .form-control:last-child {
    margin-bottom: 0;
  }

  .single-blog #add-comment .form-horizontal .form-group {
    margin: 15px;
  }

  .single-blog #add-comment .form-horizontal .submit-btn {
    margin-top: 20px;
    padding: 0;
  }

  .all-blog {
    text-align: center;
    margin: 0 auto;
  }

  .all-blog h1 {
    display: none;
  }

  .all-blog .sdsarticleCat {
    display: block;
    overflow: hidden;
    margin-bottom: 40px;
    text-align: center;
  }

  @media (max-width: 991px) {
    .all-blog .sdsarticleCat {
      margin-bottom: 0px;
    }
  }

  @media (max-width: 575px) {
    .all-blog .sdsarticleCat {
      margin-bottom: 5px;
    }
  }

  .all-blog .sdsarticleCat>div {
    font-family: var(--primary-font);
    font-size: 14px;
    color: var(--brand-primary);
    font-weight: 400;
    line-height: 20px;
  }

  .all-blog .sdsarticleCat .blog-content {
    margin-bottom: 30px;
    overflow: hidden;
  }

  .all-blog .sdsarticleCat .blog-content:last-child {
    margin-bottom: 0;
  }

  @media (max-width: 991px) {
    .all-blog .sdsarticleCat .blog-content {
      margin: 0;
      margin-bottom: 20px;
    }
  }

  .all-blog .sdsarticleCat .articleContent:last-child {
    margin-bottom: 0;
  }

  .all-blog .sdsarticleCat .articleContent .post_hover {
    display: none;
  }

  .all-blog .sdsarticleCat .articleContent .blog-image img {
    text-align: center;
    margin: 0 auto;
  }

  .date-time svg {
    fill: var(--brand-primary);
    height: 21px;
    width: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
  }

  .all-blog .sdsarticleCat .smartblog-desc {
    /* If media is below 1200 */
    position: relative;
    text-align: left;
  }

  @media (max-width: 991px) {
    .all-blog .sdsarticleCat .smartblog-desc {
      text-align: center;
    }
  }

  .all-blog .sdsarticleCat .smartblog-desc .blog-date-comment {
    margin-bottom: 8px;
  }

  @media (max-width: 1199px) {
    .all-blog .sdsarticleCat .smartblog-desc .blog-date-comment {
      margin-bottom: 10px;
    }
  }

  .all-blog .sdsarticleCat .smartblog-desc .blog-date-comment .blog-title {
    margin: 0 0 12px;
  }

  @media (max-width: 1199px) {
    .all-blog .sdsarticleCat .smartblog-desc .blog-date-comment .blog-title {
      margin: 15px 0;
    }
  }

  .all-blog .sdsarticleCat .smartblog-desc .blog-date-comment .blog-title a {
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    color: var(--brand-primary);
    font-weight: 400;
    text-decoration: none;
  }

  .all-blog .sdsarticleCat .smartblog-desc .blog-date-comment .blog-date {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 19px;
    margin-right: 10px;
    position: relative;
  }

  .all-blog .sdsarticleCat .smartblog-desc .blog-date-comment .comment-wrapper {
    display: block;
  }

  .all-blog .sdsarticleCat .smartblog-desc .blog-date-comment .comment-wrapper span {
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    position: relative;
    text-transform: capitalize;
    color: var(--brand-primary);
    line-height: 25px;
  }

  .all-blog .sdsarticleCat .smartblog-desc .blog-date-comment .comment-wrapper span a {
    color: var(--brand-primary);
    text-decoration: underline;
  }

  .all-blog .sdsarticleCat .smartblog-desc .blog-desc {
    display: block;
    margin-bottom: 15px;
    color: var(--desc-color);
    font-size: 15px;
    line-height: 24px;
  }

  @media (max-width: 1199px) {
    .all-blog .sdsarticleCat .smartblog-desc .blog-desc {
      margin-bottom: 10px;
    }
  }

  @media (max-width: 991px) {
    .all-blog .sdsarticleCat .smartblog-desc .blog-desc {
      font-size: 14px;
    }
  }

  /*end themesblog*/


  /* Start Ishi Parralex Block */
  .ishiparallaxbannerblock {
    overflow: hidden;
    position: relative;
  }

  .ishiparallaxbannerblock .parallax_banner {
    padding: 150px 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
  }

  @media (max-width: 1199px) {
    .ishiparallaxbannerblock .parallax_banner {
      padding: 80px 0;
    }
  }

  @media (max-width: 544px) {
    .ishiparallaxbannerblock .parallax_banner {
      padding: 50px 0;
    }
  }

  .ishiparallaxbannerblock .parallax_banner .parallax-list {
    text-align: center;
    position: relative;
    color: var(--brand-primary);
  }

  .ishiparallaxbannerblock .parallax_banner .parallax-list .parallax-discount {
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    margin-bottom: 25px;
    position: relative;
    color: var(--brand-primary);
    letter-spacing: 7px;
    text-transform: uppercase;
  }

  @media (max-width: 991px) {
    .ishiparallaxbannerblock .parallax_banner .parallax-list .parallax-discount {
      font-size: 18px;
      margin-bottom: 22px;
    }
  }

  @media (max-width: 575px) {
    .ishiparallaxbannerblock .parallax_banner .parallax-list .parallax-discount {
      font-size: 17px;
      margin-bottom: 20px;
    }
  }

  @media (max-width: 400px) {
    .ishiparallaxbannerblock .parallax_banner .parallax-list .parallax-discount {
      font-size: 15px;
      margin-bottom: 15px;
    }
  }

  .ishiparallaxbannerblock .parallax_banner .parallax-list .parallax-title {
    font-size: 80px;
    line-height: 80px;
    margin-bottom: 30px;
    color: var(--brand-theme);
    font-weight: 700;
    letter-spacing: 2px;
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 20px;
    position: relative;
    font-family: var(--secondary-font);
  }

  @media (max-width: 991px) {
    .ishiparallaxbannerblock .parallax_banner .parallax-list .parallax-title {
      font-size: 71px;
      line-height: 74px;
      padding-bottom: 16px;
      margin-bottom: 25px;
    }
  }

  @media (max-width: 767px) {
    .ishiparallaxbannerblock .parallax_banner .parallax-list .parallax-title {
      font-size: 50px;
      line-height: 55px;
      margin-bottom: 20px;
      padding-bottom: 15px;
    }
  }

  @media (max-width: 400px) {
    .ishiparallaxbannerblock .parallax_banner .parallax-list .parallax-title {
      font-size: 45px;
      line-height: 45px;
    }
  }

  @media (max-width: 360px) {
    .ishiparallaxbannerblock .parallax_banner .parallax-list .parallax-title {
      font-size: 42px;
      line-height: 42px;
    }
  }

  @media (max-width: 331px) {
    .ishiparallaxbannerblock .parallax_banner .parallax-list .parallax-title {
      font-size: 40px;
      line-height: 40px;
    }
  }

  .ishiparallaxbannerblock .parallax_banner .parallax-list .parallax-title:after {
    content: '';
    width: 15%;
    height: 1px;
    background: var(--brand-primary);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    margin: 0 auto;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  .ishiparallaxbannerblock .parallax_banner .parallax-list .parallax-subtitle {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 32px;
    color: #888;
    display: block;
    letter-spacing: 0;
  }

  @media (max-width: 543px) {
    .ishiparallaxbannerblock .parallax_banner .parallax-list .parallax-subtitle {
      margin-bottom: 20px;
    }
  }

  @media (max-width: 400px) {
    .ishiparallaxbannerblock .parallax_banner .parallax-list .parallax-subtitle {
      font-size: 15px;
    }
  }

  @media (max-width: 360px) {
    .ishiparallaxbannerblock .parallax_banner .parallax-list .parallax-subtitle {
      margin-bottom: 18px;
    }
  }

  .ishiparallaxbannerblock .parallax_banner .parallax-list a {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 10px 22px;
    border: 0;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    border-radius: 30px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  @media (max-width: 400px) {
    .ishiparallaxbannerblock .parallax_banner .parallax-list a {
      font-size: 13px;
      padding: 9px 18px;
    }
  }

  .ishiparallaxbannerblock .parallax_banner .parallax-list a:hover {
    background-color: var(--tertiary-color);
    color: var(--light-color);
  }

  .ishiparallaxbannerblock .parallax_banner .parallax-list:hover .parallax-title:after {
    width: 25%;
  }

  .ishiparallaxbannerblock #bannercountdown {
    margin-bottom: 40px;
  }

  @media (max-width: 543px) {
    .ishiparallaxbannerblock #bannercountdown {
      margin-bottom: 32px;
    }
  }

  @media (max-width: 400px) {
    .ishiparallaxbannerblock #bannercountdown {
      margin-bottom: 30px;
    }
  }

  @media (max-width: 360px) {
    .ishiparallaxbannerblock #bannercountdown {
      margin-bottom: 28px;
    }
  }

  .ishiparallaxbannerblock #bannercountdown .countdown {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    min-width: 70px;
    background-color: var(--light-color);
    margin: 0;
    border-radius: 50px;
    margin-right: 10px;
    padding: 12px 2px;
  }

  @media (max-width: 400px) {
    .ishiparallaxbannerblock #bannercountdown .countdown {
      min-width: 63px;
      padding: 9px 2px;
      margin-right: 8px;
    }
  }

  .ishiparallaxbannerblock #bannercountdown .countdown:last-child {
    margin-right: 0;
  }

  .ishiparallaxbannerblock #bannercountdown .countdown .data {
    font-size: 23px;
    line-height: 26px;
    letter-spacing: 0;
    font-weight: 500;
    color: var(--brand-primary);
  }

  @media (max-width: 400px) {
    .ishiparallaxbannerblock #bannercountdown .countdown .data {
      font-size: 22px;
      line-height: 24px;
    }
  }

  .ishiparallaxbannerblock #bannercountdown .countdown .text {
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0;
    font-weight: 400;
    color: #666;
  }

  .ishiparallaxbannerblock #bannercountdown .countdown.countdown-seconds {
    background-color: var(--tertiary-color);
  }

  .ishiparallaxbannerblock #bannercountdown .countdown.countdown-seconds .data {
    color: var(--light-color);
  }

  .ishiparallaxbannerblock #bannercountdown .countdown.countdown-seconds .text {
    color: var(--light-color);
  }

  /* End Ishi Parralex Block */


  /*Start Ishi newsletter*/
  #footer .block_newsletter .newsletter_form .btn-submit {
    height: 50px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    border: none;
    font-family: var(--primary-font);
    background-color: var(--btnhover_bgcolor);
    color: var(--btnhover_textcolor);
    text-transform: uppercase;
    border-radius: 0 30px 30px 0;
    padding: 17px 25px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
  }

  @media (max-width: 767px) {
    #footer .block_newsletter .newsletter_form .btn-submit {
      padding: 17px 15px;
      font-size: 14px;
    }
  }

  @media (max-width: 543px) {
    #footer .block_newsletter .newsletter_form .btn-submit {
      padding: 4px 15px;
    }
  }

  #footer .block_newsletter .newsletter_form .btn-submit:hover {
    background-color: var(--btn_bgcolor);
    color: var(--btn_textcolor);
  }

  .block_newsletter {
    font-size: 14px;
    overflow: hidden;
    display: block;
  }

  @media (max-width: 991px) {
    .block_newsletter {
      margin-bottom: 30px;
    }
  }

  .block_newsletter p {
    margin: 2px 0;
  }

  .block_newsletter .conditions {
    display: none;
  }

  .block_newsletter .alert-danger,
  .block_newsletter .alert-success {
    padding: 5px;
    margin: 3px 0;
    font-size: 13px;
    border-radius: 0;
  }

  .block_newsletter .newletter-title {
    display: none;
  }

  .block_newsletter .newsletter_text {
    /* If media s below 992 */
    display: block;
    margin-bottom: 20px;
  }

  @media (max-width: 991px) {
    .block_newsletter .newsletter_text {
      text-align: center;
    }
  }

  .block_newsletter .home-title {
    /* If media s below 544 */
    font-size: 30px;
    margin-bottom: 3px;
    padding: 0;
    line-height: 32px;
  }

  @media (max-width: 543px) {
    .block_newsletter .home-title {
      font-size: 23px;
    }
  }

  .block_newsletter .news-icon {
    width: 45px;
    height: 45px;
    display: inline-block;
    vertical-align: middle;
    fill: var(--brand-primary);
  }

  @media (max-width: 991px) {
    .block_newsletter .news-icon {
      display: block;
      margin: 0 auto 10px;
    }
  }

  .block_newsletter .news-desc {
    /* If media is below 992 */
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-left: 15px;
  }

  @media (max-width: 991px) {
    .block_newsletter .news-desc {
      text-align: center;
      margin-left: 0;
    }
  }

  .block_newsletter .block-newsletter-label {
    font-size: 14px;
    line-height: 22px;
    font-family: var(--primary-font);
    margin: 0;
    font-weight: 400;
  }

  .block_newsletter .newsletter_form {
    position: relative;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    /* If media is below 992 */
  }

  @media (max-width: 991px) {
    .block_newsletter .newsletter_form {
      max-width: 100%;
    }
  }

  .block_newsletter .newsletter_form form {
    /* If media is below 1200 */
    margin: 0 auto;
    position: relative;
  }

  @media (max-width: 1199px) {
    .block_newsletter .newsletter_form form {
      width: 100%;
    }
  }

  @media (max-width: 991px) {
    .block_newsletter .newsletter_form form {
      width: 80%;
    }
  }

  @media (max-width: 543px) {
    .block_newsletter .newsletter_form form {
      width: 100%;
    }
  }

  .block_newsletter .newsletter_form .btn-submit {
    /* If media is below 544 */
    height: 50px;
    cursor: pointer;
    background-color: var(--brand-theme);
    font-size: 16px;
    font-weight: 400;
    border: none;
    font-family: var(--primary-font);
    text-transform: uppercase;
    border-radius: 0 6px 6px 0;
    color: var(--light-color);
    padding: 19px 25px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
  }

  @media (max-width: 543px) {
    .block_newsletter .newsletter_form .btn-submit {
      font-size: 13px;
      padding: 4px 10px;
      height: 50px;
      line-height: 43px;
    }
  }

  .block_newsletter .newsletter_form .btn-submit:hover,
  .block_newsletter .newsletter_form .btn-submit:focus {
    background-color: var(--brand-primary);
  }

  .block_newsletter .newsletter_form .text-email {
    min-width: 250px;
    width: 100%;
    height: 50px;
    border: none;
    background-color: var(--light-color);
    border-radius: 30px;
    font-family: var(--primary-font);
    font-size: 14px;
    font-weight: 400;
    padding: 10px 15px;
    padding-right: 150px;
    color: #666;
  }

  @media (max-width: 767px) {
    .block_newsletter .newsletter_form .text-email {
      padding-right: 68px;
    }
  }

  .block_newsletter .newsletter_form .text-email::placeholder {
    color: #666;
  }

  .block_newsletter .newsletter_form .text-email:focus {
    background-color: var(--light-color);
    outline: none;
  }

  /*End Ishi newsletter*/

  /* Start social Block */
  #footer .block-social {
    text-align: right;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 80px 15px;
    position: relative;
    background-position: center right;
    background-repeat: no-repeat;
  }

  @media (max-width: 991px) {
    #footer .block-social {
      margin: 0 auto 10px;
      padding: 0;
      background-image: none !important;
      text-align: center;
    }
  }

  #footer .block-social ul {
    padding: 0;
    margin: 0 auto;
    width: 55%;
    top: 37px;
    text-decoration: none;
    position: relative;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
  }

  @media (max-width: 1199px) {
    #footer .block-social ul {
      width: 70%;
    }
  }

  @media (max-width: 991px) {
    #footer .block-social ul {
      width: 100%;
      top: 0;
      display: block;
    }
  }

  #footer .block-social ul li {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
  }

  #footer .block-social ul li:last-child {
    margin: 0;
  }

  #footer .block-social ul li a {
    width: 34px;
    height: 34px;
    text-align: center;
    margin: 0 auto;
    border-radius: 30px;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    font-family: FontAwesome;
    font-weight: 400;
    position: relative;
    font-size: 14px;
    color: var(--light-color);
    padding: 0;
    line-height: 34px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
  }

  #footer .block-social ul li a.facebook {
    background: #3b5999;
  }

  #footer .block-social ul li a.twitter {
    background: #00aced;
  }

  #footer .block-social ul li a.youtube {
    background: #d12121;
  }

  #footer .block-social ul li a.googleplus {
    background: #dc473b;
  }

  #footer .block-social ul li a.rss {
    background: #f26522;
  }

  #footer .block-social ul li a.pinterest {
    background: #cb2027;
  }

  #footer .block-social ul li a.vimeo {
    background: #00aced;
  }

  #footer .block-social ul li a.instagram {
    background: #cc2366;
  }

  #footer .block-social ul li a:hover {
    background: var(--tertiary-color);
    color: var(--light-color);
  }

  /* End Social block */

  /*Feature product*/
  .ishiproductsblock {
    text-align: center;
  }

  @media (min-width: 992px) {
    .ishiproductsblock {
      margin-bottom: 40px;
    }
  }

  @media (max-width: 575px) {
    .ishiproductsblock .row {
      margin: 0 -9px;
    }
  }

  .ishiproductsblock .owl-nav {
    margin-top: 0;
  }

  @media (min-width: 992px) {

    .ishiproductsblock .owl-nav .owl-prev,
    .ishiproductsblock .owl-nav .owl-next {
      top: 41%;
    }
  }

  .ishiproductsblock .ishiproductstab {
    position: relative;
    border: 0;
    text-align: center;
    display: block;
    margin-bottom: 25px;
  }

  @media (max-width: 767px) {
    .ishiproductsblock .ishiproductstab {
      margin-bottom: 20px;
    }
  }

  @media (max-width: 575px) {
    .ishiproductsblock .ishiproductstab {
      margin-bottom: 15px;
    }
  }

  @media (max-width: 575px) {
    .ishiproductsblock .tab-content {
      padding: 0 5px;
    }
  }

  @media (max-width: 450px) {
    .ishiproductsblock .ishiproductstab {
      white-space: nowrap;
      overflow-y: auto;
      margin-bottom: 0;
      padding-bottom: 15px;
    }
  }

  .ishiproductsblock .ishiproductstab .nav-item {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    float: none;
    position: relative;
  }

  @media (max-width: 450px) {
    .ishiproductsblock .ishiproductstab .nav-item {
      margin: 0;
    }
  }

  .ishiproductsblock .ishiproductstab .nav-item .nav-link {
    font-size: 15px;
    line-height: 18px;
    font-weight: 400;
    border: 1px solid #e4e4e4;
    color: var(--brand-primary);
    padding: 10px 18px;
    border-radius: 30px;
    position: relative;
    text-transform: capitalize;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
  }

  .ishiproductsblock .ishiproductstab .nav-item .nav-link.active,
  .ishiproductsblock .ishiproductstab .nav-item .nav-link:hover {
    background-color: var(--brand-theme);
    color: var(--light-color);
    border: 1px solid var(--brand-theme);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
  }

  @media (max-width: 450px) {

    .ishiproductsblock .ishiproductstab .nav-item .nav-link.active,
    .ishiproductsblock .ishiproductstab .nav-item .nav-link:hover {
      background-color: transparent;
      color: var(--brand-theme);
      border: 0;
    }
  }

  .ishiproductsblock .ishiproductstab .nav-item.active .nav-link {
    opacity: 1;
  }

  @media (max-width: 450px) {
    .ishiproductsblock .ishiproductstab .nav-item .nav-link {
      border: 0;
      padding: 0 10px;
    }
  }

  .ishiproductsblock .tab-content .owl-carousel {
    padding: 0;
  }

  .product-container {
    padding: 12px;
  }

  .ishiproductsblock .product-container {
    padding-top: 0;
    padding-bottom: 30px;
  }

  @media (max-width: 575px) {
    .ishiproductsblock .product-container {
      padding-bottom: 20px;
    }
  }

  #product-list .product-container {
    margin-bottom: 0px;
    padding: 0 3px;
    padding-top: 15px;
    padding-bottom: 10px;
  }

  @media (max-width: 575px) {
    #product-list.product-list .product-container {
      padding-bottom: 15px;
    }
  }

  @media (max-width: 575px) {
    .product-container {
      padding: 5px;
    }

    #product-list .product-container {
      padding: 0;
      padding-top: 5px;
      padding-bottom: 5px;
    }
  }

  #product-list .product-thumb .image .rating {
    display: none;
  }

  #product-list .product-thumb .button-group .btn-cart {
    display: none;
  }

  #product-list .product-thumb .caption h4 {
    display: none;
  }

  @media screen and (min-width: 992px) and (max-width: 1199px) {
    #product-list .countdown-container {
      left: 8px;
      right: 8px;
    }

    #product-list .countdown-container .counter .data {
      width: 40px;
      font-size: 17px;
      height: 23px;
      line-height: 23px;
    }

    #product-list .countdown-container .counter .lbl {
      font-size: 12px;
    }
  }

  @media screen and (min-width: 768px) and (max-width: 991px) {
    #product-list .countdown-container {
      left: 60px;
      right: 60px;
    }

    #product-list.product-list .countdown-container {
      left: 10px;
      right: 10px;
    }
  }

  #product-list .product-thumb .btn-cart svg {
    display: none;
  }

  .product-thumb {
    text-align: center;
    display: block;
    overflow: hidden;
    border-radius: 20px;
    border: 1px solid #e5e5e5;
    position: relative;
  }

  .product-thumb .product-desc {
    padding: 10px;
    text-align: center;
    background-color: #f6f7f9;
    border-bottom: 1px solid var(--border-color);
  }

  .product-thumb .product-desc h4 {
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    font-family: var(--primary-font);
    overflow: hidden;
    text-transform: capitalize;
    margin-bottom: 10px;
  }

  .product-thumb .product-desc h4 a {
    color: var(--brand-primary);
    white-space: normal;
  }

  .product-thumb .image {
    text-align: center;
    position: relative;
  }

  .product-thumb .image:after {
    content: '';
    width: 100%;
    height: 32px;
    background: var(--general_pattern);
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: -10px;
    z-index: 1;
  }

  @media (max-width: 543px) {
    .product-thumb .image:after {
      display: none;
    }
  }

  .product-thumb .caption {
    padding: 10px;
    text-align: left;
    position: relative;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  .product-thumb:hover .caption {
    background-color: var(--tertiary-color);
  }

  #_desktop_column_left .product-thumb .caption h4 a {
    font-size: 15px;
  }

  #_desktop_column_left .product-thumb .caption h4 a:hover {
    color: var(--brand-primary);
  }

  .product-thumb .sold-out {
    cursor: not-allowed;
  }

  .product-thumb .outstock-overlay {
    position: absolute;
    background: #c92c2c;
    text-align: center;
    text-transform: uppercase;
    padding: 7px;
    width: auto;
    color: var(--light-color);
    display: block;
    font-size: 9px;
    font-weight: 600;
    border-radius: 4px;
    top: 10px;
    left: 10px;
    line-height: 10px;
  }

  .product-thumb .image .product-img-extra,
  .product-thumb .image.change {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
  }

  @media (max-width: 543px) {

    .product-thumb .image .product-img-extra,
    .product-thumb .image.change {
      display: none;
    }
  }

  .product-thumb:hover .image .product-img-extra {
    opacity: 1;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
  }

  .product-thumb .caption .description {
    display: none;
    margin-bottom: 9px;
    font-size: 14px;
    line-height: 20px;
  }

  @media (max-width: 575px) {
    .product-thumb .caption h4 {
      font-size: 15px;
      margin-bottom: 6px;
    }
  }

  .product-thumb .caption .price {
    font-family: var(--secondary-font);
    color: var(--brand-primary);
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }

  .product-thumb .caption .price .price-old {
    color: #999;
    text-decoration: line-through;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }

  .product-thumb .caption .price .price-tax {
    color: var(--brand-primary);
    display: none;
  }

  .product-thumb:hover .caption .price,
  .product-thumb:hover .caption .price .price-tax,
  .product-thumb:hover .caption .price .price-old {
    color: var(--light-color);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }

  .product-thumb .btn-cart {
    display: inline-block;
  }

  .product-thumb .btn-cart button {
    border: none;
    padding: 0;
    position: relative;
    border-radius: 0;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    background-color: transparent;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  .product-thumb .btn-cart .lblcart {
    font-weight: 400;
    color: var(--brand-primary);
    text-transform: uppercase;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }

  .product-thumb:hover .btn-cart .lblcart {
    color: var(--light-color);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }

  .product-thumb .btn-cart:hover .lblcart {
    padding-left: 15px;
  }

  .product-thumb .btn-cart i {
    display: none;
  }

  .product-thumb .btn-cart button:before {
    content: '+';
    position: absolute;
    left: 0;
    top: 0;
    color: var(--light-color);
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  .product-thumb .btn-cart:hover button:before {
    opacity: 1;
  }

  .product-thumb .labelcart {
    display: none;
  }

  .product-thumb .btn-cart button.sold-out .tooltip {
    display: none;
  }

  .product-thumb .button-group {
    position: absolute;
    right: 5px;
    bottom: 50px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  @media (max-width: 767px) {
    .product-thumb .button-group {
      position: relative;
      right: 0;
      bottom: 0;
      display: block;
      margin-bottom: 8px;
    }
  }

  .product-thumb .button-group i {
    display: none;
  }

  .product-thumb .button-group .btn-wishlist,
  .product-thumb .button-group .btn-compare,
  .product-thumb .button-group .btn-quickview {
    width: 35px;
    height: 35px;
    border: none;
    border-radius: 50px;
    padding: 0;
    background-color: var(--light-color);
    fill: #888;
    margin: 0 1px;
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    display: inline-block;
    position: relative;
  }

  @media (max-width: 543px) {

    .product-thumb .button-group .btn-wishlist,
    .product-thumb .button-group .btn-compare,
    .product-thumb .button-group .btn-cart,
    .product-thumb .button-group .btn-quickview {
      width: 30px;
      height: 30px;
    }
  }

  .product-thumb .button-group .btn-wishlist svg,
  .product-thumb .button-group .btn-compare svg,
  .product-thumb .button-group .btn-cart svg,
  .product-thumb .button-group .btn-quickview svg {
    width: 35px;
    height: 35px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    fill: #888;
  }

  .product-thumb .button-group .btn-wishlist:hover svg,
  .product-thumb .button-group .btn-compare:hover svg,
  .product-thumb .button-group .btn-cart:hover svg,
  .product-thumb .button-group .btn-quickview:hover svg {
    fill: var(--tertiary-color);
  }

  @media (max-width: 543px) {

    .product-thumb .button-group .btn-wishlist svg,
    .product-thumb .button-group .btn-compare svg,
    .product-thumb .button-group .btn-cart svg,
    .product-thumb .button-group .btn-quickview svg {
      width: 30px;
      height: 30px;
    }
  }

  .quickview .quickview-container .product-right .list-unstyled.price {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
  }

  .product-thumb .button-group .btn-wishlist:hover,
  .product-thumb .button-group .btn-compare:hover,
  .product-thumb .button-group .btn-cart:hover,
  .product-thumb .button-group .btn-quickview:hover {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
  }

  .product-thumb .button-group .btn-wishlist button,
  .product-thumb .button-group .btn-compare button,
  .product-thumb .button-group .btn-cart button {
    border: none;
    background-color: transparent;
    padding: 0;
  }

  @media (max-width: 991px) {
    .product-thumb .button-group .btn-quickview {
      display: none;
    }
  }

  .product-thumb .button-group .btn-quickview {
    -webkit-transition: all ease-in-out 0.6s;
    -moz-transition: all ease-in-out 0.6s;
    -o-transition: all ease-in-out 0.6s;
    transition: all ease-in-out 0.6s;
  }

  .product-thumb .button-group .btn-wishlist {
    -webkit-transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
  }

  .product-thumb .button-group .btn-compare {
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
  }

  .product-thumb .button-group .btn-cart {
    -webkit-transition: all ease-in-out 0.8s;
    -moz-transition: all ease-in-out 0.8s;
    -o-transition: all ease-in-out 0.8s;
    transition: all ease-in-out 0.8s;
  }

  @media (min-width: 768px) {

    .product-thumb .button-group .btn-wishlist,
    .product-thumb .button-group .btn-compare,
    .product-thumb .button-group .btn-cart,
    .product-thumb .button-group .btn-quickview {
      opacity: 0;
      -webkit-transform: rotateX(180deg);
      -moz-transform: rotateX(180deg);
      -ms-transform: rotateX(180deg);
      -o-transform: rotateX(180deg);
      transform: rotateX(180deg);
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
    }
  }

  @media (min-width: 768px) {

    .product-thumb:hover .button-group .btn-wishlist,
    .product-thumb:hover .button-group .btn-compare,
    .product-thumb:hover .button-group .btn-cart,
    .product-thumb:hover .button-group .btn-quickview {
      opacity: 1;
      -webkit-transform: rotateX(0deg);
      -moz-transform: rotateX(0deg);
      -ms-transform: rotateX(0deg);
      -o-transform: rotateX(0deg);
      transform: rotateX(0deg);
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
    }
  }

  .product-thumb .rating {
    text-align: center;
    margin: 0 auto;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  @media (max-width: 575px) {
    .product-thumb .rating {
      left: 0;
      right: 0;
      bottom: 3px;
      text-align: center;
    }
  }

  .product-thumb .rating .fa-star,
  .product-thumb .rating .fa-star-o {
    color: #ccc;
    font-size: 12px;
    line-height: 0;
    position: unset;
  }

  .product-thumb .rating .yellow {
    color: #fec42d;
  }

  .product-thumb .rating .gray {
    color: #ccc;
  }

  .product-thumb .rating span.fa-stack {
    width: 8px;
    height: 8px;
    margin-right: 3px;
  }

  .product-thumb .rating span:last-child.fa-stack {
    margin-right: 0;
  }

  .product-thumb .button-group button+button {
    border-left: 1px solid #ddd;
  }

  @media (max-width: 575px) {
    #product-list {
      padding: 0 5px;
      margin: 0 -11px;
    }

    #product-list .col {
      padding: 0 5px;
    }
  }

  @media (max-width: 575px) {
    #product-list .col {
      width: 50%;
    }

    #product-list.product-list .col {
      width: 300px;
      margin: 0 auto;
    }
  }

  @media (max-width: 575px) {
    #product-list.product-list .product-container {
      padding-bottom: 15px;
    }
  }

  .product-list .product-thumb .product-desc {
    padding: 15px 15px 4px 15px;
    display: inline-block;
    vertical-align: middle;
    background-color: transparent;
    border: 0;
    order: 2;
    text-align: left;
  }

  #product-list.product-list .product-thumb .product-desc {
    display: none;
  }

  .product-list .product-thumb .product-desc h4 {
    margin-bottom: 13px;
  }

  .product-list .product-thumb .image {
    width: 32%;
  }

  @media (max-width: 575px) {
    .product-list .product-thumb .image {
      width: 100%;
    }
  }

  .product-list .product-thumb .image img {
    border-radius: 10px;
  }

  #product-list.product-list .product-thumb .image .rating {
    display: block;
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
  }

  #product-list.product-list .product-thumb h4 {
    display: block;
  }

  .product-list .product-thumb .caption .description {
    display: block;
  }

  .product-list .product-thumb .price {
    opacity: 1;
    margin-bottom: 15px;
  }

  .product-list .product-thumb:hover .caption .price .price-old {
    color: #999;
  }

  .product-list .product-thumb:hover .caption .price,
  .product-list .product-thumb:hover .caption .price .price-tax {
    color: var(--brand-primary);
  }

  .product-list .product-thumb .caption {
    padding: 15px;
    text-align: left;
    order: 2;
    width: 68%;
  }

  .product-list .product-thumb:hover .caption {
    background-color: transparent;
  }

  .product-list .product-thumb:hover .caption {
    background-color: transparent;
  }

  @media (max-width: 575px) {
    .product-list .product-thumb .caption {
      padding: 10px 0 10px 0;
      width: 100%;
      text-align: center;
    }
  }

  .product-list .product-thumb .rating {
    text-align: center;
    bottom: 5px;
  }

  @media (max-width: 575px) {
    .product-list .product-thumb .rating {
      text-align: center;
    }
  }

  #product-list.product-list .product-thumb .countdown-container {
    bottom: 10px;
  }

  @media screen and (min-width: 768px) and (max-width: 991px) {
    #product-list.product-list .product-thumb .countdown-container {
      left: 10px;
      right: 10px;
    }
  }

  @media (max-width: 575px) {
    #product-list.product-list .product-thumb .countdown-container {
      left: 30px;
      right: 30px;
    }
  }

  @media (max-width: 543px) {
    #product-list.product-list .product-thumb .countdown-container {
      left: 25px;
      right: 25px;
      padding: 4px;
    }

    #product-list.product-list .product-thumb .countdown-container .data {
      width: 42px;
      font-size: 18px;
    }
  }

  .product-list .product-thumb .button-group {
    position: relative;
    bottom: 0;
    right: 0;
    opacity: 1;
    visibility: visible;
    vertical-align: middle;
    margin: 0;
  }

  #product-list.product-list .product-thumb .button-group .btn-cart {
    display: inline-block;
    margin: 0 1px;
  }

  .product-list .product-thumb .button-group .btn-wishlist,
  .product-list .product-thumb .button-group .btn-quickview,
  .product-list .product-thumb .button-group .btn-compare,
  .product-list .product-thumb .button-group .btn-cart {
    width: 35px;
    height: 35px;
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    margin-bottom: 2px;
  }

  .product-list .product-thumb .button-group .btn-wishlist svg,
  .product-list .product-thumb .button-group .btn-quickview svg,
  .product-list .product-thumb .button-group .btn-compare svg,
  .product-list .product-thumb .button-group .btn-cart svg {
    width: 35px;
    height: 35px;
    fill: #888
  }

  .product-list .product-thumb .button-group .btn-wishlist:hover svg,
  .product-list .product-thumb .button-group .btn-quickview:hover svg,
  .product-list .product-thumb .button-group .btn-compare:hover svg,
  .product-list .product-thumb .button-group .btn-cart:hover svg {
    fill: var(--tertiary-color);
  }

  .product-thumb .button-group .btn-wishlist:hover,
  .product-thumb .button-group .btn-compare:hover,
  .product-thumb .button-group .btn-cart:hover,
  .product-thumb .button-group .btn-quickview:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }

  /*@media (max-width: 450px){
  .product-thumb .button-group .btn-wishlist:hover, .product-thumb .button-group .btn-compare:hover, .product-thumb .button-group .btn-cart:hover, .product-thumb .button-group .btn-quickview:hover{
    background-color: transparent;}}*/
  .product-list .product-thumb .btn-cart {
    display: none;
  }

  .product-list .product-thumb .btn-cart button {
    border: none;
    padding: 0;
    position: relative;
    border-radius: 50px;
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, .1);
    display: inline-block;
    vertical-align: middle;
    background-color: transparent;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  .product-list .product-thumb .btn-cart button .lblcart {
    display: none;
  }

  #product-list.product-list .product-thumb h4 {
    display: block;
  }

  #product-list.product-list .product-thumb img {
    border-radius: 10px;
  }

  #product-list.product-list .product-thumb .image .rating {
    display: block;
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
  }

  #product-list.product-list .product-thumb .product-desc {
    display: none;
  }

  #product-list.product-list .product-thumb .btn-cart button svg {
    width: 35px;
    height: 35px;
    display: block;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    fill: #888;
  }

  #product-list.product-list .product-thumb .btn-cart:hover button svg {
    fill: var(--tertiary-color);
  }

  #product-list.product-list .product-thumb .button-group .btn-cart {
    display: inline-block;
    margin: 0 1px;
  }

  @media (min-width: 576px) {
    .product-list .product-thumb {
      display: flex;
    }
  }

  .product-list .product-thumb {
    border: 0;
    border-radius: 0;
  }

  .product-thumb .image:after {
    display: none;
  }

  @media (max-width: 767px) and (min-width: 576px) {

    .product-list .product-thumb .image,
    .product-list .product-thumb .caption {
      width: 50%;
    }
  }

  /* BS4 Changes */
  .navbar-light .navbar-toggler {
    font-size: 15px;
    font-stretch: expanded;
    color: var(--light-color);
    padding: 6px 12px;
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
    border-color: #1f90bb #1f90bb #145e7a;
  }

  .form-check .form-check-input {
    margin-top: 4px;
  }

  #account-voucher .form-check .form-check-input {
    margin-top: 2px;
  }

  /* newsletter  */
  #account-newsletter .form-check .form-check-input {
    margin-left: -1.3em;
  }

  /* newsletter  */

  /* Theme Custom CSS */
  #display-control #compare-total.a {
    margin-top: -2px;
    padding: 0.35rem 0.565rem;
  }

  #product-product h1 {
    margin-top: 20px;
    margin-bottom: 10px;
  }

  #information-contact .card {
    margin-bottom: 20px;
  }

  #cookie {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 150px;
    z-index: 9999;
    opacity: 0.95;
    color: #ecf0f1;
    background: #343a40;
  }

  #cookie div {
    font-size: 16px;
    color: var(--light-color);
  }

  @keyframes slide-down {
    0% {
      transform: translateY(-100%);
      -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      -o-transform: translateY(-100%);
      -moz-transform: translateY(-100%);
    }

    100% {
      transform: translateY(0);
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      -moz-transform: translateY(0);
    }
  }

  /* Preloader Styles - OpenCart Theme */
  /* Using theme colors: Pink #b03481, Blue #465080 */

  .preloader {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(135deg, #b03481 0%, #465080 100%) !important;
    z-index: 999999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  }

  .preloader.hide {
    transform: translateY(-100%);
    opacity: 0;
    pointer-events: none;
  }

  .preloader-inner {
    text-align: center !important;
    animation: preloaderFadeIn 1s ease-out !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }

  @keyframes preloaderFadeIn {
    from {
      opacity: 0;
      transform: translateY(30px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .preloader-inner img {
    max-width: 200px;
    height: auto;
    margin-bottom: 30px;
    animation: logoFloat 2s ease-in-out infinite;
  }

  @keyframes logoFloat {

    0%,
    100% {
      transform: translateY(0);
    }

    50% {
      transform: translateY(-10px);
    }
  }

  .loading-text {
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    margin-top: 20px;
    font-family: "Baloo 2", sans-serif;
    animation: textPulse 1.5s ease-in-out infinite;
  }

  @keyframes textPulse {

    0%,
    100% {
      opacity: 1;
    }

    50% {
      opacity: 0.7;
    }
  }

  /* Loader Animation - Two bouncing balls */
  .loader {
    animation: loaderspin 1.5s infinite !important;
    height: 50px !important;
    width: 50px !important;
    display: block !important;
    margin: 0 auto !important;
    position: relative !important;
  }

  .loader:before,
  .loader:after {
    border-radius: 50%;
    content: "";
    display: block;
    height: 20px;
    width: 20px;
  }

  .loader:before {
    animation: ball1 1.5s infinite;
    background-color: #25283e;
    box-shadow: 30px 0 0 #465080;
    margin-bottom: 10px;
  }

  .loader:after {
    animation: ball2 1.5s infinite;
    background-color: #465080;
    box-shadow: 30px 0 0 #25283e;
  }

  @keyframes loaderspin {
    0% {
      transform: scale(1);
    }

    50% {
      transform: scale(1.1);
    }

    100% {
      transform: scale(1);
    }
  }

  @keyframes ball1 {
    0% {
      box-shadow: 30px 0 0 #465080;
    }

    50% {
      box-shadow: 0 0 0 #465080;
      margin-bottom: 0;
      transform: translate(15px, 15px);
    }

    100% {
      box-shadow: 30px 0 0 #465080;
      margin-bottom: 10px;
    }
  }

  @keyframes ball2 {
    0% {
      box-shadow: 30px 0 0 #25283e;
    }

    50% {
      box-shadow: 0 0 0 #25283e;
      margin-top: -20px;
      transform: translate(15px, 15px);
    }

    100% {
      box-shadow: 30px 0 0 #25283e;
      margin-top: 0;
    }
  }

  /* Cancel Button */
  .preloaderCls {
    position: absolute !important;
    top: 20px !important;
    right: 20px !important;
    background: rgba(255, 255, 255, 0.2) !important;
    border: 2px solid rgba(255, 255, 255, 0.3) !important;
    color: #ffffff !important;
    padding: 10px 20px !important;
    border-radius: 25px !important;
    cursor: pointer !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    backdrop-filter: blur(10px) !important;
    font-family: "Baloo 2", sans-serif !important;
    z-index: 1000000 !important;
    text-decoration: none !important;
    display: inline-block !important;
    line-height: 1.2 !important;
  }

  .preloaderCls:hover {
    background: rgba(255, 255, 255, 0.3) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2) !important;
    color: #ffffff !important;
  }

  /* Responsive Design */
  @media (max-width: 768px) {
    .preloader-inner img {
      max-width: 140px;
    }

    .loader {
      width: 40px;
      height: 40px;
    }

    .loader:before,
    .loader:after {
      height: 16px;
      width: 16px;
    }

    .loading-text {
      font-size: 16px;
    }

    .preloaderCls {
      top: 15px !important;
      right: 15px !important;
      padding: 8px 16px !important;
      font-size: 12px !important;
    }
  }

  /* Hide preloader on mobile if needed */
  @media (max-width: 480px) {
    .preloaderCls {
      display: none !important;
    }
  }

  /* Additional decorative elements */
  .preloader::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="%23ffffff" opacity="0.3"/><circle cx="80" cy="30" r="1.5" fill="%23ffffff" opacity="0.2"/><circle cx="40" cy="80" r="1" fill="%23ffffff" opacity="0.4"/><circle cx="90" cy="70" r="1.5" fill="%23ffffff" opacity="0.3"/></svg>') repeat;
    animation: backgroundFloat 20s linear infinite;
  }

  @keyframes backgroundFloat {
    0% {
      transform: translateY(0);
    }

    100% {
      transform: translateY(-100px);
    }
  }

  /* Smooth body transition when preloader hides */
  body {
    overflow: hidden !important;
  }

  body.preloader-active {
    overflow: auto !important;
  }

  /* Override any conflicting styles from main stylesheet */
  .preloader * {
    box-sizing: border-box !important;
  }

  /* Ensure preloader is always on top */
  .preloader {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 999999 !important;
    pointer-events: auto !important;
  }

  /* Ensure cancel button is properly positioned */
  .preloader .preloaderCls {
    position: absolute !important;
    top: 20px !important;
    right: 20px !important;
    z-index: 1000000 !important;
    pointer-events: auto !important;
  }

  /* Loading messages animation */
  .loading-message {
    opacity: 0;
    transform: translateY(10px);
    animation: messageSlideIn 0.5s ease forwards;
  }

  @keyframes messageSlideIn {
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  /* Enhanced focus states for accessibility */
  .preloaderCls:focus {
    outline: 2px solid rgba(255, 255, 255, 0.5);
    outline-offset: 2px;
  }

  /* High contrast mode support */
  @media (prefers-contrast: high) {
    .preloader {
      background: #000000;
    }

    .preloaderCls {
      background: #ffffff;
      color: #000000;
      border-color: #ffffff;
    }
  }

  /* Reduced motion support */
  @media (prefers-reduced-motion: reduce) {

    .preloader,
    .preloader-inner,
    .preloader-inner img,
    .loader,
    .loader:before,
    .loader:after,
    .loading-text,
    .preloaderCls {
      animation: none;
      transition: none;
    }

    .preloader.hide {
      transform: none;
      opacity: 0;
    }
  }

  /* Contact Page Styles - Inspired by Toddly Theme */

  /* Breadcrumb Styles */
  .breadcrumb-wrapper {
    position: relative;
    width: 100%;
    padding: 120px 0 80px;
    background: linear-gradient(135deg, #b03481 0%, #465080 100%);
    color: #ffffff;
    overflow: hidden;
  }

  .breadcrumb-wrapper__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
  }

  .breadcrumb-bg-gradient {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, #b03481 0%, #465080 100%);
    opacity: 0.9;
  }

  .breadcrumb-wrapper__content {
    position: relative;
    z-index: 2;
    text-align: center;
  }

  .breadcrumb-wrapper__title {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #ffffff;
    font-family: "Baloo 2", sans-serif;
  }

  .breadcrumb-wrapper__menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }

  .breadcrumb-wrapper__menu--item {
    color: #ffffff;
    opacity: 0.8;
  }

  .breadcrumb-wrapper__menu--item a {
    color: #ffffff;
    text-decoration: none;
    transition: opacity 0.3s ease;
  }

  .breadcrumb-wrapper__menu--item a:hover {
    opacity: 1;
  }

  .breadcrumb-wrapper__menu--item:not(:last-child)::after {
    content: ">";
    margin-left: 10px;
    opacity: 0.6;
  }

  .vs-balls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 20px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 20"><circle cx="10" cy="10" r="3" fill="%23ffffff" opacity="0.3"/><circle cx="30" cy="10" r="3" fill="%23ffffff" opacity="0.3"/><circle cx="50" cy="10" r="3" fill="%23ffffff" opacity="0.3"/><circle cx="70" cy="10" r="3" fill="%23ffffff" opacity="0.3"/><circle cx="90" cy="10" r="3" fill="%23ffffff" opacity="0.3"/></svg>') repeat-x;
  }

  /* Contact Area Styles */
  .contact-area {
    padding: 100px 0;
    background: #ffffff;
  }

  .space {
    padding: 100px 0;
  }

  .space-extra-bottom {
    padding-bottom: 120px;
  }

  /* Custom spacing for contact form */
  .contact-area .row>div {
    padding: 0 30px;
  }

  .contact-area .form-style2 .row>div {
    padding: 0 10px;
  }

  /* Title Styles */
  .vs-title {
    margin-bottom: 30px;
  }

  .vs-title__sub {
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #b03481;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
    font-family: "Baloo 2", sans-serif;
  }

  .vs-title__main {
    font-size: 42px;
    font-weight: 700;
    color: #25283e;
    margin: 0;
    line-height: 1.2;
    font-family: "Baloo 2", sans-serif;
  }

  /* Contact Info Styles */
  .contact-info {
    font-size: 16px;
    line-height: 1.6;
    color: #5b5a7b;
  }

  .contact-info span {
    font-weight: 600;
    color: #25283e;
  }

  /* Fix scrolling issues */
  html,
  body {
    scroll-behavior: auto;
    overflow-x: hidden;
  }

  /* Prevent sticky scrolling */
  .contact-area {
    position: relative;
    z-index: 1;
  }

  /* Fix any potential scrolling issues */
  #information-contact {
    overflow: visible;
  }

  #information-contact #content {
    overflow: visible;
  }

  /* Ensure proper scrolling behavior */
  body {
    overflow-y: auto;
    overflow-x: hidden;
  }

  /* Fix for any sticky elements */
  .breadcrumb-wrapper {
    position: relative;
    z-index: 10;
  }

  .address-info {
    display: flex;
    align-items: flex-start;
    margin-bottom: 25px;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 15px;
    transition: all 0.3s ease;
    border: 1px solid rgba(176, 52, 129, 0.1);
  }

  .address-info:hover {
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(176, 52, 129, 0.15);
    transform: translateY(-2px);
    border-color: rgba(176, 52, 129, 0.2);
  }

  .address-info__icon {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #b03481, #465080);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    color: #ffffff;
    font-size: 20px;
  }

  .address-info__content {
    flex: 1;
  }

  .address-info__content span {
    display: block;
    font-weight: 600;
    color: #25283e;
    margin-bottom: 5px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
  }

  .address-info__content span:last-child {
    font-weight: 400;
    color: #5b5a7b;
    text-transform: none;
    letter-spacing: normal;
    font-size: 16px;
    line-height: 1.5;
  }

  .address-info__content a {
    color: #b03481;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
  }

  .address-info__content a:hover {
    color: #465080;
  }

  /* Contact Divider */
  .contact-divider {
    margin: 40px 0;
    text-align: center;
  }

  /* Social Style */
  .social-style {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 30px;
  }

  .social-style__label {
    font-weight: 600;
    color: #25283e;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
  }

  .social-style a {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #b03481, #465080);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    text-decoration: none;
    transition: all 0.3s ease;
  }

  .social-style a:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(176, 52, 129, 0.3);
  }

  /* Form Styles */
  .form-style2 {
    background: #ffffff;
    padding: 40px;
    border-radius: 20px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
  }

  .form-group {
    margin-bottom: 25px;
  }

  .form-control {
    width: 100%;
    padding: 15px 20px;
    border: 2px solid #e9ecef;
    border-radius: 10px;
    font-size: 16px;
    transition: all 0.3s ease;
    background: #ffffff;
  }

  .form-control:focus {
    outline: none;
    border-color: #b03481;
    box-shadow: 0 0 0 3px rgba(176, 52, 129, 0.1);
  }

  .form-control::placeholder {
    color: #6c757d;
    opacity: 0.7;
  }

  textarea.form-control {
    resize: vertical;
    min-height: 120px;
  }

  /* Button Styles */
  .vs-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    text-transform: uppercase;
    text-align: center;
    background: linear-gradient(135deg, #b03481, #465080);
    color: #ffffff;
    font-family: "Baloo 2", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    padding: 18px 40px;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease;
    overflow: hidden;
    letter-spacing: 1px;
  }

  .vs-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 30px rgba(176, 52, 129, 0.3);
    color: #ffffff;
  }

  .vs-btn__border {
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    border-radius: inherit;
    background: linear-gradient(135deg, #465080, #b03481);
    z-index: -1;
    transition: all 0.3s ease;
  }

  .vs-btn:hover .vs-btn__border {
    opacity: 0;
  }

  .vs-btn--small {
    padding: 12px 25px;
    font-size: 14px;
  }

  /* Map Section */
  .map-section {
    background: #f8f9fa;
    padding: 80px 0;
  }

  .vs-map {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
  }

  .gmap_iframe {
    border-radius: 20px;
  }

  /* Locations Section */
  .locations-area {
    background: #ffffff;
    padding: 100px 0;
  }

  .location-card {
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: all 0.3s ease;
    height: 100%;
  }

  .location-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
  }

  .location-card__header {
    background: linear-gradient(135deg, #b03481, #465080);
    color: #ffffff;
    padding: 25px 30px;
    text-align: center;
  }

  .location-card__header h3 {
    margin: 0;
    font-size: 24px;
    font-weight: 600;
    font-family: "Baloo 2", sans-serif;
  }

  .location-card__body {
    padding: 30px;
  }

  .location-image img {
    border-radius: 10px;
    width: 100%;
    height: 200px;
    object-fit: cover;
  }

  .location-info {
    margin-bottom: 20px;
  }

  .info-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
    padding: 10px 0;
  }

  .info-item i {
    width: 20px;
    color: #b03481;
    margin-right: 15px;
    margin-top: 3px;
    flex-shrink: 0;
  }

  .info-item span,
  .info-item a {
    color: #5b5a7b;
    text-decoration: none;
    line-height: 1.5;
  }

  .info-item a:hover {
    color: #b03481;
  }

  .location-actions {
    text-align: center;
  }

  /* Animation Classes */
  .wow {
    visibility: hidden;
  }

  .animate__fadeInUp {
    animation-name: fadeInUp;
    animation-duration: 1s;
    animation-fill-mode: both;
  }

  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translate3d(0, 40px, 0);
    }

    to {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }

  /* Responsive Design */
  @media (max-width: 991px) {
    .breadcrumb-wrapper {
      padding: 80px 0 60px;
    }

    .breadcrumb-wrapper__title {
      font-size: 36px;
    }

    .vs-title__main {
      font-size: 32px;
    }

    .space {
      padding: 60px 0;
    }

    .space-extra-bottom {
      padding-bottom: 80px;
    }

    .gx-60 {
      --bs-gutter-x: 30px;
    }

    .form-style2 {
      padding: 30px;
    }
  }

  @media (max-width: 767px) {
    .breadcrumb-wrapper {
      padding: 60px 0 40px;
    }

    .breadcrumb-wrapper__title {
      font-size: 28px;
    }

    .vs-title__main {
      font-size: 24px;
    }

    .vs-title__sub {
      font-size: 16px;
    }

    .address-info {
      padding: 15px;
    }

    .address-info__icon {
      width: 40px;
      height: 40px;
      font-size: 16px;
      margin-right: 15px;
    }

    .form-style2 {
      padding: 20px;
    }

    .vs-btn {
      padding: 15px 30px;
      font-size: 14px;
    }

    .location-card__header {
      padding: 20px;
    }

    .location-card__header h3 {
      font-size: 20px;
    }

    .location-card__body {
      padding: 20px;
    }
  }

  @media (max-width: 575px) {
    .breadcrumb-wrapper__menu {
      flex-direction: column;
      gap: 5px;
    }

    .breadcrumb-wrapper__menu--item:not(:last-child)::after {
      display: none;
    }

    .social-style {
      flex-wrap: wrap;
      justify-content: center;
    }

    .form-control {
      padding: 12px 15px;
      font-size: 14px;
    }
  }

  /* Utility Classes */
  .z-index-common {
    z-index: 1;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  /* OpenCart 4 Specific Fixes */
  #information-contact {
    padding: 0;
  }

  #information-contact #content {
    margin: 0;
    padding: 0;
  }

  /* Ensure breadcrumb takes full width */
  .breadcrumb-wrapper {
    width: 100vw !important;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    left: 0;
    right: 0;
    position: relative;
    box-sizing: border-box;
    max-width: 100vw !important;
  }

  /* Override any container constraints */
  .container .breadcrumb-wrapper,
  .row .breadcrumb-wrapper,
  .col .breadcrumb-wrapper {
    width: 100vw !important;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    left: 0;
    right: 0;
    max-width: 100vw !important;
  }

  /* Force full width for breadcrumb background */
  .breadcrumb-wrapper__bg {
    width: 100vw !important;
    left: 0;
    right: 0;
  }

  .contact-area {
    margin: 0;
    padding: 100px 0;
  }

  /* Ensure proper Bootstrap compatibility */
  .row {
    margin-left: -15px;
    margin-right: -15px;
  }

  .row>div {
    padding-left: 15px;
    padding-right: 15px;
  }

  /* Fix for OpenCart 4 form styling */
  .form-group {
    margin-bottom: 1rem;
  }

  .form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }

  .mb-30 {
    margin-bottom: 30px;
  }

  .mb-20 {
    margin-bottom: 20px;
  }

  .mb-3 {
    margin-bottom: 1rem;
  }

  .mb-4 {
    margin-bottom: 1.5rem;
  }

  .mb-5 {
    margin-bottom: 3rem;
  }

  .mt-3 {
    margin-top: 1rem;
  }

  .text-center {
    text-align: center;
  }

  .text-lowercase {
    text-transform: lowercase;
  }

  .rounded {
    border-radius: 0.375rem;
  }

  .img-fluid {
    max-width: 100%;
    height: auto;
  }

  /* Form Validation Styles */
  .invalid-feedback {
    display: none;
    color: #dc3545;
    font-size: 14px;
    margin-top: 5px;
  }

  .form-control.is-invalid {
    border-color: #dc3545;
  }

  .form-control.is-invalid+.invalid-feedback {
    display: block;
  }

  /* Loading States */
  .form-style2.loading {
    opacity: 0.7;
    pointer-events: none;
  }

  .form-style2.loading .vs-btn {
    position: relative;
  }

  .form-style2.loading .vs-btn::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border: 2px solid transparent;
    border-top: 2px solid #ffffff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-left: 10px;
  }

  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }

    100% {
      transform: rotate(360deg);
    }
  }

  /* About Us & Blog Pages Styles - OpenCart Theme */
  /* Using theme colors: Pink #b03481, Blue #465080 */

  /* ========================================
   ABOUT US PAGE STYLES
======================================== */

  /* About Area */
  .about-area {
    padding: 100px 0;
    background: #ffffff;
  }

  .about-content {
    padding-right: 30px;
  }

  .about-description {
    font-size: 16px;
    line-height: 1.8;
    color: #5b5a7b;
    margin-bottom: 30px;
  }

  .about-features {
    margin-top: 30px;
  }

  .feature-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 25px;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 15px;
    transition: all 0.3s ease;
    border: 1px solid rgba(176, 52, 129, 0.1);
  }

  .feature-item:hover {
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(176, 52, 129, 0.15);
    transform: translateY(-2px);
    border-color: rgba(176, 52, 129, 0.2);
  }

  .feature-icon {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #b03481, #465080);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    color: #ffffff;
    font-size: 20px;
  }

  .feature-content h4 {
    font-size: 18px;
    font-weight: 600;
    color: #25283e;
    margin-bottom: 8px;
    font-family: "Baloo 2", sans-serif;
  }

  .feature-content p {
    font-size: 14px;
    line-height: 1.6;
    color: #5b5a7b;
    margin: 0;
  }

  /* About Image */
  .about-image {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
  }

  .about-image img {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
  }

  .about-image:hover img {
    transform: scale(1.05);
  }

  .experience-badge {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: linear-gradient(135deg, #b03481, #465080);
    color: #ffffff;
    padding: 15px 20px;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0 10px 20px rgba(176, 52, 129, 0.3);
  }

  .experience-badge .years {
    display: block;
    font-size: 24px;
    font-weight: 700;
    font-family: "Baloo 2", sans-serif;
  }

  .experience-badge .text {
    font-size: 12px;
    opacity: 0.9;
  }

  /* Mission & Vision Cards */
  .mission-vision-area {
    background: #f8f9fa;
  }

  .mission-card,
  .vision-card {
    background: #ffffff;
    padding: 40px 30px;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    border: 1px solid rgba(176, 52, 129, 0.1);
    height: 100%;
  }

  .mission-card:hover,
  .vision-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(176, 52, 129, 0.15);
    border-color: rgba(176, 52, 129, 0.2);
  }

  .card-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #b03481, #465080);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px;
    color: #ffffff;
    font-size: 30px;
  }

  .mission-card h3,
  .vision-card h3 {
    font-size: 24px;
    font-weight: 600;
    color: #25283e;
    margin-bottom: 15px;
    font-family: "Baloo 2", sans-serif;
  }

  .mission-card p,
  .vision-card p {
    font-size: 16px;
    line-height: 1.6;
    color: #5b5a7b;
    margin: 0;
  }

  /* Stats Section */
  .stats-area {
    background: linear-gradient(135deg, #b03481 0%, #465080 100%);
    color: #ffffff;
  }

  .stat-item {
    text-align: center;
    padding: 30px 20px;
  }

  .stat-number {
    font-size: 48px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 10px;
    font-family: "Baloo 2", sans-serif;
  }

  .stat-label {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 500;
  }

  /* Values Section */
  .values-area {
    background: #f8f9fa;
  }

  .value-card {
    background: #ffffff;
    padding: 30px 25px;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    border: 1px solid rgba(176, 52, 129, 0.1);
    height: 100%;
  }

  .value-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(176, 52, 129, 0.15);
    border-color: rgba(176, 52, 129, 0.2);
  }

  .value-icon {
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg, #b03481, #465080);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    color: #ffffff;
    font-size: 25px;
  }

  .value-card h4 {
    font-size: 20px;
    font-weight: 600;
    color: #25283e;
    margin-bottom: 15px;
    font-family: "Baloo 2", sans-serif;
  }

  .value-card p {
    font-size: 14px;
    line-height: 1.6;
    color: #5b5a7b;
    margin: 0;
  }

  /* CTA Section */
  .cta-area {
    background: linear-gradient(135deg, #b03481 0%, #465080 100%);
    color: #ffffff;
  }

  .cta-content h2 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 15px;
    font-family: "Baloo 2", sans-serif;
  }

  .cta-content p {
    font-size: 18px;
    opacity: 0.9;
    margin-bottom: 30px;
  }

  /* ========================================
   BLOG PAGE STYLES
======================================== */

  /* Blog Area */
  .blog-area {
    padding: 100px 0;
    background: #ffffff;
  }

  /* Blog Cards */
  .blog-card {
    background: #ffffff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    border: 1px solid rgba(176, 52, 129, 0.1);
    height: 100%;
  }

  .blog-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(176, 52, 129, 0.15);
    border-color: rgba(176, 52, 129, 0.2);
  }

  .blog-card__figure {
    position: relative;
    overflow: hidden;
  }

  .blog-card__figure--img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    transition: transform 0.3s ease;
  }

  .blog-card:hover .blog-card__figure--img {
    transform: scale(1.05);
  }

  .blog-card__figure--category {
    position: absolute;
    top: 20px;
    left: 20px;
    background: linear-gradient(135deg, #b03481, #465080);
    color: #ffffff;
    padding: 8px 15px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
  }

  .blog-card__content {
    padding: 25px;
  }

  .blog-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 15px;
    font-size: 12px;
    color: #5b5a7b;
  }

  .blog-card__meta span {
    display: flex;
    align-items: center;
    gap: 5px;
  }

  .blog-card__meta i {
    color: #b03481;
  }

  .blog-card__title {
    font-size: 20px;
    font-weight: 600;
    color: #25283e;
    margin-bottom: 15px;
    line-height: 1.4;
    font-family: "Baloo 2", sans-serif;
  }

  .blog-card__title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.3s ease;
  }

  .blog-card__title a:hover {
    color: #b03481;
  }

  .blog-card__excerpt {
    font-size: 14px;
    line-height: 1.6;
    color: #5b5a7b;
    margin-bottom: 20px;
  }

  .blog-card__footer {
    margin-top: auto;
  }

  /* Load More Section */
  .load-more-section {
    margin-top: 50px;
  }

  /* Newsletter Section */
  .newsletter-area {
    background: #f8f9fa;
  }

  .newsletter-content h2 {
    font-size: 32px;
    font-weight: 600;
    color: #25283e;
    margin-bottom: 15px;
    font-family: "Baloo 2", sans-serif;
  }

  .newsletter-content p {
    font-size: 16px;
    color: #5b5a7b;
    margin-bottom: 30px;
  }

  .newsletter-form .input-group {
    max-width: 500px;
    margin: 0 auto;
  }

  .newsletter-form .form-control {
    border: 2px solid rgba(176, 52, 129, 0.2);
    border-radius: 25px 0 0 25px;
    padding: 15px 20px;
    font-size: 16px;
  }

  .newsletter-form .form-control:focus {
    border-color: #b03481;
    box-shadow: 0 0 0 3px rgba(176, 52, 129, 0.1);
  }

  .newsletter-form .vs-btn {
    border-radius: 0 25px 25px 0;
    padding: 15px 30px;
  }

  /* ========================================
   RESPONSIVE DESIGN
======================================== */

  @media (max-width: 991px) {
    .about-content {
      padding-right: 0;
      margin-bottom: 40px;
    }

    .about-features {
      margin-top: 20px;
    }

    .feature-item {
      padding: 15px;
    }

    .feature-icon {
      width: 40px;
      height: 40px;
      font-size: 16px;
      margin-right: 15px;
    }

    .mission-card,
    .vision-card {
      padding: 30px 20px;
      margin-bottom: 30px;
    }

    .card-icon {
      width: 60px;
      height: 60px;
      font-size: 24px;
      margin-bottom: 20px;
    }

    .stat-number {
      font-size: 36px;
    }

    .value-card {
      padding: 25px 20px;
      margin-bottom: 30px;
    }

    .value-icon {
      width: 60px;
      height: 60px;
      font-size: 20px;
    }

    .blog-card__content {
      padding: 20px;
    }

    .blog-card__title {
      font-size: 18px;
    }

    .newsletter-content h2 {
      font-size: 28px;
    }
  }

  @media (max-width: 767px) {

    .about-area,
    .blog-area {
      padding: 60px 0;
    }

    .feature-item {
      flex-direction: column;
      text-align: center;
    }

    .feature-icon {
      margin: 0 auto 15px;
    }

    .experience-badge {
      bottom: 15px;
      right: 15px;
      padding: 10px 15px;
    }

    .experience-badge .years {
      font-size: 20px;
    }

    .experience-badge .text {
      font-size: 10px;
    }

    .stat-item {
      padding: 20px 15px;
      margin-bottom: 20px;
    }

    .stat-number {
      font-size: 32px;
    }

    .blog-card__meta {
      flex-direction: column;
      gap: 8px;
    }

    .newsletter-form .input-group {
      flex-direction: column;
    }

    .newsletter-form .form-control {
      border-radius: 25px;
      margin-bottom: 15px;
    }

    .newsletter-form .vs-btn {
      border-radius: 25px;
    }
  }

  @media (max-width: 575px) {

    .about-content h2,
    .blog-area h2 {
      font-size: 28px;
    }

    .cta-content h2 {
      font-size: 24px;
    }

    .newsletter-content h2 {
      font-size: 24px;
    }

    .blog-card__figure--img {
      height: 200px;
    }

    .blog-card__content {
      padding: 15px;
    }

    .blog-card__title {
      font-size: 16px;
    }
  }

  /* ========================================
   ANIMATIONS
======================================== */

  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(30px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .wow {
    visibility: hidden;
  }

  .animate__fadeInUp {
    animation: fadeInUp 1s ease forwards;
  }

  /* ========================================
   UTILITY CLASSES
======================================== */

  .bg-light {
    background-color: #f8f9fa !important;
  }

  .space {
    padding: 100px 0;
  }

  .space-extra-bottom {
    padding-bottom: 120px;
  }

  .mb-30 {
    margin-bottom: 30px;
  }

  .mb-4 {
    margin-bottom: 1.5rem;
  }

  .mb-5 {
    margin-bottom: 3rem;
  }

  .text-center {
    text-align: center;
  }

  .rounded {
    border-radius: 0.375rem;
  }

  .img-fluid {
    max-width: 100%;
    height: auto;
  }

  .z-index-common {
    z-index: 1;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  /* ========================================
   OPEN CART 4 SPECIFIC FIXES
======================================== */

  /* Ensure proper Bootstrap compatibility */
  .row {
    margin-left: -15px;
    margin-right: -15px;
  }

  .row>div {
    padding-left: 15px;
    padding-right: 15px;
  }

  /* Fix for OpenCart 4 form styling */
  .form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }

  .form-control:focus {
    border-color: #b03481;
    box-shadow: 0 0 0 3px rgba(176, 52, 129, 0.1);
  }

  /* Button styles */
  .vs-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px 30px;
    background: linear-gradient(135deg, #b03481, #465080);
    color: #ffffff;
    text-decoration: none;
    border-radius: 25px;
    font-weight: 600;
    font-size: 16px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    border: none;
    cursor: pointer;
  }

  .vs-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(176, 52, 129, 0.3);
    color: #ffffff;
    text-decoration: none;
  }

  .vs-btn__border {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 2px solid transparent;
    border-radius: 25px;
    background: linear-gradient(135deg, #b03481, #465080);
    z-index: -1;
  }

  .vs-btn:hover .vs-btn__border {
    background: linear-gradient(135deg, #465080, #b03481);
  }

  .vs-btn--small {
    padding: 10px 20px;
    font-size: 14px;
  }

  /* Title styles */
  .vs-title__sub {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #b03481;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
  }

  .vs-title__main {
    font-size: 36px;
    font-weight: 700;
    color: #25283e;
    line-height: 1.2;
    font-family: "Baloo 2", sans-serif;
  }

  /* Blog Post Details */
  .blog-detail-area {
    padding: 100px 0;
    background: var(--light-color);
  }

  .blog-post-detail {
    background: var(--light-color);
    border-radius: 15px;
    padding: 30px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    border: 1px solid var(--border-color);
  }

  .blog-post-image img {
    width: 100%;
    height: auto;
    border-radius: 10px;
  }

  .blog-post-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    color: var(--black-color);
    font-size: 14px;
    font-family: var(--primary-font);
  }

  .blog-post-meta .meta-item {
    display: flex;
    align-items: center;
    gap: 5px;
  }

  .blog-post-meta .meta-item i {
    color: var(--brand-primary);
  }

  .blog-post-title {
    font-size: 32px;
    font-weight: 700;
    color: var(--brand-primary);
    line-height: 1.3;
    font-family: var(--secondary-font);
  }

  .blog-post-excerpt .lead {
    font-size: 18px;
    color: var(--black-color);
    line-height: 1.6;
    font-family: var(--primary-font);
  }

  .blog-post-body {
    line-height: 1.8;
    color: var(--black-color);
    font-family: var(--primary-font);
  }

  .blog-post-body p {
    margin-bottom: 20px;
  }

  .blog-post-body h1,
  .blog-post-body h2,
  .blog-post-body h3,
  .blog-post-body h4,
  .blog-post-body h5,
  .blog-post-body h6 {
    color: var(--brand-primary);
    margin: 25px 0 15px 0;
    font-family: var(--secondary-font);
  }

  .blog-post-body img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin: 20px 0;
  }

  .blog-post-tags h5 {
    color: var(--brand-primary);
    margin-bottom: 15px;
    font-family: var(--secondary-font);
  }

  .tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  .tag-item {
    background: var(--border-color);
    color: var(--black-color);
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 12px;
    transition: all 0.3s ease;
    font-family: var(--primary-font);
  }

  .tag-item:hover {
    background: var(--brand-primary);
    color: var(--light-color);
    color: #fff;
  }

  .blog-post-sharing h5 {
    color: #333;
    margin-bottom: 15px;
  }

  .social-share-buttons {
    display: flex;
    gap: 10px;
  }

  .share-btn {
    width: 40px;
    height: 40px;
    background: #f8f9fa;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    text-decoration: none;
    transition: all 0.3s ease;
  }

  .share-btn:hover {
    color: #fff;
  }

  .share-btn.facebook:hover {
    background: #1877f2;
  }

  .share-btn.twitter:hover {
    background: #1da1f2;
  }

  .share-btn.linkedin:hover {
    background: #0077b5;
  }

  .share-btn.email:hover {
    background: #D18109;
  }

  /* Author Section */
  .blog-author-section {
    background: #fff;
    border-radius: 15px;
    padding: 30px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
  }

  .author-card {
    display: flex;
    align-items: center;
    gap: 20px;
  }

  .author-avatar img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
  }

  .author-info h4 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
  }

  .author-info p {
    color: #666;
    line-height: 1.6;
    margin: 0;
  }

  /* Related Posts */
  .related-posts-section {
    background: #fff;
    border-radius: 15px;
    padding: 30px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
  }

  .section-title {
    font-size: 24px;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
  }

  .related-post-card {
    background: #f8f9fa;
    border-radius: 10px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .related-post-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  }

  .related-post-image img {
    width: 100%;
    height: 150px;
    object-fit: cover;
  }

  .related-post-content {
    padding: 15px;
  }

  .related-post-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
  }

  .related-post-title a {
    color: #333;
    text-decoration: none;
    transition: color 0.3s ease;
  }

  .related-post-title a:hover {
    color: #D18109;
  }

  .related-post-meta {
    color: #999;
    font-size: 12px;
  }

  /* Blog Sidebar */
  .blog-sidebar {
    position: sticky;
    top: 20px;
  }

  .sidebar-widget {
    background: #fff;
    border-radius: 15px;
    padding: 25px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
  }

  .widget-title {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
  }

  /* Newsletter Widget */
  .newsletter-widget {
    text-align: center;
    background: linear-gradient(135deg, #D18109, #70167E);
    color: #fff;
    padding: 30px 20px;
    border-radius: 15px;
  }

  .newsletter-icon {
    font-size: 40px;
    margin-bottom: 15px;
  }

  .widget-subtitle {
    font-size: 14px;
    opacity: 0.9;
    margin-bottom: 20px;
  }

  .newsletter-form .input-group {
    border-radius: 25px;
    overflow: hidden;
  }

  .newsletter-form .form-control {
    border: none;
    padding: 12px 15px;
  }

  .newsletter-form .btn {
    border: none;
    padding: 12px 20px;
    background: #fff;
    color: #D18109;
    font-weight: 600;
  }

  /* Contact Widget */
  .contact-widget {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 10px;
  }

  .contact-info {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }

  .contact-item {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #666;
  }

  .contact-item i {
    color: #D18109;
    width: 20px;
  }

  /* Recent Posts Widget */
  .recent-posts {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .recent-post-item {
    display: flex;
    gap: 15px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
  }

  .recent-post-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }

  .recent-post-image img {
    width: 70px;
    height: 70px;
    border-radius: 10px;
    object-fit: cover;
  }

  .recent-post-content {
    flex: 1;
  }

  .recent-post-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
  }

  .recent-post-title a {
    color: #333;
    text-decoration: none;
    transition: color 0.3s ease;
  }

  .recent-post-title a:hover {
    color: #D18109;
  }

  .recent-post-meta {
    color: #999;
    font-size: 12px;
  }

  /* Blog Search */
  .blog-search .input-group {
    border-radius: 25px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  }

  .blog-search .form-control {
    border: none;
    padding: 15px 20px;
    font-size: 16px;
  }

  .blog-search .form-control:focus {
    box-shadow: none;
  }

  .blog-search .btn {
    border: none;
    padding: 15px 25px;
    background: #D18109;
    color: #fff;
    font-weight: 600;
    transition: background 0.3s ease;
  }

  .blog-search .btn:hover {
    background: #b36d07;
  }

  /* Pagination */
  .pagination-wrapper {
    margin-top: 40px;
  }

  .pagination-wrapper .pagination {
    margin: 0;
  }

  .pagination-wrapper .page-link {
    border: none;
    color: #666;
    padding: 12px 18px;
    border-radius: 10px;
    margin: 0 5px;
    transition: all 0.3s ease;
  }

  .pagination-wrapper .page-link:hover {
    background: #D18109;
    color: #fff;
  }

  .pagination-wrapper .page-item.active .page-link {
    background: #D18109;
    color: #fff;
  }

  /* No Posts */
  .no-posts {
    background: #fff;
    border-radius: 15px;
    padding: 60px 30px;
    text-align: center;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
  }

  .no-posts h3 {
    color: #333;
    margin-bottom: 15px;
  }

  .no-posts p {
    color: #666;
    margin: 0;
  }

  /* Responsive Design */
  @media (max-width: 991px) {
    .blog-post-title {
      font-size: 24px;
    }

    .blog-post-meta {
      flex-direction: column;
      gap: 10px;
    }

    .author-card {
      flex-direction: column;
      text-align: center;
    }

    .social-share-buttons {
      justify-content: center;
    }
  }

  @media (max-width: 767px) {
    .blog-post-detail {
      padding: 20px;
    }

    .blog-author-section {
      padding: 20px;
    }

    .related-posts-section {
      padding: 20px;
    }

    .sidebar-widget {
      padding: 20px;
    }

    .recent-post-item {
      flex-direction: column;
      text-align: center;
    }

    .recent-post-image {
      align-self: center;
    }

    .blog-search .input-group {
      flex-direction: column;
    }

    .blog-search .btn {
      border-radius: 0 0 25px 25px;
    }
  }

  /* Additional Breadcrumb and Layout Improvements */

  /* Ensure proper spacing after breadcrumb */
  .breadcrumb-wrapper+.container,
  .breadcrumb-wrapper+div[id*="product"],
  .breadcrumb-wrapper+div[id*="account"],
  .breadcrumb-wrapper+div[id*="checkout"],
  .breadcrumb-wrapper+div[id*="information"] {
    margin-top: 30px;
    padding-top: 20px;
  }

  /* Improve spacing for main content areas */
  #product-category,
  #product-search,
  #product-info,
  #checkout-cart,
  #account-login,
  #account-register,
  #account-account,
  #information-information {
    margin-top: 20px;
    margin-bottom: 30px;
  }

  /* Ensure proper spacing for sections after breadcrumb */
  .breadcrumb-wrapper+section,
  .breadcrumb-wrapper+.about-area,
  .breadcrumb-wrapper+.blog-area,
  .breadcrumb-wrapper+.contact-area {
    margin-top: 30px;
  }

  /* Improve spacing for product listings */
  #product-list {
    margin-top: 20px;
  }

  /* Better spacing for category pages */
  .category_banner {
    margin-bottom: 30px;
  }

  /* Improve spacing for account pages */
  .card {
    margin-bottom: 20px;
  }

  /* Better spacing for checkout pages */
  #shopping-cart {
    margin-bottom: 30px;
  }

  /* Ensure proper spacing for information pages */
  .information-content {
    margin-top: 20px;
    margin-bottom: 30px;
  }

  /* Improve responsive spacing */
  @media (max-width: 767px) {

    .breadcrumb-wrapper+.container,
    .breadcrumb-wrapper+div[id*="product"],
    .breadcrumb-wrapper+div[id*="account"],
    .breadcrumb-wrapper+div[id*="checkout"],
    .breadcrumb-wrapper+div[id*="information"] {
      margin-top: 20px;
      padding-top: 15px;
    }

    #product-category,
    #product-search,
    #product-info,
    #checkout-cart,
    #account-login,
    #account-register,
    #account-account,
    #information-information {
      margin-top: 15px;
      margin-bottom: 20px;
    }
  }

  @media (max-width: 575px) {

    .breadcrumb-wrapper+.container,
    .breadcrumb-wrapper+div[id*="product"],
    .breadcrumb-wrapper+div[id*="account"],
    .breadcrumb-wrapper+div[id*="checkout"],
    .breadcrumb-wrapper+div[id*="information"] {
      margin-top: 15px;
      padding-top: 10px;
    }

    #product-category,
    #product-search,
    #product-info,
    #checkout-cart,
    #account-login,
    #account-register,
    #account-account,
    #information-information {
      margin-top: 10px;
      margin-bottom: 15px;
    }
  }

  /* Blog Carousel Area */
  .blog-carousel-area {
    padding: 80px 0;
    background: #ffffff;
  }

  .blog-carousel-wrapper {
    position: relative;
  }

  .blog-carousel {
    margin: 0 -15px;
  }

  .blog-carousel .blog-card {
    margin: 0 15px;
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  .blog-carousel .blog-card__content {
    flex: 1;
    display: flex;
    flex-direction: column;
  }

  .blog-card__readmore {
    position: absolute;
    top: 20px;
    right: 20px;
    background: rgba(176, 52, 129, 0.9);
    color: #ffffff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.3s ease;
    opacity: 0;
    transform: translateY(-10px);
  }

  .blog-card:hover .blog-card__readmore {
    opacity: 1;
    transform: translateY(0);
  }

  .blog-card__readmore:hover {
    background: rgba(176, 52, 129, 1);
    color: #ffffff;
  }

  .blog-card__readmore i {
    font-size: 14px;
  }

  /* Section Header Styles */
  .section-header {
    margin-bottom: 50px;
  }

  .section-title {
    font-size: 36px;
    font-weight: 700;
    color: #25283e;
    margin-bottom: 15px;
    font-family: "Baloo 2", sans-serif;
  }

  .section-separator {
    position: relative;
    width: 80px;
    height: 4px;
    background: linear-gradient(135deg, #b03481, #465080);
    margin: 0 auto;
    border-radius: 2px;
  }

  .section-separator span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 4px;
    background: #ffffff;
    border-radius: 2px;
  }

  /* Responsive adjustments for carousel */
  @media (max-width: 991px) {
    .blog-carousel-area {
      padding: 60px 0;
    }

    .section-title {
      font-size: 28px;
    }
  }

  @media (max-width: 767px) {
    .blog-carousel-area {
      padding: 40px 0;
    }

    .section-title {
      font-size: 24px;
    }

    .blog-carousel .blog-card {
      margin: 0 10px;
    }
  }

  @media (max-width: 575px) {
    .section-title {
      font-size: 20px;
    }

    .blog-carousel .blog-card {
      margin: 0 5px;
    }
  }

  /* Blog Comments Section */
  .blog-comments-section {
    margin-top: 50px;
  }

  .comments-list {
    margin-top: 30px;
  }

  .comment-item {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 15px;
    border-left: 4px solid #b03481;
  }

  .comment-avatar {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #b03481, #465080);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 20px;
  }

  .comment-content {
    flex: 1;
  }

  .comment-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
  }

  .comment-author {
    font-size: 16px;
    font-weight: 600;
    color: #25283e;
    margin: 0;
  }

  .comment-date {
    font-size: 12px;
    color: #5b5a7b;
  }

  .comment-text {
    font-size: 14px;
    line-height: 1.6;
    color: #5b5a7b;
  }

  /* Add Comment Section */
  .add-comment-section {
    margin-top: 50px;
  }

  .login-required-alert {
    background: #fff3cd;
    border: 1px solid #ffeaa7;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    margin-bottom: 20px;
  }

  .login-required-alert p {
    margin-bottom: 15px;
    color: #856404;
  }

  .comment-form {
    background: #f8f9fa;
    padding: 30px;
    border-radius: 15px;
  }

  .comment-form .form-label {
    font-weight: 600;
    color: #25283e;
    margin-bottom: 8px;
  }

  .comment-form .form-control {
    border: 2px solid rgba(176, 52, 129, 0.2);
    border-radius: 10px;
    padding: 12px 15px;
    transition: all 0.3s ease;
  }

  .comment-form .form-control:focus {
    border-color: #b03481;
    box-shadow: 0 0 0 0.2rem rgba(176, 52, 129, 0.25);
  }

  .comment-form textarea.form-control {
    resize: vertical;
    min-height: 120px;
  }

  /* Social Share Buttons */
  .social-share-buttons {
    display: flex;
    gap: 10px;
    margin-top: 15px;
  }

  .share-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #ffffff;
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 14px;
  }

  .share-btn.facebook {
    background: #3b5998;
  }

  .share-btn.twitter {
    background: #1da1f2;
  }

  .share-btn.linkedin {
    background: #0077b5;
  }

  .share-btn.email {
    background: #ea4335;
  }

  .share-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    color: #ffffff;
  }

  /* Newsletter Widget */
  .newsletter-widget {
    background: linear-gradient(135deg, #b03481, #465080);
    color: #ffffff;
    padding: 30px;
    border-radius: 15px;
    text-align: center;
  }

  .newsletter-icon {
    font-size: 40px;
    margin-bottom: 15px;
    opacity: 0.8;
  }

  .newsletter-widget .widget-title {
    color: #ffffff;
    margin-bottom: 10px;
  }

  .newsletter-widget .widget-subtitle {
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 20px;
  }

  .newsletter-widget .form-control {
    border: none;
    border-radius: 25px 0 0 25px;
    padding: 12px 20px;
  }

  .newsletter-widget .btn {
    border-radius: 0 25px 25px 0;
    background: #ffffff;
    color: #b03481;
    border: none;
    padding: 12px 20px;
  }

  .newsletter-widget .btn:hover {
    background: #f8f9fa;
  }

  /* Contact Widget */
  .contact-widget {
    background: #ffffff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  }

  .contact-widget .widget-title {
    margin-bottom: 20px;
    color: #25283e;
  }

  .contact-info {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }

  .contact-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 10px;
    transition: all 0.3s ease;
  }

  .contact-item:hover {
    background: #e9ecef;
    transform: translateX(5px);
  }

  .contact-item i {
    color: #b03481;
    font-size: 18px;
    width: 20px;
    text-align: center;
  }

  .contact-item span {
    color: #5b5a7b;
    font-size: 14px;
  }

  /* Responsive adjustments for comments */
  @media (max-width: 767px) {
    .comment-item {
      flex-direction: column;
      gap: 15px;
    }

    .comment-avatar {
      align-self: center;
    }

    .comment-header {
      flex-direction: column;
      align-items: flex-start;
      gap: 5px;
    }

    .social-share-buttons {
      justify-content: center;
    }

    .comment-form {
      padding: 20px;
    }
  }

  /* Blog Block Height Consistency */
  .blog-card {
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .blog-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  }

  .blog-card__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 25px;
  }

  .blog-card__footer {
    margin-top: auto;

  }

  /* Carousel Blog Blocks */
  .blog-carousel .blog-card {
    height: 100%;
    margin-bottom: 0;
    min-height: 450px;
  }

  .blog-carousel .item {
    height: 100%;
    display: flex;
    padding: 0 15px;
  }

  .blog-carousel .item .blog-card {
    width: 100%;
  }

  /* Blog List Blocks */
  .blog-area .blog-card {
    height: 100%;
    margin-bottom: 30px;
    min-height: 400px;
  }

  .blog-area .col-lg-6 {
    display: flex;
    margin-bottom: 30px;
  }

  .blog-area .col-lg-6 .blog-card {
    width: 100%;
  }

  /* Ensure consistent image heights */
  .blog-card__figure {
    height: 250px;
    overflow: hidden;
    position: relative;
    background: #f8f9fa;
  }

  .blog-card__figure--img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
  }

  .blog-card:hover .blog-card__figure--img {
    transform: scale(1.05);
  }

  /* Blog card excerpt styling */
  .blog-card__excerpt {
    flex: 1;
    margin: 15px 0;
    line-height: 1.6;
    color: #666;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }

  .blog-card__excerpt p {
    margin: 0 0 10px 0;
    line-height: 1.6;
  }

  .blog-card__excerpt p:last-child {
    margin-bottom: 0;
  }

  .blog-card__excerpt strong,
  .blog-card__excerpt b {
    font-weight: 600;
    color: #333;
  }

  .blog-card__excerpt em,
  .blog-card__excerpt i {
    font-style: italic;
  }

  .blog-card__excerpt a {
    color: #b03481;
    text-decoration: none;
  }

  .blog-card__excerpt a:hover {
    text-decoration: underline;
  }

  /* Blog card title styling */
  .blog-card__title {
    margin: 15px 0 10px 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
  }

  .blog-card__title a {
    color: #333;
    text-decoration: none;
    transition: color 0.3s ease;
  }

  .blog-card__title a:hover {
    color: #b03481;
  }

  /* Blog card meta styling */
  .blog-card__meta {
    display: flex;
    gap: 15px;
    font-size: 14px;
    color: #888;
    margin-bottom: 10px;
  }

  .blog-card__meta span {
    display: flex;
    align-items: center;
    gap: 5px;
  }

  /* Responsive adjustments */
  @media (max-width: 991px) {
    .blog-card__figure {
      height: 200px;
    }

    .blog-carousel .blog-card {
      min-height: 400px;
    }

    .blog-area .blog-card {
      min-height: 350px;
    }
  }

  @media (max-width: 767px) {
    .blog-card__figure {
      height: 180px;
    }

    .blog-area .col-lg-6 {
      margin-bottom: 20px;
    }

    .blog-card__content {
      padding: 20px;
    }
  }

  @media (max-width: 575px) {
    .blog-card__figure {
      height: 160px;
    }

    .blog-carousel .blog-card {
      min-height: 380px;
    }

    .blog-area .blog-card {
      min-height: 320px;
    }
  }

  /* Blog Search - Original Theme Design */
  .blog-search {
    background: var(--light-color);
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 30px;
  }

  .blog-search .input-group {
    position: relative;
  }

  .blog-search .form-control {
    border: 2px solid #e9ecef;
    border-radius: 25px;
    padding: 12px 20px;
    font-size: 14px;
    transition: all 0.3s ease;
  }

  .blog-search .form-control:focus {
    border-color: var(--brand-primary);
    box-shadow: 0 0 0 0.2rem rgba(35, 35, 35, 0.25);
  }

  .blog-search .btn {
    border-radius: 0 25px 25px 0;
    padding: 12px 20px;
    background: linear-gradient(135deg, #b03481 0%, #465080 100%);
    border: 2px solid transparent;
    color: white;
    font-weight: 500;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
  }

  .blog-search .btn:hover {
    background: linear-gradient(135deg, #a02d74 0%, #3d4570 100%);
    border-color: transparent;
    transform: translateY(-1px);
    box-shadow: 0 4px 15px rgba(176, 52, 129, 0.3);
  }

  .search-results-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #e9e9e9;
  }

  .search-results-info small {
    color: #666666;
    font-size: 13px;
    font-weight: 400;
  }

  .search-results-info .btn-sm {
    padding: 6px 12px;
    font-size: 12px;
    border-radius: 3px;
    background: #666666;
    border: 1px solid #666666;
    color: var(--light-color);
    transition: all 0.5s ease;
    text-transform: uppercase;
    font-weight: 400;
  }

  .search-results-info .btn-sm:hover {
    background: #555555;
    border-color: #555555;
    color: var(--light-color);
  }

  .no-posts {
    background: var(--light-color);
    padding: 40px 20px;
    border-radius: 8px;
    text-align: center;
    border: 1px solid #e9e9e9;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  }

  .no-posts h3 {
    color: #666666;
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 400;
    font-family: var(--primary-font);
  }

  .no-posts p {
    color: #666666;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 400;
    font-family: var(--primary-font);
  }

  .no-posts .btn-primary {
    background: var(--brand-primary);
    border: 1px solid var(--brand-primary);
    padding: 9px 20px;
    border-radius: 30px;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    transition: all 0.5s ease;
    color: var(--light-color);
  }

  .no-posts .btn-primary:hover {
    background: #1a1a1a;
    border-color: #1a1a1a;
    color: var(--light-color);
  }

  /* Responsive improvements */
  @media (max-width: 991px) {
    .blog-search {
      padding: 20px;
    }

    .blog-search .form-control {
      padding: 10px 15px !important;
      font-size: 13px !important;
    }

    .blog-search .btn {
      padding: 10px 15px !important;
      font-size: 13px !important;
    }
  }

  @media (max-width: 767px) {
    .blog-search {
      padding: 15px;
    }

    .search-results-info {
      flex-direction: column;
      align-items: flex-start;
      gap: 8px;
    }

    .no-posts {
      padding: 30px 15px;
    }

    .no-posts h3 {
      font-size: 20px;
    }
  }

  @media (max-width: 575px) {
    .blog-search .form-control {
      font-size: 12px !important;
      padding: 8px 12px !important;
    }

    .blog-search .btn {
      padding: 8px 12px !important;
      font-size: 12px !important;
      min-width: 70px !important;
    }

    .blog-search .btn i {
      font-size: 12px;
      margin-right: 3px;
    }
  }


  /*** About us Page ***/

  /* About Page Custom Styles - Kidzo Care Theme */

  /* Hero Section */
  .kidzo-hero-about-area {
    background: #f8f9fa;
    position: relative;
    overflow: hidden;
    color: #2c3e50;
  }

  .kidzo-hero-about-area::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="%23b03481" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="%23b03481" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="%23b03481" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
    opacity: 0.3;
  }

  .kidzo-hero-content {
    position: relative;
    z-index: 2;
  }

  .kidzo-hero-description {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #495057;
  }

  .kidzo-hero-stats {
    display: flex;
    gap: 1.5rem;
    margin-top: 2.5rem;
    flex-wrap: wrap;
  }

  .kidzo-stat-card {
    flex: 1;
    min-width: 140px;
    background: #ffffff;
    border-radius: 15px;
    padding: 1.5rem;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    text-align: center;
    border: 1px solid rgba(176, 52, 129, 0.1);
  }

  .kidzo-stat-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #b03481, #465080);
    transform: scaleX(0);
    transition: transform 0.3s ease;
  }

  .kidzo-stat-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
    border-color: rgba(176, 52, 129, 0.2);
  }

  .kidzo-stat-card:hover::before {
    transform: scaleX(1);
  }

  .kidzo-stat-icon {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #b03481, #465080);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    color: white;
    font-size: 1.5rem;
    transition: transform 0.3s ease;
  }

  .kidzo-stat-card:hover .kidzo-stat-icon {
    transform: scale(1.1) rotate(5deg);
  }

  .kidzo-stat-content {
    text-align: center;
  }

  .kidzo-stat-number {
    font-size: 2rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 0.5rem;
    line-height: 1;
  }

  .kidzo-stat-label {
    color: #6c757d;
    font-weight: 500;
    font-size: 0.9rem;
    line-height: 1.2;
  }

  /* About Story Section */
  .kidzo-about-story-area {
    background: #f8f9fa;
  }

  .kidzo-about-image {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  }

  .kidzo-about-description {
    font-size: 1rem;
    line-height: 1.7;
    color: #495057;
  }

  /* Commitment Tabs Section */
  .kidzo-commitment-tabs {
    border: none;
    background: #f8f9fa;
    border-radius: 15px;
    padding: 0.5rem;
    gap: 0.5rem;
  }

  .kidzo-commitment-tab {
    border: none !important;
    background: transparent !important;
    border-radius: 12px !important;
    padding: 1rem 1.5rem !important;
    color: #6c757d !important;
    font-weight: 500;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    min-width: 120px;
  }

  .kidzo-commitment-tab:hover {
    background: rgba(176, 52, 129, 0.1) !important;
    color: #b03481 !important;
    transform: translateY(-2px);
  }

  .kidzo-commitment-tab.active {
    background: linear-gradient(135deg, #b03481, #465080) !important;
    color: white !important;
    box-shadow: 0 8px 25px rgba(176, 52, 129, 0.3);
  }

  .kidzo-tab-icon {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    transition: all 0.3s ease;
  }

  .kidzo-commitment-tab.active .kidzo-tab-icon {
    background: rgba(255, 255, 255, 0.3);
    transform: scale(1.1);
  }

  .kidzo-tab-text {
    font-size: 0.9rem;
    font-weight: 600;
    text-align: center;
    line-height: 1.2;
  }

  .kidzo-commitment-content {
    background: #ffffff;
    border-radius: 20px;
    padding: 2.5rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    margin-top: 2rem;
  }

  .kidzo-commitment-tab-content {
    animation: fadeInUp 0.5s ease;
  }

  .kidzo-tab-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #f8f9fa;
  }

  .kidzo-tab-header-icon {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #b03481, #465080);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.8rem;
  }

  .kidzo-tab-header h3 {
    color: #2c3e50;
    font-weight: 700;
    margin: 0;
    font-size: 1.5rem;
  }

  .kidzo-commitment-features {
    margin: 1.2rem 0;
  }

  .kidzo-feature-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.6rem;
    padding: 0;
    transition: all 0.3s ease;
  }

  .kidzo-feature-item:hover {
    transform: translateX(3px);
  }

  .kidzo-feature-icon {
    width: 14px;
    height: 14px;
    background: linear-gradient(135deg, #b03481, #465080);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 0.5rem;
    flex-shrink: 0;
  }

  .kidzo-feature-item span {
    color: #2c3e50;
    font-weight: 500;
    line-height: 1.2;
    font-size: 0.9rem;
  }

  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(20px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  /* Mission & Vision Cards */
  .kidzo-mission-card,
  .kidzo-vision-card {
    background: #ffffff;
    padding: 2.5rem;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
    position: relative;
    overflow: hidden;
  }

  .kidzo-mission-card::before,
  .kidzo-vision-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #b03481, #465080);
  }

  .kidzo-mission-card:hover,
  .kidzo-vision-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
  }

  .kidzo-card-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #b03481, #465080);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    color: white;
    font-size: 2rem;
  }

  .kidzo-mission-card h3,
  .kidzo-vision-card h3 {
    color: #2c3e50;
    margin-bottom: 1rem;
    font-weight: 600;
  }

  .kidzo-mission-card p,
  .kidzo-vision-card p {
    color: #6c757d;
    line-height: 1.7;
    margin-bottom: 1rem;
  }

  /* Guide Section */
  .kidzo-guide-section {
    background: #ffffff;
    position: relative;
  }

  .kidzo-guide-feature {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
    padding: 1.5rem;
    background: #f8f9fa;
    border-radius: 15px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
  }

  .kidzo-guide-feature::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(135deg, #b03481, #465080);
    transform: scaleY(0);
    transition: transform 0.3s ease;
  }

  .kidzo-guide-feature:hover {
    transform: translateX(5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    background: #ffffff;
  }

  .kidzo-guide-feature:hover::before {
    transform: scaleY(1);
  }

  .kidzo-guide-feature--reverse {
    flex-direction: row-reverse;
    text-align: right;
  }

  .kidzo-guide-feature--reverse:hover {
    transform: translateX(-5px);
  }

  .kidzo-guide-feature__content {
    flex: 1;
    padding: 0 1rem;
  }

  .kidzo-guide-feature__heading {
    color: #2c3e50;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
  }

  .kidzo-guide-feature__text {
    color: #6c757d;
    line-height: 1.6;
    margin: 0;
  }

  .kidzo-guide-feature__icon {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #b03481, #465080);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.5rem;
    transition: transform 0.3s ease;
  }

  .kidzo-guide-feature:hover .kidzo-guide-feature__icon {
    transform: scale(1.1) rotate(5deg);
  }

  .kidzo-guide-center-image {
    text-align: center;
    padding: 2rem;
  }

  .kidzo-guide-center-image img {
    border-radius: 20px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
  }

  .kidzo-guide-center-image:hover img {
    transform: scale(1.05);
  }

  /* Feature Cards */
  .kidzo-feature-card {
    background: #ffffff;
    padding: 2rem;
    border-radius: 15px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease;
    height: 100%;
    text-align: center;
    position: relative;
    overflow: hidden;
  }

  .kidzo-feature-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #b03481, #465080);
  }

  .kidzo-feature-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
  }

  .kidzo-feature-icon {
    width: 30px;
    height: 30px;
    background: linear-gradient(135deg, #b03481, #465080);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.3rem;
  }

  .kidzo-feature-card h4 {
    color: #2c3e50;
    margin-bottom: 1rem;
    font-weight: 600;
  }

  .kidzo-feature-card p {
    color: #6c757d;
    line-height: 1.6;
  }

  /* Product Cards */
  .kidzo-product-card {
    background: #ffffff;
    padding: 2rem;
    border-radius: 15px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease;
    height: 100%;
    text-align: center;
    position: relative;
    overflow: hidden;
  }

  .kidzo-product-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #b03481, #465080);
  }

  .kidzo-product-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
  }

  .kidzo-product-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #b03481, #465080);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    color: white;
    font-size: 2rem;
  }

  .kidzo-product-card h4 {
    color: #2c3e50;
    margin-bottom: 1rem;
    font-weight: 600;
  }

  .kidzo-product-card p {
    color: #6c757d;
    line-height: 1.6;
    margin-bottom: 1.5rem;
  }

  .kidzo-product-claims {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: center;
  }

  .kidzo-claim-tag {
    background: linear-gradient(135deg, #b03481, #465080);
    color: white;
    padding: 0.3rem 0.8rem;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 500;
  }

  /* Safety Cards */
  .kidzo-safety-card {
    background: #ffffff;
    padding: 2.5rem;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
    text-align: center;
    position: relative;
    overflow: hidden;
  }

  .kidzo-safety-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #b03481, #465080);
  }

  .kidzo-safety-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
  }

  .kidzo-safety-icon {
    width: 90px;
    height: 90px;
    background: linear-gradient(135deg, #b03481, #465080);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    color: white;
    font-size: 2.2rem;
  }

  .kidzo-safety-card h4 {
    color: #2c3e50;
    margin-bottom: 1rem;
    font-weight: 600;
  }

  .kidzo-safety-card p {
    color: #6c757d;
    line-height: 1.7;
  }

  /* CTA Section */
  .kidzo-cta-area {
    background: linear-gradient(135deg, #b03481 0%, #465080 100%);
    color: white;
    position: relative;
    overflow: hidden;
    margin-bottom: 0px;
  }

  .kidzo-cta-area::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="%23ffffff" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="%23ffffff" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="%23ffffff" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
    opacity: 0.3;
  }

  .kidzo-cta-content {
    position: relative;
    z-index: 2;
  }

  .kidzo-cta-content h2 {
    color: white;
    margin-bottom: 1rem;
  }

  .kidzo-cta-content p {
    color: rgba(255, 255, 255, 0.9);
    font-size: 1.1rem;
    line-height: 1.7;
  }

  /* Responsive Design */
  @media (max-width: 768px) {

    .kidzo-hero-content,
    .kidzo-about-content {
      text-align: center;
    }

    .kidzo-hero-stats {
      justify-content: center;
      gap: 1rem;
    }

    .kidzo-stat-card {
      min-width: 120px;
      padding: 1.2rem;
    }

    .kidzo-stat-icon {
      width: 50px;
      height: 50px;
      font-size: 1.2rem;
    }

    .kidzo-stat-number {
      font-size: 1.6rem;
    }

    .kidzo-product-card,
    .kidzo-safety-card,
    .kidzo-mission-card,
    .kidzo-vision-card,
    .kidzo-feature-card {
      margin-bottom: 2rem;
    }

    .kidzo-product-claims {
      flex-direction: column;
      align-items: center;
    }

    .kidzo-claim-tag {
      width: fit-content;
    }

    .kidzo-card-icon,
    .kidzo-feature-icon,
    .kidzo-product-icon,
    .kidzo-safety-icon {
      width: 60px;
      height: 60px;
      font-size: 1.5rem;
    }

    .kidzo-mission-card,
    .kidzo-vision-card,
    .kidzo-safety-card {
      padding: 2rem;
    }

    .kidzo-guide-feature {
      flex-direction: column;
      text-align: center;
      padding: 1rem;
    }

    .kidzo-guide-feature--reverse {
      flex-direction: column;
    }

    .kidzo-guide-feature__content {
      padding: 0;
      margin-bottom: 1rem;
    }

    .kidzo-commitment-tabs {
      flex-direction: column;
      gap: 0.5rem;
    }

    .kidzo-commitment-tab {
      flex-direction: row;
      justify-content: center;
      min-width: auto;
      padding: 0.8rem 1rem;
    }

    .kidzo-commitment-content {
      padding: 1.5rem;
      margin-top: 1rem;
    }

    .kidzo-tab-header {
      flex-direction: column;
      text-align: center;
      gap: 0.5rem;
    }

    .kidzo-tab-header-icon {
      width: 50px;
      height: 50px;
      font-size: 1.5rem;
    }

    .kidzo-tab-header h3 {
      font-size: 1.3rem;
    }
  }

  @media (max-width: 576px) {

    .kidzo-hero-description,
    .kidzo-about-description {
      font-size: 1rem;
    }

    .kidzo-hero-stats {
      flex-direction: column;
      gap: 1rem;
    }

    .kidzo-stat-card {
      min-width: auto;
      padding: 1rem;
    }

    .kidzo-stat-icon {
      width: 45px;
      height: 45px;
      font-size: 1.1rem;
    }

    .kidzo-stat-number {
      font-size: 1.4rem;
    }

    .kidzo-guide-feature {
      margin-bottom: 1.5rem;
    }

    .kidzo-commitment-tab {
      padding: 0.6rem 0.8rem;
    }

    .kidzo-tab-icon {
      width: 35px;
      height: 35px;
      font-size: 1rem;
    }

    .kidzo-tab-text {
      font-size: 0.8rem;
    }

    .kidzo-commitment-content {
      padding: 1rem;
    }

    .kidzo-feature-item {
      padding: 0;
      margin-bottom: 0.5rem;
    }

    .kidzo-feature-icon {
      width: 12px;
      height: 12px;
      font-size: 0.4rem;
    }
  }

  /* Animation Enhancements */
  .wow.animate__fadeInUp {
    animation-duration: 0.8s;
  }

  /* Custom Button Styles */
  .vs-btn {
    background: linear-gradient(135deg, #b03481, #465080);
    border: none;
    color: white;
    padding: 1rem 2rem;
    border-radius: 50px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
  }

  .vs-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(176, 52, 129, 0.3);
    color: white;
    text-decoration: none;
  }

  .vs-btn__border {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 2px solid transparent;
    border-radius: 50px;
    background: linear-gradient(135deg, #b03481, #465080) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
  }

  /* Section Spacing */
  .space {
    padding: 80px 0;
  }

  .space-extra-bottom {
    padding-bottom: 120px;
  }

  .bg-light {
    background-color: #f8f9fa !important;
  }

  /* Title Animations */
  .vs-title__sub {
    color: #b03481;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.9rem;
  }

  .vs-title__main {
    color: #2c3e50;
    font-weight: 700;
    margin-top: 0.5rem;
  }

  .vs-title__main span {
    color: #b03481;
  }

  /* Hero Section Title Colors */
  .kidzo-hero-about-area .vs-title__sub {
    color: #b03481;
  }

  .kidzo-hero-about-area .vs-title__main {
    color: #2c3e50;
  }

  .kidzo-hero-about-area .vs-title__main span {
    color: #b03481;
  }

  /* CTA Section Title Colors */
  .kidzo-cta-area .vs-title__sub {
    color: rgba(255, 255, 255, 0.9);
  }

  .kidzo-cta-area .vs-title__main {
    color: white;
  }

  .kidzo-cta-area .vs-title__main span {
    color: rgba(255, 255, 255, 0.9);
  }

  .kidzo-hero-about-area .vs-title__main {
    color: #2c3e50;
  }

  .kidzo-hero-about-area .vs-title__main span {
    color: #b03481;
  }

  /* CTA Section Title Colors */
  .kidzo-cta-area .vs-title__sub {
    color: rgba(255, 255, 255, 0.9);
  }

  .kidzo-cta-area .vs-title__main {
    color: white;
  }

  .kidzo-cta-area .vs-title__main span {
    color: rgba(255, 255, 255, 0.9);
  }

  /* Discount Badge */
  .discount-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #f67280;
    color: #fff;
    padding: 2px 8px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 4px;
    z-index: 1;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    pointer-events: none;
  }

  .product-thumb .image {
    position: relative;
  }

  .product-percent {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
  }

  .product-percent .discount-badge {
    position: static;
    display: inline-block;
    margin-top: -5px;
  }

  /* Vertical Discount Badge Adjustment */
  .product-thumb.vertical-discount .image .discount-badge {
    display: none;
  }

  .product-thumb.vertical-discount .price .discount-badge {
    position: static;
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
    margin-top: -3px;
  }