.categories-inline-wrapper a.box-content .category-products-head {
  width: 100%;
  height: 0;
  padding-top: 80%; }

.widget-item:focus {
  outline-offset: 0; }

.square-widget-wrapper {
  max-width: 1470px;
  width: 100%;
  margin: 0 auto; }
  .square-widget-wrapper .square-widget {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px; }
    .square-widget-wrapper .square-widget .widget-item {
      display: block;
      position: relative;
      max-width: calc(20% - 30px);
      width: 100%;
      margin: 15px;
      border-radius: 6px;
      overflow: hidden; }
      .square-widget-wrapper .square-widget .widget-item .widget-image {
        position: relative;
        width: 100%;
        padding-top: 100%;
        background-size: cover;
        background-position: center;
        transition: 0.3s; }
        .square-widget-wrapper .square-widget .widget-item .widget-image:after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          background-color: rgba(44, 50, 80, 0.05);
          transition: 0.3s; }
      .square-widget-wrapper .square-widget .widget-item .widget-title {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 70px;
        padding: 10px;
        background: #fff;
        transition: 0.3s; }
        .square-widget-wrapper .square-widget .widget-item .widget-title h5 {
          font-size: 20px;
          line-height: 1.3;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
          margin: 0;
          text-align: center;
          transition: 0.3s; }
      @media screen and (min-width: 1024px) {
  .square-widget-wrapper .square-widget .widget-item:hover .widget-image {
    transform: scale(1.1); }
    .square-widget-wrapper .square-widget .widget-item:hover .widget-image:after {
      background-color: rgba(44, 50, 80, 0.3); }
    .square-widget-wrapper .square-widget .widget-item:hover .widget-title {
      height: 106px; }
    .square-widget-wrapper .square-widget .widget-item:hover .widget-title h5 {
      color: var(--main-color);
      -webkit-line-clamp: 3; } }

.circle-widget-wrapper {
  max-width: 1230px;
  width: 100%;
  margin: 0 auto; }
  .circle-widget-wrapper .circle-widget {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px; }
    .circle-widget-wrapper .circle-widget .widget-item {
      display: flex;
      flex-direction: column;
      position: relative;
      max-width: calc(16.667% - 30px);
      width: 100%;
      margin: 25px 15px; }
      .circle-widget-wrapper .circle-widget .widget-item .widget-image {
        position: relative;
        width: 100%;
        padding-top: 100%;
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 50%;
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
        overflow: hidden;
        transition: 0.3s; }
        .circle-widget-wrapper .circle-widget .widget-item .widget-image:after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          background-color: rgba(44, 50, 80, 0.05);
          transition: 0.3s; }
      .circle-widget-wrapper .circle-widget .widget-item .widget-title {
        display: flex;
        justify-content: center;
        align-items: center;
        flex: 1;
        margin-top: 15px; }
        .circle-widget-wrapper .circle-widget .widget-item .widget-title h5 {
          font-size: 18px;
          line-height: 1.3;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
          margin: 0;
          text-align: center;
          transition: 0.3s;
          height: 50px; }
      @media screen and (min-width: 1024px) {
  .circle-widget-wrapper .circle-widget .widget-item:hover .widget-image {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
    background-size: auto 110%; }
    .circle-widget-wrapper .circle-widget .widget-item:hover .widget-image:after {
      background-color: rgba(44, 50, 80, 0.2); }
    .circle-widget-wrapper .circle-widget .widget-item:hover .widget-title h5 {
      color: var(--main-color); } }

