/* 
For Centerlize Div Using Bootstrap

Parent Class =  row d-flex h-100
Child Class = justify-content-center align-self-center

*/


/*
======================
*/

.carousel .carousel-control-prev,
.carousel .carousel-control-next
{
	background-color:transparent;
	border:0;
	width:8%;
}

.carousel .carousel-control-prev .carousel-control-prev-icon,
.carousel .carousel-control-next .carousel-control-next-icon
{
	width:50px;
	height:50px;
	background-color:rgba(0,0,0,.8);
	background-size:70%;
	border-radius:50%;
}

.carousel .bg-image-for-slider
{
	width:100%;
	height:60vh;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}


@media screen and (min-width:1024px)
{
	.carousel .hideSliderForBigScreen
	{
		display:none;
	}
}

/*
==========================
*/

.image
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
}
.image img
{
     width: auto;
    height: auto;
    margin: auto;
}
/* mention this as need

@media screen and (min-width: 1140px)
{
    .image
    {
        height: 220px;
    }
    .image img
    {
        max-height:220px;
    }
}
*/



/* ================================= */


.image-zoom-main .image-zoom
{
	overflow:hidden;
	position:relative;
}
.image-zoom-main .image-zoom img
{
	transform:scale(1) rotate(0deg);
	/* transform:scale(1) ; */
	transition:all .5s linear;
}
.image-zoom-main:hover .image-zoom img
{
	transform:scale(1.1) rotate(-2deg);
	transform:scale(1.1); 
}
/* .image-zoom-main .image-zoom:before
{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	z-index:1;
	opacity:0;
	visibility:hidden;
	transition:all .2s linear;
	border-radius:6px;
}
.image-zoom-main:hover .image-zoom:before
{
	opacity:1;
	visibility:visible;
} */
.image-zoom-main .image-zoom.zoom-icon:after
{
	content:'\f00e';
	position:absolute;
	top:50%;
	left:50%;
	transform:translateX(-50%) translateY(-50%);
	font-family:fontawesome;
	z-index:1;
	transition:all .2s linear;
	color:var(--white);
	font-size:2.5em;
	opacity:0;
	visibility:hidden;
}
.image-zoom-main:hover .image-zoom.zoom-icon:after
{	
	opacity:1;
	visibility:visible;
}