html{
	scroll-behavior: smooth;
}
body{
	margin: 0;padding: 0;
	box-sizing: border-box;
	font-family: "Nunito", sans-serif;
}
/*---------------------- HEADER START ---------------------------*/
.tp-header{
	padding: 0 8vw;
	background: linear-gradient(90deg, rgba(15,110,183,1) 0%, rgba(21,171,185,1) 100%);
}
.header_contact ul li{
	display: inline;
}
.header_contact ul li a{
	color: #fff;font-size: 0.8vw;font-weight: 500;padding:0.5vw 1vw;
	border-left: 1px solid #fff;display: inline-block;text-decoration: none;
}
.header_contact ul li:last-child a{
	border-right: 1px solid #fff;
}
.header_contact ul li a i{
	margin-right: 0.3vw;
}
.middle-header{
	font-size: 0.8vw;font-weight: 500;color: #fff;display: flex;align-items: center;
	justify-content: center;text-transform: uppercase;
}
.social-mediaHeader{
	text-align: right;
}
.social-mediaHeader ul li{
	display: inline;
}
.social-mediaHeader ul li a{
	color: #fff;font-size: 0.8vw;font-weight: 500;padding:0.5vw 1vw;
	border-left: 1px solid #fff;display: inline-block;text-decoration: none;
}
.social-mediaHeader ul li a i{
	margin-right: 0;
}
.social-mediaHeader ul li:last-child a{
	border-right: 1px solid #fff;
}
.header{
	background: #fff;padding: 0.5vw 8vw;border-bottom: 1px solid #ebebeb;
}
.rowHeader{
	display: flex;align-items: center;justify-content: space-between;
}
.logo{
	width: 20%;
}
.navMenu{
	display: flex;align-items: center;justify-content: center;width: 62%;
}
.navMenu ul li{
	display: inline-block;margin:0 0.5vw;
}
.navMenu ul li a{
	color: #000;font-size: 0.8vw;font-weight: 500;text-decoration: none;
}
a.dropdown-item{
	color: #000;font-size: 0.8vw;font-weight: 500;text-decoration: none;
}
.login{
	display: flex;align-items: center;justify-content: right;width: 15%;
}
.login button{
	display: block;width:100%;padding: 0.5vw;border-radius: 25px;
	background: #e04a29;border: none;color: #fff;font-size: 0.8vw;
	font-weight: 500;text-transform: uppercase;
}
.overlay{
	width: 100%;height: 100vh;position: fixed;z-index: 100000;top: 0;left: 0;
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));display: none;
}
.popup{
	width:30%;content: '';position: absolute;top: 50%;left: 50%;
	transform: translate(-50%,-50%);padding: 1vw;background: #fff;
	padding: 1vw;border-radius: 25px;
}
.popup h3{
	font-size: 1.5vw;font-weight: 800;
}
.popup label{
	font-size: 0.8vw;font-weight: 600;margin-top: 0.2vw;
}
.popup input{
	width: 100%;padding: 0.4vw;font-size: 0.8vw;margin-top: 0.2vw;
}
.btnSbmt{
	margin-top: 1vw;display: block;width: 100%;padding: 0.5vw;border: none;
	background: orange;color: #fff;text-align: center;font-weight: 600;font-size: 0.8vw;
	text-transform: uppercase;
}
input:focus{
	outline: none;
}
.closeBtn{
	position: absolute;top: -8%;right: -5%;font-size: 1vw;color: #fff;background: none;border: none;
}
a.membername{
	color: #0f63b1;font-size: 0.7vw;font-weight: 600;text-decoration: none;
	text-transform: uppercase;
}
/*---------------------- HEADER END ---------------------------*/
/*----------------------- FOOTER START ------------------------*/
.moveToTop{
	position: fixed;width: 3vw;height: 3vw;background: #e04a29;border-radius: 50%;
	display: flex;align-items: center;justify-content: center;
	color: #fff;font-size: 1.3vw;bottom: 3%;right: 2%;border: none;font-size: 1vw;
}
.footer{
	text-align: center;padding: 2vw;
	background: #e8e8e8;background-size: cover;background-position: center;
}
.footer a img{
	width:50%;
}
.footer-nav{
	margin-top: 1.5vw;
}
.footer-nav ul li{
	display: inline-block;
}
.footer-nav ul li a{
	color: #000;font-size: 0.8vw;font-weight: 600;padding:0 0.8vw;text-transform: uppercase;
	text-decoration: none;border-right: 1px solid #000;
}
.footer-nav ul li:last-child a{
	border:none;
}
.visitor{
	background: #e04a29;padding: 0.5vw;width: 40%;position: relative;
	left: 50%;transform: translateX(-50%);margin-top: 1vw;margin-bottom: 1vw;
	color: #fff;font-size: 0.8vw;text-transform: uppercase;
}
.contactFooter{
	text-align: center;
}
.contactFooter h5{
	font-size: 1vw;font-weight: 600;margin-top: 1vw;
}
.contactFooter ul li{
	display: inline;margin: 1%;
}
.contactFooter ul li a{
	color: #000;font-size: 1vw;
}
.policyLink{
	text-align: center;margin: 1vw 0 0 0;margin-left: 0;width: 100%;
}
.policyLink li{
	margin: 0.8vw;
}
ul.policyLink li a{
	color: #000;font-size: 0.9vw;
}
.copyright{
	padding: 1vw;background: #c9c9c9;font-size: 0.8vw;text-align: center;font-weight: 600;
}
/*------------------------- FOOTER END --------------------------*/
/*-----------------------------------------INDEX PAGE START ----------------------------*/

