/*
* CSS Variables
*/
:root {
  --cranking--color-primary  : #ff6e00;
  --cranking--color-heading  : #222222;
  --cranking--color-body     : #707070;
  --cranking--color-high     : #FF0000;
  --cranking--color-low      : #57E208;
  --cranking--color-medium   : #0087FC;
  --cranking--color-sensitive: #C2A339;
}

.cranking-wrapper {
  background-color : #fff;
  padding-top      : 50px;
  padding-block-end: 50px;
}

.cranking-wrapper .container {
  width               : 100%;
  padding-inline-end  : 15px;
  padding-inline-start: 15px;
  margin-inline-end   : auto;
  margin-inline-start : auto;
}

@media (min-width: 576px) {
  .cranking-wrapper .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .cranking-wrapper .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .cranking-wrapper .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .cranking-wrapper .container {
    max-width: 1140px;
  }
}

@media (min-width: 1400px) {
  .cranking-wrapper .container {
    max-width: 1320px;
  }
}

.cranking-wrapper .search-wrapper {
  display: grid;
  gap    : 2rem;
}

@media screen and (min-width: 1400px) {
  .cranking-wrapper .search-wrapper {
    margin-block-end     : 120px;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 1399.98px) {
  .cranking-wrapper .search-wrapper {
    margin-block-end: 115px;
  }
}

@media screen and (max-width: 991.98px) {
  .cranking-wrapper .search-wrapper {
    margin-block-end: 60px;
  }
}

.cranking-wrapper .search-wrapper .form-search {
  margin-block-end: 0;
  display         : flex;
  align-items     : flex-end;
  justify-content : center;
}

@media screen and (max-width: 991.98px) {
  .cranking-wrapper .search-wrapper .form-search {
    align-items   : flex-start;
    flex-direction: column;
  }
}

.cranking-wrapper .search-wrapper .form-search .inputs-wrapper {
  display    : flex;
  align-items: center;
}

@media screen and (max-width: 991.98px) {
  .cranking-wrapper .search-wrapper .form-search .inputs-wrapper {
    margin-block-end: 30px;
  }
}

@media screen and (max-width: 767.98px) {
  .cranking-wrapper .search-wrapper .form-search .inputs-wrapper {
    align-items     : flex-start;
    flex-direction  : column;
    margin-block-end: 0;
    width           : 100%;
  }
}

.cranking-wrapper .search-wrapper .form-search .inputs-wrapper .input-group {
  display          : flex;
  flex-direction   : column;
  margin-inline-end: 2rem;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .cranking-wrapper .search-wrapper .form-search .inputs-wrapper .input-group {
    margin-inline-end: 20px;
  }
}

.cranking-wrapper .search-wrapper .form-search .inputs-wrapper .input-group:last-of-type {
  margin-inline-end: 20px;
}

@media screen and (max-width: 919.98px) {
  .cranking-wrapper .search-wrapper .form-search .inputs-wrapper .input-group:last-of-type {
    margin-inline-end: 0px;
  }
}

@media screen and (max-width: 767.98px) {
  .cranking-wrapper .search-wrapper .form-search .inputs-wrapper .input-group {
    margin-inline-end: 0;
    margin-block-end : 30px;
    width            : 100%;
  }
}

.cranking-wrapper .search-wrapper .form-search .inputs-wrapper .input-group .input-label {
  font-size       : 22px;
  font-weight     : 700;
  line-height     : 37px;
  color           : var(--cranking--color-heading);
  margin-block-end: 15px;
  text-transform  : capitalize;
}

.cranking-wrapper .search-wrapper .form-search .inputs-wrapper .input-group .select2-container {
  width: 325px;
}

@media screen and (max-width: 767.98px) {
  .cranking-wrapper .search-wrapper .form-search .inputs-wrapper .input-group .select2-container {
    max-width: unset;
    width    : 100% !important;
  }
}

@media screen and (min-width: 1400px) {
  .cranking-wrapper .search-wrapper .form-search .inputs-wrapper .input-group .select2-container {
    max-width: 260px;
  }
}

.cranking-wrapper .search-wrapper .form-search .inputs-wrapper .input-group .select2-container--default .select2-selection--single {
  display             : flex;
  align-items         : center;
  max-width           : 325px;
  height              : 55px;
  font-size           : 16px;
  font-weight         : 500;
  line-height         : 1;
  color               : var(--cranking--color-heading);
  border              : 1px solid #f6f6f6;
  padding             : 9px 20px;
  padding-inline-start: 44px;
  background-color    : #f6f6f6;
  border-radius       : 18px;
  transition          : 0.3s ease-in-out;
  border-color        : transparent;
  box-shadow          : none;
}

@media screen and (max-width: 768px) {
  .cranking-wrapper .search-wrapper .form-search .inputs-wrapper .input-group .select2-container--default .select2-selection--single {
    padding-inline-start: 20px;
    max-width           : unset;
    width               : 100% !important;
  }
}

@media screen and (min-width: 1400px) {
  .cranking-wrapper .search-wrapper .form-search .inputs-wrapper .input-group .select2-container--default .select2-selection--single {
    max-width: 270px;
  }
}

.cranking-wrapper .search-wrapper .form-search .inputs-wrapper .input-group .select2-container--default .select2-selection--single:focus,
.cranking-wrapper .search-wrapper .form-search .inputs-wrapper .input-group .select2-container--default .select2-selection--single::active {
  border-color: #f6f6f6;
  box-shadow  : none;
}

.cranking-wrapper .search-wrapper .form-search .inputs-wrapper .input-group .select2-container--default .select2-selection--single::-webkit-input-placeholder {
  font-family   : var(--global--font-body);
  color         : var(--cranking--color-heading);
  font-size     : 16px;
  font-weight   : 500;
  text-transform: capitalize;
}

.cranking-wrapper .search-wrapper .form-search .inputs-wrapper .input-group .select2-container--default .select2-selection--single::-moz-placeholder {
  font-family   : var(--global--font-body);
  color         : var(--cranking--color-heading);
  font-size     : 16px;
  font-weight   : 500;
  text-transform: capitalize;
}

.cranking-wrapper .search-wrapper .form-search .inputs-wrapper .input-group .select2-container--default .select2-selection--single:-ms-input-placeholder {
  font-family   : var(--global--font-body);
  color         : var(--cranking--color-heading);
  font-size     : 16px;
  font-weight   : 500;
  text-transform: capitalize;
}

.cranking-wrapper .search-wrapper .form-search .inputs-wrapper .input-group .select2-selection__rendered {
  padding    : 0;
  font-size  : 16px;
  font-weight: 500;
  line-height: 1.4;
  color      : var(--cranking--color-heading);
}

.cranking-wrapper .search-wrapper .form-search .inputs-wrapper .input-group .select2-selection__arrow {
  display: none;
}

.cranking-wrapper .search-wrapper .form-search .btn {
  position          : relative;
  display           : inline-flex;
  justify-content   : center;
  align-items       : center;
  z-index           : 2;
  font-size         : 16px;
  font-weight       : 700;
  text-align        : center;
  color             : #fff;
  border-radius     : 14px;
  padding           : 0 10px;
  line-height       : 1;
  width             : 147px;
  height            : 50px;
  letter-spacing    : 0.26px;
  transition        : all 0.3s ease-in-out;
  background-color  : #003159;
  margin-block-start: 2.5px;
  margin-block-end  : 2.5px;
  text-transform    : capitalize;
  border            : none;
  cursor            : pointer;
}

.cranking-wrapper .search-wrapper .form-search .btn.no-shadow {
  box-shadow: none;
}

.cranking-wrapper .search-wrapper .form-search .btn:hover {
  border-color: #003159;
}

.cranking-wrapper .search-wrapper .form-search .btn:focus,
.cranking-wrapper .search-wrapper .form-search .btn.active,
.cranking-wrapper .search-wrapper .form-search .btn:active {
  box-shadow: none;
  outline   : none;
}

.cranking-wrapper .search-wrapper .form-search .search-result {
  margin-inline-end: 10px;
}

@media screen and (max-width: 1399.98px) {
  .cranking-wrapper .search-wrapper .form-search .search-result {
    margin-inline-end: 30px;
  }
}

@media screen and (max-width: 991.98px) {
  .cranking-wrapper .search-wrapper .form-search .search-result {
    margin-inline-end: 0;
    margin-block-end : 20px;
  }
}

.cranking-wrapper .search-wrapper .form-search .search-result:last-child {
  margin-inline-end: 0;
}

.cranking-wrapper .search-wrapper .form-search .search-result .search-title {
  font-size       : 28px;
  line-height     : 37px;
  font-weight     : 700;
  color           : var(--cranking--color-heading);
  margin-block-end: 0;
}

@media screen and (min-width: 1400px) {
  .cranking-wrapper .search-wrapper .form-search .search-result .search-title {
    font-size        : 18px;
    padding-block-end: 10px;
  }
}

@media screen and (max-width: 400px) {
  .cranking-wrapper .search-wrapper .form-search .search-result .search-title {
    font-size  : 22px;
    line-height: 1.4;
  }
}

.cranking-wrapper .search-wrapper .form-search .search-result .search-title .search-value {
  margin-inline-start: 10px;
}

.cranking-wrapper .ege-wrapper {
  margin-block-end: 60px;
  display         : flex;
  align-items     : center;
  justify-content : center;
  flex-direction  : row;
}

@media screen and (max-width: 991px) {
  .cranking-wrapper .ege-wrapper {
    flex-direction: column;
  }
}

.cranking-wrapper .ege-wrapper div {
  align-self: center;
  margin    : 0 15px 1rem 15px;
}

@media screen and (max-width: 991px) {
  .cranking-wrapper .ege-wrapper div {
    align-self: flex-start;
  }
}

.cranking-wrapper .ege-wrapper h3 {
  font-size       : 22px;
  line-height     : 30px;
  font-weight     : 500;
  color           : var(--cranking--color-heading);
  margin-block-end: 0;
  text-transform  : capitalize;
}

.cranking-wrapper .ege-wrapper h3 span {
  color      : #003159;
  font-weight: 700;
}

@media screen and (min-width: 1400px) {
  .cranking-wrapper .ege-wrapper h3 {
    font-size        : 18px;
    padding-block-end: 10px;
  }
}

@media screen and (max-width: 400px) {
  .cranking-wrapper .ege-wrapper h3 {
    font-size  : 22px;
    line-height: 1.4;
  }
}

.cranking-wrapper .ege-wrapper h3 .search-value {
  margin-inline-start: 10px;
}

@media screen and (min-width: 992px) {
  .cranking-wrapper .results-wrapper {
    display              : grid;
    grid-template-columns: repeat(3, 1fr);
    gap                  : 50px 30px;
  }
}

@media screen and (min-width: 1400px) {
  .cranking-wrapper .results-wrapper {
    gap: 50px;
  }
}

@media screen and (max-width: 991.98px) {
  .cranking-wrapper .results-wrapper .table-holder {
    margin-block-end: 40px;
  }

  .cranking-wrapper .results-wrapper .table-holder:last-child {
    margin-block-end: 0;
  }
}

.cranking-wrapper .results-wrapper .table-holder .table-responsive {
  overflow-x : auto;
  white-space: nowrap;
}

.cranking-wrapper .results-wrapper .table-holder .table-responsive table {
  text-align     : center;
  text-transform : capitalize;
  border-collapse: collapse;
  table-layout   : fixed;
  min-width      : 100%;
  border         : none;
}

.cranking-wrapper .results-wrapper .table-holder .table-responsive table tbody,
.cranking-wrapper .results-wrapper .table-holder .table-responsive table td,
.cranking-wrapper .results-wrapper .table-holder .table-responsive table tfoot,
.cranking-wrapper .results-wrapper .table-holder .table-responsive table th,
.cranking-wrapper .results-wrapper .table-holder .table-responsive table thead,
.cranking-wrapper .results-wrapper .table-holder .table-responsive table tr {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

.cranking-wrapper .results-wrapper .table-holder .table-responsive table tr {
  height: 55px;
}

.cranking-wrapper .results-wrapper .table-holder .table-responsive table thead tr {
  background-color: #fff;
  height          : 38px;
}

.cranking-wrapper .results-wrapper .table-holder .table-responsive table thead tr th {
  color           : var(--cranking--color-body);
  background-color: transparent;
  font-size       : 16px;
  font-weight     : 500;
  text-transform  : capitalize;
  padding         : 0.3rem 0.5rem;
}

.cranking-wrapper .results-wrapper .table-holder .table-responsive table tbody tr {
  border: 0;
  height: auto;
}

.cranking-wrapper .results-wrapper .table-holder .table-responsive table tbody tr.divider {
  height          : 17px;
  background-color: #fff;
}

.cranking-wrapper .results-wrapper .table-holder .table-responsive table tbody tr.divider td {
  background-color: #fff;
  padding         : 0;
}

.cranking-wrapper .results-wrapper .table-holder .table-responsive table tbody tr td {
  max-width       : 120px;
  padding         : 16px 0.5rem;
  background-color: #f6f6f6;
  border          : 0;
  overflow-wrap   : break-word;
  white-space     : break-spaces;
}

.cranking-wrapper .results-wrapper .table-holder .table-responsive table tbody tr td:first-child {
  border-start-start-radius: 18px;
  border-end-start-radius  : 18px;
}

.cranking-wrapper .results-wrapper .table-holder .table-responsive table tbody tr td:last-child {
  border-start-end-radius: 18px;
  border-end-end-radius  : 18px;
}

.cranking-wrapper .results-wrapper .table-holder .table-responsive table tbody tr td.industry-title {
  padding-inline-start: 20px;
  text-align          : start;
  font-size           : 15px;
  font-weight         : 700;
  color               : var(--cranking--color-heading);
}

.cranking-wrapper .results-wrapper .table-holder .table-responsive table tbody tr td.industry-rating {
  font-size  : 13px;
  font-weight: 500;
}

.cranking-wrapper .results-wrapper .table-holder .table-responsive table tbody tr td.industry-rating.high {
  color: var(--cranking--color-high);
}

.cranking-wrapper .results-wrapper .table-holder .table-responsive table tbody tr td.industry-rating.medium {
  color: var(--cranking--color-medium);
}

.cranking-wrapper .results-wrapper .table-holder .table-responsive table tbody tr td.industry-rating.low {
  color: var(--cranking--color-low);
}

.cranking-wrapper .results-wrapper .table-holder .table-responsive table tbody tr td.industry-rating.sensitive {
  color: var(--cranking--color-sensitive);
}

.cranking-wrapper .results-wrapper .table-holder .table-responsive table tbody tr td.industry-cover {
  font-size  : 13px;
  font-weight: 500;
}

.cranking-wrapper .results-wrapper .table-holder .table-responsive table tbody tr td.industry-cover.cover.off {
  color: var(--cranking--color-high);
}

.cranking-wrapper .results-wrapper .table-holder .table-responsive table tbody tr td.industry-cover.cover.on {
  color: var(--cranking--color-low);
}

.cranking-wrapper .results-wrapper .table-holder .table-responsive table tbody tr.industry-pharmaceuticals td.industry-title,
.cranking-wrapper .results-wrapper .table-holder .table-responsive table tbody tr.industry-transportation td.industry-title {
  white-space: inherit;
}

.cranking-body .select2-dropdown {
  margin-block-start: 19px;
  background-color  : #f6f6f6;
  border            : none;
}

.cranking-body .select2-search--dropdown .select2-search__field {
  background-color: #fff;
}

.cranking-body .financity-page-comment-container {
  display: none;
}

.cranking-body .financity-item-pdlr {
  padding-inline-end  : 0;
  padding-inline-start: 0;
}