/* ==========================================================
   SettleSmartGlobal
   Global Styles
   Beta v0.9
==========================================================*/

:root{

--primary:#0B5ED7;
--primary-dark:#084298;

--success:#16A34A;

--dark:#0F172A;

--light:#F8FAFC;

--text:#475569;

}

*{

margin:0;
padding:0;
box-sizing:border-box;

}

html{

scroll-behavior:smooth;

}

body{

font-family:
"Segoe UI",
Arial,
Helvetica,
sans-serif;

color:var(--text);

background:#ffffff;

overflow-x:hidden;

line-height:1.7;

}

/* ==============================
CONTAINER
==============================*/

.container{

max-width:1250px;

}

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

.navbar{

background:#ffffff !important;

padding:8px 0;

min-height:95px;

box-shadow:0 4px 18px rgba(0,0,0,.06);

}

.navbar-brand{

display:flex;

align-items:center;

padding:0;

margin:0;

}

.navbar-logo{

height:95px;

width:auto;

display:block;

transition:.3s;

}

.nav-link{

font-size:15px;

font-weight:600;

margin-left:18px;

color:#334155 !important;

}

.nav-link:hover{

color:var(--primary) !important;

}

/* ==============================
BUTTONS
==============================*/

.btn{

border-radius:40px;

padding:12px 28px;

font-weight:600;

transition:.3s;

}

.btn-primary{

background:var(--primary);

border:none;

}

.btn-primary:hover{

background:var(--primary-dark);

transform:translateY(-2px);

}

.btn-outline-primary{

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

color:var(--primary);

}

.btn-outline-primary:hover{

background:var(--primary);

color:#ffffff;

}

.btn-success{

background:var(--success);

border:none;

}

.btn-success:hover{

opacity:.95;

transform:translateY(-2px);

}

/* ==============================
IMAGES
==============================*/

img{

max-width:100%;

display:block;

}

/* ==============================
ICONS
==============================*/

.bi{

font-size:42px;

color:var(--primary);

}

.foundation-icon .bi{

color:var(--success);

}

/* ==============================
LINKS
==============================*/

a{

text-decoration:none;

transition:.3s;

}

/* ==============================
RESPONSIVE
==============================*/

@media(max-width:992px){

.navbar{

padding:10px 0;

}

.navbar-logo{

height:78px;

}

.nav-link{

margin-left:0;

padding:10px 0;

text-align:center;

}

}

@media(max-width:768px){

.container{

padding-left:20px;

padding-right:20px;

}

.navbar-logo{

height:70px;

}

.btn{

width:100%;

}

}