.hero-hdt{padding:60px 0;display:block;background-color:#1a1a1a;}
.hero-hdt-wrapper{display:flex;align-items:flex-start;gap:40px;flex-wrap:wrap;}
.hero-hdt-content{flex:1 1 450px;}
.hero-hdt-content h1{font-size:48px;font-weight:bold;margin-bottom:20px;line-height:55px;color:#fff;}
.hero-hdt-content h1 span{font-weight:300;}
.hero-hdt-content p{font-size:18px;line-height:24px;margin-bottom:25px;font-weight:400;color:#fff;}
.hero-hdt-content .wpcf7-form-control.wpcf7-acceptance{display:none;}
.hero-hdt-content .col-lg-12 p{max-width:436px;display:flex;flex-direction:column;gap:11px;}
.hero-hdt-content .col-lg-12 p .text-input{display:block!important;background:transparent!important;border-radius:0!important;}
.hero-hdt-content label{max-width:600px;}
.hero-hdt-content label input{width:100%;height:50px;padding:10px 40px;background-image:url(https://infinitalab.com/wp-content/uploads/2025/11/email-phone-notification.png);background-repeat:no-repeat;background-position:9px center;font-size:20px;border-radius:5px;outline:none;border:none;}
.hero-hdt-content .addmoretext{position:relative;}
.hero-hdt-content .common_btn-trans:before{content:"Or";position:absolute;text-transform:uppercase;left:-45px;color:#fff;}
.hero-hdt-content .common_btn-trans{position:absolute;bottom:9px;left:230px;width:max-content;padding:9px 26px;display:inline-block;border-radius:5px;cursor:pointer;text-decoration:none;font-size:20px;}
.hero-hdt-content button{color:#000;padding:10px 26px;display:inline-block;border-radius:5px;cursor:pointer;background:linear-gradient(to left,#ff9e54,#e2c900);text-decoration:none;border:none;width:max-content;font-size:20px;}
.hero-hdt-image{flex:1 1 450px;}
.hero-hdt-image img{width:100%;height:auto;border-radius:12px;object-fit:cover;}
@media(max-width:768px){
.hero-hdt-content label input {font-size: 16px;}
.hero-hdt-image {flex: auto;}
.hero-hdt-content h1{font-size:30px;line-height:40px;}
.hero-hdt-wrapper{flex-direction:column;}
.hero-hdt-content .common_btn-trans{position: relative;width: 100%;text-align: center;left: 0 !important;top: 0;right: 0;}
.hero-hdt-content button{border:none;width:100%;}
.hero-hdt-content .common_btn-trans:before{left:0;color:#fff;top:-30px;text-align:center;width:100%;}
}


.inf-trusted-section{padding:50px 0;}
.inf-trusted-section p{text-align:center;}
.inf-trusted-section .inf-trusted-section h2{}
.inf-trusted-section .inf-logo-grid{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px;}
.inf-trusted-section .inf-logo-item{}
.inf-trusted-section h2{text-align:center;font-size:48px;font-weight:bold;line-height:52px;padding:0px 70px;margin-top:30px;}
@media(max-width:768px){
  .inf-trusted-section h2{font-size:28px;line-height:36px;padding:0;margin-top:30px;}
}


.infini-overview{padding:50px 0;background:#f3f3f3;border-bottom:1px solid #ccc;}
.infini-overview .container{display:flex;gap:40px;align-items:center;padding:0 20px;padding-top: 80px;}
.infini-overview .overview-content{flex:1;}
.infini-overview .overview-content h3{font-size:36px;margin-bottom:15px;color:#000;line-height:58px;font-weight:bold;}
.infini-overview .overview-content p{font-size:20px;line-height:30px;margin-bottom:12px;color:#333;}
.infini-overview .overview-image{flex:1;text-align:center;}
.infini-overview .overview-image img{max-width:100%;border-radius:6px;}
@media(max-width:768px){
  .infini-overview .container {flex-direction: column;        padding-top: 0;}
  .infini-overview {    padding-top: 0;    margin: 0;}
  .infini-overview .overview-container{flex-direction:column;}
}

.hdt-scope-section{    padding: 50px 0;    background: #f3f3f3;    border-bottom: 1px solid #ccc;}
.hdt-scope-section h3 {    font-size: 36px;    margin-bottom: 15px;    color: #000;    line-height: 58px;    font-weight: bold;}
.hdt-scope-section .hdt-scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;}
.hdt-scope-section .hdt-box:first-child{grid-row:1/3;}
.hdt-scope-section .hdt-box{background:#1c1c1c;color:#fff;padding:25px;border-radius:10px;font-size:18px;line-height:30px;}
.hdt-scope-section .hdt-box p{margin-bottom:15px;}
.hdt-scope-section .hdt-box h4{margin-bottom: 12px;    font-size: 24px;    line-height: 36px; font-weight: bold;}
.hdt-scope-section .hdt-box ul{ margin: 0;    padding: 0 0 0 30px;}
.hdt-scope-section .hdt-box ul li a{color:#fff;}
@media(max-width:768px){
.hdt-scope-section h3 {font-size: 30px;line-height: 40px;font-weight: bold;}
.hdt-scope-section .hdt-scope-grid{grid-template-columns:1fr;}.hdt-scope-section .hdt-box:first-child{grid-row:auto;}
}


.hdt-process { padding:60px 0px; background:#f2f2f2; text-align:center;border-bottom: 1px solid #ccc; }
.hdt-process h3 { font-size:36px; margin-bottom:35px; color:#000; line-height:58px; font-weight:bold; }
.hdt-process .hdt-row { display:flex; justify-content:center; align-items:center; column-gap:30px; flex-wrap:wrap; padding-bottom:20px; }
.hdt-process .hdt-card { width:28%; background:#fff; border-radius:16px; padding:30px 40px 40px 40px; margin:0 -30px; border:1px solid #e8e8e8; box-shadow:0 6px 18px rgba(0,0,0,0.08); position:relative; transition:0.3s; z-index:1; height:250px; }
.hdt-process .hdt-card.center-card { z-index:5; margin-top:-5px; height:300px; width:26%; }
.hdt-process .hdt-card h3 { font-size:24px; font-weight:bold; margin-bottom:10px; text-align:left; line-height:30px; }
.hdt-process .hdt-card p { font-size:18px; line-height:26px; color:#444; text-align:left; margin-bottom:0; }
.hdt-process .step-badge { width:38px; height:38px; background:#FFDF25; border-radius:50%; position:absolute; bottom:18px; left:42px; box-shadow:0 6px 8px rgba(0,0,0,0.15); display:flex; justify-content:center; align-items:center; font-weight:700; font-size:15px; }
.hdt-process .hdt-card:hover { transform:translateY(-6px); }

@media (max-width:767px){
 .hdt-process h3 {font-size: 30px;line-height: 40px;font-weight: bold;}
.hdt-process .hdt-row { flex-wrap:wrap; gap:20px; }
.hdt-process .hdt-card { margin:0; width:100%; max-width:500px; padding:20px 20px 60px 20px; height:auto; }
.hdt-process .hdt-card.center-card { margin-top:0; width:100%; height:auto; }
.hdt-process .step-badge { bottom:15px; left:15px; }
}


.tech-specs { padding:40px 0; background:#f4f4f4; font-family:'Nunito Sans'; border-bottom:1px solid #ccc; }
.ts-heading { font-size: 36px;    margin-bottom: 15px;    color: #000;    line-height: 58px;    font-weight: bold; }
.ts-table { width:100%; border-collapse:collapse; border:1px solid #cfcfcf; border-radius:12px; overflow:hidden; }
.ts-table th, .ts-table td { padding:14px 30px; font-size:15px; text-align:left; border:1px solid #474748; font-weight:600; }
.ts-header th { background:#1b1b1b; color:#fff; font-weight:600; }
.ts-table td.param { background:#292929; font-weight:500; color:#fff; width:240px; }
.ts-table tr { border-bottom:1px solid #474748; }
.ts-table tr:last-child { border-bottom:none; }
@media(max-width:600px){ 
  .ts-heading {font-size: 30px;line-height: 40px;font-weight: bold;} 
  .ts-table td.param { background:#1b1b1b; color:#fff; font-weight:600; border-bottom:1px solid #333;width: auto; }
}


.instrumentation-section { padding:60px 0px; background: #EEEEEE; }
.instrumentation-section .container { max-width:1200px; margin:0 auto; }
.instr-wrap {display:flex;justify-content:space-between;align-items:flex-start;gap:40px;}
.instr-left {max-width: 630px;width: 100%;}
.instr-left h2 {font-size: 36px;margin-bottom: 15px;color: #000;line-height: 58px;font-weight: bold; }
.instr-left ul {margin: 0;padding-left: 20px;background: #fff;padding: 55px;border-radius: 20px; }
.instr-left ul li {font-size: 20px;color: #000;margin-bottom: 20px;line-height: 30px; }
.instr-right {display:flex;flex-direction:column;gap: 15px;width: 400px;}
.instr-img-box {border-radius: 28px;padding: 0;box-shadow:0 4px 12px rgba(0,0,0,0.1);border: 1px solid #C7C2C2;}
.instr-img-box img { width:100%; border-radius:14px; display:block; }
@media(max-width:767px){
.instr-wrap { flex-direction:column; }
.instr-right { width:100%; }
.instr-left h2 { font-size:28px; line-height:36px; }
}



.results-section { background:#000; padding:80px 0px; }
.results-container {display:flex; align-items:center; justify-content:space-between; gap:40px; }
.results-left { max-width:50%; width:100%; }
.results-left h2 {font-size:42px; font-weight:400; color:#fff; line-height:1.3; }
.results-right { background:#2a2a2a; padding:30px 40px; border-radius:18px; max-width:50%; width:100%; }
.results-right ul { margin:0; padding-left:20px; }
.results-right ul li { font-size:18px; color:#fff; margin-bottom:12px; line-height:1.6; }
/* Responsive */
@media(max-width:992px) {
.results-container { flex-direction:column; text-align:left; }
.results-right { width:100%; }
.results-left h2 { font-size:34px; text-align:left; }
}

@media(max-width:767px) {
  .results-right {
    padding: 25px;
    max-width: 100%;
  }
  .results-left {
    max-width: 100%;
    width: 100%;
  }
.results-left h2 { font-size:28px; }
      .results-left h2 br{display:none; }
.results-right { padding:25px; }
.results-right ul li { font-size:16px; }
}



/* RELATED MATERIAL SECTION */
.related-material { background:#efefef; padding:60px 0px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
.related-material h3 { text-align:center; font-size:36px; font-weight:600; margin-bottom:40px; color:#000; }
.related-material ul { list-style:none; padding:0; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:25px; max-width:1200px; }
.related-material ul li { background:#fff; border-radius:18px; padding:20px; display:flex; align-items:center; gap:18px; transition:all .3s ease; min-height:120px; }
.related-material ul li a { text-decoration:none; display:flex; align-items:center; gap:20px; }
.related-material ul li:hover { box-shadow:0 4px 20px rgba(0,0,0,0.1); transform:translateY(-3px); }
.related-material ul li img { width:120px; height:120px; object-fit:cover; border-radius:10px; }
.related-material ul li span { font-size:17px; color:#000; font-weight:500; line-height:1.4; display:block; }
.related-material .center{text-align:center;width:100%;margin:50px 0 0 0}
.gradient-btn {color: #000;padding: 10px 26px;display: inline-block;border-radius: 5px;cursor: pointer;background: linear-gradient(to left, #ff9e54, #e2c900);text-decoration: none;border: none;width: max-content;
font-size: 20px;}
@media (max-width:992px) { .related-material ul { grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px) {
.related-material ul { grid-template-columns:repeat(1,1fr); }
.related-material h3 { font-size:28px; }
.related-material ul li { flex-direction:row; padding:15px; }
.related-material ul li img { width:70px; height:70px; }
.related-material ul li span { font-size:16px; }
}



.faq-two-col { padding: 60px 0; background: #f4f4f4; }
.two-col-faq { display: flex; gap: 60px; align-items: center; justify-content: space-between; }
.two-col-faq h3 { font-size: 40px; font-weight: 500; line-height: 1.2; color: #000; flex: 0 0 30%; }
.two-col-right { flex: 0 0 60%; display: flex; flex-direction: column; gap: 20px; }
.plane-acc { background: #ffffff;padding: 40px 40px;border-radius: 24px;box-shadow: 0 0 0 rgba(0, 0, 0, 0.05); }
.plane-acc a { font-size: 20px; font-weight: 600; color: #000; display: block; }
.plane-acc .textpart.active{display:block;}
.plane-acc .textpart { margin-top: 10px; display:none;}
.plane-acc .textpart p { margin: 0; font-size: 16px; line-height: 1.6; color: #555; }

@media (max-width: 992px) {
.two-col-faq { flex-direction: column; gap: 30px; }
.two-col-faq h3 { flex: unset; width: 100%; font-size: 32px; }
.two-col-right { flex: unset; }
}

@media (max-width: 576px) {
.plane-acc { padding: 10px 50px; }
.plane-acc a { font-size: 18px; }
.plane-acc .textpart p { font-size: 15px; }
}
/* Adjust the section below tabs to account for sticky positioning */
.infini-overview {
    padding-top: 50px; /* Reduced since we removed negative margin */
}
.hdt-tab-wrapper {
    display: block; /* Changed from inline-block */
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 1000;
    background: #f3f3f3; /* Added background to prevent content showing through */
    padding: 20px 0; /* Added padding for better spacing */
}
.hdt-tab-wrapper:before{content: "";
    position: absolute;
    left: 0px;
    width: 100%;
    background: #fff;
    height: 100px;
    top: -50px;
    z-index: -1;}
/* Center container */
.container-center {
    margin: 0 auto;
    width: 100%; 
    max-width: 1110px;
    background: linear-gradient(90deg, #e3c800, #f79f79);
    padding: 12px 20px;
    border-radius: 40px;
}

/* Tabs */
.hdt-tabs {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.hdt-tabs li {
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    color: #000;
    padding: 8px 18px;
    border-radius: 20px;
    transition: background 0.3s ease;
}

.hdt-tabs li.active,
.hdt-tabs li:hover {
    background: #fff;
}

/* Mobile */
@media (max-width: 768px) {
    .hdt-tabs {
        overflow-x: auto;
        white-space: nowrap;
        padding-bottom: 5px;
        -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
    }
    .hdt-tabs::-webkit-scrollbar {
        height: 4px;
    }
    .hdt-tabs::-webkit-scrollbar-thumb {
        background: rgba(0,0,0,0.3);
        border-radius: 10px;
    }
    .hdt-tabs li {
        flex: 0 0 auto;
    }
    .container-center {
         margin: 0;
        width: 100%;
        border-radius: 0;
        padding: 4px;
    }
  .infini-overview {
    padding-top: 0px;
}
}