/*@import url('https://fonts.googleapis.com/css2?family=Roboto+Serif:opsz@8..144&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Roboto+Serif:opsz@8..144&family=Work+Sans:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Roboto+Serif:opsz@8..144&family=Work+Sans:wght@500&display=swap');

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
    /*font-family: 'Roboto Serif', serif;*/
    font-family: 'Montserrat', sans-serif;
	transition: all 0.3s ease-in-out;
}

/*body{*/
/*	padding-right: 0!important;*/
/*	padding-left: 0!important;*/
/*}*/

h1, h2, h3, h4, h5, h6{
	/*font-family: 'Roboto Serif', serif;*/
	font-family: 'Work Sans', sans-serif;
	padding: 0px;
	margin: 0px;
	font-weight:500 !important;
}


:root {
  --main-bg: #0073ff; /* ====  #00aeef 004b66 ==== */
  --sub-bg: #f7fbfe;
  --bg: #4f2c1d;
  --white-text: #fff;
  --dark-text: #000;
}


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

.sec-head h2{ 
	display: inline-block;
	padding: 20px;
	padding-top:0;
	margin-bottom:20px;
	color: var(--dark-text); 
	position:relative;
}

.sec-head h2::before {
  content: "";
  position: absolute;
  display: block;
  width: 120px;
  height: 1px;
  background-color: #ddd;
  bottom: 1px;
  left: calc(50% - 60px);
}

.sec-head h2::after {
  content: "";
  position: absolute;
  display: block;
  width: 40px;
  height: 3px;
  background-color: var(--main-bg);
  bottom: 0;
  left: calc(50% - 20px);
}

.head_btn{min-width:103px; display:inline-block; background-color:var(--main-bg); color: var(--white-text); margin-top:15px;}

