body{
    font-family: "Poppins", sans-serif;
}
.mulish{
    font-family: "Mulish", sans-serif;
}
.relative{
    position: relative;
}
.uppercase{
    text-transform: uppercase;
}
.text-decoration{
    text-decoration: none;
}
.font-bold{
    font-weight: bold;
}
.text-grey{
    color: #666;
}
.font-18{
    font-size: 18px;
}
.font-25{
    font-size: 25px;
}
.socials a{
    margin-right: 10px;
}
.text-cyan{
    color: #01BFA5;
}
.font-16{
    font-size: 16px;
}
.copy{
    border-top: 1px solid #979797;
    padding-top: 40px;
    padding-bottom: 40px;
}
.text-gry{
    color: #d8d8d8;
}
.font-22{
    font-size: 22px;
}
.banner-contentbox{
    padding: 80px 0px;
}
.banner-contentbox h2{
    line-height: 50px;
}
.banner-contentbox p{
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
}
.banner-contentbox .content-image:after {
    z-index: 1;
    transform: scale(1.5);
    right: 124px;
    top: 150px;
}
.banner-contentbox .content-image img {
    z-index: 9;
    position: relative;
}













.bg-gry{
    background: #eaedee;
}

.btns a{
    display: block;
    font-size: 18px;
    font-weight: 400;
    padding: 10px;
    width: 100%;
    text-align: center;
    color: #fff;
    border: 1px solid #01BFA5;
    text-decoration: none;
    transition: 0.5s;
}
.btns a:hover{
    background:#01BFA5;
}
.results{
    background-image: url(../images/sectors-block-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #000;
    padding: 100px 0px;
}
.banner-box a{    
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    color: #FFF;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    padding: 13px 35px;
    background: #01BFA5;
    border-radius: 22.5px;
    color: #FFF;
    border: 2px solid #01BFA5;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    text-decoration: none;
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 22.5px 0 0 0;
    padding-right: 25px;
}
.hand {
    position: absolute;
    top: 87px;
    left: 278px;
}
.banner-box p{
    max-width: 400px;
}
.banner-box{
    background: #fff;
    padding: 80px 65px 85px 65px;
}
.leads{
    padding: 100px 0px;
    background: #E9EDEE;
}
.custom:after{
    content: '';
    position: absolute;
    top: 100px;
    left: 0;
    width: 100px;
    height: 40%;
    background-image: url(../images/dotted-bg.svg);
}
.sacle-in{
    transform: rotate(-90deg);
    bottom: 20px;
    position: absolute;
    right: 0;
}
.customer-box{
    padding: 100px 250px 95px 80px;
}
.circle-0 {
    width: 120px;
/*    border: 1px solid #000;*/
    border-radius: 100%;
    /* padding: 40px; */
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.two{
    border: 1px solid #000;
}
.circle {
    width: 120px;
    border: 1px solid #000;
    border-radius: 100%;
    /* padding: 40px; */
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bg-cyan{
    background: #01BFA5 !important;
}
.chosse-box p{
    line-height: 32px;
}
.chosse-box{
    padding: 75px 45px 65px 45px;
}
.one{
        background: #eaedee;
}
.review-box{
    background: #FFF;
    width: 100%;
    border: 1px solid #000000;
    padding: 55px 50px 50px 50px;
}
.review-box img{
    margin-bottom: 30px;
    width: 20px !important;
}
.content-image:after {
    content: "";
    position: absolute;
    border-radius: 50%;
    background: #01BFA5;
    height: 135px;
    width: 135px;
    top: 144px;
    right: 64px;
    z-index: -1;
}
.line{
    width: 100%;
    height: 5px;
    max-width: 115px;
    margin: 0 0 30px 0;
    border: none;
    background: #000;
}
.lady {
    width: 200px !important;
    position: absolute;
    top: -51px;
    right: 146px;
}
.theme-btn{
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    color: #FFF;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    padding: 15px 35px;
    background: #01BFA5;
    border-radius: 22.5px;
    color: #FFF;
    border: 2px solid #01BFA5;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    text-decoration: none;
}
.cta{
    margin-top: 100px;
    padding: 250px 0px;
    background-image: url(../images/dotted-bg.svg);
    background-repeat: repeat-x;
}
.theme-btn i{
    margin-left: 8px;
}
.theme-btn:hover{
    color:  #01BFA5;
    background: transparent;
}
.footer{
    background-image: url(../images/footer-icon.svg);
    background-color: #000;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 100px;
    padding: 100px 0px 0px;
}
.newsletter{
    width: 70%;
    margin-left: auto;
}
.newsletter input{
    padding: 15px;
    width: 100%;
    background: #FFF;
    border: 1px solid #DDD;
    border-radius: 31px;
    padding-left: 30px;
    margin-bottom: 10px;
}
.newsletter button{
    transition: 0.5s;
}
.newsletter button{
    position: absolute;
    top: 0;
    right: 0;
    padding: 18px 26px;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    background: #01BFA5;
    border-radius: 31px;
    border: 0px;
}
.newsletter button:hover{
    width: 100%;
}


@media only screen and (max-width: 1024px) {

}




@media only screen and (max-width: 922px) {
 
}

@media only screen and (max-width: 768px) {
    .banner-box.relative.d-flex.justify-content-between.align-items-center{
        display: block !important;
    }
    .hand {
        width: 63px;
    }
    .container.mb-5.pb-5.mt-5.pt-5{
        padding-bottom: 1rem !important;
        padding-top: 1rem !important;
        margin-bottom: 1rem !important;
        margin-top: 1rem !important;
    }
    .row.align-items-center.mt-5.mb-5.pb-5.pt-5{
        padding-bottom: 1rem !important;
        padding-top: 1rem !important;
        margin-bottom: 1rem !important;
        margin-top: 1rem !important;
    }
    .row-reverse{
        flex-direction: column-reverse;
    }
    .features.mt-5.pt-5{
        margin-top: 1rem !important;
        padding-top: 1rem !important;
    }
    .container-fluid.px-0.mt-5.pt-5.pb-5.mb-5{
        padding-bottom: 1rem !important;
        padding-top: 1rem !important;
        margin-bottom: 1rem !important;
        margin-top: 1rem !important;
    }
    .customer-box {
        padding: 40px;
    }
    .sacle-in{
        right: -55px;
    }
    .chosse-box {
        padding: 30px;
    }
    .lady{
        width: 100px !important;
    }
    .cta{
        padding: 80px 0px;
    }
    .newsletter {
        width: 100%;
    }
    .row.mt-5.pt-5.justify-content-between.mb-5.pb-5{
         padding-bottom: 1rem !important;
        padding-top: 1rem !important;
        margin-bottom: 1rem !important;
        margin-top: 1rem !important;
    }
}
@media only screen and (max-width: 600px) {
    
}