.popsection_container{
	display:none
}
.hide_checkout{
  	display:none
}
.listing_box_group{
display:block;
width:100%
}
.listing_box_flex{
display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
        --flex-direction: initial;
    --flex-wrap: initial;
    --justify-content: initial;
    --align-items: initial;
    --align-content: initial;
    --gap: initial;
    --flex-basis: initial;
    --flex-grow: initial;
    --flex-shrink: initial;
    --order: initial;
    --align-self: initial;
}

.listing_box_design{
overflow:hidden;
width:19%;
background:#fff;
margin-left:0.5%;
margin-right:0.5%;
border-radius:10px;
position: relative;
    min-height: 1px;
    display: flex;
     --flex-direction: initial;
    --flex-wrap: initial;
    --justify-content: initial;
    --align-items: initial;
    --align-content: initial;
    --gap: initial;
    --flex-basis: initial;
    --flex-grow: initial;
    --flex-shrink: initial;
    --order: initial;
    --align-self: initial;
}



.listing_sec_box.green_n1{
border-top:20px solid #85ffbd;
}
.listing_sec_box.green_n2{
border-top:20px solid #a4ff81;
}
.listing_sec_box.green_n3{
border-top:20px solid #8dffac;
}
.listing_sec_box.green_n4{
border-top:20px solid #97ff98;
}
.listing_sec_box.green_n5{
border-top:20px solid #a4ff81;
}
.listing_sec_box{
padding:20px 8px;
text-align:center;
direction: rtl;
width:100%;
display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    align-content: space-between;
}
.listing_sec_box h4{
    text-align: center;
    display: block;
    height: auto;
    width: 100%;
}

.listing_sec_box h4{
color:#231E1F;
font-family:"Assistant";
font-size:20px;
font-weight:700;
text-align:center;
margin-top:0px;
}
.listing_sec_box p{
margin-top:20px;
margin-bottom:20px;
}

.tab_listing_group li:before {
    content: "";
    display: block;
    width: calc(100% - 34px);
    height: 1px;
    background: #AEAEAE;
    top: 26%;
    z-index: 0;
    position: absolute;
    left: calc(50% - -17px);
}
 
.tab_listing_group ul li {
    margin: 0!important;
    padding: 0!important;
}
.tab_listing_group li:nth-child(1)::before {
    display: none;
}
 
.tab_listing_group ul li.active::before {
    background: #0CF7EA;
}

.listing_sec_box.green_n1 p{
  font-size:16px;
  font-weight:800;
  color:#008087;
  line-height:19.2px;
  text-align:center;
  font-family:"Assistant";
}
.listing_box_btn button{
display:inline-block;
width:160px;
background-color:#000000;
font-size:16px;
font-weight:700;
color:#7bdd56;
border-radius:25px;
border:0px;
outline:0px;
margin-top:6px;
}
.listing_box_design img{
margin-top:20px;
}
.listing_sec_box.green_n2 p,
.listing_sec_box.green_n3 p,
.listing_sec_box.green_n4 p,
.listing_sec_box.green_n5 p{
font-size:16px;
line-height:17.6px;
text-align:center;
color:#231E1F;
font-family:"Assistant", Sans-serif;
}
.listing_sec_box.green_n2 p span
{
font-family:"Assistant", Sans-serif;
font-weight:800;
color:#7bdd56;
font-size:16px;
}
.listing_sec_box.green_n3 p span{
font-family:"Assistant", Sans-serif;
font-weight:800;
color:#00C7A3;
}
.listing_sec_box.green_n4 p span{
font-family:"Assistant", Sans-serif;
font-weight:800;
color:#00DED2;
}
.listing_sec_box.green_n5 p span{
font-family:"Assistant", Sans-serif;
font-weight:800;
color:#41ECB8;

}
.listing_sec_box.green_n5 p span.d-block{
display:block;
width:100%;
}

.listing_container{
max-width: 1203px;
margin:0 auto;
padding-left:1px;
padding-right:10px;
margin-top:20px;
}
.large_text{ font-size:26px;}




/* The Modal (background) */
.modal {
  display: flex; 
  position: fixed; 
  z-index: 1; 
  padding-top: 40px; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%;
  overflow: auto; 
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.7); 
}
#companyDeatils .modal-body_detail{
    direction: ltr;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 55%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
  border-radius:6px;
  overflow:hidden;
}
.modal-body{
	padding:0px !important;
}
/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color: #979797;
  float: right;
  font-size: 45px;
  font-weight: bold;
}
#companyDeatils .modal-header{
	padding:10px 15px 0px 15px;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}


.modal-body {padding: 2px 16px;}

.modal-footer {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}

