@use '../../utils/' as * ;

/*============= TESTIMONIAL CSS AREA ===============*/
.slider-section-area {
    position: relative;
    z-index: 1;
    background: var(--ztc-bg-bg-4);
    .sldier-head {
        p {
            font-family: var(--ztc-family-font1);
            font-size: var(--ztc-font-size-font-s20);
            line-height: var(--ztc-font-size-font-s30);
            font-weight: var( --ztc-weight-semibold);
            color: var(--ztc-text-text-2);
            @media #{$xs} {
                text-align: center;
                margin-bottom: 30px;
            }
            @media #{$md} {
                text-align: center;
                margin-bottom: 30px;
            }
        }
    }
    .slider-images-area {
        .img1 {
            img {
                height: 38px;
                width: 120px;
                object-fit: contain;
            }
        }
    }
}

.testimonial1-section-area {
    position: relative;
    z-index: 1;
    .testimonial-header {
        margin-bottom: 60px;
        position: relative;
        z-index: 1;
        @media #{$xs} {
            margin-bottom: 30px;
        }
        @media #{$md} {
            margin-bottom: 30px;
        }
    }
    .testimonials-slider-area.owl-carousel .owl-stage-outer {
        overflow: inherit !important;
    }
    .testimonials-slider-area {
        .testimonial-boxarea {
            position: relative;
            border: 1px solid var(--ztc-text-text-4);
            border-radius: 8px;
            .pera {
                position: relative;
                padding: 24px 32px 24px 24px;
                p {
                    font-family: var(--ztc-family-font1);
                    font-size: var(--ztc-font-size-font-s16);
                    line-height: var(--ztc-font-size-font-s26);
                    font-weight: var(--ztc-weight-regular);
                }
                .list-area {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    .list {
                        ul {
                            li {
                                display: inline-block;
                                color: var(--ztc-text-text-4);
                            }
                        }
                        a {
                            font-family: var(--ztc-family-font1);
                            font-size: var(--ztc-font-size-font-s16);
                            display: inline-block;
                            font-weight: var(--ztc-weight-semibold);
                            line-height: var(--ztc-font-size-font-s16);
                            color: var(--ztc-text-text-2);
                        }
                    }
                    img {
                        height: 48px;
                        width: 48px;
                    }
                }
            }
            .images {
                img {
                    height: 382px;
                    width: 100%;
                    border-radius: 0 8px 8px 0;
                    object-fit: cover;
                    position: relative;
                    left: 2px;
                    @media #{$xs} {
                        left: 0;
                        border-radius: 0 0 8px 8px;
                    }
                    @media #{$md} {
                        border-radius: 0 0 8px 8px;
                        left: 0;
                    }
                }
            }
        }
        .owl-dots {
            text-align: center;
            margin-top: 32px;
            button {
                height: 10px;
                width: 10px;
                display: inline-block;
                border-radius: 50%;
                background: #C8BFF3;
                margin: 0 10px;
                position: relative;
                &::after {
                    position: absolute;
                    content: "";
                    height: 24px;
                    width: 24px;
                    border-radius: 50%;
                    background: #C8BFF3;
                    top: -7px;
                    left: -7px;
                    z-index: -1;
                    visibility: hidden;
                    opacity: 0;
                }
            }
            button.active {
                background: var(--ztc-bg-bg-1);
                &::after {
                    visibility: visible;
                    opacity: 1;
                }
            }
        }
    }
}

// homepage2 //
.slider2-section-area {
    position: relative;
    z-index: 2;
    &::after {
        position: absolute;
        content: "";
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        background: var(--ztc-text-text-1);
        opacity: 20%;
        z-index: -1;
    }
    .sldier-head {
        p {
            font-family: var(--ztc-family-font1);
            font-size: var(--ztc-font-size-font-s20);
            line-height: var(--ztc-font-size-font-s30);
            font-weight: var( --ztc-weight-semibold);
            color: var(--ztc-text-text-1);
            @media #{$xs} {
                text-align: center;
                margin-bottom: 30px;
            }
            @media #{$md} {
                text-align: center;
                margin-bottom: 30px;
            }
        }
    }
    .slider-images-area {
        .img1 {
            img {
                height: 38px;
                width: 120px;
                object-fit: contain;
            }
        }
    }
}

.testimonial1-section-area {
    position: relative;
    z-index: 1;
    .testimonial-header {
        margin-bottom: 60px;
        position: relative;
        z-index: 1;
        @media #{$xs} {
            margin-bottom: 30px;
        }
        @media #{$md} {
            margin-bottom: 30px;
        }
    }
    .testimonials-slider-area.owl-carousel .owl-stage-outer {
        overflow: inherit !important;
    }
    .testimonials-slider-area {
        .testimonial-boxarea {
            position: relative;
            border: 1px solid var(--ztc-text-text-4);
            border-radius: 8px;
            .pera {
                position: relative;
                padding: 24px 32px 24px 24px;
                p {
                    font-family: var(--ztc-family-font1);
                    font-size: var(--ztc-font-size-font-s16);
                    line-height: var(--ztc-font-size-font-s26);
                    font-weight: var(--ztc-weight-regular);
                }
                .list-area {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    .list {
                        ul {
                            li {
                                display: inline-block;
                                color: var(--ztc-text-text-4);
                            }
                        }
                        a {
                            font-family: var(--ztc-family-font1);
                            font-size: var(--ztc-font-size-font-s16);
                            display: inline-block;
                            font-weight: var(--ztc-weight-semibold);
                            line-height: var(--ztc-font-size-font-s16);
                            color: var(--ztc-text-text-2);
                        }
                    }
                    img {
                        height: 48px;
                        width: 48px;
                    }
                }
            }
            .images {
                img {
                    height: 382px;
                    width: 100%;
                    border-radius: 0 8px 8px 0;
                    object-fit: cover;
                    position: relative;
                    left: 2px;
                    @media #{$xs} {
                        left: 0;
                        border-radius: 0 0 8px 8px;
                    }
                    @media #{$md} {
                        border-radius: 0 0 8px 8px;
                        left: 0;
                    }
                }
            }
        }
        .owl-dots {
            text-align: center;
            margin-top: 32px;
            button {
                height: 10px;
                width: 10px;
                display: inline-block;
                border-radius: 50%;
                background: #C8BFF3;
                margin: 0 10px;
                position: relative;
                &::after {
                    position: absolute;
                    content: "";
                    height: 24px;
                    width: 24px;
                    border-radius: 50%;
                    background: #C8BFF3;
                    top: -7px;
                    left: -7px;
                    z-index: -1;
                    visibility: hidden;
                    opacity: 0;
                }
            }
            button.active {
                background: var(--ztc-bg-bg-1);
                &::after {
                    visibility: visible;
                    opacity: 1;
                }
            }
        }
    }

}

