@import url('https://fonts.googleapis.com/css2?family=Host+Grotesk:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
    --themeht-primary-color: #FF5E15;
    --themeht-secondary-color: #010101;
    --themeht-text-color: #0E0E0E;
    --themeht-body-color: #5E5E5E;
    --themeht-white-color: #FFFFFF;
    --themeht-bg-dark-color: #010101;
    --themeht-bg-light-color: #f4f9fd;
    --themeht-border-light-color: #DADADA;
    --themeht-rgba-color: rgba(255,255,255,0.9);
    --themeht-typography-body-font-family: "Inter", sans-serif;
    --themeht-typography-secondary-font-family: "Host Grotesk", sans-serif;
}

/* ------------------------
    General
------------------------*/

body {scroll-behavior: smooth; font-family: var(--themeht-typography-body-font-family); font-weight: 400; font-style: normal; font-size: 16px; line-height: 30px; color: var(--themeht-body-color); overflow-x: hidden;}
.page-wrapper{overflow-x: hidden;}

/* ------------------------
    Typography
------------------------*/
h1, h2, h3, h4, h5, h6 { font-family: var(--themeht-typography-secondary-font-family); font-weight: normal; margin-top: 0px; font-style: normal; margin-bottom: 20px; color: var(--themeht-text-color); }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
.h1, h1 { font-size: 70px; line-height: 80px; font-weight: 700;}
.h2, h2 { font-size: 50px; line-height: 60px; font-weight: 700;}
.h3, h3 { font-size: 30px; line-height: 40px; font-weight: 600;}
.h4, h4 { font-size: 26px; line-height: 36px; font-weight: 600;}
.h5, h5 { font-size: 24px; line-height: 34px; font-weight: 600;}
.h6, h6 { font-size: 20px; line-height: 30px; font-weight: 600;}
ul { margin-left: 0; }


label { display: inline-block; color: var(--themeht-text-color); font-size: 16px; margin-bottom: 7px; }

@media (min-width: 1400px) {
    .container {
        max-width: 1350px;
    }
}

/* ------------------------
    Helper class
------------------------*/
p{line-height: 1.7;}
.lead{font-weight: normal; font-size: 17px; line-height: 30px;}
.z-index-0{z-index: 0; position: relative;}
.z-index-1{z-index: 1; position: relative;}
section, .section{padding: 120px 0; position: relative;}
.img-border { border: 10px solid var(--themeht-white-color); }

