/*======================================
	*      General Start   *
======================================*/
.extra-width {
	max-width: 100%;
	padding-left: 120px;
	padding-right: 120px;
}

.section-sp5 {
	padding-top: 50px;
	padding-bottom: 50px;
}

h2.title-head span {
    font-weight: 600;
    color: var(--primary);
}

.heading-bx h1, .heading-bx h2, .heading-bx h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 500;
    font-size: 35px;
}

.title-head {
	font-size: 40px;
}

.ttr-separator {
	position: relative;
}

.ttr-separator:after, .ttr-separator:before {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 45px;
	height: 4px;
	content: "";
	right: 45px;
	margin: auto;
	background-color: var(--red);
}

.ttr-separator:before {
	background-color: #ccc;
	left: 45px;
	width: 50px;
}
.title-head.coe {
	font-size: 25px !important;
}
	@media only screen and (max-width:800px) {
		.extra-width {
		max-width: 100%;
		padding-left: 10px;
		padding-right: 10px;
	}
	.title-head {
		font-size: 25px;
	}
}
.seo-tag {
	font-size: 17px !important;
	font-weight: 400 !important;
	line-height: 25px !important;
}
.RMM-List-2 li {
	list-style: none;
	position: relative;
	margin-bottom: 6px;
	color: #fff;
	padding-left: 30px;
}

.RMM-List-2 li:before {
	position: absolute;
	content: '';
	left: 0;
	top: 8px;
	background-image: url(../images/Icons/icon-tick.png);
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
}

.RMM-List-2 li i {
	padding-right: 10px;
	color: var(--primary);
}

.RMM-List-3 {
	padding-left: 0;
}
.RMM-List-3 li {
	list-style: none;
	position: relative;
	margin-bottom: 6px;
	color: black;
	padding-left: 30px;
}

	.RMM-List-3 li:before {
		position: absolute;
		content: '';
		left: 0;
		top: 2px;
		background: url(../images/Icons/list-wheel.png);
		background-repeat: no-repeat;
		width: 20px;
		height: 20px;
		background-size: cover;
	}
.RMM-Box-1 .info-title {
	color: #020d26;
	font-size: 20px;
	text-align: center;
}

.RMM-Box-1 .info-para {
	text-align: justify;
	color: #333;
	font-size: 17px;
}
.thumb {
	text-align: center;
}
	.thumb img {
		text-align: center;
		width: 100px;
		height: 100px;
		margin-bottom: 10px;
	}
.RMM-Box-1.style-5 {
	margin-bottom: 10px;
	position: relative;
	border-radius: 5px;
	text-align: center;
	background-color: #fff;
	padding: 20px;
	height: 380px;
	text-align: justify;
	transition: all 0.5s;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
	-webkit-box-shadow: rgb(0 0 0 / 10%) 0px 20px 25px -5px, rgb(0 0 0 / 4%) 0px 10px 10px -5px;
	box-shadow: rgb(0 0 0 / 10%) 0px 20px 25px -5px, rgb(0 0 0 / 4%) 0px 10px 10px -5px;
}

.RMM-Box-1.style-5:hover {
	transform: scale(1.05);
	-moz-box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
	background-color: var(--primary);
}

.RMM-Box-1.style-5:hover .info-title, .RMM-Box-1.style-5:hover p {
	color: #fff;
}

/* RMM-Btn-8 Start */
.RMM-Btn-8 {
	overflow: hidden;
	background: var(--button);
	color: #fff !important;
	display: inline-flex;
	padding: 15px 30px;
	font-weight: 700;
	border-radius: 5px;
	line-height: 1.1em;
	position: relative;
	border: 1px solid var(--button);
	font-size: 1em;
	white-space: nowrap;
	overflow: hidden;
	transition: all .3s;
}

	.RMM-Btn-8:hover {
		color: white;
		border: 1px solid var(--buttonHover);
		background: var(--buttonHover);
	}

	.RMM-Btn-8 .btn-icon i {
		display: inline-block;
		opacity: 1;
		transform: translateX(.50em);
		transition: opacity .25s,transform .5s
	}

	.RMM-Btn-8:hover .btn-icon i {
		color: white;
		opacity: 1;
		transform: translateX(1em)
	}

.RMM-Btn-8-reverse {
	overflow: hidden;
	background: var(--buttonHover);
	color: #fff;
	display: inline-flex;
	padding: 15px 30px;
	font-weight: 700;
	border-radius: 5px;
	line-height: 1.1em;
	position: relative;
	border: 1px solid var(--buttonHover);
	font-size: 1em;
	white-space: nowrap;
	overflow: hidden;
	transition: all .3s;
}

	.RMM-Btn-8-reverse:hover {
		color: white;
		border: 1px solid var(--button);
		background: var(--button);
	}

	.RMM-Btn-8-reverse .btn-icon i {
		display: inline-block;
		opacity: 0;
		transform: translateX(.25em);
		transition: opacity .25s,transform .5s
	}

	.RMM-Btn-8-reverse:hover .btn-icon i {
		color: white;
		opacity: 1;
		transform: translateX(1em)
	}
/* RMM-Btn-8 End */

/* RMM-Btn-5 Start */
.RMM-Btn-5 {
	background-color: transparent;
	border-color: transparent;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
}

	.RMM-Btn-5:before {
		content: "";
		height: 2px;
		background-color: var(--primary);
		opacity: .3;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		position: absolute;
		bottom: 15px;
		left: 20%;
		width: 60%
	}

	.RMM-Btn-5:hover:before {
		left: 0%;
		width: 100%;
		opacity: 1
	}

.RMM-Btn-5 {
	color: #666
}

	.RMM-Btn-5:hover {
		color: #FFF;
		opacity: .8
	}

	.RMM-Btn-5:hover {
		color: #333;
		-webkit-box-shadow: none;
		box-shadow: none
	}

.RMM-Btn-5-reverse {
	background-color: transparent;
	border-color: transparent;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
}

	.RMM-Btn-5-reverse:before {
		content: "";
		height: 2px;
		background-color: var(--primary);
		opacity: .3;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		position: absolute;
		bottom: 0px;
		left: 20%;
		width: 60%
	}

	.RMM-Btn-5-reverse:hover:before {
		left: 0%;
		width: 100%;
		opacity: 1
	}

.RMM-Btn-5-reverse {
	color: #666
}

	.RMM-Btn-5-reverse:hover {
		color: #FFF;
		opacity: .8
	}

	.RMM-Btn-5-reverse:hover {
		color: #333;
		-webkit-box-shadow: none;
		box-shadow: none
	}
/* RMM-Btn-5 End */
/* RMM-Btn-4 Start */
.RMM-Btn-4 {
	position: relative;
	outline: none;
	text-decoration: none;
	border-radius: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	text-transform: uppercase;
	height: 45px;
	width: 200px;
	opacity: 1;
	background-color: var(--button);
	border: 1px solid rgba(0, 0, 0, 0.6);
	left: 40%;
}

	.RMM-Btn-4 span {
		color: #fff;
		font-size: 12px;
		font-weight: 500;
		letter-spacing: 0.7px;
	}

	.RMM-Btn-4:hover {
		color: #fff;
		background-color: var(--buttonHover);
		animation: RMM-Btn-4rotate 0.7s ease-in-out both;
	}

		.RMM-Btn-4:hover span {
			animation: RMM-Btn-4storm 0.7s ease-in-out both;
			animation-delay: 0.06s;
		}

.RMM-Btn-4-reverse {
	position: relative;
	outline: none;
	text-decoration: none;
	border-radius: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	text-transform: uppercase;
	height: 45px;
	width: 130px;
	opacity: 1;
	background-color: var(--buttonHover);
	border: 1px solid rgba(0, 0, 0, 0.6);
	margin-left: 50%;
}

	.RMM-Btn-4-reverse span {
		color: #fff;
		font-size: 12px;
		font-weight: 500;
		letter-spacing: 0.7px;
	}

	.RMM-Btn-4-reverse:hover {
		color: #fff;
		background-color: var(--button);
		animation: RMM-Btn-4rotate 0.7s ease-in-out both;
	}

		.RMM-Btn-4-reverse:hover span {
			animation: RMM-Btn-4storm 0.7s ease-in-out both;
			animation-delay: 0.06s;
		}

