*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{

font-family:'Poppins',sans-serif;

background:#f8fbff;

color:#222;

overflow-x:hidden;

}

.container{

width:92%;

max-width:1400px;

margin:auto;

}

/* TOPBAR */

.topbar{

background:#0B76B7;

color:white;

font-size:14px;

padding:10px 0;

}

.topbar .container{

display:flex;

justify-content:space-between;

align-items:center;

}

.top-left i{

margin-right:8px;

color:#F59A18;

}

.top-right a{

color:white;

margin-left:15px;

font-size:16px;

transition:.3s;

}

.top-right a:hover{

color:#F59A18;

}

/* HEADER */

header{

background:white;

position:sticky;

top:0;

z-index:999;

box-shadow:0 10px 25px rgba(0,0,0,.08);

}

.nav{

display:flex;

align-items:center;

justify-content:space-between;

padding:18px 0;

}

.logo img{

height:72px;

}

nav ul{

display:flex;

list-style:none;

gap:35px;

}

nav a{

text-decoration:none;

color:#16324F;

font-weight:600;

font-size:15px;

transition:.3s;

position:relative;

}

nav a:after{

content:"";

position:absolute;

bottom:-8px;

left:0;

width:0;

height:3px;

background:#F59A18;

transition:.3s;

}

nav a:hover{

color:#0B76B7;

}

nav a:hover:after{

width:100%;

}

/* RIGHT */

.header-right{

display:flex;

align-items:center;

gap:18px;

}

/* SEARCH */

.search-box{

position:relative;

}

.search-box input{

width:240px;

padding:12px 42px 12px 18px;

border-radius:50px;

border:1px solid #ddd;

outline:none;

transition:.3s;

}

.search-box input:focus{

border-color:#0B76B7;

box-shadow:0 0 10px rgba(11,118,183,.2);

}

.search-box i{

position:absolute;

right:18px;

top:50%;

transform:translateY(-50%);

color:#0B76B7;

}

/* BUTTON */

.consult-btn{

padding:14px 28px;

background:linear-gradient(135deg,#F59A18,#FFB545);

color:white;

font-weight:600;

text-decoration:none;

border-radius:50px;

box-shadow:0 10px 25px rgba(245,154,24,.3);

transition:.35s;

}

.consult-btn:hover{

transform:translateY(-3px);

box-shadow:0 15px 35px rgba(245,154,24,.45);

}

/* RESPONSIVE */

@media(max-width:1200px){

nav{

display:none;

}

.search-box{

display:none;

}

}