*{

	margin:0;

	padding:0;

}


.text-muted {
	font-size: smaller;
}

#verification-container, #main-content {
            display: none; /* Hide both at the start */
        }
        .cf-turnstile {
            width: 300px; /* Make the widget bigger */
        }
        #main-content {
            display: block;
        }


@font-face {

    font-family: "droid Arabic kufi";

    src: url(../webfont/droid_arabic_kufi/DroidKufi-Regular.ttf) format("truetype");

}

 
#error-container {
	position: fixed;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
	padding: 10px;
	background-color: #ffdddd;
	border: 1px solid #f44336;
	color: #f44336;
	border-radius: 5px;
	box-shadow: 0 4px 8px rgba(244, 67, 54, 0.1);
}

html{

	height:100%;

}



.showme{ 

display: none;

}

#popup {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 20px;
	background-color: #1E1E1E;
	border: 1px solid #ccc;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	z-index: 9999;
	color: #fff;
	text-align: center;
	cursor: pointer;
	border-radius: 15px;
}

.block {
	font-size: 14px;
}

.slide-container {
	position: relative;
	width: 300px;
	height: 200px;
	overflow: hidden;
	border-radius: 15px;
}

.slide-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
	border-radius: 15px;
}

.slide-image.active {
	opacity: 1;
}

input[type="radio"] {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 10px;
	height: 10px;
	border: 2px solid #d4d3cf;
	border-radius: 50%;
	outline: none;
	margin-left: 5px;
	background-color: #d4d3cf;
	vertical-align: baseline;
}

input[type="radio"]:checked {
	background-color: #00e5ff;
	border: 2px solid #00e5ff;
}

.radio-label:has(input[type="radio"]:not(:checked)) {
	color: lightgray;
}


.radio-label:has(input[type="radio"]:checked) {
	color: #1E1E1E;
}


.radio-label {
	font-size: 12px;
	color: blue;
	margin-left: 10px;
	vertical-align: baseline;
}




.inputSearch::placeholder {
	color: lightgray; 
	font-size: 11px;
}


.showhim:hover .showme{

display : none;/*hammash*/



	font-family:Tahoma;

	/* background-color:#d168bc; */

	padding: 10px 10px 10px;

	margin: 20px 0;

	position:relative;

	-moz-border-radius:16px;

	-webkit-border-radius:16px;

	border-radius:16px;

	direction: rtl;

}



body{

	height:100%;

	font-size:20px;

	color:#eee;

	font-family:"droid Arabic kufi" !important;

	/*background:url('img/bg2.jpg') repeat #718693;*/

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,207cca+60,2989d8+100,7db9e8+100 */

	/*background: #1e5799; /* Old browsers */

	/*background: -moz-linear-gradient(top,  #1e5799 0%, #207cca 60%, #2989d8 100%, #7db9e8 100%); /* FF3.6-15 */

	/*background: -webkit-linear-gradient(top,  #1e5799 0%,#207cca 60%,#2989d8 100%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */

	/*background: linear-gradient(to bottom,  #1e5799 0%,#207cca 60%,#2989d8 100%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */	

	background-image:url('../img/arts.png'); /*linear-gradient(to right top, #0e4faf, #0048c1, #003ed2, #0030e0, #1b12eb);*/

	background-repeat: repeat;

	background-size: contain;

}



#page{

	/* The main container div */

	

	margin:0px auto 0;

	padding-bottom: 50px; 

}





.content{

	display: block;;

	max-width: 600px;

	height: 500px;

	margin: -10px auto;

	padding: 1px;

	text-align: center;

	justify-content: center;





}

.footer{

	position: relative;

	left: 0;

	/* bottom: 0; */

	right: 0;

	width: 100%;

	text-align: center;

	z-index: 1;

	height: auto;

	

}





.link{

width: 110px;

margin: 5px;

padding: 0px;



}



.group{

	display: flex;

	margin: 10px 25px;



}



.img{

	border-radius: 50%;

	margin-top: 10px;

	margin-top:10px;


	 width:65px;

	  height:65px;

}



.searchType{

	color: rgb(58, 56, 56);

	font-size: 14px;

	margin-right: 1px;

}

.searchType:active{

	color: black;

	font-weight: bold;

}







.block{

	font-family:"droid Arabic kufi" !important;

	width: 17%;

	background: rgb(238, 33, 33);

	border:none;

	border-top-right-radius: 15px;

	border-bottom-right-radius:15px ;

	color:white

}