@keyframes RMM-Btn-4rotate {
	0% {
		transform: rotate(0deg) translate3d(0, 0, 0);
	}

	25% {
		transform: rotate(3deg) translate3d(0, 0, 0);
	}

	50% {
		transform: rotate(-3deg) translate3d(0, 0, 0);
	}

	75% {
		transform: rotate(1deg) translate3d(0, 0, 0);
	}

	100% {
		transform: rotate(0deg) translate3d(0, 0, 0);
	}
}

@keyframes RMM-Btn-4storm {
	0% {
		transform: translate3d(0, 0, 0) translateZ(0);
	}

	25% {
		transform: translate3d(4px, 0, 0) translateZ(0);
	}

	50% {
		transform: translate3d(-3px, 0, 0) translateZ(0);
	}

	75% {
		transform: translate3d(2px, 0, 0) translateZ(0);
	}

	100% {
		transform: translate3d(0, 0, 0) translateZ(0);
	}
}
@media only screen and (max-width:1200px) {
	.RMM-Btn-4 {
		left: 40%;
	}
}
@media only screen and (max-width:1100px) {
	.RMM-Btn-4 {
		left: 40%;
	}
}
@media only screen and (max-width:370px) {
	.RMM-Btn-4 {
		left: 0;
	}
	.RMM-Btn-4 {
		width: 135px;
	}
}
@media only screen and (max-width:990px) {
	.RMM-Btn-4 {
		position: relative;
		outline: none;
		text-decoration: none;
		border-radius: 50px;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		text-transform: uppercase;
		height: 45px;
		width: 200px;
		opacity: 1;
		background-color: var(--button);
		border: 1px solid rgba(0, 0, 0, 0.6);
		
	}
}
/* RMM-Button-4 End */
/*======================================
	*      General End   *
======================================*/
/*======================================
	*      Header Start   *
======================================*/
header .menu-bar {
	background: var(--primary);
	width: 100%;
	position: fixed;
	min-height: 85px;
}

.menu-logo {
	display: flex;
	float: left;
	vertical-align: middle;
	padding: 0;
	color: #EFBB20;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	width: auto !important;
	height: 80px;
	position: absolute;
	z-index: 9;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	top: 0px;
}
.menu-logo > a > title {
	text-transform: uppercase;
}
.menu-logo > a {
	display: flex !important;
	vertical-align: middle;
}
.menuicon span:nth-child(1) {
	top: 2px;
}
.menuicon span:nth-child(2) {
	top: 50%;
	transform: translateY(-50%);
}
.menuicon span:nth-child(3) {
	bottom: 2px;
}
h1.logo-name {
	font-size: 40px;
	vertical-align: middle;
	padding-top: 15px;
	color: #fff;
}
header .navbar-toggler span {
	background: #fff;
}
.menu-links .nav {
	float: right;
	background: var(--primary) !important;
}
.menu-links .nav > li.active > a, .menu-links .nav > li > a {
	background-color: transparent;
	color: #fff !important;
}
.menu-links .nav > li.active > a:hover, .menu-links .nav > li > a:hover {
	background-color: var(--sc-primary);
	color: #fff !important;
}
.menu-links .nav > li > a {
	border-radius: 0px;
	color: #020d26;
	font-size: 15px !important;
	padding: 28px 10px 27px 10px;
	cursor: pointer;
	font-weight: 500;
	display: inline-block;
	position: relative;
}

header .nav .active {
	position: relative;
}

header .nav .active a span {
	font-weight: 700;
}

header .nav .active:after {
	position: absolute;
	content: "";
	height: 15px;
	left: 30px;
	bottom: 26px;
	width: 20px;
	border-bottom: 3px solid #fff;
	transition: all 1s;
}
header .nav .active:hover:after {
	position: absolute;
	content: "";
	height: 15px;
	left: 30px;
	bottom: 26px;
	width: 40px;
	border-bottom: 3px solid #fff;
}
header .nav .sub-menu .active a span {
	color: #fff;
	font-weight: 900;
}

header .nav .sub-menu .active:before {
	border-left: none;
	border-top: none;
	content: "";
	height: 15px;
	left: 20px;
	position: absolute;
	top: 23px;
	width: 15px;
}

header .nav .sub-menu .active:after {
	border-right: none;
	border-bottom: none;
	content: "";
	height: 15px;
	right: 0px;
	position: absolute;
	bottom: 26px;
	width: 15px;
}

header .menu-links .nav .sub-menu li a:hover {
	color: var(--primary) !important;
}

.menuHide {
	visibility: hidden;
	opacity: 0;
	transition: visibility 1s, opacity 0.5s linear;
}

.menuShow {
	visibility: visible;
	opacity: 1;
	transition: visibility 1s, opacity 0.5s linear;
}
.topbar-center, .topbar-left, .topbar-right {
	padding-left: 15px;
	padding-top: 2px;
	padding-right: 15px;
}
/* Header Responsive */
header .menuicon {
	width: 22px;
	height: 22px;
	position: relative;
	-webkit-transform: rotate( 0deg );
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate( 0deg );
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	z-index: 99;
	right: 20px;
	top: 0;
}

@media only screen and (max-width:1350px) {
	.menu-links .nav > li > a {
		border-radius: 0px;
		color: #020d26;
		font-size: 15px !important;
		padding: 28px 3px 28px 3px;
		cursor: pointer;
		font-weight: 500;
		display: inline-block;
		position: relative;
		left: -8px;
	}
}

@media only screen and (max-width:1250px) {
	h1.logo-name {
		font-size: 40px;
		vertical-align: middle;
		color: #fff;
	}
	.menu-links .nav > li > a {		
		padding: 10px 3px 10px 3px;
	}
	header .nav .active:after {
		position: absolute;
		content: "";
		height: 15px;
		left: 15px;
		bottom: 10px;
		width: 20px;
		border-bottom: 3px solid #fff;
		transition: all 1s;
	}
	header .nav .active:hover:after {
		position: absolute;
		content: "";
		height: 15px;
		left: 15px;
		bottom: 10px;
		width: 40px;
		border-bottom: 3px solid #fff;
	}
}

@media only screen and (max-width: 1250px) {
	.topbar-right, .topbar-left {
		padding-left: 300px !important;
		padding-right: 0;
		width: 100%;
		text-align: center;
	}

	.menu-links .nav {
		float: none;		
		width: 100%;
		display: block;
		margin-bottom: auto;
	}

	.menu-links .nav > li > a
	{
		border-top: unset !important;
		width: 100%;
	}

	.menu-links .nav li
	{
		border-bottom: solid 1px #888;
	}

	#menuDropdown h1.logo-name {
		color: var(--primary);
	}

	h1.logo-name {
		font-size: 33px;
		vertical-align: middle;
		color: #fff;
	}

	header .nav .active:after {
		display: none;
	}

	.seo-tag {
		font-size: 15px !important;
		font-weight: 400 !important;
		line-height: 30px !important;
		text-align: justify;
	}
}

@media only screen and (max-width:500px) {
	header .menu-logo img {
		margin-left: 0px;
	}

	header .menu-links .nav {
		padding-left: 0;
		float: left;
		margin-right: 50px;
		text-align: start;
	}

	header .nav .active:before {
		border-left: none;
		border-top: none;
		content: "";
		height: 15px;
		left: 20px;
		position: absolute;
		top: 23px;
		width: 15px;
	}

	header .nav .active:after {
		border-right: none;
		border-bottom: none;
		content: "";
		height: 15px;
		right: 0px;
		position: absolute;
		bottom: 26px;
		width: 15px;
	}

	.menu-links .nav > li .sub-menu {
		list-style: none;
		padding: 0;
		z-index: 10;
		top: 100%;
		text-align: center;
		background-color: rgba(0, 0, 0, 0.1) !important;
	}

	.menu-links .nav .add-menu-left ul li {
		list-style: none;
		border-bottom: 1px dashed white;
	}

	h1.logo-name {
		font-size: 20px;
		vertical-align: middle;
		color: #fff;
	}
	.RMM-Banner-4.style-one .slide-item .banner-right .img-1 img {
		position: absolute;
		width: 100%;
		bottom: 25px !important;
		left: 0;
		z-index: 2;
	}
}

