@charset "UTF-8";
/* CSS Document */
@import url("nav.css");
@import url("fonts.css");
@import url("buttons.css");
@import url("sections.css");
@import url("media.css");
@import url("animations.css");
@import url("shapes.css");
@import url("icons.css");
@import url("cards.css");
@import url("components.css");
@import url("forms.css");
@import url("backgrounds.css");
@import url("pages.css");
@import url("footer.css");
/*

VARIABLES
___________

*/ :root {
  --primary-50: #fafbff;
  --primary-75: #E1E9F2;
  --primary-100: #819fc2;
  --primary-200: #4a75a7;
  --primary-300: #255995;
  --primary-400: #23538B;
  --primary-500: #17365b;
  --secondary-50: #feefe9;
  --secondary-75: #fabda6;
  --secondary-100: #f7a281;
  --secondary-200: #f47a4a;
  --secondary-300: #f25f25;
  --secondary-400: #a9431a;
  --secondary-500: #943a17;
  --lord-icon-secondary: #f25f25;
  --br-xs: 4px;
  --br-sm: 8px;
  --br-md: 12px;
  --br-lg: 16px;
  --br-xl: 24px;
  --m-xs: 16px;
  --m-sm: 24px;
  --m-md: 48px;
  --m-lg: 64px;
  --m-xl: 96px;
  --p-xxs: 8px;
  --p-xs: 16px;
  --p-sm: 24px;
  --p-md: 48px;
  --p-lg: 64px;
  --p-xl: 96px;
  --sp-sm: 24px;
  --sp-md: 48px;
  --sp-lg: 64px;
  --sp-xl: 96px;
  --p-xl: 128px;
  --g-4: 4px;
  --g-8: 8px;
  --g-16: 16px;
  --g-24: 24px;
  --g-48: 48px;
  --g-64: 64px;
  --g-96: 96px;
  --fluid-34-72: clamp(2.125rem, 1.65rem + 2.375vw, 4.5rem);
  --fluid-24-40: clamp(1.5rem, 1.3rem + 1vw, 2.5rem);
  --fluid-16-24: clamp(1rem, 0.9386rem + 0.4678vw, 1.5rem);
  --fluid-16-18: clamp(1rem, 0.9405rem + 0.2976vw, 1.125rem);
  --fluid-14-24: clamp(0.875rem, 0.75rem + 0.625vw, 1.5rem);
  --fluid-14-18: clamp(0.875rem, 0.825rem + 0.25vw, 1.125rem);
  --fluid-14-16: clamp(0.875rem, 0.8315rem + 0.2174vw, 1rem);
  --bg-light-gradient: linear-gradient(109deg, #F8FAFD 7.55%, #D7E1ED 131.62%, #A6BBD4 155.52%);
  --bg-white-trans: rgba(255, 255, 255, 0.80)
}
/*

FLICKR FIX
___________

*/
/*
.flickr-fix {
  visibility: hidden;
}
.flickr-fix {
  transition: all 0.1s;
  opacity: 1;
}
*/
/*

RESET 
___________

*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: var(--fluid-14-24)
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {
  transition: all 0.5s ease-in-out;
}
/*

COLOR
___________

*/
.color-secondary {
  color: var(--secondary-300)
}
/*

SPACING
___________

*/
.b-red {
  border: red solid 1px;
}
.b-green {
  border: green solid 1px;
}
.sep-1 {
  display: block;
  background-color: var(--primary-50);
  width: 128px !important;
  height: 2px;
  margin: auto;
}
.sep-fw {
  display: block;
  background-color: var(--primary-50);
  width: 100% !important;
  height: 1px;
  margin: auto;
}
.sep-left {
  display: block;
  background-color: var(--primary-50);
  width: 128px !important;
  height: 2px;
}
/*

GAPS
___________

*/
.g-sm-8 {
  gap: var(--g-8) !important;
}
.g-8 {
  gap: var(--g-8) !important;
}
.g-16 {
  gap: var(--g-16) !important;
}
@media(min-width:992px) {
  .g-lg-16 {
    gap: var(--g-16) !important;
  }
}
.g-sm-24 {
  gap: var(--g-24)
}
.g-24 {
  gap: var(--g-24)
}
@media(min-width:992px) {
  .g-lg-24 {
    gap: var(--g-24) !important;
  }
}
.g-48 {
  gap: var(--g-48)
}
@media(min-width:992px) {
  .g-lg-48 {
    gap: var(--g-48)
  }
}
.g-64 {
  gap: var(--g-64)
}
@media(min-width:992px) {
  .g-lg-64 {
    gap: var(--g-64)
  }
}
/*

MARGINS
___________

*/
.mb-24 {
  margin-bottom: var(--m-sm) !important;
}
.mb-sm-24 {
  margin-bottom: var(--m-sm) !important;
}
@media(min-width:992px) {
  .mb-lg-24 {
    margin-bottom: var(--m-sm) !important;
  }
}
.mb-48 {
  margin-bottom: var(--m-md) !important;
}
.mb-sm-48 {
  margin-bottom: var(--m-md) !important;
}
@media(min-width:992px) {
  .mb-lg-48 {
    margin-bottom: var(--m-md) !important;
  }
}
.mb-48 {
  margin-bottom: var(--m-lg) !important;
}
.mb-sm-48 {
  margin-bottom: var(--m-lg) !important;
}
@media(min-width:992px) {
  .mb-lg-48 {
    margin-bottom: var(--m-lg) !important;
  }
}
/*

PADDING
___________

*/
.py-24 {
  padding-top: var(--p-lg) !important;
  padding-bottom: var(--p-lg) !important;
}
/*

BRADIUS
___________

*/
.br-lg {
  border-radius: var(--br-lg)
}
/*

TEXT
___________

*/
.br-l .text-right {
  text-align: right
}