.main-container {
  /* width: 1300px; */
  width: 80%;
  margin: auto;
}
.main-con-head {
  justify-content: center;
  align-items: center;
}
.main-about-head {
  align-items: start;
}
.main-con-head h2 {
  font-weight: normal;
}
.main-con-head:after {
  content: '';
  width: 100px;
  height: 6px;
  margin-top: 40px;
  background-color: #7193bd;
}
.main-con-desc {
  text-align: center;
}

.features {
  justify-content: space-around;
  width: 100%;
  margin: auto;
}
.feature-item {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  width: 22%;
}
.feature-title {
  width: max-content;
  text-align: center;
}
.feature-desc {
  font-size: 15px;
  text-align: center;
}
.feature-num {
  width: 54px;
  height: 54px;
  line-height: 54px;
  text-align: center;
  border-radius: 50%;
  background-color: #ff6f80;
}
.feature-icon {
  min-height: 58px;
}


.con-list {
  /* justify-content: space-between; */
}
.list-item {
  justify-content: start;
  align-items: center;
}

.item-title {
  height: 74px;
  font-size: 24px;
  line-height: 74px;
  text-align: center;
}
.item-info {
  text-align: center;
  padding: 20px;
}
.list-item>a {
  text-decoration: underline;
  text-underline-offset: 8px;
}
.main-con-center>button {
  margin: auto;
}

.accordion-left {
  display: flex;
  justify-content: end;
  align-items: center;
  width: 50%;

}
.line-with-dot {
  position: relative;
  height: 4px;
  background-color: #ff6b80; 
  border-radius: 2px;
  width: 100%; 
}

.line-with-dot::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background-color: #ff6b80; 
  border-radius: 50%;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1)
}

.accordion-right {
  width: 50%;
}

.accordion-item {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 100px;
  width: 80px;
  height: 530px;
  transition: flex-grow .1s linear;
}
.accordion-item-title {
  z-index: 2;
  display: none;
  writing-mode: vertical-lr;
  width: 10%;
  height: 100%;
  color: #fff;
  font-size: 26px;
  text-align: center;
  transform: translateX(50%);
}
.accordion-item-title.active {
  display: block;
}
.accordion-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(.8);
}

.item-con {
  overflow: hidden;
  display: none;
  box-sizing: border-box;
  top: 50%;
  left: 50%;
  transform: translate(-40%, -50%);
  max-height: 100%;
  padding: 30px;
  opacity: .8;
}
.accordion-desc {
  font-weight: bold;
}
/* .item-mask:hover {
  opacity: .4;
  transform: scale(1.01);
} */
.accordion-item.active {
  flex: 1;
}
.accordion-item.active .item-mask {
  opacity: .4;
}

.item-con.active {
  display: block;
}


.con-left {
  flex: 1;
  margin: auto;
  padding: 10px 50px;
}
.con-right {
  width: 45%;
}
.con-right>img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.con-left-title {
  font-weight: 600;
}

.icon-list-item {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  width: 25%;
}
.icon-list .icon-list-item {
  margin: 0;
}
.icon-desc {
  font-size: 15px;
  text-align: center;
  padding-bottom:20px;
}

.main-bottom  {
  height: 725px;
}

.main-bottom .bt-bg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.contact-form-container {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
}
.contact-form {
  flex-wrap: wrap;
}
.form-group {
  display: flex;
  flex-direction: column;
  width: 30%;
  padding-left: 20px;
}
.form-title {
  text-align: center;
  padding: 20px 0;
}
.form-group label {
  font-size: 18px;
  color: #444454;
  padding-bottom: 20px;
}
.form-group input {
  width: 100%;
  height: 54px;
  text-indent: 2em;
  border-radius: 27px;
  background-color: #f2f3f9;
  border: none;
}
.form-group textarea {
  padding: 20px 0;
  background-color: #f2f3f9;
  border:none;
  text-indent: 2em;
  border-radius: 8px;
}
.form-group label>span {
  color: red;
}
.group-center {
  padding: 20px;
}
.group-center .form-group {
  width: 45%;
}
.contact-form button {
  margin: auto;
  margin-bottom: 40px;
}

