body{font-family: 'Open Sans', sans-serif !important; font-size: 16px; color: #333;}
p{ line-height: 22px; color:#5f5f5f;}
a, img{ color:#5f5f5f; border:0px; outline: none; text-decoration: none;}
a:hover{ color:#2ECBE9; text-decoration: none;}
.link-color{ color: #2ECBE9;} . 
.blue-color{ color: #efa630;}
.d-grey-color{ color:#373F41;}
.active-blue{color: #2ECBE9; text-decoration:underline;}
.yellow-color{ color:#efa630;}
.d-yellow-color{ color:#efc830;}
.bg-blue{background:#322e2f;}
.bg-light-yellow{background:#efa630;}
.bg-light-yellow:hover{background:#efc830;}
.bg-grey{ background: #f9f9f9;}
.bg-orange{background:#c100cd;}
.text-grey{color:#c0c0c0;}
.txt-d-grey{ color:#5f5f5f;}
.has-search .form-control {padding-left: 2.375rem;}
.has-search .form-control-feedback {position: absolute;z-index: 2;display: block;width: 2.375rem;height: 2.375rem;line-height: 2.375rem;text-align: center;pointer-events: none;color: #192846;}
.has-search .form-control-mic {position: absolute;right:0px; top:0px; z-index: 2;display: block;width: 2.375rem;height: 2.375rem;line-height: 2.375rem;text-align: center;pointer-events: none;color: #2ECBE9;}
.top-icon li a{ border:2px solid #322e2f; width: 28px; height: 28px; line-height: 22px; display: block;text-align: center;}
.top-icon li a i{ font-size: 13px;}
.icon-txt{ font-size: 11px; opacity: 0; margin-left: -3px;}
.top-icon li a:hover .icon-txt{ opacity: 1}
.top-icon li a:hover{ background:#2ECBE9; border:1px solid #2ECBE9;}
.top-icon li a:hover i{color:#fff;}
.deal-bg img{border-radius:5px 5px 0px 0px;width: 100%;}
/*edit by 10oct 2022 */
.deal-bg{ width: 100%;  box-shadow: 6px 6px 10px #f1f1f1;float: left;padding-bottom: 0px; border-radius: 5px 5px 5px 5px;/*background-color: #b4d2f7;background-image: linear-gradient(to right, #b4d2f7 , #2ECBE9);*/}
/*edit by 10oct 2022 */


.fs-12{ font-size: 12px;}
.fs-16{ font-size: 16px;}
.fs-14{ font-size: 14px;}
.fs-30{ font-size: 30px;}
.fs-24{ font-size: 24px;}
.fs-26{ font-size: 26px;}
.footer ul li{ line-height: 30px;}
.footer ul li i{ font-size: 20px;}
.dropdown:hover .dropdown-menu {display: block;margin-top: 0px;}
.back-top{background:#444;}
.border-top-blue{border-top:1px solid #444}
.bg-dark-blue{ background:#322e2f;}
.bg-dark-blue strong{ color:#ccc;}
.bg-dark-blue p{ color:#c0c0c0;}
.bg-dark-blue a{ color:#f1f1f1; font-size: 14px;}
.bg-dark-blue a:hover{ text-decoration: underline;color:#f1f1f1; font-size: 14px;}
.bg-yellow{background:#e2d810;}
.m-height480{min-height: 425px;}
.bg-inner{background:url(../img/bg-inner.jpg) repeat-x; padding-top: 30px; float:left; width: 100%; }
.bg-circle{margin:0px auto 10px auto; display:block; background:#f2f2f2; border-radius:100px;width: 100px; height: 100px; }
.bg-circle:hover{ background:#f1f1f1; border-radius:100px;width: 100px; height: 100px; }
.bg-circle i{ color:#2ECBE9; font-size: 50px; line-height: 100px;}
.borderd .brd1{border-bottom: 2px solid #2ECBE9; display: block; width: 100%;}
.borderd .brd2{border-bottom: 2px solid #2ECBE9; display: block; width: 100%; margin-top: 4px; margin-left: 8px;}
#dropdownMenuButton1:after{border:0px solid #fff !important;}
.carousel-indicators {
    position: static;
}

.gradient-custom { /* fallback for old browsers */ background: #4facfe; /* Chrome 10-25,
Safari 5.1-6 */ background: -webkit-linear-gradient(to bottom right, rgba(79, 172, 254,
1), rgba(0, 242, 254, 1)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+,
Safari 7+ */ background: linear-gradient(to bottom right, rgba(79, 172, 254, 1), rgba(0,
242, 254, 1)) }

/* General style */
.uxhover {
  width:31%;
  margin: 10px;
  display: inline-block;
  border: 12px solid #fff;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.uxhover .mask,
.uxhover .content {
  width: 100%;

  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0
}

.uxhover img {
  display: block;
  position: relative
}

.uxhover h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 26px;
  padding: 10px;
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  margin: 20px 0 0 0
}

.uxhover p {
  font-size: 18px;
  position: relative;
  color: #fff;
  padding: 0px 20px 0px;
  text-align: center
}

.uxhover a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 20px;
  background: #192846;
  color: #fff;
  text-transform: uppercase;
  font-size:18px;
  border-radius:50px;
}
.bg-white a{ font-size: 13px;}

.fszxzie12 a{ font-size: 12px;}

/* Effect 1*/

.hoverEffect-first img {
  transition: all 0.2s linear;
  width:100%;
  height:auto;
}

.hoverEffect-first .mask {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.55);
  transition: all 0.4s ease-in-out;
  width: 100%;
  height: 100%;
}

.hoverEffect-first h2 {
	margin: 20px 40px 0px 40px;
  transform: translateY(50px);
  opacity: 1;
  transition: all 0.2s ease-in-out;
  font-size: 18px;
}

.hoverEffect-first p {
  transform: translateY(50px);
  opacity: 1;
  transition: all 0.2s linear;
}

.hoverEffect-first a.info {
  opacity: 1;
  transition: all 0.2s ease-in-out;
}

/* Effect 1:hover*/

.hoverEffect-first:hover img {
  transform: scale(1.1);
}

.hoverEffect-first:hover .mask {
  opacity: 1;
}
.hoverEffect-first:hover h2,
.hoverEffect-first:hover p,
.hoverEffect-first:hover a.info {
  opacity: 1;
  transform: translateY(50px);
  font-family: 'Open Sans', sans-serif !important;
}

.hoverEffect-first:hover p {
  transition-delay: 0.1s;
}

.hoverEffect-first:hover a.info {
  transition-delay: 0.2s;
}
.slick-slide {
  margin: 0px 10px;
}

.slick-slide img {
  width: 100%;
}

.slick-prev:before,
.slick-next:before {
  color: black;
}


.slick-slide {
  transition: all ease-in-out .3s;
  opacity: 1;
}

.slick-active {
  opacity: 2;
}

.slick-current {
  opacity: 1;
}
.prd-desc{
  position: absolute;
    top: 10px;
    z-index: 9;
    left: 10px;
    background: #D54A05;
    border-radius: 50px;
}
.prd-desc a{
  color: #fff;
  font-size: 14px;
  padding: 5px 10px;
  display: block;
}

.prd-desc-btm{
  position: absolute;
    top: 20px;
    right:10px;
    z-index: 9;
    background: #D54A05;
    border-radius: 50px;
}
.prd-desc-btm a{
  color: #fff;
  font-size: 14px;
  padding: 5px 10px;
  display: block;
}
.desktop-car{
  position: relative; z-index: 1; margin-top: -275px;
}
.mobile-view{
  position: relative; z-index: 1; margin-top: -70px;
}


.card {

    border: none;
    box-shadow: 5px 6px 6px 2px #e9ecef;
    border-radius: 4px;
}


.dots{

    height: 4px;
  width: 4px;
  margin-bottom: 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
}

.badge{

        padding: 7px;
        padding-right: 9px;
    padding-left: 16px;
    box-shadow: 5px 6px 6px 2px #e9ecef;
}

.user-img{

    margin-top: 4px;
    margin-right: 10px;
}

.check-icon{

    font-size: 17px;
    color: #c3bfbf;
    top: 1px;
    position: relative;
    margin-left: 3px;
}

.form-check-input{
    margin-top: 6px;
    margin-left: -24px !important;
    cursor: pointer;
}


.form-check-input:focus{
    box-shadow: none;
}


.icons i{

    margin-left: 8px;
}
.reply{

    margin-left: 12px;
}

.footer ul.list-unstyled li a{ font-size: 13px;}
.bottom-icons{margin:0px;}
.bottom-icons li{ width: 23%; padding: 10px 0px; text-align: center;}
.p-fixed{ position: fixed; bottom:0px; z-index: 1; width: 100%; background:#fff;}
.order-bg{background:#fff; text-align: center; font-size: 13px; border:1px solid #f1f1f1; border-radius:3px; padding:5px 10px; margin:10px;}
.order-bg:hover{background:#f3f3f3;}
.order-bar button.slick-arrow{ display: none !important;}
.p-info {color:#615c66}
.p-info a{ font-size: 14px;}
@media screen and (max-width: 640px) {
  #big-img{ display: none; width: auto !important; overflow: hidden !important;}
}
@media screen and (max-width: 768px) {
  .m-height480{ min-height: auto;}
  .list-inline-item:not(:last-child){margin-right: 0.2rem;}
  .top-icon li a{ width: 25px; height: 25px; line-height: 20px;}
  .desktop-car{ margin-top: 0px;}
  .brd2{margin:2px 10px !important;}
}
@media screen and (max-width: 1399px) {
.uxhover{ width: 100%; margin:0px 0px 20px 0px;}
}
@media screen and (max-width: 1399px) {
.navbar-dark .navbar-nav .nav-link{padding-left: 10px;}
.navbar-nav{margin-top:10px;}
.navbar-expand-xxl{ padding: 10px 0px;}
.dropdown:hover .dropdown-menu {margin-top: 0px;}
}
.v-center{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.cmp-img{background:url(../img/cmp.png) no-repeat; display: block;
    width: 201px;
    height: 150px;
    text-align: center;
    margin: 0 auto;}
.tab-content{background:#fff; padding:20px;}
#myTab li.nav-item a.nav-link:hover{color:#495057;}
.figure-image{position: relative; width: 100%;}
.figure-image:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(120deg, #111111, #333333);
  opacity: .7;
}
.figure-image span{z-index: 9999999999;
    position: absolute;
    top: 40%;
    color: #fff;
    left: 0;
    right: 0;
    font-size: 1.3rem;}
.figure-image:hover .overlay-text{ display: block;transition: background-color 5s ease-out 100ms;}
.figure-image:hover span{ display: none;}
.overlay-text{ transition: background-color 2s ease-out 100ms; display: none; position: absolute; top:0px; left: 0px; color: #fff; padding: 10px; right: 0; bottom: 0; width: 100%; height:100%;background-color: rgba(0, 0, 0, .8); }
.overlay-text p{ height: 100%; display: flex; flex-direction: column; justify-content: center; color:#fff;}


/**** Dated Mon 12 september 2022  ****/
.fsize-1{ line-height: 20px; font-size: 1rem !important;}
.fsize4{ font-size:4rem!important;}
.affiliates-heading{ font-size: 4.5rem;}
.text-red{ color:#AC284D;}
.bg-red{background:#AC284D;}
.secondary-label span{ font-size: 2.8rem;}
.bg-white-circle{background: #fff;width: 80px;height: 80px;line-height: 75px;border: 3px solid #4CADE0;display: block;text-align: center;margin: 0 auto;border-radius: 100px;}
.border-sky-blue{ border:5px solid #00acdf;}
.bg-sk-blue-gradient{float:left; width:100%; background-image: linear-gradient(to right, #EFA630 , #EFBE2F);}
.bg-sk-blue{background-image: linear-gradient(to right, #00acdf , #294f71);}

.bg-light-blue-gradient{float:left; width:100%; background-image: linear-gradient(to right, #00aadf , #00aadf);}
.bg-light-blue{background-image: linear-gradient(to right, #00aadf , #00aadf);}
.bg-dark-sky-blue{background:#2a76a4;}
.bg-light-sky-blue{background:#00bbe8;}
.bg-darked{background:#494949;}
.comission-table p{display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 150px;
}
.comission-table td{ border:1px solid #eff1f2;}
.comission-table th{ border:1px solid #eff1f2;}
#ex2-content{background:#f4ffff !important; padding:40px 20px !important;}
#ex1 .nav-item .active{background-color:#f4ffff !important; color:#3f3f3f !important; border-radius: 20px 20px 0px 0px}
.w30{ width: 50px; height: 50px; line-height: 45px; border-radius: 100px; display: inline-block;}
#ex1 .nav-link:hover, .nav-link:focus{ color:#000 !important;}
.img-hght{width: 100px;
    height: 100px;
    line-height: 100px;
    display: block;
    margin: 0 auto;
    border-radius: 100px !important;}

.m-height185{ min-height: 185px;}
.deals-merchant li{ font-size: 18px; line-height: 45px;}
.rd-icon{ width: 70px;
    height: 70px;
    padding: 10px;
    display: inline-block;
    border-radius: 100px !important;}
.m-height250{ min-height: 250px;}

.menu-nav .slick-prev{ padding:0px; left: -5px; background-color: transparent;}
.menu-nav .slick-next{ padding:0px; right: -5px; background-color: transparent;}
.menu-nav li > a{background:#efa630; padding:5px 10px; display: block; text-align: center; border-radius:3px; }
.slider-picks .deal-bg a{
  width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.slider-picks .deal-bg a img{
  display: block;
    position: relative;
    width: 150px;
    height: 150px;
    object-fit: cover;
    object-position: top;
}
.responsive-c .deal-bg{
  width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.responsive-c .deal-bg img{
  display: block;
  position: relative;
  width: 200px;
  height: 200px;
  object-fit: cover;
  object-position: top;
  border-radius: 100px;
  margin: 0 auto;
  border: 1px solid #f4f4f4;
}
.brd1{ background:#55CBE9; height: 2px; width: 60px; display: block; margin:2px auto;}
.brd2{ background:#55CBE9; height: 2px; width: 60px; display: block; margin:2px 30px;} 
.slider-picks .slick-slide .deal-bg{box-shadow: 0px 0px 0px 0px #ccc;}
.responsive-c .slick-slide .deal-bg{box-shadow: 0px 0px 0px 0px #ccc;}
.nearest-deal .slick-slide .deal-bg{box-shadow: 0px 0px 0px 0px #ccc;}
.nearest-deal .slick-slide .deal-bg img{border-radius:5px;}
.tg:before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f107"; float: right;}
.multi-collapse li > label{ font-size: 14px !important;}
.multi-collapse li > a{ font-size: 14px !important;}
.z-indx{ z-index: 2; background-color:rgba(255,255,255,0.9);}
#s-bar{ position: fixed; top:60px; background:#fff; height:100vh; overflow-y: scroll; overflow-x: hidden; z-index: 9;}
.d-bar li{ font-size: 14px;}
.d-bar a{ font-size: 14px !important;}
hr.dividerbtm{
  border: none;
    height: 44px!important;
    margin-bottom: -18px;
    background: -moz-linear-gradient(top,#ddd,#f7f7f7 3px,#fff);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ddd),color-stop(3px,#f7f7f7),color-stop(100%,#fff));
    background: -webkit-linear-gradient(top,#ddd,#f7f7f7 3px,#fff);
    background: -o-linear-gradient(top,#ddd,#f7f7f7 3px,#fff);
    background: -ms-linear-gradient(top,#ddd,#f7f7f7 3px,#fff);
    background: linear-gradient(top,#ddd,#f7f7f7 3px,#fff);
    filter: none;
    z-index: 0;
    zoom: 1;
}
.deal-bg a:hover{
  color:#5f5f5f;
}

.related-items .deal-bg{ min-height: 350px;}
.prd-related-items .deal-bg{ min-height: 350px;}
#vertical li img{ width: 100%;}

.show {
  width: 100%;
  height: auto;
}

.show div{ position: relative; z-index: 8;}
.small-img {
  width: 100%;
  height: 70px;
  margin-top: 10px;
  position: relative;
  left: 0px;
}

.small-img .icon-left, .small-img .icon-right {
  width: 12px;
  height: 24px;
  cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

.small-img .icon-left { transform: rotate(180deg) }
.small-img .icon-right { right: 0; }
.small-img .icon-left:hover, .small-img .icon-right:hover { opacity: .5; }

.small-container {
  width: 90%;
  height: 70px;
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.small-container div {
  width: 800%;
  position: relative;
}

.small-container .show-small-img {
  width: 70px;
  height: 70px;
  margin-right: 6px;
  cursor: pointer;
  float: left;
}

.small-container .show-small-img:last-of-type { margin-right: 0; }


.policy-list li a{ font-size: 16px; color:#222222 !important;}
.policy-list li a:hover{ font-size: 16px; color:#2ECBE9 !important;}
.policy-list li{ line-height: 36px;}
.brd-radius-rnd{ border-radius:0px 5px 0px 10px}
.low-balance{background:url(../img/badge.png) no-repeat scroll 0px 4px;}
.featured{background:url(../img/badge.png) no-repeat scroll 0px -25px;}
.recent{background:url(../img/badge.png) no-repeat scroll 0px -116px;}
.best-seller{background:url(../img/badge.png) no-repeat scroll 0px -90px;}
.top-rated{background:url(../img/badge.png) no-repeat scroll 0px -58px;}
.cate-badge{ display: block; width: 180px; height: 20px;}
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 24px;
}
.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}
.toggleed .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.toggleed .slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 10px;
  bottom: 3px;
  background-color:#2ECBE9;
  -webkit-transition: .4s;
  transition: .4s;
}

.toggleed input:checked + .slider {
  background-color: #f5ecec;
}

.toggleed input:focus + .slider {
  box-shadow: 0 0 1px #f5ecec;
}

.toggleed input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.toggleed .slider.round {
  border-radius: 34px;
}

.toggleed .slider.round:before {
  border-radius: 50%;
}

/* Advertisers New Page */
.merchant-bg-sky{background:#38b6ff;}
.merchant-bg-yellow{background:#ffbd59;}
.border-btm-1{ border-bottom:2px solid #000;}
.border-top-1{ border-top:2px solid #000;}
.brd-black{ border:2px solid #000;}
.m-height500{ min-height: 500px;}
.fsize5{ font-size: 5rem;}
.fsize3{ font-size: 3rem;}
.text-yellow{ color:#ffbd59;} 
.text-greey{ color:#373737;}
.text-black{color:#000000;} 
.advertise-logo{ margin-top:-70px; display: block;position:relative; z-index: 9;}
.extra-img{margin-top:-140px; position:relative; z-index: 9;}
.brd-rds-rounded{ border:2px solid #000; border-radius: 50px;}
.brd-rds-rounded:hover{border:2px solid #38b6ff;}
.brdrds{ border-radius:50px;}
.brd-rds{ border-radius: 30px; border:2px solid #000;}
.brdd-blakc{ border:2px solid #000;}
.tab-pane .brd-rds{min-height: 250px;}
.smheight{min-height: 160px;
  width: 160px;
  display: block;
  margin: 0 auto;}

/*.tt-stroke{-webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
} */
.mheight260{ min-height: 260px;}
.mheight210{ min-height: 210px;}

@media only screen and (max-width: 640px) {
  .fsize5{ font-size: 2.5rem;}
  .fsize3{ font-size: 2rem;}
  .m-height500{ padding-bottom: 100px !important; min-height: auto;}
  .v-center{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }
}
/* Advertisers New Page */

/* Font Icons */
@font-face {
  font-family: 'molla';
  src: url("../fonts/molla0ab2.eot?74273691");
  src: url("../fonts/molla0ab2.eot?74273691#iefix") format("embedded-opentype"), url("../fonts/molla0ab2.woff2?74273691") format("woff2"), url("../fonts/molla0ab2.woff?74273691") format("woff"), url("../fonts/molla0ab2.ttf?74273691") format("truetype"), url("../fonts/molla0ab2.svg?74273691#molla") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "molla";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ratings-container {
  display: inline-flex;
  align-items: center;
  font-size: 1.3rem;
  margin-bottom: 1.7rem;
  line-height: 1;
  white-space: nowrap; }

.ratings {
  position: relative;
  color: #cccccc; }

.ratings,
.ratings-val {
  display: inline-block;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  line-height: 1;
  font-family: "molla"; }
  .ratings:before,
  .ratings-val:before {
       content: "\f318" "\f318" "\f318" "\f318" "\f318";
  }


.ratings-val {
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
  overflow: hidden;
  color: #fcb941; }
  .ratings-primary .ratings-val {
    color: #c96; }

.ratings-text {
  color: #cccccc;
  letter-spacing: -.01em;
  margin-left: .8rem; }

.ratings-text a {
  color: inherit; }
  .ratings-text a:hover, .ratings-text a:focus {
    color: #c96; }

.v-center{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.fall-items {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.fall-items img {
    display: block;
    position: relative;
    width: 100%;
    height: 180px;
    object-fit: cover;
    object-position: top;
}

.mhgt {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.mhgt img {
    display: block;
    position: relative;
    width: 100%;
    height: 80px;
    object-fit: contain;
    object-position: top;
}
.picks {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.picks img {
    display: block;
    position: relative;
    width: 100%;
    height: 180px;
    object-fit: cover;
    object-position: top;
}

.airline {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.airline img {
    display: block;
    position: relative;
    width: 100%;
    height: 180px;
    object-fit: contain;
    object-position:center;
}

.m-heightt{    min-height: 60px;
    vertical-align: middle;
    justify-content: center;
    display: flex;
    flex-direction: column; }

 .min-hgt{ min-height: 50px;vertical-align: middle;
    justify-content: center;
    display: flex;
    flex-direction: column; }   

.cate-items {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    text-align: center;
}


.cate-items img {
    display: block;
    position: relative;
    width: 100%;
    height: 180px;
    object-fit: contain;
    object-position: center;
}