.vertical-widget-wrapper {
  max-width: 1370px;
  width: 100%;
  margin: 0 auto; }
  .vertical-widget-wrapper .vertical-widget {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px; }
    .vertical-widget-wrapper .vertical-widget .widget-item {
      display: block;
      position: relative;
      max-width: calc(20% - 30px);
      width: 100%;
      margin: 15px;
      border-radius: 6px;
      overflow: hidden;
      box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); }
      .vertical-widget-wrapper .vertical-widget .widget-item .widget-image {
        position: relative;
        width: 100%;
        padding-top: 140%;
        background-size: cover;
        background-position: center;
        transition: 0.3s; }
        .vertical-widget-wrapper .vertical-widget .widget-item .widget-image:after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          background-color: rgba(44, 50, 80, 0.03);
          transition: 0.3s; }
      .vertical-widget-wrapper .vertical-widget .widget-item .widget-title {
        position: absolute;
        top: 0;
        width: 100%;
        height: 52%;
        padding: 10px;
        background-image: linear-gradient(180deg, #fff 0%, #fff 42.71%, rgba(255, 255, 255, 0) 100%);
        transition: 0.3s;
        color: #2c3250; }
        .vertical-widget-wrapper .vertical-widget .widget-item .widget-title h5 {
          font-size: 24px;
          line-height: 1.3;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
          margin: 0;
          text-align: center;
          transition: 0.3s; }
      @media screen and (min-width: 1024px) {
  .vertical-widget-wrapper .vertical-widget .widget-item:hover .widget-image:after {
    background-color: rgba(44, 50, 80, 0.3); }
    .vertical-widget-wrapper .vertical-widget .widget-item:hover .widget-title h5 {
      color: var(--main-color); } }

.square-blur-widget-wrapper {
  max-width: 1470px;
  width: 100%;
  margin: 0 auto; }
  .square-blur-widget-wrapper .square-blur-widget {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px; }
    .square-blur-widget-wrapper .square-blur-widget .widget-item {
      display: block;
      position: relative;
      max-width: 270px;
      width: 100%;
      margin: 15px;
      border-radius: 6px;
      overflow: hidden; }
      .square-blur-widget-wrapper .square-blur-widget .widget-item .widget-image {
        position: relative;
        width: 100%;
        padding-top: 100%;
        background-size: cover;
        background-position: center;
        transition: 0.3s; }
        .square-blur-widget-wrapper .square-blur-widget .widget-item .widget-image:after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          background-color: rgba(44, 50, 80, 0.05);
          transition: 0.3s; }
      .square-blur-widget-wrapper .square-blur-widget .widget-item .widget-title {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 70px;
        padding: 10px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.7) 100%);
        border: 1px solid rgba(255, 255, 255, 0.3);
        box-shadow: 0px -12px 15px rgba(0, 0, 0, 0.06);
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
        transition: 0.3s; }
        .square-blur-widget-wrapper .square-blur-widget .widget-item .widget-title h5 {
          font-size: 20px;
          line-height: 1.3;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
          margin: 0;
          text-align: center;
          transition: 0.3s; }
      @media screen and (min-width: 1024px) {
  .square-blur-widget-wrapper .square-blur-widget .widget-item:hover .widget-image {
    transform: scale(1.1); }
    .square-blur-widget-wrapper .square-blur-widget .widget-item:hover .widget-image:after {
      background-color: rgba(44, 50, 80, 0.2); }
    .square-blur-widget-wrapper .square-blur-widget .widget-item:hover .widget-title h5 {
      color: initial; } }

.circle-stroke-widget-wrapper {
  max-width: 1230px;
  width: 100%;
  margin: 0 auto; }
  .circle-stroke-widget-wrapper .circle-stroke-widget {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px; }
    .circle-stroke-widget-wrapper .circle-stroke-widget .widget-item {
      display: flex;
      flex-direction: column;
      position: relative;
      max-width: calc(16.667% - 30px);
      width: 100%;
      margin: 25px 15px; }
      .circle-stroke-widget-wrapper .circle-stroke-widget .widget-item .widget-image {
        position: relative;
        width: 100%;
        padding-top: 100%;
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: center;
        border: 1px solid rgba(44, 50, 80, 0.3);
        border-radius: 50%;
        overflow: hidden;
        transition: 0.3s; }
        .circle-stroke-widget-wrapper .circle-stroke-widget .widget-item .widget-image:after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          background-color: rgba(44, 50, 80, 0.05);
          transition: 0.3s; }
      .circle-stroke-widget-wrapper .circle-stroke-widget .widget-item .widget-title {
        display: flex;
        justify-content: center;
        align-items: center;
        flex: 1;
        margin-top: 15px; }
        .circle-stroke-widget-wrapper .circle-stroke-widget .widget-item .widget-title h5 {
          font-size: 18px;
          line-height: 1.3;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
          margin: 0;
          text-align: center;
          transition: 0.3s;
          height: 50px; }
      @media screen and (min-width: 1024px) {
  .circle-stroke-widget-wrapper .circle-stroke-widget .widget-item:hover .widget-image {
    background-size: auto 110%; }
    .circle-stroke-widget-wrapper .circle-stroke-widget .widget-item:hover .widget-image:after {
      background-color: rgba(44, 50, 80, 0.2); }
    .circle-stroke-widget-wrapper .circle-stroke-widget .widget-item:hover .widget-title h5 {
      color: var(--main-color); } }

