/* =========================================
           SLIDER
        ========================================= */

        .property-slider {
            position: relative;
            width: 100%;
            overflow: hidden;
        }


        .property-slider .carousel {
            position: relative;
            width: 100%;
        }


        .property-slider .carousel-inner {
            width: 100%;
        }


        .property-slider .carousel-item {
            width: 100%;
        }


        .property-slider picture {
            display: block;
            width: 100%;
        }



        /* =========================================
           SLIDER IMAGE
        ========================================= */

        .slider-image {
            display: block;

            width: 100%;
            height: auto;

            object-fit: cover;
        }



        /* =========================================
           FADE EFFECT
        ========================================= */

        .carousel-fade .carousel-item {
            transition: opacity 1.2s ease-in-out;
        }



        /* =========================================
           ARROW CONTAINER
        ========================================= */

        .slider-controls {
            position: absolute;

            right: 35px;
            bottom: 25px;

            z-index: 20;

            display: flex;
            align-items: center;

            gap: 12px;
        }



        /* =========================================
           ARROW BUTTON
        ========================================= */

        .slider-arrow {
            width: 44px;
            height: 44px;

            padding: 0;

            border: none;
            border-radius: 50%;

            background: #fff7d5;

            color: #c89d61;

            display: flex;
            align-items: center;
            justify-content: center;

            cursor: pointer;

            transition:
                transform 0.25s ease,
                background-color 0.25s ease,
                color 0.25s ease;
        }


        .slider-arrow svg {
            display: block;

            width: 22px;
            height: 22px;
        }


        .slider-arrow:hover {
            background: #ffffff;

            color: #a77c42;

            transform: scale(1.08);
        }


        .slider-arrow:active {
            transform: scale(0.95);
        }


        .slider-arrow:focus {
            outline: none;
            box-shadow: none;
        }



        /* =========================================
           TABLET
        ========================================= */

        @media (max-width: 991.98px) {

            .slider-controls {
                right: 22px;
                bottom: 20px;

                gap: 10px;
            }


            .slider-arrow {
                width: 42px;
                height: 42px;
            }


            .slider-arrow svg {
                width: 21px;
                height: 21px;
            }

        }



        /* =========================================
           MOBILE
        ========================================= */

        @media (max-width: 767.98px) {

            .slider-controls {
                right: 16px;
                bottom: 16px;

                gap: 10px;
            }


            .slider-arrow {
                width: 46px;
                height: 46px;
            }


            .slider-arrow svg {
                width: 22px;
                height: 22px;
            }

        }



        /* =========================================
           SMALL MOBILE
        ========================================= */

        @media (max-width: 480px) {

            .slider-controls {
                right: 12px;
                bottom: 12px;
            }


            .slider-arrow {
                width: 42px;
                height: 42px;
            }


            .slider-arrow svg {
                width: 20px;
                height: 20px;
            }

        }