@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');
.bg{ background: url(../img/bg.jpg) no-repeat top center; background-attachment:fixed; width: 100%;  height: 100vh;  background-size: cover;  margin: 0 auto;}
.bg-1{ background: url(../img/bg-1.jpg) no-repeat top center; background-attachment:fixed; width: 100%;  height: 100vh;  background-size:cover;  margin: 0 auto;}
.bg-trans{background:rgba(255,255,255,0.5); width:100%; height:100%;}
.bg-white{background:rgba(255,255,255,1); width:100%; height:100%;}
.bg-black{background:rgba(0,0,0,1); width:100%; height:100%;}
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 {/*background: #5e336b;*/ margin: 0 auto;}
.mh-500{min-height:700px; height:100% !important;}
.brd-com{border-top:1px solid #ccc;}
.btn-primary { color: #fef000;  background-color: #5e336b;  border-color: #5e336b;}
table thead tr th, tbody tr td {padding:5px;}
table thead tr {font-weight:600; background:#5e336b;}
table thead th {color:#fef000;}
table tbody td a {color:#5e336b;}
.text-black {color:#000 !important;}
.txt-right{text-align-last: end;}

.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:transparent; padding: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;}
.prod-img{width: 100%; height: 190px; margin: 0 auto; border-bottom:2px solid #ccc;}

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


/*******Full responsive part***********/
@media screen and (min-width: 240px) and (max-width: 567px) { 

/*.bg-1{ background: url(../img/bg-1.jpg) repeat top center; width: 100%;  height: 100vh;  background-size: cover;  margin: 0 auto;}*/

}

@media screen and (min-width: 567px) and (max-width: 768px) { }

@media screen and (min-width: 769px) and (max-width: 1024px) { }

@media screen and (min-width: 1025px) and (max-width: 1360px) {

}


/*******Full responsive part***********/
@media only screen and (max-width: 800px) {
    
    /* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
}
/********product cateorgy************/
.icon-control {
    margin-top: 5px;
    float: right;
    font-size: 80%;
}
/*.btn-light {
    background-color: #fff;
    border-color: #e4e4e4;
}*/

.list-menu {
    list-style: none;
    margin: 0;
    padding-left: 0;
}
.list-menu a {
    color: #343a40;
}

.card-product-grid .info-wrap {
    overflow: hidden;
    padding: 18px 20px;
}

[class*='card-product'] a.title {
    color: #212529;
    display: block;
}

.card-product-grid:hover .btn-overlay {
    opacity: 1;
}
.card-product-grid .btn-overlay {
    -webkit-transition: .5s;
    transition: .5s;
    opacity: 0;
    left: 0;
    bottom: 0;
    color: #fff;
    width: 100%;
    padding: 5px 0;
    text-align: center;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
}
.img-wrap {
    overflow: hidden;
    position: relative;
}
.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgb(94 51 107);
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.clr-yellow{color:#fff100;}
.card-header a svg.svg-inline--fa {color:#fff !important;} 
del {color:#ff0000;}
/********product cateorgy************/
/********Product description********/
.pd-wrap {
	padding: 40px 0;
	font-family: 'Poppins', sans-serif;
}
.heading-section {
	text-align: center;
	margin-bottom: 20px;
}
.sub-heading {
	font-family: 'Poppins', sans-serif;
    font-size: 12px;
    display: block;
    font-weight: 600;
    color: #2e9ca1;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.heading-section h2 {
	font-size: 32px;
    font-weight: 500;
    padding-top: 10px;
    padding-bottom: 15px;
	font-family: 'Poppins', sans-serif;
}
.user-img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: relative;
	min-width: 80px;
	background-size: 100%;
}
.carousel-testimonial .item {
	padding: 30px 10px;
}
.quote {
	position: absolute;
    top: -23px;
    color: #2e9da1;
    font-size: 27px;
}
.name {
	margin-bottom: 0;
    line-height: 14px;
    font-size: 17px;
    font-weight: 500;
}
.position {
	color: #adadad;
	font-size: 14px;
}
.owl-nav button {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	outline: none;
	height: 25px;
}
.owl-nav button svg {
	width: 25px;
	height: 25px;
}
.owl-nav button.owl-prev {
	left: 25px;
}
.owl-nav button.owl-next {
	right: 25px;
}
.owl-nav button span {
	font-size: 45px;
}
.product-thumb .item img {
	height: 100px;
}
.product-name {
	font-size: 22px;
	font-weight: 500;
	line-height: 22px;
	margin-bottom: 4px;
}
.product-price-discount {
	font-size: 22px;
    font-weight: 400;
    padding: 10px 0;
    clear: both;
}
.product-price-discount span.line-through {
	text-decoration: line-through;
    margin-left: 10px;
    font-size: 14px;
    vertical-align: middle;
    color: #a5a5a5;
}
.display-flex {
	display: flex;
}
.align-center {
	align-items: center;
}
.product-info {
	width: 100%;
}
.reviews-counter {
    font-size: 13px;
}
.reviews-counter span {
	vertical-align: -2px;
}
.rate {
    float: left;
    padding: 0 10px 0 0;
}
.rate:not(:checked) > input {
    position:absolute;
    top:-9999px;
}
.rate:not(:checked) > label {
    float: right;
    width: 15px;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 21px;
    color:#ccc;
	margin-bottom: 0;
	line-height: 21px;
}
.rate:not(:checked) > label:before {
    content: '\2605';
}
.rate > input:checked ~ label {
    color: #ffc700;    
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
    color: #deb217;  
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
    color: #c59b08;
}
.product-dtl p {
	font-size: 14px;
	line-height: 24px;
	color: #7a7a7a;
}
.product-dtl .form-control {
	font-size: 15px;
}
.product-dtl label {
	line-height: 16px;
	font-size: 15px;
}
.form-control:focus {
	outline: none;
	box-shadow: none;
}
.product-count {
	margin-top: 15px; 
}
.product-count .qtyminus,
.product-count .qtyplus {
	width: 34px;
    height: 34px;
    background: #212529;
    text-align: center;
    font-size: 19px;
    line-height: 36px;
    color: #fff;
    cursor: pointer;
}
.product-count .qtyminus {
	border-radius: 3px 0 0 3px; 
}
.product-count .qtyplus {
	border-radius: 0 3px 3px 0; 
}
.product-count .qty {
	width: 60px;
	text-align: center;
}
.round-black-btn {
	border-radius: 4px;
    background: #212529;
    color: #fff;
    padding: 7px 45px;
    display: inline-block;
    margin-top: 20px;
    border: solid 2px #212529; 
    transition: all 0.5s ease-in-out 0s;
}
.round-black-btn:hover,
.round-black-btn:focus {
	background: transparent;
	color: #212529;
	text-decoration: none;
}

.product-info-tabs {
	margin-top: 25px; 
}
.product-info-tabs .nav-tabs {
	border-bottom: 2px solid #d8d8d8;
}
.product-info-tabs .nav-tabs .nav-item {
	margin-bottom: 0;
}
.product-info-tabs .nav-tabs .nav-link {
	border: none; 
	border-bottom: 2px solid transparent;
	color: #323232;
}
.product-info-tabs .nav-tabs .nav-item .nav-link:hover {
	border: none; 
}
.product-info-tabs .nav-tabs .nav-item.show .nav-link, 
.product-info-tabs .nav-tabs .nav-link.active, 
.product-info-tabs .nav-tabs .nav-link.active:hover {
	border: none; 
	border-bottom: 2px solid #d8d8d8;
	font-weight: bold;
}
.product-info-tabs .tab-content .tab-pane {
	padding: 30px 20px;
	font-size: 15px;
	line-height: 24px;
	color: #7a7a7a;
}
.review-form .form-group {
	clear: both;
}
.mb-20 {
	margin-bottom: 20px;
}

.review-form .rate {
	float: none;
	display: inline-block;
}
.review-heading {
	font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 6px;
    text-transform: uppercase;
    color: #000;
}
.review-form .form-control {
	font-size: 14px;
}
.review-form input.form-control {
	height: 40px;
}
.review-form textarea.form-control {
	resize: none;
}
.review-form .round-black-btn {
	text-transform: uppercase;
	cursor: pointer;
}
.brd-shdp{border:1px solid #ccc; box-shadow:1px 1px 5px 1px #e8e8e8;}

/***************Button*****************/
.btn-glass {margin:10px auto !important; list-style:none; line-height:35px;}
ul li.glass  {margin-bottom:10px !important;}
.glass{
	/* background styles */
	position: relative;
	display: inline-block;
	padding: 15px auto;
	background-color: transparent; /*for compatibility with older browsers*/
	/*background-image: linear-gradient(green,lightgreen);*/
	/*background-image: linear-gradient(#7b3491,#d571f3);*/
	border:1px solid #ffd700;

	/* text styles */
	text-decoration: none;
	color: #fff;	
	border-radius: 10px;
	box-shadow: 0px 1px 4px -2px #333;
	text-shadow: 0px -1px #333;
	text-align:center;	
	width:100%;
	font-size:16px;
}

/*.glass:after{
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: calc(100% - 4px);
	height: 50%;
	background: linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.2));
	
}*/
.glass:hover{/*background: linear-gradient(#073,#0fa);*/ color:#000; /*background: linear-gradient(#d571f3, #7b3491);*/ background: #ffd700;}

.clr-gold {color:#FFD700;}

.prod-lh{line-height:25px; min-height:100px;}