/*.swiper-button-prev,
.swiper-button-next {
    color: transparent;
}

    .swiper-button-next img,
    .swiper-button-prev img {
        width: 100%;
        height: auto;
    }

    .swiper-button-next:hover img {
        content: url('~/assets/images/arrow_circle_right_hover.svg');
    }

    .swiper-button-prev:hover img {
        content: url(~/assets/images/arrow_circle_left_hover.svg');
    }*/



/*.swiper-button-prev,
.swiper-button-next { 
    position: absolute;
    top: 35%;
    right: -6px;
    background-color: #F0EFEE !important;
    opacity: 1 !important;
    height: 32px;
    width: 32px;
    border-radius: 50% !important;
    box-shadow: 1px 2px 4px 0 rgba(35, 19, 18, 0.2);
    background-image: none;
}


.swiper-custom .swiper-button-next {
    position: absolute;
    top: 45%;
    right: -6px;
    background-color: #F0EFEE !important;
    opacity: 1 !important;
    height: 32px;
    width: 32px;
    border-radius: 50% !important;
    box-shadow: 1px 2px 4px 0 rgba(35, 19, 18, 0.2);
    background-image: none;
}

.swiper-custom .swiper-button-prev {
    background-color: #F0EFEE !important;
    opacity: 1 !important; 
    height: 32px;
    width: 32px;
    border-radius: 50% !important;
    top: 45%;
    left: -6px;
    box-shadow: 1px 2px 4px 0 rgba(35, 19, 18, 0.2);
    background-image: none;
}

.swiper-custom span {
    position: relative;
    font-size: 40px !important;
    top: -2px;
    color: #5B5B5B;
    right: -1px;
}

.swiper-custom span {
    position: relative;
    font-size: 40px !important;
    top: -2px;
    color: #5B5B5B;
    right: -1px;
    position: relative;
    font-size: 40px !important;
    top: -2px;
    color: #5B5B5B;
    right: -1px;
    text-align:center;
}*/

.swiper-container {
    position: relative;
    overflow: hidden;
}

.swiper-custom .swiper-button-next,
.swiper-custom .swiper-button-prev {
    background-color: #F0EFEE !important;
    opacity: 1 !important;
    height: 32px;
    width: 32px;
    border-radius: 50% !important;
    box-shadow: 1px 2px 4px 0 rgba(35, 19, 18, 0.2);
    background-image: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    z-index: 999;
    margin: 5px;
}


.swiper-custom .swiper-button-next {
    right: -3px;
}

.swiper-custom .swiper-button-prev {
    left: -3px;
}

.swiper-custom span {
    font-size: 40px !important;
    margin-top: -6px;
    color: #5B5B5B;
    font-weight: 400;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: '';
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: ''
}

 
    @media screen and (max-width: 1199px) {
        .swiper-custom .swiper-button-next {
            height: calc(100% - 16px);
            margin: 0px;
            border-radius: 0px;
            opacity: 0.6;
            background-image: linear-gradient(to right, rgba(202, 201, 201, 0.65), #b5b5b5);
        }

        .swiper-custom .owl-prev {
            height: calc(100% - 16px);
            margin: 0px;
            border-radius: 0px;
            opacity: 0.6;
            background-image: linear-gradient(to right, rgba(202, 201, 201, 0.65), #b5b5b5);
        }

        .swiper-custom {
            display: none;
        }

            .swiper-custom .disabled {
                display: none;
            }

            .swiper-custom .swiper-button-next, .swiper-custom .owl-prev {
                width: 30px;
            }

        .owl-nav .swiper-button-next span, .owl-nav .owl-prev span {
            font-size: 90px;
            color: #f3f3f3;
        }
    }
 


/*#region ci-063 */
.ci-063 .swiper-custom .swiper-button-next,
.ci-063 .swiper-custom .swiper-button-prev{
    background-color: #F0EFEE !important; 
    opacity: 1 !important;
    height: 32px;
    width: 32px;
    border-radius: 50% !important;
    box-shadow: 1px 2px 4px 0 rgba(35, 19, 18, 0.2);
    background-image: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    z-index: 999;
    margin: 5px;
}

.ci-063 .swiper-custom .swiper-button-next.swiper-button-disabled,
.ci-063 .swiper-custom .swiper-button-prev.swiper-button-disabled {
    /*background-color: #F0EFEE !important;*/
    background-color: #FFD400 !important;
    opacity: 1 !important;
    height: 32px;
    width: 32px;
    border-radius: 50% !important;
    box-shadow: 1px 2px 4px 0 rgba(35, 19, 18, 0.2);
    background-image: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    z-index: 999;
    margin: 5px;
}

.ci-063 .swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
    margin-top: 10px;
}

.ci-063 .swiper-custom .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 0;
}

/*.ci-063 .swiper-custom .swiper-pagination-bullet {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: transparent;
    border: 2px solid #6F5F5E !important;*/
    /*border: 2px solid #868686 !important;*/
    /*transition: opacity 200ms ease;
    margin: 5px 12px;
}*/

.ci-063 .swiper-custom .swiper-pagination-bullet {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: transparent;
    /* border: 2px solid #6F5F5E !important; */
    border: 2px solid #868686 !important;
    transition: opacity 200ms ease;
    margin: 5px 12px;
    opacity: 1;
}

    .ci-063 .swiper-custom .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 13px;
        height: 13px;
        border-radius: 50%;
        background: #ffd400;
        border: 2px solid #6F5F5E !important;
        transition: opacity 200ms ease;
        margin: 5px 12px;
    }

@media screen and (min-width: 768px) {
    .ci-063 .swiper-custom {
        display:block;
    } 
}

@media screen and (max-width: 768px) {
    .ci-063 .swiper-custom .swiper-button-prev,  
    .ci-063 .swiper-custom .swiper-button-next{ 
        display: none;
    }

    .ci-063 .swiper-custom .swiper-button-next.swiper-button-disabled,
    .ci-063 .swiper-custom .swiper-button-prev.swiper-button-disabled {
        display: none;
    }
}

@media screen and (max-width: 450px) {
    .ci-063 .swiper-custom.swiper-custom-mb {
        display: block !important;
    }

    .ci-063 .swiper-pagination { 
        top: 35%;
    }
} 

/*#endregion ci-063 */


/*#region ci-036 */
.ci-036 .swiper.swiper-container {
    width: 100% !important;
    height: auto !important;
}

.ci-036 .swiper .swiper-slide {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    
}

    .ci-036 .image img {
        width: 100% !important;
        height: auto !important;
    }
.ci-036 .swiper .card-info .image {
    width: 100% !important;
    height: auto !important;
}


.ci-036 .swiper .content {
    text-align: center !important;
    width: 100% !important;
} 
  

/*#endregion ci-036 */