/*--------------------------------------------------------------
# Customizing Header Transparent & Nav Menu
--------------------------------------------------------------*/
#header.transparent{background: transparent; border-bottom: none;}
#header.transparent .topbar{background: transparent !important;}
@keyframes header_transparent_navbar_collapsed {0% {background: #ffffff;} 100% {background: transparent;}}
#header.transparent.navbar-collapsed{animation: header_transparent_navbar_collapsed 0.26s ease-in-out 0s forwards !important;}

#header .logo-colorful{position: initial; visibility: initial; opacity: 1;}
#header .logo-transparent{position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; visibility: hidden; opacity: 0;}
#header.transparent .logo-colorful{position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; visibility: hidden; opacity: 0;}
#header.transparent .logo-transparent{position: initial; visibility: initial; opacity: 1;}
#header.transparent .navbar-toggler i{color: #ffffff;}
#header.transparent.navbar-show .navbar-toggler i{color: var(--primary);}
@keyframes header_transparent_navbar_show__logo_transparent {0% {opacity: 1;} 100% {opacity: 0;}}
#header.transparent.navbar-show .logo-transparent{position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; visibility: hidden; animation: header_transparent_navbar_show__logo_transparent 0.05s ease-in-out 0s forwards !important;}
@keyframes header_transparent_navbar_show__logo_colorful {0% {opacity: 0;} 100% {opacity: 1;}}
#header.transparent.navbar-show .logo-colorful{position: initial; visibility: initial; animation: header_transparent_navbar_show__logo_colorful 0.05s ease-in-out 0s forwards !important;}
@keyframes header_transparent_navbar_collapsed__logo_transparent {0% {opacity: 0;} 100% {opacity: 1;}}
#header.transparent.navbar-collapsed .logo-transparent{position: initial; visibility: initial; animation: header_transparent_navbar_collapsed__logo_transparent 0.05s ease-in-out 0s forwards !important;}
@keyframes header_transparent_navbar_collapsed__logo_colorful {0% {opacity: 1;} 100% {opacity: 0;}}
#header.transparent.navbar-collapsed .logo-colorful{position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; visibility: hidden; animation: header_transparent_navbar_collapsed__logo_colorful 0.05s ease-in-out 0s forwards !important;}
@media (min-width: 992px){#header.transparent .navbar-expand-lg .nav-item .nav-link{border-top-color: var(bs-navbar-transparent-border-color) !important; border-bottom-color: var(bs-navbar-transparent-border-color) !important; color: var(--bs-navbar-transparent-color) !important;} #header.transparent .navbar-expand-lg .nav-item .nav-link:hover, #header.transparent .navbar-expand-lg .nav-item .nav-link.show{border-bottom-color: var(--bs-navbar-transparent-hover-border-color) !important; color: var(--bs-navbar-transparent-hover-color) !important;} #header.transparent .navbar-expand-lg .nav-item .nav-link.active{border-bottom-color: var(--bs-navbar-transparent-active-border-color) !important; color: var(--bs-navbar-transparent-active-color) !important;} #header.transparent .navbar-expand-lg .nav-item.dropdown .dropdown-menu{border-top-color: var(--bs-navbar-transparent-hover-border-color) !important;} #header.transparent .topbar .dropdown-menu{border-top-color: var(--warning) !important;}}


/*--------------------------------------------------------------
# slides section
--------------------------------------------------------------*/
#slides-section .swiper-container{width: 100%; height: 100vh; height: 100svh; min-height: 100vh; min-height: 100svh; max-height: 100vh; max-height: 100svh;}
#slides-section .swiper-container .swiper .swiper-wrapper .swiper-slide .slide-container{width: 100%; height: 100vh; height: 100svh; min-height: 100vh; min-height: 100svh; max-height: 100vh; max-height: 100svh; position: relative;}
#slides-section .swiper-container .swiper .swiper-wrapper .swiper-slide .slide-container .slide-image-container img{min-height: 100vh; min-height: 100svh; max-height: 100vh; max-height: 100svh; object-fit: cover; object-position: center top; transform: scale(1.25); opacity: 1;}
@keyframes zoom_in {0% {transform: scale(1); opacity: 1;} 100% { transform: scale(1); opacity: 0;}}
#slides-section .swiper-container .swiper .swiper-wrapper .swiper-slide.slide.swiper-slide-prev .slide-container .slide-image-container img, #slides-section .swiper-container .swiper .swiper-wrapper .swiper-slide.slide.swiper-slide-next .slide-container .slide-image-container img{animation: zoom_in 0.28s ease-in-out 0s forwards;}
@keyframes zoom_out {0% {transform: scale(1.25);} 100% { transform: scale(1); opacity: 1;}}
#slides-section .swiper-container .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .slide-container .slide-image-container img{animation: zoom_out 1.4s ease-in-out 0.20s forwards !important;}
#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;}
#slides-section .swiper-container .swiper .swiper-wrapper .swiper-slide.slide .slide-container .slide-overly{background: rgb(0 0 0 / 25%);}
#slides-section .swiper-container .swiper .swiper-wrapper .swiper-slide.slide .slide-container .slide-overly .slide-carousel{color: #ffffff; transform: scale(0.75); opacity: 0;}
@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{animation: slide_carousel_in 0.14s ease-in-out 0s forwards;}
@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{animation: slide_carousel_out 1s ease-in-out 0.80s forwards;}
#slides-section .swiper-container .swiper .swiper-wrapper .swiper-slide .slide-container .slide-overly .slide-carousel .carousel-title{line-height: 1.34; font-size: 60px; font-weight: 700;}
@media (max-width: 1024px){#slides-section .swiper-container .swiper .swiper-wrapper .swiper-slide .slide-container .slide-overly .slide-carousel .carousel-title{font-size: 30px;}}
#slides-section .swiper-container .swiper .swiper-wrapper .swiper-slide .slide-container .slide-overly .slide-carousel .carousel-describe{line-height: 1.4; font-size: 24px;}
@media (max-width: 1024px){#slides-section .swiper-container .swiper .swiper-wrapper .swiper-slide .slide-container .slide-overly .slide-carousel .carousel-describe{font-size: 18px;}}
#slides-section .swiper-container .swiper .swiper-wrapper .swiper-slide .slide-container .slide-overly .slide-carousel .carousel-btn{padding: 9px 20px; 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: 50%;}}
#slides-section .swiper-container .swiper .swiper-navigation.swiper-main-navigation .swiper-btn{background: transparent !important; width: 32px !important; height: 32px !important; border-color: transparent !important; border-radius: 50%; margin-top: 0px; display: inline-flex; justify-content: center; align-items: center;  color: #ffffff !important; font-size: 1.8rem !important; line-height: 1rem !important; transition: all .5s ease !important; box-shadow: none !important;}
#slides-section .swiper-container .swiper .swiper-navigation.swiper-main-navigation .swiper-btn::after{font-size: 1.8rem !important;}
.swiper-button-prev, .swiper-rtl .swiper-button-next{left: 24px; right: auto;}
.swiper-button-next, .swiper-rtl .swiper-button-prev{right: 24px; left: auto;}
@media (max-width: 767px) {.swiper-button-prev, .swiper-rtl .swiper-button-next{left: 4px; right: auto;} .swiper-button-next, .swiper-rtl .swiper-button-prev{right: 4px; left: auto;}}
#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;}
#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;}



/*--------------------------------------------------------------
# Posts Section
--------------------------------------------------------------*/
.posts-section .posts-swiper{clip-path: inset(0 0 0 0 round 12px);}
.posts-section .posts-swiper .swiper .swiper-slide .swiper-slide-container{border-radius: 12px; clip-path: inset(0 0 0 0 round 12px);}
.posts-section .posts-swiper .swiper .swiper-slide .post-image{position: relative; width: 100%; aspect-ratio: 16 / 10.656;}
.posts-section .posts-swiper .swiper .swiper-slide .post-image .category-link{position: absolute; top: 0px; right: 0px; left: 0px; z-index: 2;}
.posts-section .posts-swiper .swiper .swiper-slide .post-image::after{content: ""; background: #ffffff; width: 1.563rem; height: 1.563rem; position: absolute; top: 50%; z-index: 2; transform: translate3d(-50%, -50%, 0px) rotate(45deg);}
.posts-section.bg-light .posts-swiper .swiper .swiper-slide .post-image::after{background: var(--light);}
.posts-section .posts-swiper .swiper .swiper-slide .post-image .overly-play-video{background: rgb(0 0 0 / 10%); width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 1;}
@media (max-width: 767px){.posts-section .posts-swiper .swiper .swiper-slide .post-image::after{top: auto !important; bottom: -1.563rem !important;}}
.posts-section .posts-swiper .swiper .swiper-slide .post-content .webkit-box{display: -webkit-box; line-clamp: 4; -webkit-line-clamp: 4; -moz-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; text-overflow: ellipsis; white-space: normal;}
@media (min-width: 768px){.posts-section .posts-swiper .swiper .swiper-slide .post-content .webkit-box{line-clamp: 4; -webkit-line-clamp: 4; -moz-line-clamp: 4;}}
@media (min-width: 992px){.posts-section .posts-swiper .swiper .swiper-slide .post-content .webkit-box{line-clamp: 6; -webkit-line-clamp: 6; -moz-line-clamp: 6;}}
.posts-section .posts-swiper .swiper .swiper-slide .post-content p{font-size: .895rem !important; line-height: 1.6;}



/*--------------------------------------------------------------
# testimonials section
--------------------------------------------------------------*/
.testimonials-section .testimonial-item{box-sizing: content-box;}  
.testimonials-section .testimonial-item .client-info{margin-top: -45px; position: relative; z-index: 2;}
.testimonials-section .testimonial-item .client-info .testimonial-img{width: 90px; height: 90px; border-radius: 50%; position: relative; z-index: 2; border: 6px solid var(--secondary);}
.testimonials-section .testimonial-item .client-info h3.client-name{font-size: 18px; font-weight: bold; color: var(--primary-darker) !important;}
.testimonials-section .testimonial-item .client-info .client-job{font-size: .87rem;}
.testimonials-section .testimonial-item p{padding: 20px 20px 59px 20px; position: relative; border-radius: 12px 12px 20% 20%; position: relative; z-index: 1; color: var(--text) !important;}
@media (min-width: 992px){.testimonials-section .testimonial-item p{padding: 32px 32px 71px 32px !important;}}
.testimonials-section .testimonial-item .quote-icon-left, .testimonials-section .testimonial-item .quote-icon-right {display: inline-block; position: relative; color: var(--primary); font-size: 22px;}
.testimonials-section .testimonial-item .quote-icon-left{bottom: -4px;}
.testimonials-section .testimonial-item .quote-icon-right{top: 9px;}
.testimonials-section.bg-secondary .swiper .swiper-pagination .swiper-pagination-bullet{background: transparent; border: solid 1.500px #ffffff; opacity: 1;}
.testimonials-section.bg-secondary .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #ffffff;}

/*--------------------------------------------------------------
# Gallery Section
--------------------------------------------------------------*/
#gallery-section .section-swiper{clip-path: inset(0 0 0 0 round 12px 12px 25% 25%);}
#gallery-section .section-swiper .swiper .swiper-slide .swiper-slide-container .venobox .slide-meta{font-size: 12px !important;}
#gallery-section .section-swiper .swiper .swiper-slide .swiper-slide-container .venobox .slide-image{width: 100% !important; aspect-ratio: 6 / 5 !important; overflow: hidden; transition: all .3s ease-out;}
#gallery-section .section-swiper .swiper .swiper-slide .swiper-slide-container .venobox .slide-image img{transition: all .8s ease-out;}
#gallery-section .section-swiper .swiper .swiper-slide .swiper-slide-container .venobox:hover .slide-image img{transform: translateX(0) translateY(0) scale(1.13);}
#gallery-section .section-swiper .swiper .swiper-slide .swiper-slide-container .venobox .slide-name{color: var(--link) !important;}
#gallery-section .section-swiper .swiper .swiper-slide .swiper-slide-container .venobox:hover .slide-name{color: var(--link-lighter) !important; text-decoration: underline !important;}