:root {
	--title-size: 2rem;
	--title-size-2: 1.25rem;
	--para-size: 1.025rem;
	--para-size-2: 0.95rem;
	--para-size-3: 0.8rem;
	--color-primary: #E4341F;
	--color-secondary: #2E2E2E;
	--color-fff: #ffffff;
	--bold-font-weight: bold;
}

html,
body, h1 {
	font-family: 'Lorin', Arial, Helvetica, sans-serif !important;
}

/* Sticky Tray Start */
.icon-tray-holder,
.brochure-btn-holder {
	position: relative;
	height: 100%;
}

.icon-tray {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 0.8rem;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 2.2rem;
	height: 12rem;
	background: transparent linear-gradient(180deg, #581015 0%, #9C020C 100%) 0% 0% no-repeat padding-box;
	z-index: 99;
}

.social-icon {
	width: 1rem;
}

.brochure-cta {
	width: 10rem;
	height: 2.125rem;
	background: transparent linear-gradient(240deg, #581015 0%, #9C020C 100%) 0% 0% no-repeat padding-box;
	border-radius: 0.625rem 0rem 0rem 0rem;
	position: fixed;
	bottom: 0;
	right: 0;
	text-decoration: none;
	padding: 0.375rem 0.875rem;
	color: #ffffff;
	z-index: 99;
}

.cta-label p {
	margin: 0;
}

.cta-label .label1 {
	font-weight: bold;
	font-size: 0.7rem;
	line-height: 1rem;
	text-shadow: 0.18rem 0.18rem 0.375rem #0000004D;
}

.cta-label .label2 {
	font-size: 0.475rem;
	line-height: 0.5rem;
	text-shadow: 0.18rem 0.18rem 0.375rem #0000004D;
	opacity: 0.45;
}

/* Sticky Tray End */

.navbar {
	background-color: #FDFDFD !important;
	box-shadow: 0px 0px 3px 0px #000;
}

.nav-item .nav-link {
	font-size: 1rem;
	padding: 0px 3.5rem 0px 0 !important;
}
.nav-item:last-child .nav-link {
	padding: 0px !important;
}

.nav-item:hover .nav-link {
	color: #E4341F;
	font-weight: bold;
}

.dropdown:hover>.dropdown-menu {
	opacity: 1;
	visibility: visible;
	display: block;
	background-color: #F0F0F0;
	border-radius: 0.6rem;
	border: none;
}

.dropdown>.dropdown-toggle:active {
	/*Without this, clicking will make it sticky*/
	pointer-events: none;
}

.dropdown-item {
	font-size: 0.78rem;
	color: #2E2E2E;
}

.dropdown-item:hover {
	background-color: #F0F0F0;
	font-weight: bold;
}

.title {
	font-size: var(--title-size);
	line-height: 2.6rem;
	color: var(--color-primary);
}

.title-bPad {
	padding-bottom: 3rem;
}

.about-content-wrapper {
	gap: 4.25rem;
}

.about-content {
	font-size: var(--para-size);
	font-weight: var(--bold-font-weight);
}

.highlight {
	color: var(--color-primary);
}

.about-img {
	width: 27rem;
}

.events-section {
	background-color: #f6f6f6;
	padding: 5rem 0rem;
}

.event-container-wrapper {
	gap: 3rem;
}

.calender {
	width: 22rem;
	border: 0.125rem solid #e7e7e7;
	border-radius: 1rem;
}

.event-title {
	background-color: #3B9EF2;
	box-shadow: 0 1.5rem 1.875rem #0000001A;
	font-size: 0.575rem;
	line-height: 0.6rem;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.15rem;
	padding: 0.25rem 0.5rem;
}

.bi-people {
	font-size: 0.575rem;
	line-height: 0.6rem;
	font-weight: 800;
	color: #888888;
}

.count {
	font-size: 0.575rem;
	line-height: 0.6rem;
	letter-spacing: 0.15rem;
	font-weight: bold;
	color: #666;
}

.row-2 p {
	font-size: var(--para-size);
	font-weight: bold;
	color: #333333;
	text-shadow: 0rem 0.8rem 0.9rem #0000001A;
}

.date-holder {
	background-color: #222222;
	width: 18rem;
	height: 3rem;
	box-shadow: 0rem 0.8rem 0.9rem #00000026;
}

.calender-icon {
	background: #FFFFFF26 0% 0% no-repeat padding-box;
	width: 2.5rem;
	height: 3rem;
	position: relative;
}

i.bi-calendar3 {
	color: #FFFfffbf;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.date-holder .date {
	color: #fff;
	font-weight: bold;
	font-size: 0.75rem;
	line-height: 0.78rem;
}

.date {
	margin-left: 0.75rem;
}

.date .day {
	font-weight: normal;
	font-size: 0.7rem;
	line-height: 0.73rem;
}

.plus-cta {
	margin-left: 4rem;
	text-decoration: none;
	color: #fff;
	background: #E4341F;
	border-radius: 50%;
	border: 0.375rem solid #E4341F40;
	height: 1.5rem;
	width: 1.5rem;
}

.details-cta-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
}

.details-cta {
	position: absolute;
	right: 27%;
	bottom: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.8rem;
	color: #E4341F;
}

.map-holder img {
	width: 26rem;
	opacity: 0.8;
}

.about-section,
.chapters-section,
.members-section {
	padding: 5rem 10rem;
}

.chapters-container {
	gap: 4.5rem;
}

.card {
	position: relative;
	width: 20rem;
	background: #FFFFFF;
	border: 0.09rem solid #6C6C6C66;
	border-radius: 1rem;
	transition: all 0.3s ease;
}

.card:hover {
	box-shadow: 5px 5px 20px #00000014;
}

.card-tag {
	width: 3.3rem;
	height: 1.1rem;
	position: absolute;
	top: 0.625rem;
	right: 0.625rem;
	background: transparent linear-gradient(180deg, #581015 0%, #9C020C 100%) 0% 0% no-repeat padding-box;
	border-radius: 1.3rem;
	color: #fff;
	text-transform: uppercase;
	font-size: 0.5rem;
}

.card-img-top {
	border-radius: 0.6rem;
}

.card-title {
	color: #E4341F;
	font-weight: bold;
	font-size: 1.25rem;
}

.card-text {
	font-size: 0.75rem;
	color: #000001;
	font-weight: bold;
}

.card-links-holder a img {
	width: 1rem;
	opacity: 0.5;
	transition: all 0.3s ease;
}

.card-links-holder a:hover img {
	opacity: 1;
}

.card-date {
	opacity: 0.5;
	color: #6c6c6c;
	font-size: 0.7rem;
	font-weight: bold;
}

.news-section {
	background-color: #FAF6F6;
	padding: 5rem 3rem;
}

.subscribe-section {
	background: transparent linear-gradient(279deg, #E4341F 0%, #721A10 100%) 0% 0% no-repeat padding-box;
	padding: 5rem 12rem;
}

.subscribe-content h1 {
	font-size: 1.625rem;
	font-weight: bold;
	color: #fff;
}

.subscribe-content p {
	font-size: 0.75rem;
	color: #fff;
}

.join-cta-holder a {
	text-align: center;
	font-size: 0.85rem;
	color: #E4341F;
	text-decoration: none;
	border: 0.15rem solid #E4341F;
	padding: 0.65rem 1.25rem;
	background-color: #fff;
	font-weight: bold;
	transition: all 0.3s ease;
	box-shadow: 0.2rem 0.2rem 0rem #fff;
	display: block;
}

.join-cta-holder a:hover {
	box-shadow: 0.3rem 0.3rem 0rem #fff;
}

.footer-section {
	background-color: #f0f0f0;
	padding: 3rem 7.5rem;
}

.footer-logo-holder a span {
	width: 6.5rem;
	height: 3.5rem;
}

.footer-logo-holder .text-body-secondary {
	font-size: 0.8rem;
	letter-spacing: 0.02rem;
	color: #787878 !important;
}

.footer-logo-holder .footer-icon-tray {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0.6rem;
}

.footer-icon-tray .icon-link img {
	width: 1rem;
}

footer h5 {
	font-size: 1.1rem;
	font-weight: bold;
	color: #787878;
	letter-spacing: 0.025rem;
}

footer ul .nav-item a {
	font-size: 0.9rem;
	color: #787878;
	letter-spacing: 0.02rem;
}

.copyright-section {
	box-shadow: -0.25rem -0.25rem 1rem #CBCBCB5C;
}

.copyright-section p {
	font-size: 0.8rem;
	letter-spacing: 0.02rem;
	color: #000000;
}
.login-section {
	background-color: #F4EBEA;
	text-align: right;
	padding: 7.3rem 5rem 0.7rem 5rem;
}
.login-section a {
	font-size: var(--para-size-3);
	color: #252228;
	text-decoration: none;
	font-weight: var(--bold-font-weight);
}
.play-button {
    background-color: red;
    border-radius: 50%;
    padding: 1.6rem 0.6rem 1.6rem 0.8rem;	
} 
.play-button i {
	    font-size: 3.5rem;
    vertical-align: middle;
}
.carousel-item img {
	height:  450px;
}
.carousel-caption {
    top: 28%;
    padding-top: 0;
    padding-bottom: 0;
    bottom: 50%;
}
.carousel-caption p {
	color: var(--color-secondary);
	margin-bottom: 20px;
}
.carousel-caption h5 {
	color: var(--color-fff);
	font-size: 2rem;
}
.join-cta-holder2 {
	margin-right: 20px;
}
.join-cta-holder2 a {	  
    color: #fff;
    border: 0.15rem solid #E4341F;
    background-color: #E4341F;
    font-weight: bold;
    box-shadow: 0.2rem 0.2rem 0rem #E4341F;
}
.carousel-indicators {
	bottom:  50px;
}

.carousel-wrap {
  margin: 0 auto;
  padding: 0 5%;
  width: 70%;
  position: relative;
}

.owl-carousel .item {
  position: relative;
  z-index: 100; 
  -webkit-backface-visibility: hidden; 
	   
}
.owl-nav button {
  margin-top: -80px;
  position: absolute;
  top: 50%;
  color: #cdcbcd;
}
.owl-dots {
	display: none;
}

.owl-nav i {
  font-size: 22px;
}

.owl-nav .owl-prev {
  left: -30px;
}

.owl-nav .owl-next {
  right: -30px;
}
.owl-carousel .after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 225px;
    color: #FFF;
	display: block;
    background: rgba(228, 52, 31, 0.8);
	 border: 5px solid #fff;
}
.owl-carousel .owl-item img {
	height: 225px;
}
.readmore-cta {
	text-decoration: underline;
    font-weight: bold;
    font-size: 0.8rem;
    color: #E4341F;
}
.owl-item p {
	    font-size: 1rem;
    padding-top: 10px;
}
.bottom-left {
	    position: absolute;
    top: 45%;
    left: 10px;
    color: #fff;
    font-size: 1rem;
}
.blockscarousel {
	width: 60% !important;
	margin: -48px auto 0 auto !important;
}
.blockscarousel img {
	height:  175px !important;
}
.blockscarousel .owl-nav button {
	margin-top: -10px !important;
}
.blockscarousel .bottom-left {
    top: 80%;
    font-size: 1.2rem;
}
.owl-carousel .owl-nav.disabled {
	display: block !important;
}
#signup-form .row {
	height: 100vh;
	width: 100%;
}

.close-btn-holder {
	position: relative;
}

.close-btn {
	position: absolute;
	top: 1rem;
	right: 1rem;
	height: 1.5rem;
	width: 1.5rem;
	color: #787878;
	font-size: 0.8rem;
	line-height: 1rem;
	font-weight: bold;
	background-color: #DEDEDE;
	border-radius: 50%;
	cursor: pointer;
}

.signup-logo {
	width: 7rem;
	height: 4rem;
	background-color: #fff;
	border-radius: 0.35rem;
	margin-left: 2rem;
	margin-bottom: 6.5rem;
}

.left-col {
	background: transparent linear-gradient(136deg, #E4341F 0%, #787878 100%) 0% 0% no-repeat padding-box;
	padding: 3rem 5rem 0rem 0rem;
}

.left-col-content {
	color: #fefdff;
	font-size: 2rem;
	margin-left: 8.5rem;
}

.details .img-holder {
	border-radius: 50%;
	height: 2.5rem;
	width: 2.5rem;
	background-color: #fff;
}

.content h3 {
	font-size: 0.95rem;
	color: #FBF5FD;
}

.content p {
	font-size: 0.75rem;
	color: #FBF5FD;
}

.contact-map-holder {
	width: 100%;
	height: 30rem;
}

.contact-holder {
	position: relative;
}

.contact-content-holder {
	margin-bottom: 50px;
	top: 90%;
	max-width: 100%;
}

.contact-details {
	max-width: 30rem;
}

	.contact-details h1 {
		color: #2C3C4D;
		font-size: 2rem;
		font-weight: 800;
	}

	.contact-details h5 {
		font-size: 0.85rem;
		font-weight: 800;
		color: #000;
	}

	.contact-details p {
		color: #8C959F;
		font-size: 0.65rem;
	}

.contact-form {
	width: 100%;
	max-width: 32rem;
	margin-top: -40px;
}

.form-wrapper {
	background-color: #F9FBFC;
	border-radius: 0.8rem;
	padding: 1.8rem 1.2rem;
	width: 100%;
	display: block;
}

	.form-wrapper h1 {
		font-size: 1rem;
		font-weight: 800;
		margin-bottom: 1.3rem;
	}

	.form-wrapper textarea {
		height: 8rem;
	}

.form-check .form-check-label {
	font-size: 0.65rem;
}

.form-wrapper .btn {
	width: 100%;
	background-color: #E4341F;
	color: #fff;
	border: none;
	border-radius: 0;
}

.form-wrapper::placeholder {
	color: #8C959F;
	font-size: 0.75rem;
}

.form-wrapper .form-control {
	border-radius: 0rem;
}

.hero-container {
	background-image: url('https://images.unsplash.com/photo-1516738901171-8eb4fc13bd20?q=80&w=1770&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	box-shadow: inset -5rem -5rem 10rem #000;
	opacity: 0.65;
	height: 17rem;
}

.hero-title-holder {
	padding: 0rem 7.5rem 2.5rem;
}

	.hero-title-holder h1 {
		font-size: 2.75rem;
		font-weight: 800;
		color: #fff;
		letter-spacing: -0.05rem;
	}

	.hero-title-holder p {
		font-size: 0.9rem;
		color: #fff;
	}

.about-boxes {
	box-shadow: 0.09rem 0.09rem 0.9rem #78787827;
	border-radius: 0.9rem;
	padding: 1.4rem 1.8rem;
}

.about-row-1 h1.title,
.about-row-2 h1.title,
.about-row-3 h1 {
	color: #E4341F;
	font-size: 1.2rem;
	line-height: 1.4rem;
}

.about-row-1 p,
.about-row-2 p,
.about-row-3 p {
	color: #707070;
	font-size: 0.9rem;
	line-height: 1.2rem;
}

p.about-address {
	width: 100%;
	max-width: 21rem;
}

.about-row-2 {
	display: grid;
	grid-template-columns: 59% auto;
	gap: 1.6rem;
}
.subscribe-button {
	background: #F94343;
	color: #fff;
	border: 1px solid #F94343;
	padding: 10px;
	display: inline-block;
}
.latest-news-wrapper input {
	width: 80%;
	display: inline-block;
}
@media screen and (max-width:1199px) {
	.nav-item .nav-link {
    padding: 0px 1.6rem 0px 0 !important;
	}
	.about-section, .chapters-section, .members-section {
		padding: 5rem 5rem;
	}
	.blockscarousel {
		width: 75% !important;
	}
	.carousel-wrap {
	width: 90% !important;	
	}
}
@media only screen and (max-width:1280px) {
    .post-slide .post-content{
        padding: 0px 15px 25px 15px;
    }
}
@media screen and (max-width: 990px) {

	.about-content-wrapper,
	.event-container-wrapper,
	.chapters-container,
	.subscribe-container {
		flex-direction: column;
	}

	.event-container-wrapper {
		padding-bottom: 0 !important;
	}

	.about-section,
	.events-section,
	.chapters-section,
	.members-section,
	.subscribe-section,
	.news-section {
		padding: 3.75rem;
	}

	.about-content-wrapper {
		gap: 2rem;
	}

	.about-img-holder,
	.calender-holder,
	.subscribe-content {
		text-align: center;
	}

	.about-content-wrapper {
		gap: 3.25rem;
	}

	.about-img,
	.calender,
	.map-holder img {
		width: 50%;
	}

	.details-cta {
		position: absolute;
		text-align: center;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.member-logos-grid {
		flex-wrap: wrap;
		gap: 2rem;
	}

	.member-logos-grid img {
		width: 6rem;
	}

	.footer-section {
		padding: 2rem 5rem;
	}
	.about-boxes {
		max-width: 40rem;
		margin: 0 auto;
	}

	.about-row-2 {
		grid-template-columns: 100%;
	}
	.carousel-wrap {
		width: 100% !important;
	}
	.details-cta-wrapper {
		margin-top: 20px !important;
	}
	.blockscarousel .bottom-left {
		top: 75% !important;
	}
	.newsslider .bottom-left {
		top: 40% !important;
	}
	.owl-carousel .owl-nav.disabled, .owl-nav {
		display: none !important;
	}
	.nav-item.dropdown {
		margin-bottom: 20px;
	}
	.navbar-collapse {
		max-height: 350px;
    overflow-x: scroll;
	}
}

@media screen and (max-width: 768px) {

	.title {
		font-size: var(--title-size-2);
		line-height: 1.35rem;
	}

	.about-content {
		font-size: var(--para-size-2);
	}

	.about-img,
	.calender,
	.map-holder img {
		width: 60%;
	}

	.about-section,
	.events-section,
	.chapters-section,
	.members-section,
	.subscribe-section,
	.news-section {
		padding: 3.75rem;
	}

	.about-content-wrapper {
		gap: 1.75rem;
	}

	.subscribe-content h1 {
		font-size: var(--title-size-2);
	}

	.subscribe-content p {
		font-size: var(--para-size-3);
	}

	.footer-logo-holder {
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		flex-direction: column;
	}

	.footer-section {
		padding: 2rem 3rem;
	}
	.navbar {
		padding-right: 20px;
	}
	.contact-form,
	.contact-details {
		max-width: 100%;
	}

		.contact-details h1 {
			margin-top: 0 !important;
		}
	
}

@media screen and (max-width: 480px) {
	.carousel-item img {
    height: 300px;
}
	.carousel-caption h5 {
		font-size: 1rem;
	}
	.carousel-caption p {
		font-size: 0.6rem;
	}
	.carousel-caption {
		top: 10%;
	}
	.carousel-indicators {
		display: none;
	}
	.about-img,
	.calender,
	.map-holder img {
		width: 100%;
	}

	.about-section,
	.events-section,
	.chapters-section,
	.members-section,
	.subscribe-section,
	.news-section {
		padding: 1.75rem;
	}

	.card {
		width: 100%;
	}

	.member-logos-grid img {
		width: 5rem;
	}

	.footer-section {
		padding: 2.5rem;
	}
}

.banner-text {
	bottom: 2rem;
	left: 8rem;
}

	.banner-text h2 {
		color: #ffffff;
		font-size: 2.3rem;
		font-weight: bold;
		line-height: 2.5rem;
	}

	.banner-text p {
		color: #ffffff;
		font-size: 0.8rem;
	}

.hotnews, .latest-news-wrapper {
	flex: 1 1 0;
}

	.hotnews h3 {
		color: #242424;
		font-size: 1.4rem;
		font-weight: bold;
	}

	.hotnews p {
		color: #999999;
		font-size: 0.8rem;
		margin: 8px 0;
	}

	.hotnews img {
		border-radius: 25px;
		width: 500px;
	}

	.hotnews .tags {
		background: #E4341F3B;
		border-radius: 15px;
		color: #E4341F;
		font-size: 0.6rem;
		padding: 3px 10px;
		font-weight: bold;
	}

	.hotnews .title {
		color: #242424;
		font-size: 1.5rem;
		font-weight: bold;
		margin: 8px 0;
	}

	.hotnews .desc {
		color: #999999;
		margin: 10px 0;
	}

	.latest-news-wrapper h3 {
		color: #242424;
		font-size: 1.2rem;
		font-weight: bold;
	}

	.latest-news-wrapper img {
		width: 200px;
		border-radius: 25px;
	}

	.latest-news-wrapper p {
		color: #999999;
		font-size: 0.8rem;
		margin: 10px 0;
	}

	.latest-news-wrapper h4 {
		color: #242424;
		font-weight: bold;
		font-size: 1rem;
	}

.section-padding {
	padding: 50px 15px;
}

.marginb-20 {
	margin-bottom: 20px;
}
.marginb-50 {
	margin-bottom: 50px;
}

.margint-40 {
	margin-top: 40px;
}

@media screen and (max-width: 990px) {
	.trending-container, .lastestnews {
		flex-direction: column;
	}

	.hotnews img, .latest-news-wrapper img {
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.banner-text {
		left: 1rem;
	}
}
.padding-0 {
	padding: 0;
}

.banner-text {
	bottom: 2rem;
	left: 8rem;
}

	.banner-text h2 {
		color: #ffffff;
		font-size: 2.3rem;
		font-weight: bold;
		line-height: 2.5rem;
	}

	.banner-text p {
		color: #ffffff;
		font-size: 0.8rem;
	}

.title-tPad {
	padding-top: 3rem;
}

.committe-main {
	justify-content: space-between;
}

.committee-wrapper {
	/*margin-bottom: 4rem;*/
	flex: 1 0 25%;
}

.committee img {
	border-radius: 20px;
	box-shadow: 3px 3px 25px rgba(120, 120, 120, 0.2);
	width: 250px;
	height: 250px;
	transition: 0.3s;
}

.details {
	padding-top: 15px;
}

	.details .name {
		color: #E4341F;
		font-size: 1.2rem;
		font-weight: bold;
	}

	.details .designation {
		color: #707070;
		font-size: 1rem;
	}

.tb-popover-wrapper {
	position: relative;
	display: inline-block;
	border-radius: 20px;
}

.tb-popover-content {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	transform: translate(0, 10px);
	width: 100%;
	left: 0;
	box-shadow: 3px 3px 25px #78787827;
	border-radius: 25px;
	background: #ffffff;
	padding: 20px;
}
	.tb-popover-content span.red-color {
		display: block;
	}

	.tb-popover-wrapper:hover .tb-popover-content {
		z-index: 10;
		opacity: 1;
		visibility: visible;
		font-size: 0.9rem;
	}

.committee img:hover {
	transform: scale(1.1);
}

.grey-color {
	color: #707070;
}

.red-color {
	color: #E4341F;
}

.tb-popover-content strong {
	font-weight: bold;
}

.margint-10 {
	margin-top: 10px;
}

.commiittee-img {
	overflow: hidden;
	border-radius: 20px;
}
.magazine img {
	box-shadow: 3px 3px 15px #00000058;
	border-radius: 25px;
	width: 300px;
	vertical-align: middle;
}

.magazine .name {
	color: #2E2E2E;
}

.magazine-main .nav-item {
	padding-right: 3rem;
	padding-bottom: 2rem;
}

	.magazine-main .nav-item .nav-link {
		background: none;
		color: #D5D5DC;
		border-radius: 0px;
		padding: 0 0 8px 0 !important;
	}

.magazine-main .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	color: #E4341F;
	background: none;
	border-bottom: 2px solid #E4341F;
}
@media screen and (max-width: 768px) {
	.banner-text {
		left: 1rem;
	}

	/*.committee img {
		width: 200px;
		height: 200px;
	}*/
	.committee-wrapper {
		flex: 0;
	}
}

@media screen and (max-width: 449px) {
	.committe-main, .magazine-wrapper {
		justify-content: center !important;
	}
}
.blog-wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0 8rem 4rem 8rem
}

	.blog-wrapper:nth-child(even) {
		flex-direction: row-reverse;
	}

		.blog-wrapper:nth-child(even) .blog-text {
			margin-left: 3rem;
		}

	.blog-wrapper:nth-child(odd) .blog-text {
		margin-right: 3rem;
	}

.blog-text {
	flex-grow: 1;
	flex-basis: 15rem;
}

	.blog-text .day {
		color: #E4341F;
		margin-bottom: 5px;
	}

	.blog-text h2 {
		color: #111111;
		font-size: 1.5rem;
		font-weight: bold;
	}

	.blog-text p {
		color: #636363;
	}

	.blog-text .description {
		margin: 10px 0;
	}

.blog-img img {
	width: 500px;
	height: 300px;
}

.readmore-cta {
	background: #E4341F;
	color: #ffffff;
	border-radius: 50px;
	text-decoration: none;
	border: none;
	padding: 10px 20px;
	float: right;
	margin-top: 20px;
}

@media screen and (max-width: 1200px) {

	.blog-wrapper {
		margin: 0 0 4rem 0;
	}
}

@media screen and (max-width: 990px) {
	.blog-wrapper {
		flex-direction: column !important;
	}

		.blog-wrapper:nth-child(odd) .blog-text, .blog-wrapper:nth-child(even) .blog-text {
			margin: 0;
		}


	.blog-img {
		flex: 1;
		text-align: center;
		margin-top: 30px;
	}

		.blog-img img {
			width: 275px;
			height: 200px;
		}

	.blog-wrapper {
		margin: 0 0 2rem 0;
	}
}
.accordion-container p {
	margin-bottom: 10px;
	color: #2e2e2e;
}

.accordion-container .accordion-body {
	background: #F0F0F0;
	border-radius: 0px 0 5px 5px;
}

.accordion-container .accordion-item {
	border-bottom: none;
	flex: 0 0 48%;
	border: none;
}

.accordion-container .accordion-button {
	background: #fff;
	border: 1px solid #E3E3E3;
	border-radius: 5px;
	padding: 20px;
}

.accordion-container .accordion {
	display: flex;
	flex-flow: wrap;
	gap: 20px;
}

@media screen and (max-width: 990px) {
	.accordion-container .accordion-item {
		flex: 0 0 100%;
	}
}
.upcoming-events h3 {
	color: #0F1527;
	font-size: 1rem;
	font-weight: 800;
}

.meeting {
	border: 0.06rem solid #E5E5E5;
	border-radius: 0.65rem;
	padding: 0.6rem;
}

	.meeting h4 {
		color: #0F1527;
		font-size: 0.85rem;
		font-weight: 800;
	}

.people {
	gap: 2rem;
}

	.meeting p.date,
	.people .people-count,
	.timing p {
		color: #B4BAC5;
		font-size: 0.75rem;
		margin: 0;
	}

.people-icons span {
	background-color: #E4341F;
	height: 1.4rem;
	width: 1.4rem;
	display: inline-block;
	text-align: center;
	border-radius: 50%;
	color: #fff;
	padding: 0.2rem;
	font-size: 0.8rem;
}

.people-time {
	gap: 0.6rem;
}

.timing span {
	color: #E4341F;
}

.time-slot {
	gap: 4rem;
}

	.time-slot p {
		color: #787878;
		font-size: 0.85rem;
	}

.events-list {
	gap: 4rem;
	padding: 0rem 2rem;
	border-left: 2px solid #e6e6e6;
}

	.events-list .meeting {
		background-color: #FDCFC958;
	}

@media screen and (max-width: 990px) {
	.meetings-holder {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 1rem;
		flex-wrap: wrap;
	}

	.events-list {
		gap: 4rem;
		padding: 0rem 0rem 0rem 1rem;
		border-left: 2px solid #e6e6e6;
	}

	.time-slot-holder {
		gap: 0.6rem !important;
	}
}
.flex1 {
	flex: 50%;
}
.chapter {
	flex: 0 0 24%;
	text-align: center;
	margin-bottom: 2rem;
}
.chapter a {
	text-decoration: none;
}
	.chapter img {
		border-radius: 10px;
		width:200px;
		height: 200px;
	}
	.chapter .location {
		color: #E4341F;
		text-align: center;
		padding-top: 10px;
		font-weight: bold;
	}
	.chapter .bgcolor {
		background: #E4341F;
		height: 3px;
		width: 200px;
		margin: 0 auto;
	}
.chapter-wrapper  {
	justify-content: center !important;
	padding: 0 10rem;
	gap: 0 10px;
}
.chapter .name {
	color: #E4341F;
	text-align: center;
	padding-top: 10px;
	font-weight: bold;
	font-size: 1.2rem;
}
.chapter .designation {
	color: #2E2E2E;
	padding-bottom: 10px;
}
.single-location img {
	border: 1px solid #707070;
}
.single-location {
	margin-bottom: 5rem;
}
.form-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.left-col-content h1 {
	font-size: 1.9rem;
}

.details-wrapper {
	padding: 4rem 4rem 2.5rem;
}

.sign-in-link {
	padding-bottom: 3rem;
}

.form-container {
	max-width: 18rem;
	width: 100%;
}

	.form-container h1 {
		font-size: 1.5rem;
		font-weight: bold;
		color: #000;
		margin-bottom: 1.5rem;
	}

.sign-up-form {
	background-color: #fff;
	border-radius: 0;
	padding: 0;
}

	.sign-up-form ::placeholder {
		font-size: 0.625rem;
		line-height: 1.25rem;
		color: #000;
		font-weight: bold;
	}

	.sign-up-form,
	.sign-up-form .form-group {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 0.625rem;
	}

		.sign-up-form .form-control {
			background: #E9EFF6;
			border-radius: 0.3rem;
			border: none;
			padding: 0.8rem 1rem;
		}

.forgot-link {
	padding-bottom: 1.5rem;
}

	.forgot-link a,
	.signup-divider span {
		font-size: 0.625rem;
		color: #969696;
	}

.sign-up-form .btn {
	background: transparent linear-gradient(99deg, #E4341F 0%, #787878 100%) 0% 0%;
	border-radius: 0.313rem;
	color: #fff;
	font-size: 0.625rem;
	height: 3rem;
	width: 100%;
	margin-bottom: 2rem;
}

.signup-divider hr {
	width: 4rem;
}

.sign-up-links div {
	padding: 0.5rem 2rem;
	border: 0.065rem solid #E0E0E0;
	border-radius: 0.35rem;
	font-size: 1.35rem;
}

.copyright-wrapper {
	font-size: 0.75rem;
	color: #000;
	padding-left: 1.25rem;
	padding-bottom: 1.25rem;
}

@media screen and (max-width: 990px) {
	.signup-logo {
		margin-left: 0;
		margin-bottom: 4rem;
	}

	.left-col-content {
		margin-left: 0;
	}

	.form-grid {
		grid-template-columns: repeat(1, 1fr);
	}

		.form-grid .left-col {
			padding: 3rem 3rem 3rem 3rem;
		}

	.sign-up-form .form-group {
		grid-template-columns: repeat(2, 1fr);
	}

	.form-container {
		max-width: 100%;
		width: 100%;
	}

	.sign-up-options {
		max-width: 18rem;
		width: 100%;
		margin: 0 auto;
	}
}

@media screen and (max-width: 768px) {
	.sign-up-form .form-group {
		grid-template-columns: repeat(1, 1fr);
	}
}

@media screen and (max-width: 550px) {
	.left-col-content h1 {
		font-size: 1.4rem;
	}

	.form-grid .left-col {
		padding: 1.5rem;
	}

	.details-wrapper {
		padding: 1.5rem;
	}

	.sign-up-options {
		max-width: 100%;
		width: 100%;
	}
}
.form-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.left-col-content h1 {
	font-size: 1.9rem;
}

.details-wrapper {
	padding: 4rem 4rem 2.5rem;
}

.sign-in-link {
	padding-bottom: 3rem;
}

.form-container {
	max-width: 18rem;
	width: 100%;
}

	.form-container h1 {
		font-size: 1.5rem;
		font-weight: bold;
		color: #000;
		margin-bottom: 1.5rem;
	}

.sign-up-form {
	background-color: #fff;
	border-radius: 0;
	padding: 0;
}

	.sign-up-form ::placeholder {
		font-size: 0.625rem;
		line-height: 1.25rem;
		color: #000;
		font-weight: bold;
	}

	.sign-up-form,
	.sign-up-form .form-group {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 0.625rem;
	}

		.sign-up-form .form-control {
			background: #E9EFF6;
			border-radius: 0.3rem;
			border: none;
			padding: 0.8rem 1rem;
		}

.forgot-link {
	padding-bottom: 1.5rem;
}

	.forgot-link a,
	.signup-divider span {
		font-size: 0.625rem;
		color: #969696;
	}

.sign-up-form .btn {
	background: transparent linear-gradient(99deg, #E4341F 0%, #787878 100%) 0% 0%;
	border-radius: 0.313rem;
	color: #fff;
	font-size: 0.625rem;
	height: 3rem;
	width: 100%;
	margin-bottom: 2rem;
}

.signup-divider hr {
	width: 4rem;
}

.sign-up-links div {
	padding: 0.5rem 2rem;
	border: 0.065rem solid #E0E0E0;
	border-radius: 0.35rem;
	font-size: 1.35rem;
}

.copyright-wrapper {
	font-size: 0.75rem;
	color: #000;
	padding-left: 1.25rem;
	padding-bottom: 1.25rem;
}

@media screen and (max-width: 990px) {
	.signup-logo {
		margin-left: 0;
		margin-bottom: 4rem;
	}

	.left-col-content {
		margin-left: 0;
	}

	.form-grid {
		grid-template-columns: repeat(1, 1fr);
	}

		.form-grid .left-col {
			padding: 3rem 3rem 3rem 3rem;
		}

	.sign-up-form .form-group {
		grid-template-columns: repeat(2, 1fr);
	}

	.form-container {
		max-width: 100%;
		width: 100%;
	}

	.sign-up-options {
		max-width: 18rem;
		width: 100%;
		margin: 0 auto;
	}
}

@media screen and (max-width: 768px) {
	.sign-up-form .form-group {
		grid-template-columns: repeat(1, 1fr);
	}
}

@media screen and (max-width: 550px) {
	.left-col-content h1 {
		font-size: 1.4rem;
	}

	.form-grid .left-col {
		padding: 1.5rem;
	}

	.details-wrapper {
		padding: 1.5rem;
	}

	.sign-up-options {
		max-width: 100%;
		width: 100%;
	}
}
.collaboration-container .sub-title {
	font-size: 1rem;
	color: #707070;
}

.collaboration-container .collab-cols {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 4rem;
}

.collab .title {
	font-weight: bold;
	font-size: 1.5rem;
}

@media screen and (max-width: 768px) {
	.collaboration-container .collab-cols {
		grid-template-columns: repeat(1, 1fr);
		gap: 2rem;
	}
}
.organization-container .team-card {
	box-shadow: 0.1rem 0.1rem 0.8rem #78787827;
	border-radius: 0.8rem;
	overflow: hidden;
	width: 100%;
}

	.organization-container .team-card .card-title {
		font-size: 1.1rem;
		font-weight: bold;
	}

	.organization-container .team-card p {
		color: #2E2E2E;
		font-size: 0.8rem;
	}

.organization-container .card-1 .team-card-1 {
	flex: 0 0 30%;
}

.organization-container .team-card-2 {
	flex: 0 0 60%;
}

	.organization-container .team-card-2 .card-title {
		font-size: 1.2rem;
		font-weight: bold;
	}

	.organization-container .team-card-2 img,
	.organization-container .card-3 .team-card img {
		width: 100%;
		height: 100%;
		display: block;
	}

.organization-container .card-3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2rem;
	place-items: center;
}

	.organization-container .card-3 .team-card,
	.organization-container .card-4 .team-card {
		overflow: hidden;
	}


.organization-container .card-4 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2rem;
	place-items: center;
}

.organization-container .chapters-container .title {
	font-size: 1.5rem;
	font-weight: bold;
}

.organization-container .chapters-container .section-title,
.organization-container .chapters-container .team-card {
	margin-bottom: 3rem;
}

.organization-container .title-hr {
	max-width: 40%;
	width: 100%;
	margin: 0 auto;
	color: #787878;
}

.organization-container .chapter-state .chapter-state-title {
	font-size: 1rem;
	font-weight: 800;
	color: #E4341F;
}

.organization-container .chapter-state .chapter-state-sub-title {
	font-size: 0.8rem;
	color: #2E2E2E;
}


.organization-container .griditems {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2rem;
	place-items: center;
}

	.organization-container .griditems .chapter-state:nth-child(2), .organization-container .griditems .chapter-state:nth-child(5), .organization-container .griditems .chapter-state:nth-child(8) {
		border-left: 1px dashed #cecece;
		border-right: 1px dashed #cecece;
	}

	.organization-container .griditems .chapter-state:nth-child(4), .organization-container .griditems .chapter-state:nth-child(5), .organization-container .griditems .chapter-state:nth-child(6) {
		border-top: 1px dashed #cecece;
		border-bottom: 1px dashed #cecece;
	}

@media screen and (max-width: 990px) {
	.organization-container .team-card-2 {
		max-width: 20rem;
	}

	.organization-container .card-3 {
		grid-template-columns: repeat(3, 1fr);
	}

		.organization-container .card-3 .team-card img,
		.organization-container .card-4 .team-card img {
			width: 100%;
			height: 100%;
			display: block;
		}

	.organization-container .card-4 {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media screen and (max-width: 768px) {

	.organization-container .card-1 .team-card-1 {
		text-align: center;
	}

	.organization-container .card-1 .team-card-1 {
		width: 100%;
		max-width: 100%;
	}

	.organization-container .card-1 .team-card-1,
	.organization-container .team-card-2 {
		width: 100%;
		max-width: 100%;
	}

	.organization-container .card-3 {
		grid-template-columns: repeat(1, 1fr);
		width: 100%;
		max-width: 75%;
		margin: 0 auto;
	}

	.organization-container .card-4 {
		grid-template-columns: repeat(2, 1fr);
	}

		.organization-container .card-4 .team-card {
			width: 100%;
		}

	.organization-container .griditems {
		grid-template-columns: repeat(1, 1fr);
		gap: 0;
	}

	.organization-container .team-card-2 {
		margin-top: 20px;
	}

	.organization-container .card-1 {
		display: block !important;
	}

	.organization-container .griditems .chapter-state:nth-child(2), .organization-container .griditems .chapter-state:nth-child(5), .organization-container .griditems .chapter-state:nth-child(8) {
		border-left: none;
		border-right: none;
	}

	.organization-container .griditems .chapter-state:nth-child(4), .organization-container .griditems .chapter-state:nth-child(5), .organization-container .griditems .chapter-state:nth-child(6) {
		border-top: none;
		border-bottom: none;
	}

	.organization-container .griditems .chapter-state {
		border-bottom: 1px dashed #cecece !important;
	}

		.organization-container .griditems .chapter-state:last-child {
			border-bottom: none !important;
		}
}

@media screen and (max-width: 600px) {
	#chapters-hero .hero-title-holder {
		padding: 1rem;
	}

		#chapters-hero .hero-title-holder h1 {
			font-size: 2rem;
		}

	.organization-container .card-1 .team-card-1,
	.organization-container .team-card-2 {
		width: 100%;
		max-width: 100%;
	}

	.organization-container .card-3 {
		grid-template-columns: repeat(1, 1fr);
		max-width: 100%;
	}

		.organization-container .card-3 .team-card {
			width: 100%;
		}

	.organization-container .card-4 {
		grid-template-columns: repeat(1, 1fr);
	}

	.organization-container .chapter-state-holder .chapter-state {
		width: 100%;
	}
}
.trending .events-list {
	border-left: none;
}
.trending {
	background-color: #ffffff;
}
.event-gallery .eventdescri {
	color: #FCFCFC;
	font-weight: bold;
	font-size: 0.8rem;
	margin-bottom: 8px;
}
.event-gallery .eventloc {
	color: #FCFCFC;
	font-size: 0.7rem;
}
.event-gallery .eventdetails {
	background-color: #505050;
	padding: 12px;
	gap: 12px;
	border-radius: 0 0 25px 25px;
}
.event-gallery .eventmon {
	color: #2F2E2E;
	font-size: 0.8rem;
}
.event-gallery .eventday {
	color: #2F2E2E;
	font-size: 1.2rem;
	font-weight: bold;
}
.event-gallery .eventdate {
	background-color: #FCFCFC;
	text-align: center;
	padding: 5px 10px;
}
.event-gallery img {
	border-radius: 25px 25px 0 0;
}

.event-gallery, .magazine-wrapper, .committe-main {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2rem;
	place-items: center;
}
.event-main, .magazine-main, .committe-main {
	margin-bottom: 5rem;
}
@media screen and (max-width: 1399px) {
	.event-gallery, .magazine-wrapper, .committe-main {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media screen and (max-width: 991px) {
	.event-gallery, .magazine-wrapper, .committe-main {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width: 767px) {
	.event-gallery, .magazine-wrapper, .committe-main {
		grid-template-columns: repeat(1, 1fr);
	}
}
.payment-container .events-sub-title {
	font-size: 1rem;
	color: #707070;
}

.payment-container .payment-form {
	border: 0.063rem solid #D7D7D7;
	border-radius: 0.906rem;
	padding: 1.25rem;
	background: #F9FBFC;
}

	.payment-container .payment-form .form-group {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 1.4rem;
	}

		.payment-container .payment-form .form-group.address-info {
			grid-template-columns: repeat(3, 1fr);
			gap: 1.4rem;
		}

	.payment-container .payment-form .form-control {
		border: 0.063rem solid #D7D7D7;
		border-radius: 0.3rem;
	}

		.payment-container .payment-form .form-control::placeholder {
			font-size: 0.75rem;
			color: #AFAFAF;
		}

.payment-container .form-info {
	font-size: 0.65rem;
	color: #707070;
}

.payment-container .payment-form .payment-btn {
	font-size: 0.75rem;
	font-weight: bold;
	color: #fff;
	width: 8rem;
	height: 2rem;
	background: transparent linear-gradient(284deg, #E4341F 0%, #721A10 100%) 0% 0% no-repeat padding-box;
	box-shadow: 0.3rem 0.3rem 0rem #721A10;
	transition: all 0.3s ease;
}

	.payment-container .payment-form .payment-btn:hover {
		box-shadow: 0.2rem 0.2rem 0rem #721A10;
	}

.payment-container .queries {
	font-size: 0.75rem;
	color: #707070;
}
.contact-main .contact-form {
	box-shadow: 0.09rem 0.09rem 0.9rem #78787827;
	border-radius: 0.65rem;
}

.contact-main .payment-btn {
	font-size: 0.75rem;
	font-weight: bold;
	color: #fff;
	width: 8rem;
	height: 2rem;
	background: transparent linear-gradient(284deg, #E4341F 0%, #721A10 100%) 0% 0% no-repeat padding-box;
	box-shadow: 0.3rem 0.3rem 0rem #721A10;
	transition: all 0.3s ease;
}

.contact-main .payment-btn:hover {
	box-shadow: 0.2rem 0.2rem 0rem #721A10;
}
.contact-main .form {
	background-color: #F9FBFC;
	border-radius: 0.8rem;
	padding: 1.8rem 1.2rem;
	width: 100%;
	display: block;
}
.contact-details h5 {
	font-size: 1rem;
}
.contact-details p {
	color: #8C959F;
	font-size: 1rem;
}
	.contact-main .form h1 {
	color: #EE0034;
	margin-bottom: 1rem;
	font-size: 1.5rem;
}
.commitments-container {
	background-image: url('../assets/vision.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
}

.commitments-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	box-shadow: inset 6rem 6rem 36rem #000;
}

	.commitments-grid .title {
		font-size: 1rem;
		font-weight: bold;
		color: #EE0034;
	}

	.commitments-grid .sub-title {
		font-size: 0.8rem;
		color: #FFFFFF;
	}

	.commitments-grid div {
		padding: 2rem 3.1rem;
	}

.mission-container {
	border-left: 0.06rem solid #fff;
	border-right: 0.06rem solid #fff;
	max-width: 24rem;
	margin: 0 auto;
}
#sub-menu-section {
	border-bottom: 1px solid #E4341F;
}

.sub-menu-item {
	padding: 0.4rem;
	transition: all 0.4s ease;
}

	.sub-menu-item:hover {
		background-color: #E4341F;
		border-radius: 0.4rem;
	}

		.sub-menu-item:hover .sub-menu-link {
			color: #fff;
		}

.sub-menu-link {
	font-size: 1rem;
	text-decoration: none;
	color: #E4341F;
	transition: all 0.4s ease;
	display: block;
}

@media screen and (max-width: 990px) {
	.mission-container {
		max-width: none;
	}
}

@media screen and (max-width: 768px) {
	.commitments-grid {
		grid-template-columns: repeat(1, 1fr);
	}

	.mission-container {
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		border-left: none;
		border-right: none;
	}

	.commitments-grid div {
		padding: 1rem;
		max-width: 24rem;
		margin: 0 auto;
	}
	.sub-menu-wrapper {
		overflow-y: scroll;
		justify-content: start !important;
	}
}

@media screen and (max-width: 575px) {
	.commitments-grid > div {
		max-width: none;
	}
}

@media screen and (max-width: 600px) {

	.payment-container .title-bPad {
		padding-bottom: 1.5rem;
	}

	.payment-container .payment-form {
		padding: 0.8rem;
	}

		.payment-container .payment-form .form-group,
		.payment-container .payment-form .form-group.address-info {
			grid-template-columns: repeat(1, 1fr);
			gap: 0;
		}
}
