/******************** color, font and variable setup ******************/

:root {
  --c-primary: #1e81b0;
  --c-secondary: #abdbe3;
  --c-background: #eeeee4;
  --c-dark: #063970;
  --c-black: #000000;

  --font-base: "poppins", sans-serif;

/* --font-base: "Mona Sans", "Helvetica Neue", Helvetica, sans-serif; */

}

body {
  font-family: var(--font-base);
  font-size: 16px;
  line-height: 1.6;
}

.home-area {
  /* background-color: #E5E5E5; */
  background-color: white;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 600;
}

a {
  text-decoration: none;
  color: var(--c-primary);
}

p {
  font-family: var(--font-base);
}
a:hoover {
  color: var(--c-secondary);
}

.section-padding {
  padding-top: 120px;
  padding-bottom: 120px;
}

img {
  max-width: 100%;
  height: auto;
}

.imgdiv {
  background-color: #1e81b0 !important;
}

.bgm-dark {
  background-color: var(--c-black);
}

.btn {
  font-weight: 600 !important;
}

.btn-primary {
  background-color: var(--c-dark) !important;
}
.btn-primary:hover {
  background-color: var(--c-primary) !important;
}
.btn-light {
  background-color: var(--c-primary) !important;
}