/* Updated video banner styles for mobile compatibility */
        #video-banner {
            position: relative;
            overflow: hidden;
            height: 100vh;
            /* Ensure proper stacking context */
            z-index: 1;
        }

        /* Video container for better mobile handling */
        .video-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
        }

        /* Updated video styles with mobile optimizations */
        .hero-video {
            position: absolute;
            top: 50%;
            left: 50%;
            min-width: 100%;
            min-height: 100%;
            width: auto;
            height: auto;
            transform: translate(-50%, -50%);
            object-fit: cover;
            z-index: -1;
            /* Mobile-specific attributes */
            -webkit-playsinline: true;
        }

        /* Fallback background for when video fails */
        .video-fallback {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.4)), 
                        url('images/video-fallback.jpg') center/cover no-repeat;
            z-index: -2;
        }

        /* Dark overlay */
        .video-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.5);
            z-index: 0;
        }

 .iti--separate-dial-code .iti__selected-flag {
  background-color: rgb(255, 251, 255) !important;
}    
*{box-sizing:border-box}
@media(max-width:1200px){.container{max-width:100%!important;padding:0 15px}}
@media(max-width:991.98px){
.text-center,.portfolio-header,.contact-header,.portfolio-btn-container,.contact-btn-container{text-align:left!important}
.justify-content-center{justify-content:flex-start!important}

#video-banner{height:80vh!important;min-height:600px}
.banner-main-heading{font-size:3rem!important;line-height:1.1!important;margin-bottom:.5rem!important;text-align:left!important}
.banner-sub-heading{font-size:2rem!important;margin-bottom:2rem!important;text-align:left!important}
.banner-btn{display:inline-block;padding:12px 28px!important;font-size:1rem!important;text-align:center!important}
.about-heading{font-size:2.2rem!important;text-align:left!important;margin-bottom:1.5rem!important}
.about-tagline,.about-text{text-align:left!important}
.about-tagline{font-size:1.1rem!important}
.about-text{font-size:1rem!important;line-height:1.6!important}
.about-btn{display:inline-block;text-align:center!important;margin-top:1rem}
.about-image{height:350px!important;object-fit:cover}
.pe-lg-5{padding-right:0 !important;margin-bottom:2rem;}
.stats-banner{margin:0 10px;padding:25px 15px!important}
.stat-item{justify-content:flex-start!important}
.stat-item .d-flex,.stats-text-content{text-align:left!important}
.stats-banner .display-4,.stats-banner .plus-sign{font-size:2.8rem!important}
.portfolio-header,.portfolio-main-heading,.portfolio-sub-heading,.portfolio-text,.portfolio-btn-container,.product-description,.product-list{text-align:left!important}
.portfolio-main-heading{font-size:2rem!important}
.portfolio-sub-heading{font-size:1.3rem!important}
.portfolio-text{font-size:1rem!important;line-height:1.5!important}
.portfolio-btn{display:inline-block;text-align:center!important}
.product-card{margin-bottom:20px}
.product-card-header,.product-card-content{padding:20px 15px!important}
.product-card-title{font-size:1.1rem!important;letter-spacing:.5px!important}
.product-subtitle{font-size:.8rem!important}
.container-fluids{padding:25px 15px!important}
.contact-header,.contact-main-heading,.contact-sub-text{text-align:left!important}
.contact-main-heading{font-size:1.8rem!important}
.contact-sub-text{font-size:1rem!important}
.form-wrapper{padding:25px 20px!important;}
.form-image{max-height:350px;object-fit:cover;width:100%}
.contact-submit-btn{display:inline-block;text-align:center!important}
}
@media(max-width:767.98px){
#video-banner{height:70vh!important;min-height:500px}
.banner-main-heading{font-size:2.5rem!important;margin-bottom:.3rem!important}
.banner-sub-heading{font-size:1.6rem!important;margin-bottom:1.5rem!important}
.banner-btn{padding:10px 24px!important;font-size:.9rem!important;width:100%;max-width:280px}
.about-heading{font-size:1.8rem!important}
.about-tagline{font-size:1rem!important}
.about-text{font-size:.95rem!important}
.about-image{height:280px!important}
.about-btn{padding:8px 20px!important;font-size:.85rem!important;width:100%;max-width:250px}
.stats-banner .display-4,.stats-banner .plus-sign{font-size:2.2rem!important}
.stats-banner .col-lg-3,.stats-banner .col-md-6{min-height:80px!important}
.stats-text-content .fs-14{font-size:.8rem!important}
.stats-text-content .fs-13{font-size:.75rem!important}
.bg-light-gray .py-5{padding-top:2.5rem!important;padding-bottom:2.5rem!important}
.portfolio-main-heading{font-size:1.7rem!important}
.portfolio-sub-heading{font-size:1.1rem!important}
.portfolio-text{font-size:.95rem!important}
.product-card{min-height:20px!important}
.product-card-title{font-size:1rem!important;margin-bottom:4px!important}
.product-subtitle{font-size:.75rem!important}
.product-description{font-size:.9rem!important;margin-bottom:10px!important}
.product-list li{font-size:.85rem!important;margin-bottom:3px!important}
.portfolio-btn{padding:10px 25px!important;font-size:.9rem!important;width:100%;max-width:300px}
.container-fluids{padding:20px 10px!important}
.contact-main-heading{font-size:1.6rem!important}
.contact-sub-text{font-size:.95rem!important}
.form-wrapper{padding:20px 15px!important}
.form-control{padding:12px 15px!important;font-size:1rem!important;border-radius:6px}
.form-label{margin-bottom:8px!important;text-align:left!important}
.mb-25px{margin-bottom:20px!important}
.contact-submit-btn{padding:12px 30px!important;font-size:.9rem!important;width:100%;max-width:280px}
.form-image{margin-bottom:25px;max-height:300px}
}
@media(max-width:575.98px){
#video-banner{height:60vh!important;min-height:450px}
.banner-main-heading{font-size:2rem!important}
.banner-sub-heading{font-size:1.3rem!important}
.banner-btn{font-size:.85rem!important;padding:8px 20px!important}
.about-heading{font-size:1.6rem!important}
.about-image{height:250px !important}
.mb-40px{margin-bottom:20px !important}
.stats-banner{margin:0 5px;border-radius:6px;padding:0px 10px!important}
.stats-banner .display-4,.stats-banner .plus-sign{font-size:1.8rem!important}
.stats-banner .col-6{padding:12px 8px!important;margin-bottom:10px}
.stats-banner .border-end{border-right:none!important;border-bottom:1px solid rgba(255,255,255,.3)!important}
.stats-banner .col-6:nth-child(even){border-right:none!important}
.stats-banner .col-6:nth-last-child(-n+2){border-bottom:none!important}
.number-container{margin-right:.5rem!important}
.stats-text-content .fs-14{font-size:.7rem!important}
.stats-text-content .fs-13{font-size:.65rem!important}
.portfolio-main-heading{font-size:1.5rem!important}
.portfolio-sub-heading{font-size:1rem!important}
.portfolio-text{font-size:.9rem!important}
.product-card{min-height:20px!important;margin-bottom:15px}
.product-card-header,.product-card-content{padding:15px 10px!important}
.product-card-title{font-size:.9rem!important;line-height:1.1!important}
.product-subtitle{font-size:.7rem!important}
.product-description{font-size:.85rem!important;line-height:1.3!important}
.product-list li{font-size:.8rem!important}
.portfolio-btn{font-size:.85rem!important;padding:8px 20px!important}
.container-fluids{padding:15px 8px!important}
.contact-main-heading{font-size:1.4rem!important}
.contact-sub-text{font-size:.9rem!important}
.form-wrapper{padding:15px 12px!important;border-radius:8px}
.form-image{margin-bottom:20px;max-height:250px}
.col-md-6{margin-bottom:15px}
.form-control{padding:10px 12px!important;font-size:16px!important}
.form-label{margin-bottom:6px!important}
.contact-submit-btn{font-size:.85rem!important;padding:10px 25px!important;width:100%}
.mb-25px{margin-bottom:15px!important}
}
@media(max-width:480px){
.banner-main-heading{font-size:1.8rem!important}
.banner-sub-heading{font-size:1.1rem!important}
.stats-banner .display-4,.stats-banner .plus-sign{font-size:1.5rem!important}
.product-card-title{font-size:.8rem!important}
.contact-main-heading{font-size:1.2rem!important}
.form-control{font-size:16px!important}
}
.bg-yellow-custom{background-color:#fdc113!important;min-height:120px}
.stats-banner{border-radius:8px}
.border-color-white-20{border-color:rgba(255,255,255,.3)!important}
.stats-banner .display-4,.stats-banner .plus-sign{font-size:3.5rem;line-height:1;color:#2c3e50;display:inline-block;vertical-align:top}
.stats-banner .plus-sign{margin-left:.1rem;font-weight:800}
.stats-text-content .fs-14{font-size:.875rem!important}
.stats-text-content .fs-13{font-size:.8125rem!important}
.stats-text-content .lh-tight{line-height:1.2!important}
.stats-banner .text-dark-gray{color:#2c3e50!important}
.stats-text-content{padding-top:8px}
.number-container{line-height:1;display:flex;align-items:baseline}
.me-3{margin-right:1rem!important}
.counter-number{transition:.3s ease}
.counter-animated{animation:pulse .6s ease-in-out}
@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}
.bg-light-gray{background-color:#f8f9fa!important}
.bg-white{background-color:#fff!important}
.bg-ferro-alloy,.bg-metal-powders,.bg-mineral-powders,.bg-chemical-powders,.bg-nickel-wires,.bg-stainless-wires{background:linear-gradient(0deg,#0c2154 0%,#254795 100%)!important;color:white!important}
.product-card{border-radius:8px;overflow:hidden;transition:.3s ease;box-shadow:0 2px 8px rgba(0,0,0,.1);}
.product-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.15)}
.border-card{border:1px solid #e0e0e0!important}
.product-card-header{border-bottom:none;border-radius:0 0 8px 8px}
.product-card-header h4{font-size:18px!important;line-height:1.1;margin-bottom:6px!important;font-weight:700;letter-spacing:.9px!important}
.product-subtitle{font-size:.8rem;line-height:1.5}
.product-card-content{background-color:#fff}
.product-card-content p{font-size:16px;line-height:1.3;color:#383838;margin-bottom:12px}
.product-card-content ul{font-size:.8rem;line-height:1.3;padding-left:0}
.product-card-content li{margin-bottom:3px;color:#383838;font-size:16px}
.fs-13{font-size:17px!important}
.fs-16{font-size:1rem!important}
.fs-18{font-size:1.125rem!important}
.lh-sm{line-height:1.2!important}
.text-base-grey{color:#383838!important}
.btn-base-color-alt{background:linear-gradient(0deg,#0c2154 0%,#254795 100%)!important;border:none!important;color:white!important;padding:12px 30px;font-size:1rem;border-radius:25px;transition:.3s ease}
.btn-base-color-alt:hover{background:linear-gradient(0deg,#0a1b47 0%,#1f3b7a 100%)!important;transform:translateY(-2px);box-shadow:0 8px 25px rgba(12,33,84,.4);color:white!important}
.btn-base-color-alt:focus,.btn-base-color-alt:active{color:white!important;box-shadow:0 0 0 .2rem rgba(12,33,84,.25)}
.container-fluids{position:relative;padding:40px;overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:scroll}
.form-wrapper{background:rgba(255,255,255,.9);padding:30px;border-radius:10px}
.form-image{width:100%;height:auto;border-radius:10px}
@keyframes fadeInRight{0%{opacity:0;transform:translateX(50px)}100%{opacity:1;transform:translateX(0)}}
.fade-in-right{animation:fadeInRight .9s ease-out forwards}
@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-50px)}100%{opacity:1;transform:translateX(0)}}
.fade-in-left{animation:fadeInLeft .8s ease-out forwards}
@media(max-width:768px){
.btn,.form-control,.product-card{min-height:44px}
.product-card:hover,.stats-banner [class*="col-"]:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
.product-card,.fade-in-right,.fade-in-left{animation:none!important}
.product-card:hover,.btn:hover{transform:none!important}
}
@media(max-width:768px) and (orientation:landscape){
#video-banner{height:100vh!important}
.banner-main-heading{font-size:2rem!important}
.banner-sub-heading{font-size:1.5rem!important;margin-bottom:1rem!important}
}

/* Fix intl-tel-input dynamic padding */
.iti__input {
  padding-left: auto !important;
}

.iti {
  width: 100%;
}

/* Responsive padding for phone input based on flag container width */
.iti__input[data-intl-tel-input-id] {
  padding-left: calc(var(--iti-flag-width, 50px) + 10px) !important;
}



.iti--separate-dial-code .iti__selected-flag {
    background-color: #fff!important;
}

footer {
  margin: 0 !important;
  padding: 0 !important;
}

body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

html, body {
  height: 100%;
}
/* Mobile two-column form adjustments */
@media (max-width: 767.98px) {
    .col-6 {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    
    
    
    .form-control {
        padding: 10px 8px !important;
      
    
    /* Phone input specific mobile adjustments */
    .iti .form-control {
        padding: 10px 8px 10px 60px !important;
    }
    
    .iti__selected-flag {
        width: 100%!important;
    }
    
    
}

@media (max-width: 480px) {
    .col-6 {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
  
    
    .iti .form-control {
        padding: 8px 6px 8px 100px !important;
    }
}

/* Mobile Stats Section - Center numbers and text horizontally next to each other 
   and add equal spacing between each stat tab */
@media (max-width: 991.98px) {
    /* Override the existing mobile styles for stats */
    .stats-banner .d-flex {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-evenly !important; /* Equal spacing */
        text-align: center !important;
        flex-wrap: wrap !important; /* Wrap if needed */
    }
    
    .stats-banner .flex-column {
        flex-direction: row !important;
    }
    
    .stats-banner .flex-md-row {
        flex-direction: row !important;
    }
    
    .stats-banner .text-center,
    .stats-banner .text-md-start {
        text-align: center !important;
    }
    
    /* Ensure number container and text are side by side */
    .number-container {
        margin-right: 0.75rem !important;
        margin-bottom: 0 !important;
    }
    
    .stats-text-content {
        padding-top: 0 !important;
    }
}

@media (max-width: 767.98px) {
    /* Maintain centering and equal spacing on smaller mobile screens */
    .stats-banner .d-flex {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-evenly !important; /* Equal spacing */
        flex-wrap: wrap !important;
    }
    
    .stats-banner .flex-column,
    .stats-banner .flex-md-row {
        flex-direction: row !important;
    }
    
    .number-container {
        margin-right: 0.5rem !important;
    }
}

@media (max-width: 575.98px) {
    /* Keep horizontal layout even on very small screens */
    .stats-banner .d-flex {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-evenly !important; /* Equal spacing */
        flex-wrap: wrap !important;
    }
    
    .stats-banner .flex-column {
        flex-direction: row !important;
    }
    
    .number-container {
        margin-right: 0.4rem !important;
    }
    
    /* Adjust font sizes if needed for better fit */
    .stats-banner .display-4,
    .stats-banner .plus-sign {
        font-size: 1.6rem !important;
    }
    
    .stats-text-content .fs-14 {
        font-size: 0.75rem !important;
    }
}
.form-control {
    border-radius: 0px !important;
}