.myModalForm .modal-body_container{
	width:100%;
	display:flex;
	border-radius:10px;
}
.myModalForm .modal-body_container .modal-box_img{
	width:38%;
	background:#222;
	background-image:url('./images/pic.png');
	background-size:cover;
	background-position:center;
}
.myModalForm .modal-body_container .modal-box_form{
padding:55px 50px !important;}
.myModalForm .modal-body_container .modal-box_form .form_head{
width:80%;}
.myModalForm .modal-body_container .modal-box_form{
	width:62%;
	background:#fff;
	padding:25px 30px;
	direction:rtl;
}

.myModalForm .modal-box_form h4{
	font-size:18px;
	font-weight:800;
	font-family:"Assistant", Sans-serif;
	font-size:18px;
	text-align:right;
	margin-top:0px;
    margin-bottom:20px;
}
.myModalForm .modal-body_container .form_head .form-group{
	padding-left:20px;
}
.myModalForm .modal-body_container .form_head input{
	border-bottom:1px solid #000;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	color:#868686;
	font-size:14px;
	line-height:18px;
	margin-bottom:18px;
	width:100%;
	padding:10px;
    background:transparent;
    font-family:"Assistant", Sans-serif;
    border-radius:0px;
}
.myModalForm .modal-body_container .form_head input::placeholder{
	color:#868686;
	font-size:14px;
	line-height:18px;
	text-align:right;
	letter-spacing:2px;
   font-family:"Assistant", Sans-serif;
}
#myModalForm{
padding-top:20px !important;}
.modal-body_container form{
	padding-left:20%;
}
.modal-body_container .form_submit_btn{
	background-color:#0ceae3;
	height:50px;
	width:100%;
	border-radius:25px;
	text-align:center;
	font-size:17px;
	font-family:"Assistant", Sans-serif;
	line-height:22.45px;
	text-align:center;
	border:0px;
	font-weight:700;
	margin-top:20px;
    color:#000;
}


/* large company css */

.tab_listing_group ul{
	width:50%;
	margin:0 auto;
}
.tab_listing_group ul li{
	width:33.33%;
}
.company_detail_tab h4{
	font-size:24px;
	line-height:29px;
	color:#fff;
	letter-spacing:0.5px;
	line-height:29px;
	text-align:center;
}
.company_detail_tab{
	margin-top:50px;
}
#company_tab .company_detail-form-design,
#payment_tab .company_detail-form-design{	
	  width: 65%;
	  margin:0 auto;
}
.company_detail-form-design .company_detail_container{
	    width: 100%;
    display: flex;
    border-radius: 10px;
	overflow:hidden;
}
.company_detail-form-design .company_detail_img{
	width: 40%;
    background: #222;
    background-image: url(images/pic.png);
    background-size: cover;
    background-position: center;
}
.company_detail-form-design .company_detail_form{
	width: 60%;
    background: #fff;
    direction: rtl;
}
.company_detail-form-design .company_detail_form .company_detail_form-space{
   padding: 50px 30px;	
}
.company_detail-form-design .company_detail_form form{
	    padding-left: 30%;
}
.checkbox_form{ display:inline-block;
margin-top:50px;}
.checkbox_form input{
	display:inline-block;
	width:auto !important;
}

.company_detail-form-design .company_detail_form input{
	border-bottom: 1px solid #000;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    color: #868686;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 24px;
    width: 100%;
	padding:10px 10px;
}
.company_detail-form-design .form_submit_btn{
	background-color: #0CC0CA;
    height: 50px;
    width: 100%;
    border-radius: 25px;
    text-align: center;
    font-size: 20px;
    font-family: "Assistant", Sans-serif;
    line-height: 22.45px;
    text-align: center;
    border: 0px;
    font-weight: 700;
    margin-top: 00px;
}
#companyDeatils{
	z-index:111;
	text-align:right;
	margin-bottom:60px !important;
}
#companyDeatils .modal-body_container{
	padding:0px 50px 30px 50px;
}
#companyDeatils .modal-body_container h5{
font-size:22px;
font-weight:800;
color:#000000;
line-height:24px;
font-family:"Assistant", Sans-serif;
padding-right:25px;
margin-bottom:18px;
}
#companyDeatils .modal-body_container .company_detail_content p{
	font-size:14px;
	font-weight:600;
	color:#636363;
	line-height:21.93px;
	text-align:right;
	direction:rtl;
	padding-right:25px;
	margin-top:0px;
}
#companyDeatils .modal-body_container .company_detail_content{
	max-height:62vh;
  	height:100%;
	overflow-y:auto;
    margin-bottom:20px;
}

/* width */
#companyDeatils .modal-body_container .company_detail_content::-webkit-scrollbar {
  width: 6px;
}

/* Track */
#companyDeatils .modal-body_container .company_detail_content::-webkit-scrollbar-track {
  border-radius: 10px;
  background:#D9D9D9;
}