.text_block{

	font-family:"droid Arabic kufi" !important;

	margin: 15px 25px;

	padding: 3px;

	font-size: 12px;

	margin-bottom:100px

}

.search{

	width: 17%;

	background: rgb(22, 228, 32);

	border:none;

	border-top-right-radius: 15px;

	border-bottom-right-radius:15px ;

	color:white;

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

}

.inputSearch{

	width: 83%;

	height: 45px;

	padding: 5px;

	border:2px solid #eee;

	border-top-left-radius: 15px;

	border-bottom-left-radius:15px;

	font-size: 14px;

	color: black;

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}



.inputSearch[placeholder]{

	font-family:"droid Arabic kufi" !important;

	font-size: 12px;

	color: #333;

	padding: 5px;

}



.newfont{

	font-family:"droid Arabic kufi" !important;

	font-size: 12px;

}



.copy{



	/* font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; */

	font-size: 60%;

	display: flex;

	justify-content: center;

}

.btnChoise .ch{

		visibility: hidden;

		cursor: pointer;

		position: absolute;

		margin-right: -20px;



}



.btnChoise:hover .ch{

	visibility: visible;

	position: absolute;

	z-index: 3;

	width: 80px;

	height: 40px;

	cursor: pointer;

	position: relative;

	background: #ddd;

	border: 1px solid #ccc;





}



.header{

	position: relative;

	height: auto;

	width: 100%;

	background-image: url('../img/h2.png');

	background-repeat: no-repeat;

	 background-position: top;

	background-size:contain ;

}

/* hide myfab */
.myfab{
	display: none;
}

/* .myfab {
	position: fixed;
	bottom: 20px;
	right: 20px;
	background-color: #007bff;
	color: #fff;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align: center;
	line-height: 50px;
	cursor: pointer;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  } */

.custom-h1{
	font-size: 5vw;

	position: relative;
	z-index: 1; /* Ensure the h1 is above the pseudo-element */
	/* Other styles... */


	background:url('../img/logo.png') no-repeat center top;

	background-size: 23%;
	/* text-indent:-9999px; */

	/* overflow:hidden; */

	height: 100px;
	
	/* poisition to center */
	
	margin: 0 auto;
	
    text-align:center; 

	/* text color white */
	
    color: white;

	/* hide text by default */

	@media only screen and (max-width: 600px) {
        background-size: 34%; 
		font-size: 7vw;
    }



}



#searchForm{

	/* The search form. */

	/* background-color:#2E75CD; */

	padding:20px auto;

	margin:30px auto;

	position:relative;

	-moz-border-radius:16px;

	-webkit-border-radius:16px;

	border-radius:16px;

	direction: rtl;

	margin-top: inherit; /*00000000000000000*/

}



#searchResult{

	/* font-family:Tahoma, Corbel,'Myriad Pro',Arial, Helvetica, sans-serif; */

	background-color:#fff;

	padding:10px ;

	border:1px solid #eee;

	margin:15px 20px;

	position:relative;

	-moz-border-radius:16px;

	-webkit-border-radius:16px;

	border-radius:16px;

	direction: rtl;

	font-size: 18px;

}



#topHeader{

	/* font-family:Tahoma, Corbel,'Myriad Pro',Arial, Helvetica, sans-serif; */

	/*padding:50px 50px 30px;*/

	margin:10px 0;

	position:relative;

	direction: rtl;

	width:100%;

	display:block;

}





#searchMain{

	/* font-family:Tahoma, Corbel,'Myriad Pro',Arial, Helvetica, sans-serif; */

	background-color:#d61212;

	padding: 20px;

	margin:30px 15px;

	position:relative;

	font-size: 18px;

	font-weight:bold ;

	border-radius:16px;

	direction: rtl;

	color: white

}

fieldset{

	border:none;

}



#searchInputContainer{

	/* This div contains the transparent search box */

	width:420px;

	height:36px;

	background:url("../img/searchBox.png") no-repeat;

	float:left;

	margin-right:12px;

}



#s{

	/* The search text box. */

	

	border:none;

	color:#888888;

	background:url("../img/searchBox.png") no-repeat;

	

	float:right;

	/* font-family:Tahoma, Arial,Helvetica,sans-serif; */

	font-size:15px;

	height:36px;

	line-height:36px;

	margin-right:12px;

	outline:medium none;

	/*padding:0 0 0 35px;*/

	text-shadow:1px 1px 0 white;

	width:385px;

	padding-right:35px;

}



/* The UL that contains the search type icons */