/*--------------------- SLIDER START --------------*/
.slider{
	width: 100%;height:70vh;background: #ebebeb;display: flex;align-items: center;
	justify-content: center;font-size: 12vw;font-weight: 900;color: grey;
}
/*--------------------- SLIDER END --------------*/
/*---------------------- ABOUT ROTARY START ------------------------*/
.aboutRotaryIndex{
	padding: 3vw 8vw;background: #fff;position: relative;
}
.aboutRotaryIndex h3{
	font-size: 0.9vw;font-weight: 600;text-transform: uppercase;color: #e04a29;
}
.aboutRotaryIndex h1{
	font-size: 2.5vw;font-weight: 800;color: #0f71b7;
}
.aboutRotaryIndex p{
	font-size: 0.9vw;text-align: justify;margin-bottom: 0;
}
.president{
	content: '';position: absolute;bottom: 0;right: 8%;width: 33%;
}
/*---------------------- ABOUT ROTARY END ------------------------*/
/*---------------------- AREA OF FOCUS START ------------------------*/
.areaOfFocus{
	padding:0 8vw 3vw 8vw;background: ;
}
.areaColumn{
	width: 13%;background:#f7f7f7;padding: 1vw;
}
.areaColumn:nth-child(2){
	background:#a4d8fc;padding: 1vw;
}
.areaColumn:nth-child(4){
	background:#a4d8fc;padding: 1vw;
}
.areaColumn:nth-child(6){
	background:#a4d8fc;padding: 1vw;
}
.areaColumn:nth-child(1){
	background:#f68d29;padding: 1vw;
}
.areaColumn:nth-child(3){
	background:#f68d29;padding: 1vw;
}
.areaColumn:nth-child(5){
	background:#f68d29;padding: 1vw;
}
.areaColumn:nth-child(7){
	background:#f68d29;padding: 1vw;
}
.areaColumn h4{
	font-size: 1vw;font-weight: 600;
}
.areaColumn p{
	font-size: 0.8vw;text-align: justify;margin-bottom: 0;
}
.areaColumn img{
	width: 40%;margin-bottom: 0.5vw;
}
/*---------------------- AREA OF FOCUS END ------------------------*/
/*---------------------- MEMBERS INFO START ------------------------*/
.membersInfo{
	padding: 3vw 8vw;background: #f7f7f7;text-align: center;
}
.membersBirthday{
	padding: 1vw;background: #a4d8fc;
}
.membersAnniversary{
	padding: 1vw;background: #a4d8fc;
}
.memberslist{
	padding: 1vw;background: #f68d29;
}
.membersInfo h3{
	font-size: 1.2vw;font-weight: 600;margin-bottom: 0.7vw;text-align: center;
}
.membersDp{
	width: 8vw;height: 8vw;background: #fff;border-radius: 12px;position: relative;
	left: 50%;transform: translate(-50%);
}
.membersInfo h4{
	font-size: 1vw;font-weight: 700;margin-top: 1vw;
}
.membersInfo h5{
	font-size: 0.8vw;font-weight: 400;
}
.membersInfo h6{
	font-size: 0.8vw;font-weight: 400;
}
.slick-prev::before{
	color: #1184b8;
}
.slick-next::before{
	color: #1184b8;
}
.table-container .table th:nth-child(1), .table td:nth-child(1) {
  width: 10%;
}
.table-container .table th:nth-child(2), .table td:nth-child(2) {
  width: 50%;
}
.table-container .table th:nth-child(3), .table td:nth-child(3) {
  width: 40%;
}
.table-container {
  overflow: hidden;
  height: 27.5vh; /* Adjust height as needed */
}
#table-body {
  animation: scroll 120s linear infinite;
}
@keyframes scroll {
  0% { transform: translateY(0); }
  100% { transform: translateY(-100%); }
}
.table-container table thead{
	position: relative;z-index: 10;
}
.roatryLeaders{
	margin-top: 2vw;
}
.roatryLeaders h3{
	margin-bottom: 1vw;font-size: 1vw;font-weight: 600;
}
.roatryLeaders h4{
	font-size: 1vw;font-weight: 800;
}
.roatryLeaders h6{
	font-size: 0.8vw;font-weight: 300;margin-bottom: 1vw;
}
.leaderColumn{
	background: #e8e8e8;padding: 1.5vw;
}
.leaderImg{
	width: 7vw;height: 7vw;border-radius: 50%;border: 4px solid #f68d29;position: relative;
	left: 50%;transform: translateX(-50%);
}
.leaderColumn a{
	font-size: 0.8vw;padding: 0.4vw 2vw;background: #f68d29;color: #000;border-radius: 20px;
	text-decoration: none;
}
/*---------------------- MEMBERS INFO END ------------------------*/
/*----------------------- JOIN LEADERS START --------------------------*/
.join-leaders{
	padding: 3vw 8vw;
}
.join-leaders h2{
	font-size: 2vw;font-weight: 800;color: #0f71b7;
}
.join-leaders p{
	font-size: 0.9vw;line-height: 2;
}
.join-leaders ul{
	padding: 0;margin: 0;margin-top: 1vw;
}
.join-leaders ul li{
	display: inline-block;width: 30%;margin: 1%;
}
.join-leaders ul li a{
	padding: 0.4vw;background:#f68d29;display: block;width: 100%;text-align: center;
	color: #000;font-weight: 600;font-size: 0.9vw;border-radius: 25px;text-decoration: none;
}
.yt-video{
	width: 100%;height:35vh;position: relative;
}
.yt-video iframe{
	position: absolute;top:0;left: 0;width: 100%;height: 100%;
}
/*----------------------- JOIN LEADERS END --------------------------*/
/*----------------------- EVENT INDEX START --------------------------*/
.eventIndex{
	background: #a4d8fc;padding:3vw 8vw;
}
.blogsRow{
	width: 100%;height: 100%;
}
.eventColumn{
	width: 25%;background: #fff;padding: 1vw 1vw 1.5vw 1vw;margin: 0.05%;height: 100%;
}
.eventColumn h3{
	font-size: 1.1vw;font-weight: 700;margin-top: 1vw;
}
.eventColumn p{
	font-size: 0.8vw;font-weight: 400;margin-top: 0.2vw;text-align: justify;
}
.eventImage{
	width: 100%;height: 20vh;background: #ebebeb;
}
.eventColumn a{
	color: #fff;background: #e04a29;padding: 0.2vw 1vw;font-weight: 600;
	font-size: 0.9vw;text-decoration: none;border-radius: 20px;
}
/*----------------------- EVENT INDEX END --------------------------*/
/*-----------------------------------------INDEX PAGE END ----------------------------*/
/*----------------------- BREADCUMB START -------------------*/
.breadcumb{
	width: 100%;padding: 3vw 8vw;background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/smilekids.jpg');
	background-size: cover;background-position: center;
}
.breadcumb h1{
	font-size: 3vw;font-weight: 700;color: #fff;text-align: center;
}
.breadcumb p{
	font-size: 0.9vw;color: #fff;text-align: center;
}
.breadcumb a{
	font-size: 0.9vw;color: #fff;text-decoration: none;
}
/*----------------------- BREADCUMB END -------------------*/
/*----------------------- OVERVIEW PAGE START -------------------*/
.overviewPage{
	padding: 3vw 8vw;
}
.overviewCol{
	padding: 1vw;background: #f7f7f7;
}
.overviewCol h3{
	font-size: 0.9vw;font-weight: 900;
}
.overviewCol p{
	font-size: 0.9vw;font-weight: 400;margin-bottom: 0;
}
.paulPharris{
	margin-top: 1vw;
}
.paulPharris h1{
	font-size: 3vw;font-weight: 600;font-family: 'Roboto', sans-serif;
	color: #0f71b7;
}
.paulPharris h3{
	font-size:1.3vw;font-weight: 600;
}
.paulPharris p{
	font-size: 0.9vw;line-height: 1.5;text-align: justify;
}
.overviewPage img{
	width: 100%;
}
.marTp20px{
	margin-top: 1vw;
}
.mission h3{
	font-size: 1.5vw;font-weight: 600;color: #0f71b7;
}
.mission p{
	font-size: 0.9vw;
}
.mission ul{
	margin: 0;padding: 0;
}
.mission ul li{
	display: inline-block;padding: 0.4vw 1vw;background: #ebebeb;margin-right: 0.5vw;
	font-size: 0.9vw;
}
/*----------------------- OVERVIEW PAGE END --------------------*/
/*---------------------- INDIAN LEADERS START --------------------*/
.indian_leaders{
	padding: 3vw 8vw;
}
.leaderDetail h1{
	font-size:2vw;font-weight: 600;
	color: #0f71b7;
}
.leaderDetail h6{
	font-size: 0.9vw;font-weight: 800;
}
.leaderDetail p{
	font-size: 0.8vw;text-align: justify;line-height: 1.5;
}
.leader-img{
	width: 100%;height: 40vh;background: #ebebeb;
}