@media only screen and (max-width:375px) {
	
	h1.logo-name {
		font-size: 15px;
		vertical-align: middle;
		color: #fff;
	}
}

/*======================================
	*      Header End   *
======================================*/

/*======================================
	*      Page Banner Start   *
======================================*/
.page-banner h1 {
	text-transform: uppercase;
}

.list-inline li {
	color: #fff !important;
}

.page-banner-entry {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding-top: 85px;
}

.page-banner {
	height: 330px;
}

.page-banner.About {
	background-image: url(../images/Background/About-Banner.jpg);
}

.page-banner.Contact {
	background-image: url(../images/Background/Contact-Banner.jpg);
}

.page-banner.FMS {
	background-image: url(../images/Background/FMS-Banner.jpg);
}

.page-banner.COE {
	background-image: url(../images/Background/COE-Banner.jpg);
}

.page-banner.Exhibition {
	background-image: url(../images/Background/Exhibition-Banner.jpg);
}

.page-banner.Events {
	background-image: url(../images/Background/Events-Banner.jpg);
}

.page-banner.Gallery {
	background-image: url(../images/Background/Gallery-Banner.jpg);
}

.page-banner.Membership {
	background-image: url(../images/Background/Membership-Banner.jpg);
}

.page-banner .breadcrumb-row ul li:after {
	content: "\f101";
	margin-left: 7px;
	font-family: fontawesome;
	opacity: 0.8;
}

.page-banner .breadcrumb-row.text-black ul li a {
	color: #fff;
}
/*======================================
	*      Page Banner End   *
======================================*/

/*======================================
	*      RMM-Banner-4 Start   *
======================================*/
.RMM-Banner-4 {
	position: relative;
	top: 0;
	overflow: hidden;
}

.RMM-Banner-4:before {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: url(../images/Sliders/Slider-Bg-1.png);
	background-repeat: no-repeat;
}

.RMM-Banner-4:after {
	position: absolute;
	content: '';
	bottom: -45px;
	right: 0;
	width: 100%;
	height: 100%;
	background: url(../images/Sliders/Slider-Bg.png);
	background-repeat: no-repeat;
}

.RMM-Banner-4.style-one .slide-item {
	position: relative;
	height: 800px;
	padding: 75px 0px;
}

.RMM-Banner-4.style-one .slide-item .banner-left {
	position: absolute;
	top: 25%;
	left: 0;
	z-index: 2;
}

.RMM-Banner-4.style-one .slide-item .banner-left h6 {
	font-size: 15px;
	color: var(--primary);
	font-weight: 700;
}

.RMM-Banner-4.style-one .slide-item .banner-left h2 {
	font-size: 28px;
	color: black;
	text-transform: uppercase;
	font-weight: 600;
}

.RMM-Banner-4.style-one .slide-item .banner-left h4 {
	font-size: 20px;
	color: black;
	font-weight: 400;
}

.RMM-Banner-4.style-one .slide-item .banner-left img {
	animation: rightLeft 3s infinite;
	animation-direction: alternate;
	width: 10%;
}

.RMM-Banner-4.style-one .slide-item .banner-right {
	position: absolute;
	top: 0;
	right: 0;
	height: 700px;
	overflow: hidden;
	border-radius: 0 0 999px 999px;
	z-index: 2;
}

.RMM-Banner-4.style-one .slide-item .banner-right:before {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: var(--primary);
	z-index: -1;
}

.RMM-Banner-4.style-one .slide-item .banner-right .img-1 img {
	position: absolute;
	width: 100%;
	bottom: 100px;
	left: 0;
	z-index: 2;
}

.RMM-Banner-4.style-one .slide-item .banner-right .img-2 img {
	position: absolute;
	width: 50%;
	bottom: 41%;
	left: 25%;
	z-index: 1;
	opacity: 1;
	animation: horizontal-move 5s ease-in-out infinite;
}

@keyframes horizontal-move {
	0% {
		transform: rotateZ(5deg);
	}

	50% {
		transform: rotateZ(-5deg);
	}

	100% {
		transform: rotateZ(5deg);
	}
}

@media only screen and (max-width:1040px) {
	.RMM-Banner-4.style-one .slide-item {
		position: relative;
		height: 915px;
		padding: 75px 0px;
	}
	.RMM-Banner-4:after {
		position: absolute;
		content: '';
		bottom: -155px;
		right: 0;
		width: 100%;
		height: 100%;
		background: url(../images/Sliders/Slider-Bg.png);
		background-repeat: no-repeat;
	}
}

@media only screen and (max-width:991px) {
	.RMM-Banner-4.style-one .slide-item .banner-right .img-2 img {		
		opacity: 0.5;
	}	
}

.banner-button {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	background-color: black;
	border-radius: 999px;
	padding: 20px;
	width: 80%;
	margin-top: 30px;
	position: relative;
	left: 10px;
	z-index: 9;
}

.banner-button::before {
	position: absolute;
	content: '';
	bottom: -15px;
	left: -10px;
	width: 100%;
	height: 100%;
	border: 1px dashed var(--primary);
	border-radius: 999px;
	z-index: -1;
}

.RMM-Banner-4.style-one .active .slide-item .banner-right:before {
	animation: fadeInDown 2s cubic-bezier(0.4, 0, 1, 1);
}


.RMM-Banner-4.owl-dots-none .owl-dots,
.RMM-Banner-4.owl-nav-none .owl-nav {
	display: none !important;
}

.RMM-Banner-4.style-one .owl-nav {
	position: absolute;
	top: 92%;
	width: 100%;
}

.RMM-Banner-4.style-one .owl-nav .owl-prev {
	position: absolute !important;
	left: 10%;
}

.RMM-Banner-4.style-one .owl-nav .owl-next {
	position: absolute !important;
	left: 15%;
}

.RMM-Banner-4 .nav-style-one .owl-nav .owl-prev {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 40px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	background: var(--primary);
	border-radius: 50%;
	font-weight: 700;
	box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	cursor: pointer;
}

.RMM-Banner-4 .nav-style-one .owl-nav .owl-next {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 40px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	background: var(--primary);
	border-radius: 50%;
	font-weight: 700;
	box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	cursor: pointer;
}

