.container-fluid, .container-lg, .container-md, .container-sm, .container-xl{
    background: #ececec;
}
.container {
    padding-right: 0px !important;
    padding-left: 0px !important;
}
.form-control-search {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    background: #fff !important;
    color: #635e5c;
    border: 0;
    box-shadow: 0 20px 60px -10px rgb(0 0 0 / 30%);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.form-control-custome {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    cursor: pointer;
    color: #fff;
    background-color: #df7900 !important;;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.filter{
  position: relative;
  padding-left: 14px;
  padding-right: 14px;
}
textarea:focus, input:focus, option:focus, select:focus{
    outline: none;
}
.container > div > div.card1 {
    height: calc(100% - 15px);
    margin-bottom: 15px;
}
.main-card-container {
    padding: 15px;
    background: transparent;
    float: left;
    width: 100%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-card {
    display: inline-block;
		text-decoration: none;
		padding: 5px 16px;
		border: 1.5px solid #df7900;
    background: #df7900;
    color: #fff;
		margin: 20px 0px;
    font-size: 1rem;
    line-height: 1.81;
    font-weight: 400;
    transition: .2s ease-in-out;
}
.btn-card:hover {
  text-decoration: none;
	color: #fff;
}
.my-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-radius: 0px;
    color: #a4abae;
    text-align: left;
    transition: .4s;
    box-shadow: 0 4px 8px rgb(0 0 0 / 10%);
}
.my-card:hover{
  background: #fff;
  box-shadow: 0px 9px 20px rgba(0, 0, 0, 0.30);
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.mb-4 {
    margin-bottom: 1.5rem!important;
}
{#.mt-5 {
    margin-top: 3rem!important;
  }#}
.my-card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}

.container-fluid {
    width: 100%;
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-right: auto;
    margin-left: auto;
}
.bg-dark {
   background: #877a77;
}
.card-text{
   height: 10px;
   margin-top: -17px;
   margin-bottom: 30px;
}
.badge {
    display: inline-block;
    background: #988F86;
	  color: #fff;
    padding: 0.25em 0.4em !important;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0rem !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.my-card-title {
    margin-bottom: 0.75rem;
    margin-top: 2.2rem;
    font-size: 18px;
    margin-right: 12.4px;
    padding-right: 1px;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
   -webkit-line-clamp: 1; 
   -webkit-box-orient: vertical;
}
strong {
    font-weight: bolder;
    font-size: 23px !important;
}
.my-card-title a{
  text-decoration:none;
  cursor: pointer;
  color: #47423c;
}
.my-card-title a:hover{
  color:#df7900;
  text-decoration:none;
}

.my-company a{
  text-decoration:none;
  font-family: museo_sans300,sans-serif;
  font-weight: 900;
  cursor: pointer;
  color: #47423c;
}
.my-company a:hover{
  color:#df7900 !important;
  text-decoration:none;
}
.my-job-title{
  text-decoration:none;
  font-family: museo_sans300,sans-serif;
  font-weight: 900;
  color: #47423c;
  margin-bottom: 0.5rem;
  height: 49px;
}
.my-job-title,.my-company{
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; 
   -webkit-box-orient: vertical;
}

.my-company{
   height:52px;
}


.my-img-fluid {
    max-width: 100%;
    height: auto;
}
.col-2 {
    max-width: none !important;
}
.col-4 {
    max-width: none !important;
}
.fa-linkedin-square{
  width: 8;
}

@media (max-width: 767px) {
  {#.event-detail-border {
      display: none;
    }
  .btn-body{
    text-align: center;
    bottom: 30px;
  }#}
  .filter-section, .filter-search{
    padding-bottom: 10px;
    max-width: 100%;
  }
}

.fab{
  font-size: 21px !important;
}
a button {
  color: #fff;
  border:1px solid #df7900; 
  padding:9px;
  border-radius:0%;
  background-color:#df7900;
}
a button i {
  width:21px; 
  height:21px; 
  text-align:center;
}