*{
	margin: 0;
	padding: 0;    
	box-sizing: border-box;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	transition: all 0.5s ease-in-out; 
}

body{
	padding-right: 0 !important;
	overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6,p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;  
	margin: 0px;
}
  
:root {
  --main-bg: #f7941d;
  --main-color: #636466;
  --sub-bg: #feffff;
  --sub-sub-bg: #333;
  --white-text: #fff;
  --dark-text: #000;
  --border: #eaebef;/*efefef*/
}

.sec-head{ width: 100%;  height: auto;  margin-bottom: 20px; text-align:center;  }

.sec-head h3{ display: inline-block; font-weight: 600; color: var(--main-bg) !important;}

.head_btn{background-color:var(--main-bg); color: var(--white-text); margin-top:15px;}

/* ======= TOP-HEAD ======= */ 
.top-head{ width:100%; height: auto; background-color: var(--sub-sub-bg); }

.imp-note{ width: 100%; padding: 10px; }

.imp-note a{ font-size: 16px; color: var(--white-text) !important;}

.member-detail{background: var(--sub-sub-bg); border-bottom: 1px solid var(--dark-text);}

.members_login{width: 100%; padding: 10px; display: flex; justify-content: space-around;}


/* ======= LOGIN FORM ======= */
.login-form{width: 100%; height: auto;}

.modal-content{background: var(--main-bg); color: var(--dark-text);border-radius: 0;}

.modal-body input, .modal-body textarea{border-radius: 0;}

.login-btn{background: var(--white-text); color: var(--dark-text);}


/* ======= NEW NAVIGATION ======= */ 
.main_navigation{
	width: 100%; 
	height: auto;
	display: flex;
	flex-direction: column;
	border-left: 1px solid var(--dark-text);
}

.main_row{width:100%; height:auto; display:flex;}

.logo_info{width:10%;}

.navigation_content{width:90%;}

.new_navigation{box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);}

.new_info{padding:0;}

.nav_1{border-bottom: 1px solid var(--dark-text);padding: 0px;}

