/* =========================================================================
  Font Imports
  ========================================================================== */

@font-face {
    font-family: 'Mier B';
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
    src: local('MierB-Regular'), url('/fonts/MierB-Regular.woff2') format('woff2'),
        url('/fonts/MierB-Regular.woff') format('woff'),
        url('/fonts/MierB-Regular.ttf') format('truetype'),
        url('/fonts/MierB-Regular.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'Mier B';
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
    src: local('MierB-Bold'), url('/fonts/MierB-Bold.woff2') format('woff2'),
        url('/fonts/MierB-Bold.woff') format('woff'),
        url('/fonts/MierB-Bold.ttf') format('truetype'),
        url('/fonts/MierB-Bold.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'Geller Headline';
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
    src: local('GellerHeadline-Regular'), url('/fonts/GellerHeadline-Regular.woff2') format('woff2'),
        url('/fonts/GellerHeadline-Regular.woff') format('woff'),
        url('/fonts/GellerHeadline-Regular.ttf') format('truetype'),
        url('/fonts/GellerHeadline-Regular.eot') format('embedded-opentype');
}

/* ==========================================================================
  Base styles: opinionated defaults
  ========================================================================== */
html,
body {
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
    color: #1d222c;
    background-color: #f0f3f5;
    font-family: 'Mier B', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
        Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    -webkit-font-smoothing: antialiased !important;
    scroll-behavior: smooth;
    text-rendering: optimizeLegibility;
}

a {
    padding: 0;
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
}

a,
a:hover {
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    color: #1ca0f2;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    color: #000000;
}

ul,
li {
    padding: 0;
    margin: 0;
    list-style: none;
}

h1 {
    font-family: 'Geller Headline', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
        Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 3rem;
    font-weight: 400;
    line-height: 1.02;
    letter-spacing: -0.01em;
}

h2 {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -0.01em;
    padding-bottom: 1.375rem;
}

h3 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.01em;
}

h4 {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.01em;
}

h5 {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.01em;
}

h6 {
    font-size: 18px;
    font-weight: 400;
}

p {
    margin: 0;
    padding: 0;
    color: #3b3c3d;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.6;
    letter-spacing: -0.01em;
}

li {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
}

hr {
    display: block;
    height: 1px;
    padding: 0;
    margin: 1em 0;
    border: 0;
    border-top: 1px solid #ccc;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

figure {
    margin: 0;
}

img {
    width: 100%;
}

textarea {
    width: 100%;
    padding: 10px;
    background-color: #eff3f5;
    border: 1px solid transparent;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
    outline: none;
    resize: vertical;
}

textarea:focus {
    background-color: #fff;
    border: 1px solid #1ca0f2;
}

/* Custom CSs */
.clearfix:before,
.clearfix:after {
    content: ' ';
    display: table;
}

.clearfix:after {
    clear: both;
}

.container {
    max-width: 1170px;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

.border-radius {
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
}

.no-padding {
    padding: 0;
}

.no-padding-left {
    padding-left: 0;
}

.no-padding-right {
    padding-right: 0;
}

.margin-center {
    margin-left: auto;
    margin-right: auto;
}

.margin-top {
    margin-top: 59px;
}

.transition {
    -webkit-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;
}

.noscroll {
    overflow: hidden;
}

/* Navbar CSS */
.navbar-toggler {
    margin-top: 8px !important;
    padding-right: 0;
}

.navbar-toggler .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    margin-bottom: 4px;
    background-color: #1ca0f2;
    -webkit-border-radius: 1px;
       -moz-border-radius: 1px;
            border-radius: 1px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.navbar-toggler[aria-expanded='true'] .top-bar {
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: 10% 10% 0;
       -moz-transform-origin: 10% 10% 0;
        -ms-transform-origin: 10% 10% 0;
         -o-transform-origin: 10% 10% 0;
            transform-origin: 10% 10% 0;
}

.navbar-toggler[aria-expanded='true'] .middle-bar {
    -webkit-transform: translateX(-5px);
       -moz-transform: translateX(-5px);
        -ms-transform: translateX(-5px);
         -o-transform: translateX(-5px);
            transform: translateX(-5px);
    opacity: 0;
}

.navbar-toggler[aria-expanded='true'] .bottom-bar {
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: 10% 90% 0;
       -moz-transform-origin: 10% 90% 0;
        -ms-transform-origin: 10% 90% 0;
         -o-transform-origin: 10% 90% 0;
            transform-origin: 10% 90% 0;
}

/*Input*/
input,
.multi-select .multiselect__tags {
    position: relative;
    padding: 13px 3rem 13px 18px;
    background-color: #eff3f5;
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    width: 100%;
    border: 1px solid transparent;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    outline: none;
}

.multi-select .multiselect__tags {
    min-height: 52px;
}

.white-bg.multi-select .multiselect__tags {
    background-color: #fff;
    -webkit-box-shadow: 0px 2px 20px 0px rgba(9, 28, 46, 0.08);
       -moz-box-shadow: 0px 2px 20px 0px rgba(9, 28, 46, 0.08);
            box-shadow: 0px 2px 20px 0px rgba(9, 28, 46, 0.08);
}

.school-search-page .multiselect__tags {
    padding: 6px 8px;
    background-color: #fff;
    font-size: 14px;
    line-height: 20px;
    min-height: 32px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41), 0px 1px 1px 0px rgba(0, 0, 0, 0.07);
       -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41), 0px 1px 1px 0px rgba(0, 0, 0, 0.07);
            box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41), 0px 1px 1px 0px rgba(0, 0, 0, 0.07);
    -webkit-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}

.school-search.search-modal .multiselect__tags {
    padding: 13px 3rem 13px 13px;
}

.optionSelected.school-search-page .multiselect__tags:hover,
.school-search-page .multiselect__tags:hover {
    background-color: #54595d;
    cursor: pointer;
}

.optionSelected.school-search-page .multiselect__tags {
    background-color: #1ca0f2;
    color: #fff;
}

.multi-select .multiselect__tags,
.multi-select.multiselect .multiselect__tags .multiselect__input {
    background-image: url(/images/home/svg/icon-down-black.svg);
    background-repeat: no-repeat;
    -moz-background-size: 11px;
      -o-background-size: 11px;
         background-size: 11px;
    background-position: right 15px center;
}

.school-search .multiselect__tags,
.school-search.multiselect .multiselect__tags .multiselect__input {
    background-image: url(/images/home/svg/icon-search.svg);
    -moz-background-size: 18px;
      -o-background-size: 18px;
         background-size: 18px;
}

.school-search.search-modal .multiselect__tags,
.school-search.search-modal.multiselect .multiselect__tags .multiselect__input {
    background-image: url(/images/home/svg/icon-search.svg);
    -moz-background-size: 15px;
      -o-background-size: 15px;
         background-size: 15px;
    font-size: 16px;
}

.school-search-page .multiselect__tags,
.school-search-page.multiselect .multiselect__tags .multiselect__input {
    background-image: none;
}

.multi-select.multiselect.multiselect--active .multiselect__tags {
    background-color: #fff;
    border: 1px solid #1ca0f2;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
}

.multi-select .multiselect__tags .multiselect__placeholder,
.multi-select .multiselect__tags .multiselect__single {
    margin: 0;
    padding: 0;
}

.multi-select.multiselect .multiselect__tags .multiselect__input {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 12px 2.25rem 13px 18px;
    border: none;
    -webkit-border-radius: inherit;
       -moz-border-radius: inherit;
            border-radius: inherit;
}

.school-search-page.multiselect .multiselect__tags .multiselect__input {
    padding: 0 8px;
}

.school-search.search-modal.multiselect .multiselect__tags .multiselect__input {
    padding: 13px 3rem 13px 13px;
}

.multi-select .multiselect__tags .multiselect__single {
    background-color: inherit;
    line-height: inherit;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}

.school-search-page.multiselect .multiselect__tags .multiselect__single {
    font-size: 14px;
}

.multi-select .multiselect__content-wrapper {
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
    padding: 4px 4px 0 4px;
}

.multi-select .multiselect__content-wrapper .multiselect__option {
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
    color: #000000;
    font-family: 'Mier B', sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 4px;
}

.multi-select .multiselect__content-wrapper .multiselect__option span {
    line-height: 20px;
    width: 100%;
    display: inline-block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}

.school-search-page.multi-select .multiselect__content-wrapper .multiselect__option {
    font-size: 14px;
    line-height: 14px;
    padding: 8px 4px;
    min-height: 30px;
}

.multi-select .multiselect__content-wrapper .multiselect__content {
    width: 100%;
}

.multi-select .multiselect__content-wrapper .multiselect__option.multiselect__option--highlight,
.multi-select .multiselect__content-wrapper .multiselect__option.multiselect__option--selected {
    background: #eff3f5;
}

input:focus,
input:hover,
input:active {
    outline: none;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

input:focus,
input[type='search']:focus {
    background-color: #fff;
    line-height: 1.5;
    border: 1px solid #1ca0f2;
}

input[type='submit']:focus {
    background-color: #1ca0f2;
    line-height: 1;
}

/* Hide the Clear button on typing*/
/* clears the 'X' from Internet Explorer */
input[type='search']::-ms-clear,
input[type='search']::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

/* clears the 'X' from Chrome */
input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration {
    display: none;
}

/* Placeholder CSS*/

input::-webkit-input-placeholder, #studentsignup input::-webkit-input-placeholder, #loginModal input::-webkit-input-placeholder, input[type='search']::-webkit-input-placeholder {
    color: #3b3c3d;
    opacity: 0.6;
}

input:-moz-placeholder, #studentsignup input:-moz-placeholder, #loginModal input:-moz-placeholder, input[type='search']:-moz-placeholder {
    color: #3b3c3d;
    opacity: 0.6;
}

input::-moz-placeholder, #studentsignup input::-moz-placeholder, #loginModal input::-moz-placeholder, input[type='search']::-moz-placeholder {
    color: #3b3c3d;
    opacity: 0.6;
}

input:-ms-input-placeholder, #studentsignup input:-ms-input-placeholder, #loginModal input:-ms-input-placeholder, input[type='search']:-ms-input-placeholder {
    color: #3b3c3d;
    opacity: 0.6;
}

input::-ms-input-placeholder, #studentsignup input::-ms-input-placeholder, #loginModal input::-ms-input-placeholder, input[type='search']::-ms-input-placeholder {
    color: #3b3c3d;
    opacity: 0.6;
}

input::placeholder,
#studentsignup input::placeholder,
#loginModal input::placeholder,
input[type='search']::placeholder {
    color: #3b3c3d;
    opacity: 0.6;
}

.multi-select .multiselect__placeholder {
    color: #3b3c3d;
    opacity: 0.6;
}

/* Placeholder Focus */

:focus::-webkit-input-placeholder, #studentsignup :focus::-webkit-input-placeholder, #loginModal :focus::-webkit-input-placeholder, input[type='search']:focus::-webkit-input-placeholder, textarea::-webkit-input-placeholder, #studentsignup textarea::-webkit-input-placeholder, .multi-select .multiselect__input::-webkit-input-placeholder {
    color: rgba(59, 60, 61, 0.4);
}

:focus:-moz-placeholder, #studentsignup :focus:-moz-placeholder, #loginModal :focus:-moz-placeholder, input[type='search']:focus:-moz-placeholder, textarea:-moz-placeholder, #studentsignup textarea:-moz-placeholder, .multi-select .multiselect__input:-moz-placeholder {
    color: rgba(59, 60, 61, 0.4);
}

:focus::-moz-placeholder, #studentsignup :focus::-moz-placeholder, #loginModal :focus::-moz-placeholder, input[type='search']:focus::-moz-placeholder, textarea::-moz-placeholder, #studentsignup textarea::-moz-placeholder, .multi-select .multiselect__input::-moz-placeholder {
    color: rgba(59, 60, 61, 0.4);
}

:focus:-ms-input-placeholder, #studentsignup :focus:-ms-input-placeholder, #loginModal :focus:-ms-input-placeholder, input[type='search']:focus:-ms-input-placeholder, textarea:-ms-input-placeholder, #studentsignup textarea:-ms-input-placeholder, .multi-select .multiselect__input:-ms-input-placeholder {
    color: rgba(59, 60, 61, 0.4);
}

:focus::-ms-input-placeholder, #studentsignup :focus::-ms-input-placeholder, #loginModal :focus::-ms-input-placeholder, input[type='search']:focus::-ms-input-placeholder, textarea::-ms-input-placeholder, #studentsignup textarea::-ms-input-placeholder, .multi-select .multiselect__input::-ms-input-placeholder {
    color: rgba(59, 60, 61, 0.4);
}

:focus::placeholder,
#studentsignup :focus::placeholder,
#loginModal :focus::placeholder,
input[type='search']:focus::placeholder,
textarea::placeholder,
#studentsignup textarea::placeholder,
.multi-select .multiselect__input::placeholder {
    color: rgba(59, 60, 61, 0.4);
}

/* Placeholder Errors */

input.placeholder-red::-webkit-input-placeholder, textarea.placeholder-red::-webkit-input-placeholder, input[type='search'].placeholder-red::-webkit-input-placeholder, .error-in-dates.datepicker::-webkit-input-placeholder {
    color: #f21c4e;
    opacity: 1;
}

input.placeholder-red:-moz-placeholder, textarea.placeholder-red:-moz-placeholder, input[type='search'].placeholder-red:-moz-placeholder, .error-in-dates.datepicker:-moz-placeholder {
    color: #f21c4e;
    opacity: 1;
}

input.placeholder-red::-moz-placeholder, textarea.placeholder-red::-moz-placeholder, input[type='search'].placeholder-red::-moz-placeholder, .error-in-dates.datepicker::-moz-placeholder {
    color: #f21c4e;
    opacity: 1;
}

input.placeholder-red:-ms-input-placeholder, textarea.placeholder-red:-ms-input-placeholder, input[type='search'].placeholder-red:-ms-input-placeholder, .error-in-dates.datepicker:-ms-input-placeholder {
    color: #f21c4e;
    opacity: 1;
}

input.placeholder-red::-ms-input-placeholder, textarea.placeholder-red::-ms-input-placeholder, input[type='search'].placeholder-red::-ms-input-placeholder, .error-in-dates.datepicker::-ms-input-placeholder {
    color: #f21c4e;
    opacity: 1;
}

input.placeholder-red::placeholder,
textarea.placeholder-red::placeholder,
input[type='search'].placeholder-red::placeholder,
.error-in-dates.datepicker::placeholder {
    color: #f21c4e;
    opacity: 1;
}

.error-in-dates.datepicker,
.invalid.datepicker,
.placeholder-red .multiselect__placeholder,
.error-in-search .multiselect__placeholder,
input.text-red {
    color: #f21c4e;
    opacity: 1;
}

.school-search-page:hover .multiselect__placeholder {
    color: white;
}

/*Button*/
button,
button:focus {
    margin: 0;
    outline: none;
    margin: 1.25rem 0 0 1px;
}

.btn {
    background-color: #1ca0f2;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    margin-top: 1.25rem;
    padding: 17px 1.875rem;
    outline: none;
    border: 0;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
    -webkit-box-shadow: 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.3);
       -moz-box-shadow: 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.3);
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;
    cursor: pointer;
}

.btn:focus,
.btn:hover,
.btn:active,
.btn:active:hover,
.btn:active.focus,
.btn.active:hover,
.btn.active:focus,
.btn.active.focus {
    color: #fff;
    border: none;
    -webkit-box-shadow: 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.3);
       -moz-box-shadow: 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.3);
    -webkit-transform: translateY(-1px);
       -moz-transform: translateY(-1px);
        -ms-transform: translateY(-1px);
         -o-transform: translateY(-1px);
            transform: translateY(-1px);
}

.btn.disabled {
    background: #54595d !important;
    cursor: not-allowed;
}

.btn.download-button {
    background-color: #ff6e7c;
    height: 52px;
    width: 250px;
    padding: 0;
    margin: 0 0 0 8px;
}

.btn-send-message {
    background-color: transparent;
    color: #1ca0f2 !important;
    font-size: 14px;
    font-weight: 400;
    padding: 10px;
    border: 1px solid #1ca0f2;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

.btn-send-message:hover,
.btn-send-message:active,
.btn-send-message:focus,
.btn-send-message:focus:active,
.btn-send-message:active:hover {
    color: #1ca0f2;
    background-color: white;
    border: 1px solid #1ca0f2;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    -webkit-transform: translateY(-1px);
       -moz-transform: translateY(-1px);
        -ms-transform: translateY(-1px);
         -o-transform: translateY(-1px);
            transform: translateY(-1px);
}

.btn-tags {
    background-color: #eff3f5;
    color: #3b3c3d;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    margin-right: 8px;
    padding: 10px 11px 10px 2.5rem;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

.btn-tags:last-child {
    margin-right: 0;
}

.btn-tags:hover,
.btn-tags:active,
.btn-tags:focus,
.btn-tags:focus:active,
.btn-tags:active:hover {
    color: #3b3c3d;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    -webkit-transform: translateY(0px);
       -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
         -o-transform: translateY(0px);
            transform: translateY(0px);
}

.btn-location {
    padding: 10px 11px 10px 1.75rem;
}

.btn.disabled,
.btn.download-button:disabled,
.btn:disabled {
    cursor: not-allowed;
}

/* Hide Element */
.hidden,
.multi-select .multiselect__select {
    display: none;
}

/* Hide the scrollbar in IE/Edge */
.multiselect__content-wrapper {
    -ms-overflow-style: none;
}

/* Hide the scroolbar in Safare,Opera&Chrome */
.multiselect__content-wrapper::-webkit-scrollbar {
    display: none;
}

/* Handle Error Messages */
.dobRestriction,
.payment-card .extension .minimum-days,
.payment-card .extension .maximum-days,
.payment-card .extension .invalid-days,
.payment-card .extension .today-date {
    color: #f21c4e;
}

/* Home New Page Style */

/* Navbar Section */

.site-header {
    position: fixed;
    top: 0;
    max-width: 1600px;
    width: 100%;
    padding: 10px 12px;
    background-color: #fff;
    z-index: 1000;
}

.navbar-brand {
    width: 154.5px;
    height: 23px;
    padding: 0;
    margin: 0;
    background-image: url(/images/home/svg/logo.svg);
    -moz-background-size: 100%;
      -o-background-size: 100%;
         background-size: 100%;
}

/* .navbar-toggler, */
.hide {
    display: none;
}

.navbar-collapse li {
    padding-right: 1.875rem;
}

.navbar-collapse li:last-child {
    padding-right: 0;
}

.auth-login {
    margin-right: 1.25rem;
}

.btn-auth {
    padding: 10px 16px 13px 16px;
    margin-top: 0;
}

.header-overlay {
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.06), 0 0 2.5px rgba(0, 0, 0, 0.06);
       -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.06), 0 0 2.5px rgba(0, 0, 0, 0.06);
            box-shadow: 0 0 1px rgba(0, 0, 0, 0.06), 0 0 2.5px rgba(0, 0, 0, 0.06);
}

.new-header .navbar-collapse ul li > a:hover {
    color: #1ca0f2;
}

/* Hero Section */
.home-hero-section.hero-with-subjects,
.why-homestay-hero-section.hero-with-subjects,
.university-hero-section.hero-with-subjects {
    position: relative;
    background-color: #f7fafc;
}

.why-homestay-hero-section.hero-with-subjects::before,
.home-hero-section.hero-with-subjects::before,
.university-hero-section.hero-with-subjects::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-clip-path: ellipse(130% 83% at 50% 17%);
            clip-path: ellipse(130% 83% at 50% 17%);
}

.home-hero-section.hero-with-subjects::before {
    background-image: url('/images/home/hero-bg.jpg');
    background-position: right;
    -moz-background-size: cover;
      -o-background-size: cover;
         background-size: cover;
    background-repeat: no-repeat;
}

.university-hero-section.hero-with-subjects::before {
    background-image: url('/images/home/university-hero.jpg');
    background-position: left;
    -moz-background-size: cover;
      -o-background-size: cover;
         background-size: cover;
    background-repeat: no-repeat;
}

.why-homestay-hero-section.hero-with-subjects::before {
    background-image: url('/images/home/why-homestay-hero.jpg');
    background-position: left;
    -moz-background-size: cover;
      -o-background-size: cover;
         background-size: cover;
    background-repeat: no-repeat;
}

.hero-section {
    padding: 10.375rem 0;
    position: relative;
    background-repeat: no-repeat;
}

.hero-info {
    background: #fff;
    max-width: 445px;
    min-height: 500px;
    padding: 2.25rem 2.25rem 3.125rem 2.25rem;
    margin-left: 1.875rem;
    -webkit-box-shadow: 0px 3px 43.5px 0px rgba(0, 0, 0, 0.08);
       -moz-box-shadow: 0px 3px 43.5px 0px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 3px 43.5px 0px rgba(0, 0, 0, 0.08);
}

.hero-info .search-result {
    padding-top: 2.1875rem;
}

.hero-info .datepicker {
    margin-top: 1.375rem;
    caret-color: transparent !important;
}

.hero-info p {
    line-height: 1.45;
}

/* Multi-Select */

.form-label {
    -moz-background-size: 16px;
      -o-background-size: 16px;
         background-size: 16px;
    background-position: center right 15px;
    background-repeat: no-repeat;
}

.search-control {
    background-image: url(/images/home/svg/icon-search.svg);
    -moz-background-size: 18px;
      -o-background-size: 18px;
         background-size: 18px;
    width: 100%;
    background-position: right 15px center;
}

.search-result .search-control {
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
}

/* Available days DatePicker ReadOnly */
.available-dates .asd__month-table {
    pointer-events: none;
}

.available-dates .search-result {
    margin-left: -40px;
}

.invalid.datepicker + .asd__wrapper .asd__day--hovered > button,
.invalid.datepicker + .asd__wrapper .asd__day--in-range > button,
.invalid.datepicker + .asd__wrapper .asd__day--enabled > button:hover {
    background: #ffe5eb !important;
    color: #f21c4e !important;
}

.invalid.datepicker + .asd__wrapper .asd__selected-date-one > button,
.invalid.datepicker + .asd__wrapper .asd__selected-date-two > button,
.invalid.datepicker + .asd__wrapper .asd__selected-date-one > button:hover,
.invalid.datepicker + .asd__wrapper .asd__selected-date-two > button:hover {
    color: #fff !important;
    background-color: #f21c4e !important;
}

/* Datepicker Style */
.search-result .datepicker {
    line-height: 1.5;
    margin-bottom: 0;
    cursor: pointer;
    background-image: url('/images/home/svg/icon-date.svg');
    -moz-background-size: 20px;
      -o-background-size: 20px;
         background-size: 20px;
}

.search-result .asd__wrapper {
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41), 0px 1px 1px 0px rgba(0, 0, 0, 0.07);
       -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41), 0px 1px 1px 0px rgba(0, 0, 0, 0.07);
            box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41), 0px 1px 1px 0px rgba(0, 0, 0, 0.07);
    border: 0;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    z-index: 999;
}

.search-result .asd__day {
    line-height: unset;
}

.search-result .asd__day:focus,
.search-result .asd__day:active {
    outline: none;
}

.search-result .asd__day--enabled {
    border: 0;
}

.search-result .asd__day--enabled button {
    font-size: 15px;
    color: #54595d;
    outline: none;
    margin: 0;
}

.search-result .asd__day--today {
    outline: none;
    border: 1px solid #1ca0f2 !important;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    border: 0;
}

