/* Colors: */
:root {
    --light-blueish-grey: #E4EBF2;
    --blue-ish-grey: #7D8E9E;
    --light-grey: #0000001A;
    --lime-green: #28B740;
    --orange: #F27006;
    --pink: #EF0363;
    --blue: #153A5B;
    --darkblue: #071B33;
    --beige: #FDD8A9;
    --blue: #567AFF;
}

body {
    margin: 0;
	padding: 0;
    font-weight: 300;
    color: #153A5B;
    font-family: 'Poppins', sans-serif;
} 

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

h1, .h1 ,h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	margin-top: 0;
}

.h1, h1 {
    font-size: 50px;
    font-weight: 700!important;
}

.h2, h2 {
    font-weight: 700;
}

p,
li,
a {
	font-size: 15px;
    font-weight: 300;
}

strong {
    font-weight: 700;
}

ul {
	padding-left: 20px;
}

a:hover, a:focus {
	border-bottom: 0;
	text-decoration: none;
    color: inherit;
}

i {
	vertical-align: middle;
}

.orange-bg {
    background-color: #F27006;
}

.orange-txt {
    color: #F27006;
}

.dark-blu-bg {
    background-color: #153A5B;
}

.h-100px {
    height: 100px;
}

.border-dark-blu {
    border: 1px solid #153A5B!important;
}

.border-bottom-dark-blu {
    border-bottom: 1px solid #153A5B!important;
}

.dark-blu-txt {
    color: #153A5B;
}

.border-right-blu {
    border-right: 1px solid #153A5B;
}

.bold-txt {
    font-weight: 700;
}

.semi-bold-txt {
    font-weight: 600;
}

.light-blu-bg {
    background-color:#E4EBF2;
}

.light-blu-txt {
    color:#7D8E9E;
}

.grey-link-w-icon i {
    font-size: 30px;
}

.light-grey-icon i {
    color: #7D8E9E!important;
}

.lrg-icon {
    font-size: 60px;
}

.grn-icon i {
    color: #28B740!important;
}

.logo img {
    width:70%;
}

.btn-primary.focus, .btn-primary:focus {
    box-shadow: none;
}

button:focus {
    outline: none;
}

.btn-link.focus, .btn-link:focus, .btn-link:hover {
    text-decoration: none;
    box-shadow: none;
}

.btn-primary.orange {
    padding: 10px 20px!important;
    background-color: #F27006;
    color: #fff;
    vertical-align: middle;
    font-size: 15px;
    border: none;
    border-radius: 10px;
    font-weight: 300;
    min-width: 150px;
}

.btn-primary.orange:not(:disabled):not(.disabled).active, .btn-primary.orange:not(:disabled):not(.disabled):active, .btn-primary.orange:hover, .btn-primary.orange:focus {
    color: #fff;
    background-color: #F27006!important;
    border-color: transparent;
    border: none;
    box-shadow: none!important;
}

.btn-primary.blue {
    padding: 10px 20px!important;
    background-color: #153A5B;
    color: #fff;
    vertical-align: middle;
    font-size: 15px;
    border: none;
    border-radius: 10px;
    font-weight: 300;
    min-width: 150px;
}

.btn-primary.blue:not(:disabled):not(.disabled).active, .btn-primary.blue:not(:disabled):not(.disabled):active, .btn-primary.blue:hover, .btn-primary.blue:focus {
    color: #fff;
    background-color: #153A5B!important;
    border: none;
    box-shadow: none!important;
}

.btn-primary.orange {
    background-color: #F27006;
    color: #fff;
    text-transform: none;
}

.btn-primary.orange:not(:disabled):not(.disabled).active, .btn-primary.orange:not(:disabled):not(.disabled):active, .btn-primary.orange:hover, .btn-primary.orange:focus {
    color: #fff;
    background-color: #F27006!important;
    border-color: transparent;
    border: none;
    box-shadow: none!important;
}

.btn-primary.blue-grey {
    background-color: #7D8E9E;
    color: #fff;
    border: 0;
    text-transform: none;
    font-weight: 300;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 15px 20px;
    border-radius: 10px;
}

.btn-primary.blue-grey:not(:disabled):not(.disabled).active, .btn-primary.blue-grey:not(:disabled):not(.disabled):active, .btn-primary.blue-grey:hover, .btn-primary.blue-grey:focus {
    color: #fff;
    background-color: #7D8E9E!important;
    border-color: transparent;
    border: none;
    box-shadow: none!important;
}

