/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 19 2021 | 01:47:54 */
.cardsview .elementor-container {
    display: block !important;
    margin: 0 auto !important;
    align-items: center;
    text-align: center;
}

.cardsview .elementor-column.elementor-col-12, .elementor-column[data-col="12"] {
    width: 24.7%;
    display: inline-block;
}

@media screen and (max-width: 1260px) and (min-width: 773px) {
  .cardsview .elementor-column.elementor-col-12, .elementor-column[data-col="12"] {
    width: 33.33% !important;
    display: inline-block;
  }
}
@media screen and (max-width: 772px) and (min-width: 480px) {
.cardsview .elementor-column.elementor-col-12, .elementor-column[data-col="12"] {
    width: 48.33% !important;
    display: inline-block;
}
}
@media screen and (max-width: 479px) {
.cardsview .elementor-column.elementor-col-12, .elementor-column[data-col="12"] {
    width: 100% !important;
    display: inline-block;
}
}
.cardsview section:hover:after {
    content: "";
    width: 100%;
    height: 5px;
    background: #8e7736;
    position: absolute;
    bottom: 0;
    left: 0;
}