.testimonial2-section-area {
    .testimonial-header {
        margin-bottom: 60px;
        @media #{$xs} {
            margin-bottom: 30px;
        }
        @media #{$md} {
            margin-bottom: 30px;
        }
    }
    .testimonial2-owl-carousel-area.owl-carousel .owl-item.active {
        background: var(--ztc-bg-bg-10) !important;
        position: relative;
        z-index: 2;
        border-radius: 8px;
        .testimonial-author-box {
            background: none;
            .quito1 {
                filter: brightness(0) invert(1);
                transition: all .4s;
            }
            ul {
                li {
                    background: #F94595;
                    transition: all .4s;
                }
            }
            .pera {
                color: var(--ztc-text-text-1);
                transition: all .4s;
            }
            .content-area {
                .images-content {
                    .content {
                        a {
                            color: var(--ztc-text-text-1);
                            transition: all .4s;
                        }
                        p {
                            color: var(--ztc-text-text-1);
                            transition: all .4s;
                            opacity: 80%;
                        }
                    }
                }
            }
        }
    }
    .testimonial2-owl-carousel-area.owl-carousel .owl-stage-outer {
        overflow: inherit !important;
    }
    .testimonial2-owl-carousel-area {
        .testimonial-author-box {
            position: relative;
            z-index: 1;
            padding: 32px;
            border-radius: 8px;
            transition: all .4s;
            background: #303168;
            &:hover {
                transition: all .4s;
                background: var(--ztc-bg-bg-10);
                .quito1 {
                    filter: brightness(0) invert(1);
                    transition: all .4s;
                }
                ul {
                    li {
                        background: #F94595;
                        transition: all .4s;
                    }
                }
            }
            .quito1 {
                height: 48px;
                width: 48px;
                object-fit: cover;
                transition: all .4s;
            }
            ul {
                margin-bottom: 32px;
                li {
                    display: inline-block;
                    height: 28px;
                    width: 28px;
                    text-align: center;
                    line-height: 28px;
                    transition: all .4s;
                    background: #46477B;
                    border-radius: 4px;
                    color: #FFBA00;
                }
            }
            p.pera {
                font-family: var(--ztc-family-font1);
                font-size: var(--ztc-font-size-font-s16);
                line-height: var(--ztc-font-size-font-s26);
                color: var(--ztc-text-text-1);
                font-weight: var(--ztc-weight-regular);
                opacity: 80%;
                transition: all .4s;
            }
            .content-area {
                display: flex;
                align-items: center;
                justify-content: space-between;
                margin-top: 36px;
                .images-content {
                    display: flex;
                    align-items: center;
                    .img1 {
                        img {
                            height: 70px;
                            width: 70px;
                            border-radius: 50%;
                        }
                    }
                    .content {
                        margin-left: 16px;
                        a {
                            font-size: var(--ztc-font-size-font-s20);
                            line-height: var(--ztc-font-size-font-s20);
                            font-weight: var(--ztc-weight-semibold);
                            color: var(--ztc-text-text-1);
                            transition: all .4s;
                            display: inline-block;
                            margin-bottom: 12px;
                        }
                        p {
                               font-family: var(--ztc-family-font1);
                               font-size: var(--ztc-font-size-font-s16);
                               line-height: var(--ztc-font-size-font-s16);
                               font-weight: var(--ztc-weight-regular);
                               color: var(--ztc-text-text-1);
                               opacity: 80%;
                               transition: all .4s; 
                        }
                    }
                }
            }
        }
        .owl-dots {
            text-align: center;
            margin-top: 50px;
            button {
                height: 10px;
                width: 10px;
                display: inline-block;
                background: #2B2D5A;
                border-radius: 50%;
                margin: 0 20px 0 0;
                position: relative;
                &::after {
                    position: absolute;
                    content: "";
                    height: 24px;
                    width: 24px;
                    text-align: center;
                    background: #2B2D5A;
                    left: -7px;
                    top: -7px;
                    transition: all .4s;
                    border-radius: 50%;
                    z-index: -1;
                    visibility: hidden;
                    opacity: 0;
                }
            }
            button.active {
                background: var(--ztc-text-text-1);
                transition: all .4s;
                &::after {
                    visibility: visible;
                    opacity: 1;
                }
            }
        }
    }
}

// homepage3 //
.slider3-section-area {
    position: relative;
    z-index: 2;
    background: var(--ztc-bg-bg-13);

    .sldier-head {
        p {
            font-family: var(--ztc-family-font1);
            font-size: var(--ztc-font-size-font-s20);
            line-height: var(--ztc-font-size-font-s30);
            font-weight: var( --ztc-weight-semibold);
            color: var(--ztc-text-text-2);
            @media #{$xs} {
                text-align: center;
                margin-bottom: 30px;
            }
            @media #{$md} {
                text-align: center;
                margin-bottom: 30px;
            }
        }
    }
    .slider-images-area {
        .img1 {
            img {
                height: 38px;
                width: 120px;
                object-fit: contain;
            }
        }
    }
}

.testimonial3-section-area {
    position: relative;
    background: var(--ztc-bg-bg-14);
    .testimonial-header {
        margin-bottom: 60px;
        @media #{$xs} {
            margin-bottom: 30px;
        }
        @media #{$md} {
            margin-bottom: 30px;
        }
    }
    .testimonial2-owl-carousel-area.owl-carousel .owl-item.active {
        background: var(--ztc-bg-bg-10) !important;
        position: relative;
        z-index: 2;
        border-radius: 8px;
        .testimonial-author-box {
            background: none;
            .quito1 {
                filter: brightness(0) invert(1);
                transition: all .4s;
            }
            ul {
                li {
                    background: #F94595;
                    transition: all .4s;
                }
            }
            .pera {
                color: var(--ztc-text-text-1);
                transition: all .4s;
            }
            .content-area {
                .images-content {
                    .content {
                        a {
                            color: var(--ztc-text-text-1);
                            transition: all .4s;
                        }
                        p {
                            color: var(--ztc-text-text-1);
                            transition: all .4s;
                            opacity: 80%;
                        }
                    }
                }
            }
        }
    }
    .testimonial2-owl-carousel-area.owl-carousel .owl-stage-outer {
        overflow: inherit !important;
    }
    .testimonial2-owl-carousel-area {
        .testimonial-author-box {
            position: relative;
            z-index: 1;
            padding: 32px;
            border-radius: 8px;
            transition: all .4s;
            background: var(--ztc-text-text-1);
            &:hover {
                transition: all .4s;
                background: var(--ztc-bg-bg-10);
                .quito1 {
                    filter: brightness(0) invert(1);
                    transition: all .4s;
                }
                ul {
                    li {
                        background: #F94595;
                        transition: all .4s;
                    }
                }
                .pera {
                    color: var(--ztc-text-text-1);
                    transition: all .4s;
                }
                .content-area {
                    .images-content {
                        .content {
                            a {
                                color: var(--ztc-text-text-1);
                                transition: all .4s;
                            }
                            p {
                                color: var(--ztc-text-text-1);
                                transition: all .4s;
                                opacity: 80%;
                            }
                        }
                    }
                }
            }
            .quito1 {
                height: 48px;
                width: 48px;
                object-fit: cover;
                transition: all .4s;
            }
            ul {
                margin-bottom: 32px;
                li {
                    display: inline-block;
                    height: 28px;
                    width: 28px;
                    text-align: center;
                    line-height: 28px;
                    transition: all .4s;
                    background: #F9FCFF;
                    border-radius: 4px;
                    color: #FFBA00;
                }
            }
            p.pera {
                font-family: var(--ztc-family-font1);
                font-size: var(--ztc-font-size-font-s16);
                line-height: var(--ztc-font-size-font-s26);
                color: var(--ztc-text-text-2);
                font-weight: var(--ztc-weight-regular);
                transition: all .4s;
            }
            .content-area {
                display: flex;
                align-items: center;
                justify-content: space-between;
                margin-top: 36px;
                .images-content {
                    display: flex;
                    align-items: center;
                    .img1 {
                        img {
                            height: 70px;
                            width: 70px;
                            border-radius: 50%;
                        }
                    }
                    .content {
                        margin-left: 16px;
                        a {
                            font-size: var(--ztc-font-size-font-s20);
                            line-height: var(--ztc-font-size-font-s20);
                            font-weight: var(--ztc-weight-semibold);
                            color: var(--ztc-text-text-2);
                            transition: all .4s;
                            display: inline-block;
                            margin-bottom: 12px;
                        }
                        p {
                               font-family: var(--ztc-family-font1);
                               font-size: var(--ztc-font-size-font-s16);
                               line-height: var(--ztc-font-size-font-s16);
                               font-weight: var(--ztc-weight-regular);
                               color: var(--ztc-text-text-3);
                               transition: all .4s; 
                        }
                    }
                }
            }
        }
        .owl-dots {
            text-align: center;
            margin-top: 50px;
            button {
                height: 10px;
                width: 10px;
                display: inline-block;
                background: var(--ztc-bg-bg-5);
                border-radius: 50%;
                margin: 0 20px 0 0;
                position: relative;
                &::after {
                    position: absolute;
                    content: "";
                    height: 24px;
                    width: 24px;
                    text-align: center;
                    background: var(--ztc-bg-bg-5);
                    left: -7px;
                    top: -7px;
                    transition: all .4s;
                    border-radius: 50%;
                    z-index: -1;
                    visibility: hidden;
                    opacity: 0;
                }
            }
            button.active {
                background: var(--ztc-text-text-5);
                transition: all .4s;
                &::after {
                    visibility: visible;
                    opacity: 1;
                }
            }
        }
    }
}

