*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

/* =========================================================
   HERO
========================================================= */
.hero-section{
    position:relative;
    width:100%;
    min-height:100vh;
    overflow:hidden;
    background: url("/company/about/image/ABout hero image.webp");
    background-size:cover;
    background-position:center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.about-content{
    position:relative;
    z-index:2;
    width:100%;
    text-align:center;
}

.about-head{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:12px 49px;
    border-radius:40px;
    border:1px solid #C7CBDB;
    background:#FFF;
    box-shadow:0 20px 20px rgba(32,41,76,.20);
    margin-bottom: 20px;
}

.about-content .about-head p{
    margin:0;
    color:#4C4C4C;
    font-family:Roboto,sans-serif;
    font-size:16px;
    font-weight:500;
    line-height:1;
    letter-spacing:.5px;
    text-transform:uppercase;
}

.about-content h1{
    color:#FFF;
    text-align:center;
    font-family:"FONTSPRING DEMO - Roc Grotesk",sans-serif;
    font-size:72px;
    font-weight:700;
    line-height:72px;
    letter-spacing:-1.4px;
    margin-bottom:25px;
}

.about-content p{
    max-width:965px;
    margin:0 auto;
    color:#FFF;
    text-align:center;
    font-family:Roboto,sans-serif;
    font-size:16px;
    font-weight:400;
    line-height:28px;
    letter-spacing:-0.2px;
}

@media (max-width:1200px){
    .about-content h1{ font-size:60px; line-height:64px; }
}
@media (max-width:991px){
    .about-content{ padding:90px 25px; }
    .about-content h1{ font-size:48px; line-height:56px; }
    .about-content p{ font-size:17px; line-height:30px; }
}
@media (max-width:767px){
    .hero-section{ min-height:auto; }
    .about-content{ padding:80px 20px; }
    .about-head{ padding:8px 16px; }
    .about-head p{ font-size:14px; }
    .about-content h1{ font-size:38px; line-height:46px; }
    .about-content p{ font-size:15px; line-height:26px; }
}
@media (max-width:480px){
    .about-content{ padding:70px 16px; }
    .about-content h1{ font-size:32px; line-height:40px; }
    .about-content p{ font-size:14px; line-height:24px; }
}

/* =========================================================
   WHO WE ARE
========================================================= */
.technology-section {
    width:100%;
    padding:100px 0px;
    overflow:hidden;
    position:relative;
    background-color:#fff;
}
.technology-wrapper {
    width:100%;
    max-width:1220px;
    margin:auto;
}
.technology-section .top-badge {
    display:inline-flex;
    border-radius:40px;
    border:1px solid #C7CBDB;
    background:#297907;
    box-shadow:0 1px 4px 0 rgba(32,41,76,.10);
    padding:12px 26px;
    margin-bottom:20px;
    color:#FFF;
    font-family:Roboto;
    font-size:16px;
    font-weight:400;
    line-height:16px;
    text-transform:capitalize;
}
.technology-section .heading {
    color:#000;
    font-family:"FONTSPRING DEMO - Roc Grotesk";
    font-size:40px;
    font-weight:700;
    line-height:40px;
    letter-spacing:-1.44px;
    text-align:left;
    margin:0;
    max-width:980px;
}
.green-color { color:#297907; }
.technology-section .description {
    margin-top:16px;
    text-align:center;
    color:rgba(12,2,29,0.60);
    font-family:Roboto;
    font-size:16px;
    font-weight:400;
    line-height:25px;
    letter-spacing:-0.2px;
}
.image-wrapper { margin-top:60px; width:100%; }
.technology-image { width:100%; height:auto; display:block; object-fit:contain; }

@media (max-width:1024px){ .technology-section .heading{ font-size:46px; } }
@media (max-width:768px){
    .technology-section{ padding:40px 14px; }
    .technology-section .heading{ font-size:34px; line-height:1.15; letter-spacing:-1px; }
    .technology-section .description{ font-size:15px; line-height:1.7; }
    .technology-section .top-badge{ font-size:12px; padding:7px 16px; }
    .image-wrapper{ margin-top:28px; }
}
@media (max-width:480px){
    .technology-section .heading{ font-size:28px; padding:0px 40px; }
    .technology-section .description{ font-size:14px; }
}

/* =========================================================
   THE PARENT COMPANY
========================================================= */
.parent-company-section{
    max-width:100%;
    position:relative;
    overflow:hidden;
    padding:100px 40px 90px;
    background: url("/company/about/image/THE PARENT COMPANY.webp");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.parent-company-section *{ box-sizing:border-box; }
.parent-company-section .container{ margin:auto; max-width:1300px; }
.parent-company-section .content-wrapper{
    display:grid;
    grid-template-columns:50% 40%;
    gap:70px;
    align-items:center;
}
.parent-company-section .left{ position:relative; z-index:2; }
.parent-company-section .pill{
    display:inline-flex;
    border-radius:40px;
    border:1px solid #C7CBDB;
    background:#297907;
    box-shadow:0 1px 4px rgba(32,41,76,.10);
    padding:12px 26px;
    margin-bottom:10px;
    color:#FFF;
    font-family:Roboto,sans-serif;
    font-size:16px;
    font-weight:400;
    line-height:16px;
    text-transform:capitalize;
}
.parent-company-section .heading{
    color:#FFF;
    font-family:"FONTSPRING DEMO - Roc Grotesk";
    font-size:40px;
    font-weight:700;
    line-height:40px;
    letter-spacing:-1.44px;
    margin:20px 0px;
}
.parent-class { color:#8A898A; }
.parent-company-section .description p{
    margin:0px;
    color:#FFF;
    font-family:Roboto;
    font-size:16px;
    font-weight:400;
    line-height:25px;
    letter-spacing:-0.2px;
}
.parent-company-section .bottom-info{
    margin:140px 0px 0px 0px;
    max-width:100%;
    border:1px solid #565B4D;
    border-radius:40px;
    background:rgba(21,33,0,0.44);
    padding:25px 206px;
    text-align:center;
    position:relative;
    z-index:2;
}
.parent-company-section .bottom-info p{
    margin:0;
    color:#FFF;
    text-align:center;
    font-family:Roboto;
    font-size:16px;
    font-weight:400;
    line-height:25px;
    letter-spacing:-0.2px;
}
@media(max-width:991px){
    .parent-company-section{ padding:80px 0; }
    .parent-company-section .content-wrapper{ grid-template-columns:1fr; gap:40px; }
    .parent-company-section .right{ order:-1; }
    .parent-company-section .heading{ font-size:42px; line-height:46px; }
    .parent-company-section .bottom-info{ border-radius:24px; padding:20px; }
}

/* =========================================================
   WHAT MODERNIZE SOFTWARE DOES
========================================================= */
.dms-section-frist { padding:0px; background:#fff; }
.green-card { max-width:519px; }
.green-card img { width:100%; display:block; }
.dms-section-frist .container{ max-width:1300px; width:92%; margin:auto; }
.dms-row {
    display:flex;
    
    align-items:center;
    gap:80px;
    padding:30px 0px 30px;
}
.dms-second-sec { padding-top:65px; padding-bottom:80px; }
.dms-row+.dms-row { border-top:1px solid #E6E6E6; }
.dms-row.reverse { grid-template-columns:1fr 1fr; }
.dms-image img { width:100%; display:block; }
.heading {
    color:#000;
    font-family:"FONTSPRING DEMO - Roc Grotesk";
    font-size:40px;
    font-weight:700;
    line-height:40px;
    letter-spacing:-1.44px;
    max-width:520px;
}
.gray-col0r { color:#777677; }
.dms-head { width:305px; }
.dms-content p {
    color:rgba(12,2,29,0.60);
    font-family:Roboto;
    font-size:16px;
    font-weight:400;
    line-height:25px;
    letter-spacing:-0.2px;
    margin:20px 0px 25px;
}
@media(max-width:991px){
    .dms-row,.dms-row.reverse{ grid-template-columns:1fr; gap:40px; padding:40px 0; }
    .dms-row.reverse .dms-image{ order:-1; }
    .heading{ font-size:38px; line-height:42px; }
}

/* =========================================================
   WHY MODERNIZE SOFTWARE (GREEN SECTION)
========================================================= */
.container,.practice-sec,.dms-sec{ max-width:1400px; margin:auto; }.practice-content h2
.practice-section {
    padding:40px 40px;
    background:linear-gradient(180deg,#1F3001 0%,#194E03 100%);
}
.practice-box {
    display:grid;
    grid-template-columns:55% 45%;
    background:linear-gradient(90deg,#051700 0%,#072100 55%,#051700 100%);
    border-radius:20px;
    overflow:hidden;
}
.practice-content { padding:55px 42px; }
.practice-tag {
    background-color:#FFFFFF33;
    display:inline-block;
    padding:10px 30px;
    border-radius:40px;
    color:#FFF;
    text-align:center;
    font-family:Roboto;
    font-size:16px;
    font-weight:400;
    line-height:25px;
    letter-spacing:-0.2px;
    margin-bottom:20px;
}
.practice-content h2 {
    font-family:"FONTSPRING DEMO - Roc Grotesk";
    color:#fff;
    font-weight:700;
    font-size:40px;
    line-height:40px;
    letter-spacing:-1.44px;
    margin-bottom:26px;
    max-width:540px;
}
.practice-content p {
    font-family:Roboto;
    font-weight:400;
    font-size:16px;
    line-height:25px;
    letter-spacing:-0.2px;
    color:#FFFFFFB2;
    margin-bottom:26px;
    max-width:560px;
}
.practice-image { height:100%; }
.practice-image img { width:100%; height:100%; display:block; object-fit:cover; }

/* =========================================================
   DMS SECTION
========================================================= */
.dms-section { padding:80px 40px 40px; background:#fff; }
.dms-box {
    display:flex;
   
    align-items:center;
    gap:68px;
}
.dms-image { border-radius:16px; overflow:hidden;width:50%; }
.dms-image img { width:100%; display:block; }
.dms-content h2 {
    color:#000;
    font-family:"FONTSPRING DEMO - Roc Grotesk";
    font-size:40px;
    font-weight:700;
    line-height:40px;
    letter-spacing:-1.44px;
    margin-bottom:20px;
}
.dms-content h2 span {
    color:#777677;
    font-family:"FONTSPRING DEMO - Roc Grotesk";
    font-size:40px;
    font-weight:700;
    line-height:40px;
    letter-spacing:-1.44px;
}
.dms-content>p {
    color:rgba(0,0,0,0.70);
    font-family:Roboto;
    font-size:16px;
    font-weight:400;
    line-height:25px;
    max-width:635px;
    letter-spacing:-0.2px;
}
.dms-list { list-style:none; padding:0; margin:20px 0 0; }
.dms-list>li { list-style:none; }
.dms-list strong {
    display:block;
    color:#000;
    font-family:Roboto;
    font-size:16px;
    font-weight:600;
    line-height:25px;
    letter-spacing:-0.2px;
}
.dms-content {
    width: 50%;
}
.dms-list ul { list-style:disc; padding-left:22px; }
.dms-list ul li {
    list-style:disc;
    color:rgba(0,0,0,0.70);
    font-family:Roboto;
    font-size:16px;
    font-weight:400;
    line-height:25px;
    letter-spacing:-0.2px;
}
@media(max-width:991px){
    .practice-box,.dms-box{ grid-template-columns:1fr; }
    .practice-content{ padding:45px 30px; }
    .practice-content h2,.dms-content h2{ font-size:38px; }
}

/* =========================================================
   TECHNOLOGY EVOLUTION
========================================================= */
.tech-history {
    padding:40px 0 30px;
    position:relative;
    overflow:hidden;
    background:url("/company/about/image/TECHNOLOGY EVOLUTION.webp");
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
}
.techevaluaction-container {
    max-width:1340px;
    width:100%;
    margin:auto;
    padding:0 30px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:100px;
}
.history-left { width:54%; min-height:auto; position:relative; display:flex; align-items:center; }
.history-content { position:relative; z-index:5; max-width:470px; }
.history-label {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:10px 30px;
    border-radius:1000px;
    background:rgba(255,255,255,0.20);
    color:#FFF;
    text-align:center;
    font-family:Roboto;
    font-size:16px;
    font-weight:400;
    line-height:25px;
    letter-spacing:-0.2px;
    margin-bottom:20px;
}
.history-content h2 {
    color:#FFF;
    font-family:"FONTSPRING DEMO - Roc Grotesk";
    font-size:40px;
    font-weight:700;
    line-height:40px;
    letter-spacing:-1.44px;
    text-transform:capitalize;
    margin-bottom:20px;
    width:476px;
}
.history-content p {
    color:#FFF;
    font-family:Roboto;
    font-size:16px;
    font-weight:400;
    line-height:25px;
    letter-spacing:-0.2px;
}
.history-right { width:50%; position:relative; }
.timeline-scroll {
    height:540px;
    overflow-y:auto;
    padding-right:45px;
    scroll-snap-type:y mandatory;
    scrollbar-width:none;
}
.timeline-scroll::-webkit-scrollbar { display:none; }
.timeline-item {
    position:relative;
    display:flex;
    align-items:flex-start;
    gap:27px;
    margin-bottom:40px;
    scroll-snap-align:start;
}
.timeline-icon { flex:0 0 12px; width:12px; display:flex; justify-content:center; }
.timeline-icon svg { display:block; width:12px; height:135px; }
.timeline-content { flex:1; }
.timeline-content h3 {
    margin:0 0 10px;
    color:#FFF;
    font-family:Inter;
    font-size:22px;
    font-weight:500;
    line-height:40.669px;
}
.timeline-content p {
    margin:0;
    color:#D2CFCF;
    font-family:Inter;
    font-size:16px;
    font-weight:400;
    line-height:28.708px;
}
.timeline-item:last-child { margin-bottom:0; }
@media(max-width:1024px){
    .container{ flex-direction:column; gap:70px; }
    .history-left,.history-right{ width:100%; }
    .history-left{ min-height:430px; }
    .history-content h2{ font-size:46px; }
    .timeline-scroll{ height:360px; }
}
@media(max-width:991px){
    .timeline-scroll{ height:420px; padding-right:20px; }
    .timeline-item{ gap:20px; margin-bottom:40px; }
    .timeline-content h3{ font-size:34px; }
    .timeline-content p{ font-size:15px; }
}
@media(max-width:767px){
    .tech-history{ padding:70px 0; }
    .container{ padding:0 20px; }
    .history-content h2{ font-size:34px; }
    .history-content p{ font-size:15px; }
    .history-label{ font-size:10px; }
    .timeline-scroll{ height:320px; padding-right:28px; }
    .timeline-item{ gap:16px; margin-bottom:32px; }
    .timeline-content h3{ font-size:28px; }
    .timeline-content p{ font-size:14px; }
}

/* =========================================================
   FOUR PRINCIPLES
========================================================= */
.principles-section{ background:#fff; padding:30px 0; }
.principles-container{ max-width:1340px; margin:auto; }
.principles-heading{ text-align:center; margin-bottom:80px; }
.principles-heading h2{
    color:#000;
    font-family:"FONTSPRING DEMO - Roc Grotesk";
    font-size:40px;
    font-weight:700;
    line-height:40px;
    letter-spacing:-1.44px;
    margin-bottom:16px;
}
.principles-heading p{
    color:rgba(0,0,0,0.70);
    font-family:Roboto;
    font-size:16px;
    font-weight:400;
    line-height:25px;
    letter-spacing:-0.2px;
}
.principles-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
    align-items:start;
}
.principle-card:nth-child(even){ margin-top:35px; height:414px; }
.principle-card:nth-child(odd){ height:407px; }
.principle-card{
    background:#fff;
    border-radius:20px;
    border:1px solid #000;
    overflow:hidden;
}
.principle-header{
    background:linear-gradient(180deg,#608A00 0%,#192400 100%);
    padding:16px 35px;
    min-height:82px;
    display:flex;
    align-items:center;
}
.principle-header h3{
    color:#FFF;
    font-family:Inter;
    font-size:22px;
    font-weight:500;
    line-height:30px;
}
.principle-body{ padding:30px 35px 30px; }
.principle-body p{
    color:#000;
    font-family:Inter;
    font-size:16px;
    font-weight:400;
    line-height:23px;
    margin-bottom:16px;
}
.principle-body p:last-child{ margin-bottom:0; }
@media(max-width:1100px){ .principles-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:767px){
    .principles-section{ padding:60px 0; }
    .principles-heading h2{ font-size:38px; }
    .principles-grid{ grid-template-columns:1fr; }
    .principle-card:nth-child(even){ margin-top:0; }
    .principle-header h3{ font-size:22px; }
}

/* =========================================================
   STATS
========================================================= */
.stats-section{ background:#fff; padding:0 0 90px; }
.stats-container{ max-width:1340px; margin:auto; }
.stats-box{ border-radius:20px; background:rgba(217,217,217,0.20); padding:80px 40px; }
.stats-heading{ text-align:center; margin-bottom:55px; }
.stats-heading h2{
    color:#000;
    font-family:"FONTSPRING DEMO - Roc Grotesk";
    font-size:40px;
    font-weight:700;
    line-height:40px;
    letter-spacing:-1.44px;
    margin-bottom:20px;
}
.stats-heading h2 span{ color:#297907; }
.stats-heading p{
    max-width:760px;
    margin:auto;
    color:rgba(0,0,0,0.70);
    text-align:center;
    font-family:Inter;
    font-size:16px;
    font-weight:400;
    line-height:25px;
    letter-spacing:-0.2px;
}
.stats-grid{ display:grid; grid-template-columns:repeat(6,1fr); align-items:flex-start; }
.stat-item{ text-align:center; padding:0 20px; position:relative; }
.stat-item:not(:last-child)::after{
    content:"";
    position:absolute;
    right:0; top:8px;
    width:1px; height:107px;
    background:#0000004D;
}
.stat-number{
    color:#000;
    font-family:Roboto;
    font-size:40px;
    font-weight:700;
    line-height:40px;
    letter-spacing:-1.44px;
    margin-bottom:10px;
}
.stat-label{
    color:rgba(0,0,0,0.70);
    font-family:Roboto;
    font-size:16px;
    font-weight:400;
    line-height:25px;
    letter-spacing:-0.2px;
    text-transform:capitalize;
}
@media(max-width:1100px){
    .stats-grid{ grid-template-columns:repeat(3,1fr); row-gap:40px; }
    .stat-item:nth-child(3)::after,.stat-item:nth-child(6)::after{ display:none; }
}
@media(max-width:767px){
    .stats-section{ padding-bottom:60px; }
    .stats-box{ padding:40px 25px; }
    .stats-heading{ margin-bottom:40px; }
    .stats-heading h2{ font-size:36px; }
    .stats-heading p{ font-size:16px; line-height:24px; }
    .stats-grid{ grid-template-columns:repeat(2,1fr); gap:35px 25px; }
    .stat-item{ padding:0; }
    .stat-item::after{ display:none; }
    .stat-number{ font-size:40px; }
    .stat-label{ font-size:15px; line-height:22px; }
}
@media(max-width:480px){
    .stats-grid{ grid-template-columns:1fr; }
    .stat-number{ font-size:38px; }
}

/* =========================================================
   LEADERSHIP SECTION
========================================================= */
img { max-width:100%; display:block; }
a { text-decoration:none; }

.leadership-section {
    position:relative;
    overflow:hidden;
    background:url("/company/about/image/The people running the practice.webp");
    padding:90px 0;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
}
.section-heading{ text-align:center; max-width:940px; margin:0 auto 90px; }
.section-heading h2{
    color:#FFF;
    text-align:center;
    font-family:"FONTSPRING DEMO - Roc Grotesk";
    font-size:40px;
    font-weight:700;
    line-height:40px;
    letter-spacing:-1.44px;
}
.section-heading p{
    margin-top:20px;
    color:#C6CCCE;
    text-align:center;
    font-family:Roboto;
    font-size:16px;
    font-weight:400;
    line-height:25px;
    letter-spacing:-0.2px;
}
.leadership-wrapper{ position:relative; max-width:1350px; margin:0 auto; }
.center-line {
    position:absolute;
    top:0; bottom:0; left:50%;
    width:2px;
    transform:translateX(-50%);
    background:linear-gradient(180deg,rgba(111,223,85,0) 0%,#6FDF55 10%,#6FDF55 90%,rgba(111,223,85,0) 100%);
    box-shadow:0 0 8px #6FDF55;
}
.leader-row {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:90px;
    align-items:center;
    padding:0px 0px 70px;
    position:relative;
}
.last-row { padding:0px; }
.leader-left { display:flex; flex-direction:column; }
.leader-left p {
    color:#E2E2E2;
    text-align:right;
    font-family:Inter;
    font-size:16px;
    font-weight:400;
    line-height:25.6px;
    max-width:629px;
}
.leader-pills { display:flex; justify-content:flex-end; gap:12px; margin-top:44px; flex-wrap:wrap; }
.leader-pills span{
    border-radius:12px;
    background:#282A2B;
    color:#E2E2E2;
    font-family:Roboto;
    font-size:12px;
    font-weight:700;
    line-height:12px;
    letter-spacing:1.2px;
    padding:5px 12px;
}
.leader-right{ align-self:start; }
.leader-meta{ display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.green-dot{ width:8px; height:8px; border-radius:12px; background:#6FDF55; }
.leader-label{
    color:#C5C6CA;
    font-family:Roboto;
    font-size:12px;
    font-weight:700;
    line-height:12px;
    letter-spacing:1.2px;
    text-transform:uppercase;
}
.leader-right h3{
    color:#E2E2E2;
    font-family:"FONTSPRING DEMO - Roc Grotesk";
    font-size:48px;
    font-weight:700;
    line-height:57.6px;
    letter-spacing:-0.96px;
    margin-bottom:4px;
}
.leader-right h4{ color:#6FDF55; font-size:17px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }
.team-behind{ max-width:933px; margin:90px auto 70px; text-align:center; position:relative; z-index:2; }
.team-behind h3{
    color:#BEFF00;
    text-align:center;
    font-family:Inter;
    font-size:22px;
    font-weight:500;
    line-height:40.669px;
    margin-bottom:20px;
}
.team-behind p{
    margin:0 auto;
    color:#D2CFCF;
    text-align:center;
    font-family:Inter;
    font-size:16px;
    font-weight:400;
    line-height:28.708px;
}
.team-footer{
    border-radius:20px;
    border:1px solid rgba(255,255,255,0.30);
    background:rgba(0,0,0,0.40);
    backdrop-filter:blur(8.55px);
    text-align:center;
    padding:70px 40px;
}
.team-footer h2{
    color:#FFF;
    text-align:center;
    font-family:"FONTSPRING DEMO - Roc Grotesk";
    font-size:40px;
    font-weight:700;
    line-height:40px;
    letter-spacing:-1.44px;
}
.team-footer p{
    margin-top:20px;
    color:#C6CCCE;
    text-align:center;
    font-family:Roboto;
    font-size:16px;
    font-weight:400;
    line-height:25px;
    letter-spacing:-0.2px;
}

/* LOGO SLIDER */
.logo-slider{ width:100%; overflow:hidden; position:relative; margin-top:60px; }
.logo-track{
    display:flex;
    align-items:center;
    width:max-content;
    animation:bounceMarquee 20s linear infinite alternate;
}
.logo-slider:hover .logo-track{ animation-play-state:paused; }
.logo-item{ flex:0 0 auto; display:flex; justify-content:center; align-items:center; padding:0 25px; }
.logo-item img{ width:100%; max-width:100px; height:auto; object-fit:contain; transition:transform .35s ease; }
.logo-item:hover img{ transform:scale(1.08); }
@keyframes bounceMarquee{
    from{ transform:translateX(0); }
    to{ transform:translateX(calc(-50%)); }
}
@media(max-width:991px){ .logo-item{ width:140px; } .logo-track{ animation-duration:20s; } }
@media(max-width:767px){ .logo-item{ width:120px; padding:0 15px; } .logo-item img{ max-width:80px; } .logo-track{ animation-duration:16s; } }

@media(max-width:1200px){ .leader-row{ gap:80px; } .section-heading h2,.team-footer h2{ font-size:48px; } }
@media(max-width:991px){
    .center-line{ display:none; }
    .leader-row{ grid-template-columns:1fr; gap:35px; padding:60px 0; }
    .leader-right{ padding-left:0; }
    .leader-pills{ justify-content:flex-start; }
    .section-heading h2{ font-size:42px; }
    .team-footer h2{ font-size:40px; }
}
@media(max-width:767px){
    .leadership-section{ padding:80px 0; }
    .section-heading{ margin-bottom:60px; }
    .section-heading h2{ font-size:34px; }
    .section-heading p{ font-size:16px; }
    .leader-left p{ font-size:16px; }
    .leader-right h3{ font-size:28px; }
    .team-footer h2{ font-size:30px; }
    .team-footer p{ font-size:16px; }
}
@media(max-width:991px){ .team-behind{ margin:70px auto 60px; padding:0 20px; } .team-behind h3{ font-size:22px; } .team-behind p{ font-size:15px; line-height:1.8; } }
@media(max-width:767px){ .team-behind{ margin:60px auto 40px; } .team-behind h3{ font-size:20px; margin-bottom:16px; } .team-behind p{ font-size:14px; line-height:1.8; } }

/* =========================================================
   SERVICE SECTION (bottom)
========================================================= */

.pills{
    display:inline-flex;
    border-radius:40px;
    border:1px solid #C7CBDB;
    background:#297907 !important;
    box-shadow:0 1px 4px rgba(32,41,76,.10);
    padding:12px 40px;
    margin-bottom:30px;
    color:#FFF;
    font-family:Roboto,sans-serif;
    font-size:16px;
    font-weight:400;
    line-height:16px;
    text-transform:capitalize;
}
.service-section{ width:100%; font-family:Arial,Helvetica,sans-serif; }
.container-1350{ max-width:1340px; width:100%; margin:auto; padding:0 30px; }
.quote-section{ background:#223500; padding:90px 0; }
.quote-inner{ max-width:1196px; margin:auto; text-align:center; }
.quote-line{ width:64px; height:4px; margin:0 auto 30px; background:#6FDF55; }
.quote-inner h2{
    color:#E2E2E2;
    text-align:center;
    font-family:"FONTSPRING DEMO - Roc Grotesk";
    font-size:48px;
    font-weight:700;
    line-height:60px;
    letter-spacing:-0.96px;
    margin-bottom:60px;
}
.quote-inner h4{
    color:#E2E2E2;
    text-align:center;
    font-family:Roboto;
    font-size:32px;
    font-weight:700;
    line-height:38.4px;
    letter-spacing:-1.6px;
    margin-bottom:12px;
}
.quote-inner span{
    color:#6FDF55;
    text-align:center;
    font-family:Roboto;
    font-size:12px;
    font-weight:700;
    line-height:12px;
    letter-spacing:3.6px;
    text-transform:uppercase;
}
.service-content{ background:#FFF; padding:80px 0; }
.service-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.service-column h2{
    color:#000;
    font-family:"FONTSPRING DEMO - Roc Grotesk";
    font-size:40px;
    font-weight:700;
    line-height:40px;
    letter-spacing:-1.44px;
    margin-bottom:20px;
}
.service-column .intro{
    color:rgba(0,0,0,0.70);
    font-family:Inter;
    font-size:16px;
    font-weight:400;
    line-height:25px;
    letter-spacing:-0.2px;
}
.service-card{
    border-radius:20px;
    background:#F0F0F0;
    backdrop-filter:blur(8.55px);
    padding:40px;
}
.service-card h3{
    color:#000;
    font-family:Roboto;
    font-size:26px;
    font-weight:600;
    line-height:40px;
    letter-spacing:-1.44px;
    margin-bottom:20px;
}
.service-card p{
    color:#1D1D1D;
    font-family:Roboto;
    font-size:16px;
    font-weight:400;
    line-height:28px;
    letter-spacing:-0.2px;
}
.service-card hr{ border:none; border-top:1px solid #777677; margin:40px 0; }
.service-introtwo{ margin-bottom:80px; }
.service-introone{ margin-bottom:56px; }
@media(max-width:1024px){
    .container-1350{ padding:0 25px; }
    .quote-section{ padding:70px 0; }
    .quote-inner h2{ font-size:34px; }
    .service-grid{ gap:30px; }
    .service-column h2{ font-size:38px; }
}
@media(max-width:768px){
    .quote-section{ padding:60px 0; }
    .quote-inner h2{ font-size:28px; margin-bottom:30px; }
    .quote-inner h4{ font-size:17px; }
    .quote-inner span{ font-size:10px; letter-spacing:2px; }
    .service-content{ padding:60px 0; }
    .service-grid{ grid-template-columns:1fr; gap:35px; }
    .service-column h2{ font-size:32px; }
    .service-card{ padding:25px; }
}
@media(max-width:480px){
    .container-1350{ padding:0 20px; }
    .quote-inner h2{ font-size:22px; line-height:1.45; }
    .service-column h2{ font-size:26px; }
    .service-column .intro,.service-card p{ font-size:14px; }
    .service-card h3{ font-size:16px; }
}

.about-page .footer-cta  {
    display: none;
}

.about-page .footer-section {
        border-radius: 0px;
}


/*  */

.about-cta{
    position:relative;
    overflow:hidden;
    border-radius:34px 34px 0 0;
    min-height:430px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:90px 20px;
    background:#020202;
}

.about-cta-bg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}

.about-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.38);
}

.about-cta-content{
    position:relative;
    z-index:2;
    width:90%;
}

.about-heading{
    color: #FFF;
    text-align: center;
    font-family: "FONTSPRING DEMO - Roc Grotesk", Arial, sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 45px;
    letter-spacing: -0.9px;
    margin-bottom: 20px;
}

.about-description{
    font-family: Roboto;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom:40px;
}

.about-buttons{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:18px;
    flex-wrap:wrap;
}

.green-btn{
    position: relative;
    overflow: hidden;
    margin-top: 30px;
    border-radius: 50px;
    background: #0D1100;
    padding: 20px 20px;
font-family: Inter;
    color: #BEFF00;
    box-shadow: 0 0 10px 0 rgba(190, 255, 0, 0.40);
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    text-transform: capitalize;
    cursor: pointer;
    border: none;

    z-index: 1;
}

/* Smooth Animated Border */
.green-btn::before{
    content: "";
    position: absolute;
    inset: -2px;
    border-radius: 50px;

    background: conic-gradient(
        from 00deg,
        transparent,
        #BEFF00,
        transparent,
        transparent
    );

    animation: rotateBorder 2.5s linear infinite;

    z-index: -2;
}

/* Inner Background */
.green-btn::after{
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: 50px;
    background: #0D1100;
    z-index: -1;
}

/* Smooth Rotation */
@keyframes rotateBorder{
    100%{
        transform: rotate(360deg);
    }
}
.white-btn{
    font-family: Inter;
    border-radius: 50px;
    border: 1px solid #000;
    background: #FFF;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.40);
    padding:20px 20px;
    color: #000;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    text-transform: capitalize;
    cursor: pointer;
}