.gallery .gallery-title h1 {
   font-size: 48px;
   font-weight: 700;
   line-height: 58px;
   text-align: left;
   color: #000;
   margin-bottom: 15px;
}

.dark-slide-item-container .dark-slide-global-title {
   font-weight: 700;
   color: #000;
   font-size: 18px;
   line-height: 25px;
   text-align: left;
   margin-bottom: 24px;
}
.swiper-dark-slide .swiper-wrapper .swiper-slide .dark-slide-item-container {
   width: 390px;
   max-width: 100%;
}

.swiper-dark-slide .content-slide {
   padding: 50px;
   background-color: #f2f2f2;
}
.dark-slide-item-title-link .dark-slide-item-title {
   color: #000;
   margin-bottom: 20px;
   font-size: 28px;
   font-weight: 700;
   line-height: 38px;
   text-align: left;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
   display: -webkit-box;
}
.dark-slide-item-title-link:hover .dark-slide-item-title {
   text-decoration: underline;
}
.dark-slide-item-container .dark-slide-item-more-link {
   display: flex;
   align-items: center;
}
.dark-slide-item-container .dark-slide-item-more-text {
   color: #737373;
   font-size: 18px;
   font-weight: 400;
   line-height: 27px;
   text-align: left;
   margin-bottom: 40px;

   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
   overflow: hidden;
   display: -webkit-box;
}

.swiper-dark-slide .view-album-button {
   padding: 0;
   background: transparent;
   outline: none;
   border: none;
   display: flex;
   justify-content: center;
   align-items: center;
   font-weight: 400;
   font-size: 18px;
   line-height: 24px;
   color: #000;
   margin-bottom: 68px;
   display: none;
}

.view-album-button .view-album-text {
   font-weight: 500;
   font-size: 18px;
   line-height: 24px;
   color: #000;
   border-bottom: 1px solid transparent;
   transition: all 0.15s ease-in-out;
}

.view-album-button:hover .view-album-text {
   border-bottom: 1px solid #000;
}

.view-album-button .view-album-icon {
   transition: all 0.15s ease-in-out;
   margin-top: 6px;
}

.view-album-button:hover .view-album-icon {
   transform: rotate(45deg);
}
.swiper-dark-slide .swiper-pagination.swiper-pagination-bullets {
   width: fit-content;
   transform: translate(0%, 0px);
   width: 294px;
   margin-left: 48px;
   margin-right: 48px;
   bottom: 48px;
   left: 810px;
}
.swiper-dark-slide .swiper-pagination .swiper-pagination-bullet {
   background-color: #a6a6a6;
   height: 2px;
   border-radius: unset;
   margin: 0;
   width: calc(100% / 10) !important;
}
.swiper-dark-slide
   .swiper-pagination
   .swiper-pagination-bullet.swiper-pagination-bullet-active {
   background-color: #ffffff;
}
.swiper-dark-slide .swiper-button-prev::after,
.swiper-dark-slide .swiper-button-next::after {
   content: "";
}
.swiper-dark-slide .swiper-button-prev,
.swiper-dark-slide .swiper-button-next {
   width: 32px;
   height: 32px;
   bottom: 32px;
   top: unset;
}
.swiper-dark-slide .swiper-button-prev {
   left: 810px !important;
}
.swiper-dark-slide .swiper-button-next {
   transform: matrix(-1, 0, 0, 1, 0, 0);
   left: 1168px !important;
}

.gallery-posts .gallery-posts-nav {
   border-bottom: 1px solid #d9d9d9;
   display: flex;
   align-items: center;
   overflow: scroll;
   margin-bottom: 40px;
}

.gallery-posts .gallery-posts-nav::-webkit-scrollbar {
   display: none;
}
.gallery-posts-nav .display-2 {
   display: none !important;
}

.gallery-posts-nav .gallery-posts-nav-item {
   display: flex;
   align-items: center;
   height: 44px;
   position: relative;
}

