.testimonial-bg {
    background-position: 41% 75%;
}

.our-team {

    &.our-team-home-3 {

        .container {
    
            &:after {
                top: -460px;
                content: "";
                z-index: -1;
                left: inherit;
                right: -917px;
                width: 4030.94px;
                height: 2170.42px;
                position: absolute;
                background-size: auto;
                background-repeat: no-repeat;
                // animation: scale 3s linear infinite;
                background-image: url(assets/img/home-3/our-team-home-3.png);
            }
        }
    }
    
    .mb-minus-30 {
        margin-bottom: -30px;
    }

    .container {
        position: relative;

        &:after {
            top: -345px;
            content: "";
            left: -592px;
            z-index: -1;
            width: 2523.97px;
            height: 1404.66px;
            position: absolute;
            background-size: auto;
            background-repeat: no-repeat;
            // animation: scale 3s linear infinite;
            background-image: url(assets/img/about/bg-team.png);
        }
    }

    &__content {

        .title {

            @media (max-width: 1199px) {
                font-size: 42px;
                line-height: 56px; 
            }

            @media (max-width: 991px) {
                font-size: 36px;
                line-height: 50px; 
            }
            
            @media (max-width: 767px) {
                font-size: 32px;
                line-height: 46px; 
                margin-bottom: 10px;
            }

            @media (max-width: 575px) {
                font-size: 28px;
                line-height: 42px; 
            }

            span {
                font-weight: 300;
            }
        }
    }
}

.employee-friendly {

    &__content {

        .title {

            @media (max-width: 1199px) {
                font-size: 42px;
                line-height: 56px; 
            }

            @media (max-width: 991px) {
                font-size: 36px;
                line-height: 50px; 
            }
            
            @media (max-width: 767px) {
                font-size: 32px;
                line-height: 46px;
            }

            @media (max-width: 575px) {
                font-size: 28px;
                line-height: 42px; 
            }

            span {
                font-weight: 300;
            }
        }
    }

    .slider-controls {

        .slider-arrows {
            gap: 10px;

            .slick-arrow {
                font-size: 46px;
                background: transparent;
                transition: all .3s ease;

                &.slick-prev {
                    color: #E2E9FF;
                }

                &.slick-next {
                    color: $primary;
                }

                &:hover {
                    color: $black;
                }
            }
        }
    }
}

.our-company {

    .container {
        position: relative;
        
        &:after {
            top: -587px;
            content: "";
            left: -564px;
            z-index: -1;
            width: 2048.04px;
            height: 1285.06px;
            position: absolute;
            background-size: auto;
            background-repeat: no-repeat;
            animation: scale 3s linear infinite;
            background-image: url(assets/img/services/why-counter-overly-3.png);
        }
    }

    &__meida {
        overflow: hidden;
        position: relative;

        &.border-radius {
            margin-top: 60px;
            padding-bottom: 6px;
            border-radius: 20px 20px 0px 0px;

            @media (max-width: 575px) {
                margin-top: 25px;
            }
        }

        img {
            
            @media (max-width: 575px) {
                width: 100%;
            }
        }

        .horizental-bar {
            left: 10px;
            width: 232px;
            height: 15px;
            bottom: 0px;
            max-width: 100%;
            position: absolute;
            background: $primary;
            animation: move-right 3s linear infinite;
        }
    }

    &__content {

        @media (min-width: 1200px) {
            padding-left: 30px;
        }

        .title {

            @media (max-width: 1199px) {
                font-size: 42px;
                line-height: 56px; 
            }

            @media (max-width: 991px) {
                font-size: 36px;
                line-height: 50px; 
            }
            
            @media (max-width: 767px) {
                font-size: 32px;
                line-height: 46px; 
                margin-bottom: 10px;
            }

            @media (max-width: 575px) {
                font-size: 28px;
                line-height: 42px; 
            }

            span {
                font-weight: 300;
            }
        }
    }
}

.years-experience {
    background: $primary;
    padding: 20px 15px 31px;
    border-radius: 0px 0px 20px 20px;
    &.years-experience_tow{
        border-radius: 0px 0px 0px 0px;
        background: #FFF5E5;
        .icons{
            i{
                font-size: 50px;
                margin-right: 30px;
            }
        }
        .number{
            color: $primary1;
            sup{
                color: $primary1;
            }
        }
        h5{
            color: $textcolor;
        }
    }
    .number {
        font-size: 64px;
        font-weight: 700;
        line-height: 60px;

        @media (max-width: 767px) {
            font-size: 45px;
        }

        sup {
            font-size: 40px;
            font-weight: 400;
            line-height: 60px;

            @media (max-width: 767px) {
                font-size: 35px;
            }
        }
    }
}