// homepage4 //
.testimonial4-section-area {
    position: relative;
    z-index: 1;
    background: var(--ztc-bg-bg-15);
    .testimonia4-header {
        margin-bottom: 60px;
        @media #{$xs} {
            margin-bottom: 30px;
        }
        @media #{$md} {
            margin-bottom: 30px;
        }
    }
    .testimonial4-slider-area {
        .testimonial-boxarea {
            background: var(--ztc-text-text-1);
            border-radius: 8px;
            padding: 32px 24px;
            position: relative;
            z-index: 1;
            img.quito {
                margin-bottom: 32px;
                height: 40px;
                width: 40px;
            }
            p {
                font-family: var(--ztc-family-font1);
                font-size: var(--ztc-font-size-font-s20);
                line-height: var(--ztc-font-size-font-s30);
                font-weight: var(--ztc-weight-regular);
                color: var(--ztc-text-text-3);
                transition: all .4s;
            }
            .auhtor-logo {
                display: flex;
                align-items: center;
                justify-content: space-between;
                .text {
                    a {
                        display: inline-block;
                        font-size: var(--ztc-font-size-font-s20);
                        font-family: var(--ztc-family-font1);
                        line-height: var(--ztc-font-size-font-s20);
                        font-weight: var(--ztc-weight-semibold);
                        color: var(--ztc-text-text-2);
                        transition: all .4s;
                        margin-bottom: 8px;
                    }
                    ul {
                        li {
                            display: inline-block;
                            color: #FFBA00;
                        }
                    }
                }
            }
        }

        .owl-nav {
            @media #{$xs} {
                text-align: center;
                margin-top: 30px;
            }
            @media #{$md} {
                text-align: center;
                margin-top: 30px;
            }
            button {
                height: 50px;
                width: 50px;
                text-align: center;
                line-height: 50px;
                border-radius: 50%;
                transition: all .4s;
                color: var(--ztc-text-text-6);
                background: var(--ztc-text-text-7);
                &:hover {
                    background: var(--ztc-text-text-6);
                    transition: all .4s;
                    color: var(--ztc-text-text-1);
                }
            }
            .owl-next {
                position: absolute;
                right: -75px;
                top: 40%;
                @media #{$xs} {
                    right: 0;
                    top: 0;
                    position: relative;
                }
                @media #{$md} {
                    right: 0;
                    top: 0;
                    position: relative;
                }
            }
            .owl-prev {
                position: absolute;
                left: -75px;
                top: 40%;
                @media #{$xs} {
                    left: 0;
                    top: 0;
                    position: relative;
                    margin: 0 6px 0 0;
                }
                @media #{$md} {
                    left: 0;
                    top: 0;
                    position: relative;
                    margin: 0 6px 0 0;
                }
            }
        }
    }
    .testimonial4-slider-area.faq {
        .owl-nav {
            display: none;
        }
    }

    .testimonial4-slider-area1 {
        .testimonial-boxarea {
            background: var(--ztc-bg-bg-4);
            border-radius: 8px;
            padding: 32px 24px;
            position: relative;
            z-index: 1;
            margin-bottom: 30px;
            transition: all .4s;
            border: 1px solid var(--ztc-text-text-1);
            &:hover {
                border: 1px solid var(--ztc-text-text-4);
                transition: all .4s;
                transform: translateY(-5px);
            }
            img.quito {
                margin-bottom: 32px;
                height: 40px;
                width: 40px;
            }
            p {
                font-family: var(--ztc-family-font1);
                font-size: var(--ztc-font-size-font-s20);
                line-height: var(--ztc-font-size-font-s30);
                font-weight: var(--ztc-weight-regular);
                color: var(--ztc-text-text-3);
                transition: all .4s;
            }
            .auhtor-logo {
                display: flex;
                align-items: center;
                justify-content: space-between;
                .text {
                    a {
                        display: inline-block;
                        font-size: var(--ztc-font-size-font-s20);
                        font-family: var(--ztc-family-font1);
                        line-height: var(--ztc-font-size-font-s20);
                        font-weight: var(--ztc-weight-semibold);
                        color: var(--ztc-text-text-2);
                        transition: all .4s;
                        margin-bottom: 8px;
                    }
                    ul {
                        li {
                            display: inline-block;
                            color: #FFBA00;
                        }
                    }
                }
            }
        }

        .owl-nav {
            @media #{$xs} {
                text-align: center;
                margin-top: 30px;
            }
            @media #{$md} {
                text-align: center;
                margin-top: 30px;
            }
            button {
                height: 50px;
                width: 50px;
                text-align: center;
                line-height: 50px;
                border-radius: 50%;
                transition: all .4s;
                color: var(--ztc-text-text-6);
                background: var(--ztc-text-text-7);
                &:hover {
                    background: var(--ztc-text-text-6);
                    transition: all .4s;
                    color: var(--ztc-text-text-1);
                }
            }
            .owl-next {
                position: absolute;
                right: -75px;
                top: 40%;
                @media #{$xs} {
                    right: 0;
                    top: 0;
                    position: relative;
                }
                @media #{$md} {
                    right: 0;
                    top: 0;
                    position: relative;
                }
            }
            .owl-prev {
                position: absolute;
                left: -75px;
                top: 40%;
                @media #{$xs} {
                    left: 0;
                    top: 0;
                    position: relative;
                    margin: 0 6px 0 0;
                }
                @media #{$md} {
                    left: 0;
                    top: 0;
                    position: relative;
                    margin: 0 6px 0 0;
                }
            }
        }
    }
}
.testimonial4-section-area.bg2 {
    background: var(--ztc-bg-bg-4) !important;
}

// homepage5 //
.slider5-section-area {
    position: relative;
    z-index: 1;
    background: var(--ztc-bg-bg-15);
    padding: 80px 0 0 0;
    @media #{$xs} {
        padding: 40px 0;
    }
    @media #{$md} {
        padding: 40px 0;
    }
    .slider-all-boxarea .slick-list.draggable {
        overflow: inherit;
    }
    .slider-all-boxarea {
        .slider-boxarea {
            display: flex;
            align-items: center;
            margin: 0 50px 0 0;
            width: 450px !important;
            @media #{$xs} {
                margin-bottom: 20px;
            }
            @media #{$md} {
                margin-bottom: 20px;
            }
            .content {
                a {
                    display: inline-block;
                    font-family: var(--ztc-family-font1);
                    font-size: var(--ztc-font-size-font-s24);
                    line-height: var(--ztc-font-size-font-s24);
                    font-weight: var(--ztc-weight-semibold);
                    color: var(--ztc-text-text-2);
                    transition: all .4s;
                    margin: 0 24px 0 0;
                }
            }
            .img1 {
                img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }
        }
    }

    .slider-all-boxarea2 .slick-list.draggable {
        overflow: inherit;
    }
    .slider-all-boxarea2 {
        .slider-boxarea {
            display: flex;
            align-items: center;
            margin: 0 50px 0 0;
            width: 450px !important;
            @media #{$xs} {
                margin-top: 20px;
            }
            .content {
                a {
                    display: inline-block;
                    font-family: var(--ztc-family-font1);
                    font-size: var(--ztc-font-size-font-s24);
                    line-height: var(--ztc-font-size-font-s24);
                    font-weight: var(--ztc-weight-semibold);
                    color: var(--ztc-text-text-2);
                    transition: all .4s;
                    margin: 0 24px 0 0;
                }
            }
            .img1 {
                img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }
        }
    }
}

