.about-banner{background:url(https://x-naturegrass.com/wp-content/themes/GlobalZT/assets/images/banner/about-images.webp) no-repeat fixed center / cover!important}.about-intro-section{background:var(--white)}.about-intro-text .section-tag{display:inline-block;color:var(--primary-red);font-weight:700;font-size:.9rem;letter-spacing:2px;margin-bottom:15px;position:relative;padding-left:50px}.about-intro-text .section-tag::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:40px;height:2px;background:var(--primary-red)}.about-intro-text h2{font-size:2.5rem;font-weight:700;color:var(--primary-black);margin-bottom:25px;line-height:1.2}.about-intro-text p{font-size:1.1rem;color:#555;line-height:1.8;margin-bottom:20px}.intro-detail{height:200px;overflow-y:auto;padding-right:15px;margin-bottom:15px;scrollbar-width:thin;scrollbar-color:#888 #f1f1f1;-webkit-overflow-scrolling:touch}.intro-detail{height:200px;overflow-y:auto;padding-right:15px;margin-bottom:30px;scrollbar-width:thin;scrollbar-color:var(--primary-red) #f5f5f5}.intro-detail::-webkit-scrollbar{width:6px}.intro-detail::-webkit-scrollbar-track{background:#f5f5f5;border-radius:10px}.intro-detail::-webkit-scrollbar-thumb{background:var(--primary-red);border-radius:10px;transition:all 0.3s ease}.intro-detail::-webkit-scrollbar-thumb:hover{background:#b71c1c}.about-intro-img{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 20px 40px rgb(0 0 0 / .1)}.about-intro-img img{width:100%;display:block;transition:transform 0.5s ease}.about-intro-img:hover img{transform:scale(1.05)}.about-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}@media (max-width:992px){.about-intro-grid{grid-template-columns:1fr;gap:40px}}.counter-section{background:url(https://images.unsplash.com/photo-1459865264687-595d652de67e?ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80) no-repeat fixed center / cover;padding:100px 0}.counter-item{background:rgb(255 255 255 / .5);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding:50px 30px;border-radius:20px;box-shadow:0 15px 35px rgb(0 0 0 / .2);transition:all 0.4s ease}.counter-item:hover{transform:translateY(-10px);background:rgb(255 255 255 / .6);box-shadow:0 15px 35px rgb(0 0 0 / .3)}.certs-section{background:#fdfdfd}.certs-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:30px}.cert-card{text-align:center;border-radius:8px;transition:all 0.3s ease}.cert-card:hover{box-shadow:0 0 5px rgb(0 0 0 / .1)}.cert-card img{height:250px;width:auto;margin:auto;border-radius:10px;margin-bottom:15px;border:1px solid #c9c9c9;object-fit:contain}.cert-card h4{font-size:1rem;font-weight:700;color:var(--primary-black)}.about-adv-section{background:url(https://images.unsplash.com/photo-1459865264687-595d652de67e?ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80) no-repeat fixed center / cover}.about-adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.about-adv-card{background:rgb(255 255 255 / .8);padding:40px 30px;border-radius:8px;box-shadow:0 5px 15px rgb(0 0 0 / .1);transition:all 0.3s ease;text-align:center;border-top:3px solid #fff0}.about-adv-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px rgb(0 0 0 / .1);border-top-color:var(--primary-red)}.about-adv-card i{font-size:2.5rem;color:var(--primary-red);margin-bottom:20px}.about-adv-card h3{font-size:1.3rem;font-weight:700;margin-bottom:15px;color:var(--primary-black)}.timeline-section{background:url(https://images.unsplash.com/photo-1459865264687-595d652de67e?ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80) no-repeat fixed center / cover;color:#fff;overflow:hidden;user-select:none}.timeline-section.fixedbg::before{background:rgb(0 0 0 / .65)}.timeline-wrapper{position:relative;padding:50px 0;cursor:grab;overflow-x:auto;scrollbar-width:none}.timeline-wrapper::-webkit-scrollbar{display:none}.timeline-wrapper:active{cursor:grabbing}.timeline-container{display:flex;position:relative;width:max-content;min-width:100%;padding:0 100px}.timeline-line{position:absolute;top:-35px;left:0;width:100%;height:4px;background:rgb(255 255 255 / .3);transform:translateY(-50%);z-index:1}.timeline-progress{position:absolute;top:-35px;left:0;width:0;height:4px;background:linear-gradient(to right,var(--primary-red),#ff6b6b);transform:translateY(-50%);z-index:2;box-shadow:0 0 15px rgb(211 47 47 / .5);transition:width 0.3s ease}.timeline-item{flex:0 0 350px;position:relative;z-index:3;padding:0 40px}.timeline-dot{width:24px;height:24px;background:rgb(255 255 255 / .3);border:3px solid rgb(255 255 255 / .2);border-radius:50%;position:absolute;top:-35px;left:50%;transform:translate(-50%,-50%);transition:all 0.4s ease;z-index:5}.timeline-item:hover .timeline-dot{background:var(--primary-red);border-color:var(--primary-red);box-shadow:0 0 0 8px rgb(211 47 47 / .2),0 0 20px rgb(211 47 47 / .4)}.timeline-content{background:rgb(255 255 255 / .3);padding:30px;border-radius:15px;border:1px solid rgb(255 255 255 / .05);transition:all 0.4s ease;width:100%}.timeline-item:hover .timeline-content{background:rgb(255 255 255 / .07);border-color:rgb(211 47 47 / .3);transform:translateY(-10px)}.timeline-year{font-size:2.2rem;font-weight:900;color:var(--white);margin-bottom:10px;display:block;line-height:1;transition:color 0.3s ease}.timeline-item:hover .timeline-year{color:var(--primary-red)}.timeline-desc{font-size:1rem;line-height:1.6}.timeline-hint{text-align:center;color:#666;font-size:.9rem;text-transform:uppercase;letter-spacing:2px}.timeline-hint i{margin-right:10px;color:var(--primary-red);animation:moveHint 2s infinite}@keyframes moveHint{0%,100%{transform:translateX(0)}50%{transform:translateX(10px)}}.photo-wall-section{background:var(--white)}.photo-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.photo-cat-card{position:relative;height:350px;border-radius:20px;overflow:hidden;cursor:pointer;box-shadow:0 10px 30px rgb(0 0 0 / .08);transition:all 0.5s cubic-bezier(.175,.885,.32,1.275)}.photo-cat-card img{width:100%;height:100%;object-fit:cover;transition:transform 0.8s ease}.photo-cat-card:hover{transform:translateY(-15px);box-shadow:0 25px 50px rgb(0 0 0 / .15)}.photo-cat-card:hover img{transform:scale(1.15)}.photo-cat-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgb(0 0 0 / .85) 0%,rgb(0 0 0 / .2) 60%,#fff0 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:30px;transition:all 0.4s ease}.photo-cat-overlay i{font-size:2.5rem;color:var(--primary-red);margin-bottom:20px;transform:translateY(20px);opacity:0;transition:all 0.4s ease 0.1s}.photo-cat-card:hover .photo-cat-overlay i{transform:translateY(0);opacity:1}.photo-cat-overlay h4{color:#fff;font-size:1.5rem;font-weight:800;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.photo-cat-overlay p{color:rgb(255 255 255 / .8);font-size:.95rem;margin-bottom:20px;transform:translateY(10px);opacity:0;transition:all 0.4s ease 0.2s}.photo-cat-card:hover .photo-cat-overlay p{transform:translateY(0);opacity:1}.view-btn{display:inline-flex;align-items:center;gap:8px;color:#fff;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid var(--primary-red);padding-bottom:5px;width:fit-content;transform:translateX(-10px);opacity:0;transition:all 0.3s ease 0.3s}.photo-cat-card:hover .view-btn{transform:translateX(0);opacity:1}.gallery-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .7);backdrop-filter:blur(5px);z-index:9999;display:none;align-items:center;justify-content:center}.gallery-modal-content{width:600px;position:relative;padding:60px 20px 20px}.gallery-close{position:absolute;top:10px;right:20px;color:#fff;font-size:2.5rem;background:none;border:none;cursor:pointer}.gallery-grid-title{color:#fff;text-align:center;margin-bottom:30px}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.photo-grid-item{height:120px;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform 0.3s ease}.photo-grid-item:hover{transform:scale(1.05)}.photo-grid-item img{width:100%;height:100%;object-fit:cover}.image-lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .9);backdrop-filter:blur(10px);z-index:10000;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity 0.4s ease}.image-lightbox.active{display:flex;opacity:1}.lightbox-content{max-width:90%;max-height:85vh;transform:scale(.9);transition:transform 0.4s cubic-bezier(.175,.885,.32,1.275)}.image-lightbox.active .lightbox-content{transform:scale(1)}.lightbox-content img{max-width:100%;max-height:85vh;border-radius:10px;box-shadow:0 20px 50px rgb(0 0 0 / .5);display:block}.lightbox-close{position:absolute;top:30px;right:30px;color:#fff;font-size:2.5rem;background:none;border:none;cursor:pointer;line-height:1;z-index:10001;transition:transform 0.3s ease}.lightbox-close:hover{transform:rotate(90deg)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.service-card{background:#fff;padding:50px 40px;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 10px 30px rgb(0 0 0 / .03);border:1px solid #f0f0f0;transition:all 0.4s ease;z-index:1}.service-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgb(0 0 0 / .08);border-color:var(--primary-red)}.service-icon{width:70px;height:70px;background:rgb(211 47 47 / .05);border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--primary-red);margin-bottom:30px;transition:all 0.4s ease}.service-card:hover .service-icon{background:var(--primary-red);color:#fff;transform:rotateY(360deg)}.service-number{position:absolute;top:20px;right:20px;font-size:5rem;font-weight:900;color:rgb(0 0 0 / .1);line-height:1;z-index:-1;transition:all 0.4s ease}.service-card:hover .service-number{color:rgb(211 47 47 / .1);transform:scale(1.1)}.service-card h3{font-size:1.4rem;font-weight:800;margin-bottom:15px;color:var(--primary-black)}.service-card p{color:#666;line-height:1.7;margin-bottom:25px}.service-features{list-style:none;padding:0}.service-features li{display:flex;align-items:center;gap:10px;font-weight:600;font-size:.9rem;color:var(--primary-black);margin-bottom:10px}.service-features li i{color:var(--primary-red);font-size:.8rem}.about-intro-img{position:relative;border-radius:15px;overflow:hidden}.play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:var(--primary-red);border:none;border-radius:50%;color:#fff;font-size:1.8rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all 0.3s ease;box-shadow:0 0 0 0 rgb(211 47 47 / .4)}.play-btn i{margin-left:5px}.play-btn:hover{background:#b12727;transform:translate(-50%,-50%) scale(1.1)}.ripple-effect{animation:ripple 2s infinite}@keyframes ripple{0%{box-shadow:0 0 0 0 rgb(211 47 47 / .4)}70%{box-shadow:0 0 0 30px #fff0}100%{box-shadow:0 0 0 0 #fff0}}@media (max-width:992px){.about-intro-grid,.certs-grid,.about-adv-grid,.photo-categories{grid-template-columns:1fr 1fr}}@media (max-width:768px){.about-intro-grid,.certs-grid,.about-adv-grid,.photo-categories,.photo-grid{grid-template-columns:1fr}.photo-grid-item{height:200px}}