.slider-arrow:hover .dandik,
.slider-arrow:hover .bamdik {
 visibility:visible;
 opacity:1
}
.slider-dots ul {
 position:absolute;
 bottom:30px;
 right:50%;
 -webkit-transform:translateX(50%);
 transform:translateX(50%)
}
.slider-dots ul li {
 width:25px;
 height:5px;
 border-radius:30px;
 background:var(--gray);
 margin:0px 10px;
 display:inline-block;
 cursor:pointer;
 -webkit-box-shadow:0px 15px 35px 0px rgba(0,0,0,0.1);
 box-shadow:0px 15px 35px 0px rgba(0,0,0,0.1)
}
.slider-dots ul li button {
 display:none
}
.slider-dots ul li.slick-active {
 background:var(--primary)
}
.dandik,
.bamdik {
 position:absolute;
 top:50%;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 font-size:16px;
 width:45px;
 height:45px;
 line-height:45px;
 text-align:center;
 color:var(--primary);
 background:var(--white);
 border-radius:var(--icon-radius);
 text-shadow:var(--primary-tshadow);
 -webkit-box-shadow:var(--primary-bshadow);
 box-shadow:var(--primary-bshadow);
 visibility:hidden;
 opacity:0;
 cursor:pointer;
 z-index:1;
 transition:all linear .3s;
 -webkit-transition:all linear .3s;
 -moz-transition:all linear .3s;
 -ms-transition:all linear .3s;
 -o-transition:all linear .3s
}
.dandik:hover,
.bamdik:hover {
 color:var(--white);
 background:var(--primary)
}
.dandik {
 left:-25px
}
.bamdik {
 right:-25px
}
.sale {
 background:var(--sale)
}
.rent {
 background:var(--rent)
}
.booking {
 background:var(--booking)
}
.flat-badge {
 color:var(--white);
 padding:2px 8px;
 border-radius:3px;
 font-size:13px;
 line-height:18px;
 letter-spacing:0.3px;
 text-transform:capitalize
}
.cross-badge {
 width:25px;
 height:35px;
 font-size:14px;
 line-height:30px;
 color:var(--white);
 text-align:center;
 background:var(--primary);
 border-bottom-right-radius:3px;
 border-bottom-left-radius:3px;
 -webkit-clip-path:polygon(0 0, 53% 0, 100% 0, 100% 100%, 50% 85%, 0 100%);
 clip-path:polygon(0 0, 53% 0, 100% 0, 100% 100%, 50% 85%, 0 100%)
}
.suggest-card {
 width:145px;
 height:auto;
 cursor:pointer;
 margin:0px 8px;
 padding:28px 0px 21px;
 text-align:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 border-radius:var(--card-radius);
 border-bottom:2px solid var(--primary);
 background:#dffbff
}
.suggest-img {
 margin-bottom:18px
}
.suggest-img img {
 height:50px
}
.suggest-meta h6 {
 font-weight:500;
 margin-bottom:5px;
 text-transform:capitalize
}
.suggest-meta h6 a {
 color:var(--heading)
}
.suggest-meta h6 a:hover {
 color:var(--primary)
}
.suggest-meta p {
 font-size:14px;
 font-weight:500;
 color:var(--primary)
}
.feature-card {
 position:relative;
 overflow:hidden
}
.feature-card::before {
 position:absolute;
 content:"";
 top:0px;
 right:0px;
 width:100%;
 height:100%;
 border-radius:var(--card-radius);
 background:-webkit-gradient(linear, right top, right bottom, color-stop(30%, rgba(0,0,0,0)), color-stop(90%, rgba(0,0,0,0.9)));
 background:linear-gradient(rgba(0,0,0,0) 30%, rgba(0,0,0,0.9) 90%)
}
.feature-img a {
 display:block
}
.feature-img a img {
 width:100%;
 border-radius:var(--card-radius)
}
.feature-badge {
 position:absolute;
 top:15px;
 right:-25px;
 -webkit-transform:rotate(45deg);
 transform:rotate(45deg);
 -webkit-box-shadow:0px 5px 12px 0px rgba(0,0,0,0.3);
 box-shadow:0px 5px 12px 0px rgba(0,0,0,0.3)
}
.feature-badge p {
 color:var(--heading);
 padding:2px 25px;
 font-size:14px;
 font-weight:500;
 line-height:20px;
 letter-spacing:-0.3px;
 text-transform:capitalize;
 background:#00ffff
}
.feature-bookmark {
 position:absolute;
 top:20px;
 left:20px
}
.feature-bookmark button {
 border:none;
 outline:none;
 background:none
}
.feature-bookmark button i {
 width:38px;
 height:38px;
 font-size:14px;
 line-height:38px;
 text-align:center;
 color:#dddddd;
 border-radius:var(--card-radius);
 background:rgba(0,0,0,0.25)
}
.feature-bookmark .active i {
 color:var(--white);
 background:var(--primary);
 text-shadow:var(--primary-tshadow)
}
.feature-content {
 position:absolute;
 right:0px;
 bottom:0px;
 width:100%;
 padding:0px 30px 25px;
 direction: rtl;
 text-align: right;
}
.breadcrumb {
 margin-bottom:10px
}
.feature-cate {
 color:var(--white);
 padding:2px 10px;
 margin-left:12px;
 border-radius:3px;
 font-size:14px;
 line-height:20px;
 letter-spacing:0.3px;
 text-transform:capitalize
}
.feature-title h3 {
 font-weight:500;
 margin-bottom:15px
}
.feature-title h3 a {
 color:var(--light-white);
 transition:all linear .3s;
 -webkit-transition:all linear .3s;
 -moz-transition:all linear .3s;
 -ms-transition:all linear .3s;
 -o-transition:all linear .3s
}
.feature-title h3 a:hover {
 color:var(--primary-light)
}
.feature-meta li {
 margin-left:30px;
 display:inline-block
}
.feature-meta li:first-child i,
.feature-meta li:first-child span {
 font-size:20px;
 color:var(--primary-light)
}
.feature-meta li:first-child span {
 font-weight:500
}
.feature-meta li:first-child span small {
 font-size:15px
}
.feature-meta li i {
 font-size:15px;
 margin-left:5px;
 color:#cccccc
}
.feature-meta li span {
 font-size:15px;
 color:#cccccc
}
@media (max-width: 575px) {
 .feature-content {
  position:inherit;
  padding:15px 15px 15px;
  background:var(--heading);
  border-bottom-right-radius:var(--card-radius);
  border-bottom-left-radius:var(--card-radius)
 }
 .feature-img a img {
  border-bottom-right-radius:0px;
  border-bottom-left-radius:0px
 }
 .feature-bookmark {
  top:15px;
  left:15px
 }
 .feature-title h3 {
  font-size:18px;
  line-height:26px
 }
 .feature-meta {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:start;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column
 }
 .feature-meta li {
  margin:0px 0px 5px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start
 }
}
@media (min-width: 768px) and (max-width: 991px) {
 .feature-content {
  position:inherit;
  padding:20px 20px 15px;
  background:var(--heading);
  border-bottom-right-radius:var(--card-radius);
  border-bottom-left-radius:var(--card-radius)
 }
 .feature-img a img {
  border-bottom-right-radius:0px;
  border-bottom-left-radius:0px
 }
 .feature-bookmark {
  top:15px;
  left:15px
 }
 .feature-meta {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:start;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column
 }
 .feature-meta li {
  margin:0px 0px 5px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start
 }
}
.product-card {
 border-radius:var(--card-radius);
 background:var(--light-white);
 border:1px solid var(--border);
 margin-bottom:30px;
 transition:all linear .3s;
 -webkit-transition:all linear .3s;
 -moz-transition:all linear .3s;
 -ms-transition:all linear .3s;
 -o-transition:all linear .3s
}
.product-card:hover {
 background:var(--white);
 -webkit-box-shadow:0px 10px 25px 0px rgba(0,0,0,0.1);
 box-shadow:0px 10px 25px 0px rgba(0,0,0,0.1)
}
.product-card:hover .product-img::before {
 visibility:visible;
 opacity:1
}
.product-card:hover .product-meta {
 visibility:visible;
 opacity:1
}
.product-card.inline {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.product-card.inline .product-img {
 width:250px;
 height:100%;
 border-radius:0px 8px 8px 0px
}
.product-card.inline .product-img::before {
 border-radius:0px 8px 8px 0px
}
.product-card.inline .product-info {
 width:100%
}
.product-img {
 width:100%;
 height:200px;
 position:relative;
 border-top-right-radius:var(--card-radius);
 border-top-left-radius:var(--card-radius)
}
/*.product-img::before {
 position:absolute;
 content:"";
 top:0px;
 right:0px;
 width:100%;
 height:100%;
 border-top-right-radius:var(--card-radius);
 border-top-left-radius:var(--card-radius);
 background:-webkit-gradient(linear, right top, right bottom, color-stop(65%, rgba(0,0,0,0)), color-stop(90%, rgba(0,0,0,0.8)));
 background:linear-gradient(rgba(0,0,0,0) 65%, rgba(0,0,0,0.8) 90%);
 visibility:hidden;
 opacity:0;
 transition:all linear .3s;
 -webkit-transition:all linear .3s;
 -moz-transition:all linear .3s;
 -ms-transition:all linear .3s;
 -o-transition:all linear .3s
}*/
.flat-badge {
 position:absolute;
 top:15px;
 left:15px
}
.cross-badge {
 position:absolute;
 top:0px;
 right:15px
}
.product-meta {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 padding:15px 15px;
 position:absolute;
 bottom:0px;
 width:100%;
 visibility:hidden;
 opacity:0;
 transition:all linear .3s;
 -webkit-transition:all linear .3s;
 -moz-transition:all linear .3s;
 -ms-transition:all linear .3s;
 -o-transition:all linear .3s
}
.product-meta li {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center
}
.product-meta li:nth-child(1) i {
 color:#8edb04
}
.product-meta li:nth-child(2) i {
 color:#01cbd5
}
.product-meta li:nth-child(3) i {
 color:#e8ce00
}
.product-meta li i {
 margin-left:5px;
 margin-bottom:1px;
 font-size:14px;
 color:var(--white)
}
.product-meta li p {
 font-size:14px;
 color:#eee
}
.product-info {
 padding:0px 15px;
 direction: rtl;
 text-align: right;
}
.product-tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 10px 0px 8px;
    border-bottom: 1px solid var(--border);
    margin-right: 2px;
}
.product-tag i {
 font-size:13px;
 color:#999999;
 margin-left:8px
}
.product-tag .breadcrumb {
 margin:0px
}
.product-tag .breadcrumb .breadcrumb-item {
 font-size:13px;
 color:var(--body)
}
.product-tag .breadcrumb .breadcrumb-item::before {
 color:var(--body)
}
.product-tag .breadcrumb .breadcrumb-item a {
 color:var(--body)
}
.product-tag .breadcrumb .breadcrumb-item a:hover {
 color:var(--primary)
}
.product-title {
 padding:12px 0px
}
.product-title h5 {
 margin-bottom:5px
}
.product-title h5 a {
 color:var(--heading);
 transition:all linear .3s;
 -webkit-transition:all linear .3s;
 -moz-transition:all linear .3s;
 -ms-transition:all linear .3s;
 -o-transition:all linear .3s
}
.product-title h5 a:hover {
 color:var(--primary)
}
.product-location {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-pack:start;
 -ms-flex-pack:start;
 justify-content:flex-start;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap
}
.product-location li {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 margin-left:15px
}
.product-location li i {
 color:#999999;
 font-size:13px
}
.product-location li p {
 font-size:13px;
 margin-right:5px
}
.product-details {
 padding:10px 0px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 border-top:1px solid var(--border)
}
.product-price {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center
}
.product-price h5 {
 font-family:IRANSansfanum;
 font-weight:600
}
.product-price span {
 font-size:13px;
 line-height:23px;
 -ms-flex-item-align:end;
 align-self:flex-end;
 margin-right:5px;
 text-transform:capitalize
}
.product-widget li {
 display:inline-block;
 position:relative
}
.product-widget li:last-child {
 margin-right:8px;
 padding-right:12px;
 border-right:1px solid var(--border)
}
    
        .product-widget li a, .product-widget li button {
        border: none;
        outline: none;
        background: none
    }
