@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;900&display=swap');
body{font-family: 'Tajawal', sans-serif;   background: #FFF; }
/****************** Header **********************/
.nomargin { margin: auto;}
.nopadding { padding: 0px;}
/*************************************************/
.you-vid { padding: 56px 0px;}
/*********************************************/
.head-bg{background: url("../img/header.png") no-repeat center center ;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 355px;}
/***********************   table   *************************/
th{
background-color: #9e8e81 !important;
border: 1px solid #fff;
font-weight: 700;
font-size: 24px;
line-height: 156%;
text-transform: capitalize;
text-align: center;
color: #fff;
}
th:first-child{border-top-right-radius: 16px;}
th:last-child{border-top-left-radius: 16px;}
td{
border: 1px solid #ddd !important;
padding-top: 16px !important;
padding-right: 32px !important;
font-weight: 500;
font-size: 20px;
text-align: right;
color: #f26530;}
td:last-child{text-align: center}
/*****************************************************/
.know-more {
	padding-bottom: 30px;
}
.know-more h2 {
    color: var(--secondary, #87786C);
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 152.9%;
    text-transform: capitalize;
}
.accordion-body{
font-weight: 400;
font-size: 24px;
line-height: 150%;
text-align: right;
color: #363636;}
.accordion-button:focus {
    z-index: 3;
    border-color: #F26538;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(255, 102, 51, 0);
	font-weight: 600 !important;
}
.accordion-item{padding: 16px 48px;}
.accordion-item ul li{ list-style: none;}
.w-pan { background: #fff;
	padding: 4px;
font-weight: 500;
font-size: 24px;
line-height: 150%;
color: #f26530;
width: fit-content;}
.know-more .accordion-button {
font-weight: 500;
font-size: 32px;
line-height: 150%;
color: #f16531;}
.accordion-button i{padding-left: 24px;}
.blok-w{
	color: #87786c;
background: #fff;
border: 1px solid rgba(242, 101, 48, 0.27);
border-radius: 24px;
padding: 16px 32px;
font-weight: 700;
font-size: 24px;
line-height: 153%;
text-align: center;
 margin-bottom: 42px;
}

.blok-w ul{
font-weight: 500;
text-align: right;
margin-right: 48px;

}
.blok-w ul li{list-style: disc; text-align: right}
.w-td { background: #ffffff !important;}
.way-table {border: 0px !important;border-spacing: 8px;border-color: #E6E1DE;
    border-collapse: separate;}
.way-table td { background: #ffffff;  padding: 8px; border: 0px !important;font-weight: 500;
font-size: 24px;
line-height: 150%;
text-align: right;
color: #f26530;}
.way-table td:last-child{color: #363636;}
/***********************   Responsive   *************************/
@media (max-width:1920px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {max-width: 1590px;}

}
@media (max-width:1800px) {

}
@media (max-width:1536px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {max-width: 1294px;}
.volen-bg {height: 373px;}
.txt-wqf {padding: 50px 32px 0 0;}
.txt-wqf h2 {font-size: 54px;}
.txt-wqf p {width: 70%;font-size: 24px;}
.qur-wqf{position: relative;  height: 95%;background: url(../img/quran-1536.png) no-repeat left bottom ;}
.submit-button	{width: 375.75px;height: 55.5px;padding: 12px 31.5px; border-radius: 12px;   font-size: 24px;}
a.baktoh { width: 377.25px;height: 55.5px;margin-top: 32px;padding: 12px;border-radius: 12px; border: 2.25px solid #F26530;font-size: 24px;}
.know-more .accordion-button {font-size: 24px;}
.accordion-body,.w-pan,.blok-w, th, .way-table td {font-size: 21px;}
.blok-w ul {margin-right: 15px;}
}
@media (max-width:1440px) {
 .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {max-width: 1192.5px;}
.head-bg{background: url("../img/header-1440.png") no-repeat center center ;height: 267px;}
.volen-bg {height: 350px;}
.txt-wqf {padding: 50px 44px 0 0;}
.input-group-append {left: 10px; top: 9px;}
.qur-wqf{position: relative;  height: 95%;background: url(../img/quran-1440.png) no-repeat left bottom ;}
}
@media (max-width:1280px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
      max-width: 1192.5px;}
      .volen-bg {height: 311px;}
	.txt-wqf h2 {font-size: 42px;}
	.txt-wqf p {width: 70%;font-size: 21px;}
      .qur-wqf{position: relative;  height: 95%;background: url(../img/quran-1280.png) no-repeat left bottom ;}
}
@media (max-width:1024px) {
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width:960px;}
.volen-bg{background: url("../img/header-1024.png") no-repeat center top ;height:249px;}
.txt-wqf {padding: 28px 28px 0 0;}
	.txt-wqf h2 {
    font-size: 32px;
}
	.txt-wqf p {
    width: 76%;
    font-size: 19px;
}
.qur-wqf{position: relative;  height: 95%;background: url(../img/quran-1024.png) no-repeat left bottom ;}
.form-control {height: 3.7em;}
i.eye-pass {top: 20px;}
.forget {font-size: 21px;}
}
@media (max-width: 990px){
	.txt-wqf p {
    width: 81%;
    font-size: 17px;
}
	.know-more .accordion-button {font-size: 18px;}
.accordion-body,.w-pan,.blok-w, th,td, .way-table td {font-size: 16px;}
	.blok-w ul {
    margin-right: -14px;
}
}
@media (max-width:768px) {
  .volen-bg{background: url(../img/header-768.png) no-repeat center top ;
        height:256px;}
	.txt-wqf p {
    width: 92%;
    font-size: 16px;
}
}
      
@media (max-width:767px) {
	#login-tab-pane h2 {font-size: 20px; padding-bottom: 20px;}
.has-float-label{ padding-bottom: 32px;}
.forget { display: none}
	.forget2 { display: inline; font-size: 20px;}
}
@media (max-width:702px) {

    .qur-wqf { display: none;;}
    .txt-wqf{ width: 100%;}
    .txt-wqf p {  font-size: 18px;  width: 84%;}
    .shar-fee {  margin-right: 83%;}
}
@media (max-width:640px) {
.volen-bg {
    background: url("../img/banner-640.png") no-repeat center top;height: 271px;}
    .qur-wqf { display: none;;}
    .txt-wqf{ width: 100%;}
    .txt-wqf p {  font-size: 16px;  width: 89%;    text-align: center;}
.div-line {width: 400px;height: 210px;}
	.div-box img { max-width: 90%;}
	a.baktoh {
    width: 300.25px;
    height: 48.5px;
    margin-top: 24px;
    padding: 12px;
  	border-radius: 16px;
	border: 3px solid #F26530;
    font-size: 18px;
}
	 .txt-wqf h2 { text-align: center}
}
@media (max-width:550px) {
	.head-bg{background: url("../img/header-m.png") no-repeat center center ;height: 180px;    background-size: cover;
    background-position: bottom;}
	.p-44 {padding-bottom: 0px;}
	.login-tab-sec {margin: 32px 16px;}
	.login-tab-sec ul li {
    border-top: 1px solid rgba(242, 101, 48, 0.48);
    border-right: 1px solid rgba(242, 101, 48, 0.48);
    border-left: 1px solid rgba(242, 101, 48, 0.48);
		
}
	
	.notes_title span {color: var(--color, #F00);font-size: 18px;padding-left: 5px;}
		.login-tab-sec ul li:first-child button { border-top-right-radius: -1px;}
	.login-tab-sec ul li:first-child { border-top-right-radius: 12px;}
	.login-tab-sec ul li:last-child {border-top-left-radius: 12px;}
	.login-tab-sec ul li:last-child button {border-top-left-radius: 10px;}
	.login-tab-sec ul li:first-child button {border-top-right-radius: 11px;}
	.login-tab-sec ul li:first-child {border-left: .5px solid rgba(242, 101, 48, 0.48);}
	.login-tab-sec ul li:last-child {border-right: .5px solid rgba(242, 101, 48, 0.48);}
	.login-tab-content {border: 1px solid rgba(242, 101, 48, 0.48);}
	.login-tab-content {padding: 24px 16px 32px 16px;}
.login-tab-sec .nav-link.active, .login-tab-sec .nav-item.show .nav-link {font-size: 16px;line-height: 152.9%;}
 .login-tab-sec .nav-link { font-size: 16px;line-height: 152.9%;} 
	#login-tab-pane h2 {font-size: 16px; padding-bottom: 20px; font-weight: 700;}
	.has-float-label{ padding-bottom: 21px;font-weight: 700;}
	.has-float-label label, .has-float-label>span { font-size: 16px;font-style: normal;font-weight: 500;line-height: 152.9%;}
	.form-control, input {box-shadow: 0px 3.11579px 3.11579px rgba(0, 0, 0, 0.00) !important;height: 54px;}
	i.eye-pass {  top: 17px;}
	.p-32{ padding-bottom: 0px;}
	.div-rememb { padding-bottom: 20px;}
	
	.submit-button { width: 90%;font-size: 20px;font-style: normal;font-weight: 500;line-height: 152.9%; /* 30.58px */}
	.forget2 { font-size: 14px;}
	.form-check label {padding-top: 8px;}
	.form-check label.login-check-label{ font-size: 14px;}
	#register-tab-pane h3 {font-size: 14px;font-weight: 500; padding: 0px; margin-bottom: 24px;}
	.reg-message { font-size: 14px; padding-top: 10px;}
	.cebe { display: block;width: 50%; margin: auto;padding-bottom: 20px;}
	.h-marg h3 { margin-top: 24px;    font-weight: 400;}
	.accordion-body {FONT-SIZE:14px;    padding-top: 0px;}
	.txt-wqf p {
    font-size: 16px;
    width: 100%;}
	.txt-wqf {padding: 24px 0px 0 0;width: 95%;margin: auto;}
	.know-more h2 {font-size: 18px; margin-bottom: 16px;}
	.accordion-header { margin-bottom: 0px !important;}
	.know-more .accordion-button {font-size: 16px;}
	/******************page2******************/
	.sentz img {width: 200px;}
	.accordion-item {padding: 0px;}
}
@media (max-width:450px) {
.div-line {width: 290px;height: 130px;border: 1.5px solid #FFF;    padding: 8px;}
.div-box {padding-top: 10%;}
a.baktoh { width: 259.25px;  height: 48.5px;margin-top: 16px;}
	td {padding: 2px !important;}
}
@media (max-width:375px) {
.volen-bg {
    background: url(../img/banner-375.png) no-repeat center top #da8c6b;height: 255px;}
    .qur-wqf { display: none;;}
    .txt-wqf h2 {font-size: 21px; text-align: center}
}
@media (max-width:320px) {
.txt-wqf p {
    width: 97%;
}
}