/*--------------------------------------------------------------
# Customizing Header Transparent & Nav Menu
--------------------------------------------------------------*/
#header.transparent{background: transparent !important; border-bottom: none !important;}
#header .logo-colorful{position: initial !important; visibility: initial !important; opacity: 1 !important;}
#header .logo-transparent{position: absolute !important; top: 0px; right: 0px; bottom: 0px; left: 0px; visibility: hidden !important; opacity: 0 !important;}
#header.transparent .logo-colorful{position: absolute !important; top: 0px; right: 0px; bottom: 0px; left: 0px; visibility: hidden !important; opacity: 0 !important;}
#header.transparent .logo-transparent{position: initial !important; visibility: initial !important; opacity: 1 !important;}
#header.transparent .icofont-navigation-menu{color: #ffffff !important;}
#header.transparent .top-bar svg{fill: #ffffff !important;}
#header.transparent .top-bar, #header.transparent .top-bar .container div div > a, #header.transparent .top-bar .btn-group-language button{color: #ffffff !important;}
@media (min-width: 992px){#header.transparent .navbar-collapse .nav-link{color: #ffffff !important;}}
#header.transparent .nav-menu ul li .main-nav-item{color: #ffffff !important;}
#header.transparent .mobile-nav-toggle i{color: #ffffff !important;}
#header.transparent .navbar.navbar-expand-lg .navbar-collapse .foter-mobile-social .follow-us svg{fill: #ffffff !important;}

/*--------------------------------------------------------------
# fullscreen video background section
--------------------------------------------------------------*/
#fullscreen_video_background{width: 100%; height: 100vh; height: 100svh; position: relative;}
#fullscreen_video_background #video_background {width: 100%; height: 100vh; height: 100svh; border-radius: 0px 0px 16px 16px !important; object-fit: cover; border: none !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1;}
#fullscreen_video_background .video-background-overly{background: rgb(0 0 0 / 17%); border-radius: 0px 0px 16px 16px !important;}
#fullscreen_video_background .video-background-carousel {border-radius: 0px 0px 16px 16px !important; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px;}
#fullscreen_video_background .video-background-carousel .video-background-carousel-titel{position: absolute; top: 130px; right: 15px; bottom: 120px; left: 15px; color: #ffffff;}
#fullscreen_video_background .video-background-carousel .video-background-carousel-links{position: absolute; bottom: 65px; right: 15px; left: 15px; color: #ffffff;}

.btn-secondary-video-background {background: var(--secondary); border: solid 1px var(--secondary); color: #ffffff; font-weight: 500;}
.btn-secondary-video-background:hover {background: #ffffff !important; border: solid 1px var(--secondary); color: var(--secondary);}
.btn-secondary-video-background:focus {background: #ffffff !important; border: solid 1px var(--secondary) !important; color: var(--secondary) !important;}

.btn-primary-video-background {background: var(--primary); border: solid 1px var(--primary); color: #000000; font-weight: 500;}
.btn-primary-video-background:hover {background: #ffffff; border: solid 1px var(--primary); color: var(--primary);}
.btn-primary-video-background:focus {background: #ffffff !important; border: solid 1px var(--primary) !important; color: var(--primary) !important;}


/*--------------------------------------------------------------
# Gallery Section
--------------------------------------------------------------*/
.gallery-section .swiper .swiper-slide .swiper-slide-container{position: relative; border-radius: 3px; overflow: hidden;}
.gallery-section .swiper .swiper-slide .swiper-slide-container .overly-links{background: rgb(0 0 0 / 12%); width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; bottom: 0px; z-index: 1;}
.gallery-section .swiper .swiper-slide .swiper-slide-container .overly-links .overly-container{width: 100%; height: 100%; position: relative;}
.gallery-section .swiper .swiper-slide .swiper-slide-container .overly-links .overly-container .swiper-slide-expand{position: absolute; top: 0px; left: 0px; line-height: 21px; font-size: 21px; color: #ffffff; outline: none !important; transition: all 0.2s ease;}
.gallery-section .swiper .swiper-slide .swiper-slide-container .overly-links .overly-container .swiper-slide-expand:hover{font-size: 24px !important; line-height: 24px !important;}



/*--------------------------------------------------------------
# testimonials section
--------------------------------------------------------------*/
.testimonials .testimonial-item {box-sizing: content-box;}
  
.testimonials .testimonial-item .client-info {margin-top: -45px; position: relative; z-index: 2;}
  
.testimonials .testimonial-item .testimonial-img {width: 90px; height: 90px; border-radius: 50%; position: relative; z-index: 2; border: 6px solid #ffffff;}
  
.testimonials .testimonial-item h3 {font-size: 18px; font-weight: bold;}
  
.testimonials .testimonial-item p {padding: 20px 20px 60px 20px; background: var(--light); position: relative; border-radius: 6px; position: relative; z-index: 1;}

.testimonials .testimonial-item .quote-icon-left, .testimonials .testimonial-item .quote-icon-right {display: inline-block; position: relative; color: var(--info); font-size: 26px;}
.testimonials .testimonial-item .quote-icon-left{bottom: -4px;}
.testimonials .testimonial-item .quote-icon-right{top: 9px;}