.column {
  gap: 20px;
  flex-direction: column;
}

.scholars-hdr-sec {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: flex-start;
  justify-content: space-between;
}
.scholar-hdr-left {
  width: 30%;
}

.page-hdr-title {
  font-size: 42px;
  text-transform: capitalize;
}
.page-hdr-title strong {
  font-weight: 600;
}

.scholar-search-form {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
}
.scholar-search-form .select-field {
  background: transparent url(/img/popup-dd-icon.svg) no-repeat right center;
  background-position-x: 94%;
  border: 1px solid var(--clr-lBlue);
  width: 100%;
  height: 56px;
  line-height: 24px;
  padding: 16px 20px;
  border-radius: 12px;
  color: #4d5566;
  /* width: 300px; */
}
.scholar-search-form option {
  color: var(--clr-primary);
}

.scholar-search-form .form-field {
  border: 1px solid #4d5566;
  border-radius: 12px;
  color: #4d5566;
  padding-left: 16px;
}

.scholars-sec-wrap {
  margin-top: 55px;
}
.scholars-sec-wrap .f-col {
  display: flex;
  margin-bottom: 30px;
}
.scholars-box {
  border-radius: 44px;
  border: 2px solid var(--clr-primary);
  background: linear-gradient(#1d438d, #1d438d) padding-box,
    linear-gradient(258deg, #c6d3e3, #ffffff, #dde5ee) border-box;
  min-width: 100%;
  min-height: 100%;
  display: flex;
  align-self: center;
  justify-content: center;
}

.scholar-title-wrap {
  display: grid;
  grid-template-columns: 30% auto;
  gap: 20px;
}

.uni-logo {
  min-width: 25%;
}

.uni-logo img {
  height: 80px;
  width: 80px;
  border: 2px solid var(--clr-lBlue);
  border-radius: 100%;
}

.scholars-title {
  font-size: 16px;
  font-weight: 600;
  /* margin-bottom: 40px; */
  color: var(--clr-white);
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.scholars-dtl {
  padding: 24px;
  text-align: left;
  display: grid;
  grid-template-rows: 20% 2% 54% auto;
  justify-content: space-between;
  gap: 15px;
  min-height: 100%;
  min-width: 100%;
}

.scholars-dtl h4 {
  color: var(--clr-lBlue);
  font-size: 16px;
  font-weight: 500;
}
.scholars-dtl hr {
  color: var(--clr-white);
  height: 2px;
}


.scholar-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2%;
  height: 80%;
  margin-top: 5%;
}

.span-column {
  grid-column: span 2;
}

.scholar-dtl-wrap {
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  gap: 25%;
  height: 100%;
}

.height-40 {
  height: 40%;
}

.height-30 {
  height: 30%;
}

.scholars-uni-name,
.scholars-uni-lvl,
.scholars-uni-amt,
.scholars-uni-prgm,
.scholars-uni-intake,
.scholars-uni-dline {
  font-size: 15px;
  font-weight: 500;
  /* margin-bottom: 40px; */
  color: var(--clr-white);
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.scholars-uni-name,
.scholars-country {
  font-size: 14px;
  font-weight: 500;
  color: var(--clr-lBlue);
  white-space: normal;
}
.scholar-btn {
  height: 20%;
}

.scholars-dtl .button.white {
  background: var(--clr-white);
  border: 1px solid var(--clr-white);
  color: var(--clr-primary);

  font-family: var(--button-font);
  outline: none;
  border: 1px solid transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: fit-content;
  line-height: 36px;
  padding: 0 24px;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.scholars-dtl .button.white:hover {
  background: var(--clr-primary);
  border: 1px solid #fff;
  color: #fff;
}

.hideit {
  display: none !important;
}

/*  media queries */

@media only screen and (max-width: 1024px) and (max-height: 1366px) {
  /* .scholar-search-form .select-field {
    width: 172px;
  }
  .scholar-search-form .select-field:nth-child(3) {
    width: 282px;
  } */
}

@media only screen and (max-width: 1024px) {
  .scholar-title-wrap {
    height: auto;
  }
}

@media all and (max-width: 834px) {
  /* .scholar-search-form .select-field {
    width: 122px;
  }
  .scholar-search-form .select-field:nth-child(3) {
    width: 182px;
  } */
  .scholars-title {
    -webkit-line-clamp: unset;
    font-size: 15px;
  }

  .scholars-dtl h4 {
    font-size: 13px;
  }
  .scholars-uni-name,
  .scholars-country,
  .scholars-uni-lvl,
  .scholars-uni-amt,
  .scholars-uni-prgm,
  .scholars-uni-intake,
  .scholars-uni-dline {
    font-size: 14px;
  }
}

@media all and (max-width: 800px) {
  /* .scholar-search-form .select-field .form-field {
    width: 258px;
  } */
}

@media all and (max-width: 640px) {
  /* .scholar-search-form .select-field {
    width: 272px;
  } */
}

@media all and (max-width: 576px) {
  .scholar-search-form {
    flex-direction: column;
  }
  .scholar-search-form,
  .scholar-search-form button,
  .scholar-search-form .select-field {
    width: 100%;
    flex-direction: column;
  }
  .scholar-search-form .select-field:nth-child(3) {
    width: 100%;
    flex-direction: column;
  }
}