/* GRID VIEW DESIGN */

html, body {
    overflow-x: hidden;
    overflow-y: inherit !important;
}

.package-grid-item {
    box-shadow: 0 0 5px -1px rgba(0,0,0,.4);
    margin-bottom: 25px;
}


.package-grid-item-wrapper .image {
    position: relative;
}

.package-grid-item .content {
    padding: 15px;
    position: relative;
}

.package-grid-item h5, .package-grid-item h6 {
    color: #333;
    margin: 0 0 2px;
    line-height: 1.2;
}

.offer-btn {
    margin-top: 15px;
    padding: 5px 10px 6px 10px;
    font-size: 12px;
    background: #F56961;
    border-radius: 3px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    text-transform: uppercase;
    line-height: 1;
    border: 2px solid #f56961;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    color: white !important;
}

.offer-btn:hover {
    background: #D65049;
    border: 2px solid #D65049;
}

.address-text {
    font-size: 13px;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width:80%;
}

.name-text {
    margin-bottom: 0.1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.list-info {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.font600 {
    font-weight: 500;
    font-size: 13px;
    color: #7b7b7b;
}

.list-info .icon {
    color: #f56961;
    margin-right: 5px;
}

.list-info li {
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    margin-bottom: 5px;
}

.grid-container {
    display: inline-flex;
}

/*Modal Design*/
.offer-header {
    font-size: 18px;
    font-weight: 600 !important;
    color: white;
}

.icon-modal i.fa {
    font-size: 15px;
    padding-right: 5px;
    color: #f56961;
    font-weight: 400 !important;
}

label.main-label-text {
    color: #333;
    margin: 0 0 7px;
    line-height: 1.2;
    font-size: 15px;
    font-weight: 500;
}

.offer-modal-header {
    background: #f56961;
    color: white !important;
    padding: 9px 15px 9px 15px;
    border-top: 1px solid #f56961;
}

.offer-modal {
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 5px;
}

.close {
    outline: none !important;
}

.btn {
    outline: none;
}

.grid-row {
    margin: 0 15px 0 15px;
}

/*Modal Design Css End */

/*List View Design for parent */

.package-list-item-parent {
    position: relative;
    width: 100%;
    cursor: pointer !important;
    border-radius: 3px;
    background: #fff;
    -webkit-box-shadow: 0 0 5px -1px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 5px -1px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px -1px rgba(0, 0, 0, .2);
    margin-bottom: 30px;
    o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
}

.school-image {
    width: 25%;
    float: left;
    position: relative;
}

.parent-content {
    width: 75%;
    float: left;
    padding: 10px 25px 10px 25px;
}

.school-image img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: 3px 0 0 3px;
    max-height: 215px;
    object-fit: cover;
}

.parent-content .school-name {
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
    color: #f56961;
    margin-bottom: 3px;
    margin-top: 2px;
    font-weight: 700;
}

.parent-content .address_text {
    white-space: unset;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 16px;
    margin-bottom: 10px;
}

.parent-content .message-parent {
    white-space: normal;
    overflow: inherit;
    text-overflow: clip;
    margin-bottom: 15px;
}

.message-text-parent {
    margin-bottom: 15px;
    line-height: 19px;
    font-size: 13px;
    color: #333;
}

.price {
    color: #f56961;
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 5px;
}

.year-text {
    font-size: 11px;
}

.revised-fee {
    color: black;
}

.not-interest {
    margin-bottom: 15px;
    background-color: #e2e6ea;
    border-color: #dae0e5;
    opacity: 0.8;
}

.not-interest:hover {
    opacity: 1;
}

@media screen and (max-width: 479px) {
    .school-image, .parent-content {
        width: 100%;
    }

    .school-image img {
        max-height: 160px;
    }


}

/*List View desoign End */
.h3.sorting-title.uppercase.search_heading {
    margin-bottom: 5px !important;
}

#main {
    padding-top: 85px;
}

.interested {
    border-radius: 4px;
    margin-bottom: 5px;
}
.interested:hover{
    opacity:0.9;
}

.not-interested {
    background: #f56961;
    margin-left: 15px;
    border-radius: 4px;
    color: white;
    margin-bottom: 5px;
}
.not-interested:hover{
    background: #d65049;
    color: white;
}

.button-both {
    margin-bottom: 15px;
}

.pr-5 {
    padding-right: 5px !important;
}

.interest-success,.interest-failed{
    display: none;
}

.show{
    display: block;
}

.search_heading {
    color: #f56961;
    font-size: 22px;
}
.sorting-lead{
    font-size: 14px;
    font-weight: 600;
}
.search_page .fa{
    color:#F56961;
}
ul.list-info li{
    margin-bottom: 5px !important;
}
ul.list-info li:last-child{
    margin-bottom: 25px !important;
}
.package-list-item-parent:hover{

}

.package-list-item-wrapper {
    display: grid;
}

.read-more-div-open,.read-more-div-close {
    font-weight: 600;
    color: #f56961;
}
.interest-success{
    font-size: 15px;
    padding: 5px 15px 5px 15px;
    background: none !important;
}
.absolute-in-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}
.price_search_page_mobile {
    display: block!important;
    color: #fff;
    font-size: 15px;
    position: absolute;
    top: 80px;
    background: #f56961;
    border-radius: 2px;
    left: -2px;
    padding: 3px 12px;
    font-weight: 600;
}
span.month_text {
    font-size: 11px;
}

@media screen and (max-width:479px){
    .search_heading {
        color: #f56961;
        font-size: 18px;
    }
}
.interest-success strong {
    font-weight: 600 !important;
}