/*--------------------------------------------------------------
# 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 .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: 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; 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;}

#fullscreen_video_background .ply-vedio{position: absolute; top: 0px; right: 15px; bottom: 0px; left: 15px;}
#fullscreen_video_background .ply-vedio .ply-vedio-btn{background: transparent; padding: 0px; margin: 0px; border: none !important; outline: none !important; box-shadow: none !important;}
#fullscreen_video_background .ply-vedio .ply-vedio-btn svg{fill: #ffffff !important;}
#fullscreen_video_background .ply-vedio .ply-vedio-btn:hover > .ply-vedio-btn-icon{border: dashed 2px #ffffff; border-radius: 50%;}
#fullscreen_video_background .ply-vedio .ply-vedio-btn:hover > .ply-vedio-btn-texts .font-bold{text-decoration: underline;}
#fullscreen_video_background .ply-vedio .ply-vedio-btn .ply-vedio-btn-texts{color: #ffffff;}
#fullscreen_video_background .ply-vedio .ply-vedio-btn .ply-vedio-btn-texts .font-bold{font-weight: bold;}

.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;}


/*--------------------------------------------------------------
# Our Services Section
--------------------------------------------------------------*/
#our_services .services-swiper-grop{position: relative;}
#our_services .services-swiper-nav{position: relative;}
#our_services .services-swiper-nav .swiper{position: static !important;}
#our_services .services-swiper-nav .swiper-slide a.link-hash{background: transparent !important; width: max-content !important; padding-right: 0px !important; padding-left: 0px !important; margin: 0px !important; border: none !important; outline: none !important; box-shadow: none !important; line-height: 0.955rem; font-size: 0.955rem; font-weight: 500; text-align: center !important;}
#our_services .services-swiper-nav .swiper-slide.swiper-slide-active a.link-hash{border-bottom: solid 1px var(--secondary) !important; border-radius: 0px !important; font-weight: 600;}
#our_services .swiper-button-prev, #our_services .swiper-rtl .swiper-button-next, #our_services .swiper-button-next, #our_services .swiper-rtl .swiper-button-prev{top: calc(100% + 24px) !important;}

/* @media (max-width: 767px) {
    #our_services .swiper-button-prev, #our_services .swiper-rtl .swiper-button-next{left: -18px !important;}
    #our_services .swiper-button-next, #our_services .swiper-rtl .swiper-button-prev{right: -18px !important;}
} */

#our_services .services-swiper-contents{position: relative !important;}
#our_services .services-swiper-contents::before{
    content: "";
    background: url('../../../../img/brand-figures/third/circle-line.svg');
    background-position: center;
    background-size: 100px;
    background-repeat: no-repeat;
    width: 113px;
    height: 113px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    z-index: -1;
}

#our_services .services-swiper-contents::after{
    content: "";
    background: url('../../../../img/brand-figures/third/square-x-dots.svg');
    background-position: center;
    background-size: 90px;
    background-repeat: no-repeat;
    width: 90px;
    height: 90px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: -1;
}

@media (max-width: 767px) {
    #our_services .services-swiper-contents::before{
        content: "";
        background: url('../../../../img/brand-figures/third/circle-line.svg');
        background-position: center;
        background-size: 80px;
        background-repeat: no-repeat;
        width: 80px;
        height: 90px;
        position: absolute;
        top: 0px;
        bottom: 0px;
        z-index: -1;
    }

    #our_services .services-swiper-contents::after{
        content: "";
        background: url('../../../../img/brand-figures/third/square-x-dots.svg');
        background-position: center;
        background-size: 60px;
        background-repeat: no-repeat;
        width: 60px;
        height: 60px;
        position: absolute;
        bottom: 0px;
        right: 0px;
        z-index: -1;
    }
  }

#our_services .services-swiper-contents .swiper-content-container{border-radius: 8px; line-height: 0; position: relative; overflow: hidden; transition: all 1s linear !important;}
#our_services .services-swiper-contents .swiper-content-container .content-video-background{border-radius: 8px; opacity: 0.3; transition: all 0.3s linear !important;}
#our_services .services-swiper-contents .swiper-content-container .content-absolute-btns{position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 1; overflow: hidden; transform: translate3d(0px, 0px, 0px); transition: all 1s linear(0 0%, 0.22 2.1%, 0.86 6.5%, 1.11 8.6%, 1.3 10.7%, 1.35 11.8%, 1.37 12.9%, 1.37 13.7%, 1.36 14.5%, 1.32 16.2%, 1.03 21.8%, 0.94 24%, 0.89 25.9%, 0.88 26.85%, 0.87 27.8%, 0.87 29.25%, 0.88 30.7%, 0.91 32.4%, 0.98 36.4%, 1.01 38.3%, 1.04 40.5%, 1.05 42.7%, 1.05 44.1%, 1.04 45.7%, 1 53.3%, 0.99 55.4%, 0.98 57.5%, 0.99 60.7%, 1 68.1%, 1.01 72.2%, 1 86.7%, 1 100%);}