/* ------------------------
    Text color
------------------------*/
.text-theme{color: #ab983f;}
.text-black{color: var(--themeht-text-color) !important;}
.text-grey{color: var(--themeht-body-color);}
.text-muted { color: #979797 !important;}


/* ------------------------
    Background color
------------------------*/
.white-bg{background-color: var(--themeht-white-color) !important;}
.dark-bg{background-color: var(--themeht-bg-dark-color);}
.light-bg{background-color: var(--themeht-bg-light-color);}
.primary-bg{background-color: #ab983f;}
.secondary-bg{background-color: var(--themeht-secondary-color);}
.transparent-bg{background-color: inherit !important;}
.border-light{border-color: var(--themeht-border-light-color) !important}


/* ------------------------
    Banner
------------------------*/
[data-bg-img] { background-size: cover; background-position: center center; background-repeat: no-repeat; }
.banner-slider { background-color: var(--themeht-bg-dark-color); }
.banner-slider .slider-img { background-size: cover; background-position: top center; background-repeat: no-repeat; position: absolute; top: 0; width: 100%; height: 100%; left: 0; }
.slider-img::before { position: absolute; content: ''; background: #000000; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.6; z-index: 9; }
.banner-slider .swiper-button-next, .banner-slider .swiper-button-prev { transform: scale(0); width: 50px; height: 50px; background-image: none !important; border-radius: 100%; line-height: inherit; background: #ab983f; border: none; }
.banner-slider .swiper-button-next:hover, .banner-slider .swiper-button-prev:hover { background: var(--themeht-bg-dark-color); }
.banner-slider .swiper-button-next:after, .banner-slider .swiper-button-prev:after { font-size: 20px; color: var(--themeht-white-color); line-height: 50px !important; }
.banner-slider .swiper-button-next:hover:after, .banner-slider .swiper-button-prev:hover:after { color: var(--themeht-white-color); }
.banner-slider:hover .swiper-button-next, .banner-slider:hover .swiper-button-prev { transform: scale(1); }
.banner-slider.swiper:hover .swiper-button-prev { left: 10px; }
.banner-slider.swiper:hover .swiper-button-next { right: 10px; }
#banner-pagination { position: absolute !important; right: 150px; left: inherit; margin: 0; text-align: right; width: auto; bottom: 50px; font-size: 18px; color: var(--themeht-white-color); }
.banner-slider .themeht-btn + .themeht-btn { margin-left: 20px; }
.banner-slider h6, .banner-slider .banner-large-text { position: relative; opacity: 0; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; -webkit-transform: translateY(80px); -moz-transform: translateY(80px); -ms-transform: translateY(80px); -o-transform: translateY(80px); transform: translateY(80px); }
.banner-slider h1 { position: relative; opacity: 0; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; -webkit-transform: translateY(80px); -moz-transform: translateY(80px); -ms-transform: translateY(80px); -o-transform: translateY(80px); transform: translateY(80px); }
.banner-slider p, .banner-top a { position: relative; opacity: 0; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; -webkit-transform: translateY(80px); -moz-transform: translateY(80px); -ms-transform: translateY(80px); -o-transform: translateY(80px); }
.banner-slider .btn-box { position: relative; opacity: 0; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; -webkit-transform: translateY(80px); -moz-transform: translateY(80px); -ms-transform: translateY(80px); -o-transform: translateY(80px); transform: translateY(80px); }
.banner-slider .swiper-slide-active h6 { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); transition-delay: 500ms; }
.banner-slider .swiper-slide-active h1 { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); transition-delay: 1000ms; }
.banner-slider .swiper-slide-active p, .banner-slider .swiper-slide-active .banner-top a { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); transition-delay: 1500ms; }
.banner-slider .swiper-slide-active .btn-box { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); transition-delay: 2000ms; }
.banner-slider .swiper-slide-active .banner-large-text { opacity: 0.2; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); transition-delay: 1000ms; }
.banner-content { padding: 200px 0 200px 150px; position: relative; z-index: 9; }
.banner-slider h6 { color: var(--themeht-white-color); text-transform: uppercase; font-size: 16px; border: 1px solid rgba(255, 255, 255, 0.2); display: inline-block; padding: 6px 20px 6px 6px }
.banner-slider h1 { font-weight: 700; font-size: 110px; line-height: 120px; color: var(--themeht-white-color); }
.banner-slider h1 span { font-weight: 600; display: block; }
.banner-content p { max-width: 80%; margin: 0; color: var(--themeht-white-color); }
.banner-slider-one .banner-content { padding: 80px 0 150px 150px; position: relative; z-index: 9; }
.slider-overlay { position: absolute; content: ''; background: linear-gradient(90deg, #000000 70%, #FFFFFF 100%); width: 100%; height: 100%; top: 0; left: 0; z-index: 9; opacity: 0.7; mix-blend-mode: multiply; }
.banner-slider-one .banner-content .banner-text { width: 65%; }
#banner-pagination { bottom: 100px; position: absolute !important; left: inherit; right: 50px; width: auto; transform: translateY(-50%); margin: 0; }
.banner-top { position: relative; display: inline-block; }
.banner-large-text { font-size: 300px; line-height: 1; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px var(--themeht-white-color); font-weight: 800; font-family: var(--themeht-typography-secondary-font-family); opacity: 0.2; }
.banner-top a { position: absolute; right: 100px; top: 50%; margin-top: -50px; }
.banner-top .video-btn-icon > i { width: 100px; height: 100px; line-height: 100px; font-size: 40px; }
.banner-slider .banner-content h6 span { background: #ab983f; color: var(--themeht-white-color); padding: 2px 8px; margin-right: 15px; display: inline-block; }
.banner-3::before { position: absolute; content: ''; background: #000000; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.6; z-index: -1; }
.banner-slider-two .banner-content { padding: 200px 0 200px 150px; position: relative; z-index: 9; }
.banner-slider-two .banner-content .banner-text { width: 50%; }
.banner-btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 50px; margin-top: 40px; }
.banner-btn .video-btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 30px; }
.video-btn-icon { position: relative; display: inline-block; z-index: 9; }
.video-btn-icon:after, .video-btn-icon:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: var(--themeht-white-color); z-index: -1; border-radius: 50%; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; }
.video-btn-icon:after, .video-btn-icon:before { -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: ripple; animation-name: ripple; }
.video-btn-icon:after { -webkit-animation-delay: 2s; animation-delay: 2s; }
.video-btn-icon > i { display: inline-block; width: 60px; height: 60px; line-height: 60px; text-align: center; background-color: #ab983f; color: var(--themeht-white-color); font-size: 30px; border-radius: 50%; z-index: 1; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; }
.video-btn span { font-weight: 500; font-size: 16px; line-height: 24px; -webkit-text-decoration-line: underline; text-decoration-line: underline; text-transform: uppercase; color: var(--themeht-white-color); }
.video-large .video-btn-icon > i { width: 100px; height: 100px; line-height: 100px; font-size: 50px; }
.banner-slider-two .video-btn-icon:after, .banner-slider-two .video-btn-icon:before { background-color: #ab983f; }

.about-sec1-box { position: relative; display: block; }
.about-sec1-box .shape1 { position: absolute; top: -5px; right: 0; z-index: -1; }
.about-sec1-box .shape2 { position: absolute; top: 135px; right: 0; z-index: -1; }
.about-sec1-box .shape3 { position: absolute; left: -90px; bottom: -30px; z-index: -1; }
.float-bob-y { animation-name: float-bob-y; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; }
.about-sec1.img1 { position: relative; display: block; max-width: 430px; width: 100%; }
.about-sec1.img1 img, .about-sec1.img2 .about-sec1-inner img { width: 100% }
.about-sec1.img2 { position: absolute; bottom: -180px; right: 0; z-index: 2; }
.about-sec1.img2:before { position: absolute; top: -10px; left: -10px; bottom: 0; right: 0; background: var(--themeht-white-color); content: ""; z-index: -1; }
.round-text { width: 180px; height: 180px; z-index: 9; position: absolute; bottom: 80px; left: -80px; border-radius: 50%; background-color: var(--themeht-white-color); z-index: 5; -webkit-filter: drop-shadow(0px 10px 25px rgba(165, 165, 165, 0.3)); filter: drop-shadow(0px 10px 25px rgba(165, 165, 165, 0.3)); }
.round-text text { text-transform: uppercase; font-size: 12.5px; letter-spacing: 1px; font-weight: 500; fill: var(--themeht-text-color); }
.round-text svg { box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.10); border-radius: 50%; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-animation-name: rotate; -moz-animation-name: rotate; -ms-animation-name: rotate; -o-animation-name: rotate; animation-name: rotate; -webkit-animation-duration: 40s; -moz-animation-duration: 40s; -ms-animation-duration: 40s; -o-animation-duration: 40s; animation-duration: 40s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; }
.text-btn-icon { font-size: 45px; color: var(--themeht-white-color) !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #ab983f; width: 90px; height: 90px; border-radius: 100%; display: flex; justify-content: center; align-items: center; }
.about-sec1-inner { position: relative; display: block; overflow: hidden; z-index: 1; }
.overlay-icon-box { position: absolute; top: 40px; left: 40px; bottom: 40px; right: 40px; background-color: #ab983f; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 50px; line-height: 1; color: var(--themeht-white-color); }

.about-section-2 .people { background: #ab983f; padding: 25px; position: absolute; right: 19px; top: -9px; z-index: 1; }
.about-section-2 .people:before { background: var(--themeht-bg-dark-color); -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%); clip-path: polygon(0 0, 0 100%, 100% 100%); content: ""; height: 30px; position: absolute; right: -20px; top: 0; width: 20px; }
.about-section-2 .people h2 { color: var(--themeht-white-color); font-size: 24px; font-weight: 500; line-height: 33px; }
.about-section-2 .people h2 span { color: var(--themeht-white-color); font-size: 36px; font-weight: 600; line-height: 33px; }
.about-section-2 .people p { color: var(--themeht-white-color); font-size: 20px; font-weight: 400; line-height: 30px; margin-bottom: 0; }
.form-section{position: relative; overflow: hidden;}
.form-section:after { background: #ebebeb; content: ""; height: 100%; position: absolute; right: 0; top: 0; width: 40%; z-index: -1; }
.form-section:before { background: var(--themeht-bg-dark-color); height: 100%; left: 0; position: absolute; top: 0; width: 60%; z-index: -1; content: ""; }
.form-section2:after { background: var(--themeht-bg-dark-color); }
.form-section2:before { background: var(--themeht-bg-light-color); }
.form-border { border: 13px solid #FFFFFF; z-index: 9; }
.ht-image-right { position: absolute; bottom: -50px; right: -100px; }
.image-title { -webkit-text-fill-color: transparent; background-clip: text; -webkit-background-clip: text; font-family: var(--themeht-typography-secondary-font-family); background-position: 50%; background-size: cover; background-repeat: no-repeat; font-size: 160px; font-weight: 900; text-transform: uppercase; line-height: 160px; }

.gear-anim{
    animation-name: rotateme-two;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: rotateme-two;
    -webkit-animation-duration: 15s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotateme-two;
    -moz-animation-duration: 15s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: rotateme-two;
    -ms-animation-duration: 15s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: rotateme-two;
    -o-animation-duration: 15s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
    position: absolute;
    left: -25px;
    top: -25px;
    line-height: 1em;
    font-size: 230px;
    color: var(--themeht-white-color);
    z-index: -1;
}


/* ------------------------
    Error
------------------------*/
.error-path { stroke-dasharray: 800; stroke-dashoffset: 800; animation: dash 5s linear alternate infinite; }
.error-path path { stroke: #ab983f }
.error-path path:nth-child(2) { stroke: #ab983f }
.error-path path:nth-child(3) { stroke: var(--themeht-secondary-color) }


/* ------------------------
    Timeline
------------------------*/
.main-timeline:before { content: ""; display: block; width: 1px; height: 100%; border-right: 2px dashed #ab983f; margin: 0 auto; position: absolute; left: 0; right: 0; }
.timeline_item { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; padding-top: 10px; }
.timeline-order-1 { order: 3; }
.timeline-order-2 { order: 2; left: 30px; }
.timeline-order-3 { order: 1; }
.main-timeline .timeline-icon { width: 60px; height: 60px; position: relative; right: 30px; font-size: 30px; background: var(--themeht-secondary-color); display: flex; align-items: center; justify-content: center; color: var(--themeht-white-color); border-radius: 50%; z-index: 9; }
.main-timeline .date-content { width: 50%; position: relative; }
.main-timeline .date-content:before { content: ""; width: 50%; height: 1px; background: var(--themeht-border-light-color); margin: auto 0; position: absolute; right: 10px; top: 0; bottom: 0; }
.main-timeline .timeline-order-1:before { content: ""; width: 50%; height: 1px; background: var(--themeht-border-light-color); position: absolute; padding-right: 30px; margin-right: 50% !important; }
.main-timeline .date { font-family: var(--themeht-typography-secondary-font-family); line-height: 1; font-weight: 700; font-size: 60px; color: transparent; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); background: var(--themeht-white-color); z-index: 1; padding: 0 15px; -webkit-text-stroke: 1px #ab983f; }
.main-timeline .timeline-content { padding: 30px; background: var(--themeht-white-color); box-shadow: 0px 25px 70px rgba(8, 10, 55, 0.08); }
.main-timeline .timeline-content p { margin-bottom: 0 }

@media (max-width:640px) {
    .timeline { flex-direction: column !important; }
    .main-timeline:before { margin-left: 1px; }
    .main-timeline .timeline-icon { margin: auto 2px; }
    .main-timeline .timeline-content { padding: 40px 30px; }
    .timeline-order-1 { order: 2; }
    .timeline-order-2 { order: 1; left: -1em; }
    .timeline-order-3 { order: 3; }
    .timeline-order-1b { order: 2; }
    .timeline-order-2b { order: 1; left: -1em; }
    .timeline-order-3b { order: 3; }
    .main-timeline .timeline-order-1:before { width: 100%; }
    .main-timeline .timeline-order-1b:before { width: 100%; }
    .main-timeline .timeline-order-1b:before { content: ""; width: 100%; height: 2px; background: var(--themeht-border-light-color); position: absolute; top: 0; padding-right: 30px; bottom: 0; margin-right: 50% !important; }
    .main-timeline .date { width: 70px; height: 70px; }
}
@media (max-width:350px) {
    .timeline-icon { visibility: hidden; }
    .main-timeline .date-content:before { visibility: hidden; }
    .date-content { left: -15px; }
}


/* ------------------------
    List Icon
------------------------*/
.list-icon li { position: relative; display: flex; margin-bottom: 15px; align-items: center; }
.list-icon li:last-child { margin-bottom: 0 }
.list-icon li i { color: #ab983f; font-size: 20px; line-height: 1; margin-right: 10px; flex-shrink: 0; }


/* ------------------------
 Marquee Text
------------------------*/
.marquee-wrap { width: 100%; position: relative; }
.marquee-wrap { overflow: hidden; display: flex; }
.marquee-inner { display: flex; will-change: transform; animation: marquee 50s linear infinite; }
.marquee-text { position: relative; white-space: nowrap; }
.marquee-text span { font-size: 8.125rem; line-height: 122%; color: var(--themeht-secondary-color); font-family: var(--themeht-typography-secondary-font-family); font-weight: 900; vertical-align: middle; text-transform: uppercase; }
.marquee-text i { font-size: 40px; display: inline-block; line-height: 1; margin: 0 30px; color: var(--themeht-secondary-color); vertical-align: middle; }
.marquee-text:nth-child(2n+2) span { color: var(--themeht-white-color); text-shadow: -1px -1px 0 var(--themeht-text-color), 1px -1px 0 var(--themeht-text-color), -1px 1px 0 var(--themeht-text-color), 1px 1px 0 var(--themeht-text-color); }
.marquee-text.text-white span { color: var(--themeht-white-color); }
.marquee-text.text-white i { color: var(--themeht-white-color); }
.marquee-text.text-white:nth-child(2n+2) span { color: #ab983f; text-shadow: -1px -1px 0 var(--themeht-white-color), 1px -1px 0 var(--themeht-white-color), -1px 1px 0 var(--themeht-white-color), 1px 1px 0 var(--themeht-white-color); }
.marquee-wrap.style-2:before { position: absolute; right: 0; top: 0; width: 30%; height: 100%; content: ""; z-index: 9; background: linear-gradient(to right, rgba(0,0,0, 0) 0%, rgba(0,0,0, 0) 1%, rgba(0,0,0, 1) 98%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4ef17', endColorstr='#c4ef17', GradientType=1); }
.marquee-wrap.style-2:after { position: absolute; left: 0; top: 0; width: 30%; height: 100%; content: ""; background: linear-gradient(to right, rgba(0,0,0, 1) 0%, rgba(0,0,0, 0) 99%, rgba(0,0,0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4ef17', endColorstr='#c4ef17', GradientType=1); }
.marquee-wrap.style-2 .marquee-text { margin: 0 30px}
.marquee-wrap.style-2 .marquee-text span {text-shadow: none; opacity: 0.2; color: white; font-size: 15rem; font-weight: 700;}


/* ------------------------
    Countdown
------------------------*/
.countdown{margin:50px 0; padding:50px 0; display: table; width: 100%; border-top: 2px dashed var(--themeht-border-light-color); border-bottom: 2px dashed var(--themeht-border-light-color);}
.countdown > li{ font-weight: 700; text-align: center; list-style-type: none; display: table-cell; width: auto;}
.countdown > li span{font-size:70px; font-weight:700; line-height:60px; display: inline-block;}
.countdown > li p{font-size:20px; display: inline-block; line-height:30px; margin-bottom: 0; color: var(--themeht-text-color);}
.coming-soon .subscribe-form{margin: 0 auto;}


/* ------------------------
 Clients Logo
------------------------*/

.clients-logo { text-align: center; }
.clients-logo img {width: 150px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; cursor: pointer; }
.clients-logo:hover img { -webkit-filter: none; filter: none; opacity: 1; }
.client-text { text-align: center; position: relative; }
.client-text:before { content: ''; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: -1; background: var(--themeht-border-light-color); width: 70%; height: 1px; }
.client-text span { background: var(--themeht-white-color); padding: 5px 40px; }
.client-swiper .swiper-wrapper { -webkit-transition-timing-function: linear !important; transition-timing-function: linear !important; position: relative; }
.client-swiper .swiper-slide { display: flex; align-items: center; width: auto !important; padding: 0 50px; }


/* ------------------------
Extra
------------------------*/
.contact-info { padding: 50px 30px 30px; position: relative; }
.contact-info:last-child { margin-bottom: 0; }
.contact-info i { position: absolute; left: 50%; top: 0; line-height: 24px; font-size: 40px; color: var(--themeht-white-color); text-align: center; width: 90px; height: 90px; display: flex; align-items: center; justify-content: center; background: #ab983f; margin-left: -45px; margin-top: -45px;    /* border-radius: 50%; */ border: 5px solid white; }
.contact-info h4 { margin-top: 15px; }
.contact-info p { margin-bottom: 0; font-size: 18px; line-height: 26px; color: var(--themeht-body-color); max-width: 300px; margin: 0 auto; }
.contact-info a { color: var(--themeht-body-color); font-size: 18px; line-height: 26px; max-width: 300px; margin: 0 auto; display: block; }
.contact-info a:hover { color: #ab983f; }


.form-group { margin-bottom: 20px; position: relative; }
label { font-size: 14px; line-height: 1; color: var(--themeht-text-color) }
.form-control { height: 55px; border-radius: 0;  font-size: 14px; color: var(--themeht-text-color); background-color: var(--themeht-white-color); border: 1px solid var(--themeht-border-light-color); }
textarea.form-control { height: 120px;  }
.form-control:focus { box-shadow: none; background: none; border-color: #ab983f; }
select.form-control { -moz-appearance: none; -webkit-appearance: none; appearance: none; height: 55px !important; color: var(--themeht-body-color); }
iframe { width: 100%; border: none; pointer-events: auto; }
.iframe-h { height: 500px !important; }
.iframe-h-2 { height: 600px !important; }
.map iframe { border: 0px; width: 100%; height: 100%; z-index: 1; -webkit-filter: brightness( 100% ) contrast( 100% ) saturate( 50% ) blur( 0px ) hue-rotate( 0deg ); -moz-filter: brightness( 100% ) contrast( 100% ) saturate( 50% ) blur( 0px ) hue-rotate( 0deg ); -ms-filter: brightness( 100% ) contrast( 100% ) saturate( 50% ) blur( 0px ) hue-rotate( 0deg ); -o-filter: brightness( 100% ) contrast( 100% ) saturate( 50% ) blur( 0px ) hue-rotate( 0deg ); filter: brightness( 100% ) contrast( 100% ) saturate( 50% ) blur( 0px ) hue-rotate( 0deg ); }
.help-block.with-errors { position: absolute; color: red; right: 15px; font-size: 10px; line-height: 14px; }
.form-control::-webkit-input-placeholder { color: var(--themeht-body-color); }
.form-control::-moz-placeholder { color: var(--themeht-body-color); }
.form-control:-ms-input-placeholder { color: var(--themeht-body-color); }
.form-control:-moz-placeholder { color: var(--themeht-body-color); }


/* -------------------------------
   Background Position & Size
-------------------------------*/
.bg-cover{background-size: cover;}
.bg-contain{background-size: contain;}
.bg-pos-l{background-position: left;}
.bg-pos-r{background-position: right;}
.bg-pos-rt{background-position: right top;}
.bg-pos-cr{background-position: center right;}
.bg-pos-cl{background-position: center left;}
.bg-pos-lt{background-position: left top;}
.bg-pos-rb{background-position: right bottom;}
.bg-pos-lb{background-position: left bottom;}

.bg-fix { background-attachment: fixed; }
.border-15 { border-width: 15px !important; }
.border-primary { border-color: #ab983f !important; }
.section-p-custom { padding: 120px 120px 120px 250px; }
.image-video-sec { padding: 400px 0 120px; }
.bg-dark-gradient-overlay { position: relative; overflow: hidden; z-index: 9; }
.bg-dark-gradient-overlay:before { background: -webkit-gradient(linear, left bottom, left top, color-stop(7%, #141622), to(transparent)); background: linear-gradient(to top, #141622 7%, transparent 100%); opacity: .75; position: absolute; height: 100%; width: 100%; top: 0; left: 0; content: ""; z-index: -1; }
.ht-video { position: absolute; object-fit: cover; width: 100vw; height: 100%; top: 0; left: 0; z-index: -9 }
.testimonial-left-sec .featured-item { width: 55%; background: var(--themeht-bg-dark-color); padding: 50px; position: absolute; left: 0; bottom: 0; border-top: 15px solid var(--themeht-white-color); border-right: 15px solid var(--themeht-white-color); }
.testimonial-left-sec .featured-item.style-2 .featured-icon { font-size: 90px; }
.testimonial-left-sec .video-large { transform: translate(-50%, -50%); }


#header-wrap
{
    /*background-color: #181717;*/
    padding: 6px 0px;
}
.header-top {
  position: relative;
  background:transparent !important;
  margin-top:30px;
}

.header-top::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #3d3d3d; /* line color change kar sakte ho */
}
.navbar-nav .nav-link
{
    color:#fff;
}
.header-number span
{
    color:#fff;
}
.header-number a
{
    color:#fff;
}
.banner-slider h1
{
    font-size: 55px;
    line-height: 75px;
}
#header-wrap.fixed-header
{
    background-color: #3d3d3d !important;
}

.stats-strip {
    position: relative;
    margin-top: -60px;
    z-index: 99;
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.stats-card {
    display: flex;
    align-items: center;
    gap: 18px;
    background: rgba(255,255,255,0.92);
    backdrop-filter: blur(10px);
    border-radius: 18px;
    padding: 18px 20px;
    min-height: 120px;
    box-shadow: 0 10px 35px rgba(0,0,0,0.08);
    transition: 0.4s;
    border: 1px solid rgba(255,255,255,0.5);
}

.stats-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.12);
}

.stats-icon {
    width: 70px;
    height: 70px;
    min-width: 70px;
    border-radius: 16px;
    background: linear-gradient(135deg, #ab983f, #ab983f);
    display: flex;
    align-items: center;
    justify-content: center;
}

.stats-icon i {
    font-size: 32px;
    color: #fff;
    line-height: 1;
}

.stats-content h3 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #111;
    line-height: 1;
}

.stats-content h3 sup {
    font-size: 16px;
    top: -8px;
}

.stats-content p {
    margin: 0;
    font-size: 15px;
    color: #666;
    line-height: 1.5;
    text-align: center;
}

/* Tablet */
@media (max-width: 991px) {
    
    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

/* Mobile */
@media (max-width: 767px) {

    .stats-strip {
        margin-top: 30px;
    }

    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .stats-card {
        flex-direction: column;
        text-align: center;
        padding: 18px 12px;
        min-height: auto;
        gap: 12px;
        border-radius: 14px;
    }

    .stats-icon {
        width: 58px;
        height: 58px;
        min-width: 58px;
    }

    .stats-icon i {
        font-size: 26px;
    }

    .stats-content h3 {
        font-size: 24px;
    }

    .stats-content p {
        font-size: 13px;
        line-height: 1.4;
    }
}
.about-section
{
    margin-top: -80px;
}
.about-heading
{
    font-size: 42px;
    font-family: 'Inter';
}
.featured-pro
{
    margin-top:30px;
}
.service-item.style-1 .service-desc
{
    height: 250px;
}

/* ================================
   CORPORATE FACILITY SECTION
================================ */

/* REMOVE LEFT RIGHT SPACE */
.corp-facility-wrap{
    width:100vw;
    margin:0;
    padding:0;
    position:relative;
    left:50%;
    right:50%;
    margin-left:-50vw;
    margin-right:-50vw;
}

/* REMOVE CONTAINER WIDTH */
.corp-facility-wrap .container{
    width:100%;
    max-width:100%;
    padding:0;
    margin:0;
}

/* FULL WIDTH GRID */
.corp-facility-grid{
    width:100%;
    display:flex;
    flex-wrap:wrap;
    border-radius:0;
    overflow:hidden;
}

/* BOTH BOX */
.corp-facility-box{
    position:relative;
    flex:0 0 50%;
    max-width:50%;
    min-height:540px;
    display:flex;
    align-items:center;
    background-size:cover;
    background-position:center;
    overflow:hidden;
}

/* LEFT BG */
.corp-left-box{
    background:url('images/factory-bg.jpg') center center/cover no-repeat;
}

/* RIGHT BG */
.corp-right-box{
    background:url('images/worker-bg.jpg') center center/cover no-repeat;
}

/* OVERLAY */
.corp-overlay{
    position:absolute;
    inset:0;
    background:rgba(7,22,51,0.88);
    z-index:1;
}

.yellow-overlay{
    background:rgba(245,179,26,0.88);
}

/* CONTENT */
.corp-content{
    position:relative;
    z-index:2;
    width:100%;
    max-width:607px;
    margin:auto;
    padding:70px 40px;
}

/* SUBTITLE */
.corp-subtitle{
    font-size:14px;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#f4b11a;
    font-weight:700;
    display:inline-block;
    margin-bottom:18px;
}

.dark-text{
    color:#111;
}

/* TITLE */
.corp-content h2{
    font-size:38px;
    line-height:1.2;
    color:#fff;
    margin-bottom:22px;
    font-weight:700;
}

.corp-content h2 span{
    color:#f4b11a;
}

.dark-title{
    color:#111 !important;
}

/* PARAGRAPH */
.corp-content p{
    font-size:17px;
    line-height:1.9;
    color:#e9edf5;
    margin-bottom:35px;
}

.dark-para{
    color:#222 !important;
}

/* BUTTON */
.corp-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:#f4b11a;
    color:#111;
    padding:16px 32px;
    border-radius:8px;
    font-size:15px;
    font-weight:700;
    text-transform:uppercase;
    text-decoration:none;
    transition:0.4s ease;
}

.corp-btn:hover{
    background:#fff;
    transform:translateY(-3px);
}

/* FEATURES */
.corp-feature-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:28px;
    margin-top:30px;
}

.corp-feature-item{
    display:flex;
    align-items:center;
    gap:18px;
}

.corp-icon{
    width:70px;
    height:70px;
    min-width:70px;
    border-radius:16px;
    background:rgba(255,255,255,0.25);
    backdrop-filter:blur(6px);
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,0.35);
}

.corp-icon i{
    font-size:28px;
    color:#111;
}

.corp-text{
    font-size:20px;
    font-weight:600;
    line-height:1.5;
    color:#111;
}

/* ================================
   RESPONSIVE
================================ */

@media(max-width:1199px){

    .corp-content h2{
        font-size:38px;
    }

    .corp-text{
        font-size:17px;
    }

}

@media(max-width:991px){

    .corp-facility-box{
        flex:0 0 100%;
        max-width:100%;
        min-height:auto;
    }

    .corp-content{
        max-width:100%;
        padding:70px 35px;
    }

}

@media(max-width:767px){

    .corp-content{
        padding:55px 25px;
    }

    .corp-content h2{
        font-size:30px;
    }

    .corp-content p{
        font-size:15px;
    }

    .corp-feature-grid{
        grid-template-columns:1fr;
        gap:22px;
    }

    .corp-icon{
        width:60px;
        height:60px;
        min-width:60px;
    }

    .corp-icon i{
        font-size:22px;
    }

    .corp-text{
        font-size:16px;
    }

    .corp-btn{
        padding:14px 24px;
        font-size:14px;
    }

}
.working-process
{
    font-size: 42px;
}
.blog-sec
{
    margin-top: -80px;
}
.work-section
{
    margin-top: -50px;
}
.footer
{
    background-image:url(../images/foot-back.jpg);
    background-size:cover;
    background-position:right;
}
.footer-social {
  display: flex;
  gap: 12px;
}

.footer-social a {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  font-size: 16px;
  text-decoration: none;
  transition: 0.3s ease;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  padding:15px !important;
}

/* Facebook */
.footer-social .facebook {
  background: #1877F2;
}

/* Twitter / X */
.footer-social .twitter {
  background: #1DA1F2;
}

/* Instagram */
.footer-social .instagram {
  background: radial-gradient(circle at 30% 107%, 
    #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

/* LinkedIn */
.footer-social .linkedin {
  background: #0A66C2;
}

/* Hover effect */
.footer-social a:hover {
  transform: translateY(-5px) scale(1.1);
  filter: brightness(1.1);
}
.about-foot
{
    color:#ffff;
}
.site-footer {
  padding: 25px 10px;
  color: #222;
  font-family: Arial, sans-serif;
}

.footer-container {
  display: flex;
  flex-wrap: wrap;
  gap: 15px; /* कम gap */
  max-width: 1100px;
  margin: auto;
}

.footer-box {
  flex: 1;
  min-width: 260px;
}

.footer-box h3 {
  margin: 0 0 8px 0;  /* कम spacing */
  font-size: 18px;
  font-weight: 600;
}

.footer-box p {
  margin: 4px 0; /* बहुत कम gap */
  font-size: 15px;
  line-height: 1.4;
  display: flex;
  gap: 8px;
}

/* Icons */
.footer-box i {
  color: #fddd08;
  margin-top: 2px;
  min-width: 16px;
}
.primary-footer
{
    padding: 0px 0px;
    margin-top: 50px;
}
.head2
{
    color:#fff;
}
.he2
{
    margin-top: -40px !important;
}
.portfolio-desc
{
    margin-left: 0px;
}
.product-title
{
    font-size: 23px;
    font-family: sans-serif;
}
.product-main
{
    margin-top: -100px;
    background:#eeecec;
}
.work-process2
{
    margin-top: 0px;
}

.mobile-top-bar {
  display: none; /* desktop me hide */
  background:#ab983f;
  padding: 2px 10px;
}

.mobile-top-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
}

.mobile-top-inner a {
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.mobile-top-inner i {
  color: #ffffff;
}
/* --- Floating Sidebar Styles --- */
.custom-floating-sidebar {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-family: Arial, sans-serif;
}

.sidebar-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* Phone Button Specific */
.phone-btn {
    background-color: #f1f1f1;
    color: #0066b2;
    width: 45px;
    height: 55px;
    border-radius: 8px 0 0 8px;
    box-shadow: -2px 2px 5px rgba(0,0,0,0.1);
    font-size: 24px;
    margin-bottom: 2px;
}

/* Enquire Now Button Specific (Vertical Text) */
.enquire-btn {
    background-color: #0066b2;
    color: #ffffff;
    padding: 20px 15px;
    width: 45px;
    border-radius: 8px 0 0 8px;
    flex-direction: column;
    gap: 10px;
    box-shadow: -2px 2px 5px rgba(0,0,0,0.1);
}

.enquire-btn .btn-icon {
    font-size: 20px;
}

.enquire-btn .btn-text {
    writing-mode: vertical-rl;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: bold;
    transform: rotate(180deg); /* Text को सीधा (नीचे से ऊपर) पढ़ने योग्य बनाने के लिए */
}

.sidebar-btn:hover {
    padding-right: 25px; /* Hover करने पर थोड़ा बाहर निकलेगा */
    width: 65px;
}


/* --- Modal / Popup Form Styles --- */
.enquiry-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 10000;
    display: none; /* डिफ़ॉल्ट रूप से छुपा रहेगा */
    justify-content: center;
    align-items: center;
    font-family: Arial, sans-serif;
}

.enquiry-modal-content {
    background-color: #ffffff;
    padding: 30px;
    border-radius: 10px;
    width: 90%;
    max-width: 400px;
    position: relative;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    animation: fadeIn 0.3s ease-in-out;
}

/* Close Button (X) */
.modal-close-btn {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 28px;
    color: #aaa;
    cursor: pointer;
    font-weight: bold;
}

.modal-close-btn:hover {
    color: #333;
}

/* Form Styling */
.enquiry-modal-content h3 {
    margin-top: 0;
    color: #0066b2;
    margin-bottom: 20px;
}

.form-group {
    margin-bottom: 15px;
    text-align: left;
}

.form-group label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 14px;
}

.form-group input, .form-group textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
}

.submit-form-btn {
    background-color: #0066b2;
    color: white;
    border: none;
    padding: 12px 20px;
    width: 100%;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    transition: background 0.2s;
}

.submit-form-btn:hover {
    background-color: #004b87;
}

/* Popup Animation */
@keyframes fadeIn {
    from { transform: scale(0.8); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}
/* Only Mobile View */
@media (max-width: 768px) {
  .mobile-top-bar {
    display: block;
  }
}
.topbar-link a, .topbar-link
{
    color:#fff;
}
.header .social-icons li a
{
    color:#fff;
    border-left:1px solid #fff;
}
/* Custom Product Styling - As per reference image */
.custom-product-card {
  background-color: #f4f7fa; /* Halqa blueish/white background background */
  border-radius: 24px;       /* Exact smooth outer rounded corners */
  padding: 16px;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03); /* Soft subtle glow */
}

/* Upper Image Box */
.product-img-box {
  /*background-color: #ffffff;*/
  border-radius: 20px;       /* Inner white container curves */
  /*padding: 30px 20px;*/
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 250px;         /* Uniform images align rakhne ke liye */
}

.product-img-box img {
  /*max-height: 180px;*/
  object-fit: contain;
  border-radius:20px;
}

/* Lower Text Information Box */
.product-info-box {
  background-color: #ffffff;
  border-radius: 20px;       /* Bottom white container curves */
  padding: 25px 20px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Titles (Blue Bold Text) */
.product-main-title {
  color: #000;            /* Bright blue color jaisa reference image me hai */
  font-weight: 800;
  font-size: 1.3rem;
  text-transform: uppercase;
  margin-bottom: 12px;
  letter-spacing: 0.5px;
  line-height:26px;
}

/* Description Subtitles */
.product-sub-desc {
  color: #333333;
  font-size: 0.95rem;
  line-height: 1.5;
  margin-bottom: 0;
}
.theme-title.text-white h6, .theme-title.text-white h2, .theme-title.text-white p
{
    color:#000;
}

/* FULL STRIP BACKGROUND */
.stats-strip{
  width:100%;
  background:linear-gradient(90deg,#eef3ff,#ffffff,#f3fbff);
  padding:0;
}

/* CONTAINER */
.stats-row{
  max-width:1200px;
  margin:auto;
  display:flex;
  flex-wrap:wrap;
}

/* EACH BOX */
.stats-item{
  flex:1;
  min-width:25%;
  display:flex;
  align-items:center;
  gap:15px;
  padding:25px 20px;
  position:relative;
}

/* VERTICAL LINE */
.stats-item:not(:last-child){
  border-right:1px solid #d7e2f0;
}

/* ICON BOX */
.stats-icon{
  width:60px;
  height:60px;
  background:#ab983f;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  font-size:22px;
  flex-shrink:0;
  box-shadow:0 8px 20px rgba(0,153,230,0.25);
}

/* TEXT */
.stats-text h3{
  font-size:20px;
  color:#000;
  margin-bottom:5px;
}

.stats-text p{
  font-size:14px;
  color:#555;
}

/* HOVER EFFECT */
.stats-item:hover{
  background:#f7fbff;
  transition:0.3s;
}

/* RESPONSIVE */
@media(max-width:992px){
  .stats-item{
    min-width:50%;
  }
  .stats-item:nth-child(2n){
    border-right:none;
  }
}

@media(max-width:576px){
  .stats-item{
    min-width:50%;
    padding:18px 15px;
  }

  .stats-icon{
    width:50px;
    height:50px;
    font-size:18px;
  }

  .stats-text h3{
    font-size:18px;
  }
}

.product-img-box {
  overflow: hidden;
  border-radius: 8px; /* optional */
}

.product-img-box img {
  transition: all 0.4s ease;
  display: block;
}

/* Hover Effect */
.custom-product-card:hover .product-img-box img {
  transform: scale(1.08);
  filter: brightness(1.05);
}

/* Optional: soft zoom feel */
.custom-product-card:hover .product-img-box {
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}
.banner-content
{
    visibility:hidden;
}
.slider-img::before
{
    background:transparent;
}

/* Main Wrapper */
.hero-section{
    position: relative;
}

/* Header Alignment Fix */
.hero-section header,
.hero-section .main-header{
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    z-index: 99999;
}

/* Menu Row Alignment */
.hero-section .main-header .row,
.hero-section header .row{
    display: flex;
    align-items: center;
}

/* Icon Proper Alignment */
.hero-section header i,
.hero-section .main-header i{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    line-height: 1;
}

/* Menu Items Alignment */
.hero-section .navbar-nav,
.hero-section .menu{
    display: flex;
    align-items: center;
}

/* Slider */
.banner-slider-two{
    position: relative;
}

/* Slider Image Height */
.banner-slider-two .slider-img{
    min-height: 100vh;
    background-size: cover;
    background-position: center;
}

/* Dark Overlay */
.banner-slider-two .swiper-slide{
    position: relative;
}

.banner-slider-two .swiper-slide::before{
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.45);
    z-index: 1;
}

/* Content Upar */
.banner-content{
    position: relative;
    z-index: 2;
}
.wicon
{
    margin-top:41px;
}

/* Section Wrapper */
.tz-stats-section{
    padding:60px 15px;
    text-align:center;
}

.tz-stats-title{
    font-size:26px;
    font-weight:700;
    margin-bottom:40px;
    color:#1e4f8a;
}

/* Grid */
.tz-stats-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
    max-width:1100px;
    margin:auto;
}

/* Card */
.tz-stat-card{
    border:1px solid #1e4f8a;
    border-radius:12px;
    padding:25px 15px;
    background:#fff;
    transition:0.3s;
}

.tz-stat-card:hover{
    transform:translateY(-5px);
}

/* Icon */
.tz-stat-icon{
    font-size:45px;
    color:#1e4f8a;
    margin-bottom:12px;
}

/* Number */
.tz-stat-number{
    font-size:28px;
    font-weight:700;
    color:#111;
}

/* Label */
.tz-stat-label{
    font-size:14px;
    color:#555;
    margin-top:5px;
}

/* Responsive */
@media(max-width:768px){
    
    .footer {
    background-image: url(../images/foot-back.jpg);
    background-size: cover;
    background-position: left;
}
    
    .blog-sec
    {
        margin-top:-20px;
    }
    .inner-content h1
    {
        font-size:26px !important;
    }
    .tz-stats-grid{
        grid-template-columns:repeat(2,1fr);
        gap:15px;
    }
}

@media(max-width:480px){
    .tz-stats-title{
        font-size:20px;
    }
}

.text-anime-style
{
    font-size:42px;
}

.kp-presence-section {
  --kp-primary-color: #e52d2d;
  --kp-text-dark: #2d3136;
  --kp-text-light: #5a6065;
  --kp-map-bg: #b3c5d1;
  --kp-map-active: #dc3545;
  
  width: 100%;
  padding: 60px 20px;
  background-color: transparent; /* No background as requested */
  font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  box-sizing: border-box;
}

.kp-presence-container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
}

/* --- Left Column: Map Styling --- */
.kp-map-wrapper {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.kp-india-svg {
  width: 100%;
  max-width: 460px;
  height: auto;
  filter: drop-shadow(0px 10px 20px rgba(0,0,0,0.05));
}

/* --- CSS Blinking Animation (GIF Style) --- */
.kp-pointer-dot {
  fill: var(--kp-map-active);
}

.kp-pointer-pulse {
  fill: var(--kp-map-active);
  opacity: 0.4;
  transform-origin: center;
  animation: kp-ripple-effect 1.8s infinite ease-out;
}

@keyframes kp-ripple-effect {
  0% {
    transform: scale(0.6);
    opacity: 0.8;
  }
  100% {
    transform: scale(2.5);
    opacity: 0;
  }
}

/* --- Right Column: Content Styling --- */
.kp-content-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.kp-presence-section
{
    background: aliceblue;
}


.kp-presence-title {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--kp-text-dark);
  margin: 0 0 15px 0;
  line-height: 1.2;
}

.kp-presence-title .kp-highlight {
  color: var(--kp-primary-color);
}

.kp-presence-desc {
  font-size: 1.05rem;
  color: var(--kp-text-light);
  line-height: 1.6;
  margin: 0 0 25px 0;
}

/* --- Sidebar Location Mention Card --- */
.kp-location-card {
  width: 100%;
  max-width: 450px;
  background: #f8f9fa;
  border-left: 4px solid var(--kp-map-active);
  padding: 15px 20px;
  border-radius: 4px;
  margin-bottom: 25px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.03);
}

.kp-card-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}

.kp-card-header h3 {
  margin: 0;
  font-size: 1.15rem;
  color: var(--kp-text-dark);
  font-weight: 600;
}

.kp-live-indicator {
  width: 8px;
  height: 8px;
  background-color: var(--kp-map-active);
  border-radius: 50%;
  display: inline-block;
  animation: kp-live-blink 1s infinite alternate;
}

@keyframes kp-live-blink {
  0% { opacity: 0.3; }
  100% { opacity: 1; }
}

.kp-card-text {
  margin: 0;
  font-size: 0.95rem;
  color: var(--kp-text-light);
  line-height: 1.5;
}

/* --- Button Styling --- */
.kp-btn-explore {
  display: inline-block;
  background-color: #ab983f;
  color: #ffffff;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.9rem;
  padding: 13px 28px;
  border-radius: 30px;
  letter-spacing: 0.5px;
  transition: background-color 0.3s ease, transform 0.2s ease;
  margin-bottom: 30px;
  box-shadow: 0 4px 15px rgba(229, 45, 45, 0.2);
}

.kp-btn-explore:hover {
  background-color: #c92222;
  transform: translateY(-2px);
}

/* --- Legend Styling --- */
.kp-legend-container {
  display: flex;
  gap: 25px;
  align-items: center;
}

.kp-legend-item {
  display: flex;
  align-items: center;
  gap: 10px;
}

.kp-legend-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

.kp-dot-unit {
  background-color: #28a745;
}

.kp-dot-office {
  background-color: var(--kp-primary-color);
}

.kp-legend-text {
  font-size: 0.95rem;
  color: var(--kp-text-light);
  font-weight: 500;
}

/* --- Responsive Media Queries --- */
@media (max-width: 991px) {
  .kp-presence-container {
    gap: 40px;
  }
  .kp-presence-title {
    font-size: 2.2rem;
  }
}

@media (max-width: 767px) {
  .kp-presence-section {
    padding: 40px 15px;
  }
  
  .kp-presence-container {
    flex-direction: column; /* Stacks layout on mobile layout */
    text-align: center;
    gap: 35px;
  }
  
  .kp-content-wrapper {
    align-items: center;
  }
  
  .kp-location-card {
    text-align: left;
  }
  
  .kp-india-svg {
    max-width: 340px; /* Slightly smaller map for better mobile fitting */
  }
}

/* 1. Full Width Container (Isme andar ka section center align rahega) */
        .full-width-container {
            width: 100%;
            display: flex;
            justify-content: center; /* Horizontally Center */
            background-color: #0094d9; /* Background poori width me dikhega */
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
            padding: 50px 20px;
        }

        /* 2. Boxed Container (Agar aapko normal width chahiye toh bas ye class laga dena) */
        .boxed-container {
            max-width: 1200px;
            margin: 40px auto; /* Screen ke center me lane ke liye */
            padding: 50px 20px;
            background-color: #ffffff;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
            border-radius: 8px;
        }

        /* --- INTERNAL SECTION (Dono classes ke andar ka design same rahega) --- */
        .inner-content {
            width: 100%;
            max-width: 1200px; /* Andar ka section hamesha is width me center rahega */
            display: flex;
            flex-direction: column;
            align-items: center; /* Content items ko center karne ke liye */
            text-align: center;
        }

        /* Inner Elements Styling */
        .inner-content h1 {
            font-size: 2.5rem;
            color: #fff;
            margin-bottom: 15px;
            font-weight: 700;
        }

        .inner-content p {
            font-size: 1.1rem;
            color: #fff;
            max-width: 800px;
            margin-bottom: 30px;
        }

        /* --- BUTTONS WRAPPER & STYLING --- */
        .button-group {
            display: flex;
            gap: 15px; /* Buttons ke beech ka gap */
            justify-content: center;
            flex-wrap: wrap; /* Mobile par buttons ek ke neeche ek auto-align ho jayein */
        }

        /* Common Button Base Style (Dono ka core design same hai) */
        .btn {
            padding: 12px 30px;
            font-size: 1rem;
            font-weight: 600;
            border-radius: 5px;
            cursor: pointer;
            transition: all 0.3s ease;
            text-decoration: none;
            display: inline-block;
        }

        /* 1st Button: Primary Solid Style */
        .btn-primary {
            background-color: #fcdf01;
            color: #000;
            border: 2px solid #fcdf01;
        }

        .btn-primary:hover {
            background-color: #2980b9;
            border-color: #2980b9;
        }

        /* 2nd Button: Secondary Outline Style (Design same, look clean) */
        .btn-secondary {
            background-color: transparent;
            color: #fff;
            border: 2px solid #fff;
        }

        .btn-secondary:hover {
            background-color: #3498db;
            color: #fff;
        }

        /* Responsive Media Queries */
        @media (max-width: 768px) {
            .inner-content h1 {
                font-size: 2rem;
            }
            .inner-content p {
                font-size: 1rem;
            }
            .full-width-container, .boxed-container {
                padding: 40px 15px;
            }
            .button-group {
                width: 100%;
                flex-direction: column; /* Mobile par stack ho jayenge */
                align-items: center;
            }
            .btn {
                width: 100%; /* Mobile par full width buttons */
                max-width: 280px;
            }
        }
        
        /*===============================
TUBEX TRENDING SECTION
================================*/

.tbx-trending-wrap{
    width:100%;
    background:#f2f2f2;
    padding:70px 0;
    overflow:hidden;
}

.tbx-trending-container{
    width:100%;
    max-width:1400px;
    margin:auto;
    padding:0 40px;

    display:flex;
    gap:28px;
    align-items:stretch;
}

/*=====================
LEFT SECTION
======================*/

.tbx-trending-left{
    flex:0 0 68%;
    position:relative;

    display:flex;
    align-items:center;
}

.tbx-vertical-text{
    position:absolute;
    left:-243px;
    top:50%;
    transform:translateY(-50%) rotate(-90deg);

    font-size:84px;
    font-weight:800;
    text-transform:lowercase;
    color:#dbd8cc;
    line-height:1;
    letter-spacing:-2px;
}

.tbx-about-card{
    width:100%;
    background:#ececec;

    padding:55px 55px;

    display:flex;
    align-items:center;
    gap:40px;

    min-height:100%;
}

/* IMAGE */

.tbx-about-image{
    flex:0 0 40%;
    background:#dcdcdc;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:30px;
}

.tbx-about-image img{
    width:100%;
    max-width:360px;
    object-fit:contain;
}

/* CONTENT */

.tbx-about-content{
    flex:1;
}

.tbx-about-content h2{
    font-size:40px;
    line-height:25px;
    margin-bottom:8px;
    font-weight:800;
    color:#000;
   
}

.tbx-about-content h3{
    font-size:24px;
    line-height:1.2;
    margin-bottom:22px;
    font-weight:700;
    color:#ab983f;
}

.tbx-about-content p{
    font-size:18px;
    line-height:1.8;
    color:#333;
    margin-bottom:30px;
}

/* FEATURES */

.tbx-feature-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px 30px;
    margin-bottom:35px;
}

.tbx-feature-item{
    display:flex;
    align-items:center;
    gap:12px;

    font-size:17px;
    font-weight:600;
    color:#222;
}

.tbx-feature-item i{
    font-size:22px;
    color:#111;
}

/* BUTTON */

.tbx-btn-main{
    display:inline-block;
    padding:14px 28px;
    border:1px solid #000;

    color:#111;
    text-decoration:none;
    font-size:14px;
    font-weight:700;

    transition:0.3s;
}

.tbx-btn-main:hover{
    background:#ef2b2d;
    color:#fff;
}

/*=====================
RIGHT SECTION
======================*/

.tbx-trending-right{
    flex:0 0 32%;

    display:flex;
    flex-direction:column;
    gap:28px;
}

.tbx-side-card{
    flex:1;
    overflow:hidden;
}

.tbx-side-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

/*=====================
RESPONSIVE
======================*/

@media(max-width:1200px){

    .tbx-about-card{
        padding:40px;
    }

    .tbx-vertical-text{
        font-size:70px;
        left:-10px;
    }

    .tbx-about-content h2{
        font-size:38px;
    }

    .tbx-about-content h3{
        font-size:24px;
    }

}

@media(max-width:991px){

    .tbx-trending-container{
        flex-direction:column;
    }

    .tbx-trending-left,
    .tbx-trending-right{
        flex:0 0 100%;
        width:100%;
    }

    .tbx-about-card{
        flex-direction:column;
        text-align:center;
    }

    .tbx-about-image{
        width:100%;
    }

    .tbx-feature-grid{
        grid-template-columns:1fr 1fr;
    }

    .tbx-feature-item{
        justify-content:center;
    }

    .tbx-vertical-text{
        display:none;
    }

    .tbx-trending-right{
        gap:20px;
    }

    .tbx-side-card{
        height:260px;
    }

}

@media(max-width:600px){

    .tbx-trending-wrap{
        padding:50px 0;
    }

    .tbx-trending-container{
        padding:0 15px;
    }

    .tbx-about-card{
        padding:25px;
        gap:25px;
    }

    .tbx-about-content h2{
        font-size:30px;
    }

    .tbx-about-content h3{
        font-size:22px;
    }

    .tbx-about-content p{
        font-size:15px;
        line-height:1.7;
    }

    .tbx-feature-grid{
        grid-template-columns:1fr;
    }

    .tbx-side-card{
        height:220px;
    }

}

.custom-breadcrumb-area{
    position:relative;
    height:300px;
    background:url('../images/breadcrumb-bg.jpg') center center/cover no-repeat;
    display:flex;
    align-items:center;
    overflow:hidden;
}

.breadcrumb-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.55);
}

.breadcrumb-content{
    position:relative;
    z-index:2;
    text-align:left;
}

.breadcrumb-content h1{
    color:#fff;
    font-size:48px;
    font-weight:700;
    margin-bottom:12px;
    text-transform:capitalize;
}

.breadcrumb-list{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.breadcrumb-list li{
    color:#fff;
    font-size:16px;
    font-weight:500;
}

.breadcrumb-list li a{
    color:#fff;
    text-decoration:none;
    transition:.3s;
}

.breadcrumb-list li a:hover{
    color:#ffc107;
}

.breadcrumb-list .active{
    color:#ffc107;
}

.breadcrumb-list i{
    font-size:14px;
}

@media (max-width:991px){

    .custom-breadcrumb-area{
        height:250px;
    }

    .breadcrumb-content h1{
        font-size:38px;
    }
}

@media (max-width:767px){

    .custom-breadcrumb-area{
        height:220px;
    }

    .breadcrumb-content h1{
        font-size:30px;
        margin-bottom:8px;
    }

    .breadcrumb-list li{
        font-size:14px;
    }
}
.breadcrumb-content h1
{
    font-size: 45px;
}

.company-facts-section{
    background:#f7f9fc;
}

.facts-title{
    font-size:42px;
    font-weight:700;
    color:#1c1c1c;
    margin-bottom:10px;
}

.facts-subtitle{
    color:#777;
    margin:0;
}

.fact-card{
    background:#fff;
    padding:25px;
    border-radius:12px;
    height:100%;
    border-left: 4px solid #bbaa14;
    box-shadow:0 5px 20px rgba(0,0,0,0.08);
    transition:.3s;
}

.fact-card:hover{
    transform:translateY(-5px);
}

.fact-label{
    display:block;
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:1px;
    color:#000;
    margin-bottom:10px;
    font-weight:600;
}

.fact-card h6{
    margin:0;
    color:#222;
    font-size:17px;
    line-height:1.7;
    font-weight:600;
}

@media(max-width:767px){

    .facts-title{
        font-size:30px;
    }

    .fact-card{
        padding:20px;
    }

    .fact-card h6{
        font-size:15px;
    }
}

.facility-infra-section{
    background:#f8f9fb;
    position:relative;
    overflow:hidden;
}

.facility-content{
    height:100%;
}

.section-heading span{
    display:inline-block;
    background:#0d6efd15;
    color:#000;
    font-size:14px;
    font-weight:600;
    padding:6px 16px;
    border-radius:30px;
    margin-bottom:15px;
}

.section-heading h2{
    font-size:42px;
    font-weight:700;
    color:#111;
    margin-bottom:25px;
    position:relative;
}

/*.section-heading h2:after{
    content:"";
    width:70px;
    height:4px;
    background:#0d6efd;
    display:block;
    margin-top:12px;
    border-radius:10px;
}*/

.facility-content p{
    font-size:16px;
    line-height:1.9;
    color:#555;
    margin-bottom:20px;
}

.infra-box{
    background:#fff;
    padding:30px;
    border-radius:15px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    border-left: 5px solid #dbc407;
}

.infra-box h3{
    font-size:28px;
    font-weight:700;
    margin-bottom:20px;
    color:#111;
}

.facility-image-box{
    position:relative;
    height:100%;
}

.facility-image{
    width:100%;
    border-radius:18px;
    border:8px solid #fff;
    box-shadow:0 15px 40px rgba(0,0,0,.12);
    object-fit:cover;
}

@media(max-width:991px){

    .section-heading h2{
        font-size:34px;
    }

    .facility-image-box{
        margin-bottom:10px;
    }
}
.tubex-why-section{
    background:#f8f8f8;
}

.tubex-heading span{
    display:inline-block;
    background:#dbc407;
    color:#000;
    font-size:14px;
    font-weight:700;
    padding:8px 18px;
    border-radius:50px;
    margin-bottom:15px;
}

.tubex-heading h2{
    font-size:38px;
    font-weight:700;
    color:#000;
    margin-bottom:25px;
    position:relative;
}


.tubex-why-section p{
    font-size:17px;
    line-height:1.9;
    color:#000;
    margin-bottom:20px;
    text-align:justify;
}

.tubex-image-box{
    background:#fff;
    padding:12px;
    border-radius:20px;
    box-shadow:0 15px 40px rgba(0,0,0,.10);
}

.tubex-image-box img{
    width:100%;
    border-radius:15px;
}

.section-subtitle{
    font-size:34px;
    font-weight:700;
    color:#000;
    margin-bottom:15px;
    border-left:6px solid #dbc407;
    padding-left:18px;
}

.feature-list{
    margin:0;
    padding:0;
    list-style:none;
}

.feature-list li{
    position:relative;
    background:#fff;
    margin-bottom:15px;
    padding:16px 18px 16px 55px;
    border-radius:12px;
    color:#000;
    font-size:16px;
    line-height:1.8;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    transition:.3s;
}

.feature-list li:hover{
    transform:translateY(-3px);
}

.feature-list li:before{
    content:"✓";
    position:absolute;
    left:18px;
    top:15px;
    width:26px;
    height:26px;
    line-height:26px;
    text-align:center;
    border-radius:50%;
    background:#dbc407;
    color:#000;
    font-weight:700;
}

@media(max-width:991px){

    .tubex-heading h2{
        font-size:38px;
    }

    .section-subtitle{
        font-size:28px;
    }
}
.quality-assurance-section{
    background:#f8f9fa;
}

.qa-badge{
    background:#dbc407;
    color:#000;
    padding:8px 22px;
    border-radius:50px;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
}

.qa-heading h2{
    font-size:38px;
    font-weight:700;
    margin-top:15px;
    color:#000;
}

.qa-content-card{
    background:#fff;
    padding:35px;
    border-radius:18px;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
}

.qa-subtitle{
    font-size:20px;
    line-height:1.7;
    font-weight:600;
    color:#000;
    margin-bottom:20px;
}

.qa-content-card p{
    font-size:16px;
    line-height:1.9;
    color:#444;
    text-align:justify;
}

.qa-highlight-box{
    background:#fffdf0;
    border-left:5px solid #dbc407;
    padding:25px;
    border-radius:12px;
    margin-top:25px;
}

.qa-highlight-box h5{
    margin-bottom:15px;
    font-weight:700;
}

.test-card{
    background:#fff;
    padding:16px 18px 16px 50px;
    border-radius:12px;
    position:relative;
    box-shadow:0 4px 15px rgba(0,0,0,.06);
    height:100%;
}

.test-card:before{
    content:"✓";
    position:absolute;
    left:18px;
    top:16px;
    width:22px;
    height:22px;
    line-height:22px;
    text-align:center;
    background:#dbc407;
    color:#000;
    border-radius:50%;
    font-weight:700;
}

.qa-image-box{
    background:#fff;
    padding:12px;
    border-radius:16px;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
}

.qa-image-box img{
    width:100%;
    border-radius:12px;
}

.qa-image-box h6{
    text-align:center;
    margin-top:12px;
    margin-bottom:0;
    font-weight:600;
    color:#000;
}
.test-gallery-box{
    background:#fff;
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 8px 25px rgba(0,0,0,0.08);
    transition:0.3s;
    
}

.test-gallery-box:hover{
    transform:translateY(-5px);
}

.test-gallery-box img{
    width:100%;
    height:260px;
    object-fit:cover;
    display:block;
}

.test-gallery-box h5{
    margin:0;
    padding:15px;
    text-align:center;
    font-size:17px;
    font-weight:600;
    color:#000;
    background:#dbc407;
}
.management-team-section{
    background:#f8f9fa;
}

.management-card-new{
    position:relative;
    overflow:hidden;
    border-radius:15px;
    height:380px;
    box-shadow:0 12px 35px rgba(0,0,0,.12);
    transition:all .4s ease;
}

.management-card-new:hover{
    transform:translateY(-8px);
}

.management-img{
    width:100%;
    height:100%;
}

.management-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.management-info{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    padding:20px 15px;
    text-align:center;
    background:linear-gradient(
        to top,
        rgba(0,0,0,.95) 0%,
        rgba(0,0,0,.75) 50%,
        rgba(0,0,0,0) 100%
    );
}

.management-info h4{
    color:#fff;
    font-size:20px;
    font-weight:600;
    margin-bottom:5px;
    line-height:1.4;
}

.management-info p{
    margin:0;
    color:#dbc407;
    font-size:15px;
    font-weight:500;
}

@media(max-width:991px){
    .management-card-new{
        height:350px;
    }
}
.application-glance-section{
    background:#f8f9fa;
}

.app-heading span{
    display:inline-block;
    background:#dbc407;
    color:#000;
    padding:8px 18px;
    border-radius:30px;
    font-size:13px;
    font-weight:700;
    margin-bottom:15px;
    text-transform:uppercase;
}

.app-heading h2{
    font-size:38px;
    font-weight:700;
    color:#000;
    margin-bottom:30px;
}

.app-card{
    background:#fff;
    padding:16px 18px 16px 50px;
    border-radius:12px;
    position:relative;
    font-size:16px;
    font-weight:500;
    color:#000;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    transition:.3s;
    height:100%;
}

.app-card:hover{
    transform:translateY(-4px);
}

.app-card:before{
    content:"✓";
    position:absolute;
    left:18px;
    top:14px;
    width:24px;
    height:24px;
    line-height:24px;
    text-align:center;
    border-radius:50%;
    background:#dbc407;
    color:#000;
    font-weight:700;
}

.application-image-card{
    position:relative;
    overflow:hidden;
    border-radius:18px;
    box-shadow:0 15px 40px rgba(0,0,0,.12);
}

.application-image img{
    width:100%;
   
    object-fit:cover;
    display:block;
}

.application-overlay{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    padding:20px;
    background:linear-gradient(
        to top,
        rgba(0,0,0,.95),
        rgba(0,0,0,.60),
        transparent
    );
    text-align:center;
}

.application-overlay h4{
    margin:0;
    color:#fff;
    font-size:22px;
    font-weight:600;
}

@media(max-width:991px){

    .application-image img{
        height:450px;
    }

    .app-heading h2{
        font-size:32px;
    }
}

.product-showcase-section{
    background:#f8f9fa;
}

.product-badge{
    background:#dbc407;
    color:#000;
    padding:8px 18px;
    border-radius:30px;
    font-size:13px;
    font-weight:700;
}

.product-heading{
    font-size:40px;
    font-weight:700;
    margin-top:15px;
}

.product-card-box{
    background:#fff;
    border-radius:15px;
    overflow:hidden;
    height:100%;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.35s;
}

.product-card-box:hover{
    transform:translateY(-8px);
}

.product-card-box img{
    width:100%;
    height:240px;
    object-fit:cover;
}

.product-content{
    padding:20px;
    text-align:center;
}

.product-content h5{
    font-size:18px;
    font-weight:600;
    color:#000;
    min-height:55px;
}

.product-btn{
    display:inline-block;
    margin-top:10px;
    padding:10px 24px;
    background:#dbc407;
    color:#000;
    font-weight:600;
    border-radius:30px;
    text-decoration:none;
    transition:.3s;
}

.product-btn:hover{
    background:#000;
    color:#fff;
}

@media(max-width:767px){

    .product-heading{
        font-size:30px;
    }

    .product-card-box img{
        /*height:220px;*/
    }

    .product-content h5{
        font-size:16px;
    }
}
@media(max-width:767px){

    .application-image img{
        height:320px;
    }

    .app-heading h2{
        font-size:28px;
    }

    .app-card{
        font-size:15px;
    }

    .application-overlay h4{
        font-size:18px;
    }
}
@media(max-width:767px){
    .management-card-new{
        height:320px;
    }

    .management-info h4{
        font-size:18px;
    }

    .management-info p{
        font-size:14px;
    }
}
@media(max-width:767px){

    .test-gallery-box img{
        height:220px;
    }

    .test-gallery-box h5{
        font-size:15px;
        padding:12px;
    }
}
@media(max-width:767px){

    .qa-heading h2{
        font-size:30px;
    }

    .qa-content-card{
        padding:20px;
    }

    .qa-subtitle{
        font-size:18px;
    }

    .qa-content-card p{
        font-size:15px;
    }
}
@media(max-width:767px){

    .tubex-heading h2{
        font-size:30px;
    }

    .section-subtitle{
        font-size:24px;
    }

    .tubex-why-section p{
        font-size:15px;
    }

    .feature-list li{
        font-size:15px;
        padding:14px 15px 14px 50px;
    }
}

/* Premium Industrial Application Matrix Styling */
        .tb-matrix-container {
            font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
            color: #2d3748;
            max-width: 1200px;
            margin: 40px auto;
            padding: 0 15px;
        }

        .tb-matrix-header {
            text-align: center;
            margin-bottom: 30px;
        }

        .tb-matrix-header h2 {
            font-size: 26px;
            color: #1a365d;
            margin-bottom: 10px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .tb-matrix-header p {
            color: #718096;
            font-size: 15px;
            margin: 0;
        }

        /* Mobile Scroll View Indicator */
        .tb-mobile-hint {
            display: none;
            text-align: right;
            font-size: 12px;
            color: #3182ce;
            margin-bottom: 8px;
            font-weight: 500;
        }

        /* Responsive Wrapper to handle mobile overflow beautifully */
        .tb-table-responsive {
            width: 100%;
            overflow-x: auto;
            background: #ffffff;
            border-radius: 8px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
            border: 1px solid #e2e8f0;
            -webkit-overflow-scrolling: touch;
        }

        .tb-matrix-table {
            width: 100%;
            border-collapse: collapse;
            text-align: left;
            min-width: 900px; /* Ensures readable table structure on mobile screens */
        }

        /* Table Structure Headers */
        .tb-matrix-table th {
            padding: 14px 16px;
            font-size: 13px;
            font-weight: 600;
            letter-spacing: 0.5px;
            border: 1px solid #e2e8f0;
        }

        .tb-main-th {
            background-color: #1a365d;
            color: #ffffff;
            text-align: center;
        }

        .tb-sub-th {
            background-color: #2b6cb0;
            color: #ffffff;
            text-align: center;
        }

        .tb-brand-th {
            background-color: #ebf8ff;
            color: #2b6cb0;
            text-align: center;
            font-weight: 700;
            width: 10%;
        }

        /* Table Data Layout */
        .tb-matrix-table td {
            padding: 12px 16px;
            font-size: 13.5px;
            border: 1px solid #e2e8f0;
            vertical-align: middle;
        }

        .tb-app-name {
            font-weight: 600;
            color: #2d3748;
            background-color: #f7fafc;
            width: 30%;
        }

        /* Zebra striping structure for better readability */
        .tb-matrix-table tr:nth-child(even) .tb-app-name {
            background-color: #edf2f7;
        }
        
        .tb-matrix-table tr:hover {
            background-color: #f8fafc;
        }

        .tb-icon-center {
            text-align: center;
        }

        /* Premium Icon Image/Badge Custom UI */
        .tb-status-badge {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 26px;
            height: 26px;
            background-color: #ffc107;
            border-radius: 50%;
            border: 1px solid #ffc107;
            box-shadow: 0 2px 4px rgba(49, 151, 149, 0.15);
            transition: transform 0.2s ease;
        }
        
        .tb-matrix-table tr:hover .tb-status-badge {
            transform: scale(1.1);
        }

        .tb-status-badge svg {
            width: 14px;
            height: 14px;
            fill: #fff;
        }

        .tb-text-muted {
            font-size: 11px;
            color: #718096;
            display: block;
            margin-top: 2px;
            font-weight: normal;
        }

        /* Responsive Media Query for Mobile Layouts */
        @media (max-width: 768px) {
            .tb-mobile-hint {
                display: block;
            }
            .tb-matrix-header h2 {
                font-size: 20px;
            }
            .tb-matrix-table th, .tb-matrix-table td {
                padding: 10px 12px;
                font-size: 12.5px;
            }
        }

        .gl-premium-gallery-section {
        background-color: #f8fafc;
    }
    .gl-gallery-title {
        color: #1a365d;
        font-size: 28px;
        letter-spacing: 1px;
    }
    .gl-title-underline {
        width: 60px;
        height: 3px;
        background-color: #2b6cb0;
        margin-top: 10px;
    }
    /* Grid Card Custom Layout */
    .gl-gallery-card {
        background: #ffffff;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 4px 6px rgba(0,0,0,0.05);
        border: 1px solid #e2e8f0;
        cursor: pointer;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .gl-gallery-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 15px rgba(0,0,0,0.1);
    }
    .gl-img-container {
        position: relative;
        overflow: hidden;
        background-color: #000;
        aspect-ratio: 4/3;
    }
    .gl-thumb {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.3s ease;
    }
    .gl-gallery-card:hover .gl-thumb {
        transform: scale(1.08);
        opacity: 0.8;
    }
    /* Smooth Hover Animation Layer */
    .gl-hover-overlay {
        position: absolute;
        top: 0; left: 0; width: 100%; height: 100%;
        background: rgba(26, 54, 93, 0.4);
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        transition: opacity 0.3s ease;
    }
    .gl-gallery-card:hover .gl-hover-overlay {
        opacity: 1;
    }
    .gl-zoom-btn {
        color: #fff;
        background: rgba(0,0,0,0.7);
        padding: 6px 14px;
        border-radius: 20px;
        font-size: 13px;
        font-weight: 500;
    }
    .gl-card-footer {
        padding: 15px;
        background: #ffffff;
    }
    .gl-item-title {
        font-size: 15px;
        color: #2d3748;
        font-weight: 600;
        margin: 0;
    }

    /* Lightbox Modal Custom Enhancements */
    .gl-modal-nocontent {
        background: transparent !important;
        border: none !important;
    }
    .gl-large-img {
        max-height: 65vh;
        object-fit: contain;
        background-color: rgba(0,0,0,0.9);
        border-radius: 4px;
    }
    .gl-close-modal {
        position: absolute;
        top: -40px;
        right: 0;
        color: #fff;
        background: transparent;
        border: none;
        font-size: 35px;
        line-height: 1;
        cursor: pointer;
        z-index: 1060;
        opacity: 0.8;
    }
    .gl-close-modal:hover {
        opacity: 1;
    }
    .gl-carousel-caption {
        position: absolute;
        bottom: 0; left: 0; right: 0;
        background: rgba(0, 0, 0, 0.6);
        padding: 15px;
        text-align: center;
        color: #fff;
    }
    .gl-carousel-caption h5 {
        margin: 0;
        font-size: 16px;
        font-weight: 500;
    }
    .gl-nav-btn {
        width: 8%;
    }
   
    .cn2-contact-section {
        background-color: #f8fafc;
    }
    .cn2-main-heading {
        color: #1a365d;
        font-size: 30px;
        letter-spacing: 0.5px;
    }
    .cn2-heading-line {
        width: 50px;
        height: 3px;
        background-color: #2b6cb0;
        margin-top: 12px;
        border-radius: 2px;
    }

    /* Top 3 Info Boxes Layout */
    .cn2-info-box {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        border-radius: 8px !important;
    }
    .cn2-info-box:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 15px rgba(0,0,0,0.08) !important;
    }
    .cn2-icon-circle {
        width: 50px;
        height: 50px;
        background-color: #ebf8ff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 22px;
    }
    .cn2-box-title {
        font-size: 16px;
        color: #1a365d;
        margin-bottom: 8px;
    }

    /* Form UI Custom Layout */
    .cn2-form-container {
        border-radius: 8px;
    }
    .cn2-form-title {
        color: #2d3748;
        font-size: 18px;
        border-left: 4px solid #2b6cb0;
        padding-left: 10px;
    }
    .cn2-input-label {
        font-size: 12.5px;
        color: #4a5568;
        margin-bottom: 5px;
    }
    .cn2-custom-input, .cn2-custom-textarea {
        border: 1px solid #e2e8f0 !important;
        border-radius: 6px !important;
        font-size: 13.5px !important;
        color: #2d3748 !important;
        padding: 10px 12px !important;
        transition: all 0.2s ease-in-out !important;
    }
    .cn2-custom-input:focus, .cn2-custom-textarea:focus {
        border-color: #2b6cb0 !important;
        box-shadow: 0 0 0 3px rgba(43, 108, 176, 0.15) !important;
        outline: none !important;
    }
    .cn2-submit-btn {
        background-color: #1a365d;
        border-radius: 6px;
        font-size: 14px;
        letter-spacing: 0.5px;
        transition: background-color 0.2s ease;
    }
    .cn2-submit-btn:hover {
        background-color: #2b6cb0;
    }

    /* Map Utility Structure */
    .cn2-map-wrapper {
        border-radius: 8px;
        min-height: 380px;
        position: relative;
    }
    .cn2-responsive-map {
        position: absolute;
        top: 0; left: 0; width: 100%; height: 100%;
        border: 0;
    }

    /* Responsive adjustments for Mobile Views */
    @media (max-width: 991px) {
        .cn2-map-wrapper {
            min-height: 350px;
            margin-top: 15px;
        }
        .cn2-main-heading {
            font-size: 24px;
        }
    }

    .cnt3-contact-mega-section {
        background-color: #f8fafc;
    }
    .cnt3-main-heading {
        color: #1a365d;
        font-size: 30px;
        letter-spacing: 0.5px;
    }
    .cnt3-heading-line {
        width: 50px;
        height: 3px;
        background-color: #2b6cb0;
        margin-top: 12px;
        border-radius: 2px;
    }

    /* Left Tall Card UI */
    .cnt3-info-tall-card {
        border-radius: 8px !important;
        border: 1px solid #e2e8f0 !important;
        background-color: #ffffff;
    }
    .cnt3-icon-badge {
        min-width: 44px;
        height: 44px;
        background-color: #ebf8ff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
    }
    .cnt3-item-title {
        font-size: 18px;
        color: #1a365d;
    }
    .cnt3-text-data {
        font-size: 15px;
        color: #2d3748;
        line-height: 1.5;
    }
    .cnt3-text-secondary {
        font-size: 13px;
        color: #718096;
        line-height: 1.5;
    }
    .cnt3-email-link {
        color: #2b6cb0;
        text-decoration: none;
    }
    .cnt3-email-link:hover {
        text-decoration: underline;
    }
    .cnt3-divider {
        border: 0;
        border-top: 1px solid #edf2f7;
        margin: 15px 0;
    }

    /* Form Custom Layout */
    .cnt3-form-card {
        border-radius: 8px !important;
        border: 1px solid #e2e8f0 !important;
    }
    .cnt3-form-title {
        color: #2d3748;
        font-size: 18px;
        border-left: 4px solid #2b6cb0;
        padding-left: 10px;
    }
    .cnt3-input-label {
        font-size: 12.5px;
        color: #4a5568;
        margin-bottom: 5px;
    }
    .cnt3-custom-input, .cnt3-custom-textarea {
        border: 1px solid #e2e8f0 !important;
        border-radius: 6px !important;
        font-size: 13.5px !important;
        color: #2d3748 !important;
        padding: 10px 12px !important;
        transition: all 0.2s ease-in-out !important;
    }
    .cnt3-custom-input:focus, .cnt3-custom-textarea:focus {
        border-color: #2b6cb0 !important;
        box-shadow: 0 0 0 3px rgba(43, 108, 176, 0.15) !important;
        outline: none !important;
    }
    .cnt3-submit-btn {
        background-color: #1a365d;
        border-radius: 6px;
        font-size: 14px;
        letter-spacing: 0.5px;
        transition: background-color 0.2s ease;
    }
    .cnt3-submit-btn:hover {
        background-color: #2b6cb0;
    }

    /* Last Full-Width Map Layout */
    .cnt3-fullwidth-map-box {
        width: 100%;
        height: 400px;
        position: relative;
        margin-top: 20px;
    }
    .cnt3-full-map {
        width: 100%;
        height: 100%;
        border: 0;
        display: block;
    }

    /* Media Viewport Tweaks for Tablets & Mobile Devices */
    @media (max-width: 991px) {
        .cnt3-main-heading {
            font-size: 24px;
        }
        .cnt3-fullwidth-map-box {
            height: 320px;
        }
    }

    .tubex-enquiry-section{
    background:#f4f7fb;
}

.tubex-enquiry-card{
    background:#fff;
    padding:45px;
    border-radius:20px;
    box-shadow:0 10px 40px rgba(0,0,0,0.08);
    border-top:5px solid #ab983f;
}

.tubex-heading h2{
    font-size:34px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:8px;
}

.tubex-heading p{
    color:#6b7280;
    margin-bottom:35px;
}

.tubex-input{
    height:55px;
    border-radius:12px;
    border:1px solid #dbe2ea;
    box-shadow:none !important;
}

.tubex-input:focus{
    border-color:#0d6efd;
}

.tubex-textarea{
    height:auto;
    min-height:140px;
    resize:none;
}

.tubex-submit-btn{
    background: rgb(171, 152, 63);
    color:#fff;
    border:none;
    padding:14px 40px;
    border-radius:50px;
    font-weight:600;
    font-size:16px;
    transition:.3s;
}

.tubex-submit-btn:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 25px rgba(13,110,253,.25);
}

.tubex-product-section{
    background:#f4f7fb;
}

.product-header-card{
    background:#fff;
    border-radius:20px;
    padding:30px;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
}

.product-image-box{
    background:#fff;
    border-radius:15px;
    overflow:hidden;
    border:1px solid #e5e7eb;
}

.product-image-box img{
    width:100%;
    display:block;
}

.product-info-card{
    background:#fff;
}

.product-title{
    font-size:34px;
    font-weight:700;
    margin-bottom:25px;
    color:#0f172a;
    position:relative;
}

.product-title:after{
    content:"";
    width:80px;
    height:4px;
    background:#ff9800;
    position:absolute;
    left:0;
    bottom:-10px;
    border-radius:50px;
}

.product-spec-table{
    border-radius:15px;
    overflow:hidden;
}

.product-spec-table tr td{
    padding:14px 16px;
}

.product-spec-table tr td:first-child{
    font-weight:600;
    width:220px;
    background:#f8fafc;
}

.product-tab-card{
    background:#fff;
    border-radius:20px;
    padding:35px;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
}

.custom-product-tabs .nav-link{
    border:none;
    background:#eef2ff;
    color:#1e293b;
    padding:12px 30px;
    margin:5px;
    border-radius:50px;
    font-weight:600;
    transition:.3s;
}

.custom-product-tabs .nav-link.active{
    background:linear-gradient(135deg,#ff9800,#ff6f00);
    color:#fff;
}

.content-box{
    background:#fff;
}

.marker-list{
    padding:0;
    margin:0;
    list-style:none;
}

.marker-list li{
    padding:12px 0;
    border-bottom:1px solid #e5e7eb;
    font-size:15px;
    line-height:1.7;
}

.marker-list li:last-child{
    border-bottom:none;
}

.marker-list i{
    margin-right:10px;
    color:#ff9800;
}

.table-responsive{
    border-radius:15px;
}

.table-bordered th{
    background:#0f172a;
    color:#fff;
    text-align:center;
    vertical-align:middle;
}

.table-bordered td{
    vertical-align:middle;
}

@media(max-width:991px){

    .product-title{
        font-size:28px;
    }

    .product-header-card,
    .product-tab-card{
        padding:20px;
    }

}

/* Premium Product Section Styling */
.premium-product-section {
  background-color: var(--bg-light);
  font-family: 'Poppins', sans-serif;
}

/* Container Styling */
.premium-product-section .container {
  max-width: 1200px;
  margin: 0 auto;
}

/* Product Main Card - Full Width and Elevated */
.product-main-card {
  background: var(--white);
  padding: 50px;
  border-radius: 15px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); /* Sophisticated shadow */
  margin-bottom: 60px; /* Space between main card and tabs */
}

/* Section Title - Bold and Accent-Barred */
.section-main-title {
  font-weight: 700;
  color: var(--primary-color);
  font-size: 2.8rem;
  margin-bottom: 30px;
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
}

.section-main-title::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 80px;
  height: 4px;
  background-color: var(--accent-color); /* Golden Yellow Bar */
  border-radius: 2px;
}

/* Grid Alignment */
.premium-product-section .row.align-items-center {
  display: flex;
  align-items: center;
}

/* Product Image Wrapper - Polished */
.product-img-wrapper {
  padding: 15px;
  border: 1px solid #e1e8ed;
  border-radius: 12px;
  background-color: #fff;
  transition: transform 0.3s ease;
}

.product-img-wrapper:hover {
  transform: translateY(-5px);
}

.product-img-wrapper img {
  border-radius: 10px;
}

/* Custom Attribute Table Styling */
.table.custom-attr-table {
  border: none;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 12px; /* Row spacing */
}

.table.custom-attr-table tbody tr {
  background-color: #fcfcfc;
  border-radius: 8px;
  transition: background-color 0.2s ease;
}

.table.custom-attr-table tbody tr:hover {
  background-color: #f1f7ff;
}

.table.custom-attr-table td {
  padding: 18px 20px;
  vertical-align: middle;
  border: none;
  border-top: 1px solid #edf2f6;
  border-bottom: 1px solid #edf2f6;
}

.table.custom-attr-table td:first-child {
  border-left: 1px solid #edf2f6;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  font-weight: 700;
  color: var(--primary-color);
  font-size: 1.1rem;
}

.table.custom-attr-table td:last-child {
  border-right: 1px solid #edf2f6;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.table.custom-attr-table td strong {
  font-weight: 600;
  color: var(--text-dark);
}

/* --- TABS DESIGN --- */

/* Tab Navigation Container */
.tab .nav-tabs.custom-modern-tabs {
  border-bottom: none;
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-bottom: -1px; /* Overlap content border */
}

/* Individual Tab Items */
.custom-modern-tabs .nav-item {
  margin-bottom: 0;
}

/* Tab Links - Elegant and Modern */
.custom-modern-tabs .nav-link {
  border: 1px solid #dee2e6;
  border-bottom: none;
  border-radius: 10px 10px 0 0;
  padding: 15px 30px;
  font-weight: 600;
  color: var(--text-muted);
  background-color: #fcfcfc;
  transition: all 0.3s ease;
  font-size: 1.05rem;
  display: flex;
  align-items: center;
  gap: 10px; /* Space for Icon */
}

/* Tab Icon Styling */
.custom-modern-tabs .nav-link i {
  font-size: 1.2rem;
  transition: color 0.3s ease;
}

/* Hover State */
.custom-modern-tabs .nav-link:hover {
  color: var(--primary-color);
  background-color: #f1f7ff;
  border-color: #dee2e6;
}

/* Active Tab State - The Key Change */
.custom-modern-tabs .nav-link.active,
.custom-modern-tabs .nav-item.active .nav-link {
  color: var(--white) !important;
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  box-shadow: 0 -4px 10px rgba(0, 74, 153, 0.15);
}

/* Active Tab Icon Color */
.custom-modern-tabs .nav-link.active i,
.custom-modern-tabs .nav-item.active .nav-link i {
  color: var(--accent-color); /* Icons turn golden yellow */
}

/* Tab Content Wrapper */
.tab-content.tab-content-wrapper {
  background-color: var(--white);
  padding: 50px;
  border-radius: 0 0 15px 15px;
  border: 1px solid #dee2e6;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

/* Tab Pane Styling */
.tab-pane h3 {
  font-weight: 700;
  color: var(--primary-color);
  font-size: 1.8rem;
  margin-bottom: 30px;
  position: relative;
  padding-left: 15px;
}

.tab-pane h3::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 5px;
  height: 25px;
  background-color: var(--accent-color);
  border-radius: 3px;
}

/* Premium List Styling with Icons */
.premium-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.premium-list li {
  position: relative;
  padding-left: 35px;
  margin-bottom: 18px;
  font-size: 1.05rem;
  line-height: 1.6;
  color: var(--text-dark);
}

/* Modern SVG Icon (Checkmark) */
.premium-list li::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffc107' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
  position: absolute;
  left: 0;
  top: 3px;
  width: 18px;
  height: 18px;
}

.premium-list li b {
  color: var(--primary-color);
  font-weight: 600;
}

/* --- DIMENSIONS TABLE DESIGN --- */

.dimensions-table-wrapper {
  margin-top: 20px;
}

/* Modern, Clean Table */
.table.dimensions-table {
  border: 1px solid #e1e8ed;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 10px;
  overflow: hidden;
}

/* Table Header */
.table.dimensions-table thead th,
.table.dimensions-table thead td {
  background-color: var(--primary-color);
  color: var(--white);
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.9rem;
  letter-spacing: 1px;
  padding: 15px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Table Body Cells */
.table.dimensions-table tbody td {
  padding: 15px;
  font-size: 1rem;
  color: var(--text-dark);
  vertical-align: middle;
  border: 1px solid #edf2f6;
}

/* Alternating Row Color */
.table.dimensions-table tbody tr:nth-child(even) {
  background-color: #f9fbfd;
}

/* Row Hover Effect */
.table.dimensions-table tbody tr:hover {
  background-color: #f1f7ff;
}

/* Sub-header (the mm/inch row) */
.table.dimensions-table thead tr:last-child td {
  background-color: #003a78; /* Slightly darker shade */
  font-size: 0.85rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.8);
}

/* Responsive Table Scrollbar styling (optional but looks nice) */
.table-responsive::-webkit-scrollbar {
  height: 8px;
}

.table-responsive::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}

.table-responsive::-webkit-scrollbar-thumb {
  background: var(--accent-color);
  border-radius: 4px;
}
@media(max-width:767px){

    .custom-product-tabs{
        flex-direction:column;
    }

    .custom-product-tabs .nav-link{
        width:100%;
    }

    .product-title{
        font-size:24px;
    }

    .product-spec-table tr td:first-child{
        width:auto;
    }

}

.pro-detail-section{
    padding:80px 0;
    background:#f8fafc;
}

.pro-detail-card{
    background:#fff;
    border-radius:20px;
    padding:30px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.pro-main-image{
    background:#fff;
    border-radius:15px;
    overflow:hidden;
    border:1px solid #eee;
}

.pro-main-image img{
    width:100%;
}

.pro-thumb-row{
    display:flex;
    gap:10px;
    margin-top:15px;
}

.pro-thumb-row img{
    width:80px;
    border-radius:10px;
    border:1px solid #ddd;
    cursor:pointer;
}

.pro-title{
    font-size:34px;
    font-weight:700;
    margin-bottom:15px;
}

.pro-download-btn{
    background:#f59e0b;
    color:#fff;
    padding:12px 24px;
    border-radius:50px;
    text-decoration:none;
    display:inline-block;
    margin-bottom:25px;
}

.pro-spec-table{
    width:100%;
    border-collapse:collapse;
}

.pro-spec-table th{
    width:220px;
    background:#f8fafc;
    padding:16px;
    border:1px solid #e5e7eb;
}

.pro-spec-table td{
    padding:16px;
    border:1px solid #e5e7eb;
}

.custom-product-tabs{
    margin-top:50px;
}

.custom-product-tabs .nav-link{
    border:none;
    background:#fff;
    color:#222;
    padding:15px 30px;
    font-weight:700;
    text-transform:uppercase;
    border-radius:12px 12px 0 0;
}

.custom-product-tabs .nav-link.active{
    background:#f59e0b;
    color:#fff;
}

.tab-inner-card{
    background:#fff;
    padding:35px;
    border-radius:0 15px 15px 15px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.tab-inner-card h3{
    margin-bottom:20px;
    font-size:28px;
    font-weight:700;
}

.tab-inner-card ul{
    padding-left:20px;
}

.tab-inner-card li{
    margin-bottom:15px;
}
.probtn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:12px 28px;
    background:#25D366;
    color:#fff;
    border-radius:50px;
    text-decoration:none;
    font-weight:600;
    transition:all .3s ease;
    border:1px solid #25D366;
}

.probtn:hover{
    background:#1ebe5d;
    border-color:#1ebe5d;
    color:#fff;
}
.fa {
    font-family: 'FontAwesome' !important;
    font-weight: var(--fa-style, 900);
}
.pro-download-btn
{
    color:#fff !important;
}
.specification-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    margin-top:20px;
}

.spec-card{
    background:#fff;
    border:1px solid #e9ecef;
    border-radius:16px;
    padding:22px;
    box-shadow:0 8px 25px rgba(0,0,0,.05);
    transition:.3s;
    height:100%;
}

.spec-card:hover{
    transform:translateY(-4px);
}

.spec-card ul{
    list-style:none;
    margin:0;
    padding:0;
}

.spec-card li{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin-bottom:16px;
    line-height:1.7;
    color:#333;
    font-size:15px;
}

.spec-card li:last-child{
    margin-bottom:0;
}

.spec-card i{
    color:#ff9800;
    margin-top:4px;
    font-size:16px;
    flex-shrink:0;
}

.spec-card strong{
    color:#0f172a;
    font-weight:700;
}

@media(max-width:991px){
    .specification-grid{
        grid-template-columns:1fr;
    }
}

.application-card{
    background:#fff;
    border-radius:18px;
    padding:30px;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
    border:1px solid #e9ecef;
}

.application-header{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:25px;
    padding-bottom:15px;
    border-bottom:2px solid #f1f5f9;
}

.application-header i{
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#ff9800;
    color:#fff;
    font-size:20px;
}

.application-header h4{
    margin:0;
    font-size:24px;
    font-weight:700;
    color:#1e293b;
}

.application-list{
    list-style:none;
    padding:0;
    margin:0;
}

.application-list li{
    display:flex;
    align-items:flex-start;
    gap:14px;
    padding:18px 0;
    border-bottom:1px dashed #dbe2ea;
    font-size:16px;
    line-height:1.8;
    color:#334155;
}

.application-list li:last-child{
    border-bottom:none;
    padding-bottom:0;
}

.application-list i{
    color:#ff9800;
    font-size:18px;
    margin-top:5px;
    flex-shrink:0;
}

@media(max-width:767px){

    .application-card{
        padding:20px;
    }

    .application-header h4{
        font-size:20px;
    }

    .application-list li{
        font-size:15px;
        line-height:1.7;
    }

}

.dimension-section{
    margin-top:30px;
}

.dimension-header{
    margin-bottom:20px;
}

.dimension-header h3{
    font-size:28px;
    font-weight:700;
    margin-bottom:8px;
    color:#0f172a;
}

.dimension-header p{
    color:#64748b;
    margin:0;
}

.dimension-table-wrap{
    background:#fff;
    border-radius:18px;
    overflow-x:auto;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    border:1px solid #e5e7eb;
}

.dimension-table{
    width:100%;
    min-width:1000px;
    border-collapse:collapse;
}

.dimension-table thead tr:first-child th{
    background:#ff9800;
    color:#fff;
    font-size:15px;
    font-weight:700;
}

.dimension-table thead tr:nth-child(2) th{
    background:#ffb74d;
    color:#fff;
}

.dimension-table thead tr:nth-child(3) th{
    background:#fff8ef;
    color:#222;
    font-weight:700;
}

.dimension-table th,
.dimension-table td{
    padding:14px 12px;
    text-align:center;
    border:1px solid #edf2f7;
}

.dimension-table tbody tr:nth-child(even){
    background:#fafafa;
}

.dimension-table tbody tr:hover{
    background:#fff4e5;
    transition:.3s;
}

.dimension-table tbody td{
    font-size:14px;
    color:#334155;
    font-weight:500;
}

/* Mobile */

@media(max-width:768px){

    .dimension-header h3{
        font-size:22px;
    }

    .dimension-table{
        min-width:900px;
    }

    .dimension-table th,
    .dimension-table td{
        padding:10px 8px;
        font-size:13px;
    }

}
.dimension-section
{
    padding: 0px 0px !important;
}

.feature-spec-box{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
}

.feature-item{
    display:flex;
    align-items:flex-start;
    gap:15px;
    padding:18px;
    background:#fff;
    border:1px solid #e9ecef;
    border-radius:14px;
    transition:.3s;
    box-shadow:0 5px 20px rgba(0,0,0,.05);
}

.feature-item:hover{
    transform:translateY(-4px);
    border-color:#ff9800;
}

.feature-icon{
    width:52px;
    height:52px;
    min-width:52px;
    border-radius:12px;
    background:linear-gradient(135deg,#ff9800,#ffb74d);
    display:flex;
    align-items:center;
    justify-content:center;
}

.feature-icon i{
    color:#fff;
    font-size:20px;
}

.feature-content h6{
    margin:0 0 5px;
    font-size:15px;
    font-weight:700;
    color:#111827;
}

.feature-content p{
    margin:0;
    color:#64748b;
    line-height:1.7;
    font-size:14px;
}

@media(max-width:767px){

    .feature-spec-box{
        grid-template-columns:1fr;
    }

}

.premium-spec-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
}

.premium-spec-card{
    display:flex;
    align-items:center;
    gap:16px;
    background:#fff;
    border:1px solid #edf2f7;
    border-radius:16px;
    padding:18px;
    transition:.35s;
    box-shadow:0 8px 25px rgba(0,0,0,.06);
}

.premium-spec-card:hover{
    transform:translateY(-4px);
    border-color:#ff9800;
    box-shadow:0 15px 35px rgba(255,152,0,.15);
}

.spec-icon{
    width:55px;
    height:55px;
    min-width:55px;
    border-radius:14px;
    background:linear-gradient(135deg,#ff9800,#ffb74d);
    display:flex;
    align-items:center;
    justify-content:center;
}

.spec-icon i{
    color:#fff;
    font-size:20px;
}

.spec-content h6{
    margin:0 0 6px;
    font-size:15px;
    font-weight:700;
    color:#111827;
    text-transform:uppercase;
}

.spec-content p{
    margin:0;
    color:#475569;
    line-height:1.7;
    font-size:15px;
}

.spec-content strong{
    color:#ff9800;
    font-weight:700;
}
.tech-spec-section{
    margin:40px 0;
}

.tech-spec-header{
    text-align:center;
    margin-bottom:25px;
}

.spec-badge{
    display:inline-block;
    padding:8px 18px;
    background:#fff4e5;
    color:#ff9800;
    border-radius:30px;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:12px;
}

.tech-spec-header h2{
    font-size:34px;
    font-weight:800;
    color:#111827;
    margin-bottom:10px;
}

.tech-spec-header p{
    color:#64748b;
    margin:0;
}

.tech-spec-card{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    border:1px solid #e5e7eb;
}

.tech-table-wrapper{
    overflow-x:auto;
}

.tech-spec-table{
    width:100%;
    min-width:900px;
    border-collapse:collapse;
}

.tech-spec-table thead th{
    background:linear-gradient(135deg,#ff9800,#ffb74d);
    color:#fff;
    font-size:14px;
    font-weight:700;
    padding:16px 12px;
    border:none;
    white-space:nowrap;
}

.tech-spec-table td{
    padding:14px 12px;
    border-bottom:1px solid #edf2f7;
    color:#334155;
    font-size:14px;
    text-align:center;
    white-space:nowrap;
}

.tech-spec-table tbody tr:nth-child(even){
    background:#fafafa;
}

.tech-spec-table tbody tr:hover{
    background:#fff8ef;
}

.tech-spec-table tbody td:first-child{
    font-weight:700;
    color:#111827;
}
.application-feature-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
}

.application-feature-card{
    display:flex;
    gap:18px;
    padding:22px;
    background:#fff;
    border:1px solid #ececec;
    border-radius:18px;
    box-shadow:0 8px 25px rgba(0,0,0,.06);
    transition:.3s ease;
}

.application-feature-card:hover{
    transform:translateY(-5px);
    border-color:#ff9800;
    box-shadow:0 15px 35px rgba(255,152,0,.15);
}

.application-icon{
    width:60px;
    height:60px;
    min-width:60px;
    border-radius:15px;
    background:linear-gradient(135deg,#ff9800,#ffb74d);
    display:flex;
    align-items:center;
    justify-content:center;
}

.application-icon i{
    color:#fff;
    font-size:24px;
}

.application-content h5{
    margin:0 0 8px;
    font-size:17px;
    font-weight:700;
    color:#111827;
}

.application-content p{
    margin:0;
    line-height:1.8;
    color:#475569;
    font-size:15px;
}
.tech-spec-section
{
    padding: 0px 0px;
}

.conduit-info-section{
    margin:40px 0;
}

/* Feature Cards */

.conduit-feature-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
    margin-bottom:35px;
}

.conduit-feature-card{
    display:flex;
    gap:18px;
    align-items:flex-start;
    background:#fff;
    padding:22px;
    border-radius:18px;
    border:1px solid #ececec;
    box-shadow:0 8px 25px rgba(0,0,0,.06);
    transition:.3s;
}

.conduit-feature-card:hover{
    transform:translateY(-5px);
    border-color:#ff9800;
}

.full-width{
    grid-column:1 / -1;
}

.feature-icon{
    width:60px;
    height:60px;
    min-width:60px;
    border-radius:15px;
    background:linear-gradient(135deg,#ff9800,#ffb74d);
    display:flex;
    align-items:center;
    justify-content:center;
}

.feature-icon i{
    color:#fff;
    font-size:24px;
}

.feature-content h5{
    margin:0 0 8px;
    font-size:18px;
    font-weight:700;
    color:#111827;
}

.feature-content p{
    margin:0;
    color:#475569;
    line-height:1.8;
}

/* Specification Card */

.conduit-spec-card{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.spec-header{
    background:linear-gradient(135deg,#ff9800,#ffb74d);
    padding:22px 25px;
}

.spec-header h3{
    color:#fff;
    margin:0;
    font-size:24px;
    font-weight:700;
}

.spec-row{
    display:flex;
    border-bottom:1px solid #edf2f7;
}

.spec-row:last-child{
    border-bottom:none;
}

.spec-title{
    width:240px;
    min-width:240px;
    background:#fafafa;
    padding:20px;
    font-weight:700;
    color:#ff9800;
}

.spec-desc{
    flex:1;
    padding:20px;
    color:#475569;
    line-height:1.9;
}

.spec-row:hover{
    background:#fffaf3;
}

/* Mobile */
.conduit-info-section
{
    padding: 0px 0px;
}

.industry-app-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
}

.industry-app-card{
    display:flex;
    align-items:flex-start;
    gap:18px;
    padding:22px;
    background:#fff;
    border-radius:18px;
    border:1px solid #ececec;
    box-shadow:0 8px 25px rgba(0,0,0,.06);
    transition:.3s;
}

.industry-app-card:hover{
    transform:translateY(-5px);
    border-color:#ff9800;
    box-shadow:0 15px 35px rgba(255,152,0,.15);
}

.app-icon{
    width:58px;
    height:58px;
    min-width:58px;
    border-radius:14px;
    background:linear-gradient(135deg,#ff9800,#ffb74d);
    display:flex;
    align-items:center;
    justify-content:center;
}

.app-icon i{
    color:#fff;
    font-size:22px;
}

.app-content h5{
    margin:0;
    font-size:16px;
    font-weight:600;
    color:#1e293b;
    line-height:1.8;
}

@media(max-width:767px){

    .industry-app-grid{
        grid-template-columns:1fr;
    }

    .industry-app-card{
        padding:18px;
    }

    .app-icon{
        width:50px;
        height:50px;
        min-width:50px;
    }

    .app-icon i{
        font-size:18px;
    }

    .app-content h5{
        font-size:15px;
    }

}

.specification-table-wrap{
    margin:40px 0;
}

.specification-table-responsive{
    overflow-x:auto;
    border-radius:18px;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
}

.specification-table{
    width:100%;
    min-width:1000px;
    border-collapse:collapse;
    background:#fff;
    font-family:'Poppins',sans-serif;
}

.specification-table thead th{
    background:linear-gradient(135deg,#0b90f6,#0069d9);
    color:#fff;
    padding:18px 15px;
    font-size:15px;
    font-weight:700;
    text-align:center;
    border:none;
    white-space:nowrap;
}

.specification-table tbody td{
    padding:16px 15px;
    text-align:center;
    font-size:14px;
    color:#444;
    border-bottom:1px solid #edf2f7;
    transition:.3s;
}

.specification-table tbody tr:nth-child(even){
    background:#f8fbff;
}

.specification-table tbody tr:hover{
    background:#eaf5ff;
}

.specification-table tbody tr:hover td{
    color:#0b90f6;
}

@media(max-width:768px){

    .specification-table{
        min-width:100%;
    }

    .specification-table thead{
        display:none;
    }

    .specification-table,
    .specification-table tbody,
    .specification-table tr,
    .specification-table td{
        display:block;
        width:100%;
    }

    .specification-table tr{
        background:#fff;
        margin-bottom:15px;
        border-radius:15px;
        overflow:hidden;
        box-shadow:0 4px 20px rgba(0,0,0,.08);
    }

    .specification-table td{
        text-align:right;
        padding:14px 15px;
        position:relative;
        border-bottom:1px solid #f1f1f1;
    }

    .specification-table td:last-child{
        border-bottom:none;
    }

    .specification-table td:before{
        content:attr(data-label);
        position:absolute;
        left:15px;
        top:14px;
        font-weight:700;
        color:#0b90f6;
        text-align:left;
    }
}

.conduit-specification-area{
    margin:50px 0;
    font-family:'Inter',sans-serif;
}

/* Feature Cards */

.conduit-feature-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    margin-bottom:30px;
}

.conduit-feature-card{
    background:#fff;
    border-radius:16px;
    padding:22px;
    box-shadow:0 8px 30px rgba(0,0,0,.08);
    border-top:4px solid #0b90f6;
    transition:.3s;
}

.conduit-feature-card:hover{
    transform:translateY(-5px);
}

.conduit-feature-card ul{
    margin:0;
    padding:0;
    list-style:none;
}

.conduit-feature-card li{
    position:relative;
    padding-left:28px;
    margin-bottom:14px;
    font-size:15px;
    font-weight:500;
    color:#333;
    line-height:1.6;
}

.conduit-feature-card li:last-child{
    margin-bottom:0;
}

.conduit-feature-card li:before{
    content:"➜";
    position:absolute;
    left:0;
    color:#ff9800;
    font-size:18px;
    font-weight:700;
}

/* Table */

.conduit-info-table-wrap{
    overflow-x:auto;
    border-radius:18px;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
}

.conduit-info-table{
    width:100%;
    border-collapse:collapse;
    background:#fff;
}

.conduit-info-table tr:nth-child(even){
    background:#f7fbff;
}

.conduit-info-table td{
    padding:18px;
    border-bottom:1px solid #e9eef4;
    vertical-align:middle;
    color:#444;
    line-height:1.7;
}

.spec-title{
    width:220px;
    font-weight:700;
    color:#0b90f6;
    background:#f4f9ff;
}

.spec-separator{
    width:40px;
    text-align:center;
    font-weight:700;
    color:#0b90f6;
}

/* Mobile */

@media(max-width:991px){

    .conduit-feature-grid{
        grid-template-columns:1fr;
    }

}

@media(max-width:767px){

    .conduit-info-table,
    .conduit-info-table tbody,
    .conduit-info-table tr,
    .conduit-info-table td{
        display:block;
        width:100%;
    }

    .conduit-info-table tr{
        margin-bottom:15px;
        background:#fff;
        border-radius:15px;
        overflow:hidden;
        box-shadow:0 4px 20px rgba(0,0,0,.08);
    }

    .spec-separator{
        display:none !important;
    }

    .spec-title{
        width:100%;
        background:#0b90f6;
        color:#fff;
        text-align:center;
        padding:14px;
    }

    .conduit-info-table td:not(.spec-title){
        padding:18px;
    }
}
.conduit-specification-area
{
    padding: 0px 0px;
}

.application-spec-wrap{
margin:50px 0;
font-family:'Inter',sans-serif;
}

.application-feature-box{
background:#ffffff;
border-radius:20px;
padding:30px;
box-shadow:0 10px 35px rgba(0,0,0,.08);
margin-bottom:30px;
border-left:5px solid #0b90f6;
}

.application-feature-list{
margin:0;
padding:0;
list-style:none;
}

.application-feature-list li{
position:relative;
padding-left:35px;
margin-bottom:18px;
font-size:15px;
line-height:1.8;
color:#444;
font-weight:500;
}

.application-feature-list li:last-child{
margin-bottom:0;
}

.application-feature-list li:before{
content:"➜";
position:absolute;
left:0;
top:0;
color:#ff9800;
font-size:20px;
font-weight:700;
}

.application-data-table-wrap{
overflow-x:auto;
border-radius:20px;
box-shadow:0 10px 35px rgba(0,0,0,.08);
}

.application-data-table{
width:100%;
border-collapse:collapse;
background:#fff;
}

.application-data-table tr:nth-child(even){
background:#f8fbff;
}

.application-data-table td{
padding:18px;
border-bottom:1px solid #edf2f7;
line-height:1.8;
color:#444;
}

.application-title-cell{
width:220px;
font-weight:700;
color:#0b90f6;
background:#f4f9ff;
text-align:center;
}

.application-colon-cell{
width:40px;
text-align:center;
font-weight:700;
color:#0b90f6;
}

/* Mobile */

@media(max-width:767px){


.application-feature-box{
    padding:20px;
}

.application-feature-list li{
    font-size:14px;
}

.application-data-table,
.application-data-table tbody,
.application-data-table tr,
.application-data-table td{
    display:block;
    width:100%;
}

.application-data-table tr{
    margin-bottom:15px;
    background:#fff;
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 4px 20px rgba(0,0,0,.08);
}

.application-colon-cell{
    display:none !important;
}

.application-title-cell{
    width:100%;
    background:#0b90f6;
    color:#fff;
    text-align:center;
}

}
.catalogue-specification-wrap{
    margin:50px 0;
    font-family:'Inter',sans-serif;
}

.catalogue-specification-responsive{
    overflow-x:auto;
    border-radius:20px;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
}

.catalogue-specification-table{
    width:100%;
    min-width:1000px;
    border-collapse:collapse;
    background:#fff;
}

.catalogue-specification-table thead th{
    background:linear-gradient(135deg,#0b90f6,#0067d8);
    color:#fff;
    padding:18px 15px;
    font-size:15px;
    font-weight:700;
    text-align:center;
    white-space:nowrap;
    border:none;
}

.catalogue-specification-table tbody tr:nth-child(even){
    background:#f7fbff;
}

.catalogue-specification-table tbody td{
    padding:16px;
    text-align:center;
    border-bottom:1px solid #edf2f7;
    color:#444;
    font-size:14px;
    transition:.3s;
}

.catalogue-specification-table tbody tr:hover{
    background:#eaf5ff;
}

.catalogue-specification-table tbody tr:hover td{
    color:#0b90f6;
}

/* Mobile Responsive */

@media(max-width:768px){

    .catalogue-specification-table{
        min-width:100%;
    }

    .catalogue-specification-table thead{
        display:none;
    }

    .catalogue-specification-table,
    .catalogue-specification-table tbody,
    .catalogue-specification-table tr,
    .catalogue-specification-table td{
        display:block;
        width:100%;
    }

    .catalogue-specification-table tr{
        margin-bottom:18px;
        background:#fff;
        border-radius:18px;
        overflow:hidden;
        box-shadow:0 5px 25px rgba(0,0,0,.08);
    }

    .catalogue-specification-table td{
        text-align:right;
        position:relative;
        padding:14px 15px 14px 50%;
        border-bottom:1px solid #f1f1f1;
    }

    .catalogue-specification-table td:last-child{
        border-bottom:none;
    }

    .catalogue-specification-table td:before{
        content:attr(data-title);
        position:absolute;
        left:15px;
        top:14px;
        width:45%;
        text-align:left;
        font-weight:700;
        color:#0b90f6;
    }
}

.steel-profile-showcase{
    padding:60px 0;
    font-family:'Inter',sans-serif;
}

.steel-profile-grid{
    display:grid;
    grid-template-columns:320px 1fr 320px;
    gap:16px;
    align-items:center;
}

/* Cards */

.steel-profile-card{
    text-align:center;
}

.steel-profile-image{
    overflow:hidden;
    border-radius:18px;
    background:#fff;
    box-shadow:0 15px 40px rgba(0,0,0,.10);
    transition:.4s;
}

.steel-profile-image img{
    width:100%;
    display:block;
    transition:.5s;
}

.steel-profile-card:hover .steel-profile-image{
    transform:translateY(-8px);
}

.steel-profile-card:hover img{
    transform:scale(1.05);
}

.steel-profile-title{
    margin-top:18px;
    font-size:32px;
    font-weight:700;
    color:#222;
    line-height:1.3;
}

/* Content */

.steel-profile-content{
    background:#ffffff;
    padding:35px;
    border-radius:20px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    border-top:5px solid #0b90f6;
}

.steel-profile-content p{
    margin:0;
    font-size:17px;
    line-height:2;
    color:#444;
    text-align:justify;
}

/* Tablet */

@media (max-width:1199px){

    .steel-profile-grid{
        grid-template-columns:280px 1fr 280px;
        gap:25px;
    }

    .steel-profile-title{
        font-size:26px;
    }
}

/* Mobile */

@media (max-width:991px){

    .steel-profile-grid{
        grid-template-columns:1fr;
        gap:30px;
    }

    .steel-profile-content{
        order:2;
    }

    .steel-profile-card:first-child{
        order:1;
    }

    .steel-profile-card:last-child{
        order:3;
    }

    .steel-profile-title{
        font-size:24px;
    }

    .steel-profile-content{
        padding:25px;
    }

    .steel-profile-content p{
        font-size:15px;
        line-height:1.9;
    }
}
.steel-profile-showcase{
    padding:60px 0;
    font-family:'Inter',sans-serif;
}

.steel-profile-grid{
    display:grid;
    grid-template-columns:320px 1fr 320px;
    gap:35px;
    align-items:center;
}

/* Cards */

.steel-profile-card{
    text-align:center;
}

.steel-profile-image{
    overflow:hidden;
    border-radius:18px;
    background:#fff;
    box-shadow:0 15px 40px rgba(0,0,0,.10);
    transition:.4s;
}

.steel-profile-image img{
    width:100%;
    display:block;
    transition:.5s;
}

.steel-profile-card:hover .steel-profile-image{
    transform:translateY(-8px);
}

.steel-profile-card:hover img{
    transform:scale(1.05);
}

.steel-profile-title{
    margin-top:18px;
    font-size:32px;
    font-weight:700;
    color:#222;
    line-height:1.3;
}

/* Content */

.steel-profile-content{
    background:#ffffff;
   
    border-radius:20px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    border-top:5px solid #0b90f6;
}

.steel-profile-content p{
    margin:0;
    font-size:14px;
    line-height:2;
    color:#444;
    text-align:justify;
}

/* Tablet */
.steel-profile-content
{
    padding: 18px 10px;
}
@media (max-width:1199px){

    .steel-profile-grid{
        grid-template-columns:280px 1fr 280px;
        gap:25px;
    }

    .steel-profile-title{
        font-size:26px;
    }
}

/* Mobile */

@media (max-width:991px){

    .steel-profile-grid{
        grid-template-columns:1fr;
        gap:30px;
    }

    .steel-profile-content{
        order:2;
    }

    .steel-profile-card:first-child{
        order:1;
    }

    .steel-profile-card:last-child{
        order:3;
    }

    .steel-profile-title{
        font-size:24px;
    }

    .steel-profile-content{
        padding:25px;
    }

    .steel-profile-content p{
        font-size:15px;
        line-height:1.9;
    }
}
.steel-profile-title
{
    font-size:23px;
}
@media (max-width:576px){

    .steel-profile-showcase{
        padding:40px 0;
    }

    .steel-profile-title{
        font-size:20px;
    }

    .steel-profile-content{
        padding:20px;
    }
}
@media (max-width:576px){

    .steel-profile-showcase{
        padding:40px 0;
    }

    .steel-profile-title{
        font-size:20px;
    }

    .steel-profile-content{
        padding:20px;
    }
}

.steel-profile-showcase
{
    padding:0px 0px;
}

.industrial-data-wrapper{
    margin:50px 0;
    font-family:'Inter',sans-serif;
}

.industrial-data-scroll{
    overflow-x:auto;
    border-radius:20px;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
}

.industrial-data-table{
    width:100%;
    min-width:1200px;
    border-collapse:collapse;
    background:#fff;
}

.industrial-data-table thead th{
    background:linear-gradient(135deg,#0b90f6,#0067d8);
    color:#fff;
    padding:18px 14px;
    font-size:14px;
    font-weight:700;
    text-align:center;
    vertical-align:middle;
    border:none;
}

.industrial-data-table tbody tr:nth-child(even){
    background:#f8fbff;
}

.industrial-data-table tbody td{
    padding:15px;
    text-align:center;
    border-bottom:1px solid #e9eef5;
    color:#444;
    font-size:14px;
    transition:.3s;
}

.industrial-data-table tbody tr:hover{
    background:#eef7ff;
}

.industrial-data-table tbody tr:hover td{
    color:#0b90f6;
}

/* Mobile Responsive */

@media(max-width:768px){

    .industrial-data-table{
        min-width:100%;
    }

    .industrial-data-table thead{
        display:none;
    }

    .industrial-data-table,
    .industrial-data-table tbody,
    .industrial-data-table tr,
    .industrial-data-table td{
        display:block;
        width:100%;
    }

    .industrial-data-table tr{
        margin-bottom:18px;
        background:#fff;
        border-radius:18px;
        overflow:hidden;
        box-shadow:0 5px 25px rgba(0,0,0,.08);
    }

    .industrial-data-table td{
        position:relative;
        text-align:right;
        padding:14px 15px 14px 50%;
        border-bottom:1px solid #f1f1f1;
    }

    .industrial-data-table td:last-child{
        border-bottom:none;
    }

    .industrial-data-table td:before{
        content:attr(data-label);
        position:absolute;
        left:15px;
        top:14px;
        width:45%;
        text-align:left;
        color:#0b90f6;
        font-weight:700;
        line-height:1.5;
    }
}

.heavy-conduit-specification{
    margin:50px 0;
    font-family:'Inter',sans-serif;
}

.heavy-conduit-title{
    font-size:32px;
    font-weight:700;
    margin-bottom:25px;
    color:#222;
    line-height:1.4;
}

.heavy-conduit-table-wrap{
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
}

.heavy-conduit-table{
    width:100%;
    border-collapse:collapse;
    background:#fff;
}

.heavy-conduit-table tr:nth-child(even){
    background:#f8fbff;
}

.heavy-conduit-table td{
    padding:18px 20px;
    border-bottom:1px solid #edf2f7;
    vertical-align:top;
    font-size:15px;
    color:#444;
    line-height:1.8;
}

.heavy-conduit-label{
    width:260px;
    background:#f4f9ff;
    color:#0b90f6;
    font-weight:700;
    text-align:center;
}

/* Hover Effect */

.heavy-conduit-table tr:hover{
    background:#eef7ff;
}

/* Mobile */

@media(max-width:768px){

    .heavy-conduit-title{
        font-size:24px;
    }

    .heavy-conduit-table,
    .heavy-conduit-table tbody,
    .heavy-conduit-table tr,
    .heavy-conduit-table td{
        display:block;
        width:100%;
    }

    .heavy-conduit-table tr{
        margin-bottom:15px;
        border-radius:15px;
        overflow:hidden;
        box-shadow:0 4px 20px rgba(0,0,0,.08);
        background:#fff;
    }

    .heavy-conduit-label{
        width:100%;
        background:#0b90f6;
        color:#fff;
        text-align:center;
        padding:14px;
        font-size:16px;
    }

    .heavy-conduit-table td{
        border:none;
    }
}

.industrial-about-section{
    padding:80px 0;
    background:#fff;
    font-family:'Inter',sans-serif;
}

.industrial-about-container{
    display:flex;
    align-items:center;
    gap:60px;
}

.industrial-about-content{
    flex:1;
}

.industrial-about-subtitle{
    display:inline-block;
    color:#0b90f6;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    margin-bottom:15px;
}

.industrial-about-title{
    font-size:42px;
    line-height:1.3;
    font-weight:700;
    color:#222;
    margin-bottom:20px;
}

.industrial-about-text{
    font-size:16px;
    color:#666;
    line-height:1.9;
    margin-bottom:25px;
}

.industrial-about-list{
    margin:0;
    padding:0;
    list-style:none;
}

.industrial-about-list li{
    position:relative;
    padding-left:30px;
    margin-bottom:12px;
    color:#444;
    font-weight:500;
}

.industrial-about-list li:before{
    content:"✓";
    position:absolute;
    left:0;
    color:#0b90f6;
    font-weight:700;
}

.industrial-about-btn{
    display:inline-block;
    margin-top:20px;
    padding:14px 32px;
    background:#0b90f6;
    color:#fff;
    text-decoration:none;
    border-radius:50px;
    font-weight:600;
    transition:.3s;
}

.industrial-about-btn:hover{
    background:#086fc0;
    color:#fff;
}

.industrial-about-image{
    flex:1;
}

.industrial-about-image img{
    width:100%;
    border-radius:20px;
    box-shadow:0 15px 40px rgba(0,0,0,.12);
    display:block;
}

/* Tablet */

@media(max-width:991px){

    .industrial-about-container{
        gap:30px;
    }

    .industrial-about-title{
        font-size:34px;
    }
}

/* Mobile */
.brand-logo-showcase{
    padding:60px 0;
}

.brand-logo-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.brand-logo-item{
    background:#fff;
    border-radius:18px;
    padding:15px;
    text-align:center;
    border:1px solid #e9eef5;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    transition:.4s ease;
}

.brand-logo-item:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(11,144,246,.18);
}

.brand-logo-item img{
    width:100%;
    height:130px;
    object-fit:contain;
    display:block;
    margin:auto;
}

/* Tablet */
@media (max-width:991px){
    .brand-logo-grid{
        grid-template-columns:repeat(3,1fr);
    }
}

/* =========================
   PRODUCT SECTION
========================= */

.ts-aboutus-classic{
    position:relative;
}

.ts-aboutus-classic .column-title{
    font-size:42px;
    font-weight:800;
    color:#222;
    margin-bottom:35px;
    position:relative;
    padding-bottom:15px;
}

/* Image */

.ts-aboutus-classic img{
    width:100%;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.12);
    transition:.4s;
}


/* Content */

.ts-about-feature{
    background:#fff;
    padding:30px;
    border-radius:20px;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
    border-left:5px solid #0b90f6;
    height:100%;
}

.ts-about-feature p{
    margin:0;
    color:#555;
    font-size:16px;
    line-height:2;
}

/* =========================
   TAB DESIGN
========================= */

.tab{
    background:#fff;
    border-radius:20px;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
    overflow:hidden;
}

.nav-tabs{
    border:none;
    background:#f7f9fc;
    padding:15px;
    gap:10px;
}

.nav-tabs li{
    margin:0 !important;
}

.nav-tabs li a{
    border:none !important;
    border-radius:50px !important;
    padding:12px 28px !important;
    font-weight:700;
    color:#333 !important;
    background:#fff;
    transition:.3s;
}


.tab-content{
    padding:30px;
}

.tab-content h3{
    font-size:30px;
    font-weight:700;
    color:#222;
    margin-bottom:25px;
}

/* =========================
   TABLE DESIGN
========================= */

.event-content{
    overflow-x:auto;
}

.event-content table{
    width:100%;
    min-width:900px;
    border-collapse:collapse;
    background:#fff;
    border-radius:15px;
    overflow:hidden;
}

.event-content table tr:first-child td{
    background:linear-gradient(135deg,#0b90f6,#006ad6);
    color:#fff;
    font-weight:700;
}

.event-content table tr:nth-child(even){
    background:#f8fbff;
}

.event-content table td{
    padding:14px;
    border:1px solid #e7edf5;
    text-align:center;
    vertical-align:middle;
    font-size:14px;
    transition:.3s;
}



/* =========================
   SCROLL BAR
========================= */

.event-content::-webkit-scrollbar{
    height:8px;
}

.event-content::-webkit-scrollbar-thumb{
    background:#0b90f6;
    border-radius:10px;
}

/* =========================
   MOBILE
========================= */

@media(max-width:991px){

    .ts-aboutus-classic .column-title{
        font-size:32px;
    }

    .ts-about-feature{
        margin-top:25px;
    }

    .tab-content{
        padding:20px;
    }
}
.ts-aboutus-classic
{
    padding: 40px 0px;
}

/* ===== Tubex Rubber Hose Section ===== */

.trh-product-section{
    padding:80px 0;
    background:#f5f5f5;
}

.trh-row{
    display:flex;
    align-items:flex-start;
    gap:50px;
}

.trh-content{
    flex:1;
}

.trh-title{
    font-size:26px;
    line-height:1.2;
    font-weight:700;
    color:#16213e;
    margin-bottom:30px;
}

.trh-highlight{
    font-size:18px;
    line-height:1.5;
    font-weight:600;
    color:#222;
    margin-bottom:25px;
}

.trh-description{
    font-size:15px;
    line-height:1.9;
    color:#555;
    margin-bottom:30px;
}

.trh-feature-list{
    list-style:none;
    padding:0;
    margin:0;
}

.trh-feature-list li{
    position:relative;
    padding-left:32px;
    margin-bottom:18px;
    font-size:16px;
    line-height:1.7;
    color:#222;
}

.trh-feature-list li:before{
    content:"◉";
    position:absolute;
    left:0;
    top:1px;
    color:#ff9800;
    font-size:18px;
}

.trh-image-box{
    width:380px;
    text-align:center;
    flex-shrink:0;
}

.trh-image-card{
    background:#fff;
    border:2px solid #ddd;
    padding:15px;
    transition:.4s;
}

.trh-image-card:hover{
    transform:translateY(-5px);
    box-shadow:0 15px 35px rgba(0,0,0,.12);
}

.trh-image-card img{
    width:100%;
    display:block;
}

.trh-image-title{
    font-size:23px;
    color:#222;
    margin-top:15px;
    font-weight:600;
}

/* Tablet */

@media (max-width:991px){

    .trh-row{
        flex-direction:column-reverse;
    }

    .trh-image-box{
        width:100%;
        max-width:500px;
        margin:auto;
    }

    .trh-title{
        font-size:34px;
    }

    .trh-highlight{
        font-size:22px;
    }

    .trh-description{
        font-size:17px;
    }

    .trh-feature-list li{
        font-size:18px;
    }

    .trh-image-title{
        font-size:24px;
    }
}

/* Mobile */

@media (max-width:767px){

    .trh-product-section{
        padding:50px 0;
    }

    .trh-title{
        font-size:28px;
        margin-bottom:20px;
    }

    .trh-highlight{
        font-size:19px;
        margin-bottom:20px;
    }

    .trh-description{
        font-size:16px;
        line-height:1.8;
    }

    .trh-feature-list li{
        font-size:16px;
        padding-left:26px;
        margin-bottom:14px;
    }

    .trh-image-title{
        font-size:20px;
    }
}
@media(max-width:767px){

    .ts-aboutus-classic .column-title{
        font-size:26px;
        text-align:center;
    }

    .ts-aboutus-classic .column-title:after{
        left:50%;
        transform:translateX(-50%);
    }

    .ts-about-feature{
        padding:20px;
    }

    .ts-about-feature p{
        font-size:15px;
        line-height:1.8;
    }

    .nav-tabs{
        display:flex;
        justify-content:center;
        flex-wrap:wrap;
    }

    .nav-tabs li{
        width:100%;
    }

    .nav-tabs li a{
        text-align:center;
        display:block;
    }

    .tab-content h3{
        font-size:24px;
    }

    .event-content table{
        min-width:850px;
    }
}
/* Mobile */
@media (max-width:767px){
    .brand-logo-grid{
        grid-template-columns:repeat(2,1fr);
        gap:15px;
    }

    .brand-logo-item{
        padding:10px;
        border-radius:12px;
    }

    .brand-logo-item img{
        height:90px;
    }
}
@media(max-width:767px){

    .industrial-about-container{
        flex-direction:column-reverse;
    }

    .industrial-about-title{
        font-size:28px;
    }

    .industrial-about-text{
        font-size:15px;
    }

    .industrial-about-section{
        padding:50px 0;
    }
}
@media(max-width:767px){

     .industrial-data-scroll{
        overflow-x:auto;
    }

    .industrial-data-table{
        min-width:1100px;
    }

    .industrial-data-table th,
    .industrial-data-table td{
        font-size:13px;
        padding:10px;
    }

    .conduit-feature-grid{
        grid-template-columns:1fr;
    }

    .full-width{
        grid-column:auto;
    }

    .spec-row{
        display:block;
    }

    .spec-title{
        width:100%;
        min-width:100%;
    }

    .feature-icon{
        width:50px;
        height:50px;
        min-width:50px;
    }

    .feature-icon i{
        font-size:20px;
    }

}
@media(max-width:767px){

    .application-feature-grid{
        grid-template-columns:1fr;
    }

    .application-feature-card{
        padding:18px;
    }

    .application-icon{
        width:50px;
        height:50px;
        min-width:50px;
    }

    .application-icon i{
        font-size:20px;
    }

    .application-content h5{
        font-size:16px;
    }

}
@media(max-width:768px){

    .tech-spec-header h2{
        font-size:24px;
    }

    .tech-spec-table{
        min-width:850px;
    }

}
@media(max-width:767px){

    .premium-spec-grid{
        grid-template-columns:1fr;
    }

    .premium-spec-card{
        padding:15px;
    }

}
@media(max-width:768px){

     .custom-product-tabs .nav{
        display:flex;
        flex-wrap:nowrap;
        width:100%;
        gap:4px;
    }

    .custom-product-tabs .nav-item{
        flex:1;
        min-width:0;
    }

    .custom-product-tabs .nav-link{
        width:100%;
        padding:10px 5px;
        font-size:12px;
        font-weight:600;
        text-align:center;
        border-radius:8px 8px 0 0;
        white-space:nowrap;
    }

    .pro-title{
        font-size:24px;
    }

    .pro-detail-card{
        padding:20px;
    }

    .pro-spec-table th{
        width:120px;
    }

    .custom-product-tabs .nav{
        flex-wrap:nowrap;
        overflow-x:auto;
    }
}
@media(max-width:768px){

    .tubex-enquiry-card{
        padding:25px;
    }

    .tubex-heading h2{
        font-size:28px;
    }

    .tubex-submit-btn{
        width:100%;
    }
}
@media(max-width:767px){

     .imgg2
    {
        width:100%;
    }

    .facility-infra-section{
        padding-top:60px !important;
        padding-bottom:60px !important;
    }

    .section-heading h2{
        font-size:28px;
    }

    .infra-box{
        padding:20px;
    }

    .facility-content p{
        font-size:15px;
        line-height:1.8;
    }
}
@media only screen and (max-width: 768px) {

    .nav-link.dropdown-toggle::after, .navbar-nav .dropdown-submenu .dropdown-toggle::after
    {
        width: 0;
    }

    .hero-section .navbar-nav, .hero-section .menu
    {
        align-items: flex-start;
    }

    .breadcrumb-content h1
    {
        font-size: 30px !important;
        margin-bottom: -6px;
    }
    
    .tbx-vertical-text {
    position: absolute;
    left: -143px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    font-size: 74px;
    font-weight: 800;
    text-transform: lowercase;
    color:#dbd8cc;
    line-height: 1;
    letter-spacing: -2px;
    display:none;
}
    
    .tbx-about-content h2{
    font-size:26px;
    line-height:1.1;
    margin-bottom:8px;
    font-weight:800;
    color:#000;
}

.tbx-about-content h3{
    font-size:18px;
    line-height:1.2;
    margin-bottom:22px;
    font-weight:700;
    color:#222;
}
    
    .text-anime-style
{
    font-size:26px;
}
    
    .ht-toggler svg
    {
        background:#fff !important;
    }
    
    .navbar-toggler
    {
        background:transparent !important;
    }
    
    .logo img {
        
     max-height: 49px !important;
    margin-top: 14px;
    }
    
    /* Slider Image Height */
   .banner-slider-two .slider-img{
    min-height: 20vh;
    background-size: cover;
    background-position: center;
}


    .product-section2
    {
        margin-top: -228px;
    }

        .stats-strip
        {
            margin-top: -50px;
        }

    .banner-slider
    {
        height: 259px;
    }

    .banner-slider .slider-img
    {
        background-size: contain;
    }

    .banner-content
    {
        visibility: hidden;
    }

    .working-process
{
    font-size: 26px;
}

    .service-item.style-1 .service-desc
{
    height: auto;
}

    .featured-pro
{
    margin-top:0px;
}

    .about-heading
{
    font-size: 26px;
}

    .banner-slider h1
{
    font-size: 24px;
    line-height: 20px;
}

  .navbar-expand-xl .navbar-nav
    {
        margin-left:0px;
    }

}

@media only screen and (min-width:624px) and (max-width: 800px) {
    .navbar-nav .nav-link
    {
     font-size: 12px !important;
    }
    .navbar-expand-xl .navbar-nav
    {
        margin-left:0px;
    }
    .logo img
    {
        max-height: 45px;
    }

    .banner-slider h1
{
    font-size: 40px !important;
    line-height: 60px !important;
}
 .tbx-vertical-text {
    position: absolute;
    left: -143px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    font-size: 74px;
    font-weight: 800;
    text-transform: lowercase;
    color:#dbd8cc;
    line-height: 1;
    letter-spacing: -2px;
    display:none;
}
}

@media only screen and (min-width:801px) and (max-width: 1000px) {
    
     .tbx-vertical-text {
    position: absolute;
    left: -143px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    font-size: 74px;
    font-weight: 800;
    text-transform: lowercase;
    color:#dbd8cc;
    line-height: 1;
    letter-spacing: -2px;
    display:none;
}
    .navbar-nav .nav-link
    {
     font-size: 12px !important;
    }
    .navbar-expand-xl .navbar-nav
    {
        margin-left: 0px;
    }
    .logo img
    {
        max-height: 45px;
    }

    .banner-slider h1
{
    font-size: 40px !important;
    line-height: 60px !important;
}
 .banner-slider
    {
        height: 659px;
    }
    
    /* Slider Image Height */
   .banner-slider-two .slider-img{
    min-height: 20vh;
    background-size: cover;
    background-position: center;
}
}

@media only screen and (min-width:1001px) and (max-width: 1200px) {
    
     .tbx-vertical-text {
    position: absolute;
    left: -140px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    font-size: 57px;
    font-weight: 800;
    text-transform: lowercase;
    color:#dbd8cc;
    line-height: 1;
    letter-spacing: -2px;
}
    .navbar-nav .nav-link
    {
     font-size: 12px !important;
    }
    .navbar-expand-xl .navbar-nav
    {
        margin-left: -50px;
    }
    .logo img
    {
        max-height: 38px;
    }

    .banner-slider h1
{
    font-size: 40px !important;
    line-height: 60px !important;
}
.header-number a
{
    font-size: 12px;
}

.product-title
{
    font-size: 20px;
    font-family: sans-serif;
}
.portfolio-desc
{
    height: 150px;
}
}

@media only screen and (min-width:1201px) and (max-width: 1250px) {
    
      .tbx-vertical-text {
    position: absolute;
    left: -140px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    font-size: 57px;
    font-weight: 800;
    text-transform: lowercase;
    color: #dbd8cc;
    line-height: 1;
    letter-spacing: -2px;
}
    .navbar-nav .nav-link
    {
     font-size: 12px !important;
    }
    .navbar-expand-xl .navbar-nav
    {
        margin-left: -50px;
    }
    .logo img
    {
        max-height: 38px;
    }

     .banner-slider h1
{
    font-size: 40px !important;
    line-height: 60px !important;
}
.header-number a
{
    font-size: 13px;
}
.product-title
{
    font-size: 20px;
    font-family: sans-serif;
}
.portfolio-desc
{
    height: 150px;
}
}

@media only screen and (min-width:1251px) and (max-width: 1300px) {
    
     .tbx-vertical-text {
    position: absolute;
    left: -140px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    font-size: 57px;
    font-weight: 800;
    text-transform: lowercase;
    color: #dbd8cc;
    line-height: 1;
    letter-spacing: -2px;
}
    .navbar-nav .nav-link
    {
     font-size: 13px !important;
    }
    .navbar-expand-xl .navbar-nav
    {
        margin-left: -50px;
    }
    .logo img
    {
        max-height: 40px;
    }

     .banner-slider h1
{
    font-size: 45px !important;
    line-height: 60px !important;
}
.service-item.style-1 .service-desc
{
    height: 223px;
}
.flexim
{
    font-size: 21px;
}
.header-number a
{
    font-size: 13px;
}
.product-title
{
    font-size: 20px;
    font-family: sans-serif;
}
.portfolio-desc
{
    height: 150px;
}
}

@media only screen and (min-width:1301px) and (max-width: 1400px) {
    
     .tbx-vertical-text {
    position: absolute;
    left: -140px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    font-size: 64px;
    font-weight: 800;
    text-transform: lowercase;
    color: #dbd8cc;
    line-height: 1;
    letter-spacing: -2px;
}
    .navbar-nav .nav-link
    {
     font-size: 14px !important;
    }
    .navbar-expand-xl .navbar-nav
    {
        margin-left: -50px;
    }
    .logo img
    {
        max-height: 45px;
    }
      .banner-slider h1
{
    font-size: 45px !important;
    line-height: 60px !important;
}
.service-item.style-1 .service-desc
{
    height: 223px;
}
.flexim
{
    font-size: 21px;
}
.header-number a
{
    font-size: 13px;
}
.product-title
{
    font-size: 20px;
    font-family: sans-serif;
}
.portfolio-desc
{
    height: 150px;
}
}

@media only screen and (min-width:1401px) and (max-width: 1500px) {
    
     .tbx-vertical-text {
    position: absolute;
    left: -140px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    font-size: 64px;
    font-weight: 800;
    text-transform: lowercase;
    color: #dbd8cc;
    line-height: 1;
    letter-spacing: -2px;
}
    .navbar-nav .nav-link
    {
     font-size: 15px !important;
    }
    .navbar-expand-xl .navbar-nav
    {
        margin-left: -50px;
    }
    .logo img
    {
        max-height: 55px;
    }

      .banner-slider h1
{
    font-size: 44px !important;
    line-height: 60px !important;
}
.service-item.style-1 .service-desc
{
    height: 230px;
}
.flexim
{
    font-size: 22px;
}
.product-title
{
    font-size: 22px;
    font-family: sans-serif;
}
.portfolio-desc
{
    height: 160px;
}
}

@media only screen and (min-width:1501px) and (max-width: 1600px) {
    .navbar-nav .nav-link
    {
     font-size: 14px !important;
    }
    .navbar-expand-xl .navbar-nav
    {
        margin-left: -40px;
    }
    .logo img
    {
        max-height: 40px;
        margin-left: 0px;
    }

      .banner-slider h1
{
    font-size: 45px !important;
    line-height: 60px !important;
}
.product-title
{
    font-size: 22px;
    font-family: sans-serif;
}
.portfolio-desc
{
    height: 160px;
}
.header-number a
{
    font-size: 13px;
}
}

@media only screen and (min-width:1601px) and (max-width: 1650px) {
    .navbar-nav .nav-link
    {
     font-size: 13px !important;
    }
    .navbar-expand-xl .navbar-nav
    {
        margin-left: -50px;
    }
    .logo img
    {
        max-height: 60px;
        margin-left: -50px;
    }
    .product-title
{
    font-size: 22px;
    font-family: sans-serif;
}
.portfolio-desc
{
    height: 160px;
}
}

@media only screen and (min-width:1651px) and (max-width: 1700px) {
    .navbar-nav .nav-link
    {
     font-size: 14px !important;
    }
    .navbar-expand-xl .navbar-nav
    {
        margin-left: -50px;
    }
    .logo img
    {
        max-height: 50px;
    }
    .product-title
{
    font-size: 22px;
    font-family: sans-serif;
}
.portfolio-desc
{
    height: 160px;
}
}

@media only screen and (min-width:1701px) and (max-width: 1800px) {
    .navbar-nav .nav-link
    {
     font-size: 15px !important;
    }
    .navbar-expand-xl .navbar-nav
    {
        margin-left: -50px;
    }
    .logo img
    {
        max-height: 50px;
    }
    .product-title
{
    font-size: 22px;
    font-family: sans-serif;
}
.portfolio-desc
{
    height: 160px;
}
}

@media only screen and (min-width:1801px) and (max-width: 1900px) {
    .navbar-nav .nav-link
    {
     font-size: 15px !important;
    }
    .navbar-expand-xl .navbar-nav
    {
        margin-left: -50px;
    }
    .logo img
    {
        max-height: 50px;
    }
    .product-title
{
    font-size: 22px;
    font-family: sans-serif;
}
.portfolio-desc
{
    height: 160px;
}
}

@media only screen and (min-width:1901px) and (max-width: 2000px) {
    .navbar-nav .nav-link
    {
     font-size: 15px !important;
    }
    .navbar-expand-xl .navbar-nav
    {
        margin-left: -50px;
    }
    .logo img
    {
        max-height: 50px;
    }
    .product-title
{
    font-size: 22px;
    font-family: sans-serif;
}
.portfolio-desc
{
    height: 160px;
}
}