/* home banner style */
section.homebanner { position: relative; }
section.homebanner .swiper { width: 100%; position: var(--relative); overflow: hidden; height: inherit; }
section.homebanner .homebanner-inner { height: inherit; }
section.homebanner .swiper.homebannernews .list .list-inner { display: var(--flex); justify-content: var(--justifycenter); align-items: var(--alignitemsend); }
section.homebanner .swiper.homebannernews .list .list-inner .category-date { display: var(--flex); align-items: var(--aligncenter); gap: 20px; }
section.homebanner .swiper.homebannernews .list .list-inner .category-date .date { font-size: 16px; font-weight: 700; line-height: 1; padding: 4px 7px 4px 7px; background-color: var(--septendecimarycolor); color: var(--blackcolor); }
section.homebanner .swiper.homebannernews .list .list-inner .list-title { padding: 20px 0 20px 0; max-width: 1321px; }
section.homebanner .swiper.homebannernews .list .list-inner .list-title .main-title h1 { margin: 0; background-color: var(--whitecolor); color: var(--blackcolor); padding: 7px 20px 12px 10px; font-size: clamp(1.75rem, 1.75rem + 0vw, 1.75rem); display: inline-block; }
section.homebanner .swiper.homebannernews .swiper-pagination-vertical.swiper-pagination-bullets,
section.homebanner .swiper.homebannernews .swiper-vertical > .swiper-pagination-bullets { top: auto; transform: none; right: 20px; bottom: 20px; }

@media screen and (max-width:1629px) {
    section.homebanner .swiper.homebannernews .list .list-inner { justify-content: var(--justifystart); }
}

@media screen and (min-width:768px) {
    section.homebanner .swiper.homebannernews .list .list-inner .list-mobile-image { display: none; }
    section.homebanner .swiper.homebannernews .swiper-slide .list .list-inner .list-details { transform: translateX(-120px); transition: 1000ms; }
    section.homebanner .swiper.homebannernews .swiper-slide.swiper-slide-active .list .list-inner .list-details { transform: none; }
    section.homebanner .homebanner-arrows-next,
    section.homebanner .homebanner-arrows-prev { display: none !important; }
}

@media screen and (max-width:767px) {
    section.homebanner .swiper.homebannernews .swiper-pagination-vertical.swiper-pagination-bullets,
    section.homebanner .swiper.homebannernews .swiper-vertical > .swiper-pagination-bullets { bottom: 50%; transform: translateY(-50%); }
    section.homebanner .swiper.homebannernews .list .list-inner { background: none !important; display: block; }
    section.homebanner .swiper.homebannernews .list,
    section.homebanner .swiper.homebannernews .list .list-inner { height: inherit; }
    section.homebanner .swiper.homebannernews .list .list-inner .list-mobile-image img { height: 493px; }
    section.homebanner .swiper.homebannernews .list .list-inner .list-details { background-color: var(--whitecolor); }
    section.homebanner .swiper.homebannernews .list .list-inner .list-title { padding: 10px 15px 0 15px; max-width: 100%; }
    section.homebanner .swiper.homebannernews .list .list-inner .list-title .main-title h1 { padding: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }
    section.homebanner .swiper.homebannernews .list .list-inner .list-details { padding: 20px 0; display: var(--flex); align-items: var(--aligncenter); }

    section.homebanner .homebanner-arrows { position: absolute; bottom: 0; right: 0; z-index: 2; display: flex; align-items: center; }
    section.homebanner .homebanner-arrows [class*="homebanner-arrows-"] { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background-color: var(--octonarycolor); }
    section.homebanner .homebanner-arrows [class*="homebanner-arrows-"] img { max-width: 60%; margin: 0 auto; display: block; transition: 400ms; }
    section.homebanner .homebanner-arrows .homebanner-arrows-next img { transform: scale(-1); }

    section.homebanner .swiper-pagination { display: none !important; }
    section.homebanner .homebanner-arrows-next,
    section.homebanner .homebanner-arrows-prev { cursor: pointer; }

}
/* home banner style */