/* Fonts */
@font-face {
	font-family: Rubik-Bold;
	src: local("Rubik-Bold.ttf"),
		url("../fonts/Rubik-Bold.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: Rubik-Medium;
	src: local("Rubik-Medium.ttf"),
		url("../fonts/Rubik-Medium.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: Rubik-Regular;
	src: local("Rubik-Regular.ttf"),
		url("../fonts/Rubik-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: Rubik-Semi-Bold;
	src: local("Rubik-SemiBold.ttf"),
		url("../fonts/Rubik-SemiBold.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

/*-  Basic css  -*/
/* ------------- */
/*-  Font css   -*/
.font-16 {
	font-size: 16px !important;
}

.font-18 {
	font-size: 18px;
}

.font-20 {
	font-size: 20px;
}

.font-22 {
	font-size: 22px;
}

.font-24 {
	font-size: 24px;
}

.font-26 {
	font-size: 26px;
}

.font-28 {
	font-size: 28px;
}

.font-32 {
	font-size: 32px;
}

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

.font-50 {
	font-size: 50px;
}

.font-70 {
	font-size: 70px;
}

.font-96 {
	font-size: 96px;
}

/* Font Weight */
.font-weight-500 {
	font-weight: 500;
}

.font-weight-400 {
	font-weight: 400;
}

/* Background color css */
.bgGray {
	background-color: #E8E8E8;
}

.bgLightWight {
	background-color: #F5F5F5 !important;
}

/* colors css */
.colorDark {
	color: #101010;
}

.colorwhite {
	color: #FFFFFF;
}

.colorRed {
	color: #B72221;
}

.colorGray {
	color: #525252;
}

/* padding */
.pad26 {
	padding-bottom: 26px;
}

.pad0 {
	padding-left: 0px;
}
.pad1{
    padding-right: 0px;
}
.margin-bottom-5 {
	margin-bottom: 40px;
}

/* Container Size */
.container {
	max-width: 1300px;
}

/* Comman css */
body {
	font-family: Rubik-Regular;
}

body::-webkit-scrollbar {
	width: 6px;
}

body::-webkit-scrollbar-track {
	background-color: #fff;
}

body::-webkit-scrollbar-thumb {
	background-color: #c51224;
}

/* anchor tag css */
a,
button,
.btn {
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

a:hover,
a:focus,
button:hover,
button:focus,
.btn:hover,
.btn:focus {
	outline: none;
	box-shadow: none;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

/* Border Css */
.bnone {
	border: none;
}

/* Tags */
/* padding */
.ptb-16 {
	padding-top: 16px;
	padding-bottom: 16px;
}

.pt-30 {
	padding-top: 30px;
	padding-bottom: 10px;
}

.ptb-20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.ptb-30 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.ptx-30 {
	padding-left: 30px;
	padding-right: 30px;
}

.ptb-40 {
	padding-top: 70px;
	padding-bottom: 70px;
}

.ptb-50 {
	padding-top: 50px;
	padding-bottom: 50px;
}


.ptb-41 {
	padding-top: 100px;
	padding-bottom: 60px;
}

/* margin */
.mt-40 {
	margin-top: 40px;
}

.mt-34 {
	margin-top: 34px;
}

.mt-20 {
	margin-top: 20px;
}

.marginleft-60 {
	margin-left: 60px;
}

.ml-32 {
	margin-left: 32px;
}

/* P tag */
p {
	font-size: 16px;
	color: #101010;
	line-height: 26px;

}

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}

/* Header Navbar */
nav.navbar {
	background-color: #ffffff;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	position: relative;
}

.navbar .nav-item .nav-link {
	position: relative;
	font-size: 16px;
	color: #101010;
	padding: 7px 22px;
}

.navbar .nav-item .nav-link:hover,
.navbar .nav-item .nav-link:focus,
.navbar .nav-item .nav-link.active {
	background-color: transparent;
	color: #ED1D24;
}

.navbar .bottom-navbar .nav-item .nav-link:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	width: 82%;
	height: 2px;
	background-color: #ED1D24;
	transform: scaleX(0);
	transition: transform .5s ease;
	margin: 0 auto;
}

.navbar .bottom-navbar .nav-item .nav-link:hover:before,
.navbar .nav-item .nav-link.active:before {
	transform: scaleX(1);
}

.navbar .nav-item.dropdown .dropdown-menu {
	border: 0;
	border-bottom: 4px solid #c51425;
	border-radius: 0;
	padding-left: 0px;
	padding-right: 0px;
	-webkit-animation-name: slideOut;
	animation-name: slideOut;
	animation-duration: 0.4s;
	animation-fill-mode: both;
}

.submenu .dropdown-toggle::after {
	right: 8px;
}

.dropdown:hover .dropdown-menu {
	/* display: block !important; */
	-webkit-animation-name: slideIn;
	animation-name: slideIn !important;
	animation-duration: 0.4s;
	animation-fill-mode: both;
}

@keyframes slideIn {
	0% {
		transform: translateY(-1rem);
		opacity: 0;
	}

	100% {
		transform: translateY(0rem);
		opacity: 1;
	}
}

@keyframes slideOut {
	0% {
		transform: translateY(0);
		opacity: 1;
	}

	100% {
		transform: translateY(-1rem);
		opacity: 0;
		display: none;
	}
}

.navbar .nav-item.dropdown .dropdown-item {
	font-size: 16px;
	color: #101010;
	padding: 6px 15px;
}

.navbar .nav-item.dropdown .dropdown-item:hover,
.navbar .nav-item.dropdown .dropdown-item:focus,
.navbar .nav-item.dropdown .dropdown-item.active {
	background-color: transparent;
	color: #ED1D24
}

.navbar .navbar-nav .nav-item .dropdown-menu .secondMenu {
	list-style-type: none;
}

.dropdown-toggle::after {
	content: "\f078";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	position: absolute;
	font-size: 10px;
	right: 0;
	top: 14px;
	border: none;
}

.navbar .navbar-nav .nav-item .dropdown-menu .secondMenu li a {
	position: relative;
}

.navbar .navbar-nav .nav-item .dropdown-menu .secondMenu li a::before {
	content: "\f068";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	position: absolute;
	font-size: 11px;
	left: -2px;
	top: 10px;
}

@media (min-width: 1300px) and (max-width: 1399px) {
	.navbar .nav-item.dropdown:hover .dropdown-menu {
		display: block;
	}
}

.navbar-toggler:focus {
	box-shadow: none;
}

.navbar-toggler .fas {
	font-size: 36px;
	color: #ED1D24;
}

.navbar-expand-lg .offcanvas-body {
	display: flex;
	justify-content: flex-end;
}

.offcanvas-header .btn-close {
	color: #ED1D24 !important;
	font-size: 30px;
	opacity: 1;
	line-height: 1;
	background: none;
}

.offcanvas {
	width: 70%;
	border-left: 4px solid #ED1D24;
}

.offcanvas-title {
	font-size: 22px;
	color: #ED1D24;
}

.btn-donation {
	background-color: #c51224;
	border: 1px solid #c51224;
	color: #ffffff !important;
	border-radius: 20px;
	margin-left: 20px;
}

.btn-donation:hover,
.btn-donation:focus {
	background-color: transparent;
	color: #c51224 !important;
}

/* Navbar Scrolling */
body.scrolled .navbar {
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 9;
	padding: 5px 0;
	background-color: #fff !important;
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

body.scrolled .navbar .navbar-brand img {
	width: 70%;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

body.scrolled nav.navbar::before {
	background-size: 1% 30%;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

/* Carousel Items */
.carousel-indicators [data-bs-target] {
	border: 1px solid transparent;
	background-color: #FFFFFF !important;
}

.carousel-indicators .active {
	position: relative;
	background-color: #c51224 !important;
}

.carouselText {
	position: absolute;
	right: 0%;
	left: 0%;
	top: 12%;
	text-align: left;
}

.carouselTextpara h6 {
	font-size: 20px;
	font-weight: 400;
	line-height: 20px;
	color: #FFFFFF;

}

.carouselTextpara h5 {
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: #FFFFFF;
}

.carouselTextpara h2 {
	font-size: 96px;
	font-weight: 500;
	line-height: 80px;
	text-transform: uppercase;
	font-family: Rubik-Medium;
	color: #FFFFFF;
}

.carouselTextpara h2 span {
	font-size: 50px;
	font-weight: 400;
	line-height: 80px;
	font-family: Rubik-Regular;
	text-transform: uppercase;
	color: #FFFFFF;
}

.carouselimg {
	width: 100%;
	height: 460px;
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
}

/* Heading H1, H2 , H3 , headings */
.heading1 {
	font-family: Rubik-Medium;
	line-height: 30px;
}

h1 {
	font-family: Rubik-Medium;
	line-height: 40px;
}

h2 {
	font-family: Rubik-Medium;
	line-height: 40px;
}

h3 {
	font-family: Rubik-Medium;
	line-height: 30px;
}

.paraRegular {
	font-family: Rubik-Regular;
	line-height: 30px;
}

/* Button css */
.btnGray {
	background-color: #E8E8E8;
	border: #E8E8E8;
	border-radius: 20px;
	padding: 8px 26px;
	font-size: 16px;
	font-weight: 400;
	font-family: Rubik-Regular;
	color: #101010;
}

.btnGray:hover {
	color: #E8E8E8;
	background-color: #B72221;
}

.ourchepter h1 {
	font-weight: 500;
	color: #101010;
	font-size: 32px;
	font-family: Rubik-Medium;
	line-height: 40px;
}

.ourchepter p:first-child {
	font-weight: 500;
	color: #B72221;
	font-size: 22px;
	font-family: Rubik-Medium;
	line-height: 30px;
	padding-bottom: 0px;
}

.ourchepter p:not(:first-child) {
	font-weight: 400;
	color: #525252;
	font-size: 16px;
	font-family: Rubik-Regular;
	line-height: 26px;
}

.joiningheaderbenefit h3 {
	font-family: Rubik-Medium;
	font-size: 22px;
	line-height: 30px;
	font-weight: 500;
	text-align: center;
	color: #B72221;
}

.joiningheaderbenefit h2 {
	font-family: Rubik-Medium;
	font-size: 32px;
	line-height: 40px;
	font-weight: 500;
	text-align: center;
	color: #101010;
}

.joiningheaderbenefit p {
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	text-align: center;
	color: #525252;
}

.cardheading {
	font-family: Rubik-Medium;
	line-height: 22px;
}
.imghomes{
    width: 100%;
    /*height: 100%;*/
    border-radius: 20px;
}

.aboutVibeImage {
	height: 470px;
	width: 100%;
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
}

/* .aboutCard */
.aboutCard p:first-child {
	font-family: Rubik-Medium;
	line-height: 30px;
	font-size: 22px;
	color: #B72221;
	 margin-bottom: 0px;
}

.aboutCard h2 {
	font-weight: 500;
	font-size: 32px;
	color: #101010;
	font-family: Rubik-Medium;
	line-height: 40px;
}

.aboutCard p:not(:first-child) {
	font-family: Rubik-Medium;
	line-height: 26px;
	font-weight: 400;
	font-size: 16px;
	color: #525252;
	padding-top: 16px;
	padding-bottom: 16px;
	/* margin-bottom: 0px; */
}
.aboutCard  button{
	background-color: #c51224;
  	border: 1px solid #c51224;
	padding: 8px 26px;
	font-size: 16px;
	border-radius: 20px;
	font-weight: 400;
	font-family: Rubik-Regular;
	color: #ffffff;
}
.aboutCard  .btn-vuf{
	background-color: #c51224;
  	border: 1px solid #c51224;
	padding: 8px 26px;
	font-size: 16px;
	border-radius: 20px;
	font-weight: 400;
	font-family: Rubik-Regular;
	color: #ffffff;
}
.aboutCard  button:hover{
	background-color: transparent;
  	color: #B72221;
  	border:1px solid  #B72221;
}

.aboutCard  .btn-vuf:hover{
	background-color: transparent;
  	color: #B72221;
  	border:1px solid  #B72221;
}


/* real value */
.realvalue p:first-child {
	font-family: Rubik-Medium;
	line-height: 30px;
	font-weight: 500;
	font-size: 22px;
	text-align: center;
	color: #B72221;
}

.realvalue h2 {
	font-family: Rubik-Medium;
	line-height: 40px;
	font-weight: 500;
	font-size: 32px;
	text-align: center;
	color: #101010;
}

.icons-container {
	text-align: center;
}

.icons-container h3 {
	font-family: Rubik-Medium;
	line-height: 30px;
	font-size: 40px;
	font-weight: 500;
	color: #101010;
	margin-top: 20px;
}

.icons-container p {
	font-family: Rubik-Regular;
	line-height: 30px;
	font-weight: 400;
	font-size: 20px;
	color: #525252;
}

/* join banners */
.joinBanner {
	height: 250px;
	width: 100%;
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
}

.joinnetworking {
	text-align: left;
}

.joinnetworking h3 {
	font-size: 32px;
	font-family: Rubik-Medium;
	line-height: 30px;
	font-weight: 500;
	color: #FFFFFF;
	margin-left: 60px;
}

.joinnetworking p {
	font-size: 20px;
	font-weight: 400;
	margin-top: 20px;
	margin-left: 60px;
	font-family: Rubik-Regular;
	line-height: 30px;
	color: #ffffff;
}

.selectBox {
	padding-top: 24px;
	padding-bottom: 24px;
}

.selectBox .form-select {
	height: 60px;
	font-size: 16px;
	color: #525252;
	cursor: pointer;
	font-weight: 400;
}

.cardheading1 {
	font-family: Rubik-Medium;
	line-height: 22px;
}

.cardheading2 {
	font-family: Rubik-Medium;
	line-height: 46px;
}

.cardheading3 {
	font-family: Rubik-Medium;
	line-height: 36px;
}

/* visionaryheader  */

.visionarycard {
	border: 1px solid #E8E8E8;
	border-radius: 10px;
	height: 426px;

}

.visionaryheader {
	display: flex;
}

.visionaryheader .visionaryimg {
	position: absolute;
	top: -47px;
	left: 24px;
}

.visionaryheader .visionaryimg img {
	border-radius: 20px;
}
.visionarycard a {

	display: flex;
	justify-content: flex-end;
	position: relative;
}
.visionarycard .btn-read{
	background-color: #c51224;
  border: 1px solid #c51224;
  padding: 8px 26px;
  font-size: 16px;
  border-radius: 20px;
  font-weight: 400;
  color: #ffffff;
  width: fit-content;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer; 
  text-decoration: none; 
}
.visionarycard  .btn-read:hover{
	background-color: transparent;
  	color: #B72221;
  	border:1px solid  #B72221;
}
.visionaryfooter h3 {
	font-family: Rubik-Medium;
	line-height: 30px;
	font-size: 22px;
	font-weight: 500;
	color: #B72221;
}

.visionaryfooter p {
	font-family: Rubik-Medium;
	line-height: 36px;
	font-size: 26px;
	font-weight: 500;
	color: #101010;
}

.visionarybody p:first-child {
	font-family: Rubik-Regular;
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	color: #525252;
}

.visionarybody p:not(:first-child) {
	font-family: Rubik-Medium;
	font-size: 20px;
	line-height: 26px;
	font-weight: 400;
	color: #B72221;
	margin-top: 30px;
}

.visionarybody p:not(:first-child) span {
	font-family: Rubik-Medium;
	font-size: 20px;
	line-height: 26px;
	font-weight: 400;
	color: #101010;
}


/* teamcard */
.teamheader h3 {
	color: #B72221;
	font-family: Rubik-Medium;
	font-weight: 500;
	font-size: 22px;
	line-height: 30px;
	text-align: center;
}

.teamheader h2 {
	color: #101010;
	font-family: Rubik-Medium;
	font-weight: 500;
	font-size: 32px;
	line-height: 40px;
	text-align: center;
}

.teamcard {
	border: none;
	position: relative;
}

.teamcard h3 {
	color: #101010;
	font-family: Rubik-Medium;
	font-weight: 500;
	font-size: 22px;
	line-height: 30px;
	text-align: left;
}

.teamcard p {

	color: #525252;
	font-family: Rubik-Regular;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	text-align: left;
}

.teamcard .iconmenu {
	position: absolute;
	top: 68%;
	left: 60%;
	right: 0;
	background-color: #FFFFFF;
	height: 45px;
	width: 80px;
	border: 1px solid transparent;
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
}

.teamcard .iconbar {
	position: absolute;
	top: 35%;
	left: 25%;
	right: 0;
	background-color: #E8E8E8;
	height: 40px;
	width: 40px;
	border: 1px solid #E8E8E8;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.linkedinicon {
	position: absolute;
	top: -284px;
	left: 114%;
	transform: translateX(-80%);
	height: 40px;
	width: 40px;
	opacity: 0;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	border-radius: 50px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center;
	align-items: center;
}

.teamcard .linkedinicon a {
	color: #325DB8;
	cursor: pointer;
}

.teamcard:hover .iconbar {
	position: relative;
	background-color: #B72221;
}

.teamcard:hover h3 {
	color: #B72221;
}

.teamcard:hover img {
	filter: grayscale(0.6);
}

.teamcard:hover .icon {
	color: #ffffff !important;
}

.linkedinicon:hover {
	background-color: #B72221;
	color: #F2F2F2;
	border: transparent;
}

.linkedinicon:hover a {
	color: #F2F2F2 !important;
	border: transparent;
}

.linkedinicon.show {
	opacity: 1;
	top: -284px;
	pointer-events: auto;
	cursor: pointer;
}

.teamcard .iconbar .icon {
	color: #636363;
	font-size: 20px;
}

.team-card-body {
	background-color: transparent;
	border: none;
	padding-left: 0px;
}

/* joining card */
.joinBannervibes {
	height: 610px;
	/* height: 588px; */
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
}

.joiningheader h3 {
	color: #B72221;
	font-family: Rubik-Medium;
	font-weight: 500;
	font-size: 22px;
	line-height: 30px;
	text-align: left;
}

.joiningheader p {
	color: #101010;
	font-family: Rubik-Medium;
	font-weight: 500;
	font-size: 32px;
	line-height: 40px;
	text-align: left;
}

.form-button {
	background-color: #BA121A;
	color: #FFFFFF;
	padding: 12px 38px;
	border: 1px solid transparent;
	border-radius: 20px;
}

.form-button:hover {
	background-color: transparent;
	color: #B72221;
	border: 1px solid #B72221;
}

/* news */
.newsheader h3 {
	color: #B72221;
	font-family: Rubik-Medium;
	font-weight: 500;
	font-size: 22px;
	line-height: 30px;
	text-align: center;
}

.newsheader h2 {
	color: #101010;
	font-family: Rubik-Medium;
	font-weight: 500;
	font-size: 32px;
	line-height: 40px;
	text-align: center;
}

.our-chepter {
	position: relative;
	border: none;
	height: 100%;
	
}
.our-chepter .curvecard {
	position: relative;
	display: inline-block;
	overflow: hidden;
	border: none;
	border-bottom-right-radius: 20px;
}

.curvecard .img-container {
	width: 100%;
	height: 100%;
}


.curvecard .img-container .imgcurvecard {
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	width: 100%;
}
    .curvecard .imgContainer 
    {
        width: auto;
        height: 250px;
        display: flex;
        justify-content: center; 
        align-items: center; 
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        border: 1px solid #E8E8E8;
    }

    .curvecard .imgContainer .imgchapters
    {
        width: 60%; 
    }
.curvecard .textoverlaychapter {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 8px 0px;
	border:1px solid transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 0px;
	font-weight: 500;
	width: 64%;
	box-sizing: border-box;
	content: '';
	background: #E8E8E878;
}

.curvecard .textoverlaychapter p {
	font-size: 16px;
	font-weight: 500;
	margin: 0px;
	color: #B72221;
	line-height: 22px;
	font-family: Rubik-Medium;
	text-align: left;
	margin-left: 16px;
}

.curvecard .text-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: white;
	padding: 8px 0px;
	border-top-right-radius: 20px;
	font-weight: 500;
	width: 64%;
	box-sizing: border-box;
}

.curvecard .text-overlay {
	content: '';
	background: white;
}

.curvecard .text-overlay p {
	font-size: 16px;
	font-weight: 500;
	margin: 0px;
	color: #B72221;
	line-height: 22px;
	font-family: Rubik-Medium;
	text-align: left;
}

.curvecardtext {
	/* position: relative; */
	padding-left: 0px;
}

.curvecardtext .stretched-link h3 {
	font-size: 22px;
	color: #101010;
	line-height: 30px;
	font-family: Rubik-Medium;
	text-align: left !important;
}

.curvecardtext .imgCardJoiny {
	display: flex;
	align-items: center;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
}

.curvecardtext .btn-vuf {
	background-color: #E8E8E8;
	color: #101010;
	font-size: 16px;
	font-weight: 400;
	padding: 7px 20px;
	border: 1px solid transparent;
	border-radius: 20px;
	/* margin-top: 20px; */
}

.our-chepter:hover .curvecardtext .btn-vuf {
	background-color: #B72221;
	color: #FFFFFF;
}
.our-chepter:hover .imgContainer{
	background-color: #E8E8E8C9;
	border: 1px solid transparent;
	border-radius: 20px;
}
.our-chepter:hover .textoverlaychapter{
	background-color: #FFFFFF;
	border: 1px solid transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 0px;
}
.imgCardJoiny:hover .joinyimg {
	filter: grayscale(1);
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.our-chepter:hover .imgCardJoiny p {
	color: #B72221;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.our-chepter:hover .curvecardtext .stretched-link h3 {
	color: #B72221;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.imgCardJoiny img {
	height: 40px;
	width: 40px !important;
}

.curvecardtext .imgCardJoiny p {
	font-family: Rubik-Regular;
	font-size: 22px !important;
	font-weight: 400;
	line-height: 30px;
	margin: 0.5rem;
	color: #101010;
}

.curvecardtext p {
	font-size: 16px;
	color: #525252;
	line-height: 26px;
	text-align: left !important;
	font-weight: 400;
	margin-top: 20px;
}

.curvecardtext h6 {
	font-size: 16px;
	color: #525252;
	line-height: 26px;
	text-align: left !important;
	font-weight: 400;
}


.our-chepter:hover .img-container .imgcurvecard {
	filter: grayscale(1);
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.curvecard:hover~.curvecardtext .stretched-link:hover h3,
.curvecardtext .stretched-link:hover h3 {
	color: #B72221 !important;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}


/* success card */
.successheader h3 {
	font-size: 22px;
	color: #B72221;
	line-height: 30px;
	font-family: Rubik-Medium;
	text-align: center;
}

.successheader h2 {
	font-size: 32px;
	color: #101010;
	line-height: 40px;
	font-family: Rubik-Medium;
	text-align: center;
}

.successcard {
    width: 100%;
    height: 300px; /* Fixed height for all cards */
    min-height: 300px; /* Ensures the height won't shrink below 300px */
    border: 1px solid transparent;
    border-radius: 30px;
    position: relative;
}

.successcard .successcard-header {
	display: flex;
	padding-left: 20px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0px;

}

.successcard .successcard-header p {
	font-size: 16px;
	color: #B72221;
	line-height: 20px;
	font-family: Rubik-Regular;
	text-align: left;
	font-weight: 400;
	margin-left: 14px;
	margin-top: 16px;
}

.successcard .successcard-header p span {
	color: #525252;
}

.bordercard {
	background-color: #101010;
	width: 90%;
	margin-left: 14px !important;
}

.successcard .successcard-header img {
	height: 70px;
	width: 70px;
	border: 1px solid transparent;
	border-radius: 100%;
}

.successcard .successcardbody {
	margin-left: 22px;
	padding-left: 0px;
	position: relative;
	padding-top: 0px;

}

/* .successcard .successcardbody p:first-child {
	font-size: 16px;
	color: #101010;
	line-height: 22px;
	font-family: Rubik-Regular;
	text-align: left;
	font-weight: 400;
}

.successcard .successcardbody p:not(:first-child) {
	color: #525252;

} */

.successcard .successcardbody p{
		font-size: 16px;
	color: #525252;
	line-height: 22px;
	font-family: Rubik-Regular;
	text-align: left;
	font-weight: 400;
}
.successcard .successcardbody .parentcircle {
	position: absolute;
	top: 83%;
	background-color: #f5f5f5;
	border: 1px solid transparent;
	border-radius: 50%;
	height: 60px;
	width: 60px;
	left: 83%;
	right: 0;
}

.successcard .successcardbody .parentcircle .circleicon {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-direction: row;
	background-color: #FFFFFF;
	color: #ffffff;
	border: 1px solid transparent;
	border-radius: 50%;
	position: absolute;
	top: 16%;
	left: 16%;
	height: 36px;
	width: 36px;
	cursor: pointer;
}

.successcard .successcardbody .parentcircle .circleicon .rightarrow {

	position: relative;
	color: #525252;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;

}

.successcard .stretched-link:hover .successcardbody .parentcircle .circleicon {
	background-color: #B72221;

}

.successcard .stretched-link:hover .successcardbody .parentcircle .circleicon .rightarrow {
	color: #F2F2F2;

}


.successcard .successcardbodyHome p{
	 color: #525252;
    line-height: 22px;
    font-family: Rubik-Regular;
    text-align: left;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 4; /* Limit to 4 lines */
    -webkit-box-orient: vertical;
    overflow: hidden; 
}
.successcard .successcardbodyHome .parentcircle {
	position: absolute;
	top: 83%;
	background-color: #f5f5f5;
	border: 1px solid transparent;
	border-radius: 50%;
	height: 60px;
	width: 60px;
	left: 88%;
	right: 0;
}

.successcard .successcardbodyHome .parentcircle .circleicon {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-direction: row;
	background-color: #FFFFFF;
	color: #ffffff;
	border: 1px solid transparent;
	border-radius: 50%;
	position: absolute;
	top: 16%;
	left: 16%;
	height: 36px;
	width: 36px;
	cursor: pointer;
}

.successcard .successcardbodyHome .parentcircle .circleicon .rightarrow {

	position: relative;
	color: #525252;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;

}

.successcard .stretched-link:hover .successcardbodyHome .parentcircle .circleicon {
	background-color: #B72221;

}

.successcard .stretched-link:hover .successcardbodyHome .parentcircle .circleicon .rightarrow {
	color: #F2F2F2;

}

/* instagramvibe */
.instagramvibe h3 {
	font-size: 22px;
	color: #101010;
	line-height: 30px;
	font-family: Rubik-Medium;
	font-weight: 500;
	text-align: center;
}

.instagramvibe h3 img {
	margin-right: 10px;
	height: 40px;
	width: 40px;
}

.instagramvibe p {
	font-size: 16px;
	color: #525252;
	line-height: 24px;
	font-family: Rubik-Regular;
	font-weight: 400;
	text-align: center;
}

.owl-theme .owl-dots .owl-dot span {
	width: 8px;
	height: 8px;
	margin: 5px 7px;
	background-color: #B1B1B1 !important;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity .2s ease;
	border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span {
	width: 10px;
	height: 10px;
	position: relative;
	background-color: red;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background-color: #B72221 !important;
}

.owl-theme .owl-dots .owl-dot.active span::before {
	content: "";
	position: absolute;
	top: -3px;
	left: -3px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: transparent;
	box-shadow: 0 0 0 2px #B72221;
	z-index: -1;
}

.owl-theme .owl-nav.disabled+.owl-dots {
	margin-top: 20px;
}

/* footer */
.iconfooter {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	padding: 10px 10px;
}

.iconfooter .instaicon {
	color: #595959 !important;
	background-color: transparent;
	border-radius: 50%;
	border: 1px solid #595959;
	padding: 6px 9px;
	margin-right: 10px;
	font-size: 14px;
}

.iconfooter .xicon {

	color: #595959 !important;
	background-color: transparent;
	border-radius: 50%;
	border: 1px solid #595959;
	padding: 6px 7px;
	margin-right: 10px;
	font-size: 14px;
}

.iconfooter .facebook-icon {
	color: #595959 !important;
	background-color: transparent;
	border-radius: 50%;
	border: 1px solid #595959;
	padding: 6px 6px;

	font-size: 14px;
	margin-right: 10px;
}

.iconfooter .instaicon:hover {
	background-color: #B72221;
	color: #ffffff !important;
	border: 1px solid transparent;
}

.iconfooter .xicon:hover {
	background-color: #B72221;
	color: #ffffff !important;
	border: 1px solid transparent;
}

.iconfooter .facebook-icon:hover {
	border: 1px solid transparent;
	background-color: #B72221;
	color: #ffffff !important;
}

.borderright {
	border-right: 1px solid #E0E0E0;
}

.footerlisting {
	margin-left: 20px;
}

.footerlisting ul li {
	list-style: none;
}

.footerlisting ul li a {
	font-size: 16px;
	line-height: 40px;
	letter-spacing: 5;
	color: #525252;
	cursor: pointer;
}

.footerlisting ul li a:hover {
	color: #B72221;
	cursor: pointer;
}

.joinbuttonfooter {
	border: 1px solid transparent;
	border-radius: 8px;
	padding: 10px 30px;
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	margin-left: 40px;
	background-color: #B72221;
	color: #ffffff;
}

.joinbuttonfooter:hover {
	background-color: transparent;
	color: #B72221;
	border: 1px solid #B72221;
}

.footernumeric {
	margin-left: 40px;
	margin-top: 50px;
}

.footernumeric h3 a {
	font-size: 28px;
	line-height: 40px;
	font-family: Rubik-Medium;
	font-weight: 500;
	color: #101010;
}

.fottercard {
	background-color: #101010;
	width: 96%;
	margin-top: 20px;
	margin-left: 22px !important;
}

.footercontainer {
	background-color: #FFFFFFE0;
	border: 1px solid #ffffff;
	border-radius: 20px;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 40px;
	padding-bottom: 0px;
}

.footerbottom p {
	padding-bottom: 0px;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: center;
	color: #525252;
}

.footerbottom p span {
	color: #101010;
}

.successowl .owl-stage-outer {
	height: 308px !important;
}

.HomeJoinvibesform {
	position: relative;
}

.joininput {
	height: 50px;
	/*border: none; */
	position: relative !important;
}

.HomeJoinvibesform label.error {
	position: absolute;
	margin-top: 1px;
	font-size: 14px;
	margin-bottom: 0px !important;
	color: red;
}
.otpError{
	color: red;
	margin-top: 14px !important;
}

.footerbg {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}

/* about Vibes banner */
.bannerabout {
	height: 220px;
	width: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.bannerabout .row {
	height: 100%;
}

.bannerabout .bannertext {
	position: relative;
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: flex-start;
}

.bannerabout .bannertext p {
	font-size: 40px;
	color: #FFFFFF;
	line-height: 80px;
	margin-bottom: 0;
}

.bannerabout .bannertext h1 {
	font-size: 40px;
	color: #ffffff;
	margin-bottom: 0;
	font-weight: 400;
	line-height: 48px;
}

.includevibesbanner {
	height: 400px;
	width: 100%;
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
}

.bannerourcorevalue {
	/* height: 580px; */
	height: 506px;
	width: 100%;
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;

}

.our-core-values {
	padding-top: 30px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
}

.our-core-values h3 {
	font-size: 22px;
	line-height: 30px;
	font-family: Rubik-Medium;
	font-weight: 500;
	color: #B72221;
}

.our-core-values h2 {
	font-size: 32px;
	line-height: 40px;
	font-family: Rubik-Medium;
	font-weight: 500;
	color: #101010;
}

.our-core-values p {
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	color: #525252;
}

.our-core-values ul li {
	font-size: 22px;
	line-height: 36px;
	font-weight: 400;
	color: #101010;
}

/* details */
.detailsimages img {
	/* height: 420px; */
	/* width: 620px; */
	border: 1px solid transparent;
	border-radius: 10px;
}

.chepterdeals h3 {
	font-size: 22px;
	line-height: 30px;
	font-family: Rubik-Medium;
	font-weight: 500;
	color: #B72221;
}

.chepterdeals h2 {
	font-size: 32px;
	line-height: 40px;
	font-family: Rubik-Medium;
	font-weight: 500;
	color: #101010;
}
.chepterdeals h6 {
	font-size: 16px;
	line-height: 26px;
	font-family: Rubik-Semi-Bold;
	font-weight: 700;
	color: #525252;
	margin-bottom: 0px;
}
.chepterdeals h1 {
	font-size: 36px;
	line-height: 40px;
	font-family: Rubik-Medium;
	font-weight: 500;
	color: #101010;
}
.chepterdeals p {
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	color: #525252;
	/* margin-bottom: 0px; */
}

.chepterdealsimg img {
	height: 270px;
	width: 400px;
	border: 1px solid transparent;
	border-radius: 10px;
}

.chepterdeals h4 {
	font-family: Rubik-Semi-Bold;
	font-size: 22px;
	line-height: 30px;
	font-weight: 600;
	color: #101010;
}

.chepterdeals ul li {
	font-family: Rubik-Medium;
	font-size: 16px;
	line-height: 26px;
	font-weight: 500;
	color: #525252;
}
.chepterdeals ul li span{
	font-family: Rubik-Regular;
	font-size: 16px;
	line-height: 26px;
	font-weight: 500;
	color: #525252;
}
.chepterdeals .logoimg{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}
.chepterdeals .logoimg img{
	height: 75px;
}

.flexnavbar {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.borderhr {

	border-bottom: 1px solid #E8E8E8;
}

.flexnavbar ul li {
	background-color: transparent;
	width: 50%;
}

.flexnavbar ul li a {
	font-size: 22px;
	font-weight: 400;
	line-height: 30px;
	color: #101010;
	text-align: center;
}

.flexnavbar ul li .active {
	color: #B72221 !important;
	background-color: #E8E8E8 !important;
}

.flexnavbar ul li a:hover {
	color: #B72221 !important;
	background-color: #E8E8E8 !important;
}

.mgb-mobile {
	margin-bottom: 44px !important;
}


.getInTouchSec {
	position: relative;
}

.getInTouchSec .getInTouchItem {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	align-items: baseline;
	justify-content: flex-start;
}

.getInTouchSec .getInTouchItem i {
	font-size: 20px;
	line-height: 1.5;
	color: #B72221;
	min-width: 30px;
}

.getInTouchSec .getInTouchItem p,
.getInTouchSec .getInTouchItem a {
	font-size: 18px;
	color: #525252;
	font-family: Rubik-Regular;
}

.getInTouchSec .getInTouchItem a:hover,
.getInTouchSec .getInTouchItem a:focus {
	color: #B72221;
}

.getInTouchheader h3 {
	font-size: 32px;
	font-weight: 500;
	line-height: 40px;
	color: #c51224;
	font-family: Rubik-Medium;
	text-align: left;
	margin-bottom: 24px;
}
.getInTouchheader p{
	font-size: 18px;
	font-family: Rubik-Medium;
  	color: #525252;
}
.contactinput {
	background-color: transparent;
	border: 1px solid #E8E8E8;
	height: 50px;
}

.contacttextarea {
	background-color: transparent;
}

.contact-form button {
	background-color: #c51224;
	color: #ffffff;
	border: 1px solid transparent;
	border-radius: 10px;
	padding: 8px 20px;
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
}

.contact-form button:hover {
	background-color: transparent;
	color: #c51224;
	border: 1px solid #c51224;
}

.contact-form {
	position: relative;
}

.back-top {
	cursor: pointer;
	position: fixed !important;
	bottom: 40px;
	right: 40px;
	display: none;
	z-index: 99;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-color: #c51224;
	color: #fff;
	border-radius: 50%;
	width: 52px;
	height: 52px;
	line-height: 52px;
	text-align: center;
}

.back-top.back-top-show {
	display: block;
	visibility: visible;
	opacity: 0.5;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.back-top.back-top-show:hover {
	opacity: 1;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.back-top:before {
	content: "\f176";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.contact-form label.error {
	position: absolute;
	margin-top: 1px;
	font-size: 14px;
	margin-bottom: 0px !important;
	color: red;
}

.swal2-popup {
	background-color: #fbffec !important;
	font-family: Rubik-Regular;
	width: 24em !important;
}

.swal2-title {
	font-family: Rubik-Bold;
	color: #0a472e !important;
}

.swal2-html-container {
	font-family: Rubik-Regular;
	color: #434242 !important;
	margin: 0 0 0 0 !important;
}

.swal2-confirm {
	font-family: Rubik-Regular;
	background-color: #B72221 !important;
	color: white !important;
}

.swal2-cancel {
	font-family: Rubik-Regular;
	background-color: #f7c444 !important;
	color: #0a472e !important;
}

.swal2-icon {
	background-color: #ffffff !important;
	border-color: #000000 !important;
	color: #000000 !important;
}

.swal2-icon.swal2-error {
	border-color: #B72221 !important;
	color: #B72221 !important;
	background-color: transparent !important;
}

.swal2-icon.swal2-warning {
	border-color: #ffc107 !important;
	color: #856404 !important;
	background-color: transparent !important;
}

.swal2-icon.swal2-info {
	border-color: #17a2b8 !important;
	color: #0c5460 !important;
	background-color: transparent !important;
}

.curvecard .badgeevent {
	position: absolute;
	top: 10px;
	right: 20px;
	font-weight: 500;
	box-sizing: border-box;
	z-index: 1;
	height: 30px;
	width: 100px;
	background-color: #ffffffba;
}

.curvecard .badgeevent p {
	font-size: 14px;
	font-weight: 500;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0px;
	color: #B72221;
	line-height: 22px;
	font-family: Rubik-Medium;
	text-align: left;
}

.vibesfaqs .accordion-button {
	height: 50px;
	width: 100%;
	font-family: Rubik-Medium;
	font-size: 18px;
}

.vibesfaqs .accordion-body {
	color: #525252;
	background-color: #ffffff;
	font-family: Rubik-Regular;
	font-size: 16px;
}

.vibesfaqs .accordion-button:not(.collapsed) {
	color: #ffffff;
	background-color: #B72221;
	box-shadow: none;
}

.vibesfaqs .accordion .accordion-item {
	margin-bottom: 10px;
	border-top: 1px solid #E8E8E8;
}

.vibesfaqs .accordion-button:not(.collapsed)::after {
	filter: invert(100%) sepia(100%) saturate(100%) hue-rotate(100deg) brightness(100%) contrast(100%) !important;
}

.joinmeetingform {
	width: 100%;
	margin: 0 auto;
	display: block;
	background-color: #F5F5F5;
	padding: 20px;
	position: relative;
	border-radius: 8px;
}

.join_meeting_card h2 {
	color: #B72221;
	position: relative;
	font-weight: 500;
	font-size: 50px;
	font-family: Rubik-Medium;
	line-height: 50px;
}

.join_meeting_card p {
	font-family: Rubik-Medium;
	line-height: 26px;
	font-weight: 400;
	font-size: 18px;
	color: #525252;
}

.joinmeetingform label {
	font-size: 16px;
	font-family: Rubik-Regular;
}

.joinmeetingform p {
	font-family: Rubik-Medium;
	line-height: 26px;
	font-weight: 400;
	font-size: 18px;
	color: #525252;
	text-align: center;
}

.joinmeetingform .joininput {
	height: 50px;
	border: 1px solid #E8E8E8;
}

.joinmeetingform .formbutton {
	background-color: #BA121A;
	color: #FFFFFF;
	padding: 12px 38px;
	border: 1px solid transparent;
	border-radius: 20px;
	  display: block;
    margin-left: auto;
    margin-right: auto;
}

.joinmeetingform label.error {
	position: absolute;
	margin-top: 1px;
	font-size: 14px;
	margin-bottom: 0px !important;
	color: red;
}

.joinmeetingform #checkbox-error {
	position: absolute;
	margin-top: 46px;
	font-size: 14px;
	margin-bottom: 0px !important;
	color: red;
	margin-left: -16px;
}

.join_meeting_card:nth-child(2) {
	border-top: 1px solid #E8E8E8;
	border-bottom: 1px solid #E8E8E8;
	padding-top: 20px;
	padding-bottom: 6px;
}

.join_meeting_card {
	margin-bottom: 20px;
}
.btn-youtube{
	background-color: #BA121A;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
  	padding: 8px 20px;
}
.btn-youtube:hover {
	background-color: transparent;
	color: #B72221;
	border: 1px solid #B72221;
}

.lSSlideOuter {
  /*position: sticky;*/
  top: 130px;
}
.lSSlideOuter .lSPager.lSGallery li {
  height: 38px;
  border-radius: 5px;
}
.lSSlideOuter .lSPager.lSGallery li.active img, .lSSlideOuter .lSPager.lSGallery li:hover img {
  border-color: #B72221;
}
.lSSlideOuter .lSPager.lSGallery {
  height: auto !important;
}
#openVideoModal .embed-responsive .embed-responsive-item {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 460px;
  border: 0;
  object-fit: fill;
  border: none;
  outline: none;
  box-shadow: none;
}
.curvecardtext1 {
	font-size: 16px;
	color: #525252;
	line-height: 26px;
	text-align: left !important;
	font-weight: 400;
	 display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.curvecardtext1 p {
	font-size: 16px;
	color: #525252;
	line-height: 26px;
	text-align: left !important;
	font-weight: 400;
	margin-top: 20px;
}
.aboutvibesCard{
	border: none;
}
.aboutvibesCard .card-body{
	padding-left: 0px;
}
.aboutvibesCard h2{
	font-weight: 500;
	font-size: 32px;
	color: #101010;
	font-family: Rubik-Medium;
	line-height: 40px;
}
.aboutvibesCard p{
	font-family: Rubik-Regular;
	line-height: 26px;
	font-size: 16px;
	color: #525252;
}
.aboutvibesCard img{
	height: auto;
	width: 100%;
	border-radius: 10px;
}

.aboutCardvibes h2{
	font-weight: 500;
	font-size: 32px;
	color: #101010;
	font-family: Rubik-Medium;
	line-height: 40px;
}
.aboutCardvibes h3{
	font-size: 22px;
	color: #B72221;
	font-family: Rubik-Medium;
	line-height: 30px;
}
.aboutCardvibes p{
		font-family: Rubik-Regular;
	line-height: 26px;
	font-size: 16px;
	color: #525252;
}
.BannerJoinVibes {
	height: 550px;
	width: 100%;
	background-position: top right;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
}
.aboutCard img{
	border-radius: 20px;
}
.aboutCardProject img{
	border-radius: 20px;
}
.aboutCardProject h2{
	font-size: 32px;
	color: #101010;
	font-family: Rubik-Medium;
	line-height: 40px;
	text-align: center;
}
.aboutCardProject h3{
	font-size: 22px;
	color: #101010;
	font-family: Rubik-Medium;
	line-height: 40px;
}
.aboutCardProject p{
	font-family: Rubik-Regular;
	line-height: 26px;
	font-size: 16px;
	color: #525252;
}

.icons-containervuf {
	text-align: center;
	padding: 20px 20px;
  border-radius: 8px;
}

.icons-containervuf h3 {
	font-family: Rubik-Medium;
	line-height: 40px;
	font-size: 40px;
	font-weight: 500;
	color: #101010;
	margin-top: 20px;
}

.icons-containervuf p {
	font-family: Rubik-Regular;
	line-height: 30px;
	font-weight: 400;
	font-size: 20px;
	color: #525252;
}
.row .col-xxl-4:nth-child(1) .icons-containervuf {
    background-color: #F8FCF7;
}

.row .col-xxl-4:nth-child(2) .icons-containervuf {
    background-color: #F2F9F7;
}

.row .col-xxl-4:nth-child(3) .icons-containervuf {
    background-color: #ECEDE6;
}
.privacyPolicy h2{
	font-size: 32px;
	color: #101010;
	font-family: Rubik-Medium;
	line-height: 40px;
}
.privacyPolicy h3{
	font-family: Rubik-Medium;
	line-height: 40px;
	font-size: 22px;
	font-weight: 500;
	color: #101010;

	margin-top: 20px;
}
.privacyPolicy p{
	font-family: Rubik-Regular;
	line-height: 26px;
	font-weight: 400;
	font-size: 16px;
	color: #525252;
	margin-bottom: 0px;
}
.privacyPolicy ol li{
	font-family: Rubik-Medium;
	line-height: 40px;
	font-size: 22px;
	font-weight: 500;
	color: #101010;
	margin-left: 0;
}

.greetingscontainer img{
	height: auto;
	width: 100%;
	border-radius: 20px;
}
.greetingscontainer h2{
	font-size: 32px;
	color: #101010;
	font-family: Rubik-Medium;
	line-height: 40px;
}
.greetingscontainer h3{
	font-family: Rubik-Medium;
	line-height: 40px;
	font-size: 22px;
	font-weight: 500;
	color: #101010;
	margin-top: 20px;
}
.greetingscontainer p{
	font-family: Rubik-Regular;
	line-height: 26px;
	font-weight: 400;
	font-size: 16px;
	color: #525252;
}
.icons-containervibes {
	text-align: center;
	padding: 20px 20px;
  border-radius: 8px;
}

.icons-containervibes h3 {
	font-family: Rubik-Medium;
	line-height: 40px;
	font-size: 40px;
	font-weight: 500;
	color: #101010;
	margin-top: 20px;
}

.icons-containervibes p {
	font-family: Rubik-Regular;
	line-height: 30px;
	font-weight: 400;
	font-size: 20px;
	color: #525252;
}
.row .col-xxl-2:nth-child(1) .icons-containervibes {
    background-color: #E9F0FF;
}

.row .col-xxl-2:nth-child(2) .icons-containervibes {
    background-color: #F8FCF7;
}

.row .col-xxl-2:nth-child(3) .icons-containervibes {
    background-color: #F2F9F7;
}

.row .col-xxl-2:nth-child(4) .icons-containervibes {
    background-color: #ECEDE6;
}
.row .col-xxl-2:nth-child(5) .icons-containervibes {
    background-color: #F8ECEA;
}
.calenderheader{
	margin-left: 20px;
	padding: 8px 14px;
	background-color: #c51224;
	border: 1px solid #c51224;
	border-radius: 20px;
	cursor: pointer;
}
.calenderheader i {
	font-size: 20px;
	color: #E8E8E8;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;

}
.calenderheader:hover {
    background-color: transparent;
}

.calenderheader:hover i {
    color: #c51224;
}
.our-chepter .NewsBanner{
    height: 272px;
	width: 100%;
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.our-chepter:hover .NewsBanner {
	filter: grayscale(1);
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.events-content p, .events-content ul li, .events-content ol li, .events-content a
{
	font-family: Rubik-Regular;
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	color: #525252;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.events-content a:hover, .events-content a:focus
{
	color: #b72221;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.events-content h1, .events-content h2, .events-content h3, .events-content h4, .events-content h5, .events-content h6
{
	font-family: Rubik-Medium;
	color: #525252;
}
 .centraltable tbody tr td{
            color: #101010;
            font-family: Rubik-Regular;
            font-size: 18px;
            line-height: 26px;
        }
.centralhead{
	font-family: Rubik-Bold;
	font-size: 20px;
	line-height: 26px;
	background-color: rgb(183, 34, 33) !important;
    color: rgb(255, 255, 255) !important;
}
.otp-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0;
}
.otp-input {
    width: 50px;
    height: 50px;
    text-align: center;
    font-size: 18px;
    margin-right: 0px;
    border: 1px solid #ced4da;
    border-radius: 5px;
}

.teamTableCard .table thead tr:first-child th
{
	background-color: #B72221;
	color: #ffffff;
}

.teamTableCard .table tbody tr td img
{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin-right: 10px;
}
.teamTableCard .table thead tr th
{
	font-family:Rubik-Medium;
	font-size: 18px;
}
.color-Firebrick {
    color: #B72221 !important;
}
.chepterdeals .btn-read{
	background-color: #c51224;
  border: 1px solid #c51224;
  padding: 8px 26px;
  font-size: 16px;
  border-radius: 20px;
  font-weight: 400;
  color: #ffffff;
  width: fit-content;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer; 
  text-decoration: none; 
}
.chepterdeals  .btn-read:hover{
	background-color: transparent;
  	color: #B72221;
  	border:1px solid  #B72221;
}
.footerSec
{
	background-color: #B72221;
	padding-top: 30px;
	padding-bottom: 30px;
	position: relative;
}
.footerSec::after
{
	content: '';
	position: absolute;
	top: -170px;
	left: 40px;
	background-image: url(../../images/footer-temple.png);
	background-size: cover;
	background-repeat: no-repeat;
	width: 187px;
	height: 170px;
}
.border-dashed
{
	border-bottom: 1px dashed #C09063;
}
.footerSec .footerNoteSec
{
	display: flex;
	align-items: center;
    justify-content: space-between;
	padding-top: 1rem;
}
.footerSec .footerNoteSec ul
{
	list-style-type: none;
	padding: 0;
	margin-bottom: 0;
	display: flex;
	margin-right: 12px;
}
.footerSec .footerNoteSec ul li:not(:last-child)
{
	margin-right: 20px;

}
.footerSec .footerNoteSec ul li
{
	position: relative;
	
}
.footerSec .footerNoteSec ul li:not(:last-child)::after
{
	content: '|';
	position: absolute;
	right: -12px;
	color: #ffffff;
	line-height: 1.5;
}
.footerSec .footerNoteSec ul li a, .footerSec .footerNoteSec p
{
	color: #ffffff;
	font-size: 16px;
}
.qrCodeSection::before
{
	content: '';
	background-image: url(../../images/top-menu-border-1.png);
	width: 100%;
	height: 30px;
	position: absolute;
	background-repeat: repeat-x;
	top: 0;
	left: 0;
	right: 0;
}
.qrCodeSection h3
{
	font-family:Rubik-Bold;
	font-size: 16px;
	color: #B72221;
	margin-bottom: 15px;
}
.qrCodeSection .qrLinks
{
	list-style-type: none;
	padding: 0;
}
.qrCodeSection .qrLinks li
{
	background-color: #ffffff;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	padding: 8px 10px;
	border-radius: 30px;
	margin-bottom: 15px;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.qrCodeSection .qrLinks li a
{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: #3F3E3E;
	font-size:16px;
	position: relative;
}
.qrCodeSection .qrLinks li a i
{
	font-size: 16px;
    padding: 10px;
    border-radius: 70%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    color: #ffffff;
}

.qrCodeSection .qrLinks li:hover
{
	background-color: #B72221;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.qrCodeSection .qrLinks li:hover a
{
	color: #ffffff;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.qrCodeSection .qrLinks li a .live-badge
{
	border-radius: 50%;
	margin: 0px;
	height: 10px;
	width: 10px;
	transform: scale(1);
	background: #ff0000;
	box-shadow: 0 0 0 0 #ff0000;
	animation: pulse-red 2s infinite;
	margin-top: 0;
	display: inline-block;
	position: absolute;
	right: 15px;
}
.qrCodeSection .btnGroup
{
	display: flex;
	justify-content: space-between;
}
.qrCodeSection .btnGroup a
{
	background-color: #B72221;
	border: 1px solid #B72221;
	border-radius: 10px;
	width: 49%;
	padding: 6px 10px;
}
.qrCodeSection .btnGroup a:hover, .qrCodeSection .btnGroup a:focus
{
	background-color: #a91817;
	border: 1px solid #a91817;
}
/*.qrCodeSection hr
{	margin: 2rem 0;
}*/
.additionalInfoRegisterForm .btn-read{
	background-color: #c51224;
  border: 1px solid #c51224;
  padding: 8px 26px;
  font-size: 16px;
  border-radius: 20px;
  font-weight: 400;
  color: #ffffff;
  width: fit-content;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer; 
  text-decoration: none; 
}
.additionalInfoRegisterForm  .btn-read:hover{
    background-color: transparent;
    color: #B72221;
    border: 1px solid #B72221;
}

.joiningheaderbenefitTitle h2 {
	font-family: Rubik-Medium;
	font-size: 32px;
	line-height: 40px;
	font-weight: 500;
	text-align: center;
	color: #B72221;
}
.additionalInfoRegisterForm label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.additionalInfoRegisterForm label.error {
    position: static;
    font-size: 14px;
    color: red;
    margin: 0;
    font-weight: 400;
}
.additionalInfoRegisterForm .form-group {
    position: relative;
}

.additionalInfoRegisterForm label.error {
      position: absolute;
    top: 2px;
    right: 12px;
    font-size: 14px;
    color: red;
    margin: 0;
}
.required-star {
    color:  #B72221; /* black, label ka default color */
    font-weight: bold;
}
.registerright{
	    text-align: right !important;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    align-content: flex-start;
	margin-top: -30px;
}
.mobileEvent {
  width: 50% !important; /* !important tab use karo jab Bootstrap ki classes override karni ho */
}
.eventcheckout{
	margin-left: 74px !important;
}
.curvecard .badgeevent1 {
    position: absolute;
    top: 10px;
    right: 108px;
    font-weight: 500;
    box-sizing: border-box;
    z-index: 1;
    height: 30px;
    width: 100px;
    background-color: #ffffffba;
}

.curvecard .badgeevent1 p {
	font-size: 14px;
	font-weight: 500;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0px;
	color: #B72221;
	line-height: 22px;
	font-family: Rubik-Medium;
	text-align: left;
}