body {font-family: 'Poppins'; font-weight: 300; font-size: 1.1rem; line-height: 1.2; color: #444;}
a {outline: none; text-decoration: none;}
h1,h2,h3,h4,h5,h6 {color: #222; font-weight: 300 !important;}
h1 {font-size: 3.5rem; font-weight: bold;}
h2 {font-size: 3rem; font-weight: bold;}
h3 {font-size: 2.5rem; font-weight: bold;}
h4 {font-size: 2rem; font-weight: bold;}
h5 {font-size: 1.75rem; font-weight: bold;}
img {transition: all 0.15s ease-in-out;}
strong, .fw-bold {color: #222; font-weight: 300 !important;}
p {line-height: 1.5;}
.form label {font-size: 0.9rem;}
.font-family-centurygothic {font-family: 'Century Gothic' !important;}
.font-normal {font-weight: 300;}
.font-bold {font-weight: 300;}

/* header {top: 0; left: 0; z-index: 100;} */
header .bg-header {background-image: linear-gradient(to bottom, #b0c6ce 95%, transparent 100%);}
html:not([data-scroll='0']) header .nav-item a {font-size: 1.1rem;}
html:not([data-scroll='0']) header #logo {width: 100px;}
html:not([data-scroll='0']) header .bg-header {background: #b0c6ce; box-shadow: 0 0 3px #333;}
.navbar-expand-lg .navbar-nav .nav-link {padding: 0 1rem;}
.nav-item a {font-size: 1.1rem; opacity: 1 !important; transition: all 0.3s ease-in-out;}
.nav-item a:after {display: block; content: ''; margin-top: 0.2rem; border-bottom: solid 2px #fff;}
.nav-item a:hover, .nav-link.active {text-decoration: none; color: #356fd0 !important;}
.nav-item a:hover:after, .nav-link.active:after {display: block; content: ''; margin-top: 0.2rem; border-bottom: solid 2px #356fd0; transition: all 0.4s ease-in-out;}

.heading-hr {width: 100%; height: 5px; background: #ff9c00; color: #ff9c00; opacity: 1;}
.bg-rounded {border-radius: 0.5rem;}
.bg-light-blue {background-color: #b0c6ce;}
.bg-navy {background-color: #142748;}
.bg-black {background-color: #000; color: #fff;}
.bg-blue {background-color: #356fd0;}
.bg-gray {background-color: #ececec; }
.bg-gray-grad {background-color: rgb(185,181,181); background-image: linear-gradient(180deg, rgba(185,181,181,1) 0%, rgba(231,231,231,1) 100%); color: #1e395b;}
.btn {font-family: 'Mukta';}
.btn-red {background-color: #c70102; color: #fff; transition: all 0.25s ease-in-out;}
.btn-red:hover {background-color: #730101; color: #fff; transition: all 0.25s ease-in-out;}
.btn-orange {background-color: #ff9c00; transition: all 0.25s ease-in-out;}
.btn-orange:hover {background-color: #ffb745; transition: all 0.25s ease-in-out;}
.btn-blue {background-color: #356fd0; color: #fff; transition: all 0.25s ease-in-out;}
.btn-blue:hover {background-color: #548be6; color: #fff; transition: all 0.25s ease-in-out;}
.btn-navy {background-color: #142748; color: #fff; transition: all 0.25s ease-in-out;}
.btn-navy:hover {background-color: #070d19; color: #fff; transition: all 0.25s ease-in-out;}
.btn-white {background-color: #fff; color: #cd8f50;}
.btn-white:hover {color: #000;}
.btn-gray {background-color: #8a8989; color: #333;}
.btn-gray:hover {background-color: #a0a0a0; color: #fff;}
.btn-yellow {border-color: #ffdf1c; }
.btn-yellow:hover {background-color: #ffdf1c; color: #333;}
.border-red {border: solid 1px #c70102 !important;}
.border-navy {border: solid 1px #142748 !important;}
.clear {clear: both;}
.hover-opacity:hover {opacity: 0.8;}
.link-text {font-size: 0.8rem;}
.text-red {color: #c70102;}
.text-orange {color: #ff9c00;}
.text-gray {color: #979797;}
.note {padding:1.5rem 1rem; border-left:6px solid; border-radius:5px}
.note strong {font-weight:600}
.note-primary {background-color:#dfeefd;border-color:#176ac4}
.note-secondary {background-color:#e2e3e5;border-color:#58595a}
.note-success {background-color:#e2f0e5;border-color:#49a75f}
.note-danger {background-color:#fae7e8;border-color:#e45460}
.note-warning {background-color:#faf4e0;border-color:#c2a442}.note-info{background-color:#e4f2f5;border-color:#2492a5}
.error {color: red;}
.spinner-border {display: none;}

.font-white, .font-white a {color: #fff;}

@media screen and (max-width : 992px) {
  .nav-item a {font-size: 1.1rem;}
}
@media screen and (max-width : 768px) {
  h1 {font-size: 3rem;}
  h2 {font-size: 2.5rem;}
  h3 {font-size: 2.25rem;}
  h4 {font-size: 1.75rem;}
  h5 {font-size: 1.5rem;}
  a.nav-link:after, a.nav-link.active:after, a.nav-link:hover:after {border: none !important;}
}
@media screen and (max-width : 576px) {
}