@charset "utf-8";
/* CSS Document */
/*@import url('../fonts/font.css');*/
/*@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Harmattan:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap');

@font-face {
  font-family: GE-SS-Text-Medium;
  src: url("../fonts/GE-SS-Text-Medium.otf");	
}

@font-face {
  font-family: proximanova-bold;
  src: url("../fonts/proximanova-bold.otf");	
}

@font-face {
  font-family: Droid-Arabic-Kufi;
  src: url("../fonts/Droid-Arabic-Kufi.ttf");	
}



* 					{margin:0;padding:0;-webkit-font-smoothing:antialiased;line-height:normal;}
body 				{margin:0 auto;font-size:17px;color:#4a484c;font-family: 'Cairo', sans-serif;}
html				{height:100%;}
a:active, a:focus,input:focus, textarea:focus,select button{outline:0}
a:active, a:focus	{outline:expression(hideFocus='true')}
::-moz-focus-inner	{border:1px solid transparent!important}
:link,:visited      {text-decoration:none}
ul,ol,li,pre,
form,blockquote,
fieldset,input,p,select,label,button,textarea,section,a{margin:0px;list-style:none;padding:0;vertical-align:top;border-radius:0;font-family: 'Cairo', sans-serif;}
a img				{border:none;}
h1,h2,h3,h4,h5,h6	{margin:0px;padding:10px 0px;font-weight:normal;color:#000000;font-family: 'Cairo', sans-serif;}
.button,header,.referid-link,.referid-link img,footer .col-12 p a,header::before,.referid,.referid img,.language,.social-media li a img,.app-store-main a img
					{transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;-ms-transition:all 0.3s ease-out 0s}
header{padding:0px 0 0px 0;position:relative;z-index:999;top:0px;width:100%;left:0px;right:0px;text-align:center;/*border-top:4px solid #1f1c42;*/background-image:url("../images/shorouq-top-header.jpg");background-size: cover;background-repeat: no-repeat;height:150px!important;}
header::before{position:absolute;content: "";left:0px;top:0px;right:0px;bottom:0px;z-index:-1;opacity:0 }
.parallaxcont{width:100%;background-attachment:fixed!important;background-size:cover;background-repeat:repeat-y;background-position:top center;position:relative;}
.parallaxscroll{background-image: url('../images/transparent.png') !important;}
.shorouq-logo-img{position: absolute;width: 18%;top: -15%;}


@keyframes updpwn{
	0%{transform:translateY(0px) rotate(45deg)}
	50%{transform:translateY(10px) rotate(45deg)}
	100%{transform:translateY(0px) rotate(45deg)}
}
p{padding:10px 0}

header.small-header{padding:5px 0;box-shadow:0 1px 2px rgba(0,0,0,0.1);border-bottom:1px solid #000;}
header.small-header::before{opacity:1}
@media screen and (min-width:781px){	

}
.section{padding:50px 0 20px 0;/*display:flex;*/align-content:center;align-items:center;overflow:hidden}
.container{position:relative;z-index:9}

.shorouq-top-header img{height:auto;}
.user-name h2{font-family: 'GE-SS-Text-Medium';color:#fff;font-weight: 500;padding-top: 3rem;padding-bottom: 3rem;}
.padding-left-right{padding-left:3%;padding-right:3%;}
.top-logo img{position: absolute;width:40%;left:25rem;}
.user-details img{padding-top: 1rem;}
.user-details h2{font-family: 'GE-SS-Text-Medium';color:#fff;font-weight: 500;}
.user-details h2 span{color:#61f409;}
.user-details h6{font-size: 21px;color:#fff;}

.shorouq-store{padding-top:11rem;padding-bottom: 3rem;background-image: url("../images/shorouq-background.png");background-size: cover;background-repeat: no-repeat;}
.shorouq-store h1{/*font-family: 'proximanova-bold';*/text-align: center;color:#437a2e;text-transform: uppercase;}

.section-book-store-details h3{text-align: center;font-family: 'GE-SS-Text-Medium';color:#437a2e;}
.section-book-store-details{border:2px solid #35a147;padding: 10px 10px 10px 10px;background-color: #fff;}

.details h4{text-align: center;font-family: 'Droid-Arabic-Kufi';color:#35a147;font-size: 21px;line-height: 30px;}

.details h6{text-align: center;font-size:21px;color:#47a349;font-weight:800;}


.radio {position: relative;padding-left: 30px;margin-bottom: 12px;cursor: pointer;font-size: 20px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.radio input {position: absolute;opacity: 0;cursor: pointer;}
.checkround {position: absolute;top: 6px;left: 0;height: 20px;width: 20px;background-color: #fff;border-color:#4d6a0a;border-style:solid;border-width:2px;border-radius: 50%;}
.radio input:checked ~ .checkround {background-color: #fff;}
.checkround:after {content: "";position: absolute;display: none;}
.radio input:checked ~ .checkround:after {display: block;}
.radio .checkround:after {left: 2px;top: 2px;width: 12px;height: 12px;border-radius: 50%;background:#4d6a0a;}

.shorouq-radio{text-align: center;}
.btn1{text-align: center;padding-top: 1rem;padding-bottom: 1rem;}
.btn1 h4{font-family: 'Droid-Arabic-Kufi';color:#35a147;font-size: 21px;line-height: 30px;}
.input-check-shorouq{margin-left: 1rem;margin-top: 1rem;}

.purchase-history{padding-top: 2rem;padding-bottom: 2rem;}
.purchase-history h4{font-family: 'proximanova-bold';color:#437a2e;font-weight: normal;}

.top-logo-mobile-center{display: none;}

.show-password {background:url(../images/user.png) center center no-repeat;background-size: auto 70%;position: absolute;z-index: 9;width: 30px;height: 30px;border-radius: 30px;right:25px;top:10%;transform: translateY(-50%);}

.show-password1 {background:url(../images/login.png) center center no-repeat;background-size: auto 70%;position: absolute;z-index: 9;width: 30px;height: 30px;border-radius: 30px;right:25px;top: 35%;transform: translateY(-50%);}

.form-control-shorouq{border-radius: 50px;padding: 15px 15px 15px 15px;padding-right: 3rem;border:2px solid #7d9a15;}

/* webkit solution */
::-webkit-input-placeholder {text-align:right;}
/* mozilla solution */
input:-moz-placeholder {text-align:right;}

p.form-group-terms{direction: rtl;text-align: right;}

.form-group{direction: rtl;}

.download-app h3{margin-bottom:-4rem;font-size:35px;}
.download-app img{cursor: pointer;}

.footer-div{background-color:#7b302e;height: 50px;}
p.copyright{color:#fff;float: left;font-size:16px;}
p.designed{color:#fff;float: right;font-size:16px;}
p.designed a{color:#fff;}

.english-terms{text-align:left;}
.arabic-terms{text-align:right;}