.RMM-Banner-4 .nav-style-one .owl-nav .owl-prev:hover,
.RMM-Banner-4 .nav-style-one .owl-nav .owl-next:hover {
	background-color: #fff;
	color: var(--primary);
}
/* Banner Responsive */
@media only screen and (max-width:991px) {

	.RMM-Banner-4.style-one .slide-item .banner-left {
		position: absolute;
		top: 15%;
		left: 0;
		z-index: 3;
	}

	.RMM-Banner-4.style-one .slide-item .banner-left h6 {
		font-size: 12px;
		color: white;
		text-transform: none;
		font-weight: 700;
	}

	.RMM-Banner-4.style-one .slide-item .banner-left h2 {
		font-size: 20px;
		color: white;
		text-transform: uppercase;
		font-weight: 700;
	}

	.RMM-Banner-4.style-one .slide-item .banner-left h4 {
		font-size: 18px;
		color: white;
		line-height: 20px;
		font-weight: 400;
	}

	.RMM-Banner-4.style-one .slide-item .banner-left p {
		color: white;
		font-size: 12px;
		line-height: 18px;
	}

	.RMM-Banner-4.style-one .slide-item .banner-left img {
		display: none;
	}

	.RMM-Banner-4.style-one .slide-item .banner-left .banner-button {
		display: none;
	}

	.RMM-Banner-4.style-one .owl-nav {
		position: absolute;
		top: 85%;
		width: 100%;
	}

	.RMM-Banner-4.style-one .owl-nav .owl-prev {
		position: absolute !important;
		left: 30%;
	}

	.RMM-Banner-4.style-one .owl-nav .owl-next {
		position: absolute !important;
		left: 50%;
	}

	.RMM-Banner-4 .nav-style-one .owl-nav .owl-prev {
		position: relative;
		display: inline-block;
		width: 30px;
		height: 30px;
		line-height: 25px;
		color: #00224f;
		font-size: 15px;
		text-align: center;
		background: #fff;
		border-radius: 50%;
		font-weight: 700;
		box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);
		transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		-webkit-transition: all 500ms ease;
		-ms-transition: all 500ms ease;
		-o-transition: all 500ms ease;
		cursor: pointer;
	}

	.RMM-Banner-4 .nav-style-one .owl-nav .owl-next {
		position: relative;
		display: inline-block;
		width: 30px;
		height: 30px;
		line-height: 25px;
		color: #00224f;
		font-size: 15px;
		text-align: center;
		background: #fff;
		border-radius: 50%;
		font-weight: 700;
		box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);
		transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		-webkit-transition: all 500ms ease;
		-ms-transition: all 500ms ease;
		-o-transition: all 500ms ease;
		cursor: pointer;
	}
}
/*======================================
	*      RMM-Banner-4 End   *
======================================*/


/*======================================
	*      About Us Start   *
======================================*/
	.about-section {
		margin-top: 100px;
	}

	.about-block {
		position: relative;
		margin-bottom: 30px;
	}

		.about-block:last-child {
			margin-bottom: 0;
		}

		.about-block .inner-box {
			position: relative;
			background-color: var(--boxColor1);
			padding: 35px 50px 30px;
			padding-left: 205px;
			border-radius: 5px;
			min-height: 200px;
			transition: all 0.5s;
			-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
			-webkit-box-shadow: rgb(0 0 0 / 10%) 0px 20px 25px -5px, rgb(0 0 0 / 4%) 0px 10px 10px -5px;
			box-shadow: rgb(0 0 0 / 10%) 0px 20px 25px -5px, rgb(0 0 0 / 4%) 0px 10px 10px -5px;
		}

			.about-block .inner-box:hover {
				transform: scale(1.05);
				-moz-box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
				-webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
				box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
			}

		.about-block .icon {
			position: absolute;
			left: 50px;
			top: 50%;
			transform: translateY(-50%);
			font-size: 84px;
			width: 84px;
			color: #0a0a0a;
		}

		.about-block h4 {
			display: block;
			font-size: 24px;
			line-height: 1.2em;
			color: #222222;
			font-weight: 700;
			margin-bottom: 10px;
			text-align: start;
		}

		.about-block .text {
			display: block;
			font-size: 16px;
			line-height: 30px;
			color: #777777;
			font-weight: 400;
			text-align: start;
		}

		.about-block.block-two .inner-box {
			background-color: var(--boxColor2);
		}

		.about-block.block-two .icon {
			color: #fff;
		}

		.about-block.block-three .text, .about-block.block-three h4, .about-block.block-two .text, .about-block.block-two h4, .about-block.block-four .text, .about-block.block-four h4 {
			color: #ffffff;
		}

		.about-block.block-three .inner-box {
			background-color: var(--boxColor3);
		}

		.about-block.block-four .inner-box {
			background-color: var(--boxColor4);
		}

		.about-block.block-three .icon {
			color: #ff9600;
		}

	.infra {
		list-style: none;
		text-align: start;
		padding: 10px 20px;
		margin-top: 24px;
		height: 200px;
		position: relative;
		background: #fff;
		z-index: 1;
	}

		.infra:before {
			z-index: -1;
			position: absolute;
			content: "";
			bottom: 20px;
			left: 4px;
			width: 30%;
			top: 0%;
			max-width: 300px;
			background: #fff;
			-webkit-box-shadow: 0 15px 10px rgb(3 3 3 / 30%);
			-moz-box-shadow: 0 15px 10px rgb(3 3 3 / 30%);
			box-shadow: 0 15px 18px rgb(3 3 3 / 30%);
			-webkit-transform: rotate(-3deg);
			-moz-transform: rotate(-3deg);
			-o-transform: rotate(-3deg);
			-ms-transform: rotate(-3deg);
			transform: rotate(90deg);
		}

	.infra-1 {
		list-style: none;
		text-align: start;
		padding: 10px 20px;
		margin-top: 24px;
		height: 200px;
		position: relative;
		background: #fff;
		z-index: 1;
	}

		.infra-1:after {
			z-index: -1;
			position: absolute;
			content: "";
			bottom: 20px;
			right: 10px;
			width: 30%;
			top: 0%;
			max-width: 300px;
			background: #fff;
			-webkit-box-shadow: 0 -24px 18px rgb(3 3 3 / 30%);
			-moz-box-shadow: 0 -24px 18px rgb(3 3 3 / 30%);
			box-shadow: 0 -24px 18px rgb(3 3 3 / 30%);
			-webkit-transform: rotate(-3deg);
			-moz-transform: rotate(-3deg);
			-o-transform: rotate(-3deg);
			-ms-transform: rotate(-3deg);
			transform: rotate(90deg);
		}

	.infra li {
		font-size: 17px;
		display: flex;
	}

		.infra li:before {
			content: "\f101";
			padding-right: 10px;
			font-family: fontawesome;
			opacity: 1;
			color: var(--primary);
		}

		.infra li i {
			padding-right: 10px;
			color: var(--primary);
		}

	.infra-1 li {
		font-size: 17px;
		display: flex;
	}

		.infra-1 li:before {
			content: "\f101";
			padding-right: 10px;
			font-family: fontawesome;
			opacity: 1;
			color: var(--primary);
		}

		.infra-1 li i {
			padding-right: 10px;
			color: var(--primary);
		}

	.coimbatore-section .heading-bx {
		padding: 20px;
	}

	.coimbatore-section-img {
		padding: 0px;
	}

		.coimbatore-section-img img {
			width: 100%;
			height: 100%;
		}

	.bg-coimbatore {
		position: relative;
	}

		.bg-coimbatore:before {
			position: absolute;
			content: '';
			height: 100%;
			width: 100%;
			background: url(../images/Background/Coimbatore-Bg.jpg);
			opacity: 0.3;
			background-size: cover;
			background-repeat: no-repeat;
			top: 0;
			left: 0;
			background-position: bottom;
			background-attachment: fixed;
		}
	/* About Us Responsive*/
	@media only screen and (max-width:700px) {
		.about-section {
			margin-top: 10px;
		}

		.coe-section .coimbatore-section-img {
			padding: 0px;
			order: 1;
		}

		.coe-section .coimbatore-section {
			padding-bottom: 10px;
			border-bottom: 2px dashed #333;
		}
	}
	/*======================================
	*      About Us End   *
======================================*/

	/*======================================
	*      What We Do Start   *
======================================*/
	.activity-title {
		display: flex;
		border-bottom: 3px solid var(--primary);
		padding-bottom: 5px;
		margin-bottom: 10px;
	}

		.activity-title h4 {
			font-size: 25px;
			width: 80%;
		}

			.activity-title h4 i {
				height: 35px;
				width: 35px;
				line-height: 35px;
				text-align: center;
				background-color: var(--button);
				color: white;
				border-radius: 50%;
				font-size: 20px;
			}

	.activity-content img {
		width: 100%;
		height: auto;
	}

	.activity-content ul {
		font-size: 18px;
	}

	.activity-content p {
		font-size: 18px;
	}
	/*======================================
	*      What We Do End   *
======================================*/

	/*======================================
	*      Hooks Start   *
======================================*/
	.hooks-section {
		background: url(../images/Background/Hooks-Bg.jpg);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		text-align: center;
	}

		.hooks-section h3, .hooks-section p {
			color: #333;
			text-align: center;
		}

		.hooks-section .bg-hooks {
			padding: 15px;
		}

	.hook-button {
		text-align: center;
		width: 100%;
	}

	@media only screen and (max-width:991px) {
		.hook-button {
			text-align: center;
			width: 80%;
		}
	}