/*---------------------- INDIAN LEADERS END --------------------*/
/*---------------------- GEMS OF OUR CLUB START ---------------------*/
.gems_of_club{
	padding: 3vw 8vw;
}
/*---------------------- GEMS OF OUR CLUB END ---------------------*/
/*---------------------- CLUB HISTORY START ---------------------*/
.club-history{
	padding: 3vw 8vw;
}
.club-history h1{
	font-size: 2vw;font-weight: 800;
}
.club-history tr th{
	font-size: 0.8vw;
}
/*---------------------- CLUB HISTORY END ---------------------*/
/*--------------------- BOARD OF DIRECTORS START ---------------------*/
.bod{
	padding: 3vw 8vw;
}
.bod h2{
	font-size:1.5vw;font-weight: 600;
}
.bod th{
	font-size: 0.8vw;font-weight: 700;
}
.bod  .table td{
	font-size: 0.8vw;font-weight: 700;
}
/*--------------------- BOARD OF DIRECTORS END ----------------------*/
/*-------------------- MEMBERS OF DETAIL START ----------------------*/
.membersOfDetail{
	padding: 3vw 8vw;
}
.membersOfDetail th{
	font-size: 0.8vw;font-weight: 700;
}
.membersOfDetail td{
	font-size: 0.8vw;font-weight: 700;
}
.membersOfDetail td:nth-child(1) {
	  width: 5%;
	}
	.membersOfDetail td:nth-child(2) {
	  width:20%;
	}
	.membersOfDetail td:nth-child(3) {
	  width: 30%;
	}
	.membersOfDetail td:nth-child(4) {
	  width: 10%;text-align: center;
	}
	.membersOfDetail td:nth-child(5) {
	  width: 40%;
	}
