/* nav brand font */
@import url('https://fonts.googleapis.com/css2?family=Momo+Signature&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
  --primary-color: #2A8E9E;
  --secondary-color: #180D39;
  --text-color: #1D1E20;
  --background-color: #E9F3F4;
  --white-color: #FFFFFF;
  --green-color: #066B6B;
  --light-green-color: #EFF5F5;
}

body{
    background-color: var(--background-color);
}

a{
    text-decoration: none;
    color: currentColor;
}

.momo-signature-regular {
  font-family: "Momo Signature", cursive;
  font-weight: bolder;
  font-style: normal;
  font-size: 25px;
  color: var(--primary-color);
}

.nav-text{
    font-family: "Inter", sans-serif;
    color: var(--text-color);
    font-optical-sizing: auto;
    letter-spacing: 1px;
}

.nav-text:hover{
    color: var(--primary-color);
    font-weight: bold;
}


/* ABOUT US */
.about-us {
    background-image: url('/storage/web-material/Untitled-1.jpg');
     background-size: cover;      /* make image fill the area */
    background-repeat: no-repeat; /* prevent repeating */
    background-position: center;  /* center the image */
    padding-top: 5vh;
    padding-bottom: 10vh;
}

.about-us .about-us-title {
    color: var(--primary-color);
    font-size: 40px;
    font-weight: 700;
}

.about-us .about-us-second-title {
    font-size: 30px;
    font-weight: 700;
}

/* LATEST PROJECT */
.latest-project {
    background-color: var(--white-color);
    color: #000000;
    padding-top: 8vh;
    padding-bottom: 15vh;
}

.latest-project .latest-project-title {
    font-size: 50px;
    letter-spacing: 2px;
    font-weight: 600;
    padding-top: 10vh;
}

.latest-project .latest-project-subtitle {
    font-size: medium;
    letter-spacing: 1px;
}

.btn-light-green {
    background-color: var(--light-green-color);
    color: var(--green-color);
    border-color: solid 1px var(--green-color);
}

.btn-light-green:hover {
    background-color: var(--green-color);
    color: #F2F7FF;
}


.btn-green-white {
    background-color: var(--green-color);
    color: #F2F7FF;;
}

.btn-green-white:hover {
    background-color: var(--green-color);
    color: #F2F7FF;
}