.mainCss{display:inline-block;float:right;width:100%}
.listing { display:inline-block;float:right;width: calc(100% - 320px); margin-left: 20px; padding: 0; background: none }
.zakahTabs { display: inline-block; float: right;  width: 100%;}
.zakahTabs .tabBtn { width: calc(100% / 2);display: inline-block;height: 48px;line-height: 48px;float: right;font-size:14px;cursor: pointer;border: none;text-align: center;;color: #6D6D6D;background: #DFDFDF;transition: background 0.3s;}
.zakahTabs .tabBtn.active { background: #fff;color: #1E1E1E;font-family:DroidKufiBold, arial}
.tabContent{ display:none; width: 100%;  margin-top: 15px; float: right;}
.tabContent.active {display: block;}
.tabContent p{font-size:16px}
.tabContent p.title,
.tabContent h2.title
{color: #074167;font-family:DroidKufiBold, arial;margin-bottom:8px;}
.tabContent p.text{color: #1E1E1E;line-height:1.8}
.tabContent ul { list-style-type: disc; padding:0 20px/* Default bullet points */}
.tabContent ul li{display:list-item;font-size:16px;color: #1E1E1E;line-height:1.8;list-style:disc;padding-right:8px;margin-bottom:10px}
.tabContent ul li::marker { content: "• ";  color: #1E1E1E;  font-size:14px;}


.peopleNum{margin:30px 0;background: #FFF;}
.peopleNum .title{height:56px;background: #074167;padding:0 10px;margin-bottom:15px}
.peopleNum .title p{color:#fff;font-size:16px;font-family:DroidKufiBold, arial;line-height:56px}
.inputContainer{position:relative;padding: 0 10px}
.inputContainer label{color: #2E2E2E;font-size:16px;text-align:right;margin-bottom:15px}
.inputContainer label.result{width:auto;margin-left:15px}

.inputContainer input{border:0;height:48px;line-height:48px;background: #F4F4F4;color: #1E1E1E;font-size:16px;padding:0 15px;margin-bottom:15px}
/*.inputContainer:before{content:'جنية مصري';display:inline-block;position:absolute;color: #777;font-size:16px;left:20px;bottom:25px}*/
.peopleNum button{display:inline-block;width: 152px;height: 40px;background: #074167;float:right;margin-right:10px;color:#fff;margin-left:10px;font-size:16px;font-family:DroidKufiBold, arial;line-height:40px;text-align:center;margin-bottom: 20px;}

.inputContainer .error{display:inline-block;float:right;width:100%;color:red;    font-size: 15px;font-weight: unset; font-family: DroidKufiLight; text-align: right;}
.inputContainer .error:after{display:none}

.days .inputContainer:before{display:none}
.money .inputContainer:before{display:none}
.money  .inputContainer label{width:auto}
.inputContainer span{display:inline-block;float:right;font-size:16px;color: #1E1E1E;font-family:DroidKufiBold, arial;font-weight:bold}
.inputContainer span:after{content:'جنية مصري';display:inline-block;color: #1E1E1E;font-size:16px;float:left;margin-right:8px;font-family:DroidKufiBold, arial}

.accordion { display: inline-block;width: 100%;overflow: hidden;float: right; }
.accordionItem {display:inline-block;float:right;width:100%;background:#fff;height:auto  ;min-height:48px;margin-bottom:20px   }
.accordionHeader {display:inline-block;;width:100%;float:right;line-height:48px;padding:0 10px ;color: #074167;font-size:16px;font-family:DroidKufiBold, arial; cursor: pointer;  text-align:right }
.accordionHeader:before{content:'q';display:inline-block;float:left;color:#233D5F;font-size:16px;transform: rotate(270deg);}
.accordionContent { display: none; padding: 10px; background: #FBFBFB; float:right;width:100%;padding:15px}
.activetoggle .accordionContent {  display: block; }
.activetoggle .accordionHeader:before{transform:rotate(90deg)}

.zakahAlmal{color:#074167; float: right; text-align: right; margin-bottom: 20px;}

@media screen and (min-width:320px) and (max-width:1359px) {
    .tabContent p,
    .accordionHeader,
    .tabContent ul li,
    .inputContainer:before{font-size:15px}
}

@media screen and (min-width:1152px) and (max-width:1279px) {
    .accordionHeader{line-height:1.8;padding:10px}
}

@media screen and (max-width: 1023px) {

.dtlsSc{width:100%!important;}
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    .listing{width:100%;margin-left:0;    padding: 0 10px;}
    .peopleNum .title{height:48px}
    .peopleNum .title p{line-height:48px}
    .peopleNum button{width:132px;height:40px;line-height:40px}
    .accordionHeader{    padding: 10px;line-height: 1.8;}
}