.log-content .log-page {padding-top: 80px;}

.message-box .message-column .whole-conversation {scrollbar-width: thin; scrollbar-color: #555 transparent;}
.message-box .message-column .whole-conversation::-webkit-scrollbar {width: 8px; height: 8px; border-radius: 4px;}
.message-box .message-column .whole-conversation::-webkit-scrollbar-thumb {background: #888; border-radius: 4px;}
.message-box .message-column .whole-conversation::-webkit-scrollbar-thumb:hover {background: #555;}

.message-box .message-column .whole-conversation .single-text .text-content {word-break: break-word;}

.nl-banner-expiration {overflow: hidden; position: relative;}
.nl-banner-expiration > *{position: relative; z-index: 2;}
.log-page .nl-banner-expiration {margin-bottom: 80px; width: calc(100% - 40px); margin-left: auto;}
.nl-banner-expiration::before {position: absolute; z-index: 1; background-color: rgba(255, 255, 255, 0.4); top: 50%; right: 0; width: 1100px; border-radius: 50%; content: ''; height: 800px; transform: translate(50%, -50%);}
.nl-banner-expiration::after {position: absolute; z-index: 1; background-color: rgba(255, 255, 255, 0.8); top: 50%; right: 0; width: 1000px; border-radius: 50%; content: ''; height: 800px; transform: translate(50%, -50%);}

.nl-banner-expiration .bold {font-weight: 700;}
.patient-account-body .nl-banner-expiration {margin: 25px 15px 0 15px;}
.nl-banner-expiration {display: grid; grid-template-columns: max-content 1fr max-content; gap: 36px; align-items: center; background: linear-gradient(90deg, #FAFAFA 0%, #F0FFB4 100%); padding: 32px; border: 1px solid #D9DD5F;}
.nl-banner-expiration .icon-banner {display: block; min-width: 90px; max-width: 90px; height: auto;}
.nl-banner-expiration .banner-content {display: flex; flex-direction: column; gap: 16px;}
.nl-banner-expiration .buttons-wrapper {display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; align-items: center;}
.nl-banner-expiration .buttons-wrapper .btn-download-app {display: block; text-decoration: none; color: #000; position: relative;}
.nl-banner-expiration .buttons-wrapper .btn-download-app::before {position: absolute; top: 0; opacity: 0; transition: opacity .3s; left: 0; right: 0; bottom: 0; z-index: 10; width: 100%; height: 100%; content: ''; display: block; background-color: rgba(255, 255, 255, 0.35);}
.nl-banner-expiration .buttons-wrapper .btn-download-app:hover::before {opacity: 1;}
.nl-banner-expiration .buttons-wrapper .btn-download-app img {display: block; min-width: 200px; max-width: 200px; height: auto;}
.nl-banner-expiration .single-text {font-size: 18px;}
.nl-banner-expiration .single-text.middle-text {font-size: 24px; max-width: 700px; line-height: 1.2;}
.nl-banner-expiration .single-text .text-highlighted {color: #ED7474;}
.nl-banner-expiration .list-box {display: flex; flex-wrap: wrap; column-gap: 32px; row-gap: 16px;}
.nl-banner-expiration .list-box .single-item {display: flex; align-items: center; gap: 8px; font-size: 18px;}
.nl-banner-expiration .list-box .single-item .item-icon {display: block; min-width: 16px; max-width: 16px; height: auto;}

.log-content .log-element {max-width: 100% !important; padding-left: 40px;}

@media all and (max-width: 1600px) {
		.nl-banner-expiration {padding: 24px; gap: 24px;}
		.nl-banner-expiration .buttons-wrapper {gap: 16px;}
		.nl-banner-expiration .icon-banner {min-width: 64px; max-width: 64px;}
		.nl-banner-expiration .banner-content {gap: 12px;}
		.nl-banner-expiration .buttons-wrapper .btn-download-app img {min-width: 165px; max-width: 165px;}
		.nl-banner-expiration .single-text.middle-text {font-size: 20px;}

		.nl-banner-expiration::before {height: 800px; width: 900px;}
		.nl-banner-expiration::after {height: 800px; width: 800px;}
}

@media all and (max-width: 1200px) {
		.nl-banner-expiration {grid-template-columns: max-content 1fr;}
		.nl-banner-expiration .buttons-wrapper {grid-column: span 2; grid-template-columns: repeat(2, max-content); padding-left: 88px;}
}

@media all and (max-width: 880px) {
		.nl-banner-expiration {margin-bottom: 24px;}
		.log-content .log-element {padding-left: 0; padding-right: 0;}
		.nl-banner-expiration {width: 100% !important;}

		.nl-banner-expiration::before {display: none;}
		.nl-banner-expiration::after {display: none;}
		.patient-account-body .nl-banner-expiration {width: auto!important;}
}

@media all and (max-width: 768px) {
		.nl-banner-expiration {padding: 16px; grid-template-columns: 1fr;}
		.nl-banner-expiration .icon-banner {display: none;}
		.nl-banner-expiration .buttons-wrapper {grid-column: span 1; padding-left: 0;}
		.nl-banner-expiration .single-text {font-size: 16px;}
		.nl-banner-expiration .single-text.middle-text {font-size: 16px;}
}

@media all and (max-width: 445px) {
		.nl-banner-expiration .buttons-wrapper .btn-download-app img {min-width: 115px; max-width: 115px;}
}