/* 	Style for swiper */

.swiper {
    overflow: hidden;
}
.swiper-pagination {
    z-index: 1;
}
.swiper-slide img {
    width: 100%;
}
/*
.swiper.collage_main,
.swiper.gallery_thumbnails,
.swiper.gallery_main  {
    overflow: visible;
}
*/


.swiper-button-next, 
.swiper-button-prev {
	width: 40px;
    height: 40px;
	border-radius: 100%;
	background: #fff !important;
	border: 1.5px solid #C1C8D3 !important;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
	background: #fff !important;
	border-color: #24324A !important;
}

.swiper-button-prev {
    left: -15px;
}
.swiper-button-next {
    right: -15px;
}
.swiper-button-next:hover, .swiper-button-prev:hover {
	background: #fff !important;
}
.swiper-button-next:after, 
.swiper-button-prev:after {
	font-size: 0px;
    line-height: 0;
    opacity: 1;
    width: 11px;
    height: 19px;
    display: block;
    z-index: 5;
	left: 0;
    right: 0;
    margin: auto;
}
.swiper-button-prev:after {
	content: '' !important;
	-webkit-mask: url("../../img/arrow_left.svg")no-repeat !Important;
	background-color: #24324A !important;
}
.swiper-button-next:after {
	content: '' !important;
	-webkit-mask: url("../../img/arrow_right.svg")no-repeat !Important;
	background-color: #24324A !important;
}

.swiper-pagination-bullet {
    opacity: 1;
}
.swiper-pagination-bullet-active {
	opacity: 1;
}


@media (min-width: 992px) {
.swiper-button-prev {
    left: -20px;
}
.swiper-button-next {
    right: -20px;
}
}

@media (min-width: 1440px) {
.swiper-button-next, 
.swiper-button-prev {
	width: 50px;
    height: 50px;
}	
}

@media (min-width: 1600px) {
.swiper-button-next, 
.swiper-button-prev {
	width: 59px;
    height: 59px;
}	
}



@media (max-width: 1000px) {
.investments_list_box .swiper-button-prev,
.post_box .swiper-button-prev,
.icon_rotator_con .swiper-button-prev {
    left: -5px;
}
.investments_list_box .swiper-button-next,
.post_box .swiper-button-next,
.icon_rotator_con .swiper-button-next {
    right: -5px;
}
}




.swiper-scrollbar {
	 border-radius: 0px;
	top: unset !important;
	bottom: 0 !important;
	height: 7px !important;
	width: 100% !important;
	left: 0 !important;
	background-image: linear-gradient(to bottom, #C1C8D3 0%, #C1C8D3 3px, #C1C8D3 3px, #C1C8D3 5px, #C1C8D3 5px, #C1C8D3 100%) !important;
	opacity: 1 !important;
}

.swiper-scrollbar-drag {
    background: #24324A !important;
    border-radius: 0px;
}