.card-image-gallery[data-style="1"] ul, .card-image-gallery[data-style="1"] ol, .card-image-gallery[data-style="1"] li {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none; }

.card-image-gallery[data-style="1"] a {
  text-decoration: none; }

.card-image-gallery[data-style="1"] .card-container .main-title {
  color: #333333;
  font-size: 3rem;
  font-weight: 900;
  letter-spacing: 3.86px;
  margin-bottom: 2rem;
  text-align: center;
  margin-top: 3rem; }

.card-image-gallery[data-style="1"] .card-container .filter-bar-chooese {
  display: flex;
  align-items: center;
  justify-content: center; }
  .card-image-gallery[data-style="1"] .card-container .filter-bar-chooese .item {
    padding: 1rem 5rem;
    border-bottom: 3px solid #ededed;
    color: #a6a6a6;
    font-size: 2.2rem;
    font-weight: 700;
    position: relative;
    cursor: pointer;
    transition: .4s ease-in-out;
    margin-bottom: 3rem;
    white-space: nowrap; }
    @media only screen and (max-width: 800px) {
      .card-image-gallery[data-style="1"] .card-container .filter-bar-chooese .item {
        padding: 1rem 3rem; } }
    @media only screen and (max-width: 580px) {
      .card-image-gallery[data-style="1"] .card-container .filter-bar-chooese .item {
        padding: 1rem 2rem; } }
    @media only screen and (max-width: 420px) {
      .card-image-gallery[data-style="1"] .card-container .filter-bar-chooese .item {
        padding: 1rem 1rem;
        font-size: 2rem; } }
    .card-image-gallery[data-style="1"] .card-container .filter-bar-chooese .item.active, .card-image-gallery[data-style="1"] .card-container .filter-bar-chooese .item:hover {
      color: #f4ce25;
      border-bottom: 3px solid #f4ce25; }
    .card-image-gallery[data-style="1"] .card-container .filter-bar-chooese .item:after {
      content: '';
      position: absolute;
      right: 0;
      width: .6rem;
      height: .6rem;
      border-radius: 50%;
      background: #f4ce25;
      top: 0;
      bottom: 0;
      margin: auto 0; }
    .card-image-gallery[data-style="1"] .card-container .filter-bar-chooese .item:first-child {
      position: relative; }
      .card-image-gallery[data-style="1"] .card-container .filter-bar-chooese .item:first-child::before {
        content: '';
        position: absolute;
        left: 0;
        width: .6rem;
        height: .6rem;
        border-radius: 50%;
        background: #f4ce25;
        top: 0;
        bottom: 0;
        margin: auto 0; }

.card-image-gallery[data-style="1"] .card-container .image-gallery-container #image-gallery-ul {
  display: flex;
  flex-wrap: wrap; }
  .card-image-gallery[data-style="1"] .card-container .image-gallery-container #image-gallery-ul .item-static {
    width: calc(33.333% - 13.33333px);
    margin-right: 20px;
    margin-bottom: 30px; }
    @media only screen and (max-width: 800px) {
      .card-image-gallery[data-style="1"] .card-container .image-gallery-container #image-gallery-ul .item-static {
        width: calc(50% - 10px); } }
    @media only screen and (max-width: 580px) {
      .card-image-gallery[data-style="1"] .card-container .image-gallery-container #image-gallery-ul .item-static {
        width: 100%;
        margin-right: 0; } }
    .card-image-gallery[data-style="1"] .card-container .image-gallery-container #image-gallery-ul .item-static a {
      display: block;
      overflow: hidden; }
    .card-image-gallery[data-style="1"] .card-container .image-gallery-container #image-gallery-ul .item-static .image-content {
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      width: 100%;
      padding-bottom: 66.31%;
      cursor: pointer;
      transition: .4s ease-in-out;
      overflow: hidden; }
      .card-image-gallery[data-style="1"] .card-container .image-gallery-container #image-gallery-ul .item-static .image-content:hover {
        -webkit-transform: scale(1.1);
                transform: scale(1.1); }
    .card-image-gallery[data-style="1"] .card-container .image-gallery-container #image-gallery-ul .item-static .image-gallery-content .title {
      font-size: 2rem;
      color: #222222;
      font-weight: 600;
      margin: .5rem 0 2rem; }
    .card-image-gallery[data-style="1"] .card-container .image-gallery-container #image-gallery-ul .item-static .image-gallery-content .txt-wrapper {
      font-size: 1.6rem;
      color: #3e3e3e;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between; }
      .card-image-gallery[data-style="1"] .card-container .image-gallery-container #image-gallery-ul .item-static .image-gallery-content .txt-wrapper .view {
        white-space: nowrap; }
  .card-image-gallery[data-style="1"] .card-container .image-gallery-container #image-gallery-ul > li:nth-of-type(3n) {
    margin-right: 0; }
    @media only screen and (max-width: 800px) {
      .card-image-gallery[data-style="1"] .card-container .image-gallery-container #image-gallery-ul > li:nth-of-type(3n) {
        margin-right: 20px; } }
    @media only screen and (max-width: 580px) {
      .card-image-gallery[data-style="1"] .card-container .image-gallery-container #image-gallery-ul > li:nth-of-type(3n) {
        margin-right: 0; } }
  @media only screen and (max-width: 800px) {
    .card-image-gallery[data-style="1"] .card-container .image-gallery-container #image-gallery-ul > li:nth-of-type(2n) {
      margin-right: 0; } }

.card-image-gallery[data-style="1"] .card-container .pagination ul > li > a {
  border: none;
  background-color: unset; }
  .card-image-gallery[data-style="1"] .card-container .pagination ul > li > a.active {
    color: #f4ce24;
    width: 12px; }

.card-image-gallery[data-style="1"] .card-container .pagination ul > li > span {
  border: none;
  background-color: unset; }