html{
	scroll-behavior: smooth;
}
body{
	margin: 0;padding: 0;box-sizing: border-box;
	font-family: "Montserrat", sans-serif;background:#ebebeb;
}

/*---------------------------- HEADER START ----------------------------*/

.header{
	padding: 1.3vw 12vw;position: relative;z-index: 1000;
}
.top-header{
	width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.columnTopHeader{
	width: 48%;display: flex;align-items: center;
}
.columnTopHeader h3{
	font-size: 0.8vw;color: #fff;
}
.socialMediaHeader{
	width: 100%;text-align: right;
}
.socialMediaHeader a{
	font-size: 0.9vw;margin-left:1vw;color: #fff;text-decoration: none;
}
.socialMediaHeader a:hover{
	color:#fff;
}
.menuHeader{
	width: 100%;margin-top:1vw;display: flex;align-items: center;justify-content: space-between;
}
.mainLogo{
	width: 25%;
}
.mainMenu {
    width:58%;
    background: #fff;
    height: 3vw;
    position: relative;
    border-radius: 7px;
    display: flex;
    align-items: center;
    overflow: visible;
    z-index: 100;
}
.mainMenu::before {
    content: '';
    position: absolute;
    /* FIXED: position based on parent container, not viewport */
    left: -24%;           /* adjust based on image width */
    top: 50%;
    transform: translateY(-50%);
    width:14vw;
    height: 2.7vw;
    background: url('../images/bats.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
}
.mainMenu ul li{
	display: inline-block;
}
.mainMenu ul li a{
	font-size: 0.85vw;margin:0 0.7vw;font-weight: 500;color: #000;text-decoration: none;
}
.dropdown-menu a{
	margin: 0 !important;
}
.mainMenu ul li a:hover{
	background: #4b8c32;color: #fff;
}
.mainMenu ul li:last-child a{
	background: #4b8c32;padding: 0.3vw 1vw;color: #fff;border-radius: 25px;
}
.batsmenSlider{
	content: '';position: absolute;right: 5%;bottom: 2%;width: 33%;
}
.ballSlider{
    position: absolute;
    bottom: 9%;
    right: 45%;
    width: 4%;
    animation: bounce 1s infinite;
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }

  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    transform: translate3d(0, -4px, 0);
  }
}

/*---------------------------- HEADER END ----------------------------*/
/*---------------------------- FOOTER START ----------------------------*/

