/***

==================================================================
	Team Section
==================================================================

***/

.team-section{
    position: relative;
    padding: 120px 0 110px;
    background-color: var(--theme-color3);
    .flower-10 {
        position: absolute;
        top: 13px;
        left: 0;
        @include media-breakpoint-down(lg){
            opacity: .2;
        }
    }
    .owl-carousel{
        padding-bottom: 50px;
        .owl-nav{
            display: none;
        }
        .owl-dots {
            position: absolute;
            left: 0;
            bottom: 10px;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            .owl-dot {
                height: 5px;
                width: 40px;
                border: 1px solid #d7d7d7;
                transition: all 300ms ease;
                margin-right: 10px;
                @include media-breakpoint-down(sm){
                    width: 30px;
                }
                &.active {
                    background-color: var(--bg-theme-color1);
                    border-color: transparent;
                }
            }
        }
    }
    .sec-title{
        margin-bottom: 45px;
    }
}

// .team-block
.team-block{
    margin-top: 65px;
    .inner-box{
        text-align: center;
        &:hover{
            .image-box{
                &::before{
                    transform: rotate(-5deg);
                }
                .image{
                    img{
                        transform: rotate(4deg);
                        opacity: .7;
                    }
                }
                .icon-flower-4{
                    top: -70px;
                }
                .icon-flower-5{
                    bottom: 10px;
                }
            }
        }
        .image-box{
            position: relative;
            z-index: 3;
            text-align: center;
            &::before{
                content: "";
                position: absolute;
                top: -2px;
                left: 55px;
                width: 269px;
                height: 310px;
                border: 1px solid var(--theme-color1);
                transform: rotate(5deg);
                z-index: 2;
                transition: all 300ms ease;
                @include media-breakpoint-down(xl){display: none;}
            }
            .icon-flower-4{
                position: absolute;
                top: -55px;
                right: 91px;            
                z-index: -1;
                transition: all 300ms ease;
                @include media-breakpoint-down(lg){
                    right: auto;
                }
            }
            .icon-flower-5{
                position: absolute;
                bottom: 16px;
                left: 92px;
                z-index: 3;
                transition: all 300ms ease;
                @include media-breakpoint-down(lg){
                    left: auto;
                }
            }
            .image{
                margin-bottom: 20px;
                display: inline-block;
                transform: rotate(-4deg);
                overflow: hidden;
                img{
                    width: unset;
                    border: 6px solid var(--theme-color-light);
                    transition: all 300ms ease;
                }
            }
        }
        .content-box{
            text-align: center;
            .title{
                font-size: 22px;
                margin-bottom: 0;
            }
            .designation{
                font-size: 18px;
                color: var(--theme-color1);
            }
        }
    }
    &.style-two {
        .inner-box{
            &:hover{
                .image-box{
                    &:before{
                        transform: rotate(5deg);
                    }
                }
            }
        }
        .image-box {
            position: relative;
            z-index: 3;
            text-align: center;
            &::before{
                content: "";
                position: absolute;
                top: -15px;
                left: auto;
                right: 60px;
                width: 269px;
                height: 320px;
                border: 1px solid #e2853f;
                transform: rotate(-5deg);
                z-index: 3;
                @include media-breakpoint-down(lg){
                    right: auto;
                }
            }
            .image{
                transform: rotate(4deg);
            }
            .icon-flower-4{
                position: absolute;
                top: -65px;
                left: 100px;
                z-index: -1;
                transform: scaleX(-1);
                @include media-breakpoint-down(lg){
                    left: auto;
                }
            }
            .icon-flower-5{
                position: absolute;
                bottom: 22px;
                right: 92px;
                left: auto;
                transform: scaleX(-1);
                @include media-breakpoint-down(lg){
                    right: auto;
                }
            }
        }
    }
}

/***

==================================================================
	Team Section Two
==================================================================

***/

.team-section-two{
    position: relative;
    padding: 120px 0 90px;
    .row{
        margin: 0 -25px;
        >div {padding: 0 25px};
        @include media-breakpoint-down(xl){
            margin: 0 -15px;
            >div{padding: 0 15px}
        }
    }
    &.alternate{
        background-color: var(--bg-theme-color3);
    }
}