/************ start about *************/
.main-con-left {
  width: 60%;
}
.main-con-left .main-con-head {
  align-items: start;
}
.main-con-left-desc {
  text-align: left;
}
.feature-left-item {
  box-sizing: border-box;
  width: 100%;
  padding: 0 50px;
  padding-bottom: 20px;
}
.main-con-right {
  flex: 1;
}
.main-con-right img {
  aspect-ratio: 3 / 2;
}
.feature-item .item-info {
  box-sizing: border-box;
  text-align: left;
  border-radius: 8px;
}
.feature-item .item-info .feature-desc {
  min-height: 116px;
}
.bottom-line {
  width: 100%;
  height: 4px;
  background-color: #ff6b80;
}
.timeline-item {
  border-left: 2px solid #ff6f80;
}
.timeline-item:last-child {
  border-left: none;
}
.timeline-dot {
  left: -7px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid #ff6f80;
  background-color: #fff;
}
.con-left-desc  {
  font-size: 16px;
}
/************ end about **************/

/************ start contacts ************/
.contact-item {
  box-sizing: border-box;
  padding: 0 30px;
  border-right: 1px solid #7193bd;
}
.contact-item .feature-desc a {
  color: #444454;
}
.form-group .contact-input-bg {
  background-color: #fff;
}
.w45 {
  width: 45%;
}

.group-wrap {
  flex-wrap: wrap;
  padding-bottom: 40px;
}
.group-wrap .form-group:last-child {
  width: 90%;
}
/************ end contacts ************/

/************ start products ***********/
.product-right {
  width: 40%;
}
.product-form {
  flex-wrap: wrap;
  justify-content: space-between;
}
.product-group {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 50%;
  gap: 10px;
  padding-top: 30px;
  padding-right: 20px;
}
.product-group label {
  /* width: 70%; */
  font-size: 16px;
  white-space: nowrap;
}
.product-group input,
.product-group select {
  /* flex: 1; */
  width: 50%;
  font-size: 16px;
  line-height: 22px;
  padding: 8px;
  outline: none;
  border: none;
  background-color: #f2f3f9;
}
.product-group select:focus {
  outline: none;
  border-color: #4a90e2;
  box-shadow: 0 0 5px rgba(74, 144, 226, 0.5);
}
.product-group select>option {
  outline: none;
  border: none;
}
.btn-inquiry {
  /* position: absolute; */
  /* right: 30px; */
  /* width: 70%; */
  height: 40px;
  line-height: 40px;
  border-radius: 10px;
}
.product-item {
  justify-content: start;
  align-items: center;
  width: 22%;
  border-radius: 20px;
  overflow: hidden;
}
.product-price {
  line-height: 38px;
}
.product-name {
  width: 100%;
  font-size: 18px;
  padding: 10px 0;
  text-align: center;
}

.product-tabs {
  border-bottom: 1px solid #ccc;
  font-family: sans-serif;
  text-align: center;
}
.tab-wrap {
  overflow: hidden;
  width: 100%;
}
.tab-item {
  z-index: 1;
  flex: 1;
  padding: 15px 10px;
  cursor: pointer;
  position: relative;
  margin-right: -20px;
  font-size: 26px;
  color: #fff;
  background-color: #7c9dc7;
  /* clip-path: polygon(0 0, 90% 0, 100% 50%, 100% 100%, 0% 100%); */
  clip-path: polygon(
    0 0,
    calc(100% - 20px) 0,
    100% 20px,
    100% 100%,
    0% 100%
  );
  box-shadow: 0px 0px 8px #262626;
}

.tab-item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  width: 100%;
  background-color: #7193bd; 
}
.tab-item.active {
  z-index: 2;
  background-color: #7193bd; 
}
.tab-item.active::after {
  background-color: #ff6f80; 
}

.tab-con--product ul {
  box-sizing: border-box;
  display: none;
  opacity: 0;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 50px;
  font-size: 20px;
  transition: opacity .3s ease;
  background-color: #f2f3f9;
}
.tab-con--product ul.active {
  display: flex;
  opacity: 1;
}
.tab-con--product ul:last-child{
  /* max-height: 230px; */
}

.tab-con--product li {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  line-height: 34px;
}

.tab-con--product .tab-item-title {
  min-width: 25%;
  text-align: left;
  font-weight: bold;
}
.tab-con--product .tab-item-con {
  /* margin-right: 50px; */
  max-width: 75%;
  text-align: left;
}
.tab-con--product li.hide {
  display: none;
}
.product-detail {
  min-height: 690px;
}
.product-img {
  /* width: 95%;
  margin: auto;
  padding-top: 20px; */
}
.product-img  img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-cas {
  padding: 10px 0;
}
.main-con-title {
  padding-bottom: 20px;
  font-size: 26px;
}

