/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

a,
.comments-area a,
.page-content a,
.elementor-button { text-decoration:none; }


/*********************from proress bar*******************/
/******************************
Vertical Progress Bar for CF7
******************************/
.form-progress-container { display: flex; align-items: stretch; position: relative; width: 100%; max-width: 900px; margin: 0 auto; gap: 20px; padding: 20px 0; }
.progress-bar-wrapper { position: sticky; top: 20px; width: 3px; background: #e0e0e0;  border-radius: 4px; flex-shrink: 0; height: 100%;   min-height: 100%; overflow: hidden;  }
.form-progress-container { display: flex; align-items: flex-start; position: relative; width: 100%; max-width: 1000px; margin: 0 auto; gap: 30px; padding: 40px 0; }
.progress-bar-wrapper { outline: 1px solid #D7D7D7; }
.progress-bar-wrapper {  position: sticky; top: 20px; width: 3px; background: #D7D7D7;  border-radius: 4px; flex-shrink: 0; height: auto; min-height: 100%; align-self: stretch; overflow: hidden; }
.progress-bar { width: 100%; height: 0%; background: #F77F38 !important; border-radius: 4px; transition: height 0.3s ease-out; }


.form-wrapper .form-scroll-container { position: relative; padding:0 0 0 50px; margin:30px 0; height:100%; overflow-y:auto; padding-right:10px; box-sizing:border-box; }
.form-wrapper .form-scroll-container::before { content:''; border:2px solid #D7D7D7; position:absolute; left:10px; top:13px;  bottom: 13px; }
.form-wrapper .form-scroll-container::-webkit-scrollbar { width:8px; }
.form-wrapper .form-scroll-container::-webkit-scrollbar-thumb { background-color:rgba(0, 0, 0, 0.4); }
.form-wrapper ul { padding:0; list-style:none; }
.form-wrapper ul li.dots { position: relative; }
.form-wrapper ul li.dots::before { content: ''; width: 12px; height: 12px; position: absolute; left: -44px; border-radius: 50%; background: #D7D7D7; top:12px; }
.form-wrapper ul li.dots.active::before { border-color: #F77F38; background-color: #F77F38; }

.form-wrapper .select_field { color:#000; font-weight:bold; font-size:20px; }
.form-wrapper .label { font-size:22px; font-weight: bold; color: #000; line-height: 1.3; }
.form-wrapper label { letter-spacing:-2%; color:#7C7C7C; font:400 15px var( --e-global-typography-text-font-family ), Sans-serif; margin-bottom:20px; width:100%; }

select { border-bottom: 1px solid #7C7C7C !important; border: none; border-radius: 0px; padding: 12px 0px; letter-spacing: -2%; color: #7C7C7C; font:400 15px var( --e-global-typography-text-font-family ), Sans-serif;-webkit-appearance: none;-moz-appearance: none;appearance: none; background:url(images/select.svg) no-repeat right 10px center; padding-right:20px; }
.form-wrapper input { border-bottom: 1px solid #7C7C7C !important;border: none;background: transparent;border-radius: 0px; width: 100%; padding: 0px 0px 10px 0px; margin-top: 10px; }
.form-wrapper input:focus-visible { outline: none; }
.form-wrapper input[type="submit"] { background-color: var( --e-global-color-accent ); border: none !important; font-weight: bold; letter-spacing: -2%; font-family: var( --e-global-typography-text-font-family ), Sans-serif;padding: 10px 0px 10px 0px; width: 140px; }
select:focus { outline: none; }
.form-wrapper input[type="submit"]:hover { background-color:#DF7333; }
.form-wrapper label br { display: none; }
.form_wrap_sec { position:sticky; top:0; z-index: 10; }

.wpcf7-form.invalid .wpcf7-response-output { background: #ff0000; border: 0; color: #fff; margin:0 0 0 50px; }
.wpcf7-form.sent .wpcf7-response-output { background: #46b450; color: #fff; margin: 0 0 0 50px; }



/* Header */
#content.site-main .page-header { display:none; } 
#masthead { background:#000; }
body.home #masthead { background:none; position: fixed; width: 100%; }
body.home #masthead.sticky { background:rgba(0,0,0,0.8); }
body.home #masthead.sticky .hfe-site-logo-img { width:90px; }


header#masthead .elementskit-navbar-nav { align-items: center; }
header#masthead .elementskit-navbar-nav li a { height:auto; line-height: 1; color:#fff; }
header#masthead .elementskit-navbar-nav li a:hover { color:var(--e-global-color-accent); }
header#masthead .elementskit-navbar-nav li.elementor-button { padding:0; margin-left:15px; } 
header#masthead .elementskit-navbar-nav li.elementor-button a { padding:15px 30px; }
header#masthead .elementskit-navbar-nav li.elementor-button a:hover { color:#fff !important }
/* Header */

/* Banner */
.main_banner {}
.main_banner video { height:100vh; }
.main_banner .caption_sec { padding-bottom:80px; }
.main_banner .caption_sec .e-con-inner { position:relative; }
.main_banner .caption_sec h1 { text-align: right; }
.main_banner .caption_sec h1 span { display:block; font-size:60%; }
.main_banner .bring-box { position:absolute; top: 20px; left: 0; }
/* Banner */

/* About */
.about_sec .about-box > div { height:100%; }
/* About */

/* Services */
.our_services { overflow:hidden; }
.services-swiper { padding: 80px 0;width: calc(100% + 500px); text-align: center; padding-bottom: 40px;}
.services-swiper .card-inner { position: relative; width: 100%; overflow: hidden; transition: 0.5s; }
.services-swiper .card-inner::before { content: ""; display: block;  position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #000; opacity: 0.1; }
.services-swiper .card-inner img {width: 100%;display: block;}
.services-swiper .card-inner .card_box { color:#fff; position: absolute; width: 100%; bottom: 0; padding: 25px; color: #fff; line-height:1.4; }
.services-swiper .card-inner .card_box .card-title { font-size: 35px; color:#fff; color: #fff; font-weight: 600; text-shadow:0 2px 4px rgba(0,0,0,.6); transition:opacity .4s ease; }
.services-swiper .card-inner .card_box.hover { opacity:0; }
.services-swiper .card-inner:hover { margin-top: -30px; box-shadow: 0px 25px 44px 0px #00000073; }
.services-swiper .card-inner:hover::before { opacity:0.5; }  
.services-swiper .card-inner:hover .card_box { opacity:0; }
.services-swiper .card-inner:hover .card_box.hover { opacity:1; }
.services-swiper .controls-inner { width: 270px;display: flex;height: 60px;align-items: center;margin: 0 auto;justify-content: space-between; gap: 25px; }
.services-swiper .swiper-button-next,
.services-swiper .swiper-button-prev { position: relative; display: inline-block; margin: 20px 10px 0; top: auto; bottom: auto; width: 95px; transition: all 0.5s; }
.services-swiper .swiper-button-prev::after,
.services-swiper .swiper-button-next::after { background: url(images/slider-arrow.svg) no-repeat 0 0 / cover; display:block; content:""; height:42px; width:95px; margin:0; }
.services-swiper .swiper-button-prev::after {  transform: rotateY(180deg); }
/* Services */


/* Contact */
.store-location .cont_block { padding:40px; position:relative; }
.store-location .cont_block a { text-decoration:none; }
.store-location .cont_block::before,
.store-location .cont_block::after { background:url(images/cont_shape.png) no-repeat 0 0; content:""; display:block; height:379px; width:121px; position:absolute; top:0; left:0; }
.store-location .cont_block::after {  transform:rotateY(180deg); left:inherit; right:0; }
.store-location .cont_block > div { position:relative; }
.store-location .cont_block > div::before,
.store-location .cont_block > div::after { content:""; display:block; position:absolute; background:url(images/cont_corner.png) no-repeat 0 0; height:32px; width:34px; left:0; top:0; }  
.store-location .cont_block > div::after { left: inherit; right: 0; transform: rotateY(180deg); }
.store-location .cont_block .cont_block_inner { position:relative; }
.store-location .cont_block .cont_block_inner::before,
.store-location .cont_block .cont_block_inner::after { content:""; display:block; position:absolute; background:url(images/cont_corner.png) no-repeat 0 0; height:32px; width:34px; left:1px; top:inherit; bottom:0; transform:rotateY(270deg); }  
.store-location .cont_block .cont_block_inner::after { left: inherit; right: 0; transform: rotate(180deg); }
/* Contact */

/* Marque */
.marque-contents .elementor-widget  { white-space: nowrap; position: relative; animation: marquee 10s linear infinite; }
.marque-contents .elementor-widget p { margin:0; }
.marque-contents .elementor-widget img { vertical-align: middle; margin: 0 4%; }
@keyframes marquee { 
0% { transform:translate(0, 0); }  
100% { transform:translate(-84%, 0);}
}
/* Marque */

/* Footer */
footer .hfe-nav-menu ul li.elementor-button { display:none; }
/* Footer */


@media (max-width: 1599px) {
.services-swiper { width:100%; }
}


@media (max-width: 1024px) {
header .logo-box .elementor-widget-site-logo { width: 110px; }
header#masthead .elementskit-navbar-nav li a { color:#000; padding:15px; }
header#masthead .elementskit-navbar-nav li.elementor-button a { color:#fff; }
header#masthead .elementskit-navbar-nav li a:hover { color:var(--e-global-color-accent); }

.main_banner .caption_sec { padding-bottom: 30px; }
.main_banner .caption_sec h1 { text-align: center; }
.main_banner .bring-box { position:static; }
.main_banner .bring-box .elementor-widget-image { display:none; }

.services-swiper { padding:0; }
.services-swiper .card-inner .card_box .card-title { font-size:25px; }
.services-swiper .card-inner .card_box { display:none; }
.services-swiper .card-inner .card_box.hover {  display:block; opacity:1; }
} 

@media (max-width: 1024px) {
.store-location .cont_block { padding:0; }
.store-location .cont_block::before, 
.store-location .cont_block::after { display:none; }
.services-swiper .card-inner::before,
.services-swiper .card-inner:hover::before { opacity:0.5; }
.services-swiper .card-inner:hover { margin:0; }  
.services-swiper .controls-inner { width: 180px; }
.services-swiper .swiper-button-prev::after,
.services-swiper .swiper-button-next::after { height: 28px; width: 64px; }

.form_wrap_sec .sticky-image { position:static !important; }
}


@media (max-width: 575px) {
header .logo-box .elementor-widget-site-logo { width: 90px !important; }
.form-wrapper .form-scroll-container { padding:0; }
.form-wrapper .form-scroll-container::before,
.form-wrapper ul li.dots::before { display:none; }
.form-wrapper .label { font-size: 18px; }
.wpcf7-form.invalid .wpcf7-response-output,
.wpcf7-form.sent .wpcf7-response-output { margin:0; }
}


/*

@media only screen and (max-width: 1800px) {
.services-swiper { width: calc(100% + 365px); }
}

@media only screen and (max-width: 1700px) {
.our-services {padding-left: 180px;}
.services-swiper { width: calc(100% + 340px); }
}

@media only screen and (max-width: 1600px) {
.our-services {padding-left: 70px;}
}

@media only screen and (max-width: 1450px) {
.services-swiper { width: calc(100% + 315px); }
}
@media only screen and (max-width: 1500px) {
.our-services {padding-left: 20px;}
}
@media only screen and (max-width: 1366px) {
.services-swiper { width: calc(100% + 280px); }
.services-swiper .card-inner .hover-description {padding: 25px 25px;}
.services-swiper .card-inner .hover-description .card-titles { font-size: 30px !important; }
}
@media only screen and (max-width: 1250px) { .services-swiper { width: calc(100% + 260px); } }
@media only screen and (max-width: 1200px) {
.services-swiper .card-inner .hover-description .card-titles {font-size: 26px !important; margin-bottom: 10px; margin-top: 0px;}
.our-services {padding-left: 20px;}
.services-swiper .card-inner .hover-description {padding: 30px 15px; font-size: 16px;}
.services-swiper .card-inner .card-title {font-size: 26px !important;}
.form-progress-container .form-wrapper label {margin-bottom: 25px;} 
.services-swiper { width: calc(100% + 270px); }
}

@media only screen and (max-width: 1024px) {
.services-swiper .card-inner .hover-description .card-titles {font-size: 25px !important;}
.services-swiper .card-inner .card-title {font-size: 22px !important;}
.services-swiper .card-inner:hover {margin-top: 0;box-shadow: none;}
.services-swiper {padding: 20px 0;}
.services-swiper .swiper-button-prev { background: url(https://uat.tsprojects.net/demo1/fanatic-graphix/wp-content/uploads/2025/09/prev-arrow.svg) no-repeat; width: 45px;margin: 20px 10px 0;} 
.services-swiper .swiper-button-next { background: url(https://uat.tsprojects.net/demo1/fanatic-graphix/wp-content/uploads/2025/09/next-arrow-1.svg) no-repeat; right: var(--swiper-navigation-sides-offset, 10px) !important; margin: 20px 10px 0;cursor: pointer;width: 45px;} 
.services-swiper .swiper-button-next, .services-swiper .swiper-button-prev {width: 45px;}
.services-swiper .card-inner .hover-description {position: inherit;}	
.services-swiper .card-inner .card-hover {position: fixed;opacity: 1;background: unset;}
.services-swiper .card-inner .card-hover video.hover-video {display: none;}
.services-swiper .card-inner:hover .card-front img, .services-swiper .card-inner:hover .card-title {opacity: 1;}
.services-swiper .card-inner:hover::after {display: none;}
.services-swiper .card-inner .card-title {display: none;}
.services-swiper { width: calc(100% + 160px); }
.services-swiper .controls-inner { justify-content: center; width: calc(85% + 0px);  margin: 0;}
.services-swiper .card-inner .card-hover::after {content: '';width: 100%;height: 100%;top: 0;left: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.7) 100%);position: absolute;}
.form-progress-container .form-wrapper label {margin-bottom: 15px;}
.form-progress-container {gap: 20px;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { background-position: 100% 0% !important; }
}

@media only screen and (max-width: 767px) {
.services-swiper .card-inner .hover-description .card-titles {display: block;}
.services-swiper { width: calc(100% + 200px); }
.services-swiper .card-inner .hover-description { font-size: 16px; }
.services-swiper .controls-inner { justify-content: center; width: calc(80% + 0px); margin: 0; }
}

@media only screen and (max-width: 574px) {
.services-swiper .controls-inner { width: calc(75% + 0px); margin: 0; }
.services-swiper .card-inner .hover-description p { display: none; }
}*/