.gallery-posts-nav .gallery-posts-nav-item {
   margin-right: 40px;
}
.gallery-posts-nav-link {
   font-size: 18px;
   font-weight: 500;
   line-height: 24px;
   text-align: left;
   color: #b2b2b2;
   display: flex;
   transition: all 0.2s ease-in-out;
   position: relative;
   height: 100%;
   border: none;
   background-color: transparent;
}

.gallery-posts-nav-item .gallery-posts-nav-link::after,
.gallery-posts-nav-item .gallery-posts-nav-link::before,
.gallery-posts-nav-item .active::after,
.gallery-posts-nav-item .active::before {
   content: "";
   position: absolute;
   bottom: 0px;
   width: 0px;
   height: 3px;
   margin: 5px 0 0;
   transition: all 0.2s ease-in-out;
   transition-duration: 0.35s;
   opacity: 0;
   background-color: #0031a7;
}

.gallery-posts-nav-item .gallery-posts-nav-link::after {
   right: 50%;
}

.gallery-posts-nav-item .gallery-posts-nav-link::before {
   left: 50%;
}
.gallery-posts-nav-item .gallery-posts-nav-link a:hover {
   color: #0031a7;
}
.gallery-posts-nav-item .gallery-posts-nav-link a {
   color: black;
}
.gallery-posts-nav-item .gallery-posts-nav-link.active a {
   color: #0031a7;
}
.gallery-posts-nav-item .active,
.gallery-posts-nav-item .active-sheeting {
   color: #000;
}
.gallery-posts-nav-item .active::after,
.gallery-posts-nav-item .active::before {
   width: 50%;
   opacity: 1;
}

.gallery-posts-nav-item:hover .gallery-posts-nav-link::after,
.gallery-posts-nav-item:hover .gallery-posts-nav-link::before {
   width: 50%;
   opacity: 1;
}

.gallery-posts-nav-item .gallery-posts-nav-link:hover {
   color: #000;
}
.gallery-posts-card .mr-lr-20 {
   margin-left: -20px;
   margin-right: -20px;
}
.gallery-posts-card .pd-lr-20 {
   padding-left: 20px;
   padding-right: 20px;
   padding-bottom: 0px;
}

.gallery-posts-card .pd-top-24 {
   padding: 24px 0 0 0;
   margin-bottom: 32px;
}
.gallery-posts-card .bd-none {
   border: none;
   border-radius: 0px;
}

.gallery-posts-card .bd-radius-0 {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
}

.gallery-posts-card .gallery-posts-card-time {
   font-size: 18px;
   font-weight: 700;
   line-height: 25px;
   text-align: left;
   color: #737373;
   margin-bottom: 16px;
}

.gallery-posts-card .gallery-posts-card-title {
   font-size: 24px;
   font-weight: 700;
   line-height: 29px;
   text-align: left;
   color: #000;
}

.gallery-posts-card .gallery-posts-card-title:hover {
   text-decoration: underline;
}
.card .view-album-button {
   padding: 0;
   background: transparent;
   outline: none;
   border: none;
   display: flex;
   justify-content: center;
   align-items: center;
   font-weight: 400;
   font-size: 18px;
   line-height: 24px;
   color: #000;
}

.card .view-album-button .view-album-text {
   font-weight: 400;
   font-size: 18px;
   line-height: 24px;
   color: #0031a7;
   border-bottom: 1px solid transparent;
   transition: all 0.15s ease-in-out;
}

.card .view-album-button:hover .view-album-text {
   border-bottom: 1px solid #0031a7;
}

.gallery .gallery-pagi {
   display: flex;
   justify-content: center;
   align-items: center;
   padding-bottom: 40px;
}
.simple-pagination li {
   margin-right: 20px;
}
#gallery-pagination .page-link {
   background: transparent;
   border: none;
   box-shadow: unset;
   font-weight: 400;
   font-size: 18px;
   line-height: 24px;
   color: #b3b3b3;
   position: relative;
   transition: 0.35s ease-in-out all;
   padding-bottom: 16px;
}

