/*
Theme Name: Union Crest Bank
Author: Digital Tailor Agency
Author URI: https://dta.co.ke
Version: 4.0.8
Tested upto: 4.0.8
*/


@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700&display=swap');
/*@media only screen and (min-width: 1000px) {*/
/*  .empower_slider_outter{*/
/*    height: 100% !important;*/
/*  }*/
/*}*/
/*.empower_slider_outter {*/
/*  box-shadow: inset 0 0 0 2000px rgb(0 0 0 / 10%);*/
/*}*/
.menu_middle_area ul li ul{
	width: 280px !important;
}
ul.dropdown-menu {
        display: none;
        width: 250px;
    }
    .menu_right_area> .dropdown > a {
      color: black !important;
    }
    .displaynoneafter::after{
      display: none !important;
      
    }
    .submenuun > a{
      color: black;
    }
    .submenuun:hover{
      color: white;
      background-color: #00a3e0 !important;
    }
    .menu_right_area> .dropdown {
        background: #fff;
        border: 0;
        border: 1px solid #00a3e0;
        padding: 4px 15px;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 16px;
        margin: 0 9px;
        -webkit-transition: .4s;
        -o-transition: .4s;
        transition: .4s;
        color: #000;
        background: #00a3e0 !important;
        box-shadow: 0 4px 4px rgb(0 0 0 / 25%);
        width: 110px;
    }

    .image_dropdown{
      height: 17px;
      width: auto;
      margin-left: 3px;
    }
    .dropdown-menu{
      padding: 0px !important;
      margin-top: 6px;
    }
    .dropdown-menu >li > a{
      padding: 16px;
    }
    .dropdown-menu >li {
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
        display: -webkit-box;
        display: -ms-flexbox;
        height: 78px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: 1px solid #e1e1e1;
        background: #fff;
        color: black;
        font-size: 14px;
    }
    .wdth100{
      width: 100% !important;
    }
    .dropdown-menu::before {
      content: '';
          position: absolute;
          top: -8px;
          left: 60%;
          transform: translateX(-50%) rotate(45deg);
          border-top: 40px solid #fff;
          border-right: 10px solid transparent;
          border-left: 10px solid transparent;
          z-index: -1;
    }
    .dropdown-menu {
      z-index: 1;
    }
    .dropdown-toggle::after,
    .dropdown-menu:first-of-type:hover + .dropdown-menu::before,
    .dropdown-menu:first-of-type:hover::before {
      border-top-color: #00a3e0 !important;
    }
.awsm-job-form {
  display: none !important;
}


.awsm-job-form-inner h2 {
  color: black;
}
.tab {
    overflow-x: scroll;
}
.finacial_textImg img{
	border-radius: 5%;
}
.finacial_textImg{
	margin: 50px 0px;
}
@media screen and (min-width: 800px) {
    .slider_image > div > div > .owl-item {
  height: 100vh !important;
}
.empower_slider_outter {
  height: 100vh !important;
  }
 .empowering_text_slider_area{
 	height: 100vh !important;
 }
}


.empower_slider_outter {
  background-position: center !important;
  display: grid;
}
.emp_text_slider_content {
  align-self: center;
}


.leadership_single_item img:hover{
  animation: zoom-in-zoom-out 1s ease infinite;
}
.btn_2_j {
  color: white;
}
.leadership_menu_area {
  border-bottom: 3px #0078bb solid;
}
.btn_2_j:hover {
  color: #017cc1 !important;
  background-color: #fff;
  border: 1px solid #017cc1;
}
.btn_2_j >a:hover{
  color: #017cc1 !important;
  background-color: #fff;
  border: 1px solid #017cc1;
}
.searcharea{
  padding: 50px 0px;
}
.blog_image_ouuteer{
  height: 300px;
  object-fit: cover;
}
.awsm-application-submit-btn{
  background-color: #007DC3;
  font-weight: 600;
  font-size: 16px;
  -webkit-box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 25%);
  box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 25%);
  width: 146px!important;
  text-transform: capitalize;
  color: #FFFFFF;
  border: none;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding-top: 10px;
  padding-bottom: 10px;
  border: 2px solid transparent;
}

.position_me{
  font-weight: 500;
}
.mobileMenu{
    width:100% !important;
}
.tab {
  padding: 50px;
  background: white;
}

.tab_sub{
  background: #fff;
  padding-bottom: 50px;
  padding-top: 20px;
}
.position_me {
  font-weight: bolder;
}
.text_right{
  text-align: right;
}
.text_left{
  text-align: left;
}
.tab{
  padding: 24px !important;
}
.leadership_menu_area .tab a {
  background: none;
  border: none;
  padding: 20px 50px;
  font-size: 21px;
  font-weight: 600;
  color: black;
}
.wptwa-container .wptwa-description p {
  font-family: "jost";
}
.arrow {
  border: solid #007DC3;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 4px;
}
.profile_linkedin {
  color: #007DC3;
  font-size: 18px;
  font-weight: bolder;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.som-password-input {
  width: 100%;
  font-size: 18px;
  padding: 10px 15px;
  border: 1px solid #000;
  border-radius: 0;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  width: 100%;
  max-width: 100% !important;
  margin-bottom: 10px;
}
#cookie-law-info-bar{
  z-index: 9999999999 !important;
}


.header_top_left_area ul li:hover{
  background-color: black !important;
}
.header_top_right_area ul li:hover{
  background-color: black !important;
}
.accordion-button{
  font-size: 20px !important;
}
.report_title {
  margin-bottom: 30px;
  margin-top: 50px;
  text-align: center;
}
.box_vee{
  box-shadow: 0px 8px 20px 0px rgb(0 0 0 / 14%);
}
.profile_leader {
  margin-top: 10px;
}
.mobilebanking_main_area {
  background-color: #f6f6f6;
}
.year_seen{
  font-weight: bolder;
}
.require_ment_cont {
  max-width: 100% !important;
}
.requirement_option_outer {
  align-items: center;
}
.menu_middle_area ul li a:hover{
  color: #0a58ca !important;
  font-weight: bold;
}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.1, 1.1);
  }
  100% {
    transform: scale(1, 1);
  }
}
.awsm-job-form-control{
  display: block;
  width: 100%;
  font-size: 18px;
  padding: 10px 15px;
  border: 1px solid #000;
  border-radius: 0;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
}
.menu_sub .tab_sub div a {
  background: none;
  border: none;
  padding: 0px !important;
  font-size: 21px;
  font-weight: 600;
}
.cli-switch input:checked + .cli-slider{
  background-color: #007DC3 !important;  
}
.cli-tab-footer .wt-cli-privacy-accept-btn {
  background-color: #007DC3;
  box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}
@media only screen and (max-width: 600px) {
  .modal_right_area {
    flex: auto !important;
  }
  .text_right{
    text-align: center;
  }
  .text_left{
    text-align: center;
  }

}
.leadership_menu_area .tab a:hover{
  color: #0a58ca;
  font-weight: bolder;
  animation: zoom-in-zoom-out 1s ease infinite;
}
@media screen and (min-width: 600px) {
  .leadership_menu_area .tab a:hover{
    border-bottom: 4px solid #007DC3 !important;
  }
  .tab .active{
    border-top: 5px solid #007DC3 !important;
  }
}
.leadership_single_item img {
    border-radius: 5%;
}
.modal_left_area img {
    border-radius: 5%;
}
.deletea {
  padding: 6px 20px;
  border-radius: 8px;
  font-weight: 400;
  margin-top: 10px;
  border: 1px solid red;
  background-color: red;
  color: #fff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.table_btn_area button{
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.offer_slider_items img {
  height: 250px;
  object-fit: cover;
}
.offer_slider_cont p {
  height: 130px;
}
.black_service{
  color: black;
}
.black_service:hover{
  color: #007DC3;
}
.banner_main_area {
  background-repeat: no-repeat;
  background-size: cover;
}
.aboutpage_main_text_area ul li {
  list-style-type: none !important;
}
.aboutpage_main_text_vision_single_item_flex {
  max-width: 100% !important;
}
.btn{
  padding: 6px 20px;
  border-radius: 8px;
  font-weight: 400;
  margin-top: 10px;
  border: 1px solid #007DC3;
  background-color: #007DC3;
  color: #fff;
  box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}
#reset-pass-submit{
  padding: 13px 63px !important;
border: 1px solid transparent;
border: 1px solid #007DC3 !important;
background-color: #007DC3 !important;
color: #fff;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.tableactivetrading{
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
legend {
    font-size: 30px;
    font-weight: 300;
    text-transform: uppercase;
    color: #000;
    padding-bottom: 29px;
    padding-top: 30px;
}
input#somfrp_user_info {
    margin-bottom: 20px;
}
.tableactivetrading {
  display: block;
  margin-bottom: 5px;
}
#searchshares{
margin: 0px 0px !important;
border-radius: 12px;
padding: 5px;
}
p.extra-space {
    margin-bottom: 10px;
}
input:not([type]), input[type="text"]{
display: block;
width: 100%;
  font-size: 18px;
  padding: 10px 15px;
  border: 1px solid #000;
  border-radius: 0;
font-weight: 400;
line-height: 1.5;
color: #212529;
}