.search-result .asd__day--enabled:hover {
    background-color: #dff3ff;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}

.search-result .asd__week {
    margin-bottom: 6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.search-result .asd__week:last-child {
    margin-bottom: 0;
}

.search-result .asd__week td:first-child {
    -webkit-border-radius: 4px 0 0 4px;
       -moz-border-radius: 4px 0 0 4px;
            border-radius: 4px 0 0 4px;
    overflow: hidden;
}

.search-result .asd__week td:last-child {
    -webkit-border-radius: 0 4px 4px 0;
       -moz-border-radius: 0 4px 4px 0;
            border-radius: 0 4px 4px 0;
    overflow: hidden;
}

.search-result .asd__selected-date-one,
.search-result .asd__day--hovered,
.search-result .asd__day--in-range,
.search-result .asd__selected-date-two {
    background: #dff3ff !important;
    border: 0 !important;
}

.search-result .asd__selected-date-one {
    -webkit-border-radius: 4px 0 0 4px;
       -moz-border-radius: 4px 0 0 4px;
            border-radius: 4px 0 0 4px;
}

.search-result .asd__selected-date-one,
.search-result .asd__selected-date-two {
    background: #1ca0f2 !important;
}

.search-result .asd__day--hovered > button,
.search-result .asd__day--in-range > button,
.search-result .asd__day--enabled:hover button {
    color: #1ca0f2;
    background: #dff3ff !important;
}

.search-result .asd__selected-date-one > button,
.search-result .asd__selected-date-two > button,
.search-result .asd__selected-date-one:hover button,
.search-result .asd__selected-date-two:hover button {
    color: #fff;
    background-color: #1ca0f2 !important;
}

.search-result .asd__selected-date-two {
    -webkit-border-radius: 0 4px 4px 0;
       -moz-border-radius: 0 4px 4px 0;
            border-radius: 0 4px 4px 0;
}

.search-result .asd__month-name span {
    color: #000000;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Mier B', sans-serif;
}

.search-result .asd__month-name span:last-child {
    color: #000000;
    font-size: 17px;
    font-weight: 400;
    font-family: 'Mier B', sans-serif;
}

.search-result .asd__change-month-button {
    top: 21.5px;
}

.search-result .asd__change-month-button--previous {
    top: 22px;
}

.search-result .asd__days-legend {
    top: 60px;
}

.search-result .asd__day-title {
    color: #000000;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
}

.search-result .asd__change-month-button > button:hover {
    border: 0;
}

.search-result .asd__change-month-button > button {
    background-color: transparent;
    border: 0;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    padding: 0;
    margin: 0;
    position: relative;
    outline: none;
    width: 30px;
    height: 30px;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

.search-result .asd__change-month-button > button::before {
    content: '';
    position: absolute;
    width: 7px;
    height: 12px;
    -moz-background-size: 100%;
      -o-background-size: 100%;
         background-size: 100%;
    background-repeat: no-repeat;
    top: 36%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 14px;
}

.search-result .asd__change-month-button--previous > button::before {
    background-image: url('/images/home/icon-datepicker-left-arrow.png');
}

.search-result .asd__change-month-button--next > button::before {
    background-image: url('/images/home/icon-datepicker-right-arrow.png');
}

.search-result .asd__change-month-button button > svg {
    display: none;
}

.search-result .asd__month-name {
    font-size: 100%;
    margin: 5px 0 40px;
}

.search-result .asd__day--disabled {
    background: transparent !important;
}

.search-result .asd__day--disabled > button,
.search-result .asd__day--disabled:hover button {
    color: #cfd0d1;
    cursor: not-allowed;
}

.search-result .asd__month-table {
    margin-top: 50px;
}

.btn-search {
    margin-left: 1px;
}

.search-filter.search-result .datepicker {
    background-image: none;
    color: #3b3c3d;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
    line-height: 1;
    font-size: 14px;
    background-color: #fff;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
    overflow: hidden;
}

.search-filter .school-name,
.search-filter .datepicker-trigger {
    margin: 0 7px 0 0;
}

.search-filter .datepicker-trigger {
    width: 203px;
}

/* Sction Best Homestay */

.sction-best-homestay {
    padding: 9.375rem 0 12.3125rem 0;
    background-color: #f7fafc;
}

.best-homestay-info {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
}

.best-homestay-info h1 {
    padding-bottom: 17px;
}

.best-homestay-list {
    max-width: 280px;
    padding: 4rem 0 0 0;
}

.best-homestay-list .row {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.best-homestay-list p {
    font-size: 18px;
    letter-spacing: -0.02em;
    padding-top: 10px;
    line-height: 1.4;
}

.best-homestay-list figure {
    min-height: 260px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-bottom: 2.5rem;
}

.book-your-homestay figure {
    max-width: 277.5px;
}

.start-your-adventure figure {
    max-width: 241px;
}

.book-your-homestay .find-amazing-hosts {
    max-width: 258px;
}

/* Testimonial Container */
.testimonial {
    background-color: #ffdbde;
}

.testimonial .testimonial-text {
    padding: 9rem 0;
    min-width: 495px;
}

.testimonial .testimonial-text .testimonial-text-name {
    font-size: 24px;
    margin-bottom: 15px;
    color: black;
}

.testimonial .testimonial-text .testimonial-text-comments {
    font-family: 'Geller Headline', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
        Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 32px;
    color: black;
    line-height: 1.25;
}

.testimonial .testimonial-image {
    position: absolute;
    max-width: 646px;
    width: 100%;
    top: -3.2rem;
    margin-left: 3.75rem;
    z-index: 1;
}

.testimonial-after {
    position: relative;
}

.testimonial-after::after {
    content: '';
    position: absolute;
    background-image: url('/images/home/testimonial-quote.png');
    width: 430px;
    height: 346px;
    -moz-background-size: 100%;
      -o-background-size: 100%;
         background-size: 100%;
    background-repeat: no-repeat;
    left: 40%;
}

/* section-homestay-right */

.section-homestay-right {
    padding: 10rem 0 5rem 0;
    background-color: #f7fafc;
}

.homestay-right-description {
    background-color: #002a69;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    max-width: 1040px;
    padding: 3.125rem 3.375rem 3.375rem 3.375rem;
    position: relative;
    background-image: url(/images/home/homestay-right-bg.png);
    background-repeat: no-repeat;
    background-position: bottom right 35px;
    -moz-background-size: 66px;
      -o-background-size: 66px;
         background-size: 66px;
    -webkit-box-shadow: 0px 2px 20px 0px rgba(9, 28, 46, 0.08);
       -moz-box-shadow: 0px 2px 20px 0px rgba(9, 28, 46, 0.08);
            box-shadow: 0px 2px 20px 0px rgba(9, 28, 46, 0.08);
}

.homestay-right-description .homestay-book {
    position: absolute;
    bottom: 0;
    max-width: 320px;
    -webkit-transform: translateY(-52px);
       -moz-transform: translateY(-52px);
        -ms-transform: translateY(-52px);
         -o-transform: translateY(-52px);
            transform: translateY(-52px);
}

.homestay-right-info {
    max-width: 480px;
    margin-left: auto;
    margin-right: 5.375rem;
}

.homestay-right-info h4 {
    color: #fff;
}

.homestay-right-info p {
    color: #fff;
    font-size: 18px;
    line-height: 1.5;
    padding-top: 10px;
}

.homestay-right-info ul {
    padding: 1.75rem 0 2.75rem 0;
}

.homestay-right-info li {
    position: relative;
    color: #ffd255;
    padding: 0 0 13px 1.875rem;
    font-weight: 700;
}

.homestay-right-info li:last-child {
    padding-bottom: 0;
}

.homestay-right-info li::before {
    content: '';
    position: absolute;
    background-image: url('/images/home/svg/list-icon.svg');
    background-repeat: no-repeat;
    -moz-background-size: 100%;
      -o-background-size: 100%;
         background-size: 100%;
    left: 0;
    width: 19px;
    height: 19px;
    background-position: center;
    top: 5px;
}

.homestay-right-description .icon-triangle {
    max-width: 140.5px;
    position: absolute;
    right: -13px;
    top: -1.875rem;
}

.homestay-right-description .icon-circle {
    max-width: 97px;
    position: absolute;
    right: -2.5rem;
    top: 8rem;
}

/* why-homestaymatch */

.why-homestaymatch {
    padding: 4.75rem 0 2.8125rem 0;
    background-color: #f7fafc;
}

.why-homestaymatch .best-homestay-info {
    max-width: 560px;
}

.why-homestaymatch-list-wrapper {
    padding-top: 7.6875rem;
    margin: 0 -1.875rem;
}

.why-homestaymatch-list {
    background-color: #fff;
    padding: 3.125rem;
    position: relative;
    height: 100%;
}

.homestaymatch-list-card {
    min-width: 520px;
    position: relative;
    margin-top: -4.6875rem;
    margin-bottom: 2.5rem;
}

.homestaymatch-list-left-img {
    -webkit-transform: translateX(-50px);
       -moz-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
         -o-transform: translateX(-50px);
            transform: translateX(-50px);
}

.homestaymatch-list-right-img {
    -webkit-transform: translateX(0px);
       -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
         -o-transform: translateX(0px);
            transform: translateX(0px);
    background-color: #94e4f2;
    min-height: 298px;
    position: relative;
}

.homestaymatch-list-right-img figure {
    position: absolute;
    bottom: 0;
    max-width: 365px;
    right: 0;
}

.why-homestaymatch-list p {
    padding-top: 15px;
    font-size: 18px;
    line-height: 1.5;
}

.why-homestaymatch-card {
    position: absolute;
    max-width: 234px;
    margin-left: 15px;
    top: 11rem;
}

.why-homestaymatch-card .chat-card {
    position: absolute;
    padding: 15px 1.15rem;
    max-width: 234px;
    font-size: 14px;
    line-height: 1.4;
    -webkit-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.17), 0px 19px 35px 0px rgba(0, 0, 0, 0.08);
       -moz-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.17), 0px 19px 35px 0px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.17), 0px 19px 35px 0px rgba(0, 0, 0, 0.08);
    -webkit-transform-origin: bottom right;
       -moz-transform-origin: bottom right;
        -ms-transform-origin: bottom right;
         -o-transform-origin: bottom right;
            transform-origin: bottom right;
    opacity: 0;
}

.why-homestaymatch-card .chat-card1 {
    margin-bottom: 13px;
    margin: 0 0 13px 1.25rem;
    -webkit-border-radius: 10px 10px 0 10px;
       -moz-border-radius: 10px 10px 0 10px;
            border-radius: 10px 10px 0 10px;
    background-color: #fff;
}

.why-homestaymatch-card .chat-card1.animate {
    -webkit-animation: first-message 2s cubic-bezier(0.42, -0.4, 0.39, 1.29) forwards;
       -moz-animation: first-message 2s cubic-bezier(0.42, -0.4, 0.39, 1.29) forwards;
         -o-animation: first-message 2s cubic-bezier(0.42, -0.4, 0.39, 1.29) forwards;
            animation: first-message 2s cubic-bezier(0.42, -0.4, 0.39, 1.29) forwards;
}

.why-homestaymatch-card .chat-card2 {
    background-color: #005bce;
    color: #fff;
    -webkit-border-radius: 10px 10px 10px 0;
       -moz-border-radius: 10px 10px 10px 0;
            border-radius: 10px 10px 10px 0;
}

.why-homestaymatch-card .chat-card2::before {
    content: '';
    position: absolute;
    width: 37px;
    height: 37px;
    background-color: #1ca0f2;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    left: -2.875rem;
    bottom: 0;
    background-image: url('/images/home/svg/icon-homestaymatch.svg');
    background-position: center;
    -moz-background-size: 20px;
      -o-background-size: 20px;
         background-size: 20px;
    background-repeat: no-repeat;
}

.why-homestaymatch-card .chat-card2.animate {
    -webkit-animation: second-message 0.5s cubic-bezier(0.42, -0.4, 0.39, 1.29) 1s forwards;
       -moz-animation: second-message 0.5s cubic-bezier(0.42, -0.4, 0.39, 1.29) 1s forwards;
         -o-animation: second-message 0.5s cubic-bezier(0.42, -0.4, 0.39, 1.29) 1s forwards;
            animation: second-message 0.5s cubic-bezier(0.42, -0.4, 0.39, 1.29) 1s forwards;
}

@-webkit-keyframes first-message {
    25%,
    50% {
        opacity: 1;
        -webkit-transform: translateY(-6rem);
                transform: translateY(-6rem);
    }
    75%,
    100% {
        opacity: 1;
        -webkit-transform: translateY(-12rem);
                transform: translateY(-12rem);
    }
}

@-moz-keyframes first-message {
    25%,
    50% {
        opacity: 1;
        -moz-transform: translateY(-6rem);
             transform: translateY(-6rem);
    }
    75%,
    100% {
        opacity: 1;
        -moz-transform: translateY(-12rem);
             transform: translateY(-12rem);
    }
}

@-o-keyframes first-message {
    25%,
    50% {
        opacity: 1;
        -o-transform: translateY(-6rem);
           transform: translateY(-6rem);
    }
    75%,
    100% {
        opacity: 1;
        -o-transform: translateY(-12rem);
           transform: translateY(-12rem);
    }
}

@keyframes first-message {
    25%,
    50% {
        opacity: 1;
        -webkit-transform: translateY(-6rem);
           -moz-transform: translateY(-6rem);
             -o-transform: translateY(-6rem);
                transform: translateY(-6rem);
    }
    75%,
    100% {
        opacity: 1;
        -webkit-transform: translateY(-12rem);
           -moz-transform: translateY(-12rem);
             -o-transform: translateY(-12rem);
                transform: translateY(-12rem);
    }
}

@-webkit-keyframes second-message {
    100% {
        opacity: 1;
        -webkit-transform: translateY(-6rem);
                transform: translateY(-6rem);
    }
}

@-moz-keyframes second-message {
    100% {
        opacity: 1;
        -moz-transform: translateY(-6rem);
             transform: translateY(-6rem);
    }
}

@-o-keyframes second-message {
    100% {
        opacity: 1;
        -o-transform: translateY(-6rem);
           transform: translateY(-6rem);
    }
}

@keyframes second-message {
    100% {
        opacity: 1;
        -webkit-transform: translateY(-6rem);
           -moz-transform: translateY(-6rem);
             -o-transform: translateY(-6rem);
                transform: translateY(-6rem);
    }
}

/* section-universities */
.section-universities {
    padding: 2.8125rem 0 6.25rem 0;
    background-color: #f7fafc;
}

.section-universities .university-info {
    max-width: 663px;
}

.section-universities .university-info h2 {
    padding-bottom: 15px;
}

.section-universities .university-slider {
    padding: 3.625rem 0 0 0;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.section-universities .university-slider .swiper-container {
    min-height: 21rem;
}

.section-universities .university-slider .slider {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-width: 160px;
    max-width: 160px;
    /* padding: 2.1875rem 15px 1.5rem 15px; */
    padding: 1.5rem 15px 1.5rem 15px;
}

.section-universities .university-slider .slider:hover {
    background-color: #fff;
    -webkit-box-shadow: 0px 4px 40px 0px rgba(9, 28, 46, 0.08);
       -moz-box-shadow: 0px 4px 40px 0px rgba(9, 28, 46, 0.08);
            box-shadow: 0px 4px 40px 0px rgba(9, 28, 46, 0.08);
}

.section-universities .university-slider .slider figure {
    min-height: 78px;
    max-width: 70px;
    margin-bottom: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.section-universities .university-slider .slider h6 {
    font-size: 15px;
    line-height: 1.2;
}

.section-universities .university-slider .slider a {
    font-size: 14px;
    color: #1ca0f2;
    font-weight: 400;
    line-height: 1;
    margin-top: 10px;
    display: block;
}

.swiper-slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    max-height: 220px;
}

.slider .arizona-state-university {
    max-width: 70.5px;
}

.slider .els-santa-monica {
    max-width: 77.5px;
}

.slider .csu-northridge {
    max-width: 96.5px;
}

.slider .ucla {
    max-width: 91.5px;
}

.slider .uc-berkeley {
    max-width: 120px;
}

.slider .orange-coast-college {
    max-width: 109px;
}

.university-search h4 {
    font-weight: 400;
    text-align: right;
    padding-right: 1.25rem;
}

.university-search form {
    width: 100%;
    max-width: 300px;
}

.university-search .search-button {
    margin-top: 0;
    padding: 15px 1.875rem;
    margin-left: 15px;
}

.swiper-slide a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
}

/* Verification */

.section-verification {
    background-color: #f7fafc;
}

.verification-info {
    width: 88%;
    margin-left: auto;
    background-color: #fff;
    padding: 4.0625rem 4.375rem 4.0625rem 0;
}

.verification-info figure {
    min-width: 615px;
    margin-left: -8.75rem;
}

.verification-info .verification-text {
    padding-left: 3.125rem;
}

.verification-info .verification-text p {
    padding-top: 12px;
}

/* Support */

.section-support {
    padding: 2.375rem 0 13.125rem 0;
    background-color: #f7fafc;
    overflow: hidden;
}

.section-support .container {
    padding: 7.25rem 3.75rem;
}

.support-info {
    max-width: 445px;
}

.support-info h3 {
    max-width: 400px;
    padding-bottom: 1.5rem;
}

.support-avatar {
    position: absolute;
}

.support-avatar figure.avatar-animate {
    -webkit-animation: avatar-scale-up 2s linear forwards;
       -moz-animation: avatar-scale-up 2s linear forwards;
         -o-animation: avatar-scale-up 2s linear forwards;
            animation: avatar-scale-up 2s linear forwards;
}

@-webkit-keyframes avatar-scale-up {
    15%,
    90% {
        -webkit-transform: scale(1.5);
                transform: scale(1.5);
    }
    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

@-moz-keyframes avatar-scale-up {
    15%,
    90% {
        -moz-transform: scale(1.5);
             transform: scale(1.5);
    }
    100% {
        -moz-transform: scale(1);
             transform: scale(1);
    }
}

@-o-keyframes avatar-scale-up {
    15%,
    90% {
        -o-transform: scale(1.5);
           transform: scale(1.5);
    }
    100% {
        -o-transform: scale(1);
           transform: scale(1);
    }
}

@keyframes avatar-scale-up {
    15%,
    90% {
        -webkit-transform: scale(1.5);
           -moz-transform: scale(1.5);
             -o-transform: scale(1.5);
                transform: scale(1.5);
    }
    100% {
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
}

.support-avatar figure {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    overflow: hidden;
    -webkit-box-shadow: 0px 2px 20px 0px rgba(9, 28, 46, 0.08);
       -moz-box-shadow: 0px 2px 20px 0px rgba(9, 28, 46, 0.08);
            box-shadow: 0px 2px 20px 0px rgba(9, 28, 46, 0.08);
}

.support-avatar p {
    width: 234px;
    padding: 15px 1.25rem;
    margin: 0 0 0 10px;
    background-color: #fff;
    font-size: 14px;
    line-height: 1.4;
    -webkit-box-shadow: 0px 2px 20px 0px rgba(9, 28, 46, 0.08);
       -moz-box-shadow: 0px 2px 20px 0px rgba(9, 28, 46, 0.08);
            box-shadow: 0px 2px 20px 0px rgba(9, 28, 46, 0.08);
    -webkit-transform: translatey(-38px);
       -moz-transform: translatey(-38px);
        -ms-transform: translatey(-38px);
         -o-transform: translatey(-38px);
            transform: translatey(-38px);
    opacity: 0;
    -webkit-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
    z-index: 100;
}

.support-avatar p.showContent {
    opacity: 1;
}

.support-avatar .support-avatar-left {
    margin: 0 0 0 10px;
    -webkit-border-radius: 10px 10px 10px 0;
       -moz-border-radius: 10px 10px 10px 0;
            border-radius: 10px 10px 10px 0;
}

.support-avatar .support-avatar-right {
    position: absolute;
    top: 2%;
    left: -822%;
    margin: 0 10px 0 0;
    -webkit-border-radius: 10px 10px 0 10px;
       -moz-border-radius: 10px 10px 0 10px;
            border-radius: 10px 10px 0 10px;
}

.support-avatar:nth-of-type(1) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    top: 24%;
    left: 6%;
}

.support-avatar:nth-of-type(2) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    bottom: 26%;
    left: 14%;
}

.support-avatar:nth-of-type(3) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    top: 38%;
    left: 36%;
}

.support-avatar:nth-of-type(4) {
    top: 14%;
    left: 90%;
}

.support-avatar:nth-of-type(5) {
    top: 30%;
    left: 70%;
}

.support-avatar:nth-of-type(6) {
    bottom: 21%;
    left: 60%;
}

.support-avatar:nth-of-type(7) {
    left: 81%;
    bottom: 3%;
}

/* Footer */

.footer-logo {
    display: block;
    padding: 0;
    background-repeat: no-repeat;
    width: 155px;
    height: 23px;
    -moz-background-size: 100%;
      -o-background-size: 100%;
         background-size: 100%;
    background-image: url(/images/home/svg/logo.svg);
    margin: 0 0 15px 0;
}

footer {
    background-color: #ffffff;
    padding: 3.75rem 0;
}

.footer-list p {
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: 0;
    color: #535b62;
    padding-bottom: 8px;
}

.footer-list h6 {
    padding-bottom: 1.25rem;
    color: #3b4248;
    font-weight: bold;
}

.footer-list p:last-child,
.footer-list li:last-child {
    padding-bottom: 0;
}

.footer-list li {
    line-height: 1;
    padding-bottom: 12px;
}

.footer-list li > a {
    line-height: 1;
    color: #535b62;
    font-size: 15px;
    line-height: 1.5;
}

.footer-list li > a:hover {
    color: #007bff;
}

.social-icon {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;
    padding-bottom: 15px;
}

.social-icon a {
    padding-right: 1.2rem;
}

.share-icon:hover {
    opacity: 0.7;
}

.social-icon a:last-child {
    padding-right: 0;
}

.social-icon .facebook > img {
    width: 11px;
    height: 20px;
}

.social-icon .instagram > img {
    width: 22px;
    height: 22px;
}

.social-icon .twitter > img {
    max-width: 18px;
}

.social-icon .linked-in > img {
    max-width: 16px;
}

.footer-list .timeless-logo {
    max-width: 25.5px;
    display: inline-block;
    margin-left: 6px;
}

.secondary-footer {
    padding-top: 3.125rem;
}

/* Single Page */

/* Single Hero */
.single-hero {
    padding: 0;
    position: relative;
}

.single-hero .btn-tags {
    background-color: #fff;
    margin: 0;
    padding: 10px 11px 10px 2.1875rem;
    z-index: 2;
}

.single-hero .btn-tags:hover {
    background-color: #eff3f5;
}

.btn-tags.favorites {
    position: absolute;
    top: 15px;
    right: 15px;
}