// homepage5 //
.testimonial5-section-area {
    position: relative;
    z-index: 1;

    .testimonial-header-area {
        margin-bottom: 60px;
        @media #{$xs} {
            margin-bottom: 30px;
        }
        @media #{$md} {
            margin-bottom: 30px;
        }
        h5 {
            background: var(--ztc-bg-bg-19);
            color: var(--ztc-bg-bg-17);
        }
        h2 {
            color: var(--ztc-text-text-1);
        }
    }
    .single-testimonial {
        cursor: move;
        margin-top: 32px;
        h5 {
          font-size: var(--ztc-font-size-font-s24);
          line-height: 34px;
          text-align: center;
          font-weight: var(--ztc-weight-medium);
          color: var(--ztc-text-text-1);
          @media #{$xs} {
            font-size: 18px;
            line-height: 28px;
          }
        }
      }
      
      .author {
        text-align: center;
        margin-top: 40px;
      
        a {
          font-size: var(--ztc-font-size-font-s18);
          display: inline-block;
          margin-bottom: 10px;
          color: var(--ztc-text-text-1);
          font-weight: var(--ztc-weight-semibold);
          @media #{$xs} {
            font-size: var(--ztc-font-size-font-s18);
            line-height: var(--ztc-font-size-font-s28);
          }
        }
      
        p {
          font-size: var(--ztc-font-size-font-s16);
          line-height: 16px;
          text-align: center;
          opacity: 0.7;
          margin-bottom: 0;
          color: var(--ztc-text-text-1);
          @media #{$xs} {
            font-size: 14px;
          }
        }
      }
      
      .testimonial-nav {
       width: 536px;
       margin: 0 auto;
       padding-left: 25px;
       height: 70px;
        @media #{$xs} {
          padding-left: 0;
        }
      }
      
      .testimonial-sliders {
        position: relative;
        z-index: 2;
      }
      .testimonial-arrows {
        @media #{$xs} {
            display: flex;
            justify-content: center;
            margin-top: 30px;
        }
        @media #{$md} {
            display: flex;
            justify-content: center;
            margin-top: 30px;
        }
      }
      
      .testimonial-arrows > div {
        position: absolute;
        top: 40%;
        left: -120px;
        @media #{$xs} {
            position: relative;
            top: 0;
            left: 0;
            display: block;
            text-align: center;
        }
        @media #{$md} {
            position: relative;
            top: 0;
            left: 0;
            display: block;
            text-align: center;
        }
      }
      
      .testimonial-arrows .slick-arrow button {
        width: 45px;
        height: 45px;
        text-align: center;
        line-height: 45px;
        background: none;
        border-radius: 50px;
        transition: all 0.3s;
        border: none;
        color: var(--ztc-text-text-12);
        background: #889FA0;
      }
      
      .testimonial-arrows .testimonial-next-arrow {
        left: auto;
        right: -120px;
        @media #{$xs} {
            right: -6px;
        }
        @media #{$md} {
            right: -6px;
        }
      }

      .testimonial-arrows .slick-arrow button:hover {
        transition: all 0.3s;
        background-color: var(--ztc-bg-bg-17);
      }
      
      .single-testimonial-nav.slick-slide {
        visibility: hidden;
        height: 80px !important;
        width: 80px !important;
      }
      
      .single-testimonial-nav.slick-slide.slick-active,
      .single-testimonial-nav.slick-slide.slick-active.slick-center {
        visibility: visible;
      }
      
      .single-testimonial-nav.slick-slide.slick-active {
        opacity: 0.6;
        transition: all 0.1s;
      }
      
      .single-testimonial-nav.slick-slide.slick-active.slick-center {
        opacity: 1;
        transition: all 0.1s;
        margin: 0px 8px;
      }
      
      .single-testimonial-nav.slick-slide img {
        display: block;
        border-radius: 50%;
        transition: all 0.1s;
        transform: scale(0.8);
        height: 80px;
        width: 80px !important;
        width: auto;
        margin: 0 auto;
      }
      
      .single-testimonial-nav.slick-slide.slick-center img {
        transition: all 0.1s;
        transform: scale(1);
        padding: 8px;
        border: 1px solid rgba(255, 255, 255, 0.603);
        border-radius: 50%;
      }
}

// inner-pages //
.slider-section-area.slider-inner {
    background: var(--ztc-text-text-4);
    .sldier-head {
        p {
            color: var(--ztc-text-text-1);
            @media #{$xs} {
                text-align: center;
                margin-bottom: 30px;
            }
            @media #{$md} {
                text-align: center;
                margin-bottom: 30px;
            }
        }
    }
    .slider-images-area {
        .img1 {
            img {
                filter: brightness(0) invert(1);
            }
        }
    }
}

// testimonial-inner //
.testimonial1-section-area {
    .testimonial-sliders {
        border-radius: 7px;
        background: rgba(78, 47, 218, 0.05);
        position: relative;
        .testimonial-content-slider {
            .testimonial-slider-boxarea {
                padding: 32px 32px 32px 50px;
                img {
                    height: 80px;
                    width: 80px;
                    object-fit: cover;
                }
                .testimonial5-all-content {
                    p {
                        color: var(--Neutral-700, rgba(18, 37, 48, 0.70));
                        font-family: var(--ztc-family-font1);
                        font-size: var(--ztc-font-size-font-s22);
                        font-style: normal;
                        font-weight: var(--ztc-weight-regular);
                        line-height: 32px;
                    }
                }
                .content {
                    a {
                        color: var(--ztc-text-text-2);
                        font-family: var(--ztc-family-font1);
                        font-size: var(--ztc-font-size-font-s24);
                        font-style: normal;
                        font-weight: var(--ztc-weight-semibold);
                        line-height: 24px;    
                        margin-bottom: 12px;  
                        display: inline-block;         
                    }
                    p {
                        color: var(--ztc-text-text-3);
                        font-family: var(--ztc-family-font1);
                        font-size: var(--ztc-font-size-font-s16);
                        font-style: normal;
                        font-weight: var(--ztc-weight-regular);
                        line-height: 16px;
                    }
                }
            }
        }
        .teimonial-slider-nav-area {
            .testimonial-slider-img {
                img {
                    height: 100%;
                    width: 100%;
                    object-fit: cover;
                }
            }
        }
        .testimonial-arrows {
            display: flex;
            align-items: center;
            @media #{$xs} {
                justify-content: center;
                margin-top: 30px;
            }
            @media #{$md} {
                justify-content: center;
                margin-top: 30px;
            }
            .testimonial-prev-arrow {
                position: absolute;
                top: 45%;
                left: -80px;
                @media #{$xs} {
                    position: relative;
                    top: 0;
                    left: 0;
                }
                @media #{$md} {
                    position: relative;
                    top: 0;
                    left: 0;
                }
            }
            .testimonial-next-arrow {
                position: absolute;
                top: 45%;
                right: -80px;
                @media #{$xs} {
                    position: relative;
                    top: 0;
                    right: 0;
                }
                @media #{$md} {
                    position: relative;
                    top: 0;
                    right: 0;
                }
            }
            button {
                height: 45px;
                width: 45px;
                text-align: center;
                line-height: 45px;
                border-radius: 50%;
                display: inline-block;
                background: #E6DFF5;
                border: none;
                outline: none;
                transition: all .4s;
                color: var(--ztc-text-text-4);
                @media #{$xs} {
                    margin-bottom: 30px;
                }
                @media #{$md} {
                    margin-bottom: 30px;
                }
                &:hover {
                    background: var(--ztc-text-text-4);
                    color: var(--ztc-text-text-1);
                    transition: all .4s;
                }
            }
        }
    }
}

