.our-agents-container {
    overflow: hidden;
    position: relative;

    .swiper-slide {
        //padding: 0 10px;
        text-align: center;
        position: relative;

        img {
            border-radius: 15px;
            width: 100%;
        }
    }

    .our-agents-image {
        // position: absolute;
        // width: calc(100% - 25px);
        // height: 100%;
        // top: 0;
        // left: 15px;
    }

    .our-agents-details {
        background: linear-gradient(140deg, #2B7FFC, #6A11CB);
        border-radius: 15px;
        padding: 10px 42px 10px 42px;
        text-align: left;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 10px;
        opacity: 0;
        color: $white-color;
        transition: $transition-normal;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;

        &:hover {
            opacity: 0.95;
            transition: $transition-normal;
        }
    }

    .our-agents-details-container {
        width: 100%;

        // div {
        //     width: 100%;
        // }

        .our-agents-name {
            @include font-size(28);
            font-weight: 500;
            display: block;
            padding-bottom: 5px;
        }

        .our-agents-phone {}

        .our-agents-title {
            @include font-size(18);
            font-weight: 300;
            opacity: 0.8;
            opacity: .7;
        }

        .our-agents-phone,
        .our-agents-email,
        .our-agents-social {
            line-height: 38px;
        }

        .our-agents-phone-label,
        .our-agents-email-label,
        .our-agents-social-label {
            @include font-size(18);
            font-weight: 300;
            opacity: 0.8;
            opacity: .7;
            padding-right: 10px;
            font-family: "Poppins";
        }

        .our-agents-phone-number,
        .our-agents-email-address,
        .our-agents-social-icons {
            @include font-size(18);
            font-weight: 300;
            opacity: 1;
            font-family: "Poppins";
            color: $white-color;
            margin-right: 7px;
        }

        .our-agents-divider {
            display: block;
            margin-top: 18px;
            margin-bottom: 28px;
            border: 1px solid #FFFFFF30;
            width: 100%;

            &:nth-of-type(2) {
                margin-top: 28px;
                margin-bottom: 25px;
            }
        }

        .fancify-core-agent-property-more-detail {
            float: right;
            color: $white-color;
            font-weight: $regular;
            @include font-size(16);
            text-decoration: underline;
        }

        .our-agents-property-listed {
            font-weight: $regular;
            @include font-size(16);
            text-decoration: underline;
            color: $white-color;
        }
    }


    //---------------------- Pagination
    .our-agents-pagination {
        text-align: center;
        padding-top: 85px;

        .our-agents-swiper-pagination-bullet {
            width: 12px;
            height: 12px;
            background: linear-gradient(180deg, #2B7FFC, #6A11CB);
            border-radius: 45px;
            display: inline-flex;
            margin: 0 5px;
        }

        .our-agents-swiper-pagination-bullet-active {
            width: 13px;
            height: 24px;
        }
    }

    &.fancify-agent-agency-type-2 {
        @include for-phone {
            margin: 0 30px;
        }

        .swiper-slide {

            img:hover,
            .our-agents-details:hover {
                ~.fancify-agent-agency-title-container {
                    bottom: -300px;
                    opacity: 0;
                }

                ~.our-agents-details {
                    opacity: 0.9;
                }
            }

        }

        .fancify-agent-agency-pagination {
            text-align: center;
            padding-top: 150px;

            @include for-desktop {
                padding-top: 130px;
            }

            @include for-tablet {
                padding-top: 130px;
            }

            .swiper-pagination-bullet {
                background: linear-gradient(292deg, $default-green, $default-light-green);
                width: 12px;
                height: 12px;
                border-radius: 50px;
                opacity: 1;
                transition: $transition-normal;

                &.swiper-pagination-bullet-active {
                    width: 24px;
                    transition: $transition-normal;
                }
            }
        }

        .fancify-agent-agency-switch {
            display: flex;
            margin-bottom: 88px;
            justify-content: flex-end;
            margin-right: 20px;

            label {
                padding: 14px 56px;
                @include gradient(71deg, $default-green, $default-light-green);
                box-shadow: 0 7px 16px rgba($default-green, 0.5);
                color: $white-color;
                letter-spacing: 0.48px;
                cursor: pointer;
            }

            .fancify-agent-switch {
                border-top-left-radius: 28px;
                border-bottom-left-radius: 28px;
            }

            .fancify-agency-switch {
                border-top-right-radius: 28px;
                border-bottom-right-radius: 28px;
            }

            input {
                display: none;
            }

            input[type="radio"]:checked+label {
                @include gradient(71deg, $default-dark-blue, $default-dark-blue);
                box-shadow: 0 7px 30px rgba($default-dark-blue, 0.5);
            }
        }

        .our-agents-details {
            @include gradient(45deg, $default-green, $default-light-green);
            position: absolute;
            top: 22px;
            left: 22px;
            right: 22px;
            bottom: 22px;
            padding: 19px 25px 19px 25px;
            margin: 0 auto;

            &:hover {
                opacity: 0.9;
            }
        }

        .our-agents-name {
            @include font-family-quicksand;
            @include font-size(27);
            @include font-weight(bold);
        }

        .our-agents-title {
            @include font-weight(regular);
            opacity: 0.8;
            letter-spacing: 0.54px;
        }

        .fancify-item-about {
            @include font-weight(regular);
            @include font-size(16);
            opacity: 0.75;
            line-height: 27px;
        }

        .our-agents-details-container {
            padding-bottom: 3px;

            .our-agents-divider {
                margin-top: 12px;
                margin-bottom: 11px;
                border: 1px solid rgba($white-color, 0.3);

                &.fancify-agent-agency-divider {
                    margin-top: 10px;
                    margin-bottom: 14px;
                }
            }
        }

        .our-agents-phone-label,
        .our-agents-email-label {
            opacity: 1;
        }

        .our-agents-phone,
        .our-agents-email {
            line-height: unset;
        }

        .our-agents-email {
            margin-top: 10px;
        }

        .our-agents-phone-number,
        .our-agents-email-address {
            @include font-size(16);
        }

        .our-agents-property-listed {
            @include font-family-quicksand;
            @include font-size(15);
            @include font-weight(medium);
            letter-spacing: 0.45px;
        }

        .fancify-item-footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 8px;
        }

        .our-agents-social-icons {
            margin-right: 14px;
        }

        .fancify-agent-agency-title-container {
            background: $white-color;
            position: absolute;
            bottom: -65px;
            left: 26px;
            right: 26px;
            padding: 16px 0 12px 0;
            border-radius: 15px;
            box-shadow: 0 3px 35px rgba($black-color, 0.11);
            transition: bottom $transition-normal, opacity $transition-fast;
            opacity: 1;
            max-width: 328px;
            margin: 0 auto;

            .fancify-agent-agency-name {
                @include font-family-quicksand;
                @include font-weight(bold);
                @include font-size(25);
                position: relative;
                text-align: center;
                color: $default-dark-blue;
                display: inline-flex;

                &::before {
                    content: "";
                    width: 20px;
                    height: 4px;
                    left: -30px;
                    top: 50%;
                    @include gradient(84deg, $default-green, $default-light-green);
                    position: absolute;
                    border-radius: 10px;
                    box-shadow: 0 3px 10px rgba($default-green, 0.45);
                }
            }

            .fancify-agent-agency-title {
                @include font-size(16);
                letter-spacing: 0.48px;
                color: rgba($black-color-2, 0.8);
                margin-top: 5px;
            }

            .fancify-agent-agency-socials {
                margin-top: 15px;
            }

            .our-agents-social-icons {
                color: $default-dark-blue;
            }
        }
    }

    //--End
}