.vertical-blur-widget-wrapper {
  max-width: 1370px;
  width: 100%;
  margin: 0 auto; }
  .vertical-blur-widget-wrapper .vertical-blur-widget {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px; }
    .vertical-blur-widget-wrapper .vertical-blur-widget .widget-item {
      display: block;
      position: relative;
      max-width: calc(20% - 30px);
      width: 100%;
      margin: 15px;
      border-radius: 6px;
      overflow: hidden;
      box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); }
      .vertical-blur-widget-wrapper .vertical-blur-widget .widget-item .widget-image {
        position: relative;
        width: 100%;
        padding-top: 140%;
        background-size: cover;
        background-position: center;
        transition: 0.3s; }
        .vertical-blur-widget-wrapper .vertical-blur-widget .widget-item .widget-image:after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          background-color: rgba(44, 50, 80, 0.03);
          transition: 0.3s; }
      .vertical-blur-widget-wrapper .vertical-blur-widget .widget-item .widget-title {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0;
        width: 100%;
        height: 98px;
        padding: 10px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.7) 100%);
        border: 1px solid rgba(255, 255, 255, 0.3);
        box-sizing: border-box;
        box-shadow: 0px 12px 15px rgba(0, 0, 0, 0.06);
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
        transition: 0.3s;
        color: #2c3250; }
        .vertical-blur-widget-wrapper .vertical-blur-widget .widget-item .widget-title h5 {
          font-size: 24px;
          line-height: 1.3;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
          margin: 0;
          text-align: center;
          transition: 0.3s; }
      @media screen and (min-width: 1024px) {
  .vertical-blur-widget-wrapper .vertical-blur-widget .widget-item:hover .widget-image {
    transform: scale(1.1); }
    .vertical-blur-widget-wrapper .vertical-blur-widget .widget-item:hover .widget-title h5 {
      color: initial; } }

@media screen and (max-width: 1440px) {
  .square-widget-wrapper {
    max-width: 1170px; }
    .square-widget-wrapper .square-widget .widget-item {
      max-width: calc(25% - 30px); }

  .square-blur-widget-wrapper {
    max-width: 1170px; }
    .square-blur-widget-wrapper .square-blur-widget .widget-item {
      max-width: calc(25% - 30px); } }

@media screen and (max-width: 1200px) {
  .square-widget-wrapper {
    max-width: 870px; }
    .square-widget-wrapper .square-widget .widget-item {
      max-width: calc(33.3% - 30px); }

  .circle-widget-wrapper {
    max-width: 1020px; }
    .circle-widget-wrapper .circle-widget .widget-item {
      max-width: calc(20% - 30px); }

  .vertical-widget-wrapper .vertical-widget .widget-item {
    max-width: calc(25% - 30px); }

  .square-blur-widget-wrapper {
    max-width: 870px; }
    .square-blur-widget-wrapper .square-blur-widget .widget-item {
      max-width: calc(33.3% - 30px); }

  .circle-stroke-widget-wrapper {
    max-width: 1020px; }
    .circle-stroke-widget-wrapper .circle-stroke-widget .widget-item {
      max-width: calc(20% - 30px); }

  .vertical-blur-widget-wrapper .vertical-blur-widget .widget-item {
    max-width: calc(25% - 30px); } }