// Homepage 07 //
.slider7-section-area {
    position: relative;
    z-index: 1;
    .sldier-head {
        margin-bottom: 60px;
        @media #{$xs} {
            margin-bottom: 30px;
        }
        @media #{$md} {
            margin-bottom: 30px;
        }
        p {
            font-family: var(--ztc-family-font1);
            font-size: var(--ztc-font-size-font-s20);
            line-height: var(--ztc-font-size-font-s30);
            font-weight: var( --ztc-weight-semibold);
            color: var(--ztc-text-text-2);
            @media #{$xs} {
                text-align: center;
                margin-bottom: 30px;
            }
            @media #{$md} {
                text-align: center;
                margin-bottom: 30px;
            }
        }
    }
    .slider-images-area {
        .img1 {
            img {
                height: 38px;
                width: 120px;
                object-fit: contain;
            }
        }
    }
}

.testimonial1-section-area {
    position: relative;
    z-index: 1;
    .testimonial-header {
        margin-bottom: 60px;
        position: relative;
        z-index: 1;
        @media #{$xs} {
            margin-bottom: 30px;
        }
        @media #{$md} {
            margin-bottom: 30px;
        }
    }
    .testimonials-slider-area.owl-carousel .owl-stage-outer {
        overflow: inherit !important;
    }
    .testimonials-slider-area {
        .testimonial-boxarea {
            position: relative;
            border: 1px solid var(--ztc-text-text-4);
            border-radius: 8px;
            .pera {
                position: relative;
                padding: 24px 32px 24px 24px;
                p {
                    font-family: var(--ztc-family-font1);
                    font-size: var(--ztc-font-size-font-s16);
                    line-height: var(--ztc-font-size-font-s26);
                    font-weight: var(--ztc-weight-regular);
                }
                .list-area {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    .list {
                        ul {
                            li {
                                display: inline-block;
                                color: var(--ztc-text-text-4);
                            }
                        }
                        a {
                            font-family: var(--ztc-family-font1);
                            font-size: var(--ztc-font-size-font-s16);
                            display: inline-block;
                            font-weight: var(--ztc-weight-semibold);
                            line-height: var(--ztc-font-size-font-s16);
                            color: var(--ztc-text-text-2);
                        }
                    }
                    img {
                        height: 48px;
                        width: 48px;
                    }
                }
            }
            .images {
                img {
                    height: 382px;
                    width: 100%;
                    border-radius: 0 8px 8px 0;
                    object-fit: cover;
                    position: relative;
                    left: 2px;
                    @media #{$xs} {
                        left: 0;
                        border-radius: 0 0 8px 8px;
                    }
                    @media #{$md} {
                        border-radius: 0 0 8px 8px;
                        left: 0;
                    }
                }
            }
        }
        .owl-dots {
            text-align: center;
            margin-top: 32px;
            button {
                height: 10px;
                width: 10px;
                display: inline-block;
                border-radius: 50%;
                background: #C8BFF3;
                margin: 0 10px;
                position: relative;
                &::after {
                    position: absolute;
                    content: "";
                    height: 24px;
                    width: 24px;
                    border-radius: 50%;
                    background: #C8BFF3;
                    top: -7px;
                    left: -7px;
                    z-index: -1;
                    visibility: hidden;
                    opacity: 0;
                }
            }
            button.active {
                background: var(--ztc-bg-bg-1);
                &::after {
                    visibility: visible;
                    opacity: 1;
                }
            }
        }
    }
}

// Homepage 08 //

.testimonial8-section-area {
    position: relative;
    z-index: 1;
    background: var(--ztc-bg-bg-15);
    .testimonia4-header {
        margin-bottom: 60px;
        @media #{$xs} {
            margin-bottom: 30px;
        }
        @media #{$md} {
            margin-bottom: 30px;
        }
    }
    .testimonial4-slider-area {
        .testimonial-boxarea {
            background: var(--ztc-text-text-1);
            border-radius: 8px;
            padding: 32px 24px;
            position: relative;
            z-index: 1;
            img.quito {
                margin-bottom: 32px;
                height: 40px;
                width: 40px;
            }
            p {
                font-family: var(--ztc-family-font1);
                font-size: var(--ztc-font-size-font-s20);
                line-height: var(--ztc-font-size-font-s30);
                font-weight: var(--ztc-weight-regular);
                color: var(--ztc-text-text-3);
                transition: all .4s;
            }
            .auhtor-logo {
                display: flex;
                align-items: center;
                justify-content: space-between;
                .text {
                    a {
                        display: inline-block;
                        font-size: var(--ztc-font-size-font-s20);
                        font-family: var(--ztc-family-font1);
                        line-height: var(--ztc-font-size-font-s20);
                        font-weight: var(--ztc-weight-semibold);
                        color: var(--ztc-text-text-2);
                        transition: all .4s;
                        margin-bottom: 8px;
                    }
                    ul {
                        li {
                            display: inline-block;
                            color: #FFBA00;
                        }
                    }
                }
            }
        }

        .owl-nav {
            @media #{$xs} {
                text-align: center;
                margin-top: 30px;
            }
            @media #{$md} {
                text-align: center;
                margin-top: 30px;
            }
            button {
                height: 50px;
                width: 50px;
                text-align: center;
                line-height: 50px;
                border-radius: 50%;
                transition: all .4s;
                color: var(--ztc-text-text-16);
                background: #E1EAF9;
                &:hover {
                    background: var(--ztc-text-text-16);
                    transition: all .4s;
                    color: var(--ztc-text-text-1);
                }
            }
            .owl-next {
                position: absolute;
                right: -75px;
                top: 40%;
                @media #{$xs} {
                    right: 0;
                    top: 0;
                    position: relative;
                }
                @media #{$md} {
                    right: 0;
                    top: 0;
                    position: relative;
                }
            }
            .owl-prev {
                position: absolute;
                left: -75px;
                top: 40%;
                @media #{$xs} {
                    left: 0;
                    top: 0;
                    position: relative;
                    margin: 0 6px 0 0;
                }
                @media #{$md} {
                    left: 0;
                    top: 0;
                    position: relative;
                    margin: 0 6px 0 0;
                }
            }
        }
    }
    .testimonial4-slider-area.faq {
        .owl-nav {
            display: none;
        }
    }

    .testimonial4-slider-area1 {
        .testimonial-boxarea {
            background: var(--ztc-bg-bg-4);
            border-radius: 8px;
            padding: 32px 24px;
            position: relative;
            z-index: 1;
            margin-bottom: 30px;
            transition: all .4s;
            border: 1px solid var(--ztc-text-text-1);
            &:hover {
                border: 1px solid var(--ztc-text-text-4);
                transition: all .4s;
                transform: translateY(-5px);
            }
            img.quito {
                margin-bottom: 32px;
                height: 40px;
                width: 40px;
            }
            p {
                font-family: var(--ztc-family-font1);
                font-size: var(--ztc-font-size-font-s20);
                line-height: var(--ztc-font-size-font-s30);
                font-weight: var(--ztc-weight-regular);
                color: var(--ztc-text-text-3);
                transition: all .4s;
            }
            .auhtor-logo {
                display: flex;
                align-items: center;
                justify-content: space-between;
                .text {
                    a {
                        display: inline-block;
                        font-size: var(--ztc-font-size-font-s20);
                        font-family: var(--ztc-family-font1);
                        line-height: var(--ztc-font-size-font-s20);
                        font-weight: var(--ztc-weight-semibold);
                        color: var(--ztc-text-text-2);
                        transition: all .4s;
                        margin-bottom: 8px;
                    }
                    ul {
                        li {
                            display: inline-block;
                            color: #FFBA00;
                        }
                    }
                }
            }
        }

        .owl-nav {
            @media #{$xs} {
                text-align: center;
                margin-top: 30px;
            }
            @media #{$md} {
                text-align: center;
                margin-top: 30px;
            }
            button {
                height: 50px;
                width: 50px;
                text-align: center;
                line-height: 50px;
                border-radius: 50%;
                transition: all .4s;
                color: var(--ztc-text-text-6);
                background: var(--ztc-text-text-7);
                &:hover {
                    background: var(--ztc-text-text-6);
                    transition: all .4s;
                    color: var(--ztc-text-text-1);
                }
            }
            .owl-next {
                position: absolute;
                right: -75px;
                top: 40%;
                @media #{$xs} {
                    right: 0;
                    top: 0;
                    position: relative;
                }
                @media #{$md} {
                    right: 0;
                    top: 0;
                    position: relative;
                }
            }
            .owl-prev {
                position: absolute;
                left: -75px;
                top: 40%;
                @media #{$xs} {
                    left: 0;
                    top: 0;
                    position: relative;
                    margin: 0 6px 0 0;
                }
                @media #{$md} {
                    left: 0;
                    top: 0;
                    position: relative;
                    margin: 0 6px 0 0;
                }
            }
        }
    }
}

