.flexMenuBusiness {
  display: flex;
  justify-content: flex-end;
}
.gridPremiumCompanyProfile {
  display: grid;
  grid-template-columns: 20rem 1fr;
  grid-gap: 15px;
}
.logoPremiumCompanyProfile {
  width: 100%;
}
.logoPremiumCompanyProfile figure {
  border: 1px solid var(--clGray);
  border-radius: 10px;
  background: var(--clWhite);
  margin: 0 auto;
}
.logoPremiumCompanyProfile img {
  padding: 10px;
  object-fit: scale-down;
}

@media (max-width: 991px) {
  .gridPremiumCompanyProfile {
    grid-template-columns: 1fr;
  }
  .logoPremiumCompanyProfile {
    border-bottom: 1px dashed var(--clBlackGray);
    padding-bottom: 15px;
  }
  .logoPremiumCompanyProfile figure {
    width: 200px;
  }
}

@media (max-width: 768px) {
  .flexMenuBusiness {
    justify-content: center;
  }
}

@media (max-width: 320px) {
  .logoPremiumCompanyProfile figure {
    width: 100%;
  }
}

button.urgentButton {
  border-radius: 50px;
  color: var(--clWhite);
  margin: 15px 0;
  padding: 5px 20px;
  display: inline-block;
  border: 1px solid var(--clRed);
}
button.urgentButton:hover {
  background: var(--clRedHover);
  border: 1px solid var(--clRedHover);
}
.carouselExampleIndicators {
  margin: 0 calc(-50vw + 50%);
}
.blHei img {
  object-fit: cover;
}

.gridBlade {
  display: grid;
  grid-template-columns: 100px 1fr;
  grid-gap: 15px;
}
.flexAce {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.flexAce .about {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
.readRead {
  text-align: right;
}
.readRead a {
  display: inline-block;
  color: var(--clWhite);
  background: var(--clRed);
  padding: 0.5rem 1.5rem;
  border-radius: 5rem;
}
.readRead a:hover {
  background: var(--clRedHover);
}

.formControl {
  border-radius: 50px;
  min-height: 4.4rem;
  height: inherit;
}
.selectCus select {
  appearance: none;
  -moz-appearance: none;
  position: relative;
}
.selectCus {
  position: relative;
  display: block;
}

.selectCus:before,
.selectCus:after {
  font-family: "font awesome 5 free";
  font-weight: 900;
  color: var(--clBlackGray);
  position: absolute;
  top: 50%;
  z-index: 1;
  text-align: center;
  pointer-events: none;
  box-sizing: border-box;
  font-size: var(--fontMark);
  transform: translateY(-50%);
  display: flex;
  align-items: center;
}
.selectCus:before {
  content: "\f0b1";
  left: 15px;
}
.selectCus:after {
  content: "\f078";
  right: 15px;
}

.cutEllipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 4rem;
}
.flexUrgentNow {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 15px;
}
.flexUrgentNow > *:last-child {
  flex-shrink: 0;
}
.gridListing {
   display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 13rem;
  grid-gap: 0.8rem;
  width: 100%;
}
.search-urgent button {
  background: var(--clRed);
  color: var(--clWhite);
  border-radius: 50px;
  padding: 0 20px;
  text-align: center;
  min-height: 4.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  width: 100%;
}
.search-urgent button:hover {
  background: var(--clRedHover);
}
.plusPlus a {
  background: var(--clGreen);
  color: var(--clWhite);
  border-radius: 50px;
  padding: 0 20px;
  text-align: center;
  min-height: 4.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.plusPlus a:hover {
  background: var(--clGreenHover);
}

@media (max-width: 1199px) {
  .gridListing {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 991px) {
  .gridListing {
    grid-template-columns: 1fr;
  }
  .flexUrgentNow {
    flex-direction: column;
    align-items: center;
  }
}



.btnList {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
.btnTab {
  background: transparent;
  border: 1px solid var(--clBlackGray);
  color: var(--clBlackGray);
  border-radius: 5px;
  padding: 5px 20px;
}
.btnTab.active {
  background: var(--clRed);
  border: 1px solid var(--clRed);
  color: var(--clWhite);
}
.btnTab:hover {
  background: var(--clRedHover);
  color: var(--clWhite);
}

.gridViewView {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-gap: 15px;
}
.gridListView {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 15px;
}

span.urgent {
  background: var(--clRed);
  color: var(--clWhite);
  border-radius: 5px;
  padding: 2px 5px;
  display: inline-block;
}
span.new {
  background: var(--clGreen);
  color: var(--clWhite);
  border-radius: 5px;
  padding: 2px 5px;
}
.logoCompanyProfile {
  width: 100%;
  position: relative;
}
.logoCompanyProfile p {
  position: absolute;
  top: 0;
  right: 0;
  color: var(--clWhite);
  border-radius: 5px;
  padding: 2px 5px;
}
.logoCompanyProfile p.urgent {
  background: var(--clRed);
  font-size: var(--fontSubText);
}
.logoCompanyProfile p.new {
  background: var(--clGreen);
}
.logoCompanyProfile figure {
  border: 1px solid var(--clGray);
  border-radius: 50%;
  max-width: 80px;
  height: 80px;
  background: var(--clWhite);
  margin: 0 auto;
}
.logoCompanyProfile img {
  max-width: 80px;
  height: 80px;
  object-fit: scale-down;
  border-radius: 50%;
  padding: 5px;
}
.listAlign > p,
.listAlign div > p {
  word-break: break-word;
}

.gridViewView a {
  background: var(--clWhite);
  color: var(--clBlackGray);
  border-radius: 10px;
}
.gridViewView a:hover {
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.5);
  margin-top: -5px;
}
.companyHeight {
  height: 100%;
}

.gridLineView {
  display: grid;
  grid-template-columns: 80px 1fr 25rem;
  grid-gap: 15px;
  transition: 0.5s ease-in-out;
}
.gridLineView:hover {
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.5);
  margin-top: -5px;
}

.flexStep1 {
  display: flex;
  flex-direction: column;
  text-align: right;
  justify-content: space-between;
}
.flexStep1 a {
  background: var(--clWhite);
  border-radius: 50px;
  padding: 5px 20px;
  color: var(--clBlackGray);
  border: 1px solid var(--clBlackGray);
  display: inline-block;
  text-align: center;
}
.flexStep1 a:hover {
  background: var(--clRed);
  color: var(--clWhite);
  border: 1px solid var(--clRed);
}

.flexStep2 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
  flex-wrap: wrap;
}
.flexStep2 .applyNow {
  background: var(--clRed);
  color: var(--clWhite);
  border: 1px solid var(--clRed);
  padding: 5px 20px;
  border-radius: 50px;
}
.flexStep2 .applyNow:hover {
  background: var(--clRedHover);
  border: 1px solid var(--clRedHover);
}
.flexStep2 button {
  background: transparent;
  border: 0;
}
.flexStep2 button:hover,
.flexStep2 button.active {
  color: var(--clRed);
}
.flexStep2 .applyNow {
  background: var(--clRed);
  color: var(--clWhite);
  border: 1px solid var(--clRed);
  padding: 5px 20px;
  border-radius: 50px;
}
.flexStep2 .applyNow:hover {
  background: var(--clRedHover);
  border: 1px solid var(--clRedHover);
  color: var(--clWhite);
}

@media (max-width: 991px) {
  .gridViewView a:hover {
    margin-top: 0;
  }
  .gridLineView {
    grid-template-columns: 80px 1fr 20rem;
  }
  .flexStep2 li:last-child {
    flex: 1 0 100%;
    order: 1;
  }
  .flexStep2 li:first-child,
  .flexStep2 li:nth-child(2) {
    order: 2;
  }
}

@media (max-width: 768px) {
  .logoCompanyProfile {
    grid-column: 1/2;
  }
  .gridLineView {
    grid-template-columns: 1fr;
  }
  .flexStep2 li:last-child {
    flex: 0 0 auto;
    order: 2;
  }
  .flexStep2 li:first-child,
  .flexStep2 li:nth-child(2) {
    order: 1;
  }
  .flexStep1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: inherit;
  }
}

