.compare-hero {position: relative; height: 265px; overflow-y: hidden;;}
.compare-hero img {position: absolute; top: -100%;}

.school-card-header .school-img {height: 112px; overflow-y: hidden;}
.school-card-header .school-name {height: 120px; position: relative;}
.wide .school-card-header .school-name {height: 95px;}
.school-card-header .school-name span {position: absolute;bottom: 5px; font-size: 12px;}
.school-card-header img {width: 100%;margin-top: -10%;}
.school-card-header h2 {font-size: 1.225rem; line-height: normal; padding-bottom: 0.625rem;}

.cmprow {padding:1rem; border-top: 1px solid #ddd}
.cmprow .row-title {font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
    padding: 0 5px;
    background: #f9f9f9;
    border-radius: 5px;
    margin-left: -5px;
  }

.cmprow .row-content {height: 72px;}
.cmprow.founded .row-content, .cmprow.appfee .row-content {height: 24px}
.cmprow.adm .row-content {height: 120px}
.cmprow.bar .row-content {height: 96px;}
.cmprow.info .row-content {height: auto;}
.cmprow.deadline .row-content {min-height: 96px; height: auto;}
.cmprow.hovered {background: #c8e6ff}
.cmprow .row-content div {padding: 0.1rem 0}
.cmprow .row-content div > span {width: 70px; display: inline-block;}

.max-width-single .cmp-desc {text-align: left; padding-top:2rem; line-height: 2; font-size: 1rem;}
.max-width-single .cmp-desc a {color: #3c65f5}
.max-width-single .cmp-desc ul li {list-style: disc; padding:0.25rem 0; margin-left: 2rem; line-height: 1.675;}

i.remove-school {position: absolute;
    right: 6px;
    bottom: 6px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 6px 8px 8px 8px;
    background: #dd9a9a;
    color: white;
    border-radius: 5px;
  cursor: pointer;}
i.remove-school:before {padding-right:5px}
i.remove-school:hover {background: #a50e0e;}

.scroll-btn {height: 55px;}
.scroll-btn span {padding:0.675rem 2rem; border: 1px solid #ddd; border-radius: 5px;text-align: center; cursor: pointer}
.scroll-btn span:hover {background: #c8e6ff}
.scroll-btn span.left {float: left;}
.scroll-btn span.right {float: right;}

.grid-d {display: grid; overflow-x: auto;}
.grid-d .card {min-width: 250px;}
.grid-d .card.blank {min-height: 500px;}

.grid-d.cols-1-4 {grid-template-columns: 1fr 4fr;column-gap: 1.5rem;}

.grid-d.cols-4-1 {grid-template-columns: 4fr 1fr;}

.grid-d .filter-col {min-width: 250px}

.grid-d.cols-2 {grid-template-columns: 1fr 1fr;column-gap: 6px;}

.grid-d.cols-3 {grid-template-columns: 1fr 1fr 1fr;column-gap: 6px;}



.grid-d.cols-2 {grid-template-columns: repeat(2, 1fr);column-gap: 3rem;}
.grid-d.cols-3 {grid-template-columns: repeat(3, 1fr);column-gap: 2rem;}
.grid-d.cols-4 {grid-template-columns: repeat(4, 1fr);column-gap: 1rem;}
.grid-d.cols-5 {grid-template-columns: repeat(5, 1fr);column-gap: 1rem;}

.grid-d.cols-5 .cmprow .row-content {font-size: 0.925rem;}
.grid-d.cols-5 .cmprow .row-content div > span {width: 60px;}







.grid-d.cols-6 {grid-template-columns: repeat(6, 1fr);column-gap: 20px;}

.grid-d.cols-6 .item {overflow: hidden;}

.grid-d.cols-6 .item .card-img {max-height: 120px;overflow: hidden;}

.grid-d.cols-6 .item img {width: 100%;transition: all 0.3s ease-in;}

.grid-d.cols-6 .item img:hover {transform: scale(1.1);}

.grid-d.cols-6 .item h4 {font-size: 0.975rem;text-align: center;color:#222;}

.grid-d.cols-6 .item a:hover {text-decoration: none;}



@media (max-width: 991px) {

  .grid-d.cols-1-4 {grid-template-columns: 1fr 4fr;column-gap: 0.5rem;}

  .grid-d.cols-6 {grid-template-columns: repeat(3, 1fr);column-gap: 16px;}

}



@media (max-width: 640px) {
  .compare-hero {height: 48px}
  .compare-hero img {display: none;}
  .max-width-single .cmp-desc {font-size: 0.975rem;}
  .max-width-single .cmp-desc ul li {font-size: 0.975rem;}
  .grid-d.cols-1-4 {display: block}

}



@media (max-width: 430px) {

  .grid-d.cols-6 {grid-template-columns: repeat(2, 1fr);}

}