.hero-main-title {
	font-size: 50px;
	font-weight: 700;
	margin-bottom: 20px;
}

.hero-content-wrap p {
	font-size: 20px;
	margin-bottom: 20px;
}
.hero-ratings {
	display: flex;
	margin-bottom: 25px;
}
.ratings-icon i {
	color: #DE399B;
}

.hero-subtitle h3 {
	font-size: 36px;
	font-weight: 500;
	margin-bottom: 20px;
}
.rating-text {
    margin-left: 10px;
}
.rating-text .exc {
  color: #DE399B;
  margin-left:5px;
}
.pink-text {
  color: #DE399B;
}
.hero-subtitle h3 span {
	color: #DE399B;
	font-weight: 600;
}
.hero-alert h5 {
	color: #287332;
	border: 1px solid #0cc54a;
	padding: 12px;
	font-size: 15px;
	font-weight: 600;
}
.hero-alert {
	margin-bottom: 35px;
}
.hero-gallery-main {
	position: relative;
    margin-left: 40px;
    margin-right: 40px;
}

.hero-nav {
	height: 30px;
	width: 30px;
	background: #DE399B;
	border-radius: 50%;
	text-align: center;
	line-height: 30px;
	color: #fff;
	font-size: 20px;
}

.hero-button-prev.hero-nav {
	position: absolute;
	left: -40px;
	right: auto;
	top: 50%;
	z-index: 999999999;
	transform: translateY(-50%);
}

.hero-button-next.hero-nav {
	position: absolute;
	right: -40px;
	left: auto;
	top: 50%;
	z-index: 999999999;
	transform: translateY(-50%);
}

.swiper {
    overflow: hidden!important;
}
.mySwiper {
    overflow: hidden!important;
}
.mySwiper .swiper-slide {
    width: 151.5px;
    margin-right:10px;
}
.devmsumon-el-alert i{
    margin-right: 10px;
}
.devmsumon-hero-section {
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(0,0,0,0.04385504201680668) 100%);
    padding-bottom: 100px;
}
.swiper-slide-thumb-active {
    padding: 2px;
    border:solid 1px #000000;
}