.service-accordion {
  flex-wrap: nowrap;
  padding: 50px 50px 0;
  height: 500px;
}
.service-accordion-item {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 0 8px #222;
  background-color: #fff;
  transition: flex-grow .1s linear;
}
.service-accordion-item.active {
  flex: 1;
}
.ac-item-con {
  display: none;
  flex: 1;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  height: 100%;
}
.ac-item-con.active {
  display: flex;
  
}
.ac-item-title {
  width: 130px;
  height: 100%;
  padding-left: 30px;
  writing-mode: vertical-lr;
  font-size: 26px;
  text-align: center;
}
.service-accordion-item img {
  display: block;
  width: 60%;
  height: auto;
}

.service-platforms-item>h3 {
  padding: 20px 40px;
  background-color: #7193bd;
  color: #fff;
} 
.service-platforms-item .service-item-con {
  display: flex;
  justify-content: space-between;
  padding: 20px 30px;
  background-color: #f2f3f9;
}
.service-platforms-item ul, 
.service-platforms-item li {
  list-style: disc;
  margin: 10px;
  line-height: 2rem;
}
.pl-item-right {
  width: 40%;
}
.pl-item-right img {
  display: block;
  width: 80%;
  margin: auto;
}
.main-container ul,
.main-container li {
  list-style: disc;
  margin: 10px;
}
.main-container li {
  padding-bottom: 10px;
}
.front-page-main .con-list li {
  flex: 1;
  max-width: 33%;
}

.capability-item .service-item-con {
  display: none;
}
.capability-item .service-item-con.active {
  display: block;
}
.capability-item>h3 {
  border-bottom: 2px solid #fff;
}
.capability-item>h3:hover {
  cursor: pointer;
}
/************ end products *************/

/************ start shop *************/
.shop-main-left {
  width: 30%;
  padding-top: 164px;
}
.shop-main-right {
  flex: 1;
}
.filter-section {
  width: 80%;
}
.filter-header {
  border-radius: 20px;
  text-align: center;
}
.dropdown-content {
  padding: 10px;
  border-radius: 20px;
}
.dropdown-content>a {
  color: #444454;
  font-size: 18px;
  line-height: 18px;
  padding: 10px;
}
.dropdown-content .search-box {
  width: 100%;
  height: 44px;
  margin: auto;
  text-indent: 2em;
  outline: none;
  border: none;
  background-color: #f2f3f9;
  border-radius: 22px;
}
.dropdown-content .search-wrap:after {
  position: absolute;
  content: '\e6e4';
  font-family: 'iconfont';
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  line-height: 44px;
}
ul.shop-list {
  width: 100%;
  margin: 0;
}
li.shop-item {
  width: 100%;
  margin: 0;
  margin-top: 40px;
  padding: 10px 20px;
  border-radius: 8px;
  overflow: hidden;
}
.shop-item .product-left {
  position: relative;
  width: 15%;
}
.shop-item .product-left img {
  display: block;
  width: 100%;
}
.shop-item .product-left .product-status,
.product-item .product-status {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(0%, -20%);
  min-width: 50px;
  min-height: 30px;
  padding: 0 5px;
  line-height: 30px;
  color: #fff;
  text-align: center;
  border-radius: 20px;
  background-color: #ff6f80;
}
.shop-item .product-left .product-status.show,
.product-item .product-status.show {
  display: block;
}
.shop-item .product-right {
  flex: 1;
  justify-content: space-between;
  padding: 20px;
}
.product-right p {
  font-size: 16px;
  line-height: 32px;
}
.product-info-left {
  flex: 1;
  padding-right: 20px;
}
.product-info {
  width: 60%;
}

