@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400&display=swap');

:root{
    --font-primary: 'Rubik', sans-serif;
    --text-base-size: 1.2rem;

    --colour-primary: #1B4CAC;
    --colour-secondary: #111111;
    --white:#ffffff;

    --text-scale-ratio: 1.3;
    --text-xxl: 5rem;
    --text-xl: 3rem;
    --text-lg: 2rem;
    --text-md: 1.6rem;
    --text-sm: 1.1rem;
    --text-xsm: 0.75rem;
    
}
html {
    scroll-behavior: smooth;
  }
body, button{
    font-family:var(--font-primary);
    color: var(--colour-primary);
    
}
h1{
    font-size: var(--text-xxl);
}

h2{
    font-size: var(--text-xl);
}

h3{
    font-size: var(--text-lg);
}

h4{
    font-size: var(--text-md);
}

h5{
    font-size: var(--text-base-size);
}

a{
    text-decoration: none;
    color: white;
}
.bold{
    font-weight: 700;
}
.medium{
    font-weight:500;
}
.white{
    color:white;
}

.blue{
    color:var(--colour-primary);
}
.black{
    color:black;
}
.underline{
    text-decoration: underline;
}

.center{
    text-align: center;
}
.affiliation_logo{
    width:50px;
}


.enquiry_button.fixed, .enquiry_button{
    padding: 1rem 2rem;
    background-color: #D0E0FF;
    border-radius: 40px;
    border: 2px solid var(--colour-primary);
    color: var(--colour-primary);
    text-decoration: none;
    z-index:2;
    
}
.enquiry_button.fixed:hover, .enquiry_button:hover{
    padding: 1rem 2rem;
    background-color: var(--white);
    border-radius: 40px;
    border: 2px solid var(--colour-primary);
    color: var(--colour-primary);
    text-decoration: none;
    transition: ease-in-out 0.2s;
    
}


.nav_links{
    font-size: var(--text-md);
    font-weight: 500;
    text-decoration: none;
    color:var(--colour-primary);
}
.nav_links a {
    text-decoration: none;
    color: var(--colour-primary);
}
.logo{
    height:80px;
}



.homepage_background_image{
    right:0;
    position:absolute;
    z-index: -1;
}
/* .homepage{
    background: rgb(27, 76, 172, 0.4);
    padding-bottom:42px;
    margin-top:-12rem;
} */

.background_colour{
    background:linear-gradient(rgba(27, 76, 172, 0.3), rgba(27, 76, 172, 0.5)),url("images/pexels-samuel-wölfl-1427541.jpg") ;
    background-size: cover;
    padding-bottom:3rem;
}

.banner_gif{
    width: 1300px;
}

footer{
    background: var(--colour-primary);
    margin-left: auto;
    margin-right: auto;
}
.history, .get_in_touch{
    color: var(--white);
}

.faq_title{
    color: var(--colour-primary);
    font-weight: 500;
    margin: 3rem 0;
}
.company_values_image{
    width: 100vw;
    position: absolute;
    height:990px;
    object-fit: cover;
}

.description_button{
    color:white;
    background-color: var(--colour-primary);
    padding:1rem;

}