.btn-tags.photos {
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.btn-tags.favorites::before {
    background-image: url('/images/home/svg/icon-favorites.svg');
    width: 15px;
    height: 13px;
}

.btn-tags.favorites.liked::before {
    background-image: url('/images/home/svg/icon-favourites-filled.svg');
}

.btn-tags.photos::before {
    background-image: url('/images/home/svg/icon-photo.svg');
    width: 16px;
    height: 15px;
}

.single-hero .swiper-slide {
    height: 375px;
    max-height: 375px;
}

.single-hero .swiper-slide a {
    height: 100%;
}

.single-hero .swiper-slide figure > img {
    -o-object-position: center;
       object-position: center;
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
}

.viewer-backdrop {
    background-color: rgba(255, 255, 255, 0.9) !important;
}

/* single-home-details */
.single-home-details {
    padding: 3.625rem 0 4.6875rem 0;
    background-color: #fff;
}

.single-home-details h1 {
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
}

.single-home-details h1 > figure {
    max-width: 35px;
    margin-left: 6px;
}

.home-details p {
    max-width: 540px;
    width: 100%;
}

.room-details h6 {
    margin-top: 8px;
    padding-right: 18px;
    position: relative;
}

.room-details h6::after {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background-color: #989b9e;
    top: 50%;
    right: 7px;
}

.room-details .room-rating::before {
    content: '';
    position: absolute;
    width: 17px;
    height: 17px;
    background-image: url(/images/home/svg/icon-star-filled.svg);
    background-repeat: no-repeat;
    -moz-background-size: 100%;
      -o-background-size: 100%;
         background-size: 100%;
    left: 2px;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}

.homestays-nearby-info .room-details h6.room-rating,
.home-details .room-details h6.room-rating {
    padding-left: 1.5rem;
    font-size: 14px;
    line-height: 1.5;
}

.room-details h6:last-child {
    padding-right: 0;
}

.room-details h6:last-child::after {
    display: none;
}

.room-details figure {
    max-width: 17px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0 6px 0 0;
}

.single-home-details .meal-plan {
    padding-right: 5px;
}

.single-home-details .meal-plan::after {
    display: none;
}

.single-home-details .room-details {
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.home-details p {
    font-size: 18px;
    padding-top: 1.25rem;
    letter-spacing: 0;
}

.university-distance,
.certified-info {
    max-width: 540px;
}

.university-distance .distance {
    max-width: 150px;
    margin-top: 1.25rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.university-distance .distance > figure {
    margin-right: 12px;
    width: 100%;
}

.university-distance .distance-by-walk figure {
    max-width: 20px;
}

.university-distance .distance-by-bicycle figure,
.university-distance .distance-by-car figure {
    max-width: 32px;
}

.university-distance .public-transport figure {
    max-width: 26px;
}

.university-distance p {
    color: #000000;
}

.distance-type h6 {
    font-size: 16px;
    color: #54595d;
    line-height: 1;
}

.distance-type span {
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}

.university-distance {
    padding: 1.875rem 0;
    border-bottom: 1px solid #e4e8eb;
}

.university-distance p {
    padding: 0;
}

.certified-info {
    padding: 1.5625rem 0 3.625rem 0;
}

.certified-info figure {
    max-width: 74px;
    margin-right: 1.25rem;
}

.certified p {
    color: #000000;
    padding-top: 0;
}

.certified a {
    color: #1ca0f2;
    font-size: 15px;
    position: relative;
    letter-spacing: 0;
}

.certified a::after {
    content: '';
    position: absolute;
    background-image: url(/images/home/svg/icon-arrow.svg);
    width: 13px;
    height: 13px;
    -moz-background-size: 100%;
      -o-background-size: 100%;
         background-size: 100%;
    background-repeat: no-repeat;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    margin-left: 5px;
    -webkit-transition: all 0.25s ease-in-out 0s !important;
    -o-transition: all 0.25s ease-in-out 0s !important;
    -moz-transition: all 0.25s ease-in-out 0s !important;
    transition: all 0.25s ease-in-out 0s !important;
}

.certified a:hover::after {
    margin-left: 8px;
}

.meet-your-host h4 {
    padding-bottom: 1.25rem;
}

.meet-your-host figure {
    max-width: 125px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    overflow: hidden;
}

.host-details {
    margin-left: 1.875rem;
}

.host-details h5 {
    font-weight: 400;
}

.host-details h6 {
    color: #54595d;
}

.tags {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.btn-tags::before {
    content: '';
    position: absolute;
    background-repeat: no-repeat;
    -moz-background-size: 100%;
      -o-background-size: 100%;
         background-size: 100%;
    width: 16px;
    height: 16px;
    left: 12px;
    -moz-background-size: contain;
      -o-background-size: contain;
         background-size: contain;
    background-position: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}

.btn-sons,
.btn-dogs,
.btn-daughters,
.btn-cats {
    cursor: default !important;
}

.btn-dogs::before {
    background-image: url('/images/home/svg/icon-dog.svg');
}

.btn-sons::before {
    background-image: url('/images/home/svg/icon-male.svg');
    width: 14px;
    height: 16px;
    left: 15px;
}

.btn-daughters::before {
    background-image: url('/images/home/svg/icon-female.svg');
    width: 14px;
    height: 16px;
    left: 15px;
}

.btn-cats::before {
    background-image: url('/images/home/svg/icon-cat.svg');
    width: 14px;
    height: 16px;
    left: 15px;
}

.btn-location::before {
    background-image: url(/images/home/svg/icon-location.svg);
    width: 11px;
    height: 13px;
    left: 10px;
}

.room-amenities {
    padding-top: 4.5rem;
}

.room-amenities h4 {
    padding-bottom: 2.1875rem;
}

.facility-list li {
    padding: 0 0 1.75rem 0;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.25rem;
}

.facility-list figure {
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    margin-right: 18px;
    max-width: 27px;
}

.icon-list .list-item {
    fill: #1ba0f2;
    fill-rule: evenodd;
    width: 100%;
}

.icon-list.not-selected {
    opacity: 0.4;
    text-decoration: line-through;
}

.icon-list.not-selected .list-item {
    fill: #9c9d9e;
    fill-rule: evenodd;
}

.icon-list .smoke-detector {
    stroke: #1ba0f2;
    width: 100%;
}

.icon-list.not-selected .smoke-detector {
    stroke: #9c9d9e;
}

.meal-plan-details {
    max-width: 190px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41), 0px 1px 1px 0px rgba(0, 0, 0, 0.07);
       -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41), 0px 1px 1px 0px rgba(0, 0, 0, 0.07);
            box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41), 0px 1px 1px 0px rgba(0, 0, 0, 0.07);
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
    padding: 2.6875rem 15px 1.375rem 1.25rem;
    border: 1px solid #fff;
    margin-right: 15px;
    cursor: default;
}

.meal-plan-disabled .icon-list .list-item {
    fill: #9c9d9e;
    fill-rule: evenodd;
}

.meal-plan-details > figure {
    padding-bottom: 1.25rem;
}

.meal-plan-selected {
    border: 1px solid #1ca0f2;
    position: relative;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

.meal-plan-selected::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #1ca0f2;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    top: 10px;
    right: 10px;
    background-image: url(/images/home/svg/list-icon-white.svg);
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: 10px;
      -o-background-size: 10px;
         background-size: 10px;
}

.meal-plan-disabled {
    opacity: 0.4;
}

.without-meal figure {
    max-width: 32px;
}

.breakfast figure {
    max-width: 31.5px;
}

.breakfast-Dinner figure {
    max-width: 30px;
}

.meal-plan-details:last-child {
    margin-right: 0;
}

.meal-plan-details h6 {
    font-size: 16px;
    font-weight: 700;
    color: #3b3c3d;
}

.meal-plan-details p {
    padding-top: 10px;
    font-size: 14px;
    line-height: 1.2;
}

.meal-plan h4 {
    padding-bottom: 1.5625rem;
}

.rules-list {
    background-color: #fffaeb;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
    padding: 1.75rem 1.875rem;
}

.rules-list li {
    color: #000000;
    padding: 0 0 1.25rem 2.125rem;
    position: relative;
}

.rules-list li::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #ffc053;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    top: 5px;
    left: 0;
    background-image: url(/images/home/svg/list-icon-white.svg);
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: 12px;
      -o-background-size: 12px;
         background-size: 12px;
}

.rules-list h4 {
    font-size: 1.75rem;
}

.rules-list h5 {
    padding: 1rem 0 1.375rem 0;
}

.rules-list .additional-rules li::before {
    background-color: #989b9e;
}

.card-style {
    padding: 1.875rem 1.5625rem;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25), 0px 1px 1px 0px rgba(0, 0, 0, 0.07),
        0px 2px 20px 0px rgba(0, 0, 0, 0.08);
       -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25), 0px 1px 1px 0px rgba(0, 0, 0, 0.07),
        0px 2px 20px 0px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25), 0px 1px 1px 0px rgba(0, 0, 0, 0.07),
        0px 2px 20px 0px rgba(0, 0, 0, 0.08);
    background-color: #fff;
}

.payment-details h3 > span {
    font-size: 16px;
    font-weight: 400;
    padding-left: 2px;
}

.payment-details p {
    font-size: 16px;
}

.price-group {
    text-align: right;
}

.price-group .monthly-price {
    font-size: 14px;
    color: #6c757d;
    margin: 0;
    font-weight: 400;
    line-height: 1.2;
}

.payment-card .price-group {
    text-align: right;
}

.payment-card .price-group .monthly-price {
    font-size: 16px;
}

.homestays-nearby-info .price-group {
    text-align: left;
}

.payment-card .datepicker {
    max-width: 100%;
    width: 100%;
}

.payment-card .input-selection {
    padding: 1.25rem 0 1.875rem 0;
}

.payment-card .search-control {
    margin-top: 15px;
}

.payment-card.search-result .datepicker {
    background-image: url(/images/home/svg/icon-calender-single.svg);
}

/* Dropdow style */
.payment-card #mealPlan {
    position: relative;
    width: 100%;
    height: 49px;
    background-color: #eff3f5;
    border: 0;
    text-align: left;
    padding: 14px 1.875rem 14px 14px;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    outline: none;
    color: #000000;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    outline: none;
    letter-spacing: 0;
    margin-top: 15px;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
}

.payment-card #mealPlan.more-meals::before {
    content: '';
    position: absolute;
    background-image: url('/images/home/svg/icon-down.svg');
    width: 12px;
    height: 7px;
    background-repeat: no-repeat;
    -moz-background-size: 100%;
      -o-background-size: 100%;
         background-size: 100%;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}

.payment-card .dropdown-menu {
    width: 100%;
    border: 0;
    margin-top: 5px;
    padding: 3px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41), 0px 1px 1px 0px rgba(0, 0, 0, 0.07);
       -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41), 0px 1px 1px 0px rgba(0, 0, 0, 0.07);
            box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41), 0px 1px 1px 0px rgba(0, 0, 0, 0.07);
    z-index: 1;
}

.payment-card .dropdown-menu li {
    line-height: 1;
    letter-spacing: 0;
    color: #000;
    font-size: 16px;
    cursor: pointer;
    padding: 12px;
    margin: 3px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}

.payment-card .dropdown-menu li:hover,
.payment-card .dropdown-menu .selected {
    background-color: #eff3f5;
}

.payment-list .payment-wrapper {
    position: -webkit-sticky;
    position: sticky;
    top: 70px;
}

.payment-card .dropdown-menu li > figure,
.dropdown-select figure {
    max-width: 20px;
    margin-right: 13px;
}

.pricing-table {
    width: 100%;
}

.pricing-table tr {
    padding-bottom: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.pricing-table tr td:last-child {
    text-align: right;
}

.pricing-table td {
    padding: 0;
    border: 0;
    width: 25%;
    color: #3b3c3d;
    font-size: 18px;
    line-height: 1;
}

.pricing-table td:first-child {
    width: 75%;
}

.pricing-table td figure {
    max-width: 12px;
    margin: -2px 0 0 6px;
}

.pricing-table tr:last-child {
    padding-bottom: 1.5625rem;
}

.pricing-table tfoot {
    padding-top: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #d2d9dd;
}

.pricing-table tfoot td {
    font-weight: 700;
}

.pricing-table tfoot > tr {
    padding-bottom: 0 !important;
    font-weight: 700;
}

.pricing-table tfoot td:last-child {
    text-align: right;
    color: #1ca0f2;
}

.payment-card .btn-small {
    margin-top: 1.875rem;
}

.payment-card .invalid-date {
    color: #f21c4e;
    font-size: 16px;
    text-align: center;
    padding-top: 15px;
}

.payment-card .no-charge-on-request {
    font-size: 15px;
    text-align: center;
    padding-top: 7px;
}

.payment-card .error-no-charge-on-request {
    font-size: 15px;
    text-align: center;
    padding-top: 15px;
}

.payment-card a {
    text-align: center;
    display: block;
}

.client-testimonial {
    padding-top: 2.5rem;
    max-width: 380px;
}

.client-testimonial figure {
    max-width: 47px;
    max-height: 47px;
    overflow: hidden;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    margin-right: 1.25rem;
    display: table;
}

.client-testimonial .ratingStar_filled {
    background-image: url('/images/home/svg/icon-star-filled.svg');
    -moz-background-size: cover;
      -o-background-size: cover;
         background-size: cover;
}

.client-testimonial .ratingStar_empty {
    background-image: url('/images/home/svg/icon-star-empty.svg');
    -moz-background-size: cover;
      -o-background-size: cover;
         background-size: cover;
}

.ratingStar_filled,
.ratingStar_empty {
    width: 11.5px;
    height: 11px;
    content: '';
    margin: 0 3px 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.ratingStar_filled:last-child,
.ratingStar_empty:last-child {
    margin: 0 0 0 0;
}

.client-testimonial-info p {
    display: block;
    max-width: 100%;
    height: 42px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 1.2;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}

.client-testimonial h6 {
    font-size: 18px;
    font-weight: 700;
    padding: 12px 0 5px 0;
}

/* section-map */
.section-neighborhood {
    position: relative;
}

.section-neighborhood .card-neighborhood {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 15%;
}

.section-neighborhood .map {
    width: 100%;
    height: 672px;
}

.card-neighborhood {
    max-width: 410px;
    padding: 2.8125rem 2.5rem 4rem 2.5rem;
}

.card-neighborhood h3 {
    font-size: 1.75rem;
}

.card-neighborhood p {
    font-size: 18px;
    line-height: 1.5;
    padding: 1rem 0 1.875rem 0;
}

.card-neighborhood .university-distance p {
    font-size: 1.125rem;
    font-weight: 700;
    padding: 0;
    line-height: 1.2;
}

.card-neighborhood .university-distance {
    padding: 0;
    border-bottom: 0;
}

.card-neighborhood .distance {
    cursor: pointer;
}

.card-neighborhood .distance figure {
    min-width: 32px;
}

.card-neighborhood .distance figure svg {
    fill: #54595d;
}

.card-neighborhood .distance.selected figure svg {
    fill: #1ca0f2;
}

.card-neighborhood .distance.selected .distance-type h6,
.card-neighborhood .distance.selected .distance-type span {
    color: #1ca0f2;
}

.section-map .map-info-heading {
    font-size: 16px;
}

.section-map .card-neighborhood .distance {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

/* section-other-rooms */
.single-other-homestays {
    background-color: #fff;
    padding: 6.25rem 0;
}

.section-other-rooms h3 {
    font-size: 1.75rem;
    padding-left: 15px;
}

/* section-other-homestays */
.section-other-homestays {
    padding-top: 3rem;
}

.section-other-homestays:nth-child(1) {
    padding-top: 0;
}

.section-other-homestays h3 {
    font-size: 1.75rem;
    padding-left: 15px;
}

.homestays-nearby .room-image {
    position: relative;
    max-height: 174px;
    min-height: 174px;
    overflow: hidden;
    -webkit-border-radius: 4px 4px 0 0;
       -moz-border-radius: 4px 4px 0 0;
            border-radius: 4px 4px 0 0;
}

.homestays-nearby .room-image::before {
    content: '';
    position: absolute;
    top: -2px;
    bottom: 0;
    left: 0;
    right: -2px;
    background-image: url(/images/home/bg-overlay.png);
    background-repeat: no-repeat;
    -moz-background-size: initial;
      -o-background-size: initial;
         background-size: initial;
    background-position: top right;
}

.homestays-nearby .room-image::after {
    content: '';
    position: absolute;
    top: -2px;
    bottom: 0;
    left: 0;
    right: -2px;
    background-image: url(/images/home/bg-overlay.png);
    background-repeat: no-repeat;
    -moz-background-size: initial;
      -o-background-size: initial;
         background-size: initial;
    background-position: top right;
    -webkit-transform: scaleX(-1);
       -moz-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
         -o-transform: scaleX(-1);
            transform: scaleX(-1);
}

.homestays-nearby {
    background-color: #fff;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
    overflow: hidden;
    position: relative;
    margin-top: 1.875rem;
    max-width: 350px;
    -webkit-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;
}

.homestays-nearby-info {
    padding: 1.5rem 15px 1.25rem 1.25rem;
    position: relative;
}

.homestays-nearby .room-image > img {
    height: 100%;
    min-height: 174px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}

.homestays-nearby-info .room-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.homestays-nearby-info .room-header span::before {
    content: '';
    position: absolute;
    width: 11.5px;
    height: 11px;
    background-image: url(/images/home/svg/icon-star.svg);
    background-repeat: no-repeat;
    left: 0;
    -moz-background-size: 100%;
      -o-background-size: 100%;
         background-size: 100%;
}

.homestays-nearby-info .room-details h6 {
    font-size: 15px;
    color: #54595d;
    margin-top: 8px;
}

.homestays-nearby-info .room-header h6 {
    color: #000000;
    padding-right: 5px;
    font-size: 18px;
}

.homestays-nearby-info .room-header h6::after {
    display: none;
}

.homestays-nearby-info .payment-details h3 {
    font-size: 1.25rem;
    padding-left: 0;
}

.homestays-nearby-info .payment-details {
    margin-top: 10px;
}

.homestays-nearby-info .payment-details h3 > span {
    font-size: 15px;
    color: #535b62;
}

.homestays-nearby-info .btn-tags {
    color: #000;
    font-size: 14px;
    margin-top: 0;
    padding: 7px 10px 7px 1.5625rem;
}

/* Payment Details DatePicker */
.payment-card .asd__wrapper {
    height: 400px;
}

.payment-card .extension {
    position: absolute;
    width: 100%;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 15px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-bottom: 25px;
    padding-right: 24px;
    padding-left: 24px;
}

.payment-card .extension.space-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.payment-card .clear-dates {
    color: #1ca0f2;
    cursor: pointer;
}

/* Homestay nearby infor */
.homestays-nearby-info .client-img {
    border: 3px solid #fff;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    overflow: hidden;
    width: 56px;
    height: 56px;
    -webkit-box-shadow: 0px 2px 20px 0px rgba(9, 28, 46, 0.08);
       -moz-box-shadow: 0px 2px 20px 0px rgba(9, 28, 46, 0.08);
            box-shadow: 0px 2px 20px 0px rgba(9, 28, 46, 0.08);
    position: absolute;
    top: -2.0625rem;
}

.homestays-nearby-info .client-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.homestays-nearby .icon-favourite,
.search-img .icon-favourite {
    max-width: 22px;
    position: absolute;
    top: 14px;
    right: 14px;
}

.homestays-nearby .room-name,
.search-img .room-name {
    position: absolute;
    top: 14px;
    left: 14px;
    color: white;
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}

/* spouse-wrapper */
.spouse-wrapper {
    padding-top: 3.125rem;
}

.spouse-wrapper figure {
    max-width: 81px;
    margin-right: 16px;
}

.spouse-wrapper h5 {
    font-size: 18px;
    color: #54595d;
    font-weight: 400;
    line-height: 1;
}

.spouse-wrapper h6 {
    color: #54595d;
}

/* university page */

.university-hero .search-result .datepicker {
    width: 100%;
}

.university-hero .hero-info {
    margin-left: auto;
    position: relative;
}

.university-hero h2 {
    font-size: 1.875rem;
    line-height: 1.2;
    letter-spacing: -0.01em;
}

.university-hero .hero-info figure {
    max-width: 89px;
    position: absolute;
    right: 2.5rem;
    bottom: -1.4375rem;
}

/* university-neayby-homestays */
.school-neayby-homestays {
    background-color: #f7fafc;
    padding: 9.375rem 0 7.8125rem 0;
}

.school-neayby-homestays .homestays-nearby-wrapper {
    margin-top: 3.125rem;
}

.view-all-homestays {
    background-color: #fff;
    padding: 3.75rem 15px 0 15px;
    overflow: hidden;
    min-height: 300px;
}

.view-all-homestays figure {
    min-width: 404px;
    position: absolute;
    bottom: -7rem;
    left: 2rem;
}

.view-all-homestays h5 {
    font-weight: 400;
    padding-bottom: 10px;
}

.stats-bar-wrapper {
    padding-top: 7.8125rem;
}

.stats-bar h2 {
    color: #1ca0f2;
    padding-bottom: 5px;
    font-size: 2.1875rem;
    line-height: 1;
}

.stats-bar h4 {
    line-height: 1;
    font-weight: 400;
}

.section-about-homestay {
    background-color: #f7fafc;
}

.section-about-homestay .best-homestay-info {
    max-width: 610px;
}

.section-about-homestay .best-homestay-info p {
    max-width: 580px;
    width: 100%;
    margin: 0 auto;
}

.university-about-homestay-wrapper {
    padding-top: 4.8125rem;
    overflow: hidden;
}

.about-homestay-wrapper-testimonial {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 49%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 49%;
            flex: 0 0 49%;
    position: relative;
}

.section-about-homestay .left-card {
    background-color: #cfede5;
}

.section-about-homestay .right-card {
    background-color: #e5e2dd;
}

.university-about-homestay {
    max-width: 58%;
    z-index: 1;
}

.university-about-homestay h4 {
    font-family: 'Geller Headline', sans-serif;
    font-weight: 400;
    line-height: 1.3;
    color: #000000;
}

.university-about-homestay h6 {
    font-size: 18px;
    color: #000000;
    padding: 1.875rem 0 0 0;
}

.university-about-homestay p {
    font-size: 15px;
    color: #5c5a58;
}

.section-about-homestay .left-card .left-card-wrapper {
    margin-left: auto;
    padding: 3.75rem 3.125rem 3.125rem 0;
}

.section-about-homestay .right-card .right-card-wrapper {
    padding: 3.75rem 0 3.125rem 3.125rem;
}

.section-about-homestay .right-card figure {
    max-width: 429px;
    position: absolute;
    right: -6rem;
    bottom: 0;
}

.section-about-homestay .left-card figure {
    max-width: 428px;
    position: absolute;
    left: -1.5rem;
    bottom: 0;
}

/* university-map-section */
.university-map .gm-style-iw.gm-style-iw-c {
    padding: 0;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    -webkit-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;
}

.university-map .gm-style-iw.gm-style-iw-c:hover {
    -webkit-box-shadow: 0px 2px 20px 0px rgba(9, 28, 46, 0.08);
       -moz-box-shadow: 0px 2px 20px 0px rgba(9, 28, 46, 0.08);
            box-shadow: 0px 2px 20px 0px rgba(9, 28, 46, 0.08);
    cursor: pointer;
}

.university-map .gm-ui-hover-effect {
    display: none !important;
}

.university-map .gm-style-iw-d {
    max-width: 260px !important;
    max-height: 230px !important;
    overflow: hidden !important;
}

.university-map .map-info-window {
    font-family: 'Mier B', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
        Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    -webkit-box-shadow: 0px 2px 20px 0px rgba(9, 28, 46, 0.11), 0px 2px 20px 0px rgba(9, 28, 46, 0.08);
       -moz-box-shadow: 0px 2px 20px 0px rgba(9, 28, 46, 0.11), 0px 2px 20px 0px rgba(9, 28, 46, 0.08);
            box-shadow: 0px 2px 20px 0px rgba(9, 28, 46, 0.11), 0px 2px 20px 0px rgba(9, 28, 46, 0.08);
}

.university-map .map-info-window .homestays-nearby {
    margin: 0;
    max-width: unset;
    min-width: unset;
}

.university-map .map-info-window .homestays-nearby-info {
    padding: 11.5px 11.5px 17.5px;
}

.university-map .map-info-window .homestays-nearby .room-image {
    max-height: 130px;
    min-height: 130px;
}

.university-map .map-info-window .homestays-nearby-info .room-header h6 {
    font-size: 15px;
    padding-right: 0;
}

.university-map .map-info-window .homestays-nearby-info .room-header .room-rating {
    position: relative;
    font-size: 12px;
    padding-left: 14px;
    margin-left: 5px;
}

.university-map .map-info-window .homestays-nearby-info .room-header .room-rating::before {
    content: '';
    position: absolute;
    width: 11px;
    height: 11px;
    background-image: url(/images/home/svg/icon-star-filled.svg);
    background-repeat: no-repeat;
    -moz-background-size: 100%;
      -o-background-size: 100%;
         background-size: 100%;
    left: 0px;
    top: 57%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}

.university-map .map-info-window .homestays-nearby-info .room-details h6 {
    font-size: 13px;
    margin-top: 4px;
    padding-right: 15px;
}

.university-map .map-info-window .homestays-nearby-info .room-details h6::after {
    top: 44%;
    right: 5px;
    background-color: #54595d;
}

.university-map .map-info-window .payment-details {
    margin-top: 8px;
}

.university-map .map-info-window .payment-details h3 {
    font-size: 16px;
}

.university-map .map-info-window .payment-details h3 > span {
    font-size: 13px;
    color: #54595d;
    padding-left: 6px;
}

.university-map .map-info-window .room-distance {
    position: absolute;
    background: #fff;
    top: 94px;
    right: 7.5px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}

.university-map .map-info-window .room-distance p {
    padding: 8px;
    font-size: 14px;
    line-height: 1;
    color: #000;
}

/* section-why-homestaymatch */
.section-why-homestaymatch {
    padding: 4.6875rem 0 2.75rem 0;
}

.section-why-homestaymatch .verification-text figure {
    max-width: 80px;
    min-width: unset;
    margin: 0 0 1.25rem 0;
}

.section-why-homestaymatch .verification-text-transform figure {
    -webkit-transform: translateX(-7px);
       -moz-transform: translateX(-7px);
        -ms-transform: translateX(-7px);
         -o-transform: translateX(-7px);
            transform: translateX(-7px);
}

.section-why-homestaymatch .verification-info {
    margin-top: 4.0625rem;
}

.section-why-homestaymatch .student-verification-text figure {
    max-width: 86.5px;
}

.section-why-homestaymatch .homestaymatch-list-card {
    min-height: 411px;
    min-width: 616px;
    margin: 0 0 0 -8.75rem;
    overflow: hidden;
}

.section-why-homestaymatch .homestaymatch-list-card figure {
    min-width: unset;
    max-width: 400px;
    right: -15px;
}

.section-why-homestaymatch .why-homestaymatch-card {
    margin-left: 13%;
    top: 66%;
}

/* section-ebook */
.section-ebook {
    padding: 6.75rem 0;
    background-color: #cef6fe;
    overflow: hidden;
}

.ebook-image figure {
    max-width: 192.5px;
    margin-left: auto;
}

.ebook-info {
    max-width: 485px;
    margin-left: 3.75rem;
}

.ebook-info p {
    font-size: 18px;
    line-height: 1.5;
    padding: 15px 0 1.25rem 0;
}

.section-ebook .container {
    position: relative;
}

.ebook-wrapper::after,
.ebook-wrapper::before {
    content: '';
    position: absolute;
    -moz-background-size: 100%;
      -o-background-size: 100%;
         background-size: 100%;
    background-repeat: no-repeat;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}

.ebook-wrapper::after {
    background-image: url(/images/home/icon-ebook-right.png);
    right: -8rem;
    width: 310px;
    height: 318px;
}

.ebook-wrapper::before {
    background-image: url(/images/home/icon-ebook-left.png);
    left: -10rem;
    width: 270px;
    height: 275px;
}

/* university-sction-best-homestay */
.university-sction-best-homestay {
    padding: 9.375rem 0 5.5rem 0;
}

/* section-about-homestay */
.section-about-homestay {
    padding: 5.5rem 0 4.6875rem 0;
}

/* section-why-homestaymatch */
/* unversity-list-map */
.unversity-list-map #map {
    width: 100%;
    min-height: 670px;
}

/* Checout page */
.header-shadow {
    border-bottom: 1px solid #f0f3f5;
}

.section-checkout-form {
    padding: 2.375rem 0 10rem 0;
    background-color: #fff;
}

.section-checkout-form .tab-control {
    margin-left: 7.35rem;
}

.tab-control {
    border: 0;
}

.tab-control .tab-items {
    display: inline;
    position: relative;
    padding: 0 15px 0 1.875rem;
    margin-right: 10px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.8;
    counter-increment: list-counter-number;
    cursor: pointer;
    color: #54595d;
}

.tab-control .tab-items::before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 21px;
    height: 21px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-weight: 700;
    font-size: 12px;
    border: 1px solid #bcbebf;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}
.tab-control .tab-items:nth-child(1)::before {
    content: '1';
}
.tab-control .tab-items:nth-child(2)::before {
    content: '2';
}
.tab-control .tab-items:nth-child(3)::before {
    content: '3';
}
.tab-control .tab-items::after {
    content: '';
    position: absolute;
    width: 5.5px;
    height: 10px;
    top: 50%;
    right: 0;
    background-image: url('/images/home/svg/icon-tab-arrow.svg');
    background-repeat: no-repeat;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}

.tab-control .tab-items:last-child {
    margin-right: 0;
    padding-right: 0;
}

.tab-control .tab-items:last-child::after {
    display: none;
}

.tab-control .tab-items.active,
.tab-control .tab-items.visited {
    color: #1ca0f2;
}

.tab-control .tab-items.visited::before,
.tab-control .tab-items.active::before {
    background-color: #1ca0f2;
    border: 1px solid #1ca0f2;
    color: #fff;
}

.tab-content {
    padding-top: 3.125rem;
}

.tab-content .fade.in {
    opacity: 1;
}

.personal-details .personal-details-wrapper {
    max-width: 450px;
    margin-left: auto;
}

.personal-details .personal-details-wrapper h6 {
    padding: 1.875rem 0 12px 0;
    font-size: 15px;
    font-weight: 700;
    color: #3b3c3d;
}

.personal-details .personal-details-wrapper p {
    font-size: 16px;
    line-height: 1.5;
    color: #3b3c3d;
    padding-top: 6px;
    text-align: left;
}

.personal-details .personal-details-wrapper .conditions label {
    font-size: 16px;
    line-height: 1.5;
    color: #3b3c3d;
    padding-top: 0;
    margin: -3px;
}

.personal-details .personal-details-wrapper .conditions label > a {
    color: #1ca0f2;
}

.personal-details .user-name .left-card-wrapper,
.personal-details .user-name .right-card-wrapper {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 49%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 49%;
            flex: 0 0 49%;
}

.select-options input[type='radio'] {
    display: none;
}

.select-options .btn:hover {
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
}

.select-options .btn {
    margin: 0;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    padding: 16px 2rem;
    background-color: #eff3f5;
    color: #3b3c3d;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    font-weight: 400;
}

.select-options .female,
.select-options .professional {
    margin-left: 3px;
}

.select-options .gender-disabled {
    pointer-events: none;
}

.select-options .d-flex {
    overflow: hidden;
}

.professional .btn {
    padding: 16px 18px;
}

.select-options input[type='radio']:checked + label {
    background-color: #1ca0f2;
    color: #fff;
}

.personal-details .select-dob {
    margin-right: 5px;
}

.personal-details .select-dob:last-child {
    margin-right: 0;
}

.personal-details .select-dob .dropdown-select {
    position: relative;
    background-image: url('/images/home/svg/icon-down-black.svg');
    background-repeat: no-repeat;
    -moz-background-size: 13px;
      -o-background-size: 13px;
         background-size: 13px;
    background-position: center right 15px;
}

.policy-card {
    background-color: #fff6db;
    padding: 1.25rem;
    margin-top: 15px;
}

.personal-details-wrapper .policy-card p {
    font-size: 15px;
    line-height: 1.5;
    color: #3b3c3d;
    letter-spacing: 0;
    padding: 0 0 10px 0;
}

.personal-details-wrapper .policy-card p:last-child {
    padding-bottom: 0px;
}

.personal-details-wrapper .policy-card p > a {
    color: #1ca0f2;
}

.checkout-payment-details .payment-card {
    padding: 0;
    margin: 0;
}

.checkout-payment-details-wrapper {
    max-width: 350px;
    margin-left: 4.0625rem;
    position: relative;
}

.checkout-payment-details .homestays-nearby-info .room-header h6 {
    color: #000000;
    font-size: 18px;
}

.checkout-payment-details .pricing-table {
    margin-top: 1.25rem;
    padding-top: 1.5rem;
    border-top: 0.5px solid #d2d9dd;
    display: grid;
}

.checkout-payment-details .pricing-table tfoot {
    padding-top: 0;
    border-top: none;
}

.checkout-payment-details .pricing-table tfoot td:last-child {
    color: #000000;
}

.checkout-payment-details .client-testimonial p {
    font-size: 15px;
    line-height: 1.3;
    color: #54595f;
}

.checkout-payment-details .client-testimonial-info h6 {
    padding: 0 0 5px 0;
    font-size: 16px;
}

.checkout-payment-details .client-testimonial-info p {
    font-size: 15px;
    color: #656769;
}

.checkout-payment-details .client-testimonial-info {
    padding-top: 1rem;
}

.checkout-payment-details .client-testimonial {
    position: relative;
    max-width: 300px;
    margin: 0 auto;
}

.checkout-payment-details .client-testimonial::before {
    content: '';
    position: absolute;
    background-image: url('/images/home/svg/icon-quote.svg');
    background-repeat: no-repeat;
    -moz-background-size: 100%;
      -o-background-size: 100%;
         background-size: 100%;
    width: 16px;
    height: 11.5px;
    top: 1.25rem;
}

.checkout-payment-details .payment-card {
    cursor: auto;
}

.house-rules .rules-list {
    padding: 0;
    background-color: transparent;
}

.satisfaction-promise figure {
    max-width: 80px;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1), 0px 10px 18px 0px rgba(0, 0, 0, 0.04);
       -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1), 0px 10px 18px 0px rgba(0, 0, 0, 0.04);
            box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1), 0px 10px 18px 0px rgba(0, 0, 0, 0.04);
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    margin-right: 13px;
}

