/* ============ CONTACT OUR TEAM SWIPER  ================= */

.OurTeamSwiper .swiper {
    width: 100%;
    height: 170px;
}

.OurTeamSwiper .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.OurTeamSwiper .swiper-button-next {
    top: 44%;
    right: 0px;
    color: #CDA877;
}

    .OurTeamSwiper .swiper-button-next::after {
        font-size: 3em !important;
    }

.OurTeamSwiper .swiper-button-prev {
    top: 44%;
    left: 0px;
    color: #CDA877;
}

    .OurTeamSwiper .swiper-button-prev::after {
        font-size: 3em !important;
    }


@media only screen and (max-width: 995px) {

    .OurTeamSwiper .swiper-button-next {
        display: none;
    }

    .OurTeamSwiper .swiper-button-prev {
        display: none;
    }
}

/* ----- Style ---------- */

#OurTeam {
    padding-top: 5%;
    padding-bottom: 5%;
}

    #OurTeam .Title {
        padding-bottom: 5%;
    }

        #OurTeam .Title h1 {
            font-family: 'Roboto', sans-serif;
            color: #304771;
            font-size: 3em;
            font-weight: 500;
            letter-spacing: 0.5px;
        }

        #OurTeam .Title .Line {
            margin-top: 1.5%;
            width: 100px;
            height: 4px;
            background-color: #BA8238;
        }


    #OurTeam .Card {
        position: relative;
        height: 500px;
        width: 100%;
    }

        #OurTeam .Card .Image {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
        }

            #OurTeam .Card .Image img {
                height: 100%;
                width: 100%;
                object-fit: cover;
            }


        #OurTeam .Card .Work {
            position: absolute;
            bottom: 0;
            left: 0;
            height: 85px;
            width: 100%;
            background: #fff;
            opacity: 0.8;
            padding-top: 3%;
            padding-left: 3%;
            z-index: 1;
        }

            #OurTeam .Card .Work strong {
                font-family: 'Roboto', sans-serif;
                font-size: 1.15em;
                font-weight: 600;
                color: #BA8238;
            }

            #OurTeam .Card .Work h1 {
                font-family: 'Roboto', sans-serif;
                font-size: 1.3em;
                font-weight: 500;
                color: #304771;
                padding-top: 1px;
            }



        #OurTeam .Card .Contact {
            position: absolute;
            top: 0;
            left: 0;
            height: 10%;
            width: 100%;
            background: #000;
            display: flex;
            justify-content: center;
            align-items: center;
            opacity: 0;
            transition: 0.1s ease all;
        }


        #OurTeam .Card:hover .Contact {
            height: 100%;
            opacity: 0.6;
            z-index: 0;
            transition: 0.4s ease all;
        }

        #OurTeam .Card .Contact a {
            font-size: 1.8em;
            padding-right: 7%;
        }

            #OurTeam .Card .Contact a i {
                color: #fff;
            }

            #OurTeam .Card .Contact a:hover i {
                color: #BA8238;
            }


@media only screen and (max-width: 1250px) {
    #OurTeam .Card {
        height: 440px;
    }
}

@media only screen and (max-width: 680px) {

    #OurTeam .Title h1 {
        font-size: 2.5em;
    }
}