#about-intro {
    padding: 7em 0 3.125em 0;
}

    #about-intro .box {
        background: #efefef;
        padding: 4.0625em 209px 5.375em 66px;
        position: relative;
        min-height: 655px;
    }

        #about-intro .box img {
            position: absolute;
            top: -64px;
            right: -114px;
            max-width: 460px;
            width: 100%;
        }

    #about-intro .title-box {
        position: relative;
        margin-bottom: 3em;
    }

    #about-intro .text-box {
        padding: 0 272px 0 70px;
    }

        #about-intro .text-box p {
            margin-bottom: 1.46875em;
        }

h3 {
    font-size: 36px;
}

.fw-700 {
    font-weight: 700;
    color: #1a1919;
}

.section-title-sub {
    text-align: center;
    font-size: 70px;
    font-weight: 900;
    position: absolute;
    top: 80px;
    left: 50%;
    margin-bottom: 0;
    transform: translateX(-50%);
    color: #f4f4f400;
    text-transform: uppercase;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #f7843959;
    z-index: -1;
}

/*.demo{
    background: #222;
    background-image: repeating-linear-gradient( to bottom, transparent 7px, rgba(0, 0, 0, 0.8) 9px, rgba(0, 0, 0, 0.8) 13px, transparent 13px );
}*/
.text-effect {
    color: #fff6a9;
    font-family: 'Sacramento', cursive;
    font-size: 120px;
    font-weight: 600;
    text-align: center;
    text-transform: capitalize;
    margin: 20px auto 0;
    text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 20px #ffa500, 0 0 40px #ffa500, 0 0 60px #ff0000, 0 0 10px #ff8d00, 0 0 98px #ff0000;
    position: relative;
    animation: animate 2s ease-in-out infinite;
}

@keyframes animate {
    20%, 24%, 55% {
        color: #111;
        text-shadow: none;
    }

    0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
        color: #fff6a9;
        text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 20px #ffa500, 0 0 40px #ffa500, 0 0 60px #ff0000, 0 0 10px #ff8d00, 0 0 98px #ff0000;
    }
}

@media only screen and (max-width: 990px) {
    .text-effect {
        font-size: 100px;
    }
}

@media only screen and (max-width: 767px) {
    .text-effect {
        font-size: 80px;
    }
}

@media only screen and (max-width: 479px) {
    .text-effect {
        font-size: 60px;
    }
}

@media only screen and (max-width: 359px) {
    .text-effect {
        font-size: 45px;
    }
}
.serviceBox {
    font-family: 'Poppins', sans-serif;
    text-align: center;
    padding: 25px 0 0;
    margin: 0 -5px;
    position: relative;
}

    .serviceBox:before {
        content: '';
        border: 2px solid #000;
        border-radius: 20px;
        position: absolute;
        left: 10px;
        top: 10px;
        right: 10px;
        bottom: 10px;
        z-index: 1;
    }

    .serviceBox .service-icon {
        color: #222;
        font-size: 50px;
        margin: 0 auto 30px;
    }

    .serviceBox .service-content {
        background: #A0D543;
        padding: 25px 30px;
        border-radius: 0 0 20px 20px;
        position: relative;
    }

        .serviceBox .service-content:before {
            content: '';
            background-color: #A0D543;
            height: 30px;
            width: 30px;
            transform: translateX(-50%) rotate(45deg);
            position: absolute;
            left: 50%;
            top: -13px;
        }

    .serviceBox .title {
        color: #fff;
        font-size: 20px;
        font-weight: 500;
        letter-spacing: 0.5px;
        text-transform: uppercase;
        margin: 0 0 10px;
    }

    .serviceBox .description {
        color: #000;
        font-size: 13px;
        line-height: 23px;
        margin: 0;
    }

    .serviceBox.darkgreen .service-content {
        background-color: #44D1A3;
    }

        .serviceBox.darkgreen .service-content:before {
            background-color: #44D1A3;
        }

    .serviceBox.blue .service-content {
        background-color: #42D6E5;
    }

        .serviceBox.blue .service-content:before {
            background-color: #42D6E5;
        }

    .serviceBox.darkblue .service-content {
        background-color: #4584DF;
    }

        .serviceBox.darkblue .service-content:before {
            background-color: #4584DF;
        }

@media only screen and (max-width:990px) {
    .serviceBox {
        margin: 0 0 30px;
    }
}
/**********testimonial***********/
.testimonial {
    padding: 20px;
    margin: 20px 10px;
}

    .testimonial .pic {
        width: 122px;
        height: 122px;
        float: left;
        margin-right: 50px;
        position: relative;
    }

        .testimonial .pic:before,
        .testimonial .pic:after {
            content: "";
            display: block;
            height: 50%;
            width: 50%;
            position: absolute;
        }

        .testimonial .pic:before {
            bottom: -10%;
            left: -10%;
            border-bottom: 3px solid #E16B47;
            border-left: 3px solid #E16B47;
        }

        .testimonial .pic:after {
            top: -10%;
            right: -10%;
            border-top: 3px solid #e16b47;
            border-right: 3px solid #e16b47;
        }

        .testimonial .pic img {
            width: 100%;
            height: auto;
        }

    .testimonial .testimonial-content {
        display: table;
        position: relative;
    }

        .testimonial .testimonial-content:before {
            content: "\f10d";
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            position: absolute;
            top: -30px;
            left: -15px;
            font-size: 60px;
            color: #d8dad6;
            z-index: -1;
        }

    .testimonial .testimonial-title {
        font-size: 24px;
        color: #e16b47;
        text-transform: capitalize;
    }

    .testimonial .post {
        font-size: 13px;
        font-weight: 600;
        color: #585f62;
        border-left: 1px solid rgba(0, 0, 0, 0.1);
        margin-left: 5px;
        padding-left: 5px;
    }

    .testimonial .description {
        font-size: 16px;
        color: #7c7c7c;
        line-height: 22px;
        margin-top: 12px;
        font-style: italic;
    }

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background-color: #e16b47;
}

@media only screen and (max-width: 980px) {
    .testimonial {
        padding: 20px 0;
        margin: 20px 15px;
    }

        .testimonial .pic {
            float: none;
        }

        .testimonial .testimonial-content {
            display: block;
            margin-top: 30px;
        }

            .testimonial .testimonial-content:before {
                z-index: 1;
                top: -200px;
            }
}