.satisfaction-promise {
    padding-top: 2rem;
}

.our-satisfaction-promise h5 {
    font-size: 18px;
}

.our-satisfaction-promise p {
    font-size: 16px;
    color: #54595d;
    line-height: 1.3;
    padding-top: 8px;
}

.our-satisfaction-promise p > a {
    color: #1ca0f2;
}

.conditions {
    padding-top: 1.875rem;
}

.conditions input {
    display: inline-table;
    width: auto;
    margin-right: 10px;
    margin-top: 5px;
}

.conditions-wrapper {
    padding-bottom: 1.25rem;
}

.conditions-wrapper:last-child {
    padding-bottom: 0;
}

.conditions-wrapper p {
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: -0.01em;
    padding-top: 0;
}

.conditions-wrapper p > a {
    color: #1ca0f2;
}

.conditions-wrapper:last-child p {
    padding-left: 1.5rem;
}

.payment-testimonial figure {
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    max-width: 74px;
}

.house-rules .cvv {
    position: relative;
}

.house-rules .cvv .payment-tooltip {
    max-width: 12px;
    margin-left: 5px;
    margin-top: -1px;
}

/* .house-rules .cvv .tooltiptext {
    top: -50px;
} */

.personal-details .conditions-wrapper p {
    padding-top: 0;
}

/* check out */

.personal-details .dropdown-icon input {
    position: relative;
    background-image: url(/images/home/svg/icon-down-black.svg);
    background-position: center right 15px;
    background-repeat: no-repeat;
    -moz-background-size: 13px;
      -o-background-size: 13px;
         background-size: 13px;
}

.post-confirmation p {
    font-size: 16px;
    line-height: 1.5;
    color: #54595d;
}

.post-confirmation p > span {
    color: #000000;
    font-weight: 400;
}

/* ABOUT PAGE STYLE */
/* about-header */
.about-header {
    background-color: transparent;
}

.about-header .navbar-collapse ul {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.about-header .navbar-collapse li:last-child {
    padding-right: 1.875rem;
}

.about-header .navbar-collapse li > a,
.about-header .auth-login,
.about-header .author-details .dropdown-toggle {
    color: #fff;
}

.about-header.header-overlay .navbar-collapse li > a.active {
    color: #1ca0f2;
}

.about-header.header-overlay {
    background-color: #fff;
}

.about-header.header-overlay .navbar-collapse li > a,
.about-header.header-overlay .auth-login,
.about-header.header-overlay .author-details .dropdown-toggle {
    color: #000;
}

.about-header.header-overlay .navbar-brand {
    background-image: url(/images/home/svg/logo.svg);
}

.about-header .navbar-brand {
    background-image: url(/images/home/svg/logo-white.svg);
}

.section-bg {
    background-color: #f7fafc;
}

.flex-50 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
}

.section-about {
    background-image: url('/images/home/about-hero.jpg');
    padding: 23.75rem 0 3.4375rem 0;
    -moz-background-size: cover;
      -o-background-size: cover;
         background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.section-about h2 {
    color: #fff;
    width: 100%;
    max-width: 568px;
    margin: 0 auto;
    padding-bottom: 0;
}

/* section-our-brand */
.section-our-brand {
    padding: 9.375rem 0 4.6875rem 0;
}

.our-brand-wrapper {
    padding: 4.375rem 15px 0 15px;
}

.our-brand-info figure {
    max-width: 40px;
    margin-bottom: 1.5625rem;
}

.our-brand-info h3 {
    font-family: 'Geller Headline', sans-serif;
    font-weight: 500;
}

.our-brand-info p {
    font-size: 18px;
    color: #3b3c3d;
    line-height: 1.4;
    padding-top: 13px;
}

.our-brand-info {
    padding: 0 6rem 0 3.75rem;
}

.our-brand {
    background-color: #fff;
}

.section-our-brand .best-homestay-info {
    max-width: 580px;
}

/* section-experience */
.section-experience {
    padding: 4.6875rem 0;
}

.section-experience .best-homestay-info {
    max-width: 720px;
}

.homestaymatch-experience-list {
    padding-top: 6.25rem;
}

.homestaymatch-experience-wrapper {
    max-width: 350px;
    margin: 0 auto;
}

.homestaymatch-experience-wrapper li {
    position: relative;
    max-height: 175px;
    padding: 0 0 0 3.75rem;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    counter-increment: list-counter-number;
}

.homestaymatch-experience-wrapper li:last-child {
    padding-bottom: 0;
}

.homestaymatch-experience-wrapper li.open {
    padding-bottom: 4rem;
    cursor: default;
}

.homestaymatch-experience-wrapper li:before {
    content: '';
    position: absolute;
    width: 2px;
    top: 37px;
    left: 21px;
    bottom: 4px;
    background-color: #d6dadc;
}

.homestaymatch-experience-wrapper li:last-child::before {
    display: none;
}

.homestaymatch-experience-wrapper li h4::before {
    content: counter(list-counter-number);
    position: absolute;
    top: -5px;
    left: 0;
    width: 43px;
    height: 43px;
    border: 1px solid #bbbdbe;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    font-size: 18px;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.homestaymatch-experience-wrapper li .content {
    font-size: 18px;
    line-height: 1.3;
    padding-top: 10px;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    opacity: 0;
}

.homestaymatch-experience-wrapper li .image {
    margin: 1rem 0;
    opacity: 0;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.homestaymatch-experience-wrapper li.open .image,
.homestaymatch-experience-wrapper li.open .content,
.homestaymatch-experience-image .open {
    opacity: 1;
}

.homestaymatch-experience-image figure {
    position: absolute;
    max-width: 377px;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    opacity: 0;
}

/* section-leadership */
.section-leadership {
    padding: 4.6875rem 0;
}

.section-leadership .best-homestay-info {
    max-width: 560px;
}

/* section-our-team */
.section-our-team {
    padding: 4.6875rem 0;
}

.our-team-list .our-team-info h3 {
    font-family: inherit;
    font-weight: 700;
    padding-bottom: 15px;
}

.our-team-info p {
    font-size: 1.375rem;
    line-height: 1.09;
    padding-top: 8px;
    color: #535b62;
}

.our-team-info p:nth-of-type(1) {
    padding: 0;
}

.our-team-members {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 32%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 32%;
            flex: 0 0 32%;
    margin-top: 4.6875rem;
}

.our-team-members h5 {
    padding: 18px 0 8px 0;
}

.our-team-members p {
    font-size: 16px;
    color: #535b62;
    line-height: 1.06;
    padding-bottom: 8px;
}

.our-team-members p:last-child {
    padding-bottom: 0;
}

/* section-our-advisors */
.section-our-advisors .container {
    padding: 4.6875rem;
    background-color: #fff;
}

.section-our-advisors .our-team-members {
    margin-bottom: 0;
}

.section-our-advisors .our-team-members figure {
    -webkit-box-shadow: 0px 2px 20px 0px rgba(9, 28, 46, 0.08);
       -moz-box-shadow: 0px 2px 20px 0px rgba(9, 28, 46, 0.08);
            box-shadow: 0px 2px 20px 0px rgba(9, 28, 46, 0.08);
}

/* section-host-student */
.section-host-student {
    padding: 4.6875rem 0 4.6875rem 0;
}

.section-host-student .container {
    background-color: #fff;
    padding: 4.6875rem 5.4375rem 4.6875rem 0;
    -moz-background-size: contain;
      -o-background-size: contain;
         background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    -webkit-box-shadow: 0px 2px 20px 0px rgba(9, 28, 46, 0.08);
       -moz-box-shadow: 0px 2px 20px 0px rgba(9, 28, 46, 0.08);
            box-shadow: 0px 2px 20px 0px rgba(9, 28, 46, 0.08);
}

.host-a-student p {
    font-size: 18px;
    line-height: 1.4;
    padding-top: 1.5625rem;
}

.host-a-student .btn {
    margin-top: 1.875rem;
}

.host-a-student {
    max-width: 378px;
    margin-left: auto;
}

.host-student-img figure {
    height: 100%;
}

.host-student-img figure > img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.host-student-img {
    min-width: 780px;
    position: absolute;
    top: 0;
    height: 100%;
}

.host-student-wrapper {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
}

/* section-trusted-partners */
.section-trusted-partners {
    padding: 4.6875rem 0 3.75rem 0;
    background-color: #e1f4ff;
}

.trusted-partner-info {
    max-width: 675px;
}

.trusted-partner-info h1 {
    padding-bottom: 2rem;
}

.trusted-partner-info p {
    color: #000000;
}

.trusted-partner-professor figure {
    max-width: 90px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    overflow: hidden;
}

.trusted-partner-professor h5 {
    font-weight: 400;
    padding: 1.125rem 0 10px 0;
}

.trusted-partner-professor p {
    font-size: 15px;
    line-height: 1.3;
    color: #5a6266;
}

.trusted-partner-professor {
    max-width: 380px;
    padding-top: 2.8125rem;
}

/* section-partned */
.section-partned {
    padding: 4.375rem 0 7rem 0;
}

.student-section {
    padding: 5.3125rem 0 20.625rem 0;
    background-image: url('/images/home/student-bg.jpg');
    -moz-background-size: cover;
      -o-background-size: cover;
         background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.partner-logo figure {
    padding-top: 2.5rem;
}

.partner-logo figure:nth-child(1) {
    max-width: 135.5px;
}

.partner-logo figure:nth-child(2) {
    max-width: 56px;
}

.partner-logo figure:nth-child(3) {
    max-width: 142.5px;
}

.partner-logo figure:nth-child(4) {
    max-width: 74.5px;
}

.partner-logo figure:nth-child(5) {
    max-width: 101px;
}

.partner-logo figure:nth-child(6) {
    max-width: 91.5px;
}

.partner-logo figure:nth-child(7) {
    max-width: 91px;
}

.student-section {
    margin-top: 6.5625rem;
}

.student-info {
    max-width: 420px;
}

.student-info h2 {
    color: #fff;
    font-size: 2.375rem;
}

.student-info .btn-small {
    margin: 0 0 0 15px;
}

.student-info form {
    width: 100%;
}

.student-info .search-button {
    margin-top: 0;
    padding: 15px 1.875rem;
    margin-left: 15px;
}

/* Search Page Style */
.btn-time {
    padding: 10px 11px;
}

.new-header .navbar-collapse ul {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.new-header .navbar-collapse li:last-child {
    padding-right: 1.875rem;
}

/* section-search-list */
.section-search-list {
    padding-bottom: 4rem;
}

.section-search-homestays .search-filter .asd__wrapper {
    top: 39px !important;
}

.search-filter input,
.search-filter button {
    font-size: 14px;
    margin: 0 7px 0 0;
    background-color: #ffffff;
    color: #3b3c3d;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41), 0px 1px 1px 0px rgba(0, 0, 0, 0.07);
       -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41), 0px 1px 1px 0px rgba(0, 0, 0, 0.07);
            box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41), 0px 1px 1px 0px rgba(0, 0, 0, 0.07);
    font-weight: 400;
}

.search-filter input {
    padding: 5px 12px;
}

.search-filter button {
    padding: 10px 12px;
}

.search-filter .btn:active,
.search-filter .btn:focus,
.search-filter .btn.active.focus,
.search-filter .btn.active.hover {
    color: #3b3c3d;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41), 0px 1px 1px 0px rgba(0, 0, 0, 0.07);
       -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41), 0px 1px 1px 0px rgba(0, 0, 0, 0.07);
            box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41), 0px 1px 1px 0px rgba(0, 0, 0, 0.07);
}

.search-filter input:last-child {
    margin-right: 0;
}

.school-name {
    width: 210px;
}

.selected-date {
    width: 202.5px;
}

.search-results .search-room-img {
    max-width: 350px;
}

.search-info-wrapper figure {
    width: 56px;
    height: 56px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    overflow: hidden;
    display: inline-table;
    flex-shrink: 0;
}

.search-info-wrapper figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.search-info h5 {
    font-size: 18px;
    font-weight: 400;
}

.search-info .room-details h6 {
    font-size: 15px;
    color: #54595d;
}

.search-info h3 {
    font-size: 1.25rem;
}

.search-info h6.room-rating {
    margin-top: 0;
    margin-left: 5px;
    padding-left: 24px;
    font-size: 14px;
}

.search-result-info h3 {
    font-size: 1.25rem;
    color: #000000;
}

.search-result-info h3 > span {
    color: #535b62;
    font-size: 15px;
    letter-spacing: -0.01em;
    font-weight: 400;
}

.search-result-info .btn {
    margin-top: 0;
}

.search-result-info {
    padding: 1.25rem 1.25rem 1.25rem 1.875rem;
}

.search-results {
    background-color: #fff;
    -webkit-box-shadow: 0px 2px 20px 0px rgba(9, 28, 46, 0.08);
       -moz-box-shadow: 0px 2px 20px 0px rgba(9, 28, 46, 0.08);
            box-shadow: 0px 2px 20px 0px rgba(9, 28, 46, 0.08);
    -webkit-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;
}

.search-list-wrapper .search-results {
    margin-top: 0;
}

.search-list-wrapper .search-results {
    margin-bottom: 1.875rem;
}

.search-list-wrapper .search-results.search-results-list {
    padding: 0;
    overflow: hidden;
}

.search-results:last-child {
    margin-bottom: 0;
}

.search-img {
    position: relative;
}

.search-room-img .room-img {
    position: relative;
    max-height: 205px;
    min-height: 205px;
}

.search-room-img .room-img > img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.search-room-img .room-img::before {
    content: '';
    position: absolute;
    top: -7px;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url(/images/home/bg-overlay.png);
    background-repeat: no-repeat;
    -moz-background-size: cover;
      -o-background-size: cover;
         background-size: cover;
}

.search-room-img .room-img::after {
    content: '';
    position: absolute;
    top: -7px;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url(/images/home/bg-overlay.png);
    background-repeat: no-repeat;
    -moz-background-size: cover;
      -o-background-size: cover;
         background-size: cover;
    -webkit-transform: scaleX(-1);
       -moz-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
         -o-transform: scaleX(-1);
            transform: scaleX(-1);
}

.search-results-list:hover .btn,
.search-results-list:hover .btn-tags,
.search-results-list.hovered .btn,
.search-results-list.hovered .btn-tags {
    background-color: #fff !important;
}

.search-results:hover,
.search-results.hovered {
    background-color: #e8f6ff;
}

.search-types .dropdown-item {
    max-width: 100%;
    padding: 1.25rem;
    background-color: #fff;
    -webkit-box-shadow: 0px 1px 4.5px 0px rgba(0, 0, 0, 0.17), 0px 9.5px 17.5px 0px rgba(0, 0, 0, 0.08);
       -moz-box-shadow: 0px 1px 4.5px 0px rgba(0, 0, 0, 0.17), 0px 9.5px 17.5px 0px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 1px 4.5px 0px rgba(0, 0, 0, 0.17), 0px 9.5px 17.5px 0px rgba(0, 0, 0, 0.08);
}

.search-types .dropdown-item h6,
.search-types .private-bathroom h5,
.search-types .private h5 {
    font-size: 14px;
    font-weight: 700;
}

.search-types .dropdown-item label,
.search-types .dropdown-item .btn {
    font-size: 14px;
    padding: 8px 14px;
    letter-spacing: -0.01em;
    margin: 0;
    background-color: transparent;
    color: #000;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}

.search-types .dropdown-item .btn:hover {
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
}

.search-types .d-flex {
    overflow: visible;
}

.search-types .private-bathroom h6,
.search-types .private h6 {
    font-size: 14px;
    font-weight: 400;
}

.search-types input[type='radio'] {
    display: none;
}

.search-types .input-lists {
    margin: 10px 0 0 0;
    -webkit-box-shadow: 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.3);
       -moz-box-shadow: 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.3);
    overflow: hidden;
}

.search-types .input-lists label {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    -webkit-transition: none;
    -o-transition: none;
    -moz-transition: none;
    transition: none;
}

.search-types .input-lists span {
    border: 0.5px solid #3b3c3d4d;
}

.search-types input[type='radio']:checked + label {
    background-color: #1ca0f2;
    color: #fff;
    overflow: hidden;
}

