/* ===================================
   Planet 360 Theme
   Base Styles
=================================== */

/* CSS Variables */

:root {

    --primary-color: #0F4C81;
    --secondary-color: #1B1B1B;
    --accent-color: #F5A623;

    --white: #ffffff;
    --light-bg: #F8FAFC;
    --border-color: #E5E7EB;

    --container-width: 1200px;

    --font-family: 'Manrope', sans-serif;

}

/* Reset */

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

/* HTML */

html{

    scroll-behavior:smooth;

}

/* Body */

body{

    font-family:var(--font-family);

    color:var(--secondary-color);

    background:#fff;

    line-height:1.7;

    font-size:16px;

}

/* Images */

img{

    max-width:100%;

    display:block;

}

/* Links */

a{

    text-decoration:none;

    color:inherit;

}

/* Lists */

ul{

    list-style:none;

}

/* Container */

.container{

    width:min(1200px,90%);

    margin-inline:auto;

}

/* Buttons */

.btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:14px 28px;

    border-radius:8px;

    font-weight:700;

    transition:.3s;

    cursor:pointer;

}

.btn-primary{

    background:var(--primary-color);

    color:#fff;

}

.btn-primary:hover{

    background:#09355B;

}