/*--------------------------------------------------------------
# Customizing Header Transparent & Nav Menu
--------------------------------------------------------------*/
#header.transparent{background: transparent !important;}
#header.transparent .logo-color{position: absolute !important; top: 0px; right: 0px; bottom: 0px; left: 0px; visibility: hidden !important; opacity: 0 !important;}
#header.transparent .logo-white{position: initial !important; visibility: initial !important; opacity: 1 !important;}
#header.transparent .link-tools .tds-icon{fill: #ffffff;}
#header.transparent .nav-menu ul li .main-nav-item{color: #ffffff !important;}
#header.transparent .mobile-nav-toggle i{color: #ffffff !important;}
#header.header-show{box-shadow: none !important;}
#header .mobile-nav .mobile-nav-header .mobile-nav-toggle i{color: var(--nav-menu-links-color) !important;}


/*--------------------------------------------------------------
# fullscreen video background section
--------------------------------------------------------------*/
#fullscreen_video_background{width: 100%; height: calc(100vh - 170px); height: calc(100svh - 170px); position: relative; margin-bottom: 63px;}
#fullscreen_video_background #video_background {width: 100%; height: calc(100vh - 170px); height: calc(100svh - 170px); 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(10 69 135 / 30%);}
/* #fullscreen_video_background .video-background-overly::before {content: ""; display: block; background: #ffffff; left: 0; position: absolute; right: 0; width: 100%; height: 100px; transform-origin: left; bottom: -100px; z-index: 0}
#fullscreen_video_background .video-background-overly::after {content: ""; display: block; background: #ffffff; left: 0; position: absolute; right: 0; width: 100%; height: 100px; transform: skewY(-3deg); transform-origin: left; bottom: -100px; z-index: 0} */

#fullscreen_video_background .video-background-overly::before {content: ""; display: block; background: var(--light); border-radius: 0px 0px 1px 16px; position: absolute; left: 0; width: 50%; height: 170px; transform-origin: right; transform: skewY(5deg); bottom: -170px; z-index: 0}
#fullscreen_video_background .video-background-overly::after {content: ""; display: block; background: var(--light); border-radius: 0px 0px 16px 1px; position: absolute; right: 0; width: 50%; height: 170px; transform-origin: left; transform: skewY(-5deg); bottom: -170px; z-index: 0}

#fullscreen_video_background .video-background-carousel {position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px;}
#fullscreen_video_background .video-background-carousel .video-background-carousel-titel{position: absolute; top: 0px; right: 8px; bottom: 0px; left: 8px; color: #ffffff;}


/* Nav Links Style */
#nav-links-scrol-x {background: #ffffff; border-top: solid 1px var(--line); border-bottom: solid 1px var(--line); position: sticky; top: 99.99px; right: 0px; left: 0px; z-index: 2; transition: all 0.5s ease;}
body.header-has-transparent #nav-links-scrol-x {background: transparent; border-color: transparent;}
body.header-has-collapse #nav-links-scrol-x {background: rgb(255 255 255 / 66%); backdrop-filter: blur(3px);}
@media (max-width: 991px) {#nav-links-scrol-x {top: 59.99px;}}
#nav-links-scrol-x .scrol-x-none-display{scroll-behavior: smooth; transition: all 0.4s ease-in-out;}
#nav-links-scrol-x .link-section{border-top: solid 1px transparent; border-bottom: solid 1px transparent; font-size: 1rem !important; font-weight: 600 !important;}
#nav-links-scrol-x .link-section.active{border-bottom-color: var(--secondary); color: var(--link-lighter);}
#nav-links-scrol-x .link-section.active svg{fill: var(--link-lighter);}
#nav-links-scrol-x .link-section .icon svg{width: auto !important; height: 1.1em !important;}
/* .service-section{padding-top: 140px !important;}
@media (max-width: 991px) {.service-section{padding-top: 100px !important;}} */
.service-section{position: relative; z-index: 0; margin-top: 63px;}
.service-section .section-title .subtitle .svg-icon-contaner svg{width: auto !important; height: 1.5em !important; fill: var(--success) !important;}
.service-section .swiper .swiper-wrapper .swiper-slide{border: solid 1px var(--line); border-radius: 9px !important;}
.service-section .swiper.swiper-slides-white .swiper-wrapper .swiper-slide{background: #ffffff;}
.service-section .swiper.swiper-slides-light .swiper-wrapper .swiper-slide{background: var(--light);}
.service-section .swiper .swiper-wrapper .swiper-slide .sub-service-icon .icon-content{width: 42px; height: 42px;}
.service-section .swiper .swiper-wrapper .swiper-slide .sub-service-icon .svg-icon-contaner svg{width: auto !important; height: 1em !important; fill: #ffffff !important;}
/* .service-section .swiper .swiper-wrapper .swiper-slide .sub-service-description{min-height: 132px;} */
@media (max-width: 576px) {.service-section .swiper .swiper-wrapper .swiper-slide .sub-service-description{min-height: 115px;}}
@media (max-width: 480px) {.service-section .swiper .swiper-wrapper .swiper-slide .sub-service-description{min-height: 138px;}}
@media (max-width: 427px) {.service-section .swiper .swiper-wrapper .swiper-slide .sub-service-description{min-height: 161px;}}
@media (max-width: 328px) {.service-section .swiper .swiper-wrapper .swiper-slide .sub-service-description{min-height: 184px;}}
@media (min-width: 576px) {.service-section .swiper .swiper-wrapper .swiper-slide .sub-service-description{min-height: 92px;}}
@media (min-width: 768px) {.service-section .swiper .swiper-wrapper .swiper-slide .sub-service-description{min-height: 115px;}}
@media (min-width: 992px) {.service-section .swiper .swiper-wrapper .swiper-slide .sub-service-description{min-height: 161px;}}
@media (min-width: 1200px) {.service-section .swiper .swiper-wrapper .swiper-slide .sub-service-description{min-height: 92px;}}
@media (min-width: 1400px) {.service-section .swiper .swiper-wrapper .swiper-slide .sub-service-description{min-height: 92px;}}
.service-section .swiper .swiper-wrapper .swiper-slide{position: relative;}
.service-section .swiper .swiper-wrapper .swiper-slide::before{
    content: "";
    background: url('../../../../img/brand-figures/third/square-x-dots.svg');
    background-position: center;
    background-size: 52px;
    background-repeat: no-repeat;
    width: 52px;
    height: 52px;
    position: absolute;
    top: 6px;
  }
.service-section .swiper .swiper-wrapper .swiper-slide::after{
    content: "";
    background: url('../../../../img/brand-figures/third/square-x-dots.svg');
    background-position: center;
    background-size: 30px;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: 6px;
  }