.search-types .private-bathroom,
.search-types .guest-smoker,
.search-types .bed-type {
    padding-top: 1.25rem;
}

.search-types .flex-50 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 46%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 46%;
            flex: 0 0 46%;
}

.search-types .bed-type input[type='radio'] {
    display: block;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3);
       -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3);
    margin: 0;
    width: 18px;
    height: 18px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}

.search-types .bed-type .beds {
    padding-top: 18px;
}

.search-types .bed-type .beds label {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 14px;
    letter-spacing: -0.01em;
    padding: 0 0 0 1.5625rem;
    position: relative;
    line-height: 1;
}

.search-types .bed-type .beds label figure {
    margin-left: 8px;
}

.search-types .bed-type .single-bed figure {
    max-width: 18px;
}

.search-types .bed-type .twin-bed figure {
    max-width: 26.5px;
}

.triangle {
    margin: 0 0 0 1.5rem;
    vertical-align: bottom;
    width: 15px;
    height: 7px;
    border-bottom: solid 7px #fff;
    border-left: solid 7px transparent;
    border-right: solid 7px transparent;
    position: absolute;
    top: 3px;
}

.search-types .private-bathroom h6,
.search-types .private h6 {
    padding: 12px 0 0 0;
    white-space: initial;
    line-height: 1.2;
    position: relative;
}

.search-types .private-bathroom h6 input {
    display: block;
}

.custom-checkbox input[type='checkbox']:checked + label,
.custom-checkbox input[type='checkbox']:not(:checked) + label {
    position: relative;
    cursor: pointer;
    display: inline-block;
    color: #000;
    padding: 0 0 0 1.5625rem;
}

.custom-checkbox input[type='checkbox']:checked + label:before,
.custom-checkbox input[type='checkbox']:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.6), 0px 1px 1px 0px rgba(0, 0, 0, 0.07);
       -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.6), 0px 1px 1px 0px rgba(0, 0, 0, 0.07);
            box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.6), 0px 1px 1px 0px rgba(0, 0, 0, 0.07);
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}

.custom-checkbox input[type='checkbox']:checked + label:after,
.custom-checkbox input[type='checkbox']:checked + label:after {
    content: '';
    width: 18px;
    height: 18px;
    background: #1ca0f2;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background-image: url(/images/home/svg/list-icon-white.svg);
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: 12px;
      -o-background-size: 12px;
         background-size: 12px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}

.custom-checkbox input[type='checkbox']:checked,
.custom-checkbox input[type='checkbox']:not(:checked) {
    position: absolute;
    width: 18px;
    height: 18px;
    cursor: pointer;
    z-index: 1;
    opacity: 0;
}

.search-types .private h6 input:checked + label {
    background-color: transparent !important;
}

.search-types .private h6 label figure {
    max-width: 16px;
    display: inherit;
    margin-left: 8px;
}

.search-types .private-bathroom h6 > figure,
.search-types .private h6 > figure {
    max-width: 16px;
    margin-left: 8px;
}

.search-types .private h6 .icon-cat {
    max-width: 13px;
}

.search-types .private .other-pets {
    padding-top: 12px;
}

.search-types .dropdown-menu {
    padding: 10px 0 0 0;
    min-width: 100%;
    background-color: transparent;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    border: 0;
}

.search-types .btn::after {
    display: none;
}

.private input[type='checkbox'],
.shared-room .bed-type .beds input[type='checkbox'] {
    display: block;
    -webkit-box-shadow: 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.3);
       -moz-box-shadow: 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.3);
    margin: 0;
    width: 18px;
    height: 18px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}

.meal-paln-filter .meal-plan-list {
    padding-top: 15px;
}

.meal-paln-filter .meal-plan-list label {
    font-size: 14px;
    letter-spacing: -0.03em;
    line-height: 1.5;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    line-height: 1.2;
}

.meal-paln-filter .meal-plan-list label figure {
    max-width: 16px;
    margin-left: 8px;
}

.meal-paln-filter .dropdown-menu {
    min-width: 257px;
}

.smoke-type .dropdown-menu {
    min-width: 242px;
}

.btn-white {
    padding: 15px 18px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41), 0px 1px 1px 0px rgba(0, 0, 0, 0.07);
       -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41), 0px 1px 1px 0px rgba(0, 0, 0, 0.07);
            box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41), 0px 1px 1px 0px rgba(0, 0, 0, 0.07);
    background-color: #fff;
    margin-top: 0;
    font-weight: 400;
}

.pagination p,
.btn-white,
.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white:active:hover {
    font-size: 14px;
    color: #3b3c3d;
    position: relative;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
}

.btn-white::before {
    content: '';
    position: absolute;
    -moz-background-size: 100%;
      -o-background-size: 100%;
         background-size: 100%;
    background-repeat: no-repeat;
    left: 12px;
    top: 46%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}

.btn-favourite::before {
    background-image: url('/images/home/svg/icon-favorites.svg');
    width: 15px;
    height: 13px;
    top: 17px;
}

.btn-favourite.liked::before {
    background-image: url('/images/home/svg/icon-favourite-filled.svg');
}

.btn-map::before {
    background-image: url('/images/home/svg/icon-map-search.svg');
    width: 16px;
    height: 16px;
}

.pagination {
    padding-top: 2.3125rem;
}

.pagination .btn-small:hover {
    background-color: #54595d !important;
    color: #fff;
}

.other-filter-button .btn {
    padding: 10px 12px 10px 2.25rem;
    margin: 0 7px 0 0;
}

.other-filter-button .btn:last-child {
    margin: 0 0 0 0;
}

.pagination-without-map .btn {
    position: relative;
    margin: 0;
    border-right: 1px solid #00000050;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}

.pagination-without-map .next {
    border: 0;
}

.pagination-without-map .d-flex {
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41), 0px 1px 1px 0px rgba(0, 0, 0, 0.07);
       -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41), 0px 1px 1px 0px rgba(0, 0, 0, 0.07);
            box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41), 0px 1px 1px 0px rgba(0, 0, 0, 0.07);
    overflow: hidden;
}

.pagination-without-map .btn::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #898a8b;
    right: 0;
    top: 0;
}

.pagination-without-map .btn:last-child::after {
    display: none;
}

.pagination-without-map .btn:hover {
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
}

.pagination-without-map .active {
    background-color: #1ca0f2;
    color: #fff;
}

.homestays-nearby:hover {
    -webkit-box-shadow: 0px 2px 20px 0px rgba(9, 28, 46, 0.08);
       -moz-box-shadow: 0px 2px 20px 0px rgba(9, 28, 46, 0.08);
            box-shadow: 0px 2px 20px 0px rgba(9, 28, 46, 0.08);
    cursor: pointer;
    -webkit-transform: translatey(0);
       -moz-transform: translatey(0);
        -ms-transform: translatey(0);
         -o-transform: translatey(0);
            transform: translatey(0);
}

/* why Homestay styles */
.why-homestay-hero .hero-info {
    margin: 0 15px 0 auto;
}

.why-homestay-hero .hero-info h2 {
    font-size: 1.75rem;
    line-height: 1.3;
}

.why-homestay-hero .hero-info figure {
    max-width: 47px;
    margin-right: 1.25rem;
}

.why-homestay-hero .hero-info .certify-img {
    max-width: 54px;
    margin-right: 14px;
}

.why-homestay-hero .logo-card {
    background-color: #e5f4ff;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    padding: 15px 1.5625rem;
    margin-top: 1.875rem;
}

.why-homestay-hero .logo-card p {
    font-size: 14px;
    line-height: 1.4;
    color: #3b3c3d;
}

/* section-benefits */
.section-benefits {
    padding: 9.375rem 0;
    overflow: hidden;
}

.section-benefits .best-homestay-info {
    max-width: 480px;
}

.section-benefits .verification-text figure {
    max-width: 18.5px;
    min-width: unset;
    margin: 0 0 1.25rem 0;
}

.section-benefits .verification-text p {
    font-size: 18px;
    line-height: 1.5;
    padding-top: 15px;
    letter-spacing: -0.03em;
}

.section-benefits .verification-info-wrapper {
    padding-top: 4.375rem;
}

.section-benefits .why-homestaymatch-list-info figure {
    max-width: 40px;
    margin-bottom: 1.25rem;
}

.section-benefits .why-homestaymatch-list-info.friendly-coordinates figure {
    max-width: 32px;
}

.section-benefits .why-homestaymatch-list {
    padding: 3.125rem 3.75rem 3.125rem 2.875rem;
    height: 100%;
}

.section-benefits .homestaymatch-list-right-img figure {
    position: relative;
    max-width: 100%;
}

.section-benefits .homestaymatch-list-left-img {
    -webkit-transform: translateX(-46px);
       -moz-transform: translateX(-46px);
        -ms-transform: translateX(-46px);
         -o-transform: translateX(-46px);
            transform: translateX(-46px);
}

.section-benefits .homestaymatch-list-right-img {
    -webkit-transform: translateX(4px);
       -moz-transform: translateX(4px);
        -ms-transform: translateX(4px);
         -o-transform: translateX(4px);
            transform: translateX(4px);
    min-height: unset;
}

.section-benefits .verification-text h3 {
    font-size: 1.5rem;
}

.section-benefits .verification-info {
    padding: 4.0625rem 3.75rem 4.0625rem 0;
}

.section-benefits .verification-info-wrapper h3 {
    letter-spacing: -0.02em;
}

.verification-why-homestay .verification-text figure {
    max-width: 40px;
}

.verification-why-homestay .verification-info {
    margin-left: inherit;
}

.verification-why-homestay .verification-info figure {
    margin-right: -10.5rem;
    margin-left: 0;
}

.verification-why-homestay .verification-info {
    padding: 4.0625rem 0 4.0625rem 2.875rem;
    margin: 0 -15px;
}

.section-benefits .verification-why-homestay-cost {
    margin: 0 -15px;
}

.verification-why-homestay .verification-text {
    padding-left: 0;
}

.verification-why-homestay .verification-text {
    max-width: 490px;
}

.verification-why-homestay .verification-text p {
    width: 100%;
    max-width: 432px;
    letter-spacing: -0.01em;
}

/* section-why-homestaymatch-table */
.section-why-homestaymatch-table {
    background-color: #e1f4ff;
    padding: 7.6875rem 0 5rem 0;
}

.section-why-homestaymatch-table .best-homestay-info {
    max-width: 560px;
}

.why-homestaymatch-table {
    padding-top: 4.375rem;
}

.why-homestaymatch-table table {
    overflow: hidden;
    background-color: #fff;
    margin: 0;
}

.why-homestaymatch-table table thead {
    background-color: #002a69;
}

.why-homestaymatch-table table thead > tr {
    padding: 1.625rem 2.3125rem 1.625rem 2.3125rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    text-align: center;
}

.why-homestaymatch-table table th {
    color: #fff;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.01em;
    font-size: 1.25rem;
}

.why-homestaymatch-table table td {
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: -0.01em;
    color: #002a69;
}

.why-homestaymatch-table table tbody > tr {
    padding: 1.375rem 2.3125rem 1.375rem 2.3125rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 1px solid #f0f9ff;
}

.why-homestaymatch-table table td,
.why-homestaymatch-table table th {
    border: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.why-homestaymatch-table table td:first-child,
.why-homestaymatch-table table th:first-child {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 30%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
    width: 100%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

.why-homestaymatch-table table td > figure {
    max-width: 20px;
}

.section-why-homestaymatch-table .university-search input {
    background-color: #fff;
    max-width: 300px;
    margin-bottom: 0;
}

.section-why-homestaymatch-table .university-search .btn {
    margin: 0 0 0 15px;
}

.section-why-homestaymatch-table .university-search {
    padding-top: 4.5rem;
}

.section-why-homestaymatch-table .university-search .no-padding-left {
    padding-left: 0;
    padding-right: 0;
}

/* section-ebook-homestay */
.section-ebook-homestay {
    background-color: #f7fafc;
}
.section-ebook input {
    margin-right: 15px;
}
.search-filter .btn.btn-active {
    background-color: #1ca0f2;
    color: #fff;
}

.new-header .navbar {
    padding: 0;
}

.payment-tooltip {
    position: relative;
    display: inline-block;
}

.payment-tooltip img {
    margin-bottom: 2px;
}

.search-header .navbar {
    padding: 0;
}

.checkout-payment-details .homestays-nearby-info h6 {
    font-size: 14px;
    color: #54595d;
    margin-top: 8px;
}

.checkout-payment-details .homestays-nearby-info .pricing-table tfoot td {
    color: #000000;
}

.checkout-payment-details .homestays-nearby-info .pricing-table tr {
    padding-bottom: 12px;
}

.checkout-payment-details .homestays-nearby-info .pricing-table tr:last-child {
    padding-bottom: 1.25rem;
}

.checkout-payment-details .homestays-nearby-info .pricing-table td {
    font-size: 15px;
    color: #54595d;
}

.checkout-payment-details .homestays-nearby-info .pricing-table td:last-child {
    font-size: 14px;
}

.checkout-payment-details .homestays-nearby {
    overflow: visible;
}

.checkout-payment-details .payment-card:hover {
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
    -webkit-box-shadow: 0px 2px 20px 0px rgba(9, 28, 46, 0.08);
       -moz-box-shadow: 0px 2px 20px 0px rgba(9, 28, 46, 0.08);
            box-shadow: 0px 2px 20px 0px rgba(9, 28, 46, 0.08);
}

.section-map .homestays-nearby:hover {
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
}

.personal-details-wrapper .textarea h6 > span {
    font-size: 15px;
    color: #3b3c3d;
    font-weight: 400;
    opacity: 0.5;
    padding-left: 8px;
}

.personal-details-wrapper .btn-small {
    margin-top: 1.875rem;
}

/* Search Results Page */
.toggle-filters {
    display: block;
    top: 30px;
    -webkit-animation: bounce-in 0.5s;
       -moz-animation: bounce-in 0.5s;
         -o-animation: bounce-in 0.5s;
            animation: bounce-in 0.5s;
}

@-webkit-keyframes bounce-in {
    0% {
        -webkit-transform: scale(0);
                transform: scale(0);
    }
    50% {
        -webkit-transform-origin: top;
                transform-origin: top;
        -webkit-transform: scale(1.2);
                transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

@-moz-keyframes bounce-in {
    0% {
        -moz-transform: scale(0);
             transform: scale(0);
    }
    50% {
        -moz-transform-origin: top;
             transform-origin: top;
        -moz-transform: scale(1.2);
             transform: scale(1.2);
    }
    100% {
        -moz-transform: scale(1);
             transform: scale(1);
    }
}

@-o-keyframes bounce-in {
    0% {
        -o-transform: scale(0);
           transform: scale(0);
    }
    50% {
        -o-transform-origin: top;
           transform-origin: top;
        -o-transform: scale(1.2);
           transform: scale(1.2);
    }
    100% {
        -o-transform: scale(1);
           transform: scale(1);
    }
}

@keyframes bounce-in {
    0% {
        -webkit-transform: scale(0);
           -moz-transform: scale(0);
             -o-transform: scale(0);
                transform: scale(0);
    }
    50% {
        -webkit-transform-origin: top;
           -moz-transform-origin: top;
             -o-transform-origin: top;
                transform-origin: top;
        -webkit-transform: scale(1.2);
           -moz-transform: scale(1.2);
             -o-transform: scale(1.2);
                transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
}

.shared-room {
    margin-left: 1.875rem;
    min-width: 210px;
}

.checkout-payment-details-wrapper .homestays-nearby {
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    border: 1px solid #dbddde;
}

.checkout-payment-details-wrapper .homestays-nearby:hover {
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    cursor: default;
}

/* Viewer Custom Styling */
/* Center the Viewer Footer in ViewPort */
.viewer-open .viewer-footer {
    overflow: unset;
    bottom: unset;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}

/* Align the Toolbar Icons */
.viewer-open .viewer-footer .viewer-toolbar > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

/* Hide unwanted icons */
.viewer-open .viewer-footer .viewer-toolbar .viewer-zoom-in,
.viewer-open .viewer-footer .viewer-toolbar .viewer-zoom-out,
.viewer-open .viewer-footer .viewer-toolbar .viewer-one-to-one,
.viewer-open .viewer-footer .viewer-toolbar .viewer-reset,
.viewer-open .viewer-footer .viewer-toolbar .viewer-play {
    display: none;
}

/* Position next prev buttons */
.viewer-open .viewer-footer .viewer-toolbar .viewer-prev {
    position: relative;
    margin-left: 40px;
    width: 40px;
    height: 40px;
    background-color: #1ca0f2;
}

.viewer-open .viewer-footer .viewer-toolbar .viewer-prev::before {
    position: absolute;
    top: 8px;
    left: 7px;
}

.viewer-open .viewer-footer .viewer-toolbar .viewer-next {
    position: relative;
    margin-right: 50px;
    width: 40px;
    height: 40px;
    background-color: #1ca0f2;
}

.viewer-open .viewer-footer .viewer-toolbar .viewer-next::before {
    position: absolute;
    top: 8px;
    left: 8px;
}

.auth {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.auth li {
    margin-right: 15px;
}

.auth li:last-child {
    margin-right: 0;
}

.search-filter .optionActive .datepicker,
.search-filter .optionActive .dropdown-toggle,
.search-filter .optionSelected .datepicker:hover,
.search-filter .datepicker:hover,
.search-filter .dropdown-toggle:hover,
.search-filter .optionSelected .dropdown-toggle:hover {
    background-color: #54595d;
    color: #fff;
    -webkit-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.07);
       -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.07);
            box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.07);
}

.search-filter .optionSelected .datepicker,
.search-filter .optionSelected .dropdown-toggle,
.search-filter .datepicker-trigger.optionSelected input {
    background-color: #1ca0f2;
    color: #fff;
    -webkit-box-shadow: 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.3);
       -moz-box-shadow: 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.3);
}

.section-search-homestays {
    position: fixed;
    top: 0;
    max-width: 1600px;
    width: 100%;
    padding: 1.5rem 0;
    z-index: 100;
}

.room-details {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

/* No cookie Single page form */
.search-filter-form {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25), 0px 1px 1px 0px rgba(0, 0, 0, 0.07),
        0px 2px 20px 0px rgba(0, 0, 0, 0.08);
       -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25), 0px 1px 1px 0px rgba(0, 0, 0, 0.07),
        0px 2px 20px 0px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25), 0px 1px 1px 0px rgba(0, 0, 0, 0.07),
        0px 2px 20px 0px rgba(0, 0, 0, 0.08);
    padding: 2.5rem 0;
    background-image: url('/images/home/icon-flag.png');
    background-repeat: no-repeat;
    background-position: top 25px right 25px;
    -moz-background-size: 60px;
      -o-background-size: 60px;
         background-size: 60px;
    min-width: 500px;
}

.filter-info {
    padding: 0 1.5625rem 0;
}

.border-bottom {
    border-bottom: 1px solid #e4e8eb;
}

.filter-info h6 {
    font-size: 15px;
    font-weight: 700;
    color: #3b3c3d;
}

.filter-info .search-types .d-flex {
    overflow: hidden;
    -webkit-box-shadow: 0 0.5px 2.5px 0 rgba(0, 0, 0, 0.3);
       -moz-box-shadow: 0 0.5px 2.5px 0 rgba(0, 0, 0, 0.3);
            box-shadow: 0 0.5px 2.5px 0 rgba(0, 0, 0, 0.3);
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.filter-info .search-types label {
    font-size: 14px;
    padding: 8px 12px;
    letter-spacing: -0.01em;
    margin: 0;
    background-color: transparent;
    color: #000;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    font-weight: 400;
}

.filter-info .female {
    margin-left: 0px;
}

.filter-info .flex-50 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
}

.filter-info label {
    width: 100%;
}

.search-filter-form .filter-info .left-card-wrapper,
.search-filter-form .filter-info .right-card-wrapper {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 47%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 47%;
            flex: 0 0 47%;
}

.search-filter-form .custom-checkbox input[type='checkbox']:checked + label:before,
.search-filter-form .custom-checkbox input[type='checkbox']:not(:checked) + label:before,
.search-filter-form .custom-checkbox input[type='checkbox']:checked + label:after,
.search-filter-form .custom-checkbox input[type='checkbox']:checked + label:after {
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}

.flter-info .smoker {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
}

.flter-info .non-smoker {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 60%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
}

.filter-info .school-name input {
    background-image: url(/images/home/svg/icon-search.svg);
    background-repeat: no-repeat;
    background-position: right 15px center;
    -moz-background-size: 15px;
      -o-background-size: 15px;
         background-size: 15px;
    font-size: 1rem;
}

.filter-info .choose-date input {
    background-image: url(/images/home/svg/icon-date.svg);
    background-repeat: no-repeat;
    background-position: right 15px center;
    -moz-background-size: 15px;
      -o-background-size: 15px;
         background-size: 15px;
}

.search-filter-form.personal-details-wrapper h5,
.search-filter-form.personal-details-wrapper h6 {
    padding: 1.875rem 0 12px 0;
}

.search-filter-form.personal-details-wrapper h5 {
    font-size: 15px;
    font-weight: 700;
    color: #3b3c3d;
}

.search-filter-form .search-types .private-bathroom,
.search-filter-form .search-types .guest-smoker,
.search-filter-form .search-types .bed-type {
    padding: 0;
}

.search-filter-form .search-types .bed-type .beds {
    padding-top: 0;
    margin-right: 1.25rem;
}

.search-filter-form .search-types .bed-type .beds:last-child {
    margin-right: 0;
}

.search-filter-form .private-bathroom h6 {
    padding: 0;
}

.search-filter-form .meal-paln-filter .meal-plan-list {
    padding-top: 4px;
}

.search-filter-form .other-filters h6 {
    padding: 0;
}

.filter-bottom-padding {
    padding-bottom: 0;
}

/* Login Form */
.auth .btn {
    margin-right: 10px;
}

.auth .btn:last-child {
    margin-right: 0;
}

.flex-48 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 48%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
}

.flex-30 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 30%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
}

.border-red {
    border: 1px solid #d82f44;
}

.payment-card-bottom {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 10px 0;
    display: none;
    z-index: 1000;
    background-color: #fff;
    -webkit-box-shadow: 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.3);
       -moz-box-shadow: 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.3);
    left: 0;
}

.payment-card-bottom .btn-small {
    margin-top: 0;
    display: inline-table;
    padding: 12px 1rem;
    font-size: 14px;
}

.payment-card-bottom h3 {
    font-size: 1.5rem;
}

.payment-card-bottom p {
    font-size: 14px;
}

.btn-bottom-map {
    padding: 10px 12px 10px 2.25rem;
    position: fixed;
    bottom: 1.25rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 999;
    background-color: #fff;
    font-size: 14px;
    color: #3b3c3d;
    font-weight: 400;
    background-image: url(/images/home/svg/icon-map-search.svg);
    background-repeat: no-repeat;
    -moz-background-size: 17px;
      -o-background-size: 17px;
         background-size: 17px;
    background-position: top 8px left 10px;
    display: none;
    margin: 0;
}

.btn-bottom-map:hover,
.btn-bottom-map:active,
.btn-bottom-map:focus,
.btn-bottom-map:hover:focus,
.btn-bottom-map:hover:active {
    color: #3b3c3d;
    -webkit-transform: translate(-50%, -1px);
       -moz-transform: translate(-50%, -1px);
        -ms-transform: translate(-50%, -1px);
         -o-transform: translate(-50%, -1px);
            transform: translate(-50%, -1px);
}

.filter-popup {
    display: none;
}

.btn-become-host {
    margin: 0 0 0 0;
    padding: 10px 16px 13px 16px;
}

.author-details li {
    margin-right: 15px;
}

.author-details li:last-child {
    margin-right: 0;
}

.navbar .dropdown-menu.show {
    padding: 4px;
}

.navbar .dropdown-menu.show li a {
    display: block;
    padding: 6px;
    color: #000000 !important;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
}

.navbar .dropdown-menu.show li a:hover {
    background-color: #eff3f5;
}

.navbar .dropdown-toggle::after {
    position: relative;
    background: url(/images/home/svg/icon-down-black.svg) center/16px no-repeat;
    width: 16px;
    height: 10px;
    border: 0;
    top: 4px;
}

.search-filter-form .select-options span {
    border: 0.5px solid #3b3c3d4d;
}