// Homepage 09 //
.testimonial9-section-area {
    position: relative;
    z-index: 1;
    background: var(--ztc-bg-bg-28);
    .testimonial-header-area {
        margin-bottom: 60px;
        @media #{$xs} {
            margin-bottom: 30px;
        }
        @media #{$md} {
            margin-bottom: 30px;
        }
        h5 {
            background: #7567E1;
            color: var(--ztc-text-text-1);
            border-radius: 32px;
            img {
                filter: brightness(0) invert(1);
            }
        }
        h2 {
            color: var(--ztc-text-text-1);
        }
    }
    .single-testimonial {
        cursor: move;
        margin-top: 32px;
        h5 {
          font-size: var(--ztc-font-size-font-s24);
          line-height: 34px;
          text-align: center;
          font-weight: var(--ztc-weight-medium);
          color: var(--ztc-text-text-1);
          @media #{$xs} {
            font-size: 18px;
            line-height: 28px;
          }
        }
      }
      
      .author {
        text-align: center;
        margin-top: 40px;
      
        a {
          font-size: var(--ztc-font-size-font-s18);
          display: inline-block;
          margin-bottom: 10px;
          color: var(--ztc-text-text-1);
          font-weight: var(--ztc-weight-semibold);
          @media #{$xs} {
            font-size: var(--ztc-font-size-font-s18);
            line-height: var(--ztc-font-size-font-s28);
          }
        }
      
        p {
          font-size: var(--ztc-font-size-font-s16);
          line-height: 16px;
          text-align: center;
          opacity: 0.7;
          margin-bottom: 0;
          color: var(--ztc-text-text-1);
          @media #{$xs} {
            font-size: 14px;
          }
        }
      }
      
      .testimonial-nav {
       width: 536px;
       margin: 0 auto;
       padding-left: 25px;
       height: 70px;
        @media #{$xs} {
          padding-left: 0;
        }
      }
      
      .testimonial-sliders {
        position: relative;
        z-index: 2;
      }
      .testimonial-arrows {
        @media #{$xs} {
            display: flex;
            justify-content: center;
            margin-top: 30px;
        }
        @media #{$md} {
            display: flex;
            justify-content: center;
            margin-top: 30px;
        }
      }
      
      .testimonial-arrows > div {
        position: absolute;
        top: 40%;
        left: -120px;
        @media #{$xs} {
            position: relative;
            top: 0;
            left: 0;
            display: block;
            text-align: center;
        }
        @media #{$md} {
            position: relative;
            top: 0;
            left: 0;
            display: block;
            text-align: center;
        }
      }
      
      .testimonial-arrows .slick-arrow button {
        width: 45px;
        height: 45px;
        text-align: center;
        line-height: 45px;
        background: none;
        border-radius: 50px;
        transition: all 0.3s;
        border: none;
        color: var(--ztc-text-text-1);
        background: #7669E0;
      }
      
      .testimonial-arrows .testimonial-next-arrow {
        left: auto;
        right: -120px;
        @media #{$xs} {
            right: -6px;
        }
        @media #{$md} {
            right: -6px;
        }
      }

      .testimonial-arrows .slick-arrow button:hover {
        transition: all 0.3s;
        background-color: var(--ztc-text-text-1);
        color: var(--ztc-text-text-17);
      }
      
      .single-testimonial-nav.slick-slide {
        visibility: hidden;
        height: 80px !important;
        width: 80px !important;
      }
      
      .single-testimonial-nav.slick-slide.slick-active,
      .single-testimonial-nav.slick-slide.slick-active.slick-center {
        visibility: visible;
      }
      
      .single-testimonial-nav.slick-slide.slick-active {
        opacity: 0.6;
        transition: all 0.1s;
      }
      
      .single-testimonial-nav.slick-slide.slick-active.slick-center {
        opacity: 1;
        transition: all 0.1s;
        margin: 0px 8px;
      }
      
      .single-testimonial-nav.slick-slide img {
        display: block;
        border-radius: 50%;
        transition: all 0.1s;
        transform: scale(0.8);
        height: 80px;
        width: 80px !important;
        width: auto;
        margin: 0 auto;
      }
      
      .single-testimonial-nav.slick-slide.slick-center img {
        transition: all 0.1s;
        transform: scale(1);
        padding: 8px;
        border: 1px solid rgba(255, 255, 255, 0.603);
        border-radius: 50%;
      }
}

