@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; }
/****************** Header **********************/
body {background: #FFF;}
.nomargin { margin: auto;}
.nopadding { padding: 0px;}
/***************************************************/
.card-det{background: var(--card-bg, #FFF8F6);    padding: 54px 0px;}
.vocz{border-radius: 10px;background: var(--color-white, #FFF);box-shadow: 0px 0px 27px 0px rgba(169, 169, 169, 0.12);    margin-top: 1px;}
.card-head{ background-color:transparent;align-items: flex-start;}
.card-name-det {margin-right: 35px; width: 70%;}
.case-info{padding: 44px 44px 24px 44px;}
.card-imgs-det img{border: 5px solid #DACFCA;    border-radius: 50%;}
.card-name-det  h2{color: #9D8C7E !important;font-size: 32px;font-style: normal;font-weight: 700;line-height: normal;}
.card-name-det span{color: #363636;font-size: 24px;font-style: normal;font-weight: 400;line-height: 150%; /* 36px */}
.case-det ul{width: 70%;margin: auto;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-evenly; list-style: none;}
.kaf-det-txt-mob{ display: none;}
.case-fee{border-radius: 13px;padding: 16px 0px;background: #F1E8E4; text-align: center;    margin: 0px 33px;}
.case-fee h2{color: #5B5751;font-size: 28px;font-style: normal;font-weight: 500;line-height: 26px; margin: auto;}
#case-more-info { background-color: #ffffff !important; border: 0px;
    --bs-accordion-bg: #FFFFFF;
    --bs-accordion-active-bg: #FFFFFF;
    --bs-accordion-active-color: #F26530;
	--bs-accordion-border-color: #ffffff;
	    --bs-accordion-border-width:0px;
	    width: 90%;
    margin: auto;
}
.accordion-header { background: #FFFFFF;    margin-top: 21px;}
.accordion-item {background-color: transparent;margin-bottom: 16px;border-radius: 6.472px;border: 0.404px solid rgba(242, 101, 48, 0.0);}
.accordion-button {margin: auto;
	width: 50%;
color: #5B5751;
text-align: center;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 30px; /* 125% */}
.accordion-body { background: #ffffff; border-top: 1px solid #CDC6C2;padding: 32px 0px 0px 0px;}
.accordion-body ul {display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-start; list-style: none;}
.accordion-body ul li{width: 25%; text-align: center;padding-bottom: 16px;}
.accordion-button:focus {z-index: 3;border-color: #FFFFFF;outline: 0;box-shadow: 0 0 0 0.25rem rgba(255, 102, 51, 0.0);}
.accordion-body ul li span{color: #5B5751;
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 22.5px; /* 125% */}
.accordion-body ul li p{color: #FB7644;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;}

/****************************************************************/
.cardoz{border-radius: 12px;
background: var(--color-white, #FFF);padding: 33px 18px;
box-shadow: 0px 0px 20.25px 0px rgba(169, 169, 169, 0.12);}
.case-form h2{color: #9D8C7E;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
padding-bottom: 32px;}
.num-kafol{border: 1.528px solid #E6E1DE;}
.div-ling { position: relative;}
.inputarrow-prev {position: absolute; margin-top: 9px;left: 33px;}
.inputarrow-next { right: 33px;  position: absolute;  margin-top: 9px;}
.fezo{border-radius: 12px;padding: 13px 0px; background: #FFF8F6;}
.fezo p{color: var(--secondary-2, #685A4D);
text-align: center;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 152.9%;
text-transform: capitalize;
    margin-bottom: 0px;}
.fezo span{color: var(--secondary, #87786C);
text-align: right;
font-family: Tajawal;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 152.9%; /* 36.696px */
text-transform: capitalize;}
.family_num,.fezo { margin-bottom: 18px;}
.case-det li{text-align: center; padding-bottom: 24px;}
.case-det span{color: #5B5751;
text-align: center;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 30px;
padding-bottom: 10px;}

.case-det p{color: #FB7644;
	text-align: center;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin:0px;}
.briz-mob{display: none;}
/***********************   Responsive   *************************/

@media (max-width:1536px) {

.all-formo h2 {font-size: 32px;}
.cardoz p.card-text {font-size:19px; padding: 19px 0;}
.cardoz label {font-size:18px}
.ctrl {height: 57.6px}
p.note {font-size:17.6px; padding-top: 9px;}
textarea.form-control {font-size: 19.2px;height: 80px; padding: 20px;}
.family_breakfast_btn a.like-button, .family_breakfast_btn button.add_toCard, .family_breakfast_btn button.add_toCard  { font-size: 25.6px;}
.family_breakfast_btn .col-4{ padding: 4px;}
.arr-fee {width: 151px;height: 162px;}
.arr-fee p {font-size: 39.619px;}
.arr-fee span {  font-size: 19px;}
.card-name-det h2 {font-weight: 700;font-size: 24px;}
.card-name-det span {font-weight: 400;font-size: 18px;line-height: 150%;}
.case-det span {font-weight: 500;font-size: 18px;line-height: 125%;}
.case-det p {	font-weight: 700;font-size: 18px;}
.case-fee h2 {	font-weight: 500;font-size: 21px;line-height: 93%;}
.accordion-button {    width: 44%;	font-weight: 500;font-size: 18px;line-height: 125%;}
.case-form h2 {font-weight: 700;font-size: 24px;}
}
@media (max-width:1440px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {max-width: 1272px;}
.all-formo h2 {font-size: 30px;}
.cardoz p.card-text {font-size:17px; padding: 19px 0;}
.cardoz label {font-size:21px}
.ctrl {height: 54px}
p.note {font-size:16.5px; padding-top: 9px;}
textarea.form-control {font-size:18px;height: 75px; padding: 16px;}
.family_breakfast_btn a.like-button, .family_breakfast_btn button.add_toCard, .family_breakfast_btn button.add_toCard  { font-size: 24px;}
.family_breakfast_btn .col-4{ padding: 4px;}
.arr-fee {width: 142px;height: 149px;}
.arr-fee p {font-size: 37px;}
.arr-fee span {  font-size: 18px;}
}

@media (max-width:1200px) {
  .all-formo h2 {font-size: 28px;}
  .cardoz p.card-text {font-size:15px; padding: 15px 0;}
  .cardoz label {font-size:20px}
  .ctrl {height: 51px}
  p.note {font-size:14.5px; padding-top: 7px;}
  .family_breakfast_btn a.like-button, .family_breakfast_btn button.add_toCard, .family_breakfast_btn button.add_toCard  { font-size: 19px;}
  textarea.form-control {font-size:16px;height: 65px; padding: 16px;}
  .arr-fee {width: 109px;height: 113px;}
  .arr-fee p {font-size: 25px;}
  .arr-fee span {  font-size: 15px;}
	.padsixt { padding: 8px !important;}
}
@media (max-width:1024px) {
  .all-formo h2 {font-size: 26px;}
  .cardoz p.card-text {font-size:14px; padding: 14px 0;}
  .cardoz label {font-size:18px}
  .ctrl {height: 48px}
  p.note {font-size:13.5px; padding-top: 7px;}
  .family_breakfast_btn a.like-button, .family_breakfast_btn button.add_toCard, .family_breakfast_btn button.add_toCard  { font-size:20px;}
  textarea.form-control {font-size:15px;height: 60px; padding: 16px;}
  .arr-fee {width: 109px;height: 113px;}
  .arr-fee p {font-size: 25px;}
  .arr-fee span {  font-size: 15px;}
	.padsixt { padding: 6px !important;}
}
@media (max-width:991px) {
.cardoz { margin-top: 55px;}
.cardoz p.card-text {font-size: 16px;padding: 14px 0;}
	.car-waqf img { border-radius: 0px;}
	.vocz { margin: auto; padding: 0px;}
	.card-det { background: var(--card-bg, #FFF8F6); padding: 0px 0 35px 0;border-radius: 0px 0px 16px 16px;}
	
}
@media (max-width:768px) {
.imgo {max-width: 100%; height: auto;}
	.family_breakfast_btn a.like-button {width: inherit;}
	.like-button{ margin-bottom: 20px;}
	.padsixt { padding: 6px !important;}
}

@media (max-width:575px) {
.col-xs-3{ width:28%;}
.col-xs-9{ width:68%;}
.col-xs-6,.col-sm-6 { width:50%;}
.col-xs-6, .col-sm-6{ width:50%;}
.all-formo h2 {font-size: 21px;padding-top: 18px;}
.cardoz p.card-text {font-size: 16px;padding: 14px 0;}
.cardoz label {  font-size: 16px;padding-top: 0px;}
p.note {font-size: 12px;}
.family_breakfast_btn button { margin-bottom:0px;}
.faq-tabz{ padding: 16px;}
.vocz {margin-top: 20px;}
.card-imgs img { max-width: 124px;}
.card-name-det span { display: none;}
.card-name-det {margin-right: 0px;}
.kaf-det-txt-mob{display: block; font-weight: 400;font-size: 18px;text-align: center;color: #2b3a55;    padding-bottom: 24px;}
.kaf-det-txt-mob span {display: block; margin: auto; width: 80%;}	
.card-imgs-det{    width: 100%; text-align: center;}
.case-form h2 {font-weight: 700;font-size: 18px;    text-align: center;}
.cardoz { margin-top: 24px;    padding: 24px 12px;}
.accordion-button {width: 52%;}
}
@media (max-width:450px) {
.case-det ul {width: 95%;    border-top: 1px solid #f2e5e5;padding: 16px 0px 0px 0px;}
.case-fee h2 {font-size: 18px;}
.accordion-button {
	width: 95%;}
.accordion-body ul li span {font-size: 14px;}
.accordion-body ul {align-items: baseline; padding-right: 0px;}
}
@media (max-width:375px) {
	.rido{ margin: auto;}
}