/* =========================================
   GLOBAL MOBILE OVERFLOW FIX
========================================= */

/* Prevent horizontal page overflow */
html,
body { width: 100%; max-width: 100%; overflow-x: hidden;}
/* Bootstrap containers */
.container,
.container-fluid {
    max-width: 100%;
}


/* Prevent long text from expanding elements */
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span {
    overflow-wrap: break-word;
}


body{background-color: #000C22 !important; overflow-x: hidden !important;}
.container {max-width: 1470px !important;}
/* Back to Top Button */
.back-to-top {position: fixed;right: 42px;bottom: 30px; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; background: #0065FE; color: #ffffff; border: 1px solid #0065FE;border-radius: 50%;  text-decoration: none;  font-size: 24px;  opacity: 0;  visibility: hidden;  transform: translateY(15px);  transition: all 0.3s ease;  z-index: 9999;}
.back-to-top.show { opacity: 1; visibility: visible; transform: translateY(0);}
.back-to-top:hover { background: transparent; color: #0065FE; border-color: #0065FE; transform: translateY(-5px);}
/* Buttons */
/* .primary-button{text-decoration: none; font-size: 13px; font-family: "IBM Plex Sans", sans-serif; padding: 10px 15px; border: 1px solid#0065FE; transition: all 0.3s ease; background: transparent; color: #0065FE; text-transform: uppercase;}
.primary-button:hover{background-color: #0065FE; color: white; transform: translateY(-4px) !important;box-shadow: 0 8px 20px rgba(30, 115, 255, 0.25);} */
.primary-button { display: inline-block;  text-decoration: none;  font-size: 13px;  font-family: "IBM Plex Sans", sans-serif;  padding: 10px 15px;  border: 1px solid #0065FE;  transition: all 0.3s ease;  background: transparent; color: #0065FE; text-transform: uppercase; text-wrap: nowrap;}
.primary-button:hover {  background-color: #0065FE;  color: white;  transform: translateY(-4px);  box-shadow: 0 8px 20px rgba(30, 115, 255, 0.25);}
.secondary-button{text-decoration: none; font-size: 13px; font-family: "IBM Plex Sans", sans-serif; padding: 10px 15px; background-color: #0065FE; color: white; border: 1px solid#0065FE; transition: all 0.3s ease; text-transform: uppercase; text-wrap: nowrap;}
.secondary-button:hover{background: transparent; border: 1px solid#0065FE; transform: translateY(-4px);box-shadow: 0 8px 20px rgba(30, 115, 255, 0.25);}
/* WhatsApp Chat Button */
.wp-button{margin-top:14px;}
.float{position:fixed;width:60px;height:60px;bottom:30px;left: 42px; background-color:#25d366;color:#FFF;border-radius:50px;text-align:center;  font-size:35px;box-shadow: 2px 2px 3px #999;z-index:100;}
.float:hover{color: white !important;}
/* Request Quote Modal */
.modal-content{background-color: #000C22 !important; border: 1px solid#033C92 !important; border-radius: 20px !important;}
.modal-header{border-bottom: 0 !important; position: relative; display: flex; justify-content: center; align-items: center; width: 100%; padding: 0; border: 0;}
.modal-header h1{ width: 100%;  margin: 0;  padding: 0;  font-size: 40px !important;  line-height: 1.2; text-transform: uppercase; font-family: "Space Grotesk", sans-serif; color: #fff; text-align: center;
padding-top: 40px;}
.modal-header h1 span{color: #0065FE;}
.modal-body{  padding: 30px 5px 40px 30px !important;}
.btn-close-modal {  position: absolute;  top: 40px;  right: 34px;  width: 33px;  height: 33px;  padding: 10px;  margin: 0; border: 3px solid #8b919c; border-radius: 50%; background: transparent; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease;}
.btn-close-modal::before,
.btn-close-modal::after { content: ""; position: absolute; width: 20px; height: 3px; top: 50%; left: 50%; background: #8b919c; border-radius: 2px; transform-origin: center;}
.btn-close-modal::before { transform: translate(-50%, -50%) rotate(45deg);}
.btn-close-modal::after { transform: translate(-50%, -50%) rotate(-45deg);}
.btn-close-modal:hover { background: #1e73ff; border-color: #1e73ff; transform: rotate(90deg);}
.quote-field input, .quote-field select, .quote-field textarea { width: 100%;  background: #001532;  border: 1px solid #01295F;  border-radius: 6px; color: #fff; font-family: "IBM Plex Sans", sans-serif; font-size: 16px; outline: none; transition: all 0.3s ease;}
.quote-field input, .quote-field select { height: 50px; padding: 0 19px;}
.quote-field textarea { height: 152px; padding: 20px; resize: none;}
.quote-field input::placeholder, .quote-field textarea::placeholder {color: #fff;opacity: 0.95;}
.quote-field input:focus, .quote-field select:focus, .quote-field textarea:focus { border-color: #0065FE; box-shadow: 0 0 0 2px rgba(30, 115, 255, 0.12);}
.select-field select {appearance: none;-webkit-appearance: none;padding-right: 55px;cursor: pointer;}
.select-field select option { background: #000c22; color: #fff;}
.select-arrow {position: absolute;top: 39%; right: 46px;width: 18px;height: 18px;transform: translateY(-50%);display: flex;align-items: center;justify-content: center;color: #fff;font-size: 18px;pointer-events: none;z-index: 2;}
.quote-submit { width: 100%; height: 50px; border: 1px solid #0065FE; background: #0065FE; color: #fff;font-size: 13px;font-weight: 400;cursor: pointer;transition: all 0.35s ease; font-family: "IBM Plex Sans";}
.quote-submit:hover {background: transparent;color: #0065FE;border-color: #0065FE;transform: translateY(-2px); box-shadow: 0 8px 25px rgba(30, 115, 255, 0.3);}
.quote-modal { backdrop-filter: blur(4px);}
.quote-modal.show { background: rgba(0, 12, 34, 0.45);}
/* ==========================================
   RESPONSIVE
========================================== */

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

    .quote-modal .modal-content {
        padding: 60px 45px 30px;
    }

    .quote-header h2 {
        font-size: 42px;
    }

    .quote-header {
        margin-bottom: 40px;
    }
}


@media (max-width: 767px) {

    .quote-modal .modal-dialog {
        margin: 15px;
    }

    .quote-modal .modal-content {
        padding: 55px 25px 25px;

        border-radius: 18px;
    }

    .quote-close {
        top: 20px;
        right: 20px;

        width: 38px;
        height: 38px;

        font-size: 30px;
    }

    .quote-header {
        margin-bottom: 30px;
    }

    .quote-header h2 {
        font-size: 34px;
    }

    .quote-field input,
    .quote-field select {
        height: 55px;

        font-size: 16px;
    }

    .quote-field textarea {
        height: 130px;

        font-size: 16px;
    }

    .quote-submit {
        height: 52px;
    }
} */
/* .....................................HOME..................................... */
/* Header */
.nav-link{color: white !important; font-size: 13px !important; font-family: "IBM Plex Sans", sans-serif;}
.nav-link:hover{color: #0065FE !important;}
.navbar-nav .nav-link.active{color: #0065FE !important;}
.navbar-nav .nav-link{padding: 0 25px !important;}
.header .container-fluid{padding-left: 0 !important; padding-right: 0 !important;}
.header { background-color: #000C22; position: absolute; top: 0; left: 0; width: 100% !important; z-index: 9999; transition:  background-color 0.4s ease, box-shadow 0.4s ease, transform 0.4s ease, opacity 0.4s ease;}
.header.sticky-header { position: fixed !important; top: 0; left: 0; width: 100%;  background: rgba(0, 12, 34, 0.75); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15); animation: stickySlide 0.45s ease forwards;}
@keyframes stickySlide { 
    from { transform: translateY(-100%); opacity: 0;}
    to { transform: translateY(0); opacity: 1;} }

/* Banner */
.banner{padding-top: 100px ;}
.home-banner .container-fluid{padding-left: 0; padding-right: 0;}
.home-banner-slide video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.home-banner-content{z-index: 2;}
.home-banner-content span{font-size: 13px; font-family: "IBM Plex Sans", sans-serif; color: white; letter-spacing: 20%;} 
.home-banner-content h1{font-size: 80px; font-weight: bold; font-family: "Space Grotesk", sans-serif; color: white; text-transform: uppercase; line-height: 100%;}
.home-banner-content p{font-size: 16px; color: white; font-family: "IBM Plex Sans", sans-serif;padding-top: 20px;}
.banner-buttons{padding-top: 15px;}
.banner-buttons p{color: white; font-size: 13px; font-family: "IBM Plex Sans"; padding-top: 0 ; margin-bottom: 0;}
.kpi-item { color: #fff;}
.kpi-item h3 { font-size: 35px; font-weight:bold; font-family: "Space Grotesk", sans-serif;}
.kpi-item p {font-size: 12px;color: #fff; font-family: "IBM Plex Sans"; padding-top: 0;}
.home-banner-slide {  position: relative;min-height: 800px;background-size: cover;background-position: center;display: flex;}
.home-banner-content{padding-top: 100px !important;}
.banner-overlay { position: absolute; inset: 0; background: linear-gradient(  90deg,  rgba(0, 12, 34, 0.95) 0%, rgba(0, 25, 60, 0.78) 40%, rgba(0, 30, 70, 0.30) 75%, rgba(0, 12, 34, 0.10) 100% );}
.banner-tag { display: flex; align-items: center; gap: 9px; font-size: 14px; font-weight: 400; letter-spacing: 3px;text-transform: uppercase;margin-bottom: 38px;}
.banner-tag i { width: 11px; height: 11px; background: #0065FE; border-radius: 50%; display: inline-block;}
.carousel-item .home-banner-content > * { opacity: 0; transform: translateY(30px);}
.carousel-item.active .home-banner-content > * { animation: bannerContentUp 0.8s ease forwards;}
.carousel-item.active .home-banner-content > *:nth-child(1) { animation-delay: 0.2s;}
.carousel-item.active .home-banner-content > *:nth-child(2) { animation-delay: 0.35s;}
.carousel-item.active .home-banner-content > *:nth-child(3) { animation-delay: 0.5s;}
.carousel-item.active .home-banner-content > *:nth-child(4) { animation-delay: 0.65s;}
@keyframes bannerContentUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }}
.custom-slider-btn.prev-btn { top: auto; bottom: 56%; background: rgba(120, 120, 120, 0.30); border: 1px solid rgba(255, 255, 255, 0.35); width: 40px; height: 40px; left: auto !important;right: 55px !important;}
.custom-slider-btn.next-btn {top: auto; bottom: 50%;background: rgba(0, 12, 34, 0.15);border: 1px solid #0065FE; width: 40px; height: 40px;}
.slider-arrow { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 20px;transition: transform 0.3s ease;}
.prev-btn .slider-arrow { color: white;}
.next-btn .slider-arrow { color: #0065FE;}
.prev-btn:hover { background: rgba(30, 115, 255, 0.75); border-color: #0065FE;}
.next-btn:hover { background: #0065FE; border-color: #0065FE;}
.next-btn:hover .slider-arrow { color: white;}
.prev-btn:hover .slider-arrow { transform: translateX(-4px);}
.next-btn:hover .slider-arrow { transform: translateX(4px);}
.custom-slider-btn { position: absolute !important; top: auto !important; width: 48px; height: 48px; bottom: 27%; opacity: 1 !important; display: flex; align-items: center; justify-content: center; padding: 0; z-index: 1050 !important; pointer-events: auto !important; cursor: pointer !important;}
.custom-slider-btn.next-btn { left: auto !important; right: 55px !important;}

/* Home About */
.home-about-content{padding-top: 110px;}
.section-start { display: flex; align-items: center; gap: 28px;width: 100%; padding-bottom: 30px;}
.section-line { width: 360px; height: 2px; background: #0065FE; display: block;}
.section-start span { margin: 0;  font-family: "IBM Plex Sans"; font-size: 16px; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; color: #0065FE; white-space: nowrap;}
.home-about-content p{font-size: 16px; line-height: 150%; font-family: "IBM Plex Sans"; color: white; font-weight: 400;}
.features-row{padding-top: 50px;}
.feature-item { display: flex; align-items: center; }
.feature-icon i {font-size: 50px;color: #0065FE;line-height: 1;}
.feature-content h6 {font-family: "IBM Plex Sans"; margin: 0;font-size: 16px;line-height: 1.3;font-weight: 600; color: #fff;}
.home-about-btn {display: flex;justify-content: flex-end;margin-top: 35px;}

/* Home Services */
.capabilities-bg { width: 100%; padding: 0;  background: linear-gradient(     110deg, #0755b9 0%, #0755b9 35%, #064ba7 70%, #064397 100%);}
.home-service-title{display: flex; align-items: center; justify-content: space-between; width: 100%;}
.capabilities-section h2 {margin: 0 0 8px;color: #ffffff;font-family: "Space Grotesk", sans-serif;font-size: 40px;font-weight: bold;text-transform: uppercase; padding-top: 100px;padding-bottom: 40px;}
.capabilities-section h2 span{color: #0065FE;}
.capabilities-label {display: flex;align-items: center;gap: 17px;margin-right: 38px;}
.capabilities-label span { display: block; width: 310px; height: 1px; background: #0065FE;}
.capabilities-label p { margin: 0; color: #0065FE; font-family: "IBM Plex Sans";font-size: 16px;font-weight: 600;}
.capabilities-section .row > [class*="col-"] { padding-left: 0; padding-right: 0; height: 287px;}
.capability-card {position: relative;
display: block; width: 100%; height: 287px; overflow: hidden; background: #001735; border-right: 2px solid #001735;border-bottom: 2px solid #001735;  text-decoration: none;  color: #ffffff;  cursor: pointer;}
.capability-image {position: absolute;inset: 0;width: 100%;height: 100%;z-index: 1;}
.capability-image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease;}
.capability-card::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 47px; background: #003478; z-index: 2;}
.capability-name { position: absolute; left: 0; right: 0; bottom: 0; height: 47px; padding: 0 22px; display: flex; align-items: center; justify-content: space-between; z-index: 3; color: #ffffff;font-family: "IBM Plex Sans"; font-size: 16px;  font-weight: 600;  transition: opacity 0.3s ease;}
.capability-name i { display: flex; align-items: center; color: #ffffff; font-size: 26px; line-height: 1; transition: transform 0.3s ease;}
.capability-hover { position: absolute; inset: 0; width: 100%; height: 100%; box-sizing: border-box; padding: 64px 24px 30px; display: flex; flex-direction: column; justify-content: flex-start; background: linear-gradient( 180deg, #000a18 0%, #001525 42%, #00546d 100%);border: 1px solid #0065FE;z-index: 10;opacity: 0; visibility: hidden; transition: opacity 0.35s ease, visibility 0.35s ease;}
.hover-top { width: 100%; display: flex; align-items: center; justify-content: space-between; margin: 0 0 14px;}
.hover-top h4 { margin: 0; padding: 0; color: #0065FE;font-family: "IBM Plex Sans";font-size: 16px;font-weight: 500;}
.hover-top i { display: flex; align-items: center;  justify-content: center; flex-shrink: 0; color: #0065FE; font-size: 32px; transition: transform 0.35s ease;}
.capability-hover p {max-width: 100%; color: #ffffff; font-family: "IBM Plex Sans"; font-size: 16px; line-height: 150%; font-weight: 400;}
.capability-card:hover .capability-hover {  opacity: 1;  visibility: visible;}
.capability-card:hover .capability-name {  opacity: 0;}
.capability-card:hover .capability-image img { transform: scale(1.05);}
.capability-card:hover .hover-top i{ transform: translate(5px, -5px);}
.capability-card:hover { border-color: #0065FE;}
.home-services-button {  width: 100%;  display: flex;  align-items: center;  justify-content: center; padding: 50px 0; background: linear-gradient(  180deg,  #001735 0%,  #000c22 100%);}

/* How We Work */
.process-section{background: linear-gradient( 180deg, #000c22 0%, #001337 45%, #002b68 100%); padding: 55px 65px;}
.process-title { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 75px;}
.process-title  h2 {margin: 0 0 10px;color: #ffffff;font-family: "Space Grotesk", sans-serif;font-size: 40px; font-weight: bold; text-transform: uppercase;}
.process-title  h2 span {color: #0065FE;}
.process-label {display: flex;align-items: center;gap: 25px; margin-right: 38px;}
.process-label span {width: 310px;height: 1px;display: block;background: #0065FE;}
.process-label p {  margin: 0; color: #0065FE;  font-family: "IBM Plex Sans";font-size: 16px;font-weight: 600; white-space: nowrap;}
.process-timeline {position: relative;width: 100%;min-height: 250px;display: grid;grid-template-columns: 1fr 70px  1fr 70px  1fr 70px  1fr 70px  1fr 70px  1fr 70px  1fr 70px  1fr; align-items: center;}
.process-item {position: relative;height: 220px;display: flex;flex-direction: column;align-items: center;
text-align: center;}
.process-item.top { justify-content: flex-start; padding-top: 10px;}
.process-item.bottom { justify-content: flex-end; padding-bottom: 10px;}
.process-dot {width: 13px;height: 13px;display: block;border-radius: 50%;background: #0065FE;flex-shrink: 0;}
.process-item.bottom .process-dot { order: 2;}
.process-content {margin-top: 17px;}
.process-item.bottom .process-content { margin-top: 0; margin-bottom: 17px; order: 1;}
.process-content h6 {margin: 0 0 7px;color: #ffffff;font-family: "IBM Plex Sans";font-size: 16px;font-weight: 700;text-transform: uppercase; text-wrap: nowrap;}
.process-content p {  margin: 0;  color: #ffffff;  font-family: "IBM Plex Sans";  font-size: 16px;   font-weight: 400;text-wrap: nowrap;}
.process-arrow {position: relative;height: 220px;display: flex;align-items: center;justify-content: center;color: #0065FE;}
.process-arrow i {font-size: 32px;font-weight: 300;display: block;animation: arrowMove 1.8s ease-in-out infinite;}
@keyframes arrowMove {
    0% { opacity: 0.35; transform: translateX(-8px);}
    50% { opacity: 1; transform: translateX(6px);}
    100% { opacity: 0.35; transform: translateX(-8px);}}
.arrow-1 i { animation-delay: 0s;}
.arrow-2 i { animation-delay: 0.2s;}
.arrow-3 i {animation-delay: 0.4s;}
.arrow-4 i {animation-delay: 0.6s;}
.arrow-5 i {animation-delay: 0.8s;}
.arrow-6 i {animation-delay: 1s;}
.arrow-7 i {animation-delay: 1.2s;}
.process-item { transition: transform 0.3s ease;}
.process-item:hover { transform: translateY(-5px);}
.process-item:hover .process-dot {box-shadow: 0 0 18px rgba(0, 101, 254, 0.8);}

/* Premium Industrial Custom */
.home-industry-products{padding-top: 100px;}
.industry-sec-title { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 40px;}
.industry-sec-title  h2 {margin: 0 0 10px;color: #ffffff;font-family: "Space Grotesk", sans-serif;font-size: 40px; font-weight: bold; text-transform: uppercase;}
.industry-sec-title h2 span {color: #0065FE;}
.industry-label {display: flex;align-items: center;gap: 25px; margin-right: 38px;}
.industry-label span {width: 310px;height: 1px;display: block;background: #0065FE;}
.industry-label p {  margin: 0; color: #0065FE;  font-family: "IBM Plex Sans";font-size: 16px;font-weight: 600; white-space: nowrap;  text-transform: uppercase;}
/* .home-industry-products .row img{width: 100%; height: 290px;}
.home-industry-products .row p{color: white; text-transform: uppercase; font-size: 16px; font-family: "IBM Plex Sans"; background-color: #01295F; padding: 20px 0 ; text-align: center; border-bottom-right-radius: 20px;}  */
.home-industry-products hr{border: 4px solid #0065FE; border-radius: 10px; width: 304px; margin: auto; margin-top: 40px}
.industry-products-button{padding-left: 312px;  justify-content: flex-end;  align-items: center; margin-top: 30px;}
.industry-products-content{padding-top: 70px;}
.industry-products-content p{color: white; font-size: 16px; line-height: 150%; font-family: "IBM Plex Sans";} 
.nameplate-scroll-wrapper {  width: 100%;  overflow-x: auto;  overflow-y: hidden;  padding: 20px 0;  scroll-behavior: smooth; cursor: grab;}
.nameplate-scroll-wrapper::-webkit-scrollbar { height: 0; background: transparent;}
.nameplate-scroll-wrapper { scrollbar-width: none;}
.nameplate-scroll-container { display: flex; flex-wrap: nowrap; gap: 20px; padding: 0 15px; width: max-content; min-width: 100%;}
.nameplate-item { flex: 0 0 auto; width: 280px;  text-align: center; transition: transform 0.3s ease;}
.nameplate-item:hover { transform: scale(1.05);}
.nameplate-item img { width: 100%; object-fit: cover;}
.nameplate-item p { color: white; text-transform: uppercase; font-size: 16px; font-family: "IBM Plex Sans"; background-color: #01295F; padding: 10px 0 ; text-align: center; border-bottom-right-radius: 20px;}
/* Industries we Serve */
.industries-sec{padding-top: 100px;}
.industry-card{background-color: #041025;display: block; border-radius: 10px; text-align: center; padding: 30px; transition: all 0.3s ease;}
.industry-card i{color: #0065FE; font-size: 50px;}
.industry-card span{font-size:17px; color: white; font-weight: 500; font-family: "IBM Plex Sans"; text-wrap: nowrap; }
.industries-sec .row:last-child{padding-top: 25px;}
.industry-card:hover { border-color: #0065FE;transform: translateY(-5px);box-shadow: 0 12px 30px rgba(0, 101, 254, 0.25);}
.industry-card:hover::before { transform: scaleY(1);}
.industry-card:hover i { color: #fff; transform: translateY(-5px) scale(1.08);}
.industry-card:hover span {color: #fff;}

/* Testimonials */
.testimonial-section{padding-top: 100px; padding-bottom: 70px;}
.testimonial-sec-title{display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 40px;}
.testimonial-sec-title  h2 {margin: 0 0 10px;color: #ffffff;font-family: "Space Grotesk", sans-serif;font-size: 40px; font-weight: bold; text-transform: uppercase;}
.testimonial-sec-title h2 span {color: #0065FE;}
.testimonial-label{display: flex;align-items: center;gap: 25px; margin-right: 38px;}
.testimonial-label span {width: 310px;height: 1px;display: block;background: #0065FE;}
.testimonial-label p {  margin: 0; color: #0065FE;  font-family: "IBM Plex Sans"; font-size: 16px;font-weight: 600; white-space: nowrap;  text-transform: uppercase;}
.testimonials-grid { width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid #0065FE; border-left: 1px solid #0065FE;}
.testimonial-card { min-height: 217px; padding: 28px 33px; background: #000c22; border-right: 1px solid #0065FE; border-bottom: 1px solid #0065FE; color: #fff; font-family: "IBM Plex Sans"; 
display: flex;flex-direction: column;justify-content: flex-start;}
.quote-mark { display: block; color: #fff; font-family: Georgia, serif; font-size: 34px; font-weight: 700; line-height: 1; margin-bottom: 15px;}
.testimonial-card p { max-width: 720px; margin: 0 0 15px; color: white; font-size: 16px; line-height: 150%;font-weight: 400;}
.testimonial-card h4 {color: white; font-family: "IBM Plex Sans";font-size: 14px;font-weight: 400;font-style: italic;}
.testimonial-card { transition: background 0.3s ease, border-color 0.3s ease;}
.testimonial-card:hover {  background: #001735;  border-color: #0065fe;}
.client-info { display: flex; align-items: center; gap: 14px; padding-top: 20px;}
.client-info img {  width: 60px;  height: 60px;  flex-shrink: 0;  object-fit: cover;  border-radius: 50%; }

/* Clients Logo */
.logo-marquee { width: 100%; overflow: hidden; background: #fff; padding: 35px 0;}
.logo-track { display: flex; align-items: center; width: max-content; animation: logoScroll 25s linear infinite;}
.logo-item { width: 260px; height: 100px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; margin: 0 35px;}
.logo-item img {  max-width: 190px;  max-height: 80px;  width: auto;  height: auto;  object-fit: contain;}
@keyframes logoScroll {
    from {transform: translateX(0);}
    to {transform: translateX(-50%);}}

/* CTA */
.home-cta{background-image: url(../images/home-cta-banner.jpg); overflow: hidden; background-repeat: no-repeat; background-size: cover;}
.home-cta h3{font-size: 50px; font-family: "Space Grotesk", sans-serif; color: white;  font-weight: bold; padding-bottom: 20px;}
.home-cta h3 span{color: #0065FE;}
.home-cta p{font-size: 16px; color: white; font-family: "IBM Plex Sans"; line-height: 150%; padding-bottom: 20px;}
.cta-left-content{padding-top: 130px; padding-bottom: 150px;}
.cta-right-content{padding-top: 100px;}
.cta-overlay{background: rgba(0, 38, 92, 0.72); padding: 40px 45px 15px;}
.cta-overlay h6{font-size: 20px; font-family: "Space Grotesk", sans-serif; font-weight: bold; text-transform: uppercase; color: white; padding-bottom: 20px;}
.contact-box {width: 685px;min-height: 395px;padding: 38px 40px;background: rgba(4, 45, 100, 0.68);backdrop-filter: blur(3px);margin-left: 80px;}
.contact-item { display: flex; align-items: center;}
.contact-icon {padding: 10px; flex-shrink: 0; display: flex; align-items: center; justify-content: center;background: #003777;border-radius: 5px;margin-right: 15px;}
.contact-icon i { color: #fff; font-size: 29px;}
.contact-content { display: flex;flex-direction: column; padding-top: 15px;}
.contact-content span { color: #aeb8c8; font-family: "IBM Plex Sans"; font-size: 14px;  margin-bottom: 3px;}
.contact-content p { margin: 0; color: #fff;  font-family: "IBM Plex Sans";font-size: 14px;}

/* Footer */
.footer-bg{ background: linear-gradient(180deg, #001D53 0%, #00266B 50%, #012F83 100%); color: white;}
.footer-bg .row{padding-top: 50px;}
.footer-bg p{color: white; font-family: "IBM Plex Sans"; font-weight: 400; font-size: 16px; margin-bottom: 7px;}
.footer-bg a{text-decoration: none; color: white;}
.social-icons{padding-top: 50px;}
.social-icons span{padding-bottom: 15px !important;}
.social-icons i{color: #0065FE; font-size: 32px;}
.footer-bg span{font-size: 16px; font-weight: 600; font-family: "IBM Plex Sans"; padding-bottom: 30px; display: block;}
.rest-services{padding-top: 52px;}
.footer-bg hr{color: #0065FE; width: 100%; margin-top: 70px; border: 1px solid#0065FE; margin-bottom: 50px}
.footer-bg a p:hover{color: #0065FE;}
.addition{padding-top: 50px;}
.addition span{padding-bottom: 5px; font-weight: 400;}
.copyright{padding-bottom: 50px; justify-content: space-between;}
.copyright p{font-size: 14px;}

/* .....................................ABOUT..................................... */
/* About Banner */
.about-banner{background-image: url(../images/about-banner.jpg); background-size: cover; background-repeat: no-repeat; overflow: hidden;   position: relative; display: flex;}
.other-page-banner-overlay {   position: absolute;  inset: 0;  width: 100%;  height: 100%;background: linear-gradient( 90deg, rgba(0, 12, 34, 0.70) 0%, rgba(0, 42, 95, 0.58) 45%, rgba(0, 65, 135, 0.45) 70%, rgba(0, 12, 34, 0.55) 100%); z-index: 1;}
.other-banner-content{color: white; text-align: center; padding-top: 190px; padding-bottom: 190px; z-index: 2;}
.other-banner-content h1{font-size: 80px; text-transform: uppercase; font-weight: bold;font-family: "Space Grotesk", sans-serif; }
.other-banner-content p{font-size: 16px; line-height: 150%; font-family: "IBM Plex Sans";}

/* About Us */
.about-us-sec{padding-top: 100px;}
.about-us-title{display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 40px;}
.about-us-title  h2 {margin: 0 0 10px;color: #ffffff;font-family: "Space Grotesk", sans-serif;font-size: 40px; font-weight: bold; text-transform: uppercase;}
.about-us-title h2 span {color: #0065FE;}
.about-label{display: flex;align-items: center;gap: 25px; margin-right: 38px;}
.about-label span {width: 310px;height: 1px;display: block;background: #0065FE;}
.about-label p {  margin: 0; color: #0065FE;  font-family: "IBM Plex Sans"; font-size: 16px;font-weight: 600; white-space: nowrap;  text-transform: uppercase;}
.about-us-sec .row p{color: white; font-size: 16px; line-height: 150%; font-family: "IBM Plex Sans"; padding-right: 60px; padding-bottom: 80px;}

/* Mission Vision */
.about-sec-bg{ background: radial-gradient( circle at 50% 25%, rgba(0, 101, 254, 0.22) 0%, rgba(0, 101, 254, 0) 55% ), linear-gradient( 180deg, #063F8F 0%, #063A82 35%, #032B63 65%, #001A3D 100%);}
.vision-mission{padding-top: 100px;}
.vision-mission span{text-transform: uppercase; color: #0065FE; font-size: 16px; font-weight: 600; font-family: "IBM Plex Sans"; padding-top: 30px; display: block; padding-bottom: 30px;}
.vision-mission p{font-size: 16px; font-family: "IBM Plex Sans"; color: white; line-height: 150%;}
.vision-mission-card { position: relative;padding: 56px;  overflow: hidden;    border-radius: 12px; transition: transform 0.35s ease, border-color 0.35s ease; background: linear-gradient(
    135deg,
    #09234A 0%,
    #03152F 50%,
    #001A3A 100%
);}
.vision-mission-card i{color: #0065FE;}
.vision-mission-icon {  position: relative;  z-index: 3;  width: 60px;  height: 60px;  display: flex;  align-items: center; justify-content: center; color: #082B5E; font-size: 28px; background-color: #082B5E;  border: 1px solid#0065FE; border-radius: 8px;}
.mission-vision-bg-icon{  position: absolute;  top: 18px;  right: 55px;  color: rgba(0, 101, 254, 0.20); pointer-events: none;}
.mission-vision-bg-icon i{display: block; font-size: 165px; color: #022152;}
.vision-mission-card:hover { transform: translateY(-5px);}
.vision-mission-card:hover .mission-vision-bg-icon { color: rgba(0, 101, 254, 0.28); transform: scale(1.05);}
.mission-vision-bg-icon { transition:     color 0.35s ease,     transform 0.35s ease;}

/* Why Choose Us */
.why-choose-us-sec{padding-top: 100px;}
.why-choose-title{display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 40px;}
.why-choose-title  h2 {margin: 0 0 10px;color: #ffffff;font-family: "Space Grotesk", sans-serif;font-size: 40px; font-weight: bold; text-transform: uppercase;}
.why-choose-title h2 span {color: #0065FE;}
.why-choose-label{display: flex;align-items: center;gap: 25px; margin-right: 38px;}
.why-choose-label span {width: 310px;height: 1px;display: block;background: #0065FE;}
.why-choose-label p {  margin: 0; color: #0065FE;  font-family: "IBM Plex Sans"; font-size: 16px;font-weight: 600; white-space: nowrap;  text-transform: uppercase;}
.why-choose-card{border-radius: 10px; padding: 25px; transition: transform 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease; background-color: #041025; height: 257px;}
.why-choose-card i{color: #0065FE; font-size: 32px;}
.why-choose-card span{color: white; font-size: 16px; font-family: "IBM Plex Sans"; text-transform: uppercase;padding-top: 20px; padding-bottom: 20px; display: block; font-weight: bold;}
.why-choose-card p{color: white; font-size: 16px; font-family: "IBM Plex Sans"; line-height: 150%; padding-right: 20px;} 
.why-choose-card:hover{transform: translateY(-6px); box-shadow: 0 15px 40px rgba(0, 101, 254, 0.18);}
.why-choose-us-sec .row{padding-bottom: 30px;}

/* Quotes */
.quotes-bg{ background: linear-gradient( 135deg, #020B1F 0%, #03112D 45%, #001A45 100%);}
.quotes-bg h2{font-family: "Yellowtail", cursive; font-size: 70px; color: white; text-align: center; padding-top: 120px;}
.quotes-bg h5{font-size: 30px; color: white; text-align: center; font-family: "IBM Plex Sans"; font-weight: 400; padding-bottom: 120px;}

/* Core Values */
.core-values{padding-top: 100px; padding-bottom: 100px;}
.core-values i{font-size: 30px; color: #0065FE;}
.core-values-icon{border-radius: 12px; background-color: #031937; padding: 20px; width: 72px; height: 72px;}
.core-values span{font-size: 16px; text-transform: uppercase; color: white; font-family: "IBM Plex Sans"; font-weight: 600; text-wrap: nowrap;}
.core-values p{color: white; font-size: 16px; font-family: "IBM Plex Sans"; padding-top: 7px;}
.core-values .row:last-child{padding-top: 40px;}

/* .....................................PRODUCTS..................................... */
/* Products Banner */
.products-banner{background-image: url(../images/products-banner.jpg); background-repeat: no-repeat; overflow: hidden; background-size: cover; position: relative; display: flex;}

/* Products List */
.products-list-sec{padding-top: 100px;}
.products-list-sec h2{color: #ffffff;font-family: "Space Grotesk", sans-serif;font-size: 40px; font-weight: bold; text-transform: uppercase;}
.product-list-bg{ background: linear-gradient( 135deg, #061A3B 0%, #000C22 100%);}
.products-list-sec span{color: #0065FE;}
.products-list-sec p{color: white; font-size: 16px; line-height: 150%; font-family: "IBM Plex Sans";}
.products-list-sec .row{justify-content: space-between; padding-bottom: 70px;}
.products-list-content{padding-left: 50px !important;}
.products-items-list h6{color: white; font-family: "IBM Plex Sans"; font-size: 20px; font-weight: 600;}
.products-items-list p{color: white; line-height: 150%; font-family: "IBM Plex Sans"; font-size: 16px; padding-top: 10px; padding-right: 60px;}
.products-items-list .row .col-lg-6{padding-left: 0 !important;   padding-right: 0 !important;}
.product-info-row { display: grid; grid-template-columns: 1fr 1fr; margin-bottom: 32px; padding-top: 20px;}
.product-info h6 { font-family: "IBM Plex Sans"; font-size: 16px; font-weight: 500; margin-bottom: 16px; color: #ffffff;}
.tag-list { display: flex; flex-direction: column; align-items: flex-start; gap: 6px;}
.tag-list span { font-family: "IBM Plex Sans"; display: inline-flex; align-items: center; gap: 12px;  padding: 4px 12px; border: 1px solid #01295F; border-radius: 10px; font-size: 12px; color: #ffffff;transition: all 0.3s ease; width: fit-content;}
.tag-list span i {font-size: 19px;color: #ffffff;}
/* .tag-list span:hover { background: rgba(0, 101, 254, 0.15); border-color: #0065FE; transform: translateX(4px);} */
.product-list-content-left{padding-left: 50px;}
.application-list{display: grid; grid-template-columns: max-content max-content; column-gap: 60px; row-gap: 12px; margin-bottom: 30px; }
.product-image { width: 100% !important; height: 100%; overflow: hidden;}
.product-list-content, .product-list-content-right {height: 100%;display: flex;flex-direction: column;justify-content: center;}

/* Why Choose Us */
.products-why-choose{padding-bottom: 100px;}

/* .....................................SERVICES..................................... */
/* Service Banner */
.services-banner{background-image: url(../images/services-banner.jpg); overflow: hidden; background-repeat: no-repeat; background-size: cover; position: relative; display: flex;}

/* Services List */
.service-tag-list{display: grid; grid-template-columns: max-content max-content max-content; column-gap: 28px; row-gap: 12px; margin-bottom: 30px;}
.service-list h6{color: white; font-family: "IBM Plex Sans"; font-size: 20px; font-weight: 600;}
.service-list p{color: white; line-height: 150%; font-family: "IBM Plex Sans"; font-size: 16px; padding-top: 10px; padding-right: 30px;}
.product-info h6{font-size: 16px; font-weight: 500;} 
.gradient-bg{background: linear-gradient( 135deg, #000C22 0%, #001A42 55%, #003B86 100%); }
.service-img img{width: 100% !important; height: 100%; overflow: hidden;}
.service-img{padding-left: 0 !important; padding-right: 0 !important;}
.service-content{padding-left: 30px;}
.services-contents{display: flex;flex-direction: column;justify-content: center;}
.service-tag-list-two-col{grid-template-columns: max-content max-content;}

/* Working Process */
.services-process-timeline { width: 100%; display: flex; align-items: center; justify-content: space-between; position: relative;}
.services-process-item { flex: 1 1 0; min-width: 0; position: relative; text-align: center;}

/* .....................................CAREER..................................... */
/* Career-sec */
.career-bg{background:linear-gradient(  180deg, #073e85 0%,  #052e6d 45%, #001536 100%);}
.career-bg h2{font-size: 40px; text-transform: uppercase; color: white; font-weight: bold; font-family: "Space Grotesk", sans-serif; padding-top: 202px;}
.career-intro{padding-top: 90px; color: white;}
.career-intro h6{font-family: "Space Grotesk", sans-serif; font-size: 20px; font-weight: bold; text-transform: uppercase; padding-bottom: 13px;}
.career-intro p{font-size: 16px; font-family: "IBM Plex Sans", sans-serif; padding-bottom: 40px;}
.career-form .row { --bs-gutter-x: 4px; --bs-gutter-y: 24px;}
.career-form-row{justify-content: space-between; padding-bottom: 100px;}
.career-form input, .career-select select { width: 100%; padding: 16px 14px; background: #001b42; border: 1px solid rgba(0, 101, 254, 0.25); border-radius: 6px; outline: none; color: #ffffff; font-family: "IBM Plex Sans", sans-serif; font-size: 14px; transition: all 0.3s ease;}
.career-form input::placeholder { color: #ffffff; opacity: 0.9;}
.career-form input:focus, .career-select select:focus { border-color: #0065FE; box-shadow: 0 0 0 2px rgba(0, 101, 254, 0.1);}
.career-select { position: relative; margin-top: 24px;}
.career-select select { appearance: none; -webkit-appearance: none; cursor: pointer; padding-right: 45px;}
.career-select select option { background: #001b42; color: #ffffff;}
.career-select i { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); font-size: 18px; color: #ffffff; pointer-events: none;}
.resume-upload { position: relative; margin-top: 24px; width: 100%; height: 183px; border: 1px solid rgba(0, 101, 254, 0.35); border-radius: 6px; background: rgba(0, 20, 50, 0.25); transition: all 0.3s ease;}
.resume-upload:hover {  border-color: #0065FE;  background: rgba(0, 101, 254, 0.04);}
.resume-upload input { display: none;}
.resume-upload label { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; text-align: center;}
.resume-upload label i { font-size: 26px; margin-bottom: 12px; color: #ffffff;}
.resume-upload label strong {  display: block;  font-family: "IBM Plex Sans", sans-serif; font-size: 19px; font-weight: 600; color: #ffffff;}
.resume-upload label span { margin-top: 5px; font-family: "IBM Plex Sans", sans-serif; font-size: 16px; color: #ffffff;}
.career-bg .secondary-button{width: 100%; margin-top: 30px;}
.career-form .row .col-lg-6{ padding-right: 0;}

/* .....................................INDUSTRIES..................................... */
/* Industries Banner */
.industries-banner{background-image: url(../images/industries-banner.jpg); overflow: hidden; background-repeat: no-repeat; background-size: cover; position: relative; display: flex;}
.industries-intro { display: flex; align-items: center; justify-content: space-between;  gap: 50px; padding-top: 100px;}
.industries-intro p{color: white; font-size: 16px; line-height: 150%; font-family: "IBM Plex Sans", sans-serif;}
.industries-buttons { display: flex; align-items: center; gap: 30px; flex-shrink: 0;}

/* Industry Sectors */
.industry-sectors{padding-top: 100px;}
.industry-contents{color: white; font-family: "IBM Plex Sans", sans-serif; padding: 20px;}
.industry-contents h6{font-size: 18px; font-weight: 600;}
.industry-contents p{font-size: 16px;}
.industry-contents span{font-size: 16px; font-weight: 500; padding-bottom: 10px; display: block;}
.industry-tags span{font-size: 12px; font-weight: 400;  display: inline-flex;  align-items: center;  padding: 7px 16px; border: 1px solid #01295F; border-radius: 14px; margin-bottom: 10px;}
.industry-card-img img{border-top-left-radius: 10px; border-top-right-radius: 10px !important; width: 100%;height: 100%;object-fit: cover;display: block; transition: transform 0.5s ease;}
.industry-card-img img:hover{ transform: scale(1.04);}
.indsutries-card { width: 100%; background: #020D24; border: 1px solid #01295F !important; border-radius: 10px; overflow: hidden; transition: all 0.3s ease;}
.industry-sectors .row{padding-bottom: 70px;}
.industry-sectors .row:last-child{padding-bottom: 0;}
.indsutries-card:hover { border-color: #0065FE; transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0, 101, 254, 0.12);}

/* Industries */
.industries-industries-sec{padding-top: 0;}
.warehouse-industry-card{padding: 18px;}

/* Industries CTA */
.industries-cta{background-image: url(../images/industries-cta-banner.jpg); background-size: cover; overflow: hidden; background-repeat: no-repeat; margin-top: 100px; padding-top: 136px; padding-bottom: 136px;}
.industries-cta h2{color: white; font-size: 50px; font-weight: bold; font-family: "Space Grotesk", sans-serif; text-transform: uppercase; text-align: center;}
.industries-cta h2 span{color: #0065FE;}
.industries-cta p{color: white; font-size: 16px; line-height: 150%; font-family: "IBM Plex Sans", sans-serif; text-align: center; padding-top: 20px; padding-bottom: 20px;}
.industries-cta-buttons{justify-content: center; align-items: center;}

/* .....................................PORTFOLIO..................................... */
/* Banner */
.portfolio-banner{background-image: url(../images/portfolio-banner.jpg); overflow: hidden; background-repeat: no-repeat; background-size: cover; position: relative; display: flex;}

/* Works */
/* .works{padding-top: 100px; padding-bottom: 70px;}
.works-div{gap: 45px; display: flex; padding-bottom: 45px;} */
.works {  padding-top: 100px;  padding-bottom: 70px;}
.works-div { display: flex; gap: 45px; padding-bottom: 45px; }
.work-item { position: relative; flex: 1; overflow: hidden; cursor: pointer; background: #020d24;}
.work-item img {  width: 100%;  height: 100%;  display: block;  object-fit: cover;  transition: transform 0.5s ease, filter 0.5s ease; }
.work-overlay {  position: absolute;  inset: 0;  display: flex; align-items: center;justify-content: center; background: rgba(0, 12, 34, 0); opacity: 0; transition: opacity 0.4s ease, background 0.4s ease;}
.work-item:hover img { transform: scale(1.06); filter: brightness(0.65); }
.work-item:hover .work-overlay {  opacity: 1; background: rgba(8, 64, 169, 0.35); }
.view-image-btn {  width: 60px;  height: 60px;  display: flex;  align-items: center;  justify-content: center;  border-radius: 50%; background: rgba(0, 2, 5, 0.65); color: #fff; font-size: 25px;   transform: scale(0.7);  transition:  transform 0.35s ease,  background 0.35s ease, border-color 0.35s ease;}
.work-item:hover .view-image-btn { transform: scale(1);}
.view-image-btn:hover { background: #0065fe; border-color: #0065fe;}
.portfolio-lightbox { position: fixed; inset: 0; width: 100%;  height: 100%; background: rgba(0, 0, 0, 0.92);  z-index: 99999;  display: flex; align-items: center;  justify-content: center;  padding: 40px; opacity: 0; visibility: hidden; transition:  opacity 0.35s ease, visibility 0.35s ease; }
.portfolio-lightbox.active { opacity: 1; visibility: visible;}
.lightbox-content { position: relative;  width: auto;  max-width: 85vw;  display: flex;  flex-direction: column; align-items: center;  transform: scale(0.9); transition: transform 0.35s ease;}
.portfolio-lightbox.active .lightbox-content {  transform: scale(1); }
.lightbox-image { display: block;  max-height: 78vh; width: auto;  height: auto; object-fit: contain; box-shadow: 0 20px 70px rgba(0,0,0,0.6);}
.lightbox-close {position: fixed; top: 20px; right: 37px;  width: 44px;  height: 44px; display: flex; align-items: center;   justify-content: center;  border: 1px solid #0065FE;  border-radius: 50%;
background: rgba(0,0,0,0.5);  color: #0065FE; font-size: 20px; cursor: pointer; transition: background 0.3s ease, transform 0.3s ease; }
.lightbox-close:hover {  background: #0065fe; transform: rotate(90deg);  color: white; }
.lightbox-prev, .lightbox-next { position: fixed; top: 50%;  transform: translateY(-50%); width: 44px;  height: 44px;  display: flex; align-items: center; justify-content: center;  border: 1px solid #0065FE;  border-radius: 50%;  background: rgba(0, 12, 34, 0.7); color: #0065FE; font-size: 20px; cursor: pointer;
z-index: 100001;  transition:  background 0.3s ease,  border-color 0.3s ease, transform 0.3s ease; }
.lightbox-prev {  left: 40px;}
.lightbox-next { right: 40px;}
.lightbox-prev:hover { color: white;  background: #0065fe; transform: translateY(-50%) translateX(-3px);}
.lightbox-next:hover {  color: white; background: #0065fe; transform: translateY(-50%) translateX(3px);}
.lightbox-info { width: 100%; display: flex;  justify-content: space-between;  align-items: center; padding-top: 12px;}
.lightbox-title {  font-size: 15px; font-weight: 600; color: #fff;}
.lightbox-counter { font-size: 13px; color: #a9b8cc;}

/* .....................................CONTACT..................................... */
/* Banner */
.contact-banner{background-image: url(../images/contact-banner.jpg); overflow: hidden; background-repeat: no-repeat; background-size: cover; position: relative; display: flex;}

/* Contact Form */
.contact-section {  width: 100%;  color: #ffffff;  padding: 80px 0 100px;}
.contact-header {  align-items: flex-start;  margin-bottom: 80px;}
.contact-header h2 { margin: 0; font-size: 40px; line-height: 1.25; font-weight: 700; color: #ffffff;}
.contact-header h2 span { color: #0065FE;}
.contact-header p { max-width: 580px; margin: 10px 0 0 auto; font-size: 16px;line-height: 150%;color: #ffffff;}
.contact-wrapper { align-items: flex-start;}
.contact-form { padding-right: 70px;}
.contact-form .row {  row-gap: 38px;}
.contact-form input, .contact-form select, .contact-form textarea {width: 100%; background: #001633; border: 1px solid #064B9F; border-radius: 6px; color: #ffffff; font-family: "IBM Plex Sans", sans-serif; font-size: 16px; outline: none; transition: all 0.3s ease;}
.contact-form input, .contact-form select { height: 58px; padding: 0 18px;}
.contact-form textarea { height: 140px; padding: 18px; resize: none;}
.contact-form input::placeholder, .contact-form textarea::placeholder { color: #ffffff; opacity: 1;}
.contact-form select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23ffffff' stroke-width='1.5'%3E%3Cpath d='m4 7 5 5 5-5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 18px center; padding-right: 45px;}
.contact-form select option {  background: #001633;  color: #ffffff;}
.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus { border-color: #0065FE; box-shadow: 0 0 0 2px rgba(0, 101, 254, 0.08);}
.contact-form button { width: 100%;}
.contact-info { padding-left: 10px;}
.contact-info-item { margin-bottom: 52px;}
.contact-info-item:last-child { margin-bottom: 0;}
.contact-info-item h5 { margin: 0 0 14px; color: #0065FE; font-size: 20px; font-weight: 600;}
.contact-info-item p { margin: 0 0 20px; color: #ffffff; font-size: 17px; line-height: 1.5;}
.contact-detail {  display: flex;  align-items: center;  gap: 16px;  margin-bottom: 16px;  color: #ffffff;  font-size: 17px;}
.contact-detail i {font-size: 27px; color: #ffffff; flex-shrink: 0;}

/* Map */
.map{padding-left: 0 !important; padding-right: 0 !important; line-height: 0;}

/* .....................................STAINLESS STEEL ENGRAVING..................................... */
/* Baneer */
.stainless-steel-banner{background-image: url(../images/stainless-steel-engraving-banner.jpg); overflow: hidden; background-repeat: no-repeat; background-size: cover; position: relative; display: flex;}

/* Products */
.prodcuts-section{padding-top: 100px;}
.prodcuts-title h2{margin: 0 0 10px;color: #ffffff;font-family: "Space Grotesk", sans-serif;font-size: 40px; font-weight: bold; text-transform: uppercase; }
.prodcuts-title h2 span{color: #0065FE;}
.prodcuts-title{display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 40px;}
.products-lists img{width: 100%;}
.products-lists span{font-size: 20px; font-weight: 500; color: white; font-family: "IBM Plex Sans", sans-serif; display: block; padding-top: 25px; padding-bottom: 8px;}
.products-lists p{font-family: "IBM Plex Sans", sans-serif; color: white; font-size: 16px; line-height: 150%;} 
.products-lists .row:last-child{padding-top: 40px;}
.product-list-img { overflow: hidden; position: relative; border: 1px solid#01295F; border-radius: 10px;}
.product-list-img img { width: 100%; display: block; transition:  transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), filter 0.6s ease;}
.product-list-img img:hover{ transform: scale(1.04);  filter: brightness(0.85);}

/* Applications */
.prodcuts-details-bg{ background: linear-gradient( 135deg, #000C22 0%, #001333 50%, #001A3B 100%);margin-top: 100px;}
.products-applications{padding-bottom: 100px; padding-top: 100px;}

/* .....................................STENCIL PAINTING..................................... */
/* Banner */
.stencil-painting-banner{background-image: url(../images/stencil-painting-banner.jpg);  overflow: hidden; background-repeat: no-repeat; background-size: cover; position: relative; display: flex;}

/* Key Features */
.prd-details-bg{background: linear-gradient( 135deg, #000C22 0%, #001333 50%, #001A3B 100%);}
.features-title h2{margin: 0 0 10px;color: #ffffff;font-family: "Space Grotesk", sans-serif;font-size: 40px; font-weight: bold; text-transform: uppercase; }
.features-title h2 span{color: #0065FE;}
.features-title{display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 40px;}
.key-features-sec{padding-top: 100px;}
.key-features i{color: #0065FE; font-size: 40px;}
.key-features span{color: white; font-size: 19px; font-family: "IBM Plex Sans", sans-serif; font-weight: 600; display: block; padding-top: 13px; padding-bottom: 13px;}
.key-features p{color: white; font-family: "IBM Plex Sans", sans-serif; font-size: 16px;}
.key-features .row:last-child{padding-top: 50px;}

/* .....................................ACRYLIC FABRICATION..................................... */
/* Banner */
.acrylic-fabrication-banner{background-image: url(../images/acrylic-fabrication-banner.jpg); overflow: hidden; background-repeat: no-repeat; background-size: cover; position: relative; display: flex;}

/* Solutions */
.solutions-sec{padding-top: 100px;}
.acrylic-title{display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 40px;}
.acrylic-title h2{margin: 0 0 10px;color: #ffffff;font-family: "Space Grotesk", sans-serif;font-size: 40px; font-weight: bold; text-transform: uppercase; }
.acrylic-title h2 span{color: #0065FE;}
.solutions-points i{font-size: 45px; color: #0065FE;}
.solutions-points span{color: white; font-size: 19px; font-family: "IBM Plex Sans", sans-serif; font-weight: 600; display: block; padding-top: 17px; padding-bottom: 17px;}
.solutions-points p{color: white; font-family: "IBM Plex Sans", sans-serif; font-size: 16px; line-height: 150%; padding-right: 100px;}
.solutions-sec .row:last-child{padding-top: 50px;}

/* Products */
.acrylic-prd-sec{padding-bottom: 100px;}

/* .....................................SAFETY SIGNAGE..................................... */
/* Banner */
.safety-signage-banner{background-image: url(../images/safety-signage-banner.jpg); overflow: hidden; background-repeat: no-repeat; background-size: cover; position: relative; display: flex;}

/* Applications */
.products-applications .industry-card{background-color: transparent; border: 1px solid#01295F;}

/* .....................................TROFOLYTE / PVC ENGRAVING..................................... */
/* Banner */
.trofolyte-banner{background-image: url(../images/trofolyte-banner.jpg); overflow: hidden; background-repeat: no-repeat; background-size: cover; position: relative; display: flex;}

/* Solutions */
.trofolyte-solutions-sec{padding-bottom: 100px;}

/* .....................................⁠CNC CUTTING & FABRICATION..................................... */
/* Banner */
.cnc-cutting-banner{background-image: url(../images/cnc-cutting-banner.jpg); overflow: hidden; background-repeat: no-repeat; background-size: cover; position: relative; display: flex;}

/* .....................................OFFSET PRINTING..................................... */
/* Banner */
.offset-printing-banner{background-image: url(../images/offset-printing-banner.jpg);  overflow: hidden; background-repeat: no-repeat; background-size: cover; position: relative; display: flex;}

/* .....................................PVC TARPAULINS..................................... */
/* Banner */
.pvc-tarpaulins-banner{background-image: url(../images/pvc-tarpaulins-banner.jpg); overflow: hidden; background-repeat: no-repeat; background-size: cover; position: relative; display: flex;}

/* ...............................SIGN BOARDS & 3D CUTOUT LETTERS............................... */
/* Banner */
.sign-boards-banner{background-image: url(../images/sign-boards-banner.jpg); overflow: hidden; background-repeat: no-repeat; background-size: cover; position: relative; display: flex;}

/* .....................................UV PRINTING..................................... */
/* Banner */
.uv-printing-banner{background-image: url(../images/uv-printing-banner.jpg); overflow: hidden; background-repeat: no-repeat; background-size: cover; position: relative; display: flex;}

/* .....................................PROMOTIONAL GIFTS..................................... */
/* Banner */
.promotional-gifts-banner{background-image: url(../images/promotional-gifts-banner.jpg);  overflow: hidden; background-repeat: no-repeat; background-size: cover; position: relative; display: flex;}

/* .....................................PIPE MARKING LABELS.................................... */
/* Banner */
.pipe-marking-labels-banner{background-image: url(../images/pipe-marking-labels-banner.jpg); overflow: hidden; background-repeat: no-repeat; background-size: cover; position: relative; display: flex;}













/* /////////////////////////////////////////////RESPONSIVE///////////////////////////////////////////// */
/* HOME */
@media (min-width:0) and (max-width:575.98px){
    .float{ left:23px;}
    .back-to-top{right: 43px;}
    .navbar-nav .nav-link{padding-top: 15px !important;}
    .navbar-toggler{border: none !important; padding: 0 !important;}
    .navbar-toggler:focus{box-shadow: none !important;}
    .navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%230065FE' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;}
    .mobile-button-quote{margin-left: 25px; margin-top: 25px; margin-bottom: 25px;}
    .select-arrow{top: 54%;}
    .modal-header h1{  font-size: 31px !important;}
    .home-banner-content h1{font-size: 40px;}
    .home-banner-content p:first-child br{display: none;}
    .home-banner-content p{font-size: 15px; padding-right: 40px;}
    .custom-slider-btn.prev-btn, .custom-slider-btn.next-btn{right: 12px !important;}
    .banner-buttons p{display: block !important;}
    .banner-buttons {display: flex;flex-wrap: wrap;gap: 4px !important;}
    .kpi-item{width: 50% !important;}
    .label-line{display: none;}
    .home-about-content{padding-top: 0; margin-right: 30px !important; margin-left: 17px !important;}
    .section-start span{font-size: 15px;}
    .section-start{width: 92%;}
    .home-about-content p{font-size: 15px; padding-right: 20px;}
    .features-row{padding-top: 10px; gap: 20px;}
    .features-row .pt-5{padding-top: 0 !important;}
    .home-about-btn{margin-right: 40px; margin-bottom: 40px;}
    .capabilities-section h2, .testimonial-section{padding-top: 74px;}
    .capabilities-section h2, .process-title h2, .industry-sec-title h2, .testimonial-sec-title h2, .home-cta h3{font-size: 30px;}
    .home-service-title{margin-bottom: 0;}
    .process-timeline{display: block !important;}
    .process-arrow{display: none;}
    .process-item{height: 134px;}
    .process-item.bottom .process-dot{order: 1;}
    .process-item.bottom .process-content{margin-top: 17px; margin-bottom: 0 !important;}
    .process-item.bottom{justify-content: start;}
    .process-section{padding: 0 65px;}
    .industry-card span{font-size: 13px; text-align: center !important; justify-content: center !important;}
    .industry-card i{font-size: 40px;}
    .industry-card{padding: 20px;}
    .industry-products-content p{font-size: 15px;}
    .industry-products-content p br{display: none;}
    .home-industry-products .d-flex{display: block !important;}
    .industry-products-button{padding-left: 0 !important; text-align: center;}
    .industries-sec .row .col-lg-2{padding-bottom: 30px;}
    .industries-sec .row:last-child{padding-top: 0;}
    .testimonials-grid { grid-template-columns: 1fr;}
    .cta-left-content{  padding-top: 90px; padding-bottom: 0;}
    .cta-right-content{padding-top: 52px; padding-bottom: 90px;}
    .social-icons{  padding-top: 35px;}
    .footer-bg .col-lg-2{padding-top: 35px;}
    .footer-bg span{  padding-bottom: 16px;}
    .addition{padding-top: 47px;}
    .footer-bg hr{  margin-top: 43px;   margin-bottom: 47px;}
    .copyright { flex-direction: column; align-items: flex-start; gap: 10px;}
    .copyright p {  margin: 0;}
}
@media (min-width:576px) and (max-width:767.98px){
    .navbar-nav .nav-link{padding-top: 15px !important;}
    .navbar-toggler{border: none !important; padding: 0 !important;}
    .navbar-toggler:focus{box-shadow: none !important;}
    .navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%230065FE' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;}
    .mobile-button-quote{margin-left: 25px; margin-top: 25px; margin-bottom: 25px;}
    .select-arrow{top: 54%;}
    .home-banner-content h1{font-size: 60px;}
    .home-banner-content p:first-child br{display: none !important;}
    .home-banner-content p{padding-right: 140px; }
    .banner-buttons p{padding-right: 0;}
    .kpi-item{width: 50% !important;}
    .label-line{display: none;}
    .home-about-content{padding-top: 0; margin-right: 30px !important; margin-left: 17px !important;}
    .section-start span{font-size: 15px;}
    .section-start{width: 92%;}
    .home-about-content p{font-size: 15px; padding-right: 40px;}
    .features-row{padding-top: 10px; gap: 20px; }
    .features-row .pt-5{padding-top: 0 !important;}
    .home-about-btn{margin-right: 40px; margin-bottom: 40px;}
    .capabilities-section h2, .testimonial-section{padding-top: 74px;}
    .capabilities-section h2, .process-title h2, .industry-sec-title h2, .testimonial-sec-title h2, .home-cta h3{font-size: 35px;}
    .home-service-title{margin-bottom: 0 !important;}
    .process-timeline{display: block;}
    .process-arrow{display: none;}
    .process-item{height: 134px;}
    .process-item.bottom .process-dot{order: 1;}
    .process-item.bottom .process-content{margin-top: 17px; margin-bottom: 0 !important;}
    .process-item.bottom{justify-content: start;}
    .process-section{padding: 0 65px;}
    .home-industry-products .d-flex{display: block !important;}
    .industry-products-button{padding-left: 0 !important;}
    .industries-sec .row{display: flex;}
    .industries-sec .col-lg-2{padding-bottom: 20px;}
    .industries-sec .row:last-child{padding-top: 0;}
    .cta-left-content{padding-bottom: 59px; padding-top: 99px;}
    .cta-right-content{padding-top: 0 !important; padding-bottom: 99px;}
    .social-icons{  padding-top: 35px;}
    .footer-bg .col-lg-2{padding-top: 35px;}
    .footer-bg span{  padding-bottom: 16px;}
    .addition{padding-top: 47px;}
    .footer-bg hr{  margin-top: 43px;   margin-bottom: 47px;}
}
@media (min-width:768px) and (max-width:991.98px){
    .navbar-nav .nav-link{padding-top: 15px !important;}
    .navbar-toggler{border: none !important; padding: 0 !important;}
    .navbar-toggler:focus{box-shadow: none !important;}
    .navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%230065FE' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;}
    .mobile-button-quote{margin-left: 25px; margin-top: 25px; margin-bottom: 25px;}
    .home-about-content{  padding-top: 35px;   margin-left: 20px; padding-bottom: 50px;}
    .home-about-content p{padding-right: 50px;}
    .home-about-btn{padding-right: 48px;}
    .capabilities-section h2{  padding-top: 64px;}
    .label-line{display: none;}
    .home-service-title{margin-bottom: 0;}
    .process-timeline {display: grid;grid-template-columns: repeat(4, 1fr); gap: 70px 30px; align-items: center;}
    .process-item { width: 100%; text-align: center; height: 134px;}
    .process-arrow { display: none ;}
    .process-item.top, .process-item.bottom {transform: none;}
    .process-dot { display: block; margin: 0 auto 18px;}
    .process-content h6 { margin-bottom: 6px;}
    .process-content p { margin: 0;}
    .industry-products-content p br{display: none !important;}
    .industry-products-button{  padding-left: 37px; text-wrap: nowrap;}
    .industries-sec .row:last-child{padding-top: 0;}
    .industries-sec .col-lg-2{padding-bottom: 25px;}
    .cta-left-content{padding-bottom: 0;}
    .cta-right-content{  padding-top: 47px; padding-bottom: 100px;}
    .social-icons{  padding-top: 35px;}
    .footer-bg .col-lg-2{padding-top: 35px;}
    .footer-bg span{  padding-bottom: 16px;}
    .addition{padding-top: 47px;}
    .footer-bg hr{  margin-top: 43px;   margin-bottom: 47px;}
    .rest-services{padding-top: 74px !important;}
}
@media (min-width:992px) and (max-width:1199.98px){
    .navbar-brand{margin-right: 0 !important;}
    .navbar-nav .nav-link{  padding: 0 10px !important;}
    .home-about-content{padding-top: 38px;}
    .features-row{padding-top: 23px;}
    .features-row .pt-5{padding-top: 20px !important;}
    .section-start{padding-bottom: 20px;}
    .home-about-btn {padding-bottom: 30px;}
    .process-timeline {display: grid;grid-template-columns: repeat(4, 1fr); gap: 70px 30px; align-items: center;}
    .process-item { width: 100%; text-align: center; height: 150px;}
    .process-arrow { display: none ;}
    .process-item.top, .process-item.bottom {transform: none;}
    .process-dot { display: block; margin: 0 auto 18px;}
    .process-content h6 { margin-bottom: 6px;}
    .process-content p { margin: 0;}
    .home-industry-products .row p{font-size: 15px;}
    .home-industry-products .row img{height: 228px;}
    .industry-products-content p br{display: none !important;}
    .industry-products-button{text-wrap: nowrap; padding-left: 50px;}
    .industry-card{  padding: 20px 10px;}
    .home-cta p br{display: none !important;}
    .addition p{text-wrap: nowrap;}
}
@media (min-width:1200px) and (max-width:1399.98px){
    .navbar-brand{margin-right: 0 !important;}
    .home-about-content{padding-top: 36px;}
    .features-row{padding-top: 19px;}
    .features-row .pt-5{padding-top: 20px !important;}
    .process-arrow { display: none ;}
    .process-timeline .process-item{padding: 0 90px 0 0;}
    .industry-products-content p br{display: none !important;}
    .industry-products-button{text-wrap: nowrap; padding-left: 50px;}
    .industry-card{  padding: 20px 10px;}
}
/* ABOUT US */
@media (min-width:0) and (max-width:575.98px){
    .other-banner-content{  padding-top: 137px; padding-bottom: 137px;} 
    .other-banner-content h1{font-size: 40px;}
    .other-banner-content p br{display: none;}
    .about-us-sec, .why-choose-us-sec, .core-values{padding-top: 75px; padding-bottom: 75px;}
    .about-us-title h2, .why-choose-title h2{font-size: 30px;}
    .about-us-title{  margin-bottom: 14px;}
    .about-us-sec .row p{padding-right: 0;   padding-bottom: 9px;}
    .vision-mission-card{  padding: 18px;}
    .mission-vision-bg-icon{  right: 17px;   top: 18px;}
    .mission-vision-bg-icon i{font-size: 145px}
    .vision-mission .col-lg-6{padding-bottom: 20px;}
    .why-choose-card{padding: 20px;}
    .why-choose-us-sec .col-lg-4{padding-bottom: 20px;}
    .why-choose-us-sec .row{padding-bottom: 0;}
    .why-choose-card{height: auto;}
    .quotes-bg h2{font-size: 50px; padding-top: 82px;}
    .quotes-bg h5{font-size: 19px; padding-bottom: 82px;}
    .core-values .row:last-child{padding-top: 20px;}
    .core-values p{padding-right: 10px; font-size: 13px;}
    .core-values span{font-size: 13px;}
}
@media (min-width:576px) and (max-width:767.98px){
    .other-banner-content h1{font-size: 60px;}
    .other-banner-content p br{display: none;}
    .other-banner-content{padding-top: 132px; padding-bottom: 132px;}
    .about-us-title{margin-bottom: 15px;}
    .about-us-sec .row p{padding-right: 0; padding-bottom: 7px;}
    .about-us-sec{padding-bottom: 90px;}
    .vision-mission .col-lg-6{padding-bottom: 20px;}
    .why-choose-us-sec .col-lg-4{padding-bottom: 20px;}
    .why-choose-us-sec .row{padding-bottom: 0;}
    .why-choose-card{height: auto;}
    .core-values .row .col-lg-3{padding-bottom: 20px;}
    .core-values .row:last-child{padding-top: 0;}
}
@media (min-width:768px) and (max-width:991.98px){
    .other-banner-content{padding-top: 100px; padding-bottom: 100px;}
    .about-us-title {margin-bottom: 15px;}
    .about-us-sec .row p{  padding-bottom: 7px;}
    .about-us-sec{padding-bottom: 80px;}
    .vision-mission .col-lg-6{padding-bottom: 20px;}
    .why-choose-us-sec .col-lg-4{padding-bottom: 20px;}
    .why-choose-us-sec .row{padding-bottom: 0;}
    .why-choose-card{height: auto;}
    .core-values .row:last-child{padding-top: 0;}
}
@media (min-width:992px) and (max-width:1199.98px){
    .why-choose-card{height: 298px; padding: 30px;}
    .why-choose-card p{padding-right: 0;}
}
/* PRODUCTS */
@media (min-width:0) and (max-width:575.98px){
    .products-list-sec .row{padding-bottom:0;}
    .products-list-sec h2{font-size: 30px;}
    .products-list-content, .product-list-content-left{padding-left: 18px !important; padding-top: 33px;}
    .products-items-list p{padding-right: 10px;}
    .product-info-row{padding-top: 0;}
    .product-info{padding-top: 20px;}
    .stencil-painting-img, .safety-signage-image, .cnc-cutting-image, .pvc-tarpaulins-image, .uv-printing-image, .pipe-marking-image{order: 1;}
    .stencil-painting-content, .safety-signage-content, .cnc-cutting-content, .pvc-tarpaulins-content, .uv-printing-content, .pipe-marking-content{order: 2;}
    .products-items-list{padding-top: 90px;}
    .application-list{column-gap: 19px;   grid-template-columns: max-content;}
    .promotional-gifts-btn{margin-top: 30px;}
}
@media (min-width:576px) and (max-width:767.98px){
    .products-list-sec .row{padding-bottom:0;}
    .products-list-sec h2{font-size: 30px;}
    .products-list-content, .product-list-content-left{padding-left: 18px !important; padding-top: 33px;}
    .products-items-list p{padding-right: 10px;}
    .product-info-row{padding-top: 0;}
    .product-info{padding-top: 20px;}
    .stencil-painting-img, .safety-signage-image, .cnc-cutting-image, .pvc-tarpaulins-image, .uv-printing-image, .pipe-marking-image{order: 1;}
    .stencil-painting-content, .safety-signage-content, .cnc-cutting-content, .pvc-tarpaulins-content, .uv-printing-content, .pipe-marking-content{order: 2;}
    .products-items-list{padding-top: 90px;} 
}
@media (min-width:768px) and (max-width:991.98px){
    .products-list-sec .row{padding-bottom:0;}
    .products-list-sec h2{font-size: 30px;}
    .products-list-content, .product-list-content-left{padding-left: 33px !important; padding-top: 33px;}
    .products-items-list p{padding-right: 10px;}
    .product-info-row{padding-top: 0;}
    .product-info{padding-top: 20px;}
    .stencil-painting-img, .safety-signage-image, .cnc-cutting-image, .pvc-tarpaulins-image, .uv-printing-image, .pipe-marking-image{order: 1;}
    .stencil-painting-content, .safety-signage-content, .cnc-cutting-content, .pvc-tarpaulins-content, .uv-printing-content, .pipe-marking-content{order: 2;}
    .products-items-list{padding-top: 90px;} 
}
@media (min-width:992px) and (max-width:1199.98px){
    .products-list-sec .row{padding-bottom:0;}
    .products-list-sec h2{font-size: 30px;}
    .products-list-content, .product-list-content-left{padding-left: 33px !important; padding-top:0;}
    .products-items-list p{padding-right: 10px;}
    .product-info-row{padding-top: 0;}
    .product-info{padding-top: 20px;}
    .products-items-list{padding-top: 90px;}  
}
@media (min-width:1200px) and (max-width:1399.98px){
    .products-list-sec .row{padding-bottom:0;}
    .products-list-sec h2{font-size: 30px;}
    .products-list-content, .product-list-content-left{padding-left: 33px !important; padding-top:0;}
    .products-items-list p{padding-right: 10px;}
    .product-info-row{padding-top: 0;}
    .product-info{padding-top: 20px;}
    .products-items-list{padding-top: 30px;} 
}
/* SERVICES */
@media (min-width:0) and (max-width:575.98px){
    .service-content{  padding-left: 4px; padding-top: 30px;}
    .service-list p{padding-right: 0;}
    .service-img{order: 1;}
    .services-contents{order: 2;}
    .service-tag-list-two-col, .service-tag-list{  grid-template-columns: max-content;}
    .services-process-section{padding-bottom: 60px;}
}
@media (min-width:576px) and (max-width:767.98px){
    .service-content{  padding-left: 4px; padding-top: 30px;}
    .service-list p{padding-right: 0;}
    .service-img{order: 1;}
    .services-contents{order: 2;}
    .service-tag-list-two-col, .service-tag-list{  grid-template-columns: max-content max-content;   column-gap: 10px;}
    .services-process-section{padding-bottom: 60px;}
}
@media (min-width:768px) and (max-width:991.98px){
    .service-content{  padding-left: 20px; padding-top: 30px;}
    .service-list p{padding-right: 0;}
    .service-img{order: 1;}
    .services-contents{order: 2;}
    .service-tag-list-two-col, .service-tag-list{  grid-template-columns: max-content max-content;}
    .services-process-section{padding-bottom: 60px;}
    .services-process-timeline{    grid-template-columns: repeat(1, 1fr);}
    .services-process-timeline .process-item.bottom .process-dot{order: 1;}
}
@media (min-width:992px) and (max-width:1199.98px){
    .service-tag-list-two-col, .service-tag-list{  grid-template-columns: max-content max-content;}
    .service-content{padding-left: 14px;}
    .service-tag-list{  column-gap: 15px;}
}
@media (min-width:1200px) and (max-width:1399.98px){
    .services-process-item{padding: 0 !important;}
}
/* CAREER */
@media (min-width:0) and (max-width:575.98px){
    .career-bg h2 br, .career-intro p br{display: none !important;}
    .career-bg h2{font-size: 30px;}
    .career-intro{  padding-top: 58px;}
    .career-form-content{order: 2;}
    .career-img{order: 1; padding-bottom: 50px;}
    .resume-upload label strong{font-size: 16px;}
}
@media (min-width:576px) and (max-width:767.98px){
    .career-bg h2 br, .career-intro p br{display: none !important;}
    .career-img{order: 1; padding-bottom: 50px;}
    .career-form-content{order: 2;}
}
@media (min-width:768px) and (max-width:991.98px){
    .career-bg h2 br, .career-intro p br{display: none !important;}
    .career-img{order: 1; padding-bottom: 50px;}
    .career-form-content{order: 2;}
}
@media (min-width:992px) and (max-width:1199.98px){
    .career-bg h2 br{display: none !important;}
    .resume-upload label strong{font-size: 16px;}
}
/* INDUSTRIES */
@media (min-width:0) and (max-width:575.98px){
    .industries-intro{padding-top: 70px;}
    .industries-intro{display: block;}
    .industries-intro p br{display: none;}
    .industry-sectors .col-lg-4{padding-bottom: 40px;}
    .industry-sectors .row{padding-bottom: 0;}
    .industries-cta h2 br{display: none;}
    .industries-cta h2{font-size: 30px;}
    .industries-cta{padding-top: 100px; padding-bottom: 100px;}
    .industries-buttons{gap: 18px;}
}
@media (min-width:576px) and (max-width:767.98px){
    .industries-intro{display: block;}
    .industries-intro p br, .industries-cta p br{display: none;}
    .industry-sectors .col-lg-4{padding-bottom: 40px;}
    .industry-sectors .row{padding-bottom: 0;}
}
@media (min-width:768px) and (max-width:991.98px){
    .industries-intro p br{display: none;}
    .industry-sectors .col-lg-4{padding-bottom: 40px;}
    .industry-sectors .row{padding-bottom: 0;}
}
@media (min-width:992px) and (max-width:1199.98px){
    .industries-intro p br{display: none;}
    .indsutries-card{height: 517px;}
}
/* WORKS */
@media (min-width:0) and (max-width:575.98px){
    .works-div{display: block; padding-bottom: 10px;}
    .works-div img{padding-bottom: 25px; width: 100%;}
    .lightbox-prev{  left: 13px;}
    .lightbox-next{right: 13px;}
    .lightbox-prev, .lightbox-next{font-size: 15px; width: 40px; height: 40px;}
    .lightbox-close{  top: 10px; right: 10px; width: 40px; height: 40px; font-size: 15px;}
}
@media (min-width:576px) and (max-width:767.98px){
    .works-div{display: block; padding-bottom: 10px;}
    .works-div img{padding-bottom: 25px; width: 100%;}
    .lightbox-prev{  left: 9px;}
    .lightbox-next{right: 9px;}
    .lightbox-prev, .lightbox-next{font-size: 15px; width: 40px; height: 40px;}
    .lightbox-close{top: 8px; right: 8px;}
}
@media (min-width:768px) and (max-width:991.98px){
    .works{display:grid; grid-template-columns: repeat(1, 1fr);}
    .works-div img{padding-bottom:0; width: 100%;}
    .works-div{gap: 15px;padding-bottom: 13px;}
    .lightbox-close{top: 7px; right: 10px;}
    .lightbox-prev{left: 10px;}
    .lightbox-next{right:  10px;}
}
@media (min-width:992px) and (max-width:1199.98px){
    .works{display:grid; grid-template-columns: repeat(1, 1fr);}
    .works-div img{padding-bottom:0; width: 100%;}
    .works-div{gap: 16px; padding-bottom: 17px;}
}
@media (min-width:1200px) and (max-width:1399.98px){
    .works{display:grid; grid-template-columns: repeat(1, 1fr);}
    .works-div img{padding-bottom:0; width: 100%;}
}
/* CONTACT */
@media (min-width:0) and (max-width:575.98px){
    .contact-header h2{font-size: 30px;}
    .contact-form{padding-right: 0;}
    .contact-form .row{row-gap: 24px;}
    .contact-header{margin-bottom: 45px;}
    .contact-info{padding-top: 40px; padding-left: 0;}
    .contact-section{padding-bottom: 70px;}
}
@media (min-width:576px) and (max-width:767.98px){
    .contact-form{padding-right: 0;}
    .contact-form .row{row-gap: 24px;}
    .contact-header{margin-bottom: 45px;}
    .contact-info{padding-top: 40px; padding-left: 0;}
    .contact-section{padding-bottom: 70px;}
}
@media (min-width:768px) and (max-width:991.98px){
    .contact-form{padding-right: 0;}
    .contact-form .row{row-gap: 24px;}
    .contact-header{margin-bottom: 45px;}
    .contact-header p{margin-left:0 ;}
    .contact-info{padding-top: 40px; padding-left: 0;}
    .contact-section{padding-bottom: 70px;}
}
/* STAINLESS STEEL ENGRAVING */
@media (min-width:0) and (max-width:575.98px){
    .prodcuts-section{padding-top: 70px;}
    .prodcuts-title h2{font-size: 30px;}
    .prodcuts-title{margin-bottom: 21px}
    .products-lists .row{gap: 40px;}
    .prodcuts-details-bg{margin-top: 60px;}
    .products-applications{padding-bottom: 70px; padding-top: 0 !important;}
    .products-applications .industry-card span{text-wrap: wrap !important; line-height: 0;}
}
@media (min-width:576px) and (max-width:767.98px){
    .products-lists .row{gap: 40px;}
    .prodcuts-details-bg{margin-top: 60px;} 
}
@media (min-width:992px) and (max-width:1199.98px){
    .products-applications .industry-card{width: 170px !important;}
    .products-applications .row{gap: 30px;}
}
/* STENCIL PAINTING */
@media (min-width:0) and (max-width:575.98px){
    .key-features{padding-top: 20px; padding-bottom: 70px;}
    .key-features i{font-size: 35px;}
    .key-features .row{gap:30px ;}
    .features-title h2{font-size: 30px;}
}
@media (min-width:576px) and (max-width:767.98px){
    .key-features{padding-top: 20px; padding-bottom: 50px; }
    .key-features .row{gap:30px ;}
}
/* ACRYLIC FABRICATION */
@media (min-width:0) and (max-width:575.98px){
    .acrylic-title h2{font-size: 30px;}
    .solutions-points i{font-size: 40px;}
    .solutions-points p{padding-right: 0;}
    .solutions-points {gap: 40px;}
}
@media (min-width:576px) and (max-width:767.98px){
    .solutions-points p{padding-right: 0;}
    .solutions-points {gap: 40px;}
}
@media (min-width:768px) and (max-width:991.98px){
    .solutions-points p{padding-right: 70px;}
}
/* SAFETY SIGNAGE */
@media (min-width:0) and (max-width:575.98px){
    .key-features p br{display: none;}
    .safety-signage-features .key-features{padding-bottom: 0 !important;}
    .safety-signage-prd-sec{padding-bottom: 70px;}
    .products-applications .industry-card{  height: 120px;}
}
@media (min-width:576px) and (max-width:767.98px){
    .key-features p br{display: none;}
    .safety-signage-features .key-features{padding-bottom: 0 !important;}
}
@media (min-width:768px) and (max-width:991.98px){
    .key-features p br{display: none;}
}
@media (min-width:992px) and (max-width:1199.98px){
    .key-features p br{display: none;}
    .products-applications .industry-card span {
        font-size: 15px;}
}
@media (min-width:1200px) and (max-width:1399.98px){
    .key-features p br{display: none;}
    .products-applications .industry-card span {
        font-size: 15px;}
}