.header {width: var(--w-full);z-index: 999;background: #fff;transform: translateY(0);
transition: transform .3s ease-in-out;position: fixed;width: 100%;top: 0;}
.header.sticky {transform: translateY(-5rem);box-shadow: 0 1rem 1rem #3333330f;z-index: 999;}
.header.home-header {background: none;position: fixed;top: 0;width: 100%;}
.header.home-header::before {display: none;}
.header.header-inner {position: fixed;top: 0;}
.header-wrapper {padding: 0 2%;display: var(--flex);justify-content: space-between;align-items: center;}
.header.header_hover::after {opacity: 0.79;height: 100%;}

.navbar-menu > ul {display: var(--flex);}
.navbar-menu ul li {position: relative;display: flex;align-items: center;}
.navbar-menu ul li.sploff {padding: 2rem 0.3rem;}
.navbar-menu ul li > a {font-size: 1.5rem;font-family: var(--familyRaleway);padding: 3rem 0.8rem;font-weight: 600;color: #424242;line-height: 2rem;transition: 0.3s;position: relative;z-index: 9;}
/*.navbar-menu ul li:last-child  > a {padding-right: 0}*/
.navbar-menu ul li:first-child  > a{padding-left: 0}
.navbar-menu ul li > a:hover {color: var(--greencolor);}
.bottom_header .container {display: flex; align-items: center; justify-content: space-between;}
.navbar-menu ul li .sub_menu a:hover{background: #108a43;border-radius: .5rem;color: #fff;}
.sticky .navbar-menu ul li > a{padding: 2rem 0.8rem;}

.top_header {background: #108a43;padding: 1.5rem 0;}
  .top_header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
.top_header .top_header_ul {display: flex;align-items: center; justify-content: flex-end;width:75%;}
.top_header a {
    font-size: 1.5rem;
    padding: .7rem 1.5rem;
    color: #fff;
    line-height: 1.5rem;
    font-weight: 500;font-family: var(--familyPoppins);
  }
  .language_li{padding-right: 1.2rem;position: relative;}
.language_li a:first-child {
  border-right: .1rem solid #fff;
}

.language_li::before {
  display: inline-block;
  content: "";
  border-top: .3em solid;
  border-top-width: 0.3em;
  border-right: .3em solid transparent;
  border-right-width: 0.3em;
  border-bottom: 0;
  border-bottom-width: 0px;
  border-left: .3em solid transparent;
  border-left-width: 0.3em;
  position: absolute;
  right: 1rem;
  color: #fff;font-size: 1.9rem;
top: .4rem;
}
.top_header li{display: flex;}
.top_header li a{font-size: 1.3rem;font-weight: normal;padding: 0rem 1.5rem;line-height: 1.3rem;display: flex;align-items: center;}
.top_header li a img { margin-right: 1rem;}
.top_header li:first-child a:first-child{border-right: .1rem solid #fff;}
.login_head .btn { color: #fff; font-size: 1.3rem; font-family: var(--familyPoppins); padding: 0; border: 0;line-height: 1.5rem;}
.login_head { padding-left: 1.2rem;}
.login_head .dropdown-toggle::after {border-width: .4em;}
.login_head .dropdown-menu { padding: 1rem; border: 0; transform: translate(-96px, 33px)!important; min-width: 15rem; box-shadow: 0 1rem 1rem #0000002e;}
.login_head .dropdown-menu a { color: #333; padding: .8rem; width: 100%;}
.navbar-menu ul li .fa-chevron-down{color:#0d4a85;font-size: 12px; transition: 0.3s;}
.navbar-menu ul li.spl-offer a { display: flex;  align-items: center; border: .1rem solid #108a43; border-radius: .5rem; padding: 0;  overflow: hidden; justify-content: space-between;}
  .spl-offer span { display: block; font-size: 1.3rem; text-transform: uppercase; background: #108a43; color: #FFF; padding: .5rem;transition: 0.3s; max-width: 65%; text-align: center; line-height: 1.3;}
.navbar-menu ul li.spl-offer a:hover{border-color:#0c4a85; }
.spl-offer a:hover span{background: #0c4a85;}
.spl-offer figure { width: 35%;text-align: center;}
.toolfree a { padding: 0;font-family: 'FigtreeMedium';}
.toolfree a .fa-phone-alt{margin-right: 1rem;}

.sub_menu { display: none; position: absolute; left: 0; width: 25rem; background: #e7f3ec; padding: 2rem; top: 100%;animation: fadeIn .5s;box-shadow: 0 1rem 1rem #00000030;border-radius: 0 0 1rem 1rem;}
.drop_menu:hover .sub_menu{display: block;}
.drop_menu:hover .sub_menu.mbile_loans_menu{display: none;}
.navbar-menu .sub_menu a, .navbar-menu .sub_menu li:first-child a { padding: 1rem; font-weight: 400; font-size: 1.5rem; width: 100%; border-bottom: .1rem dotted #0000003d;}
.navbar-menu .sub_menu li:last-child a{border: 0;}
.sticky .navbar-menu .sub_menu a, .sticky .navbar-menu .sub_menu li:first-child a {padding: 1rem;}

.search_popup {visibility: hidden; position: absolute; right: 0; width: 35rem; background: #fff; border-radius: 0 0 .2rem .2rem; padding: 2.5rem 1.5rem 1.5rem 1.5rem;box-shadow: 0 1rem 1rem #00000030; top: 100%;opacity: 0;transition: 0.3s;}
.search_popup.open{visibility: visible;opacity: 1;}
.search_popup .form-control { border: 0; background: #eee; padding: 2rem 5rem 2rem 2rem; font-size: 1.5rem;border-radius: .2rem; font-weight: 500;}
.search_popup .search-icon { border: 0; color: #fff; font-weight: 300; right: 2.5rem; position: absolute; bottom: 0; top: 1rem; width: 3rem; height: 3rem; background: #108a43; display: flex;border-radius: .2rem; justify-content: center; align-items: center;transition: 0.3s; margin: auto;}
.search_popup .search-icon:hover{background: #f98d29;}
.cls { position: absolute; right: 2rem; top: 0; cursor: pointer; font-weight: 300; color: #108a43;}
.m-top-menu, span.close-icon { display: none;}

.spl-offer figure img { width: 30px;}


.mega-content .featu_btn_sec a{text-align: center;min-width: 16rem;}





/* Tabs */

.mega_menu_sec{display: none;
position: absolute;
width: 100%; background-color: #e7f3ec;
  border-radius: 0px 0px 10px 10px;
left: 0;
top: 100%;
max-width: 83%;
right: 0;
margin: 0 auto; padding: 20px; box-shadow: 0 1rem 1rem #3333330f;

}
.drop_menu.mega_menu {
  position: static;
}

.mega_menu:hover .mega_menu_sec{display : flex;}
ul#tabs-nav {
  list-style: none;
  margin: 0;
  padding: 0px 5px 5px 5px;
  overflow: auto;
  width : 30%;display: block!important;position: static!important;
}
#tabs-content {
  width: 67%;
  margin-left: 3rem;
}

ul#tabs-nav li {
  font-weight: bold;
  padding: 6px 15px;
  border-radius: 5px 5px 5px 5px;
  /*border: 1px solid #d5d5de;
  border-bottom: none;*/
  cursor: pointer;
  display:block;
}

.mega_menu_sec ul#tabs-nav li a:after{ width: 2rem;height: 1.5rem;background: url(../images/mega-menu-arrow.png);background-repeat: no-repeat;position: absolute;
  right: -1rem;top: 0;bottom: 0;margin: auto;content: ''}

  /*.mega_menu_sec ul#tabs-nav li a:hover:after, .mega_menu_sec ul#tabs-nav li.active a:after  {
    filter: brightness(100);
}*/


ul#tabs-nav li:hover,
ul#tabs-nav li.active {
  background-color: #108a43;
}

ul#tabs-nav li:hover a,
ul#tabs-nav li.active a {
 color: #fff;
}

.tabs.mega_menu_sec h2{ font-size: 2rem;
  font-weight: bold;
  padding-bottom: 1.4rem;   font-family: var(--familyRaleway);
  color: #000;}

  .mega-content p {
    font-size: 1.4rem; font-family: var(--familyPoppins);
    line-height: 24px; color: #767676;
}

#tabs-nav li a { text-decoration: none;  padding: 0.5rem 0rem;color: #333; font-family: var(--familyPoppins); font-size: 1.3rem;}
.tab-content { padding: 10px;}

.mega-content {
  display: flex;
  /* justify-content: space-between; */
}

.mega-content .mega-content1 {
  width: 60%;
  padding-right: 3rem;
}

.mega-content .featu_btn_sec {
  display: flex;justify-content: flex-start;
}
.sub_menu.mbile_loans_menu{display: none;visibility: hidden;}
.drop_menu.extra_menu {
  display: none;
}

.extra_menu-sub {
  display: flex;
  flex-wrap: wrap;margin-bottom: 1rem;
}
.extra_menu-sub p {
  width: 100%;
  padding-bottom: 1rem;
  color: #333;
  
}
.extra_menu-sub p span{font-weight: 600;}
.extra_menu-sub a {
  width: 50%;
  font-size: 1.3rem;
  font-weight: 500;
  font-family: var(--familyPoppins);
  color: #767676;
  margin-bottom: 1rem;position: relative;padding-left: 1rem;
}
.extra_menu-sub a::before{position: absolute;
background: #666;
height: .4rem;
width: .4rem;
border-radius: 100%;
content: '';
left: 0rem;
top: 0;
bottom: 0;
margin: auto;}
.extra_menu-sub a:hover{color: #108a43;}
.extra_menu-sub a:hover::before{background:#108a43; }
.login_head.drop_menu {
  display: none;
}
.outer_i {
  display: none;
}
@font-face {
    font-family: 'FigtreeMedium';
    src: url('fonts/FigtreeMedium.eot');
    src: url('fonts/FigtreeMedium.eot') format('embedded-opentype'),
         url('fonts/FigtreeMedium.woff2') format('woff2'),
         url('fonts/FigtreeMedium.woff') format('woff'),
         url('fonts/FigtreeMedium.ttf') format('truetype'),
         url('fonts/FigtreeMedium.svg#FigtreeMedium') format('svg');
}@font-face {
    font-family: 'FigtreeLight';
    src: url('fonts/FigtreeLight.eot');
    src: url('fonts/FigtreeLight.eot') format('embedded-opentype'),
         url('fonts/FigtreeLight.woff2') format('woff2'),
         url('fonts/FigtreeLight.woff') format('woff'),
         url('fonts/FigtreeLight.ttf') format('truetype'),
         url('fonts/FigtreeLight.svg#FigtreeLight') format('svg');
}@font-face {
    font-family: 'FigtreeExtraBold';
    src: url('fonts/FigtreeExtraBold.eot');
    src: url('fonts/FigtreeExtraBold.eot') format('embedded-opentype'),
         url('fonts/FigtreeExtraBold.woff2') format('woff2'),
         url('fonts/FigtreeExtraBold.woff') format('woff'),
         url('fonts/FigtreeExtraBold.ttf') format('truetype'),
         url('fonts/FigtreeExtraBold.svg#FigtreeExtraBold') format('svg');
}@font-face {
    font-family: 'FigtreeBold';
    src: url('fonts/FigtreeBold.eot');
    src: url('fonts/FigtreeBold.eot') format('embedded-opentype'),
         url('fonts/FigtreeBold.woff2') format('woff2'),
         url('fonts/FigtreeBold.woff') format('woff'),
         url('fonts/FigtreeBold.ttf') format('truetype'),
         url('fonts/FigtreeBold.svg#FigtreeBold') format('svg');
}@font-face {
    font-family: 'FigtreeBlack';
    src: url('fonts/FigtreeBlack.eot');
    src: url('fonts/FigtreeBlack.eot') format('embedded-opentype'),
         url('fonts/FigtreeBlack.woff2') format('woff2'),
         url('fonts/FigtreeBlack.woff') format('woff'),
         url('fonts/FigtreeBlack.ttf') format('truetype'),
         url('fonts/FigtreeBlack.svg#FigtreeBlack') format('svg');
}@font-face {
    font-family: 'FigtreeRegular';
    src: url('fonts/FigtreeRegular.eot');
    src: url('fonts/FigtreeRegular.eot') format('embedded-opentype'),
         url('fonts/FigtreeRegular.woff2') format('woff2'),
         url('fonts/FigtreeRegular.woff') format('woff'),
         url('fonts/FigtreeRegular.ttf') format('truetype'),
         url('fonts/FigtreeRegular.svg#FigtreeRegular') format('svg');
}
@media (max-width: 1399px) {
.mega-content .mega-content1 {width: 67%; padding-right: 3rem;}



}
@media (min-width: 992px) and (max-width: 1200px) {
.container{
	    margin-right: 20px;
		margin-left: 20px;
		width: 970px;
}
.nav_arrow .swiper-button-prev {
        left: -3rem;
    }
.nav_arrow .swiper-button-next{
	right: -3rem;
}
.other_products{
	overflow-x: hidden;
}
	
}

@media (max-width: 1199px) {

.navbar-menu ul li > a{padding: 3rem 0.3rem;font-size: 1.3rem}
.sticky .navbar-menu ul li > a {
  padding: 2rem 0.4rem;
}
	.logo a img {
    width: 160px;
}
.sticky .navbar-menu ul li.spl-offer a{padding: 0;}
.featu_btn_sec a{padding: 1rem 2rem;font-size: 1.4rem}
.mega-content .mega-content1 {width: 70%; padding-right: 2rem;}
.mega_menu_sec{padding: .8rem;}




}



@media (max-width: 991px) {
  .m-top-menu{display: block;}
  .hamburger { display: block;margin-left: 2rem;cursor: pointer;padding: 0;}
  .sub_menu.mbile_loans_menu{visibility: visible;}
  
  .nav.navbar-menu { width: 35rem;position: fixed;background: #eef7f2;z-index: 99;padding: 7rem 2rem 4rem;top: 0;right: -35rem;transition: 0.3s;border-radius: 0 0 0 1rem;height: 100vh;
    align-items: flex-start;overflow-y: auto;  }
  .nav.navbar-menu.open-slide{right: 0; box-shadow: 0 0 2rem #00000057;}
  .nav.navbar-menu ul {
    flex-wrap: wrap;
  }
  .nav.navbar-menu li {
    width: 100%;
  }
  .nav.navbar-menu li a {
    padding: 1.2rem 1rem;
    width: 100%;
    font-size: 1.4rem;
    font-weight: 400;color: #333;
    display: flex;
    align-items: center;
    justify-content: space-between;font-family: var(--familyPoppins);
   /* border-bottom: .1rem solid #eee;*/
  }
  .navbar-menu ul li:first-child > a, .sticky .navbar-menu ul li > a{padding: 1.2rem 1rem;}
  .navbar-menu ul li.spl-offer a{padding: 0;width: 15rem;background: #fff;}
   .navbar-menu ul li.spl-offer{ padding: 0rem 1rem 1.2rem 1rem;}   
   .navbar-menu ul li.search_opt a:after{display: none;}
   .search_popup{position: static;padding: .1rem;display: none;width: 100%;box-shadow: none;
background: #eee;}
    .search_popup.open{display: block;}
    .search_popup .form-control {
  border: 0;
  background: #fff;
  padding: 1rem;
  font-size: 1.4rem;
  font-weight: 400;
  height: 4rem;
}

  .header{z-index: 9999}
  .close-icon {
    cursor: pointer;
  position: absolute;
  right: 2.5rem;
  top: 1rem;
  font-size: 3rem;
  color: green;
  }
  .drop_menu:hover .sub_menu {
    display: none;
  }
.search_popup .search-icon{top: 0rem;right: .5rem;}
.cls{right: 0rem;top: 3.5rem;display: none;}
  
 
  .top_header { display: none;}
  .top-menu { display: block; padding-left: 3rem;}
 
  .header.sticky {  transform: translateY(0rem); box-shadow: 0 1rem 1rem #3333330f;}
  
  .bottom_header {  padding: 0rem 0.8rem;}
  .top-menu .login_head .btn {color: #0c4a85; font-size: 1.3rem;}
  .top-menu ul li a { color: #0c4a85; font-size: 1.3rem;  border-right: 1px solid #000; padding-right: 0.8rem;line-height: 1.3rem;}
  .top-menu ul li { display: inline-block; }
  .top-menu ul li:last-child{ border: 0;}
  .login_head { padding-left: 0.3rem;}
  
  header.header { padding: 20px 0px;}
  .logo {width: 40%;transition: 0.3s;}
  .header.sticky .logo { width: 35%;}
  .offer_box_text p { padding: 0 1rem 0 0; line-height: 1.8rem; font-size: 1.2rem;}
  .social_icon_fixed { display: none;}
  .m-top-menu {
      display: flex;
      align-items: center;}
    span.close-icon { display: block;}
    .dropdown-menu.show li { display: block;}

    .login_head .dropdown-menu {  min-width: 10rem; margin-left: 54px!important;}


.navbar-menu ul li.click_open > a .fa-chevron-down{display: none;}
 .navbar-menu ul li > .outer_i {
    position: absolute;
    right: 0;
    width: 3rem;
    height: 4.3rem;
    z-index: 999;
    top: 0;
    cursor: pointer;
    text-align: center;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0d4a85;
    transition: 0.3s;
  }
  .drop_menu.active .outer_i, .drop_menu.active.non_click_open > a .fa-chevron-down{transform: rotate(180deg);}
  .navbar-menu.mobile_mm ul li {flex-wrap: wrap;border-bottom: .1rem solid #9ad5b442;}
  .mobile_mm .sub_menu { position: static;}
.navbar-menu.mobile_mm ul.sub_menu li{border: none;}
  .mobile_mm a:not(:only-child)::after {display: none;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;

    line-height: 2rem;
    height: 1rem;width: 1.2rem;
    transition: 0.5s;background: url(../images/mobile_menu_arrow.png) no-repeat;
}


.mobile_mm .active>a:not(:only-child)::after { transform: rotate(180deg);filter:none;}
.sub_menu {
  background-color: #eef7f2;
  border-radius: 0;
  box-shadow: none;
  width: 100%;padding: 1rem;

}


.mega_menu:hover .mega_menu_sec{display: none;}
/*.sub_menu.mbile_loans_menu{display: block;}*/
.bottom_header .container{max-width: 100%;}

.nav.navbar-menu .drop_menu > a{font-weight: 500;font-size: 1.6rem;color: #333 !important;width: 100%;}
.nav.navbar-menu .drop_menu.click_open > a{width: 90%;}

.navbar-menu .sub_menu a, .navbar-menu .sub_menu li:first-child a{border:0;font-size: 1.4rem;}
.nav.navbar-menu li .sub_menu a::before{position: absolute;background: #666;height: .4rem;width: .4rem;border-radius: 100%;content: '';left: 1rem;top: 0;bottom: 0;
margin: auto;}

.nav.navbar-menu li .sub_menu a, .sticky .navbar-menu .sub_menu a, .sticky .navbar-menu .sub_menu li:first-child a{padding: .8rem 2rem;}
.nav.navbar-menu li .sub_menu a:hover::before{background: #fff;}
.nav.navbar-menu li.drop_menu.active > a { color: #0c4a85;}

.drop_menu.extra_menu { display: block;}
.extra_menu-sub a{margin-bottom: 0;}
.mobile_mm .has-sub-menu .extra_menu-sub a:not(:only-child)::after, .mobile_mm .has-sub-menu a::after{display: none;}

.extra_menu-sub { padding-left: 2rem;padding-top: .5rem;}
.extra_menu-sub p {line-height: 1.6rem;  padding: 0;font-weight: 500;}
.extra_menu-sub p span{font-size: 1.3rem;line-height: 1.6rem;font-weight: normal;color: #333;}
.navbar-menu .sub_menu .extra_menu-sub a { font-size: 1.3rem;color: #666;line-height: 2rem;}
/*.nav.navbar-menu li .sub_menu .extra_menu-sub a::before{top: .5rem;}*/
.nav.navbar-menu li .sub_menu .has-sub-menu > a{font-weight: normal;}

.login_head.drop_menu { display: block;}
.nav.navbar-menu .search_opt.drop_menu a{display: none;}
.search_opt.drop_menu .search_popup{visibility: visible;display: block;opacity: 1;}





  }








@media(min-width:1200px) and (max-width:1400px){
.mega_menu_sec {
    padding: 10px 10px;
}
ul#tabs-nav li {
    padding: 4px 15px;
}
#tabs-nav li a {
    font-size: 1.1rem;
}
#tabs-nav li a {
    padding: 2px 0;
    font-size: 1.1rem;
}
.head_p:nth-child(1) {
    font-size: 1.6rem !important;
}
.mega-content p {
    font-size: 1.2rem;
    line-height: 22px;
}
}
@media (max-width:767px) {

p#nav-1-tab.retail-tab {
    padding: 0px 0px 0px 15rem;
}


}

@media (max-width:575px) {

}

.head_p:nth-child(1) {
    font-size: 2rem;
    font-weight: bold;
    padding-bottom: 1.4rem;
    font-family: var(--familyRaleway);
    color: #000;
    position: relative;
    line-height: 4.5rem;
}
/**lang dropdown**/
div#p9divmenu {
    display: flex;
    width: 70px !important;
    justify-content: flex-end;
}
#P9LngDdl {
    background: #fff;
    font-size: 13px;
    width: 100%;
    border: none;
}
.login_head .dropdown-toggle::after{
	display:none;
}
.login_head .btn .svg-inline--fa.fa-chevron-down {
    font-size: 11px;
}
@media(max-width:767px)
{
#P9LngDdl {
    background: transparent !important;
    border: 1px solid #108a43 !important;
    padding: 3px 5px;
	color:#108a43 !important;
	border-radius:5px;
}
div#p9divmenu {
width: 80px !important;	
}
}
/*.navbar-menu ul li a.menu-colorblue {
    color: #0D4A85 !important;
}*/
/***marq  text*****/
.marq-text {
    background: #fff;
    padding: 5px 0 5px 0;
    display: flex;
    border-bottom: 5px solid #FFF;
}
.marq-text p {
    color: #424242;
    font-size: 1.5rem;
    display: flex;
    margin: 0;
    padding: 0;
}
.marq-text a {
    color: #000;
    font-size: 1.5rem;
    padding: 0 0 0 10px;
}
@media(max-width:767px){
.marq-text p {
    font-size: 10px;
}
.marq-text {
    padding: 0px 0 00;
     margin: 0 0 5px 0;   
}

.marq-text a {
    font-size: 12px;
}    
}

.loadingGif {
    height: 30px;
    right: .4rem;
    top: .1rem;
    position: absolute;
    right: 2.7rem;
    top: .5rem;    
    padding: .9rem 1.5rem;
}