.som-password-sent-message{
  margin-bottom: 0px !important;
  background-color: red;
  border-color: red;
}
.edu_img{
height: 240px;
    width: 100%;
    border-radius: 10px;
}
.requirement_thum img {
  border-radius: 5%;
}
.akbareactive{
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
#error,.error{
  color: red;
  font-size: 18px;
  padding-top: 5px;
}
#success,.success{
   color: green;
  font-size: 18px;
  color: green;
    text-align: center;
  font-weight: bolder;
}
.reportbtnstyle{
  padding: 5px 20px !important;
}
.edu_text{
  font-family: Jost;
  font-size: 22px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0em;
  margin-bottom: 30px;
    margin-top: 10px;
    text-align: center;
  margin-bottom: 20px;
  color: black;

}
.edu_text:hover{

  color: #007DC3;
  font-weight: 600;

}
.fa-thumbs-o-up,.upnumber{
  color: green;
}
.fa-thumbs-o-down,.downnumber{
  color: red;
}
.page-numbers.current {
  color: #007DC3;
  font-size: 18px;
  font-weight: bold;
}
 .report_main_single_item_area_text a{
 box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
a.glink span {
  color: #fff;
  display: inline-block;
  padding: 0px !important;
}
.glink.nturl {
  display: block !important;
}
.header_top_right_area i {
  font-size: 18px;
  padding-left: 0px !important;
  vertical-align: middle;
  color: white;
}
#gt_lightbox {
  background: #007DC3;
}
.gt_white_content a.selected {
  background-color: #035583 !important;
}
.imag_full{
  height: 300px;
  box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.3);
  object-fit: cover;
}
.global_page_banner_area {
  background-size: cover !important;
  box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.3);

}


