/* =========================================================
   TTS Design System v2.0
========================================================= */

/* =========================================================
   Container
========================================================= */

.container{

    width:min(92%,1280px);

    margin-inline:auto;

}

/* =========================================================
   Sections
========================================================= */

.section{

    padding:110px 0;

}

/* =========================================================
   Buttons
========================================================= */

.btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:16px 30px;

    border-radius:14px;

    font-size:16px;

    font-weight:600;

    text-decoration:none;

    transition:.3s ease;

    cursor:pointer;

}

.btn-primary{

    background:#0B3D91;

    color:#fff;

}

.btn-primary:hover{

    background:#072B61;

    transform:translateY(-2px);

}

.btn-secondary{

    background:#fff;

    color:#0B3D91;

    border:2px solid #0B3D91;

}

.btn-secondary:hover{

    background:#0B3D91;

    color:#fff;

}

/* =========================================================
   Section Heading
========================================================= */

.section-heading{

    max-width:760px;

    margin:0 auto 70px;

    text-align:center;

}

.section-tag{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:10px 18px;

    margin-bottom:22px;

    border-radius:999px;

    background:#EAF2FF;

    color:#0B3D91;

    font-size:14px;

    font-weight:700;

}

.section-heading h2{

    font-size:48px;

    line-height:1.15;

    font-weight:800;

    color:#0F172A;

    margin-bottom:20px;

}

.section-heading p{

    font-size:19px;

    line-height:1.8;

    color:#64748B;

}

/* =========================================================
   Technologies
========================================================= */

.technologies{

    padding:110px 0;

    background:#FFFFFF;

}

.technology-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:28px;

}

.technology-card{

    background:#FFFFFF;

    padding:34px;

    border-radius:22px;

    border:1px solid #E5E7EB;

    transition:.3s ease;

    box-shadow:0 10px 35px rgba(15,23,42,.05);

}

.technology-card:hover{

    transform:translateY(-8px);

    border-color:#0B3D91;

    box-shadow:0 24px 60px rgba(11,61,145,.12);

}

.technology-card h3{

    font-size:24px;

    margin-bottom:18px;

    color:#0F172A;

}

.technology-card p{

    font-size:17px;

    line-height:1.8;

    color:#64748B;

}

/* =========================================================
   Legacy Titles
========================================================= */

.section-title{

    font-size:42px;

    font-weight:800;

    line-height:1.2;

    margin-bottom:18px;

}

.section-text{

    font-size:18px;

    line-height:1.8;

    color:#555;

}