@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Quicksand:wght@300..700&display=swap');
/*
.quicksand-<uniquifier> {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
  
.bebas-neue-regular {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
}
*/

:root {
	--font-content: "Quicksand", sans-serif;
	--font-title: "Bebas Neue", sans-serif;
	--txt-blue: #0c5098;
	--txt-orange: #ee7900;
	--bg-blue: #0c5098;
	--bg-orange: #ee7900;
}

html, body { width: 100%; height: 100%; margin:0; overflow-x: hidden; }

h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-title);
	font-optical-sizing: auto;
	letter-spacing: 0.025em;
	font-style: normal;
	font-weight: 500;
	margin: 0;
	transition: .5s;
	line-height: 1.2;
}
h1 { font-size: 42px; }
h2 { font-size: 40px; }
h3 { font-size: 35px; }
h4 { font-size: 30px; }
h5 { font-size: 25px; }
h6 { font-size: 18px; }

p {
	margin: 0;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.7;
	font-style: normal;
	font-family: var(--font-content);
  -webkit-font-smoothing: antialiased;
     -moz-font-smoothing: antialiased;
}

ol, li, ul {
	font-family: var(--font-content);
	font-optical-sizing: auto;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.7;
	font-style: normal;
}

a, a:visited {
	font-family: inherit;
	text-decoration: none;
	cursor: pointer;
	color: var(--txt-orange);

	-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		 -ms-transition: all 0.2s;
		  -o-transition: all 0.2s;
			  transition: all 0.2s;
}
a:hover, a:focus, a:active { text-decoration: underline; color: var(--txt-blue); outline: none; }



/* CUST_AMINATION
============================================================================================================================== */



/* HEADER
============================================================================================================================== */

.div-header-logo {
	position: absolute;
	margin-top: 20px;
	margin-left: 30px;
	width: 180px;
}
@media only screen and (max-width: 1199.50px) { .div-header-logo { width: 120px; } }