@media screen and (max-width: 1024px) {
  .square-widget-wrapper {
    max-width: 100%; }
    .square-widget-wrapper .square-widget {
      margin: 0 -10px; }
      .square-widget-wrapper .square-widget .widget-item {
        max-width: calc(25% - 20px);
        margin: 10px; }
        .square-widget-wrapper .square-widget .widget-item .widget-title {
          height: 60px;
          padding: 6px; }
          .square-widget-wrapper .square-widget .widget-item .widget-title h5 {
            font-size: 16px; }

  .circle-widget-wrapper {
    max-width: 810px; }
    .circle-widget-wrapper .circle-widget .widget-item {
      max-width: calc(25% - 30px); }

  .vertical-widget-wrapper .vertical-widget {
    margin: 0 -10px; }
    .vertical-widget-wrapper .vertical-widget .widget-item {
      max-width: calc(25% - 20px);
      margin: 10px; }
      .vertical-widget-wrapper .vertical-widget .widget-item .widget-title {
        padding: 16px; }
        .vertical-widget-wrapper .vertical-widget .widget-item .widget-title h5 {
          font-size: 16px; }

  .square-blur-widget-wrapper {
    max-width: 100%; }
    .square-blur-widget-wrapper .square-blur-widget {
      margin: 0 -10px; }
      .square-blur-widget-wrapper .square-blur-widget .widget-item {
        max-width: calc(25% - 20px);
        margin: 10px; }
        .square-blur-widget-wrapper .square-blur-widget .widget-item .widget-title {
          height: 60px;
          padding: 6px; }
          .square-blur-widget-wrapper .square-blur-widget .widget-item .widget-title h5 {
            font-size: 16px; }

  .circle-stroke-widget-wrapper {
    max-width: 810px; }
    .circle-stroke-widget-wrapper .circle-stroke-widget .widget-item {
      max-width: calc(25% - 30px); }

  .vertical-blur-widget-wrapper .vertical-blur-widget {
    margin: 0 -10px; }
    .vertical-blur-widget-wrapper .vertical-blur-widget .widget-item {
      max-width: calc(25% - 20px);
      margin: 10px; }
      .vertical-blur-widget-wrapper .vertical-blur-widget .widget-item .widget-title {
        padding: 16px; }
        .vertical-blur-widget-wrapper .vertical-blur-widget .widget-item .widget-title h5 {
          font-size: 16px; } }

@media screen and (max-width: 900px) {
  .square-widget-wrapper .square-widget .widget-item {
    max-width: calc(33.3% - 20px); }

  .circle-widget-wrapper {
    max-width: 600px; }
    .circle-widget-wrapper .circle-widget .widget-item {
      max-width: calc(33.3% - 30px); }

  .vertical-widget-wrapper .vertical-widget .widget-item {
    max-width: calc(33.3% - 20px); }

  .square-blur-widget-wrapper .square-blur-widget .widget-item {
    max-width: calc(33.3% - 20px); }

  .circle-stroke-widget-wrapper {
    max-width: 600px; }
    .circle-stroke-widget-wrapper .circle-stroke-widget .widget-item {
      max-width: calc(33.3% - 30px); }

  .vertical-blur-widget-wrapper .vertical-blur-widget .widget-item {
    max-width: calc(33.3% - 20px); } }

@media screen and (max-width: 900px) and (orientation: landscape) {
  .departments-wrapper {
    max-width: 100%; } }

