/*mobile menu*/
.ftco-navbar-light .subscribe-form .form-group input{
    color:rgba(255, 255, 255) !important;
    border: 1px solid rgba(255, 255, 255);
}
.ftco-navbar-light .subscribe-form .form-group input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(255, 255, 255) !important;
}
.ftco-navbar-light .subscribe-form .form-group input::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(255, 255, 255) !important;
}
.ftco-navbar-light .subscribe-form .form-group input:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(255, 255, 255) !important;
}
.ftco-navbar-light .subscribe-form .form-group input:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(255, 255, 255) !important;
}

.ftco-navbar-light.scrolled.awake .subscribe-form .form-group input{
    color:#000 !important;
    border: 1px solid rgba(0, 0, 0);
}
.ftco-navbar-light.scrolled.awake .subscribe-form .form-group input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(0, 0, 0) !important;
}
.ftco-navbar-light.scrolled.awake .subscribe-form .form-group input::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(0, 0, 0) !important;
}
.ftco-navbar-light.scrolled.awake .subscribe-form .form-group input:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(0, 0, 0) !important;
}
.ftco-navbar-light.scrolled.awake .subscribe-form .form-group input:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(0, 0, 0) !important;
}
.ftco-navbar-light.scrolled.awake .subscribe-form .icon{
    color:#000;
}
 .ftco-navbar-light .subscribe-form{
     -webkit-box-flex:1;
     -ms-flex:1 1 10%;
     flex:1 1 10%;
 }