// Homepage 10 //
.testimonial10-section-area {
    position: relative;
    background: #F6F8FA;
    .testimonial-header {
        margin-bottom: 60px;
        @media #{$xs} {
            margin-bottom: 30px;
        }
        @media #{$md} {
            margin-bottom: 30px;
        }
    }
    .testimonial2-owl-carousel-area.owl-carousel .owl-item.active {
        background: var(--ztc-bg-bg-25) !important;
        position: relative;
        z-index: 2;
        border-radius: 8px;
        .testimonial-author-box {
            background: none;
            .quito6 {
                filter: brightness(0) invert(1);
                transition: all .4s;
            }
            ul {
                li {
                    background: #FD7433;
                    transition: all .4s;
                }
            }
            .pera {
                color: var(--ztc-text-text-1);
                transition: all .4s;
            }
            .content-area {
                .images-content {
                    .content {
                        a {
                            color: var(--ztc-text-text-1);
                            transition: all .4s;
                        }
                        p {
                            color: var(--ztc-text-text-1);
                            transition: all .4s;
                            opacity: 80%;
                        }
                    }
                }
            }
        }
    }
    .testimonial2-owl-carousel-area.owl-carousel .owl-stage-outer {
        overflow: inherit !important;
    }
    .testimonial2-owl-carousel-area {
        .testimonial-author-box {
            position: relative;
            z-index: 1;
            padding: 32px;
            border-radius: 8px;
            transition: all .4s;
            background: var(--ztc-text-text-1);
            &:hover {
                transition: all .4s;
                background: var(--ztc-bg-bg-25);
                .quito6 {
                    filter: brightness(0) invert(1);
                    transition: all .4s;
                }
                ul {
                    li {
                        background: var(--ztc-bg-bg-25);
                        transition: all .4s;
                    }
                }
                .pera {
                    color: var(--ztc-text-text-1);
                    transition: all .4s;
                }
                .content-area {
                    .images-content {
                        .content {
                            a {
                                color: var(--ztc-text-text-1);
                                transition: all .4s;
                            }
                            p {
                                color: var(--ztc-text-text-1);
                                transition: all .4s;
                                opacity: 80%;
                            }
                        }
                    }
                }
            }
            .quito6 {
                height: 48px;
                width: 48px;
                object-fit: cover;
                transition: all .4s;
            }
            ul {
                margin-bottom: 32px;
                li {
                    display: inline-block;
                    height: 28px;
                    width: 28px;
                    text-align: center;
                    line-height: 28px;
                    transition: all .4s;
                    background: #F9FCFF;
                    border-radius: 4px;
                    color: #FFBA00;
                }
            }
            p.pera {
                font-family: var(--ztc-family-font1);
                font-size: var(--ztc-font-size-font-s16);
                line-height: var(--ztc-font-size-font-s26);
                color: var(--ztc-text-text-2);
                font-weight: var(--ztc-weight-regular);
                transition: all .4s;
            }
            .content-area {
                display: flex;
                align-items: center;
                justify-content: space-between;
                margin-top: 36px;
                .images-content {
                    display: flex;
                    align-items: center;
                    .img1 {
                        img {
                            height: 70px;
                            width: 70px;
                            border-radius: 50%;
                        }
                    }
                    .content {
                        margin-left: 16px;
                        a {
                            font-size: var(--ztc-font-size-font-s20);
                            line-height: var(--ztc-font-size-font-s20);
                            font-weight: var(--ztc-weight-semibold);
                            color: var(--ztc-text-text-2);
                            transition: all .4s;
                            display: inline-block;
                            margin-bottom: 12px;
                        }
                        p {
                               font-family: var(--ztc-family-font1);
                               font-size: var(--ztc-font-size-font-s16);
                               line-height: var(--ztc-font-size-font-s16);
                               font-weight: var(--ztc-weight-regular);
                               color: var(--ztc-text-text-3);
                               transition: all .4s; 
                        }
                    }
                }
            }
        }
        .owl-dots {
            text-align: center;
            margin-top: 50px;
            button {
                height: 10px;
                width: 10px;
                display: inline-block;
                background: var(--ztc-bg-bg-25);
                border-radius: 50%;
                margin: 0 20px 0 0;
                position: relative;
                &::after {
                    position: absolute;
                    content: "";
                    height: 24px;
                    width: 24px;
                    text-align: center;
                    background: #F7DBCC;
                    left: -7px;
                    top: -7px;
                    transition: all .4s;
                    border-radius: 50%;
                    z-index: -1;
                    visibility: hidden;
                    opacity: 0;
                }
            }
            button.active {
                background: var(--ztc-text-text-14);
                transition: all .4s;
                &::after {
                    visibility: visible;
                    opacity: 1;
                }
            }
        }
    }
}

// Homepage 12 //
.testimonial12-section-area {
    position: relative;
    z-index: 1;
    background: #055346;
    .testimonial12-boxarea-vertical {
        .testimonial-boxarea {
            background: #fff;
            position: relative;
            z-index: 1;
            border-radius: 10px;
            padding: 32px;
            img {
                height: 40px;
                width: 40px;
                object-fit: contain;
            }
            p {
                color: #5D6261;
                font-family: var(--ztc-family-font1);
                font-size: 20px;
                font-style: normal;
                font-weight: 500;
                line-height: 32px;               
            }
            .name-ara {
                display: flex;
                align-items: center;
                justify-content: space-between;
                .text {
                    a {
                        color: #055346;
                        font-family: var(--ztc-family-font1);
                        font-size: 20px;
                        font-style: normal;
                        font-weight: 700;
                        line-height: 20px;
                        display: inline-block;
                        transition: all .4s;                   
                    }
                    ul {
                        li {
                            display: inline-block;
                            color: #FFAD0F;
                        }
                    }
                }
            }
        }
        .slick-arrow {
            height: 50px;
            width: 50px;
            display: inline-block;
            transition: all .4s;
            border-radius: 50px;
            border: 1px solid rgba(255, 255, 255, 0.10);
            background: rgba(255, 255, 255, 0.10);
            border-radius: 50%;
            outline: none;
            color: #FFF;
            text-align: center;
            font-size: 20px;
            font-style: normal;
            font-weight: 700;
            line-height: 50px;
            cursor: pointer;
        }
        i.fa-solid.fa-angle-up.slick-arrow {
            position: absolute;
            right: -100px;
            top: 19px;
        }
        
        i.fa-solid.fa-angle-down.slick-arrow {
            position: absolute;
            right: -100px;
            bottom: 15px;
        }
        .slick-dots {
            position: absolute;
            right: -100px;
            top: 50%;
            margin-top: -90px;
            @media #{$xs} {
                position: relative;
                right: inherit;
                text-align: center;
                top: 0;
                margin-top: 30px;
            }
            @media #{$md} {
                position: relative;
                right: inherit;
                text-align: center;
                top: 0;
                margin-top: 30px;
            }
            li {
                @media #{$xs} {
                    display: inline-block;
                }
                @media #{$md} {
                    display: inline-block;
                }
                &.slick-active {
                   button {
                    border-radius: 50px;
                    background: #DDFA63;
                    color: #055346;
                   }
                }
                button {
                    height: 50px;
                    width: 50px;
                    display: inline-block;
                    transition: all .4s;
                    border-radius: 50px;
                    border: 1px solid rgba(255, 255, 255, 0.10);
                    background: rgba(255, 255, 255, 0.10);
                    border-radius: 50%;
                    outline: none;
                    color: #FFF;
                    text-align: center;
                    font-family: var(--ztc-family-font1);
                    font-size: 20px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 50px;
                    margin-bottom: 16px;
                    @media #{$xs} {
                        margin-bottom: 0;
                        margin: 0 16px 0 0;
                    }
                    @media #{$md} {
                        margin-bottom: 0;
                        margin: 0 16px 0 0;
                    }
                }
            }
        }
    }
    .testimonial-haeder {
        @media #{$xs} {
            margin-top: 50px;
        }
        @media #{$md} {
            margin-top: 50px;
        }
       h5 {
        color: var(--ztc-text-text-1);
        background: rgba(255, 255, 255, 0.10);
       } 
       h2 {
        color: var(--ztc-text-text-1);
       }
       p {
        color: var(--ztc-text-text-1);
        opacity: 80%;
       }
    }
}