.search-filter-form .gender .d-flex,
.search-filter-form .smoker .d-flex {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
}

.asd__change-month-button {
    z-index: unset;
}

/* Modals */

#loginModal.in .modal-dialog {
    -webkit-transform: translate(0, 50vh) translate(0, -50%);
       -moz-transform: translate(0, 50vh) translate(0, -50%);
        -ms-transform: translate(0, 50vh) translate(0, -50%);
         -o-transform: translate(0, 50vh) translate(0, -50%);
            transform: translate(0, 50vh) translate(0, -50%);
}

#loginModal .modal-content,
#studentsignup #SignUpDetails {
    position: relative;
    padding: 3rem;
    border: 0;
    max-width: 500px;
}

#loginModal .modal-body,
#studentsignup .modal-body {
    padding: 0;
    position: unset;
    margin: 0;
}

#loginModal .modal-body .tab-content .fade.in,
#studentsignup .modal-body .tab-content .fade.in {
    opacity: 1;
}

#loginModal .modal-body .col-sm-12,
#studentsignup .modal-body .col-sm-12 {
    padding: 0;
}

#loginModal .modal-body .text-title,
#studentsignup .modal-body .text-title {
    font-size: 1.5rem;
    padding: 0;
    text-align: left !important;
}

#loginModal .modal-body .form-control,
#studentsignup .modal-body .form-control {
    height: 49px;
    background-color: #eff3f5;
    padding: 10px 14px;
    outline: none;
    border: 1px solid transparent;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
}

#loginModal .modal-body .form-control:focus,
#studentsignup .modal-body .form-control:focus {
    border: 1px solid #1ca0f2;
    background-color: #fff;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    outline: none;
}

#loginModal .modal-body p,
#studentsignup .modal-body p {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.3;
}

#loginModal .modal-body a {
    font-size: 15px;
}

#loginModal .modal-body .row,
#studentsignup .modal-body .form-group.mt-15.mb-5 label {
    width: 100%;
}

#studentsignup .modal-body .close,
#searchPageFilterInfo .close {
    width: 21px;
    height: 21px;
    background-image: url(/images/home/svg/icon-modal-close.svg);
    opacity: 1;
    font-size: 0;
    margin: 0;
}

/* Login Modal */
#loginModal .modal-body .form-control,
#loginModal .modal-body .btn {
    margin-top: 1.875rem;
}

#loginModal .modal-body .alert-danger {
    background-color: transparent;
    padding: 14px 0 0 0;
    margin: 0;
    border: 0;
    color: #f21c4e;
}

/* Signup Modal */
#studentsignup form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

#studentsignup .modal-body .close {
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
    z-index: 10;
}

#studentsignup .modal-body .form-group {
    width: 100%;
    margin-top: 1.875rem;
}

#studentsignup .modal-body .alert-danger {
    background-color: transparent;
    padding: 0;
    margin: 0;
    border: 0;
    color: #f21c4e;
    font-size: 14px;
}

#studentsignup .modal-body .form-group select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-image: url(/images/home/svg/icon-down-black.svg);
    background-repeat: no-repeat;
    -moz-background-size: 13px;
      -o-background-size: 13px;
         background-size: 13px;
    background-position: center right 13px;
}

#studentsignup .modal-body .form-group select:focus {
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

#studentsignup .modal-body .form-group label {
    color: #3b3c3d;
    font-size: 15px;
    font-weight: 700;
}

#studentsignup .modal-body .form-group:nth-child(8) p {
    display: none;
}

#studentsignup .modal-body .form-group .date-of-birth__small-text + .row div {
    margin-top: 0.5rem;
    padding: 0;
    -webkit-box-flex: 1;
    -webkit-flex: auto;
       -moz-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
}

#studentsignup .modal-body .form-group .date-of-birth__small-text + .row div:not(:last-child) {
    padding-right: 0.3rem;
}

#studentsignup .modal-body .form-group.mt-15.mb-5 {
    margin-bottom: 0 !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

#studentsignup .modal-body .form-group.mt-15.mb-5 input[type='radio'] {
    margin: 0;
    display: none;
}

#studentsignup .modal-body .form-group.mt-15.mb-5 input[type='radio']:checked + label {
    background-color: #1ca0f2;
    color: #fff;
}

#studentsignup form .form-group .genders {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 49%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 49%;
            flex: 0 0 49%;
    padding: 12px;
    margin-bottom: 0;
    text-align: center;
    border: 1px solid rgb(219, 221, 222);
}

#studentsignup .modal-body .form-group.mt-15.mb-5 #gender-male + label {
    -webkit-border-radius: 8px 0 0 8px;
       -moz-border-radius: 8px 0 0 8px;
            border-radius: 8px 0 0 8px;
}

#studentsignup .modal-body .form-group.mt-15.mb-5 #gender-female + label {
    -webkit-border-radius: 0 8px 8px 0;
       -moz-border-radius: 0 8px 8px 0;
            border-radius: 0 8px 8px 0;
}

#studentsignup .modal-body .form-group.mt-30,
#studentsignup .mt-20 {
    margin-bottom: 0;
}

#studentsignup .modal-body .form-group textarea {
    padding: 14px;
    height: unset;
    line-height: 1.5;
}

#studentsignup .modal-body .small__text a {
    font-size: 15px;
    color: #1ca0f2;
}

#studentsignup .modal-body .border_red,
#studentsignup .modal-body .genders.color_red {
    border: 1px solid red;
}

#studentsignup .modal-body .optional {
    font-size: 15px;
    color: #3b3c3d;
    font-weight: 400;
    opacity: 0.5;
    padding-left: 8px;
}

/* Send Message Modal */
#requestSchool .modal-body,
#requestSchoolModal .modal-body,
#sendMessage .modal-body {
    margin: 0;
}

#requestSchool .modal-body p,
#requestSchoolModal .modal-body p,
#sendMessage .modal-body p {
    padding: 0;
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.3;
}

#requestSchool .modal-body h5,
#requestSchoolModal .modal-body h5,
#sendMessage .modal-body h5 {
    font-size: 15px;
    padding: 1.875rem 0 13px 0;
}

#requestSchool .modal-body .first-name,
#requestSchoolModal .modal-body .last-name,
#sendMessage .modal-body .first-name,
#sendMessage .modal-body .last-name {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 48%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
}

/* Search Page & single page Modal */
#singlePageNoCookieForm.modal,
#searchPageNoCookieForm.modal,
#searchPageFilterInfo.modal,
#showMobilePaymentCard.modal {
    padding: 0 !important;
    background-color: #fff;
}

#showMobilePaymentCard .modal-dialog,
#singlePageNoCookieForm .modal-dialog,
#searchPageNoCookieForm .modal-dialog,
#searchPageFilterInfo .modal-dialog {
    max-width: 100%;
    margin: 0;
}

#singlePageNoCookieForm .modal-content,
#searchPageNoCookieForm .modal-content,
#searchPageFilterInfo .modal-content {
    border: 0;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}

#singlePageNoCookieForm .modal-header,
#searchPageNoCookieForm .modal-header,
#searchPageFilterInfo .modal-header {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #fff;
    z-index: 99999;
}

#singlePageNoCookieForm .modal-body,
#searchPageNoCookieForm .modal-body,
#searchPageFilterInfo .modal-body {
    margin: 53px 0 0 0;
    padding-bottom: 4rem;
}

#singlePageNoCookieForm .search-filter-form,
#searchPageNoCookieForm .search-filter-form,
#searchPageFilterInfo .search-filter-form {
    padding: 0 !important;
    background-image: none;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    margin: 0 auto;
}

#singlePageNoCookieForm .modal-footer,
#searchPageNoCookieForm .modal-footer,
#searchPageFilterInfo .modal-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 0.5rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    z-index: 99999;
}

#sendMessage .modal-footer .btn,
#requestSchool .modal-footer .btn,
#requestSchoolModal .modal-footer .btn,
#singlePageNoCookieForm .modal-footer .btn,
#searchPageNoCookieForm .modal-footer .btn,
#searchPageFilterInfo .modal-footer .btn {
    margin: 0;
    padding: 12px 1.875rem;
}

#showMobilePaymentCard .modal-body {
    -webkit-transform: translate(0, 50vh) translate(0, -65%);
       -moz-transform: translate(0, 50vh) translate(0, -65%);
        -ms-transform: translate(0, 50vh) translate(0, -65%);
         -o-transform: translate(0, 50vh) translate(0, -65%);
            transform: translate(0, 50vh) translate(0, -65%);
}

#showMobilePaymentCard .payment-card {
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

#searchPageFilterInfo .close {
    position: absolute;
    top: 18px;
    right: 10px;
    -moz-background-size: 75%;
      -o-background-size: 75%;
         background-size: 75%;
    background-repeat: no-repeat;
}

/* Ebook Download */
#_form_1_ ._form-content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.ebook-info #_form_1_ ._form-content .download-form {
    padding: 14px 18px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.3);
       -moz-box-shadow: 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.3);
}

.ebook-info #_form_1_ ._form-content .download-button {
    margin: 0;
    background-color: #1ca0f2;
}

#_form_1_ input[type='text']._has_error {
    border: #f37c7b 1px solid;
}

#_form_1_ ._error {
    display: block;
    position: absolute;
    font-size: 14px;
    z-index: 1;
}

#_form_1_ ._error._below {
    padding-top: 4px;
    top: 100%;
    left: 0;
}

#_form_1_ ._error._below ._error-arrow {
    top: 0;
    right: 15px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #f37c7b;
}

#_form_1_ ._error-inner {
    padding: 8px 12px;
    background-color: #f37c7b;
    font-size: 14px;
    font-family: arial, sans-serif;
    color: #fff;
    text-align: center;
    text-decoration: none;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}

#_form_1_ ._error-arrow {
    position: absolute;
    width: 0;
    height: 0;
}

#_form_1_ ._form-thank-you {
    padding: 15px;
    color: black;
    font-size: 16px;
    text-align: center;
    background: #fff;
    border: 2px solid white;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    -webkit-box-shadow: 0px 3px 43.5px 0px rgba(0, 0, 0, 0.08);
       -moz-box-shadow: 0px 3px 43.5px 0px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 3px 43.5px 0px rgba(0, 0, 0, 0.08);
}

.search-resultwrapper-without-image .row {
    margin-left: -15px;
    margin-right: -15px;
}

.search-types .dropdown-item h6.room-type-bottom-text {
    padding-top: 10px;
    font-weight: 400;
    white-space: normal;
}

.tooltip-show {
    margin: 0;
    padding: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    outline: none;
}
.tooltip-show:hover,
.tooltip-show:active,
.tooltip-show:hover:active,
.tooltip-show:focus {
    background-color: transparent !important;
    -webkit-box-shadow: none !important;
       -moz-box-shadow: none !important;
            box-shadow: none !important;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
    margin: 0;
}

.tooltip.b-tooltip {
    opacity: 1 !important;
}

.tooltip-inner {
    background-color: #fff;
    color: #000;
    border: 1px solid #d9d9de;
    font-size: 12px;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
    padding: 14px 10px;
}

.tooltip.bs-tooltip-right .arrow:before {
    border-right-color: #d9d9de !important;
}
.tooltip.bs-tooltip-left .arrow:before {
    border-right-color: #d9d9de !important;
}
.tooltip.bs-tooltip-bottom .arrow:before {
    border-right-color: #d9d9de !important;
    border-top-color: #d9d9de;
}
.tooltip.bs-tooltip-top .arrow:before {
    border-top-color: #ffffff;
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: white;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
       -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
         -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
            transform: translateX(-50%) translateY(-50%) rotate(45deg);
    left: 50%;
    bottom: -11px;
    border-right: 1px solid #d9d9de;
    border-bottom: 1px solid #d9d9d3;
}
.home-details .tooltip-show figure {
    max-width: 25px;
    width: 100%;
}
.cvv figure {
    width: 100%;
    max-width: 12px;
    margin: -2px 0 0 6px;
}
.conditions-wrapper.custom-checkbox input[type='checkbox']:checked + label:before,
.conditions-wrapper.custom-checkbox input[type='checkbox']:not(:checked) + label:before,
.conditions-wrapper.custom-checkbox input[type='checkbox']:checked + label:after,
.conditions-wrapper.custom-checkbox input[type='checkbox']:checked + label:after {
    top: 3px;
}

/* Search Page */
.search-page {
    margin-top: 133px;
    padding-bottom: 4rem;
}

.search-result-bg,
.search-page .vld-overlay .vld-background {
    background-color: #f0f3f5;
}

.search-page .pagination-without-map .btn-white::after {
    background-color: unset;
}

.search-page .no-cookie-overlay::after {
    content: '';
    display: block;
    position: fixed;
    padding: 100px 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: hsla(0, 0%, 0%, 0.5);
}

.search-page .no-cookie-search-results,
.search-page .vld-parent {
    height: -webkit-calc(100vh - 12rem);
    height: -moz-calc(100vh - 12rem);
    height: calc(100vh - 12rem);
}

.search-page .no-cookie-search-results figure {
    width: 6rem;
    margin-bottom: 1rem;
}

.search-result-wrapper {
    position: relative;
    padding-top: 0.5rem;
    min-height: -webkit-calc(100vh - 151px);
    min-height: -moz-calc(100vh - 151px);
    min-height: calc(100vh - 151px);
}

.search-result-wrapper .list-container {
    /* padding-top: 5px; */
    padding-right: 15px;
    width: 750px;
}

.search-result-map {
    position: absolute;
    right: 0;
    width: -webkit-calc(100% - 750px);
    width: -moz-calc(100% - 750px);
    width: calc(100% - 750px);
    height: 100%;
    padding-left: 15px;
}

/* search-result-map */
.search-result-map #desktopMap,
.search-result-map #mobileMap {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 144px;
    height: -webkit-calc(100vh - 151px);
    height: -moz-calc(100vh - 151px);
    height: calc(100vh - 151px);
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
}

.site-footer .footer-for-hosts > div {
    width: 100px;
}
.site-footer .footer-company > div {
    width: 150px;
}

/* Should be at the bottom of the css  */
.btn.left-label-border {
    -webkit-border-radius: 8px 0 0 8px;
       -moz-border-radius: 8px 0 0 8px;
            border-radius: 8px 0 0 8px;
}

.btn.right-label-border {
    -webkit-border-radius: 0 8px 8px 0;
       -moz-border-radius: 0 8px 8px 0;
            border-radius: 0 8px 8px 0;
}

.city-popular-schools-section {
    background-color: #f7fafc;
    padding: 5.5rem 0 0 0;
}

.city-popular-schools-section .schools-list {
    margin: 4rem auto 0 auto;
}

.city-popular-schools-section .schools-list li {
    margin-bottom: 50px;
    padding-left: 150px;
    position: relative;
}

.city-popular-schools-section .schools-list li::before {
    content: '';
    position: absolute;
    top: -6px;
    left: 50px;
    width: 40px;
    height: 40px;
    background: url(/images/home/svg/icon-university-map.svg) center/cover;
}

/**
 * noResult Container.
 */

.noResultContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.noResultContainer .btn-search {
    margin: 0;
    padding: 0.5rem;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
}

.section-search-homestays .btn-search,
.section-search-homestays .btn-search:hover {
    background-color: #1ca0f2;
    color: white;
}

.section-search-homestays .school-search-page {
    width: 250px;
    margin-right: 7px;
    min-height: 32px;
}

.lazyload,
.lazyloading {
    opacity: 0;
    -webkit-filter: blur(5px);
            filter: blur(5px);
}

.lazyloaded {
    opacity: 1;
    -webkit-filter: blur(0);
            filter: blur(0);
    -webkit-transition: all 400ms;
    -o-transition: all 400ms;
    -moz-transition: all 400ms;
    transition: all 400ms;
}

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        -webkit-box-shadow: none !important;
           -moz-box-shadow: none !important;
                box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: ' (' attr(href) ')';
    }

    abbr[title]:after {
        content: ' (' attr(title) ')';
    }

    a[href^='#']:after,
    a[href^='javascript:']:after {
        content: '';
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

@media (max-width: 1199px) {
    html {
        font-size: 100%;
    }

    .container {
        max-width: 991px;
    }

    .home-hero-section.hero-with-subjects::before {
        background-position: 60%;
    }

    /* testimonial */

    .testimonial .testimonial-text {
        padding: 6rem 0;
        min-width: 480px;
    }

    .testimonial .testimonial-text .testimonial-text-comments {
        line-height: 1.2;
    }

    .testimonial .testimonial-image {
        max-width: 500px;
        top: 0.17rem;
    }

    .testimonial-after::after {
        width: 350px;
        height: 346px;
        left: 45%;
    }

    /* section-homestay-right */

    .homestay-right-info {
        margin-right: 1rem;
    }

    .homestay-right-description .icon-circle {
        right: 5rem;
    }

    /* why-homestaymatch */

    .homestaymatch-list-card {
        min-width: 440px;
    }

    .homestaymatch-list-right-img figure {
        max-width: 280px;
    }

    .homestaymatch-list-right-img {
        -webkit-transform: translateX(-10px);
           -moz-transform: translateX(-10px);
            -ms-transform: translateX(-10px);
             -o-transform: translateX(-10px);
                transform: translateX(-10px);
    }

    .section-benefits .homestaymatch-list-right-img {
        -webkit-transform: translateX(-6px);
           -moz-transform: translateX(-6px);
            -ms-transform: translateX(-6px);
             -o-transform: translateX(-6px);
                transform: translateX(-6px);
    }

    /* section-universities */

    .university-search h4 {
        font-size: 1.25rem;
    }

    /* verification */

    .verification-info .verification-text {
        padding-left: 1rem;
    }

    .verification-info {
        padding: 4.0625rem 2rem 4.0625rem 0;
    }

    .verification-info figure {
        min-width: 550px;
        margin-left: -6.75rem;
    }

    /* single page style */

    .section-neighborhood .card-neighborhood {
        left: 12%;
    }

    /* university page style */

    /* .section-about-homestay */
    .university-about-homestay {
        max-width: 70%;
    }

    .section-about-homestay .right-card figure {
        right: -9rem;
    }

    .section-about-homestay .left-card figure {
        left: -4.5rem;
    }

    /* About Page */
    .host-student-img {
        min-width: 650px;
    }

    /* section-host-student */
    .section-host-student {
        overflow: hidden;
    }

    .section-host-student .container {
        padding: 2.6875rem 2.4375rem 4.6875rem 0;
    }

    /* section-our-advisors */
    .section-our-advisors .our-team-members {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 40%;
           -moz-box-flex: 0;
            -ms-flex: 0 0 40%;
                flex: 0 0 40%;
    }

    .homestaymatch-experience-image figure {
        max-width: 300px;
        margin: 0 auto;
    }

    .search-result-info {
        padding: 1rem;
    }

    .filter-button .other-filter-button .btn {
        padding: 10px 12px 10px 2rem;
    }

    .search-filter button {
        padding: 10px 8px;
    }

    /* checkout page style */
    .section-checkout-form .tab-control {
        margin-left: 1.75rem;
    }

    .section-search-list {
        padding-top: 0;
    }

    .payment-wrapper.sticky,
    .payment-wrapper.bottom-fixed {
        max-width: 370px;
    }

    .search-filter-form {
        min-width: unset;
    }

    .search-filter-form .d-flex {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }

    .search-filter-form .filter-info .left-card-wrapper,
    .search-filter-form .filter-info .right-card-wrapper {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
           -moz-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        width: 100%;
    }

    .search-page .search-result-wrapper .list-container {
        margin: 0 auto;
        padding: 0;
    }

    .search-result-map {
        position: relative;
        width: 100%;
        padding-left: 0;
        padding-top: 5px;
    }
}

@media (max-width: 991px) {
    html {
        font-size: 95%;
    }

    .container {
        max-width: 767px;
    }

    .section-spacing {
        padding: 6rem 0;
    }

    /* Header */

    .navbar-collapse li {
        padding-right: 1.3rem;
    }

    /* Hero-section */

    .hero-info {
        margin: auto;
        max-width: 600px;
        min-height: 453px;
    }

    .home-hero-section.hero-with-subjects::before {
        background-position: 86%;
    }

    .university-hero-section.hero-with-subjects::before {
        background-position: 20%;
    }

    .hero-section {
        padding: 26rem 0 0 0;
    }

    /* testimonial */

    .testimonial {
        overflow: hidden;
        -moz-background-size: 50%;
          -o-background-size: 50%;
             background-size: 50%;
        padding: 6rem 0 0 0;
    }

    /* sction-best-homestay */

    .best-homestay-list {
        padding: 2rem 0 0 0;
    }

    .testimonial .testimonial-image {
        position: relative;
        margin: 0 auto;
        -webkit-transform: translateX(80px);
           -moz-transform: translateX(80px);
            -ms-transform: translateX(80px);
             -o-transform: translateX(80px);
                transform: translateX(80px);
        margin-top: 2rem;
    }

    .testimonial .testimonial-text {
        min-width: unset;
        padding: 0;
    }

    .testimonial-after::after {
        top: -1.875rem;
        left: auto;
        background-image: url(/images/home/icon-testimonial.png);
        right: 6%;
        width: 300px;
    }

    /* section-homestay-right */

    .section-homestay-right {
        padding: 6rem 0 3rem 0;
    }

    .homestay-right-description {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .homestay-right-description .homestay-book {
        position: relative;
        margin: -6rem auto 2rem 4rem;
        -webkit-transform: translateY(-0px);
           -moz-transform: translateY(-0px);
            -ms-transform: translateY(-0px);
             -o-transform: translateY(-0px);
                transform: translateY(-0px);
        max-width: 280px;
    }

    .homestay-right-description .icon-triangle {
        right: 8rem;
    }

    .homestay-right-info {
        max-width: 500px;
        margin: 0 auto;
    }

    .homestay-right-info ul {
        padding: 1.5rem 0;
    }

    /* why-homestaymatch */

    .why-homestaymatch {
        padding: 2.75rem 0 1rem 0;
    }

    .why-homestaymatch-card {
        margin-left: 8rem;
    }

    .why-homestaymatch-list-wrapper {
        padding-top: 4rem;
        margin: 0;
    }

    .why-homestaymatch-wrapper {
        margin-bottom: 4rem;
    }

    .homestaymatch-list-right-img {
        -webkit-transform: translateX(48px);
           -moz-transform: translateX(48px);
            -ms-transform: translateX(48px);
             -o-transform: translateX(48px);
                transform: translateX(48px);
    }

    /* section-universities */

    .university-slider {
        padding: 2rem 0 3rem 0;
    }

    /* verification  */

    .verification-info {
        width: 100%;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }

    .verification-info figure {
        min-width: unset;
        margin: -1.875rem 0 2.5rem 0;
    }

    .verification-info {
        padding: 0;
    }

    .verification-info .verification-text {
        padding: 0 3.125rem 4.0625rem 3.125rem;
    }

    /* Support */

    .section-support .container {
        padding: 4rem 3.125rem;
    }

    .section-support {
        padding: 2.375rem 0 6rem 0;
    }

    .support-info {
        max-width: 100%;
        margin: 0 auto;
        padding-top: 2.5rem;
    }

    .support-info h3 {
        max-width: 100%;
    }

    .section-support .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
           -moz-box-orient: vertical;
           -moz-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }

    /* Footer */

    .footer-list .timeless-logo {
        margin-left: 6px;
    }

    .popular-university-list {
        padding: 12px 0 0 0;
    }

    /* sinlge page style */
    .home-details p,
    .university-distance,
    .certified-info {
        max-width: 100%;
    }

    .university-distance .university-distance-wrapper {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
           -moz-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

    .single-home-details .card-style {
        min-width: 445px;
        width: 100%;
        margin: 0 auto 0 auto;
    }

    .payment-wrapper.sticky {
        position: relative;
        margin: 0 auto;
    }

    .section-neighborhood .card-neighborhood {
        left: 0%;
        -webkit-transform: translate(0%, 0%);
           -moz-transform: translate(0%, 0%);
            -ms-transform: translate(0%, 0%);
             -o-transform: translate(0%, 0%);
                transform: translate(0%, 0%);
        top: 0;
        position: relative;
        margin: 0 auto 2rem auto;
    }

    .section-neighborhood {
        background-color: #fff;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
           -moz-box-orient: vertical;
           -moz-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }

    .section-neighborhood .map {
        height: 500px;
    }

    .single-other-homestays {
        padding: 5rem 0;
    }

    .facility-list {
        padding-left: 0;
    }

    /* university page style */
    /* university-hero */
    .university-hero {
        padding: 20rem 0 0 0;
    }

    /* section-other-homestays */
    .section-other-homestays .homestays-nearby {
        max-width: 350px;
        margin-left: auto;
        margin-right: auto;
    }

    .stats-bar-wrapper {
        padding-top: 4.5rem;
    }

    /* unversity-list-map */
    .unversity-list-map #map {
        min-height: 550px;
    }

    .ebook-wrapper::before {
        left: -3rem;
        width: 190px;
        height: 200px;
    }

    .ebook-wrapper::after {
        display: none;
    }

    .ebook-info {
        max-width: 415px;
    }

    .ebook-info .download-form {
        max-width: 250px;
    }

    /* section-why-homestaymatch */
    .section-why-homestaymatch .homestaymatch-list-card {
        margin: -1.875rem 0 1.25rem 0;
        -webkit-transform: translateX(0);
           -moz-transform: translateX(0);
            -ms-transform: translateX(0);
             -o-transform: translateX(0);
                transform: translateX(0);
        min-width: 100%;
    }

    .section-why-homestaymatch .homestaymatch-list-card figure {
        margin-bottom: 0;
    }

    /* .section-about-homestay */
    .university-about-homestay-wrapper {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }

    .about-homestay-wrapper-testimonial {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
           -moz-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
    }

    .university-about-homestay {
        max-width: 55%;
    }

    .section-about-homestay .right-card {
        margin-top: 7rem;
    }

    .university-about-homestay-wrapper {
        padding-top: 7rem;
    }

    .section-about-homestay .left-card figure {
        left: 0;
    }

    .section-about-homestay .right-card figure {
        right: -6rem;
    }

    /* section-why-homestaymatch */
    .section-why-homestaymatch.section-spacing {
        padding: 6rem 0 3rem 0;
    }

    /* About Page */
    .new-header .navbar-collapse li:last-child {
        padding-right: 1.3rem;
    }

    /* section-our-brand */
    .section-our-brand {
        padding: 6rem 0 4.6875rem 0;
    }

    .our-brand-info {
        padding: 1.25rem 2rem 1.25rem 2rem;
    }

    .our-brand-info figure {
        margin-bottom: 1rem;
        max-width: 30px;
    }

    /* section-host-student */
    .host-student-img {
        min-width: unset;
        position: relative;
        padding-right: 0;
    }

    .section-host-student .flex-nowrap {
        -webkit-flex-wrap: wrap !important;
            -ms-flex-wrap: wrap !important;
                flex-wrap: wrap !important;
    }

    .section-host-student .container {
        padding: 0;
    }

    .host-a-student {
        margin: 0 auto;
        padding: 3rem 0;
        max-width: 550px;
    }

    .host-a-student p {
        padding-top: 1rem;
    }

    /* section-partned */

    .partner-logo figure {
        margin: 0 15px;
    }

    .partner-logo {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
           -moz-box-pack: center !important;
            -ms-flex-pack: center !important;
                justify-content: center !important;
    }

    .search-results .search-room-img {
        max-width: 40%;
    }

    .search-result-info {
        padding: 2rem;
    }

    .search-filter .search-types {
        display: none;
    }

    .search-filter .search-types.filter-popup {
        display: block;
    }

    .other-filter-button {
        margin-top: 0px;
    }

    .filter-button {
        padding: 1rem 0;
    }

    /* why-homestay-hero */
    .why-homestay-hero .hero-info {
        max-width: 600px;
        margin: 0 auto;
    }

    /* section-benefits */
    .verification-why-homestay .verification-info figure {
        margin-right: 0;
    }

    .verification-why-homestay .verification-info,
    .section-benefits .verification-why-homestay-cost {
        margin: 0;
    }

    .section-benefits .verification-info-wrapper {
        padding: 4rem 15px 0 15px;
    }

    .section-benefits .verification-why-homestay {
        padding-top: 2.5rem;
    }

    .verification-why-homestay .verification-text,
    .verification-why-homestay .verification-text p {
        max-width: 100%;
    }

    .section-benefits .verification-info {
        padding: 0;
    }

    .verification-why-homestay .verification-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
           -moz-box-orient: vertical;
           -moz-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }

    .verification-why-homestay .verification-info figure {
        margin: 0 0 1.25rem 0;
    }

    .section-benefits .homestaymatch-list-right-img {
        -webkit-transform: translateX(57px);
           -moz-transform: translateX(57px);
            -ms-transform: translateX(57px);
             -o-transform: translateX(57px);
                transform: translateX(57px);
    }

    .section-benefits .homestaymatch-list-left-img {
        -webkit-transform: translateX(-43px);
           -moz-transform: translateX(-43px);
            -ms-transform: translateX(-43px);
             -o-transform: translateX(-43px);
                transform: translateX(-43px);
    }

    /* section-why-homestaymatch-table */
    .why-homestaymatch-table table {
        min-width: 767px;
    }

    .why-homestaymatch-table {
        overflow: scroll;
    }

    .why-homestay-hero {
        padding: 20rem 0 0 0;
    }

    /* checkout page style */

    .checkout-payment-details-wrapper {
        margin-left: 15px;
    }

    .section-checkout-form .tab-control {
        margin-left: 0;
    }

    .personal-details .select-dob {
        margin: 0 0 15px 0;
    }

    .section-checkout-form {
        padding: 2.375rem 0 5rem 0;
    }

    .personal-details-wrapper .conditions .conditions-wrapper {
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
           -moz-box-orient: horizontal;
           -moz-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }

    .university-search h4 {
        text-align: center;
        padding-right: 0;
    }

    .section-our-advisors .our-team-members {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 45%;
           -moz-box-flex: 0;
            -ms-flex: 0 0 45%;
                flex: 0 0 45%;
    }

    .section-our-advisors .container {
        padding: 2rem;
    }

    .footer-address {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
           -moz-box-ordinal-group: 1;
            -ms-flex-order: 0;
                order: 0;
    }

    .footer-social {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
           -moz-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
    }

    .footer-for-students {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
           -moz-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }

    .footer-for-hosts {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
           -moz-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3;
    }

    .footer-company {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
           -moz-box-ordinal-group: 5;
            -ms-flex-order: 4;
                order: 4;
    }

    .footer-for-students,
    .footer-for-hosts,
    .footer-company {
        padding-top: 2rem;
    }

    .section-search-homestays {
        padding: 0 !important;
    }

    .payment-wrapper.bottom-fixed {
        position: relative;
        margin: 0 auto;
        left: 0;
    }

    .client-testimonial {
        max-width: 100%;
    }

    .search-filter-form {
        margin-top: 0;
    }

    .payment-list .payment-wrapper {
        position: static;
    }

    .payment-card-bottom {
        display: block;
    }

    .why-homestaymatch-list,
    .section-benefits .why-homestaymatch-list {
        height: auto;
    }

    .btn-bottom-map,
    .filter-popup {
        display: inline-block;
    }

    .search-page {
        margin-top: 123px;
    }

    .btn-bottom-map {
        display: block;
    }

    .payment-wrapper.bottom-fixed {
        max-width: 410px;
    }

    .filter-info .asd__wrapper {
        width: 300px !important;
        left: 50% !important;
        -webkit-transform: translateX(-50%);
           -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
             -o-transform: translateX(-50%);
                transform: translateX(-50%);
    }

    .personal-details .gender,
    .personal-details .professional,
    .personal-details .gender label,
    .personal-details .professional label {
        width: 100%;
    }

    .personal-details .gender .d-flex,
    .personal-details .professional .d-flex {
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
    }

    .personal-details .gender div,
    .personal-details .professional div {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 49%;
           -moz-box-flex: 0;
            -ms-flex: 0 0 49%;
                flex: 0 0 49%;
    }

    .why-homestaymatch-table table th {
        font-size: 1.06rem;
    }

    #singlePageNoCookieForm .modal-header,
    #searchPageNoCookieForm .modal-header,
    #searchPageFilterInfo .modal-header {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .section-checkout-form .checkout-gender {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }
}