/*======================================
	*      Hooks End   *
======================================*/
/*======================================
	*      How It Works Start   *
======================================*/
.how-works-title {
	position: relative;
	z-index: 10;
}

.background-image {
	position: absolute;
	top: 0px;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
	width: 30%;
	opacity: 0.1;
}

.how-works-section .wrapper-box {
	position: relative;
	padding-top: 50px;
}

.how-works-section .wrapper-box:before {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	top: 0;
	right: 0;
	background-image: url(../images/Background/Process.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.process-block {
	position: relative;
}

.process-block .inner-box {
	position: relative;
	max-width: 320px;
	margin: 0 auto;
	margin-bottom: 30px;
	padding: 60px 0;
	transition: .7s;
}

.process-block .inner-box:hover {
	transform: translateY(10px);
}

.process-block .count {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	height: 120px;
	width: 120px;
	border-radius: 50%;
	color: #fff;
	font-size: 30px;
	font-weight: 400;
	text-align: center;
	padding-top: 18px;
	background-color: var(--primary);
}

.process-block .content {
	position: relative;
	max-width: 320px;
	border-radius: 50%;
	box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.1);
	padding: 50px 20px 53px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	text-align: center;
	z-index: 9;
	background-color: #fff;
	margin: 0 auto;
	width: 160px;
	height: 160px;
}

.process-block .content:before {
	position: absolute;
	content: '';
	left: 10px;
	top: 10px;
	right: 10px;
	bottom: 10px;
	border: 1px solid #ddd;
	border-radius: 50%;
}

.process-block h4 {
	position: relative;
	font-size: 20px;
	font-weight: 700;
	transition: .5s;
	margin-bottom: 10px;
}

.process-block .text {
	position: relative;
	margin-bottom: 0;
}

.process-block:nth-child(2), .process-block:nth-child(4), .process-block:nth-child(6) {
	margin-top: 0;
}

.process-block:nth-child(3) {
	margin-top: -35px;
}

.process-block:nth-child(5) {
	margin-top: 35px;
}


.process-block.active .content {
	background-color: var(--primary);
}

.process-block.active .content:before {
	border: 5px dashed rgb(255 255 255 / 0.20);
}

.process-block.active h4 {
	color: #fff;
}

.process-block.active .text {
	color: #fff;
}

.process-block.active .count {
	background: #fff;
	color: #222;
	box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width:991px) {
	.process-block:nth-child(2) .count {
		top: auto;
		bottom: 0;
		padding-top: 70px;
	}

	.process-block .inner-box {
		position: relative;
		max-width: 320px;
		margin: 0 auto;
		margin-bottom: 30px;
		padding: 0;
		transition: .7s;
	}

	.process-block .inner-box:after {
		content: "";
		position: absolute;
		width: 1px;
		background-color: var(--primary);
		opacity: 0.4;
		top: -33px;
		left: 50%;
		bottom: 0;
	}

	.process-block:nth-child(3) {
		margin-top: 0;
	}

	.process-block:nth-child(5) {
		margin-top: 0;
	}

	.how-works-section .wrapper-box:before {
		display: none;
	}
}
/*======================================
	*      How It Works End   *
======================================*/

/*======================================
	*      Features Start   *
======================================*/

	.features-section {
		background: #f5f5f5;
	}

	/*======================================
	*      Features End   *
======================================*/
	/*======================================
	*      Demo Start   *
======================================*/
	.contact-map iframe {
		width: 100%;
		height: 400px;
		border: 1px solid #DDD;
	}

	#contact-page-map {
		height: 400px;
	}

	#contact_form_3 #success, #success, #contact_form_3 #error, #error, .LoaderImage, #LoaderImage {
		display: none;
	}

	.contact-box {
		background-color: white;
		padding: 15px 20px;
		box-shadow: 0px 0px 50px -35px rgb(0 0 0 / 40%) !important;
		border: 1px solid gainsboro;
		margin-top: 30px;
	}

	.contact-inner {
		padding: 10px 20px;
	}

.bg-contact {
	position: relative;
	padding-top: 30px;
}

		.bg-contact:before {
			position: absolute;
			content: '';
			height: 100%;
			width: 100%;
			background: url(../images/Background/Demo-Request-Bg.jpg);
			opacity: 1;
			background-size: cover;
			background-repeat: no-repeat;
			top: 0;
			left: 0;
			background-position: center;
			background-attachment: fixed;
		}

	.traffic-image-1 {
		position: absolute;
		left: -100px;
		bottom: -200px;
		z-index: 9;
		animation: rightLeft 3s infinite;
		animation-direction: alternate;
	}

.traffic-image-2 {
	position: absolute;
	right: 0;
	bottom: -113px;
	z-index: 9;
	animation: rightLeft 3s infinite;
	animation-direction: alternate;
}

	@keyframes rightLeft {
		0% {
			transform: translate(0, 0);
		}

		100% {
			transform: translate(20px);
		}
	}

	@media only screen and (max-width:770px) {
		.traffic-image-1 {
			display: none;
		}

		.traffic-image-2 {
			position: absolute;
			right: 20px;
			bottom: -87px;
			z-index: 9;
			width: 100px;
		}
	}
	/*======================================
	*      Demo End   *
======================================*/

	/*======================================
	*      Screenshot Start   *
======================================*/
	.screenshot-section {
		height: 750px;
	}

	.screenshot-area {
		display: flex;
		position: relative;
	}

		.screenshot-area .img-box {
			padding: 10px;
		}

			.screenshot-area .img-box.absolete1 {
				position: absolute;
				top: 194px;
				right: 0;
			}

			.screenshot-area .img-box.absolete2 {
				position: absolute;
				top: 194px;
				left: 0;
			}

			.screenshot-area .img-box.absolete3 {
				position: absolute;
				top: 194px;
				left: 194px;
			}

			.screenshot-area .img-box.absolete4 {
				position: absolute;
				bottom: -390px;
				left: 194px;
			}

			.screenshot-area .img-box.absolete5 {
				position: absolute;
				bottom: -390px;
				right: 0px;
			}

			.screenshot-area .img-box img {
				width: 100%;
				height: 200px;
				object-fit: fill;
			}

	@media only screen and (max-width:995px) {
		.screenshot-section {
			height: 100%;
		}

		.screenshot-area .img-box.absolete1 {
			position: unset;
		}

		.screenshot-area .img-box.absolete2 {
			position: unset;
		}

		.screenshot-area .img-box.absolete3 {
			position: unset;
		}

		.screenshot-area .img-box.absolete4 {
			position: unset;
		}

		.screenshot-area .img-box.absolete5 {
			position: unset;
		}
	}
/*======================================
	*      Screenshot End   *
======================================*/

/*======================================
	*      Success Story Start   *
======================================*/
.bg-success-story {
	position: relative;
}

.bg-success-story:before {
	position: absolute;
	content: '';
	height: 100%;
	width: 100%;
	background: url(../images/Background/Success-Bg1.jpg);
	opacity: 1;
	background-size: cover;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	background-position: center;
	background-attachment: fixed;
}

.case-study p {
	position: absolute;
	top: 118px;
	left: 0;
	color: #333;
	font-size: 20px;
	padding: 5px 9px;
	background-color: #fff;
	border-radius: 5px;
	text-align: center;
}

.testimonial-box {
	background-color: rgba(255, 255, 255, 0.5);
}