.bg-header {
	background: url('../imgs/BGs/header-BG.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}



/* NAVBAR
============================================================================================================================== */

.nav-main { background-color: #FFF; }
@media only screen and (max-width: 767.50px) { .nav-main { padding-right: 30px; } }

.nav-main .navbar-nav .nav-link {
	font-family: var(--font-title);
	font-optical-sizing: auto;
	letter-spacing: 0.04em;
	font-style: normal;
	font-size: 25px;
	font-weight: 500;
	color: var(--txt-blue);
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;

	-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		 -ms-transition: all 0.2s;
		  -o-transition: all 0.2s;
			  transition: all 0.2s;
}
.nav-main .navbar-nav .nav-link:focus, .nav-main .navbar-nav .nav-link:hover { text-decoration: none; color: var(--txt-orange); }

@media only screen and (max-width: 1199.50px) { .nav-main .navbar-nav .nav-link { font-size: 22px; } }
@media only screen and (max-width: 991.50px) { .nav-main .navbar-nav .nav-link { font-size: 18px; margin-left: 0; margin-right: 0; } }

.nav-main .dropdown-menu { background-color: #FFF; padding: 0; border: 0; }
.nav-main .dropdown-item {
	font-family: var(--font-title);
	font-optical-sizing: auto;
	letter-spacing: 0.04em;
	font-style: normal;
	font-size: 20px;
	font-weight: 500;
	color: var(--txt-blue);
}
.nav-main .dropdown-item:focus, .dropdown-item:hover { text-decoration: none; color: var(--txt-orange); }

.navbar-toggler { border: 5px solid var(--bg-blue); color: var(--txt-blue); }
.wrap-logo { margin-left: 0; width: 100px; }
.nav-main .offcanvas-header .close-btn {
	margin: 10px 10px 10px auto;
	transform: scale(0.8);

	-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		 -ms-transition: all 0.2s;
		  -o-transition: all 0.2s;
			  transition: all 0.2s;
} .nav-main .offcanvas-header .close-btn:hover { transform: scale(1.0); }
@media only screen and (max-width: 767.50px) {
	.nav-main .offcanvas { background-color: #FFF; }
	.nav-main .navbar-nav .nav-link { font-size: 20px; }
	.nav-main .navbar-nav .nav-link:focus, .nav-main .navbar-nav .nav-link:hover { padding-left: 10px; }
	.nav-main .navbar-nav .nav-item.active { padding-left: 15px; margin-top: 10px; }
	.nav-main .dropdown-menu { background-color: #FFF; border: 0; margin-left: 10px; }
	.nav-main .dropdown-item:focus, .dropdown-item:hover { text-decoration: none; color: var(--txt-orange); }
}



/* CAROUSEL
============================================================================================================================== */




/* FORMS
============================================================================================================================== */



/* BUTTONS
============================================================================================================================== */

.btn-main {
	font-family: var(--font-title);	
	letter-spacing: 0.04em;
	font-optical-sizing: auto;
	font-style: normal;
	font-weight: 500;
	line-height: 1.5;
	font-size: 16px;
	outline: none;
	color: #FFF;
	padding: 15px 30px 15px 30px;
	border: 0;
	border-radius: 25px;
	background-color: var(--bg-orange);
	transition: .1s ease-in-out, .4s color;
}
.btn-main:hover { color: #FFF; background-color: var(--bg-blue); }
.btn-main:active { transform: translateY(0.15em); }
.btn-main.full { width: 100%; }



/* FOOTER
============================================================================================================================== */

footer {
	background-color: #082f58;
	padding-top: 50px;
}

footer .logo { max-width: 150px; }
footer p { color: #FFF; font-size: 15px; }

footer a { text-decoration: none; color: #FFF !important; }
footer a:hover { text-decoration: none; color: var(--txt-orange) !important; }

footer ul li { color: #FFF; font-size: 15px; }
@media only screen and (max-width: 767.50px) { footer ul { list-style-type: none; padding: 0; } }

footer .btm p { font-size: 12px; }
footer .btm { background-color: var(--bg-blue); margin-top: 50px; padding-top: 20px; padding-bottom: 15px; }



/* OTHERS
============================================================================================================================== */

.bg-blue { background-color: var(--bg-blue); }
.bg-blue-lght { background-color: #cde5ff;}
.bg-orange { background-color: var(--bg-orange); }
.bg-yellow-lght { background-color: #ffeeca; }
.lh-1_3 { line-height: 1.3; }
.h-8 { height: 8px; }
.mb-n-10 { margin-bottom: -10px; }
.mt-n-30 { margin-top: -30px; }
.mt-n-50 { margin-top: -50px; }

.BG-1 { background: url('../imgs/img-1.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center; }

.wrap-abtSaiBaba { background: url('../imgs/shape-2.png'), var(--bg-blue); background-position: left center, center; background-repeat: no-repeat, repeat; background-size: contain, auto; }
@media only screen and (max-width: 991.50px) {
	.wrap-abtSaiBaba { background: var(--bg-blue); }
	.wrap-abtSaiBaba img { border-radius: 30px; }
}


.card-event { border-radius: 40px; border: 0; }
.card-event img { border-radius: 40px; }
.card-event .card-body { border-radius: 0 0 40px 40px; background: url('../imgs/shape-1.png'); background-repeat: no-repeat; background-size: auto; background-position: left bottom; }


.wing {
	transform: scale(0.95);

	-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		 -ms-transition: all 0.2s;
		  -o-transition: all 0.2s;
			  transition: all 0.2s;
}
.wing:hover { transform: scale(1.0); }


.div-img-sai { float: left; margin-right: 50px; margin-bottom: 50px; width: 380px; }
@media only screen and (max-width: 1399.50px) { .div-img-sai { width: 390px; } }
@media only screen and (max-width: 991.50px) { .div-img-sai { width: 250px; } }
@media only screen and (max-width: 767.50px) { .div-img-sai { float: none; width: 100%; } }


.div-img-2 {
	width: 600px;
	float: right;
	margin-left: 40px;
	margin-bottom: 20px;
}
@media only screen and (max-width: 1399.50px) { .div-img-2 { width: 400px; } }
@media only screen and (max-width: 991.50px) { .div-img-2 { width: 190px; } }
@media only screen and (max-width: 575.50px) { .div-img-2 { width: 100%; float: none; margin-left: 0; margin-bottom: 30px; } }


.div-img-president {
	background-color: var(--bg-blue);
	position: absolute;
	left: -100px;
	padding: 20px 50px 20px 80px;
	border-radius: 0 30px 30px 0;
	margin-top: 100px;
}
.div-img-president h4 { color: #FFF; }
@media only screen and (max-width: 1199.50px) { .div-img-president { margin-top: 70px; } }
@media only screen and (max-width: 479.50px) {
	.div-img-president { margin-top: 0; position: relative; background-color: transparent; }
	.div-img-president h4 { color: #000; }
}


.council-txt {
	margin: -18px auto;
	padding: 15px 10px 10px 10px;
	background-color: #ffeeca;
	position: relative;
	border-radius: 30px;
}


.centres-tab.nav-tabs .nav-link, .centres-tab.nav-tabs .nav-link.active, .centres-tab.nav-tabs .nav-link:hover { border: 0; border-bottom: 0; color: var(--txt-orange); }
.centres-tab.nav-tabs .nav-link.active { color: var(--txt-blue); border-radius: 0; border-bottom: 3px solid #000; }


.div-YA-logo { max-width: 200px; margin: 0 auto; }


.map-google {
	width: 100%;
	height: 100%;
	border: 0;
	border-radius: 20px;
}


.admin_code { display: none;}