@media (max-width: 767px) {
    html {
        font-size: 90%;
    }

    .container {
        max-width: 100%;
    }

    .row {
        margin-right: -15px;
        margin-left: -15px;
    }

    .section-spacing {
        padding: 5rem 0;
    }

    /* Header */

    .navbar-brand {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
           -moz-box-ordinal-group: 1;
            -ms-flex-order: 0;
                order: 0;
    }

    #navbarText {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
           -moz-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }

    .author-details {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
           -moz-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
    }

    .navbar .sign-up {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
           -moz-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }

    .navbar h1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
           -moz-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
    }

    .navbar-collapse ul > li {
        padding: 0 0 1.25rem 0;
    }

    .navbar-collapse {
        margin-top: 20px;
    }

    .about-header .author-details .dropdown-toggle {
        color: black;
    }

    .margin-top {
        margin-top: 56px;
    }

    .auth-login {
        margin-right: 15px;
    }

    /* Hero-section */

    .hero-info {
        padding: 1.5rem;
        max-width: 445px;
        min-height: 432px;
    }

    /* testimonial  */

    .testimonial {
        padding: 5rem 0 0 0;
    }

    .testimonial {
        background-position: right 3% top;
        -moz-background-size: 50%;
          -o-background-size: 50%;
             background-size: 50%;
    }

    .testimonial .testimonial-image {
        -webkit-transform: translateX(50px);
           -moz-transform: translateX(50px);
            -ms-transform: translateX(50px);
             -o-transform: translateX(50px);
                transform: translateX(50px);
    }

    .testimonial .no-padding-right {
        padding-right: 15px;
    }

    .testimonial-after::after {
        width: 240px;
        height: 240px;
        right: 11%;
    }

    /* section-homestay-right */
    .homestay-right-description {
        max-width: 100%;
        padding: 2.5rem;
    }

    /* why-homestaymatch */
    .why-homestaymatch-list-wrapper .col-12 {
        padding: 0;
    }

    .why-homestaymatch .row {
        margin: 0 0rem;
    }

    .why-homestaymatch-wrapper {
        margin-bottom: 5rem;
    }

    /* section-homestay-right */
    .homestay-right-description .icon-triangle {
        max-width: 120.5px;
    }

    .homestay-right-description .icon-circle {
        max-width: 87px;
        top: 7rem;
    }

    /* verification  */
    .verification-info {
        padding: 0;
    }

    .verification .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .verification-info .verification-text {
        padding: 0 2rem 2rem 2rem;
    }

    .section-verification .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* support */

    .section-support .container {
        padding: 0 15px;
        background-color: transparent !important;
    }

    .section-support .row {
        background-color: #fff;
        padding: 3rem 1.25rem;
        margin: 0 0;
    }

    .section-support .row > div {
        padding-left: 0;
        padding-right: 0;
    }

    /* footer */

    .footer-list {
        width: 100%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
           -moz-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
        border-bottom: 1px solid #e8eeef;
    }

    .footer-address {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
           -moz-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
    }

    .footer-address,
    .footer-social {
        border-bottom: 0;
    }

    .footer-address .footer-logo {
        margin-bottom: 0;
    }

    .footer-address p {
        display: none;
    }

    .footer-for-students {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
           -moz-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3;
    }

    .footer-list h6 {
        padding: 1.25rem 0;
        position: relative;
        cursor: pointer;
    }

    .site-footer .footer-company > div,
    .site-footer .footer-for-hosts > div {
        width: unset;
    }

    .footer-list h6::after {
        content: '';
        position: absolute;
        background-image: url(/images/home/svg/down-arrow.svg);
        width: 13px;
        height: 7px;
        -moz-background-size: 100%;
          -o-background-size: 100%;
             background-size: 100%;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
           -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
             -o-transform: translateY(-50%);
                transform: translateY(-50%);
    }

    .footer-list .rotate::after {
        -webkit-transition: all 0.25s ease-in-out 0s;
        -o-transition: all 0.25s ease-in-out 0s;
        -moz-transition: all 0.25s ease-in-out 0s;
        transition: all 0.25s ease-in-out 0s;
        -webkit-transform: rotate(180deg);
           -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
             -o-transform: rotate(180deg);
                transform: rotate(180deg);
    }

    .footer-text {
        display: none;
    }

    .footer-for-hosts {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
           -moz-box-ordinal-group: 5;
            -ms-flex-order: 4;
                order: 4;
    }

    .footer-text.open-list {
        display: block;
        padding-bottom: 1.875rem;
        -webkit-transition: all 0.25s ease-in-out 0s;
        -o-transition: all 0.25s ease-in-out 0s;
        -moz-transition: all 0.25s ease-in-out 0s;
        transition: all 0.25s ease-in-out 0s;
    }

    .footer-company {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
           -moz-box-ordinal-group: 6;
            -ms-flex-order: 5;
                order: 5;
        padding-top: 0;
    }

    .footer-social {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
           -moz-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        padding-bottom: 15px;
    }

    .footer-social .social-icon {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
           -moz-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        padding-bottom: 10px;
    }

    .footer-social .footer-text {
        display: block;
        text-align: left !important;
    }

    .secondary-footer {
        padding: 0;
    }

    .secondary-footer .footer-list-item .open-list {
        padding-bottom: 12px;
    }

    .footer-social {
        padding-top: 1.5rem;
    }

    /* single page style */
    .room-amenities {
        padding-top: 2rem;
    }

    .room-amenities h4 {
        padding-bottom: 1.5rem;
    }

    .facility-list {
        padding-left: 15px;
    }

    .facility-list:last-child li:last-child {
        padding: 0;
    }

    .meal-plan-details {
        margin: 10px 10px 2rem 10px;
    }

    .meal-plan .d-flex {
        -webkit-flex-wrap: no-wrap;
            -ms-flex-wrap: no-wrap;
                flex-wrap: no-wrap;
    }

    .meal-plan-details {
        min-width: 190px;
        overflow: auto;
    }

    /* section-about-homestay */
    .section-about-homestay .left-card figure {
        left: -2rem;
    }

    /* .section-ebook */
    .ebook-wrapper::before {
        display: none;
    }

    .ebook-image figure {
        margin: 0 auto 2rem auto;
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
           -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
             -o-transform: translateX(-50%);
                transform: translateX(-50%);
        max-width: 170px;
    }

    .ebook-image::before {
        content: '';
        background-image: url(/images/home/dot-mobile.png);
        width: 300px;
        height: 270px;
        background-repeat: no-repeat;
        -moz-background-size: contain;
          -o-background-size: contain;
             background-size: contain;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .ebook-image {
        padding-left: 0;
        position: relative;
    }

    .ebook-info {
        margin: 0 auto;
    }

    /* section-why-homestaymatch */
    .section-why-homestaymatch.section-spacing {
        padding: 5rem 0 3rem 0;
    }

    /* About page */
    .about-header .navbar-collapse li:last-child {
        padding-right: 0;
    }

    /* section-our-brand */
    .section-our-brand {
        padding: 5rem 0 4rem 0;
    }

    .our-brand {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        margin-bottom: 3rem;
    }

    .our-brand:last-child {
        margin-bottom: 0;
    }

    .our-brand .flex-50 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
           -moz-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
    }

    .our-brand .our-brand-img {
        max-height: 400px;
        overflow: hidden;
        height: 100%;
    }

    .our-brand .our-brand-img > img {
        -o-object-fit: cover;
           object-fit: cover;
        height: 100%;
        max-height: 400px;
    }

    .our-brand-info {
        padding: 3rem 2rem;
    }

    /* section-our-team */
    .our-team-members {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 48%;
           -moz-box-flex: 0;
            -ms-flex: 0 0 48%;
                flex: 0 0 48%;
        margin-bottom: 2rem;
    }

    /* section-partned */
    .section-partned {
        padding: 4.375rem 0 5rem 0;
    }

    .partner-logo figure {
        margin: 0 10px;
    }

    .student-section {
        margin-top: 4rem;
    }

    .search-result-info h3 {
        font-size: 1.725rem;
    }

    .search-result-info {
        padding: 1rem;
    }

    /* .section-benefits */
    .section-benefits .verification-info-wrapper {
        padding: 3rem 0px 0 0px;
    }

    .section-benefits .homestaymatch-list-left-img {
        -webkit-transform: translateX(-41px);
           -moz-transform: translateX(-41px);
            -ms-transform: translateX(-41px);
             -o-transform: translateX(-41px);
                transform: translateX(-41px);
    }

    .section-benefits .homestaymatch-list-right-img {
        -webkit-transform: translateX(54px);
           -moz-transform: translateX(54px);
            -ms-transform: translateX(54px);
             -o-transform: translateX(54px);
                transform: translateX(54px);
    }

    /* why-homestaymatch-table */
    .why-homestaymatch-table {
        padding: 2rem 0 0 0;
    }

    .section-why-homestaymatch-table .university-search {
        padding-top: 3rem;
    }

    .section-why-homestaymatch-table .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .new-header {
        background-color: #fff;
    }

    .section-about {
        margin-top: 59px;
    }

    .about-header .navbar-brand {
        background-image: url(/images/home/svg/logo.svg);
    }

    .about-header .navbar-collapse li > a {
        color: #000;
    }

    /* checkout page style */

    .personal-details-wrapper {
        margin: 0 auto;
        max-width: 500px;
    }

    .checkout-payment-details-wrapper {
        margin: 0 auto;
        padding-top: 3rem;
    }

    .section-checkout-form {
        padding: 2.375rem 0 5rem 0;
    }

    .payment-tooltip .tooltiptext,
    .home-details .payment-tooltip .tooltiptext {
        top: -5rem;
    }

    .section-neighborhood .map {
        height: 400px;
    }

    .room-details {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }

    .single-home-details .meal-plan .d-flex {
        overflow-x: scroll;
    }

    .search-filter .school-name,
    .search-filter .datepicker-trigger {
        width: 180px;
    }

    .search-filter-form.personal-details-wrapper {
        padding: 2rem 0;
    }

    .search-filter-form {
        background-position: top 15px right 15px;
    }

    .single-other-homestays {
        padding: 4rem 0;
    }

    .section-checkout-form .tab-control {
        text-align: center;
        margin-left: unset;
    }

    .design-process-content .form-horizontal .row {
        margin: 0;
    }

    .homestaymatch-experience-wrapper li {
        max-height: 70px;
    }

    .homestaymatch-experience-wrapper li.open {
        max-height: 400px;
    }
}