/* Handle */
#companyDeatils .modal-body_container .company_detail_content::-webkit-scrollbar-thumb {
  background: #0059BF;
  border-radius: 10px;
  height:30px;
}
.w-auto-btn{
	width:300px !important;
	margin:0 auto !important;
}
.company_Detail_btn{
	width:100%;
	text-align:center;
	padding-top:25px;
}
.company_Detail_btn .btn-disabled{
	background:#D9D9D9 !important;
	color:#868686 !important;
}
#payment_tab .company_detail_img{
	width: 40%;
    background: #222;
    background-image: url(./images/payment_pic.png);
    background-size: cover;
    background-position: center;
}
.card-info-group input{
	width:31.33% !important;
	margin-left:1%;
	margin-right:1%;
	float:left;
}
#payment_tab form p{
	width:118%;
	font-size:12px;
	color:#868686;
}
.packages_group{
border-top:1px solid #D8D8D8;
border-bottom:1px solid #D8D8D8;
padding-top:20px;
padding-bottom:20px;
padding-left:30px;
padding-right:30px;
direction:rtl;	
}
.pacakge_detail p{
	color:#000000;
	font-size:16px;
	line-height:23.5px;
	text-align:right;
	font-weight:400;
	margin-top:0px;
}
.pacakge_detail p .basic_pacakage_detail{
	font-size:16px;
	font-weight:400px;
	line-height:25px;
	text-align:right;
	font-family:"Assistant", Sans-serif;
}
.pacakge_detail p .pacakage_text_large{
	font-size:23px;
	font-weight:800;
	line-height:25px;
	font-family:"Assistant", Sans-serif;
	
}
.pacakge_detail p.mtp-2{
margin-top:25px;	
}

@media (max-width:767px)
{
.container.listing_container{
  padding-left:20px;
  padding-right:20px;
}
.listing_box_design{
  width:100% !important;
  margin-top:10px;
  margin-bottom:10px;
}
.listing_box_flex{
	flex-wrap:wrap;
}
.listing_box_btn{
	width:100%;
}
.listing_box_btn button{
	width:100%;
}
.listing_box_design .img_title_wrapper{
  display:flex;
  align-items:center;
  width:100%;
  justify-content:center;
}
.listing_box_design .img_title_wrapper h4{
  order:1;
  width:auto;
}
.listing_box_design img{
	margin-top:-10px !important;
}
.listing_sec_box img{
  width:60px;
  margin-left:10px;
}
}
@media (min-width:768px) and (max-width:1200px)
{
.listing_container{
  padding-left:10px;
  padding-right:10px;
}
  
.listing_box_btn button{
	width:auto !important;}
}

#mepro-login-hero{
	margin-top:15px;
}

.hidemodel{
	display:none;
}

.large_text{
  font-size:26px !important;
  font-weight:800;
}

#ast-scroll-top{
  right:50px;
  border-radius:50px;
  width:2.5rem;
  height:2.5rem;
  line-height:2.5rem;
  background: linear-gradient(90deg, rgba(127,252,202,1) 0%, rgba(140,253,169,1) 55%, rgba(160,255,131,1) 100%);
}
#ast-scroll-top{
    color: #000;
    margin-top: -2px !important;
}
.header-absolute{
    position: absolute;
    right: 26px;
    top: 10px;
}

@media (max-width:767px)
{
#myModalForm .modal-body_container{
    flex-wrap: wrap;
}
#myModalForm .modal-content{
width:90% !important;}
#myModalForm .modal-body_container .modal-box_img{
    width: 100%;
    order: 1;
    height: 200px;
}
#myModalForm .modal-box_form{
width:100%;
order:2;
}
.myModalForm .modal-body_container .modal-box_form {
    padding: 30px 20px !important;
}
.myModalForm .modal-body_container .modal-box_form .form_head {
    width: 100%;
}
#myModalForm .modal-body_container form {
    padding-left: 0px;
}
.modal-body_container .form_submit_btn {
    width: 260px;
}
}

@media (min-width:1500px)
{
.modal-body_container .form_submit_btn {
    width: 270px;
}
}
.userinfoform .mepr_mepr_approval_regulations .mepr-checkbox-field{
display: flex !important;
    align-items: center;
    margin-bottom:20px;
}
.userinfoform .mepr_mepr_approval_regulations .mepr-checkbox-field input{
margin-bottom:0px !important;
margin-left:6px;
}
.userinfoform .mepr_mepr_approval_regulations label.mepr-checkbox-field{
display:flex;
align-items:canter
}
.userinfoform .mepr_mepr_approval_regulations label.mepr-checkbox-field input{
margin-bottom:0px !important;
margin-left:6px !important;
}