body {
  font-family: 'Carlito', sans-serif;
  /* background-color: #f7f9fc; */
}

/* header */

.site-header {
  background-color: #0b2a5b;
  height: 64px;
  display: flex;
  align-items: center;
  z-index: 1030;
}

.header-inner {
  height: 64px;
}

.header-logo img {
  display: block;
}

/* Right side */
/* .header-actions {
  color: #ffffff;
  font-size: 15px;
  font-weight: 400;
}
span.phone_icon {
    width: 24px;
    height: 25px;
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-align: center;
    margin-right: 8px;
}

.header-phone,
.header-login {
  color: #ffffff;
  text-decoration: none;
  transition: opacity 0.2s ease;
  display: flex;
    align-items: center;
}

.header-login img{
    margin-right: 8px;
}
.header-phone:hover,
.header-login:hover {
  opacity: 0.8;
}

.divider {
  width: 2px;
  height: 16px;
  background-color: rgba(255, 255, 255, 0.8);
  margin: 0 14px;
} */


/* header */


.hero-section {
  /* background: linear-gradient(to right, #f4f7ff, #ffffff); */
    background: url(../../assets/images/hero_bg_img.png) 0 0 no-repeat;
    background-size: cover;
    padding: 60px 0;
    position: relative;
}
.hero-section .container {
    position: relative;
    z-index: 1;
}
.hero-section h2{
  font-size: 40px;
  color: #155FA7;
}
.hero-section .col-lg-6 p{
  padding: 20px 0;
  border-top: 1px solid #D9DEE8;
  border-bottom: 1px solid #D9DEE8;
  width: 100%;
  max-width: 90%;
  font-size: 25px;
}
.hero-section ul {}

.hero-section ul li{
  color: #4E5461;
  font-style: italic;
  list-style: none;
  list-style-position: inside;
  font-size: 16px;
  position: relative;
  padding-left: 15px;
}
.hero-section ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  width: 7px;
  height: 7px;
  border-radius: 6px;
  background: #777;
}


.hero-section img.hero_vector {
    position: absolute;
    left: 52%; 
    transform: translate(-50%, -50%);
    max-width: 210px;
    top: 50%; 
}
.hero-section .card h5{
   font-size: 28px;
   color: #155FA7;
   font-weight: bold;
}
.hero-section .card label{
  color: #757575;
  font-size: 13px;
}
.hero-section .card p{
  border: none;
  padding: 0;
  font-size: 13px;
}
.hero-section .card p a {
  text-decoration: underline;
  color: #478DCD;
  font-weight: bold;
  font-size: inherit;
}
.hero-section .col-lg-5 .card .form-control{
  font-size: 15px;
}
.hero-section .col-lg-5 .card .btn-success{
  background: url(../../assets/images/cta_bg.png) 0 0 repeat-x;
    border: none;
    line-height: 34px;
    font-size: 20px;
}
.how_it_wrapper{
   background: url(../../assets/images/how_bg.png) 0 0 no-repeat;
    background-size: 100% 100%;
    padding:80px 0 100px;
    position: relative;
}
.step-card {
  background: #fff;
  padding: 20px 12px;
  border-radius: 12px;
  height: 100%;
  box-shadow: 0 6px 20px rgba(0,0,0,0.06);
}
.step-card span{
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #0C378C;
  background: #225AA8;
  color: #fff;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  font-size: 19px;
}
.step-card h6{
  margin: 15px 0 30px;
  font-size: 20px;
  font-weight: bold;
  color: #1A3476;
}

.step-card img {
  max-width: 100%;
  margin-bottom: 0;
}
h2{
  color: #23498B;
  font-size: 32px;
}

.trust_wrapper {
  /* background: linear-gradient(to right, #f4f7ff, #ffffff); */
    background: url(../../assets/images/hero_b_img.png) 0 0 no-repeat;
    background-size: cover;
    padding:80px 0 100px;
    position: relative;
}

.trust-box {
    background: #fff;
    padding:40px 20px;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.06);
    position: relative;
}

.trust-box ul {
    width: 90%;
    margin: 0 auto;
}
.trust-box li {
    margin-bottom: 20px;
    font-size: 15px;
    display: flex;
    gap: 10px;
    font-size: 16px;
}
.trust-box img.sheild {
    position: absolute;
    right: -87px;
    bottom: -66px;
    width: 300px;
}

footer{
  background-color: #F6F6F6;
  padding: 15px 0;
}
footer p{
  font-size: 14px;
  color: #333;
  text-align: center;
  margin:0;
}