@import url('https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..800;1,400..800&display=swap');
*{
    margin:0;
    padding:0;
    font-family: "Cabin", sans-serif;
    outline:none !important;
}
:root{
  --primary-color:#0474E5;
  --primary-color-hover:#0869c9;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  font-family: "Cabin", sans-serif;
}
html{
  width: 100%;
}
body, html {
  line-height: 100%;
  color: #0F1729;
  font-size: 15px;
  background: #F6F7F9;
}
.text-black{
  color:#0F1729 !important;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, center {
  display: block;
}
nav ul, ul {
  list-style-type: none;
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}
button {
  vertical-align: middle;
}
.btn{
  border-radius: 10px;
}
.btn-primary{
  background: var(--primary-color) !important;
  border-color:var(--primary-color) !important;
  color: #FFF !important;
  box-shadow: 0 5px 15px #b7dbfc;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus{
  background: var(--primary-color-hover) !important;
  border-color:var(--primary-color-hover) !important;
  color: #FFF !important;
}
.btn-outline-primary{
  background: none !important;
  border-color:var(--primary-color) !important;
  color: var(--primary-color) !important;
}
.btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:focus{
  background:var(--primary-color) !important;
  border-color:var(--primary-color) !important;
  color: #FFF !important;
}
.text-primary{
  color:var(--primary-color) !important;
}
.container{
  max-width: 1360px;
}
.btn-outline-secondary{
  border-color:#e4e4e4 !important;
  color:#111;
}
.btn-outline-secondary:hover, .btn-outline-secondary:active, .btn-outline-secondary:focus{
  background: #EBF5FF;
  color:var(--primary-color);
}
.btn-outline-light{
  background: #f6f7f9;
  border:1px solid #e5e7eb;
  color:#333;
}
.btn-outline-light:hover, .btn-outline-light:active, .btn-outline-light:focus{
  background: #EBF5FF;
  border: 1px solid #ccdae8;
  color:var(--primary-color);
}
.fw-black{font-weight: 800 !important;}.lh-100{line-height: 100%;}.lh-125{line-height: 125%;}.lh-150{line-height: 150%;}.fs-10{font-size:10px;}.fs-11{font-size:11px;}.fs-12{font-size:12px;}.fs-13{font-size:13px;}.fs-14{font-size:14px;}.transition{transition: all 0.4s;}.fw-medium{font-size:600 !important;}.h-36{min-height:36px;}.py-c{padding-top:10px;padding-bottom:10px;}.h-48{min-height: 48px;line-height: 35px;}.h-44{min-height: 44px;line-height: 31px;}

/***************************Default CSS Ends Here***************************/

.f-box:hover{
  box-shadow: 5px 10px 10px #e1e1e1;
  transform: translateY(-5px);
}
.popular{
  border-top:5px solid var(--primary-color) !important;
}
.cta{
  background: url(../images/cta-bg.jpg) no-repeat center center;
}
.cta:before{
  content: '';
  position: absolute;
  display: block;
  background: rgba(246, 247, 248, 0.85);
  backdrop-filter: blur(4px);
  bottom: 0;
  top:0;
  left: 0;
  right: 0;
}
.circle-blur{
  width: 200px;
  height: 300px;
  background: var(--primary-color);
  opacity: 0.15;
  filter: blur(100px);
  margin-left: -200px;
}
.blog-post{
  border:1px solid #EEE;
}
.blog-post img{
  max-height: 250px;
}
.blog-post:hover, .blog-post:active, .blog-post:focus{
  border:1px solid #84c1ff;
  box-shadow: 2px 8px 10px #dbdbdb;
}
.blog-post strong{
  color:#111;
}
.blog-post:hover strong, .blog-post:active strong, .blog-post:focus strong{
  color:var(--primary-color);
}