@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');
/*@import url('https//fonts.googleapis.com/css?family=Raleway');*/
body{font-family: 'Tajawal', sans-serif; }
.btn:active:focus, .btn:focus{
    outline: unset;
}
   input::-ms-reveal, input::-ms-clear {display: none;}
.form-control,input{
    height: 3em;
    box-shadow: 0px 3.11579px 3.11579px rgba(0, 0, 0, 0.05);;
}
.accordion-button:focus {
    z-index: 3;
    border-color: #F26538;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(255, 102, 51, 0.25);
}
a:hover{
    text-decoration: none;
}
a:focus-within{
    text-decoration: none;

}
/* begin color variable */
:root {
    --secondary: #87786C;
    --tertiary: #6C727F;
    --primary: #F26530;
    --body_text: #363636;
    --head_text: #FFFFFF;
    --card_bg: #FFF8F6;
    --input_fields_stroke: #E6E1DE;
    --secondary2: #685A4D;
    --toggles: #AFAFAF;
    --links: #1F3C9F;
    --on_hover: #DF491B;
    --nav_links: #777;
    --font: 'Tajawal';


}
body {background: #FFF8F6;}
/* container*/
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1591px;
}
/* End color variable */
/* FORM -------change input */
.form-control {
  color: var(--tertiary, #6C727F);
  text-align: right;
  font-family: Tajawal;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 152.9%; /* 36.696px */
  text-transform: capitalize;
}
/************** Select ***************/
.select-wrapper {
  position: relative;
}

.select-wrapper::after {
  content: "\25be ";
  font-size: 1rem;
  top: 28px;
  left: 18px;
  position: absolute;
  color: #6C727F;
}
/* FORM -------change foucs colors */
select:focus, textarea.form-control:focus, input.form-control:focus {
  border-color: #F26530 !important;
    box-shadow: 0px 3.11579px 3.11579px rgba(0, 0, 0, 0.05) !important;
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
    background-color: #a5a5a5;
}
.form-check-input:checked ~ .form-check-label::before {
  color: #fff;
  border-color: #F26530 !important;
  background-color: #F26530 !important;
}

.form-check-input:focus ~ .form-check-label::before {
  box-shadow: 0 0 0 0.2rem rgba(242,101,48,.25) !important;
}
.form-check-input:focus {
    border-color: #F26530 !important;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(242,101,48, 0.0) !important;
}
.form-check-input:focus:not(:checked) ~ .form-check-label::before {
  border-color: #F26530 !important;
}
/*************************/
.nomargin { margin: auto;}
.nopadding { padding: 0px;}
.p-12 { padding-bottom: 12px;}
.p-16 { padding-bottom: 16px;}
.p-20 { padding-bottom: 24px;}
.p-24 { padding-bottom: 24px;}
.p-32 { padding-bottom: 32px;}
.p-44 { padding-bottom: 44px;}
.p-56 {padding-bottom: 56px;}

.m-16 { margin: 16px;}
.m-60 { margin: 16px;}

/****************/

.clear_both{
    clear: both
}
.float-right {
    float: right;
}

.float-left {
    float: left;
}

.mb-5 {
    margin-bottom: 3em;
}
.mt-5 {
    margin-top: 3em;
}

/* start header */
header .banner-container img {
    width: 100%;
    height: 100%;
}
header .banner-container .col-xs-6{
    padding-left: 0 !important;
    padding-right: 0;
    margin-top: -5em;
}
header .banner-container .col-xs-6 img{
    margin-top: -2em;
    margin-right: 2em;
}
header .banner-container .banner-info{
    text-align: center;
    margin: 0 .5em;
}

header .banner-container .banner-info>h1{
    font-size: 7.5em;
    color: var(--primary);
    font-weight: 800;
    font-family: var(--font);
}
header .banner-container .banner-info>p{
    font-size: 2em;
    color: #87786C;
    font-weight: 800;
    font-family: var(--font);
}
header .banner-container .banner-info .year_container{
    color: var(--primary);
}

.user {
    width: 14rem;

}

.cart,
.user {
    background: #f9f9f9;
    border-radius: 50rem;
    margin-left: 5px;
}

.user a {
    padding-top: 5px !important;
    padding-bottom: 3px !important;
}

.flag {
    margin-top: 0.5rem;
    margin-left: 4px;
}

nav .first {
    float: right;
    border-left: 1px solid;
    padding-left: 6px;
    margin-left: 4px;
}

nav .icon i {
    background: #f16236;
    padding: 0.7rem;
    border-radius: 50rem;
    color: #fff;
    margin-top: -8px;
    margin-right: 4px;
}

/******************************Paginiation *********************/

.pagini{ padding: 32px;}

.pagination {
	position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly;
  --bs-pagination-active-border-color: #F26530;
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(255, 102, 51, 0.25);
  }
.page-item{ margin-left: 16px; width: 47px;}
.page-link  {
  border-radius: 8px;
  border: 1.167px solid var(--toggles, #AFAFAF);
  background: var(--white, #FFF);
    padding: 7.5px 14.5px;
    font-size: 20px;
    color: var(--tertiary, #6C727F);;
  }
.page-link:hover, .page-link:focus  {
  border-radius: 8px;
  border: 1.167px solid #F26530;
  background: var(--white, #FFF);
    padding: 7.5px 14.5px;
    font-size: 20px;
    color: #F26530;
  }
  .page-link.active, .active > .page-link {
    z-index: 3;
    color: var(--white, #FFF);
  border: 1.167px solid var(--toggles, #AFAFAF);
  background: var(--primary, #F26530);
}
.page-item:first-child{ width: 30px;}
.page-item:first-child .page-link {
    border: 1.167px solid var(--toggles, #AFAFAF);
    border-radius: 50%;
    padding: 10px 20px;
}
.page-item:last-child {margin-left: 0px;padding-left: 0px;width: auto;}
.page-item:last-child .page-link {
    border: 1.167px solid #F26530;
    color: #F26530;
    border-radius: 50%;
	padding: 10px 20px;
	margin-left: 0px;
}
.aroz{ padding:2px  0px !important;width: 30px !important;height: 30px;}

/************* *************/
.img-s-logo{ max-width: 20%;}
.fijo {background: url() no-repeat center bottom ; background-size: contain;
  padding-right: 15%;
    padding-top: 8%;}
.fijo span { display: block;
  text-align: center;
  color: #745B47;
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}

.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: 32px;
font-style: normal;
font-weight: 700;
line-height: 152.9%; /* 48.928px */
text-transform: capitalize;
}
.all-formo { margin: auto;
    background: #FFF8F6;
    border-radius: 20px;
    padding:25px;
    width: 90%;
    margin-top: 15%;}
    /*************************************************/
    .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: 1.65px solid var(--primary, #F26530);}

    .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;
    }
    /****************Family********************/

    textarea.form-control {min-height: calc(1.5em + 2.5rem + calc(var(--bs-border-width) * 2));}
    /******************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;}

    /*****************************/
    .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 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;}
.ziwd{ justify-content: space-between;align-items: baseline;leading-trim: both;text-edge: cap;}
    /*****************************************/
      .family_breakfast_btn button.like-button {
      background: #F26538 !important;
      width: 56%;
      margin-left: 1%;
      border: 0px;
      color: #fff;
      padding: 9px 0;
      border-radius: 10px;
      text-align: center;
      font-size: 32px;
      font-style: normal;
      font-weight: 500;
      line-height: 152.9%; /* 48.928px */
      text-transform: capitalize;
		height: 74px;
  }
  .family_breakfast_btn button.like-button:hover, .family_breakfast_btn button.like-button: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: 10px;
      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: 74px;
  }
  .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 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: 24px; height: 24px;  border-radius: 5px !important; border: 2px solid #F26530;}
.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: 5px;padding-top: 9px;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;
}
.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);
}
.div-inpo{direction: ltr;}
.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%;}
.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;
}
.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%; /* 33px */}
.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;
leading-trim: both;
text-edge: cap;
font-family: Inter;
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 ********************/
.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;
}
.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;}
/*****************search***********************/
.search-tit a { display: none;}
.search-tit {     position: relative;display: flex;flex-wrap: wrap;align-items: center;padding: 56px 0px 32px 0px;}
.search-tit h2 {
    margin: auto;
    color: var(--secondary, #87786C);
    font-size: 44px;
	font-style: normal;
	font-weight: 700;
	line-height: 156.5%; /* 68.86px */
}
.serch-tem-txt { width: 75%; padding: 24px 24px 32px 24px;}
.serch-tem-txt p{
overflow: hidden;
    color: #363636;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
   font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 26.817px;
padding-bottom: 12px;
    margin: 0px;}
.search-word{width: 70%; margin: auto;}
.res-tot-items { /*padding: 21px 0px;*/}
.res-num { display: flex;flex-wrap: wrap; align-items: center;justify-content: space-between;list-style: none; padding-bottom: 20px;}
.res-item{ display: flex;flex-wrap: wrap; align-items: center;justify-content: flex-start;list-style: none;
border-radius: 12px;border: 1px solid rgba(242, 101, 48, 0.35);background: #FFF;padding: 8px;margin-bottom: 12px;}
.res-item img{border-radius: 8px;}
.serch-tem-txt{margin-right: 12px;}
.serch-tem-txt a{
display: block;	
color: #F26530 !important;
text-align: right;
font-family: Tajawal;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 135.5%; /* 21.68px */
text-transform: capitalize;
text-decoration: none;}
.serch-tem-txt a:hover, .serch-tem-txt a:active{color: var(--on_hover)}
.res-num h3{color: var(--secondary, #87786C);
text-align: right;
font-family: Tajawal;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 152.9%; /* 27.522px */
padding-right:8px;}
.serch-tem-txt span{
	border-radius: 4px; 
	background: #F1E8E4;
	padding: 2px 12px;
color: #87786C !important;
text-align: right;
font-family: Tajawal;
font-size: 20px !important;
font-style: normal !important;
font-weight: 500 !important;
line-height: normal;}
.filtration{display: flex;flex-wrap: wrap; align-items: center;justify-content: space-between;list-style: none; padding-left: 8px;}
.filtration a{
color: #F26530 !important;
text-decoration: none;
text-align: right;
leading-trim: both;
text-edge: cap;
font-family: Tajawal;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 152.9%; /* 21.406px */
text-transform: capitalize;
}
.filtration span {display: inline-block; width: 24px !important; margin-right: 12px;}
.input-search {
    border-radius: 0px 7.604px 7.604px 0px !important;
border: 0.634px solid #B0B0B0;
background: #FFF;
    padding: 10px 16px;
color: #363636;
text-align: right;
font-family: Tajawal;
font-size: 16px;
font-style: normal;
font-weight: 400;
	line-height: normal;}
.search-more button{ 
display: block;
margin: auto;
border-radius: 16px;
background: #F26530;
padding: 16px 32px 12px 32px;
height: 60px;
width: 30%;
color: #FFF;
font-size:28px;
font-style: normal;
font-weight: 500;
line-height: normal;
    border: 0px;}
.search-more button:hover, .search-more button:active{ background: var(--on_hover)}
#date {
	border-radius: 8px;
	background: #FFF;
	box-shadow: 0px 1.266px 1.266px 0px rgba(0, 0, 0, 0.05);
    font-size: 14px !important;
    height: 54px !important;
    width: 100px;
	padding: 3px;
	margin-right: 8px;
}
.filtration h5{
color: #87786C;
text-align: right;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 152.9%; /* 21.406px */
text-transform: capitalize;
}
.serch-tem-txt span.gog-re{background: #FFF; border-radius:0px;}
/************** Filter ***********************/
.modal-dialog { margin-top: 15%;}
.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end !important;
	border-bottom: 0px;
}
.modal-header span {
    position: absolute;
    margin-right: -40px;
    display: block;
    margin-top: -11px;
}
.has-search .form-control {
    padding-left: 2.375rem;
}
.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: #FFF8F6;
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    outline: 0;
}
.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
	left:25px;
}
.modal-footer {border-top: 0px;justify-content: flex-start;}
#filterModal .search-btn{
padding: 10px 24px;	
border-radius: 10.932px;
background: var(--primary, #F26530);
	color: var(--white, #FFF);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: Tajawal;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 152.9%; /* 24.464px */
text-transform: capitalize;
 min-width: 120px;
}

.kindo { margin-bottom: 16px;}
/************* Regestration *********************/
.sentz{ text-align: center; background: #ffffff;    height: auto;min-height: 560px;}
/************ Sizes Responsives ****************/

@media (max-width:1920px) {
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {max-width: 1590px;}
.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 a.like-button {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 a.like-button {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 a.like-button {font-size: 26px;}
.family_breakfast_btn button.add_toCard {font-size: 26px;}
}

@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) {
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {max-width: 1272px;}
	.navbar-brand img { max-height: 84px;}
.page-link, .page-link:hover, .page-link:focus  {
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22.4px; /* 140% */
  }
.page-item:first-child .page-link{  padding: 8px 15px;}
.page-item:last-child .page-link  {  padding: 8px 15px;}
}
        @media (max-width:1523px) {
          .cop-7 {width: 48%;}
            }
@media (max-width:1510px) {
.family_breakfast_btn a.like-button {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) {
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {max-width: 1272px;}	
.don-tabs .has-float-label label, #pills-home .has-float-label>span{ font-size: 18px;}
.don-tabs .form-control { font-size: 18px;}
.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;}
.all-formo {margin: 6% auto auto; padding-top: 48px;}
.select-wrapper::after {top: 13px;}
.all-formo h2 {
 display: inline-block;
color: var(--secondary-2, #685A4D);
text-align: right;
font-size: 30px;
   font-style: normal;
 font-weight: 700;
 line-height: 152.9%; /* 45.87px */
 text-transform: capitalize;
              }
.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%; /* 24.464px */}
.page-link, .page-link:hover, .page-link:focus  {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px; /* 140% */
  }
 }
            @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;}
                            }
                              @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: 1280px) {
  .head-bg{background: url(../img/bg-1280.jpg) no-repeat center right ;height: 616px;}
  
  .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: 6px 0;}
  .all-formo {padding:18px; margin-top: 3%;}
  .has-float-label label, .has-float-label>span {font-size: 22px;}
  .form-control {    height: 3.7em;}
  .zak_num a {padding-top: 14px;}
  .family_breakfast_btn a.like-button {font-size: 18px;width: 50%;}
  .family_breakfast_btn button.add_toCard {font-size: 18px;}
  .family_breakfast_btn a.like-button {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;}
}