.nav_1 .nav-item{border-right:1px solid #000;}

.nav_1 .log{border-right:none;}

.collapse .top-info .nav-link{font-size:14px; color: var(--main-color);}

.nav_2{padding: 20px 0;}

.nav2_menu{padding:0;}

.nav_2 .nav-link{font-size:14px; color: var(--main-color); transition: all 0.3s ease-in-out;}

.nav_2 .nav-link:hover{color: var(--main-bg);}
.main_navigation nav{width: 100%;}

.logo_img{
	width: 91px;
	height: 100px; 
	display: flex;
	justify-content: center;
	align-items: center; 
	margin: auto;
	margin-top:7px;
}

.active{color: var(--main-bg)!important; background-color: transparent !important;}

.logo_img img{width:100%; height: 100%;}

.new_navigation{
	position: sticky; 
	top: 0; 
	z-index: 99; 
	background-color: var(--white-text);
	box-shadow: 
}

/* ======= NAVIGATION OLD ======= */ 
.navigation{width:100%; height: auto; background: var(--sub-sub-bg) !important;}

.navigation  .navbar-nav .nav-item .nav-link{
	font-size: 15px; 
	color: #fff;
	border-bottom: 1px solid transparent;
}

/*.active{background: #fabe0a;}*/

.navigation  .navbar-nav .nav-item .nav-link:hover{
	color: var(--white-text);		
	background: #fabe0a;
	border-bottom: 1px solid #fabe0a;
}

.dropdown-menu li a{color: var(--white-text);}

.navbar .megamenu{ padding: 1rem; }

.navigation  .navbar{ background: var(--sub-sub-bg) !important; }

.navbar-brand .form-group .form-select{border-radius: 0;}

.navbar-brand .form-group .form-select:focus {
	border-color: rgba(0,0,0,0);
	outline: 0;
	box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.4em solid;
    border-right: 0.4em solid transparent;
    border-bottom: 0;
    border-left: 0.4em solid transparent;
    color: var(--main-bg);
}

.dropdown-item:hover {
	color: #000!important;
	background-color: var(--bs-dropdown-link-hover-bg);
}

.drop-menu{
	width: 100%;
	height: 0;
	display: none; 
	padding:4px 0px; 
	border: 1px solid #fff;
	transition: all 0.001s ease-in-out;
}

.drop-menu li{ border-bottom: 1px solid #fff; }

.drop-menu li:last-child{ border-bottom: 0px solid #fff; }

.drop-menu li a{
	display: block;
	width: 100%;
	padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
	clear: both;
	font-size:14px;
	font-weight: 400;
	color: var(--bs-dropdown-link-color);
	text-align: inherit;
	text-decoration: none;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
}

.drop-menu li a:hover{ background: #fff; color: #000!important; }

#drop-down:hover .drop-menu{position: static; display: block; height: auto;}

#drop-down:hover .fa-solid{ transform: rotate(90deg); }

.sub-drop-menu{
	width: 100%;
	height: 0;
	display: none; 
	padding:4px 8px; 
	border: 1px solid #fff;
	transition: all 0.001s ease-in-out;
}

.sub-drop-menu li{ border-bottom: 1px solid #fff; }

.sub-drop-menu li:last-child{ border-bottom: 0px solid #fff; }

.sub-drop-menu li a{
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.sub-drop-menu li a:hover{ background: #fff; color: #000!important; }

#sub-drop:hover .sub-drop-menu{position: static; display: block; height: auto;}

#sub-drop:hover .fa-solid{ transform: rotate(90deg); }

/* ======= OFFCANVAS ======= */  
.offcanvas.offcanvas-start { top: 0; left: 0;width:320px;  }

.offcanvas-body{ padding: 0; }

.canvas .navbar-nav .nav-item{
	border-bottom: 1px solid var(--white-text);
}

.canvas .navbar-nav .nav-item:first-child{
	border-top: 1px solid var(--white-text);
}

.canvas .navbar-nav .nav-item:last-child{
	border-bottom: 0px solid var(--white-text);
}

.canvas .navbar-nav .nav-item .nav-link{
	color: var(--white-text);
}

/* ======= HEAD IMAGE ======= */
.head_img{width: 100%;height: auto;position: relative;} 

.head_img img{height: 450px;}

.over-text{
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.over-text h2{
	text-align: center;
	font-size: 55px;
	font-weight: 580;
}

/* ======= ORGANISATION ======= */ 
.organisation{ 
	width: 100% 
	height:auto; 
	padding: 50px 0;
	background-color:var(--border);
}

.organisation-info{ width: 98%; height: auto; }

.organisation-info p{ text-indent: 80px; color:var(--main-color);}

/* FOUNDER PRESIDENT */
.founder_president{width:100%; height:auto; padding:25px 0;}

.founder_image{width:100%; height:auto; text-align:center;}

.founder_image img{width:250px; height:280px;outline:1px solid #aba29d; outline-offset:5px; border-radius:100%;}

.founder_msg{padding-top:30px;}

.founder_msg p{margin-bottom:15px;}

.founder_msg h4, .founder_msg h5{font-weight:bolder;}

/* ======= MOTO ======= */ 
.moto{width: 100%;height: auto; background-color: var(--border);}

.moto_content{padding: 0;}

.moto_info{padding: 40px 15px 20px;}

.vision_moto, .mission_moto{border-bottom: 1px solid var(--main-bg) !important; padding-bottom: 10px; margin-bottom: 10px;}

.vision_moto h4, .mission_moto h4{font-weight: 540; margin-bottom: 10px; color: var(--main-bg);}

.vision_moto p, .mission_moto p{font-size: 14px;}

.moto_img {width: 100%; height: auto;}

.moto_img img{width: 100%; height: 400px;}

/* ======= OBJECTIVES ======= */ 
.objective{width: 100%; height: auto; padding: 50px 0;color: var(--dark-text);}

.object_head h3{color: var(--dark-text);}

.objective_info{max-width: 800px; margin: auto; height: auto;}

.double_qote{color: var(--border);}

/* ======= VISION & MISSOIN ======= */ 
.vision{width: 100%; height: auto; padding: 50px 0;}

.vision_info, .mission_info{ width: 100%; height: auto; display: flex; }

.vision_content, .mission_content{padding-left: 15px;}

.vision_content h4, .mission_content h4{font-weight: 600;}

/* ======= FOOTER ======= */ 
.footer-sect{ 
	width:100%;  
	height: auto;
	padding: 50px 0;  
	background: var(--border);
}

.foot-info{color: var(--white-dark);}

.foot-info h5{font-weight: 600;margin-bottom: 15px;}

.foot-info p{margin-bottom: 8px;}

.foot-info p:last-child{margin: 0;}

.foot2 p{display: flex;}

/* ======= ABOUT US  PAGE ======= */ 
.about-us{ width: 100%; height: auto; padding:50px 0; background: #fff;}

.about-info p{ text-indent: 50px; }  

/* ======= PRESIDENT PAGE ======= */ 
.president{width: 100%; height: auto; padding: 50px 0; background: #fff;}

.president-info{width: 100%; height: auto;}

.president-info h2, .president-info h5{ margin-bottom: 10px; }

.president-img{text-align:center; margin-bottom:15px;}

.president-img img{width: 30%; height:350px; margin:auto;}


/* ======= PHOTO-PAGE ======= */
.photo{width: 100%; height: auto; padding: 50px 0; background: #fff;}

.photo-gall img{width: 100%; height: 238px;}

/* ======= CONTACT-PAGE ======= */
.contact-us{ width: 100%; height: auto;padding: 50px 0; background: #fff;}

.contact-info h4, .contact-info p, .contact-info ul li{
	margin-bottom: 10px;
}

.location{ width: 100%; }

.location iframe{ width: 100%; height: 350px; }

.contact-btn{
	color: #fff;
	font-weight: 600;
	background: var(--main-bg); 
	transition: all 0.4s ease-in-out;
}

.contact-btn:hover{
	color: #fff !important;
	background: #626262 !important;
}


@media (max-width: 1199px){
	.sec-head{ width: 100%;  height: auto;  margin-bottom: 20px; text-align:center;  }

	.sec-head h3{ display: inline-block; font-weight: 600; color: var(--dark-text); }

	/* ======= TOP-HEAD ======= */ 
	.top-head{ width:100%; height: auto;}

	.imp-note{ width: 100%; padding: 10px; }

	.imp-note a{ font-size: 16px; color:#000;}

	.navbar .megamenu{ padding: 1rem; }

	/* ======= NEW NAVIGATION ======= */ 
	.main_navigation{
		width: 100%; 
		height: auto;
		display: flex;
		flex-direction: column;
		border-left: 1px solid #000;
	}

	.nav_1{border-bottom: 1px solid #000;padding: 0px;}

	.nav_2{padding: 16px 0;}
	
	.collapse .top-info .nav-link{font-size:13px; color: var(--main-color);}

	.nav_2 .nav-link{
	    font-size:12px;
		padding-top:15px;
	}

	.nav_2 .nav-link:hover{color: var(--main-bg);}
	.main_navigation nav{width: 100%;}

	.logo_img{
		width: 75px;
		height: 89px; 
		display: flex;
		justify-content: center;
		align-items: center; 
		margin: auto;
		margin-top:10px;
	}

	.active{color: var(--main-bg)!important; background-color: transparent !important;}

	.logo_img img{width:100%;height: 100%;}

	/* ======= NAVIGATION OLD ======= */ 
	.navigation{width:100%; height: auto; background: var(--sub-sub-bg) !important;}

	.navigation  .navbar-nav .nav-item .nav-link{
		font-size: 12px; 
		color: #fff;
		border-bottom: 1px solid transparent;
	}

	.active{background: #fabe0a;}

	.navigation  .navbar-nav .nav-item .nav-link:hover{
		color: var(--white-text);		
		background: #fabe0a;
		border-bottom: 1px solid #fabe0a;
	}

	.navigation  .navbar{ background: var(--sub-sub-bg) !important; }

	.navbar-brand .form-group .form-select{border-radius: 0;}

	.navbar-brand .form-group .form-select:focus {
	  border-color: rgba(0,0,0,0);
	  outline: 0;
	  box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
	}

	 .dropdown-item:hover {
	  color: #000!important;
	  background-color: var(--bs-dropdown-link-hover-bg);
	}

	.drop-menu{
		width: 100%;
		height: 0;
		display: none; 
		padding:4px 0px; 
		border: 1px solid #fff;
		transition: all 0.001s ease-in-out;
	}

	.drop-menu li{ border-bottom: 1px solid #fff; }

	.drop-menu li:last-child{ border-bottom: 0px solid #fff; }

	.drop-menu li a{
	  display: block;
	  width: 100%;
	  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
	  clear: both;
	  font-weight: 400;
	  color: var(--bs-dropdown-link-color);
	  text-align: inherit;
	  text-decoration: none;
	  white-space: nowrap;
	  background-color: transparent;
	  border: 0;
	}

	.drop-menu li a:hover{ background: #fff; color: #000!important; }

	#drop-down:hover .drop-menu{position: static; display: block; height: auto;}

	#drop-down:hover .fa-solid{ transform: rotate(90deg); }

	.sub-drop-menu{
		width: 100%;
		height: 0;
		display: none; 
		padding:4px 8px; 
		border: 1px solid #fff;
		transition: all 0.001s ease-in-out;
	}

	.sub-drop-menu li{ border-bottom: 1px solid #fff; }

	.sub-drop-menu li:last-child{ border-bottom: 0px solid #fff; }

	.sub-drop-menu li a{
	  display: block;
	  width: 100%;
	  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
	  clear: both;
	  font-weight: 400;
	  color: var(--bs-dropdown-link-color);
	  text-align: inherit;
	  text-decoration: none;
	  white-space: nowrap;
	  background-color: transparent;
	  border: 0;
	}

	.sub-drop-menu li a:hover{ background: #fff; color: #000!important; }

	#sub-drop:hover .sub-drop-menu{position: static; display: block; height: auto;}

	#sub-drop:hover .fa-solid{ transform: rotate(90deg); }

	/* ======= OFFCANVAS ======= */  
	.offcanvas.offcanvas-start { top: 0; left: 0;width:320px;  }

	.offcanvas-body{ padding: 0; }

	.canvas .navbar-nav .nav-item{
		border-bottom: 1px solid var(--white-text);
	}

	.canvas .navbar-nav .nav-item:first-child{
		border-top: 1px solid var(--white-text);
	}

	.canvas .navbar-nav .nav-item:last-child{
		border-bottom: 0px solid var(--white-text);
	}

	.canvas .navbar-nav .nav-item .nav-link{
		color: var(--white-text);
	}

	/* ======= HEAD IMAGE ======= */
	.head_img{width: 100%;height: auto;position: relative;} 

	.head_img img{height: 450px;}

	.over-text{
		width: 100%;
		height: auto;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.over-text h2{
		text-align: center;
		font-size: 55px;
		font-weight: 580;
	}

	/* ======= ORGANISATION ======= */ 
	.organisation{ 
		width: 100% 
		height:auto; 
		padding: 50px 0;
	}

	.organisation-info{ width: 100%; height: auto; }

	.organisation-info p{ text-indent: 80px; }

	/* ======= ABOUT US  PAGE ======= */ 
	.about-us{ width: 100%; height: auto; padding:50px 0; background: #fff;}

	.about-info p{ text-indent: 50px; }  

	/* ======= PRESIDENT PAGE ======= */ 
	.president{width: 100%; height: auto; padding: 50px 0; background: #fff;}

	.president-info{width: 100%; height: auto;}

	.president-info h2, .president-info h5{
		margin-bottom: 10px;
	}

	.president-img{text-align:center; margin-bottom:15px;}

    .president-img img{width: 40%; height:350px; margin:auto;}

	/* ======= PHOTO-PAGE ======= */
	.photo{width: 100%; height: auto; padding: 50px 0; background: #fff;}

	.photo-gall img{width: 100%; height: 238px;}


	/* ======= CONTACT-PAGE ======= */
	.contact-us{ width: 100%; height: auto;padding: 50px 0; background: #fff;}

	.contact-info h4, .contact-info p, .contact-info ul li{
		margin-bottom: 10px;
	}

	.location{ width: 100%; }

	.location iframe{ width: 100%; height: 350px; }

	.contact-btn{
		color: #fff;
		font-weight: 600;
		background: var(--main-bg); 
		transition: all 0.4s ease-in-out;
	}

	.contact-btn:hover{ color: #fff !important; background: #fabe0a !important; }

	/* ======= FOOTER ======= */ 
	.footer-sect{ 
		width:100%;  
		height: auto;
		padding: 50px 0;  
		background: var(--border);
	}

	.foot-info{color: var(--white-dark);}

	.foot-info h5{font-weight: 600;margin-bottom: 15px;}

	.foot-info p{margin-bottom: 8px;}

	.foot-info p:last-child{margin: 0;}

	.foot2 p{display: flex;}


	/* ======= PHOTO-PAGE ======= */
	.photo{width: 100%; height: auto; padding: 50px 0; background: #fff;}

	.photo-gall img{width: 100%; height: 238px;}


	/* ======= CONTACT-PAGE ======= */
	.contact-us{ width: 100%; height: auto;padding: 50px 0; background: #fff;}

	.contact-info h4, .contact-info p, .contact-info ul li{
		margin-bottom: 10px;
	}

	.location{ width: 100%; }

	.location iframe{ width: 100%; height: 350px; }

	.contact-btn{
		color: #fff;
		font-weight: 600;
		background: var(--main-bg); 
		transition: all 0.4s ease-in-out;
	}

	.contact-btn:hover{
		color: #fff !important;
		background: #626262 !important;
	}
}

/*@media (max-width: 1050px) & @media(min-width:992px){*/
/*    .nav_2 .nav-link{*/
/*	    font-size:12px;*/
/*		padding-top:15px;*/
/*	}*/
/*}*/

/* ============ desktop view for megadropdown ============ */
@media all and (min-width: 992px) {
	.navbar-expand-lg .navbar-nav .dropdown-menu {
	 	position: absolute;
	 	top: 56px;
	 	display: block;
	 	border-radius: 0 !important;
	 	opacity: 0;
	 	visibility: hidden;
	 	background: var(--main-color)!important;
	 	transition: all 0.2s ease-in-out;
	 	border-top: 3px solid transparent;
	}

	.dropdown:hover .dropdown-menu{
		visibility: visible;
		opacity: 1;
		border-top: 3px solid var(--main-bg);
	}

	.navbar .has-megamenu{position:static;}
	.navbar .megamenu{
		top: 57px;
		left:0; 
		right:0; 
		width:100%; 
		margin-top:0; 
		border-radius: 0; 
		background: var(--sub-sub-bg);
	}

	.megamenu-content ul li a{ color: #fff !important; }
 }	

  /* ============ desktop view .end// ============ */

/* ============ mobile view ============ */
@media(max-width: 991px){
	.navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
		overflow-y: auto;
		max-height: 90vh;
		margin-top:10px;
	}

	.sec-head{ width: 100%;  height: auto;  margin-bottom: 20px; text-align:center;  }

	.sec-head h3{ display: inline-block; font-weight: 600; padding: 8px; color: var(--dark-text); }

	/* ======= TOP-HEAD ======= */ 
	.top-head{ width:100%; height: auto;}

	.imp-note{ width: 100%; padding: 9px; }

	.imp-note a{ font-size: 16px; color:#000;}
	
	.top_bar{width:100%; display:flex; flex-direction:row;}
	
	.top_bar .nav-item .nav-link{font-size:12px; color: var(--white-text); margin-right:10px;}

	/* ======= NAVIGATION ======= */ 
	.navigation{width:100%; height: auto; background: var(--sub-sub-bg) !important;}

	.navigation  .navbar-nav .nav-item .nav-link{
		font-size: 15px; 
		color: #fff;
		padding-left: 10px;
		border-bottom: 1px solid transparent;
	}
	
	.new_info{padding:0 15px;}
	
	.main_navigation{border-left:none;}
	
	.navigation_content{width:100%;}
	
	.nav_2 {padding: 10px 0;}

	.nav_2 .navbar-brand{width: 73px; height: 90px;}
	
	.nav_2 .navbar-brand img{width:100%; height:100%;}

	.nav_2 .navbar-toggler{margin-left: auto;}

	.nav_2 .nav-link{font-size: 16px;}

	.navigation  .navbar-nav .nav-item .nav-link:hover{
		border-bottom: 1px solid #fabe0a;
	}

	.navigation  .navbar{ background: var(--sub-sub-bg) !important; }

	.navbar-brand .form-group .form-select{border-radius: 0;}

	.navbar-brand .form-group .form-select:focus {
	  border-color: rgba(0,0,0,0);
	  outline: 0;
	  box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
	}

	.navbar-toggler:focus {
		text-decoration: none;
		outline: 0;
		box-shadow: none;
	}

	.navbar .megamenu{ padding: 1rem; border-radius: 0; background: var(--sub-sub-bg);}

	.megamenu-content ul li a{ font-size: 16px; color: #fff !important; }

	.dropdown-menu{
	    border-radius:0;
		background: var(--main-color);
	}

	.dropdown-item:hover {
	  color: #000!important;
	  background-color: var(--bs-dropdown-link-hover-bg);
	}

	.drop-menu{
		width: 100%;
		height: 0;
		display: none; 
		padding:4px 0px; 
		border: 1px solid #fff;
		transition: all 0.001s ease-in-out;
	}

	.drop-menu li{ border-bottom: 1px solid #fff; }

	.drop-menu li:last-child{ border-bottom: 0px solid #fff; }

	.drop-menu li a{
	  display: block;
	  width: 100%;
	  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
	  clear: both;
	  font-weight: 400;
	  color: var(--bs-dropdown-link-color);
	  text-align: inherit;
	  text-decoration: none;
	  white-space: nowrap;
	  background-color: transparent;
	  border: 0;
	}

	.drop-menu li a:hover{ background: #fff; color: #000!important; }

	#drop-down:hover .drop-menu{position: static; display: block; height: auto;}

	#drop-down:hover .fa-solid{ transform: rotate(90deg); }

	.sub-drop-menu{
		width: 100%;
		height: 0;
		display: none; 
		padding:4px 8px; 
		border: 1px solid #fff;
		transition: all 0.001s ease-in-out;
	}

	.sub-drop-menu li{ border-bottom: 1px solid #fff; }

	.sub-drop-menu li:last-child{ border-bottom: 0px solid #fff; }

	.sub-drop-menu li a{
	  display: block;
	  width: 100%;
	  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
	  clear: both;
	  font-weight: 400;
	  color: var(--bs-dropdown-link-color);
	  text-align: inherit;
	  text-decoration: none;
	  white-space: nowrap;
	  background-color: transparent;
	  border: 0;
	}

	.sub-drop-menu li a:hover{ background: #fff; color: #000!important; }

	#sub-drop:hover .sub-drop-menu{position: static; display: block; height: auto;}

	#sub-drop:hover .fa-solid{ transform: rotate(90deg); }

	.responsive_btns{width: 100%; height: auto;}

	/* ======= HEAD IMAGE ======= */
	.head_img{width: 100%;height: auto;position: relative;} 

	.head_img img{height: 400px;}

	.over-text{
		width: 100%;
		height: auto;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.over-text h2{
		text-align: center;
		font-size: 45px;
		font-weight: 580;
	}
	
	/*  ======= FOUNDER PRESIDENT ======= */
    .founder_president{width:100%; height:auto; padding:25px 0;}
    
    .founder_image{width:100%; height:auto; text-align:center;padding-top:30px;}
    
    .founder_image img{width:100%; height:260px;outline:1px solid #aba29d; outline-offset:5px; border-radius:100%;}
    
    .founder_msg{padding-top:30px;}
    
    .founder_msg h4, .founder_msg h5{font-weight:bolder;}

	/* ======= MOTO ======= */ 
	.moto{width: 100%;height: auto; background-color: var(--border);}

	.moto_content{padding: 0;}

	.moto_info{padding: 20px 15px 10px;}

	.vision_moto, .mission_moto{border-bottom: 1px solid var(--dark-text); padding-bottom: 10px; margin-bottom: 10px;}

	.vision_moto h4, .mission_moto h4{font-weight: 510; margin-bottom: 10px;}

	.vision_moto p, .mission_moto p{font-size: 14px;}

	.moto_img {width: 100%; height: auto;}

	.moto_img img{width: 100%; height: 400px;}

	/* ======= OBJECTIVES ======= */ 
	.objective{width: 100%; height: auto; padding: 30px 0;color: var(--dark-text);}

	.object_head h3{color: var(--dark-text);}

	.objective_info{max-width: 800px; margin: auto; height: auto;}

	.double_qote{color: var(--border);}

	/* ======= FOOTER ======= */ 
	.footer-sect{ width:100%;  height: auto; padding: 40px 0;  }

	.foot-info{color: var(--dark-text);}

	.foot1, .foot2{ margin-bottom: 20px; }

	.foot-info h5{font-weight: 600;margin-bottom: 15px;}

	.foot-info p{margin-bottom: 8px;}

	.foot-info p:last-child{margin: 0;}

	.foot2 p{display: flex;}
	
	/* ======= PRESIDENT PAGE =======*/
	.president-img{text-align:center; margin-bottom:15px;}

    .president-img img{width: 45%; height:350px; margin:auto;}

	/* ======= PHOTO-PAGE ======= */
	.photo{width: 100%; height: auto; padding: 50px 0; background: #fff;}

	.photo-gall img{width: 100%; height: 238px;}


	/* ======= CONTACT-PAGE ======= */
	.contact-us{ width: 100%; height: auto;padding: 50px 0; background: #fff;}

	.contact-info h4, .contact-info p, .contact-info ul li{
		margin-bottom: 10px;
	}

	.location{ width: 100%; }

	.location iframe{ width: 100%; height: 350px; }

	.contact-btn{
		color: #fff;
		font-weight: 600;
		background: var(--main-bg); 
		transition: all 0.4s ease-in-out;
	}

	.contact-btn:hover{
		color: #fff !important;
		background: #626262 !important;
	}
}


@media(max-width: 767px){
	.navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
		overflow-y: auto;
		max-height: 90vh;
		margin-top:10px;
	}

	.sec-head{ width: 100%;  height: auto;  margin-bottom: 20px; text-align:center;  }

	.sec-head h3{ display: inline-block; font-weight: 600; color: var(--dark-text); }

	/* ======= TOP-HEAD ======= */ 
	.top-head{ width:100%; height: auto;}

	.imp-note{ width: 100%; padding: 2px; }

	.imp-note a{ font-size: 12px; color:#000;}

	.members_login{padding: 5px;}

	.members_login a, .members_login .navbar-brand{font-size: 12px;}

	.responsive_btns a{font-size: 14px;}
	
	.top_bar{width:100%; display:flex; flex-direction:row;}
	
	.top_bar .nav-item .nav-link{font-size:12px; color: var(--white-text); margin-right:5px;}

	.navbar .megamenu{ padding: 1rem; border-radius: 0; background: var(--sub-sub-bg);}

	.megamenu-content ul li a{
		font-size: 16px;
		color: #fff !important;
	}


	/* ======= NAVIGATION ======= */ 
	.navigation{width:100%; height: auto; background: var(--sub-sub-bg) !important;}

	.navigation  .navbar-nav .nav-item .nav-link{
		font-size: 15px; 
		color: #fff;
		border-bottom: 1px solid transparent;
	}

	.navigation  .navbar-nav .nav-item .nav-link:hover{
		border-bottom: 1px solid #fabe0a;
	}
	
	.nav_2 .navbar-brand {
      width: 64px;
      height: 80px;
    }

	.navigation  .navbar{ background: var(--sub-sub-bg) !important; }

	.navbar-brand .form-group .form-select{border-radius: 0;}

	.navbar-brand .form-group .form-select:focus {
	  border-color: rgba(0,0,0,0);
	  outline: 0;
	  box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
	}

	.dropdown-item:hover {
	  color: #000!important;
	  background-color: var(--bs-dropdown-link-hover-bg);
	}

	.drop-menu{
		width: 100%;
		height: 0;
		display: none; 
		padding:4px 0px; 
		border: 1px solid #fff;
		transition: all 0.001s ease-in-out;
	}

	.drop-menu li{ border-bottom: 1px solid #fff; }

	.drop-menu li:last-child{ border-bottom: 0px solid #fff; }

	.drop-menu li a{
	  display: block;
	  width: 100%;
	  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
	  clear: both;
	  font-weight: 400;
	  color: var(--bs-dropdown-link-color);
	  text-align: inherit;
	  text-decoration: none;
	  white-space: nowrap;
	  background-color: transparent;
	  border: 0;
	}

	.drop-menu li a:hover{ background: #fff; color: #000!important; }

	#drop-down:hover .drop-menu{position: static; display: block; height: auto;}

	#drop-down:hover .fa-solid{ transform: rotate(90deg); }

	.sub-drop-menu{
		width: 100%;
		height: 0;
		display: none; 
		padding:4px 8px; 
		border: 1px solid #fff;
		transition: all 0.001s ease-in-out;
	}

	.sub-drop-menu li{ border-bottom: 1px solid #fff; }

	.sub-drop-menu li:last-child{ border-bottom: 0px solid #fff; }

	.sub-drop-menu li a{
	  display: block;
	  width: 100%;
	  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
	  clear: both;
	  font-weight: 400;
	  color: var(--bs-dropdown-link-color);
	  text-align: inherit;
	  text-decoration: none;
	  white-space: nowrap;
	  background-color: transparent;
	  border: 0;
	}

	.sub-drop-menu li a:hover{ background: #fff; color: #000!important; }

	#sub-drop:hover .sub-drop-menu{position: static; display: block; height: auto;}

	#sub-drop:hover .fa-solid{ transform: rotate(90deg); }

	/* ======= HEAD IMAGE ======= */
	.head_img{width: 100%;height: auto;position: relative;} 

	.head_img img{height: 340px;}

	.over-text{
		width: 100%;
		height: auto;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.over-text h2{
		text-align: center;
		font-size: 35px;
		font-weight: 580;
	}
	
	/* ======= FOUNDER PRESIDENT ======= */
    .founder_president{width:100%; height:auto; padding:25px 0;}
    
    .founder_image{width:100%; height:auto; text-align:center;padding-top:15px;}
    
    .founder_image img{width:280px; height:310px;outline:1px solid #aba29d; outline-offset:5px; border-radius:100%;}
    
    .founder_msg{padding-top:30px;}
    
    .founder_msg h4, .founder_msg h5{font-weight:bolder;}

	/* ======= FOOTER ======= */ 
	.footer-sect{
		width:100%; 
		height: auto; 
		padding: 50px 0; 
	}

	.foot-info{color: var(--dark-text);}

	.foot-info h5{font-weight: 600;margin-bottom: 15px;}

	.foot-info p{margin-bottom: 8px;}

	.foot-info p:last-child{margin: 0;}

	.foot2 p{display: flex;}
	
	/* ======= PRESIDENT PAGE =======*/
	.president-img{text-align:center; margin-bottom:15px;}

    .president-img img{width: 65%; height:350px; margin:auto;}

	/* ======= PHOTO-PAGE ======= */
	.photo{width: 100%; height: auto; padding: 50px 0; background: #fff;}

	.photo-gall img{width: 100%; height: 238px;}


	/* ======= CONTACT-PAGE ======= */
	.contact-us{ width: 100%; height: auto;padding: 50px 0; background: #fff;}

	.contact-info h4, .contact-info p, .contact-info ul li{
		margin-bottom: 10px;
	}

	.location{ width: 100%; }

	.location iframe{ width: 100%; height: 350px; }

	.contact-btn{
		color: #fff;
		font-weight: 600;
		background: var(--main-bg); 
		transition: all 0.4s ease-in-out;
	}

	.contact-btn:hover{
		color: #fff !important;
		background: #626262 !important;
	}
}


@media(max-width: 575px){
	.navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
		overflow-y: auto;
		max-height: 90vh;
		margin-top:10px;
	}

	.sec-head{ width: 100%;  height: auto;  margin-bottom: 20px; text-align:center;  }

	.sec-head h3{ display: inline-block; font-weight: 600; color: var(--dark-text); }

	/* ======= TOP-HEAD ======= */ 
	.top-head{ width:100%; height: auto;}

	.imp-note{ width: 100%; padding: 2px; }

	.imp-note a{ font-size: 12px; color:#000;}

	.members_login{padding: 5px;}

	.members_login a, .members_login .navbar-brand{font-size: 12px;}

	.responsive_btns a{font-size: 14px;}
	
	.top_bar{width:100%; display:flex; flex-direction:row; flex-wrap:wrap;}
	
	.top_bar .nav-item .nav-link{font-size:12px; color: var(--white-text); margin-right:15px;}

	.navbar .megamenu{ padding: 1rem; border-radius: 0; background: var(--sub-sub-bg);}

	.megamenu-content ul li a{ font-size: 16px; color: #fff !important; }


	/* ======= NAVIGATION ======= */ 
	.navigation{width:100%; height: auto; background: var(--sub-sub-bg) !important;}

	.navigation  .navbar-nav .nav-item .nav-link{
		font-size: 15px; 
		color: #fff;
		border-bottom: 1px solid transparent;
	}

	.navigation  .navbar-nav .nav-item .nav-link:hover{
		border-bottom: 1px solid #fabe0a;
	}

	.navigation  .navbar{ background: var(--sub-sub-bg) !important; }

	.navbar-brand .form-group .form-select{border-radius: 0;}

	.navbar-brand .form-group .form-select:focus {
	  border-color: rgba(0,0,0,0);
	  outline: 0;
	  box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
	}

	.dropdown-item:hover {
	  color: #000!important;
	  background-color: var(--bs-dropdown-link-hover-bg);
	}

	.drop-menu{
		width: 100%;
		height: 0;
		display: none; 
		padding:4px 0px; 
		border: 1px solid #fff;
		transition: all 0.001s ease-in-out;
	}

	.drop-menu li{ border-bottom: 1px solid #fff; }

	.drop-menu li:last-child{ border-bottom: 0px solid #fff; }

	.drop-menu li a{
	  display: block;
	  width: 100%;
	  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
	  clear: both;
	  font-weight: 400;
	  color: var(--bs-dropdown-link-color);
	  text-align: inherit;
	  text-decoration: none;
	  white-space: nowrap;
	  background-color: transparent;
	  border: 0;
	}

	.drop-menu li a:hover{ background: #fff; color: #000!important; }

	#drop-down:hover .drop-menu{position: static; display: block; height: auto;}

	#drop-down:hover .fa-solid{ transform: rotate(90deg); }

	.sub-drop-menu{
		width: 100%;
		height: 0;
		display: none; 
		padding:4px 8px; 
		border: 1px solid #fff;
		transition: all 0.001s ease-in-out;
	}

	.sub-drop-menu li{ border-bottom: 1px solid #fff; }

	.sub-drop-menu li:last-child{ border-bottom: 0px solid #fff; }

	.sub-drop-menu li a{
	  display: block;
	  width: 100%;
	  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
	  clear: both;
	  font-weight: 400;
	  color: var(--bs-dropdown-link-color);
	  text-align: inherit;
	  text-decoration: none;
	  white-space: nowrap;
	  background-color: transparent;
	  border: 0;
	}

	.sub-drop-menu li a:hover{ background: #fff; color: #000!important; }

	#sub-drop:hover .sub-drop-menu{position: static; display: block; height: auto;}

	#sub-drop:hover .fa-solid{ transform: rotate(90deg); }

	/* ======= HEAD IMAGE ======= */
	.head_img{width: 100%;height: auto;position: relative;} 

	.head_img img{height: 200px;}

	.over-text{
		width: 100%;
		height: auto;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.over-text h2{
		text-align: center;
		font-size: 30px;
		font-weight: 580;
	}

	/* ======= FOOTER ======= */ 
	.footer-sect{
		width:100%; 
		height: auto; 
		padding: 25px 0; 
	}

	.foot-info{color:var(--dark-text);}

	.foot-info h5{font-weight: 600;margin-bottom: 15px;}

	.foot-info p{margin-bottom: 8px;}

	.foot-info p:last-child{margin: 0;}

	.foot2 p{display: flex;}
	
	/* ======= PRESIDENT PAGE =======*/
	.president-img{text-align:center; margin-bottom:15px;}

    .president-img img{width: 100%; height:auto; margin:auto;}

	/* ======= PHOTO-PAGE ======= */
	.photo{width: 100%; height: auto; padding: 50px 0; background: #fff;}

	.photo-gall img{width: 100%; height: 238px;}


	/* ======= CONTACT-PAGE ======= */
	.contact-us{ width: 100%; height: auto;padding: 50px 0; background: #fff;}

	.contact-info h4, .contact-info p, .contact-info ul li{
		margin-bottom: 10px;
	}

	.location{ width: 100%; }

	.location iframe{ width: 100%; height: 350px; }

	.contact-btn{
		color: #fff;
		font-weight: 600;
		background: var(--main-bg); 
		transition: all 0.4s ease-in-out;
	}

	.contact-btn:hover{ color: #fff !important; background: #626262 !important; }
}