.head_btn:hover{color: #000;}

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

.main-notice{width: 100%;}

.reg_number{padding:4px 0;}

.reg_number p{font-size: 13px; color:#fff; margin-bottom:0;font-weight:bold;}

.imp-note{ width: 100%; padding: 4px 0; display: flex;}

.imp-note a{ color:#000; font-size: 13px; margin-right: 10px;}

.imp-note .navbar-brand .form-group select{
	padding: 1px;
	border-radius: 0;
	border: 1px solid #000;
}

.contact_info{width: 100%; display: flex; justify-content:end; padding: 4px 0;}

.contact_info p{font-size: 13px; margin-right: 10px; color:#fff; margin-bottom:0; font-weight:bold;}

/* ======= NAVIGATION ======= */ 
.navigation{width:100%; height: auto; background: var(--white-text); padding:10px 0; box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);}

.navigation  .navbar-nav .nav-item .nav-link{
	font-size: 14px; 
	color: var(--dark-text);
	border-bottom: 1px solid transparent;
}

.navbar{padding: 0;}

.navigation  .navbar-nav .nav-item{padding:13px 0;}

.navbar .megamenu{ padding: 1rem; }

.megamenu:hover #navbarDropdownMenuLink{ color: #000 !important; }

.navigation  .navbar-nav .nav-item:hover .nav-link{
	/*background: var(--main-bg);*/
	border-bottom:2px solid var(--main-bg);
	color: var(--white-text)!important;
}

.main_logo{
	width: 0; 
	color: var(--white-text);
	overflow: hidden; 
	margin: 0;
}

.main_logo img{width:80px; height:80px;}

.main_logo_scroll .main_logo{font-size: 22px; font-weight: 600; width: 92px; overflow: hidden;}

.navigation{ position: sticky; top: 0; z-index: 10000; transition: 0.5s ease;}

.navigation  .navbar-nav .nav-item .nav-link{ padding: 10px; border-bottom:2px solid #fff;}

.navigation  .navbar-nav .nav-item:hover .nav-link{ color:var(--dark-text)!important; }

.navigation  .navbar{ background: var(--white-text) !important; }

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

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

.navbar-brand{padding: 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: var(--dark-text)!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: var(--dark-text)!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: var(--dark-text)!important; }

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

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


/* ======= LOGIN FORM ======= */
.login-form{width: 100%; height: auto; position: relative; z-index: 99999;}

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

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

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


/* ======= IMAGE SLIDER ======= */  
.img-slider{ width: 100%; height: auto; }

/*.slide-img{width: 100%; height: 500px;}*/

.slider_image{width:100%; height:auto;position:relative;}

#slider_image .carousel-item .slide{
    width:100%;
    height:auto !important;
}

.slider_overlay{width:100%; height:100%; position:absolute;left:0; top:0; right:0; bottom:0;}

/* ======= HEAD IMAGE ======= */  
.head_img{
	width: 100%;
	height: 600px; 
	background-repeat: no-repeat; 
	background-size: 100% 100%;
	background-color: rgba(0,0,0,0);
	background-blend-mode: overlay;
}

.overlay_logo{padding: 50px 0;}

.logo1{font-size: 63px; font-weight: 600; color: var(--white-text); margin-right: 50px;}

.logo2{font-size: 28px; font-weight: normal; color: var(--white-text);}

.slogan{
	width: 75%;
	height: auto;
	margin: auto;
	padding: 20px;
	text-align: center;
	font-size: 50px;
	font-weight: 600;
	color: var(--white-text);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

/* ======= ORGANISATION ======= */ 
.organisation{ 
	width: 100% 
	height:auto; 
	padding: 70px 0;
	background: var(--sub-bg);
}

.org_head h3{color: var(--white-text);}

.organisation-info{ width: 100%; height: auto; color: var(--white-text);}

.organisation_img{position: relative; transition: all 0.3s ease-in-out;}

.organisation_img img{
	width: 100%; 
	height: 400px; 
	border-radius: 15px; 
	transform: scale(1);
	position: relative;
	z-index: 99;
}

.organisation_img:after{
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	border-radius: 15px;
	background: var(--main-bg);
	transform: scale(0.9);
	transition: all 0.3s ease-in-out;
}

.organisation_img:before{
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	border-radius: 15px;
	background: var(--white-text);
	transform: scale(0.9);
	transition: all 0.3s ease-in-out;
}

/*.organisation:hover .organisation_img img{transform: scale(1);}*/

/*.organisation:hover .organisation_img:after{*/
/*	transform: scale(1) rotateZ(3deg) ;*/
/*}*/

/*.organisation:hover .organisation_img:before{*/
/*	transform: scale(1) rotateZ(-3deg);*/
/*}*/

.organisation-info h5{ font-weight: bolder; color: var(--main-bg); margin-bottom: 15px;}

.organisation-info p{ text-indent: 35px; color:#000; text-align:justify;}

/* ======= FOUNDER PRESIDENT ======= */
.founder_president{width:100%; height:auto; padding:70px 0; background-color:#fff;}

.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:25px;}

.founder_msg h4, .founder_msg h5{font-weight:bolder; margin-bottom:10px;}

/* ======= MAIN NOTICE ======= */  
.main_notice{width: 100%; height: auto; padding:70px 0; background-color:var(--sub-bg);}

.notification-info{ 
	background: #fff; 
	padding: 15px;
}

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

.vision_img img, .mission_img img{width: 100%; height: 364px;}

.vision-info, .mission-info{ margin-bottom: 15px; color: var(--dark-text);}

.vision_head h3, .mission_head h3{color: var(--dark-text)!important;}

/* ======= FOOTER ======= */ 
.footer-sect{ 
	width:100%;  
	height: auto;
	padding: 50px 0 30px;  
	background: #191e18 !important;
}

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

.foot-info h4{font-weight: bolder;margin-bottom: 15px; line-height:53px;}

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

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

.foot2 p{display: flex; margin-bottom:10px;}

.foot-info p svg{
    color: var(--main-bg);
    margin-right:7px;
}


/* ======= 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 img{width: 100%; height:350px;}


/* ======= 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 QUERY ======= */ 
@media (max-width: 1199px){
	.sec-head{ width: 100%;  height: auto;  margin-bottom: 10px; text-align:center;  }

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

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

	.main-notice{width: 100%;}

	.imp-note{ width: 100%; padding: 4px 0; background: var(--white-text); display: flex;}

	.imp-note a{ color:#000; font-size: 13px; margin-right: 10px;}

	.imp-note .navbar-brand .form-group select{
		padding: 1px;
		border-radius: 0;
		border: 1px solid #000;
	}

	.contact_info{width: 100%; display: flex; padding: 4px 0;}

	.contact_info p{font-size: 13px; margin-right: 10px;}

	/* ======= NAVIGATION ======= */ 
	.navigation{width:100%; height: auto; padding:12px 0;}

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

	.navbar{padding: 0;}

	.navbar .megamenu{ padding: 1rem; }

	.megamenu:hover #navbarDropdownMenuLink{ color: #000 !important; }

	.navigation  .navbar-nav .nav-item:hover .nav-link{
    	background: var(--main-bg);
    	color: var(--white-text)!important;
    }

	.main_logo{
		font-size: 22px; 
		font-weight: 600; 
		width: 0; 
		color: var(--white-text);
		overflow: hidden; 
		margin: 0;
	}
	
	.main_logo img {
        width: 75px;
        height: 75px;
    }

	.main_logo_scroll .main_logo{font-size: 20px; font-weight: 580; width: 80px; overflow: hidden;}

	.navigation{ position: sticky; top: 0; z-index: 10000; transition: 0.5s ease;}

	.navigation  .navbar-nav .nav-item .nav-link{ padding: 10px 6px; }

	.navigation  .navbar-nav .nav-item:hover .nav-link{ color:var(--dark-text)!important; }

	/*.navigation  .navbar{ background: var(--main-bg) !important; }*/

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

	/*.active{ color: var(--dark-text)!important; background: var(--sub-bg); }*/

	.navbar-brand{padding: 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: var(--dark-text)!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: var(--dark-text)!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: var(--dark-text)!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: 600px; 
		background-repeat: no-repeat; 
		background-size: 100% 100%;
		background-color: rgba(0,0,0,0);
		background-blend-mode: overlay;
	}

	.overlay_logo{padding: 50px 0;}

	.logo1{font-size: 50px; font-weight: 600; color: var(--white-text); margin-right: 50px;}

	.logo2{font-size: 22px; font-weight: normal; color: var(--white-text);}

	.slogan{
		width: 75%;
		height: auto;
		margin: auto;
		padding: 20px;
		text-align: center;
		font-size: 50px;
		font-weight: 600;
		color: var(--white-text);
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}

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

	.org_head h3 { color: var(--white-text); }

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

	.organisation-info p{ text-indent: 80px; }
	
	#slider_image .carousel-item .slide {
      width: 100%;
      height: 440px;
    }

    

	/* ======= VISION ======= */  
	.vision{ width: 100%; height: auto;}

	.vision_img img, .mission_img img{width: 100%; height: 300px;}

	.vision-info, .mission-info{ margin-bottom: 10px; color: var(--dark-text);}

	.vision-info p, .mission-info p{ font-size: 15px; }

	.vision_head h3, .mission_head h3{color: var(--dark-text)!important;}

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

	.foot-info{color: var(--white-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;}


	/* ======= 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;}

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

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

	.president-img img{width: 100%; height:350px;}


	/* ======= 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;
	}
}


/* ============ desktop view for megadropdown ============ */
@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav .dropdown-menu {
	 	position: absolute;
	 	top: 90px;
	 	display: block;
	 	border: none;
	 	border-top:4px solid var(--main-bg);
	 	border-radius: 0;
	 	opacity: 0;
	 	visibility: hidden;
	 	background: var(--white-text);
	 	transition: all 0.2s ease-in-out;
	}

	.dropdown-item{color: var(--dark-text) !important;}

	.dropdown-item:hover{background: var(--main-bg);}

	.dropdown:hover .dropdown-menu{
	    top:83px;
		visibility: visible;
		opacity: 1;
	}

	.navbar-expand-lg .navbar-nav .dropdown-menu  .dropdown-item{color: var(--white-text);}
	.navbar .has-megamenu{position:static;}
	.navbar .megamenu{
		top: 46px;
		left:0; 
		right:0; 
		width:100%; 
		margin-top:0; 
		border-radius: 0; 
		background: var(--main-bg);
	}

	.megamenu-content ul li a{ color: var(--dark-text) !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: 580; 
		padding: 10px;
		color: var(--dark-text); 
	}

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

	.main-notice{width: 100%;}
	
	.reg_number{text-align:center;}

	.imp-note{ width: 100%; padding: 4px 0; background: var(--white-text); display: flex;}

	.imp-note a{ color:#000; font-size: 13px; margin-right: 10px;}

	.imp-note .navbar-brand .form-group select{
		padding: 1px;
		border-radius: 0;
		border: 1px solid #000;
	}

	.contact_info{width: 100%; display: flex; padding: 4px 0; justify-content:center;}

	.contact_info p{font-size: 13px; margin-right: 0px;}

	/* ======= NAVIGATION ======= */ 
	.navigation{width:100%; height: auto; }

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

	.navigation  .navbar-nav .nav-item:hover{ background: var(--white-text); }

	.responsive_btns{width: 100%;}
	
	.navbar-brand2{margin-right:429px;}

	.navbar-expand-lg .navbar-nav .dropdown-menu {
	 	position: static;
	 	top: 43px;
	 	border: 0;
	 	border-radius: 0;  
	 	background: var(--white-text);
	}
	
	.navigation .navbar-nav .nav-item {
        padding: 0px 0;
    }

	.megamenu-content.dropdown-item{color: var(--dark-text) !important;}

	.main_logo{font-size: 30px; font-weight: 600; width: 130px; overflow: hidden; margin: 0;}

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

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

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

	/*.navigation  .navbar{ background: var(--main-bg) !important; }*/

	.navigation{ position: relative; z-index: 10000; transition: 0.5s ease;}

	.navbar-brand{font-size: 16px;}

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

	/*.dropdown-item:hover{background: var(--main-bg);}*/
	.dropdown-item:hover {
		 background: var(--main-bg);
	}

	.megamenu-content ul li a{ color: var(--dark-text) !important; }

	.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: 500px; 
		background-repeat: no-repeat; 
		background-size: 100% 100%;
		background-color: rgba(0,0,0,0);
		background-blend-mode: overlay;
	}

	.overlay_logo{padding: 50px 0;}

	.logo1{font-size: 40px; font-weight: 600; color: var(--white-text); margin-right: 50px;}

	.logo2{font-size: 17px; font-weight: normal; color: var(--white-text);}

	.slogan{
		width: 75%;
		height: auto;
		margin: auto;
		padding: 20px;
		text-align: center;
		font-size: 40px;
		font-weight: 600;
		color: var(--white-text);
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}


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

	.org_head h3 { color: var(--white-text); }

	.organisation_img{margin-bottom: 15px;}

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

	.organisation-info p{ text-indent: 80px; }
	
	/*  ======= 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;}


	/* ======= VISION ======= */  
	.vision{ width: 100%; height: auto;}

	.vision_img img, .mission_img img{width: 100%; height: 300px;}

	.vision-info, .mission-info{ margin-bottom: 10px; color: var(--dark-text);}

	.vision-info p, .mission-info p{ font-size: 15px; }

	.vision_head h3, .mission_head h3{color: var(--dark-text)!important;}

	.mission_content{display: flex; flex-direction: row-reverse;}

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

	.foot-info{color: var(--white-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;}


	/* ======= 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;}

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

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

	.president-img img{width: 100%; height:350px;}


	/* ======= 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: 5100; 
		padding: 10px; 
		color: var(--dark-text); 
	}

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

	.main-notice{width: 100%;}

	.imp-note{ width: 100%; padding: 4px 0; background: var(--white-text); display: flex; justify-content: center;}

	.imp-note a{ color:#000; font-size: 13px; margin-right: 10px;}

	.imp-note .navbar-brand .form-group select{
		padding: 1px;
		border-radius: 0;
		border: 1px solid #000;
	}

	.contact_info{width: 100%; display: flex; padding: 4px 0; justify-content: center;}

	.contact_info p{font-size: 13px; margin-right: 10px;}

	/* ======= NAVIGATION ======= */ 
	.navigation{width:100%; height: auto; background: var(--white-text);}

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

	.navigation  .navbar-nav .nav-item:hover{
		background: var(--white-text);
	}

	/*.navigation  .navbar{ background: var(--main-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-brand2{margin-right:247px;}

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

	.megamenu-content ul li a{ font-size: 16px; color: var(--dark-text) !important; }

	.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; 
		background-repeat: no-repeat; 
		background-size: 100% 100%;
		background-color: rgba(0,0,0,0);
		background-blend-mode: overlay;
	}

	.overlay_logo{padding: 50px 0;}

	.logo1{font-size: 35px; font-weight: 600; color: var(--white-text); margin-right: 50px;}

	.logo2{font-size: 14px; font-weight: normal; color: var(--white-text);}

	.slogan{
		width: 90%;
		height: auto;
		margin: auto;
		margin-bottom: 40px;
		padding: 20px;
		text-align: center;
		font-size: 40px;
		font-weight: 600;
		color: var(--white-text);
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}


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

	.org_head h3{color: var(--white-text)!important;}

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

	.organisation-info p{ text-indent: 80px; }
	
	/* ======= 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;}


	/* ======= VISION ======= */  
	.vision{ width: 100%; height: auto;}

	.vision_img img, .mission_img img{width: 100%; height: 300px;}

	.vision-info, .mission-info{ margin-bottom: 10px; color: var(--dark-text);}

	.vision-info p, .mission-info p{ font-size: 15px; }

	.vision_head h3, .mission_head h3{color: var(--dark-text)!important;}

	.mission_content{display: flex; flex-direction: row-reverse;}


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

	.foot-info{color: var(--white-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;}


	/* ======= 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;}

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

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

	.president-img img{width: 100%; height:350px;}


	/* ======= 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: 10px; text-align:center;  }

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

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

	.main-notice{width: 100%;}

	.imp-note{ 
		width: 100%; 
		padding: 4px 0; 
		background: var(--white-text); 
		display: flex; 
		justify-content: center;
	}

	.imp-note a{ color:#000; font-size: 13px; margin-right: 10px;}

	.imp-note .navbar-brand .form-group select{
		padding: 1px;
		border-radius: 0;
		border: 1px solid #000;
	}

	.contact_info{
		width: 100%; 
		display: flex; 
		flex-direction: column;
		padding: 4px 0; 
		justify-content: center;
		display:none;
	}

	.contact_info p{font-size: 13px; margin-right: 10px;}


	/* ======= NAVIGATION ======= */ 
	.navigation{width:100%; height: auto; background: var(--white-text);}

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

	.navigation  .navbar-nav .nav-item:hover{
		background: var(--white-text);
	}

	/*.navigation  .navbar{ background: var(--main-bg) !important; }*/
	
	.main_logo img {
        width: 57px;
        height: 57px;
    }

	.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 .megamenu{ padding: 1rem; border-radius: 0; background: var(--main-bg);}

	.megamenu-content ul li a{ font-size: 16px; color: var(--dark-text) !important; }

	.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; 
		background-repeat: no-repeat; 
		background-size: 100% 100%;
		background-color: rgba(0,0,0,0);
		background-blend-mode: overlay;
	}
	
	#slider_image .carousel-item .slide {
        width: 100%;
        height: 250px;
    }

	.overlay_logo{padding: 20px 0;}

	.logo1{font-size: 30px; font-weight: 600; color: var(--white-text); margin-right: 30px;}

	.logo2{font-size: 12px; font-weight: normal; color: var(--white-text);}

	.slogan{
		width: 80%;
		height: auto;
		margin: auto;
		margin-bottom: 15px;
		padding: 20px 15px;
		text-align: center;
		font-size: 19px;
		font-weight: 600;
		color: var(--white-text);
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}
	
	/* ======= ORGANISATION ======= */ 
	.organisation{ width: 100% height:auto; padding: 50px 0; }

	.org_head h3{color: var(--white-text)!important;}

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

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


	/* ======= VISION ======= */  
	.vision{ width: 100%; height: auto;}

	.vision_img img, .mission_img img{width: 100%; height: 300px;}

	.vision-info, .mission-info{ margin-bottom: 10px; color: var(--dark-text);}

	.vision-info p, .mission-info p{ font-size: 15px; }

	.vision_head h3, .mission_head h3{color: var(--dark-text)!important;}

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

	.foot-info{color:var(--white-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;}


	/* ======= 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;}

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

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

	.president-img img{width: 100%; height:350px;}


	/* ======= 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; }
}