#section-hospital-city-list {margin-bottom: 20px;}
.hospital-search-wrapper {margin-bottom: 40px;}
.hospital-search-wrapper form {position: relative; display: inline-block;}
#text-search-hospital {border: 2px solid #6bcdcb; padding: 7px 40px 7px 20px; border-radius: 20px; font-family: var(--nunitosans); font-weight: bold; color: #58595b; font-size: 16px;}
#btn-search-hospital {background: url('../images/icon-search2.png') no-repeat center center; width: 40px; border: 0; position: absolute; right: 0; top: 0; bottom: 0; padding: 0;}

.hospital-city-item {padding-bottom: 60px; margin-bottom: 25px; border-bottom: 2px solid #87d7d5;}
.hospital-city-item.last-item {border-bottom: 0;}
.hospital-city-info {float: left; width: 40%;}
.hospital-city-item-name {margin-bottom: 10px;}
.hospital-city-item-image img {border-radius: 20px 20px 80px 20px}
.hospital-logo-wrapper {float: left; width: 60%; padding-left: 5%; display: flex; flex-wrap: wrap; align-items: center;}
.hospital-logo-wrapper a {width: 33.33%; display: block;}
.hospital-logo-item { padding: 10px; text-align: center;}

.hospital-poin {display: flex; margin-bottom: 20px;}
.hospital-star {width: 17px; height: 17px; background: url('/images/icon-star.png') no-repeat 0 0; margin-right: 2px;}
.hospital-city {display: flex; align-items: center; color: #056aa7; font-size: 19px; font-weight: 600;}
.hospital-city img {margin-right: 10px;}

#section-hospital-address {margin-bottom: 100px;}
.hospital-address-box {padding: 20px 5% 20px 5%; border-radius: 20px; background: #FFF; display: flex; align-items: center; box-shadow: 5px 5px 10px -5px rgba(0,63,104,0.75); -webkit-box-shadow: 5px 5px 10px -5px rgba(0,63,104,0.75); -moz-box-shadow: 5px 5px 10px -5px rgba(0,63,104,0.75);}
.hospital-address-wrapper {flex-grow: 1; display: flex; align-items: center; padding-right: 10%;}
.hospital-address-icon {flex: 0 0 12px; height: 18px; background: url('../images/icon-map-marker.png') no-repeat 0 0; background-size: 100% 100%;}
.hospital-address-icon img {display: none;}
.hospital-address {padding-left: 10px; font-size: 19px; font-weight: 600; color: #056aa7; line-height: 1.1em; }
.hospital-booking-button-wrapper {width: 230px;}
.hospital-booking-button {text-align: center; transition: var(--transition); background: var(--blue); border: 1px solid var(--blue); color: #FFF; border-radius: 5px 20px 5px 20px; padding: 5px 20px; font-size: 11px; font-weight: bold; letter-spacing: 1px;}
.hospital-booking-button:hover {background: #FFF; color: var(--blue);}

#section-hospital-facility {margin-bottom: 100px; padding-left: 63px; padding-right: 63px;}
#section-hospital-facility .section-title-big {margin-bottom: 20px;}
.hospital-facility-item-inner {margin:20px; background-color: #e4f4ff; border-radius: 20px; overflow: hidden;}
.hospital-facility-item-image {background-repeat: no-repeat; background-size: cover; background-position: center center; height: 370px;}
.hospital-facility-item-name {color: var(--blue); padding: 20px 10%; font-size: 20px; font-weight: 600; line-height: 1.1em;}
#section-hospital-facility .slick-prev, #section-hospital-facility .slick-next {transition: var(--transition); color: #000; z-index: 5; width: 43px; height: 43px;}
#section-hospital-facility .slick-prev:hover, #section-hospital-facility .slick-next:hover {opacity: var(--imageopacity);}
#section-hospital-facility .slick-prev {background: url('../images/slide-prev.png') no-repeat 0 0; left: -43px;}
#section-hospital-facility .slick-next {background: url('../images/slide-next.png') no-repeat 0 0; right: -43px;}
#section-hospital-facility .slick-prev:before, #section-hospital-facility .slick-next:before {content: '';}

#section-hospital-capacity {margin-bottom: 165px;}
.capacity-wrapper {display: grid; grid-auto-rows: 1fr; grid-template-columns: 33.33% 33.33% 33.33%;}
.capacity-item {background: #FFF; border-radius: 20px 0 20px 0; padding: 50px 5% 60px 5%;}
.capacity-item.blue {background-color: #dfeff7;}
.capacity-item-wrapper {display: flex; align-items: center; justify-content: center;}
.capacity-item-icon {margin-right: 20px;}
.capacity-item-number {font-size: 49px; color: #0066a9; font-weight: 600; line-height: 1em;}
.capacity-item-label {color: var(--blue); font-size: 18px; font-weight: 600; line-height: 1.2em;}

/* #section-hospital-tab .inline-container2 {display: flex; justify-content: center;} */
#section-hospital-tab {margin-bottom: 100px;}
.hospital-tab-wrapper {flex-grow: 1; max-width: 850px; font-size: 16px; font-weight: 600; display: flex; align-items: center; justify-content: space-evenly; padding: 13px 20px 13px 20px; border-top: 2px solid #53a3c9; border-bottom: 2px solid #53a3c9; margin-bottom: 50px;}
.hospital-tab-item {transition: var(--transition); color: #10afab; cursor: pointer;}
.hospital-tab-item.active, .hospital-tab-item:hover {color: #004898; font-weight: bold;}
.hospital-tab-separator {width: 1px; background-color: #5eaacd; height: 22px;}
.tab-content {display: none;}
.tab-content.active {display: block;}

.doctor-list-wrapper {display: grid; grid-auto-rows: 1fr; grid-template-columns: 50% 50%;}
.doctor-list-wrapper a {margin: 0 15px 30px 15px;}
.doctor-item {transition: var(--transition); border: 1px solid #FFF; display: grid; grid-auto-rows: 1fr; grid-template-columns: auto 1fr; background-color: #ecf7ff; border-radius: 15px 15px 15px 80px; overflow: hidden;}
.doctor-photo {width: 135px; background-repeat: no-repeat; background-size: cover; background-position: top center; height: 100%; border-radius: 0 30px 0 0;}
.doctor-info-wrapper {padding: 25px 5% 120px 5%; position: relative;}
.doctor-name {font-size: 19px; font-weight: 600; line-height: 1.1em;}
.doctor-list-wrapper a .doctor-name {color: #000;}
.doctor-specialize {color: #000; font-size: 14px; font-weight: 300;}
.doctor-info-bottom {position: absolute; bottom: 10px; left: 5%; right: 5%;}
.doctor-unit {color: var(--blue); font-size: 15px; margin-bottom: 10px; font-weight: 300;}
.doctor-link-button {cursor: pointer; transition: var(--transition); background: var(--blue); border: 1px solid var(--blue); color: #FFF; border-radius: 5px 20px 5px 20px; padding: 5px 20px; font-size: 12px; font-weight: bold; letter-spacing: 1px;}
/* .doctor-link-button:hover {background: #FFF; color: var(--blue);} */
.doctor-list-wrapper a:hover .doctor-item {background-color: #FFF; border: 1px solid #469cc5;}

.pagination {--bs-pagination-padding-y: 0.1rem; --bs-pagination-padding-x: 0.9rem;}
.page-item {width: 35px; height: 35px; position: relative;}
.page-item:first-child, .page-item:first-child + .page-item, .page-item:last-child {border: 0;}
.page-link {border: 0; background-color: transparent !important; font-family: var(--poppins); font-weight: 900; font-size: 13px; color: #0077b0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.page-item:first-child {background: url('../images/pagination-prev.png') no-repeat center center;}
.page-item:last-child {background: url('../images/pagination-next.png') no-repeat center center;}
.page-item:first-child .page-link, .page-item:last-child .page-link {text-indent: -99999px}
.page-item.active {border: 1px solid #0077b0 !important; border-radius: 50%;}
.page-item.active .page-link {color: #0077b0;}

/* .hospital-gallery-slider {height: 400px;} */
/* .hospital-gallery-slider .slick-list, .hospital-gallery-slider .slick-track {height: 100%; width: 100% !important;} */
.gallery-item-image {background-repeat: no-repeat; background-size: cover; background-position: center center; width: 100%; height: 400px;}
.hospital-gallery-wrapper {margin-bottom: 20px;}
.gallery-item {display: none;}
.gallery-item.active {display: block;}
.hospital-gallery-thumb-slider-wrapper {padding-left: 43px; padding-right: 43px;}
.gallery-thumb-item {padding-left: 10px; padding-right: 10px;}
.gallery-thumb-item-image {background-repeat: no-repeat; background-size: cover; background-position: center center; width: 100%; height: 150px;}

.procedure-item {margin-bottom: 15px; background-color: #dcecf4; display: grid; grid-auto-rows: 1fr; grid-template-columns: auto 1fr; border-radius: 50px;}
.procedure-item-number-wrapper {position: relative; height: 100%; width: 90px;}
.procedure-item-number-wrapper img {width: 100%; height: 100%;}
.procedure-item-number {font-family: var(--domaine); color: #FFF; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 40px;}
.procedure-item-desc {font-size: 16px; padding: 20px; line-height: 1.3em;}

.review-list-wrapper {display: grid; grid-auto-rows: 1fr; grid-template-columns: 50% 50%; margin-bottom: 20px;}
.review-item {padding-left: 15px; padding-right: 15px; padding-bottom: 20px;}
.review-item-box {border-radius: 20px; height: 100%; padding: 20px; background: #FFF; box-shadow: 5px 5px 10px -5px rgba(60,60,60,0.75); -webkit-box-shadow: 5px 5px 10px -5px rgba(60,60,60,0.75); -moz-box-shadow: 5px 5px 10px -5px rgba(60,60,60,0.75);}
.review-item-top {margin-bottom: 10px;}
.review-item-top-left {float: left; width: calc(100% - 100px); padding-right: 5%;}
.review-item-avatar {float: left; width: 50px; height: 50px; background-repeat: no-repeat; background-size: cover; background-position: center center; margin-right: 10px;}
.review-item-top-right {float: right; width: 100px; justify-content: space-between;}
.review-item-name-wrapper {overflow: hidden;}
.review-item-name {font-family: var(--domaine); font-size: 20px; line-height: 1.1em;}
.review-item-city {color: #bababa; font-size: 12px;}
.review-item-poin {white-space: nowrap; width: 100px; float: right;}
.review-item-poin img {width: 16px;}
.review-item-doctor-name {margin-bottom: 10px; font-weight: 600;}
.review-item-content {font-size: 14px; line-height: 1.2em; margin-bottom: 10px;}
.review-item-date {min-height: 17px; padding-left: 25px; background: url('../images/icon-calendar.png') no-repeat left center;}
.review-wrapper-mobile {display: none;}
.review-wrapper-mobile .tns-controls {top: 100%;}
.review-wrapper-mobile .tns-controls button:first-child {left: calc(50% - 50px);}
.review-wrapper-mobile .tns-controls button:nth-child(2) {right: calc(50% - 50px);}

#section-hospital-faq {margin-bottom: 15px;}
#section-hospital-faq .section-title {margin-bottom: 50px; line-height: 1.1em;}
.hospital-faq-item {padding-bottom: 25px; margin-bottom: 25px; border-bottom: 2px solid #7fbbd7;}
.hospital-faq-item .hospital-faq-item-row:first-child {margin-bottom: 10px;}
.hospital-faq-item-q-symbol {float: left; width: 50px; font-size: 23px; font-weight: bold; color: var(--blue);}
.hospital-faq-item-q-content {overflow: hidden; font-size: 24px; font-weight: 600; color: #0073b0; line-height: 1.1em;}
.hospital-faq-item-a-symbol {float: left; width: 50px; font-size: 23px; font-weight: bold;}
.hospital-faq-item-a-content {overflow: hidden; font-weight: 300; font-size: 16px; color: #000;}

.hospital-price-item {
    transition: var(--transition); background-color: #939393; padding: 20px 5% 20px 5%; margin-bottom: 30px; border-radius: 30px; position: relative;
    clip-path: polygon(0 0, calc(100% - 60px) 0, 100% 60px, 100% 100%, 0 100%);
}
.hospital-price-item-content {position: relative; z-index: 1;}
.hospital-price-item-box {
    transition: var(--transition); position: absolute; z-index: 0; top: 2px; left: 2px; bottom: 2px; right: 2px; background-color: #FFF; border-radius: 30px;
    clip-path: polygon(0 0, calc(100% - 60px) 0, 100% 60px, 100% 100%, 0 100%);
}
.hospital-price-item-name {font-family: var(--domaine); font-weight: 500; font-size: 28px; color: var(--blue); line-height: 1.1em; margin-bottom: 15px; color: var(--blue); padding-right: 40px;}
.hospital-price-detail-button-wrapper {float: left; width: 180px; text-align: right;}
.hospital-price-detail-button {transition: var(--transition); cursor: pointer; border: 1px solid var(--blue); background-color: var(--blue); border-radius: 5px 20px 5px 20px; padding: 5px 15px; color: #FFF; text-align: center; display: inline-block; font-size: 12px; font-weight: bold;}
.hospital-price-detail-button img {margin-left: 5px;}
.hospital-price-detail-button:hover {background-color: #FFF; color: var(--blue);}
.hospital-price-detail-list {float: left; width: calc(100% - 180px); padding-right: 5%;}
.hospital-price-detail-list ul {padding-left: 20px;}
.hospital-price-detail-item {margin-bottom: 10px;}
.hospital-price-detail-item.hidden {display: none;}
.hospital-price-detail-item-icon {float: left; width: 27px; height: 24px; background: url('../images/icon-bullet.png') no-repeat center center; background-size: 100% 100%;}
.hospital-price-detail-item-label {float: left; width: calc(100% - 27px); font-size: 20px; line-height: 1.1em; padding-left: 20px;}
.hospital-price-detail-item-value {font-weight: 600; color: #0073b0;}
.hospital-price-item:hover {background-color: #f0f0f0;}
.hospital-price-item:hover .hospital-price-item-box {background-color: transparent}

@media screen and (max-width: 1000px) {
    .hospital-facility-item-image {height: 320px;}
    .hospital-facility-item-name {font-size: 18px;}
    .hospital-address {font-size: 18px;}
    .hospital-city {font-size: 18px;}
    #section-hospital-facility {margin-bottom: 90px;}
    .capacity-item-number {font-size: 45px;}
    .capacity-item-label {font-size: 17px;}
    #section-hospital-capacity {margin-bottom: 155px;}
    .doctor-name {font-size: 18px;}
    .doctor-unit {font-size: 14px;}
    .hospital-price-item-name {font-size: 26px;}
    .hospital-price-detail-item-label {font-size: 19px;}
    .tab-content .inline-container {padding-left: 0; padding-right: 0;}
    .gallery-thumb-item-image {height: 130px;}
}

@media screen and (max-width: 900px) {
    .hospital-facility-item-image {height: 270px;}
    .hospital-facility-item-name {font-size: 17px;}
    .hospital-address {font-size: 17px;}
    .hospital-city {font-size: 17px;}
    #section-hospital-facility {margin-bottom: 80px;}
    .capacity-item-number {font-size: 41px;}
    .capacity-item-label {font-size: 16px;}
    #section-hospital-capacity {margin-bottom: 145px;}
    .doctor-name {font-size: 17px;}
    .doctor-unit {font-size: 13px;}
    .hospital-price-item-name {font-size: 24px;}
    .hospital-price-detail-item-label {font-size: 18px;}
    .gallery-thumb-item-image {height: 120px;}
}

@media screen and (max-width: 800px) {
    .hospital-facility-item-image {height: 220px;}
    .hospital-facility-item-name {font-size: 16px;}
    .hospital-address {font-size: 16px;}
    .hospital-city {font-size: 16px;}
    #section-hospital-facility {margin-bottom: 70px;}
    .capacity-item-number {font-size: 37px;}
    .capacity-item-label {font-size: 15px;}
    #section-hospital-capacity {margin-bottom: 135px;}
    .doctor-name {font-size: 16px;}
    .doctor-unit {font-size: 12px;}
    .hospital-price-item-name {font-size: 22px;}
    .hospital-price-detail-item-label {font-size: 17px;}
    .hospital-logo-wrapper a {width: 50%;}
    .review-wrapper-mobile {display: block;}
    .review-wrapper {display: none;}
    .gallery-thumb-item-image {height: 110px;}
}

@media screen and (max-width: 750px) {
    .doctor-list-wrapper {grid-template-columns: 100%;}
    .doctor-name {font-size: 19px;}
    .doctor-unit {font-size: 15px;}
}

@media screen and (max-width: 700px) {
    .hospital-facility-item-image {height: 170px;}
    .hospital-facility-item-name {font-size: 15px;}
    .hospital-address {font-size: 15px;}
    .hospital-city {font-size: 15px;}
    #section-hospital-facility {margin-bottom: 60px;}
    .capacity-item-number {font-size: 33px;}
    .capacity-item-label {font-size: 14px;}
    #section-hospital-capacity {margin-bottom: 125px;}
    .doctor-name {font-size: 15px;}
    .hospital-price-item-name {font-size: 20px;}
    .hospital-price-detail-item-label {font-size: 16px;}
    .gallery-thumb-item-image {height: 100px;}
}

@media screen and (max-width: 600px) {
    .hospital-city-info {float: none; width: 100%; margin-bottom: 30px;}
    .hospital-logo-wrapper {float: none; width: 100%; padding-left: 0;}
    .hospital-city-item-image img {width: 100%;}
    .hospital-address-box {flex-direction: column;}
    .hospital-address-wrapper {padding-right: 0; margin-bottom: 20px; flex-direction: column;}
    .hospital-address-icon {background: none; height: auto; width: 100%; text-align: center;}
    .hospital-address-icon img {display: inline-block;}
    .hospital-address {font-size: 19px;}
    .hospital-poin {justify-content: center;}
    .hospital-city {font-size: 19px; justify-content: center;}
    .hospital-facility-item-image {height: 370px;}
    .hospital-facility-item-name {font-size: 20px;}
    #section-hospital-facility {margin-bottom: 100px; padding-left: 0; padding-right: 0;}
    #section-hospital-facility .tns-controls {top: -55px;}
    #section-hospital-facility .tns-controls button:first-child {left: 10%;}
    #section-hospital-facility .tns-controls button:nth-child(2) {right: 10%;}
    .hospital-facility-item-inner {margin-left: 10px; margin-right: 10px;}
    .capacity-wrapper {grid-template-columns: 50% 50%;}
    .capacity-item-number {font-size: 49px;}
    .capacity-item-label {font-size: 18px;}
    .capacity-item.blue {background: #FFF;}
    .capacity-item:nth-child(1), .capacity-item:nth-child(4), .capacity-item:nth-child(5) {background-color: #dfeff7;}
    #section-hospital-capacity {margin-bottom: 115px;}
    .doctor-name {font-size: 19px;}
    .doctor-name {font-size: 18px;}
    .doctor-unit {font-size: 14px;}
    .procedure-item-desc {font-size: 15px;}
    .hospital-price-detail-list {float: none; margin-bottom: 30px; width: 100%; padding-right: 0; padding-left: 10px;}
    .hospital-price-detail-button-wrapper {float: none; }
    .hospital-price-detail-item-label {font-size: 15px;}
    .hospital-faq-item-q-content {font-size: 23px;}
    .review-wrapper-mobile .tns-controls button:first-child {left: calc(50% - 43px);}
    .review-wrapper-mobile .tns-controls button:nth-child(2) {right: calc(50% - 43px);}
    .review-item-top-left {float: none; width: 100%; padding-right: 0;}
    .review-item-top-right {float: none; width: 100%;}
    .review-item-poin {float: none;}
    .doctor-list-wrapper {display: block;}
    .doctor-item {display: block; padding-top: 30px;}
    .doctor-photo {width: 150px; height: 200px; margin-left: auto; margin-right: auto; border: 1px solid #5bcbf5; border-radius: 20px;}
    .doctor-info-wrapper {text-align: center; padding-bottom: 20px;}
    .doctor-info-bottom {position: static;}
    .doctor-info-bottom div:nth-child(2) {justify-content: center !important;}
    .hospital-tab-wrapper {border: 0; flex-wrap: wrap; justify-content: flex-start; margin-bottom: 0;}
    .hospital-tab-separator {display: none;}
    .hospital-tab-item {margin-bottom: 10px; padding-bottom: 10px; font-size: 16px; width: calc(50% - 10px); margin-right: 10px; border-bottom: 1px solid #10afab; padding-left: 5px;}
    .gallery-thumb-item-image {height: 95px;}
}

@media screen and (max-width: 550px) {
    .hospital-address {font-size: 18px;}
    .hospital-facility-item-image {height: 340px;}
    .hospital-facility-item-name {font-size: 19px;}
    #section-hospital-facility {margin-bottom: 90px;}
    .capacity-item-number {font-size: 45px;}
    .capacity-item-label {font-size: 17px;}
    #section-hospital-capacity {margin-bottom: 100px;}
    .hospital-price-item-name {font-size: 19px;}
    .hospital-price-detail-item-label {font-size: 14px;}
    .hospital-price-item, .hospital-price-item-box {clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 30px, 100% 100%, 0 100%);}
    .hospital-price-item-name {padding-right: 20px;}
    .hospital-faq-item-q-content {font-size: 22px;}
    .gallery-thumb-item-image {height: 90px;}
}

@media screen and (max-width: 500px) {
    .hospital-address {font-size: 17px;}
    .hospital-facility-item-image {height: 310px;}
    .hospital-facility-item-name {font-size: 18px;}
    #section-hospital-facility {margin-bottom: 80px;}
    .capacity-item-wrapper {flex-direction: column; text-align: center;}
    .capacity-item-number {font-size: 41px;}
    .capacity-item-label {font-size: 16px;}
    .capacity-item-icon {margin-bottom: 10px; margin-right: 0;}
    .doctor-name {font-size: 17px;}
    .doctor-unit {font-size: 13px;}
    .procedure-item-desc {font-size: 14px;}
    .hospital-price-detail-item-icon {width: 22px; height: 19px;}
    .hospital-faq-item-q-content {font-size: 21px;}
    .review-wrapper-mobile .tns-controls button:first-child {left: calc(50% - 35px);}
    .review-wrapper-mobile .tns-controls button:nth-child(2) {right: calc(50% - 35px);}
    .gallery-thumb-item-image {height: 85px;}
}

@media screen and (max-width: 450px) {
    .hospital-logo-wrapper a {width: 50%;}
    .hospital-address {font-size: 16px;}
    .hospital-facility-item-image {height: 280px;}
    .hospital-facility-item-name {font-size: 17px;}
    #section-hospital-facility {margin-bottom: 70px;}
    .capacity-item-number {font-size: 37px;}
    .capacity-item-label {font-size: 15px;}
    .doctor-photo {width: 110px;}
    .hospital-logo-wrapper a {width: 100%;}
    .hospital-faq-item-q-content {font-size: 20px;}
    .hospital-faq-item-a-content {font-size: 15px;}
    .gallery-thumb-item-image {height: 80px;}
}

@media screen and (max-width: 400px) {
    .hospital-address {font-size: 15px;}
    .hospital-facility-item-image {height: 250px;}
    .hospital-facility-item-name {font-size: 16px;}
    #section-hospital-facility {margin-bottom: 60px;}
    .capacity-item-number {font-size: 33px;}
    .capacity-item-label {font-size: 14px;}
    .procedure-item-desc {font-size: 13px;}
    .hospital-faq-item-q-content {font-size: 19px;}
    .gallery-thumb-item-image {height: 75px;}
}

@media screen and (max-width: 350px) {
    .hospital-address {font-size: 14px;}
    .hospital-facility-item-image {height: 220px;}
    .hospital-facility-item-name {font-size: 15px;}
    #section-hospital-facility {margin-bottom: 50px;}
    .capacity-item-number {font-size: 29px;}
    .capacity-item-label {font-size: 13px;}
    .hospital-faq-item-q-content {font-size: 18px;}
    .gallery-thumb-item-image {height: 70px;}
}