@media (max-width: 580px) {
    html {
        font-size: 85%;
    }

    h1 {
        font-size: 2rem;
    }

    h2 {
        font-size: 1.875rem;
    }

    h3,
    h4 {
        font-size: 1.5rem;
    }

    h5 {
        font-size: 1.25rem;
    }

    h6 {
        font-size: 16px;
    }

    p {
        font-size: 16px;
        line-height: 1.5;
    }

    li {
        font-size: 16px;
    }

    .btn {
        padding: 1.25rem 2rem;
        font-size: 15px;
    }

    .btn.btn-md {
        padding: 15px;
        font-size: 15px;
    }

    .btn-tags {
        padding: 10px 11px 10px 2.5rem;
    }

    input,
    input select,
    input textarea,
    input.text,
    input.title,
    input[type='email'],
    input[type='password'],
    input[type='tel'],
    input[type='text'],
    input[type='date'] {
        padding: 13px 1.875rem 13px 13px;
    }

    .hero-info {
        min-height: 359px;
    }

    .home-hero-section.hero-with-subjects::before {
        background-position: center right 15%;
    }

    .multi-select .multiselect__tags {
        padding: 13px 3rem 13px 13px;
    }

    .school-search-page .multiselect__tags {
        padding: 6px 8px;
    }

    .section-search-homestays .school-search-page {
        width: 100%;
        margin-bottom: 10px;
    }

    .section-spacing {
        padding: 4rem 0;
    }

    .search-control {
        background-position: right 10px center;
        -moz-background-size: 16px;
          -o-background-size: 16px;
             background-size: 16px;
    }

    /* header */
    .btn-auth {
        padding: 10px 16px 13px 16px;
    }

    .margin-top {
        margin-top: 57px;
    }

    .navbar-brand {
        background-image: url(/images/home/svg/logo-home-blue.svg);
        width: 22.5px;
        height: 23px;
    }

    /* Hero-section */

    .hero-section {
        padding: 49rem 0 0 0;
    }

    .hero-info h2 {
        padding-bottom: 15px;
    }

    .hero-section .container {
        position: absolute;
        bottom: 0rem;
    }

    .hero-info .datepicker {
        max-width: 100%;
        margin-top: 15px;
    }

    .hero-info .search-result {
        padding-top: 1.5rem;
    }

    .asd__wrapper--datepicker-open {
        width: 100% !important;
    }

    /* section-spacing */
    .sction-best-homestay {
        padding: 4rem 0;
    }

    .best-homestay-list figure {
        min-height: unset;
        margin-bottom: 1.5rem;
    }

    .best-homestay-list figure {
        max-width: 200px;
    }

    .book-your-homestay figure {
        max-width: 220px;
    }

    .find-amazing-hosts figure {
        max-width: 250px;
    }

    .best-homestay-list {
        padding: 4rem 15px 0 15px;
        max-width: 370px;
    }

    /* testimonial */
    .testimonial {
        padding: 4rem 0 0 0;
        -moz-background-size: 40%;
          -o-background-size: 40%;
             background-size: 40%;
    }

    .testimonial .testimonial-image {
        -webkit-transform: translateX(60px);
           -moz-transform: translateX(60px);
            -ms-transform: translateX(60px);
             -o-transform: translateX(60px);
                transform: translateX(60px);
        max-width: 100%;
    }

    .testimonial .testimonial-text .testimonial-text-comments {
        font-size: 1.75rem;
    }

    .testimonial .testimonial-text .testimonial-text-name {
        font-size: 1.25rem;
        margin-bottom: 10px;
    }

    .testimonial-after::after {
        right: 0%;
        width: 160px;
        height: 160px;
    }

    /* section-homestay-right */
    .why-homestaymatch {
        padding: 2rem 0 1rem 0;
    }

    .homestay-right-description {
        padding: 1.5rem;
    }

    .homestay-right-description .homestay-book {
        margin: -4rem auto 2rem 0;
        max-width: 220px;
        -webkit-transform: translateY(0);
           -moz-transform: translateY(0);
            -ms-transform: translateY(0);
             -o-transform: translateY(0);
                transform: translateY(0);
    }

    .homestay-right-description .icon-circle {
        right: 1rem;
    }

    .homestay-right-description .icon-triangle {
        right: 2rem;
    }

    .homestay-right-description .icon-triangle {
        max-width: 100px;
    }

    .homestay-right-description .icon-circle {
        max-width: 70px;
    }

    #_form_1_ ._form-content {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }

    .btn.download-button,
    .ebook-info #_form_1_ ._form-content .download-button {
        width: 100%;
        margin: 10px 0 0 0;
    }

    .homestaymatch-list-card {
        min-width: unset;
        margin-bottom: 0;
    }

    .homestaymatch-list-left-img {
        -webkit-transform: translateX(0px);
           -moz-transform: translateX(0px);
            -ms-transform: translateX(0px);
             -o-transform: translateX(0px);
                transform: translateX(0px);
        margin: 0;
    }

    .homestay-right-info li {
        padding: 0 0 10px 1.875rem;
    }

    /* why-homestaymatch */
    .why-homestaymatch-list-info {
        padding: 2rem 1.5rem 1.5rem;
    }

    .why-homestaymatch-list {
        padding: 0;
    }

    .why-homestaymatch-list p {
        padding-top: 10px;
    }

    .why-homestaymatch-card p {
        padding: 10px;
        font-size: 12px;
        -webkit-border-radius: 10px 10px 10px 10px;
           -moz-border-radius: 10px 10px 10px 10px;
                border-radius: 10px 10px 10px 10px;
    }

    .why-homestaymatch-card p:last-child {
        -webkit-border-radius: 10px 10px 10px 10px;
           -moz-border-radius: 10px 10px 10px 10px;
                border-radius: 10px 10px 10px 10px;
    }

    .homestaymatch-list-right-img {
        min-height: 350px;
        -webkit-transform: translateX(0px);
           -moz-transform: translateX(0px);
            -ms-transform: translateX(0px);
             -o-transform: translateX(0px);
                transform: translateX(0px);
    }

    .why-homestaymatch-list.why-homestaymatch-wrapper {
        margin-top: 0;
    }

    .section-benefits .image-card {
        margin-top: 4rem;
    }

    .why-homestaymatch-list {
        margin-top: 7rem;
        margin-bottom: 0;
    }

    .homestaymatch-list-right-img figure {
        max-width: 230px;
    }

    .homestaymatch-list-right-img::before {
        display: none;
    }

    /* support */

    .support-info {
        padding-top: 2rem;
    }

    .support-info h3 {
        padding-bottom: 1rem;
    }

    .section-support .row {
        padding: 5rem 1.25rem 3rem 1.25rem;
    }

    .support-avatar p {
        padding: 10px 10px;
        font-size: 80%;
        max-width: 180px;
    }

    .support-avatar .support-avatar-right {
        left: -685%;
    }

    /* section-universities */
    .university-search h4 {
        text-align: center;
        padding-right: 0;
    }

    .university-search .no-padding-left {
        padding-left: 15px;
    }

    .university-search .d-flex {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        margin-top: 15px !important;
    }

    .university-search .search-button {
        margin: 15px 0 0 0;
        width: 100%;
        padding: 17px 1.875rem;
    }

    .university-search form {
        max-width: 100%;
    }

    .university-slider .slider > figure {
        margin-bottom: 10px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

    .university-slider {
        padding: 1rem 0 2rem 0;
    }

    /* section-verification */

    .section-verification .container {
        padding-right: 15px;
        padding-left: 15px;
    }

    .verification-info .verification-text {
        padding: 0 1.5rem 2rem 1.5rem;
    }

    /* footer */

    .footer-logo {
        margin: 0;
    }

    .social-icon a {
        padding-right: 1rem;
    }

    .footer-list-item {
        padding: 0 15px;
    }

    /* sinlge page style */

    .single-home-details .card-style {
        max-width: 100%;
        margin: 0 auto 0 auto;
        min-width: unset;
    }

    .single-home-details {
        padding: 3rem 0;
    }

    .university-distance .distance {
        -webkit-box-pack: unset;
        -webkit-justify-content: unset;
           -moz-box-pack: unset;
            -ms-flex-pack: unset;
                justify-content: unset;
    }

    .certified a {
        display: block;
    }

    .university-distance .university-distance-wrapper {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }

    .meet-your-host .d-flex {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }

    .meet-your-host figure {
        max-width: 60px;
        margin-bottom: 10px;
    }

    .host-details {
        margin-left: 1rem;
    }

    .rules-list {
        padding: 1rem;
    }

    .rules-list h5 {
        padding: 1rem 0;
    }

    .rules-list li {
        padding: 0 0 1rem 2.5rem;
    }

    .home-details p {
        font-size: 16px;
    }

    .btn-send-message {
        padding: 1rem 1.5rem;
        margin-top: 10px;
    }

    .client-testimonial {
        max-width: 100%;
    }

    .client-testimonial figure {
        max-width: 38px;
        margin-right: 1rem;
    }

    .meal-plan-details:first-child {
        margin-left: 0;
    }

    .meal-plan-details:last-child {
        margin-right: 0;
    }

    .single-home-details .meal-plan {
        overflow: hidden;
    }

    .card-neighborhood {
        max-width: 92%;
        padding: 1.5rem 1.5rem 2rem 1.5rem;
    }

    .payment-card .datepicker-trigger {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }

    .payment-card .datepicker {
        max-width: 100%;
        width: 100%;
        margin-bottom: 15px;
    }

    .payment-card .datepicker:last-child {
        margin-bottom: 0;
    }

    .certified-info {
        padding: 1.5625rem 0;
    }

    .certified-info figure {
        margin-right: 0;
        margin-bottom: 1.25rem;
    }

    .spouse-wrapper {
        padding-top: 1.25rem;
    }

    .room-details {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }

    .facility-list li {
        font-size: 18px;
        padding: 0 0 1.5rem 0;
    }

    .facility-list figure {
        max-width: 27px;
        margin: 0 10px 0 0;
    }

    /* section-other-homestays */

    /* section-about-homestay */
    .about-homestay-wrapper-testimonial {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }

    .section-about-homestay .left-card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
           -moz-box-orient: vertical;
           -moz-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }

    .university-about-homestay {
        max-width: 100%;
    }

    .section-about-homestay .university-about-homestay {
        padding: 3rem 15px 3rem 15px !important;
    }

    .section-about-homestay .about-homestay-wrapper-testimonial figure {
        position: relative;
    }

    .section-about-homestay .about-homestay-wrapper-testimonial figure {
        max-width: 350px;
        left: 52%;
        -webkit-transform: translateX(-50%);
           -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
             -o-transform: translateX(-50%);
                transform: translateX(-50%);
    }

    .section-about-homestay .right-card {
        margin-top: 0rem;
    }

    .university-about-homestay-wrapper {
        padding-top: 4rem;
    }

    /* section-why-homestaymatch */
    .section-why-homestaymatch .homestaymatch-list-card {
        min-height: 350px;
    }

    .section-why-homestaymatch .homestaymatch-list-card figure {
        max-width: 250px;
        right: 0;
    }

    .section-why-homestaymatch .why-homestaymatch-card {
        margin-left: 3.5rem;
    }

    .why-homestaymatch-card .chat-card {
        padding: 10px 1rem;
    }

    .section-why-homestaymatch.section-spacing {
        padding: 0 0 3rem 0;
    }

    .university-about-homestay h6 {
        padding: 1.5rem 0 0 0;
    }

    /* .section-ebook */
    .ebook-info {
        max-width: 100%;
        padding: 0 15px;
    }

    .ebook-info form {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }

    .ebook-info .download-form,
    .ebook-info button {
        max-width: 100%;
        width: 100%;
    }

    .ebook-info button {
        margin-top: 15px;
    }

    /* section-other-homestays */
    .section-other-homestays .stats-bar-wrapper {
        padding-top: 3rem;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
           -moz-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

    .section-other-rooms .homestays-nearby,
    .section-other-homestays .homestays-nearby {
        max-width: 100%;
    }

    .stats-bar h2 {
        font-size: 1.75rem;
    }

    .stats-bar h4 {
        font-size: 16px;
    }

    .stats-bar {
        max-width: 100px;
        width: 100%;
    }

    /* unversity-list-map */
    .unversity-list-map #map {
        min-height: 400px;
    }

    /* Modal */
    #loginModal .modal-content,
    #studentsignup #SignUpDetails {
        padding: 2rem;
        margin: 0 auto;
    }

    .room-details h6 {
        margin-top: 5px;
    }

    /* .viewer-container .viewer-canvas img {
        height: 40% !important;
    } */

    /* About Page style */
    /* section-our-brand */
    .section-our-brand {
        padding: 4rem 0 2rem 0;
    }

    .our-brand .our-brand-img {
        max-height: 300px;
    }

    .our-brand .our-brand-img > img {
        max-height: 300px;
    }

    .our-brand-wrapper {
        padding: 3rem 0 0 0;
    }

    .our-brand-info {
        padding: 1.5rem;
    }

    .our-brand {
        margin-bottom: 2rem;
    }

    .our-brand-info p {
        font-size: 16px;
    }

    .our-brand-info figure {
        margin-bottom: 1rem;
    }

    /* section-our-team */
    .our-team-members {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
           -moz-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        margin: 0 auto 3rem auto;
    }

    .our-team-members:last-child {
        margin-bottom: 0;
    }

    .section-our-team {
        padding: 2rem 0 4rem 0;
    }

    /* section-our-advisor */
    .section-our-advisors .our-team-members {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
           -moz-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        margin: 3rem auto 0 auto;
    }

    /* section-host-student */

    .host-a-student {
        max-width: 100%;
        padding: 2rem 15px;
    }

    /* section-trusted-partners */
    .trusted-partner-info {
        max-width: 100%;
    }

    .trusted-partner-info h1 {
        padding-bottom: 1rem;
    }

    /* .section-our-advisors */
    .section-our-advisors .container {
        padding: 3rem 15px;
        background-color: #fff;
    }

    /* section-partned */

    .section-partned {
        padding: 4rem 0;
    }

    .student-info {
        max-width: 100%;
        padding: 0 15px;
    }

    .student-info .d-flex {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }

    .student-info .d-flex .btn {
        width: 100%;
        margin: 15px 0 0 0;
        padding: 18px 1.875rem;
    }

    .partner-logo figure {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
           -moz-box-flex: 0;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
        padding-top: 2.5rem;
    }

    .student-section {
        margin-top: 3rem;
    }

    /* section-about */
    .section-about {
        padding: 13rem 0 1rem 0;
        background-position: -18.4375rem;
    }

    .section-about h2 {
        font-size: 1.625rem;
        max-width: 1000%;
    }

    .section-experience {
        padding: 2.375 0 4rem 0;
    }

    .section-leadership {
        padding: 3rem 0;
    }

    .search-results .search-room-img {
        max-width: 100%;
        max-height: 240px;
        overflow: hidden;
    }

    .search-result-info {
        padding: 1.5rem 1rem;
    }

    .other-filter-button {
        display: none;
    }

    .search-filter input {
        padding: 5px 12px;
    }

    .homestays-nearby .icon-favourite,
    .search-img .icon-favourite {
        -webkit-transform: translateY(0px);
           -moz-transform: translateY(0px);
            -ms-transform: translateY(0px);
             -o-transform: translateY(0px);
                transform: translateY(0px);
        opacity: 1;
    }

    .search-result-info .align-items-end {
        padding-top: 1.5rem;
    }

    .btn-time {
        padding: 10px 11px;
    }

    .btn-time::before {
        display: none;
    }

    .btn-location {
        padding: 10px 11px 10px 2rem;
    }

    .pagination .btn {
        padding: 1rem 1rem;
        font-size: 12px;
    }

    .pagination p {
        font-size: 12px;
    }

    .search-room-img .room-img {
        max-height: 174px;
        min-height: 174px;
        overflow: hidden;
    }

    /* section-benefits */
    .section-benefits .homestaymatch-list-left-img,
    .section-benefits .homestaymatch-list-right-img {
        -webkit-transform: translateX(0);
           -moz-transform: translateX(0);
            -ms-transform: translateX(0);
             -o-transform: translateX(0);
                transform: translateX(0);
        margin-top: 0;
    }

    .section-benefits .why-homestaymatch-list-wrapper .image-card {
        padding: 0 15px;
    }

    .section-benefits .why-homestaymatch-list {
        padding: 0;
        margin: 0;
    }

    .section-benefits .verification-info-wrapper {
        padding: 3rem 0px 0 0px;
    }

    .section-benefits .why-homestaymatch-list-wrapper {
        padding-top: 0;
    }

    /* section-why-homestaymatch-table */
    .section-why-homestaymatch-table .university-search .d-flex {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .section-why-homestaymatch-table .university-search {
        padding: 2rem 15px 0 15px;
    }

    /* why-homestay-hero */
    .why-homestay-hero .hero-info h2 {
        font-size: 1.5rem;
    }

    .about-header .navbar-brand,
    .about-header.header-overlay .navbar-brand {
        background-image: url(/images/home/svg/logo-home-blue.svg);
    }

    .section-about {
        margin-top: 57px;
    }

    /* checkout page style */
    .personal-details-wrapper {
        max-width: 100%;
        padding: 0 15px;
    }

    .checkout-payment-details-wrapper {
        padding: 3rem 15px 0 15px;
    }

    .checkout-payment-details-wrapper .homestays-nearby {
        max-width: 100%;
    }

    .checkout-payment-details {
        padding-right: 0;
    }

    .tab-content {
        padding-top: 2rem;
    }

    /* .personal-details .personal-details-wrapper h6 {
        padding: 1.5rem 0 15px 0;
        font-size: 15px;
        font-weight: 700;
    } */

    .section-checkout-form {
        padding: 2.375rem 0 4rem 0;
    }

    .house-rules .cvv h6 {
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
           -moz-box-orient: horizontal;
           -moz-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }

    .payment-card .search-control,
    .payment-card #mealPlan {
        margin-top: 0;
    }

    .rules-list li::before {
        width: 18px;
        height: 18px;
        top: 3px;
        -moz-background-size: 10px;
          -o-background-size: 10px;
             background-size: 10px;
    }

    .section-neighborhood .map {
        height: 410px;
    }

    .homestaymatch-experience-list {
        padding-top: 3rem;
    }

    .homestaymatch-experience-list li > h4 {
        font-size: 1.5rem;
    }

    .single-hero .btn-tags {
        padding: 10px 11px 10px 2.75rem;
    }

    .university-hero .hero-info figure {
        max-width: 69px;
        right: 1rem;
        bottom: 0;
        top: -3rem;
    }

    .section-checkout-form .tablist-items {
        overflow: scroll;
    }

    .why-homestaymatch-card {
        top: 19rem;
        left: 4rem;
        margin-left: 3rem;
    }

    .university-search h4 {
        font-size: 1.375rem;
        padding: 0 15px;
        line-height: 1.4;
    }

    .section-universities .university-slider {
        padding: 2rem 0 0 0;
    }

    .verification-info figure {
        margin: 0 0 2rem 0;
    }

    .footer-for-students,
    .footer-for-hosts,
    .footer-company {
        padding-top: 0;
    }

    .homestaymatch-experience-wrapper ul {
        max-width: 100%;
    }

    .homestays-nearby-info .btn-tags {
        padding: 7px 10px 7px 1.75rem;
    }

    .search-results-list .d-flex {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
           -moz-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
    }

    .partner-logo {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
           -moz-box-pack: justify !important;
            -ms-flex-pack: justify !important;
                justify-content: space-between !important;
    }

    .student-info h2 {
        font-size: 2rem;
    }

    .ebook-info .d-flex {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }

    .section-ebook .no-padding-left {
        padding-left: 0;
        padding-right: 0;
    }

    .chat-card2::before {
        -moz-background-size: 14px;
          -o-background-size: 14px;
             background-size: 14px;
        width: 30px;
        height: 30px;
    }

    .section-why-homestaymatch .student-verification-text figure {
        max-width: 70px;
    }

    .school-neayby-homestays .homestays-nearby-wrapper {
        margin-top: 2rem;
    }

    .section-why-homestaymatch .best-homestay-info {
        padding: 0 15px;
    }

    .conditions-wrapper {
        padding-bottom: 1.5rem;
    }

    .section-other-rooms h3,
    .section-other-homestays h3 {
        padding-left: 0;
    }

    .section-why-homestaymatch-table .university-search input {
        width: 100%;
        max-width: 100%;
    }

    .section-why-homestaymatch-table .university-search .btn {
        margin: 1rem 0 0 0;
    }

    .filter-button {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }

    .filter-button .search-filter {
        -webkit-flex-wrap: wrap !important;
            -ms-flex-wrap: wrap !important;
                flex-wrap: wrap !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        width: 100%;
    }

    .search-filter .school-name,
    .search-filter .datepicker-trigger {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .search-filter button {
        width: 100%;
        margin-right: 0;
    }

    .search-filter .asd__month-table button {
        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                box-shadow: none;
    }

    .search-page {
        margin-top: 206px;
    }

    .btn-become-host {
        padding: 10px 16px 13px 16px;
    }

    .house-rules .cvv .tooltiptext {
        left: 130px;
        top: -15px;
    }

    .house-rules .cvv .tooltiptext::after {
        display: none;
    }

    .search-filter-form .private-bathroom h6 {
        padding: 0;
    }

    .custom-checkbox input[type='checkbox']:checked + label,
    .custom-checkbox input[type='checkbox']:not(:checked) + label {
        padding: 0 0 0 1.75rem;
    }

    .search-filter-form.personal-details-wrapper {
        max-width: 100%;
    }

    .payment-wrapper.bottom-fixed,
    .payment-wrapper.sticky {
        max-width: 100%;
    }

    .btn-bottom-map {
        padding: 10px 12px 10px 2.25rem;
    }

    .search-types .dropdown-item label,
    .search-types .dropdown-item .btn {
        padding: 10px 14px;
    }

    .design-process-content form .form-group .row {
        margin: 0;
    }

    .search-result .asd__month {
        width: 56% !important;
        -webkit-transform: translateX(-18%);
           -moz-transform: translateX(-18%);
            -ms-transform: translateX(-18%);
             -o-transform: translateX(-18%);
                transform: translateX(-18%);
    }

    .search-result .asd__week td {
        width: 46px !important;
    }

    .search-result .asd__days-legend {
        width: 100% !important;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

    .search-result .asd__day-title {
        width: 48px;
    }

    .hero-info .search-result .asd__week td {
        width: 43px !important;
    }

    .hero-info .search-result .asd__month {
        -webkit-transform: translateX(-6%);
           -moz-transform: translateX(-6%);
            -ms-transform: translateX(-6%);
             -o-transform: translateX(-6%);
                transform: translateX(-6%);
        width: 316px !important;
    }

    .hero-info .search-result .asd__day-title {
        width: 42px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
           -moz-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

    .filter-info .asd__wrapper {
        width: 100% !important;
    }

    .payment-card .extension.space-between {
        padding: 0 15px;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .search-info-wrapper figure {
        margin-top: -4rem;
        z-index: 10;
    }

    .search-result-info .btn.btn-time {
        display: none;
    }
    .section-checkout-form .tab-control .tab-items:not(.active) {
        display: none;
    }
    .school-neayby-homestays {
        padding: 3rem 0 4rem 0;
    }

    #singlePageNoCookieForm .modal-body,
    #searchPageNoCookieForm .modal-body,
    #searchPageFilterInfo .modal-body {
        padding: 0 0 3rem 0;
    }

    .search-filter-form
        .meal-paln-filter
        .custom-checkbox
        input[type='checkbox']:checked
        + label:before,
    .search-filter-form
        .meal-paln-filter
        .custom-checkbox
        input[type='checkbox']:not(:checked)
        + label:before,
    .search-filter-form
        .meal-paln-filter
        .custom-checkbox
        input[type='checkbox']:checked
        + label:after,
    .search-filter-form
        .meal-paln-filter
        .custom-checkbox
        input[type='checkbox']:checked
        + label:after {
        top: 0px;
    }
    .filter-info label {
        margin: 0;
    }
    .search-filter-form .meal-paln-filter .meal-plan-list {
        padding: 0 0 0 0;
    }
    .search-filter-form .filter-info .custom-checkbox {
        padding-bottom: 10px;
    }
    .search-filter-form .filter-info .private-bathroom h6 {
        padding: 0 0 0 0;
    }
    .search-filter-form.personal-details-wrapper h5,
    .search-filter-form.personal-details-wrapper h6 {
        padding: 1rem 0 10px 0;
    }
    .search-filter-form .other-filters h6 {
        padding: 0 0 10px 0 !important;
    }
    #_form_1_ ._error._below {
        padding-top: 4px;
        top: 47px;
    }
    .section-ebook input {
        margin-right: 0;
    }
    .tab-control .tab-items::after {
        display: none;
    }
    .tab-control .tab-items {
        padding: 0 15px 0 2.25rem;
        font-size: 18px;
    }

    #sendMessage .modal-body .first-name,
    #sendMessage .modal-body .last-name {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 49%;
           -moz-box-flex: 0;
            -ms-flex: 0 0 49%;
                flex: 0 0 49%;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }

    #loginModal .modal-body .text-title {
        text-align: center !important ;
    }
    .tooltip-show {
        padding: 0;
    }

    .university-hero-section.hero-with-subjects::before {
        background-position: top -30px left 18%;
    }

    .city-popular-schools-section .schools-list li {
        margin-bottom: 25px;
        padding-left: 100px;
    }

    .city-popular-schools-section .schools-list li::before {
        left: 25px;
    }

    #studentsignup .modal-body .form-group .date-of-birth__small-text + .row div:not(:last-child) {
        padding: 0;
    }
}

@media (max-width: 479px) {
    /* Hero Section */

    .home-hero-section.hero-with-subjects::before {
        background-image: url('/images/home/mobile-hero-bg.jpg');
        background-position: center right 70%;
    }

    .why-homestaymatch-card {
        top: 12rem;
        left: 0;
    }

    .best-homestay-list {
        max-width: 100%;
        padding: 5rem 15px 0rem 15px;
        text-align: center;
    }

    .search-result .btn-search {
        width: 100%;
    }

    /* section-about-homestay  */
    .section-about-homestay .about-homestay-wrapper-testimonial figure {
        left: 60%;
        -webkit-transform: translateX(-50%);
           -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
             -o-transform: translateX(-50%);
                transform: translateX(-50%);
    }

    /* .section-other-homestays */
    .section-other-homestays .homestays-nearby {
        max-width: 100%;
    }

    .search-result-info .align-items-end,
    .search-info-wrapper {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }

    .search-info-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
           -moz-box-orient: vertical;
           -moz-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }

    .search-info {
        margin-top: 10px;
    }

    .search-info .room-details h6 {
        margin-top: 8px;
    }

    .search-result-info .align-items-end h3 {
        padding-top: 10px;
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
           -moz-box-ordinal-group: 1;
            -ms-flex-order: 0;
                order: 0;
    }

    .pagination .d-flex {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }

    .pagination .btn {
        padding: 10px;
    }

    .pagination p {
        font-size: 10px;
    }

    /* section-why-homestaymatch-table */
    .section-why-homestaymatch-table .university-search .d-flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .section-why-homestaymatch-table .university-search input {
        max-width: 100%;
        margin-bottom: 0;
    }

    .section-why-homestaymatch-table .university-search .btn {
        margin: 15px 0 0 0;
    }

    /* why-homestay-hero */
    .why-homestay-hero .logo-card {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
           -moz-box-pack: center !important;
            -ms-flex-pack: center !important;
                justify-content: center !important;
        margin-top: 1rem;
    }

    .why-homestay-hero .logo-card p {
        margin-top: 10px;
        text-align: center;
    }

    .personal-details-wrapper .select-options .d-flex {
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
           -moz-box-orient: horizontal;
           -moz-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }

    .personal-details-wrapper .select-options label {
        width: 100%;
    }

    .checkout-payment-details-wrapper {
        max-width: 100%;
    }

    .personal-details-wrapper .conditions .conditions-wrapper,
    .house-rules .cvv h6 .d-flex {
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
           -moz-box-orient: horizontal;
           -moz-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }

    .pricing-table td {
        width: 34%;
        font-size: 16px;
    }

    .pricing-table td:first-child {
        width: 66%;
    }

    .payment-details h3 {
        font-size: 1.25rem;
    }

    .payment-details.align-items-end {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
           -moz-box-align: center !important;
            -ms-flex-align: center !important;
                align-items: center !important;
    }

    .payment-details.align-items-end p {
        padding: 0;
    }

    .payment-card.search-result .datepicker {
        -moz-background-size: 16px;
          -o-background-size: 16px;
             background-size: 16px;
    }

    .why-homestay-hero .hero-info .logo-card figure:nth-child(2) {
        max-width: 42px;
    }

    .btn-become-host {
        padding: 8px 10px 8px 10px;
    }

    .author-details li {
        margin-right: 12px;
    }
}

@media (max-width: 375px) {
    .hero-info .search-result .asd__week td {
        width: 40px !important;
    }

    .search-result .asd__days-legend {
        width: 100% !important;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
           -moz-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

    #showMobilePaymentCard .payment-card {
        padding: 0;
    }

    .city-popular-schools-section .schools-list li {
        padding-left: 50px;
    }

    .city-popular-schools-section .schools-list li::before {
        left: 0px;
    }
}

@media (max-width: 320px) {
    .search-filter .asd__month {
        width: 50% !important;
        -webkit-transform: translateX(0px);
           -moz-transform: translateX(0px);
            -ms-transform: translateX(0px);
             -o-transform: translateX(0px);
                transform: translateX(0px);
    }

    .search-result .asd__week td,
    .search-result .asd__day-title {
        width: 38px !important;
    }

    .hero-info .search-result .asd__week td {
        width: 32px !important;
    }

    .hero-info .search-result .asd__month {
        -webkit-transform: translateX(0);
           -moz-transform: translateX(0);
            -ms-transform: translateX(0);
             -o-transform: translateX(0);
                transform: translateX(0);
        width: 300px !important;
    }

    .multi-select .multiselect__placeholder {
        max-width: 86px;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
    }
}