@import url('https://fonts.googleapis.com/css2?family=DM+Sans&family=Open+Sans&display=swap');

/* 
    font-family: 'DM Sans', sans-serif;
    font-family: 'Open Sans', sans-serif; 
*/

/* root styling */

:root{
    --light : #f8f9fa;
    --secondary : #adb5bd;
    --dark : #343a40;
    --primary-color : #f15bb5;
    --secondary-color : #2ec4b6;
    --border : #e9ecef;

}


body{
    font-family: 'Open Sans', sans-serif; 
    padding: 0;
    margin: 0;
}

a{
    text-decoration: none;
}

* > *{
    box-sizing: border-box;
}
/* global styling */
.text-light{
    color: var(--light);
}

.text-secondary{
    color: var(--secondary)
}

.text-dark{
    color: var(--dark);
}

.text-primary{
    color: var(--primary-color);
}

.bg-light{
    background-color: var(--light);
}

.container{
    max-width: 1200px;
    padding: 0 15 px;
    margin: auto;
}


/* section styling */

/* -------Navigation Menu------------ */
.navbar{
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px;
    background-color: #2ec4b6;
}

.nav-brand{
    font-family:'DM Sans', sans-serif;
    font-weight: bold;
    align-self: center;
    font-size: 32px;
}

.collapse{
    align-self: center;
}

.nav-link{
    font-size: 18px;
    margin: 12px;
    color: var(--dark);
    font-family: 'DM Sans', sans-serif;
}

.nav-link:hover{
    color: var(--primary-color);
}

.navbar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
/* -------Navigation Menu------------ */

/* -------Contact Us----------------- */

.contact-box{
    max-width: 850px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
    text-align: center;
    background-color: #fff;
}

h2{
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px;
}


/* -------Contact Us----------------- */