.doctor-search-wrapper {margin-bottom: 25px; display: flex; align-items: center;}
.doctor-search-wrapper form {position: relative;}

.specialize-search-wrapper {position: relative; padding-right: 10px; flex: 1;}
.specialize-search-dropdown {cursor: pointer; border: 2px solid #c1bcbc; border-radius: 50px; display: flex; align-items: center; justify-content: space-between; padding: 10px 20px 10px 20px; background-color: #FFF; position: relative; z-index: 13;}
.specialize-search-selected {color: #c1bcbc; font-size: 16px; font-weight: bold;}
.specialize-search-caret {width: 12px; height: 8px; background: url('../images/icon-caret-down-blue.png') no-repeat 0 0;}
.specialize-search-choices {display: none; position: absolute; top: calc(100% - 24px); left: 0; right: 0; z-index: 12; background:#FFF; border: 2px solid #45c0be; border-top: 0; border-radius: 20px; padding-left: 5%; padding-top: 25px; margin-right: 10px; overflow: hidden;}
.specialize-search-choices-inner {overflow-y: auto; max-height: 250px; margin-bottom: 10px; margin-right: 5px;}
.specialize-search-item {padding: 10px 5% 10px 0; border-bottom: 1px solid #45c0be;}
.specialize-search-choices a:last-child .specialize-search-item {border-bottom: 0;}
.specialize-search-choices a {color: #000;}
.specialize-search-choices a:hover {color: #45c0be;}
.specialize-search-dropdown.active {border-bottom: 0; border-radius: 20px 20px 0 0; border-color: #45c0be;}

.location-search-wrapper {position: relative; padding-right: 10px; flex: 0 0 25%;}
.location-search-dropdown {cursor: pointer; border: 2px solid #c1bcbc; border-radius: 50px; display: flex; align-items: center; justify-content: space-between; padding: 10px 20px 10px 20px; background-color: #FFF; position: relative; z-index: 11;}
.location-search-selected {color: #c1bcbc; font-size: 16px; font-weight: bold;}
.location-search-caret {width: 12px; height: 8px; background: url('../images/icon-caret-down-blue.png') no-repeat 0 0;}
.location-search-choices {display: none; position: absolute; top: calc(100% - 24px); left: 0; right: 0; z-index: 10; background:#FFF; border: 2px solid #45c0be; border-top: 0; border-radius: 20px; padding-left: 5%; padding-top: 25px; margin-right: 10px; overflow: hidden;}
.location-search-choices-inner {overflow-y: auto; max-height: 250px; margin-bottom: 10px; margin-right: 5px;}
.location-search-item {padding: 10px 5% 10px 0; border-bottom: 1px solid #45c0be;}
.location-search-choices a:last-child .location-search-item {border-bottom: 0;}
.location-search-choices a {color: #000;}
.location-search-choices a:hover {color: #45c0be;}
.location-search-dropdown.active {border-bottom: 0; border-radius: 20px 20px 0 0; border-color: #45c0be;}

.keyword-search-form {flex: 0 0 60%;}
.page-doctor .keyword-search-form {flex: 0 0 45%;}
#text-search-doctor {border: 2px solid #c1bcbc; background: #FFF; border-radius: 50px; padding: 10px 20px; font-size: 16px; color: #000; font-weight: bold; width: 100%;}
#btn-search-doctor {transition: var(--transition); position: absolute; right: 0; top: 0; bottom: 0; border-radius: 0 50px 50px 0; background-color: #0073b6; color: #FFF; font-weight: 300; font-size: 14px; width: 125px; display: flex; align-items: center; justify-content: center; text-align: center; border: 0;}
#btn-search-doctor img {margin-right: 5px;}
#btn-search-doctor:hover {background-color: var(--blue)}
.doctor-list-wrapper {display: grid; grid-auto-rows: 1fr; grid-template-columns: 50% 50%;}
.doctor-item {display: grid; grid-auto-rows: 1fr; grid-template-columns: auto 1fr; background-color: #ecf7ff; border-radius: 40px 0px 40px 0px; overflow: hidden; margin: 0 15px 30px 15px; 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);}
.doctor-photo {width: 135px; background-repeat: no-repeat; background-size: cover; background-position: top center; height: 100%;}
.doctor-info-wrapper {padding: 25px 5% 80px 5%; position: relative;}
.doctor-name {font-size: 20px; font-weight: 600; line-height: 1.1em;}
.doctor-specialize {font-size: 14px; font-weight: 300;}
.doctor-unit {color: var(--blue); font-size: 10px;}
.doctor-poin {margin-bottom: 10px;}
.doctor-poin img {width: 12px;}
.doctor-location {}
.doctor-location-item {display: flex; align-items: center;}
.doctor-location-item-icon {margin-right: 10px; width: 8px;}
.doctor-location-item-name {font-size: 14px; font-weight: 300;}
.doctor-info-bottom {position: absolute; bottom: 15px; left: 5%; right: 5%;}
.doctor-info-bottom a:nth-child(odd) {margin-right: 1%;}
.doctor-info-bottom a:nth-child(even) {margin-left: 1%;}
.doctor-link-button {cursor: pointer; transition: var(--transition); background: #c7eafb; border: 1px solid #c7eafb; color: var(--blue); border-radius: 5px; padding: 7px 20px; font-size: 12px; font-weight: bold; letter-spacing: 2px; text-align: center;}
.doctor-link-button:hover {background: #FFF;}
.doctor-appointment-button {cursor: pointer; transition: var(--transition); background: var(--blue); border: 1px solid var(--blue); color: #FFF; border-radius: 20px 5px 20px 5px; padding: 7px 25px; font-size: 12px; font-weight: bold; letter-spacing: 2px; text-align: center;}
.doctor-appointment-button:hover {background: #FFF; color: var(--blue);}

.appointment-whatsapp-wrapper {margin-top: 15px; text-align: center;}
.appointment-whatsapp-item {margin-bottom: 5px;}
.appointment-whatsapp-item a {color: var(--blue);}
.appointment-whatsapp-item img {height: 20px;}

.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;}

.section-doctor-profile {margin-right: 300px;}

#section-doctor-profile {margin-bottom: 20px;}
.doctor-profile-wrapper {display: flex; align-items: center; justify-content: space-between;}
.doctor-profile-left {padding-right: 5%;}
.doctor-profile-name {font-size: 32px; font-weight: 500; font-family: var(--domaine); color: var(--blue); line-height: 1.2em; padding-bottom: 5px; border-bottom: 2px solid #e5e5e5; display: inline-block; margin-bottom: 30px;}
.doctor-profile-specialize {font-weight: 300; font-size: 20px; color: var(--blue); line-height: 1.1em;}
.doctor-profile-unit {font-weight: 300; font-size: 16px; color: var(--blue); margin-bottom: 10px;}
.doctor-profile-lang {font-weight: 300; font-size: 20px; color: var(--blue); line-height: 1.2em;}
.doctor-profile-photo {width: 300px; height: 300px; background-repeat: no-repeat; background-size: cover; background-position: top center; margin-bottom: 25px; border-radius: 0 40px 0 40px; position: relative;}
.doctor-profile-decor {position: absolute; width: 62px; height: 45px; right: -62px; top: -25px; background: url('../images/doctor-profile-decor.png') no-repeat 0 0;}
.doctor-profile-wrapper .doctor-appointment-button {border-radius: 5px 20px 5px 20px;}

#section-doctor-qualification .inline-container2 {margin-bottom: 60px; }
.qualification-item-name {font-size: 18px; font-weight: 600;}
.qualificationitem-list ul {padding-left: 20px;}
.qualificationitem-list li {line-height: 1.2em;}
.doctor-qualification-list {padding-bottom: 40px; border-bottom: 2px solid #ececec;}

#section-doctor-location {margin-bottom: 40px;}
.doctor-profile-location-item {margin-bottom: 30px;}
.doctor-profile-location {display: flex; font-weight: 300; font-size: 16px; align-items: center; margin-bottom: 20px;}
.doctor-profile-location img {margin-right: 5px;}
.doctor-profile-schedule-table {border: 2px solid #a7c4d3; border-radius: 20px; overflow: hidden;}
.doctor-profile-schedule-row {border-bottom: 1px solid #a7c4d3;}
.doctor-profile-schedule-row:last-child {border-bottom: 0;}
.doctor-profile-schedule-th {float: left; padding: 5px 10px; background-color: #ebf9ff; font-size: 16px; font-weight: 600; width: 25%;}
.doctor-profile-schedule-td {font-weight: 300; width: 75%; float: left; padding: 5px 10px;}
.doctor-profile-location-list {padding-bottom: 15px; border-bottom: 2px solid #ececec;}

#section-doctor-profile-review, #section-doctor-profile-review-mobile {margin-bottom: 50px;}
#section-doctor-profile-review-mobile {display: none;}
.review-item-wrapper {padding-bottom: 60px; border-bottom: 2px solid #ececec;}
.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 {font-weight: 600; margin-right: 20px;}
.review-item-content {font-size: 14px; line-height: 1.2em; margin-bottom: 10px;}
.review-item-date {min-height: 13px; padding-left: 18px; background: url('../images/icon-calendar-black.png') no-repeat left center; white-space: nowrap;}
.review-item-doctor-name-wrapper {display: flex; align-items: center; margin-bottom: 10px;}

.review-item-wrapper .tns-controls {top: 100%;}
.review-item-wrapper .tns-controls button:first-child {left: calc(50% - 43px) !important;}
.review-item-wrapper .tns-controls button:nth-child(2) {right: calc(50% - 43px) !important;}

#section-related-doctor {margin-bottom: 30px;}
.related-doctor-item {overflow: hidden; display: grid; grid-auto-rows: 1fr; grid-template-columns: auto 1fr; background-color: #ecf7ff; transition: var(--transition); border-radius: 20px 20px 40px 20px; margin-bottom: 20px;}
.related-doctor-item:hover {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);}
.related-doctor-item .doctor-link-button {margin-right: 20px;}
.related-doctor-more-button-wrapper {display: inline-block; margin-top: 20px;}
.related-doctor-more-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: 11px; font-weight: bold; letter-spacing: 1px;}
.related-doctor-more-button:hover {background: #FFF; color: var(--blue);}
.section-title-related {display: flex; column-gap: 15px;}
.btn-toggle-related {display: none; cursor: pointer; width: 24px; background: url('../images/icon-arrow-right.png') no-repeat 0 0; background-size: contain;}

#section-review-form {margin-bottom: 40px}

.review-title {font-size: 48px; font-size: 3.5vw; color: var(--blue); font-family: var(--domaine); line-height: 1.1em; text-align: center; margin-bottom: 20px;}

.custom-alert {
    max-width: 100%; 
    width: 90%;
    margin: 0 auto; 
    border-radius: 8px; 
    padding: 15px; 
}

.review-form-box {
    background: rgb(226,244,253);
    background-image: linear-gradient(90deg, rgba(226,244,253,1) 0%, rgba(173,229,250,1) 100%);
    background-position: left bottom;
    background-repeat: no-repeat;
    padding: 50px 5% 70px 5%; border-radius: 40px 40px 150px 40px;
}

::placeholder {color: #46c1be; opacity: 1; /* Firefox */}
::-ms-input-placeholder { /* Edge 12 -18 */color: #46c1be;}

.datepicker-icon {width: 19px; height: 21px; background: url('../images/icon-calendar-green.png') no-repeat 0 0; background-size: 100% 100%; position: absolute; bottom: 10px; right: 20px; z-index: 0;}
.dica-upload-form-wrapper { position: relative;}
.dica-btn-upload {border: 0; border-radius: 5px; position: absolute; width: 100%; max-width: 105px; height: 30px; background-color: #939393; font-size: 12px; color: #FFF; top: 50%; right: 15px; transform: translateY(-50%);}

.form-group.button-group {
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 1200px) {
    .doctor-appointment-button, .doctor-link-button {font-size: 11px; letter-spacing: 0;}
}

@media screen and (max-width: 1000px) {
    #section-doctor-list .inline-container3 {padding-left: 10%; padding-right: 10%;}
    #section-doctor-list .inline-container2 {padding-left: 5%; padding-right: 5%;}
}

@media screen and (max-width: 900px) {
    .doctor-list-wrapper {display: block;}
    .doctor-item {width: 100%; max-width: 500px; margin-right: auto; margin-left: auto;}
    .doctor-appointment-button, .doctor-link-button {font-size: 12px; letter-spacing: 2px;}
}

@media screen and (max-width: 800px) {
    #section-doctor-list .inline-container3 {padding-left: 5%; padding-right: 5%;}
    .section-doctor-profile {margin-right: 0;}
}

@media screen and (max-width: 700px) {
    .doctor-search-wrapper {flex-direction: column;}
    .specialize-search-wrapper, .location-search-wrapper, .keyword-search-form {width: 100%; margin-bottom: 10px;}
}

@media screen and (max-width: 600px) {
    .doctor-profile-wrapper {flex-direction: column-reverse;}
    .doctor-profile-right {margin-bottom: 30px;}
    .doctor-profile-left {margin-bottom: 30px;}
    .review-title {font-size: 48px;}
}

@media screen and (max-width: 550px) {
    .doctor-profile-name {font-size: 30px;}
    .doctor-profile-specialize, .doctor-profile-lang {font-size: 19px;}
    .doctor-profile-unit {font-size: 15px;}
    .qualification-item-name {font-size: 17px;}
    .qualificationitem-list {font-size: 15px;}
    .doctor-profile-location {font-size: 15px;}
    .doctor-profile-schedule-th, .doctor-profile-schedule-td {font-size: 15px;}
    .review-item-doctor-name-wrapper {flex-direction: column; align-items: flex-start;}
    .review-item-top-left {float: none; margin-bottom: 10px; width: 100%;}
    .review-item-top-right {float: none; width: 100%; margin-bottom: 20px;}
    .review-item-poin {float: none;}
    #section-doctor-profile-review {display: none;}
    #section-doctor-profile-review-mobile {display: block;}
    .review-title {font-size: 44px;}
    /* .related-doctor-item {width: 100%; max-width: 500px; margin-right: auto; margin-left: auto; display: block; padding-top: 30px;} */
    /* .related-doctor-item .doctor-photo {width: 150px; height: 200px; margin-left: auto; margin-right: auto; border: 1px solid #5bcbf5; border-radius: 20px;} */
}

@media screen and (max-width: 500px) {
    .doctor-item, .related-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;}
    .doctor-location-item {justify-content: center;}
    .doctor-profile-name {font-size: 28px;}
    .doctor-profile-specialize, .doctor-profile-lang {font-size: 18px;}
    .doctor-profile-unit {font-size: 14px;}
    .qualification-item-name {font-size: 16px;}
    .qualificationitem-list {font-size: 14px;}
    .doctor-profile-location {font-size: 14px;}
    .related-doctor-item .doctor-info-bottom div:first-child {justify-content: space-between !important;}
    .doctor-profile-schedule-th, .doctor-profile-schedule-td {font-size: 14px;}

    .related-doctor-more-button-wrapper {width: 100%; text-align: center;}
    .related-doctor-more-button {display: inline-block;}
    .review-title {font-size: 40px;}

    .related-doctor-wrapper {display: none;}
    .related-doctor-more-button-wrapper {display: none;}
    .btn-toggle-related {display: block}
}

@media screen and (max-width: 450px) {
    .doctor-profile-name {font-size: 26px;}
    .doctor-profile-specialize, .doctor-profile-lang {font-size: 17px;}
    .review-title {font-size: 36px;}
}

@media screen and (max-width: 400px) {
    .doctor-appointment-button, .doctor-link-button {font-size: 11px; letter-spacing: 1px;}
    .doctor-profile-name {font-size: 24px;}
    .doctor-profile-specialize, .doctor-profile-lang {font-size: 16px;}
    .review-title {font-size: 32px;}
}

@media screen and (max-width: 350px) {
    .doctor-profile-name {font-size: 22px;}
    .review-title {font-size: 28px;}	
}