.testimonial-content {
	background: #fff;
	position: relative;
	padding: 30px;
	margin: 50px 100px;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.testimonial-content::before {
	background-image: url(../images/Background/testimonial-shape-1.png);
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	z-index: 0;
	width: 38px;
	height: 39px;
	background-repeat: no-repeat;
}

.testimonial-content::after {
	background-image: url(../images/Background/testimonial-shape-2.png);
	content: "";
	position: absolute;
	right: -1px;
	top: 0;
	z-index: 0;
	width: 123px;
	height: 126px;
	background-repeat: no-repeat;
}

.circliful {
	position: relative;
}

.circle-text, .circle-info, .circle-text-half, .circle-info-half {
	width: 100%;
	position: absolute;
	text-align: center;
	display: inline-block;
}

.circle-info, .circle-info-half {
	color: #999;
}

.circliful .fa {
	margin: -10px 3px 0 3px;
	position: relative;
	bottom: 4px;
}

@media only screen and (max-width:1200px) {
	.testimonial-content {
		background: #fff;
		position: relative;
		padding: 30px;
		margin: 50px 50px;
		border-top-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}
}
@media only screen and (max-width:991px) {
	.testimonial-content {
		background: #fff;
		position: relative;
		padding: 30px;
		margin: 15px 20px;
		border-top-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}
}
@media only screen and (max-width:768px) {
	.single-meter {
		margin-left: 50px;
	}
}
@media only screen and (max-width:350px) {
	.single-meter {
		margin-left: 20px;
	}
}
@media only screen and (max-width:270px) {
	.single-meter {
		margin-left: 0;
	}
}
/*======================================
	*      Success Story End   *
======================================*/
/*======================================
	*      Footer Start   *
======================================*/
	footer {
		background-image: url(../images/Background/Bg-Footer.jpg);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		background-color: #000;
		padding: 0;
	}

		footer .footer-top {
			background: none;
		}

	.footer-style2 .footer-bottom {
		background: none;
		padding: 2px 0;
	}

		.footer-style2 .footer-bottom p {
			color: #fff;
		}

	footer .footer-title {
		position: relative
	}

	.subscribe-form .btn {
		padding: 0 15px !important;
		border-radius: 0 !important;
		margin-left: 10px;
	}

	footer .input-group-append {
		margin-left: -10px;
	}

	footer .footer-list ul {
		margin-left: 20px !important;
		padding: 0;
		list-style: none;
		margin-top: -8px;
		margin-bottom: -8px;
		margin-left: 0 !important;
	}

		footer .footer-list ul li a {
			color: #fff;
		}

		footer .footer-list ul li i {
			width: 8%;
		}

		footer .footer-list ul li span {
			width: 20%;
			color: gold
		}

	footer .widget.footer-list li a:hover {
		color: var(--button);
	}

/* Socail Media Icon */
.RMM-Social-Media-1 {
	margin: 0;
	padding: 0;
	justify-content: center;
	align-items: center;
}

.RMM-Social-Media-1 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
}

.RMM-Social-Media-1 ul li {
	margin: 0 16px;
}

.RMM-Social-Media-1 ul li a .fa {
	font-size: 20px;
	color: #555;
	line-height: 32px;
	transition: 0.5s;
}

.RMM-Social-Media-1 ul li a {
	position: relative;
	display: block;
	width: 32px;
	height: 32px;
	background: #fff;
	text-align: center;
	transform: perspective(1000px) rotate(-30deg) skew(25deg) translate(0, 0);
	box-shadow: -20px 20px 10px rgba(0.0, 0, .5);
	transition: .5s;
}

.RMM-Social-Media-1 ul li a::before {
	content: "";
	position: absolute;
	top: 5px;
	left: -10px;
	height: 100%;
	width: 10px;
	background: #b2b2b2;
	transition: 0.5s;
	transform: rotate(0deg) skewY(-45deg);
}

.RMM-Social-Media-1 ul li a::after {
	content: "";
	position: absolute;
	bottom: -10px;
	left: -5px;
	height: 10px;
	width: 100%;
	background: #e5e5e5;
	transition: 0.5s;
	transform: rotate(0deg) skewX(-45deg);
}

.RMM-Social-Media-1 ul li a:hover {
	transform: perspective(1000px) rotate(-30deg) skew(25deg) translate(20px, -20px);
	box-shadow: -50px 50px 50px rgba(0.0, 0, .5);
}

.RMM-Social-Media-1 ul li:hover .fa {
	color: #fff;
}

.RMM-Social-Media-1 ul li:hover .facebook {
	background-color: var(--facebook1);
}

.RMM-Social-Media-1 ul li:hover .facebook::before {
	background-color: var(--facebook2);
}

.RMM-Social-Media-1 ul li:hover .facebook::after {
	background-color: var(--facebook3);
}

.RMM-Social-Media-1 ul li:hover .twitter {
	background-color: var(--twitter1);
}

.RMM-Social-Media-1 ul li:hover .twitter::before {
	background-color: var(--twitter2);
}

.RMM-Social-Media-1 ul li:hover .twitter::after {
	background-color: var(--twitter3);
}

.RMM-Social-Media-1 ul li:hover .linkedin {
	background-color: var(--linkedin1);
}

.RMM-Social-Media-1 ul li:hover .linkedin::before {
	background-color: var(--linkedin2);
}

.RMM-Social-Media-1 ul li:hover .linkedin::after {
	background-color: var(--linkedin3);
}

.RMM-Social-Media-1 ul li:hover .instagram {
	background-color: var(--instagram1);
}

.RMM-Social-Media-1 ul li:hover .instagram::before {
	background-color: var(--instagram2);
}

.RMM-Social-Media-1 ul li:hover .instagram::after {
	background-color: var(--instagram3);
}

.RMM-Social-Media-1 ul li:hover .youtube {
	background-color: var(--youtube1);
}

.RMM-Social-Media-1 ul li:hover .youtube::before {
	background-color: var(--youtube2);
}

.RMM-Social-Media-1 ul li:hover .youtube::after {
	background-color: var(--youtube3);
}

.RMM-Link a {
	color: gold;
}