#gallery-pagination .page-link::after {
   content: "";
   position: absolute;
   bottom: 0px;
   left: 0;
   width: 50%;
   left: 25%;
   border-bottom: 2px solid #000000;
   transition: 0.35s ease-in-out all;
   transform: scale(0);
}
#gallery-pagination .page-link:hover {
   color: #000000;
}
#gallery-pagination .page-link:hover::after {
   transform: scale(1);
}
#gallery-pagination .current {
   background: transparent;
   border: none;
   box-shadow: unset;

   font-weight: 400;
   font-size: 18px;
   line-height: 24px;
   color: #000000;
   position: relative;
}
#gallery-pagination .current::after {
   content: "";
   position: absolute;
   bottom: -16px;
   left: 0;
   width: 50%;
   transform: translateX(50%);
   border-bottom: 2px solid #000000;
}

/* slide */
.gallery-banner {
   margin-bottom: 40px;
}
.slide-row {
   height: 450px;
   display: flex;
   justify-content: flex-start;
   align-items: stretch;
}
.img-slide {
   width: 729px;
   max-width: 100%;
   height: 100%;
}
.img-slide-banner {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
}
.content-slide {
   width: calc(100% - 729px);
   max-width: 100%;
}

@media screen and (min-width : 1024px) and (max-width : 1366px) and (orientation: landscape) {
   .img-slide{
      width: 650px;
   }
   .content-slide{
      width: calc(100% - 650px);
   }
   .swiper-dark-slide .swiper-pagination.swiper-pagination-bullets{
      left: 680px;
   }
   .swiper-dark-slide .swiper-button-prev {
      left: 690px !important;
  }
  .swiper-dark-slide .swiper-button-next{
      left: 1030px !important;
  }
  .gallery-posts-card .card.fl-row.bd-none img{
     height: 280px;
     object-fit: cover;
    object-position: center;
  }
}
@media screen and (min-width : 1024px) and (max-width : 1128px) and (orientation: landscape) {
   .swiper-dark-slide .swiper-pagination.swiper-pagination-bullets{
      width: 200px;
   }
   .swiper-dark-slide .swiper-button-next{
      left: 940px !important;
   }
   .img-slide{
      width: 600px;
   }
   .content-slide{
      width: calc(100% - 600px);
   }
}
@media screen and (min-width: 1281px) {
   .gallery-posts-card .bd-radius-0 {
      height: 280px;
      object-fit: cover;
      object-position: center;
   }
}