.client-feedback {

    &__item {
        width: 100%;
        border: 1px solid $dark_white;

        &:nth-child(odd) {
            
            @media (min-width: 576px) {
                border-right: 0;
            }

            .client-feedback__item-header {

                @media (min-width: 576px) {
                    border-right: 1px solid #CAD6FF;
                }
            }
        }

        &.client-feedback__item-two {
            border-color: $dark_red;

            &:nth-child(odd) {
            
                .client-feedback__item-header {
    
                    @media (min-width: 576px) {
                        border-right: 1px solid #FBEEF2;
                    }
                }
            }

            .client-feedback__item {

                &-header:after {
                    background: $dark_red;
                }

                &-body {

                    .starts {
    
                        ul { 
        
                            li {
                                
                                span {
                                    background-image: url(assets/img/testimonial/star-red.png);
                                }
                            }
                        }
                    }
                }
            }
        }

        &-header {
            position: relative;
            padding: 17px 15px;

            &:after {
                top: 0;
                left: 0;
                width: 100%;
                z-index: -1;
                content: "";
                height: 100%;
                position: absolute;
                background: $dark_white;
            }
        }

        &-body {
            max-width: 275px;
            margin-left: auto;
            margin-right: auto;
            padding: 26.1px 15px;

            .number {
                font-size: 30px;
                line-height: 36px;
            }

            .starts {
    
                ul {
                    gap: 1px;
                    display: flex;
                    justify-content: center;

                    li {
                        
                        span {
                            display: block;
                            width: 19.96px;
                            height: 19.91px;
                            background-size: cover;
                            background-repeat: no-repeat;
                            background-image: url(assets/img/about/star.png);
                        }
                    }
                }
            }
        }
    }
}

.company-skill {

    .container {
        position: relative;
        
        &:after {
            top: -305px;
            content: "";
            z-index: -1;
            left: -414px;
            height: 1117px;
            width: 2552.29px;
            position: absolute;
            background-size: auto;
            background-repeat: no-repeat;
            animation: scale 3s linear infinite;
            background-image: url(assets/img/about/company-skill-bg.png);
        }
    }

    &__content {

        @media (min-width: 1200px) {
            max-width: 635px;
        }

        .title:not(h6) {

            @media (max-width: 1199px) {
                font-size: 42px;
                line-height: 56px; 
            }

            @media (max-width: 991px) {
                font-size: 36px;
                line-height: 50px; 
            }
            
            @media (max-width: 767px) {
                font-size: 32px;
                line-height: 46px;
            }

            @media (max-width: 575px) {
                font-size: 28px;
                line-height: 42px; 
            }

            span {
                font-weight: 300;
            }
        }

    }

    &__media {

        &-wrapper {
            position: relative;

            .popup-video {
                left: 27%;
                z-index: 1;
                width: 60px;
                bottom: 20%;
                height: 60px; 
                display: flex;
                color: #4069FF;
                font-size: 22px;
                line-height: 60px;
                position: absolute;
                text-align: center;
                background: #FFF;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                border-radius: 500px;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                box-shadow: 0 0 0px 10px rgba(64, 105, 255, 0.5); 
                animation: playVideo2 3s linear infinite;

                @media (max-width: 575px) {
                    left: 22%;
                    width: 40px;
                    bottom: 15%;
                    height: 40px;
                    font-size: 18px;
                }
            }
        }
    }

}

.service_element{
    border-bottom: 1px dashed #E2E9FF; 
    padding: 30px 0px;
    .service_info{
        
        >li{
            font-family: $la;
            margin: 5px 0px;
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 26px;
            padding-left: 25px;
            position: relative;
            &::after{
                content: '\f14a';
                font-family: $fa;
                font-weight: 500;
                clear: both;
                display: block;
                position: absolute;
                left: 0;
                top: 0;
                color:  $primary;
            }
        }
       
    }
    .area__item{
        padding: 20px;
        background-color: #E2E9FF;
        .icon{
            font-size: 50px;
            min-height: 100%;
            line-height: 60px;
            padding-right: 20px;
            border-right: 1px solid #FFFFFF;
            color:  $primary;
        }
        .text_2{
            padding-left: 20px;
            .number{
                font-family:$pop;
                font-style: normal;
                font-weight: 600;
                font-size: 36px;
                line-height: 48px;
                color:  $primary;
            }
            .description{
                font-family: $la;
                font-style: normal;
                font-weight: 400;
                font-size: 16px;
                line-height: 26px;
            }
        }
    }
}
.author_element{
    .author{
        .author_img{
            width: 60px;
            height: 60px;
            border-radius: 50%;
            margin-right: 20px;
        }
        .author_name{
            margin: 30px 0px;
            h5{
                font-family: $pop;
                font-style: normal;
                font-weight: 500;
                font-size: 18px;
                line-height: 26px;
                color: $black;
            }
            p{
                font-family: $la;
                font-style: normal;
                font-weight: 400;
                font-size: 12px;
                line-height: 26px;
                color: $black;
            }
        }
    }
}
.about__wrapper{
    .about_content{
        .icons{
            margin: 30px 0px;
            i{
    
                font-size: 40px;
                padding: 10px 20px;
                margin-right: 20px;
                background: #FFF5E5;
                color: $primary1;
            }
        }
    }
    p{
        margin: 10px 0px;
    }
    a{
        margin-top: 30px;
        background: transparent;
        border: 1.5px solid rgba(255, 156, 0, 0.3);
        border-radius: 4px;
        color: $primary1;
    }
}