.RMM-Link a:hover {
	color: gold;
}
/* Top to Bottom */
.progress-wrap {
	position: fixed;
	right: -100px;
	bottom: 20px;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	box-shadow: inset 0 0 0 2px #fff3f2;
	z-index: 99;
	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
	background-color: #fff;
}

		.progress-wrap i {
			position: fixed;
			right: -100px;
			bottom: 50px;
			height: 46px;
			text-align: center;
			line-height: 46px;
			font-size: 15px;
			color: var(--primary);
			left: 0;
			top: 0;
			height: 46px;
			width: 46px;
			cursor: pointer;
			display: block;
			z-index: 1;
			-webkit-transition: all 200ms linear;
			transition: all 200ms linear;
		}

		.progress-wrap svg path {
			fill: none;
		}

		.progress-wrap svg.progress-circle path {
			stroke: var(--primary);
			stroke-width: 5;
			box-sizing: border-box;
			-webkit-transition: all 0.3s linear 0s;
			-moz-transition: all 0.3s linear 0s;
			-ms-transition: all 0.3s linear 0s;
			-o-transition: all 0.3s linear 0s;
			transition: all 0.3s linear 0s;
		}

		.progress-wrap.active-progress {
			opacity: 1;
			right: 10px;
			visibility: visible;
			transform: translateY(0);
		}

	@media (max-width: 767.99px) {
		.progress-wrap.active-progress {
			right: 5px;
		}
	}

	@media only screen and (min-width: 576px) and (max-width: 767.99px) {
		.progress-wrap.active-progress {
			right: 5px;
		}
	}
	/*======================================
	*      Footer End   *
======================================*/

	/*======================================
	*      Enquiry Popup Start   *
======================================*/
	.enquiry {
		transform: rotate(-90deg) translate(-20%,0%);
		transform-origin: right;
		z-index: 999999;
		position: fixed;
		top: 220px;
		right: 28px;
		font-size: 12px;
	}

		.enquiry .apoint-btn-box {
			transform: none !important;
			padding: 10px 10px;
			cursor: pointer;
			background: var(--primary) !important;
			display: block;
			visibility: visible !important;
		}

			.enquiry .apoint-btn-box:before,
			.enquiry .apoint-btn-box:after {
				background: var(--primary) !important;
			}

			.enquiry .apoint-btn-box.onFooter {
				background: #fff !important;
				color: #000 !important;
				font-weight: 800;
				border-top: solid 3px #000;
			}

				.enquiry .apoint-btn-box.onFooter:before,
				.enquiry .apoint-btn-box.onFooter:after {
					background: #fff !important;
					top: -3px;
					border: solid 3px #000;
				}

	#rotate {
		vertical-align: top;
		margin-top: 23px;
		width: 80px;
		height: 30px;
	}

	.enquiry a {
		cursor: pointer;
		min-height: 30px;
		position: relative;
		border: 1px solid #cb4154;
		border-radius: 8px;
		padding: 4px 8px;
		margin-left: 20px;
		font-variant: small-caps;
		color: #fff !important;
		text-shadow: 0 0 0;
		outline: 0;
		letter-spacing: 2px;
		text-shadow: 0 1px 4px #111;
		box-shadow: 0 1px 4px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.2), inset 0 -1px 1px rgba(255,255,255,.1);
		background: #021f36;
	}

		.enquiry a:hover {
			box-shadow: 0px 0px 4px #fff;
			color: #fff !important;
		}


	.ShowcaseModal {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0, 0, 0, 0.5);
		z-index: 99999;
		height: 100%;
		overflow: auto;
		display: none;
	}

		.ShowcaseModal .logo {
			text-align: center;
		}

	.EnquiryBtn {
		background: #ffa800;
		color: #021f36;
		padding: 5px 10px 5px 10px;
		border: solid 1px #fff;
		font-weight: 700;
	}

	#EnquiryForm input[type="text"], #EnquiryForm input[type="email"], #EnquiryForm input[type="tel"], #EnquiryForm select, #EnquiryForm textarea {
		background-color: #fff;
		border: 1px solid #333;
		width: 100%;
		border-radius: 5px;
		display: block !important;
		padding: 5px;
	}

	#EnquiryForm .bootstrap-select {
		display: none;
	}

	#EnquiryForm #LoaderImage {
		float: right;
		padding-left: 10px;
		padding-top: 0 !important;
	}

	#EnquiryForm h2 {
		font-size: 35px;
	}

	.Formoutliner {
		background: #fff;
		/*border: solid 5px #fff;*/
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 90px;
		border-radius: 5px;
		/*border: 4px solid var(--primary);*/
		position: relative;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg stroke='%23CCC' stroke-width='0' %3E%3Crect fill='%23F5F5F5' x='-60' y='-60' width='110' height='240'/%3E%3C/g%3E%3C/svg%3E");
	}

		.Formoutliner::before {
			position: absolute;
			content: "";
			opacity: 0.9;
			/*background-color: #ffffff;*/
			background-repeat: repeat-x;
			height: 100%;
			width: 100%;
		}

	@media only screen and (max-width: 1200px) {
		.menu-logo h2 {
			font-size: 15px !important;
		}
	}

@media only screen and (max-width: 1250px) {
	.rs-nav .menu-links.show {
		width: 60%;
	}
}

	@media only screen and (max-width: 991px) {
		#EnquiryContactSection {
			display: none;
		}

		.menu-logo img {
			/*width: auto !important;*/
		}

		.menu-logo h2 {
			font-size: 16px !important;
		}

		.rs-nav .menu-links.show {
			width: 80%;
		}

		.rs-nav .menu-links .menu-logo img {
			width: 91px;
		}
	}

	@media only screen and (max-width: 500px) {
		.menu-logo h2 {
			font-size: 13px !important;
		}

		.menu-logo .tagLine {
			font-size: 13px;
			top: 0;
		}
	}

	@media only screen and (max-width: 420px) {
		.menu-logo h2 {
			font-size: 12px !important;
		}

		.menu-logo .tagLine {
			font-size: 13px;
			top: 0;
		}
	}

	@media only screen and (max-width: 400px) {
		.menu-logo h2 {
			font-size: 10px !important;
		}

		.menu-logo .tagLine {
			font-size: 10px;
			top: 0;
		}
	}

	@media only screen and (max-width: 350px) {
		.menu-logo h2 {
			font-size: 8px !important;
		}

		.menu-logo .tagLine {
			font-size: 9px;
			top: 0;
		}
	}

	#EnquiryForm {
		padding: 14px 20px;
	}

	.Formoutliner .main-heading {
		font-size: 30px;
		line-height: 36px;
		font-weight: 700;
		margin: 0 0 0px;
		padding: 0 0 40px;
		position: relative;
		z-index: 1;
		color: #fff !important;
	}

		.Formoutliner .main-heading::before {
			position: absolute;
			content: "";
			z-index: 0;
			bottom: 25px;
			right: auto;
			left: 4px;
			transform: none;
			width: 70px;
			height: 4px;
			background: #1bbde8 !important;
		}

	.Formoutliner input {
		margin-bottom: 15px;
		height: 35px;
		font-size: 14px;
	}

	.Formoutliner textarea {
		margin-bottom: 15px;
		min-height: 80px;
		font-size: 14px;
		padding: 5px 15px;
	}

	.Formoutliner select {
		margin-bottom: 15px;
		height: 35px;
		font-size: 14px;
		text-align: left;
		width: 100%;
		background: transparent;
		padding: 5px 15px;
		border-radius: 5px;
		-webkit-appearance: none;
		appearance: none;
	}

	.Formoutliner .text-center {
		text-align: center;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}


	.cont-info {
		padding: 10px 35px;
		background: var(--primary);
		border-radius: 50px 0 0 0;
		min-height: 278px;
	}

		.cont-info h4 {
			font-size: 22px;
			margin-top: 14px;
			margin-bottom: 14px;
			color: #fff;
		}

	.enquiry-info li a:hover, .enquiry-info li a, .enquiry-info li i {
		color: #f5f5f5;
	}

	.enquiry-info li {
		margin-bottom: 10px;
	}

	.color-1 {
		color: var(--primary);
		font-weight: 600 !important;
	}

	.color-2 {
		color: var(--button);
		font-weight: 600 !important;
	}
	/*======================================
	*      Enquiry Popup End   *
======================================*/
.box-container {
	/*align-items: center;
	display: flex;
	flex-direction: column;
	padding: 35px 15px;*/
	width: 100%;
	justify-content: space-around;
}

	@media screen and (min-width:1380px) {
		.box-container {
			flex-direction: row
		}
	}