.item-indications {
  display: -webkit-box;
  -webkit-line-clamp: 3; 
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product-more {
  flex: 1;
  justify-content: space-between;
  align-items: center;
}
.btn-product-more {
  height: 40px;
  line-height: 40px;
  background-color: #7193bd;
}

/***** START product filter css ******/
.b-filter-jobs.jsStickyNoSpace, .b-filter-products.jsStickyNoSpace {
    z-index: 2;
    position: sticky;
    top: var(--sticky-no-space);
}
.b-filter-jobs, .b-filter-products {
    background-color: var(--background-white);
}
.b-filter-jobs .filter-search, 
.b-filter-products .filter-search {
    width: 370px;
}
.form__row {
    position: relative;
}
.b-filter-jobs .filter-search .icon-form-search, .b-filter-products .filter-search .icon-form-search {
    padding-right: 50px;
}

input.form__search.icon-form-search {
    background-position: 13px center;
}
.b-filter-jobs .form__control, .b-filter-products .form__control {
    border-color: #bcc3ce;
}
input.form__search {
    padding-left: 40px;
}
input.form__control {
    min-height: 40px;
}
input.form__control, textarea.form__control {
    -webkit-appearance: none;
}
.form__control {
    width: 100%;
    padding: 5px 12px;
    background-color: #fff;
    border: 1px solid #6882af;
    border-radius: 100px;
    outline: 0;
}
.icon-form-search {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 15L13.6 13.6M14.3 7.65C14.3 11.3227 11.3227 14.3 7.65 14.3C3.97731 14.3 1 11.3227 1 7.65C1 3.97731 3.97731 1 7.65 1C11.3227 1 14.3 3.97731 14.3 7.65Z' stroke='%23A4ABB7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E);
}
.b-filter-jobs .btn-search-arrow, .b-filter-products .btn-search-arrow {
    position: absolute;
    top: 4px;
    right: 4px;
}

.transition-all-2s {
    transition: all .2s linear;
}
.icon-32 {
    min-width: 32px;
    width: 32px;
    height: 32px;
}
.btn-search-arrow {
    background: #eff3fb;
    border: 1px solid #6882af;
    border-radius: 100px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.6224 0.953125L12.6691 4.99979L8.6224 9.04646M1.33594 4.99967H12.5559' stroke='%236882AF' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E);
}
.btn-reset {
    padding: 0;
    border: none;
    border-radius: 0;
    background-color: transparent;
    display: inline-block;
    vertical-align: top;
}
.b-filter-jobs .filter-sort__button, .b-filter-products .filter-sort__button {
    display: none;
}
.icon-28 {
    min-width: 28px;
    width: 28px;
    height: 28px;
}
.btn-open-filters {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.1243 2.92448C15.1243 1.7969 14.2103 0.882813 13.0827 0.882812C11.9551 0.882812 11.041 1.7969 11.041 2.92448C11.041 4.05206 11.9551 4.96615 13.0827 4.96615C14.2103 4.96615 15.1243 4.05206 15.1243 2.92448ZM15.1243 2.92448L17.166 2.92448M1.51172 2.92448H11.0395M15.1243 15.1745C15.1243 14.0469 14.2103 13.1328 13.0827 13.1328C11.9551 13.1328 11.041 14.0469 11.041 15.1745C11.041 16.3021 11.9551 17.2161 13.0827 17.2161C14.2103 17.2161 15.1243 16.3021 15.1243 15.1745ZM15.1243 15.1745H17.166M1.51172 15.1745H11.0395M3.55534 9.04948C3.55534 7.9219 4.46943 7.00781 5.59701 7.00781C6.72459 7.00781 7.63867 7.9219 7.63867 9.04948C7.63867 10.1771 6.72459 11.0911 5.59701 11.0911C4.46943 11.0911 3.55534 10.1771 3.55534 9.04948ZM3.55534 9.04948H1.51367M17.168 9.04948H7.64019' stroke='%230C275B' stroke-width='1.16667' stroke-linecap='round'/%3E%3C/svg%3E);
}

.mobile-part {
    display: none;
}
.b-filter-jobs .mobile-part .back-wrapper, .b-filter-products .mobile-part .back-wrapper {
    margin-bottom: 60px;
}
.btn-back {
    font-size: 16px;
    color: var(--text-blue);
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-left: 20px;
}
.b-filter-jobs button.form__control:not(.active), .b-filter-products button.form__control:not(.active) {
    color: #a4abb7;
}