#mobile-menu{
    position:fixed;
    top:0;
    width:100vw;
    height:100%;
    z-index:2;
}
.menu{
    left:-100%;
    opacity:0;
    -webkit-transition : all .3s ease-in-out;
    -o-transition : all .3s ease-in-out;
    transition : all .3s ease-in-out;
}
.menu.show{
    left:0;
    opacity:1;
}
#mobile-menu .navbar-nav{
    width:80%;
    background-color:rgba(0,0,0);
}
#mobile-menu #close-btn{
    width:20%;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background-color:rgba(255,255,255,.4);
}
.text-red{
    color:#d9232d !important;
}
.bg-overlay,.dark-bg{
    background-color:#000;
}
/*category menu start*/
.category-menu{position:relative;}
.category-menu ul{list-style:none;}
.toggle-btn{
    background: #999b30;
    border-radius: 0;
    height: 42px;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:0 20px;
    cursor:pointer;
    box-sizing:border-box;
}
.toggle-btn h3{font-size:20px;font-weight:600; margin:0;color:#fff;}
.toggle-btn i{margin:0;width:auto;font-size:20px;}
.category-menu ul{
    width:90%;
    background-color:#fff;
    border:1px solid transparent;
    padding:0 10px;
    box-sizing:border-box;
    margin:0px auto 20px;
    position:relative;
}
.toggle-btn span{
    font-size:22px;
    color:#fff;
}

.category-menu:hover > .menu-list{ opacity:1; visibility:visible;}

.category-menu .menu-list li{
    height:48px;
    border-bottom:1px solid transparent;
}
.category-menu .menu-list li:last-child{border:none;}
.category-menu .menu-list li a{
    display: block;
    line-height: 48px;
    color:#000;
    font-weight:500;
    font-size:15px;
    position:relative;
    padding:0 10px;
}
.category-menu .menu-list li a:hover{
    background-color:rgba(0,0,0,0.2);
}
.category-menu .menu-list li a span{
    position:absolute;
    right:10px;
    font-size: 20px;
    line-height: 48px;
    transition:.3s;
    opacity:0;
}
.category-menu .menu-list li:hover a span{
    opacity:1;
}

.category-menu .menu-list li a img{
    height:35px;
}
.category-menu .menu-list li .sub-category{
    position:absolute;
    left:calc(100% - 5px);
    width:300px;
    min-height:100%;
    top:0;
    transition:.3s;
    margin-top:0;
    opacity:0;
    visibility:hidden;
    z-index:2;
    box-shadow:3px 0 5px 3px rgba(0,0,0,.3);
}
.category-menu .menu-list li:hover > .sub-category{
    opacity:1;
    visibility:visible;
}
/*category menu end*/
/*product faq*/
.faq_wrap > ul {
    padding: 0;
    list-style:none;
}
.faq_wrap > ul > li {
    margin-bottom: 14px;
}
.faq_wrap ul li > a {
    position: relative;
    display: block;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    padding: 14px 42px 14px 14px;
}
.faq_wrap ul li > a p {
    margin: 0;
    color: #000;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 2rem;
}
.faq_wrap ul li > a > i {
    font-size: 2rem;
    position: absolute;
    z-index: 1;
    right: -4px;
    color: #999b30;
    top: 4px;
}
.faq_wrap > ul > li .dropdown {
    padding: 14px;
    display: none;
    letter-spacing: 0.6px;
    font-size: 0.9rem;
    line-height: 1.5em;
    color: #000;
}
/*footer start*/
footer {
 background-color: #000;
 clear:both;
}
.text-warning{color:#999b30;}
footer .container{
  max-width: 1140px;
  margin: auto;
}
footer .container .row{
  display: flex;
  padding:40px 0 0 0;
}
footer .container .row .h6{font-size:16px;font-weight:600;margin:0 0 20px 0;}
footer .container .row ul{padding:0; margin:0;}
footer .container .row ul li a,
footer .container .row p,footer .container .row a{
    color: rgba(255,255,255, .6) !important;
    font-size: 14px;
    line-height: 28px;
}
footer .container .row span{line-height:24px;}
footer .container .row > div .w-btn{
    font-size:24px;
    font-weight:600;
    align-items: center;
    gap: 10px;
    margin:0;
}
footer .container .row .col-md-6{width:50%; padding:0 16px 40px 16px;}
footer .container .row .col-md-3{width:25%; padding:0 16px 40px 16px;}
footer .container .row .col-md-2{width:20%; padding:0 16px 40px 16px;}
footer .container .row .text-white{color: #fff;}
footer .container .row .d-flex{display:flex;}
footer .container .row .justify-content-center{justify-content: center;}
footer .container .row .flex-column{flex-direction: column;}
footer .container .row .align-items-start{align-items: start;}
footer .container .row .justify-content-md-end{justify-content: end;}
@media screen and (max-width:768px) {
footer .container .row {flex-wrap:wrap;}
footer .container .row .col-md-6{width:100%;}
footer .container .row .col-md-3{width:100%;}
footer .container .row .col-md-2{width:100%;}
footer .container .row .justify-content-center{justify-content: center;}
}
/*footer end*/
/*footer start*/
 /* Social icons fixed */
    
 .social_fix{
    position:fixed;
    top:50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right:1rem;
    z-index:99999;
    list-style:none;
    padding:0;
    }
    .social_fix li{
    margin-bottom:.5rem;
    position:relative;
    }
    .social_fix li .icon-h{
        position:absolute;
        color:#fff;
        top:50%;
        transform:translateY(-50%) rotateX(90deg);
        transform-origin:right;
        opacity:0;
        right:120%;
        background-color:#999b30;
        padding:10px;
        border-radius:4px;
        cursor:pointer;
        transition:.3s all ease-in-out;
        z-index:99999;
    }
    .social_fix li:hover .icon-h{
        transform:translateY(-50%) rotateX(0deg);
        opacity:1;
    }
    
    .social_fix li a{
    background-color:#fff;
    padding:4px;
    border-radius:4px;
    cursor:pointer;
    border:1px solid #e5e5e5;
    display:block;
    }
    .social_fix li img{ width: 24px;}
    .social_fix li a i{color:#000; margin:0; width:auto;}
    
    .social_fix.stat{
    position: relative;
    top: unset;
    right: unset;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    transform:translateY(0);
    margin-top:16px !important;
    }
    .social_fix.stat li{margin-bottom:0;}
    /* .social_fix.stat li a{height:24px;} */
    ._gallery_items ._inner_wrapper .tab-wrapper {
  /* width: 100%; */
  /* float: left; */
  /* margin-bottom: 30px; */
}
._gallery_items ._inner_wrapper .tab-wrapper ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  list-style:none;
}
._gallery_items ._inner_wrapper .tab-wrapper ul .tab-link {
  width: 19%;
  background: #999b2e;
  text-align: center;
  font-weight: 500;
  font-size: 0.9rem;
  float: left;
  padding: 10px 0;
  transition: all ease 0.5s;
  cursor: pointer;
  margin-right: 2%;
  border-radius:6px;
}
._gallery_items ._inner_wrapper .tab-wrapper ul .tab-link a{color:#fff;}
._gallery_items ._inner_wrapper .tab-wrapper ul .tab-link:last-child {
  margin-right: 0;
}
/*._gallery_items ._inner_wrapper .tab-wrapper ul .tab-link:hover {*/
/*  background: #0a0a0a !important;*/
/*  color: #fff !important;*/
/*}*/
._gallery_items ._inner_wrapper .tab-wrapper ul .tab-link.active,
._gallery_items ._inner_wrapper .tab-wrapper ul .tab-link.active a{
  background: #0a0a0a !important;
  color: #fff !important;
}
.bg-grey{background-color:rgba(254,255,255,0.8);}
.Mexico {top: 70% !important; background-color: #999b2e;line-height: 38px; display: none; height: 90px; align-items: center; width: 200px; position:absolute;padding:16px;}
.Mexico h4{color:#fff;
           line-height:1;
           font-weight:600;
           margin:0;
}
._arrow_btn {
        bottom: -56px !important;
        justify-content: center !important;
        gap: 200px
}
.fw-bold, .fw-bold strong{font-weight:600;}

/* counter and video */

/*counter section*/
.d-flex {
    display: flex;
  }
/*counter section*/
.d-flex {
    display: flex;
  }
  #number1::after{
      content:"+";
      font-size:30px;
  }
  #number2::after{
      content:"+";
      font-size:30px;
  }
  #number3::after{
      content:"+";
      font-size:30px;
  }
  #number4::before,
  #number5::before{
      content:"US$";
      font-size:20px;
  }
  #number4::after,
  #number5::after{
      content:"BN";
      font-size:20px;
  }
  /* .counter_sec .mywidthfix{ width: 80%; margin: 0 auto; max-width: 90%; } */
  .counter_sec{
      /* background: url('https://bonhoefferhn.com/public/images/about-new/Accomplishment.webp') no-repeat; */
         padding:  0px 0 40px 0;
          background-size:cover;
          position: relative;
          background-position:center;
  }
  .counter_sec .heading{
      text-align:center;
  }
  
  .counter_sec::after{
      background: url(https://bonhoefferhn.com/public/images/about-new/Icon_2.webp) no-repeat;
      width: 108px;
      display:none;
      height: 113px;
      position: absolute;
      bottom: -58px;
      content: '';
      left: 5%;
  }
  .counter_sec .mywidthfix .inner{
      flex:1;
      text-align:center;
      padding:30px 0;
      position:relative;
  }

  .counter_sec .mywidthfix .inner:last-child::after{
      width:0;
  }
  .counter_sec .mywidthfix .inner h2{
      color: rgb(59, 130, 0);
      font-size:42px;
      font-weight: 700;
  }
  .counter_sec .mywidthfix .inner p{
      color: rgb(59, 130, 0);
      font-size: 30px;
      margin-top: 10px;
      font-weight: 600;
  }



.container ._inner_conatiner .image-viewer {
    width: 46%;
    margin-bottom: 40px;
}

.container ._inner_conatiner ._right_details_section {
    width: 48%;
    letter-spacing: 0.6px;
    font-size: 0.9rem;
    line-height: 1.5em;
    color: #000 !important;
}

.we_pro ._right_details_section {
    display: flex;
    flex-direction: column;
    justify-content: center;
}


/* RIGHT VIDEO */
/*mobile view*/
@media screen and (max-width:480px){
    ._globe_section h1{
   font-size:3rem;
   margin:0 0 40px 0;
}
._globe_section ._counter_box ._counter strong {
   font-size:4rem;
}
._globe_section ._counter_box ._counter small{
   font-size:1rem;
}
}