/*------------------ MEMBERS OF DETAIL END ---------------------------*/
/*------------------- GALLERY PAGE STARTED -----------------------*/
.gallery{
	padding: 3vw 8vw;
}
/*--------------------- GALLERY PAGE ENDED ------------------------*/
/*------------------- EVENT PAGE STARTED -----------------------*/
.eventsPage{
	padding: 3vw 8vw;
}
.eventContainer{
	display: flex;justify-content: space-between;flex-wrap: wrap;
}
.eventColumn{
	width: 31%;position: relative;
}
.eventImg{
	width: 100%;height:30vh; background: #ebebeb;
}
.eventDetail{
	padding:1vw;border: 1px solid #ebebeb;
}
.eventDetail h3{
	font-size:1vw;font-weight: 800;margin: 0;
}
.eventDetail p{
	font-size: 0.8vw;font-weight: 400;margin-bottom: 0;margin-top: 0.5vw;margin-bottom: 1vw;
}
.eventDetail a{
	font-size: 0.8vw;padding: 0.3vw 1.5vw;background: #e04a29;
}
.eventDate{
	position: absolute;content: '';top: 7%;right: 7%;width: 4vw;height: 4vw;border-radius: 50%;
	background: #1181b8;display: flex;align-items: center;justify-content: center;font-weight: 900;
	color: #fff;font-size: 0.8vw;text-align: center;
}
/*------------------- EVENT PAGE ENDED -----------------------*/
/*--------------------- SINGLE PAGE START ---------------------------*/
.single-event{
	padding: 3vw 8vw;
}
.singleEventDetail{
	background: #f7f7f7f7;padding: 1vw;text-align: center;
}
.singleEventDetail h3{
	font-size: 1vw;font-weight: 800;
}
.singleEventDetail p{
	font-size: 0.9vw;font-weight: 300;margin-bottom: 0;
}
.single-img{
	width: 100%;height: 40vh;background: #ebebeb;margin-top: 1vw;
}
/*--------------------- SINGLE PAGE END ---------------------------*/
/*-------------------------- DASHBOARD PAGE START ---------------------------*/
.dashboard{
	width: 100%;display: flex;flex-wrap: wrap;
}
.left-dashboard{
	width: 20%;background: #1184b8;
}
.left-dashboard ul li a{
	display: block;width: 100%;padding: 0.7vw;font-size: 0.8vw;font-weight: 700;color: #fff;
	border-bottom: 0.5px solid #fff;text-decoration: none;text-align: center;
}
.right-dashboard{
	padding: 1vw;width: 80%;
}
.buttonRows{
	display: flex;flex-wrap: wrap;
}
.bigBtn{
	width: 18%;height:30vh;background: #ebebeb;margin: 1%;
}
.bigBtn a{
	display: block;width: 100%;height: 100%;text-align: center;font-size: 1vw;text-transform: uppercase;
	font-weight: 800;color: #000;text-decoration: none;display: flex;align-items: center;
	justify-content: center;
}
.bigBtn a img{
	margin-bottom: 0.5vw;
}
/*-------------------------- DASHBOARD PAGE END -----------------------------*/
/*-------------------------- DIRECTORY PAGE START ---------------------------*/
.right-dashboard{
	font-size: 0.9vw;font-weight: 400;
}
.right-dashboard h3{
	font-size: 1.5vw;font-weight: 800;
}
.right-dashboard th{
	font-size: 0.8vw;
}
.right-dashboard td{
	font-size: 0.8vw;
}
/*-------------------------- DIRECTORY PAGE END ---------------------------*/
/*--------------------------- GREETINGS PAGE STARTED -----------------------*/
.greetingsRow{
	display: flex;justify-content: space-between;flex-wrap: wrap;
	padding: 1vw;
}
.greetingColumn{
	padding: 1vw;border: 1px solid #ebebeb;width: 48%;height: 50vh;overflow-y: scroll;
}
.greetingColumn h1{
	text-align: center;font-size: 1.5vw;font-weight: 600;
}
.greetRow{
	display: flex;justify-content: space-between;margin-top: 2vw;
}
.greetImg{
	width: 30%;border: 3px solid #ebebeb;height: 15vh;background: #ebebeb;border-radius: 20px;
}
.greetDetail{
	width: 65%;
}
.greetDetail h2{
	font-size: 1.3vw;font-weight: 800;
}
.greetDetail ul li{
	font-size: 0.9vw;margin-top: 0.5vw;
}
.greetDetail ul li:last-child{
	margin-top: 1vw;
}
.greetDetail ul li a{
	font-size: 0.7vw;padding: 0.5vw 2vw;background: #e04a29;border-radius: 25px;color: #fff;
	text-transform: uppercase;font-weight: 700;text-decoration: none;
}
/*--------------------------- GREETINGS PAGE ENDED --------------------------*/
/*------------------------ SINGLE EVENT PAGE STARTED -----------------------*/
.event-detail
{
	padding: 3vw 8vw;
}
.eventsRow{
	display: flex;flex-wrap: wrap;
}
.bulEventCol{
	width: 22%;height:25vh;background: #ebebeb;margin: 1%;
}
/*------------------------ SINGLE EVENT PAGE ENDED ---------------------------*/
/*------------------------- SRBB STARTED ----------------------------*/
.slides{
	width: 100%;height: 70vh;background: #ebebeb;display: flex;align-items: center;
	justify-content: center;font-size: 14vw;font-weight: 900;color: grey;
}
.abtBlood{
	padding: 3vw 8vw;
}
.abtBlood h1{
	font-size: 1.5vw;font-weight: 600;color: #0f71b7;
}
.abtBlood p{
	font-size: 0.8vw;text-align: justify;margin-bottom: 0;
}
.bloodComponents{
	padding: 0vw 8vw 2vw 8vw;
}
.bloodComponents h3{
	font-size: 2vw;font-weight: 600;text-align: center;color: #0f71b7;
}
.blood-table{
	margin-top: 0.8vw;
}
.blood-table th:nth-child(1){
	width: 20%;
}
.blood-table th,td{
	font-size: 0.8vw;
}
.blood-table th:nth-child(2){
	width: 10%;text-align: center;
}
.blood-table th:nth-child(3){
	width: 10%;text-align: center;
}
.blood-table th:nth-child(4){
	width: 10%;text-align: center;
}
.blood-table th:nth-child(5){
	width: 10%;text-align: center;
}
.blood-table th:nth-child(6){
	width: 10%;text-align: center;
}
.blood-table th:nth-child(7){
	width: 10%;text-align: center;
}
.blood-table th:nth-child(8){
	width: 10%;text-align: center;
}
.blood-table th:nth-child(9){
	width: 10%;text-align: center;
}
.blood-table td:nth-child(1){
	width: 20%;
}
.blood-table td:nth-child(2){
	width: 10%;text-align: center;
}
.blood-table td:nth-child(3){
	width: 10%;text-align: center;
}
.blood-table td:nth-child(4){
	width: 10%;text-align: center;
}
.blood-table td:nth-child(5){
	width: 10%;text-align: center;
}
.blood-table td:nth-child(6){
	width: 10%;text-align: center;
}
.blood-table td:nth-child(7){
	width: 10%;text-align: center;
}
.blood-table td:nth-child(8){
	width: 10%;text-align: center;
}
.blood-table td:nth-child(9){
	width: 10%;text-align: center;
}
.blood-compatible{
	padding: 3vw 8vw 3vw 8vw;
}
.blood-compatible h3{
	font-size: 2vw;font-weight: 600;text-align: center;color: #0f71b7;margin-bottom: 1vw;
}
.video{
	width: 100%;height: 100%;
}
.compatibleTable th:nth-child(1){
	width: 33%;
}
.compatibleTable th:nth-child(2){
	width: 33%;
}
.compatibleTable th:nth-child(3){
	width: 33%;
}
.compatibleTable td:nth-child(1){
	width: 33%;
}
.compatibleTable td:nth-child(2){
	width: 33%;
}
.compatibleTable td:nth-child(3){
	width: 33%;
}
.donation-types{
	padding: 3vw 8vw 3vw 8vw;background: #f7f7f7;
}
.donation-types h3{
	font-size: 2vw;font-weight: 600;text-align: center;color:#0f71b7;
}
.donation-types p{
	font-size: 0.9vw;text-align: center;
}
.donation-types h2{
	font-size: 1.3vw;font-weight: 600;color: #0f71b7;
}
.definitionRow{
	display: flex;flex-wrap: wrap;
}
.definitionCol{
	width: 18%;padding: 1vw;background: #ebebeb;margin: 1%;
}
.definitionCol:nth-child(1){
	margin-left: 0;
}
.definitionCol:nth-child(5){
	margin-right: 0;
}
.definitionCol h4{
	font-size: 1vw;font-weight: 600;
}
.definitionCol p{
	font-size: 0.8vw;text-align: justify;margin-bottom: 0;
}
.faq button{
	background: #e3f3ff;display: block;width: 100%;text-align: left;
	color: #000;text-decoration: none;font-size: 0.8vw;padding: 0.8vw;
	border: none;position: relative;
}
.marTop10px{
	margin-top: 0.5vw;
}
.faq button:focus{
	outline: none;
}
.card-body{
	border: 1px solid #ebebeb;font-size: 0.8vw;padding: 0.5vw;
}
.arrow-downBtn{
	position: absolute;content: '';top: 0;right: 0;width: 6%;height: 100%;background: #0f6fb7;
	color: #fff;font-size: 1.2vw;display: flex;align-items: center;justify-content: center;
}
/*------------------------- SRBB ENDED --------------------------*/

