html{ overflow-x: hidden;}

body {
 font-family: "Poppins", sans-serif;
  color: #494949;
  font-weight: 400;
  background: #fff;
  font-size: 15px;
  line-height: 24px;
  overflow-x: hidden; padding: 0px !important;
}

h1, h2, .h1, .h2, h3,
h4,
h5,
h6,
.h3,
.h4,
.h5 {
  color: #144788;
font-family: "Poppins", sans-serif;
  font-weight: 600; 
}





::-moz-selection {
  color: #fff;
  background: #144788;
}

::selection {
  color: #fff;
  background: #144788;
}

h2{ font-size: 36px;}


.font-45{ font-size: 45px;}

.navbar-brand img, .logo_menu img{ width: 180px;} 

.sticky {
  background: #fff;
  position: fixed !important;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, .05);
}

.btn{ background: #67b045; border-radius: 50px; color: #fff; display: inline-flex; align-items: center; justify-content: center; min-height: 42px; font-size: 15px;  font-weight: 500; padding: 0px 20px;} 
.btn:hover{ background: #144788; color: #fff;}

.btn-bdr{ background: none; border: #67b045 2px solid; color: #67b045;}
.btn-bdr:hover{ background: #67b045; color: #fff;} 

.light-hvr:hover{ background: #fff; color: #144788;}

.sticky .light-hvr:hover{ background: #144788; color: #fff;}

.bg_gray {
  background: #f9f9f9;
}


/*========================================= Start navigation ====================================*/
.navbar-light {
  background: none !important;
}

.navbar-nav>li {
  position: relative; padding: 0px 15px;   text-align: center;

} 


.navbar-nav>li>a {
  color: #144788 !important;
  font-weight: 500;
  font-size: 15px;
  padding: 9px 0px !important; 
  text-decoration: none;  position: relative;
}

.navbar-nav>li>a.active,
.navbar-nav>li>a:hover,
.navbar-nav>li>a:focus,
.navbar-nav>li:hover>a { 
  color: #67b045 !important; text-decoration: none; 
  }



.navbar-nav > li.dropdown > .nav-link{ padding-right: 20px !important;}


.navbar-nav>li>.dropdown-toggle:after {
  position: absolute; right: 0px;
  top: 8px; border: none !important; font-size: 20px;
  font-family:'FontAwesome'; content: "\f107"; margin-left: 0px;
  
}

.navbar-nav>li>.dropdown-menu {
  border: none;
  background: #fff;
  border-radius: 5px;
  padding: 20px 20px 15px;
  
}

.navbar-nav>li>.dropdown-menu li { margin-bottom: 0px;}

.navbar-nav>li>.dropdown-menu li a {
  color: #121a48; white-space: nowrap;
  font-size: 15px;
  font-weight: 400;
  outline: none !important; 
  background: none !important;
  font-family: 'Poppins', sans-serif;

  padding: 5px 0px !important; 
}

.navbar-nav>li>.dropdown-menu li a:hover,
.navbar-nav>li>.dropdown-menu li a:focus {
  color: #5cbefb;
  background: none !important; 
}

.top-right ul li{ margin-left: 8px;}

.header{ z-index: 9999;}


/*========================================= End navigation ====================================*/ 

.slide-1{min-height: 100vh;}
.home_slider{ background: url(../images/s-bg.jpg) no-repeat center center; background-size: cover; } 
.home_slider:before{ content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #fff; opacity: 0.9;} 

.home_slider:after{ content: ""; position: absolute; right: 0px; top: 0px; width: 52%; height: 100%; background: #144788; opacity: 1; transform: skew(-20deg); margin-right: -230px; border-radius: 60px 0px 0px 60px;} 


.owl-carouselb .owl-nav, .owl-carouselb .owl-dots{ display: none !important;} 
.owl-carouselb img{ width: auto !important; display: inline-block !important; max-height: 48px;} 

.owl-carouselb .owl-stage{ display: flex; flex-wrap: wrap;} 
.owl-carouselb .owl-stage .owl-item{ display: flex;} 
.owl-carouselb .owl-stage .owl-item .item{ display: flex; width: 100%; background: #fff; min-height: 90px; padding: 5px 20px; align-items: center; justify-content: center;}



.explore_our_services .nav-tabs{background: #fff; position: relative;  padding: 25px 0px 25px 25px;}
.explore_our_services .nav-tabs:before{ content: ""; position: absolute; left: 0px; top: 0px; bottom: 0px; right: -780px; background: #144788; border-radius: 30px;}
.explore_our_services .nav-tabs .nav-item{ margin-bottom: 8px; position: relative; z-index: 9;}
.explore_our_services .nav-tabs .nav-item:last-child{ margin: 0px;}
.explore_our_services .nav-tabs .nav-item .nav-link{ border-radius: 50px; width: 100%; border:none !important; background: rgba(255, 255, 255, .1); padding: 8px 30px; min-height: 50px; display: flex; align-items: center; font-size: 16px; color: #fff;  font-weight: normal; position: relative; }  
.explore_our_services .nav-tabs .nav-item .nav-link i{ margin-right: 12px;}
.explore_our_services .nav-tabs .nav-item .nav-link i img{ width: 38px;} 
.explore_our_services .nav-tabs .nav-item .nav-link .arrow_right{ margin-left: auto;}
.explore_our_services .nav-tabs .nav-item .nav-link .arrow_right img{ width: 34px;}
.explore_our_services .nav-tabs .nav-item .nav-link.active{ background: #67b045; color: #fff; } 
.explore_our_services .nav-tabs .nav-item .nav-link.active:after{ content: "\f105"; width: 30px; height: 30px; border-radius: 100%; background: #fff; color: #67b045; display: inline-flex; justify-content: center; align-items: center; font-size: 20px; position: absolute; right: 10px; top: 10px; font-family:'FontAwesome';}


.m_service_aside h4{ font-size: 22px; }
.ul-a li{ position: relative; padding-left: 18px; margin-bottom: 10px;}
.ul-a li:before{ content: ""; width: 6px; height: 6px; border-radius: 50px; position: absolute; background: #144788; left: 0px; top: 9px;} 


ol.ul-why {
   list-style: none; 
   counter-reset: item; position: relative; padding:30px 0px 30px 35px; border-left: #144788 1px solid;
 }

 ol.ul-why:before{ content: ""; width: 10px; height: 10px; position: absolute; left: -5px; top: 0px;  border: #144788 1px solid; background: #fff; border-radius: 50px;}

  ol.ul-why:after{ content: ""; width: 10px; height: 10px; position: absolute; left: -5px; bottom: 0px;  border: #144788 1px solid; background: #fff; border-radius: 50px;}

ol.ul-why li {
   counter-increment: item; position: relative;
   margin-bottom: 15px; min-height: 40px; display:  flex; align-items: center;
 }

 ol.ul-why li:last-child{ margin: 0px;}

 ol.ul-why li:before { position: absolute; left: -55px; top: 0px;

   content: counter(item);
   background: #67b045; font-size: 14px;
   border-radius: 100%;
   color: white;
   width: 40px; height: 40px;
   text-align: center;
   display: inline-flex; align-items: center; justify-content: center;
 }

 .retailer li{ width: 50%; position: relative; padding-left: 15px; margin-bottom: 6px;}
  .retailer li:before{ content: ""; width: 5px; height: 5px; background: #494949; border-radius: 50px; position: absolute; left: 0px; top: 10px;} 

 
     .ul-2 li{ margin: 0px 10px !important;}
    .ul-2 li .nav-link{background: #67b045; position: relative; z-index: 9; min-width: 200px;  color: #fff; padding: 8px 20px; font-weight: 500 !important; border: none !important; border-radius: 30px 30px 0px 0px; margin: 0px;}
    .ul-2 li .nav-link.active{ background: #144788; color: #fff;}

    .ss-bdy .tab-content{ background: #144788; border-radius: 50px; padding:40px 25px;} 
    .content-wrap{ min-height: 515px;} 

    .bg-blue{background: #144788;} 



  ol.Fgp {
   list-style: none; border-left: #144788 1px solid;
 position: relative; padding:50px 0px 50px 0px !important;
 }

 ol.Fgp:before{ content: ""; width: 10px; height: 10px; border-radius: 50px; position: absolute; left: -5px; top: 0px; background: #fff; border: #144788 1px solid; }

  ol.Fgp:after{ content: ""; width: 10px; height: 10px; border-radius: 50px; position: absolute; left: -5px;  bottom: 0px; background: #fff; border: #144788 1px solid; }

ol.Fgp li {
position: relative; padding-left: 55px;
   margin-bottom: 40px; min-height: 70px; display:  flex; align-items: center;
 }

 ol.Fgp li:last-child{ margin: 0px;}

 ol.Fgp li i { position: absolute; left: -36px; top: 0px;
 background: #67b045; font-size: 14px;
   border-radius: 100%;
   color: white;
   width: 70px; height: 70px;
   text-align: center;
   display: inline-flex; align-items: center; justify-content: center;
 }

  ol.Fgp li i img{ max-height: 35px; filter: brightness(0) invert(1);} 


 

.fa-bx i{ display: inline-flex; align-items: center; justify-content: center; width: 90px; height: 90px; background: #144788; border-radius: 100%;} 
.fa-bx i img{ filter: brightness(0) invert(1); max-height: 40px;} 
.d-app figure{ margin: -120px 0px -48px;} 

.h-45{ height: 50px;} 

.footer{ background: #002656; color: #fff;}

.logo_ftr img{ max-width: 200px;}

.footer h5 {
  padding-bottom: 8px;
  font-size: 20px;
  color: #fff;
  font-weight: 500;
}

.footer a {
  color: #fff;
  text-decoration: none;
}

.footer a:hover {
  color: #67b045;
  text-decoration: none;
}


.footer_menu ul li {
  margin-bottom: 15px;
}

.footer_menu ul li a {
  display: inline-block;
  position: relative;
  padding-left: 18px;
}

.footer_menu ul li a:before {
  content: "\f105";
  position: absolute;
  left: 0px;
  top: -1px;
  font-family: 'FontAwesome';
}

.contact_detail_f ul li {
  margin-bottom: 20px;
}

.contact_detail_f ul li a {
  display: inline-block;
  padding-left: 35px;
  position: relative;
}

.contact_detail_f ul li a h5 {
  font-size: 16px;
  padding-bottom: 6px;
}

.contact_detail_f ul li a i {
  position: absolute;
  left: 0px;
  top: 0px;
  border-radius: 100%;
  background: #fff;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
}


.social_f a{ font-size: 20px; margin-right: 20px;}