@media screen and (max-width: 1080px) {
   .swiper-dark-slide .swiper-pagination.swiper-pagination-bullets {
      width: 726px;
      bottom: 40px;
      left: 101px;
   }
   .swiper-dark-slide .content-slide {
      padding: 80px 20px 80px 80px;
      background-color: #f2f2f2;
   }
   .dark-slide-global-container .dark-slide-global-title {
      font-size: 16px;
      line-height: 18px;
      margin-bottom: 12px;
   }
   .dark-slide-item-title-link .dark-slide-item-title {
      margin-bottom: 24px;
      font-size: 32px;
      line-height: 38px;
   }
   .dark-slide-item-container .dark-slide-item-more-text {
      font-size: 20px;
      line-height: 24px;
      margin-bottom: 32px;
   }
   .swiper-dark-slide .swiper-button-prev,
   .swiper-dark-slide .swiper-button-next {
      bottom: 30px;
   }
   .swiper-dark-slide .swiper-button-prev {
      left: 101px !important;
   }
   .swiper-dark-slide .swiper-button-next {
      left: 891px !important;
   }
   .slide-row {
      flex-direction: column;
      height: auto;
   }
   .img-slide {
      width: 100%;
   }
   .content-slide {
      width: 100%;
   }
   /* .swiper-dark-slide .swiper-pagination.swiper-pagination-bullets {
    left: 25%;
  } */
   .swiper-dark-slide .swiper-wrapper .swiper-slide .dark-slide-item-container {
      width: 100%;
   }
   .img-slide-banner {
      height: 603px;
   }
}
@media screen and (max-width: 992px) {
   .slide-row {
      flex-direction: column;
      height: auto;
   }
   .img-slide {
      width: 100%;
      height: 400px;
   }
   .content-slide {
      width: 100%;
   }
   .swiper-dark-slide .swiper-pagination.swiper-pagination-bullets {
      left: 25%;
   }
   .swiper-dark-slide .swiper-wrapper .swiper-slide .dark-slide-item-container {
      width: 100%;
   }
   .swiper-dark-slide .swiper-pagination.swiper-pagination-bullets {
      width: 277px;
      bottom: 41px;
      left: 20px;
   }
   .swiper-dark-slide .swiper-button-prev {
      left: 20px !important;
   }
   .swiper-dark-slide .swiper-button-next {
      left: 362px !important;
   }
   .swiper-dark-slide .content-slide {
      height: 350px;
   }
}
@media screen and (max-width: 768px) {
   .swiper-dark-slide .swiper-pagination.swiper-pagination-bullets {
      width: 558px;
      bottom: 33px;
      left: 50px;
   }
   .swiper-dark-slide .content-slide {
      padding: 20px 0px 20px 20px;
      background-color: #f2f2f2;
      height: 385px;
   }
   .dark-slide-global-container .dark-slide-global-title {
      font-size: 16px;
      line-height: 18px;
      margin-bottom: 8px;
   }
   .swiper-dark-slide .swiper-wrapper .swiper-slide .dark-slide-item-container {
      max-width: 600px;
   }

   .dark-slide-item-title-link .dark-slide-item-title {
      margin-bottom: 16px;
      font-size: 22px;
      line-height: 28px;
   }
   .dark-slide-item-container .dark-slide-item-more-text {
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 8px;
   }
   .swiper-dark-slide .swiper-button-prev,
   .swiper-dark-slide .swiper-button-next {
      bottom: 30px;
   }
   .swiper-dark-slide .swiper-button-prev {
      left: 50px !important;
   }
   .swiper-dark-slide .swiper-button-next {
      left: 674px !important;
   }
   .slide-row {
      flex-direction: column;
   }
   .gallery-banner.global-container {
      padding: 0 0;
   }
   .img-slide-banner {
      height: 400px;
   }
}

