/*==================================================
KATADIGITAL v1.0
==================================================*/

:root{

    --primary:#2563eb;

    --primary-dark:#1d4ed8;

    --secondary:#0f172a;

    --text:#475569;

    --border:#e5e7eb;

    --bg:#ffffff;

    --section:#f8fbff;

    --radius:24px;

    --shadow:0 20px 50px rgba(15,23,42,.08);

    --transition:.35s ease;

}

*{

    margin:0;

    padding:0;

    box-sizing:border-box;

}

html{

    scroll-behavior:smooth;

}

body{

    font-family:'Plus Jakarta Sans',sans-serif;

    font-size:16px;

    line-height:1.7;

    color:var(--text);

    background:var(--bg);

    overflow-x:hidden;

}

img{

    max-width:100%;

    display:block;

}

a{

    text-decoration:none;

    transition:var(--transition);

}

ul{

    list-style:none;

    margin:0;

    padding:0;

}

section{

    padding:100px 0;

}

.container{

    max-width:1200px;

}
.section-title{

    max-width:720px;

    margin:auto auto 70px;

}

.section-title span{

    color:var(--primary);

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

}

.section-title h2{

    font-size:46px;

    font-weight:800;

    color:var(--secondary);

    margin:18px 0;

}

.section-title p{

    font-size:18px;

    color:#64748b;

}
.btn{

    border-radius:14px;

    padding:14px 28px;

    font-weight:700;

    transition:var(--transition);

}

.btn-primary-custom{

    background:var(--primary);

    color:#fff;

}

.btn-primary-custom:hover{

    background:var(--primary-dark);

    color:#fff;

}

.btn-outline-custom{

    border:2px solid var(--primary);

    color:var(--primary);

    background:#fff;

}

.btn-outline-custom:hover{

    background:var(--primary);

    color:#fff;

}

/*==================================================
NAVBAR
==================================================*/

.navbar-custom{

    position:fixed;

    top:0;

    left:0;

    width:100%;

    z-index:999;

    padding:20px 0;

    transition:.35s ease;

    background:rgba(255,255,255,.75);

    backdrop-filter:blur(16px);

    -webkit-backdrop-filter:blur(16px);

    border-bottom:1px solid rgba(255,255,255,.15);

}

.navbar-custom.scrolled{

    padding:14px 0;

    background:rgba(255,255,255,.92);

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

}

.navbar-brand img{

    height:48px;

    transition:.35s ease;

}

.navbar-custom.scrolled .navbar-brand img{

    height:44px;

}

.navbar-nav{

    gap:10px;

}

.navbar-nav .nav-link{

    color:#334155;

    font-size:16px;

    font-weight:600;

    padding:10px 16px !important;

    border-radius:12px;

    transition:.35s;

}

.navbar-nav .nav-link:hover{

    color:#2563eb;

    background:#eff6ff;

}

.navbar-nav .nav-link.active{

    color:#2563eb;

}

.navbar-toggler{

    border:none;

    box-shadow:none !important;

}

.navbar-toggler:focus{

    box-shadow:none;

}