@media screen and (max-width:768px) {
	.box-item {
		padding-left: 50px;
	}
}
.box-item {
	position: relative;
	-webkit-backface-visibility: hidden;
	width: 100%;
	margin-bottom: 35px;
	max-width: 100%;
}


	.flip-box {
		-ms-transform-style: preserve-3d;
		transform-style: preserve-3d;
		-webkit-transform-style: preserve-3d;
		perspective: 1000px;
		-webkit-perspective: 1000px;
		margin-right: 10px;
		webkit-box-shadow: rgb(0 0 0 / 10%) 0px 20px 25px -5px, rgb(0 0 0 / 4%) 0px 10px 10px -5px;
		box-shadow: rgb(0 0 0 / 10%) 0px 20px 25px -5px, rgb(0 0 0 / 4%) 0px 10px 10px -5px;
	}

	.flip-box-front,
	.flip-box-back {
		background-image: url('../../assets/images/Background/Feature-Bg.png');
		background-size: cover;
		background-position: center;
		border-radius: 8px;
		min-height: 470px;
		-ms-transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
		transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
		-webkit-transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	.flip-box-front {
		-ms-transform: rotateY(0deg);
		-webkit-transform: rotateY(0deg);
		transform: rotateY(0deg);
		-webkit-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}

	.flip-box:hover .flip-box-front {
		-ms-transform: rotateY(-180deg);
		-webkit-transform: rotateY(-180deg);
		transform: rotateY(-180deg);
		-webkit-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}

	.flip-box-back {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		-ms-transform: rotateY(180deg);
		-webkit-transform: rotateY(180deg);
		transform: rotateY(180deg);
		-webkit-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}

	.flip-box:hover .flip-box-back {
		-ms-transform: rotateY(0deg);
		-webkit-transform: rotateY(0deg);
		transform: rotateY(0deg);
		-webkit-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}

	.flip-box .inner {
		position: absolute;
		left: 0;
		width: 100%;
		padding: 20px;
		outline: 1px solid transparent;
		-webkit-perspective: inherit;
		perspective: inherit;
		z-index: 2;
		transform: translateY(-50%) translateZ(60px) scale(.94);
		-webkit-transform: translateY(-50%) translateZ(60px) scale(.94);
		-ms-transform: translateY(-50%) translateZ(60px) scale(.94);
		top: 50%;
	}

	.flip-box-header {
		font-size: 25px;
		color: black;
		height: 90px;
	}

	.flip-box p {
		font-size: 18px;
		line-height: 30px;
	}

	.flip-box-img {
		margin-top: 25px;
	}

	.flip-box-button {
		background-color: transparent;
		border: 2px solid #fff;
		border-radius: 2px;
		color: #fff;
		cursor: pointer;
		font-size: 20px;
		font-weight: bold;
		margin-top: 25px;
		padding: 15px 20px;
		text-transform: uppercase;
	}

	.arrow i {
		background-color: var(--primary);
		width: 40px;
		height: 40px;
		line-height: 40px;
		border-radius: 50%;
		color: white;
	}

	.RMM-Social-Media-2 {
		padding: 0;
	}

		.RMM-Social-Media-2 ul li {
			list-style: none;
			display: inline-block;
			margin: 0;
			position: relative;
			width: 50px;
			height: 50px;
			border-radius: 50%;
			border: 3px solid #fff;
			overflow: hidden;
			text-align: center;
			box-shadow: white 0px 30px 60px 12px inset, white 0px 18px 36px 18px inset;
		}

			.RMM-Social-Media-2 ul li a {
				position: relative;
				text-decoration: none;
				display: inline-block;
				width: 50px;
				height: 50px;
				line-height: 50px;
				border-radius: 50%;
			}

				.RMM-Social-Media-2 ul li a::before, .RMM-Social-Media-2 ul li a::after {
					font-family: 'fontAwesome';
					position: absolute;
					top: 0;
					width: 50px;
					height: 50px;
					font-size: 20px;
					border-radius: 50%;
					transition: .5s;
				}

				.RMM-Social-Media-2 ul li a::before {
					color: var(--primary);
					background: #fff;
					left: -3px;
					top: -7px;
				}

				.RMM-Social-Media-2 ul li a::after {
					color: #fff;
					background: #333;
					left: -100%;
					top: -7px;
				}

			.RMM-Social-Media-2 ul li:hover a::before {
				left: 100%
			}

			.RMM-Social-Media-2 ul li:hover a::after {
				left: -3px;
			}

			.RMM-Social-Media-2 ul li:nth-of-type(1) a::before, .RMM-Social-Media-2 ul li:nth-of-type(1) a::after {
				content: "\f09a";
			}

			.RMM-Social-Media-2 ul li:nth-of-type(2) a::before, .RMM-Social-Media-2 ul li:nth-of-type(2) a::after {
				content: "\f099";
			}

			.RMM-Social-Media-2 ul li:nth-of-type(3) a::before, .RMM-Social-Media-2 ul li:nth-of-type(3) a::after {
				content: "\f0e1";
			}

			.RMM-Social-Media-2 ul li:nth-of-type(4) a::before, .RMM-Social-Media-2 ul li:nth-of-type(4) a::after {
				content: "\f167";
			}

	.RMM-Social-Media-3 {
		padding: 0;
	}

		.RMM-Social-Media-3 ul {
			padding: 0;
		}

			.RMM-Social-Media-3 ul li {
				list-style: none;
				display: inline-block;
				margin: 0;
				position: relative;
				width: 50px;
				height: 50px;
				border-radius: 50%;
				border: 3px solid #fff;
				overflow: hidden;
				text-align: center;
				box-shadow: white 0px 30px 60px 12px inset, white 0px 18px 36px 18px inset;
			}

				.RMM-Social-Media-3 ul li a {
					position: relative;
					text-decoration: none;
					display: inline-block;
					width: 50px;
					height: 50px;
					line-height: 45px;
					border-radius: 50%;
				}

					.RMM-Social-Media-3 ul li a::before, .RMM-Social-Media-3 ul li a::after {
						font-family: 'fontAwesome';
						position: absolute;
						top: 0;
						width: 50px;
						height: 50px;
						font-size: 20px;
						border-radius: 50%;
						transition: .5s;
					}

					.RMM-Social-Media-3 ul li a::before {
						color: var(--primary);
						background: #fff;
						left: -3px;
						top: 0;
					}

					.RMM-Social-Media-3 ul li a::after {
						color: #fff;
						background: #333;
						left: -100%;
						top: 0;
					}

				.RMM-Social-Media-3 ul li:hover a::before {
					left: 100%
				}

				.RMM-Social-Media-3 ul li:hover a::after {
					left: -3px;
				}

				.RMM-Social-Media-3 ul li:nth-of-type(1) a::before, .RMM-Social-Media-3 ul li:nth-of-type(1) a::after {
					content: "\f09a";
				}

				.RMM-Social-Media-3 ul li:nth-of-type(2) a::before, .RMM-Social-Media-3 ul li:nth-of-type(2) a::after {
					content: "\f099";
				}

				.RMM-Social-Media-3 ul li:nth-of-type(3) a::before, .RMM-Social-Media-3 ul li:nth-of-type(3) a::after {
					content: "\f0e1";
				}

				.RMM-Social-Media-3 ul li:nth-of-type(4) a::before, .RMM-Social-Media-3 ul li:nth-of-type(4) a::after {
					content: "\f167";
				}

	.subscribe-form .btn {
		background-color: var(--primary);
	}

.WPButton {
	position: fixed;
	right: 0;
	top: 450px;
	background: #17980E;
	color: #fff;
	font-size: 30px;
	border-radius: 5px 0 0 5px;
	width: 40px;
	height: 40px;
	text-align: center;
	display: block;
	margin-top: 2px;
	line-height: 50px;
	z-index: 9;
}

	.WPButton i {
		top: -3px;
		position: relative;
		color: #fff;
	}

.icon-bar {
	position: fixed;
	top: 530px;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	border: 1px solid #eee;
	border-right-color: rgb(238, 238, 238);
	border-right-style: solid;
	border-right-width: 1px;
	border-right: 0;
	border-radius: 5px 0 0 5px;
	-webkit-box-shadow: -3px 0 10px -2px rgba(0, 0, 0, 0.1);
	box-shadow: -3px 0 10px -2px rgba(0, 0, 0, 0.1);
	z-index: 99;
}

.icon-bar a {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 50px;
	color: #222;
	text-align: center;
	transition: all 0.3s ease;
	font-size: 25px;
	cursor: pointer;
	background: #fff;
}

.icon-bar a i {
	font-size: 25px;
	color: #000;
}

.icon-bar a:hover i {
	color: #ff7000;
}

.enroll i {
	color: #fff !important;
}

.enroll img {
	width: 27px;
	margin-top: 6px;
	float: left;
	margin-left: 10px;
}

.enroll #enroll {
	/*display: none;*/
	font-weight: 700;
	color: #fff;
	position: relative;
	top: -5px;
	position: absolute;
	width: 210px;
	font-size: 0;
}

.enroll, .enroll a {
	text-decoration: none !important;
	font-size: 13px !important;
	background: var(--primary) !important;
	border-radius: 5px 0 0 5px;
}

.enroll:hover {
	width: 180px !important;
	font-size: 15px !important;
	color: #fff;
}

.enroll:hover #enroll {
	display: block;
	font-size: 16px !important;
}

@media only screen and (max-width:600px) {
	.icon-bar {
		top: 430px;
	}
	.WPButton {
		top: 350px;
	}
	.enquiry {
		top: 120px;
	}
}