.bg-dark,body{background-color:var(--dark-bg)}.blog-card:hover .blog-text h3,.btn--red:hover,.nav-arrow:hover,.nav-links a:hover,.text-highlight{color:var(--primary-red)}.slider-container,html{scroll-behavior:smooth}.arrow-btn,.blog-card,.btn,.menu-toggle,.nav-arrow,.sector-card{cursor:pointer}.btn,.date-badge,.read-more{font-weight:600}.footer-bottom,.hero-section,.text-center{text-align:center}:root{--primary-red:#E31E24;--red-hover:#b01217;--dark-bg:#121212;--darker-bg:#0a0a0a;--card-bg:#1c1c1c;--text-white:#ffffff;--text-grey:#cccccc;--text-dark:#333333;--font-main:'Fahkwang',sans-serif;--container-width:1200px;--transition:all 0.3s ease-in-out}.btn,.card-overlay,a{transition:var(--transition)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);color:var(--text-white);line-height:1.6;overflow-x:hidden}ul{list-style:none}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{max-width:var(--container-width);margin:0 auto;padding:0 20px}.section-padding{padding:80px 0}.btn--red,.btn--red-bg{background-color:var(--primary-red);color:#fff}.small-text{font-size:.85rem}.btn{padding:12px 28px;font-size:14px;text-transform:uppercase;display:inline-block;border:2px solid transparent;letter-spacing:.5px}.btn:hover{transform:translateY(-3px)}.btn--red:hover{background-color:#fff;border-color:var(--primary-red)}.btn--red-bg{margin-top:20px}.btn--red-bg:hover{background-color:var(--red-hover)}.btn--white{background-color:#fff;color:var(--primary-red)}.btn--white:hover{background-color:var(--primary-red);color:#fff}.btn--white-outline{border:2px solid #fff;background:0 0;color:#fff}.btn--white-outline:hover{background:#fff;color:var(--dark-bg)}.header{background:#fff;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,.1)}.navbar{display:flex;justify-content:space-between;align-items:center;height:80px}.logo{max-width:180px;height:auto}.nav-links{display:flex;gap:30px}.menu-toggle,.mobile-btn{display:none}.nav-links a{color:var(--text-dark);font-weight:500;font-size:15px;position:relative}.menu-toggle{font-size:1.5rem;color:var(--text-dark)}.hero-section{position:relative;height:90vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.video-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.video-wrapper iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:56.25vw;min-height:100vh;min-width:177.77vh}.hero-overlay{inset:0;z-index:1;position:absolute;inset:0;background:rgba(0,0,0,.6)}.hero-section{background:url('img/hero-bg.png') center/cover no-repeat}.hero-content{position:relative;z-index:2;max-width:1000px;padding:20px}.hero-content h1{font-size:3.5rem;margin-bottom:20px;line-height:1.1}.hero-subtitle{margin-bottom:30px;font-size:1.2rem;color:#f0f0f0}.split-layout-wrapper{display:flex;flex-wrap:wrap;align-items:stretch;width:100%;max-width:1200px;margin:0 auto;background:var(--card-bg);box-shadow:0 5px 20px rgba(0,0,0,.2);border-radius:8px;overflow:hidden}.split-content-image{flex:1;min-width:300px;position:relative}.split-content-image img{width:100%;height:100%;object-fit:cover;display:block}.split-content-text{flex:1;min-width:300px;display:flex;align-items:center;padding:40px}.text-box{width:100%}.text-box h2{font-size:2.2rem;margin-bottom:10px}.text-box p{color:var(--text-grey);margin-bottom:25px}.blog-text h3,.links-col ul li{margin-bottom:10px}.section-padding.bg-dark{display:flex;justify-content:center}.reverse-layout{flex-direction:row-reverse}.why-matters-section{background:url('img/Why-TorusPak.png') center/cover,var(--darker-bg)}.section-desc{max-width:800px;margin:20px auto 40px;color:var(--text-grey)}.plates-perfectly-section{position:relative;padding:120px 20px;background:url('img/Plates-Perfectly.png') center/cover no-repeat fixed;text-align:center}.plates-perfectly-section .overlay{position:absolute;inset:0;background:rgba(0,0,0,.7)}.content-box{position:relative;z-index:2;max-width:750px;margin:0 auto}.sectors-slider-section{background:url('img/Sectors-bg.png') center/cover}.sectors-slider-section .sub-text{margin-bottom:40px;color:var(--text-grey)}.slider-container{display:flex;overflow-x:auto;gap:25px;padding:20px 0 40px;scrollbar-width:none;justify-content: center;}.slider-container::-webkit-scrollbar{display:none}.sector-card{min-width:300px;height:400px;position:relative;border-radius:8px;overflow:hidden;flex-shrink:0;box-shadow:0 5px 15px rgba(0,0,0,.3)}.blog-img img,.sector-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.blog-card:hover .blog-img img,.sector-card:hover img{transform:scale(1.1)}.card-overlay{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);padding:20px;transform:translateY(10px)}.sector-card:hover .card-overlay{transform:translateY(0)}.slider-controls{display:flex;justify-content:center;align-items:center;gap:40px;margin-top:20px}.arrow-btn{background:0 0;border:none;color:#fff;font-size:1.5rem;transition:.3s}.arrow-btn:hover{color:var(--primary-red);transform:scale(1.2)}.testimonials-section{background-color:#151515}.testimonial-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.testimonial-card-box{background-color:var(--card-bg);padding:40px;border-radius:4px;position:relative;box-shadow:0 10px 40px rgba(0,0,0,.5)}.quote-icon-large{font-size:3rem;opacity:.2;position:absolute;top:20px;left:20px}.stars{color:#f1c40f;margin:10px 0 20px}.testimonial-text{font-style:italic;color:#ddd;margin-bottom:20px;position:relative;z-index:1}.testimonial-nav{margin-top:20px;display:flex;gap:20px;justify-content:flex-end}.nav-arrow{font-size:1.2rem;transition:.3s;color:#666}.blogs-section{background-color:var(--darker-bg)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px}.blog-card{background:0 0}.date-badge,.social-links i{background:var(--primary-red);color:#fff}.blog-img{position:relative;height:240px;overflow:hidden;border-radius:4px}.date-badge{position:absolute;bottom:15px;left:15px;padding:5px 12px;font-size:.8rem}.blog-text{padding:20px 0}.blog-text h3{font-size:1.3rem;transition:.3s}.read-more{color:var(--primary-red);display:inline-flex;align-items:center;gap:8px}.read-more:hover{gap:12px}footer{background-color:#222;padding:60px 0 0;color:#aaa;font-size:.9rem}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px 40px;display:flex;flex-wrap:wrap;justify-content:space-between}.footer-col{flex:1;min-width:220px;padding:0 20px;position:relative;margin-bottom:30px}.footer-col:not(:last-child)::after{content:'';position:absolute;right:0;top:10%;height:80%;width:1px;background:rgba(255,255,255,.1)}.brand-col{flex:2;padding-right:40px}.footer-logo img{height:40px;margin-bottom:15px}.social-links{display:flex;gap:15px;margin-top:20px;align-items:center}.social-links i{width:32px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:4px;transition:.5s}.social-links i:hover{background:#fff;color:var(--primary-red);transform:rotate(360deg)}.links-col h4{color:#fff;margin-bottom:20px;font-size:1.1rem}.links-col ul li a:hover{color:var(--primary-red);padding-left:5px}.footer-bottom{background:var(--card-bg);padding:20px;border-top:1px solid #333}.reveal{opacity:0;transform:translateY(50px);transition:.8s ease-out}.reveal.active{opacity:1;transform:translateY(0)}@media (max-width:900px){.split-layout-wrapper{flex-direction:column;max-width:100%}.reverse-layout,.split-layout-wrapper{flex-direction:column}.split-content-text{padding:30px 20px;width:100%}.testimonial-grid{grid-template-columns:1fr}.hero-content h1{font-size:2.5rem}.split-content-image{width:100%;height:350px}.text-box{padding:40px 20px}}@media (max-width:768px){.navbar{padding:15px}.menu-toggle,.mobile-btn{display:block}.nav-links{position:absolute;top:80px;left:0;width:100%;background:#fff;flex-direction:column;align-items:center;padding:30px;gap:20px;transform:translateY(-150%);transition:.4s;z-index:999;box-shadow:0 5px 10px rgba(0,0,0,.1)}.nav-links.nav-active{transform:translateY(0)}.desktop-btn,.footer-col:not(:last-child)::after{display:none}.slider-controls{gap:20px;justify-content:space-between}} /* ===============================
   FAQ SECTION
================================ */

.faq-wrapper{
    max-width:900px;
    margin:50px auto 0
}

.faq-item{
    background:var(--card-bg);
    border:1px solid #333;
    border-radius:6px;
    margin-bottom:20px;
    overflow:hidden
}

.faq-question{
    width:100%;
    background:none;
    border:none;
    color:#fff;
    padding:20px 25px;
    font-size:1.1rem;
    font-weight:500;
    text-align:left;
    display:flex;
    justify-content:space-between;
    align-items:center;
    cursor:pointer
}

.faq-question:hover{
    background-color:#222
}

.faq-icon{
    font-size:1.5rem;
    color:var(--primary-red);
    transition:.3s
}

.faq-answer{
    max-height:0;
    overflow:hidden;
    transition:max-height .4s ease;
    background:#151515
}

.faq-answer p{
    padding:0 25px 25px;
    color:var(--text-grey);
    line-height:1.7
}

.faq-item.active .faq-answer{
    max-height:300px
}

.faq-item.active .faq-icon{
    transform:rotate(45deg)
}


/* Container for the text cards */
.testimonial-slider-container {
    display: flex;
    overflow: hidden;
    scroll-behavior: smooth;
}

.testimonial-card-box {
    min-width: 100%;
    flex-shrink: 1;
}

/* Container for the images */
.testimonial-right-img {
    overflow: hidden;
    width: 100%;
    height: 474px; /* Updated to your new height */
    border-radius: 15px; /* Matches modern UI styles */
}

.image-slider-container {
    display: flex;
    overflow: hidden;
    scroll-behavior: smooth;
    height: 100%;
}

.image-slider-container img {
    min-width: 100%; /* Each image takes full width */
    object-fit: cover;
    flex-shrink: 0;
    
}

/* Basic styling for the nav arrows */
.nav-arrow {
    cursor: pointer;
    padding: 10px;
}

.testimonial-left {
    display: flex;
    flex-direction: column;
    justify-content: center; /* Vertically centers text against the 550px image */
    min-height: 474px;
}

/* ===============================
   CTA SECTION BACKGROUND
================================ */

.cta-section {
    position: relative;
    background: url("img/hero-bg.png") center / cover no-repeat;
}

/* Overlay already hai, bas thoda strong kar dete hain */
.cta-section .overlay {
    background: rgba(0, 0, 0, 0.65);
}