@media (max-width: 353px){
    #our_services .services-swiper-contents .swiper-content-container .content-absolute-btns .rewatch-btn-container{padding-top: 8px !important; bottom: auto !important;}
}

#our_services .services-swiper-contents .swiper-content-container.vedio-runing .content-video-background{opacity: 1 !important; transition: all 0.3s linear !important;}
#our_services .services-swiper-contents .swiper-content-container.vedio-runing.vedio-runing .content-absolute-btns{transform: translate3d(500px, 0px, 0px); transition: all 1s linear(0 0%, 0.22 2.1%, 0.86 6.5%, 1.11 8.6%, 1.3 10.7%, 1.35 11.8%, 1.37 12.9%, 1.37 13.7%, 1.36 14.5%, 1.32 16.2%, 1.03 21.8%, 0.94 24%, 0.89 25.9%, 0.88 26.85%, 0.87 27.8%, 0.87 29.25%, 0.88 30.7%, 0.91 32.4%, 0.98 36.4%, 1.01 38.3%, 1.04 40.5%, 1.05 42.7%, 1.05 44.1%, 1.04 45.7%, 1 53.3%, 0.99 55.4%, 0.98 57.5%, 0.99 60.7%, 1 68.1%, 1.01 72.2%, 1 86.7%, 1 100%);}


/*--------------------------------------------------------------
# our packages Section
--------------------------------------------------------------*/
#our_packages .packages-swiper{position: relative !important;}
#our_packages .packages-swiper .swiper-slide::before{
    content: "";
    background: url('../../../../img/brand-figures/lightened/square-x-dots.svg');
    background-position: center;
    background-size: 65px;
    background-repeat: no-repeat;
    width: 65px;
    height: 65px;
    position: absolute;
    top: 4px;
    z-index: 0;
}
#our_packages .packages-swiper .swiper-slide::after{
    content: "";
    background: url('../../../../img/brand-figures/lightened/square-x-dots.svg');
    background-position: center;
    background-size: 65px;
    background-repeat: no-repeat;
    width: 65px;
    height: 65px;
    position: absolute;
    bottom: 4px;
    z-index: 0;
}

#our_packages .packages-swiper .swiper-slide .package-image{position: relative;}
#our_packages .packages-swiper .swiper-slide .package-image::before{
    content: "";
    background: url('../../../../img/brand-figures/lightened/diamond-circle-dots.svg');
    background-position: center;
    background-size: 55px;
    background-repeat: no-repeat;
    width: 55px;
    height: 55px;
    position: absolute;
    bottom: -10px;
    z-index: -1;
}
#our_packages .packages-swiper .swiper-slide .package-image::after{
    content: "";
    background: url('../../../../img/brand-figures/lightened/circle-line.svg');
    background-position: center;
    background-size: 80px;
    background-repeat: no-repeat;
    width: 80px;
    height: 80px;
    position: absolute;
    top: -5px;
    z-index: -1;
}

#our_packages .packages-swiper .swiper-slide{background: var(--secondary); border: solid 1px var(--secondary); box-shadow: 0px 2px 24px rgba(40, 18, 114, 0.05);}
#our_packages .packages-swiper .swiper-slide-contents .content-detail{color: #ffffff;}

@media (min-width: 768px){
    #our_packages .packages-swiper .swiper-slide-contents{position: relative;}
    #our_packages .packages-swiper .swiper-slide-contents .content-detail{width: calc(57% - 52px) !important; position: relative;}
    #our_packages .packages-swiper .swiper-slide-contents .package-image{width: calc(43% + 52px) !important;}
    #our_packages .packages-swiper .swiper-slide-contents .content-detail .supcategory-package{position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: -1;}
    #our_packages .packages-swiper .swiper-slide-contents .btn-content{position: absolute; bottom: 0px;}
}

@media (min-width: 1024px) and (max-width: 1200px){
    #our_packages .packages-swiper .swiper-slide-contents{min-height: 200px;}
    #our_packages .packages-swiper .swiper-slide-contents .content-detail{width: calc(65% - 52px) !important; position: relative;}
    #our_packages .packages-swiper .swiper-slide-contents .package-image{width: calc(35% + 52px) !important; display: flex; align-items: center;}
}

@media(max-width: 350px){
    #our_packages .packages-swiper .swiper-slide-contents .category-package h3{margin-bottom: 8px !important; font-size: 0.935rem !important; font-weight: bold;}
    #our_packages .packages-swiper .swiper-slide-contents .category-package .btn-sm {font-size: 0.835rem !important;}
}

#our_packages .packages-swiper .autoplay-progress{background: var(--secondary); border-radius: 50%; color: #ffffff; bottom: 12.5px !important;}
#our_packages .packages-swiper .autoplay-progress svg{stroke: #ffffff;}