.product-widget li a i,
.product-widget li button i {
 color:var(--body);
 transition:all linear .3s;
 -webkit-transition:all linear .3s;
 -moz-transition:all linear .3s;
 -ms-transition:all linear .3s;
 -o-transition:all linear .3s
}
.product-widget li a i:hover,
.product-widget li button i:hover {
 color:var(--primary)
}
.product-widget li a .fas.fa-heart,
.product-widget li button .fas.fa-heart {
 color:var(--primary)
}
@media (max-width: 575px) {
 .product-card.inline {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column
 }
 .product-card.inline .product-img {
  width:100%;
  height:200px;
  border-radius:8px 8px 0px 0px
 }
 .product-card.inline .product-img::before {
  border-radius:8px 8px 0px 0px
 }
}
@media (min-width: 380px) and (max-width: 575px) {
 .product-card {
  width:350px;
  margin:0px auto 30px
 }
}
@media (min-width: 992px) and (max-width: 1199px) {
 .product-card.inline .product-img {
  width:230px
 }
}
.city-card {
 position:relative;
 text-align:center;
 margin-bottom:30px;
 cursor:pointer;
 z-index:1;
 width:100%;
 height:230px;
 border-radius:var(--card-radius)
}
.city-card:hover h5 {
 bottom:42px
}
.city-card:hover p {
 visibility:visible;
 bottom:15px;
 opacity:1
}
.city-card::before {
 position:absolute;
 content:"";
 top:0px;
 right:0px;
 z-index:1;
 width:100%;
 height:100%;
 border-radius:var(--card-radius);
 background:-webkit-gradient(linear, right top, right bottom, color-stop(40%, rgba(0,0,0,0)), color-stop(90%, rgba(0,0,0,0.5)));
 background:linear-gradient(rgba(0,0,0,0) 40%, rgba(0,0,0,0.5) 90%);
 transition:all linear .3s;
 -webkit-transition:all linear .3s;
 -moz-transition:all linear .3s;
 -ms-transition:all linear .3s;
 -o-transition:all linear .3s
}
.city-card h5 {
 position:absolute;
 bottom:30px;
 right:50%;
 z-index:1;
 width:100%;
 font-weight:500;
 text-align:center;
 text-transform:capitalize;
 -webkit-transform:translateX(50%);
 transform:translateX(50%);
 transition:all linear .3s;
 -webkit-transition:all linear .3s;
 -moz-transition:all linear .3s;
 -ms-transition:all linear .3s;
 -o-transition:all linear .3s
}
.city-card h5 a {
 color:var(--light-white)
}
.city-card p {
 position:absolute;
 bottom:0px;
 right:50%;
 z-index:1;
 width:100%;
 text-align:center;
 -webkit-transform:translateX(50%);
 transform:translateX(50%);
 color:var(--light-white);
 font-size:14px;
 visibility:hidden;
 opacity:0;
 transition:all linear .3s;
 -webkit-transition:all linear .3s;
 -moz-transition:all linear .3s;
 -ms-transition:all linear .3s;
 -o-transition:all linear .3s
}
@media (min-width: 400px) and (max-width: 575px) {
 .city-card {
  width:370px;
  margin:0px auto 30px
 }
}
.category-card {
 background:var(--light-white);
 border:1px solid var(--border);
 border-radius:var(--card-radius);
 margin-bottom:30px;
 transition:all linear .3s;
 -webkit-transition:all linear .3s;
 -moz-transition:all linear .3s;
 -ms-transition:all linear .3s;
 -o-transition:all linear .3s
}
.category-card:hover {
 background:var(--white);
 -webkit-box-shadow:0px 8px 25px 0px rgba(0,0,0,0.1);
 box-shadow:0px 8px 25px 0px rgba(0,0,0,0.1)
}
.category-head {
 position:relative;
 z-index:1;
 border-top-right-radius:var(--card-radius);
 border-top-left-radius:var(--card-radius)
}
.category-head::before {
 position:absolute;
 content:"";
 top:0px;
 right:0px;
 width:100%;
 height:100%;
 z-index:-1;
 opacity:0.6;
 border-top-right-radius:var(--card-radius);
 border-top-left-radius:var(--card-radius);
 background:-webkit-gradient(linear, right top, right bottom, from(#04b), to(#080229));
 background:linear-gradient(#04b, #080229)
}
.category-head a {
 width:100%;
 padding:30px 0px;
 text-align:center
}
.category-head a h4 {
 text-transform:capitalize;
 color:var(--light-white);
 margin-bottom:5px;
 font-weight:500
}
.category-head a p {
 font-size:14px;
 line-height:14px;
 color:var(--light-white)
}
.category-list {
 padding:12px 20px
}
.category-list li {
 border-bottom:1px solid var(--border)
}
.category-list li:last-child {
 border-bottom:none
}
.category-list li a {
 padding:12px 0px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between
}
.category-list li a:hover h6,
.category-list li a:hover p {
 color:var(--primary)
}
.category-list li a h6 {
 font-size:15px;
 text-transform:capitalize
}
.category-list li a p {
 font-size:14px;
 line-height:14px;
 color:var(--heading)
}
@media (min-width: 350px) and (max-width: 575px) {
 .category-card {
  width:320px;
  margin:0px auto 30px
 }
}
.price-card {
 padding:55px 50px 40px;
 background:var(--white);
 border-radius:var(--card-radius);
 border:2px solid var(--white);
 -webkit-box-shadow:0px 15px 35px 0px rgba(0,0,0,0.1);
 box-shadow:0px 15px 35px 0px rgba(0,0,0,0.1);
 position:relative;
 transition:all linear .3s;
 -webkit-transition:all linear .3s;
 -moz-transition:all linear .3s;
 -ms-transition:all linear .3s;
 -o-transition:all linear .3s
}
.price-card:hover {
 border-color:var(--primary)
}
.price-head {
 padding-bottom:20px;
 margin-bottom:20px;
 border-bottom:1px solid var(--border)
}
.price-head i {
 font-size:50px;
 line-height:50px;
 display:inline-block;
 position:absolute;
 top:15px;
 right:15px;
 color:var(--primary)
}
.price-head h3 {
 font-size:40px;
 font-family:IRANSansfanum;
 color:var(--primary);
 margin-bottom:20px;
 letter-spacing:-0.5px
}
.price-head h4 {
 text-transform:uppercase
}
.price-list {
 margin-bottom:42px
}
.price-list li {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:start;
 -ms-flex-align:start;
 align-items:flex-start;
 -webkit-box-pack:start;
 -ms-flex-pack:start;
 justify-content:start;
 margin:20px 0px
}
.price-list li i {
 color:var(--primary);
 margin-left:12px;
 font-size:14px;
 margin-top:6px
}
.price-list li p {
 color:var(--body)
}
.price-btn .btn {
 padding:12px 30px
}
.price-active {
 border-top:5px solid var(--primary)
}
@media (max-width: 991px) {
 .price-card {
  margin-bottom:30px
 }
}
@media (max-width: 575px) {
 .price-card {
  padding:55px 30px 40px
 }
}
@media (min-width: 350px) and (max-width: 575px) {
 .price-card {
  width:320px;
  margin:0px auto 30px
 }
}
@media (min-width: 576px) and (max-width: 767px) {
 .price-card {
  width:380px;
  margin:0px auto 30px
 }
}
@media (min-width: 992px) and (max-width: 1199px) {
 .price-card {
  padding:65px 35px 50px
 }
}
.blog-card {
 background:var(--light-white);
 border-radius:var(--card-radius);
 border:1px solid var(--border);
 position:relative;
 z-index:1;
 transition:all linear .3s;
 -webkit-transition:all linear .3s;
 -moz-transition:all linear .3s;
 -ms-transition:all linear .3s;
 -o-transition:all linear .3s
}
.blog-card:hover {
 background:var(--white);
 -webkit-box-shadow:0px 10px 25px 0px rgba(0,0,0,0.1);
 box-shadow:0px 10px 25px 0px rgba(0,0,0,0.1)
}
.blog-card:hover .blog-img img {
 -webkit-transform:scale(1.08) rotate(-1deg);
 transform:scale(1.08) rotate(-1deg)
}
.blog-img {
 position:relative;
 overflow:hidden;
 z-index:-1;
 border-top-right-radius:var(--card-radius);
 border-top-left-radius:var(--card-radius)
}
.blog-img img {
 width:100%;
 border-top-right-radius:var(--card-radius);
 border-top-left-radius:var(--card-radius);
 transition:all linear .3s;
 -webkit-transition:all linear .3s;
 -moz-transition:all linear .3s;
 -ms-transition:all linear .3s;
 -o-transition:all linear .3s
}
.blog-overlay {
 position:absolute;
 top:0px;
 right:0px;
 width:100%;
 height:100%;
 padding:15px 15px;
 border-top-right-radius:var(--card-radius);
 border-top-left-radius:var(--card-radius)
}
.blog-overlay span {
 color:var(--white);
 padding:2px 8px;
 border-radius:3px;
 font-size:13px;
 line-height:18px;
 letter-spacing:0.3px;
 text-transform:capitalize
}
.safety {
 background:#dc3545
}
.marketing {
 background:#28a745
}
.advertise {
 background:#982fd5
}
.security {
 background:#e69721
}
.blog-content {
 margin-top:-30px;
 padding:0px 20px 20px
}
.blog-avatar {
 margin-bottom:15px
}
.blog-avatar img {
 width:60px;
 border-radius:var(--card-radius);
 border:3px solid var(--white)
}
.blog-meta {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 margin-bottom:20px
}
.blog-meta li {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center
}
.blog-meta li i {
 font-size:15px;
 margin-left:8px;
 color:var(--primary);
 margin-top:-1px;
}
.blog-meta li p {
 font-size:15px;
 line-height:15px;
 color:var(--heading);
 text-transform:capitalize
}
.blog-meta li p a {
 color:var(--heading)
}
.blog-text {
 margin-bottom:27px
}
.blog-text h4 {
 font-weight:600;
 margin-bottom:10px
}
.blog-text h4 a {
 color:var(--gray);
 transition:all linear .3s;
 -webkit-transition:all linear .3s;
 -moz-transition:all linear .3s;
 -ms-transition:all linear .3s;
 -o-transition:all linear .3s
}
.blog-text h4 a:hover {
 color:var(--primary)
}
.blog-read {
 font-size:14px;
 font-weight:600;
 text-transform:uppercase;
 color:var(--heading);
 transition:all linear .3s;
 -webkit-transition:all linear .3s;
 -moz-transition:all linear .3s;
 -ms-transition:all linear .3s;
 -o-transition:all linear .3s
}
.blog-read:hover {
 color:var(--primary)
}
.blog-read:hover i {
 margin-right:8px
}
.blog-read i {
 margin-right:3px;
 transition:all linear .3s;
 -webkit-transition:all linear .3s;
 -moz-transition:all linear .3s;
 -ms-transition:all linear .3s;
 -o-transition:all linear .3s
}
.banner-part {
     
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  
    position: relative;
    z-index: 1
}
.banner-part::before {
 position:absolute;
 content:"";
 top:0px;
 right:0px;
 width:100%;
 height:100%;
 
 z-index:-1
}
.banner-content {
 text-align:center
}
.banner-content h1 {
 color:var(--white);
 margin-bottom:20px;
 text-shadow:-1px 2px 3px rgba(0,0,0,0.3)
}
.banner-content p {
 width:600px;
 font-size:18px;
 line-height:28px;
 margin:0 auto 45px;
 color:var(--white);
 text-shadow:-1px 2px 3px rgba(0,0,0,0.3)
}
@media (max-width: 767px) {
 .banner-part {
  padding:60px 0px 145px
 }
 .banner-content h1 {
  font-size:30px;
  line-height:40px
 }
 .banner-content p {
  width:100%
 }
}
@media (min-width: 768px) and (max-width: 991px) {
 .banner-part {
  padding:80px 0px 175px
 }
}
.suggest-part {
 position:relative;
 margin-top:-85px;
 z-index:2
}
.suggest-slider .slick-slide img {
 display:inline-block
}
.feature-item-slider {
 margin-right:50px;
 margin-bottom:18px
}
.feature-thumb-slider {
 margin-right:50px
}
.feature-thumb-slider .slick-slide {
 cursor:pointer;
 margin:0px 6px;
 border:2px solid var(--white);
 border-radius:var(--card-radius)
}
.feature-thumb-slider .slick-slide img {
 width:100%;
 border:3px solid var(--white);
 border-radius:var(--card-radius)
}
.slick-center {
 border:2px solid var(--primary) !important
}
@media (max-width: 991px) {
 .feature-item-slider,
 .feature-thumb-slider {
  margin-right:0px
 }
}
@media (min-width: 400px) and (max-width: 575px) {
 .feature-item-slider {
  width:370px;
  margin:0px auto 30px
 }
 .feature-thumb-slider {
  width:370px;
  margin:0px auto
 }
}
.recomend-slider .product-card {
 margin:0px 10px
}
@media (max-width: 575px) {
 .recomend-slider .product-card {
  width:255px
 }
}
@media (min-width: 576px) and (max-width: 767px) {
 .recomend-slider .product-card {
  width:300px
 }
}
.niche-part .niche-nav {
 margin-bottom:30px
}
.niche-part .tab-pane {
 padding:0px
}
.niche-part .tab-pane .row {
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center
}
.niche-part .product-card {
 margin-bottom:30px
}
@media (max-width: 575px) {
 .niche-nav .nav-tabs li .nav-link {
  font-size:12px;
  line-height:18px;
  padding:10px 10px
 }
}
@media (min-width: 380px) and (max-width: 575px) {
 .niche-part .product-card {
  width:350px;
  margin:0px auto 30px
 }
}
@media (min-width: 992px) and (max-width: 1199px) {
 .niche-part .container {
  max-width:990px
 }
 .niche-part .container .col-lg-3 {
  padding:0px 10px
 }
}
.category-part .row:nth-child(2) {
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center
}
.intro-part {
 padding:112px 0px 415px;
 margin-top:120px;
 position:relative;
 background:-webkit-gradient(linear, right top, right bottom, from(#04b), to(#080229));
 background:linear-gradient(#04b, #080229)
}
    .intro-part::before {
        position: absolute;
        content: "";
        top: 0px;
        right: 0px;
        width: 100%;
        height: 100%;
    
        background: url('../image/option/bagsection.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover
    }
.intro-part .section-center-heading {
 margin-bottom:0px
}
.intro-part .section-center-heading h2 {
 font-size:45px;
 line-height:55px;
 color:var(--white);
 margin-bottom:22px
}
.intro-part .section-center-heading p {
 color:var(--white);
 margin-bottom:45px
}
@media (max-width: 575px) {
 .intro-part .section-center-heading h2 {
  font-size:28px;
  line-height:36px
 }
}
@media (max-width: 767px) {
 .intro-part {
  margin-top:60px;
  padding:50px 0px 365px
 }
}
@media (min-width: 768px) and (max-width: 991px) {
 .intro-part {
  margin-top:80px;
  padding:70px 0px 385px
 }
}
.price-part {
 margin-top:-300px
}
.price-part .row:nth-child(2) {
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center
}
.price-part .section-center-heading h2,
.price-part .section-center-heading p {
 color:var(--white)
}
.blog-part {
    padding: 50px 0px 0px;
    margin-bottom: 15px;
}
.blog-card {
 margin:0px 15px;
 direction: rtl;
 text-align: right;
}
.blog-btn {
 text-align:center;
 margin-top:50px
}
@media (max-width: 575px) {
 .blog-card {
  width:290px
 }
}
@media (max-width: 767px) {
 .blog-part {
  padding:30px 0px 60px
 }
}
@media (min-width: 576px) and (max-width: 767px) {
 .blog-card {
  width:335px
 }
}
@media (min-width: 768px) and (max-width: 991px) {
 .blog-part {
  padding:50px 0px 80px
 }
}
.bagsection {
    background-color: #f4f5f78c;
}