@font-face {
  font-family: 'Poppins Black';
  font-stretch: PERCENTAGE_RANGE_LOW_TO_HIGH; /* Note that font-stretch is a % of normal width */
  font-style: NORMAL_OR_ITALIC; /* See note below */
  font-weight: NUMERIC_RANGE_LOW_TO_HIGH;
  src: url(../fonts/Poppins-Black.woff) format('woff2');
}
@font-face {
  font-family: 'Poppins Bold';
  font-stretch: PERCENTAGE_RANGE_LOW_TO_HIGH; /* Note that font-stretch is a % of normal width */
  font-style: NORMAL_OR_ITALIC; /* See note below */
  font-weight: NUMERIC_RANGE_LOW_TO_HIGH;
  src: url(../fonts/Poppins-Bold.woff) format('woff2');
}
@font-face {
  font-family: 'Poppins Medium';
  font-stretch: PERCENTAGE_RANGE_LOW_TO_HIGH; /* Note that font-stretch is a % of normal width */
  font-style: NORMAL_OR_ITALIC; /* See note below */
  font-weight: NUMERIC_RANGE_LOW_TO_HIGH;
  src: url(../fonts/Poppins-Medium.woff) format('woff2');
}

@font-face {
  font-family: 'Poppins Regular';
  font-stretch: PERCENTAGE_RANGE_LOW_TO_HIGH; /* Note that font-stretch is a % of normal width */
  font-style: NORMAL_OR_ITALIC; /* See note below */
  font-weight: NUMERIC_RANGE_LOW_TO_HIGH;
  src: url(../fonts/Poppins-Regular) format('woff2');
}


h1,.lh-1 {
    font-family: 'Poppins Bold';
    font-size: 36px;
    line-height: 44px;
}

h2 {
    font-family: 'Poppins Bold';
    font-size: 26px !important;
      line-height: 35px !important;
}

h3 {
    font-family: 'Poppins Medium';
    font-size: 22px !important;     line-height: 31px;
}

h4 {
    font-family: 'Poppins Medium';
}

h5 {
    font-family: 'Poppins Medium';
}

h6 {
    font-family: 'Poppins Medium';
}

p {
    font-family: 'Poppins Regular';
    font-size: 16px !important;
}

.table > :not(caption) > * > * {
    color: #12405A !important;
}

.navbar, button {
    font-family: 'Poppins Regular';
}

.navbar li {
    font-size: 16px;
}

.navbar-nav .nav-link {
    color: #12405A;
}

.navbar-nav .nav-link:hover {
    color: #FFCB45;
}

.navbar-nav .nav-link.active {
    color: #FFCB45;
    font-family: 'Poppins Medium';
}

.section .container {
    padding-top: 60px;
    padding-bottom: 60px;
}


.top-section{
 background: url(../images/bg.jpg);
     background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;      padding-top: 25px;
}

.btn-primary, .sppb-btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #2563EB;
    --bs-btn-border-color: #2563EB;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #24272c;
    --bs-btn-hover-border-color: #24272c;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #24272c;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #2563EB;
    --bs-btn-disabled-border-color: #2563EB;
}
.btn-outline-primary {
    --bs-btn-color: #2563EB;
    --bs-btn-border-color: #2563EB;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2563EB;
    --bs-btn-hover-border-color: #2563EB;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2563EB;
    --bs-btn-active-border-color: #2563EB;
    --bs-btn-active-shadow: inset 0 3px 5px rgb(64 138 119 / 37%);
    --bs-btn-disabled-color: #2563EB;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #2563EB;
    --bs-gradient: none;
}
.text-body-emphasis {
    color: #24272c !important;
}
.logo{
   font-family: 'Poppins Black';
}
.logo img{

    padding-top: 2px;
}
#sp-footer, #sp-bottom {
    background: #fbfcff;
    color: #212529bf;
}
.header{
      padding-left: 20px;
    padding-right: 20px;
      background: #ffffff;
    border-radius: 7px;
    box-shadow: 0 15px 24px -12px rgb(0 0 0 / 8%), 0 8px 8px -5px rgba(0, 0, 0, .1);
}
#sp-footer .container-inner {
    padding: 30px 0;
    border-top: 1px solid rgb(100 100 100 / 25%);
}
.nav-link,.sp-megamenu-parent>li a { color:#24272c !important; font-family: 'Poppins regular',arial !important;}
.nav-link:hover, .nav-link:focus ,.link-active{  color: #2563EB !important;}


 .hero .list-unstyled li{
     background: url(../images/ok.png) no-repeat left center;
    background-size: 20px 20px;
    padding-left: 27px;
    margin-bottom: 8px;
 }

.dual-section .list-unstyled li{
     background: url(../images/ok.png) no-repeat left center;
    background-size: 20px 20px;
    padding-left: 27px;
    margin-bottom: 8px;
 }
.dual-section .bg-primary  .list-unstyled li{
     background: url(../images/ok-w.png) no-repeat left center;
    background-size: 20px 20px;
    padding-left: 27px;
    margin-bottom: 8px;
 }

.hero-des1{ margin-top: 25px; margin-bottom: 25px;}
.hero-des1 p{ margin-bottom: 2px;}
.text-primary {  color: #2563EB !important;}
.bg-primary { background-color:#2563EB !important;}
.card-body { padding: 40px;}
.pre-title{
     border: 1px solid #2563EB;
    border-radius: 20px;
    display: inline-block;
    padding: 5px 25px;
    color: #2563EB;
}
.bg-primary .pre-title  {
  color: #fff;   border: 1px solid #fff;
}

.card {    border-radius: 15px;
    --bs-card-border-color: #2563EB;}

 .card-2 {    border-radius: 15px;
    --bs-card-border-color: #d3d3d3 !important;}


.nexticon {
    top: 26px;
    position: absolute;
    width: 40px;
    height: auto;
    right: -62px;
}
.language img, .step-img{

 width: 100%
}
.bg-secondary{
    background-color: #f9f6f1 !important;
 }

.steps .card{
     background: #efece6;    min-height: 162px;
    border: 1px solid #ded9d2;
}

.steps .card-body {

    min-height: 162px;
}
.request-section .card{
background: #ebf1ef94; min-height: 185px;
    border: 1px solid #ebf1ef;
}
.request-section .card-body{
    min-height: 185px;  
}

.sppb-btn-secondary.sppb-btn-outline {
    color: #6c757d !important;
    background-color: transparent;
    border-color: #6c757d !important;
}

.sppb-btn-secondary.sppb-btn-outline:hover {
    color: #fff !important;
    background-color: #6c757d !important;
    border-color: #6c757d !important;
}

.text-body-secondary {
    --bs-text-opacity: 1;
    color: #212529bf !important;
}


#sp-header {
    background: transparent !important;
    position: absolute;
    top: 25px;
    box-shadow: none;
}
#sp-header .container {
    padding-left: 20px;
    padding-right: 20px;
    background: #ffffff;
    border-radius: 7px;
    box-shadow: 0 15px 24px -12px rgb(0 0 0 / 8%), 0 8px 8px -5px rgba(0, 0, 0, .1);
}
 .card.bg-primary a{
  color:#fff !important;
}
@media (max-width: 769px) {
  .mobileheaderbtn {
    padding-top: 9px;
    place-items: center;
    padding-bottom: 10px;
    border-top: 1px solid #58585814;
}
  #sp-menu{
      justify-items: flex-end;
  }

#sp-header { top: 0;}
#sp-header .container { border-radius: 0px;}

}

@media  only screen and (min-width: 769px) and (max-width: 1199.98px){


}