.p-16 { padding-bottom: 0px;}
.p-20 { padding-bottom: 0px;}
/**************************/

/****** Zakat header ********/
.head-bg-cont{margin-left: 15px; margin-right: 15px;}
.head-bg{background: url(../img/bg.jpg) no-repeat center right ;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 887px;}

/***************************/
.b-shar.dropdown-toggle::after { display: none;}
.share-men{ border-radius: 0px 0px 8px 8px; margin: auto; padding-right: 0px;min-width: 50px;}
.share-men li { width: 100%;}
.share-men li a { text-align: center; padding: 4px 0px;border-bottom: 0px}
.share-men .bi-twitter-x{color: #000;font-size: 22px;padding-bottom: 7px;}
.share-men .fa-facebook{color:#3089F2;font-size: 27px;}
.share-men .bi-link-45deg{color:#F26530;font-size: 27px;}
.share-men .bi-whatsapp{color:#008C27;font-size: 23px;}
/************* *************/
/*.coupon_question {     -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;}*/
.zakat-tit{display: flex;flex-wrap: inherit; align-items: center;  justify-content: space-between;padding: 0px 0px 44px 0px;}
.img-s-logo{ max-width: 20%;}
/*.zakat-tit i { font-size: 28px; padding: 12px 32px;}*/
.fijo {background: url() no-repeat center bottom ; background-size: contain;padding-right: 15%;padding-top: 8%;}
.fijo span { display: block;
  color: #745B47;
text-align: center;
text-shadow: 2px -2px 53px #FFF;
font-family: Tajawal;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 139.5%; /* 19.53px */}
.sec-logo{ margin: auto; padding-top: 10%;}
.text-entr {
  width: 53%;
  margin: auto;
  color: #FFF;
  text-align: center;
  text-shadow: 1.600000023841858px -1.600000023841858px 41.60000228881836px rgba(255, 255, 255, 0.52);
  font-family: Tajawal;
  font-size: 52px;
  font-style: normal;
  font-weight: 700;
  line-height: 139.5%; /* 72.54px */
    padding-top: 20px}
    .cop-1{width: 11%;min-width:73px;}
    .cop-7{width: 60%;}
.bi {display: inline-block;vertical-align: -0.125em;fill: var(--primary);}
.b-shar { background:var(--head_text); color:var(--primary) ; border-color:var(--primary); float: left;}
.b-shar:hover, .b-shar:focus { background:var(--primary) !important; color:#ffffff !important;}
.all-formo h2 {
  display: inline-block;
 color: var(--secondary-2, #685A4D);
text-align: right;
font-family: Tajawal;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 152.9%; /* 61.16px */
text-transform: capitalize;
}
.zak-am { position: relative;}
.zakat_1 .all-formo { margin: auto;
    background: #FFF8F6;
    border-radius: 20px;
    padding:64px 32px;
    width: 90%;
    margin-top: 15%;}
.zakat_2 .all-formo {
	margin-top:3%;
	padding: 64px 32px;
}
    /*************************************************/
    .btn:hover {
    color: var(--head_text);
    background-color: #CFCFCF;
    border-color: #CFCFCF;
}
    /*********************country *******************/
    .has-float-label {
        display: block;
        position: relative;
    }
    .form-control, input {
        height: 3em;
        box-shadow: 0px 3.11579px 3.11579px rgba(0, 0, 0, 0.05) !important;
    		border-radius: 12px !important;
    }
    .feez{ text-align:center; border-radius: 16px;border: 1px solid rgba(242, 101, 48, 0.30);}

    .has-float-label label, .has-float-label>span {
        position: absolute;
        cursor: text;
        opacity: 1;
        -webkit-transition: all .2s;
        transition: all .2s;
        top: -0.5em;
        right: 1rem;
        z-index: 3;
        line-height: 1;
        padding: 0 1px;
        background: #ffffff;
        color: var(--secondary, #87786C);
        text-align: right;
        font-family: Tajawal;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;

        text-transform: capitalize;
    }
.zakat-masarf{ margin-bottom: 32px; }
.family_num {margin-bottom: 32px;}
.family_num .form-control, input {
    height: 72px;
    box-shadow: 0px 3.11579px 3.11579px rgba(0, 0, 0, 0.00) !important;
    border-radius: 12px !important;
	border-radius: 12.8px;
border: 1.32px solid var(--primary, #F26530);
background: var(--white, #FFF);
}
.zakat-notez{ margin-bottom: 44px; }
.zakat-notez2{ margin-bottom: 32px; }
.zak_chek{margin-bottom: 32px; }
/********************************************/
.fly-lab{position: absolute;left: 24px; top:22px;color: #6C727F;font-size: 24px;font-style: normal;font-weight: 700;line-height: 152.9%;}
    /****************Family********************/
    .bonm { margin-top: .5em;}
.zak-3 { padding-bottom: 32px;}
.zak-4 { margin-bottom: 44px;}
    .family_num {position: relative;}
    textarea.form-control {height: 90px;}
    /******************num*****************/
    .tot-mon h2 {background: #ffffff; border-radius: 12px; height: 60px; line-height: 30px;margin-top: 15px; padding-top: 10px;
      font-family: 'Tajawal', sans-serif !important;font-style: normal; font-weight: 700;font-size: 32px;color: #87786C; width: 100%;}
    .tot-mon span { font-family: arial; color: #685A4D;}
    .tot-mon small {color: #685A4D;font-family: 'Tajawal', sans-serif !important;font-weight: 700;font-size: 32px !important;}
    /***************Radio****************/
    .btn-secondary{margin-left: -4px; width: 24.5%; border-radius: 0px;height: 74px;padding: 20px 5px 16px 5px;
justify-content: space-betweenalign-items: baseline;align-self: stretch;--bs-btn-bg: #ffffff;    --bs-btn-color: #F16236;--bs-btn-border-color: #F16236;
text-align: center;leading-trim: both;text-edge: cap;font-family: Tajawal;font-size: 24px;font-style: normal;font-weight: 500;--bs-btn-active-bg: #F16236;}
    .btn-secondary:first-of-type { border-top-right-radius: 16px; border-bottom-right-radius: 16px;}
    .btn-secondary:last-of-type { border-top-left-radius: 16px; border-bottom-left-radius: 16px;}
    .btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: #F16236;
}
    /*****************************/
    .titoz { display: none;
      color: var(--secondary, #87786C);
text-align: right;
font-family: Tajawal;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 152.9%; /* 24.464px */
text-transform: capitalize;}
    .don-other {display: inline-block;
      color: var(--tertiary, #6C727F);
    text-align: right;
    font-family: Tajawal;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 152.9%;
    text-transform: capitalize;
      padding: 0.375rem 0.75rem;
      background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }
  .btn-all-prj{display: inline-flex;
    padding: 6.598px;
    flex-direction: column;
    justify-content: center;
  align-items: center;
gap: 14px;
flex-shrink: 0; margin-left: 9px;}
  .btn-all-prj{
border-radius: 6.598px;
border: 1.65px solid var(--primary, #F26530);
background: var(--white, #FFF);
color: var(--primary, #F26530);
text-align: right;
font-family: Inter;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 152.9%; /* 48.928px */
text-transform: capitalize;
}
/****************************/
.zak_num {padding-bottom: 32px;}
.zak_num a {
  display: block;
  padding-top: 21px;
color: #F16236;
text-align: right;
leading-trim: both;
text-edge: cap;
text-decoration: none;
font-family: Tajawal;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 152.9%; /* 36.696px */
text-transform: capitalize;}
.answer .form-control { font-size: 20px;}
.answer { padding-bottom: 44px;}
.ziwd{ justify-content: space-between;align-items: baseline;leading-trim: both;text-edge: cap;}
    /*****************************************/
	.family_breakfast_btn{}
    .family_breakfast_btn button.like-button-zakat {
    background: #F26538 !important;
    width: 56%;
    margin-left: 1%;
    border: 0px;
    border-radius: 16px;
    color: var(--white, #FFF);
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: Tajawal;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 152.9%; /* 48.928px */
    text-transform: capitalize;
		height: 73px;
}
.family_breakfast_btn button.like-button-zakat:hover, .family_breakfast_btn button.like-button-zakat:focus { background: #DF491B !important; color:#ffffff;}
.family_breakfast_btn button:hover {
background-color: #ffffff important;}
.family_breakfast_btn button.add_toCard {
    width: 40%;
    background-color: #fff;
    border: 3px solid var(--primary);
    border-radius: 16px;
    color: #F26530;
    text-align: center;
    font-family: Tajawal;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 152.9%; /* 48.928px */
    text-transform: capitalize;
		height: 73px;
}
.family_breakfast_btn a.carz2 span{display: none;}
.family_breakfast_btn a.carz2 {width: 20%;
  background-color: #fff;
border: 3px solid var(--primary);
border-radius: 10px;
color: #F26530;
text-align: center;
font-family: Tajawal;
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: 152.9%; /* 48.928px */
padding: 4px;
text-transform: capitalize;}
.family_breakfast_btn button.add_toCard:hover,.family_breakfast_btn button.add_toCard:focus  {
    background-color: var(--primary);
    color: #FFFFFF;}
    .family_breakfast_btn a.carz2:hover,.family_breakfast_btn a.carz2:focus  {
        background-color: var(--primary);
        color: #FFFFFF;}
/***** CHECK *****************/
.form-check {padding-right: 2.5em;}
.form-check-input { width: 32px; height: 32px;  border: 2px solid #F26530 !important;}
.form-check-input:checked {background-color: #ffffff;border-color: var(--primary);}
.form-check-input:checked[type=checkbox] {
    --bs-form-check-bg-image: url(../img/check.svg);
}
.form-check label{ padding-right: 16px;padding-top: 5px;color: #F26530;
text-align: right;
font-family: Tajawal;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 152.9%; /* 36.696px */
text-transform: capitalize;}
/********* Question **************/
.infos { margin-top: 20px; margin-bottom: 40px;}
.faq-tabz {padding: 40px 20px 20px 20px; background: #ffffff;}
.nav-tabs>button{ height: 60px; padding: 15px 60px !important;font-family: 'Tajawal';color:#6C727F;
font-style: normal;
font-weight: 500;
font-size: 21px;background: none !important;}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {color: #F26530; margin-bottom: 0px;}
.nav-tabs .nav-link {
    margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
    border: 0px solid transparent;
    border-top-right-radius: var(--bs-nav-tabs-border-radius);
    border-top-left-radius: var(--bs-nav-tabs-border-radius);
}
.nav-link:hover, .nav-link:focus {color: var(--primary);}
.nav-tabs {
    --bs-nav-tabs-border-width: 0px;
    --bs-nav-tabs-border-color: var(--bs-border-color);
    --bs-nav-tabs-border-radius: var(--bs-border-radius);
    --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
    --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
    --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
    --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
    --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs>button.active, .nav-tabs>button.active:focus, .nav-tabs>button.active:hover, .nav-tabs .nav>button:focus, .nav-tabs .nav>button:hover, .nav-tabs .nav-tabs>button:hover {
    color: #F26530 !important;
    cursor: pointer;
    border: none;
    border-bottom-color: #FFF8F6;
		background: #FFFFFF !important;
		border-width: 0px;
		border-style: none;
		border-color: transparent;
		border-radius: 16px 16px 0px 0px !important;

		font-family: 'Tajawal';
		font-style: normal;
		font-weight: 700;
		font-size: 21px;
}
/*******************/
.p-det h3 {color: #6C727F;
text-align: right;
font-family: Tajawal;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 36px */}
.p-det p, ol{color: var(--body-text, #363636);
font-family: Tajawal;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;}
.list-group, .list-group-numbered { list-style: none !important; width: 100%;margin-bottom: 0px;}
.badge{color: var(--tertiary, #6C727F);
text-align: right;
font-family: Tajawal;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 152.9%; /* 27.522px */
text-transform: capitalize;}
.list-group-item {color: var(--tertiary, #6C727F);
text-align: right;
font-family: Tajawal;
font-size: 20px;
font-style: normal;
font-weight: 500 ;
line-height: 152.9%; /* 30.58px */
text-transform: capitalize;
background-color: transparent;
 border:none;
	    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.list-group-item:first-child {
  border-radius: 3.2px !important;
background: #F78A61;
color: #FFF;
text-align: right;
font-family: Tajawal;
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: 150%;
display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;}
.itemo-tota{color: #FFF;
text-align: right;
font-family: Tajawal;
font-size: 22px;
font-style: normal;
font-weight: 700 !important;
line-height: 150%; /* 33px */}
.bo-total{color: #FFF;
text-align: right;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 30px */}
.mordo button{ width: auto;
   right: 0;
   display: flex;
   border-radius: 12.8px;
border: 1.6px solid #F16236;
background: #FFF;
height: 43.2px;
padding: 0px 12.8px;
justify-content: center;
align-items: center;
gap: 15.2px;
  color: #F16236;
  text-align: right;
  leading-trim: both;
  text-edge: cap;
  font-family: Tajawal;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 30px */
  text-transform: capitalize;}
  #newinput .div-r,   #newinput .div-l { margin-top: 15px;}
  #buildAdder{ margin-top: 15px;}
/*******/
.reports .caption a {
    display: block;
    margin: auto;
    font-size: 13px;
    color: #F26530;
    padding: 10px;
    text-align: center;
    text-decoration: none;
}
/***********************************************/
.caption{display: table-cell;}

/***************calc Zakat ********************/
.col-7 div-pc-r{}
.cal-za-box{
display: flex;
padding: 32px;
flex-direction: column;
align-items: flex-start;
gap: 19px;
margin: auto;
border-radius: 16px;
background: #FFF8F6;}
.calc-amoun{
  display: flex;
  padding: 32px;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  align-self: stretch;
  border-radius: 16px;
border: 1px solid rgba(242, 101, 48, 0.35);
background: #FFF8F6;
}
.gold-weight { text-align: center;}
.div-r{ padding: 0px}
.div-l{ padding: 0px; padding-right: 10px;}
.cal-za-box h2{color: #87786C;
text-align: right;
leading-trim: both;
text-edge: cap;
font-family: Tajawal;
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 33px */}
.cal-za-box i{padding-right: 5px;;}
#colco-za .form-control{ font-size: 18px; text-align: center;}
.mordo { margin-top: 18px;}
/***************************************************/
.mob-v { display: none;}
.accordion-item { margin-bottom:16px;
border-radius: 6.472px;
border: 0.404px solid rgba(242, 101, 48, 0.35);
background: #FFF8F6;
color: #F26530;
text-align: right;
leading-trim: both;
text-edge: cap;
/*padding: 16px 12.943px;*/
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
 .accordion-button {
   color: #F26530;
text-align: right;
leading-trim: both;
text-edge: cap;
font-family: Tajawal;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 24px */
}
.accordion-item:not(:first-of-type) {
    border-top:.404px solid rgba(242, 101, 48, 0.35) !important;
}
.accordion {
  --bs-accordion-bg: #FFF8F6;
  --bs-accordion-active-bg: #FFF8F6;
  --bs-accordion-active-color: #F26530;
}
.accordion-button:not(.collapsed) {
    box-shadow: none;
}
.accordion-button:focus {
    z-index: 3;
    border-color: #F26530;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(242, 101, 48, 0.25);
}
.resu{
margin-top: 16px;
border-radius: 4px;
background: #F78A61;
padding: 10px;
justify-content: center;
text-align: center;
align-items: center;}
.resu h2{color: #FFF;

leading-trim: both;
text-edge: cap;
font-family: Tajawal;
font-size: 16px;
font-style: normal;
font-weight: 700;
text-align: center;
line-height: 150%; /* 24px */}
.resu span{color: #FFF;
leading-trim: both;
text-edge: cap;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
text-align: center;
line-height: 150%; /* 24px */
}
#newinput2 .div-r,#newinput2 .div-l{ margin-top: 12px;}
.accordion-body button{ width: auto;
  margin-top: 12px;
   right: 0;
   display: flex;
   border-radius: 12.8px;
border: 1.6px solid #F16236;
background: #FFF;
height: 43.2px;
padding: 0px 12.8px;
justify-content: center;
align-items: center;
gap: 15.2px;
  color: #F16236;
  text-align: right;
  leading-trim: both;
  text-edge: cap;
  font-family: Tajawal;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 30px */
  text-transform: capitalize;}
  .div-d button{ border: 0px; background: transparent;padding: 0px;}
.feez {box-shadow: 0px 3.11579px 3.11579px rgba(0, 0, 0, 0.00) !important;border: 1.237px solid var(--primary, #F26530);}
.div-r .select-wrapper::after {top: 20px;}
.itemoz { padding-bottom: 24px !important;}
.div-pc-d button{ background-color: transparent; border: 0px; margin-top: 10px;}
.div-pc-d button:hover,.div-pc-d button:focus,.div-pc-d button:active { background-color: transparent!important; color: #DF491B!important}
.div-d button:hover,.div-d button:checked,.div-d button:active,.div-d button:visited { background-color: transparent !important; color: #DF491B!important}
.cal-za-box .select-wrapper::after {top: 20px;}
/************ Sizes Responsives ****************/

@media (max-width:1920px) {
.img-s-logo {max-width: 30%;}
.text-entr {font-size: 34px;line-height: 46px; width: 90%;margin-top:-25px;}
}

@media (max-width:1913px) {
.cop-7 {
    width: 59%;
    left: auto;
    margin-left: 0px;
    float: left;
    margin-top: -3px;
}
}
@media (max-width:1846px) {
  .cop-7 {width: 58%;}
    }
    @media (max-width:1807px) {
      .cop-7 {width: 57%;}
        }
        @media (max-width:1770px) {
          .cop-7 {width: 56%;}
          .form-check label {    font-size: 20px;}
            }

@media (max-width:1765px) {
.family_breakfast_btn button.like-button-zakat {font-size: 30px;}
.family_breakfast_btn button.add_toCard {font-size: 30px;}
.family_breakfast_btn a.carz2 {font-size: 30px;}
}
@media (max-width:1734px) {
  .cop-7 {width: 55%;}
    }
    @media (max-width:1734px) {
      .cop-7 {width: 54%;}
        }
@media (max-width:1680px) {
.family_breakfast_btn button.like-button-zakat {font-size: 28px;}
.family_breakfast_btn button.add_toCard {font-size: 28px;}
}
@media (max-width:1667px) {
  .cop-7 {width: 53%;}
    }
    @media (max-width:1636px) {
      .cop-7 {width: 52%;}
        }
        @media (max-width:1606px) {
          .cop-7 {width: 51%;}
            }
@media (max-width:1600px) {
.family_breakfast_btn button.like-button-zakat {font-size: 25px;}
.family_breakfast_btn button.add_toCard {font-size: 25px;}
}

@media (max-width:1577px) {
  .cop-7 {width: 50%;}
    }
    @media (max-width:1549px) {
      .cop-7 {width: 49%;}
      .zak_num a {font-size: 21px;}
      .form-control, input {font-size: 21px;}
        }
@media (max-width:1536px) {
	.zakat_1 .all-formo {padding: 48px 24px;}
	.all-formo h2 {font-size: 30px;}
	.zakat-tit {padding: 0px 0px 32px 0px;}
	.zakat-masarf {margin-bottom: 24px;}
	.family_num {margin-bottom: 24px;}
	.has-float-label label, .has-float-label>span {font-size: 20px;}
	.form-control, input {font-size: 18px;}
	.zakat-notez {margin-bottom: 32px;}
	.family_breakfast_btn button.like-button-zakat {font-size: 24px; height: 58px;border-radius: 12.8px;}
	.family_breakfast_btn button.add_toCard { font-size: 24px;height: 58px;border-radius: 12.8px;}
	.zakat_2 .all-formo { padding: 51.2px 25.6px;margin-top: 10%;}
	.zak_num {padding-bottom: 32px;}
	.form-check-input {width: 25.5px;height: 25.5px;}
	.form-check label{padding-right: 13px;}
	.answer .form-control {font-size: 16px;height: 57.6px;}
	.form-control, input {height: 57.6px;}
	.select-wrapper::after {top: 21px;}
	.fly-lab {top: 24px;font-size: 18px;}
	
}
        @media (max-width:1523px) {
          .cop-7 {width: 48%;}
			
            }
@media (max-width:1510px) {
.family_breakfast_btn button.like-button-zakat {font-size: 24px; width: 52%;}
.family_breakfast_btn button.add_toCard {font-size: 24px; width: 44%;}
.family_breakfast_btn a.carz2 {width: 22%;}
}
@media (max-width:1497px) {
  .cop-7 {width: 47%;}
    }
    @media (max-width:1473px) {
      .cop-7 {width: 46%;}

        }
        @media (max-width:1450px) {
          .cop-7 {width: 45%;}
            }
  @media (max-width:1440px) {
            .head-bg{background: url(../img/bg-1440.jpg) no-repeat center right ;
              height: 686px;}
              .text-entr {width: 99%;}
              .img-s-logo {max-width: 33%;}
              .text-entr {font-size: 34px;line-height: 46px; width: 90%;margin-top:-25px;}
              .family_breakfast_btn a.carz2 {font-size: 22px;padding: 5px;}
              .zakat_1  .all-formo {margin: 6% auto auto; padding-top: 48px;}
              .select-wrapper::after {top: 13px;}
              .zakat_1  .all-formo h2 {
                  display: inline-block;
                  color: var(--secondary-2, #685A4D);
                  text-align: right;
                  font-family: Tajawal;
                  font-size: 30px;
                  font-style: normal;
                  font-weight: 700;
                  line-height: 152.9%; /* 45.87px */
                  text-transform: capitalize;
              }
	  .family_breakfast_btn { margin-top: 0px; padding-bottom: 0px;}
	  .family_num {padding-top: 0px;}
              .form-check label {  font-size: 18px; padding-top: 8px; padding-right: 13px;}
              textarea.form-control {  padding-top: 18px;}
              .zak_num a {padding-top: 10px;font-size: 18px;}
              .has-float-label label, .has-float-label > span {
                font-size: 18px;
                font-style: normal;
                font-weight: 700;
                line-height: 152.9%; /* 27.522px */  }
                .form-control {font-size: 16px;font-style: normal;font-weight: 500;line-height: 152.9%;height: 54px;}
	  textarea.form-control { height: 75px;}
	  .form-only { margin: 20% auto auto;}
	  .family_num .form-control, input { height: 54px;border-radius: 12px;border: 1.237px solid var(--primary, #F26530);background: var(--white, #FFF);}
	  .zakat_2 .all-formo { padding: 48px 24px;}
	  .answer .form-control {height: 54px;}
	  .answer { padding-bottom: 32px;}
	  .zak_num {padding-bottom: 24px;}
	  .zakat-notez2 {margin-bottom: 24px;}
	  .zak_chek {margin-bottom: 24px;}
	  .family_breakfast_btn button.like-button-zakat {font-size: 22px;height: 54px;border-radius: 12px;}
	  .family_breakfast_btn button.add_toCard {font-size: 22px;height: 54px;border-radius: 12px;}
	  .fly-lab {top: 18px;font-size: 16px;}
            }
            @media (max-width:1426px) {
              .cop-7 {width: 44%;}
                }
                @media (max-width:1404px) {
                  .cop-7 {width: 43%;}
                  .btn-secondary{font-size: 21px;}
                    }
                    @media (max-width:1383px) {
                      .cop-7 {width: 42%;}
                        }
                        @media (max-width:1363px) {
                          .cop-7 {width: 40%;}
                          .form-check label {font-size: 17px;}
						.family_breakfast_btn button.like-button-zakat {font-size: 22px;}
						.family_breakfast_btn button.add_toCard {font-size: 22px;}
                            }
                              @media (max-width:1240px) {
                            .zak_num a { font-size: 22px;}
                            }
                            @media (max-width:1324px) {
                              .cop-7 {width: 38%; font-size: 20px; height: 68px;}
                                }
                                @media (max-width:1324px) {
                                  .cop-7 {width: 36%;}
                                    }
 @media (max-width:1293px) {.family_breakfast_btn button.add_toCard,.family_breakfast_btn button.like-button-zakat {font-size: 22px;}}
@media (max-width: 1280px) {
  .head-bg{background: url(../img/bg-1280.jpg) no-repeat center right ;height: 616px;}
	.select-wrapper::after {top: 20px;}
  .zakat_1  .all-formo h2 {font-size: 26px; font-weight: 700;padding-top: 0.4rem;}
  .tot-mon h2 {font-size: 22px;}
  .tot-mon small {font-size: 22px !important;}
  .family_breakfast_btn button{padding: 13px 0;}
  .family_breakfast_btn button.add_toCard   {padding: 8px 0;}
  .zakat_1 .all-formo {padding:18px; margin-top: 10%;}
	.form-only {  margin: 16% auto auto;}
  .has-float-label label, .has-float-label>span {font-size: 18px;}
  .form-control {    height:54px;}
  .zak_num a {padding-top: 14px;}
  .family_breakfast_btn button.like-button-zakat {font-size: 18px;width: 50%;}
  .family_breakfast_btn button.add_toCard {font-size: 18px;}
  .family_breakfast_btn button.like-button-zakat {padding: 12px 0px;}
  .zak_num a {padding-top: 18px; font-size: 15px;}
	.p-det h3 {font-size: 16px;}
	.p-det p, ol{font-size: 16px;}
	.nav-tabs > button {font-size: 18px;}
	.nav-tabs > button.active, .nav-tabs > button.active:focus, .nav-tabs > button.active:hover, .nav-tabs .nav > button:focus, .nav-tabs .nav > button:hover, .nav-tabs .nav-tabs > button:hover {font-size: 18px;}
	.faq-tabz { padding: 24px 20px 20px 20px;}
	.nav-tabs>button {height: 54px;}
	textarea.form-control{height: 4.7em!important;}
	.family_breakfast_btn button.add_toCard {width: 47%;}
	.zakat_2 .all-formo { padding: 36px 24px; margin-top: 3%;}
	.zakat-tit {padding: 0px 0px 24px 0px;}
	.zakat-masarf {margin-bottom: 18px;}
	.zak_num { padding-bottom: 18px;}
	.zakat-notez2 { margin-bottom: 18px;}
	.zak_chek {margin-bottom: 18px;}
	.answer .form-control {font-size: 14px;}
	.answer {padding-bottom: 24px;}
}

@media (max-width:1216px) {
  .cop-7 {width: 34%; font-size: 18px; height: 68px;}
  .btn-secondary{font-size: 18px; height: 60px;}
    }
    @media (max-width:1184px) {
      .cop-7 {width: 32%; font-size: 16px; height: 68px;}
        }
        @media (max-width:1155px) {
          .cop-1 { min-width: 60px; font-size: 24px;}
          .cop-7 {width: 40%;font-size: 16px;height: 57px;}
            }
            @media (max-width:1113px) {
              .cop-7 {width: 38%;font-size: 16px;height: 57px;}
                .form-check label {font-size: 15px;}
                }
                @media (max-width:1082px) {
                  .cop-7 {width: 36%;font-size: 16px;height: 57px;}
                    }
                    @media (max-width:1054px) {
                      .btn-all-prj {  margin-left: 2px;}
                      .cop-7 {width: 38%;font-size: 16px;height: 57px;}
                      .btn-secondary{font-size: 15px;}
                        }
@media (max-width: 1024px) {
.family_breakfast_btn button{font-size: 17px;height: 44px; }

.has-float-label label, .has-float-label>span {font-size: 18px;}
.zak_num a {font-size: 13px;}
.form-only { margin: 8% auto auto;}
.bonm {  margin-top: 15px;}
.zakat-tit {padding: 0px 0px 20px;}
.head-bg{background: url(../img/bg-1024.jpg) no-repeat center right ;height: 488px;}
.img-s-logo {max-width: 30%;}
.text-entr {font-size: 28px;line-height: 40px;width: 90%;margin-top: -22px;}
.form-check label {font-size: 14px;}
.dtop #colco-za .form-control {font-size: 14px;margin: 0px;padding: 0px;text-align: right; padding-right: 10px;}
.mob-v { display: block;}
.zakat_1 .all-formo {padding:18px; margin-top: 3%;}
.zakat_2 .all-formo {padding: 24px 16px;margin-top: 0%; border-top-left-radius: 0px ;border-top-right-radius:0px;}
.zakat-tit {padding: 0px 0px 10px;}
.form-control {font-size: 14px;}
	.zakat-masarf {margin-bottom: 16px;}
	.zak_num { padding-bottom: 16px;}
	.zakat-notez2 { margin-bottom: 16px;}
	.zak_chek {margin-bottom: 16px;}
	.all-formo h2 {font-size: 26px;}
	.div-pc-r,.div-pc-l,.div-pc-d{padding: 0px 5px;}
	.fly-lab {top: 18px;font-size: 14px;}
}

@media (max-width: 991px){
.head-bg{background: url(../img/bg-empty.jpg) no-repeat top center  ;height: 100%; padding-bottom: 35px;}
.head-bg-z2{  height: 965px;}
.fijo {background: url(../img/money.png) no-repeat right top ;padding-bottom: 30px;    background-position-y: -30px;}
.zakat_1 .all-formo {margin-top: 0%; width: 99%; padding: 24px 16px 20px 16px;}
.zakat-tit {display: none;}
.zak-4 {margin-bottom: 24px;padding-top: 4px;}
.family_breakfast_btn {padding-bottom: 0px; margin-top: 0px;}
.sec-logo {margin: auto;padding-top: 10%;}
.fijo span { margin-bottom: 15%}
  .tot-mon h2 {background:transparent;}
  .family_breakfast_btn button.like-button-zakat {font-size: 24px; width: 52%;}
  .family_breakfast_btn button.add_toCard {font-size: 24px; width: 44%;}
  .family_breakfast_btn a.carz2 {font-size: 24px; width: 22%;}
  .btn-all-prj {  margin-left: 13px;}
    .cop-7 {width: 61%;font-size: 24px;height: 57px;}
    .btn-secondary{font-size: 20px; width: 25%;}
    .zak_num a {font-size: 24px;}
      .form-check label {font-size: 24px;}
     #colco-za  {display: none;}
      .calc-amoun{  margin: auto;  margin-top: 20px;  margin-right: 10px;}
      .list-group-item:first-child {  border-radius: 4px !important;    margin-bottom: 20px; }
	.zakat_1 .form-control {height: 54px;box-shadow: 0px 3.11579px 3.11579px rgba(0, 0, 0, 0.0) !important;}
	.head-bg-z2 {height: 100%; padding-bottom: 28.5px;}
	.moboz { margin-top: 22px;}
	.div-d button{margin-top: 23px;}
	.infos .container { margin: auto; padding: 0px;}
	 .has-float-label label, .has-float-label>span {
    color: var(--secondary-2, #685A4D);
text-align: right;
font-family: Tajawal;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 152.9%; /* 24.464px */
text-transform: capitalize;}
	.form-control {font-size: 16px;}
	.form-check label { font-size: 20px;}
	.bonm{ margin-top: 0px;}
	.zak-3 {padding-bottom: 16px;}
	.family_num { padding-top: 0px;}
	.zakat_2 .all-formo{border-radius: 24px;padding: 32px 16px;}
	.fly-lab {top: 18px;font-size: 16px;}
}
@media (max-width:853px) {
    .cop-7 {width: 58%;}
    }
@media (max-width:853px) {
	.fijo { background-position-y: -55px;}
}
@media (max-width:677px) {
.fijo-z2 { padding-bottom: 70px;}
.form-check label {font-size: 18px;}
.p-32{ padding-bottom: 0px;}
.p-16 { padding-bottom: 16px;}
.p-20 { padding-bottom: 20px;}	
.p-44 { padding-bottom: 24px;}	
	.fijo {
    background-position-y: -80px;    padding-bottom: 37px;
}
                        }
@media (max-width:611px) {.cop-7 {width: 55%;}}
@media (max-width:575px) {  .cop-7 {width: 53%;} }
@media (max-width: 550px){
.nav-tabs>button.active, .nav-tabs>button.active:focus, .nav-tabs>button.active:hover, .nav-tabs .nav>button:focus, .nav-tabs .nav>button:hover, .nav-tabs .nav-tabs>button:hover {font-size: 18px;}
.nav-tabs>button {font-size: 18px;}
.nav-tabs>button {height: 60px;padding: 15px 45px !important;}
.family_breakfast_btn button.like-button-zakat {width: 100%; margin-bottom: 15px;}
.family_breakfast_btn button.add_toCard {width: 100%;}
.cop-7 {width: 100%; margin-top: 12px;}
.titoz { display: inline-flex;margin-left: 11%;margin-right: 5px;}
.cop-1 {min-width: 64px;font-size: 22px; height: 44px;}
.family_breakfast_btn { margin-bottom: 0px !important;}
.text-entr {width: 60%;    padding-left: 50px;}
.fijo span {margin-bottom: 33%;}
.fijo {padding-bottom: 95px; background-position-y: -20px;}
.family_breakfast_btn a.carz2 {font-size: 20px;width: 49%;}
.family_breakfast_btn a.carz2 span{display: inline;;}
.family_breakfast_btn a.carz2 i{display: none;}
.fijo-z2 {padding-bottom: 130px;}
.zak_num a {padding-top: 16px;padding-bottom: 18px;}
	.zak_num { padding-bottom: 0px;}
.form-check label {width: 90%; padding-top: 0px;}
.zak-3{ padding-bottom: 16px;}
.zak-3{ margin-bottom: 22px;}
.zak_num a {font-size: 18px;}
.form-check { padding-right: 0px;}
.form-check-input {width: 24px;height: 24px;}
.form-check label { padding-right: 8.4px;}
.zakat_1 .all-formo {padding: 24px 16px 20px 16px;}
.zakat-masarf {margin-bottom: 16px;}
.zakat-notez2 label { display: none;}
.family_num { margin-bottom: 16px;}
.zakat-notez {margin-bottom: 24px;}
.family_breakfast_btn button.add_toCard { font-size: 20px;}
.about-zakat-tab{font-size: 16px;}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {WIDTH: 180px;}
.faq-tabz {padding: 26px 16px 32px 16px;}
.infos { margin-bottom: 17px;}
	.form-check label {font-size: 16px; width: 85%;}
	.calc-amoun {padding: 16px;border-radius: 8px;}
	.img-s-logo {max-width: 40%; padding-left: 50px;}
}

@media (max-width: 450px){
  .nav-tabs>button.active, .nav-tabs>button.active:focus, .nav-tabs>button.active:hover, .nav-tabs .nav>button:focus, .nav-tabs .nav>button:hover, .nav-tabs .nav-tabs>button:hover {font-size: 15px;}
  .nav-tabs>button {font-size: 15px;}
.nav-tabs>button {height: 60px;padding: 15px 25px !important;}
.family_breakfast_btn button {width: 100%; margin-bottom: 20px;}
.family_breakfast_btn button.add_toCard {width: 100%;}
.family_breakfast_btn button.like-button-zakat { width: 100%; margin-bottom: 15px;}
.titoz {margin-left: 5%;;}
.select-wrapper::after {top: 20px;}
.text-entr {width: 65%;}
.btn-secondary {    font-size: 17px;}
.fijo {
    padding-bottom: 115px;
    background-position-y: -27px;
}
}
@media (max-width: 425px){
  .titoz {margin-left: 0%;;}
.btn-all-prj {margin-left: 3px;}
.btn-secondary {font-size: 14px;}
}
@media (max-width: 375px){
  .fijo {background: url(../img/money2.png) no-repeat right top ; padding-bottom: 69px;background-position-y: -16px;}
  .b-shar{ --bs-btn-padding-x: 0.5rem; --bs-btn-padding-y: 0.25rem;}
  .zakat_1 .all-formo h2 {font-size: 24px;}
  .tot-mon h2 {background:transparent; height: auto;}
  .has-float-label label, .has-float-label>span {font-size: 16px;}
  .form-control {font-size: 15px;}
  .form-check label {font-size: 16px; width: 85%;}
  .family_breakfast_btn button.like-button-zakat {font-size: 20px;}
  .cop-1 {min-width: 64px;font-size: 22px; height: 44px;}
  .btn-all-prj {  margin-left: 5px;}
  .titoz {margin-left: 3%;}
  .cop-1 {min-width: 50px;font-size: 18px; height: 44px;}
  .accordion-body button {font-size: 14PX}
  .p-det h3 {font-size: 14px;}
  .p-det p, ol {font-size: 14px;}
.list-group-item{ font-size: 16PX !important;}
.text-entr{width: 65%;
  color: #FFF;
  text-align: center;
  text-shadow: 2px -2px 52px #A9AF4E;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 139.5%; /* 39.06px */}
.fijo span {margin-bottom: 35%;}
.select-wrapper::after {top: 11px;}
.family_breakfast_btn { padding-bottom: 0px;}
.div-r {width: 55%;}
}
@media (max-width: 360px){
.text-entr {width: 80%;}
.btn-secondary {font-size: 12px;}
.cop-1 {min-width: 44px; font-size: 18px; height: 44px;}
.form-check label {font-size: 16px;}
.fijo {padding-bottom: 55px;background-position-y: -24px;}
	.img-s-logo {
    max-width: 52%;
    padding-left: 50px;
}
  }
@media (max-width: 328px){
  .titoz {margin-left: 1%;}
  .btn-all-prj {margin-left: 4px;}
.faq-tabz { padding: 24px 15px 20px 15px;}
}