@media screen and (max-width: 576px) {
   .img-slide {
      height: 200px;
   }
   .gallery .gallery-title h1 {
      margin-bottom: 40px;
      font-size: 32px;
      line-height: 38px;
   }
   .gallery-banner .gallery-banner-img,
   .gallery-banner .gallery-banner-slide {
      margin-left: -20px;
   }
   .swiper-dark-slide .content-slide {
      padding: 20px;
      width: 100%;
      height: 250px;
      margin-top: -2px;
   }
   .gallery-banner-slide .dark-slide-global-container {
      padding: 20px;
   }

   .swiper-dark-slide .swiper-button-prev,
   .swiper-dark-slide .swiper-button-next {
      bottom: 30px;
   }

   .swiper-dark-slide .swiper-button-prev {
      left: 20px !important;
   }
   .swiper-dark-slide .swiper-button-next {
      left: 373px !important;
   }
   .swiper-dark-slide .swiper-pagination.swiper-pagination-bullets {
      bottom: 45px;
      left: 20px;
   }
   .swiper-dark-slide
      .swiper-pagination
      .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background-color: #000;
   }
   .dark-slide-global-container .dark-slide-global-title {
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 8px;
      max-width: 335px;
      color: #b2b2b2;
   }
   .swiper-dark-slide .swiper-wrapper .swiper-slide .dark-slide-item-container {
      width: 335px;
      max-width: 100%;
   }
   .dark-slide-item-title-link .dark-slide-item-title {
      /* margin-bottom: 0px; */
      font-size: 24px;
      line-height: 34px;
      -webkit-line-clamp: 4;
       -webkit-box-orient: vertical;
       overflow: hidden;
       display: -webkit-box;
   }
   .dark-slide-item-container .dark-slide-item-more-text {
      display: none;
   }
   .swiper-dark-slide .view-album-button {
      margin-bottom: 56px;
   }
   .swiper-dark-slide .swiper-pagination.swiper-pagination-bullets {
      width: 288px;
   }

   .gallery-posts-nav-item .gallery-posts-nav-link {
      width: fit-content;
      white-space: nowrap;
   }
   .gallery-posts .gallery-posts-nav {
      margin-bottom: 0;
   }
   .gallery-posts-card .bd-none {
      flex-direction: column;
   }
   .gallery-posts-card .bd-radius-0 {
      width: unset;
      max-width: 100%;
      height: unset;
   }
   .gallery-posts-card .pd-top-24 {
      /* padding: 0 0 0 16px; */
      margin-bottom: 0;
   }
   .gallery-posts-card .gallery-posts-card-time {
      font-size: 16px;
      font-weight: 700;
      line-height: 24px;
      margin-bottom: 8px;
   }
   .gallery-posts-card .gallery-posts-card-title {
      font-size: 18px;
      line-height: 25px;
   }
   .gallery-posts-card .gallery-posts-card-text {
      display: none;
   }
   .gallery-posts-card .pd-lr-20 {
      padding-bottom: 24px;
      padding-top: 24px;
      border-bottom: 1px solid #ccc;
      margin: 0 auto;
      padding-left: 20px;
      padding-right: 20px;
   }
   .gallery-posts-card .pd-lr-20:nth-last-child(1) {
      border-bottom: none;
   }
   .gallery-posts-card .mr-lr-20 {
      padding-bottom: 20px;
   }
   .card .display-none {
      display: none;
   }
   .gallery .gallery-pagi {
      padding-bottom: 30px;
   }

   .gallery-posts-card .pd-top-24 {
   }
   .img-slide-banner {
      height: 200px;
   }
}

@media screen and (max-width: 414px) {
   .gallery-posts-card .pd-lr-20 {
      padding-bottom: 24px;
      padding-top: 24px;
      max-width: 374px;
      border-bottom: 1px solid #ccc;
      margin: 0 auto;
      padding-left: 0;
      padding-right: 0;
   }
   .swiper-dark-slide .swiper-pagination.swiper-pagination-bullets {
      width: 277px;
   }
   .swiper-dark-slide .swiper-button-next {
      left: 362px !important;
   }
}
@media screen and (max-width: 375px) {
   .gallery-posts-card .pd-lr-20 {
      padding-bottom: 24px;
      padding-top: 24px;
      max-width: 335px;
      border-bottom: 1px solid #ccc;
      margin: 0 auto;
      padding-left: 0;
      padding-right: 0;
   }
   .swiper-dark-slide .swiper-pagination.swiper-pagination-bullets {
      width: 238px;
   }
   .swiper-dark-slide .swiper-button-next {
      left: 323px !important;
   }
}

@media screen and (min-width: 769px) and (max-width: 1080px) {
   .gallery-banner {
      padding: 0;
   }
   .swiper-dark-slide .content-slide {
      padding: 60px 40px 80px 40px;
   }
   .swiper-dark-slide .swiper-pagination.swiper-pagination-bullets {
      bottom: 90px;
   }
   .swiper-dark-slide .swiper-button-prev,
   .swiper-dark-slide .swiper-button-next {
      bottom: 76px;
   }
   .gallery-posts {
      padding: 0 40px;
   }
   .gallery-posts-card .pd-lr-20 {
      padding-bottom: 60px;
   }
   .gallery-title {
      padding: 0 40px;
   }
}