.btn-primary.with-icon i {
    vertical-align: middle;
    font-size: 25px;
}

.rounded {
    border-radius: 10px!important;
}

header {
    background-color: #fff;
    box-shadow: 0px 3px 20px #0000001A;
}

.navbar {
    width: 90%;
}

.navbar-expand-lg .navbar-collapse {
    /* display: block!important; */
    width: 100%;
}

.navbar-expand-lg .navbar-nav .nav-item {
    padding-left: 50px;
    padding-right: 0;
}

.navbar-expand-lg .navbar-nav .nav-link {
    font-size: 15px;
    color: #153A5B;
    padding: 0 0 10px 0;
    font-weight: 400;
    line-height: 30px;
    text-align: right;
    border-bottom: 2px solid transparent;
}

.navbar-nav .nav-item.active .nav-link, .navbar-nav .nav-item .nav-link:focus, .navbar-nav .nav-item .nav-link:hover {
    color: #153A5B!important;
    border-bottom: 2px solid #153A5B;
    line-height: 30px;
}

.topbar a {
    color: #153A5B!important;
}

.topbar span {
    padding: 0 10px;
    color: #0000001A;
}

.home-header {
    background-color: #F27006;
    padding: 3% 0;
    min-height: 50vh;
}

.contact button {
    font-weight: 800;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #0E1943;
    padding: 0;
}

.img-right img {
    margin-bottom: -100%;
    border-radius: 10px;
}

.img-left {
    width: 40%;
    height: auto;
}

.get-started img {
    width: 90%;
    height: auto;
}

/* Form styles */
label {
    display: inline-block;
    margin-bottom: .5rem;
    color: #153A5B;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #153A5B;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #E4EBF2;
    border-radius: 10px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-control:focus {
    color: #153A5B;
    background-color: #fff;
    border-color: #E4EBF2;
    outline: 0;
    box-shadow: none;
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #E4EBF2;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #E4EBF2;
    border-radius: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('/app/images/angle-down-light.png') 95% / 12px 7px no-repeat;
    background-color: #fff;
}

.custom-select:focus {
    outline: 0;
    box-shadow: none;
}

.checkbox {
    position: relative;
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 30px;
}

.custom-checkbox label {
    font-weight: 400;
}

.custom-control-label::before {
    background-color: transparent;
    border-radius: 100%;
}

.custom-control-input:checked~.custom-control-label::before {
    background-color: #153A5B;
    border-color: #153A5B;
    color: #153A5B;
    box-shadow: none;
    border-radius: 100%;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: none;
}

.custom-checkbox .custom-control-label::before {
    border-radius: 100%;
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: none;
}

/* Create account page */
.right-side img {
    width: 15%;
}

.right-side h2 {
    font-size: 40px;
    margin-bottom: 20px;
}

.right-side p {
    color: #fff;
    margin: 40px 0;
}

/* Home page */
.features-header h1, .features-header h2 {
    line-height: 50px;
}

.features {
    padding-top: 14%;
    background-color: #E4EBF2;
}

.features img {
    margin-left: -40%;
    width: 140%;
}

.controls {
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    list-style-type: none;
    width: 100%;
    height: 81%;
    margin-bottom: 0;
}

.controls i {
    font-size: 50px;
    color: #fff;
}

.controls .next {
    right: 0;
    width: 99%;
    display: inline-block;
    text-align: right;
    padding-top: 8%;
    left: 100%;
    z-index: 9999999;
    top: 45%;
}

.controls .prev {
    left: 20px;
    width: auto;
    top: 41%;
    display: inline-block;
    position: absolute;
}

.blog-slide a {
    color: #153A5B;
}

.faqs .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: 0;
    border-radius: 0;
}

.faqs .card-header {
    padding: .75rem 0;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: 1px solid #153A5B;
    margin-bottom: 0px!important;
}

.faqs .card-header .btn-link {
    padding: 0;
    color: #153A5B;
    font-weight: 600;
}

.faqs .card-header .btn-link i {
    float: right;
    font-weight: 500;
    font-size: 25px;
}

.faqs .card-body {
    padding: 1.25rem 0;
}

/* footer page */
footer {
    padding: 20px 0;
}

footer a {
    color: #153A5B;
}

footer i {
    font-size: 30px;
    color: #153A5B;
}