span.badge.text-bg-light.fs-6 {
    border: 1px #bebebe solid;
    padding: 8px 15px;
    margin-bottom: 30px;
    background: transparent !important;
}
.section-image img{
    height: 70%;
}
.btn-btb-green{
    color: #141430;
    text-transform: uppercase;
    text-shadow: 0px 1px 0px #21f825 !important;
}
.btn.btn-btb-green:hover{
    background-color: #141430 !important;
    text-shadow: 0px 1px 0px transparent !important;
    color: #ffffff;
}
.btn-dark {
    text-transform: uppercase;
}
.btn.btn-dark:hover {
    background-color: #ffffff !important;
    color: #141430;
}
#benefits .card-body{
    padding: 40px 20px;
}
#benefits .card-title{
    font-size: 22px !important;
    font-weight: 600;
}
#pricing .lead{
    margin-bottom: 50px !important;
}
#pricing .fw-normal{
    font-weight: 600 !important;
    margin-bottom: 10px !important;
}
#pricing .card-body{
    padding: 50px 25px;
}
#pricing .card-body .justify-content-center{
    position: relative;
    color: #ffffff !important;
    z-index: 5;
    margin-bottom: 10px;
}
#pricing .pricing-card-title,
#pricing .pricing-card-title small{
    color: #ffffff !important;
    margin-bottom: 0px;
}
#pricing .card-body .justify-content-center:before{
    content:'';
    position: absolute;
    background-color: #141430;
    width: 108%;
    height: 60px;
    z-index: -1;
    top: -10px;
    right: -26px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
#faqs{
    padding: 100px 0px !important;
}
#faqs h2{
    font-size: 36px;
    font-weight: 700;
}

#faqs h2.accordion-header .accordion-button{
    font-weight: 700 !important;
    font-size: 20px !important;
}
#faqs .accordion-button:not(.collapsed),
#faqs .accordion-collapse.collapse.show{
    background-color: #f0ffe6 !important;
}

#final .btn-lg, 
#final .btn-group-lg>.btn{
    border-width: 2px;
}
#final .btn-lg{
    border-color: #12cf16;
}
#final .btn-lg:hover{
    background-color: #141430 !important;
    color: #ffffff;
    border-color: #141430;
}
#final .btn-outline-secondary{
    border-color: #000000 !important;
    color: #000000 !important;
}
#final .btn.btn-outline-secondary:hover {
    background-color: #141430 !important;
    color: #ffffff !important;
}
section#benefits .card-img-top{
    max-height: 80px !important;
}
#final span.badge.text-bg-light.fs-6{
    border: 1px #141430 solid !important;
}
#first-part .my-5{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 30px !important;
}
#mainFooter img{
    height: 35px !important;
}
#mainFooter p{
    margin-bottom: 0px !important;
}
#mainFooter p.center{
    justify-content: center !important;
}
#mainFooter p.left{
    display: inline-block !important;
}
.me-md-auto{
    margin-right: 0 !important;
    width: auto;
}
#contact-form button.mt-5{
    margin-top: 1rem !important;
    padding: 10px 20px;
}
#hero .card-body .row .col-md-4{
    padding: 0px !important;
}
#hero .card-body .row .col-md-4 img{
    width: 100% !important;
    height: 545px;
}
#hero .card-body .row .col-md-4:nth-child(2) img{
    width: 96.7% !important;
}


/* media query */
@media (max-width: 767px){
    .navbar-nav li{
        border-bottom: 1px #dedede solid !important;
    }
    .navbar-nav.ms-auto li:last-child{
        border-bottom: 0px !important;
    }
    .navbar-nav a{
        padding: 12px 0px;
    }
    nav.navbar.navbar-expand-lg.navbar-light.bg-white.shadow-sm{
        padding-bottom: 0px !important;
    }
    #hero,
    #pricing{
        padding: 20px 0px !important;
    }
    #benefits{
        padding: 20px 0px 0px !important;
    }
    #pricing h2,
    #benefits h2,
    #faqs h2,
    #final h2{
        font-size: 22px;
    }
    #hero h1,
    #first-part h1{
        font-size: 21px;
    }
    #pricing{
        padding-bottom: 0px!important;
    }
    #hero .pt-5,
    #benefits .pt-5{
        padding: 20px 0px !important;
    }
    #pricing .pt-5 {
        padding: 0px 0px !important;
    }
    #hero .my-5,
    #benefits .my-5,
    #pricing .my-5{
        margin: 0px 0px !important;
    }
    .section-image img{
        height: 100%;
    }
    #benefits .card,
    #faqs .card{
        margin-bottom: 20px;
    }
    #pricing .card-body .justify-content-center:before{
        width: 115%;
        height: 50px;
    }
    #pricing .card-body{
        padding: 20px 25px;
    }
    #faqs{
        padding: 30px 0px !important;
    }
    #final .card-body{
        padding: 20px !important;
    }
    #final .card-body.mt-5{
        margin-top: 20px !important;
    }
    #final .card-body .mx-auto .mb-5{
        
        margin-bottom: 10px !important;
    }
    #final .card-body .mx-auto .px-5{
        padding: 10px !important;
    }
    #first-part .pt-5{
        padding-top: 10px !important;
    }
    section:not(:first-child){
        padding: 20px 0px !important; 
    }
    section#top-part{
        height: 15vh !important;
        padding: 0px 20px !important;
    }
    button.navbar-toggler {
        border-color: #212529 !important;
    }
    #second-part .row.mt-5,
    #third-part .row.mt-5,
    #fourth-part .row.mt-5,
    #fifth-part .row.mt-5{
        margin-top: 0px !important;
    }
    span.badge.text-bg-light.fs-6{
        margin: 30px 0px 20px;
    }
    #mainFooter .d-flex a{
        width: 100% !important;
        text-align: center !important;
    }
    #mainFooter .text-end{
        width: 100%;
        text-align: center !important;
    }
    #faqs h2.accordion-header .accordion-button{
        font-size: 18px !important;
    }
    div#navbarSupportedContent {
        box-shadow: 0 -2px .125rem rgba(0, 0, 0, .075);
        margin-top: 10px;
    }
    form .row.mt-5,
    form .row.mt-5 .col-sm-6,
    button.mt-5{
        margin-top: 1rem !important;
    }
    #mainFooter img {
        margin-top: 10px;
        margin-bottom: -5px;
    }
    #mainFooter p{
        width: 100% !important;
    }
    #mainFooter p.left{
        text-align: center !important;
    }
    #contact-form .card-body{
        padding: 0px 0px 20px !important;
    }
    #pricing .col-md:first-child ul.list-unstyled.mt-3.mb-4 {
        margin-bottom: 0px !important;
    }
    #pricing .col-md:last-child ul.list-unstyled.mt-3.mb-4 {
        margin-top: 0px !important;
    }
    #pricing .btn{
        font-size: 14px;
    }
    #pricing .row .col {
        margin-bottom: 20px !important;
    }
    #pricing .row .col-md{
        flex: 1 0 0%;
    }
    #pricing .col-md:last-child ul.list-unstyled.mt-3.mb-4 {
        margin-top: 1rem !important;
    }
    #hero .card-body .row .col-md-4:nth-child(2) img{
        width: 100% !important;
    }
    
    #hero .card-body .row .col-md-4 img {
        height: 100% !important;
    }
    #hero .btn-btb-green{
        font-size: 11px !important;
        padding: 10px !important;
    }
    #first-part .px-4.pt-5.my-5 {
        padding: 10px 0px !important;
    }

}