/* ========================= About-us page ================================ */

/* ── Capabilities section ── */
.capabilities-section{padding:128px 0;position:relative;    }
.capabilities-title-wrape{min-height:100%;position:relative;}
.capabilities-title{position:sticky;top:150px;}
.capabilities-title h2{color:#121212;margin:0 0 32px 0;}
.capabilities-title p{color:#434343;margin:0 0 32px 0;}
.capabilities-links ul{list-style:none;margin:0;}
.capabilities-links ul li{margin:0 0 0 0;}
.capabilities-links ul li a{display:flex;align-items:center;padding:16px 0;color:#121212;position:relative;transition:all 0.5s ease;border-bottom:1px solid rgba(215,215,215,0.5);}
.capabilities-links ul li a::before{content:"";width:48px;height:48px;background-image:url('../images/insights/arrow-right-bl.svg');background-size:cover;position:absolute;right:0;top:18px;transform:translateX(-10px);transition:all 0.5s ease; filter: invert(1);}
.capabilities-links ul li:last-child a{border-bottom:0;padding-bottom:0;}
.capabilities-links ul li a h3{display:table;transition:all 0.5s ease;font-size:32px;font-style:normal;font-weight:300;line-height:normal;letter-spacing:normal;}
/* .capabilities-links ul li a:hover h3{background:linear-gradient(93deg,#8A2387 4.23%,#E94057 50.82%,#F27121 97.8%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;} */
.capabilities-links ul li a:hover::before{opacity:1;transform:translateX(-0px);}
.capabilities-links-icon img{width:52px;height:52px;object-fit:contain;filter: invert(1);}
.capabilities-links-title{padding:0 0 0 16px;width:calc(100% - 52px);}

/* ── About hero ── */
.about-section{padding:96px 0 128px 0;position:relative;}
.about-shape-left{position:absolute;bottom:210px;width:111px;height:371px;transform:rotate(126.569deg);flex-shrink:0;background:#2EFFA7;opacity:0.13;filter:blur(77px);display:block!important;}
.about-shape-right{position:absolute;top:190px;right:0;width:484.635px;height:60.484px;    flex-shrink:0;background:var(--Gradients-G-01,linear-gradient(90deg,#8A2387 31.86%,#E94057 64.79%,#F27121 97.99%));opacity:0.1;filter:blur(77px);display:block!important;border-radius:150%;}
.about-parent{position:relative;z-index:1;}
.about-text{max-width:1123px;width:100%;margin:0 auto;margin-bottom:64px;text-align:center;}
.about-text h1{margin:0 0 32px 0;color:#000;}
.about-text p{color:#434343;}
.about-video video{width:100%;border-radius:12px;height: 600px; object-fit: cover;}

/* ── Evidence numbers (heading only — evidence-numbers-count* is shared with tpl-hire-tech-talent.php) ── */
.evidence-numbers-section{padding:80px 0 136px 0;background-color:#f8f8f8;}
.evidence-numbers-text h6,.evidence-numbers-text p{color:#1e1e1e;font-size:18px;font-style:normal;font-weight:500;line-height:20px;}
.evidence-numbers-text h2{color:#1e1e1e;margin:12px 0 24px 0;}

/* ── Mission ── */
.mission-block{padding:32px;background-color:#fff;border-radius:12px;min-height:292px;}
.mission-block h4{color:#1e1e1e;margin:24px 0;}
.mission-block p{color:#1e1e1e;}

/* ── Story ── */
.story-section{padding:128px 0;}
.story-wrape{display:flex;align-items:center;min-height:100%;}
.story-text h6{color:#1e1e1e;margin:0 0 12px 0;}
.story-text p{color:#121212;font-size:24px;line-height:32px;margin:0 0 32px 0;}
.story-image img{border-radius:12px;margin:0 0 0 auto;}

/* ── Differences section spacing only (differences-wrape/-text/-block are shared with tpl-hire-tech-talent.php) ── */
.differences-section{padding-bottom: 150px;}

/* ── Capabilities dark section ── */
.capabilities-dark-section{background-color:#f8f8f8;padding:132px 0 0 0;overflow:unset;}
.capabilities-dark-section .capabilities-parent{padding-bottom:128px;}
.capabilities-dark-section .capabilities-title h2,.capabilities-dark-section .capabilities-title p,.capabilities-dark-section .capabilities-links ul li a{color:#1e1e1e;}
.capabilities-dark-section .capabilities-links ul li a::before{background-image:url('../images/insights/arrow-right-48.svg');}

/* ── Team (currently commented out / not rendered in tpl-about.php, kept for reference) ── */
.team-section{padding:128px 0;background-color:#121212;}
.team-parent .title h2{color:#fff;}
.team-block{text-align:center;cursor:pointer;transition:all 0.5s ease;}
.team-image img{width:317px;height:317px;object-fit:cover;border-radius:50%;background-color:#171717;transition:all 0.5s ease;mix-blend-mode:luminosity;margin:0 auto;}
.team-block h5{color:#fff;margin:32px 0 8px 0;}
.team-block p{color:#AEAEAE;}
.team-block:hover .team-image img{background-color:#FF5B2E;mix-blend-mode:normal;}

/* ── Responsive (from responsive.css, correct breakpoints preserved) ── */
@media (min-width:1300px) and (max-width:1550px){
.mission-block{min-height:auto;height:100%;}
}
@media (min-width:1200px) and (max-width:1299px){
.story-text p{font-size:18px;line-height:30px;margin-bottom:20px;}
}
@media (min-width:992px) and (max-width:1199px){
.about-section{padding:80px 0;}
.evidence-numbers-section{padding:80px 0;}
.mission-block{padding:25px;}
.mission-block h4{margin:15px 0;}
.story-text p{font-size:16px;line-height:24px;margin-bottom:16px;}
.differences-section{padding:0 0 48px 0;}
.capabilities-dark-section{padding-bottom:0;}
.capabilities-dark-section .capabilities-parent{padding-bottom:80px;}
.team-section{padding:80px 0;}
.team-image img{width:200px;height:200px;}
.team-block h5{margin-top:16px;}
}
@media (min-width:768px) and (max-width:991px){
.capabilities-section{padding:60px 0;}
.capabilities-title h2,.capabilities-title p{margin-bottom:20px;}
.capabilities-links-icon img{width:35px;height:35px;}
.capabilities-links ul li a{padding:10px 0;}
.capabilities-links ul li a::before{width:35px;height:35px;top:11px;}
.capabilities-links-title{width:calc(100% - 35px);padding:0 0 0 10px;}
.capabilities-links-title h4{font-size:20px;}
.about-section{padding:60px 0;}
.evidence-numbers-section{padding:60px 0;}
.evidence-numbers-text h2{font-size:30px;line-height:35px;}
.mission-block{padding:20px;}
.mission-block h4{margin:15px 0;}
.story-text p{font-size:16px;line-height:24px;margin-bottom:16px;}
.differences-section{padding-bottom:28px;}
.capabilities-dark-section{padding-bottom:0;}
.capabilities-dark-section .capabilities-parent{padding-bottom:60px;}
.team-section{padding:60px 0 30px 0;}
.team-block{margin-bottom:30px;}
.team-image img{width:250px;height:250px;}
}
@media (min-width:320px) and (max-width:767px){
.capabilities-title-wrape{margin-bottom:30px;}
.capabilities-title{position:static;top:0;}
.capabilities-title h2,.capabilities-title p{margin-bottom:20px;}
.capabilities-links-icon img{width:35px;height:35px;}
.capabilities-links ul li a{padding:10px 0;}
.capabilities-links ul li a::before{width:35px;height:35px;top:11px;}
.capabilities-links-title{width:calc(100% - 35px);padding:0 0 0 10px;}
.capabilities-links-title h4{font-size:20px;}
.capabilities-section{padding:50px 0;}
.about-section{padding:80px 0 50px 0;}
.about-text h1{margin-bottom:16px;}
.about-text{margin-bottom:30px;}
.evidence-numbers-section{padding:50px 0 30px 0;}
.evidence-numbers-text h2{font-size:22px;line-height:30px;}
.mission-block{padding:16px;margin-bottom:30px;min-height:auto;}
.mission-block h4{margin:18px 0;}
.story-text{margin-bottom:30px;}
.story-text p{font-size:16px;line-height:24px;margin-bottom:16px;}
.differences-section{padding-bottom:20px;}
.capabilities-dark-section{padding-bottom:0;}
.capabilities-dark-section .capabilities-parent{padding-bottom:50px;}
.team-section{padding:50px 0;}
.team-block{margin-bottom:30px;}
.team-parent .title{justify-content:center;}
.team-parent .title h2{text-align:center;}
.team-image img{width:200px;height:200px;}
.team-block h5{margin-top:16px;}
.team-section .btn.btn-primary{margin:0 auto;}
}
/* ================================ end-about-us =================================== */

/* ========================= Life gallery block (shared: tpl-about.php + archive-career.php) ========================= */
.life-section{padding:128px 0 0 0;}
.life-title-data{margin:0 0 80px 0;}
.life-title-content{max-width:635px;width:100%;margin:0 0 0 auto;}
.life-title-content p{margin:0 0 32px 0;color:#434343;font-weight:400;}
.life-gallery-block{position:relative;}
.life-gallery-block::before{content:"";width:100%;height:100%;border-radius:12px;background-image:linear-gradient(180deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.75) 100%);position:absolute;bottom:0;left:0;}
.life-gallery-block img{width:100%;height:549px;object-fit:cover;border-radius:12px;}
.life-gallery-block-text{position:absolute;bottom:0;left:0;padding:21px 24px;z-index:1;}
.life-gallery-block-text h4{color:#fff;}
.life-gallery-slider .swiper-wrapper{-webkit-transition-timing-function:linear!important;-o-transition-timing-function:linear!important;transition-timing-function:linear!important;}
@media (min-width:1551px) and (max-width:1800px){
.life-gallery-block img{height:470px;}
}
@media (min-width:1300px) and (max-width:1550px){
.life-gallery-block img{height:370px;}
.life-gallery-block-text h4{font-size:25px;}
}
@media (min-width:1200px) and (max-width:1299px){
.life-gallery-block img{height:350px;}
}
@media (min-width:992px) and (max-width:1199px){
.life-section{padding:80px 0 0 0;}
.life-gallery-block img{height:310px;}
}
@media (min-width:768px) and (max-width:991px){
.life-section{padding:60px 0 0 0;}
.life-title-data{margin-bottom:60px;}
.life-title{margin-bottom:20px;}
.life-title-content{max-width:100%;}
.life-gallery-block img{height:310px;}
}
@media (min-width:320px) and (max-width:767px){
.life-section{padding:50px 0 0 0;}
.life-title-data{margin-bottom:30px;}
.life-title{margin-bottom:16px;}
.life-gallery-block img{height:250px;}
.life-gallery-block-text{padding:20px;}
.life-gallery-block-text h4{font-size:18px;}
}
/* ================================ end-life-gallery ================================== */

/* =========================== life @ ninja-tech ========================= */
/* ── Discover / slideshow hero ── */
.discover-section{padding:96px 0 0 0;position:relative;}
.discover-section::before{content:"";width:100%;height:100%;background:linear-gradient(180deg,#FFF 46.28%,#121212 100%);position:absolute;bottom:0;left:0;z-index:-1;}
.discover-text{text-align:center;margin:0 auto 44px auto;max-width:1123px;width:100%;}
.discover-text h1{margin:0 0 32px 0;}
.discover-text h1 span{font-style:italic;font-family:"Playfair Display",serif;line-height:78px;background-image:linear-gradient(96deg,#8A2387 30.79%,#E94057 42.44%,#F27121 54.19%);}
.slideshow-row{display:flex;flex-wrap:wrap;margin:0 -10px;}
.slideshow-col{padding:0 10px;}
.slideshow-col-lg{width:40%;}
.slideshow-col-sm{width:20%;}
.slideshow-image{margin:20px 0 0 0;}
.slideshow-image img{width:100%;border-radius:12px;object-fit:cover;}
.height-368 img{height:368px;}
.height-756 img{height:756px;}

/* ── Work-life balance ── */
.work-balance-section{padding:128px 0;background-color:#f8f8f8;position:relative;z-index:1;}
.work-balance-shape{position:absolute;bottom:0;left:0;z-index:-1;}
.work-balance-title-data{margin:0 0 80px 0;}
.work-balance-title p.work-balance-sub-title{color:#1e1e1e;font-size:18px;font-style:normal;font-weight:500;line-height:20px;}
.work-balance-title h2{margin:12px 0 16px 0;color:#1e1e1e;}
.work-balance-title p{max-width:665px;width:100%;color:#1e1e1e;}
.work-balance-title-image{display:flex;align-items:flex-end;min-height:100%;}
.work-balance-block{padding:32px;background-color:#fff;border-radius:12px;margin:0 0 0px 0;min-height:100%;}
.work-balance-block h3{color:#1e1e1e;margin:24px 0 12px 0;font-size:32px;font-style:normal;font-weight:300;line-height:normal;letter-spacing:normal;}
.work-balance-block p{color:#1e1e1e;}

/* ── Voices (testimonial-style section unique to this page) ── */
.voices-section{padding:128px 0;background-color:#f8f8f8;}
.voices-text{max-width:635px;width:100%;}
.voices-text h2{color:#1e1e1e;margin:0 0 16px 0;}
.voices-text p{color:#1e1e1e;margin:0 0 32px 0;}
.voices-data{max-width:665px;width:100%;margin:0 0 0 auto;}
.voices-block h4{padding-bottom:32px;border-bottom:1px solid #7777774D;color:#1e1e1e;}
.voices-profile{display:flex;align-items:center;flex-wrap:wrap;padding:24px 0 0 0;}
.voices-profile img{width:64px;height:64px;object-fit:cover;}
.voices-profile-text{width:calc(100% - 64px);padding:0 0 0 16px;}
.voices-profile-text h5{color:#1e1e1e;font-size:20px;font-style:normal;font-weight:400;line-height:26px;margin:0 0 8px 0;}
.voices-profile-text h6{color:#AEAEAE;font-size:16px;font-style:normal;font-weight:400;line-height:normal;}
.voices-slide-arrow{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin:-55px 0 0 0;z-index:11;position:relative;}
.voices-button-prev{margin-right:16px;}
.voices-button-prev,.voices-button-next{width:44px;height:44px;background-color:#434343;display:flex;align-items:center;justify-content:center;border-radius:100px;}

/* ── Responsive (from responsive.css, correct breakpoints preserved) ── */
@media (min-width:1551px) and (max-width:1800px){
.height-368 img{height:294px;}
.height-756 img{height:608px;}
}
@media (min-width:1300px) and (max-width:1550px){
.height-368 img{height:244px;}
.height-756 img{height:508px;}
}
@media (min-width:1200px) and (max-width:1299px){
.height-368 img{height:224px;}
.height-756 img{height:468px;}
}
@media (min-width:992px) and (max-width:1199px){
.discover-section{padding:80px 0 0 0;}
.discover-text h1{margin-bottom:24px;}
.discover-text h1 span{line-height:55px;}
.height-368 img{height:189px;}
.height-756 img{height:404px;}
.slideshow-row{margin:0 -5px;}
.slideshow-col-lg,.slideshow-col-sm{padding:0 5px;}
.slideshow-data .gx-20{--bs-gutter-x:10px;}
.work-balance-section{padding:80px 0;}
.work-balance-title-data{margin-bottom:50px;}
.voices-section{padding:80px 0;}
}
@media (min-width:768px) and (max-width:991px){
.discover-section{padding:60px 0 0 0;}
.discover-section::before{height:80%;}
.discover-text h1{margin-bottom:20px;}
.discover-text h1 span{line-height:45px;}
.slideshow-image{margin-top:10px;}
.height-368 img{height:138px;}
.height-756 img{height:295px;}
.work-balance-section{padding:60px 0;}
.work-balance-title-data{margin-bottom:50px;}
.voices-section{padding:60px 0;}
.voices-text p{margin-bottom:16px;}
.voices-profile img{width:45px;height:45px;}
.voices-profile-text{width:calc(100% - 45px);}
.voices-profile-text h5{font-size:18px;margin-bottom:0;}
.voices-profile-text h6{font-size:14px;}
.voices-slide-arrow{margin:-40px 0 0 0;}
.voices-button-prev{margin-right:10px;}
.voices-button-prev,.voices-button-next{width:40px;height:40px;}
}
@media (min-width:320px) and (max-width:767px){
.discover-section{padding:80px 0 0 0;}
.discover-text h1{margin-bottom:20px;}
.discover-text h1 span{line-height:40px;}
.discover-text{margin-bottom:20px;}
.slideshow-section{padding:0 15px;}
.slideshow-row{margin:0 -5px;}
.slideshow-col-lg,.slideshow-col-sm{width:100%;padding:0 5px;}
.slideshow-data .gx-20{--bs-gutter-x:10px;}
.slideshow-image{margin-top:10px;}
.slideshow-image img{height:auto;}
.work-balance-section{padding:50px 0;}
.work-balance-title-data{margin-bottom:50px;}
.work-balance-title-image{margin-top:20px;min-height:auto;}
.work-balance-block{padding:20px;}
.voices-section{padding:50px 0 0 0;}
.voices-parent{padding-bottom:50px;border-bottom:1px solid #7777774D;}
.voices-text{max-width:100%;margin-bottom:30px;}
.voices-text p{margin-bottom:16px;}
.voices-profile img{width:45px;height:45px;}
.voices-profile-text{width:calc(100% - 45px);}
.voices-profile-text h5{font-size:18px;margin-bottom:0;}
.voices-profile-text h6{font-size:14px;}
.voices-slide-arrow{justify-content:center;margin:20px 0 0 0;}
}
@media (min-width:576px) and (max-width:767px){
.height-368 img{height:268px;}
}
/* ============================== End- life @ninja-tech ================================= */

/* ========================= /career/ (archive-career.php) ========================= */
.career-item h2{margin:0 12px 12px 0;color:#121212;display:inline-block;font-size:32px;font-style:normal;font-weight:300;line-height:normal;letter-spacing:normal;}
@media (min-width:320px) and (max-width:767px){
.career-item h2{font-size:20px;margin-bottom:5px;}
}
.career-hiring-process-section .hiring-process-block p{color:#434343;}
/* ================================ end-career ================================== */

/* ========================= /gallery/ (template-parts/tpl-gallery.php) =========================
   Shared with tpl-life-ninja-tech.php (both pages now load insights.css, so these
   moved together). .ninjatech-gallery-item-title h3's base rule stayed in style.css
   because its responsive.css overrides are bundled with unrelated career/AI classes
   that can't move — keeping the base+override pair on the same stylesheet avoids a
   cascade-order bug. ============================= */
.ninjatech-gallery{padding:128px 0;}
.ninjatech-gallery .banner-text-parent{margin-bottom:48px;padding-bottom:72px;border-bottom:1px solid #AEAEAE;}
.ninjatech-gallery-item{margin:0 0 48px 0;}
.ninjatech-gallery-item-title{margin-bottom:15px;}
.ninjatech-gallery-item-image img{width:100%;height:243px;border-radius:12px;object-fit:cover;}
.connect-section{padding-bottom:128px;}
.connect-block-wrape{position:relative;border-radius:12px;}
.connect-block-wrape::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-1px;transition:all 0.5s ease;border-radius:12px;background-image:linear-gradient(93.3deg,#8A2387 4.23%,#E94057 50.82%,#F27121 97.8%);}
.connect-block{padding:108px 20px 96px 20px;background-color:#fff;border-radius:12px;position:relative;}
.connect-img-right{position:absolute;left:0;top:40px;}
.connect-img-left{position:absolute;right:0;bottom:0;border-radius:0 0 12px 12px;}
.connect-block-text{max-width:666px;width:100%;margin:0 auto;text-align:center;}
.connect-block-text h3{margin:0 0 24px 0;font-weight:600;line-height:64px;}
.connect-block-text p{margin:0 0 40px 0;line-height:30px;}
.connect-block-text ul{list-style:none;margin:0;display:flex;flex-wrap:wrap;justify-content:center;}
.connect-block-text ul li{margin:0 24px 0 0;}
.connect-block-text ul li:last-child{margin-right:0;}
.connect-block-text ul li a{display:block;}
.ganesh-chaturthi img{object-position:top;height:400px;}
.xmas-pics img{height:400px;}
.monthend-celebrations img{height:350px;}

/* ── Responsive (from responsive.css, correct breakpoints preserved) ── */
@media (min-width:1300px) and (max-width:1550px){
.connect-img-right{max-width:300px;}
.connect-img-left{max-width:250px;}
}
@media (min-width:1200px) and (max-width:1299px){
.ninjatech-gallery-item-title .career-badge{font-size:14px;padding:7px 12px 5px 12px;margin-top:0;}
.connect-block{padding:50px 20px;}
.connect-block-text{max-width:490px;}
.connect-block-text h3{line-height:normal;margin-bottom:20px;}
.connect-block-text p{margin-bottom:20px;line-height:24px;}
.connect-block-text ul li a img{width:50px;}
.connect-img-right{max-width:260px;}
.connect-img-left{max-width:200px;}
.ninjatech-gallery-item-image img{height:350px;}
}
@media (min-width:992px) and (max-width:1199px){
.ninjatech-gallery .banner-text-parent{padding-bottom:30px;margin-bottom:30px;}
.ninjatech-gallery-item-title .career-badge{font-size:14px;padding:7px 12px 5px 12px;margin-top:0;}
.connect-section{padding-bottom:80px;}
.connect-block{padding:50px 20px;}
.connect-block-text{max-width:490px;}
.connect-block-text h3{line-height:normal;margin-bottom:20px;}
.connect-block-text p{margin-bottom:20px;line-height:24px;}
.connect-block-text ul li a img{width:50px;}
.connect-img-right{max-width:200px;top:20px;}
.connect-img-left{max-width:170px;}
.ganesh-chaturthi img{height:300px;}
.ninjatech-gallery-item-image img{height:300px;}
}
@media (min-width:768px) and (max-width:991px){
.ninjatech-gallery .banner-text-parent{padding-bottom:30px;margin-bottom:30px;}
.ninjatech-gallery-item-image img{height:200px;}
.ninjatech-gallery-item-title .career-badge{font-size:14px;padding:8px 12px 4px 12px;margin-top:0;}
.connect-section{padding-bottom:60px;}
.connect-block{padding:78px 20px 86px 20px;}
.connect-block-text{max-width:490px;}
.connect-block-text h3{line-height:normal;margin-bottom:20px;}
.connect-block-text p{margin-bottom:20px;line-height:24px;}
.connect-block-text ul li a img{width:50px;}
.connect-img-right{max-width:200px;}
.connect-img-left{max-width:170px;}
}
@media (min-width:320px) and (max-width:1080px){
.monthend-celebrations img{height:250px;}
}
@media (min-width:320px) and (max-width:767px){
.ninjatech-gallery .banner-text-parent{padding-bottom:30px;margin-bottom:30px;}
.ninjatech-gallery-item-image img{height:auto;}
.connect-section{padding-bottom:50px;}
.connect-block{padding:75px 20px;}
.connect-block-text h3{line-height:normal;margin-bottom:16px;}
.connect-block-text p{margin-bottom:16px;line-height:24px;}
.connect-block-text ul li{margin-right:13px;}
.connect-block-text ul li a img{width:35px;}
.connect-img-right{top:20px;max-width:130px;}
.connect-img-left{width:100px;}
}
@media (min-width:576px) and (max-width:767px){
.ninjatech-gallery-item .gy-32{--bs-gutter-y:15px;}
.ninjatech-gallery-item .gx-32{--bs-gutter-x:15px;}
.ninjatech-gallery-item-image img{height:250px;}
}
/* ================================ end-gallery ================================== */