/*--------------------------------------------------------------
# Customizing Header Transparent & Nav Menu
--------------------------------------------------------------*/
#header .logo-transparent{display: none !important;}


/*--------------------------------------------------------------
# slides section
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# slides section
--------------------------------------------------------------*/
#slides-section .swiper-container .swiper h1.page-title{position: absolute; top: 0px; right: 0px; left: 0px; z-index: 2;}
#slides-section .swiper-container .swiper .swiper-wrapper .swiper-slide .slide-container{width: 100%; height: calc(100vh - 104.8px); height: calc(100svh - 104.8px); min-height: 480px; position: relative;}
@media (max-width: 768px){#slides-section .swiper-container .swiper .swiper-wrapper .swiper-slide .slide-container{height: calc(100vh - 104.8px); height: calc(100svh - 104.8px); min-height: 440px;}}
#slides-section .swiper-container .swiper .swiper-wrapper .swiper-slide .slide-container .slide-image-container img{width: 100; height: 100%; object-fit: cover; object-position: center top; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 0;}
#slides-section .swiper-container .swiper .swiper-wrapper .swiper-slide .slide-container .slide-overly{width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 1;}
#slides-section .swiper-container .swiper .swiper-wrapper .swiper-slide.slide .slide-container .slide-overly{background: rgb(0 0 0 / 40%);}
#slides-section .swiper-container .swiper .swiper-wrapper .swiper-slide.slide .slide-container .slide-overly .slide-carousel{color: #ffffff; transform: translateY(100px); transition: all .5s ease-in-out; opacity: 0;}

@media (min-width: 768px){#slides-section .swiper-container .swiper .swiper-wrapper .swiper-slide.slide .slide-container .slide-overly .slide-carousel .slide-carousel-container .slide-carousel-content{max-width: 80% !important;}}
@media (min-width: 1200px){#slides-section .swiper-container .swiper .swiper-wrapper .swiper-slide.slide .slide-container .slide-overly .slide-carousel .slide-carousel-container .slide-carousel-content{max-width: 60% !important;}}

@keyframes slide_carousel_in {0% {transform: scale(1); opacity: 1;} 100% {transform: scale(0.75); opacity: 0;}}
#slides-section .swiper-container .swiper .swiper-wrapper .swiper-slide.slide.swiper-slide-prev .slide-container .slide-overly .slide-carousel, #slides-section .swiper-container .swiper .swiper-wrapper .swiper-slide.slide.swiper-slide-next .slide-container .slide-overly .slide-carousel{transform: translateY(100px); opacity: 0;}
@keyframes slide_carousel_out {0% {transform: scale(0.75); opacity: 0;} 100% {transform: scale(1); opacity: 1;}}
#slides-section .swiper-container .swiper .swiper-wrapper .swiper-slide.slide.swiper-slide-active .slide-container .slide-overly .slide-carousel{transform: translateY(0px); opacity: 1 !important;}
#slides-section .swiper-container .swiper .swiper-wrapper .swiper-slide .slide-container .slide-overly .slide-carousel .carousel-title{line-height: 1.2; font-size: 24px; font-weight: 700;}
@media (max-width: 767px){#slides-section .swiper-container .swiper .swiper-wrapper .swiper-slide .slide-container .slide-overly .slide-carousel .carousel-title{line-height: 1.3; font-size: 16px;}}
#slides-section .swiper-container .swiper .swiper-wrapper .swiper-slide .slide-container .slide-overly .slide-carousel .carousel-title a{color: #ffffff !important;}
#slides-section .swiper-container .swiper .swiper-wrapper .swiper-slide .slide-container .slide-overly .slide-carousel .carousel-title a:hover{color: var(--link-lighter) !important;}
#slides-section .swiper-container .swiper .swiper-wrapper .swiper-slide .slide-container .slide-overly .slide-carousel .carousel-btn{padding: 9px 20px; border-radius: 24px; line-height: 1.25; font-weight: 700;}
#slides-section .swiper-container .swiper .swiper-wrapper .swiper-slide.nested-slide.bg-warning .slide-container .slide-overly .slide-carousel .carousel-btn, #slides-section .swiper-container .swiper .swiper-wrapper .swiper-slide.nested-slide.bg-light .slide-container .slide-overly .slide-carousel .carousel-btn{--bs-btn-bg: #000000; --bs-btn-border-color: #000000; --bs-btn-color: #ffffff; --bs-btn-hover-bg: #ffffff; --bs-btn-hover-border-color: #ffffff; --bs-btn-hover-color: #000000;}
#slides-section .swiper-container .swiper .swiper-navigation.swiper-main-navigation{height: 33.600px; position: absolute; right: 0px; bottom: 50%; left: 0px;}
@media (max-width: 575px){#slides-section .swiper-container .swiper .swiper-navigation.swiper-main-navigation{bottom: 30px;}}
#slides-section .swiper-container .swiper .swiper-navigation.swiper-main-navigation .swiper-btn{width: 48px !important; height: 48px !important; position: relative; top: auto; right: auto; left: auto; z-index: 10;}
@media (max-width: 575px){#slides-section .swiper-container .swiper .swiper-navigation.swiper-main-navigation .swiper-btn{width: 44px !important; height: 44px !important;}}
#slides-section .swiper-container .swiper .swiper-navigation.swiper-main-navigation:has(.swiper-button-next.swiper-button-disabled):has(.swiper-button-prev.swiper-button-disabled){display: none !important;}
@media (max-width: 767px){#slides-section .swiper-container .swiper .swiper-pagination{padding: 30px 12px !important; display: flex !important; justify-content: start !important; align-items: center !important;}}
@media (max-width: 576px){#slides-section .swiper-container .swiper .swiper-pagination{padding: 20px 12px !important; display: flex !important; justify-content: start !important; align-items: center !important;}}
#slides-section .swiper-container .swiper .swiper-pagination .swiper-pagination-bullet{border-color: #ffffff !important;}
#slides-section .swiper-container .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #ffffff !important;}















/*--------------------------------------------------------------
# category-posts section
--------------------------------------------------------------*/
#min-section .swiper-button-prev, #min-section .swiper-button-next{width: 40px !important; height: 40px !important;}
#min-section .swiper-button-prev, #min-section .swiper-rtl .swiper-button-next{left: 12px !important; right: auto !important;}
#min-section .swiper-button-next, #min-section .swiper-rtl .swiper-button-prev{right: 12px !important; left: auto !important;}
@media (max-width: 768px) {
    #min-section .swiper-button-prev, #min-section .swiper-button-next{width: 36px !important; height: 36px !important;}
    #min-section .swiper-button-prev, #min-section .swiper-rtl .swiper-button-next{left: 12px !important; right: auto !important;}
    #min-section .swiper-button-next, #min-section .swiper-rtl .swiper-button-prev{right: 12px !important; left: auto !important;}
}
.min-section .section-title .title::before{display: none !important;}
.min-section .section-title .title::after{display: none !important;}
.category-posts-section .section-title .section-title-content .title-content::after{content: ""; height: 8px; width: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border-top: 1px dashed var(--line); border-bottom: 1px dashed var(--line);}
.category-posts-section:not(:last-child) .section-content{border-bottom: solid 1px var(--line);}
.category-posts-section .first-category-post .post-panel .featured-image{overflow: hidden;}
.category-posts-section .first-category-post .post-panel .featured-image img{transition: all .3s ease-out;}
.category-posts-section .first-category-post .post-panel .featured-image:hover img{transform: translateX(0) translateY(0) scale(1.06);}
.category-posts-section .first-category-post .post-panel .post-media{width: 100%; aspect-ratio: 16 / 10.656;}
.category-posts-section .first-category-post .post-panel .post-media .swiper-slide{aspect-ratio: 16 / 10.656;}
.category-posts-section .first-category-post .post-panel .post-media .swiper-slide .featured-vedio .overly-featured-image{background: rgb(0 0 0 / 10%); position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px;}
.category-posts-section .first-category-post .post-panel .post-media .swiper-slide .featured-vedio .overly-featured-image .play-btn{width: 18%; max-width: 80px;}

.category-posts-section .first-category-post .post-panel .post-media .swiper .swiper-navigation{display: none !important;}
.category-posts-section .first-category-post .post-panel .post-media .swiper:hover .swiper-navigation:not(:has(.swiper-button-next.swiper-button-disabled):has(.swiper-button-prev.swiper-button-disabled)){display: block !important;}
.category-posts-section .first-category-post .post-panel .post-media .swiper .swiper-scrollbar{background: rgb(0 0 0 / 30%); min-height: 4px !important; max-height: 4px !important; bottom: 0px !important; left: 0px !important; right: 0px !important;}
.category-posts-section .first-category-post .post-panel .post-media .swiper .swiper-scrollbar .swiper-scrollbar-drag{background: #000000 !important;}

.category-posts-section .first-category-post .post-panel .post-header .post-meta{line-height: 1; font-size: 14px; font-weight: 500; text-transform: capitalize;}
.category-posts-section .first-category-post .post-panel .post-header .post-title{font-size: 18px !important; font-weight: 700 !important; line-height: 1.4 !important; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -moz-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; text-overflow: ellipsis; white-space: normal;}
@media (max-width: 992px){.category-posts-section .first-category-post .post-panel .post-header .post-title{font-size: 16px !important;}}
.category-posts-section .first-category-post .post-panel .post-header .post-title a{color: #000000 !important;}
.category-posts-section .first-category-post .post-panel .post-header .post-title a:hover{color: var(--link-darker) !important;}
.category-posts-section .first-category-post .post-panel .post-header .text-truncate{font-size: .895rem!important; line-height: 1.6; display: -webkit-box; line-clamp: 3; -webkit-line-clamp: 3; -moz-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; text-overflow: ellipsis; white-space: normal;}

@media (min-width: 992px){
    .sticky-col{height: calc(100vh - 103.8px); max-height: calc(100vh - 103.8px); position: sticky; top: 103.8px; overflow-y: auto; transition: all 0.50s ease; -ms-overflow-style: -ms-autohiding-scrollbar; scrollbar-width: none !important; scrollbar-color: #a9a9a9 transparent;}
    .header-has-collapse .sticky-col{height: calc(100vh - 66.8px); max-height: calc(100vh - 66.8px); position: sticky; top: 66.8px; overflow-y: auto; transition: all 0.50s ease;}
    .header-has-show .sticky-col{height: calc(100vh - 103.8px); max-height: calc(100vh - 103.8px); position: sticky; top: 103.8px; overflow-y: auto; transition: all 0.50s ease;}
}
.category-posts-section .short-category-posts .short-post-panel:not(:last-child){padding-bottom: 16px; border-bottom: solid 1px var(--line); margin-bottom: 16px;}
.category-posts-section .short-category-posts .short-post-panel .post-media .featured-image{width: 100px; min-width: 100px; max-width: 100px; overflow: hidden; }
@media (max-width: 768px){.category-posts-section .short-category-posts .short-post-panel .post-media .featured-image{width: 108px; min-width: 108px; max-width: 108px;}}
.category-posts-section .short-category-posts .short-post-panel .post-media .featured-image img{transition: all .3s ease-out;}
.category-posts-section .short-category-posts .short-post-panel .post-media .featured-image:hover img{transform: translateX(0) translateY(0) scale(1.06);}
.category-posts-section .short-category-posts .short-post-panel .post-header .post-meta{line-height: 1; font-size: 12px; font-weight: 500; text-transform: capitalize;}
.category-posts-section .short-category-posts .short-post-panel .post-header .post-title{font-size: 13px !important; font-weight: 700 !important; line-height: 1.4 !important;}
@media (max-width: 992px){.category-posts-section .short-category-posts .short-post-panel .post-header .post-title{font-size: 14px !important;}}
.category-posts-section .short-category-posts .short-post-panel .post-header .post-title a{display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -moz-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; text-overflow: ellipsis; white-space: normal; color: #000000 !important;}
.category-posts-section .short-category-posts .short-post-panel .post-header .post-title a:hover{color: var(--link-lighter) !important;}