.vis-counter{font-family:Arial; display:flex; padding:0.1vw 0.5vw; background:#fff; color:#fff; border-radius:8px;align-items: center;justify-content: center;width: 65%;margin-top: 1vw;}
			.vis-counter .label{display:block; font-size:0.7vw; color:#000;margin-right: 1vw;}
			.vis-counter .count{font-weight:700; font-size:1vw; color:#e3910a;}
.moveToTop{
	width: 2.5vw;height: 2.5vw;position: fixed;right: 1%;bottom: 3%;content: '';background: #c99053;border-radius: 50%;
	display: flex;align-items: center;justify-content: center;font-size: 1vw;border:none;
}
.sideSocialBtn{
	position: fixed;right: 0;top:45%;width: 3vw;height: 9vw;z-index: 100;transform: translateY(-50%);
	display: flex;flex-direction: column;justify-content: space-between;
}
.sideSocialBtn a{
	width: 3vw;height: 3vw;background: #e3910a;display: flex;align-items: center;justify-content: center;
	font-size: 1vw;color: #fff;text-decoration: none;
}
.sideSocialBtn a:hover{
	background: #b87507;
}
.footer{
	width: 100%;padding: 3vw 12vw;background: url('../images/footer.jpg');
	background-size: cover;background-position: center;background-repeat: no-repeat;
	display: flex;justify-content: space-between;
}
.footercolumnOne{
	width: 28%;
}
.footercolumnTwo{
	width: 10%;
}
a.footerLogo{
	width:70%;display: block;
}
.footercolumnOne p{
	font-size: 0.75vw;color: #fff;margin-top: 1.5vw;
}
.footercolumnTwo h3{
	font-size: 1.2vw;font-weight: 600;color: #fff;font-weight: 600;margin-bottom: 1vw;
}
.footercolumnTwo ul li{
	margin-top: 0.5vw;
}
.footercolumnTwo ul li a{
	color: #fff;text-decoration: none;font-size: 0.8vw;
}
.footercolumnThree{
	width: 23%;
}
.footercolumnThree h3{
	font-size: 1.2vw;font-weight: 600;color: #fff;font-weight: 600;margin-bottom: 1vw;
}
.footercolumnFour{
	width: 20%;
}
.footercolumnFour h3{
	font-size: 1.2vw;font-weight: 600;color: #fff;font-weight: 600;margin-bottom: 1vw;
}
.footerRow{
	display: flex;justify-content: space-between;margin-top: 1vw;
}
.footerIc{
	width:4%;color: #fff;font-size: 0.8vw;
}
.footerDetails{
	width: 92%;color: #fff;font-size: 0.8vw;
}
.fbPage{
	width: 100%;height: 25vh;background: #fff;margin-top: 1vw;
}
.copyright{
	width: 100%;padding: 1.2vw;color: #fff;background: ;font-size: 0.75vw;
	background: #0d1400;text-align: center;
}

/*---------------------------- FOOTER END ----------------------------*/

/*---------------------------- INDEX START ----------------------------*/

.overlayVideo{
	width: 100%;position: fixed;top: 0%;height: 100vh;background: #000;z-index: 9999;left: 0;
}
.slider{
	width: 100%;position: relative;height: 100vh;margin-top: -10vw;
}
.sliderBg{
	position: absolute;width: 100%;height: 100%;
	  top: 0;right: 0;z-index: -99;
	  clip-path: polygon(100% 0, 100% 87.3%, 83.5% 75%, 0 100%, 0 0);
}
.sliderContent{
	content: '';position: absolute;top: 50%;transform: translateY(-50%);
	left: 12%;width: 40%;z-index: 1000;
}
.sliderContent h5{
	color: #fff;font-size: 2.5vw;color: #fff;font-family: "Playball", cursive;
}
.sliderContent h2{
	font-size: 3vw;font-weight: 600;color: #fff;
}
.sliderContent h2 span{
	font-family: "Playball", cursive;color: #4b8c32;
}
.sliderContent p{
	color: #fff;font-size: 0.8vw;
}
.sliderButton{
	display: flex;
}
.sliderButton a{
	font-size: 1vw;color: #fff;display: block;width: 35%;background: #e2900a;
	text-align: center;padding: 0.5vw;border-radius: 25px;text-decoration: none;
}
.sliderButton a:hover{
	background: #b87507;
}
.sliderButton button{
	background: none;color: #fff;border: none;font-size: 1vw;margin-left: 2vw;display: flex;
	align-items: center;
}
.sliderButton button span{
	display: block;width: 2.5vw;height: 2.5vw;border-radius: 50%;display: flex;align-items: center;
	justify-content: center;background: #fff;color: #000;
}


/*---------------------------- INDEX END ----------------------------*/
/*---------------------------- BREADCUMB START ----------------------------*/

.breadcumb{
	width: 100%;text-align: center;height: 40vh;
	background: url('../images/Banner-Image.png');background-size: cover;background-position: center;
	margin-top: -17vh;position: relative;
}
.breadcumb h1{
	font-size:3vw;font-weight: 600;margin-bottom: 0;
}
.breadcumb p{
	font-size: 0.9vw;
}
.breadcumb p a{
	font-size: 1vw;font-weight: 400;color: #000; text-decoration: none;
}
.breadcumbContent{
	position: absolute;content: '';left: 50%;transform: translateX(-50%);bottom: 17%;width: 70%;
}
.breadcumbContent h1{
	font-size: 2.5vw;font-weight: 600;color: #fff;
}
.breadcumbContent p{
	color: #fff;font-size: 1vw;
}
.breadcumbContent p a{
	color: #fff;font-size: 1vw;text-decoration: none;
}

/*---------------------------- BREADCUMB END ----------------------------*/
/*---------------------------- CONTACT START ----------------------------*/

.contact{
	padding: 5vw 12vw;
}
.contactRow{
	display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;
}
.contactLeft{
	width: 48%;background: #0e171d;padding: 2vw 1.5vw 1.5vw 1.5vw;border-radius: 20px;
	color: #fff;
}
.contactLeft h3{
	font-size: 1.8vw;font-weight: 600;
}
.contactLeft p{
	font-size: 0.9vw;margin-bottom: 0;
}
.contactIdDetails{
	width: 100%;display: flex;justify-content: space-between;align-items: center;margin-top: 1vw;
}
.contactIdPhoto{
	width: 7vw;height: 7vw;background: #fff;border-radius: 50%;
}
.contactIdDesc{
	width: 70%;
}
.contactIdDesc h4{
	font-size: 1.2vw;font-weight: 600;
}
.contactIdDesc h6{
	font-size: 0.9vw;
}
.contactIdDesc ul li{
	font-size: 0.8vw;
}
.contactRight{
	width: 40%;
}
.contactForm{
	width: 100%;
}
.contactInput{
	width: 100%;
}
.contactInput input{
	width: 100%;padding: 0.5vw;border: 1px solid #000;height:3vw;margin-bottom: 1vw;font-size: 0.8vw;
	background: none;
}
.contactInput textarea{
	width: 100%;padding: 0.5vw;border: 1px solid #000;height:6vw;margin-bottom: 1vw;font-size: 0.8vw;
	background: none;
}
.contactRight button{
	display: block;width: 40%;padding: 0.7vw;border: none;background: #347a1b;color: #fff;
	text-transform: uppercase;position: relative;left: 60%;
}
/*---------------------------- CONTACT END ----------------------------*/
/*---------------------------- GALLERY START ----------------------------*/
.gallery{
	padding: 5vw 12vw;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.galleryCOlumn{
	width: 23%;height: 25vh;background: #000;margin-top: 1.5vw;border-radius: 12px;
}
.galleryCOlumn:nth-child(1){
	margin-top: 0;
}
.galleryCOlumn:nth-child(2){
	margin-top: 0;
}
.galleryCOlumn:nth-child(3){
	margin-top: 0;
}
.galleryCOlumn:nth-child(4){
	margin-top: 0;
}
.gallery{
	width: 100%;padding: 3vw 10vw;
}
.portfolioRow nav{
	text-align: center;
}
.portfolioRow ul{
	text-align: center;width: 100%;
}
.portfolioRow ul li{
	display: inline-block;width:15%;margin:1%;
}
.portfolioRow ul li a{
	display: block;font-size: 0.9vw;color: #000;text-transform: uppercase;
	font-weight: 500;text-decoration: none;
}
.gallery-section {
   text-align: center;
}
.tabs{
	text-align: center;width: 100%;
}
.tabs button {
    margin:1vw; cursor: pointer;background: transparent;font-weight: 500;
    border: none;transition: background-color 0.3s;font-size: 0.9vw;text-transform: uppercase;
}
.tabs button.active {
    color: red;
}
.galleries {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.galleries div {
    display: none; /* Initially hidden, handled via JS */
    margin: 1vw;width: 100%;
 }
.galleries img {
    width: 30%;
    height:30vh;
    object-fit: cover;
    border-radius: 5px;margin: 0.5vw;
}
.video{
	padding: 5vw 12vw;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.videoColumn{
	width: 48%;margin-top: 1.2vw;
}

/*---------------------------- GALLERY END ----------------------------*/
/*------------------------ EVENTS STARTED ------------------------*/

.events{
	padding: 4vw 12vw;
}
.events h5{
	font-size: 1.3vw;font-weight: 600;display: flex;align-items: center;
}
.events span{
	display: inline-block;width: 100%;height: 2px;background: #000;margin-left: 1vw;
}
.eventsEach{
	width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 1vw;
}
.eventDate{
	width: 10%;border-radius: 7px;height: 7vw;background: #498930;display: flex;align-items: center;
	justify-content: center;text-align: center;
}
.eventDetail{
	width: 62%;
}
.eventDetail h6{
	font-size: 0.8vw;
}
.eventDetail h2{
	font-size: 1.7vw;font-weight: 600;
}
.eventDetail h4{
	font-size:1vw;font-weight: 600;
}
.eventDetail p{
	font-size: 0.9vw;
}
.eventImage{
	width: 24%;height: 23vh;background: #fff;border-radius: 8px;position: relative;
}
.eventDate h3{
	font-size: 4vw;font-weight: 800;color: #fff;margin-bottom: 0;text-align: center;
}
.eventDate p{
	font-size: 0.9vw;color: #fff;margin-bottom: 0;margin-top: -0.5vw;text-align: center;text-align: center;
}
.eventTime{
	width: 100%;position: absolute;left: 0;bottom: 0;padding: 0.5vw;background: rgba(255, 255, 255, 0.8);
	font-size: 0.8vw;text-transform: uppercase;text-align: center;font-weight: 600;color: red;
}

/*----------------------- EVENTS END ----------------------------*/
/*------------------------ MEMBERS STARTED ------------------------*/

.members{
	width: 100%;padding: 4vw 12vw;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.memberColumn{
	width: 31%;margin-top: 1.5vw;
}
.memberColumn:nth-child(1){
	margin-top: 0;
}
.memberColumn:nth-child(2){
	margin-top: 0;
}
.memberColumn:nth-child(3){
	margin-top: 0;
}
.memberProfile{
	width: 8vw;height: 8vw;border-radius: 50%;background: #fff;position: relative;left: 50%;
	transform: translateX(-50%);margin-bottom: 1vw;
}
.memberColumn h3{
	font-size: 1.2vw;font-weight: 600;color: #fff;text-align: center;
}
.memberColumn h4{
	font-size: 0.8vw;color: #fff;text-align: center;margin-bottom: 0.5vw;font-style: italic;
}
.memberColumn ul li{
	text-align: center;color: #fff;font-size: 0.8vw;border-bottom: 1px solid #fff;padding: 0.6vw;
	width: 70%;position: relative;left: 15%;
}
.memberColumn ul li:last-child{
	border: none;
}
.memberColumn a{
	font-size: 0.8vw;text-decoration: none;color: #fff;padding: 0.5vw 2vw;border-radius: 25px;
	background: #a4cf93;text-align: center;display: block;margin-top: 1vw;
}
.memberColumn a:hover{
	background: #356e1f;
}

/*------------------------ MEMBERS END ------------------------*/
/*------------------------ MEMBER DETAILS START ------------------------*/

.memberWrapper{
	display: flex;justify-content: space-between;flex-wrap: wrap;
}
.profilePic{
	width: 12vw;height: 12vw;border-radius: 50%;border:0.3vw solid #347a1b;background: #ebebeb;
	position: relative;left: 50%;transform: translateX(-50%);margin-bottom: 2.5vw;
}
.members table th{
	width: 50%;
}

/*------------------------ MEMBER DETAILS END ------------------------*/
/*------------------------ BOARDS START ------------------------*/

.boards{
	padding: 3vw 12vw;width: 100%;
}
.boards h3{
	font-size: 1.2vw;font-weight: 600;margin-top: 1vw;margin-bottom: 1vw;color: #4b8c32;
}
.boards th{
	font-size: 0.8vw;
}
.boards td{
	font-size: 0.8vw;
}

/*------------------------ BOARDS END ------------------------*/

/*------------------------ VIDEOS START ------------------------*/

.videos{
	padding: 5vw 12vw;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.videoColumn{
	width: 48%;
}

/*------------------------ VIDEOS END ------------------------*/

/*------------------------ JOIN MEMBER START ------------------------*/

.join-member{
	padding: 1.5vw;border: 1px solid #d4d4d4;border-radius: 25px;width: 100%;
}
.formJoin{
	width: 100%;margin-bottom: 1vw;
}
.formJoin label{
	font-size: 0.8vw;
}
.formJoin input{
	width: 100%;height: 2.5vw;padding: 0.5vw;font-size: 0.8vw;background: none;
	border: 1px solid #d4d4d4;
}

.formJoin select{
	width: 100%;height: 2.5vw;padding: 0.5vw;font-size: 0.8vw;background: none;
	border: 1px solid #d4d4d4;
}
.join-member button{
	display: block;width: 20%;padding: 0.8vw;text-align: center;font-size: 0.8vw;
	background: #4b8c32;border: none;border-radius: 7px;color: #fff;
}

/*------------------------ JOIN MEMBER END ------------------------*/
/*------------------------ INDIAN BOARD START ------------------------*/

.inidanBoard{
	width: 100%;margin-top: 2vw;
}
.boardRow{
	display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;
}
.boardColumn{
	width: 23%;padding: 0.8vw;border-radius: 12px;margin-top: 1vw;border: 1px solid #b5b5b5;
}
.profilePicSiliguri{
	width: 7vw;height: 7vw;border-radius: 50%;position: relative;left: 50%;
	transform: translateX(-50%);background: #fff;
}
.boardProfileDetail{
	text-align: center;margin-top: 1vw;
}
.boardProfileDetail h4{
	font-size: 0.9vw;font-weight: 600;color: #000;
}
.boardProfileDetail h5{
	font-size: 0.7vw;font-style: italic;color: #000;
}
.boardProfileDetail h6{
	font-size: 0.6vw;color: #000;
}

/*------------------------ INIDAN BOARD END ------------------------*/

/*---------------------------------------- RESPONSIVE ------------------------------------------------*/

@media(max-width:768px){

	.overlayVideo{
		width: 100%;position: fixed;top: 0%;height: 100vh;background: #fff;z-index: 9999;left: 0;
	}
	.overlayVideo video {
        transform: rotate(90deg);
        width: 100vw;   /* height becomes width after rotation */
        height: 100vh;
    }

	/*-------------------------- HEADER START ------------------------------*/

	.resp_header{
		width: 100%;padding:8px 15px;display: flex;justify-content: space-between;background: #fff;
	}
	.resp-logo{
		width:50%;
	}
	.respMenuBtn{
		width: 30%;display: flex;align-items: center;justify-content: right;
	}
	.respMenuBtn button{
		width: 45px;height: 45px;border: 1px solid #000;
	}
	.dropdownMenu{
		width: 100%;display: block;width: 100%;background: #f5f5f5;display: none;
	}
	.dropdownMenu ul li{
		display: block;width: 100%;
	}
	.dropdownMenu ul li a{
		display: block;width: 100%;padding: 10px;border-bottom: 1px solid #fff;font-size: 15px;
		color: #000;text-decoration: none;
	}
	.dropdownMenu ul li a:hover{
		background: #559532;color: #fff;
	}
	.dropdown-menu{
		width: 100%;
	}

	/*-------------------------- HEADER END -----------------------------*/

	/*---------------------------- FOOTER START ----------------------------*/

	
	.socialMediaHeader{
			width: 100%;text-align: left;
		}
		.socialMediaHeader a{
			font-size: 18px;margin-left:18px;color: #fff;text-decoration: none;
		}
		.socialMediaHeader a:hover{
			color:#fff;
		}
	.moveToTop{
		width: 45px;height: 45px;position: fixed;right: 20px;bottom: 20px;content: '';
		background: #c99053;border-radius: 50%;
		display: flex;align-items: center;justify-content: center;font-size: 18px;border:none;
	}
	.sideSocialBtn{
		position: fixed;right: 0;top:45%;width: 45px;height: 150px;z-index: 100;transform: translateY(-50%);
		display: flex;flex-direction: column;justify-content: space-between;
	}
	.sideSocialBtn a{
		width: 45px;height: 45px;background: #e3910a;display: flex;align-items: center;justify-content: center;
		font-size: 16px;color: #fff;text-decoration: none;
	}
	.footer{
		width: 100%;padding: 15px;background: url('../images/footer.jpg');
		background-size: cover;background-position: center;background-repeat: no-repeat;
		display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.footercolumnOne{
		width: 100%;
	}
	.footercolumnTwo{
		width: 100%;margin-top: 10px;
	}
	a.footerLogo{
		width:40%;display: block;
	}
	.footercolumnOne p{
		font-size: 15px;color: #fff;margin-top: 15px;text-align: justify;
	}
	.footercolumnTwo h3{
		font-size: 22px;font-weight: 600;color: #fff;font-weight: 600;margin-bottom: 10px;
	}
	.footercolumnTwo ul li{
		margin-top: 8px;
	}
	.footercolumnTwo ul li a{
		color: #fff;text-decoration: none;font-size: 15px;
	}
	.footercolumnThree{
		width: 100%;margin-top: 10px;
	}
	.footercolumnThree h3{
		font-size: 28px;font-weight: 600;color: #fff;font-weight: 600;margin-bottom: 15px;
	}
	.footercolumnFour{
		width:100%;margin-top: 15px;
	}
	.footercolumnFour h3{
		font-size: 22px;font-weight: 600;color: #fff;font-weight: 600;margin-bottom: 1vw;
	}
	.footerRow{
		display: flex;justify-content: space-between;margin-top: 1vw;
	}
	.footerIc{
		width:4%;color: #fff;font-size: 15px;
	}
	.footerDetails{
		width: 92%;color: #fff;font-size: 15px;
	}
	.fbPage{
		width: 100%;height: 30vh;margin-top: 15px;
	}
	.footercolumnThree .fbPage {
    width: 100%;
	}
	.footercolumnThree .fbPage > div {
	    width: 100% !important;
	}
	.copyright{
		width: 100%;padding:20px 7px;color: #fff;background: ;font-size:12px;
		background: #0d1400;text-align: center;
	}

	/*---------------------------- FOOTER END ----------------------------*/

	/*---------------------------- BREADCUMB START ----------------------------*/

	.breadcumb{
		width: 100%;text-align: center;height: 15vh;
		background: url('../images/Banner-Image.png');background-size: cover;background-position: center;
		margin-top: 0vh;position: relative;
	}
	.breadcumb h1{
		font-size:3vw;font-weight: 600;margin-bottom: 0;
	}
	.breadcumb p{
		font-size: 15px;margin-bottom: 0;
	}
	.breadcumb p a{
		font-size: 15px;font-weight: 400;color: #000; text-decoration: none;
	}
	.breadcumbContent{
		position: absolute;content: '';left: 50%;transform: translate(-50%, -50%);width: 70%;
		top: 50%;
	}
	.breadcumbContent h1{
		font-size: 32px;font-weight: 600;color: #fff;
	}
	.breadcumbContent p{
		color: #fff;font-size: 15px;margin-bottom: 0;
	}
	.breadcumbContent p a{
		color: #fff;font-size: 15px;text-decoration: none;
	}

	/*---------------------------- BREADCUMB END ----------------------------*/
	
	/*---------------------------- INDEX START ----------------------------*/
	.slider{
		width: 100%;padding:10px 15px;margin-bottom: 3vw;
	}
	.sliderWrapper{
		width: 100%;height: 40vh;background: #ebebeb;border-radius: 25px;display: flex;align-items: center;justify-content: center;
		font-size: 13vw;color: grey;font-weight: 800;
	}

	/*---------------------------- INDEX END ----------------------------*/

	/*---------------------------- CONTACT START ----------------------------*/

	.contact{
		padding: 15px;
	}
	.contactRow{
		display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;
	}
	.contactLeft{
		width: 100%;background: #0e171d;padding: 15px;border-radius: 20px;
		color: #fff;
	}
	.contactLeft h3{
		font-size: 22px;font-weight: 600;
	}
	.contactLeft p{
		font-size: 15px;margin-bottom: 0;
	}
	.contactIdDetails{
		width: 100%;display: flex;justify-content: space-between;align-items: center;margin-top:15px;
	}
	.contactIdPhoto{
		width: 80px;height: 80px;background: #fff;border-radius: 50%;
	}
	.contactIdDesc{
		width: 76%;
	}
	.contactIdDesc h4{
		font-size: 20px;font-weight: 600;
	}
	.contactIdDesc h6{
		font-size: 18px;
	}
	.contactIdDesc ul li{
		font-size:15px;
	}
	.contactRight{
		width: 100%;margin-top: 18px;
	}
	.contactForm{
		width: 100%;
	}
	.contactInput{
		width: 100%;
	}
	.contactInput input{
		width: 100%;padding: 7px;border: 1px solid #000;height:45px;margin-bottom: 10px;font-size: 14px;
		background: none;
	}
	.contactInput textarea{
		width: 100%;padding: 7px;border: 1px solid #000;height:30vw;margin-bottom: 10px;font-size:14px;
		background: none;
	}
	.contactRight button{
		display: block;width: 100%;padding: 10px;border: none;background: #347a1b;color: #fff;
		text-transform: uppercase;position: relative;left: 0%;font-size: 15px;
	}
	/*---------------------------- CONTACT END ----------------------------*/
	/*------------------------ GALLERY START ------------------------------*/

	.gallery{
		width: 100%;padding:15px;
	}
	.portfolioRow nav{
		text-align: center;
	}
	.portfolioRow ul{
		text-align: center;width: 100%;
	}
	.portfolioRow ul li{
		display: inline-block;width:15%;margin:1%;
	}
	.portfolioRow ul li a{
		display: block;font-size: 14px;color: #000;text-transform: uppercase;
		font-weight: 500;text-decoration: none;
	}
	.gallery-section {
	   text-align: center;
	}
	.tabs{
		text-align: center;
	}
	.tabs button {
	    margin:1vw; cursor: pointer;background: transparent;font-weight: 600;
	    border: none;transition: background-color 0.3s;font-size:14px;text-transform: uppercase;
	}
	.tabs button.active {
	    color: red;
	}
	.galleries {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: center;
	}
	.galleries div {
	    display: none; /* Initially hidden, handled via JS */
	    margin: 1vw;width: 100%;
	 }
	.galleries img {
	    width:48%;
	    height:20vh;
	    object-fit: cover;
	    border-radius: 5px;margin: 0.5vw;
	}

	/*------------------------ GALLERY END ------------------------------*/
	/*------------------------ EVENTS STARTED ------------------------*/

	.events{
		padding: 15px;
	}
	.events h5{
		font-size: 18px;font-weight: 600;display: flex;align-items: center;
	}
	.events span{
		display: inline-block;width: 100%;height: 2px;background: #000;margin-left: 1vw;
	}
	.eventsEach{
		width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 1vw;
	}
	.eventDate{
		width: 20%;border-radius: 7px;height: 15vw;background: #498930;display: flex;align-items: center;
		justify-content: center;text-align: center;
	}
	.eventDetail{
		width: 100%;margin-top: 15px;
	}
	.eventDetail h6{
		font-size: 14px;
	}
	.eventDetail h2{
		font-size: 22px;font-weight: 600;margin-top: 0px;
	}
	.eventDetail h4{
		font-size:13px;font-weight: 600;
	}
	.eventDetail p{
		font-size:15px;text-align: justify;
	}
	.eventImage{
		width: 100%;height: 28vh;background: #fff;border-radius: 8px;position: relative;
	}
	.eventDate h3{
		font-size:40px;font-weight: 800;color: #fff;margin-bottom: 0;text-align: center;
	}
	.eventDate p{
		font-size: 12px;color: #fff;margin-bottom: 0;margin-top: -0.5vw;text-align: center;text-align: center;
	}
	.eventTime{
	width: 100%;position: absolute;left: 0;bottom: 0;padding: 7px;background: rgba(255, 255, 255, 0.8);
	font-size: 14px;text-transform: uppercase;text-align: center;font-weight: 600;color: red;
}

	/*----------------------- EVENTS END ----------------------------*/

	/*------------------------ MEMBERS STARTED ------------------------*/

	.members{
		width: 100%;padding:15px;display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.memberColumn{
		width: 48%;margin-top: 12px;
	}
	.memberColumn:nth-child(1){
		margin-top: 0;
	}
	.memberColumn:nth-child(2){
		margin-top: 0;
	}
	.memberColumn:nth-child(3){
		margin-top: 12px;
	}
	.memberProfile{
		width: 100px;height: 100px;border-radius: 50%;background: #fff;position: relative;left: 50%;
		transform: translateX(-50%);margin-bottom: 1vw;
	}
	.memberColumn h3{
		font-size: 18px;font-weight: 600;color: #fff;text-align: center;
	}
	.memberColumn h4{
		font-size: 12px;color: #fff;text-align: center;margin-bottom: 0.5vw;font-style: italic;
	}
	.memberColumn ul li{
		text-align: center;color: #fff;font-size: 12px;border-bottom: 1px solid #fff;padding:7px;
		width: 70%;position: relative;left: 15%;
	}
	.memberColumn ul li:last-child{
		border: none;
	}
	.memberColumn a{
		font-size: 14px;text-decoration: none;color: #fff;padding: 7px;border-radius: 25px;
		background: #a4cf93;text-align: center;display: block;margin-top: 1vw;
	}
	.memberColumn a:hover{
		background: #356e1f;
	}

	/*------------------------ MEMBERS END ------------------------*/

	/*------------------------ BOARDS START ------------------------*/

.boards{
	padding: 15px;width: 100%;
}
.boards h3{
	font-size: 20px;font-weight: 600;margin-top: 1vw;margin-bottom: 1vw;
}
.boards th{
	font-size:14px;
}
.boards td{
	font-size:14px;
}

/*------------------------ BOARDS END ------------------------*/
/*---------------------------- INDEX START ----------------------------*/

.slider{
	width: 100%;position: relative;height: 30vh;margin-top:0vw;
}
.sliderBg{
	position: absolute;width: 100%;height: 100%;
	  top: 0;right: 0;z-index: -99;
	  clip-path: polygon(100% 0, 100% 87.3%, 83.5% 75%, 0 100%, 0 0);
}
.sliderContent{
	content: '';position: absolute;top: 50%;transform: translateY(-50%);
	left: 5%;width: 50%;z-index: 1000;
}
.sliderContent h5{
	color: #fff;font-size: 14px;color: #fff;font-family: "Playball", cursive;
}
.sliderContent h2{
	font-size: 22px;font-weight: 600;color: #fff;
}
.sliderContent h2 span{
	font-family: "Playball", cursive;color: #4b8c32;
}
.sliderContent p{
	color: #fff;font-size: 0.8vw;display: none;
}
.sliderButton{
	display: flex;
}
.sliderButton a{
	font-size: 13px;color: #fff;display: block;width:80%;background: #e2900a;
	text-align: center;padding: 0.5vw;border-radius: 25px;text-decoration: none;
}
.sliderButton button{
	background: none;color: #fff;border: none;font-size: 11px;margin-left: 10px;display: flex;
	align-items: center;
}
.sliderButton button span{
	display: block;width: 40px;height: 40px;border-radius: 50%;display: flex;align-items: center;
	justify-content: center;background: #fff;color: #000;
}
.batsmenSlider{
	content: '';position: absolute;right: 5%;bottom: 2%;width: 33%;
}
.ballSlider{
	content: '';
    position: absolute;
    bottom: 9%;
    right: 45%;
    width: 4%;
    animation: bounce 1s infinite;
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }

  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    transform: translate3d(0, -4px, 0);
  }
}

/*---------------------------- INDEX END ----------------------------*/
	/*------------------------ VIDEOS START ------------------------*/

	.videos{
		padding:15px;display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.videoColumn{
		width: 100%;margin-top: 15px;
	}
	.videoColumn:first-child{
		margin-top: 0;
	}

	/*------------------------ VIDEOS END ------------------------*/
	/*------------------------ JOIN MEMBER START ------------------------*/

	.join-member{
		padding: 15px;border: 1px solid #d4d4d4;border-radius: 25px;width: 100%;
	}
	.formJoin{
		width: 100%;margin-bottom: 15px;
	}
	.formJoin label{
		font-size: 15px;
	}
	.formJoin input{
		width: 100%;height: 50px;padding: 7px;font-size: 14px;background: none;
		border: 1px solid #d4d4d4;
	}

	.formJoin select{
		width: 100%;height: 50px;padding: 7px;font-size: 14px;background: none;
		border: 1px solid #d4d4d4;
	}
	.join-member button{
		display: block;width: 100%;padding:10px;text-align: center;font-size: 15px;
		background: #4b8c32;border: none;border-radius: 7px;color: #fff;
	}

	/*------------------------ JOIN MEMBER END ------------------------*/

	/*------------------------ INDIAN BOARD START ------------------------*/

	.inidanBoard{
		width: 100%;margin-top: 2vw;
	}
	.boardRow{
		display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;
	}
	.boardColumn{
		width: 100%;padding:15px;border-radius: 12px;margin-top: 15px;border: 1px solid #b5b5b5;
	}
	.profilePicSiliguri{
		width: 150px;height: 150px;border-radius: 50%;position: relative;left: 50%;
		transform: translateX(-50%);background: #fff;
	}
	.boardProfileDetail{
		text-align: center;margin-top: 15px;
	}
	.boardProfileDetail h4{
		font-size: 16px;font-weight: 600;color: #000;
	}
	.boardProfileDetail h5{
		font-size:13px;font-style: italic;color: #000;
	}
	.boardProfileDetail h6{
		font-size:12px;color: #000;
	}
	/*------------------------ INIDAN BOARD END ------------------------*/
	
}