.main-content-wrap .pro-grli-wrapper.left-side-wrap,
.main-content-wrap .pro-grli-wrapper.right-side-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: -30px -15px 0px;
}
.main-content-wrap .pro-grli-wrapper.left-side-wrap {
    flex-direction: row-reverse;
}
.main-content-wrap .pro-grli-wrapper.left-side-wrap .pro-grli-wrap,
.main-content-wrap .pro-grli-wrapper.right-side-wrap .pro-grli-wrap {
    margin: 30px 0px 0px;
    padding: 0px 30px;
}
.special-product ul.product-view-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0px 0px 0px -30px;
}
.special-product ul.product-view-ul li.pro-item-li {
    margin: 30px 0px 0px 30px;
}
.special-product ul.product-view-ul li.pro-item-li .single-product-wrap {
    background-color: var(--body-bgcolor);
    border-radius: var(--border-radius);
}  
.special-product.grid-4 ul.product-view-ul li.pro-item-li,
.special-product.grid-4 ul.product-view-ul li.pro-item-li.coll-li {
    width: calc(25% - 30px);
}
.single-product-wrap {
    width: 100%;
    position: relative;
    border-radius: var(--border-radius);
    overflow: hidden;
}
.single-product-wrap .product-image {
/*    position: relative;*/
    overflow: hidden;
    display: flex;
    justify-content: center;
}
.single-product-wrap .product-image a.pro-img:before {
    content: "";
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
}
.single-product-wrap .product-image a.pro-img {
    display: block;
    position: relative;
/*    border-radius: var(--border-radius);*/
    overflow: hidden;
}
.single-product-wrap .product-image a.pro-img::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--extra-font-color);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.single-product-wrap .product-image a.pro-img img {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.single-product-wrap .product-image a.pro-img img.img1 {
    opacity: 1;
    visibility: visible;
}
.single-product-wrap .product-image a.pro-img img.img2 {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}
.single-product-wrap .product-content {
    padding: 23px 30px 33px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    background-color: var(--body-bgcolor);
    bottom: 0;
    left: 0;
    right: 0;
}
.single-product-wrap .product-content .product-title h6 {
    font-size: var(--body-font-size);
    width: 100%;
}
.single-product-wrap .product-content .product-title h6 a {
    display: block;
    color: var(--heading-font-color);
    font-weight: var(--body-font-weight);
    font-size: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin)* 2);
}

/***************blog***************/
.blog-grid-view ul.blog-area-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: -30px 0px 0px -30px;
}
.blog-grid-view ul.blog-area-wrap li.blog-slider {
    width: calc(50% - 30px);
    margin: 30px 0px 0px 30px;
}



/****************feather**********************/
[class^="feather-"], [class*=" feather-"] {
	font-family: 'feather' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.feather-arrow-up:before {
	content: "\e914";
}
.feather-chevron-down:before {
	content: "\e92e";
}
.feather-x:before {
	content: "\ea02";
}