.section {
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
}
.section-title h2 {
    font-size: 31px !important;
    margin-bottom: 20px;
    line-height: 42px;
    text-transform: capitalize;
    position: relative;
    font-weight: 700;
}

.testimonials .single-testimonial .quote-icon i {
    font-size: 45px;
    color: #2ed06e;
    position: absolute;
    opacity: 0.1;
    right: 17px !important;
    bottom: 3px !important;
}
.testimonials .single-testimonial {

    min-height: 240px;
}

.testimonials .tns-nav {

    bottom: 26px;

}

.freatures .image img {
    width: unset !important;
}
/* start css for Key Automation Features */
.about-five {

    padding-top: 120px;
    padding-bottom: 60px
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .about-five {
        padding-top:100px;
        padding-bottom: 70px
    }
}

@media(max-width: 767px) {
    .about-five {
        padding-top:80px;
        padding-bottom: 60px
    }
}

.about-five-content {
    padding-left: 50px;
}
.about-five-content span{
    color: #2ed06e;
    display: block;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 600;
}
@media only screen and (min-width: 768px) and (max-width:991px) {
    .about-five-content {
        padding-left:0
    }
}

@media(max-width: 767px) {
    .about-five-content {
        padding-left:0
    }
}

.about-five-content .small-title {
    position: relative;
    padding-left: 30px
}

.about-five-content .small-title::before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    background-color:#2ed06e;
    height: 2px;
    width: 20px;
    margin-top: -1px
}

.about-five-content .main-title {
    margin-top: 20px
}

.about-five-content .about-five-tab {
    margin-top: 40px
}

.about-five-content .about-five-tab nav {
    border: none;
    background-color:#efefef;
    padding: 15px;
    border-radius: 5px
}

.about-five-content .about-five-tab nav .nav-tabs {
    border: none
}

.about-five-content .about-five-tab nav button {
    border: none;
    color:black;
    font-weight: 600;
    padding: 0;
    margin-right: 10px;
    position: relative;
    background-color: #ffffff;;
    padding: 10px 18px;
    border-radius: 4px;
    text-transform: capitalize;
    border-radius: 30px;
    font-size: 14px;
}

@media(max-width: 767px) {
    .about-five-content .about-five-tab nav button {
        margin:0;
        margin-bottom: 10px;
        width: 100%
    }

    .about-five-content .about-five-tab nav button:last-child {
        margin: 0
    }
}

.about-five-content .about-five-tab nav button:hover {
    color: var(--primary)
}

.about-five-content .about-five-tab nav button.active {
    background-color: #2ed06e;
    color: #ffffff;
}

.about-five-content .about-five-tab nav button:last-child {
    margin-right: 0;
}

.about-five-content .about-five-tab .tab-content {
    border: none;
    padding-top: 30px;
}

.about-five-content .about-five-tab .tab-content p {
    margin-bottom: 20px;
}

.about-five-content .about-five-tab .tab-content p:last-child {
    margin: 0;
}

.about-image-five {
    padding-left: 60px;
    position: relative;
    z-index: 2;
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .about-image-five {
        margin-bottom:70px;
        padding-left: 30px;
    }
}
@media only screen and (min-width: 992px) and (max-width:1200px) {
    .about-five-content .about-five-tab nav button {
    border: none;
    color: black;
    font-weight: 600;
    padding: 0;
    margin-right: 10px;
    position: relative;
    background-color: #ffffff;
    padding: 8px 10px;
    border-radius: 4px;
    text-transform: capitalize;
    font-size: 10px;
    border-radius: 30px;

}
}
@media only screen and (min-width: 1200px) and (max-width:1400px) {
    .about-five-content .about-five-tab nav button {
    border: none;
    color: black;
    font-weight: 600;
    padding: 0;
    margin-right: 10px;
    position: relative;
    background-color: #ffffff;
    padding: 8px 10px;
    border-radius: 4px;
    text-transform: capitalize;
    font-size: 12px;
    border-radius: 30px;

}
}
@media(max-width: 767px) {
    .about-image-five {
        margin-bottom:60px;
        padding-left: 0;
    }
}

.about-image-five .shape {
    position: absolute;
    left: 30px;
    top: -30px;
    z-index: -1
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .about-image-five .shape {
        left:0;
    }
    .testimonials .tns-nav {
        bottom: 32px;
    }

}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .about-image-five::before {
        right:-15px;
        bottom: -15px;
    }
}

@media(max-width: 767px) {
    .about-image-five::before {
        display:none;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1400px) {
    .freatures .content {
        padding-left: 0px;
    }
}


/* start css for Key Automation Features */