/*--------------------------------------------- RESPONSIVE --------------------------------------*/
@media(max-width:768px){
	/*---------------------- HEADER START ---------------------------*/
	.resp-tpHeader{
		display: flex;justify-content: space-between;overflow: hidden;
		background: linear-gradient(90deg, rgba(15,110,183,1) 0%, rgba(21,171,185,1) 100%);
	}
	.resp-tpHeader a{
		display: inline-block;padding:8px 15px;color: #fff;font-size: 12px;text-decoration: none;
		text-align: center;border-right: 1px solid #fff;text-transform: uppercase;
	}
	.resp-tpHeader a:last-child{
		border: none;border-left: 1px solid #fff;
	}
	.resp-header{
		background: #fff;padding: 8px 10px;overflow: hidden;
	}
	.navDropBtn{
		text-align: right;display: flex;justify-content: right;
	}
	.navDropBtn button{
		color: #000;font-size: 20px;border: 1px solid #000;background: none;
		width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;
	}
	.dropdwon{
		width: 100%;background: #fff;border-top: 1px solid #ebebeb;display: none;
	}
	.dropdwon ul li a{
		display: block;width: 100%;padding: 10px;color: #000;border-bottom: 1px solid #ebebeb;
		text-decoration: none;font-size: 14px;
	}
	.dropdwon ul li a:hover{
		background: #e04a29;color: #fff;
	}
	a.dropdown-item{
		color: #000;font-size: 14px;font-weight: 500;text-decoration: none;
	}
	.dropdown-menu{
		width: 100%;
	}
	.overlay{
			width: 100%;height: 100vh;position: fixed;z-index: 100000;top: 0;left: 0;
			background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));display: none;
		}
		.popup{
			width:90%;content: '';position: absolute;top: 50%;left: 50%;
			transform: translate(-50%,-50%);padding: 16px;background: #fff;
			padding: 16px;border-radius: 25px;
		}
		.popup h3{
			font-size: 20px;
		}
		.popup label{
			font-size: 15px;margin-top: 8px;
		}
		.popup input{
			padding: 7px;font-size:15px;margin-top: 8px;
		}
		.btnSbmt{
			margin-top: 15px;padding: 8px;font-size: 15px;
		}
		input:focus{
			outline: none;
		}
		.closeBtn{
			position: absolute;top: -12%;right:0%;font-size: 22px;color: #fff;background: none;border: none;
		}
	/*---------------------- HEADER END ---------------------------*/
	/*----------------------- FOOTER START ------------------------*/
	.moveToTop{
		position: fixed;width: 40px;height: 40px;
		color: #fff;bottom: 15px;right: 15px;border: none;
		font-size: 18px;z-index: 100;
	}
	.footer{
		text-align: center;padding:18px;overflow: hidden;
	}
	.footer a img{
		width:80%;
	}
	.footer-nav{
		margin-top:24px 18px;
	}
	.footer-nav ul li{
		display: inline-block;margin-top: 10px;
	}
	.footer-nav ul li a{
		color: #000;font-size: 14px;font-weight: 600;padding:0 8px;
	}
	.footer-nav ul li:last-child a{
		border:none;
	}
	.visitor{
		background: #e04a29;padding:8px;width:80%;position: relative;
		left: 50%;transform: translateX(-50%);margin-top: 15px;margin-bottom: 15px;
		color: #fff;font-size: 14px;text-transform: uppercase;
	}
	.contactFooter{
		text-align: center;
	}
	.contactFooter h5{
		font-size: 15px;font-weight: 600;margin-top: 1vw;
	}
	.contactFooter ul li{
		display: inline;margin: 2%;
	}
	.contactFooter ul li a{
		color: #000;font-size: 18px;
	}
	.policyLink{
		text-align: center;margin: 1vw 0 0 0;margin-left: 0;width: 100%;
	}
	.policyLink li{
		margin: 0;
	}
	ul.policyLink li a{
		color: #000;font-size:15px;
	}
	.copyright{
		padding: 12px 0;background: #c9c9c9;font-size: 14px;text-align: center;font-weight: 600;
	}
	/*------------------------- FOOTER END --------------------------*/
	/*-----------------------------------------INDEX PAGE START ----------------------------*/
	/*--------------------- SLIDER START --------------*/
	.slider{
		width: 100%;height:30vh;background: #ebebeb;display: flex;align-items: center;
		justify-content: center;font-size: 12vw;font-weight: 900;color: grey;overflow: hidden;
	}
	/*--------------------- SLIDER END --------------*/
	/*---------------------- ABOUT ROTARY START ------------------------*/
	.aboutRotaryIndex{
		padding: 18px;
	}
	.aboutRotaryIndex h3{
		font-size: 14px;
	}
	.aboutRotaryIndex h1{
		font-size: 26px;
	}
	.aboutRotaryIndex p{
		font-size: 14px;
	}
	.president{
		display: none;
	}
	/*---------------------- ABOUT ROTARY END ------------------------*/
	/*---------------------- AREA OF FOCUS START ------------------------*/
	.areaOfFocus{
		padding:0 34px 18px 34px;
	}
	.areaColumn{
		width: 48%;background:#f7f7f7;padding: 18px;
	}
	.areaColumn:nth-child(2){
		background:#a4d8fc;padding: 15px;
	}
	.areaColumn:nth-child(4){
		background:#a4d8fc;padding: 15px;margin-top: 15px;
	}
	.areaColumn:nth-child(6){
		background:#a4d8fc;padding: 15px;margin-top: 15px;
	}
	.areaColumn:nth-child(1){
		background:#f68d29;padding: 15px;
	}
	.areaColumn:nth-child(3){
		background:#f68d29;padding: 15px;margin-top: 15px;
	}
	.areaColumn:nth-child(5){
		background:#f68d29;padding: 15px;margin-top: 15px;
	}
	.areaColumn:nth-child(7){
		background:#f68d29;padding: 15px;margin-top: 15px;
	}
	.areaColumn h4{
		font-size: 18px;font-weight: 600;
	}
	.areaColumn p{
		font-size: 12px;
	}
	.areaColumn img{
		width: 40%;margin-bottom: 0.5vw;
	}
	/*---------------------- AREA OF FOCUS END ------------------------*/
	/*---------------------- MEMBERS INFO START ------------------------*/
	.membersInfo{
		padding: 18px;
	}
	.membersBirthday{
		padding: 15px;background: #a4d8fc;
	}
	.membersAnniversary{
		padding: 15px;background: #a4d8fc;
	}
	.memberslist{
		padding: 15px;background: #f68d29;
	}
	.membersInfo h3{
		font-size: 20px;font-weight: 600;margin-bottom: 15px;text-align: center;
	}
	.membersInfo:nth-child(2) h3{
		margin-top: 15px;
	}
	.membersInfo:nth-child(3) h3{
		margin-top: 15px;
	}
	.membersDp{
		width: 150px;height: 150px;
	}
	.membersInfo h4{
		font-size: 20px;margin-top: 15px;
	}
	.membersInfo h5{
		font-size: 16px;font-weight: 400;
	}
	.membersInfo h6{
		font-size: 16px;font-weight: 400;
	}
	.table-container .table th:nth-child(1), .table td:nth-child(1) {
	  width: 10%;
	}
	.table-container .table th:nth-child(2), .table td:nth-child(2) {
	  width: 50%;
	}
	.table-container .table th:nth-child(3), .table td:nth-child(3) {
	  width: 40%;
	}
	.table-container {
	  overflow: hidden;
	  height: 40vh; /* Adjust height as needed */
	}
	#table-body {
	  animation: scroll 120s linear infinite;
	}
	@keyframes scroll {
	  0% { transform: translateY(0); }
	  100% { transform: translateY(-100%); }
	}
	.table-container table thead{
		position: relative;z-index: 10;
	}
	.roatryLeaders{
		margin-top: 18px;
	}
	.roatryLeaders h3{
		margin-bottom: 15px;font-size: 20px;font-weight: 600;
	}
	.roatryLeaders h4{
		font-size: 14px;font-weight: 800;
	}
	.roatryLeaders h6{
		font-size:14px;font-weight: 300;margin-bottom: 15px;
	}
	.leaderColumn{
		background: #e8e8e8;padding: 15px;height: 100%;
	}
	.leaderImg{
		width: 120px;height: 120px;border-radius: 50%;border: 4px solid #f68d29;position: relative;
		left: 50%;transform: translateX(-50%);
	}
	.leaderColumn a{
		font-size: 14px;padding:5px 16px;
	}
	.marH3{
		margin-top: 15px;
	}
	/*---------------------- MEMBERS INFO END ------------------------*/
	/*----------------------- JOIN LEADERS START --------------------------*/
	.join-leaders{
		padding: 18px;
	}
	.join-leaders h2{
		font-size:20px;font-weight: 800;color: #0f71b7;
	}
	.join-leaders p{
		font-size: 14px;line-height: 2;
	}
	.join-leaders ul{
		padding: 0;margin: 0;margin-top: 1vw;
	}
	.join-leaders ul li{
		display: inline-block;width: 100%;margin: 0%;margin-bottom: 15px;
	}
	.join-leaders ul li a{
		padding: 7px 16px;font-size: 14px;
	}
	.yt-video{
		width: 100%;height:25vh;position: relative;
	}
	.yt-video iframe{
		position: absolute;top:0;left: 0;width: 100%;height: 100%;
	}
	/*----------------------- JOIN LEADERS END --------------------------*/
	/*----------------------- EVENT INDEX START --------------------------*/
	.eventIndex{
		background: #a4d8fc;padding:18px;
	}
	.rows{
		display: flex;justify-content: space-between;display: none;
	}
	.eventColumn{
		width:100%;background: #fff;padding: 15px 15px 20px 15px;
	}
	.eventColumn h3{
		font-size: 20px;font-weight: 700;margin-top: 15px;
	}
	.eventColumn p{
		font-size: 14px;font-weight: 400;margin-top: 18px;
	}
	.eventImage{
		width: 100%;height: 200px;background: #ebebeb;
	}
	.eventColumn a{
		color: #fff;background: #e04a29;padding: 5px 15px;
		font-size: 14px;text-decoration: none;border-radius: 20px;
	}
	/*----------------------- EVENT INDEX END --------------------------*/
	/*-----------------------------------------INDEX PAGE END ----------------------------*/
	/*----------------------- BREADCUMB START -------------------*/
	.breadcumb{
		width: 100%;padding:4vw 0;
		background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/smilekids.jpg');
		background-size: cover;background-position: center;overflow: hidden;
	}
	.breadcumb h1{
		font-size: 36px;
	}
	.breadcumb p{
		font-size:16px;
	}
	.breadcumb a{
		font-size: 16px;color: #fff;text-decoration: none;
	}
	/*----------------------- BREADCUMB END -------------------*/
	/*----------------------- OVERVIEW PAGE START -------------------*/
	.overviewPage{
		padding:18px;
	}
	.overviewCol{
		padding: 15px;background: #f7f7f7;
	}
	.overviewCol h3{
		font-size: 15px;
	}
	.overviewCol p{
		font-size: 15px;
	}
	.paulPharris{
		margin-top: 20px;
	}
	.paulPharris h1{
		font-size:28px;font-weight: 600;font-family: 'Roboto', sans-serif;text-align: center;
	}
	.paulPharris h3{
		font-size:16px;font-weight: 600;text-align: center;
	}
	.paulPharris p{
		font-size: 15px;line-height: 1.5;text-align: justify;
	}
	.overviewPage img{
		width: 100%;
	}
	.marTp20px{
		margin-top: 1vw;
	}
	.mission h3{
		font-size: 18px;font-weight: 600;
	}
	.mission p{
		font-size: 15px;
	}
	.mission ul{
		margin: 0;padding: 0;
	}
	.mission ul li{
		display:block;padding: 7px;background: #ebebeb;margin-right: 0;
		font-size: 15px;margin-top: 10px;
	}
	/*----------------------- OVERVIEW PAGE END --------------------*/
	/*---------------------- INDIAN LEADERS START --------------------*/
	.indian_leaders{
		padding: 18px;
	}
	.leaderDetail h1{
		font-size:24px;
	}
	.leaderDetail h6{
		font-size: 15px;font-weight: 800;
	}
	.leaderDetail p{
		font-size: 15px;
	}
	.leader-img{
		width: 100%;height: 400px;background: #ebebeb;margin-bottom: 20px;
	}
	/*---------------------- INDIAN LEADERS END --------------------*/
	/*---------------------- GEMS OF OUR CLUB START ---------------------*/
	.gems_of_club{
		padding:18px;
	}
	/*---------------------- GEMS OF OUR CLUB END ---------------------*/
	/*---------------------- CLUB HISTORY START ---------------------*/
	.club-history{
		padding: 18px;
	}
	.club-history h1{
		font-size: 28px;font-weight: 800;margin-top: 18px;
	}
	.club-history tr th{
		font-size: 15px;
	}
	/*---------------------- CLUB HISTORY END ---------------------*/
	/*--------------------- BOARD OF DIRECTORS START ---------------------*/
	.bod{
		padding:18px;
	}
	.bod h2{
		font-size:22px;font-weight: 600;
	}
	.bod th{
		font-size: 15px;font-weight: 700;
	}
	.bod .table td{
		font-size:15px;font-weight: 700;width: auto;
	}
	/*--------------------- BOARD OF DIRECTORS END ----------------------*/
	/*-------------------- MEMBERS OF DETAIL START ----------------------*/
	.membersOfDetail{
		padding: 18px;
	}
	.membersOfDetail th{
		font-size: 15px;font-weight: 700;
	}
	.membersOfDetail td{
		font-size: 15px;font-weight: 700;
	}
	.membertable{
		overflow-x: scroll;
	}
	.membersOfDetail td:nth-child(1) {
	  width: 10%;
	}
	.membersOfDetail td:nth-child(2) {
	  width:20%;
	}
	.membersOfDetail td:nth-child(3) {
	  width: 30%;
	}
	.membersOfDetail td:nth-child(4) {
	  width: 10%;
	}
	.membersOfDetail td:nth-child(5) {
	  width: 40%;
	}
	/*------------------ MEMBERS OF DETAIL END ---------------------------*/
	/*------------------- GALLERY PAGE STARTED -----------------------*/
	.gallery{
		padding:18px;
	}
	/*--------------------- GALLERY PAGE ENDED ------------------------*/
	/*------------------- EVENT PAGE STARTED -----------------------*/
	.eventsPage{
		padding:18px;
	}
	.eventContainer{
		display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.eventColumn{
		width:100%;position: relative;
	}
	.eventImg{
		width: 100%;height:30vh; background: #ebebeb;
	}
	.eventDetail{
		padding:15px;border: 1px solid #ebebeb;
	}
	.eventDetail h3{
		font-size:20px;font-weight: 800;margin: 0;
	}
	.eventDetail p{
		font-size:15px;font-weight: 400;margin-bottom: 0;margin-top: 15px;margin-bottom: 15px;
	}
	.eventDetail a{
		font-size:15px;padding: 7px 18px;background: #e04a29;
	}
	.eventDate{
		position: absolute;content: '';top: 7%;right: 7%;width: 60px;height: 60px;border-radius: 50%;
		background: #1181b8;display: flex;align-items: center;justify-content: center;font-weight: 900;
		color: #fff;font-size: 12px;text-align: center;margin-bottom: 10px;
	}
	/*------------------- EVENT PAGE ENDED -----------------------*/
	/*--------------------- SINGLE PAGE START ---------------------------*/
	.single-event{
		padding: 18px;
	}
	.singleEventDetail{
		background: #f7f7f7f7;padding: 15px;text-align: center;
	}
	.singleEventDetail h3{
		font-size:20px;font-weight: 800;
	}
	.singleEventDetail p{
		font-size: 15px;font-weight: 300;margin-bottom: 0;
	}
	.single-img{
		width: 100%;height: 400px;background: #ebebeb;margin-top: 15px;
	}
	/*--------------------- SINGLE PAGE END ---------------------------*/
	/*-------------------------- DASHBOARD PAGE START ---------------------------*/
		.dashboard{
			width: 100%;display: flex;flex-wrap: wrap;
		}
		.left-dashboard{
			display: none;
		}
		.left-dashboard ul li a{
			display: block;width: 100%;padding: 0.7vw;font-size: 0.8vw;font-weight: 700;color: #fff;
			border-bottom: 0.5px solid #fff;text-decoration: none;text-align: center;
		}
		.right-dashboard{
			padding: 1vw;width: 100%;
		}
		.buttonRows{
			display: flex;flex-wrap: wrap;
		}
		.bigBtn{
			width: 48%;height:20vh;background: #ebebeb;margin: 1%;
		}
		.bigBtn a{
			display: block;width: 100%;height: 100%;text-align: center;font-size: 1vw;text-transform: uppercase;
			font-weight: 800;color: #000;text-decoration: none;display: flex;align-items: center;
			justify-content: center;
		}
		.bigBtn a img{
			margin-bottom: 18px;
		}
		/*-------------------------- DASHBOARD PAGE END -----------------------------*/
		/*-------------------------- DIRECTORY PAGE START ---------------------------*/
			.right-dashboard h3{
				font-size: 22px;
			}
			.right-dashboard th{
				font-size: 15px;
			}
			.right-dashboard td{
				font-size: 15px;
			}
			/*-------------------------- DIRECTORY PAGE END ---------------------------*/
			/*--------------------------- GREETINGS PAGE STARTED -----------------------*/
			.greetingsRow{
				padding: 10px;
			}
			.greetingColumn{
				padding: 18px;width: 100%;height: 50vh;overflow-y: scroll;
			}
			.greetingColumn:last-child{
				margin-top: 20px;
			}
			.greetingColumn h1{
				text-align: center;font-size: 25px;
			}
			.greetRow{
				display: flex;justify-content: space-between;margin-top: 20px;
			}
			.greetImg{
				width: 30%;border: 3px solid #ebebeb;height: 15vh;background: #ebebeb;border-radius: 20px;
			}
			.greetDetail{
				width: 65%;
			}
			.greetDetail h2{
				font-size: 20px;font-weight: 800;
			}
			.greetDetail ul li{
				font-size: 15px;margin-top:5px;
			}
			.greetDetail ul li:last-child{
				margin-top: 0px;margin-bottom: 15px;
			}
			.greetDetail ul li a{
				font-size: 15px;padding:6px 14pxbackground: #e04a29;border-radius: 25px;color: #fff;
				text-transform: uppercase;font-weight: 700;text-decoration: none;
			}
			/*--------------------------- GREETINGS PAGE ENDED --------------------------*/
			/*------------------------ SINGLE EVENT PAGE STARTED -----------------------*/
			.event-detail
			{
				padding:18px;
			}
			.eventsRow{
				display: flex;flex-wrap: wrap;
			}
			.bulEventCol{
				width: 48%;height:200px;background: #ebebeb;margin: 1%;
			}
			/*------------------------ SINGLE EVENT PAGE ENDED ---------------------------*/
			/*------------------------- SRBB STARTED ----------------------------*/
			.slides{
				width: 100%;height:25vh;background: #ebebeb;display: flex;align-items: center;
				justify-content: center;font-size: 14vw;font-weight: 900;color: grey;
			}
			.abtBlood{
				padding: 18px;
			}
			.abtBlood h1{
				font-size: 22px;font-weight: 600;
			}
			.abtBlood p{
				font-size: 15px;
			}
			.bloodComponents{
				padding:18px;padding-top: 0;overflow-x: scroll;
			}
			.bloodComponents h3{
				font-size: 22px;
			}
			.blood-table{
				margin-top: 15px;
			}
			.blood-table th:nth-child(1){
				width: 20%;
			}
			.blood-table th,td{
				font-size: 14px;
			}
			.blood-table th:nth-child(2){
				width: 10%;text-align: center;
			}
			.blood-table th:nth-child(3){
				width: 10%;text-align: center;
			}
			.blood-table th:nth-child(4){
				width: 10%;text-align: center;
			}
			.blood-table th:nth-child(5){
				width: 10%;text-align: center;
			}
			.blood-table th:nth-child(6){
				width: 10%;text-align: center;
			}
			.blood-table th:nth-child(7){
				width: 10%;text-align: center;
			}
			.blood-table th:nth-child(8){
				width: 10%;text-align: center;
			}
			.blood-table th:nth-child(9){
				width: 10%;text-align: center;
			}
			.blood-table td:nth-child(1){
				width: 20%;
			}
			.blood-table td:nth-child(2){
				width: 10%;text-align: center;
			}
			.blood-table td:nth-child(3){
				width: 10%;text-align: center;
			}
			.blood-table td:nth-child(4){
				width: 10%;text-align: center;
			}
			.blood-table td:nth-child(5){
				width: 10%;text-align: center;
			}
			.blood-table td:nth-child(6){
				width: 10%;text-align: center;
			}
			.blood-table td:nth-child(7){
				width: 10%;text-align: center;
			}
			.blood-table td:nth-child(8){
				width: 10%;text-align: center;
			}
			.blood-table td:nth-child(9){
				width: 10%;text-align: center;
			}
			.blood-compatible{
				padding: 18px;
			}
			.blood-compatible h3{
				font-size: 22px;font-weight: 600;text-align: center;color: #0f71b7;margin-bottom: 1vw;
			}
			.video{
				width: 100%;height: 100%;margin-top: 10px;
			}
			.donation-types{
				padding: 18px;background: #f7f7f7;
			}
			.donation-types h3{
				font-size: 22px;
			}
			.donation-types p{
				font-size:15px;text-align: justify;
			}
			.donation-types h2{
				font-size:20px;font-weight: 600;margin-top: 15px;
			}
			.definitionRow{
				display: flex;flex-wrap: wrap;
			}
			.definitionCol{
				width: 48%;padding: 15px;background: #ebebeb;margin: 1%;
			}
			.definitionCol:nth-child(1){
				margin-left: 0;
			}
			.definitionCol:nth-child(5){
				margin-right: 0;
			}
			.definitionCol h4{
				font-size: 18px;font-weight: 600;
			}
			.definitionCol p{
				font-size: 14px;text-align: justify;margin-bottom: 0;
			}
			.faq{
				margin-top: 15px;
			}
			.faq button{
				background: #e3f3ff;display: block;width: 100%;text-align: left;
				color: #000;text-decoration: none;font-size: 16px;padding: 8px;
				border: none;position: relative;
			}
			.marTop10px{
				margin-top:12px;
			}
			.faq button:focus{
				outline: none;
			}
			.card-body{
				border: 1px solid #ebebeb;font-size: 15px;padding: 8px;
			}
			.arrow-downBtn{
				position: absolute;content: '';top: 0;right: 0;width: 10%;height: 100%;background: #0f6fb7;
				color: #fff;font-size: 18px;display: flex;align-items: center;justify-content: center;
			}
			/*------------------------- SRBB ENDED --------------------------*/

}