.directory-list-one .members-list {  display: flex;  flex-direction: row;  flex-wrap: wrap; }
.directory-list-one .membersListImg {  background: var(--gray-2);}
.directory-list-one .members-list-content { padding: 25px;} 
.directory-list-one .members-list-item {flex: 1 0 31%;box-shadow: var(--shadow-2);margin: 0 15px 30px;overflow: hidden;border-radius: var(--border-radius);}
.directory-list-one .mwDirectory-item {  width: 33%;}
.directory-list-one .members-list-item:hover {  box-shadow: var(--shadow-2); }
.directory-list-one .membersListImg {background-repeat: no-repeat;background-size: cover;background-position: center center;}
.directory-list-one .members-list-content {  padding: 20px 20px 0;}
.directory-list-one .switchHolder {  display: flex;  align-items: center;  margin: 0 auto 50px;  width: 250px; }
.directory-list-one .switchHolder .text-primary {  font-weight: bold;  font-size: 16px;  margin-right: 10px; }
.directory-list-one .switchHolder .switch {  position: relative;  display: inline-block;  width: 60px;  height: 34px;  margin-right: 10px; }
.directory-list-one .switch input {   opacity: 0;  width: 0;  height: 0; }
.directory-list-one .sliderx {  position: absolute;  cursor: pointer;  top: 0;  left: 0;  right: 0;  bottom: 0;  background-color: #ccc;  -webkit-transition: .4s;  transition: .4s;  border-radius: 34px; }
.directory-list-one  .sliderx:before {  position: absolute;  content: "";  height: 26px;  width: 26px;  left: 4px;  bottom: 4px;  background-color: #fff;  -webkit-transition: .4s;  transition: .4s;  border-radius: 50%; }
.directory-list-one  input:checked + .sliderx {  background-color: var(--primary); }
.directory-list-one  input:focus + .sliderx {   box-shadow: 0 0 1px #2196F3;}
.directory-list-one  input:checked + .sliderx:before {   -webkit-transform: translateX(26px);  -ms-transform: translateX(26px);  transform: translateX(26px); }
.directory-list-one .b {  font-weight: bold;  font-size: 16px; }
@media (max-width: 1199px) {
  .directory-list-one .members-list-item {    flex: 1 0 42%;  }
}
@media (max-width: 999px) {
  .directory-list-one .members-list-item {    flex: 1 0 100%;  }
.directory-list-one .mwDirectory-item {    width: 50%;   }
}
@media (max-width: 699px) {
  .directory-list-one  .members-list-item {flex: 1 0 100%;margin: 0 0 30px;}
.directory-list-one .mwDirectory-item {    width: 100%;   }
}






.profile-picture {height: 140px;width: 140px;overflow:hidden;border-radius:50%;margin: 0 auto;border: 3px solid var(--gray-3);display:flex;align-items: center;}
.profile-picture img {widtH:100%;transform: scale(1.5);}

.directory-details-one .row .row .col-lg-3 {border-right:1px solid var(--gray-4)}

.profile-card {padding: 120px 30px 30px;background:var(--primary);margin-bottom:25px;border-radius:10px;}
.profile-card p {margin:0; color:var(--white); font-weight:700; font-size:18px;}


.directory-details-one .profileOverview {display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 0px;}
.directory-details-one .profileOverview h6, .directory-details-one  .profileOverview p {  margin-bottom: 5px; }
.directory-details-one .profileOverview div {width: 32%;margin-bottom: 20px;}
.directory-details-one .profileOverview h6 {}
.directory-details-one .profileOverview p { }

@media (max-width: 699px) {
  .directory-details-one .profileOverview {    display: block;  }
  .directory-details-one .profileOverview div {    width: 100%;    margin-bottom: 20px;  }
}




.directory-details-one .col-lg-9 {background:var(--white);border-radius:10px;padding: 50px;}
.sidebarinner {background:var(--white);/* text-align:center; */padding: 50px 25px;border-radius: 10px;}

.directory-details-one .col-lg-9  .col-lg-9 {padding:0 50px;}
.directory-details-one .sidebarinner div {/* margin:25px 0; */}

.directory-details-one .sidebarinner div ul  {list-style-type: none; padding:0}
.directory-details-one .sidebarinner div ul li { border-bottom:1px solid var(--gray-4); padding:10px 0}



.directory-details-intro { text-align:center; }

/*** Dirsctory Search Form ***/

.search-form {  display: flex;  align-items: center;  width: 100%;  margin: 0 auto 40px;}
.search-input {  border: 2px solid #ccc;  border-radius: 20px;  padding: 10px;  font-size: 16px;  width: 100%;  margin-right: 10px;}
.search-input:focus {  outline: none;  border-color: var(--primary);}
.search-button {  background-color: var(--primary);  border: none;  border-radius: 20px;  color: #fff;  cursor: pointer;  padding: 10px 20px;  font-size: 16px;}
.reset-button {  margin-left:10px; text-decoration: underline}
.search-button:hover {  background-color: var(--primary-7);}
.fa-search {  font-size: 16px; }










.members-list-two {}
.members-list-two .members-list-item { display:flex; justify-content:space-between;}
.members-list-two .members-list-item .membersListImg {height:250px;width:250px;background-size: cover;background-repeat:no-repeat;background-position:center}

.members-list-two  {  display: flex;  flex-direction: row;  flex-wrap: wrap; }
.members-list-two .membersListImg {  background: var(--gray-2);}
.members-list-two .members-list-content { padding: 25px; width:60%;} 
.members-list-two .members-list-item {flex: 1 0 41%;box-shadow: var(--shadow-2);margin: 0 15px 30px;overflow: hidden;border-radius: var(--border-radius);}


@media (max-width: 1199px) {
}
@media (max-width: 999px) {
  
}
@media (max-width: 699px) {
  .members-list-two .members-list-item {flex: 1 0 100%; margin: 0 0px 30px;}
.members-list-two .members-list-item { display:block; }
.members-list-two .members-list-item .membersListImg { width:100%; }

}







.members-list-three {}
.members-list-three .members-list-item {}
.members-list-three .members-list-item .membersListImg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.members-list-three  {  display: flex;  flex-direction: row;  flex-wrap: wrap; }
.members-list-three .membersListImg {  background: var(--gray-2);}
.members-list-three .members-list-content { padding: 25px; width:60%;} 
.members-list-three .members-list-item {flex: 1 0 21%;box-shadow: var(--shadow-2);margin: 0 15px 30px;overflow: hidden;border-radius: var(--border-radius);}


@media (max-width: 1199px) {
}
@media (max-width: 999px) {
  
}
@media (max-width: 699px) {
  .members-list-two .members-list-item {flex: 1 0 100%; margin: 0 0px 30px;}
.members-list-two .members-list-item { display:block; }
.members-list-two .members-list-item .membersListImg { width:100%; }

}
















/* Style for the label */
.directory-details-one label {
  display: block;
  margin-bottom: 15px;
  font-weight: bold;
}

/* Style for the select dropdown */
.directory-details-one select {
  padding: 8px;
  font-size: 16px;
  border: 1px solid var(--gray-4);
  border-radius: 4px;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 15px;
}

/* Style for the textarea */
.directory-details-one textarea {
  padding: 8px;
  font-size: 16px;
  border: 1px solid var(--gray-4);
  border-radius: 4px;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 15px;
}

/* Style for the input */
.directory-details-one input[type="url"] {
  padding: 8px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 15px;
}

/* Style for the placeholder text */
.directory-details-one input[type="url"]::placeholder {
  color: #999;
}

/* Style for the required input */
.directory-details-one input[type="url"]:required {
  border-color: var(--gray-4);
}

/* Style for the input when it's focused */
.directory-details-one input[type="url"]:focus {
  outline: none;
  box-shadow: 0 0 4px #999;
}




/* Style for the input */
.directory-details-one input[type="email"] {
  padding: 8px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 15px;
}

/* Style for the placeholder text */
.directory-details-one input[type="email"]::placeholder {
  color: #999;
}

/* Style for the required input */
.directory-details-one input[type="email"]:required {
  border-color: var(--gray-4);
}

/* Style for the input when it's focused */
.directory-details-one input[type="email"]:focus {
  outline: none;
  box-shadow: 0 0 4px #999;
}





/* Style for the input */
.directory-details-one input[type="text"] {
  padding: 8px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 15px;
}

/* Style for the placeholder text */
.directory-details-one input[type="text"]::placeholder {
  color: #999;
}

/* Style for the required input */
.directory-details-one input[type="text"]:required {
  border-color: var(--gray-4);
}

/* Style for the input when it's focused */
.directory-details-one input[type="text"]:focus {
  outline: none;
  box-shadow: 0 0 4px #999;
}




/* Style for the file input */

.directory-details-one input[type="file"]:before {
   font-family: "Font Awesome 5 Free";
   content: "\f382";
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
   font-weight: 900;
   margin-right:10px;
   color: var(--primary-4);
   font-size: 36px;
}
.directory-details-one input[type="file"] {
  padding: 8px;
  border-radius: 4px;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 15px;
  background: url(/images/upload.png);
  width: 61px;
  cursor: pointer;
}

.profileUpload {display:flex;flex-direction: row-reverse;align-items:center;justify-content: center;}


/* Style for the input when it's focused */
.directory-details-one input[type="file"]:focus {
  outline: none;
  box-shadow: 0 0 4px #999;
}

/* Style for the input when a file has been selected */
.directory-details-one  input[type="file"]:valid {
  /* border-color: green; */
}














.pricingTable {display: flex;justify-content: space-between;margin:0 0 50px; }
.pricingColumn {margin: 0 0px;text-align: center;width: 32%;}
.price {background-color: var(--white);padding: 30px 20px 20px;border-radius: 10px;}

.pricingColumn:nth-child(1) .price {background:var(--gray-1); }
.pricingColumn:nth-child(2) .price {background:var(--gray-3); }
.pricingColumn:nth-child(3) .price {background:var(--gray-1); }

.price h5 {    font-weight: bold;  margin-bottom: 20px;}
.priceContent {  margin-bottom: 20px;}
.priceCost {color: var(--primary);font-size: 30px;font-weight: bold;margin-bottom: 20px;font-style: italic;}
.price ul {list-style: none;padding: 0;margin: 0 0 20px;}
.price ul li {padding: 10px 0;font-size: 16px;border-bottom: 1px solid var(--gray-4);}

.price ul li:last-child {
  border-bottom: none;
}

.price a.button {
  display: inline-block;
  background-color: #555;
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  text-decoration: none;
  margin-top: 20px;
}