@media screen and (max-width: 480px) {
  .square-widget-wrapper .square-widget {
    margin: 0 -7px; }
    .square-widget-wrapper .square-widget .widget-item {
      max-width: calc(50% - 15px);
      margin: calc(15px / 2); }
      .square-widget-wrapper .square-widget .widget-item .widget-title {
        height: 54px; }
    .square-widget-wrapper .square-widget.one-col .widget-item {
      max-width: 100%;
      margin: 10px calc(15px / 2); }
      .square-widget-wrapper .square-widget.one-col .widget-item .widget-title {
        height: 80px; }
        .square-widget-wrapper .square-widget.one-col .widget-item .widget-title h5 {
          font-size: 20px; }
    .square-widget-wrapper .square-widget.slide {
      flex-wrap: nowrap;
      overflow-x: auto; }
      .square-widget-wrapper .square-widget.slide .widget-item {
        min-width: 44vw;
        margin: 10px 4px; }
      .square-widget-wrapper .square-widget.slide .widget-item .widget-title {
        height: 54px; }

  .circle-widget-wrapper .circle-widget {
    margin: 0 -7px; }
    .circle-widget-wrapper .circle-widget .widget-item {
      max-width: calc(50% - 15px);
      margin: 15px calc(15px / 2); }
      .circle-widget-wrapper .circle-widget .widget-item .widget-title {
        margin-top: 10px; }
      .circle-widget-wrapper .circle-widget .widget-item .widget-title h5 {
        font-size: 16px; }
    .circle-widget-wrapper .circle-widget.one-col .widget-item {
      max-width: 100%; }
    .circle-widget-wrapper .circle-widget.slide {
      flex-wrap: nowrap;
      overflow-x: auto; }
      .circle-widget-wrapper .circle-widget.slide .widget-item {
        min-width: 44vw; }

  .vertical-widget-wrapper .vertical-widget {
    margin: 0 -7px; }
    .vertical-widget-wrapper .vertical-widget .widget-item {
      max-width: calc(50% - 15px);
      margin: calc(15px / 2); }
    .vertical-widget-wrapper .vertical-widget .widget-item .widget-title {
      padding: 6px; }
      .vertical-widget-wrapper .vertical-widget .widget-item .widget-title h5 {
        margin-top: 15px; }
    .vertical-widget-wrapper .vertical-widget.one-col .widget-item {
      max-width: 100%; }
    .vertical-widget-wrapper .vertical-widget.slide {
      flex-wrap: nowrap;
      overflow-x: auto; }
    .vertical-widget-wrapper .vertical-widget.slide .widget-item {
      min-width: 44vw;
      margin: 7px 4px; }
      .vertical-widget-wrapper .vertical-widget.slide .widget-item .widget-image {
        padding-top: 152%; }

  .square-blur-widget-wrapper .square-blur-widget {
    margin: 0 -7px; }
    .square-blur-widget-wrapper .square-blur-widget .widget-item {
      max-width: calc(50% - 14px);
      margin: 7px; }
      .square-blur-widget-wrapper .square-blur-widget .widget-item .widget-title {
        height: 80px; }
    .square-blur-widget-wrapper .square-blur-widget.one-col .widget-item {
      max-width: 100%; }
    .square-blur-widget-wrapper .square-blur-widget.slide {
      flex-wrap: nowrap;
      overflow-x: auto; }
      .square-blur-widget-wrapper .square-blur-widget.slide .widget-item {
        min-width: 44vw; }

  .circle-stroke-widget-wrapper .circle-stroke-widget {
    margin: 0 -7px; }
    .circle-stroke-widget-wrapper .circle-stroke-widget .widget-item {
      max-width: calc(50% - 15px);
      margin: 15px calc(15px / 2); }
      .circle-stroke-widget-wrapper .circle-stroke-widget .widget-item .widget-title {
        margin-top: 10px; }
      .circle-stroke-widget-wrapper .circle-stroke-widget .widget-item .widget-title h5 {
        font-size: 16px; }
    .circle-stroke-widget-wrapper .circle-stroke-widget.one-col .widget-item {
      max-width: 100%; }
    .circle-stroke-widget-wrapper .circle-stroke-widget.slide {
      flex-wrap: nowrap;
      overflow-x: auto; }
      .circle-stroke-widget-wrapper .circle-stroke-widget.slide .widget-item {
        min-width: 44vw; }

  .vertical-blur-widget-wrapper .vertical-blur-widget {
    margin: 0 -7px; }
    .vertical-blur-widget-wrapper .vertical-blur-widget .widget-item {
      max-width: calc(50% - 15px);
      margin: calc(15px / 2); }
    .vertical-blur-widget-wrapper .vertical-blur-widget .widget-item .widget-title {
      padding: 6px; }
    .vertical-blur-widget-wrapper .vertical-blur-widget.one-col .widget-item {
      max-width: 100%; }
    .vertical-blur-widget-wrapper .vertical-blur-widget.slide {
      flex-wrap: nowrap;
      overflow-x: auto; }
    .vertical-blur-widget-wrapper .vertical-blur-widget.slide .widget-item {
      min-width: 44vw;
      margin: 7px 4px; }
      .vertical-blur-widget-wrapper .vertical-blur-widget.slide .widget-item .widget-image {
        padding-top: 152%; }

  .vertical-widget-wrapper .vertical-widget.default .widget-image {
    padding-top: 153%; }

  .vertical-blur-widget-wrapper .vertical-blur-widget.default .widget-image {
    padding-top: 153%; } }

.departments-slider-title {
  display: flex !important; }

.departments-view-all svg path {
  fill: var(--link-color); }

@media screen and (min-width: 480px) {
  .departments-view-all, .departments-slider-title {
    display: none !important; } }

@media screen and (orientation: landscape) and (max-device-width: 993px) {
  .departments-wrapper .slide {
    flex-wrap: nowrap;
    overflow-x: auto; }
    .departments-wrapper .widget-item {
      min-width: calc(33.3% - 30px); }
    .departments-wrapper .one-col {
      flex-direction: column; }
      .departments-wrapper .one-col .widget-item {
        margin-left: auto;
        margin-right: auto; }
    .departments-wrapper .default {
      justify-content: space-between; }
      .departments-wrapper .default .widget-item {
        max-width: calc(50% - 30px); }

  .departments-view-all, .departments-slider-title {
    display: flex !important; } }