.b-filter-jobs .form__control:not(.icon-form-search), .b-filter-products .form__control:not(.icon-form-search) {
    padding-left: 16px;
}
.b-filter-jobs .form__control, .b-filter-products .form__control {
    border-color: #bcc3ce;
}
button.form__select, select.form__control {
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    min-height: 40px;
    padding-right: 35px;
    background-repeat: no-repeat;
    background-position: calc(100% - 18px) center;
    background-color: #fff;
    background-image: url(data:image/svg+xml,%3Csvg width='8' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 0.5L4.5303 3.2559C4.23864 3.58137 3.76136 3.58137 3.4697 3.2559L1 0.5' stroke='%236882AF' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E);
    text-overflow: ellipsis;
}
button.form__select {
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.min-h-40 {
    min-height: 40px;
}
.form__control {
    width: 100%;
    padding: 5px 12px;
    background-color: #fff;
    border: 1px solid #6882af;
    border-radius: 100px;
    outline: 0;
}
.drop_menu_wrapper .drop_menu.active {
    z-index: 2;
}
[data-filter-checkbox] [data-filter] {
    padding: 8px;
    min-width: 190px;
}
.drop_menu_wrapper .drop_menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    border: 1px solid #eff3fb;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
    border-radius: 12px;
}
[data-filter-checkbox] .top-part {
    border-bottom: 1px solid #eff3fb;
}
[data-filter-checkbox] .search {
    padding: 8px;
}
[data-filter-checkbox] .search .form__control {
    max-width: 100%;
    border-radius: 100px;
}

input.form__search.icon-form-search {
    background-position: 13px center;
}
[data-filter-checkbox] .checkbox-row {
    padding: 6px 10px;
    font-size: 14px;
}
.label_checkbox {
    display: inline-block;
    vertical-align: top;
}
.label_checkbox [type=checkbox] {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}
.label_checkbox .checkbox_title {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 24px;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
[data-filter-checkbox] .checkbox-row .checkbox_title::before {
    top: 1px;
}

.label_checkbox .checkbox_title::before {
    left: 0;
    border-radius: 4px;
    position: absolute;
    content: '';
    width: 14px;
    height: 14px;
    border: 1px solid #6882af;
    top: 2px;
    background-repeat: no-repeat;
    background-position: center;
}
/* [data-filter-checkbox] .checkbox-row [type=checkbox]:checked+.checkbox_title::before {
    background-image: url(data:image/svg+xml,%3Csvg width='10' height='2' viewBox='0 0 10 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='10' height='2' rx='1' fill='white'/%3E%3C/svg%3E);
} */

.label_checkbox [type=checkbox]:checked+.checkbox_title::before {
    content: "-";
    color: #fff;
    text-align: center;
    font-size: 20px;
    line-height: 14px;
    background-color: #6882af;
    
}
[data-filter-checkbox] [data-filter] .middle-part {
    overflow: auto;
    max-height: 140px;
}
[data-filter-checkbox] .bottom-part {
    border-top: 1px solid #eff3fb;
    padding: 8px;
    font-size: 14px;
}
[data-filter-checkbox] .bottom-part button {
    font-weight: 600;
}

[data-filter-checkbox] .btn-clear {
    color: #6882af;
}
.mobile-part-sm {
    display: none;
}

.icon-search {
  position: absolute;
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
  font-size: 20px;
  color: #bcc3ce;
}
.top-part .icon-search {
  left: 20px;
}
@media (max-width: 1450px) {
  .b-filter-jobs .filter-search, 
  .b-filter-products .filter-search {
        width: 348px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 100%;
        max-width: 1224px;
    }
}
@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}
@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}
@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}
.container {
  width: 100%;
    margin: 20px auto;
    padding: 0 12px;
}
.py-32 {
    padding: 32px 0;
}

ul.pagenav-wrap,
.pagenav-wrap li {
  list-style: none;
  margin: 0;
}
ul.pagenav-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
}
.pagenav-wrap li {
  width: 50px;
  height: 50px;
  margin: 10px;
  line-height: 50px;
  text-align: center;
  color: #333;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.pagenav-wrap li.active {
  background-color: #7193bd;
}
.pagenav-wrap li.active a {
  color: #fff;
}
.pagenav-wrap li:hover {
  background-color: #7193bd;
}
.pagenav-wrap li>a {
  display: block;
  width: 100%;
  height: 100%;
  color: #333;
}


/******** END product filter css **********/


/************ end shop *************/

/* @media screen and (max-width: 768px) {
  .feature-item, .list-item, .icon-list-item {
      width: 90%;
      margin: auto;
      padding-top: 20px;
  }
} */