#recent-work h2 {text-align: center;margin-bottom: 20px;font-size: 30px;}
#memberships h2 {font-size: 30px;margin-bottom: 5px;}
.membership-col__service {padding: 20px;border-bottom: 0px solid #e9e2d6;}
#memberships .col-12{padding: 10px!important;}
#faq {height: 600px;background: #dfe2d3;}
#faq h2 {color: #040404;text-align: center;margin-bottom: 30px;}
#recent-work {padding: 50px 0 0px;}
#subscription h2{font-size: 30px;}
.subscription-col p {
    margin: 20px 60px 52px 4px;
}
.nav-header__items a {margin: 0 25px;color: #000!important;}

#footer .lets-get-col {background: #101010!important;}
#subscription .middle-box{height: 350px;}
#counter{padding: 50px 0px;}
.counter{
    font-family: 'Secular One', sans-serif;
    text-align: center;
    height: 222px;
    width: 310px;
    padding: 0 25px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
}
.counter:before,
.counter:after{
    content: '';
    background-color: #b6c1b5;
    position: absolute;
    left: 0;
    top: 25px;
    right: 50%;
    bottom: 0;
    z-index: -1;
}
.counter:after{
    background-color: #fff;
    border-radius: 0 50px 0 0;
    box-shadow: 0 0 25px rgba(0,0,0,0.2);
    left: 15px;
    top: 40px;
    bottom: 15px;
    right: 0;
}
.counter .counter-icon{
    color: #fff;
    background-color: #b6c1b5;
    font-size: 30px;
    line-height: 62px;
    width: 60px;
    height: 60px;
    margin: 0 auto 35px;
    border-radius: 50%;
}
.counter h3{
    color: #444;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0 0 7px;
}
.counter .counter-value{
    color: #919991;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 1.5px;
    display: block;
}

.counter2{
    font-family: 'Secular One', sans-serif;
    text-align: center;
    height: 270px;
    padding: 0 25px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    margin-bottom: 20px
}
.counter2:before,
.counter2:after{
    content: '';
    background-color: #b6c1b5;
    position: absolute;
    left: 0;
    top: 25px;
    right: 50%;
    bottom: 0;
    z-index: -1;
}
.counter2:after{
    background-color: #fff;
    border-radius: 0 50px 0 0;
    box-shadow: 0 0 25px rgba(0,0,0,0.2);
    left: 15px;
    top: 40px;
    bottom: 15px;
    right: 0;
}
.counter2 .counter-icon{
    color: #fff;
    background-color: #b6c1b5;
    font-size: 30px;
    line-height: 62px;
    width: 60px;
    height: 60px;
    margin: 0 auto 15px;
    border-radius: 50%;
}
.counter2 h3{
    color: #444;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0 0 7px;
    line-height: 30px;
}
.counter2 .counter-value{
    color: #919991;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 1.5px;
    display: block;
}
#services {background: #fff9f0;padding: 50px 0px;}

.counter1 {
    text-align: center;
    padding: 5px 1px 5px 4px;
    margin: 10px auto;
    position: relative;
    z-index: 1;
    background: white;
    /*filter: drop-shadow(2px 4px 6px gray);*/
    /*border: 1px solid #fbac26;*/
    /*border-radius: 12px;*/
}
.counter1:before,
.counter1:after{
    content:"";
    background: transparent;
    border: 10px solid transparent;
    position: absolute;
    top: 10px;
    left: 12px;
    bottom: 10px;
    right: 0;
    z-index: -1;
}
.counter1:after{
    background: #fff;
    border: none;
    top: 20px;
    left: 22px;
    bottom: 20px;
}
.serviceBox1{
    color: #fbac26;
    font-family: 'Nunito', sans-serif;
    text-align: center;
    position: relative;
    z-index: 1;
}
.serviceBox1 .title{
    background: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 8px 10px;
    margin: 0 0 30px;
    border: 3px solid #fbac26;
    display: inline-block;
}
.serviceBox1 .service-content{
    color:#040404;
    padding: 15px;
    margin: 0 0 40px;
    border-radius: 30px;
    border: 10px solid #fff;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
.serviceBox1 .description{
    font-size: 15px;
    line-height: 25px;
    margin: 0;
}

.serviceBox1 .service-icon{
    background: #fbac26;
    font-size: 40px;
    line-height: 100px;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 100px;
    position: relative;
    z-index: 1;
    top:0;
    transition: all 0.3s ease 0s;
}
.serviceBox1 .service-icon:before,
.serviceBox1 .service-icon:after{
    content: "";
    background: #fff;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: -1;
}
.serviceBox1 .service-icon:after{
    background: #fbac26;
    width: 3px;
    height: 40px;
    margin: 0 auto;
    box-shadow: none;
    border-radius: 0;
    left: 0;
    right: 0;
    top: -40px;
}
#brand-logo{background-color:#ffffff;padding:50px 0px;}
#brand-logo h2{font-size: 30px;}
#footer{padding: 50px 0px;background-color:#fbac267d!important;}
#footer p{color:#010101;text-align: justify;}
#footer h4{color:#010101;}
#footer ul li a{color:#010101;line-height: 30px;}
#bottom-footer{background-color: #212529;padding:15px 0px;}
#bottom-footer p, a{color: #fff;}
@media only screen and (max-width: 767px) {
    .serviceBox1 .title {margin: 15px 0 15px;}
    .serviceBox1 .service-icon {top: 0!important;}
}
.form-bg{padding: 50px 0px;}