:root {
    --bg: #e3e4e8;
    --fg: #17181c;  
    --yellow: #f4a825;
    --yellow-t: rgba(244, 168, 37, 0);
    --bezier: cubic-bezier(0.42,0,0.58,1);
    --trans-dur: 0.3s;
  
  } 
/* Profile image header */
.profile-upper {position:relative;}
.profile-d {position:relative; min-height:126px;z-index:2;padding: 10px 0 20px;}
#profile-banner-image {position:relative;overflow:hidden; height:100%;background:#014292 url(../images/company_page_pat.png) no-repeat ;background-size: cover;
  background-position: center;z-index:1;min-height: 140px;max-height:460px;}
.cover_img {filter: blur(0);}
#profile-banner-image img {width:100%;height: 100%;object-fit: cover;}
   
#profile-pic {width:132px;height:132px; 
    overflow: hidden; margin-right:22px;
    border-radius: 100%;border: 8px solid #fff;
    box-shadow: 0 5px 10px 2px rgba(195,192,192,.2);
margin-top: -60px;
background: #fff;
position: relative; 
} 
.alert-secondary{background: linear-gradient(180deg,#f8f8ff 13.89%,#fff 129.17%);
  background-color: rgba(0, 0, 0, 0);
border: 1px solid #ebf0f6; font-size:96%;
border-radius:10px; color:var(--black);
max-width:560px;} .alert-secondary i{opacity:0.4}
#profile-pic img {max-width:120px;position: absolute;left: 0;right: 0;margin: auto;top: 0;bottom: 0;max-height: 120px;height: auto;width: 100%;}
.profile-upper h1{color: var(--black);font-size: 32px; margin:0px;font-weight: bold;}

.m-btn {cursor:pointer; background-color:rgba(255, 255, 255, 1);}  
.nav-justified .nav-link {   
    margin-left:0px;
    padding: .6rem 1rem; 
  }
  .nav-justified .nav-link.active, .nav-justified .show > .nav-link { border-bottom: 2px solid var(--main);  background: #f8f8ff; } 
 .nav-justified .nav-link:hover{color:var(--main);}
 .col-grey {color: var(--gray);}
 h2{font-weight: 700 !important;color: var(--black);text-transform: capitalize;position: relative;margin-bottom:15px;padding-bottom: 0px;font-size: 1.75rem;}
 b{color:var(--black)}
strong{color:var(--black)}
.rating li {display:inline-block;font-size:16px;}
.rounded dl{color: var(--black);}
.rounded h4{color:var(--black)}
 .rounded dd{margin-bottom:0px;font-weight: 500;color: #121f3e;}
.rounded dl{margin-top:7px; margin-bottom:7px;}
.rounded dt {font-weight:500;color:var(--gray);letter-spacing: -0.25px; /*! font-size:98%; */}
.rounded dd a{color:var(--main)}
/* Profile image header finished */
.rating {color: var(--black);padding: 0; margin: 0px; list-style: none;}
.col-blue b{color:var(--main)}
.col-blue{color:var(--main)}
.rating li {display: inline-block;font-size: 16px;}
.rating li.fa { font-size:18px;color: orange;}
.tab-content {padding: 10px;}
.css-circle {
    background-color: #fff;
    border: 1px solid #eee;
    color: #2d2d2d;
    font-size: 1.15rem;
    font-weight: 600;
    line-height: 42px;
    margin: 0;
    padding: .75rem .75rem;
    height: 48px;
    width: 48px;
    border-radius: 42px;
}
 
.click1 .smalldesc {
    height: 290px;
    overflow: hidden;
    transition: all 1s ease;
} 

.bigdesc {
    height: auto;
}

.click1 a {
   color:var(--main);
    text-decoration: underline;
    font-weight: 500;
}
.click1 a:hover{
   color:var(--main);
}
.click3 a {
   color:var(--main);
    text-decoration: underline;
    font-weight: 500;
}
.click3 a:hover {
   color:var(--main);
}
.click2 a {
    color:var(--main);
     text-decoration: underline;
     font-weight: 500;
 }
.click2 a:hover {
    color:var(--main);
 }
 .click2 .smalldesc {
    height:165px; 
    overflow: hidden;
    transition: all 1s ease;
}  
 .click3 .smalldesc {
    height:192px;
    overflow: hidden;
    transition: all 1s ease;
}    
.border {
    /*! border: 1px solid #d4dbe1 !important; */
    box-shadow: 0 2px 6px -2px rgba(0,106,194,.2);
    border: 1px solid #ebf0f6 !important;
  }
  .rounded-3 {
    border-radius: .3rem !important;
    box-shadow: 0 2px 6px -2px rgba(0,106,194,.2);
  } 
.card {
  box-shadow: 0 2px 6px -2px rgba(0,106,194,.2);
  border: 1px solid #ebf0f6 !important;
}
.card img{max-height:200px;}
.our-team{
    padding:20px;
    text-align: center;
    position: relative;
   box-shadow: 0 2px 6px -2px rgba(0,106,194,.2);
  border: 1px solid #ebf0f6 !important;
    border-radius: 6px;
    margin: 1px 6px;
}

.our-team .pic{
    width:90px;
    height:90px;
    border-radius: 50%;
    margin: 0 auto 12px;
    overflow: hidden;
}

.our-team .pic img{
    width: 100%;
    height: auto;
}


.our-team h3{
    font-size: 18px;
    color: #001d33;
    margin: 0 0 8px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
}

.our-team small{
    display: inline-block;
    font-size: 14px;color: var(--gray);
    overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

.our-team p{
    margin: 8px 0 8px 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:4;
-webkit-box-orient: vertical;
}
.social ul{
	padding: 0;
	margin: 0;
	display: flex; 
	align-items: center;
	justify-content: end;
}

.social ul li{
	padding: 0;
	margin: 0;
	list-style: none;
}
.social ul li a{
	padding: 0;
	margin: 0;	
	width: 35px; 
	height: 35px;
	display: inline-block;
	line-height: 34px;color: var(--main);
	text-align: center; 
	font-size: 15px;
	margin: 0 12px 0 0; box-shadow: 0 5px 10px 2px rgba(195,192,192,.2);
    border: 1px solid #d4dbe1;
    border-radius: 6px;
}
.social ul li:hover a{background-color: var(--main);color:#fff;border: 1px solid var(--main);}
  
.review_item{
    padding: 20px;   
    background: #fff;     
    margin-bottom: 24px;
      position: relative;
    /*! border-bottom: 1px solid #dee2e6; */
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    border-radius: 10px;
    box-shadow: 0 2px 6px -2px rgba(0,106,194,.2);
    border: 1px solid #ebf0f6;
  } 
.review_item h6{color:var(--black);      
      white-space: nowrap;
      overflow: hidden;
    text-overflow: ellipsis;}
  .review_item .block_links a {
  display: block;
  font-size: 0.9rem;
  font-weight:400;
  color: var(--black);
  margin: 0;
  transition: 0.3s;
  padding:2px 0;
}
.review_item .block_links p {
  display: block;
  font-size: 0.9rem;
  font-weight: 400;
  color: var(--black);
  margin: 0;
  transition: 0.3s;
  padding:2px 0;

}
  .imgname {
  display: flex;
  align-items:top;
  margin-bottom: 10px;
  }
  
  .imgname .image {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  overflow: hidden;
  flex: 0 0 auto;
  }
  
  .imgname .image img{
    width: 100%;
  }  
  .imgname .namestar {
  width: 100%;
  margin: 0 0 0 14px;
  }
  .rating-45 {
    background: #377e01;
    color: #fff;
    font-weight: 600;
  }
  .badge-rating{
    font-size: .75rem;
    padding: 3px 9.25px;
    border-radius: 2px; 
    white-space: nowrap;
    min-width: 3.125rem;
    display: inline-block;}
.imgname .namestar p{font-size:96%;/*! font-weight: 500; */color: var(--gray); margin:0; line-height:16px;}
.report{font-size:96%;font-weight: 500;color: var(--gray); margin:0; line-height:16px;width:100%;}
  .imgname .namestar h6 {
  color:var(--black);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin: 0;
  margin-bottom:5px;
  } 
  .user_Ans {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin: 0;
      font-weight:500;
  margin-bottom:5px;
  }  
  .descR h5 {
      color:var(--black);      
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 1.15rem; font-weight:500;
  }
  
  .descR p {
      /*! font-size: 16px; */
      /*! font-size:95%; */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical;
 
  } 
.btn_show_more { font-weight: 500;}
  .btnReport {
    border-radius: .25rem;
    white-space: nowrap;
    padding: .175rem .40rem;
    cursor: pointer;
    outline: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #e4e6ee;
    color: var(--gray);
    background-color: #fff;
    transition: all .3s ease-in-out;
    margin-right:0rem;
    font-size: .8125rem;
    font-weight: 500; 
    height: auto;
    margin-top: .625rem;
    line-height: 1.43;}
    .btnReport :hover{ 
      background: var(--main); 
      color: var(--white);border: 1px solid  var(--main);
      transition: 0.4s;
    } 

    .filter_review{border-bottom:1px solid #ebf0f6; padding:20px; 
        /*! border-radius: 10px; */} 
        .col-orange{ color: orange;}
        .form-control {height: 40px;}.filter_review .dropdown-menu.show {width: 300px;font-size: 90%;}
        .filter_review label {font-weight: 500;color: var(--black);}
        .bg-light {/*! background-color: #f8f8ff !important; */background: linear-gradient(180deg,#f8f8ff 13.89%,#fff 129.17%);/*! box-shadow: 0 2px 6px -2px rgba(0,106,194,.2); */border: 1px solid #ebf0f6;border-radius: .25rem;}
        .filter_review .btn-secondary { 
text-transform: capitalize;
padding: 7px 20px; 
border: 1px solid #ebf0f6; 
color: #6c757d;
transition: all .2s ease-in;
border-radius: 4px; font-size:98%;
font-weight: 400;
background-color: #fff;
} 

.progress-label-left
{
float: left;
margin-right: 0.5em;
line-height: 1em; font-size: 0.9rem;
font-weight: 400;
}
.progress-label-left b
{
font-weight:500;
}
.progress-label-right
{
float: right;
margin-left: 0.3em;
line-height: 1em;font-size: 0.9rem;
font-weight: 400;
}
.star-light
{
color:#ffb300;
} 

.gal img{width:100%;height:auto;margin:0;border-radius:8px;/*! border:5px solid #fff; *//*! box-shadow:-3px 5px 15px #000; */cursor:pointer;-webkit-transition:all .2s;transition:all .2s;/*! box-shadow:rgba(99,99,99,.32) 0 2px 8px 0 */}.gal{-webkit-column-count:4;-moz-column-count:4;column-count:4}.filter{position:relative;margin-bottom:17px}.gal img:hover{opacity:.65}.contectasdfds{padding:50px 0}
.bdr_none{border:0px!important}
.bdr_bottom{border-top:1px solid #ebf0f6!important;  padding-top: 1rem;margin-top: 1rem;}
.f85{color:var(--gray);  
  font-size:.8125rem;}
/* ===================================
       messages
====================================== */
.messages-page{height:75.5vh;}.messages-page__header{display:flex;justify-content:space-between;align-items:center} .messages-page__title{color:#333;font-weight:500;/*! font-size:1; */}.messages-page__list{list-style:none;flex-grow:1;overflow-y:auto;scrollbar-width:thin;overflow-x:hidden}.messages-page__list::-webkit-scrollbar{width:6px}.messages-page__list::-webkit-scrollbar-track{background:#f7f7f7}.messages-page__list::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:0}.messages-page__list-scroll{height:100%;overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:space-between}
.custom-form{color:#333;padding:1.5rem;border-radius:13px}.custom-form__search-wrapper,.custom-form__send-wrapper{width:100%;height:100%;position:relative}.custom-form__search-wrapper input::-moz-placeholder,.custom-form__send-wrapper input::-moz-placeholder{color:#9b9b9b;font-size:.9rem}.custom-form__search-wrapper input:-ms-input-placeholder,.custom-form__send-wrapper input:-ms-input-placeholder{color:#9b9b9b;font-size:.9rem}.custom-form__search-wrapper input::placeholder,.custom-form__send-wrapper input::placeholder{color:#9b9b9b;font-size:.9rem}.custom-form__search-wrapper input:focus,.custom-form__send-wrapper input:focus{outline:none;box-shadow:none}.custom-form__search-wrapper input{padding-right:3rem;background-color:#f2f2f2;border:1px solid #fff}.custom-form__search-wrapper input:-moz-placeholder-shown{background-color:#f2f2f2;border:1px solid #fff}.custom-form__search-wrapper input:-ms-input-placeholder{background-color:#f2f2f2;border:1px solid #fff}.custom-form__search-wrapper input:placeholder-shown{background-color:#f2f2f2;border:1px solid #fff}.custom-form__search-wrapper input:focus{background-color:#fff;border-color:#ebf0f6;color:#666}.custom-form__send-wrapper input{padding-right:6rem;padding-left:1.25rem;background-color:#f2f2f2;border:none}.custom-form__send-wrapper input:focus{background-color:#f2f2f2;border-color:transparent;color:#666}.custom-form__search-submit{position:absolute;top:0;right:0;height:100%;width:3.5rem;cursor:pointer;background-color:transparent;border:none;outline:none;display:flex;justify-content:center;align-items:center;color:#ccc;font-size:24px}.custom-form__search-submit:focus{outline:none;border:none}.custom-form__send-submit{position:absolute;top:50%;right:4px;transform:translateY(-50%);height:42px;width:42px;display:flex;justify-content:center;align-items:center;background-color:#4640de;border-radius:42px;border:none;outline:none;text-align:center;color:#fff}.custom-form__send-submit:focus{outline:none;border:none}.custom-form__send-submit:hover{background-color:#4640de}
.messaging-member{border-radius:8px;margin:1px 0}.messaging-member:hover{background-color:#f6f7ff;}.messaging-member--new .messaging-member__name{color:#333}.messaging-member--new .messaging-member__message{color:#777}.messaging-member--online .user-status{background-color:#7bc9aa}.messaging-member--active{background-color:#e8f3ff}.messaging-member--active:hover{background-color:#e8f3ff}

.messaging-member__wrapper{cursor:pointer;padding:.5rem .75rem;border-radius:13px;display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:start;overflow:hidden}.messaging-member__avatar{position:relative;margin-right:8px}.messaging-member__avatar img{border-radius:50%;width:42px;height:42px}.messaging-member__name{font-weight:500;color:#333;/*! font-size:14px; */line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.messaging-member__message{white-space:nowrap;word-break:break-word;text-overflow:ellipsis;overflow:hidden;font-weight:400;font-size:0.95rem;width:100%;color:#777;float:left;-webkit-line-clamp:1;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}
.chat{height:87%;}.chat__container{height:100%;width:100%}.chat__wrapper{background-color:#fff;height:100%;width:100%;border-left:1px solid #ebf0f6;border-right:1px solid #ebf0f6;overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:space-between;border-top: 1px solid #ebf0f6;}.chat__messaging{width:100%;border-bottom:1px solid #ebf0f6;display:flex;justify-content:space-between;align-items:center}.chat__previous{width:8%;min-width:2rem;height:100%;display:flex;justify-content:center;align-items:center;font-size:1.7rem;cursor:pointer;color:#4640de}.chat__notification{width:4%;min-width:1.5rem}.chat__notification span{display:none;width:1.4rem;height:1.4rem;text-align:center;border-radius:50%;font-weight:600;color:#fff;background-color:#4640de;font-size:.9rem}.chat__notification--new span{display:block}.chat__infos h3{margin-bottom:0px;}.chat__infos{flex-grow:1}.chat__content{flex-grow:1;overflow-y:auto;scrollbar-width:thin;overflow-x:hidden}.chat__content::-webkit-scrollbar{width:6px}.chat__content::-webkit-scrollbar-track{background:#f7f7f7}.chat__content::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:0} .chat__list-messages{list-style:none;display:flex;flex-direction:column;justify-content:flex-start;/*! font-size: 98%; */}.chat__list-messages li{margin-bottom:.7rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start} .chat__list-messages li .chat__bubble{margin-bottom:.2rem}.chat__bubble{position:relative;color:#333;padding:.5rem 1rem;border-radius:20px;background-color:#fff;max-width:30rem;/*! font-size:14px; *//*! line-height:20px; */overflow:hidden;overflow-wrap:break-word;word-break:break-word}.chat__bubble--you{margin-right:2rem;color:#333;background-color:#eef6ff}.chat__bubble--me{margin-left:2rem;background-color:#f6f6f6;align-self:flex-end}.chat__time{/*! font-size:.8rem; */color:#9b9b9b;align-self:center;padding-bottom:.2rem;}.chat__send-container{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee}.chat-member__wrapper{width:100%;height:100%;display:flex;justify-content:flex-start;align-items:center}.chat-member__avatar{position:relative;width:42px}.chat-member__avatar img{border-radius:50%;width:100%;height:42px}.chat-member__name{font-weight:700;color:#333;margin-top:auto;white-space:nowrap;word-break:break-all;text-overflow:ellipsis;overflow:hidden;/*! font-size:16px; */}.chat-member__details{margin-left:8px;display:flex;justify-content:center;flex-direction:column}.chat-member__age{font-size:.9rem;color:#9b9b9b;position:relative}.chat-member__age::after{content:" . ";font-size:0;position:absolute;top:50%;right:-4px;width:3px;height:3px;background-color:#9b9b9b;border-radius:50%}.chat-member__status{color:#9b9b9b;font-size:0.9rem;}.chat__profile{width:100%;height:100%;max-width:20rem}.chat--mobile{position:fixed;top:0;left:0;z-index:10001;transform:translateY(100%);display:none;transition:transform .3s ease-in-out .1s}.chat--mobile .chat__wrapper{border-radius:0}.chat--mobile.chat--show{display:block;transform:translateY(0%);border-radius:0}.user-status{position:absolute;left:30px;top:30px;width:12px;height:12px;background-color:#9b9b9b;border:2px solid #fff;border-radius:50%}.user-status--online{background-color:#7bc9aa} 
.snav__main{position:sticky;top:64px;height:auto;border-top:1px solid #eee}.snav__main .chat__wrapper{height:calc(100vh - 64px)}
.auto_hgt{height:auto}

    
.messages-page__list .jd_main{margin-top:0px;margin-bottom: 5px;}
.none_saddow{-webkit-box-shadow: 0 5px 10px 2px rgba(195, 192, 192, .0)!important;box-shadow: 0 5px 10px 2px rgba(195, 192, 192, .0)!important;}
  .jd_main .active{border:1px solid var(--main)!important}
  .bdr_flt_N{border-left:0px solid #fff}
 
  .messages-page__list .header_job{border:1px solid #fff;margin-bottom:5px!important;cursor: pointer;}
 .messages-page__list .header_job:hover{border:1px solid var(--main)!important;}
 .messages-page__list .header_job h3 {font-weight: 500;font-size: 1.10rem;} 
  .card .jd_main .header_job{background-color:#fff;border-radius:0;padding:20px;/*! padding-bottom:15px; */border-right:1px solid #eee;-webkit-box-shadow:0 2px 7px 1px rgba(98,98,98,.00);box-shadow:0 2px 7px 1px rgba(98,98,98,.00);margin:0}
 label span{color: red;} 

.badge-container .label-easyapply {
  color: var(--main);
  font-size: .825rem;
  font-weight: 500;
} 
.badge-container .label-easyapply i{margin-right:3px;}    

  .rating {
    margin: auto;
    margin-top: 2px;
  } 
  .rating__display {
    font-size: 15px;
    font-weight: 600;    
    position: relative;   
    margin-left: 15px;    
    padding-top: 10px;
    color: var(--gray);
  }  
  .rating__stars {
    display: flex;
    padding-bottom: 0.375em;
    position: relative;
  }
  .rating__star {
    display: block;
    overflow: visible;
    pointer-events: none;
    /*! width: 2em; */
    /*! height: 2em; */
  }
  .rating__star-ring, .rating__star-fill, .rating__star-line, .rating__star-stroke {
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  .rating__star-ring, .rating__star-fill, .rating__star-line {
    stroke: var(--yellow);
  }
  .rating__star-fill {
    fill: var(--yellow);
    transform: scale(0);
    transition: fill var(--trans-dur) var(--bezier), transform var(--trans-dur) var(--bezier);
  }
  .rating__star-stroke {
    stroke: #c7cad1;
    transition: stroke var(--trans-dur);
  }
  .rating__label {
    cursor: pointer;
    padding: 0.125em;
  }
  .rating__label--delay1 .rating__star-ring, .rating__label--delay1 .rating__star-fill, .rating__label--delay1 .rating__star-line, .rating__label--delay1 .rating__star-stroke {
    animation-delay: 0.05s;
  }
  .rating__label--delay2 .rating__star-ring, .rating__label--delay2 .rating__star-fill, .rating__label--delay2 .rating__star-line, .rating__label--delay2 .rating__star-stroke {
    animation-delay: 0.1s;
  }
  .rating__label--delay3 .rating__star-ring, .rating__label--delay3 .rating__star-fill, .rating__label--delay3 .rating__star-line, .rating__label--delay3 .rating__star-stroke {
    animation-delay: 0.15s;
  }
  .rating__label--delay4 .rating__star-ring, .rating__label--delay4 .rating__star-fill, .rating__label--delay4 .rating__star-line, .rating__label--delay4 .rating__star-stroke {
    animation-delay: 0.2s;
  }
  .rating__input {
    -webkit-appearance: none;
    appearance: none;
  }
  .rating__input:hover ~ [data-rating]:not([hidden]) {
    display: none;
  }
  .rating__input-1:hover ~ [data-rating="1"][hidden], .rating__input-2:hover ~ [data-rating="2"][hidden], .rating__input-3:hover ~ [data-rating="3"][hidden], .rating__input-4:hover ~ [data-rating="4"][hidden], .rating__input-5:hover ~ [data-rating="5"][hidden], .rating__input:checked:hover ~ [data-rating]:not([hidden]) {
    display: block;
  }
  .rating__input-1:hover ~ .rating__label:first-of-type .rating__star-stroke, .rating__input-2:hover ~ .rating__label:nth-of-type(-n + 2) .rating__star-stroke, .rating__input-3:hover ~ .rating__label:nth-of-type(-n + 3) .rating__star-stroke, .rating__input-4:hover ~ .rating__label:nth-of-type(-n + 4) .rating__star-stroke, .rating__input-5:hover ~ .rating__label:nth-of-type(-n + 5) .rating__star-stroke {
    stroke: var(--yellow);
    transform: scale(1);
  }
  .rating__input-1:checked ~ .rating__label:first-of-type .rating__star-ring, .rating__input-2:checked ~ .rating__label:nth-of-type(-n + 2) .rating__star-ring, .rating__input-3:checked ~ .rating__label:nth-of-type(-n + 3) .rating__star-ring, .rating__input-4:checked ~ .rating__label:nth-of-type(-n + 4) .rating__star-ring, .rating__input-5:checked ~ .rating__label:nth-of-type(-n + 5) .rating__star-ring {
    animation-name: starRing;
  }
  .rating__input-1:checked ~ .rating__label:first-of-type .rating__star-stroke, .rating__input-2:checked ~ .rating__label:nth-of-type(-n + 2) .rating__star-stroke, .rating__input-3:checked ~ .rating__label:nth-of-type(-n + 3) .rating__star-stroke, .rating__input-4:checked ~ .rating__label:nth-of-type(-n + 4) .rating__star-stroke, .rating__input-5:checked ~ .rating__label:nth-of-type(-n + 5) .rating__star-stroke {
    animation-name: starStroke;
  }
  .rating__input-1:checked ~ .rating__label:first-of-type .rating__star-line, .rating__input-2:checked ~ .rating__label:nth-of-type(-n + 2) .rating__star-line, .rating__input-3:checked ~ .rating__label:nth-of-type(-n + 3) .rating__star-line, .rating__input-4:checked ~ .rating__label:nth-of-type(-n + 4) .rating__star-line, .rating__input-5:checked ~ .rating__label:nth-of-type(-n + 5) .rating__star-line {
    animation-name: starLine;
  }
  .rating__input-1:checked ~ .rating__label:first-of-type .rating__star-fill, .rating__input-2:checked ~ .rating__label:nth-of-type(-n + 2) .rating__star-fill, .rating__input-3:checked ~ .rating__label:nth-of-type(-n + 3) .rating__star-fill, .rating__input-4:checked ~ .rating__label:nth-of-type(-n + 4) .rating__star-fill, .rating__input-5:checked ~ .rating__label:nth-of-type(-n + 5) .rating__star-fill {
    animation-name: starFill;
  }
  .rating__input-1:not(:checked):hover ~ .rating__label:first-of-type .rating__star-fill, .rating__input-2:not(:checked):hover ~ .rating__label:nth-of-type(2) .rating__star-fill, .rating__input-3:not(:checked):hover ~ .rating__label:nth-of-type(3) .rating__star-fill, .rating__input-4:not(:checked):hover ~ .rating__label:nth-of-type(4) .rating__star-fill, .rating__input-5:not(:checked):hover ~ .rating__label:nth-of-type(5) .rating__star-fill {
    fill: var(--yellow-t);
  }
  .rating__sr {
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
  }
  .modal-body h4{color:#001d33; font-size:1.25rem;}
 
  .rating .heading {/*! min-width: 14.6875rem; */font-weight: 400;color: var(--gray);}
 
  @media (prefers-color-scheme: dark) {
    :root {
      --bg: #17181c;
      --fg: #e3e4e8;
    }
   
    .rating {
      margin: auto;
    }
    .rating__star-stroke {
      stroke: #454954;
    }
  }
  @keyframes starRing {
    from, 20% {
      animation-timing-function: ease-in;
      opacity: 1;
      r: 8px;
      stroke-width: 16px;
      transform: scale(0);
    }
    35% {
      animation-timing-function: ease-out;
      opacity: 0.5;
      r: 8px;
      stroke-width: 16px;
      transform: scale(1);
    }
    50%, to {
      opacity: 0;
      r: 16px;
      stroke-width: 0;
      transform: scale(1);
    }
  }
  @keyframes starFill {
    from, 40% {
      animation-timing-function: ease-out;
      transform: scale(0);
    }
    60% {
      animation-timing-function: ease-in-out;
      transform: scale(1.2);
    }
    80% {
      transform: scale(0.9);
    }
    to {
      transform: scale(1);
    }
  }
  @keyframes starStroke {
    from {
      transform: scale(1);
    }
    20%, to {
      transform: scale(0);
    }
  }
  @keyframes starLine {
    from, 40% {
      animation-timing-function: ease-out;
      stroke-dasharray: 1 23;
      stroke-dashoffset: 1;
    }
    60%, to {
      stroke-dasharray: 12 12;
      stroke-dashoffset: -12;
    }
  }



.jd_main .header_job:hover .seemorelikejob a {  
  color: var(--main);}
.seemorelikejob a {
  font-weight: 600;
  text-transform: capitalize;
  text-decoration: none;
  color: var(--gray); font-size:0.90rem;
}
.seemorelikejob a:hover {
 
  text-decoration: underline;
  color: var(--main); 
}
.max-width {
  min-width: 120px;
  max-width: 120px;
} 
.filter_review .form-select {
  background-color: #fff;
  background-size: 16px 12px;
  border: 2px solid #eee;
  color: var(--black);
  font-weight: 400;
}
.overview_Jobs .jd_main .active {border: none !important;}
.overview_Jobs .jd_main .active .active{border: 1px solid var(--main) !important;}
.overview_Jobs .header_job {margin: 1px 8px;}
.jd_main .header_job {border: 1px solid #ebf0f6;border-radius: .3rem !important;box-shadow: 0 2px 6px -2px rgba(0,106,194,.2);}
.post-thumb {
  display: flex;
  align-items: center;
  justify-content: center;
}
.post-preview{border-top:1px solid #ebf0f6; padding-top:18px ; margin-top:15px;}
.post-thumb {
  width: 100%;
  border: 1px solid #eee;
  background: #f9f9f9;
  /*! padding: 2px; */
  margin-bottom: 15px;
  overflow: hidden;
  min-height: 90px;
  max-height: 460px;
  border-radius: 10px;
}   
.post-thumb img { 
  width: auto;
  border-radius: 0;
  position: relative;
  max-height: fit-content;
  border-radius: 10px;
  max-height: 460px;
} 
.f85 b{font-weight:500;}
@media screen and (max-width: 1199px) {
  .course_SUbheader {
    padding: 6px 0;
    top: 44px;}
    .profile-upper h1 {
      font-size: 24px;}
  .auto_hgt {
    height: 100%;
  } 
  .snav__main {
    height: 100%;
  }
} 
@media screen and (max-width:1024px) {
  .gal {-webkit-column-count:3;-moz-column-count: 3;column-count: 3;}
  #profile-banner-image {background-size: auto;
        background-position: left;}
  #profile-banner-image {min-height:90px;} 
  #profile-pic {
    width:84px;
    height:84px;
    margin-right:12px;
    border:4px solid #fff;}
    #profile-pic img {
      max-width:85px;
      max-height:85px;}
  .profile-upper h1 {
    font-size:20px;
  }  
  .profile-upper .btn {
    padding: .30rem 0.50rem;
    font-size:0.85rem;
  }  
  .profile-d .text-end{text-align: start!important; margin-left:90px;width: auto;}
   .u-name{margin-bottom:8px}
   .course_SUbheader {padding: 6px 0 !important;}
   .profile-d { padding: 10px 0 10px;}
   h2 {font-size: 1.25rem;font-weight: 600 !important;}
  h4 {font-size: 1.20rem;font-weight:600 !important;}
   .descR p { -webkit-line-clamp: inherit;} 
   .rating__stars {display: block !important;text-align: center;}
   .rating__star { width:1.5em; height:1.5em;}
  .modal-body .p-4{padding:0px !important;} 
  .text-end .btn-primary span{display:none;}
}
.m_LR_Auto{margin-left:auto; margin-right:auto !important;}

 
@media screen and (max-width:992px) {
  .messaging-member--active:hover{background-color:#f7f7f7}
   .container {
    max-width: 100%;
  }
  .switches-container {
    margin-top:15px; margin-bottom:5px;}
  .messages-page__list-scroll {
    border-left:0px solid #eee;
  }

  .trendingjob_links {display: none;}
  .locate_ico {
    height: 46px;
    line-height: 45px;
  }
  .job-search-form .submit-btn .btn { height: 48px; max-width: 100%;}
  .form-floating > label {padding: 0.75rem .75rem;}
  .form-floating > .form-control, .form-floating > .form-select {
    height: calc(3.0rem + 2px);}
  .chat__wrapper {
      border-left: none;
      border-right: none;
  }
  .snav__main .chat__wrapper {
    height: calc(100vh - 0px);
  }
  .messaging-member {
      margin: 1px 10px;
  }
}

@media (max-width: 767px) {
  .rounded-3 .p-4 {
  padding: 0.5rem !important;
}
.rounded dl {
  margin-top:8px;
  margin-bottom:0px;
}
  .nav-tabs.nav-tabs-dropdown,
  .nav-tabs-dropdown {
      border: 1px solid #dddddd;
      border-radius: 5px;
      overflow: hidden;
      position: relative;
  }

  .nav-tabs.nav-tabs-dropdown::after,
  .nav-tabs-dropdown::after {
      content: "☰";
      position: absolute;
      top: 8px;
      right: 15px;
      z-index: 2;
      pointer-events: none;
  }

  .nav-tabs.nav-tabs-dropdown.open a,
  .nav-tabs-dropdown.open a {
      position: relative;
      display: block;
  }

  .nav-tabs.nav-tabs-dropdown.open>li.active>a,
  .nav-tabs-dropdown.open>li.active>a {
      background-color: #eeeeee;
  }

  .nav-tabs.nav-tabs-dropdown li,
  .nav-tabs-dropdown li {
      display: block;
      padding: 0;
  }

  .nav-tabs.nav-tabs-dropdown>li>a,
  .nav-tabs-dropdown>li>a {
      position: absolute;
      top: 0;
      left: 0;
      margin: 0;
      width: 100%;
      height: 100%;
      display: inline-block;
      border-color: transparent;
  }

  .nav-tabs.nav-tabs-dropdown>li>a:focus,
  .nav-tabs-dropdown>li>a:focus,
  .nav-tabs.nav-tabs-dropdown>li>a:hover,
  .nav-tabs-dropdown>li>a:hover,
  .nav-tabs.nav-tabs-dropdown>li>a:active,
  .nav-tabs-dropdown>li>a:active {
      border-color: transparent;
  }

  .nav-tabs.nav-tabs-dropdown>li.active>a,
  .nav-tabs-dropdown>li.active>a {
      display: block;
      border-color: transparent;
      position: relative;
      z-index: 1;
      background: #fff;
  }

  .nav-tabs.nav-tabs-dropdown>li.active>a:focus,
  .nav-tabs-dropdown>li.active>a:focus,
  .nav-tabs.nav-tabs-dropdown>li.active>a:hover,
  .nav-tabs-dropdown>li.active>a:hover,
  .nav-tabs.nav-tabs-dropdown>li.active>a:active,
  .nav-tabs-dropdown>li.active>a:active {
      border-color: transparent;
  }
  .jb_details .profile-d {
    min-height: auto;
}
}
.j_top_margin{margin-top:120px;}
@media screen and (max-width:500px) {
  .nav-justified .nav-link {margin-left: 0px; padding: .5rem 0.05rem;font-size: 13px; font-weight:500}
  .jb_details h1 { font-size: 18px; }
  .rounded-3 .p-4{padding:0.5rem!important}
  .gal {-webkit-column-count:3;-moz-column-count: 3;column-count: 3;} 
  .profile-d .btn-outline-primary span{display:none;}  
  .post-thumb {max-height: 260px;}
  .post-thumb img { max-height: 220px;}
  .click3 .descR .d-flex{display:block!important}
  .click3 .descR .text-end{text-align: start!important;}
  .click3 .smalldesc {height: 202px;}
  .click3 .descR .btnReport{margin-left:54px;margin-top: 0px; margin-bottom: 8px;}
  .mview h2{text-align:center}.mview_txt{text-align:center}
  .rating__display {font-size:12px;margin-left:0px;padding-top:0px;}
  .rating .heading {min-width: 100%; }
}

.card_preview {margin-bottom:15px;}
.scroll__spy .card_preview h4{font-size:1.20rem;}
.scroll__spy .card_preview ul {padding:0;margin:0px;list-style:none;  padding-left: 16px;} 

.scroll__spy .card_preview h6 { font-size: 0.90rem; color: var(--gray); font-weight: 500; margin-bottom: 0px;}
.scroll__spy .card_preview:last-child ul { margin: 0}
.scroll__spy .card_preview ul li { color: var(--black); margin-bottom: 0; list-style: disc;}
.scroll__spy .card_preview p{margin-bottom:10px;color: var(--black);}
.scroll__spy .card_preview p i{color:var(--gray);/*! opacity: 0.6; */}
.scroll__spy h4 { font-weight:600; margin:0px;margin-bottom:12px; text-transform:capitalize; font-size:1.2rem; color:var(--black);}