.team-block-two{
    margin-bottom: 30px;
    .inner-box{
        position: relative;
        max-width: 300px;
        margin: 0 auto;
        &:hover{
            .image-box{
                .image{
                    &::before{
                        opacity: 1;
                    }
                    img{
                        transform: scale(1.1);
                    }
                }
                .icon-leaves{
                    left: 0;
                    transform: rotate(0);
                }
                .icon-flowers{
                    right: 0;
                    transform: rotate(0);
                    @include media-breakpoint-down(xl){
                        right: -10px;
                    }
                }
            }
            .content-box{
                .title{
                    top: -20px;
                }
                .designation{
                    top: -20px;
                }
                .social-icon-two{
                    opacity: 1;
                    transform: scale(1);
                    transition-delay: 200ms;
                }
            }
        }
        .image-box{
            position: relative;
            border-radius: 300px;
            overflow: hidden;
            .image{
                position: relative;
                &::before{
                    @include overlay;
                    content: "";
                    background: var(--theme-color-light);
                    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%);
                    opacity: 1;
                    z-index: 2;
                    opacity: .7;
                    height: 70%;
                    top: auto;
                    bottom: 0;
                    transition: all 300ms ease;
                }
                img{
                    position: relative;
                    border-radius: 300px;
                    width: 100%;
                    transition: all 0.3s ease;
                }
            }
            .icon-leaves{
                position: absolute;
                left: -100px;
                width: 75px;
                height: 98px;
                bottom: 110px;
                z-index: 2;
                transform: rotate(-180deg);
                background-image: url(../images/icons/team-flower-1.png);
                transition: all 300ms ease;
            }
            .icon-flowers{
                position: absolute;
                right: -100px;
                bottom: 0;
                width: 79px;
                height: 111px;
                z-index: 2;
                transform: rotate(180deg);
                background-image: url(../images/icons/team-flower-2.png);
                transition: all 300ms ease;
            }
        }
        .content-box{
            position: absolute;
            bottom: 16px;
            left: 0;
            text-align: center;
            width: 100%;
            z-index: 3;
            .designation{
                position: relative;
                top: 0;
                color: var(--theme-color1);
                margin-bottom: 11px;
                display: inline-block;
                transition: all 300ms ease;
            }
            .title{
                position: relative;
                top: 0;
                margin-bottom: 3px;
                color: var(--theme-color-light);
                transition: all 300ms ease;
                a:hover {
                    color: var(--theme-color1);
                }

            }
            .social-icon-two{
                position: relative;
                top: -26px;
                display: flex;
                justify-content: center;
                opacity: 0;
                transform: scale(0);
                transition: all 300ms ease;
                li{
                    margin-right: 11px;
                    &:last-child{
                        margin-right: 0;
                    }
                    a{
                        color: var(--theme-color-light);
                        font-size: 14px;
                        &:hover {
                            color: var(--theme-color1);
                        }
                    }
                }
            }
        }
    }
}

/***

==================================================================
	Team Section Three
==================================================================

***/

.team-section-three {
    position: relative;
    padding: 120px 0 90px;
}

.team-block-three{
    margin-bottom: 45px;
    .inner-box{
        position: relative;
        &:hover{
            .image-box{
                .image{
                    img{
                        transform: scale(1.1);
                    }
                }
                .team3-frame{
                    animation:  fa-spin 10s infinite linear;
                }
            }
        }
        .image-box{
            position: relative;
            width: 231px;
            height: 241px;
            margin: 0 auto 15px;
            padding: 30px 30px;
            .image{
                border-radius: 50%;
                overflow: hidden;
                img{
                    border-radius: 50%;
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    transition: all 300ms ease;
                }
            }
            .team3-frame {
                position: absolute;
                left: -3px;
                top: -6px;

            }
        }
        .content-box{
            position: relative;
            text-align: center;
            .title{
                position: relative;
                margin-bottom: 0;
                color: var(--theme-color-dark);
                a:hover {
                    color: var(--theme-color4);
                }
            }
            .designation{
                position: relative;
                color: var(--theme-color4);
                margin-bottom: 0;
                display: inline-block;
                transition: all 300ms ease;
            }
        }
    }
}