// Homepage 13 //
.testimonial13-section-area {
    position: relative;
    z-index: 1;
    background: var(--ddd, linear-gradient(91deg, #FF0A54 0.78%, #FF6F00 99.88%));
    .testimonial13-header {
        h5 {
            border-radius: 5px;
            background: rgba(255, 255, 255, 0.10);
            color: var(--ztc-text-text-1);
            background: none;
            background-clip: inherit;
            -webkit-background-clip: inherit;
            -webkit-text-fill-color: inherit;
            img {
                filter: brightness(0) invert(1);
            }           
        }

        h2 {
            color: var(--ztc-text-text-1);
        }
    }
    .testimonial13-slider {
        position: relative;
        z-index: 1;
        .owl-nav {
            position: absolute;
            right: 0;
            top: -150px;
            @media #{$xs} {
                position: relative;
                left: 0;
                top: 0;
                margin-top: 30px;
                text-align: center;
            }
            @media #{$md} {
                position: relative;
                left: 0;
                top: 0;
                margin-top: 30px;
                text-align: center;
            }
            button {
                height: 50px;
                width: 50px;
                text-align: center;
                line-height: 50px;
                border-radius: 100px;
                background: rgba(255, 255, 255, 0.20);
                transition: all .4s;
                color: var(--ztc-text-text-1);
                font-size: var(--ztc-font-size-font-s16);
                &:hover {
                    background: #fff;
                    color: #FFAD0F;
                    transition: all .4s;
                }
            }
            .owl-prev {
                margin: 0 16px 0 0;
            }
        }
        .testimonial13-boxrea {
            position: relative;
            border-radius: 5px;
            background: rgba(255, 255, 255, 0.15);
            padding: 32px;
            ul {
                li {
                    display: inline-block;
                    color: var(--ztc-text-text-1);
                    height: 28px;
                    width: 28px;
                    border-radius: 4px; 
                    border-radius: 1px;
                    background: rgba(255, 255, 255, 0.10);
                    text-align: center;
                    line-height: 28px;                   
                }
            } 
            p {
                color: #FFF;
                font-family: var(--ztc-family-font1);
                font-size: 16px;
                font-style: normal;
                font-weight: 500;
                line-height: 26px;
                transition: all .4s;            
            } 
            .name-area {
                display: flex;
                align-items: center;
                justify-content: space-between;
                border-radius: 5px;
                background: rgba(255, 255, 255, 0.10);
                padding: 24px 20px;
                @media #{$xs} {
                    display: inline-block;
                }
                @media #{$md} {
                    display: inline-block;
                }
                .quito8 {
                    height: 40px !important;
                    width: 40px !important;
                    object-fit: contain;
                }
                .name-text {
                    display: flex;
                    align-items: center;
                    img {
                        height: 60px;
                        width: 60px;
                        object-fit: cover;
                        border-radius: 50%;
                    }
                    .content {
                        padding-left: 16px;
                        a {
                            color: #F8F6FC;
                            font-family: var(--ztc-family-font1);
                            font-size: 20px;
                            font-style: normal;
                            font-weight: 700;
                            line-height: 20px;
                            display: inline-block;
                            transition: all .4s;                      
                        }
                        p {
                            color: #FFF;
                            font-family: var(--ztc-family-font1);
                            font-size: 16px;
                            font-style: normal;
                            font-weight: 500;
                            line-height: 16px;
                            opacity: 80%;                       
                        }
                    }
                }
            }      
        }
    }
}

// Homepage 14 //
.testimonial14-section-area {
    position: relative;
    z-index: 1;
    background: #F8F8FD;
    .testimonial14-slider-area {
        .owl-dots {
            text-align: center;
            margin-top: 30px;
            button {
                height: 16px;
                width: 16px;
                border-radius: 50%;
                display: inline-block;
                transition: all .4s;
                background: rgba(77, 68, 197, 0.10);
                transition: all .4s;
                margin: 0 16px 0 0;
                position: relative;
                z-index: 1;
                &::after {
                    position: absolute;
                    content: "";
                    height: 24px;
                    width: 24px;
                    left: -4px;
                    top: -4px;
                    border: 1px solid #4D44C5;
                    transition: all .4s;
                    border-radius: 50%;
                    visibility: hidden;
                    opacity: 0;
                }
                &.active {
                    background:#4D44C5;
                    transition: all .4s;
                    &::after {
                        visibility:visible;
                        opacity: 1;
                        
                    }
                }
            }
        }
        .testimonial14-boxarea {
            background: #fff;
            border-radius: 4px;
            padding: 32px;
            position: relative;
            transition: all .4s;
            .list-area {
                display: flex;
                align-items: center;
                justify-content: space-between;
                ul {
                    li {
                        display: inline-block;
                        color: #FFAD0F;
                    }
                }
                img {
                    height: 40px;
                    width: 40px;
                    object-fit: contain;
                }
            }
            p {
                color: #565659;
                font-family: var(--ztc-family-font1);
                font-size: 16px;
                font-style: normal;
                font-weight: 500;
                line-height: 26px; 
                display: inline-block;
                transition: all .4s;
            }
            .name-area {
                display: flex;
                align-items: center;
                justify-content: space-between;
                .name {
                    display: flex;
                    align-items: center;
                    img {
                        height: 60px;
                        width: 60px;
                        object-fit: contain;
                        border-radius: 50%;
                    }
                    .text {
                        padding-left: 16px;
                        a {
                            color: #040306;
                            font-family: var(--ztc-family-font1);
                            font-size: 18px;
                            font-style: normal;
                            font-weight: 600;
                            line-height: 18px; 
                            display: block;
                            transition: all .4s;                            
                        }
                        p {
                            color: #565659;
                            font-family: var(--ztc-family-font1);
                            font-size: 14px;
                            font-style: normal;
                            font-weight: 500;
                            line-height: 14px;
                        }
                    }
                }
                .google {
                    height: 40px;
                    width: 40px;
                    object-fit: contain;
                }
            }
        }
    }
}

// Homepage 15 //
.testimonial15-section-area {
    position: relative;
    z-index: 1;
    background: #F9FAFB;
    .testimonial-slider-boxarea {
        position: relative;
        z-index: 1;
        background-color: #fff;
        .preloader13 {
            position: absolute;
            top: 0;
            left: 0;
            opacity: 40%;
        }
        .testimonial-author-box {
            padding: 32px 0;
            h3 {
                color: var(--Text-Color, #090B0E);
                font-family: var(--ztc-family-font1);
                font-size: 30px;
                font-style: normal;
                font-weight: 700;
                line-height: 150%;   
                i {
                    color: #FACA15;
                    font-size: 16px;
                }            
            }
            p {
                color: var(--gray-500, #6B7280);
                font-family: var(--ztc-family-font1);
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: 150%;                
            }
            h2 {
                color: var(--Text-Color, #090B0E);
                font-family: var(--ztc-family-font1);
                font-size: 30px;
                font-style: normal;
                font-weight: 700;
                line-height: 150%;                
            }
        }
        .testimonial15-slider {
            .owl-nav {
                position: absolute;
                bottom: 32px;
                left: 120px;
                @media #{$xs} {
                    position: relative;
                    left: 0;
                    text-align: center;
                    margin-top: 60px;
                }
                @media #{$md} {
                    position: relative;
                    left: 0;
                    text-align: center;
                    margin-top: 60px;
                }
                button {
                    height: 50px;
                    width:50px;
                    display:inline-block;
                    border: 1px solid #090B0E;
                    text-align: center;
                    line-height: 50px;
                    transition: all .4s;
                    color: #090B0E;
                    border-radius: 50%;
                    &.owl-prev {
                        margin: 0 16px 0 0;
                    }
                    &:hover {
                        background: #2466EF;
                        transition: all .4s;
                        color: #fff;
                        border: 1px solid #2466EF;
                    }
                }
            }
            .testimonial-boxarea {
                background: #EBF5FF;
                padding: 50px 40px;
                .elements45 {
                    width:164px;
                    height: 48px;
                    object-fit: contain;
                    margin: 0 auto;
                    text-align: center;
                    display: block;
                }
                p {
                    color: var(--gray-500, var(--gray-500, #6B7280));
                    text-align: center;
                    font-family: var(--ztc-family-font1);
                    font-size: 20px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 150%; 
                    text-align: center;                   
                }
                .name-area {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    img {
                        height: 45px;
                        width: 45px;
                        object-fit: cover;
                    }
                    .text {
                        padding-left: 16px;
                        a {
                            color: var(--Text-Color, #090B0E);
                            font-family: var(--ztc-family-font1);
                            font-size: 18px;
                            font-style: normal;
                            font-weight: 700;
                            line-height: 125%;
                            display:inline-block;
                            transition: all .4s;                         
                        }
                        p {
                            color: var(--gray-500, var(--gray-500, #6B7280));
                            font-family: var(--ztc-family-font1);
                            font-size: 14px;
                            font-style: normal;
                            font-weight: 400;
                            line-height: 150%; 
                            text-align: start;                          
                        }
                    }
                }
            }
        }
    }
}
/*============= TESTIMONIAL CSS AREA ENDS ===============*/