:root{
    --xxl-width : 82.5rem;
    --theme-color : #999b2e;
}
html {
 scroll-behavior: smooth;
 }
 body {
 margin: 0;
 font-family: "Montserrat", serif;
 position: relative;
 }
 img {
 max-width: 100%;
 }
 .navbar-brand.center-all{
 position:absolute;
 left:50%;
 transform:translateX(-50%);
 }
 .n-header .n-wrapper,.n-type .n-wrapper {
 position: relative;
overflow:hidden;
 }
 .theme-color{
     color: var(--theme-color);
 }
 .n-type .n-wrapper .vl,.n-header .n-wrapper .vl,
.series .series-wrapper .img .vl{
 position: absolute;
 color: #000;
 z-index: 1;
 writing-mode:vertical-rl;
 bottom: 0px;
 left: 74px;
 background-image: linear-gradient(rgba(255,255,255,0.9),rgba(255,255,255,0.8),rgba(255,255,255,0.7),rgba(255,255,255,0));
 padding: 16px;
 padding-bottom: 70px;
 transform:rotate(180deg);
 }
 .series .series-wrapper .img .vl .brand{font-weight: 800; color: #999b30; font-size: 24px;}
 .n-header .n-wrapper .vl h2,.n-type .n-wrapper .vl h2,.series .series-wrapper .img .vl h2{
 font-size: 3vw;
 font-weight: 800;
 margin: 0;
 margin-left:-4px;
 margin-right:-10px;
 }
 .n-type .n-wrapper .vl span{font-weight:800; color:#999b30; font-size:24px;}
 .n-header .n-wrapper .vl p,.n-type .n-wrapper .vl p{margin:0;line-height:1.2;}
 
 .slick-dots {bottom:-10px !important; position:relative !important;}
 .slick-dots li button:before{font-size:12px !important; opacity:1 !important;}
 .n-action{
    background:url(https://bonhoefferitf.com/public/uploads/frontend/fair.webp) no-repeat center;
    background-size: cover;
}
.n-action .n-wrapper{
    text-align: center;
}
.n-action .n-wrapper .title span{font-weight:700;text-transform:uppercase;}
.default-btn{
    background: #999b30;
    color: white !important;
    padding: 0 18px;
    border-radius: 5px;
    display: inline-block;
    text-decoration: none !important;
    font-weight: bold;
    border: none;
    padding: 12px;
}
.default-color{
    color:#999b30;
}
 .n-about{
 background-image:url('https://bonhoefferhn.com/public/honduras/images/tiller/tiller-banner.jpg');
 background-position: center;
 background-size: cover;
 aspect-ratio: 800 / 227;
 }
 .n-about .n-wrapper{
 display:flex;

 }
 .n-about .n-wrapper .spacer{
 width: 33.33%;    
 }
 .n-about .n-wrapper .w-mx {
 width: 33.33%;
 min-width: 460px;
 max-width: 600px;
 margin: auto;
 line-height: 1.2;
 padding:32px 20px 72px 20px;
 }
 .n-about .n-wrapper .w-mx h2{
 font-size: 42px;
 font-weight: 700;
 }
 .n-about .n-wrapper .w-mx p{
 line-height:1.4;
 }
 .n-about .n-wrapper .chat-wrapper {
 width:calc(33.33% - 10%);
 border-radius:8px;
 margin:40px 6%  30px 4%;
 height: 420px;
 padding: 30px;
 }
 /*series*/
.series .series-wrapper{
   display:flex;
}
.series .series-wrapper .img,
.series .series-wrapper .content{width:50%;align-content:center;}
.series .series-wrapper .content h2{font-weight:700;}
.series .series-wrapper .content{padding:3rem;}
.series .series-wrapper .img img{width:100%;}
.series .series-wrapper .img{
   position:relative;
}
 /*allseason*/
 .all-season { padding:1rem 0;}
    .all-season .season-wrapper .text-hr h2{ color:#492710; font-size:4vw; text-align:center; font-weight:900; line-height:1.2;}
    /*product slider*/
 .n-feature .n-wrapper {
 position: relative;
display:inline-block;
 }

 .n-feature .n-wrapper .text-hr {
 position: absolute;
 top: 4%;
 left: 50%;
 transform: translateX(-50%);
 width: max-content;
 }
 .n-feature .n-wrapper .text-hr h2{
 font-weight: 900;
 font-size: 4vw;
 color: #000; 
 text-align: center;
 line-height: 1.2;
 }
 .n-feature .n-wrapper .text-hr h3{
 font-size: 32px;
 font-weight: 800; 
 text-decoration: underline;
 text-decoration-color: #999b30;
 text-underline-offset: 8px;
 }
 .n-feature .n-wrapper .text-hr h4,.n-feature .n-wrapper .text-hr p{
 width:33.33%;
 }
.n-feature .n-wrapper .main-slide{width:100%;position:absolute;z-index:1;top: 50%;transform: translateY(-38%);overflow:hidden;}
.n-feature .n-wrapper .slick-dots{bottom:45px !important;}
.specific{
         display:inline-block;
     }
.specific .item{display:flex;justify-content: center;align-items: center;}
.specific .item .img, .specific .item .content{flex:1;}
.specific .content .model-name{
    max-width: 500px;
    margin: auto;
    /*text-align: left;*/
    font-weight: bold;
}
.specific ul{padding:10px;margin:0;list-style:none;width:500px;background-color:rgba(255,255,255,0.5);margin:auto;box-shadow:0 0 5px rgba(0,0,0,0.1);}
.specific ul li {display:flex;font-size:.8rem;padding:1px 0;}
.specific ul li b{color:#fff; background-color:#000;width:50%; margin-right:10px;padding:0 0 0 10px;}
.view_360 .wrapper{background-color:#000;}
.view_360 .wrapper .slider_360{position:relative;}
 .n-column{padding-top:40px;}
 .n-column .heading{text-align:center;}
 .n-column .heading h2{font-weight:700; font-size:42px;}
 .n-column .n-wrapper{
 display:flex;
 gap:40px;
 padding:10px 60px 60px;
 }
 .n-column .n-wrapper .item{
 background-color:#999b30;
 flex:1;
 height:300px;
 border-radius:12px;
 }
 /*OUR SERVICES*/
 .our_services {
 padding: 2rem 0;
 /*background-image: url('https://bdservices.in/images/services_bg.png');*/
 /*background: #b5b8be;*/
 background: #fff;
 background-position: center;
 background-size: cover;
 }
 .our_services .heading {
 margin-bottom: 20px;
 text-align: center;
 }
 .our_services .heading h2 {
 font-size: 4.2rem;
 color: #fff;
 text-align: center;
 display: inline-block;
 position: relative;
 z-index: 2;
 }
 .our_services .heading h2::after {
 background-color: #3e4456;
 }
 .our_services .services_tabs {
 width: 100%;
 margin: auto;
 /*margin-bottom: 6rem;*/
 }
 .our_services .services_tabs ul {
 width: 100%;
 display: flex;
 flex-wrap: wrap;
 /*gap: 0.5rem;*/
 justify-content: center;
 list-style: none;
 }
 .our_services .services_tabs ul li {
 text-align: center;
 text-transform: uppercase;
 cursor: pointer;
 margin: 8px 10px;
 font-family: 'Gotham';
 font-style: inherit;
 }
 .our_services .services_tabs ul li.active {
 background-color: #999b30;
 border-radius: 25px 2px;
 }
 .our_services .services_tabs ul li.active a {
 color: #999b30;
 border-radius: 25px 2px;
 }
 .our_services .services_tabs ul li a:hover {
 background: #fff;
 color: #999b30;
 border-radius: 25px 2px;
 }
 .our_services .services_tabs ul li a {
 padding: 10px 12px;
 border: 1px solid #999b30;
 font-size: 12px;
 font-style: inherit;
 width: 100%;
 line-height: 1.4rem;
 min-height: 55px;
 color: #fff;
 height: 100%;
 display: -webkit-inline-flex;
 /* WebKit prefix */
 display: inline-flex;
 -webkit-align-items: center;
 /* WebKit prefix */
 align-items: center;
 -webkit-justify-content: center;
 /* WebKit prefix */
 justify-content: center;
 }
 .our_services .wrapper {
 width: 80%;
 margin: auto;
 }
 .our_services .wrapper .tab_content {
 background-color: #fff;
 display: flex;
 padding: 1rem;
 border-radius: 1rem;
 max-width: 130rem;
 margin: auto;
 width: 100%;
 }
 .our_services .wrapper .tab_content .left {
 flex: 1;
 padding-right: 4rem;
 position: relative;
 }
 .our_services .wrapper .tab_content .left::after {
 content: "";
 position: absolute;
 width: 0.2rem;
 height: 80%;
 background-color: #000;
 right: 0;
 top: 50%;
 translate: 0 -50%;
 }
 /* .our_services .wrapper .tab_content .right{
 flex: 2;
 padding: 2rem 4rem;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 align-items:start;
 gap:3rem;
 } */
 .our_services .wrapper .tab_content .right {
 flex: 2;
 padding: 2rem 4rem;
 display: flex;
 align-items: center;
 }
 .our_services .wrapper .tab_content .right h3 {
 font-size: 3.4rem;
 color: #000;
 margin-bottom: 1rem;
 }
 .our_services .wrapper .tab_content .right p {
 font-size: 18px;
 line-height: 1.4;
 color: #000;
 flex: 4;
 position: relative;
 /*margin-left: 26px;*/
 }
 .our_services .wrapper .tab_content .right p::before {
 content: "";
 display: inline-block;
 height: 20px;
 width: 18px;
 /*background-image: url(../images/insurance.svg);*/
 background-size: cover;
 background-position: center;
 position: absolute;
 top: 5px;
 left: -26px;
 }
 .our_services .wrapper .tab_content .right a {
 font-size: 1.6rem;
 font-weight: bold;
 color: #000;
 background-color: #f1f4fa;
 border-radius: 2.5rem;
 padding: 1.2rem 2.2rem;
 }
 a.view-more-btn:hover {
 color: #fff !important;
 background-color: #0844a6 !important;
 }
 a.view-more-btn {
 transition: .3s all;
 }
 .right-tab-content a.view-more-btn {
 display: inline-block;
 margin-top: 20px;
 }
 /*menu*/
 .ftco-navbar-light {
 background-color: rgba(255,255,255,0) !important;
 position: absolute;
 z-index:9999;
 }
 .ftco-navbar-light .navbar-nav > .nav-item > .nav-link {
 font-weight: 600;
 color:#404044;
 }
 /* REMOVE AFTER LIVE */
 /* counter and video */
 /*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{
 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:80px 0 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;
 } 
 /* RIGHT VIDEO */
 /*Details page start*/
.details_section{
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
width:80% !important;
max-width: var(--xxl-width);
margin:auto;
}
.details_section .left, .details_section .right{width:50%;}
.specification-tab .wrapper h2,.pf_section .wrapper h2,.testimony-section .heading-section h2{
font-size: 28px;
font-weight: bold;
line-height: 1.2;
}
.p-hero-feature{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 3rem;
}
.p-hero-feature .p-hero-feature-item{
    width:50%;
    display: flex;
    align-items:center;
    margin-bottom: 2rem;
}
.p-hero-feature .p-hero-feature-item .p1-hero{
    width:calc(50px + 1rem);
    height:50px;
    border-right:1px solid #c7c7c7;
    margin-right:1rem;
    padding-right:1rem;
    display: grid;
    place-items: center;
}
.p-hero-feature .p-hero-feature-item .p1-hero i{
   font-size: 2rem;
   color:#5a5a5a;
}
.p-hero-feature .p-hero-feature-item .p2-hero span{
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 20px;
}
.p-hero-feature .p-hero-feature-item .p2-hero .p-hero-t2{
    font-size: 20px;
    color:#999b2e;
    font-weight: 600;
}
/*--------------*/
.testimony-section .container{max-width: var(--xxl-width);}
.testimony-wrap:hover{text-decoration:none;}
.specification-tab .wrapper{width:80%; margin:auto;max-width: var(--xxl-width)}
.specification-tab .wrapper .content-wrapper .content{display:none;}
.specification-tab .wrapper .tabs{
   border-bottom:2px solid #999b2e;
   padding-left:0;
}
.specification-tab .wrapper .tabs li{
text-transform: uppercase;
font-size: 1rem;
font-weight: 600;
color: #a0a0a0;
padding:8px 16px;
}
.specification-tab .wrapper .tabs li.active{color:#999b2e;}
.specification-tab .wrapper .content-wrapper .content ul{padding-left:0;}
.specification-tab .wrapper .content-wrapper .content ul li{padding:12px 32px 12px 0;border-bottom:1px solid #c7c7c7;}
.specification-tab .wrapper .content-wrapper .content ul li:last-of-type{border-bottom:2px solid #999b2e;}
.specification-tab .wrapper .content-wrapper .content ul li b{font-weight:600;width:16%;display:inline-block;min-width:fit-content;}
/*--------------*/
   .bg-section {background-color:#fafafa;}
   .pf_section{margin-top:3rem;}
   .pf_section .wrapper{
   display: flex;
   width:80%;
   margin:auto;
   max-width:var(--xxl-width);
   }
   .pf_section .wrapper > div{flex:1;padding:2rem 3rem 2rem 0;}
   .pf_section .wrapper > div:last-of-type{padding-right:0;}
   .pf_section .wrapper > div ul{
    padding:0;
    list-style: disc;
    list-style-position: inside;
    }
    .pf_section .wrapper > div ul li::marker{
        color: var(--theme-color);
    }
   .pf_section .wrapper img{width:100%;}
   .testimony-section .testimony-wrap:hover{
       background-color: #999b2e;
   }
   .testimony-section .testimony-wrap:hover h4{color:#fff;}
 /*Details page end*/