html, body{ font-family: 'Pilat Wide'; background-color: #ffffff; font-size:16px;font-weight:400;height:auto !important;text-align:left;margin:0;padding:0;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
input, textarea, select, button{border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;-webkit-border-radius:0}
/*input:not(.input-file){-moz-appearance:none;-ms-appearance:none;-o-appearance:none;-webkit-appearance:none;appearance:none}*/
[class*="col-"]{}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{transition:background 5000s ease, color 5000s ease !important;transition-delay:background-color 5000s, color 5000s !important;}
a, button{text-decoration:none;text-decoration:none !important;cursor:pointer;}
p{margin:0;line-height:1.60;font-size: 16px; margin-bottom:30px; font-family: 'Pilat Wide'; color: #626464;}
p strong { font-family: 'Pilat Wide'; }
p:last-child{margin-bottom:0px;}
.transition,:before,:after, a, button{transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.container{max-width:1676px;margin:0 auto;width:100%;}
input[type=text]::-ms-clear{display:none;}
input[type=submit], input[type=button]{cursor:pointer;}
select:focus::-ms-value{color:inherit;background:none;}
*{outline:none !important;}
b, strong{ font-family: 'Pilat Wide'; font-weight:bold;color: #000;}
img{max-width:100%;vertical-align:middle;height:auto;border-radius: 0;}
ul, ol{margin:0 0 20px 0;padding:0;list-style:none;}
li{list-style:none;}
select:-moz-focusring{color:transparent;text-shadow:0 0 0 #606060;-moz-transition:all 0s ease;}
select::-ms-expand{display:none;}
input::-ms-clear{display:none;}
figure{margin:0;}
img.alignleft{margin:0 30px 30px 0;float:left;max-width:625px;}
img.alignright{margin:0 0 30px 30px;float:right;max-width:500px;}
.aligncenter{float:none;display:block;margin:15px auto 0 auto}
.noscript{background:#2e2a2b;display:block;text-align:center;color:#fff;padding:10px 0;position:fixed;bottom:0;right:0;left:0;z-index:9;}
p.noscript{margin:0;}
.warning-icon{display:inline-block;vertical-align:middle;position:relative;width:30px;height:30px;z-index:1;margin:0 10px 0 0;}
*::-webkit-input-placeholder{color:inherit;opacity:1;}
*:-moz-placeholder{color:inherit;opacity:1;}
*::-moz-placeholder{color:inherit;opacity:1;}
*:-ms-input-placeholder{color:inherit;opacity:1;}
*::placeholder{color:inherit;opacity:1;}
svg{}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{ font-family: 'Pilat Wide Book'; font-weight: 450; line-height:1.2;display:block;margin:0 0 15px 0;color: #000;}
h1, .h1{font-size:35px;}
h2, .h2{font-size:25px;}
h3, .h3{font-size:22px;}
h4, .h4{font-size:20px;}
h5, .h5{font-size:18px;}
h6, .h6{font-size:16px;}
a{color: #212529;}
p a, p a strong, .cms_page ul li a strong, .cms_page ul li a {color:#0177ff; font-family: 'Pilat Wide'; }
a:hover{color: #0177ff;}
.m0{margin:0 !important;}
.mb0{margin-bottom:0 !important;}
.p0{padding:0 !important;}
.pb0{padding-bottom:0 !important}
.pt0{padding-top:0 !important}
.logged-in{margin-top:32px;}
section{width:100%;padding:150px 0;z-index: 1;position: relative;float: left;}
button{background:no-repeat;border:none;padding:0;line-height:normal;}
.btn, .btn input {text-align: center; min-width: inherit; font-size: 14px; /* line-height: 1.4;*/ font-weight: 450; display: inline-flex; align-items: center; justify-content: center; position: relative; z-index: 1; border-radius: 30px; /* padding: 2px 4px 2px 20px; */ padding: 3px 4px 3px 20px; box-shadow: none !important; outline: none; color: #fff; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; height: auto; border: none; }
/*header .white-btn{ border: none; display: inline-block; color: #111; text-decoration: none; border-radius: 50px; background: #fff; position: relative; z-index: 1;}*/
/*header .white-btn:before { content: ""; border: none; position: absolute; inset: 0; border-radius: 50px; padding: 1px; background: linear-gradient(90deg, #3b5bdb, #00c6ff); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; z-index: -1; } */
/*header .white-btn span{ color: #000; background: no-repeat; width: inherit; height: inherit; border-radius: 0; line-height: inherit;}*/
.banner_content_box .white-btn:hover span{ background: #fff }
.banner_content_box .white-btn:hover svg path{fill: #000;}
.white-btn {background: #fff; color: #000; gap: 10px; }
.white-btn i {width:38px; height:38px; background:#087bf5; color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:22px; }
.white-btn:active, .white-btn:focus-visible{ background: #fff !important; color: #000 !important;}
.white-btn i svg{width: 11px; height: 11px;}
.white-border-btn {background: #fff; color: #000; gap: 10px;border: 1px solid #0077fe; font-family: 'Pilat Wide Book';}
.white-border-btn i {width:38px; height:38px; background:#087bf5; color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:22px; }
.white-border-btn :active, .white-border-btn:focus-visible{ background: #fff !important; color: #000 !important;}
.white-border-btn i svg{width: 11px; height: 11px;}
.blue-btn{ background: #0177ff; color: #fff; }
.blue-btn i{ background:#fff; height: 35px; width: 35px;margin: 0px 0 0 5px; line-height: 37px; border-radius: 50%; text-align: center; vertical-align: middle; display: inline-block; }
.blue-btn i svg{width: 11px; height: 11px; margin: -5px 0 0;}
.blue-btn i svg path{ fill: #0077FE; }
.blue-btn:active, .blue-btn:focus-visible{ background: #0177ff !important; color: #fff !important;}
.btn span {line-height: 33px; display: inline-block; padding:2px 0;font-family: 'Pilat Wide Book';font-weight: 450;}
.arrow-btn {flex-shrink: 0; width: 49px; height: 49px; border-radius: 50%; background: #0077FE; border: none; display: flex; align-items: center; justify-content: center; transition: background 0.2s ease, transform 0.2s ease; margin-top: 2px; }
.arrow-btn:hover {background: #1d4ed8; transform: scale(1.08); }
.arrow-btn svg {width: 17px; height: 17px; stroke: #fff; }
.arrow-btn:active, .arrow-btn:focus-visible{ background: #0177ff !important; color: #fff !important;}
/* border button */
.border-btn {display: flex; align-items: center; gap: 10px; background: transparent; border: 1.5px solid #0077FE; color: #ffffff; cursor: pointer; text-decoration: none; flex-shrink: 0; transition: border-color 0.2s ease, background 0.2s ease; align-self: end; margin-top: 0; border-radius: 30px; padding: 3px 3px 3px 20px; }
.border-btn:hover {border-color: #fff; background: #fff; color: #0177ff;}
.border-btn i {width: 35px; height: 35px; background: #2563EB; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: background 0.2s ease, transform 0.2s ease; }
.border-btn:hover i {background: #1d4ed8; transform: scale(1.08); }
.border-btn i svg {width: 11px; height: 11px; stroke: #fff; }
.border-btn:active, .border-btn:focus-visible{ background: transparent !important; border: 1.5px solid #0077FE !important ; color: #ffffff !important ;}
.up-arrow span{width: 32px; height: 32px;margin-right: -10px; background: #fff; border-radius: 50%; text-align: center; vertical-align: middle; display: inline-block;padding: 5px; }
.up-arrow span svg{height: 16px; width: 16px;}
.form-control:focus{ outline: 0; box-shadow:none; border:2px solid #8D8D8D; background: none; }
.btn input {border-radius: 0px;}
.btn:hover{ background:#fff;color:#0177ff;}
.submit_btn_box .btn:not(.call_btn):after {left: calc(50% - -57px);right: auto;transform: translate(-50%, -50%);position: absolute;margin-bottom: 0;margin-top: 5px;}
.call_btn:before {content: "";height: 14px;width: 14px;background-size: 14px auto;margin-right: 12px;margin-bottom: 4px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8.7 1C10.3709 1 11.9733 1.66375 13.1548 2.84523C14.3363 4.02671 15 5.62914 15 7.3M8.7 3.8C9.62826 3.8 10.5185 4.16875 11.1749 4.82513C11.8313 5.4815 12.2 6.37174 12.2 7.3M9.2824 11.1976C9.42697 11.264 9.58984 11.2792 9.74418 11.2406C9.89853 11.2021 10.0351 11.1121 10.1315 10.9855L10.38 10.66C10.5104 10.4861 10.6795 10.345 10.8739 10.2478C11.0683 10.1506 11.2827 10.1 11.5 10.1H13.6C13.9713 10.1 14.3274 10.2475 14.5899 10.5101C14.8525 10.7726 15 11.1287 15 11.5V13.6C15 13.9713 14.8525 14.3274 14.5899 14.5899C14.3274 14.8525 13.9713 15 13.6 15C10.2583 15 7.05341 13.6725 4.69045 11.3095C2.3275 8.94659 1 5.74173 1 2.4C1 2.0287 1.1475 1.6726 1.41005 1.41005C1.6726 1.1475 2.0287 1 2.4 1H4.5C4.8713 1 5.2274 1.1475 5.48995 1.41005C5.7525 1.6726 5.9 2.0287 5.9 2.4V4.5C5.9 4.71734 5.8494 4.9317 5.7522 5.1261C5.655 5.3205 5.51387 5.48959 5.34 5.62L5.0124 5.8657C4.88389 5.96382 4.79331 6.10341 4.75605 6.26075C4.71879 6.41808 4.73715 6.58346 4.808 6.7288C5.76468 8.67191 7.3381 10.2434 9.2824 11.1976Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position: center;background-repeat: no-repeat;transition: all .5s ease;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;-webkit-transition: .5s}
.btn br{display:none;}
.btn i {z-index: 20;}
.submit_btn .btn span.wpcf7-spinner:after {display: none;}
.submit_btn .btn, .form-submit {width: 100%;padding: 0 !important;}
.submit_btn .btn p { width: 100%;}
.submit-bx .btn span { margin: 0;}
.btn input, .form-submit input {width:100%;min-width:100%;background:transparent;border:none;color:#ffffff;padding: 0 30px;height:60px;}
.btn:not(.call_btn).white:after {content: "";background-size: 10px auto;background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1H11M11 1V11M11 1L1 11' stroke='%23990D19' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");;background-position: center;background-repeat: no-repeat;transition: all .5s ease;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;-webkit-transition: .5s}
.btn:focus{outline:none;}
.btn+.btn{margin-left:15px;}
input[type=number] {-moz-appearance: textfield;-webkit-appearance: textfield;appearance: textfield;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.site_main {width: 100%; float: left; position: relative;/* padding-top: 115px;*/ }
.main_title{margin: 0 0 60px;}
.small_title{font-size: 20px; font-family: 'Pilat Wide Book'; font-weight: 300; color: #0077FE; /*margin: 0 0 8px;*/ margin: 0; letter-spacing: 0; display: inline-block;}
.main_title .h1{font-size: 50px; font-weight: bold; color: #000; margin: 0;}
.main_title .h3{font-size: 30px; line-height: 45px;font-weight: bold; color: #000; margin: 0;}
.title_main { font-size: 40px; color: #000; font-family: 'Pilat Wide Book'; line-height: 60px; font-weight: 400;}
.title_main .h1{ font-size: 40px; color: #000;font-family: 'Pilat Wide Book'; line-height: 60px; font-weight: normal;}
.title_main .h1 span{ color: #0077FE;}
.main_title p{color:#000;font-size: 16px;}
header {width: 100%;float: left; padding: 20px 0; z-index: 3; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; /* background: rgba(0, 0, 0, 0.9); background: #282828;*/ position: absolute; top: 0; left: 0; width: 100%;}
.main_logo img {-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
header.sticky .main_logo img {max-width: 200px;height: auto;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
header.sticky {border: none !important; /* background: rgba(0, 0, 0, 0.9); */ background: #282828; z-index: 11;-moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; position: fixed; top: 0; left: 0; right: 0; }
.desk-menu { width: calc(100% - 320px); }
header.sticky .navigation ul.menu > li > a { color: #fff;}
.page-template-location-listing header {/* background: #282828;*/ background: #1c1c1c;}
.page-template-location-listing header.sticky { background: #1C1C1C;}
/*header.sticky .call_detail_bx span { color: #fff;}*/
/*.phone-icon {border-radius: 5px; border: 1.5px solid #0177ff; height: 42px; width: 50px; text-align: center; line-height: 42px; } */
/*.call_detail_bx span {display: block; padding: 0 0px 0 16px; font-size: 14px; font-weight: 400; } */
/*.call_detail_bx span a {width: 100%; display: block; font-size: 18px; font-weight: 600; color: #0177ff; }
.call_detail_bx { margin: 0 30px 0 0;}*/
.wpcf7-spinner { background-color: #23282d !important; width: 21px !important; height: 21px !important; margin: 0 8px 0 0 !important;}
.serach_icon{ margin: 0 0 0 10px;}
.serach_icon span{ background: #0177ff; height: 42px; width: 42px; display: inline-block; border-radius: 50%; text-align: center; line-height: 38px;}
.serach_icon span svg{}
.serach_icon:hover svg path{ fill: #fff }
.main_menu{ padding: 0 30px 0 0;}
.main_menu .mega-menu { gap: 40px;}
.product-mega-menu .mega-menu-panel {min-width: 900px; }
/*/ search popup /*/
.search-popup { position: fixed; top: 0;left: 0; right: 0; bottom: 0; z-index: 10; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; display: none; background: #fff;}
.search-popup-open .search-popup { display: flex; -webkit-animation: search-animation .5s ease; animation: search-animation .5s ease; }
.search-popup:before { content: ""; display: block; position: absolute; right: 0; top: 0; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); width: 230vw; padding-bottom: 230vw; height: 0; background: #fff; border-radius: 50%; -webkit-border-radius: 50%; z-index: -1; }
.search-popup-open .search-popup:before { -webkit-animation: search-bg-animation .5s linear; animation: search-bg-animation .5s linear; }
.search-form { width: 100%; max-width: 900px; padding: 0 15px; opacity: 0; }
.search-popup-open .search-form { -webkit-animation: search-animation .5s linear both; animation: search-animation .5s linear both; -webkit-animation-delay: .5s; animation-delay: .5s; }
.search-close { width: 25px; height: 25px; position: absolute; right: 20px; top: 120px; cursor: pointer; transition: all .5s ease; -webkit-transition: all .5s ease; }
.search-close:before, .search-close:after { content: ""; display: block; width: 31px; height: 3px; background: #000; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); }
.search-close:after { transform: translate(-50%, -50%) rotate(-45deg); -webkit-transform: translate(-50%, -50%) rotate(-45deg); }
.search-form form { position: relative; }
.search_input_section .search-input {border-radius: 0px; outline: none; width: 100%; border: none; font: inherit; border-bottom: 2px solid #ddd; font-size: 30px; color: var(--content-color); height: 80px; padding: 0 40px 0 0; transition: all .5s ease; -webkit-transition: all .5s ease; }
.search_input_section .search-submit { right: 0; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); border: none; padding: 0; background: none; width: 40px; height: 40px;/* opacity: 0; visibility: hidden;*/ }
.search_input_section .search-arrow { right: 0; width: 30px; height: 20px; /*opacity: 0;*/ position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: all .5s ease; -webkit-transition: all .5s ease; fill: var(--content-color); pointer-events: none; }
.search-input:focus { border-color: var(--primary-color); background: #fff;}
.search-input:focus~.search-arrow { opacity: 1;}
@keyframes search-animation {
0% { opacity: 0; visibility: hidden; }
100% { opacity: 1; visibility: visible; }
}
@keyframes search-bg-animation {
0% { transform: translate(50%, -50%) scale(0); -webkit-transform: translate(50%, -50%) scale(0); }
100% { transform: translate(50%, -50%) scale(1); -webkit-transform: translate(50%, -50%) scale(1); }
}
/*/ search popup /*/
.slide-info {
background: #fff;
border-top: 1px solid #cdcdcd;
padding: 20px 0;
}
.slide-info h2 { font-size: 21px; margin: 0 0 20px; font-weight: 600;}
.slide-info p { margin: 0 0 15px;}
.search-result-count { margin: 0 0 20px;}
.home_banner_box_main { position: relative; padding: 0; margin: 0px 0 0; z-index: 1; width: 100%; min-height: 100vh; overflow: hidden; }
.home_banner figure.home_banner_main img { max-width: 100%; position: relative; z-index: -1; min-height: 100%; object-fit: cover; height: 100%; width: 100%; }
.home_banner { position: relative; z-index: 1; }
.home_banner figure.home_banner_main { position: relative; z-index: 1; height: 100vh; }
.home_banner figure.home_banner_main figcaption {position:relative;margin-top: 0px;max-width: 760px;}
.home_banner figure.home_banner_main figcaption .banner_content_box { }
.home_banner figure.home_banner_main figcaption .banner_content_box .small_title {color: #fff; font-size: 16px; text-transform: uppercase; letter-spacing: 2.9px; font-weight: 400; margin: 0 0 15px; line-height: 20px; }
.home_banner figure.home_banner_main figcaption .banner_content_box .h1 {
letter-spacing: 0;
margin: 0 0 15px;
display: inline-block;
font-size: 64px;
color: #fff;
font-weight: 400;
line-height: 58px;
padding: 0;
}
.home_banner figure.home_banner_main figcaption .banner_content_box .h1 span { font-weight: normal;color:#fff; display: inline-block; font-family: 'Pilat Wide'; font-weight: 600;}
.home_banner figure.home_banner_main figcaption .banner_content_box p {
font-family: 'Pilat Wide Book';
color: #fff;
letter-spacing: 0px;
font-size: 20px;
line-height: 30px;
margin: 7px 0 5px;
}
.home_banner figure.home_banner_main figcaption .banner_content_box p span { font-weight: 400;}
.home_banner figure.home_banner_main img {
width: 100%;
}
.hero-banner {
position: relative;
width: 100%;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.hero-video {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
transform: scale(1.05);
animation: videoZoom 20s ease-in-out infinite alternate;
}
@keyframes videoZoom {
0% { transform: scale(1.05); }
100% { transform: scale(1.12); }
}
.hero-overlay {
display:none;
position: absolute;
inset: 0;
z-index: 1;
background:
linear-gradient(to bottom,
rgba(0,0,0,0.45) 0%,
rgba(0,0,0,0.25) 40%,
rgba(0,0,0,0.65) 80%,
rgba(0,0,0,0.85) 100%
);
}
.hero-overlay-tint {position: absolute; inset: 0;z-index: 1; background: rgba(10, 30, 80, 0.25);display:none;}
.home .banner_figcaption {top: 85%; padding: 0 0 100px;}
.banner_figcaption {width: 100%; margin: 0; position: absolute; top: 76%;/* bottom:-40px;*/ left: 50%; transform: translate(-50%, -50%); z-index: 2; }
.big_banner_figcaption{width: 100%; margin: 0; position: absolute; top: 80%; left: 50%; transform: translate(-50%, -50%); z-index: 2;}
.big_banner_figcaption .inner_breadcrumb { margin: 70px 0 0;}
.big_banner_figcaption .inner_banner_caption h1, .big_banner_figcaption .inner_banner_caption .h1 { margin: 0 0 15px;}
.page-template-about-page .big_banner_figcaption{top: 75%; }
.single-solution .banner_figcaption { top: 79%; margin: 0;}
.single-solution .inner_banner_caption h1, .single-solution .inner_banner_caption .h1 { margin: 0px 0 70px;}
.tax-product_cat #inner_banner .category_banner_dec { margin-top: 0; margin-left: 0; padding: 0 0 0 85px;}
.page-template-location-listing #inner_banner { min-height: 502px;}
.page-template-location-listing .banner_figcaption{ top:inherit; margin:0; bottom:-56px;}
.main_logo { }
.banner-form .container { position: relative;}
.button_box a + a{ margin: 0 0 0 10px; padding: 3px 3px 3px 16px; justify-content: space-around;}
.button_box a + a i { width: 35px; height: 35px;}
.banner_content_box .button_box, .banner_button_box { margin: 20px 0 0;}
.page-down {position: absolute; bottom: 24px; left: 50%; z-index: 1; height: 43px; width: 43px; border-radius: 50%; }
.page-down:hover { background: #0077FE }
.page-down:hover svg path{ }
/* About Section */
.about_content { }
.about_left_content .main_title { margin: 0 0 40px;}
.about_left_content .h1, .about_left_content h2 {color: #0077FE; font-weight: normal; font-family: 'Pilat Wide Book';font-size: 40px; font-style: normal; }
.about_left_content .h1 span, .about_left_content h2 span{color: #000;}
.about_content .button_box { width: 100%; text-align: left; display: flex ; flex-wrap: wrap; align-items: center; align-content: center; justify-content: left; padding: 30px 0 0;}
.about_content .button_box .blue-btn:hover {background: #000; color: #fff; }
.about_left_content { text-align: left; padding: 0px 0 0px 10px; height: 100%; }
.about_left_content p{ font-weight: 400; font-size: 25px; text-align: left; letter-spacing: 0; margin-bottom: 0; float: left; width: 100%; line-height: 1.5; line-height: 36px; color: #404040; }
.about_left_content p + p { margin: 35px 0 0;}
.about_left_content p strong {font-size: 20px; font-weight: 500; color: #000; }
.about_left_content h3{ font-size: 24px; font-weight: 400; line-height: 34px; color: #111; display: inline-block; margin: 14px 0 18px; letter-spacing:0;}
.about_left_content ul{}
.about_left_content ul li{ position: relative; padding: 0 0 0 25px; font-weight: 400; font-size: 25px; text-align: left; letter-spacing: 0; margin-bottom: 15px; float: left; width: 100%; line-height: 1.5; color: #404040;}
.about_left_content ul li:before{ content: ""; position: absolute; left: 0; top: 16px; border-radius: 50%; background:#0077FE; height: 8px; width: 8px; }
.about_left_content ul li a{color: #0077FE;}
.about_left_content ul li a:hover, .about_left_content p a:hover{color: #404040;}
/*
.about-img { height:100%; }
.about-img img{ border-radius: 24px; margin:0; height: 100%; object-fit: cover; }
*/
.about-img { text-align: center; position: relative; width: 100%; float: left; height: 100%; overflow: hidden; border-radius: 20px;}
.about-img img { width: 100%; object-fit: cover; position: absolute; left: 50%; height: 100%; top: 50%; transform: translate(-50%, -50%);}
.about-img .category_image_portrait { width: auto; border-radius: 15px;}
.single-products .about-img img{ width:100%;}
.postid-2751 .about-img img { height: 600px;}
/* .tax-product_cat .about_content .row + .row, .products-template-default .about_content .row + .row {flex-direction: row-reverse;} */
/* FAQ Section */
.faq_section { background: #fff; padding: 143px 0 150px; }
.faq_section .title_1 h2, .faq_section .title_1 .h2 { line-height: 35px;}
.faq_section .accordion .accordion-header .accordion-button{box-shadow: none; color: #000; padding: 0; line-height: 40px; border-radius: 0; background: none; border: none !important;font-family: "Pilat Wide"; font-size: 24px; font-style: normal; font-weight: 450; }
.faq_section .accordion .accordion-item { background: #fff; margin-bottom: 50px; border: none; border-radius: 0;/* overflow: hidden;*/ position: relative; z-index: 1; border-bottom: 1px solid #ACACAC; padding: 0 0 48px; }
.faq_section .accordion .accordion-body { padding: 15px 40px 0 0;}
.faq_section .accordion-button.collapsed { color: #000;}
.faq_section .accordion .accordion-body p { font-size: 16px; color: #404040;}
.faq_section .faq_details {max-width: 90%; margin: 0 auto; padding: 0 0 0 50px; height: 100%; display: flex; flex-wrap: wrap; align-items: center; align-content: center; }
.faq_section .accordion { width: 100%;max-width: 100%; margin: 0 auto;}
.faq_section .accordion .accordion-header .accordion-button:not(.collapsed) {background: none; padding: 0; border: none; border-radius: 0; }
.faq_section .accordion-button::after {background-image: url("../images/plus.svg"); width: 52px; height: 52px; background-size: 100%; transition: all 0.5s; z-index: 1; right: 8px; position: absolute; top: -15px; }
.faq_section .accordion-button:not(.collapsed)::after {background-image: url("../images/minus.svg"); width: 52px; height: 52px; top: 16px; }
.faq_section .accordion-header { border-radius: 0px; /* overflow: hidden;*/}
.faq_section .accordion-collapse {padding-top: 0px; }
.faq_section .faq_right_sec { border-radius: 25px; }
.faq_section .main_title { margin: 0 0 80px;}
.faq-content { height: 100%; margin-top: 35px;}
.faq_section .main_title .title_main { margin-bottom: 10px;}
.faq-content .main_title p { margin-bottom: 40px;}
.faq_section .accordion .accordion-item:last-child { margin-bottom: 0;}
.faq_section .main_title .title_main {
margin-bottom: 10px;
line-height: 52px;
}
.faq_section .small_title {
margin: 0 0 0px;
line-height: 19px;
}
/* Logo Section */
.trusted-logos{ overflow: hidden; background: #1C1C1C; padding: 100px 0 ;}
.trusted-logos .title_main {color:#fff; }
.trusted-logos .main_title { margin: 0 0 50px;}
.trusted-logos .slide {text-align: center; width: 15.5%; }
.two_row_logos{ padding-bottom: 70px; }
.multilogo{ gap: 57px;}
.multilogo .slide {text-align: center;}
/* Product section */
.products-section {background-color: #EFEFEF; padding: 139px 0 152px;}
.products-section .small_title { margin: 0 0 0px;}
.products-section .main_title { margin: 0 0 50px;}
.product-card {background: #ffffff; border-radius: 10px; overflow: hidden; transition: box-shadow 0.25s ease, transform 0.25s ease; cursor: pointer; height: 100%; }
.product-card .card-img-wrap {background: #fff; display: flex; align-items: center; justify-content: center; height: 300px;/* padding: 20px 24px; overflow: hidden;*/ }
.product-card .card-img-wrap img {height: 200px; width: auto; object-fit: contain; transition: transform 0.3s ease; }
.product-card .card-info {/*padding: 30px;*/ padding: 25px 30px 20px; display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; height: 100%; }
.product-label {font-size: 17px; font-weight: 400; color: #404040; letter-spacing: 0; /*margin-bottom: 6px;*/ display: block; width:100%;}
.product-name {/*font-size: 30px;line-height: 1.7;*/ font-size: 26px; line-height: 1.4; font-weight: normal; font-family: 'Pilat Wide Book'; color: #000; letter-spacing: 0; margin-bottom: 0; }
.product-desc {font-size: 17px; font-weight: 400; line-height: 1.55; margin-top: 0px; opacity: 0; }
.product-card .card-info .arrow-btn { margin-top: 6px; margin-right: -6px;}
/* Benchmark Section */
.benchmark-section {background-color: #1c1c1e; padding: 137px 0; }
.top-row { gap: 24px; margin-bottom: 60px; }
.benchmark-section .title_main{ color: #fff; margin: 0; line-height: 53px; }
.benchmark-section .main_title { margin: 0;}
.benchmark-section .cards-row {display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.benchmark-section .feature-card {display: flex; flex-direction: column; gap: 0; }
.benchmark-section .card-img-wrap {width: 100%; height: 300px; border-radius: 10px; overflow: hidden; margin-bottom: 20px; }
.benchmark-section .card-img-wrap img {width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s ease; }
.benchmark-section .feature-card:hover .card-img-wrap img {transform: scale(1.04); }
.benchmark-section .card-title {font-size: 32px; font-weight: normal; font-family: 'Pilat Wide Book'; color: #ffffff; letter-spacing:0; margin: 0 0 10px; line-height: 1.2; }
.benchmark-section .card-desc {font-size: 17px; font-weight: normal; color: #fff; line-height: 1.6; margin: 0; }
/* Case Study Section */
.case-study-section{ background: #1C1C1C;padding-top: 44px; }
.case-study-section .title_main{ color: #fff; margin: 0; }
.case-study-section .main_title { margin: 0 0 24px; width: 100%;}
.study_image{ /*min-height: 725px;*/ min-height: 960px; width: 100%; margin:0 0 100px; }
/* Solution Section */
.solution-section { background-color: #EFEFEF; padding: 140px 0 150px;}
.solution-section .top-row { gap: 24px; margin-bottom: -80px;}
.solution-section .title_main{ color: #000; margin: 0; }
.solution-section .main_title { margin: 0;line-height: 40px;}
.solution-section .cards-row {display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.solution-section .feature-card { display: flex; flex-wrap: wrap; gap: 0; border-radius: 10px; overflow: hidden; height: 100%; }
.solution-section .card-img-wrap { width: 100%; height: 330px; overflow: hidden; }
.solution-section .card-img-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s ease; }
.solution-section .feature-card:hover .card-img-wrap img {transform: scale(1.04); }
.solution-section .card-title {font-size:17px; font-weight: normal; font-family: 'Pilat Wide'; color: #404040; letter-spacing:0; margin: 0 0 ; line-height: 1.2; }
.solution-section .solution-name {font-size: 32px; color: #000; font-family: 'Pilat Wide Book'; line-height: 58px; }
.solution-section .arrow-btn { margin-top: 9px; margin-right: 4px;}
.solution-section .swiper-button-prev:hover, .solution-section .swiper-button-next:hover { background: #000;}
.solution-section .feature_solution_slider .slider-arrows { top: 35px;}
.solution_content {}
.solution_detail { height: 100%; background: #fff; padding:26px 30px 18px; display: flex; align-items: flex-start; justify-content: space-between; width: 100%; }
.solution-section .top-row p {max-width: 632px; font-size: 17px; color: #1C1C1C; text-align: left; }
.solution-section .top-row p { /* padding-left: 10px; */ margin: 0 200px 0 0;}
.tax-product_cat .solution-section .feature-card .arrow-btn { margin-top: 10px;}
.feature_solution_slider {
padding-top: 110px;
}
/* Hub Section */
.hub-section {background-color: #1c1c1e;padding-bottom: 266px; padding-top: 140px; }
.hub-section .main_title, .hub-section .title_main {margin: 0; color: #fff; }
.hub-section .top-row {
margin-bottom: 40px;
}
.hub-section .hub-grid {display: grid; grid-template-columns: 1fr 0.55fr; gap: 20px; align-items: stretch; }
.hub-section .badge-featured {display: inline-block; background: #0077FE; color: #fff; font-size: 16px; font-weight: normal; letter-spacing: 0; padding: 10px 21px; border-radius: 10px 0; }
.hub-section .main-card {position: relative; border-radius: 10px; overflow: hidden; height: 100%; min-height: 880px; cursor: pointer; }
.hub-section .main-card img {width: 100%; height: 100%; object-fit: cover; object-position: 0px 0px; display: block; transition: transform 0.45s ease; }
.hub-section .main-card:hover img { transform: scale(1.04); }
.hub-section .main-card .overlay {position: absolute; inset: 0; background: linear-gradient(to bottom, transparent 70%, rgba(0, 0, 0, 0.55) 92%, rgba(0, 0, 0, 0.88) 100%); }
.hub-section .main-card .badge-wrap {position: absolute; top: 0px; left: 0px; }
.hub-section .main-card .card-body-content {position: absolute; bottom: 0; left: 0; right: 0; padding: 28px 28px 32px; }
.hub-section .main-card .card-cat {font-size: 17px; font-weight: normal; color: #fff; letter-spacing: 0; margin-bottom: 8px; }
.hub-section .main-card .card-title {font-size: 32px; font-weight: normal; color: #ffffff; letter-spacing: 0; line-height: 1.2; margin-bottom: 10px; font-family: 'Pilat Wide Book'; }
.hub-section .main-card .card-date {font-size: 14px; color:#fff; margin-bottom: 10px; }
.hub-section .main-card .card-desc {font-size: 17px; color: #fff; line-height: 1.6; margin-bottom: 18px; max-width: 100%; }
.hub-section .side-stack {display: flex; flex-direction: column; gap: 20px; }
.hub-section .side-card { background: transparent; display: flex; flex-direction: column; cursor: pointer; transition: background 0.2s ease; flex: 1; }
.hub-section .side-card .sc-img-wrap {width: 100%; height: 300px; border-radius: 10px; overflow: hidden; position: relative; flex-shrink: 0; }
.hub-section .side-card .sc-img-wrap img {width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s ease; }
.hub-section .side-card:hover .sc-img-wrap img { transform: scale(1.04); }
.hub-section .side-card .sc-img-wrap .badge-wrap {position: absolute; top: 0px; left: 0px; }
.hub-section .side-card .sc-body {padding: 12px 0px 0; display: flex; flex-direction: column; flex: 1; }
.hub-section .side-card .sc-cat {font-size: 17px; font-weight: normal; color: #fff; letter-spacing: 0; text-transform: inherit; margin-bottom: 11px; }
.hub-section .side-card .sc-title {font-size: 32px; font-weight: normal; color: #ffffff; letter-spacing: 0; line-height: 1.1; margin-bottom: 8px; font-family: 'Pilat Wide Book'; }
.hub-section .side-card .sc-desc {font-size: 17px; color: #fff; line-height: 1.6; margin: 0; }
/* Read More link */
.read-more {display: inline-flex; align-items: center; gap: 8px; color: #fff; font-size: 14px; font-weight: normal; text-decoration: none; letter-spacing: 0; font-family: 'Pilat Wide Book'; }
.read-more span {width: 24px; height:24px; background: #2563EB; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: background 0.2s ease, transform 0.2s ease; }
.read-more:hover .span { background: #1d4ed8; }
.read-more span svg {width: 8px; height: 8px; stroke: #fff; }
.black-bg{ background-color: #282828 }
.blue_bg{background: #0077FE;}
.dark-gray{ background: #1C1C1C; }
.dark-black{ background: #000; }
/*CTA section */
.cta-content .main_title {margin: 0 0 30px; }
.cta-section { position: relative; display: flex; padding: 80px 0 94px; align-items: center; }
.cta-section .title_main{ font-size: 56px; color: #fff;}
.cta-section:before {content: ""; position: absolute; width: 699px; height: 469px; right: 65px; bottom: 0px;border-radius: 0; background: url(../images/Speak-to-one-of-our-experts-today.webp) no-repeat 0 0; }
.cta_img {position: absolute; bottom: 0px; right: 200px; }
.cta-content{position: relative; z-index: 2; }
.cta-content .title_main {color: #fff; }
.cta-content p {color: #fff; font-size: 17px; line-height: 26px; font-weight:400; margin-bottom: 0px; }
.cta-content p + p{ margin-top: 20px; }
/*Footer Contact Form Section */
.contact-form {max-width: 860px; margin: 0 auto; width: 100%; }
.contact-form .input-box .input, .contact-form textarea {width: 100%; background: none; color: #fff; height: 39px; padding: 13px 20px; font-size: 14px; border: none; border-radius: 10px; background: #5D555580; backdrop-filter: blur(14px);}
.contact-form .input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #fff; opacity: 1; /* Firefox */}
.contact-form .input:-ms-input-placeholder { /* Poppinsnet Explorer 10-11 */ color: #fff; }
.contact-form .input::-ms-input-placeholder { /* Microsoft Edge */ color: #fff; }
.contact-form .input-box textarea.input {height: 70px; resize: none; }
.contact-form .submit_btn .btn input { text-align: center; text-transform: capitalize;}
.contact-form .form-group { margin: 0 0 14px;}
.contact-form .submit_btn .btn {min-width: 100%; background: #0d62a2; border: 2px solid #0d62a2; }
.contact-form .submit_btn .btn:hover {background: #B92025 ; border: 2px solid #B92025 ; }
/*.submit-bx .btn { border: none; margin: 15px 0 0; min-width: inherit; padding: 6px 4px 6px 20px; height: auto;} */
.submit-bx .btn input{ /* font-size: 14px; font-weight: 400; padding: 0; height: inherit; width: inherit; min-width: inherit; margin: 0 10px 0 0;*/
font-size: 14px;
font-weight: 400;
padding: 0;
height: inherit;
width: inherit;
min-width: inherit;
margin: 0 10px 0 0;
border: none;
/* margin: 0; */
min-width: inherit;
/*padding: 6px 4px 6px 0;*/ padding: 8px 4px 8px 0;
height: auto;
}
/*Footer */
.top_footer{width: 100%;float: left;}
.top_footer{ padding: 0 0 50px; }
.top_footer .title_1 { margin: 0 0 35px;}
.footer {width: 100%; position: relative; float: left; padding:90px 0 40px 0;background:url(../images/footer-logo-badge.webp) no-repeat bottom center #1C1C1C; }
.footer .footer_links_box .title { letter-spacing: 0; margin-bottom: 24px; font-weight: 700; font-size: 20px; color: #fff; position: relative; display: inline-block; }
.footer .footer_links_box ul li span{ display: inline-block; font-size: 16px; color:#fff; margin: 3px 0 6px; width: 100%;}
.footer .footer_links_box ul li a { letter-spacing: 0; font-weight: 400; font-size: 14px; color: #fff; position: relative; line-height: 30px;width: auto; display: inline-block;}
.footer .footer_links_box ul li span .fa-phone {transform: rotate(90deg); margin: 7px 0 0; }
.footer .footer_links_box ul li a:hover, .footer .footer_links_box ul li.selected a {color: #426ece;}
.footer .footer_links_box ul li {display: flex; align-items: flex-start; align-content: flex-start; flex-wrap: wrap; margin: 0 0 9px; }
.footer .footer_links_box ul li:before{ display: none; }
.footer .footer_links_box ul li:last-child {margin-bottom: 0px;}
.footer_links_box.mobile-accordion.quick_links { padding-left: 0;}
.footer_links_box.mobile-accordion.footer_contact .address { margin: 10px 0 0;}
.footer .footer_links_box p { font-size: 16px; line-height: 25px; font-weight: 400; color: #333;}
.copyright_footer { width: 100%; float: left; }
.copyright_footer .bottom_copyright{ padding: 18px 12px; border-radius: 14px; border: 1px solid #FFFFFF33;}
.copyright_footer .row {align-items: center;}
.copyright_footer ul {}
.copyright_footer ul li { color: #aebdc8; font-size: 14px; font-weight: 300; padding: 0 5px;}
.copyright_footer ul li:last-child{ padding-right: 0; }
.copyright_footer .copyright_footer_link ul li p, .copyright_footer .copyright_footer_link ul li p a, .copyright_footer_link p, .copyright_footer_link p a { font-size: 14px; font-size: 14px; font-weight: 400; line-height: 24px; color: #fff; }
.copyright_footer_link p a:hover{color: #416bcd;}
.signature{ text-align: right; font-size: 14px; }
.signature, .signature a { color: #fff;}
.signature a:hover{ color: #0177ff; }
.social_follow{ display: flex;flex-wrap: wrap; margin: 0;}
.social_follow li{ margin: 0 !important;}
.social_follow p { margin: 0 20px 0 0;}
.footer .footer_links_box .social_follow li a{height: 45px; width: 45px; margin: 0; text-align: center; line-height: 38px; border-radius: 50%; border: 2px solid #BEBEBE; }
.footer .footer_links_box .social_follow li a svg path { fill: #0177ff;}
.footer .footer_links_box .social_follow li a:hover{border:2px solid #0177ff; background:#0177ff; }
.footer .footer_links_box .social_follow li a:hover svg path{fill:#fff;}
.company_links {margin: -1px 0 0 -5px; }
.products_menu {margin: -1px 0 0 -12px; }
.certify_logo{ text-align: center; margin: 41px 0 0; width: 219px;}
.certify_logo svg{} .contact_logo { padding: 10px 0px 0 7px;}
.footer_contact {padding: 0 0 0 7px; margin: -1px 0 0 0; }
.footer_links_box{ position: relative; }
.footer .footer_links_box.footer_contact li { margin-bottom: 20px;}
.footer_contact_form {padding: 0 0 0 87px; margin: -1px 0 0; }
.capcha_box {margin: 10px 0 0px; }
.footer .footer_links_box.footer_contact li:last-child {align-content: flex-start; align-items: flex-start; }
.footer .footer_links_box.contact_logo ul li {display: flex; flex-wrap: wrap;margin: 0 1px 0 9px !important; }
.footer_logo { margin-bottom: 38px; }
.footer .footer_links_box.contact_logo h5.title {display: none; }
.copyright_footer_link { text-align: left;}
#inner_banner {position: relative; z-index: 0; background: #282828; padding-bottom: 25px; padding-top: 0; min-height: 520px;background-size: cover;}
.inner-banner-title {display: block; left: 0; z-index: 1; position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; }
.inner_banner_caption {text-align: left; background: none; justify-content: left; margin: 0; }
.inner_banner_caption h1, .inner_banner_caption .h1 { color: #fff; margin: 0px 0 80px; text-align: left;line-height: 1.1; font-family: "Pilat Wide"; font-size: 60px; font-style: normal; font-weight: 700; }
.inner_breadcrumb ol {text-align: left; display: flex; flex-wrap: wrap; background: no-repeat; margin: 0; align-items: center; align-content: center; }
.inner_breadcrumb ol li { position: relative; color: #fff; line-height: normal; font-family: "Pilat Wide"; font-size: 20px; font-style: normal; font-weight: 450; }
.inner_breadcrumb ol li+li {margin-left:39px; display: inline; }
.inner_breadcrumb ol li.active {color: #0177ff; }
.inner_breadcrumb ol li a {color: #fff; }
.inner_breadcrumb ol li:after {position: absolute; content: ""; background: url(../images/breadcrum-arrow.svg) no-repeat; height: 15px; width: 15px; right: -29px; bottom: 1px; margin: auto; background-size: 100%; }
.inner_breadcrumb ol li:last-child:after { display: none }
#inner_banner p{ color: #fff; font-size: 20px; font-weight: normal;line-height: 1.4; margin-top: 0; margin-left: 0; font-family: 'Pilat Wide Book';}
.inner_breadcrumb ol li a:hover{color:#0177ff;}
.faq_section .content {display: none;}
.category_section{ background: #fff; }
.category_section .product-card .card-img-wrap { background: #F3F3F3; margin: 0 0 19px; height: 220px; width:100%; }
.category_section .product-card .card-info { background: #F3F3F3; padding: 20px 33px 30px; width: 100%; }
.category_section .product-desc { opacity: 1; color: #404040; font-size: 16px; }
.category_section .product-card:hover { box-shadow: 0 12px 36px rgb(255 255 255 / 12%);}
.load-more-btn .blue-btn:hover{ background: #000; color: #fff }
.category_section .product-card { border-radius: 10px; border: none; display: flex;flex-wrap: wrap;justify-content: center;width: 100%; background: #F3F3F3;
/* padding: 9px 33px 57px;*/padding: 9px 0 0; }
.category_section .product-card .card-info .arrow-btn { width: 50px; height: 50px;margin: 7px -3px 0px 0;}
.category-cta-space {padding-bottom: 276px;}
.tax-product_cat .about_left_content .main_title h2 {margin: 0;}
.tax-product_cat .about_content{ padding-bottom:222px;}
.tax-product_cat #inner_banner { min-height: 500px;}
.tax-product_cat #inner_banner .banner_figcaption { top: inherit; bottom: -60px;}
.tax-product_cat #inner_banner .category_banner_dec { padding: 0 0 0 135px;}
.solution_content {max-width: calc(100% - 60px); }
.project_section.solution-section .card-img-wrap { /* height: 660px;*/ height: 510px;}
/*.page-template-solution .project_section.solution-section .card-img-wrap { height: 510px;}*/
.project_section{background: #fff; padding-bottom: 280px}
.project_section .solution_detail {border-radius: 0 0 10px 10px; background: #F3F3F3; flex-wrap: wrap; height: auto; padding: 23px 34px 28px;}
.project_content {display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; margin: 0 0 17px;}
.project_name {width: 100%; display: flex; flex-wrap: wrap; justify-content: right; }
.project_section.solution-section .card-title { margin: 0 0 3px; line-height: 1.1;}
.project_section.solution-section .solution-name { line-height: 1.2; margin: 0 0 10px;}
.page-template-project-page .cta-section + .solution-section.project_section { padding-bottom: 150px;}
.project_section.solution-section .feature-card { background: #F3F3F3;}
.project_name img {height: 38px;width: auto;}
.request-qoute-mob{display:none !important;}
.features-section {background: #fff; position: relative; overflow: hidden; }
.features-layout {position: relative; display: grid; grid-template-columns: 1fr auto 1fr; gap: 0; align-items: center; margin-top: 0; }
.center-image-wrap {position: relative; display: flex; align-items: center; justify-content: center; padding: 0 20px; z-index: 2; }
.hose-image {width: 100%; max-width: 800px; filter: drop-shadow(0 24px 48px rgba(0,0,0,0.18)); opacity: 0; transform: scale(0.88) translateY(20px); transition: opacity 0.75s cubic-bezier(0.4,0,0.2,1) 0.2s, transform 0.75s cubic-bezier(0.4,0,0.2,1) 0.2s; }
.hose-image.revealed {opacity: 1; transform: scale(1) translateY(0); }
@keyframes floatHose {
0%, 100% { transform: scale(1) translateY(0px); }
50% { transform: scale(1) translateY(-8px); }
}
.hose-image.floating {animation: floatHose 5s ease-in-out infinite; }
.features-col {display: flex; flex-direction: column; gap: 80px; padding: 0 0; margin: 25px 0 0;}
.features-col-right { align-items: flex-end; }
.features-col-left { align-items: flex-start; }
.feature-item {position: relative; max-width: 275px; /*opacity: 0; transition: opacity 0.55s ease, transform 0.55s ease;*/ }
.features-col-left .feature-item { /*transform: translateX(-32px); */text-align: left; }
.features-col-right .feature-item {/* transform: translateX(32px);*/ text-align: left; }
.feature-item.revealed {opacity: 1; transform: translateX(0); }
.feature-title {font-size: 24px; font-weight: 450; color: #000; line-height: 1.25; margin-bottom: 15px; letter-spacing: 0; }
.feature-desc {font-size: 16px; font-weight: 400; color: #404040; line-height: 1.65; }
.feature-item::after {content: ''; position: absolute; top: 72px; width: 10px; height: 10px; background: #0d0d0d; border-radius: 50%; opacity: 1; /*transition: opacity 0.4s ease 0.5s;*/ }
.feature-item.revealed::after { opacity: 1; }
.features-col-left .feature-item::after { right: -105px; }
.features-col-right .feature-item::after { left: -110px; }
.feature-item::before {content: ''; position: absolute; top: 76px; height: 2px; background: #000; opacity: 1;/* transition: opacity 0.4s ease 0.45s, width 0.5s ease 0.45s;*/ width: 90px; }
.feature-item.revealed::before { opacity: 1; width: 90px; }
.features-col-left .feature-item::before { right: -103px; }
.features-col-right .feature-item::before { left: -106px; }
.features-col-left .feature-item + .feature-item { }
.features-col-right .feature-item + .feature-item { }
/* ── Filter button ── */
.btn-filter { display: inline-flex; align-items: center; gap: 10px; border: none; padding:8px 16px; min-width: 170px; font-family: 'Pilat Wide Book'; font-size: 18px; font-weight: 400; color: #000; cursor: pointer; transition: background 0.18s, border-color 0.18s; white-space: nowrap; border-radius: 10px; background: #F3F3F3; }
.btn-filter img{ height: 18px; width: 18px;}
.btn-filter:hover { background: #ebebeb; border-color: #b8b8b4; }
.btn-filter.active { background: #111; color: #fff; border-color: #111; }
.btn-filter.active img {filter: invert(1); }
.tax-product_cat .case-study-section { padding-top: 140px;}
.tax-product_cat .case-study-section .main_title { margin: 0 0 20px;}
/*.tax-product_cat .study_image { min-height: 696px;}*/
/* ── Page header ── */
.page-header {display: flex; align-items: center; gap: 30px; margin-bottom: 1.5rem; }
.page-title {font-size: 40px; font-weight: 450; color: #1C1C1C; margin: 0; letter-spacing: 0; padding: 0; }
/* ── Layout wrapper ── */ .layout {display: flex;/* gap: 30px;*/ align-items: flex-start; } /* ── Sidebar ── */
.sidebar {width: 0; overflow: hidden; opacity: 0; transition: width 0.38s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.28s ease, margin-right 0.38s cubic-bezier(0.4, 0, 0.2, 1); margin-right: 0; flex-shrink: 0; }
.sidebar.open {width: 390px; opacity: 1; margin-right: 29px; }
.sidebar-inner {width: 390px; background: #F3F3F3; border-radius: 12px; border: none; padding: 0px 15px; transform: translateX(-12px); transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1);display:none; }
.sidebar.open .sidebar-inner { transform: translateX(0); display: block;}
/* Accordion groups */
.filter-group { border-bottom: 1px solid #6B6B6B; padding: 7px 0 13px;}
.filter-group:last-child { border-bottom: none; }
.ti-minus{ position: relative; }
.ti-minus:before{content: ""; background: url(../images/accordian_minus.svg) no-repeat; height: 14px; width: 16px; position: absolute; right: -5px; top: 0; background-size: 100%; }
.ti-plus{ position: relative; }
.ti-plus:before{ content: ""; background: url(../images/accordian_plus.svg) no-repeat; height: 14px; width: 14px; position: absolute; right: -6px; top: -6px; background-size: 100%; }
.products-area .product-name {font-size: 20px;}
.filter-group-header {display: flex; align-items: center; justify-content: space-between; padding: 11px 9px; cursor: pointer; user-select: none; transition: background 0.15s; }
.filter-group-header:hover { background: #f7f7f5; }
.filter-group-title {font-size: 20px; font-weight: 450; color: #000; }
.filter-group-icon { transition: transform 0.2s;}
.filter-items {overflow: hidden; max-height: 0;transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.filter-items.open { max-height: 400px; }
.filter-item { font-family: 'Pilat Wide Book'; display: block; padding: 9px 16px 10px 20px; font-size: 17px; line-height: 23px; color: #404040;font-weight: 450; cursor: pointer;border-radius: 0; transition: background 0.13s, color 0.13s;text-decoration: none;}
.filter-item:hover { background: #f4f4f2; color: #1a1a1a; }
.filter-item.active {color: #0077FE;}
/* ── Product grid ── */
.products-area { flex: 1; min-width: 0; }
.products-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(391px, 1fr)); gap: 30px;transition: all 0.38s cubic-bezier(0.4, 0, 0.2, 1);}
.category_section #productsGrid .product-card { /* padding: 9px 20px 57px;*/ padding:0;}
.category_section #productsGrid .product-card .card-img-wrap { margin: 9px 0 15px; padding: 0 20px; }
.category_section #productsGrid .product-card .card-info { position: relative;/* padding: 15px 20px 57px;*/ padding: 15px 20px 35px;}
.category_section #productsGrid .product-card .card-info .arrow-btn { width: 35px; height: 35px; margin: 0; position: absolute; /* right: -11px;right:9px;*/ right:20px; top: 11px;}
.products-area #productsGrid .product-name { line-height: 1.4; margin: 0 0 5px;}
.category_section #productsGrid .product-label { margin-bottom: 16px; display: inline-block;}
.category_section #productsGrid .product-card:hover .card-info{background:#000;}
.category_section #productsGrid .product-card:hover .card-info .product-name,
.category_section #productsGrid .product-card:hover .card-info .product-label,
.category_section #productsGrid .product-card:hover .card-info .product-desc{color:#fff;}
/* ── Product card ── */
.product-card {background: #fff; border-radius: 14px; border: 1px solid #e2e2de; overflow: hidden; cursor: pointer; transition: box-shadow 0.22s, transform 0.22s, border-color 0.22s; animation: fadeSlideIn 0.38s cubic-bezier(0.4, 0, 0.2, 1) both; }
.product-card:hover {box-shadow: 0 8px 28px rgba(0,0,0,0.10); transform: translateY(-3px); border-color: #c8c8c4; } @keyframes fadeSlideIn {from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }
.card-image-wrap {background: #f0f0ee; padding: 20px; display: flex; align-items: center; justify-content: center; min-height: 160px; position: relative; }
.card-image-wrap img {max-height: 130px; max-width: 100%; object-fit: contain; transition: transform 0.26s cubic-bezier(0.4, 0, 0.2, 1); }
.product-card:hover .card-image-wrap img { transform: scale(1.05); }
.card-body-inner {padding: 14px 16px 16px; position: relative; }
.card-tag {font-size: 11.5px; color: #888; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 6px; }
.card-name {font-size: 14px; font-weight: 600; color: #111; margin: 0 0 6px; line-height: 1.35; padding-right: 28px; }
.card-desc {font-size: 12.5px; color: #666; line-height: 1.5; margin: 0; }
.card-arrow {position: absolute; top: 14px; right: 14px; width: 26px; height: 26px; background: #0066ff; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 13px; transition: background 0.18s, transform 0.18s; flex-shrink: 0; }
.product-card:hover .card-arrow { background: #0052cc; transform: scale(1.1) rotate(-10deg); }
/* ── Stagger animation delay for cards ── */
.product-card:nth-child(1) { animation-delay: 0.03s; }
.product-card:nth-child(2) { animation-delay: 0.07s; }
.product-card:nth-child(3) { animation-delay: 0.11s; }
.product-card:nth-child(4) { animation-delay: 0.15s; }
.product-card:nth-child(5) { animation-delay: 0.19s; }
.product-card:nth-child(6) { animation-delay: 0.23s; }
.scroll-sections {position: relative;}
/* ─────────────────────────────────────────
LEFT STICKY PANEL
───────────────────────────────────────── */
.sticky-panel {position: sticky; top: 0;/* height:60vh;*/ height:80vh; width: 48%; float: left; overflow: hidden; display: flex; align-items: center; justify-content: center; background: #f5f5f3; } /* Clip mask — image exits through the TOP when section changes */
.image-clip {position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; clip-path: inset(0 0 0 0); transition: clip-path 0s; }
/* Each image slot */
.img-slot {position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: none; }
.img-slot img {max-width: 85%; max-height: 80vh; object-fit: contain; transition: transform 0.9s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.7s cubic-bezier(0.4, 0, 0.2, 1); height: 100%;}
/* States */
.img-slot { opacity: 0; pointer-events: none; }
.img-slot.state-above { opacity: 0; /* transform: translateY(-110%) rotate(var(--rot-from, -15deg)) scale(0.85); */}
.img-slot.state-active { opacity: 1; /* transform: translateY(0) rotate(var(--rot-to, 0deg)) scale(1);*/ }
.img-slot.state-below { opacity: 0; /* transform: translateY(110%) rotate(var(--rot-from, 15deg)) scale(0.85); */}
/* Background color morphs per section */
.sticky-panel { transition: background 0.8s ease; }
/* Section accent lines in sticky panel */
.panel-accent { display: none !important; position: absolute; bottom: 32px; left: 32px; display: flex; gap: 6px; }
.panel-dot {width: 8px; height: 8px; border-radius: 50%; background: #ccc; transition: background 0.4s ease, transform 0.3s ease; }
.panel-dot.active {background: #0055ff; transform: scale(1.3); }
/* ───────────────────────────────────────── RIGHT CONTENT AREA ───────────────────────────────────────── */
.content-area {margin-left: 48%;} /* Each text section */
.text-section {/*min-height: 60vh;padding: 80px 64px;*/ min-height: 80vh;padding: 100px 64px; display: flex; align-items: center; position: relative; }
/* Text reveal animation */
.text-inner {/*max-width: 480px;*/ /*opacity: 0;*/ transform: translateY(28px); transition: opacity 0.65s ease, transform 0.65s ease; }
.text-section.in-view .text-inner {opacity: 1; transform: translateY(0); }
.section-title .accent { color: #0077FE; }
.section-body {margin-bottom: 55px;}
.section-body p{ font-size: 17px; font-weight:400;font-family: 'Pilat Wide Book'; line-height: 1.75; color: #000;}
/* Section number watermark */
.section-num {position: absolute; top: 40px; right: 40px; font-size: 72px; font-weight: 800; color: #f0f0ee; line-height: 1; user-select: none; letter-spacing: -4px; }
.sticky-panel { background: transparent !important;}
.performance-section{ background:#fff;}
.section-title { line-height: 1.18; color: #000;font-size: 40px;font-weight: 450;margin-bottom:25px;}
.section-title span{color:#006cff;}
.performance-box{background: #f2f2f2; border-radius: 20px; overflow: hidden; }
.performance-item{padding:20px 0 0; cursor: pointer; transition: .3s; /*border-bottom: 1px solid #636363;*/ }
.performance-item:last-child{ border-bottom:0;}
.performance-box-inner:before {content: ""; position: absolute; left: 0; bottom: -1px; border-bottom: 1px solid #242424; height: 1px; width: 100%; }
.performance-item.active .performance-box-inner:before{display:none;}
.performance-section .title_main { margin-bottom: 50px;}
.performance-item h3{font-size: 30px; margin-bottom: 20px; font-weight: 450; color: #000; }
.performance-box-inner {margin: 0 40px; position:relative; padding-bottom: 20px; }
.performance-item p{font-size: 17px; line-height: 1.4; color: #000; margin: 0; font-weight: 400; }
.arrow{font-size:35px; float:right; margin-top: -65px; }
.performance-item.active{background:#242424; color:white; }
.performance-item.active h3{color:#fff;}
.performance-item.active p{color:#fff; }
.image-box{height:100%; overflow:hidden; border-radius:20px; height:828px; }
.page-template-about-page .image-box{ height: 718px;}
.image-box img{width:100%; height:100%; object-fit:cover;/* min-height:828px;*/ transition:.5s ease; }
.image_banner { /* height: 1083px;*/height:100vh; width: 100%; position:relative;}
.image_banner:before{content:""; position:absolute; left:0; top:0; height:100%;width:100%; background:linear-gradient(180deg, #1D1D1D 0.17%, rgba(29, 29, 29, 0.40) 65.72%, #1D1D1D 99.37%); opacity: 0.8; }
.capability-section {background: #fff; }
/*.image_banner .inner_banner_caption {*/ /* position: absolute;*/ /* bottom: 100px;*/ /*}*/
.capability-title {font-size: 25px; font-weight: 500; text-align: center; margin-bottom: 50px; color: #111; }
.capability-item h3 {font-size: 25px; font-weight: 600; margin-bottom: 0px; color: #000; }
.capability-item p {font-size: 24px; line-height: 1.3; margin: 0; color: #000; }
.capacity_area {display: flex; flex-wrap: wrap; justify-content: space-between; }
.capacity_box {width: 20%; }
.capacity_box:first-child {width: 15%; }
.capacity_box:nth-child(2) {width: 14%; }
.capacity_box:nth-child(3) {width: 14%; }
.capacity_box:nth-child(4) {width: 13%; }
.capacity_box:nth-child(5) {width: 8%; }
h2.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.tslider-wrap{padding:2rem 0 2.5rem;}
.swiper{width:100%;padding-bottom:0}
/*.swiper-slide{display:flex; align-items:center; gap:2rem; border-radius:12px; padding:2rem 2.5rem; box-sizing:border-box}*/
.testimonial-section .swiper-slide{padding:0;display:flex; align-items:center;}
.slide-img-wrap{width: 700px; display:flex;align-items:center;justify-content:center}
.slide-img-wrap img{}
.slide-img-wrap .avatar-fallback{width:100%;border-radius:0;background:url(https://pacflotech.yourwebsitebuilt.online/wp-content/uploads/2026/06/gray-logo-badge.webp) no-repeat ;display:flex;align-items:center;justify-content:center;background-size: contain;background-position: 0 50px;}
.slide-content{ width: calc(100% - 700px);padding: 0 70px 0 0;}
.quote-mark{font-size:48px;line-height:1;margin-bottom:-0.5rem;display:block}
.slide-quote{font-size:25px;font-weight:600;line-height:1.75;color:#404040; font-family: 'Pilat Wide Demi';}
.slide-meta{display:flex;align-items:center;gap:0.75rem}
.meta-line{display:flex;flex-direction:column;gap:2px}
.slide-name{ font-size: 20px; font-weight: 600;font-family:'Pilat Wide Demi'; color: #0077FE;}
.slide-role{ font-size: 17px;color: #1C1C1C; font-family:'Pilat Wide Book'; }
.case-study-section p {color: #fff; font-size: 17px;font-weight: 400;}
.submit-bx .btn:hover input { color: #0177ff; color: #fff;}
.submit-bx .btn:hover { background: #1c1c1c;}
.logo-badge{display:inline-block;font-size:11px;font-weight:500;color:var(--text-secondary);background:var(--surface-1);border:0.5px solid var(--border);border-radius:var(--radius);padding:3px 8px;margin-top:4px}
.swiper-pagination-bullet{background:var(--border-strong)!important;opacity:1!important;width:8px!important;height:8px!important}
.swiper-pagination-bullet-active{background:var(--fill-accent)!important;width:24px!important;border-radius:4px!important;transition:width .3s}
.swiper-button-prev,.swiper-button-next{width:36px!important;height:36px!important;background:var(--surface-2);border:0.5px solid var(--border-strong);border-radius:50%;display:flex;align-items:center;justify-content:center;top:50%!important;transform:translateY(-60%)!important}
.swiper-button-prev::after,.swiper-button-next::after{font-size:13px!important;font-weight:600;color:var(--text-primary)}
.swiper-button-prev:hover,.swiper-button-next:hover{background:var(--surface-1)}
@media(max-width:520px){
/*.swiper-slide{flex-direction:column;text-align:center;padding:1.5rem}*/
/*.slide-img-wrap{flex:none}*/
/*.slide-meta{justify-content:center}*/
}
.product_detail_section{}
/*.product_detail_content{padding: 20px 0;}*/
.product_detail_content .main_title{ margin: 0 0 20px;}
.product_detail_content .main_title .h1{ color: #0077FE; font-family: 'Pilat Wide Book'; font-size: 40px; font-style: normal; font-weight: 450}
.product_detail_content .main_title .h1 span{ color: #000;}
.product_detail_content p{ font-weight: 400; font-size: 17px; text-align: left; letter-spacing: 0; margin-bottom: 25px; line-height: 1.5; color: #000;}
.product_detail_content p a{color:#0077FE;}
.product_view_bx { background: #F3F3F3; border-radius: 10px; width: 100%; /*height: 701px;*/height: 100%; padding: 46px 58px 95px 58px; padding:20px; position:relative;}
.product_view_bx span{ border-radius: 24px; background: #0077FE;display: inline-flex; padding: 20px; flex-direction: column; justify-content: center; align-items: center;gap: 10px;position: absolute; right: 21px; top: 22px;}
.tabbed-content {background:#fff; max-width:100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.product_detail_section .button_box { margin-top: 50px;}
/* Tabs */
.tabs ul {margin:0; padding:0; display: flex; flex-wrap: wrap; justify-content: space-between; }
.tabs ul li {background:#000; display:inline-block;color:#fff; width: 49%; }
.tabs ul li a {padding:20px 20px; display:block;color: #fff; font-size: 25px; font-weight: 450; }
.specification_content ul li {border-bottom: 1px solid #C9C9C9; display: flex; flex-wrap: wrap;padding: 20px 20px 26px; }
.specification_content ul li:last-child{border:none;}
.specification_content_left {min-width: 212px; padding: 0; }
.specification_content_left span {font-size: 16px; font-weight: 600; color: #000; }
.specification_content ul li p {color: #404040; font-size: 16px; font-weight: 450; font-family: 'Pilat Wide Book'; line-height: 1.6; }
/*.tabs ul li a:hover, .tabs ul li a.active {background:var(--color-main); color:var(--background-active); } */
/*.specification_content ul li:first-child {min-height: 123px; } */
.specification_content_right {width: calc(100% - 212px); }
/* Accordion */
.specification_section .item {margin-bottom:2px; }
.specification_section .item::before {cursor:pointer; font-weight:bold; background:#ccc; padding:.5em; display:block; }
.specification_section .item.active::before {background:#000; color:#fff; }
.specification_section .item.active .item-content {padding: 0 ; transition: opacity .3s ease-in-out; }
/* Mobile Accordion */
.tabbed-content .tabs {display:none; }
.tabbed-content .item {min-height:2em; }
.tabbed-content .item::before {content:attr(data-title); }
.tabbed-content .item .item-content {/*opacity:0;*/ /*visibility:hidden;*/ /*height:0;*/ opacity: 1; visibility: visible; height: auto; }
.tabbed-content .item.active .item-content {opacity:1; visibility:visible; height:auto; }
.specification_section { background: #fff;}
.download_area{}
.download_area h2{ font-size: 30px; font-weight: 450; margin: 0 0 40px;}
.download_bx{border-radius: 10px; width: 100%; background: #0077FE; display: flex; padding: 30px; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: space-between; }
.download_bx p{color:#fff;font-size: 20px;font-weight: 450;margin: 0;}
.download_bx .border-btn { border: 1px solid #fff;}
.download_bx .border-btn i {background: #fff; height: 35px; width: 35px; text-align: center; line-height: 35px; }
.download_bx .border-btn i svg {width: 14px; height: 18px;}
.blog_section .blog_bx{ border-radius: 10px; overflow: hidden; margin: 0; height: 100%; display: flex; flex-wrap: wrap; gap: 0;}
.blog_section .blog_bx img { margin: 0; height: 360px; width: 100%; object-fit: cover; transition: transform 0.4s ease; }
.blog_img { position: relative; overflow: hidden; width: 100%;}
ul.blog_date { position: absolute; top: 5px; right: 7px; background: #000; color: #fff; padding: 5px 10px; border-radius: 5px; font-size: 12px;}
.blog_section .blog_bx figcaption { background: #F3F3F3; padding: 20px; text-align: left; /*height: 100%;*/}
.blog_section .blog_bx figcaption .btn_wrpr { margin-top: auto;}
.blog_section .blog_bx p { margin: 0 0 15px;}
.blog-tags a { font-size: 14px; color: #0177ff;}
.blog-tags { margin: 0 0 15px;}
.blog_section .blog_bx:hover .blue-btn { background: #000; color: #fff;}
.blog_section .blog_bx:hover img{ transform: scale(1.04);}
.blog_detail_data{max-width:810px; margin:0 auto; padding: 10px 0}
.blog_detail_data h2{color: #000;/* font-size: 30px;*/ font-size: 22px; font-weight: 600;}
.blog_detail_data h3{color: #000; /*font-size: 25px;*/ font-size: 20px; font-weight: 450; font-family: 'Pilat Wide Book';}
.blog_detail_data ul li{ border-bottom:1px solid #767676; padding: 0 0 50px; margin: 0 0 50px;}
.blog_detail_data ul li ul{ margin: 0 0 25px;}
.blog_detail_data ul li ul li{ position:relative; padding:0 0 0 20px; color: #404040; /*font-size: 20px;*/ font-size: 16px; font-weight: 400;border:none; margin: 0 0 8px;}
.blog_detail_data ul li ul li:before{ content:""; position:absolute; left:0; top:6px;width: 11px; height: 14px; background:url(../images/li-arrow.svg) no-repeat ; }
.blog_detail_data ul li ul li:last-child{padding: 0 0 0 20px;}
.blog_detail_data p{color: #404040; font-size: 20px; font-weight: 400;}
.blog_detail_box{}
.blog_detail_data ul li p span { font-weight: 600; /*font-size: 25px;*/}
.blog_detail_data ul li span { /*font-size: 17px; */font-weight: 600;}
.blog_bx { text-align: center;/* margin: 0 auto 77px;*/ margin: 0 auto 20px; position: relative; max-width: 810px; gap: 10px; display: grid;}
.blog_bx br{display:none;}
.blog_detail_data ul li:last-child{ border:none; padding: 0; margin: 0;}
.blog_inner_content{}
.blog_inner_content .main_title{ max-width: 810px; margin: 0 auto 60px;}
.blog_inner_content .main_title .title_main{ font-size: 40px; color: #000; font-family: 'Pilat Wide Book'; line-height: 60px; font-weight: 450;}
.blog_inner_content .main_title .title_main span{color:#0077FE;}
.blog_inner_content .main_title p { color: #000;/* font-size: 25px;*/ font-size: 16px; font-weight: 500;}
.blog_detail_data ul li p {/* font-size: 25px;*/font-size:16px; font-weight: 400; color: #404040; line-height: 1.5;}
/*.blog_detail_data ul li h2 + p{ font-size: 20px;}*/
.blog_detail_data ul li h3 + p { margin: 0 0 10px;}
.blog_bx img { margin: 30px 0 0;}
.blog_bx + p { margin: 0 0 10px;}
.two_img_box { width: 50%; text-align: center;}
.two_img_boxes { display: flex; flex-wrap: wrap; align-items: end; margin: 0 auto 40px; max-width: 830px;}
.two_img_box span {display: inline-block; width: 100%; text-align: center;}
.single_blog {/* padding-bottom: 300px;padding-top: 130px;*/padding-top: 70px; padding-bottom: 70px;}
.single_blog .blog_inner_content .main_title .title_main { margin: 0 0 0;}
.single_blog_details{ padding-bottom: 300px;}
.blog_bx .figure, .two_img_box .figure{display: block; text-align: center; width: 200px; margin: 0 auto; position:relative; font-size: 20px; color: #888888; font-weight: 400;padding: 0 0 0 25px; }
.blog_bx .figure:before, .two_img_box .figure:before {content: ""; position: absolute; left: -9px; top: 12px; width: 44px; height: 13px; background: url(../images/gray-arrow.svg) no-repeat; }
.blog_detail_data ul li .important{display: flex; align-items: center; align-content: center; margin: 0 0 20px; }
.blog_detail_data ul li .important span {position: relative; font-size: 26px; padding: 0 0 0 12px; }
.blog_detail_data ul li .important span:before{content: ""; position: absolute; left: 0; top: 8px; height: 28px; width: 3px; background: #0077FE; }
.blog_detail_data ul li .important p{ padding: 0 0 0 40px;}
.blog_detail_data ul li .rating_bx{}
.blog_detail_data ul li .rating_bx ul{}
.blog_detail_data ul li .rating_bx ul li { padding: 0 !important; display: flex; flex-wrap: wrap; align-items: center; align-content: center;margin:0 0 20px; }
.blog_detail_data ul li .rating_bx ul li:before{ display:none;}
.blog_detail_data ul li .rating_bx ul li span{ width: 260px; font-family: 'Pilat Wide Book'; font-weight: 600;}
.blog_detail_data ul li .rating_bx ul li p{}
.blog_detail_data ul li .rating_bx ul li p span { font-family: 'Pilat Wide'; font-size: 17px; margin: 0 20px 0 0; position:relative;font-weight: 450; }
.blog_detail_data ul li .rating_bx ul li p span:before{ content:""; position: absolute;
right: -12px;
top: 5px;
height: 16px;
width: 2px;
background: #C9C9C9;}
.blog_detail_data ul li .rating_bx ul li:last-child p span:before{display:none;}
.right_figure .figure{
/*position: absolute;*/
/*right: 0;*/
}
.blog_bx.right_figure { padding: 0 0 50px; margin: 0 auto;}
.right_figure .figure { position: absolute; right: 0;}
.blog_bx.right_figure img {margin: 0 auto;}
.b3dviewer-wrapper{min-width:700px;}
.modelViewerBlock, .modelViewerBlock.b3dviewer { max-width: 100%; width: 100%;}
/*#model2235 .b3dviewer-wrapper { height: 600px !important ;}*/
.product_view_bx .modelViewerBlock .b3dviewer-wrapper {/* height: 600px !important;*/ height: 500px !important;}
.postid-1451 .product_view_bx .modelViewerBlock .b3dviewer-wrapper { height: 350px !important;}
.postid-1449 .product_view_bx .modelViewerBlock .b3dviewer-wrapper { height: 300px !important;}
.postid-1451 .product_view_bx .modelViewerBlock .b3dviewer-wrapper img, .postid-1449 .product_view_bx .modelViewerBlock .b3dviewer-wrapper img {
height: 100% !important;
}
/*.single-products .solution-section { margin-bottom: 250px; }*/
.single-products .cta-section{padding:150px 0; }
.solution-cta-space { margin-bottom: 250px; }
/* Project Detail Page */
.gray_box_area{ padding-bottom: 130px;}
.gray-bx{ border-radius: 10px; background: #F2F2F2; text-align: center; padding:40px 20px;height: 100%;}
.gray-bx p{ font-size: 14px; color: #000; font-weight: 600; margin: 0 0 40px;}
.gray-bx span{ color: #404040; font-size: 22px; font-family: 'Pilat Wide Book';}
.gray-bx span img{height: 46px;}
.gray_box_area .text-center p {font-size: 25px; font-weight: 400; line-height: 1.6; color: #404040;}
.project_bx_img{ border-radius: 24px; overflow: hidden;}
.outcome-section{}
.outcome-desc{color:#555; font-size:16px; max-width:900px; line-height:1.6; margin-bottom:35px; }
.outcome-box { background: #242424; border-radius: 10px; padding: 45px 30px; color: #fff;}
.outcome-left h2{ font-size: 50px; font-weight: 450; line-height: 1.25; color: #fff; }
.outcome-list{margin:0; padding:0; list-style:none; }
.outcome-list li{ padding: 20px 0; border-bottom: 1px solid rgba(255, 255, 255, .2); font-size: 25px; font-weight: 450; }
.outcome-list li:last-child{border-bottom:0; }
.find-more {
color: white;
font-size: 14px;
display: inline-block;
margin-top: 8px;
padding: 0 0 5px;
border-bottom: 1px solid #fff;
}
.bottom-text, .bottom-text p{ margin-top: 25px; font-weight: 400; color: #000; font-size: 25px; line-height: 1.5; }
.outcome-section .title_main{}
.outcome-section .title_main span{color: #0077FE;}
.outcome-section .main_title p { color: #404040; font-size: 25px; font-weight: 400;}
.project_detial_section .row + .row{margin-top:127px;}
.project_detail_content, .solution_detail_content{/* height: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
align-content: center; padding:20px 0;*/}
.project_detail_content ul {
margin: 0;
}
.project_detail_content h2{ font-size: 40px; font-weight: 450; color: #0077FE; margin: 0 0 50px; line-height: 1.2; }
.project_bx {
text-align: center;
}
.project_detail_content h2 span{color:#000;}
.project_detail_content p, .solution_detail_content p{ font-size: 25px;
color: #404040;
font-weight: 400;
line-height: 1.5;}
.project_detail_content ul{}
.project_detail_content ul li, .solution_detail_content ul li{ position: relative;
padding: 0 0 0 20px; margin: 0 0 8px;
color: #404040;
font-size: 25px;
font-weight: 400;
border: none;
}
.project_detail_content ul li:before, .solution_detail_content ul li:before{content: "";
position: absolute;
left: 0;
top: 10px;
width: 11px;
height: 14px;
background: url(../images/li-arrow.svg) no-repeat;}
.default-pages li{ position: relative;
padding: 0 0 0 20px; margin: 0 0 8px;
color: #404040;
font-size: 17px;
font-weight: 400;
border: none;}
.default-pages li:before{content: "";
position: absolute;
left: 0;
top: 7px;
width: 11px;
height: 14px;
background: url(../images/li-arrow.svg) no-repeat;}
.gallery-section{ padding-bottom:350px;}
.gallery-img{
width:100%;
height:550px;
object-fit:cover;
border-radius:15px;
transition:.3s ease;
}
.gallery-img:hover{ transform:scale(1.03);}
.inner_breadcrumb ol br {
display: none;
}
/* Solution Detail Page */
.gray-bg{ background:#F3F3F3; }
.full-cta-section .cta-content .title_main { color: #000; font-weight: 450;}
.full-cta-section .cta-content p {
color: #000;
font-size: 17px;
font-weight: 400; max-width: 415px;
margin: 0 auto;
}
.full-cta-section .cta-content .main_title { margin: 0;}
.full-cta-section { position: relative; padding: 125px 0;}
.full-cta-section:before{ content: ""; position: absolute; width: 699px; height: 469px; opacity: 0.3; left: 50%; transform: translate(-50%, 0); bottom: 0px; border-radius: 0; background: url(https://pacflotech.yourwebsitebuilt.online/wp-content/uploads/2026/07/Full-cta-logo-badge.webp) no-repeat center 0;}
.product-slider-section{ padding-bottom:300px;}
.full-cta-section .cta_img {
position: absolute;
bottom: 0;
right: inherit;
transform: translate(-50%, 0);
left: 50%;
}
.full_solution_content_sec{}
.full_solution_content_sec h2, .solution_detail_content h2{ font-size: 40px; font-weight: 450; color: #0077FE;}
.full_solution_content_sec h2 span, .solution_detail_content h2 span{ color: #000;}
.full_solution_content_sec p{ color: #404040; font-size: 25px; font-weight: 400; margin: 0 0 21px;}
.full_solution_content_sec h3{font-size: 25px; color:#000; font-weight: 450;}
.full_solution_content_sec ul{}
.full_solution_content_sec ul li{font-size: 25px; color:#000; font-weight: 450; position:relative; padding: 0 0 0 20px; margin: 0 0 8px; }
.full_solution_content_sec ul li:before{content: ""; position: absolute; left: 0; top: 10px; width: 11px; height: 14px; background: url(../images/li-arrow.svg) no-repeat;}
/*
.full_solution_content_sec .aproach-title + p {
color: #000;
font-size: 17px;
font-weight: 400;
}*/
.full_solution_content_sec .approach_solution_sec{}
.full_solution_content_sec .approach_solution_sec h2{ font-size: 40px; font-weight: 450; color: #0077FE; }
.full_solution_content_sec .approach_solution_sec h2 span{ color: #000;}
.full_solution_content_sec .approach_solution_sec p{ color: #000; font-size: 17px; font-weight: 400; margin: 0 0 32px;}
.full_solution_content_sec .approach_solution_sec h3 { font-size: 30px; color: #000;font-weight: 450; margin: 0 0 20px;}
.single-solution .outcome-section { padding-top: 120px;}
.product-slider-section{}
.product-slider-section .product-card{}
.product-slider-section .swiper-slide { padding: 0; overflow: hidden;}
/*.product-slider-section .product-card { background: #f3f3f3;border:none;}*/
/*.product-slider-section .product-card .card-img-wrap { background: #f3f3f3;}*/
.product-slider-section .product-card .card-img-wrap { background: #F3F3F3;padding-top: 10px; padding-left: 15px; padding-right: 15px;}
.product-slider-section .product-card .card-info { background: #F3F3F3;/* padding: 20px;*/ padding: 47px 20px 30px 20px;position: relative;}
.product-slider-section .product-desc { opacity: 1; color: #404040; font-size: 16px; line-height: 1.3; }
/*
.product-slider-section .product-card:hover .card-info { background: #f3f3f3;}
.product-slider-section .product-card:hover .card-info .product-label { color: #404040;}
.product-slider-section .product-card:hover .card-info .product-desc { opacity: 1; color: #404040; }
.product-slider-section .product-card:hover { box-shadow: 0 12px 36px rgb(255 255 255 / 12%);}
*/
.product-slider-section .product-card { border-radius: 10px; border: none;}
.product-slider-section .product-card .card-info .arrow-btn { width: 36px; height: 36px;position: absolute; right: 26px; top: 36px;}
.product-slider-section .product-card .product-name { font-size: 20px; font-weight: 450; line-height: 1.3; margin: 0 0 10px; padding: 0 45px 0 0;}
.product-slider-section .product-card .product-label { margin-bottom: 20px; display: inline-block;}
.product-slider-section .main_title h2 {font-size: 40px; font-weight: 450; color: #1C1C1C;}
.product-slider-section .main_title { margin: 0 0 -70px; width: 80%;}
.product-slider { padding-top: 90px; padding-bottom: 0 !important;}
.product-slider-section .swiper-button-next.swiper-button-disabled, .product-slider-section .swiper-button-prev.swiper-button-disabled {/* opacity: .35; */
opacity:1; cursor: auto; pointer-events: none; border: 2px solid #0077FE; background: transparent;}
.product-slider-section .swiper-button-next.swiper-button-disabled span svg path, .product-slider-section .swiper-button-prev.swiper-button-disabled span svg path { fill: #000;}
.modelViewerBlock .position-bottom-right { display: none !important ;}
/* remove default swiper arrows */
.swiper-button-next::after,
.swiper-button-prev::after{ display:none;}
.product-slider-section .swiper-button-prev:hover, .product-slider-section .swiper-button-next:hover { background: #000;}
.slider-arrows{position:absolute; top:35px; right:0; display:flex; gap:18px; z-index:10; }
.custom-prev, .custom-next{position:relative; width: 50px !important; height: 50px !important; background:#0077FE; border-radius:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; margin:0;padding:12px; }
.custom-prev span, .custom-next span{ margin: -4px -2px 0 0;}
.custom-prev {margin-right: 25px;}
/* hide on mobile if needed */
@media(max-width:767px){
/*.slider-arrows{ top:auto; right:20px; bottom:10px;}*/
.custom-prev, .custom-next{width:42px; height:42px;}
.custom-prev span, .custom-next span{ font-size:26px; line-height: 7px;}
}
.stage{position:relative; width:100%;max-width:100%; margin:0 auto; aspect-ratio:1550/880;}
.stage img{position:absolute;inset:0; width:100%;height:100%; object-fit:cover; display:block; user-select:none; -webkit-user-drag:none; }
.stage svg{position:absolute;inset:0; width:100%;height:100%; pointer-events:none; }
.leader{stroke:var(--paper); stroke-width:.14; stroke-dasharray:1 0.9; opacity:0; transition:stroke .2s, opacity .2s; vector-effect:non-scaling-stroke; filter:drop-shadow(0 1px 2px rgba(0,0,0,.7)); }
.leader.active{stroke:#fff; opacity:1; stroke-width:.22;}
.leader-dot{fill:#fff; stroke:#fff; stroke-width:1; vector-effect:non-scaling-stroke; opacity:0; transition:fill .2s, opacity .2s; }
.leader-dot.active{fill:#fff; opacity:1;}
.leader.dim{opacity:.18;}
.node{position:absolute; transform:translate(-50%,-50%); width:22px;height:22px; z-index:3; cursor:pointer; }
.node .ring{position:absolute;inset:0; border-radius:50%; border:1.5px solid #fff; background:rgba(11,30,45,.35); transition:all .2s; }
.node .dot{position:absolute;left:50%;top:50%; width:10px;height:10px; background:#fff; border-radius:50%; transform:translate(-50%,-50%); transition:all .2s; }
.node .pulse{position:absolute;inset:-6px; border-radius:50%; border:1px solid #fff; opacity:0; animation: pulseOut 1.6s ease-out infinite; }
.node:hover .dot, .node.active .dot{background:#fff;}
.node.active .pulse{animation:pulseOut 1.6s ease-out infinite; }
.node.dim .ring{opacity:.3;}
@keyframes pulseOut{
0%{opacity:.65; transform:scale(.6);}
100%{opacity:0; transform:scale(2.1);}
}
.pin{position:absolute; z-index:4; display:flex; align-items:center; gap:8px; cursor:pointer; opacity: 0; pointer-events: none; transition:opacity .2s, transform .2s; }
.pin.active{opacity:1; pointer-events:auto; }
.pin.dim{opacity:0;}
.pin .tag{font-size:.62rem; font-weight:600; color:#fff; background:#fff; border-radius:50%; width:20px;height:20px; display:flex;align-items:center;justify-content:center; flex-shrink:0; display: none !important; opacity:0 !important; }
.pin .label{font-size: 15px; font-weight: 450; color: #000; background: #fff; padding: 10px; border-radius: 10px; white-space: nowrap; box-shadow: none; letter-spacing: 0; position:relative; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
.pin .label:before{content:""; position:absolute; left: 40px; bottom: -60px; height:50px; width:50px; background:url(../images/line.svg) no-repeat; }
.pin.left{ transform:translate(6px,-50%); }
.pin.right{ transform:translate(calc(-100% - 6px),-50%); }
/*.pin.left.active{ transform:translate(0,-50%); }*/
.pin.left.active { /* transform: translate(calc(10px), calc(-50% - 45px));*/ transform: translate(calc(-95px), calc(-50% - 60px)); }
.pin.right.active{ transform:translate(-100%,-50%); }
.node.active hover .pin.left.active .tag{ display:none !important; opacity:0 !important; }
.pin.right{flex-direction:row-reverse;}
@media (max-width:767px){
.pin .label{font-size:.7rem;padding:6px 10px;}
}
/*.node{*/
/* position:absolute;*/
/* transform:translate(-50%, -50%);*/
/* cursor:pointer;*/
/* z-index:100;*/
/*}*/
/* Tooltip */
.node .tooltip{
position:absolute;
bottom:40px;
left:50%;
transform: translateX(-43%);
background:#fff;
color:#222;
font-size:16px;
font-weight:500;
line-height:1.3;
padding:10px 18px;
border-radius:14px;
white-space:nowrap;
box-shadow:
0 8px 20px rgba(0,0,0,.12),
0 2px 6px rgba(0,0,0,.08);
opacity:0;
visibility:hidden;
transition:all .25s ease;
pointer-events:none;
}
/* Vertical connector line */
/*.node .tooltip::after{content:""; position:absolute; left: 40px; bottom: -48px; height:50px; width:50px; background:url(../images/line.svg) no-repeat;}*/
/* Hover */
.node:hover .tooltip{
opacity:1;
visibility:visible;
bottom:59px;
}
.wpcf7 form .wpcf7-response-output {
color: #fff;
text-align: center;
font-size: 13px;
}
div span.wpcf7-not-valid-tip, label.error {
background: #ff0000;
color: #fff;
font-size: 11px;
padding: 1px 5px;
line-height: normal;
display: inline-block;
vertical-align: top;
position: absolute;
z-index: 22;
left: 15px;
top: calc(100% - -10px);
margin: 0 0 0 0;
}
span.wpcf7-not-valid-tip:before, label.error:before {
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0 5px 5px 5px;
border-color: transparent transparent #ff0000 transparent;
position: absolute;
left: 8px;
bottom: 100%;
}
.single-products .solution-section .top-row p { text-align: right;}
.image_video_section {background: #EFEFEF; padding-bottom:120px;}
.single-products .solution-section .top-row { align-content: center !important; align-items: center !important;}
#viewer-wrapper{display:flex; align-items:center; justify-content:center; gap:15px; }
#viewer{width:900px; height:600px; }
.product_view_bx button{width:50px; height:50px; font-size:24px; cursor:pointer; }
#degree{position:absolute; top:20px; left:20px; background:#000; color:#fff; padding:5px 10px; border-radius:5px; }
.top-section{display:flex; justify-content:space-between; align-items:center; margin:40px; }
.thumbnail{width:260px; }
.controller{position:relative; width:180px; height:180px; }
.controller svg{transform:rotate(-90deg); }
.outer{fill:none; stroke:#d8d8d8; stroke-width:2; }
.inner{fill:none; stroke:#cfcfcf; stroke-width:1.5; stroke-dasharray:4 5; }
.progress{fill:none; stroke:#0066ff; stroke-width:3; stroke-linecap:round; transition:.3s; stroke-dasharray:471; stroke-dashoffset:471; }
.center{position:absolute; inset:0; display:flex; flex-direction:column; justify-content:center; align-items:center; }
#degree{position:static; background:none; color:#000; font-size:32px; font-weight:bold; }
.arrows{font-size:36px; margin-top:5px; }
.arrows span{cursor:pointer; padding:0 10px; }
#viewer{width:900px; height:600px; margin:20px auto; }
.solution-section.project_section .solution-name br {display: none; }
.download_area {margin: 20px 0 0; }
.why-choose-section{}
.why-choose-section p {font-size: 17px; color: #000; font-weight: 400; }
.why_choose_bx_inner{width: 70px; height: 70px; margin: 0 auto 15px; display: flex; align-items: center; justify-content: center; }
.why_choose_bx_inner svg{width: 48px; height: 48px; stroke: #0177ff; }
.why_choose_bx{ text-align: center; margin-bottom: 30px; }
.why_choose_bx p{font-size: 18px; color: #000; font-weight: 450; line-height: 1.4; margin-bottom: 0; font-family: 'Pilat Wide Book'; }
.why-choose-section .main_title p {color: #1C1C1C; font-size: 17px; font-weight: 400; }
.download-wrapper{display:flex; align-items:center; gap:40px; position:relative; padding: 30px 0; }
.download-card{flex:1; background: #F4F4F4; border-radius: 24px; padding: 30px 45px 60px 280px; margin: 0 0 0 200px; }
.download-section .main_title {margin: 0 0 0px; }
/* Brochure */
.brochure-stack{width: 480px; height: 520px; flex-shrink:0;position: absolute; }
.brochure-stack img{border-radius:8px; position:absolute; transition:.4s; }
.back-img{transform: rotate(26deg); left: 4px; top: 26px; }
.front-img{transform: rotate(-27deg); left: -35px; top: 23px; }
.download-wrapper:hover .brochure-stack .front-img {transform: rotate(-11deg) translateY(-8px); }
.download-wrapper:hover .brochure-stack .back-img{transform: rotate(15deg) translateY(-16px); left: -47px; }
#brochureForm .blue-btn .wpcf7-spinner {position: absolute; right: -33px; margin: 0 !important; }
#brochureForm .blue-btn span svg path {fill: #fff; }
#brochureForm .blue-btn span svg {width: 18px; height: 18px; }
#bottom-contact-form span.wpcf7-spinner {position: absolute; right: -37px; margin: 0 !important; }
.location_detail_content ul li a{ text-decoration: underline !important; color: #404040;}
.location_detail_content ul li a:hover, .location_detail_content p a:hover{color:#0077FE;}
.location_bx {width: 100%; border-radius: 13px; overflow: hidden; }
.location_bx img {width: 100%; object-fit: cover; }
.download-section .icon-box{width:60px; height:60px; border-radius:50%; display:flex; justify-content:center; align-items:center; margin-right:35px;margin-top: 5px; }
.download-section .icon-box svg{color:#0d6efd;font-size:34px;}
.download-section { padding-bottom: 377px;}
.download-header h2{line-height: 1.2; margin-bottom:0; }
.download-header p{color: #1C1C1C; margin: 0; font-size: 17px; }
.download-card p {margin: 0 0 19px; }
#brochureForm .input-box .input{width: 100%;border:none; padding: 40px 0px 33px; color: #404040; border-bottom:1px solid #242424; height: 39px; padding: 13px 0px;font-weight:450; font-size: 18px; border-radius: 0; background: none; /*backdrop-filter: blur(14px);*/ }
#brochureForm .col-12.col-sm-12.col-md-12.col-lg-4 {width: 30%; }
#brochureForm .col-12.col-sm-12.col-md-12.col-lg-4.submit-bx {padding: 0 0 0 60px; }
/*Contact Page */
.page-template-contactus #inner_banner p { margin-top: 0; margin-left: 0;}
.page-template-contactus .submit-bx .btn:hover input { color: #fff;}
.page-template-contactus .wpcf7 form .wpcf7-response-output { color: #000;}
.page-template-contactus span.wpcf7-not-valid-tip, .page-template-contactus label.error { left: 0px; top: calc(100% - -29px);}
.contactpage_form {background: #EFEFEF; border-radius: 24px; padding: 40px 50px; display: flex; flex-wrap: wrap; align-items: center; height: 100%; max-width: 858px; margin-left: auto; }
.contactpage_form .input-box .input {padding: 25px 0; align-items: center; border: none; border-bottom: 1px solid #242424; background: none;color:#404040; width: 100%; font-size: 18px; font-weight: 450; font-family: 'Pilat Wide Book'; }
.contactpage_form .input-box textarea.input{ height:207px;resize:none; }
.text-right { text-align: right;}
.contact-detail {position:relative; height:100%; max-width: 670px; background:#242424; border-radius: 24px; padding: 47px 50px 38px; color: #fff;}
.contact-detail:before{content:""; position:absolute; background:url(https://pacflotech.yourwebsitebuilt.online/wp-content/uploads/2026/07/pf-logo-contact-bx.webp)no-repeat; height:225px; width:230px; right: -24px; bottom: -50px;}
.contact-detail .main_title { margin: 0 0 40px; }
.contact-detail .main_title .h1{color:#0177ff; font-size: 40px; line-height: 1.2;}
.contact-detail p{color:#fff; font-size: 25px; line-height: 1.5; font-weight: 400;}
.contact-detail .main_title .h1 span{color:#fff;font-weight: 450;}
.contact_icon {width: 54px; padding: 0 10px;}
.contact_detail_box{ margin: 0;}
.contact_detail_box li {background: none; border: none; display: flex; flex-wrap: wrap; gap: 18px; padding: 0 0 40px; align-items: center; }
.contact_detail_box li a, .contact_detail_box li p{color:#fff;}
.contact_detail span {font-size: 20px; line-height: 1.2; font-family: 'Pilat Wide Demi'; font-weight: 600;}
.contact_detail p, .contact_detail p a {font-size: 16px; font-weight: 400; color: #fff; }
.contact_detail p a:hover{color:#0177ff;}
.contact_content_section .social_follow li a{height: 45px; width: 45px; margin: 0 6px 0 4px; text-align: center; line-height: 35px; border-radius: 50%; border: 2px solid #BEBEBE; display: inline-block; }
.contact_content_section .social_follow li a svg path { fill: #0177ff;}
.contact_content_section .social_follow li a:hover{border:2px solid #0177ff; background:#0177ff; }
.contact_content_section .social_follow li a:hover svg path{fill:#fff;}
.full_location_content_sec { text-align:center;}
.full_location_content_sec p{ font-size: 25px; font-weight: 400;}
.page-template-location-listing .case-study-section{ /*margin-bottom:267px;*/ padding-top: 142px; }
.location-stage {position: relative; width: 100%; max-width: 100%; margin: 0 auto; aspect-ratio: 1550 / 732;height: 100%; }
.location-stage img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; display: block; user-select: none; -webkit-user-drag: none;}
.page-template-location-listing .full_location_content_sec { padding: 270px 0 150px;}
.location-stage .node .dot { width: 15px; height: 15px; background: #0077fe;}
.location-stage .node .ring { border: 3.5px solid #fff;}
.location-stage .node { width: 20px; height: 20px;}
.location-stage .pin .label:before, .location-stage .tooltip-link .tooltip:after{ content: ""; position: absolute; left: 38px; bottom: -39px; height: 50px; width: 50px; background: url(../images/line.svg) no-repeat;/* transform: rotateY(140deg); */}
.location-stage .pin .label{ font-size: 16px; font-weight: 500; color: #222; line-height: 1.3; padding: 10px 18px; border-radius: 5px; white-space: nowrap; box-shadow: 0 8px 20px rgba(0, 0, 0, .12), 0 2px 6px rgba(0, 0, 0, .08); }
.location-stage .tooltip-link {position: absolute; right: -72px; top: 28px; }
.single-location{}
.single-location .trusted-logos{padding:0px 0 70px;}
.single-location .trusted-logos .slide { /*width: 9%;*/}
.single-location .multilogo { /*gap: 140px;*/}
.project_detial_section {padding-bottom: 103px; }
.location_detail_content {display: flex; flex-wrap: wrap; align-items: center; align-content: center; height: 100%; }
.location_detail_content h2 {font-size: 40px; margin: 0 0 25px; line-height: 1.9; }
.location_detail_content h2 span{color: #0077FE;}
.location_detail_content p {font-size: 25px; color: #404040; font-weight: 400; line-height: 1.5; margin: 0 0 22px; }
.location_detail_content ul li{ font-size: 25px; color: #000; font-weight: 450; position: relative; padding: 0 0 0 25px; margin: 0 0 33px;}
.location_detail_content ul li:before{ content:""; position:absolute; left:0; top:10px;width: 11px; height: 14px; background:url(../images/li-arrow.svg) no-repeat ;}
.location_detail_content p a{color: #0177ff; text-decoration: underline !important; color: #404040; }
.why-choose-section .col-6.col-md-4.col-lg-2:nth-child(3), .why-choose-section .col-6.col-md-4.col-lg-2:nth-child(4) {width: 23%; }
.why-choose-section .title_main {margin: 0 0 7px; }
.why-choose-section .main_title {margin: 0 0 40px; }
.tax-product_cat .faq_section { padding-bottom: 300px;}
.tax-product_cat.term-5 .faq_section { padding-bottom: 150px;}
/*.single-post #inner_banner{ min-height: 248px;}*/
.single-products #inner_banner{ min-height: 260px;}
.single-products .banner_figcaption{ margin: 0; top: inherit; bottom: 14px;}
.single-post .banner_figcaption{ margin: 0; top: inherit; bottom: 3px;}
.single-project .banner_figcaption, .single-location .banner_figcaption{/*top: 71%;*/ top: inherit; bottom: -92px;}
.project_detail_content ul li, .full_solution_content_sec ul li{ color: #000; font-weight: 450; font-family: 'Pilat Wide Book'; padding: 0 0 20px 20px;}
.image-mapping{overflow:hidden;}
.load-more-btn:hover { background: #000 !important; color: #fff !important;}
.project_detail_content ul li:last-child, .full_solution_content_sec ul li:last-child{padding-bottom:0;margin-bottom:0;}
.full_solution_content_sec ul {margin: 0;}
.full_solution_content_sec h2 { margin-bottom: 20px;}
.single-solution .outcome-section .outcome-list { padding: 0 0 0 103px;}
.single-solution .outcome-section .outcome-box { padding: 45px 50px;}
.single-project .outcome-section .main_title { margin: 0 0 30px;}
.single-project .outcome-section .outcome-box { padding: 40px 55px 60px;margin: 80px 0 0;}
.single-project .outcome-section .outcome-box .out_all_bx { padding: 0 0 0 100px;}
.single-project .outcome-section .outcome-left h2 { margin: 0;}
.single-project .outcome-section { padding-top: 80px;}
.single-project .outcome-section + .image_section { padding-top: 80px; }
.single-project .project-description-detail { padding-bottom: 80px; }
.single-project .inner_banner-sec + .gray_box_area { padding-top: 80px;}
.single-project .bottom-text{ margin-top: 50px;}
/*.tax-product_cat .products-section.category_section { padding-bottom: 20px;}*/
.brief-msg span.wpcf7-not-valid-tip, .brief-msg label.error, .meg_text span.wpcf7-not-valid-tip, .meg_text label.error{ top: 17px; }
.leader{stroke:var(--paper); stroke-width:1.6; opacity:0; transition:stroke .2s, opacity .2s, stroke-width .2s; vector-effect:non-scaling-stroke; filter:drop-shadow(0 1px 2px rgba(0,0,0,.7)); }
.leader.active{stroke:var(--safety); opacity:1; stroke-width:2.2;}
.leader-dot{fill:var(--paper); stroke:var(--ink); stroke-width:1; vector-effect:non-scaling-stroke; opacity:0; transition:fill .2s, opacity .2s; }
.leader-dot.active{fill:var(--safety); opacity:1;}
.leader-bridge{stroke:transparent; stroke-width:3; fill:none; pointer-events:stroke; cursor:pointer; }
.single-solution .project_detial_section{padding-top: 195px}
.full_solution_content_sec { padding-top: 135px;}
.full_solution_content_sec h3 + p { font-size: 20px;}
.full_solution_content_sec .approach_solution_sec h2 { margin: 0 0 35px; line-height: 1;}
.single-solution .outcome-list li { padding: 19px 0;}
.product-slider-section .product-card .card-img-wrap img { /* height: 450px;*/ height:270px;}
.project_bx_img{width:100%;}
.project_bx_img img {width: 100%; object-fit: cover; }
.single_sol_slider_inner{background: #F3F3F3;border-radius: 14px;}
.product-slider-section .swiper-slide{height:auto;}
.center-image-wrap{ max-width: 840px;}
.single_sol_slider_inner .product-card .card-info .arrow-btn {margin-top: 0px; margin-right: 0; }
/*.single-solution .solution_bx {overflow: hidden; border-radius: 20px; height: 100%; } */
/*.single-solution .solution_bx img {width: 100%;height:100%; object-fit: cover; }*/
.single-solution .solution_bx { text-align: center; position: relative; width: 100%; float: left; height: 100%; border-radius: 20px; overflow: hidden;}
.single-solution .solution_bx img { width: 100%; object-fit: cover; position: absolute; left: 50%; height: 100%; top: 50%; transform: translate(-50%, -50%);}
/*.postid-2428.single-solution .solution_bx, .postid-2555.single-solution .solution_bx{ height: 880px; } */
/*.postid-2553.single-solution .solution_bx{ height: 800px; } */
.single-location .full_location_content_sec{padding-top:140px}
.single-location .full_location_content_sec p { line-height: 1.4;}
.single-location .product-slider-section .product-card .card-img-wrap img { height: 270px;}
.single-location-img-full-sec { padding: 140px 0 155px;}
.single-location .product-slider { padding-top: 110px;}
.paginations { width: 100%;text-align: center; margin: 50px 0 0;}
.page-numbers { background: #000; color: #fff; padding: 10px 17px; line-height: 20px; font-size: 16px; border-radius: 5px;}
.page-numbers:hover, .page-numbers.current { background: #0177ff; color: #fff;}
#contact-form-id .submit-bx .wpcf7-spinner {position: absolute; right: -29px; margin: 0;}
.mobile-accordion-img { display: none;}
.three_blog_img { display: flex; gap: 10px; height: 100%;}
.three_blog_img .blog_bx { margin: 0;}
.three_blog_img .blog_bx img { height: 230px; width: 300px; object-fit: cover;}
.blog_bx img { width: 100%;/* height: 350px;*/ margin: 30px auto 0; object-fit: contain; min-height: 100px;}
.blog_detail_data ul li + p { display: none;}
/* Table */
.blog_detail_data table {width: 100%; border-collapse: separate; border-spacing: 0; background: #fff; border-radius: 15px; overflow: hidden;border: 1px solid #00000033; margin: 20px 0; }
/* Header */.blog_detail_data table thead {background: #e6ebf5; }
.blog_detail_data table th {padding: 20px; text-align: left; font-weight: 500; color: #111; position: relative; font-size: 16px; }
/* Dashed vertical lines */.blog_detail_data table th:not(:last-child), .blog_detail_data table td:not(:last-child) { border-right: 1px solid #b5b7b9; }
/* Body */ .blog_detail_data table td {padding: 10px 20px; vertical-align: middle; color: #111; font-size: 16px; border-top: 1px solid #eee; line-height: 26px; }
/* Price column */.blog_detail_data table td:nth-child(2) {color: #222;}
/* First row bold text */.blog_detail_data table tbody tr:first-child td:first-child {color: #111;}
/* Rounded corners */.blog_detail_data table thead tr th:first-child {border-top-left-radius: 15px; }
.blog_detail_data table thead tr th:last-child {border-top-right-radius: 15px; }
@media (max-width: 768px) {
.blog_detail_data table table, .blog_detail_data table thead, .blog_detail_data table tbody, .blog_detail_data table th, .blog_detail_data table td, .blog_detail_data table tr {display: block; }
.blog_detail_data table th {display: none; }
.blog_detail_data table tr {margin-bottom: 5px; background: #fff; border-radius: 10px; padding:10px 15px; }
.blog_detail_data table td {border: none; padding: 0; }
.blog_detail_data table th:not(:last-child), .blog_detail_data table td:not(:last-child) { border-right: none;}
.hose-table tr:first-child td strong { color: #000;}
}
.page-template-solution .solution-section.project_section {padding-bottom: 150px;}
.btn_wrpr .blue-btn { padding: 4px 4px 4px 20px;}
.page-template-contactus .footer_contact_form span.wpcf7-not-valid-tip, .page-template-contactus .footer_contact_form label.error { left: 15px; top: calc(100% - -10px); }
.page-template-contactus .footer_contact_form form .wpcf7-response-output { color: #fff;}
.footer_contact_form .brief-msg span.wpcf7-not-valid-tip, .footer_contact_form .brief-msg label.error, .footer_contact_form .meg_text span.wpcf7-not-valid-tip, .meg_text label.error { top: 17px !important;}
.image_section .project_bx_img img { height: 800px;}
/*.project_bx img { width: 100%;}*/
.project_bx{text-align: center; position: relative; width: 100%; float: left; height: 100%; border-radius: 20px; overflow: hidden;}
.project_bx img { width: 100%; object-fit: cover; position: absolute; left: 50%; height: 100%; top: 50%; transform: translate(-50%, -50%);}
.project_bx .project_image_portrait{ width: auto; border-radius: 15px;}
.hose-table tr:first-child td { background: #000000;}
.hose-table tr:first-child td strong{color:#fff;}
.blog_detail_data ul .blog_detail_full_content_box ul li {
margin: 0;
padding: 0;position:relative;
border: none;
}
.blog_detail_data ul .blog_detail_full_content_box ul li:before{}
.postid-3005 .two_img_box img {
height: 100%;
padding: 10px;
object-fit: cover;
}
.postid-3005 .two_img_boxes { align-items: inherit;}
.two_img_boxes.no-contain {align-items: center;}
.no-contain .two_img_box img { object-fit: contain;}
.two_img_box { padding: 0 5px; border-radius: 10px; overflow: hidden;}
.two_img_box img { border-radius: 10px;}
/*.single-solution.postid-2823 .solution_bx {height: 700px;}*/
/*.page-template-location-landing-page .study_image { min-height: 960px;}*/
/*.page-template-location-landing-page .about_content { background: #242424; padding: 130px 0;}*/
/*.page-template-location-landing-page .about_left_content p { color: #fff;}*/
/*.page-template-location-landing-page .about_left_content .h1 span, .page-template-location-landing-page .about_left_content h2 span { color: #fff; display: inline-block; }*/
/*.page-template-location-landing-page .image-box { max-height: 975px;}*/
/*.page-template-location-landing-page .solution-section {padding-bottom: 250px;}*/
/*.single-location .study_image { min-height: 960px;}*/
.single-location .about_content { background: #242424; padding: 130px 0;}
.single-location .about_left_content p { color: #fff;}
.single-location .about_left_content .h1 span, .single-location .about_left_content h2 span { color: #fff; display: inline-block; }
.single-location .image-box { max-height: 975px;}
.single-location .solution-section {padding-bottom: 250px;}
.solutions-parent-menu .mega-menu-grid-item .grid-label { display: none;}
.solution_tip_cnt { }
.solution_tip_cnt p { width: 100%; white-space: nowrap; overflow-wrap: break-word; word-break: normal; white-space: normal; color: #000;font-family: 'Pilat Wide Book';}
.solution_tip_cnt ul{}
.solution_tip_cnt ul li{ color: #000;position:relative; font-weight: 450; font-family: 'Pilat Wide Book'; padding: 0 0 8px 20px; margin:0 0 8px;}
.solution_tip_cnt ul li:before{ content: ""; position: absolute; left: 0; top: 5px; width: 11px; height: 14px; background: url(../images/li-arrow.svg) no-repeat;}
/*.node .tooltip{height: 300px; overflow-y: scroll; padding: 20px 20px 30px;}*/
/*.node .tooltip::after { left: 43%; transform: translate(-50%, 0);width: 3px;}*/
/*.solution_tip_cnt {width: 100%; height: 100%;}*/
/*.tooltip-content{ width: 460px; height: 400px; overflow-x: hidden; overflow-y: scroll; background: #fff; position: absolute; z-index: 4; cursor: pointer; opacity: 0; pointer-events: none; transition: opacity .2s, transform .2s; padding: 20px; border-radius: 10px; top: 50%; left: 50%; transform: translate(-50%, -110%);}*/
#stage .pin .label {display: none;}
.node.active .tooltip-content{ opacity: 1; pointer-events: auto;}
.tooltip-content .solution_tip_cnt {
width: 500px;
height: 400px;
overflow-x: hidden;
overflow-y: scroll;
background: #fff; padding: 20px 5px 20px 20px;
border-radius: 10px;
}
.tooltip-content {
position: absolute;
z-index: 4;
cursor: pointer;
opacity: 0;
pointer-events: none;
top: 50%;
left: 50%;
transform: translate(-50%, -110%);border-radius: 10px;
overflow: hidden;
}
#stage .node.active .dot::after {
content: "";
position: absolute;
left: 50%;
bottom: -20px;
height: 50px;
width: 40px;
background: url(../images/line.svg) no-repeat;
transform: translate(-100%, -50%);
}
.modal-dialog { max-width: 1200px;}
#stage .node.active .dot::after { display: none;}
.modal-header { background: #000;}
.modal-title h2 { margin: 0;color: #fff;}
.modal-header .btn-close { background-color: #fff; opacity: 1;}
/*360 animation image css*/
.scroll-section{/*display:flex;*/margin:auto}
.stickyimg{position:sticky;top:0;height:100vh;display:flex;align-items:center;display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;}
#rotateCanvas{/*width:100%;*/max-height: 100vh; max-width: 100%; width: auto; height: auto;}
.content{ position: relative; padding: 0 15px;}
.panel{min-height:100vh;padding:40px;display:flex;flex-direction:column;justify-content:center}
/*360 animation image css*/
.canvas-wrap {width:100%;}
.term-14 .products-section.category_section { padding-bottom: 140px !important;}
.postid-1449 .product_detail_section, .postid-1451 .product_detail_section{ padding-bottom: 140px !important;}
.custom-video{ position:relative;width:100%; }
.custom-video video{width:100%;display:block;border-radius:10px;/*object-fit:cover;*/}
.video-play-btn{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:60px; height:60px; border:none; border-radius:50%; background:rgba(0,0,0,.55); display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all .3s ease; z-index:2;}
/* Hide button while playing */
.custom-video.playing .video-play-btn{ opacity:0; visibility:hidden; }
/* Show button on hover */
.custom-video.playing:hover .video-play-btn{ opacity:1; visibility:visible; }
.custom-video.playing .play-icon{ display:none; }
.custom-video.playing .pause-icon{ display:block !important; }
.video-play-btn:hover{ background:rgba(0,0,0,.75); }
.product_cnt_image_potrait img, .single-products .product_cnt_image_potrait img{ width: auto;}
.product_tabel_title_highlight span { color: #0177ff;}
.tax-product_cat .about_content { padding-bottom: 150px;}
.hose-table.rating-table tr:nth-child(2) td:first-child { background: #222; color: #fff;}
.hose-table.rating-table tr:nth-child(2) td:first-child strong { color: #fff;}
.hose-table.rating-table tr:first-child td:first-child { background: #222; color: #fff;}
.hose-table.rating-table tr:first-child td{background:none;}
/*.hose-table.rating-table tr:first-child td {*/
/* border-bottom: 1px dashed #6fa3ff !important;*/
/*}*/
.hose-table.rating-table tr + tr td{border-top: 1px solid #b5b7b9 !important;}
.term-5 .solution-cta-space { margin-bottom: 0;}
/*.product_tabel_title_highlight p { background:#000; color: #fff !important; padding: 5px 10px;}*/
.product_tabel_li_highlight{background: #000; color: #fff; padding: 0 0 0 20px !important;}
.product_tabel_li_highlight span { color: #fff;}
.product_tabel_li_highlight p { color: #fff !important; padding:10px;}
.product_tabel_li_highlight .specification_content_left{ border-right: 1px solid #fff; padding: 10px 10px 10px 0;}
.single-solution .fadeInLeft .cta-content { width: 90%; float: right;}
.location_dots_link { display: inline-block; position: absolute; left: 50%; top: 50%; width: 20px; height: 20px; transform: translate(-50%,-50%);}
.term-5.tax-product_cat #inner_banner p { padding: 0 0 0 0px;}
.term-5.tax-product_cat #inner_banner .category_banner_dec { padding: 0 0 0 70px;}
/*.single-post .inner_banner_caption h1, .single-post .inner_banner_caption .h1{display:none;}*/
.wpcf7-not-valid-tip { display: none !important;}
.page-template-about-page .case-study-section, .page-template-about-page .trusted-logos { background: #000;}
.footer .footer_links_box.footer_contact li a { width: 100%;}
.mega-brand-arrow svg { height: 11px; width: 11px;}
.product_detail_section .modelViewerBlock .position-bottom-right { display: none !important;}