.contact_single_input_fild input{
display: block;
    width: 100%;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.contact_single_input_fild textarea{
display: block;
    width: 100%;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  }
  .contact_single_input_fild input[type="submit"]{
    width: auto !important;
  }
  .contact_right_sub_text a{
    font-size: 18px;
  }





  html{
    font-size: 62.5%;
  }
  body{
    margin: 0;
    font-family: 'Jost', sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    position: relative;
  }
  ul,li{
    list-style: none;
    margin: 0;
    padding: 0;
  }
  h1,h2,h3,h4,h5,h6,p{
    margin: 0;
  }
  a{
    text-decoration: none;
  }
  P{
    font-size: 18px;
  }
  h1{
    font-weight: 600;
    font-size: 64px;
    color: #000;
  }
  h2{
    font-weight: 700;
    font-size: 60px;
    color: #fff;
  }
  h3 {
    font-size: 30px;
    font-weight: 300;
    text-transform: uppercase;
    color: #000;
  }
  h5 {
    font-size: 23px;
    color: #0D1317;
  }
  .extra_container{
    max-width: 960px;
    width: 100%;
    margin: auto;
  }
  .btn-style {
    background: linear-gradient(180deg, #0882C6 0%, #7DCDF9 100%);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    color: #fff;
    border: 0;
    padding: 13px 43px;
    font-size: 19px;
    font-weight: 600;
    display: inline-block;
    border: 1px solid transparent;
  }
  .activess,
  .btn-style:hover{
    background: linear-gradient(0deg, #0882C6 100%, #7DCDF9 0%);
    border: 1px solid #007DC3;
    color: #fff;
  }
  /* hambar area start  */

  .animated-bar::after,.animated-bar::before {
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: barAnimation;
    -webkit-animation-timing-function: linear;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-name: barAnimation;
    animation-timing-function: linear;
    background-color: #fff;
    content: ' ';
    height: 100%;
    position: absolute;
    top: 0;
    width: .3rem;
  }

    .animated-bar span::after,.animated-bar span::before {
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: barAnimations;
    -webkit-animation-timing-function: linear;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-name: barAnimations;
    animation-timing-function: linear;
    background-color:#fff;
    content: '';
    height: 100%;
    position: absolute;
    top: 0;
    width: 3px;
  }

  .nav-button{position:relative; z-index:1111; border:solid 1px transparent;  height:42px; display:block; width:50px; padding:12px; cursor: pointer;}
  .nav-button #nav-icon3{width:26px;height:20px;display:inline-block;position:relative;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;}
  .nav-button #nav-icon3 span{display:block;position:absolute;height:2px;width:100%;background:#000;border-radius:9px;opacity:1;left:0;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}
  .nav-button #nav-icon3 span:nth-child(1){top:0}
  .nav-button #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3){top:7px}
  .nav-button #nav-icon3 span:nth-child(4){top:15px}
  .nav-open #nav-icon3 span:nth-child(1){top:9px;width:0;left:50%}
  .nav-open #nav-icon3 span:nth-child(2){-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
  .nav-open #nav-icon3 span:nth-child(3){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
  .nav-open #nav-icon3 span:nth-child(4){top:9px;width:0;left:50%}
  .navbar{
    padding-top: 0;
  }



  /*search icon*/
  .content_pop {
    background: #E8E8E4;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    line-height: 60px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    display: none;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;
  }
  .content_pop::-webkit-scrollbar {
    display: none;
  }
  .content_pop::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgba(0,0,0,.7);
    width: 100%;
    height: 100%;
    z-index: 999999999999;
  }
  #search-form {
    width: 100%;
    position: relative;
  }
  #search-form button {
    position: absolute;
    top: 12px;
    left: 11px;
    border: 0;
    background: transparent;
    font-size: 34px;
    color: #b2b2b2c2;
  }
  .content_pop input[type="text"] {
    width: 100%;
    padding: 19px 20px 19px 60px;
    border: 1px solid #14779f;
    outline: none;
    font-size: 18px;
  }
  #closesearch {
    position: absolute;
    right: 0;
    top: 0px;
    color: #fff;
    font-size: 50px;
    background: transparent;
    border: 0;
  }
  /* rakib er code  */

  .searchpopup {
    height: 100vh;
    display: flex;
    justify-content: center;
  }
  .search_big.icon-search_icon {
    max-width: 700px;
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    z-index: 9999999999999999999;
    position: fixed;
  }

  .zs-enabled .zs-slideshow .zs-bullets {
    bottom: 119px;
  }
  /* ==============   1. Header area css start   ============ */

  .menu_main_area {
    -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    margin: 0;
    padding: 10px 0;
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 99999;
  }
  .header_top_area {
    background-color: #00a3e0;
    padding: 0px 0;
  }
  .header_top_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  /* Header top Left area start  */
  .header_top_left_area ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header_top_left_area ul li a{
    color: #fff;
    display: inline-block;
    padding: 5px 10px;
  }

  /* Header Top Right Start */
  .header_top_right_area ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header_top_right_area ul li a{
    color: #fff;
    display: inline-block;
    padding: 5px 10px;
  }
  .header_top_right_area ul li a i{
    font-size: 18px;
    padding-left: 6px;
  }
  .flag img{
    height: 16px;
    width: auto;
  }
  .search {
    height: 15px;
    width: auto;
    padding-right: 5px;
  }
  /* javascript css  */
  .flagoption{
    position: relative;
  }
  .flagoption ul {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #007DC3;
    display: none;
    top: 35px;
    left: 0px;
    z-index: 99999999999999999;
  }
  .flagoption ul li:hover a{
    background-color: #007DC39C;
  }
  .modal{
    top: 62px;
  }
  /* mobile menu area start  */
  .mobileMenu {
    position: absolute;
    width: 302px;
    right: 0;
    top: 0px;
    background: #007DC3;
    z-index: 9999;
    display: none;
    padding-bottom: 10px;
    padding-left: 44px;
    min-height: 100vh;
    height: 100%;
    overflow-y: scroll;
  }
  .mobileMenu ul li a {
    color: #000;
    display: block;
    padding: 5px 0;
    transition: .3s;
  }
  .mobileMenu > ul > li > a{
      font-size: 22px;
  }
  .mobileMenu ul li a:hover{
    color: #fff;
  }
  #borrow ul,
  #save ul,
  #aboutus ul{
    display: none;
  }
  .mobileMenu ul li ul li a {
    padding-left: 32px;
    font-size: 17px;
  }
  .mobileMenu button {
    padding: 5px 15px;
    border: 1px solid #007DC3;
  }
  .mobileMenu button img {
    width: auto;
    height: 20px;
  }
  .mobileMenu span {
    text-align: right;
    display: block;
    padding: 10px 30px;
  }
  .mobileMenu span i {
    font-size: 30px;
    text-align: right;
    display: inline-block;
    padding: 10px;
    cursor: pointer;
  }

  /* mobile menu area End  */

  /* ============   1. Header area css end   ============= */

  /* ============   2. Menu area css start   ============= */

  .logo a img{
    width: 180px;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
  }

  .menu_main_text_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  /* Middle area start  */
  .menu_middle_area ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .menu_middle_area ul li a {
    display: inline-block;
    color: #000;
    font-size: 20px;
    text-transform: capitalize;
    padding: 7px 18px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
  }
  /* dropdown menu area start  */
  .dropdownmenu {
    position: relative;
  }
  .menu_middle_area ul li ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: absolute;
    width: 229px;
    top: 43px;
    z-index: 999999 !important;
    visibility: hidden;
    opacity: 0;
    left: 0px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
  }
  .menu_middle_area ul li ul li {
    width: 100%;
  }
  .flagoption a img {
    width: 27px;
  }
  .menu_middle_area ul > li:hover ul {
    opacity: 1;
    visibility: visible !important;
    top: 60px;
    background: #D0EEFF;
  }

  .navbar {
    display: none;
  }
  /* Menu area hambar code start  */
  .menu_right_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  /* middle area end  */
  /* right area start  */
  .menu_right_area > a {
    background: #fff;
    border: 0;
    border: 1px solid #00a3e0;
    padding: 4px 15px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    margin: 0 9px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #000;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  }
  .menu_right_area > a > img {
    height: 17px;
    width: auto;
    margin-left: 3px;
  }
  .menu_right_area > a:hover{
    background: -webkit-gradient(linear, left top, left bottom, from(#0882C6), to(#7DCDF9));
    background: -o-linear-gradient(top, #0882C6 0%, #7DCDF9 100%);
    background: linear-gradient(180deg, #0882C6 0%, #7DCDF9 100%);
    border: 1px solid #7DCDF9;
  }
  .menu_right_areaactive{
    background: linear-gradient(180deg, #0882C6 0%, #7DCDF9 100%) !important;
    border: 1px solid #7DCDF9;
  }
  /* right area end */
  /* menu right area start */
  .menu_right_area ul{    
    align-items: center;
  }
  .menu_right_area > ul li a {
    border-radius: 10px;
    padding: 8px 14px;
    font-size: 16px;
    color: #0d6efd;
    margin-left: 20px;
  }
  #profilemenu {
    display: flex;
    align-items: center;
    gap: 10px;
    text-transform: uppercase;
  }
  #profilemenu img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
  }

  /* ============   2. Menu area css End   ============= */


  /* =====================================================  */
  /* ============     Contact page start    ============= */
  /* ===================================================  */


  .banner_main_area{
    padding: 160px 0;
    position: relative;
  }
  .banner_main_area::after{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(0, 0, 0, .4);
  }
  .banner_main_text_area{
    position: relative;
    z-index: 9;
  }
  .banner_main_text_area h2{
    text-align: center;
  }
  /* ==========  1. Banner area css End ========== */

  /* ========  2. contact area css start  ========= */
  .contact_input_fild_area {
    padding: 30px 0;
  }
  .contact_input_text_area h1{
    padding-bottom: 20px;
    color: #1D3444;
    text-align: center;
    font-size: 50px;
  }
  .contact_single_input_fild label{
    font-size: 20px;
    padding: 7px 0 4px 0;
  }
  .contact_single_input_fild input {
    border-radius: 0;
    border: 1px solid #000;
    padding: 10px 15px;
    font-size: 16px;
  }
  .contact_single_input_fild textarea {
    border: 1px solid #000;
    height: 100px;
    font-size: 18px;
    padding: 10px 10px;
    margin-bottom: 15px;
  }
  .contact_single_input_fild input[type="submit"] {
    background-color: #007DC3;
    padding: 12px 34px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    border: 0;
  }
  /* ========  3. contact input css start  ========= */
  .contact_input_right_area {
    background: #D0EEFF;
    padding: 20px 30px 41px 30px;
  }
  .contact_right_text{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .contact_right_text span {
    background: #047CC0;
    display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    color: #fff;
    font-size: 24px;
    margin-right: 20px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .contact_input_right_area h5 {
    padding-bottom: 20px;
    padding-top: 20px;
  }
  .contact_right_sub_text p {
    color: #5B5B5B;
  }
  .contact_right_sub_text a{
    display:block;
    color: #5B5B5B;
  }

  /* ========  3. contact input css start  ========= */
  .contact_social_media {
    padding: 30px 0 70px 0;
  }
  .contact_social_media_text {
    text-align: center;
  }
  .contact_social_media_text h5{
    padding-bottom: 30px;
  }
  .contact_social_media_text ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .contact_social_media_text ul li a{
    display: inline-block;
    background-color: #1DA1F2;
    color: #fff;
    width: 46px;
    height: 46px;
    font-size: 25px;
    margin: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 50%;
  }
  .contact_social_media_text ul li:nth-child(2) a{
    background-color: #2867B2;
  }
  .contact_social_media_text ul li:nth-child(3) a{
    background-color: #1877F2;
  }
  .contact_social_media_text ul li:nth-child(4) a{
    background-color: #F00073;
  }
  .contact_social_media_text ul li:nth-child(5) a{
    background-color: #FF0000;
  }

  /* =====================================================  */
  /* ============     Contact page start    ============= */
  /* ===================================================  */
  .calculator_hero_main_area {
    background: #D0EEFF;
    padding: 70px 0;
  }
  /* ======== calculator_payment_area start ====== */
  .calculator_payment_area {
    padding: 70px 0;
  }
  .calculator_header_text_system h1 {
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 400;
  }
  .calculator_header_text_system p{
    text-align: center;
    color: #5B5B5B;
    font-size: 20px;
    font-weight: 500;
    padding: 30px 0 20px 0;
  }
  /* select css area start  */
  .calculator_payment_single_item label,
  .calculator_payment_single_item h6 {
    display: block;
    color: #000;
    font-size: 16px;
    padding-bottom: 5px;
  }
  .calculator_payment_single_item label img {
    width: 24px;
    margin-right: 8px;
  }
  .calculator_payment_single_item select {
    width: 100% !important;
    padding: 11px 15px;
    background: transparent;
    border: none;
    border: 1px solid #000;
    font-size: 21px;
    color: gray;
  }
  .calculator_payment_single_item.text-center p span {
    color: #007DC3;
    font-size: 24px;
    font-weight: 500;
  }
  .calculator_payment_single_item input {
    width: 100%;
    border: 0;
    font-size: 20px;
    padding: 10px 15px;
    font-size: 27px;
    border-bottom: 1px solid #000;
  }
  .calculator_payment_single_item input:focus{
    -webkit-box-shadow: none;
            box-shadow: none;
    border-bottom:1px solid gray;
    outline: none;
  }
  #range1 {
    width: 100%;
  }
  .heu.ex_range_area.calculator_payment_single_item p {
    color: #9C9C9C;
    padding-bottom: 19px;
    font-size: 16px;
  }
  .calculator_payment_subtotal{
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 25px 0;
  }
  .calculator_payment_subtotal h3{
    color: #000;
    font-size:30px;
    font-weight: 400;
  }
  .calculator_payment_subtotal h4 {
    color: #007DC3;
    font-size: 34px;
    font-weight: 500;
    line-height: 2;
  }
  .calculator_payment_left_shift_right{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .calculator_payment_left_sub h4{
    font-size: 20px;
    font-weight: 500;
    line-height: 2;
  }
  .calculator_payment_left_sub h5{
    font-size: 24px;
    font-weight: 500;
    line-height: 2;
  }
  .cplsr h4,
  .cplsr h5{
    color: #007DC3;
  }
  .calculator_payment_subtotaltext{
    border-top: 1px solid #000;
    padding-top: 15px;
  }
  .calculator_payment_subtotaltext p{
    font-size: 13px;
  }

  /* =====================================================  */
  /* ============     About page start    ============= */
  /* ===================================================  */

  .aboutpage_main_area{
    padding: 50px 0 30px 0;
  }
  .aboutpage_main_text_area ul{
    max-width: 1060px;
    width: 100%;
    margin: auto;
  }
  .aboutpage_new_head_item_design > p {
    padding: 14px 0 32px 0;
  }
  .aboutpage_main_text_area ul li{
    font-size: 12px;
    list-style-type: circle;
  }
  /* AboutPage vision area code  */
  .aboutpage_main_vision {
    padding-bottom: 51px;
    overflow: hidden;
  }
  .aboutpage_main_text_vision h3 {
    padding-bottom: 12px;
  }
  .aboutpage_main_text_vision_single_item {
    padding: 10px 0;
  }
  /* icon area start  */
  .aboutpage_main_text_vision_single_item_flex {
    max-width: 400px;
    width: 100%;
    margin-top: 30px;
    padding-left: 50px;
  }
  .aboutpage_main_text_vision_single_item_sub{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
  }
  .aboutpage_main_text_vision_single_item_sub_item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 46%;
            flex: 0 0 46%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .aboutpage_main_text_vision_single_item_sub_item span {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
            box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-right: 20px;
  }
  .aboutpage_main_text_vision_single_item_sub_item span img{
    width: 25px;
    height: auto;
  }



  /* =====================================================  */
  /* ============     Leadership page start    ============= */
  /* ===================================================  */

  .leadership_main_area{
    padding: 10px 0;
  }
  .leadership_menu_area {
    text-align: center;
    background: #fff;
  }
  .leadership_menu_area .tab button {
    background: none;
    border: none;
    padding: 20px 50px;
    font-size: 21px;
    font-weight: 600;
  }

  .leadership_main_content_firsttab p {
    padding-top: 10px;
    padding-bottom: 20px;
  }
  .leadership_main_content_firsttab h3,
  .leadership_main_content_firsttab h5{
    padding-top: 40px;
  }
  /* single item area start  */
  .leadership_single_item_main_area {
    padding: 15px 0;
  }
  .leadership_single_item{
    cursor: pointer;
  }
  .leadership_single_item_text p {
    color: #9C9C9C;
  }
  .leadership_single_item img {
    width: 100%;
    height:auto;
  }
  .leadership_single_item_text {
    padding: 16px 6px 4px 6px;
  }
  .modal-header{
    border-bottom: 0;
  }

  /* Modal area start  */

  .modal-dialog {
    max-width: 875px;
    margin: 1.75rem auto;
  }
  .modal-body {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    padding: 2px 16px 30px 16px;
  }
  .modal_flex_area{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
  }
  .modal_left_area{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33%;
            flex: 0 0 33%;
  }
  .modal_left_area img {
    width: 100%;
  }
  .modal_right_area{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 62%;
            flex: 0 0 62%;
  }
  /* Modal area End  */


  /* =====================================================  */
  /* ============     Register page start    ============= */
  /* ===================================================  */

  .register_main_area {
    padding: 50px 0 150px 0;
    position: relative;
  }
  .register_main_area::after {

  }
  .register_main_area_offer:after{
    display: none;
  }
  .register_single_item_area h3 {
    padding-bottom: 22px;
  }
  .register_single_item_area_input{
    text-align: left;
  }
  .register_single_item_area_input input {
    font-size: 18px;
    padding: 10px 15px;
    background: transparent;
    border: 1px solid #000;
    border-radius: 0;
  }
  .register_main_item_area_ceter{
    margin:auto;
    margin-top: 32px;
    max-width: 960px;
    width: 100%;
    background-color: #fff;
  }
  .register_single_item_area_input.register_single_item_area_input_btn {
    text-align: center;
    padding-bottom: 40px;
  }
  .register_single_item_area_input_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .register_single_item_area_input_btn .btn-style {

  }
  .akbareactive{
    padding: 13px 63px !important;
    border: 1px solid transparent;
    border: 1px solid #007DC3 !important;
    background-color: #007DC3 !important;
    color: #fff;
  }
  .akbareactive:hover{
    color: #007DC3;
    border: 1px solid #007DC3 !important;
    background-color: transparent !important;
  }
  .register_single_item_area_input .intested_form_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0;
  }
  .register_single_item_areaaaa p{
    text-align: left;
  }


  /* =====================================================  */
  /* ============     Contact page start    ============= */
  /* ===================================================  */

  .extra_banner_main_area {
    background: #2584F4;
    padding: 30px 0;
    background: url('assets/images/banner/themes.png') no-repeat scroll 100% 100% / cover;
  }
  .extrabanner_main_text_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .extrabanner_main_text_area_right a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 20px 0;
    border-radius: 12px;
    justify-content: center;
  }

  /* btn stayle start */
  .reportbtnstyle {
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-color: transparent;
    color: #fff;
    padding: 9px 29px;
    text-align: center;
    border: 1px solid #000;
  }
  .reportbtnstyleactive,
  .reportbtnstyle:hover {
    background-color: #0A5DBF;
    border: 1px solid #0A5DBF;
    color: #fff;
  }
  .extrabanner_main_text_area_left{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .extrabanner_main_text_area_left span {
    background: #fff;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: 600;
    font-size: 24px;
    border-radius: 50%;
    text-transform: uppercase;
    margin-right: 20px;
  }
  .extrabanner_profile_area h5,
  .extrabanner_profile_area p{
    color: #fff;
  }
  .trading_table_main_area{
    padding-bottom: 70px;
  }
  .trading_table_main_area .searchArea_right ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 11px;
  }

  /* another search bar area  */
  .trading_table_text_area .searchArea {
    padding: 20px 23px 30px 23px;
    background: #fff;
    margin-top: 23px;
  }
  .trading_table_text_area .searchArea h5 {
    text-transform: uppercase;
  }
  .trading_table_text_area .searchArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .trading_table_text_area .searchArea_right a {
    border-radius: 10px;
    padding: 9px 26px;
    width: 142px;
    font-size: 13px ;
    font-weight: 400;
    background-color: transparent;
    color: #000;
    border: 1px solid #000;
  }
  .tableactivetrading{
    border: 1px solid #000 !important;
    color: #fff !important;
    background-color: #007DC3 !important;
  }
  .trading_table_text_area .searchArea_right a:hover{
    border: 1px solid #000;
    color: #fff;
    background-color: #007DC3;
  }

  .extrasearch1 {
    background: #E8E8E4;
    position: absolute;
    top: 50px;
    right: 0;
    width: 300px;
    height: 60px;
    line-height: 60px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
            box-shadow: 0 0 10px rgba(0,0,0,0.5);
    border-top: 4px solid #D80B15;
    display: none;
    z-index: 9999;
  }

  .extrasearch1:before{
    content: "";
    position: absolute;
    top: -30px;
    right: 13px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 14px solid transparent;
    border-bottom: 14px solid #D80B15;
  }

  .extrasearch1 input[type="text"] {
    width: 62%;
    padding: 5px 10px;
    margin-left: 10px;
    border: 1px solid #14779f;
    outline: none;
  }

  .extrasearch1 input[type="button"] {
    width: 30%;
    padding: 8px 0;
    background: #14779f;
    color: #fff;
    margin-left: -6px;
    border: 1px solid #14779f;
    outline: none;
    cursor: pointer;
  }
  .extrasearch {
    position: relative;
  }

  /* =====================================================  */
  /* ============     Contact page start    ============= */
  /* ===================================================  */

  .report_main_content_area {
    padding: 50px 0;
  }
  .report_stylearea span {
    padding: 8px 27px;
    margin-top: 38px;
    margin-bottom: 30px;
    background: #007DC3;
    border-radius: 8px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
  }

  .report_main_single_margin{
    margin-left: 80px;
  }
  .report_stylearea {
    padding-left: 40px;
  }
  .report_main_single_item_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 26px;
  }
  .report_main_single_item_area_text a {
    text-transform: capitalize;
    font-size: 18px;
    margin-top: 15px;
    padding: 7px 55px;
    background: #007DC3;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    transition: .4s;
    border: 1px solid transparent;
  }
  .report_main_single_item_area_text a:hover{
    color: #000;
    background-color: transparent;
    border: 1px solid #007DC3;
  }

  /* =====================================================  */
  /* ============     Contact page start    ============= */
  /* ===================================================  */

  .trading_title_area{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  table thead tr th:last-child,
  table tbody tr th:last-child{
    text-align: right;
  }
  .table_btn_area span{
    display: block;
  }
  .table > :not(:last-child) > :last-child > * {
    border-bottom-color: transparent;
  }

  .table tbody {
    background: #fff;
  }
  .table thead tr th,
  .table tbody tr th{
    padding:14px 25px;
  }
  .table tbody tr th{
    color: #484964;
    font-weight: 400;
  }
  .table_btn_area button {
    padding: 6px 20px;
    border-radius: 8px;
    font-weight: 400 ;
    margin-top: 10px;
    border: 1px solid #007DC3;
    background-color: #007DC3;
    color: #fff;
  }

  /* =====================================================  */
  /* ============     Juel page start    ============= */
  /* ===================================================  */




  /* Empowering slider start */
  .empowering_text_slider_area{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    position: relative;
    height: 100%;
    width: 100%;
  }

  .emp_text_slider_content{}
  .empower_slider_outter{
    position: relative;
    padding: 110px 0 220px 0;

  }

  .empower_text_slider_main_area{
    position: relative;
  }
  .emp_text_slider_content h1{
    font-weight: 700;
    font-size: 60px;
    line-height: 87px;
    text-align: center;
    text-transform: capitalize;
    color: #FFFFFF;
  }
  .emp_text_slider_content p{
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    max-width: 806px;
    width:100%;
    margin: 0 auto;
    color: #FFFFFF;
  }
  .emp_text_slider_content {text-align: center;}
  .emp_text_slider_content a{
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    background: linear-gradient(180deg, #0882C6 0%, #7DCDF9 100%);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    text-align: center;
    display: inline-block;
    padding: 9px 26px;
    color: #FFFFFF;
    margin-top: 45px;
    border:2px solid #00a3e0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
  }
  /* start */
  .emp_text_slider_content a:hover{
    background: linear-gradient(180deg, #0882C6 100%, #7DCDF9 0%);
  }
  .empower_text_slider_main_area .owl-nav .owl-prev {
    position: absolute;
    left: 25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .empower_text_slider_main_area .owl-nav .owl-next {
    position: absolute;
    right:25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .empower_text_slider_main_area .owl-nav .owl-prev span {
    font-size: 61px;
    color: white;
  }

  .empower_text_slider_main_area .owl-nav .owl-next span {
    font-size: 61px;
    color: white;
  }
  .empower_text_slider_main_area .owl-nav button:hover{
    background-color: transparent!important;

  } .owl-theme .owl-nav{
    margin: 0 !important;
  }
  .txt_slider_service_area {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 99;
  }
  .txt_slider_service_m_area{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    background-color: rgba(66, 66, 65, 0.31);
    padding: 5px 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .txt_slider_s_itms{
    text-align: center;
  }
  .txt_slider_s_itms img{
    max-width: 50px;
    width: 100%;
    display: inline-block !important;
  }
  .txt_slider_s_itms p{
    font-weight: 500;
    font-size: 22px;
    padding-top:7px;
    line-height: 32px;
    color: #FAFAFA;
  }
  .border_img{
    padding: 0 50px;
  }

  .border_img img{
    height: 84px;
    width: 2px !important;
  }
  /* Empowering slider end */

  /* start finacial_text_area */
  .finacial_text_area{
    background-color: #00a3e0 !important;
  }
  .header_top_area{
  	background-color: #00a3e0 !important;
  }
  .finacial_text p{
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    padding-top: 20px;
    max-width: 806px;
    width: 100%;
    color: #FFFFFF;
  }
  .finacial_text h4{
    font-weight: 300;
    font-size: 30px;
    line-height: 43px;
    text-transform: uppercase;
    color: #FFFFFF;
  }
  .finacial_textImg img {
    width: 100%;
    height: auto;
  }
  /*end finacial_text_area */
  /* start join_us_area_main */
  .join_us_area_main {
    padding-top: 60px;
    background-color: #F6F6F6;
    overflow: hidden;
  }
  .join_us_area{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    /* align-items: center; */
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .join_us_thum {
    -ms-flex-preferred-size: 29%;
        flex-basis: 29%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .join_us_cont{
    -ms-flex-preferred-size:29%;
        flex-basis:29%;
    padding-left: 30px;
    padding-top: 50px;
    background-color: rgba(0, 0, 0, 1);
  }
  .join_us_thum img{
    height:auto;
    width: 100%;
  }
  .c_btn_1 a{
    font-weight:400;
    font-size: 18px;
    line-height: 26px;
    background-color:#00a3e0;
    text-align: center;
    display: inline-block;
    padding: 9px 26px;
    color: #FFFFFF;
    border:2px solid transparent;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
  }
  .c_btn_1 a:hover{
    background-color: white;
    color: #00a3e0;
    border:2px solid #00a3e0;
  }
  .join_us_cont h4 span{
    color: #007DC3;
  }
  .join_us_cont p{
    font-size: 18px;
    line-height: 26px;
    padding-right:28px;
    color: #FFFFFF;
  }
  .join_us_cont h4{
    padding-top: 30px;
    padding-bottom:30px;
    font-weight: 600;
    padding-right: 30px;
    font-size: 23px;
    line-height: 28px;
    text-transform: capitalize;
    color: #FFFFFF;
  }
  .join_us_img_group_area{
    /* position: relative; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .join_us_img_item{
    margin: 38px 0;
    margin-left:-15px;
    margin-bottom: 0;
  }
  .join_us_img_item:nth-child(1){
    margin-left: 0;
  }

  .join_us_img_item img{
    max-width: 50px;
    width: 100%;
  }
  .join_us_cont_bottom{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .join_us_img_item span {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    text-transform: capitalize;
    color: #000000;
    background-color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .join_left_btn a img {
    margin-left: 5px;
    width: 16px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
  }
  .join_left_btn a:hover img{
    -webkit-transform: translateX(15px);
        -ms-transform: translateX(15px);
            transform: translateX(15px);
  }
  .join_left_btn a{
    font-size: 18px;
    line-height: 26px;
    color: #FFFFFF;
  }
  .golobal_img{}
  .golobal_img img {
    max-width:65px;
    width: 100%;
  }
  .join_us_document {
    -ms-flex-preferred-size: 35%;
        flex-basis: 35%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .join_us_document h2{
    font-weight: 300;
    font-size: 30px;
    line-height: 43px;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 27px;
  }
  .resion_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
  }
  .resion_bulete img {
    width: 20px;
    margin-top: 3px;
    margin-right: 4px;
  }
  .resion_cont p{
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #000000;
  }
  /* end join_us_area_main */
  /* we_offer_m_outter_area */
  .we_offer_m_outter_area{
    background-color: #F6F6F6;
    padding: 40px 0;
  }
  .offer_we_title h1{
    font-weight: 300;
    font-size: 30px;
    padding-bottom: 30px;
    line-height: 43px;
    text-transform: uppercase;
    color: #000000;
  }
  .offer_heading_save{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .offer_heading_save h5{
    font-weight: 600;
    font-size: 23px;
    line-height: 28px;
    text-transform: capitalize;
    color: #000000;
  }
  .offer_heading_save a{
    font-size: 18px;
    line-height: 26px;
    text-align: right;
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
    color: #000000;
  }
  .offer_we_title p{
    font-size: 18px;
    line-height: 26px;
    padding: 15px 0;
    color: #000000;
    padding-bottom:30px;
  }
  .offer_slider_outter_area{

  }
  .offer_slider_items {
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    cursor: pointer;
    background: white;
  }
  .offer_slider_items:hover{
    -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  .offer_slider_items img{
    border-radius: 10px;
    width: 100%;
  }
  .offer_slider_cont{
   padding: 16px;
  }
  .offer_slider_cont h4{font-weight: 600;
    font-size: 23px;
    line-height: 28px;
    text-transform: capitalize;
    color: #000000;}
  .offer_slider_cont p{
    font-size: 18px;
    line-height: 26px;
    color: #000000;
    padding-top: 10px;
    padding-bottom: 16px;
  }
  .btn_2_j{
    width: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 40px;
    background-color:#017CC1;
    border-radius: 15px;
    -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
            filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  }
  .btn_2_j a:hover{
    color: black;

  }
  .btn_2_j a{

    font-size: 18px;
    line-height: 26px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    color: #FFFFFF;
  }
  .offer_slider_outter_area {
    position: relative;
  }
  .offer_slider_outter_area .owl-nav .owl-prev span,.offer_slider_outter_area .owl-nav .owl-next span{
    font-size: 61px;
    color:rgba(146, 149, 151, 1);
  }
  .offer_slider_outter_area .owl-nav .owl-prev {
    position: absolute;
    left: -45px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .offer_slider_outter_area .owl-nav .owl-next {
    position: absolute;
    right:-45px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .offer_slider_outter_area .owl-nav button:hover {
    background-color: transparent !important;
  }
  .offer_slider_outter_area .owl-dots{
    margin-top: 20px;
  }
  .loans_slider_outter .owl-dots{
    margin-top:-10px !important;
    margin-bottom: 15px;
  }

  .offer_slider_outter_area .owl-dots .owl-dot.active span,.loans_slider_outter .owl-dots .owl-dot.active span,.other_slider_saving_box .owl-dots .owl-dot.active span{
    background-color: #017CC1;
  }

  /* we_offer_m_outter_area */
  /* start loans_outter_m_area */
  .loans_outter_m_area{
    background-color: #F6F6F6;
  }
  .loans_slider_items{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .loans_slider_items_box {
    -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
    margin-bottom: 40px;
  }
  /* end loans_outter_m_area */
  /* start other_service_main_area */
  .other_service_main_area{
    background-color: #F6F6F6;
    padding-bottom: 100px;
  }
  .service_itms{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 5px;
    cursor: pointer;
    height: 100%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    border-top: 2px solid gray;
  }
  .other_service_heading{
    padding-bottom: 42px;
  }
  .row .col-md-3:first-child .service_itms .service_itms_cont h5{
    color: white;
  }
  .row .col-md-3:first-child .service_itms .serive_itms_logo a{
    opacity: 1;
  }
  .row .col-md-3:first-child .service_itms .service_itms_cont p{
   color: white;
  }
  .row .col-md-3:first-child .service_itms{
    border: none;
    background-color: rgba(0, 0, 0, 1);
  }
  .service_itms:hover{
    background-color: #000000;
  }
  .service_itms:hover .service_itms_cont h5,.service_itms:hover .service_itms_cont p{
    color: white;
  }
  .service_itms:hover .serive_itms_logo a{
    opacity: 1;
  }
  .serive_itms_logo img{
    width:60px;
    margin-right: 15px;

  }
  .service_itms_cont{}
  .service_itms_cont h5{
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
    color: rgba(0, 0, 0, 1);
    padding: 20px 0;
  }
  .service_itms_cont p{
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 60px;
    color: rgba(0, 0, 0, 1);
  }
  .serive_itms_logo a i{
    color: white;
    font-size: 23px;
  }
  .serive_itms_logo a{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height: 30px;
    width: 30px;
    opacity: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color:#017BC1;
    border-radius: 50%;
  }
  .serive_itms_logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  /* end other_service_main_area */

  /* ============   membership page css start   ============= */

  .global_page_banner_area{
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
     height: 400px;
  }
  .global_page_banner_area h1{
    font-weight: 700;
    font-size: 60px;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    top:50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    line-height: 87px;
    text-transform: capitalize;
    color: #FFFFFF;
  }
  .global_page_content_outter {
    margin-top: -110px;
    padding-bottom: 40px;
    position: relative;
  }
  .global_page_content p{
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    color: #FFFFFF;
  }
  .global_page_content{
    max-width: 1120px;
    width: 100%;
    margin: 0 auto;
    -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    padding: 72px 80px;
  }

  /* ============   membership page css start   ============= */
  /*start membershipt_openion_m_area */


  .membershipt_openion_m_area{
    background-color: #F6F6F6;
  }

  .openion_items{
    background: #FFFFFF;
    height: 100%;
    -webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.14);
            box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.14);
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    cursor: pointer;
    overflow: hidden;
  }
  .openion_items img{
    width: 100%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
  }
  .openion_items:hover img{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
  .openion_items p{
    padding: 15px 20px;
    font-size: 18px;
    line-height: 26px;
    color: #000000;
  }
  .membershipt_openion_m_area .container h1{
    font-weight: 300;
    font-size: 30px;
    line-height: 43px;
    text-transform: uppercase;
    color: #000000;margin-bottom: 30px;
  }
  .requirement_M_area{
    padding-top: 60px;
    padding-bottom: 50px;
    background-color: #F6F6F6;
  }
  .requirement_text_site{}
  .requirement_text_site h1{
    font-weight: 300;
    font-size: 30px;
    line-height: 43px;
    text-transform: uppercase;
    color: #000000;
  }
  .requirement_text_site h6{
    font-size: 18px;
    line-height: 26px;
    color: #000000;
    margin-top: 30px;
    margin-left: 35px;
    margin-bottom: 20px;
  }
  .requirement_option_outer{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;

  }
  .requrement_bol_icon{
    margin-right: 15px;
  }
  .requrement_bol_icon img{
    width: 20px;
  }
  .require_ment_cont {
    max-width: 800px;
    width: 100%;
  }
  .require_ment_cont p{}
  .requirement_thum img{
    width: 100%;
  }
  /* end membershipt_openion_m_area */
  /*start benefits_m_area */
  .benefits_m_area{
    background-color: #F6F6F6;
    padding-top: 20px;
  }
  .benefits_m_area .container h1{
    font-weight: 300;
    font-size: 30px;
    padding-bottom: 50px;
    line-height: 43px;
    text-transform: uppercase;
    color: #000000;
  }
  .befefits_items{
    padding: 17px 15px;
    background: #D0EEFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .befefits_items img{
    width: 63px;
    height: auto;
    margin-right: 20px;
  }
  .befefits_items span{
    font-size: 18px;
    line-height: 26px;
    color: #000000;
  }
  /*end benefits_m_area */
  /*start interested_registation_main_area */
  .interested_registation_main_area{
    background-color: #F6F6F6;
    padding-bottom: 100px;
  }
  .interested_registation_area{
    max-width: 941px;
    width: 100%;
    padding: 50px;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    background-color: white;
    margin: 0 auto;
    padding-bottom:15px;
  }
  .intersted_form_heading{}
  .intersted_form_heading h1{
    font-size: 30px;
    line-height: 43px;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
  }
  .intersted_form_heading p{
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    padding: 35px 0;
    color: #5B5B5B;
    text-align: center;
  }
  .intested_form_item{

    margin-bottom: 30px;
  }
  .intested_form_item label{
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    color: #000000;
    margin-bottom: 5px;
  }
  .intested_form_item input::-webkit-input-placeholder{
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    color: #9C9C9C;
  }
  .intested_form_item input::-moz-placeholder{
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    color: #9C9C9C;
  }
  .intested_form_item input:-ms-input-placeholder{
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    color: #9C9C9C;
  }
  .intested_form_item input::-ms-input-placeholder{
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    color: #9C9C9C;
  }
  .intested_form_item input::placeholder{
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    color: #9C9C9C;
  }
  .intested_form_item input{
    padding: 15px 30px;
    width: 100%;
    background-color: transparent;
    border: none;
    background: rgba(210, 218, 237, 0.17);
    border: 1px solid #000000;
  }
  /*end interested_registation_main_area */

  /* upload input */

  .drop_box img{
    width: 45px;
  }
  .drop_box {
    margin: 10px 0;
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background: rgba(210, 218, 237, 0.17);
    border: 1px solid #000000;
  }
  .drop_box h4 {
    font-size: 16px;
    font-weight: 400;
    color: #2e2e2e;
  }
  .btnss{
    margin-top: 5px;
    font-weight: 500;
    font-size: 14px;
  }
  .drop_box spna{
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #9C9C9C;

  }
  .drop_box p {
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    color: #000000;
    padding: 10px 0;
  }

  .btn {
    text-decoration: none;
    background-color: #005af0;
    color: #ffffff;
    padding: 10px 20px;
    border: none;
    outline: none;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }

  .btn:hover{
    text-decoration: none;
    background-color: #ffffff;
    color: #005af0;
    padding: 10px 20px;
    border: none;
    outline: 1px solid #010101;
  }

  /* upload input */
  .intested_form_item textarea{
    width: 100%;
    border: none;
    background: rgba(210, 218, 237, 0.17);
    padding: 15px 30px;
    resize: none;
    border: 1px solid #000000;
  }
  .checkbox_inter_box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .checkbox_inter_box input{
    width:24px !important;
  }
  .checkbox_inter_box span{
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #000000;
  }
  .checkbox_inter_box label{
    margin: 0 !important;
  }
  .checkbox_desing_inter_fomr{
    padding: 8px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);

    border: 1px solid #000000;
    max-width: 305px;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .inter_capcha{}
  .inter_capcha img{
    width:50px;
  }
  .intested_form_item.intested_form_item_checked{}
  .intested_form_item.intested_form_item_checked input{
    width:24px !important;
  }
  .intested_form_item.intested_form_item_checked span{
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    color: #5B5B5B;
  }
  .intested_form_item input[type=submit]{
    background-color: #007DC3;
    font-weight: 600;
    font-size: 16px;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    width: 146px!important;
    text-transform: capitalize;
    color: #FFFFFF;
    border: none;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    border: 2px solid transparent;
  }
  .intested_form_item input[type=submit]:hover{
    background-color: transparent;
    color: black;
    border: 2px solid #007DC3;
  }

  /* ============  start Saving account page css   ============= */
  .save_us_main_area{
    background-color: #F6F6F6;
    padding: 50px 0;
  }
  .saving_with_us{}
  .saving_with_us h4{
    font-weight: 300;
    font-size: 30px;
    line-height: 43px;
    text-transform: uppercase;
    color: #000000;
  }
  .saving_with_us img{
    width: 100%;
  }
  .saving_itmes{
    margin-top:35px;
  }
  .saving_itmes img{
    height: 40px;
  }
  .saving_itmes h6{
    padding-top: 15px;
    padding-bottom: 6px;
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
    color: #000000;
  }
  .saving_itmes p{
    font-size: 18px;
    line-height: 26px;
    color: #000000;
  }
  .saving_title p{
    margin-bottom: 56px;
  }
  .offer_slider_items {
    height: 100%;
  }
  .saving_product_m_area {
    background-color: #F6F6F6;
    padding-bottom: 100px;
  }
  .bosa_loans_itms {
    height: 100%;
  }
  .chama_terms_condition_area{
    background-color: #F6F6F6;
  }
  .chama_terms_condition{}
  .chama_terms_condition h1{}
  .chama_terms_condition h5{
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    padding: 30px 0;
    color: #000000;
  }
  .chama_tms_items{}
  .chama_tms_items h6{
    font-size: 18px;
    line-height: 26px;
    color: #000000;
    padding: 17px 30px;
    background: #D0EEFF;
  }
  .intested_form_item input[type="radio"]{
    width: inherit;
    margin-right: 12px;
    margin-bottom:10px;
  }
  .interested_registation_area.saving_form{
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .chama_tms_items p{
    font-size: 18px;
    line-height: 26px;
    color: #000000;
    padding: 17px 30px;
  }
  .saving_form .intested_form_item select{
    width: 100%;
    padding:15px 30px;
    border: none;
    background: rgba(210, 218, 237, 0.17);
    border: 1px solid #000000;
  }
  .other_saving_account_main_area{
    background-color: #F6F6F6;
    padding-bottom: 63px;
  }
  .other_saving_account_main_area_headerstyle h4{
    font-weight: 600;
    font-size: 23px;
    line-height: 28px;
    text-transform: capitalize;
    color: #000000;
  }
  .other_saving_area_slider_outter{
    background-color: #F6F6F6;
  }
  .saving_slider_item{
    position:relative;
    margin-top: 20px;
  }
  .saving_slider_item img{
    width: 100%;
  }

  .saving_ovr_heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 1px solid #FFFFFF;
    padding: 15px;
    padding-bottom: 9px;
  }
  .saving_ovr_heading p img{
    width: 20px !important;
  }
  .saving_ovr_heading span{
    font-size: 18px;
    line-height: 26px;
    color: #FFFFFF;
  }
  .saving_overly_area{
    position: absolute;
    left:0 ;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0,0.3);
    border-radius:10px;
    top: 0;
  }
  .saving_slider_cont p{
    font-size:26px;
    line-height: 43px;
    text-transform: capitalize;

    color: #FFFFFF;
  }
  .saving_slider_cont h3{
    font-size: 30px;
    padding-top: 30px;
    line-height: 43px;
    text-transform: capitalize;
    color: #FFFFFF;
  }
  .saving_slider_cont {
    padding: 0 15px;
  }
  .interested_registation_main_area.chama_saving_towdays{
    padding-bottom:40px;
  }
  /* ============  end Saving account page css   ============= */
  .bosa_loans_m_area{
    background-color: #F6F6F6;
  }
  .loans_heading{
    padding-bottom: 30px;
  }
  .loans_heading h1{
    font-weight: 300;
    font-size: 30px;
    line-height: 43px;
    text-transform: uppercase;
    color: #000000;}
  /* }.bosa_loans_itms{
    height: 100%;
  }
  .offer_slider_items{
    height: 100%;
  } */
  .loans_heading p{
    font-size: 18px;
    line-height: 26px;
    color: #000000;
    padding: 30px 0;
  }
.search_w.icon-search_icon {
  margin-bottom: 30px !important;
}
.blog_itms_cont p {
  height: 100px;
}

  .bosa_loans_m_area.FOSA_LoanS {
    padding-bottom: 100px;
    padding-top: 50px;
  }

  /* start blog page design */
  .blog_page_hero_m_area{
    background: #DCEAF5;
    padding: 119px 0;
  }
.search_w.icon-search_icon {
  margin-bottom: 40px;
}
  .blog_page_hero_conten{}
  .blog_page_hero_conten h6{
    font-size: 16px;
    line-height: 32px;
    color: #394149;
    padding-bottom: 22px;
    opacity: 0.87;
  }
  .blog_page_hero_conten h1{
    font-weight: 600;
    font-size: 64px;
    line-height: 72px;
    letter-spacing: -0.03em;
    color: #1D3444;
  }
  .blog_page_hero_conten p{
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    max-width: 559px;
    width: 100%;
    color: #5B5B5B;
  }
  .blog_btn{}
  .blog_btn a{
    font-weight: 500;
    font-size: 16px;
    line-height: 106.5%;
    color: #007DC3;
    display: inline-block;
    margin-top: 22px;

  }
  .blog_btn a:hover img{
    -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
            transform: translateX(10px);
  }
  .blog_btn img{
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
    width: 22px;
    margin-left: 12px;
  }
  .blog_page_hero_thum{}
  .blog_page_hero_thum img{
    width: 100%;
  }
  .all_post_blog_area{
    padding: 50px 0;
  }
  .all_post_blog_area .container h1{
    font-size: 48px;
    line-height: 56px;
    letter-spacing: -0.03em;
    text-transform: capitalize;
    padding-bottom: 64px;
    color: #0D1317;
  }
  .blog_itms_outter {
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    height: 100%;
    background: #EDF7FF;
    border-radius: 10px;
  }
  .blog_itms_outter img{
    width: 100%;

  }
  .blog_itms_cont{
    border-radius: 0px 0px 10px 10px;
    padding: 32px;
  }
  .blog_itms_cont h2{
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.03em;
    color: #0D1317;
  }
  .blog_itms_cont p{
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    padding-top: 16px;
    color: #5B5B5B;
  }
  .blog_itms_cont .blog_btn a img{
    width: 22px;
  }
  .page_navigation_area{}
  .page_navigation_area ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .page_navigation_area ul li a{
    font-size: 18px;
    color: #000000;
    line-height: 26px;
    padding: 0 6px;
    display: inline-block;
  }
  .page_navigation_area ul li.c_active a{
    color: #007DC3;
  }
  .page_navigation_area ul li a i{
    font-size: 21px;
    color: #000000;
    /* margin-right: 10px; */
  }
  .page_navigation_area ul li:first-child a:hover,.page_navigation_area ul li:last-child a:hover{
    background-color: #00a3e0;
  }
  .page_navigation_area ul li:first-child a,.page_navigation_area ul li:last-child a{
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 5px;
    display: inline-block;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    padding: 6px 12px;
  }
  .page_navigation_area ul li:first-child a i{
    margin-right: 10px;
  }
  .page_navigation_area ul li:last-child a i{
    margin-left: 10px;
  }
  .Image_gallary_m_area{
    padding-bottom: 100px;
  }
  .gallary_post_heading{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 20px;
  }
  .gallary_heading{}
  .gallary_heading h1{
    font-weight: 600;
    font-size: 48px;
    line-height: 56px;
    letter-spacing: -0.03em;
    text-transform: capitalize;
    color: #0D1317;
  }
  .gallary_img_post_page{}
  .gallary_img_post_page img{
    width: 100%;
  }
  .gallary_navbar .page_navigation_area ul li:first-child a{
    margin-right: 10px;
  }
  .bloginner_thum_area{}
  .blog_inner_thum{
    max-width: 1115px;
    width: 100%;
    margin: 0 auto;
  }
  .blog_inner_thum img{
    width:100%;
    margin-bottom: 30px;
    margin-top: 45px;
    border-radius: 10px;
  }
  .blog_inner_content{
    max-width: 752px;
    width: 100%;
    margin: 0 auto;
  }
  .blog_inner_content span{
    font-size: 16px;
    line-height: 32px;
    color: #394149;
    margin-bottom: 24px;
    opacity: 0.87;
  }
  .blog_inner_content h1{
    font-weight: 600;
    font-size: 64px;
    margin-bottom: 31px;
    line-height: 72px;
    letter-spacing: -0.03em;
    color: #1D3444;
  }
  .blog_inner_content p{
    font-size: 18px;
    line-height: 26px;
    color: #5B5B5B;
    margin-bottom: 36px;
  }
  .blog_inner_comment_main_area{
    padding-bottom: 100px;
  }
  .blog_comment_area{
    max-width: 1115px;
    width: 100%;
    margin: 0 auto;
  }
  .comment_form{}
  .comment_form h5{
    font-weight: 700;
    font-size: 24px;
    line-height: 130%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    letter-spacing: 0.03em;
    color: #000000;
  }
  .comment_form form{
    padding: 20px 56px;
  }
  .comment_form input{
    font-size: 18px;
    line-height: 130%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    background: #FFFFFF;
    border: none;
  border: 2px solid #929292;
  border-radius: 5px;
    padding: 8px 20px;
    letter-spacing: 0.03em;
    color: #000000;

  }
  .comment_form textarea{
    font-size: 18px;
    line-height: 130%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 9px 20px;
    width: 100%;
    border: none;
    background: #FFFFFF;
  border: 2px solid #929292;
  border-radius: 5px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    letter-spacing: 0.03em;
    color: #000000;
  }
  .comment_form input[type="submit"] {
    background-color: #007DC3;
    font-weight: 600;
    font-size: 18px;
    /* float: right; */
    width: 180px !important;
    text-transform: capitalize;
    color: #FFFFFF;
    border: none;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    border-radius: 0 !important;
    /* height: 40px; */
    margin: 0;
    margin-top: 23px;
    border: 2px solid transparent;
  }
  .comment_form input[type="submit"]:hover {
    background-color: transparent;
    color: black;
    border: 2px solid #007DC3;
  }
  .comment_show_box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 30px;
    margin-top: 20px;
  border-bottom: 1px solid #000000;
  }
  .autohr_shr_name{}
  .autohr_shr_name span {
    font-weight: 700;
    font-size: 22px;
    line-height: 130%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    letter-spacing: 0.03em;
    width: 45px;
    height: 44px;
    display: inline-block;
    background-color: #007DC3;
    border-radius: 50%;
    color: #FFFDFD;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    align-items: center;
    margin-right: 15px;
  }
  .author_full_ditails h6{
    font-weight: 700;
    font-size: 20px;
    line-height: 130%;
    /* identical to box height, or 26px */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    letter-spacing: 0.03em;
    color: #000000;
  }
  .author_full_ditails h6 span{
    font-size: 18px;
    line-height: 130%;
    font-weight: 400;
    /* or 23px */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 18px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    letter-spacing: 0.03em;
    color: #929292;
  }
  .author_full_ditails p{
    font-size: 18px;
  line-height: 130%;
  padding: 17px 0;
  /* or 23px */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: 0.03em;
  color: #000000;
  }
  .author_full_ditails ul li span{
    margin-left: 10px;
    color: #929292;
  }
  .author_full_ditails ul li:nth-child(2){
    margin-right:15px!important;
  }
  .author_full_ditails ul li{
    letter-spacing: 0.03em;
    margin-right: 60px;
    color: #929292;
  }
  .author_full_ditails ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .comment_btn{
    text-align: center;
  }
  .comment_btn a:hover{
    background-color: transparent;
    color: black;
    border: 2px solid #017CC1;
  }
  .comment_btn a{
    font-weight: 600;
  font-size: 18px;
  line-height: 130%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
  /* or 23px */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  display: inline-block;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  padding: 8px 12px;
  letter-spacing: 0.03em;
  background-color: #017CC1;
  color: #FFFFFF;
  border: 2px solid transparent;
  }
  /* end blog page design */




  /* ============   Footer area css start   ============= */
  .footer_main_area{
    background-color:#017CC1;
    padding-top: 42px;
    position: relative;
    background: url('assets/images/home/footer.jpg') no-repeat scroll 100% 100% / cover;
    background-position: center;
  }
  .other_service_main_area{
    overflow: hidden;
  }
  .footer_area{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    border-bottom: 1px solid #FFFFFF;
  }
  .footer_widgets{
    -ms-flex-preferred-size: 15%;
        flex-basis: 15%;
  }
  .footer_widget_first{
    -ms-flex-preferred-size: 22%;
        flex-basis: 22%;
  }
  .footer_widgets h3{
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 15px;
    color: white;
  }
  .footer_number{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .footer_number p {
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF;
    opacity: 0.75;
    margin-right: 6px;
  }
  .footer_social_menu{}
  .footer_social_menu ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .footer_social_menu ul li{}
  .footer_social_menu ul li a{
    display:inline-block;
    height: 35px;
    width: 35px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    border-radius: 50%;
    /* opacity: 0.25; */
    border: 1.5px solid rgba(255, 255, 255, 0.25);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 15px;
    margin-bottom: 21px;
    margin-top: 14px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;
            box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;
  }
  .footer_social_menu ul li a:hover{
    border: 1.5px solid rgba(255, 255, 255, 1);
  }
  .footer_social_menu ul li a i{
    color: white;
  }
  .footer_social_menu ul li:nth-child(1) a:hover{
    background-color: #1877F2;
    border: 1px solid #1877F2;
  }
  .footer_social_menu ul li:nth-child(2) a:hover{
    background-color:#2867B2;
    border: 1px solid #2867B2;
  }
  .footer_social_menu ul li:nth-child(3) a:hover{
    background-color: black !important;
    border: 1px solid black !important;
  }
  .footer_social_menu ul li:nth-child(4) a:hover{
    background-color: #F00073;
    border: 1px solid #F00073;
  }
  .footer_social_menu ul li:nth-child(5) a:hover{
    background-color: #FF0000;
    border: 1px solid #FF0000;
  }
  .footer_sub_menu_list{}
  .footer_sub_menu_list ul{}
  .footer_sub_menu_list ul li{}
  .footer_sub_menu_list ul li a{
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 5px;
    color: #FFFFFF;
    opacity: 0.75;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    display: inline-block;
    border-bottom: 2px solid transparent;
  }
  .footer_sub_menu_list ul li a:hover{
    border-bottom: 2px solid white;
    opacity: 1;
  }
  .copy_right_area{
    text-align: center;
  }
  .copy_right_area p {
    color: white;
    font-weight: 500;
    padding: 10px 0;
    position: relative;
    z-index: 9;
  }
  .footer_logo_aera img {
    width: 155px;
  }
  .footer_logo_aera{
    position: absolute;
    right:0;
    bottom: 0;
  }
  /* ============   Footer area css end   ============= */


  .policiesMain {
    overflow: hidden;
  }
  .policiesTextTop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 20px 15px;
  }
  .policiesTextTop a{
    color: #000;
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
    -webkit-text-decoration-style: solid;
            text-decoration-style: solid;
  }
  .policiesText{
    max-width: 1020px;
    width: 100%;
    padding-bottom: 50px;
    margin: auto;
  }

  /* Slider main area start  */
  .memberSlider_textSub {
    padding: 9px 4px;
  }
  .memberSlider_mainText{
    padding: 20px 30px;
  }
  .memberSlider_main .policiesTextTop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 20px 28px;
  }

  .memberSlider_mainText .owl-nav .owl-prev{
    position: absolute;
    left: -40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .memberSlider_mainText .owl-nav .owl-next {
    position: absolute;
    right: -40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .memberSlider_mainText .owl-nav .owl-prev span {
    font-size: 61px;
    color: #929597;
  }

  .memberSlider_mainText .owl-nav .owl-next span {
    font-size: 61px;
    color: #929597;
  }
  .memberSlider_mainText .owl-nav button:hover{
    background-color: transparent!important;

  }
  /* Table area start  */
  .tarif_main_area .policiesTextTop{
    padding: 20px 28px;
  }
  .tarif_main_table {
    background: #fff;
    margin: 0 70px;
  }
  .tarif_main_table .table thead tr th,
  .tarif_main_table .table tbody tr td{
    padding: 15px 25px;
  }
  .tarif_main_table .table tbody tr:nth-of-type(2n+1){
    background-color: #D0EEFF;
  }
  .tarif_main_area {
    padding-bottom: 35px;
  }
  .register_main_area .checkbox_desing_inter_fomr {
    margin: auto;
  }
  .register_main_area .register_single_item_area_input.register_single_item_area_input_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .register_main_area .register_main_text_area.text-center h3 {
    padding-bottom: 29px;
    padding-top: 30px;
  }
  #searchoption{
    display: none;
  }
  .btnviewonline {
    background: #00a3e0;
    color: #000 !important;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    transition: .3s;
  }
  .btnviewonline:hover{
    color: #fff !important;
  }
  /* fixed area start owl */
  .other_saving_account_main_area_headerstyle{
    padding: 0 50px;
  }
  .other_slider_saving_box  .owl-nav .owl-prev{
    position: absolute;
    left: -35px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .other_slider_saving_box  .owl-nav .owl-next{
    position: absolute;
    right:-35px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .other_slider_saving_box  .owl-nav .owl-prev span{
    font-size: 61px;
    color: gray;
  }

  .other_slider_saving_box  .owl-nav .owl-next span{
    font-size: 61px;
    color: gray;
  }
  .other_slider_saving_box  .owl-nav button:hover{
    background-color: transparent!important;

  }
  .other_slider_saving_box .owl-dots {
    margin-top: 21px;
  }

  /* mobile banking page start  */
  .mobileservices_main{
    padding: 50px 0 10px 0;
  }
  /* .mobileservices_main .join_us_document h2 {
    margin-bottom: 6px;
  } */
  .mobileservices_rightimg {
    text-align: center;
  }
  .mobileservices_rightimg img {
    width: 100%;
    max-width: 400px;
  }

  .mobileservices_leftimg {
    text-align: center;
  }s
  .mobileservices_leftimg img{
    max-width: 300px;
    width: 100%;
  }
  .mobileservices_main_single {
    padding: 27px 0 0 14px;
  }
  .mobileservices_main_single .resion_area{
    padding-top: 15px;
  }
  .mobileservices_main .resion_bulete img {
    width: 15px;
    margin-top: 3px;
    margin-right: 6px;
  }

  .mobilebanking_main_area{
    padding: 30px 0 90px 0;
  }
  .mobilebanking_text_area > h5 {
    padding-bottom: 25px;
  }
  .additional_single_item {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    height: 100%;
  }
  .additional_single_item_text {
    padding: 35px 25px;
  }
  .additional_single_item_text h5 {
    font-size: 30px;
    font-weight: 400;
    padding-bottom: 15px;
  }
  .additional_single_item img {
    width: 100%;
    height: 300px;
    object-fit: cover;
  }
  .calculator_payment_subtotal{
    border-top: none !important;
  }
.header_top_left_area ul li a {
  font-size: 10px !important;
  text-transform: uppercase;
}
.header_top_right_area ul li a{
  font-size: 10px !important;
  text-transform: uppercase;
}
a.glink span{
  font-size: 10px !important;
  text-transform: uppercase;
}
/*div,a,p,span,td {*/
/*  text-align: justify;*/
/*}*/

.accordion-body >ul, .accordion-body > ul >li ,.accordion-body >ol,.accordion-body > ol >li{
  list-style: circle !important;
  margin-left: 20px;
  font-size: 18px;
}
.accordion-body >p {
  padding: 5px 0px;
}
.accordion-button {
  font-family: 'jost';
  padding: 16px;
  background-color: white !important;
  color: black !important;
  font-weight: 600;
}
.accordion-body {
  padding: 1rem 1.25rem;
  box-shadow: 0px 7px 10px -4px #cdcaca inset;
  padding-left: 30px;
  padding-right: 30px;
  text-align: justify;

}
/* For screens smaller than 768px (mobile devices) */
@media only screen and (max-width: 767px) {
  /* CSS styles for mobile devices */
  .hidemobile{
    display: none !important;
  }
}
.contact_social_media_text ul li:nth-child(3) a{
	background-color: black !important;
}
.modal-body {
    max-height: 80vh;
    overflow-y: auto;
}
#somfrp_user_info{
	width:100% !important;
}