@media (max-width: 576px) {
  .flexStep1 {
    display: flex;
    flex-direction: column;
  }
  .flexStep2 {
    margin-bottom: 10px;
  }
}

.flexUseMenuPremium {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.flexUseMenuPremium > * {
  display: flex;
  justify-content: center;
  text-align: center;
  position: relative;
}
.flexUseMenuPremium a {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  color: var(--clBlackGray);
  padding: 20px 15px;
  width: 100%;
}
.flexUseMenuPremium a:hover,
.flexUseMenuPremium a.active {
  background: var(--clGray);
}

.gridImages {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-gap: 15px;
  align-items: center;
}
.gridIm {
  display: grid;
  grid-template-columns: 0.5fr 1fr;
  grid-gap: 15px;
}
.circle {
  font-size: 0.5rem;
}
.flexCircle {
  display: flex;
  align-items: center;
  gap: 15px;
}

@media (max-width: 768px) {
  .gridIm {
    grid-template-columns: 1fr;
  }
}

.flexOverView {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
.headOverView {
  background: var(--clBlackGray);
  color: var(--clWhite);
  border-radius: 50px;
  width: auto;
  text-align: center;
  padding: 10px 30px;
}
.flexView {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.flexFloat {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
.iconView {
  background: var(--clGreen);
  color: var(--clWhite);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 991px) {
  .headOverView {
    width: auto;
  }
}

.flexCheck {
  display: flex !important;
  justify-content: center;
  align-items: baseline;
  flex-direction: column;
  grid-gap: 15px;
  max-width: 200px;
  margin: 0 auto;
  padding: 15px;
}
.form-check {
  padding: 0;
}
.formCheckInput {
  margin-top: 0;
  position: relative;
}

.socialShare {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 15px;
}
.socialShare a {
  width: 60px;
  height: 60px;
  border: 0;
}
.socialShare a:hover {
  transform: scale(1.2);
}
.socialShare a.fb {
  background: url(../images/social-01.svg) top center no-repeat;
  background-size: cover;
}
.socialShare a.tw {
  /* background: url(../images/social-02.svg) top center no-repeat; */
  background-size: cover;
}
.socialShare a.line {
  background: url(../images/social-06.svg) top center no-repeat;
  background-size: cover;
}
.socialShare a.link {
  background: url(../images/social-07.svg) top center no-repeat;
  background-size: cover;
}
.socialShare a.google {
  background: url(../images/social-08.svg) top center no-repeat;
  background-size: cover;
}

.gridMap {
  display: grid;
  grid-template-columns: 1fr 0.7fr;
  grid-gap: 15px;
}

@media (max-width: 991px) {
  .gridMap {
    grid-template-columns: 1fr;
  }
  .flexNav.iShow {
    display: block;
  }
}