/* ==========================================================
   PRODEV INFO SOLUTIONS
   GLOBAL DESIGN SYSTEM
==========================================================*/

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@500;600;700;800&display=swap');

/* RESET */

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

html{
    scroll-behavior:smooth;
}

body{
    font-family:'Inter',sans-serif;
    background:#F5F9FF;
    color:#091B3D;
    overflow-x:hidden;
    line-height:1.7;
}

/* VARIABLES */

:root{

    --primary:#0A2D73;
    --secondary:#1A5DFF;
    --accent:#39A8FF;

    --dark:#08152F;

    --white:#ffffff;

    --bg:#F5F9FF;

    --glass:rgba(255,255,255,.45);

    --glass-border:rgba(255,255,255,.55);

    --shadow:
    0 20px 60px rgba(7,25,70,.08);

    --radius:24px;

    --transition:.35s ease;

}

/* CONTAINER */

.container{

    width:min(1280px,92%);
    margin:auto;

}

/* SECTION */

section{

    padding:110px 0;
    position:relative;

}

/* HEADINGS */

h1,h2,h3,h4,h5{

    font-family:'Poppins',sans-serif;
    color:var(--dark);
    line-height:1.2;

}

h1{

    font-size:64px;
    font-weight:800;

}

h2{

    font-size:48px;
    font-weight:700;

}

h3{

    font-size:28px;

}

p{

    color:#5C6473;
    font-size:17px;

}

/* BUTTON */

.btn{

display:inline-flex;

align-items:center;

justify-content:center;

padding:16px 34px;

border-radius:100px;

background:linear-gradient(135deg,var(--primary),var(--secondary));

color:#fff;

font-weight:600;

text-decoration:none;

transition:.35s;

box-shadow:0 10px 30px rgba(20,80,220,.25);

}

.btn:hover{

transform:translateY(-4px);

}

/* GLASS CARD */

.glass{

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

backdrop-filter:blur(18px);

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

border:1px solid rgba(255,255,255,.55);

border-radius:24px;

box-shadow:0 20px 60px rgba(0,0,0,.08);

}

/* IMAGE */

img{

max-width:100%;

display:block;

}

/* LINK */

a{

text-decoration:none;

transition:.3s;

}

ul{

list-style:none;

}