.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);height:1px;width:1px;margin:0;padding:0;border:0}
.wpcf7 form .wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid #00a0d2}
.wpcf7 form.init .wpcf7-response-output{display:none}
.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450}
.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output{border-color:#dc3232}
.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28}
.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output{border-color:#ffb900}
.wpcf7-form-control-wrap{position:relative}
.wpcf7-not-valid-tip{color:#dc3232;font-size:1em;font-weight:400;display:block}
.use-floating-validation-tip .wpcf7-not-valid-tip{position:absolute;top:20%;left:20%;z-index:100;border:1px solid #dc3232;background:#fff;padding:.2em .8em}
span.wpcf7-list-item{display:inline-block;margin:0 0 5% 0em}
span.wpcf7-list-item-label::before,span.wpcf7-list-item-label::after{content:" "}
div.wpcf7 .ajax-loader{visibility:hidden;display:inline-block;background-image:url(../images/assets-ajax-loader.gif);width:16px;height:16px;border:none;padding:0;margin:0 0 0 4px;vertical-align:middle}
div.wpcf7 .ajax-loader.is-active{visibility:visible}
div.wpcf7 div.ajax-error{display:none}
div.wpcf7 .placeheld{color:#888}
div.wpcf7 input[type=file]{cursor:pointer}
div.wpcf7 input[type=file]:disabled{cursor:default}
div.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed}
.wpcf7 input[type=url],.wpcf7 input[type=email],.wpcf7 input[type=tel]{direction:ltr}
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 9999; /* Sit on top */
padding-top: 35px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0 0 0 / 70%);
}
.modal-dialog{max-width:100%;}
.modal-content2 {
margin: auto;
padding:0px 0px 0px;
width: 50%;
z-index: 1191;
position:relative;
}
.modal-content2 h4 {
font-size: 15px;
color: #fff;
font-weight: 600;
padding: 9px;
margin: 0px;
margin-bottom: 0px;
text-align: center;
text-transform: uppercase;
border-bottom: 4px solid #2d3e50;
background: rgb(255,25,25);
background: -moz-linear-gradient(top, rgba(255,25,25,1) 0%, rgba(153,3,3,1) 83%);
background: -webkit-linear-gradient(top, rgba(255,25,25,1) 0%,rgba(153,3,3,1) 83%);
background: linear-gradient(to bottom, rgba(255,25,25,1) 0%,rgba(153,3,3,1) 83%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1919', endColorstr='#990303',GradientType=0 );
}
.modal-content3 {
margin: auto;
padding:0px 0px 0px;
width: 65%;
z-index: 1191;
position:relative;
}
.modal-content3 h4 {
font-size: 15px;
color: #fff;
font-weight: 600;
padding: 9px;
margin: 0px;
margin-bottom: 0px;
text-align: center;
text-transform: uppercase;
border-bottom: 4px solid #2d3e50;
background: rgb(255,25,25);
background: -moz-linear-gradient(top, rgba(255,25,25,1) 0%, rgba(153,3,3,1) 83%);
background: -webkit-linear-gradient(top, rgba(255,25,25,1) 0%,rgba(153,3,3,1) 83%);
background: linear-gradient(to bottom, rgba(255,25,25,1) 0%,rgba(153,3,3,1) 83%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1919', endColorstr='#990303',GradientType=0 );
}
.modal-footer{border-top: 4px solid #1bbc9b;}
.titlewrap ul {
list-style-position: outside;
list-style: decimal;
}

.titlewrap ul li {
border-radius: 7px;
line-height: 25px;
padding: 0 9px;
letter-spacing: 0.5px;
text-align: left;
}

.titlewrap ul li a {
color: inherit;
}

.res-circle {
/* (A) PERCENTAGE WIDTH & BORDER RADIUS */
width: 20%;
border-radius: 50%;

/* (B) BACKGROUND COLOR */ 
background: #bcd6ff;

/* (C) NECESSARY TO POSITION TEXT BLOCK */
line-height: 0;
position: relative;
}

/* (D) MATCH HEIGHT */
.res-circle::after {
content: "";
display: block;
padding-bottom: 100%;
}

/* (E) TEXT BLOCK */
.circle-txt {
/* (E1) CENTER TEXT IN CIRCLE */
position: absolute;
bottom: 50%;
width: 100%;
text-align: center;

/* (E2) THE FONT - NOT REALLY IMPORTANT */
font-family: arial, sans-serif;
font-weight: bold;
}
.logo_right{text-align: right;padding: 15px 0px 0px 0px;}
.middle_back{background: url(../images/masjid1.png) !important;background-repeat: no-repeat !important;background-size: 784px 498px !important;background-position: right !important;}
.helf_h1{margin: 0px;color:#fff !important;font-family: cursive;font-size: 2.901em;}
.helf_h2{margin: 9px;color:#FEF159 !important;font-family: cursive;font-size: 2em;}
.helf_h3{margin: 7px;font-family: cursive;line-height: 41px;font-size: 2em;}
.helf_h4{margin-top: 7px;color:#FEF159 !important;font-family: cursive;font-size: 2em;}

.barchart-Wrapper {
display: table;
position: relative;
margin: 20px 0;
height: 252px;
}

.barChart-Container {
display: table-cell;
width: 100%;
height: 100%;
padding-left: 15px;
}

.barchart {
display: table;
table-layout: fixed;
height: 100%;
width: 140px;
border-bottom: 3px solid #4a4848;
}

.barchart-Col {
position: relative;
vertical-align: bottom;
display: table-cell;
height: 100%;
}

.barchart-Col+.barchart-Col {
border-left: 4px solid transparent;
}

.barchart-Bar {
	position: relative;
	height: 0;
	transition: height 0.5s 2s;
	width: 40px;
}

.barchart-Bar:after {
	content: attr(attr-height);
	color: white;
	position: absolute;
	text-align: center;
	width: 100%;
}

.barchart-BarFooter {
	position: absolute;
	height: 10%;
	width: 100%;
	color: #fff;
	font-weight: bold;
	font-size: 19px;
}
.barchart-BarHeader {
	height: 10%;
	width: 100%;
	color: #fff;
	font-weight: bold;
	font-size: 19px;
}

.barchart-BarFooter h3 {
color: darkred;
}
.barchart-BarHeader p {
margin: 10px 0px
}

.barchart-TimeCol {
position: absolute;
top: 0;
height: 100%;
width: 100%;
}

.barchart-Time {
height: 20%;
vertical-align: middle;
position: relative;
}

.barchart-Time:after {
border-bottom: 3px solid black;
content: "";
position: absolute;
width: 100%;
left: 0;
top: 0em;
}

.barchart-TimeText {
position: absolute;
top: -8px;
z-index: 1;
background: white;
padding-right: 5px;
color: #4d4d4d;
font-size: 15px;
font-family: 'Avenir Medium';
}

.html-bar {
background-color: #73FDE8;
}

.css-bar {
background-color: #88F94F;
}
.img_ctr{min-height:500px  !important;position:relative;}
.img_ctr1{position: absolute;top: -20%;}
.bar_ctr{position: absolute;bottom: 0px;left: 35px;}
.land_mg{margin: 25px 0px;}