@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=New+Amsterdam&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Lusitana:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Afacad+Flux:wght@100..1000&display=swap');
html {scroll-behavior: smooth;}
body {font-family: "Lato", sans-serif; font-weight:600; line-height:30px; letter-spacing:0.5px;}
.header{width:100%; height:auto; border-bottom:1px solid #ccc;}
.head {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cbf0fe+0,ffffff+100 */
background: linear-gradient(to bottom,  rgba(203,240,254,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.top-bar{width:100%; height:40px !important; background:#498ea6;}
.top-ul  {margin:0px; padding:0px; list-style:none;}
.top-ul li a {padding:5px 0px; color:#fff !important; display:inline-flex !important;}
/*.navbar-expand-lg {top:20px;}*/
h1,h2,h3,h4,h5,h6{/*font-family: "New Amsterdam", sans-serif;*/ /*font-family: "Lusitana", serif;*/ font-family: "Afacad Flux", sans-serif;}
.menu {/*background:#fff;*/ width:100%; height:auto;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#498ea6+0,21637a+100 */
background: linear-gradient(to bottom,  rgba(73,142,166,1) 0%,rgba(33,99,122,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.navbar-expand-lg li a {color:#000; margin:0px 20px; }
.navbar-light .navbar-nav .nav-link { color: #000;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link { color: #fff; /*background: #4f3d77;  padding: 10px;   border-radius: 10px 0px 10px 0px;*/}
.content {margin:30px auto;}
/*.container {margin:10px !important;}*/
.txt-just {text-align:justify;}
.footer {width:100%; height:auto; background:#2d677e; padding:30px 0;}
.ft-ul {margin:0px; padding:0px; list-style:none; text-align:left; margin:0 auto;}
.ft-ul li {/*display:inline-flex;*/ color:#fff; list-style:none; margin-left: 0px;}
.ft-ul li a {color:#fff; }
.footer p {text-align:left !important; color:#fff;}
.footer a {color:#fff !important;}
.footer a i {color:#fff; text-align:right !important;}
hr { border-top: 1px solid rgba(255,255,255,.5);}
.contact-bg {width:100%; height:100%; padding:30px 0px;}
.navbar-light .navbar-text a {color:#fff;}
.navbar-light .navbar-text a:hover {color:#84c90a; text-decoration: none;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #fff; /*background: #4f3d77;  padding: 10px;   border-radius: 10px 0px 10px 0px;*/ text-decoration: none;}
a:hover { text-decoration: none;}
.ft-rt {float:right;}
.mt-22{margin-top: 22px;}

/**timer**/
/*<!--h2 {
  font-family: Poppins;
  font-weight: 500;
  margin: 0 0 20px;
}-->*/
.timer {
  margin: 0 0 45px;  
  color: #fff;
  display: inline-block;
  font-weight: 100;
  text-align: center;
  font-size: 30px;
}
.timer div {
  padding: 10px;
  border-radius: 3px;
  background: #062462;
  display: inline-block;  
  font-size: 26px;
  font-weight: 400;
  width: 80px;
}
.timer .smalltext {
  color: #84c90a;
  font-size: 12px;  
  font-weight: 500;
  display: block;
  padding: 0;
  width: auto;
}
.timer #time-up {
  margin: 8px 0 0;
  text-align: left;
  font-size: 14px;
  font-style: normal;
  color: #000000;
  font-weight: 500;
  letter-spacing: 1px;
}
.lt-grn{color:#84c90a;}
.txt-wt{color:#fff;}
.mt-1{margin-top:10px;}
.mt-2{margin-top:20px;}
.mt-3{margin-top:30px;}
.mt-4{margin-top:40px;}
.mt-5{margin-top:50px;}
.mb-1{margin-bottom:10px;}
.mb-2{margin-bottom:20px;}
.mb-3{margin-bottom:30px;}
.mb-4{margin-bottom:40px;}
.mb-5{margin-bottom:50px;}
.pt-1{padding-top:10px;}
.pt-2{padding-top:20px;}
.pt-3{padding-top:30px;}
.pt-4{padding-top:40px;}
.pt-5{padding-top:50px;}
.pb-1{padding-bottom:10px;}
.pb-2{padding-bottom:20px;}
.pb-3{padding-bottom:30px;}
.pb-4{padding-bottom:40px;}
.pb-5{padding-bottom:50px;}
.mid-bg{background:rgb(242, 243, 242); width:100%; height:auto; padding:30px 0px;}
.mid-bg-1{background:url(../img/welfare-bg.jpg) center center; background-size:cover; width:100%; height:auto; padding:20px 0px;}
.bor-rd {border-radius:50%;}
.txt-just{text-align:justify;}
.clr-blue{color:#062462;}
.clr-dblue{color:#140489;}
,clr-yellow{color:#fffded;}
.ft-5{font-weight:500;}
.ft-6{font-weight:600;}
.ft-24 {font-size:30px !important;}
.br-shd {border-radius:10px; box-shadow: 1px 1px 10px 5px #ccc!important; padding: 5px;  background: transparent;  border: 1px solid #ccc;}
.br-shd-1 {border-radius:10px; box-shadow: 1px 1px 10px 5px #ccc!important; border: 1px solid #ccc; width:100%;}
.pd-bg{background: #c11e31;  border-radius: 10px;  padding:20px;  box-shadow: 1px 2px 10px 1px #ccc; color:#fff; line-height:35px;}
.lh-35{line-height:35px;}
/*h3 {
  display: grid;
  grid-template-columns: minmax(50px, 1fr) auto minmax(50px, 1fr);
  align-items: center;
  text-align: center;
  gap: 40px;
}*/
h3{ display: inline-block;}

h3::after
{
  content: '';
  border-bottom: 3px solid #498ea6;
  width: 25%;
  display: block;
  margin-top:10px;
  /*margin: 0 auto;*/
}
h3.center{ display: inline-block;  text-align:center;}

h3.center::after
{
  content: '';
  border-bottom: 3px solid #498ea6;
  width: 25%;
  display: block;
  margin: 10px auto; 
}

/*h3::before, h3::after {
  content: '';
  border-top: 6px double;
}*/

.column {
	margin: 15px 15px 0;
	padding: 0;
}
.column:last-child {
	padding-bottom: 60px;
}
.column::after {
	content: '';
	clear: both;
	display: block;
}
.column div {
	position: relative;
	float: left;
	width: 48%;
	height: auto;
	margin: 0 0 1% 1%;
	padding: 0;
}
.column div:first-child {
	margin-left: 0;
}
.column div span {
	position: absolute;
	bottom: -20px;
	left: 0;
	z-index: -1;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	color: #444;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
}
figure {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
	border-radius:10px;
	box-shadow:1px 1px 2px 1px #ccc;
}
figure:hover+span {
	bottom: -70px;
	opacity: 1;
}
/* Gray Scale */
.hover08 figure img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width:100%;
	height:400px;
}
.hover08 figure:hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);	
}


/* Circle */
/*.hover15 figure {
	position: relative;
}
.hover15 figure::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.hover15 figure:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}*/

.feat-project {}

.feat-project .col-md-4-31 { width:32.333%; margin-right:1%; }

.feat-project .feat-box {border:1px solid #ccc; border-radius:5px; padding:10px;  background:#fff;}

.feat-project .feat-box h5{font-weight:600; font-size:18px; color:#dc0f7d;}

.feat-project .feat-box p {line-height:25px; font-size:14px; margin-bottom:10px;}


@media screen and (min-width: 240px) and (max-width: 568px) { 
   .m-hide{display:none;}
   .m-center{text-align:center;}
   .feat-project  .col-md-4-31 { width:98% !important; margin:1% !important; }
   .m-col-50 {width:50% !important;}
   .hover08 figure img { width: 100%;  height: auto !important;}
   .m-center{margin:0px auto !important; text-align:center !important;} 
   /*.m-nav-right{position: absolute; left: 250px;}*/
   .navbar{background:#3b7f97 !important; padding-top:10px !important;}
   .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link { color: #fffded;}
   .container {margin: 0px 10px !important;  word-break: break-all;  text-align: justify;  width: -webkit-fill-available;}
}
@media screen and (min-width: 569px) and (max-width: 991px) { 
   .m-hide{display:none;}
   .feat-project .col-md-4-31 {width: 32%; margin-right: 1%; float: left;}
   .hover08 figure img { height: auto !important;}
   .navbar-light .navbar-toggler {color: rgba(0,0,0,1);  border-color: rgba(0,0,0,1);}
} 
@media screen and (min-width: 1199px) and (max-width: 2600px) { 
.feat-project .col-md-4-31 { width: 32.333%; margin-right: 1%; float:left;}  
}

.common-bg {background:#4f3d77; width:100%; height:auto;}

.common-bg h2 {color:#fff; padding:30px auto;}

.cont-circle {background: #4c8aac; color: #fff; padding: 30px;  border-radius: 100%; text-align:center; width: 100px !important; height: 100px;} 

.h3-clr{color:#30738b !important;}

.account-details {
    background: #f7f7f7;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 8px;
    margin: 32px 0;
    padding: 16px;
	width:100%;
}
.account-details h3, .account-details img {
    margin-bottom: 16px;
}
.bank-details {
    border-collapse: collapse;
    width: 100%;
}
.bank-details thead tr {
    background: #17507c;
}
.bank-details thead tr th {
    color: #fff;
    font-weight: 200;
    padding: 8px;
    text-align: left;
}
.bank-details tbody tr {
    border-bottom: 1px solid #ccc;
}
.bank-details tbody tr td {
    padding: 8px;
    text-align: left;
    vertical-align: text-top;
}

.payment-links ul {padding-left:0px !important;}

.payment-links ul li {list-style:none; }

.payment-links ul li .payment-links-item .info {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100% !important;
}

.payment-links ul li .payment-links-item {
    align-items: center;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    padding: 16px;
}
.payment-links ul li .payment-links-item .info {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.payment-links ul li .payment-links-item .info h2 {
    color: #17507c;
    margin-left: auto;
    width: 100px;
}
.payment-links ul li .payment-links-item .info p span {
    color: #999;
    font-size: 14px;
}