@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-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;}
.family_breakfast_btn button.add_toCard   {font-size: 17px;}
.has-float-label label, .has-float-label>span {font-size: 18px;}
.zak_num a {font-size: 13px;}
.form-control {  height: 2.7em;}
.copo {padding-bottom: 16px;}
.tot-mon h2 {padding-top: 10px !important;}
.family_breakfast_btn button.add_toCard {padding: 5px 0px;}
.notex {padding-bottom: 23px;}
.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;}
.mob-v { display: block;}
.page-link, .page-link:hover, .page-link:focus  {font-size: 14.5px;}
.page-item:first-child .page-link, .page-item:last-child .page-link  {  padding: 6px 13px;}
.serch-tem-txt {width: 70%;}	 

                        }

@media (max-width: 991px){
  .head-bg{background: url(../img/bg-empty.jpg) no-repeat top center  ;
    height: 810px;}
    .head-bg-z2{  height: 965px;}
      .fijo {background: url(../img/money.png) no-repeat right top ; padding: 0px;padding-bottom: 30px;}
.all-formo {margin-top: 0%; width: 99%;}
.sec-logo {margin: auto;padding-top: 10%;}
.fijo span { margin-bottom: 15%}
  .tot-mon h2 {background:transparent;}
  .family_breakfast_btn a.like-button {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;}
      .calc-amoun{  margin: auto;  margin-top: 20px;  margin-right: 10px;}
      .list-group-item:first-child {  border-radius: 4px !important; }
	/********************************************/
	.search-tit a { display: block;position: absolute; right: 24px;}
	
	.serch-tem-txt a{
	display: block;	
	color: #F26530 !important;
	text-align: right;
	font-family: Tajawal;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 135.5%; /* 21.68px */
	text-transform: capitalize;
	text-decoration: none;}
	.serch-tem-txt span{border-radius: 4px; background: #F1E8E4;padding: 2px 4px;
color: #685A4D !important;
text-align: right;
font-family: Tajawal;
font-size: 14px !important;
font-style: normal !important;
font-weight: 500 !important;
line-height: normal;}
	.search-more button {
    display: block;
    margin: auto;
    border-radius: 12px;
    background: #F26530;
    padding: 16px 32px 12px 32px;
    height: 54px;
    width: 85%;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border: 0px;}
	.serch-tem-txt p {font-size: 14px;}
	.bi-chevron-right::before {color: var(--tertiary, #6C727F);}
	.search-tit h2 {font-size: 32px;}
}
@media (max-width:865px) {
    .cop-7 {width: 58%;}
	.serch-tem-txt {width: 65%;}
    }
@media (max-width:768px) {
.page-link, .page-link:hover, .page-link:focus   {font-size: 16px;}
.page-item:first-child .page-link, .page-item:last-child .page-link  {  padding: 10px 18px;}

}
@media (max-width:750px) {
	.serch-tem-txt { width: 60%;}

}
@media (max-width:677px) {
.head-bg-z2 {height: 1014px;}
.fijo-z2 { padding-bottom: 70px;}
.form-check label {font-size: 18px;}
                        }
@media (max-width:660px) {
	.serch-tem-txt { width:55%;}

}
@media (max-width:611px) {
  .cop-7 {width: 55%;}
  }
@media (max-width:600px) {
	.serch-tem-txt { width:50%;}

}
@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 a.like-button {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%;}
.fijo span {margin-bottom: 33%;}
.fijo {padding-bottom: 95px;}
.head-bg {height: 855px;}
.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;}
.head-bg-z2 {height: 1084px;}
.fijo-z2 {padding-bottom: 130px;}
.zak_num a {padding-top: 11px;}
.moboz { margin-top: 22px;}
.form-check label {width: 90%; padding-top: 0px;}
.serch-tem-img { width: 20%}
.serch-tem-txt { width: 70%;padding: 8px 12px 8px 8px;}
.serch-tem-txt p { display: none;}	
.res-item img { min-width: 92px;}
.res-item {align-items: center;justify-content:flex-start;}
.search-word { width: 88%; margin: auto;}
.div-messe {padding: 45% 0px !important;}
.search-tit h2 {font-size: 24px;}
.search-tit i { font-size: 21px;}
}
@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 a.like-button { width: 100%; margin-bottom: 15px;}
.titoz {margin-left: 5%;;}
.select-wrapper::after {top: 20px;}
.text-entr {width: 45%;}
.btn-secondary {    font-size: 17px;}
}
@media (max-width: 425px){
  .titoz {margin-left: 0%;;}
.btn-all-prj {margin-left: 3px;}
.btn-secondary {    font-size: 14px;}
	  .p-det h3 {font-size: 14px;}
  .p-det p, ol {font-size: 14px;}
	.res-item {align-items: center;justify-content: space-between;}
}
@media (max-width: 375px){
    .fijo {background: url(../img/money2.png) no-repeat right top ; padding: 0px;padding-bottom: 28px;}
  .head-bg {height: 805px;}
  .b-shar{
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-padding-y: 0.25rem;}
  .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: 16px;}
  .form-check label {font-size: 16px; width: 96%;}
  .family_breakfast_btn a.like-button {
    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: 50%;
  color: #FFF;
  text-align: center;
  text-shadow: 2px -2px 52px #A9AF4E;
  font-family: Tajawal;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 139.5%; /* 39.06px */}
  .fijo span {margin-bottom: 35%;}
  .head-bg-z2 {height: 990px;}
  .select-wrapper::after {top: 11px;}
}
@media (max-width: 360px){
  .text-entr {width: 50%;}
  .btn-secondary {
      font-size: 12px;
  }
.cop-1 {
    min-width: 44px;
    font-size: 18px;
    height: 44px;}
    .form-check label {font-size: 16px;}
  }
@media (max-width: 360px){
.page-item { margin-left: 8px;}
.serch-tem-txt {margin-right: 6px;}
.serch-tem-txt a {font-size: 12px;}
	.serch-tem-txt span {font-size: 12px !important;}
}

@media (max-width: 328px){
  .titoz {margin-left: 1%;}
  .btn-all-prj {margin-left: 4px;}
}