.icons{

	list-style:none;

	margin:10px 0 0 335px;

	height:19px;

	position:relative;

}



.icons li{

	background:url("../img/icons.png") no-repeat;

	float:left;

	height:19px;

	text-indent:-9999px;

	cursor:pointer;

	margin-right:5px;

}



/* Styling each icon */



li.web{ width:15px;}

li.web.active,

li.web:hover{ background-position:left bottom;}



li.images{ width:22px; background-position:-18px 0;}

li.images.active,

li.images:hover{ background-position:-18px bottom;}



li.news{ width:14px; background-position:-44px 0;}

li.news.active,

li.news:hover{ background-position:-44px bottom;}



li.videos{ width:17px; background-position:right 0;}

li.videos.active,

li.videos:hover{ background-position:right bottom;}



span.arrow{

	/* The little arrow that moves below the icons */

	

	width:11px;

	height:6px;

	margin:21px 0 0 5px;

	position:absolute;

	background:url('../img/arrow.png') no-repeat;

	left:0;

}





/* The submit button */





#submitButton{

	background:url('../img/buttons.png') no-repeat;

	width:83px;

	height:36px;

	text-indent:-9999px;

	overflow:hidden;

	text-transform:uppercase;

	border:none;

	cursor:pointer;

	float:left;

}



#submitButton:hover{

	background-position:left bottom;

}
#searchInContainer{

	/*float:left;*/

	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	width: 70%; /* Adjust the width as needed */
	margin: 0 auto; 

	margin-top:12px;

	width:75%;

	padding-top: 5px;

	text-align: center;

	background: white;

	border: 1px solid #eee;

	border-radius: 8px;

	

}

.spacer {
    width: 15px; /* Adjust the width of the spacer as needed */
    display: inline-block;
}



label{

	color:#DDDDDD;

	cursor:pointer;

	font-size:16px;

	position:relative;

	right:-2px;

	top:-2px;

	margin-right:10px;

	white-space:nowrap;

	/*float:left;*/

}



input[type=radio]{

	cursor:pointer;

	/*float:left;*/

}





/* Styling the search results */





.pageContainer{

	/* Holds each page with search results. Has an inset bottom border. */

	border-bottom:1px solid #5e7481;

	margin-bottom:50px;

	

	/* Adding a dark bottom border with box shadow */

	

	-moz-box-shadow:0 1px 0 #798e9c;

	-webkit-box-shadow:0 1px 0 #798e9c;

	box-shadow:0 1px 0 #798e9c;

}





p.notFound{

	text-align:center;

	padding:0 0 40px;

}





/* Web & news results */





.webResult{ text-shadow:1px 1px 0 #586a75;margin-bottom:50px;}

.webResult h2{ 

	background-color:#5D6F7B;

	font-size:18px;

	font-weight:normal;

	padding:8px 20px;

	

	/* Applying CSS3 rounded corners */

	-moz-border-radius:18px;

	-webkit-border-radius:18px;

	border-radius:18px;

}

.webResult h2 b{ color:#fff; }

.webResult h2 a{ color:#eee;border:none;}

.webResult p{ line-height:1.5;padding:15px 20px;}

.webResult p b{ color:white;}

.webResult > a{ margin-left:20px;}





/* Image & video search results */





.imageResult{

	float:left;

	height:180px;

	margin:0 0 20px 40px;

	text-align:center;

	width:152px;

	overflow:hidden;

}

.imageResult img{ display:block;border:none; }

.imageResult a.pic{

	border:1px solid #fff;

	outline:1px solid #777;

	display:block;

	margin:0 auto 15px;

}



/* The show more button */



#more{

	width:83px;

	height:24px;

	background:url('../img/more.png') no-repeat;

	cursor:pointer;

	margin:40px auto;

}



#more:hover{

	background-position:left bottom;

}







/* Giving Credit */



p.credit{

	margin:20px 0;

	text-align:center;

}



p.credit a{

	background-color:#4B5A64;

	border:1px solid;

	border-color:#3D4D57 #788E9B #788E9B #3D4D57;

	color:#c0d0d8;

	font-size:10px;

	padding:4px 8px;

	text-shadow:1px 1px 0 #38464F;

}



p.credit a:hover{

	background-color:#38464f;

	border-color:#38464f #788E9B #788E9B #38464f;

}



a, a:visited {

	text-decoration:none;

	outline:none;

	border-bottom:0px dotted #97cae6;

	color:#97cae6;

}



a:hover{

	border-bottom:0px dashed transparent;

}



.clear{

	clear:both;

}