@media(max-width: 425px){
    #our_packages .packages-swiper .autoplay-progress svg{  stroke-width: 2px;}
}


/*--------------------------------------------------------------
# testimonials Section
--------------------------------------------------------------*/
#testimonials .reviews-swiper{position: relative !important;}
#testimonials .reviews-swiper::before{
    content: "";
    background: url('../../../../img/brand-figures/third/square-x-dots.svg');
    background-position: center;
    background-size: 70px;
    background-repeat: no-repeat;
    width: 70px;
    height: 70px;
    position: absolute;
    bottom: -10px;
    z-index: 0;
}

#testimonials .reviews-swiper::after{
    content: "";
    background: url('../../../../img/brand-figures/third/square-x-dots.svg');
    background-position: center;
    background-size: 70px;
    background-repeat: no-repeat;
    width: 70px;
    height: 70px;
    position: absolute;
    top: -10px;
    z-index: 0;
}

#testimonials .reviews-swiper .swiper{max-width: calc(100% - 80px);}
@media (max-width: 425px){
    #testimonials .reviews-swiper .swiper{max-width: calc(100% - 70px);}
}
@media (max-width: 340px){
    #testimonials .reviews-swiper .swiper{max-width: calc(100% - 60px);}
}

#testimonials .swiper-button-prev, #testimonials .swiper-rtl .swiper-button-next{left: -47px; right: auto;}
#testimonials .swiper-button-next, #testimonials .swiper-rtl .swiper-button-prev{right: -47px; left: auto;}

@media (max-width: 425px) {
    #testimonials .swiper-button-prev, #testimonials .swiper-rtl .swiper-button-next{left: -45px; right: auto;}
    #testimonials .swiper-button-next, #testimonials .swiper-rtl .swiper-button-prev{right: -45px; left: auto;}
}
@media (max-width: 340px) {
    #testimonials .swiper-button-prev, #testimonials .swiper-rtl .swiper-button-next{left: -40px; right: auto;}
    #testimonials .swiper-button-next, #testimonials .swiper-rtl .swiper-button-prev{right: -40px; left: auto;}
}
  
#testimonials .reviews-swiper .swiper .swiper-slide{background: #ffffff; border: solid 1px var(--line); border-radius: 0px 35px 35px 35px; box-shadow: 0px 2px 24px rgba(40, 18, 114, 0.05);}
#testimonials .reviews-swiper .swiper .swiper-slide .client-img img{width: 65px; min-width: 65px; max-width: 65px; height: 65px; min-height: 65px; max-height: 65px; border-radius: 0px 15px 15px 15px;}
#testimonials .reviews-swiper .swiper .swiper-slide .client-name{line-height: 0.875rem; font-size: 0.875rem; font-weight: bold;}
#testimonials .reviews-swiper .swiper .swiper-slide .client-jop{line-height: 0.875rem; font-size: 0.875rem; font-weight: 400;}
#testimonials .reviews-swiper .swiper .swiper-slide blockquote{font-size: 14px; line-height: 21px; letter-spacing: 0.08px;}
#testimonials #rating-platform .rating-container #rating-btn:focus{background: var(--info-darker) !important;}




/*--------------------------------------------------------------
# Support Section
--------------------------------------------------------------*/
#support .background-img{background-image: url('../../../../img/backgrounds/contact-background.webp'); background-position: bottom center; background-position-x: center; background-position-y: bottom; background-repeat: no-repeat; background-size: contain;}
#support .form-loding.loading-submit-show{display: block !important;}
@keyframes loading-submit-svg-icon-animation { 0% {transform: translate(0px, 0px) rotate(-0deg);} 100% {transform: translate(0px, 0px) rotate(-180deg);}}
#support .form-loding .loading-submit-icon .svg-icon{fill:#ffffff;}
#support .form-loding.loading-submit-show .loading-submit-icon .svg-icon{fill:#ffffff; animation-name: loading-submit-svg-icon-animation; animation-duration: 0.95s; animation-direction: reverse; animation-iteration-count: infinite;}
#support .form-loding .loading-submit-content{color: #ffffff;}
#support .form-loding .loading-submit-content .describe{line-height: 1rem; font-weight: 400;}
#support .form-loding .loading-submit-content .describe .dots{padding: 0px 2px; position: relative;}
#support .form-loding .loading-submit-content .describe .dots i{opacity: 0;}
@keyframes loading-submit-dots-animation { 0%   {content: ".";} 25%  {content: "..";} 50%  {content: "...";} 75%  {content: "..";} 100%  {content: ".";}}
#support .form-loding.loading-submit-show .loading-submit-content .describe .dots::before{content: ""; width: max-content; display: inline-block; font-weight: 600; position: absolute; animation-name: loading-submit-dots-animation; animation-duration: 4.5s; animation-direction: reverse; animation-iteration-count: infinite;}
/* ==================================================== */




/* #support .support-form-body .form-control{background: transparent;} */