@font-face {
	font-family:SolaimanLipi-pt;
	src:url(../fonts/SolaimanLipi.ttf) format("truetype");
	font-display:swap
  }
  @font-face {
	font-family:SolaimanLipiExPT;
	src:local("Arial");
	ascent-override:95.37%;
	descent-override:28.44%;
	line-gap-override:8.99%;
	size-adjust:99.94%
  }
  .__className_b8d676 {
	font-family:SolaimanLipi-pt,SolaimanLipiExPT;
  }
  .__variable_b8d676 {
	--font-SolaimanLipi:"SolaimanLipi-pt","SolaimanLipiExPT"
  }
  body {
	font-family: SolaimanLipi-pt,SolaimanLipiExPT;
	line-height: inherit;
  }
.items-center {
	align-items: center;
}
.gap-2 {
	gap: .5rem;
}
.gap-3{
	gap: .10rem;
}
.card-header-center{  justify-content: space-between;gap: .5rem;align-items: center;}
.card-header {
	/* background-color: rgb(32, 142, 29, 0.5); */
	background-color: #00b80a;

}
.pRtopheading{
	justify-content: center;
	align-content: center;
	align-items: center;}

.mosqueicon {
	padding: 10px;
	background-color: #fff;
	height: 50px;
	width: 50px;
	border-radius: 50%;
}
.mosqueicon img{ max-width: 100%;}
.todaypraytime {
	display: grid;
	grid-template-columns: repeat(5,minmax(0,1fr));
	gap: .5rem;
	padding: 0 40px 20px;
}
.todaypraytime .tprayOkt {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
	background-color: rgb(255, 255, 255);
	padding: 10px;
	border-radius: 20px;
	z-index: 10;
}
.todaypraytime .tprayOkt .tpraylabel { position: relative;

}
.todaypraytime .tprayOkt .tpraylabel::after {
	content: "";
	width: 100px;
	height: 1px;
	position: absolute;
	bottom: -5px;
	left: -28px;
	background: linear-gradient(to right, rgba(254, 226, 164, 0) 0%, #070707 53%, rgba(254, 226, 164, 0) 100%);
}
.font-bold{ font-weight: 700;}
.countdowncontainer{ padding-top: 40px; padding-bottom: 40px;}
.countdowncontainer .countdown {
	font-size: 18px;
	font-weight: 500;
	padding: 10px 0px;
	background: #3b3b3a;
	z-index: 100;
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	/* background-color: rgba(0, 0, 0, 0.4); */
	width: 50%;
	margin: 0 auto;
	border-radius: 30px;
	color: #fff;
	text-align: center;
}
.card-ptimebody {
	padding-bottom: 20px;
	background: #dbbe66;
	background: linear-gradient(180deg,#f8e9bc 0,#dbbe66);
	filter: progid:DXImageTransform.Microsoft.hourradient(startColorstr="#5b2c83",endColorstr="#d1628b",GradientType=0);
	text-align: center;
}
.tpraylabel h5 {
	margin-bottom: 0;
	font-size: 1.35rem;
	color: #00b80a;
	/* color: #3c9f38; */
}
.Nptimingcon{ display: flex; justify-content: center;
	align-items: center;}
.Nptiming{ display: flex;}
.Nptiming span{
	background-color: rgba(12, 226, 144, 0.2);
	border-radius: .375rem;
	width: 2.25rem;
	padding-left: .25rem;
  padding-right: .25rem;
  margin-right: 5px;
  margin-left: 5px;
}
/* .state10 {
	background: #5b2c83;
	background: linear-gradient(180deg,#5b2c83 0,#d1628b);
	filter: progid:DXImageTransform.Microsoft.hourradient(startColorstr="#5b2c83",endColorstr="#d1628b",GradientType=0);
} */
.noboder{ border: none !important;}
.pd0{ padding: 0 !important;}
.districtselect select{
	outline: 2px solid transparent;
	outline-offset: 2px;
	font-weight: 700;
	padding: .5rem;
	opacity: 1;
  background-color: rgb(255 255 255);
  border-color: transparent !important;
  border-radius: 9999px;
  width: 8rem;
  text-align: center;
}

.fajrbg {
	position: relative;
	background: rgb(1,22,34);
	background: linear-gradient(180deg, rgb(225, 218, 114) 10%, rgb(118, 174, 204) 50%);
	position: relative;
}

.dhuhrbg {
	position: relative;
	background: #0B486B;
	background: linear-gradient(180deg, rgb(255, 246, 127) 0%, rgb(209, 160, 0) 60%);

  position: relative;
}


.asrbg {
	position: relative;
	background: #0B486B;
	background: linear-gradient(180deg, #fbc2eb 0%,#c6a644 100%60%);
	position: relative;
}

.maghribbg {
	position: relative;
	background: #0B486B;
	background: linear-gradient(180deg, rgb(236, 134, 0.3) 0%, rgba(3,37,56,1) 50%);

  position: relative;
}
.ishabg {
	position: relative;
	background: #0B486B;
	background-image: linear-gradient(-40deg, #222, transparent, #111),
    linear-gradient(40deg, #222, transparent, #111),
    linear-gradient(-40deg, #222, transparent, #111),
    linear-gradient(40deg, #222, transparent, #111);

  position: relative;
}


.shadow-md {
	--tw-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
	--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
}
#prayer_times .maghribbg::after {
	content: "";
	position: absolute;
	top: 25%;
	left: 10%;
	transform: translate(-50%, -50%);
	height: 50px;
	width: 50px;
	box-shadow: -15px 10px 0 -2px whiteSmoke;
	border-radius: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transition: 0.5s;
}

#prayer_times .maghribbg:hover::after {
	box-shadow: -15px 15px 0 -2px whiteSmoke;
}


#prayer_times .ishabg::after {
	content: "";
	position: absolute;
	top: 25%;
	left: 10%;
	transform: translate(-50%, -50%);
	height: 50px;
	width: 50px;
	border-radius: 100%;
  background: #ddd;
  margin: auto;
  box-shadow: 0 0 50px gold, 0 0 150px gold, inset 0 20px 20px 40px whitesmoke,
    inset 30px 0 35px 50px ivory;
  transition: 1s;
  position: absolute;

	transition: 0.5s;
}

#prayer_times .ishabg:hover::after {
	box-shadow: 0 0 50px tomato, 0 0 30px orange, inset 0 10px 10px 20px #ddd,
    inset 30px 0 35px 50px #ccc;
  background: #aaa;
  transition: 1s;
}

#prayer_times .fajrbg::after {
	content: "";
	position: absolute;
	top: 37%;
	left: 20%;
	transform: translate(-50%, -50%);
	height: 50px;
	width: 50px;
	border-radius: 100%;
	background: #fde403;
	margin: auto;
	box-shadow: 0 0 50px #f4f4f4, 0 0 250px gold, inset 0 20px 20px 40px #fedf95, inset 150px 0 35px 50px #f2f2c6;
	transition: 1s;
	position: absolute;
	transition: 0.5s;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

#prayer_times .fajrbg:hover::after {
	box-shadow: 0 0 50px tomato, 0 0 30px orange, inset 0 10px 10px 20px #fedf95,
    inset 30px 0 35px 50px #ccc;
  background: #fedf95;
  transition: 1s;
}

.sheri_ifatrsomoy .sheri_ifatr{position: relative; }
.sheri_ifatrsomoy .sheri_ifatr {
	position: relative;
	display: flex;
	/* align-content: center; */
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 15px 10px;
	background: #3b3b3a;
	margin-bottom: 10px;
	border-radius: 50px;
	color: #fff;
}
.sheri_ifatrsomoy .sheri_ifatr p {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 18px;
	font-weight: 500;
}
table.sheritimetable thead th{
	background: #557158;color: #fff;
}

.center-title {
    position: relative;
    display: flex;
    gap: 250px;
}

@media (min-width: 1400px) and (max-width: 1500px) {
    .center-title {
        gap: 350px;
    }
}



@media (max-width: 767px){

    .center-title {
        position: absolute;
        left: 49%;
        transform: translateX(-50%);
        text-align: center;
        display: grid;
        gap: 0;

    }

    .center-title-2{
        font-size: 20px !important;
    }


	.districtselect select {
		padding: .5rem;
		width: 6rem;
	}
	.countdowncontainer {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.mosqueicon {
		padding: 10px;
		background-color: #fff;
		height: auto;
		width: 80px;
		border-radius: 50%;
	}
	.pRtopheading h4 {
		font-size: calc(1.175rem + .2vw);
	}
	.mbilemt10{ margin-top: 10px !important;}
	.card-ptimebody{ position: relative;padding-top: 30px;}
	#prayer_times .ishabg::after {
		content: "";
		position: absolute;
		top: 10%;
		left: 50%;

	}
	#prayer_times .maghribbg::after {
		content: "";
		position: absolute;
		top: 12%;
		left: 50%;

	}



	.countdowncontainer .countdown {

		width: 90%;

	}

	.Nptimingcon{
		display: inline-block;
		text-align: center;
		line-height: 45px;
	}
	.todaypraytime {
		display: grid;
		grid-template-columns: repeat(2,minmax(0,1fr));
		gap: .5rem;
		padding: 0 40px 20px;
		align-items: center;
		justify-content: center;
	}

}