*,
             .table_flex {
                 box-sizing: border-box
             }

             *,
             body {
                 margin: 0;
                 padding: 0
             }

             #main,
             body {
                 height: 100%
             }

             html.modal-open,
             body.modal-open {
                 overflow: hidden;
             }

             #this_mobile_style {
                 display: flex;
                 gap: 18px 14px;
                 margin-left: 48px;
                 flex-wrap: wrap;
                 min-width: 326px;
             }

             #main_footer,
             .bg_icon_profile {
                 background-color: var(--footer-bg-color)
             }

             .block_service .title,
             .block_set .title {
                 height: 60px;
                 -webkit-line-clamp: 2;
                 -webkit-box-orient: vertical;
                 white-space: normal;
                 overflow: hidden;
                 text-overflow: ellipsis
             }

             .block_service .text,
             .block_set .sub_text,
             .panel_modal .text {
                 text-indent: 0;
             }

             .block_service .text,
             .block_set .sub_text {
                 white-space: pre-line;
             }

             .panel_modal .text {
                 white-space: pre-line;
             }

             .block_service .text p,
             .block_set .sub_text p,
             .panel_modal .text p {
                 margin: 0 0 1em 0;
                 text-indent: 0;
             }

             .block_link,
             .footer_link {
                 text-decoration: none
             }

             * {
                 border: 0;
                 font-size: 100%;
                 vertical-align: baseline;
                 outline: 0;
                 font-size-adjust: none;
                 -webkit-text-size-adjust: none;
                 -moz-text-size-adjust: none;
                 -ms-text-size-adjust: none;
                 -webkit-tap-highlight-color: transparent;
                 -webkit-font-smoothing: antialiased;
                 text-rendering: auto;
                 -webkit-font-smoothing: subpixel-antialiased;
                 -moz-osx-font-smoothing: grayscale
             }

             body {
                 overflow-x: hidden;
                 font-size: 1rem;
                 line-height: 23px;
                 font-weight: 400;
                 background-color: var(--bg-color);
                 font-family: Inter
             }

             h2,
             h3 {
                 font-size: 36px;
                 font-weight: 600;
                 line-height: normal;
                 font-style: normal
             }

             .hide,
             .mobile {
                 display: none !important
             }

             .desktop {
                 display: inherit
             }

             #main {
                 width: 100vw;
                 display: flex;
                 justify-content: space-between;
                 flex-direction: column;
                 align-items: center
             }

             #main_header,
             .spacer {
                 display: block
             }

             #main_header {
                 width: 100vw;
                 height: 320px;
                 background-image: var(--header-url);
                 background-repeat: no-repeat;
                 background-size: cover;
                 background-position: var(--header-position);
                 background-color: var(--header-bg-color);
                 display: flex;
                 justify-content: center
             }

             #panel_profile {
                 margin-top: -220px;
                 display: flex;
                 align-items: center;
                 color: #fff
             }

             #panel_profile .title {
                 font-size: 36px;
                 font-style: normal;
                 font-weight: 500;
                 line-height: normal;
                 margin-bottom: 32px;
                 overflow: hidden;
                 max-height: 90px
             }

             #panel_profile .sub_title {
                 font-size: 24px;
                 font-style: normal;
                 font-weight: 400;
                 line-height: normal;
                 min-height: 60px;
                 overflow: hidden;
                 max-height: 60px
             }

             #profile_photo {
                 width: 240px;
                 height: 382px;
                 border-radius: 12px;
                 margin-right: 90px;
                 object-fit: cover
             }

             #profile_freedback {
                 width: 354px;
                 display: flex;
                 justify-content: start;
                 align-items: center;
                 top: 360px;
                 position: absolute
             }

             .bg_icon_profile {
                 width: 86px;
                 height: 86px;
                 display: block;
                 border-radius: 50%;
                 margin: 0 46px 0 0
             }

             .block_info,
             h2 {
                 margin-bottom: 48px
             }

             #main_content {
                 padding-top: 120px
             }

             #main_footer {
                 width: 100vw;
                 color: #fff;
                 padding: 48px
             }

             #main_footer .text {
                 font-size: 14px;
                 font-style: normal;
                 font-weight: 300;
                 line-height: normal;
                 text-align: center
             }

             .main_container {
                 width: 1076px
             }

             .block_set,
             .spacer,
             .table_flex,
             button {
                 width: 100%
             }

             .block_info {
                 width: 100%;
                 background-color: #fff;
                 padding: 32px 24px;
                 border-radius: 12px
             }

             .block_info .title {
                 font-size: 26px;
                 font-style: normal;
                 font-weight: 500;
                 line-height: normal;
                 padding: 6px 0 16px
             }

             .block_info .text {
                 font-size: 18px;
                 font-style: normal;
                 font-weight: 400;
                 line-height: normal;
                 overflow: hidden;
                 text-overflow: ellipsis;
                 letter-spacing: .2px
             }

             .block_info path {
                 fill: var(--header-bg-color)
             }

             h3 {
                 padding: 32px 0
             }

             h2 {
                 text-align: center;
                 color: var(--title-color)
             }

             .table_flex {
                 display: flex;
                 flex-wrap: wrap;
                 justify-content: space-between;
                 margin-bottom: calc(120px - 28px)
             }

             .block_service,
             .block_set {
                 padding: 24px;
                 box-sizing: border-box;
                 margin-bottom: 28px;
                 background-color: #fff;
                 border-radius: 12px;
                 color: var(--text-color)
             }

             .block_set.empty {
                 background-color: transparent
             }

             .block_set .title {
                 font-size: 24px;
                 font-style: normal;
                 font-weight: 500;
                 line-height: normal;
                 color: var(--text-color);
                 display: -webkit-box;
                 margin-bottom: 6px
             }

             .block_set .text {
                 font-size: 22px;
                 font-style: normal;
                 font-weight: 400;
                 line-height: normal;
                 color: var(--text-color);
                 margin-bottom: 16px;
                 margin-top: 20px
             }

             .block_set .sub_text_title {
                 margin: 16px 0;
             }

             #main_code .text,
             .block_service .title,
             .panel_modal .title {
                 margin-bottom: 16px;
                 line-height: normal
             }

             .block_set .sub_text_more,
             .panel_video.close .video_close,
             .panel_video.close .video_player,
             .panel_video.close .video_sound_off {
                 display: none
             }

             .block_service {
                 width: 526px
             }

             .block_service .title {
                 font-size: 24px;
                 font-style: normal;
                 font-weight: 500;
                 color: var(--text-color);
                 display: -webkit-box
             }

             #block_hello_doc .text,
             #main_code .text,
             .block_service .text {
                 font-style: normal;
                 font-weight: 400
             }

             .block_service .text {
                 font-size: 18px;
                 height: 92px;
                 overflow: hidden;
                 display: -webkit-box;
                 text-overflow: ellipsis;
                 -webkit-line-clamp: 3;
             }

             .block_service .more_text {
                 display: inline-block;
                 margin-top: 8px;
             }

             .block_service .price {
                 font-size: 28px;
                 font-style: normal;
                 font-weight: 500;
                 line-height: normal;
                 margin-top: 16px
             }

             .block_service button {
                 margin-top: 16px
             }

             #block_hello_doc {
                 border-radius: 24px;
                 background-color: #fff;
                 padding: 64px 48px;
                 height: 750px;
                 margin-bottom: 120px;
                 margin-top: 120px
             }

             #block_hello_doc .text {
                 display: block;
                 width: 510px;
                 font-size: 18px;
                 line-height: normal
             }

             #bg_qr_code,
             #main_code .text {
                 width: 190px;
                 text-align: center
             }

             #photo_phone {
                 position: absolute;
                 margin-top: -114px;
                 margin-left: 640px;
                 overflow: hidden;
                 height: 608px
             }

             #photo_phone img {
                 width: 349px;
                 height: 608px
             }

             #main_code {
                 margin-top: 30px;
                 width: 240px
             }

             #main_code .text {
                 font-size: 15px;
                 display: inline-block;
                 vertical-align: middle
             }

             #bg_qr_code {
                 display: block;
                 height: 190px;
                 border-radius: 24px;
                 background-color: var(--qrcode-bg-color);
                 padding: 20px
             }

             #main_bg {
                 position: fixed;
                 width: 100vw;
                 height: 100vh;
                 background: rgba(0, 0, 0, .6);
                 z-index: 10;
                 display: block;
                 left: 0;
                 right: 0;
                 top: 0;
                 bottom: 0
             }

             .panel_modal {
                 display: block;
                 position: fixed;
                 z-index: 11;
                 background-color: #fff;
                 border-radius: 12px;
                 padding: 18px 0;
                 top: 50%;
                 left: 50%;
                 transform: translate(-50%, -50%);
                 width: min(856px, calc(100vw - 24px));
                 max-height: calc(100vh - 24px);
                 overflow: hidden;
             }

             .panel_modal .title {
                 font-size: 24px;
                 font-style: normal;
                 font-weight: 500;
                 padding: 0 24px;
                 overflow: hidden;
                 text-overflow: ellipsis
             }

             .panel_modal .text,
             button {
                 font-size: 18px;
                 font-style: normal
             }

             .panel_modal .block_text {
                 border-top: 1px solid #dee2e6;
                 border-bottom: 1px solid #dee2e6;
                 padding: 16px 24px;
                 overflow: hidden
             }

             .panel_modal .text {
                 font-weight: 400;
                 line-height: 1.4;
                 height: auto;
                 max-height: 50vh;
                 overflow-y: auto;
                 overflow-x: hidden;
             }

             .panel_modal .price {
                 font-size: 28px;
                 font-weight: 500;
                 line-height: normal;
                 margin: 16px 24px 0;
                 position: static;
             }

             button {
                 font-weight: 500;
                 line-height: 18px;
                 color: #fff;
                 background: var(--botton-bg-color);
                 padding: 16px 24px;
                 border-radius: 12px;
                 cursor: pointer;
                 transition: 1s
             }

             button.white {
                 background: 0 0;
                 color: var(--text-color);
                 border-radius: 6px;
                 border: 1px solid var(--text-color)
             }

             button.green {
                 border-radius: 6px;
                 background: var(--botton-bg-color);
                 color: #fff;
                 border: 1px solid var(--botton-bg-color)
             }

             button:hover {
                 filter: brightness(80%)
             }

             .block_buttons {
                 display: flex;
                 justify-content: end;
                 padding: 16px 24px 0;
                 gap: 12px;
             }

             .panel_video,
             .panel_video.close .video_play {
                 display: block
             }

             .block_buttons button {
                 width: auto;
                 margin-left: 16px
             }

             .more_text {
                 color: var(--text-color);
                 font-weight: 500;
                 border-bottom: 2px solid var(--text-color)
             }

             .panel_video {
                 width: 252px;
                 height: 410px;
                 position: fixed;
                 right: 72px;
                 bottom: 50px;
                 background-color: #232323;
                 border: 4px solid #232323;
                 border-radius: 18px;
                 transition: .8s;
                 overflow: hidden
             }

             .panel_video.mini {
                 width: 122px;
                 height: 173px;
                 border-radius: 12px
             }

             .panel_video.mini .video_close {
                 right: 8px;
                 top: 8px
             }

             .panel_video.close {
                 width: 74px;
                 height: 74px;
                 border: unset;
                 border-radius: 50%;
                 background-color: var(--footer-bg-color);
                 box-shadow: 0 0 12.5px 0 rgba(5, 23, 50, .7)
             }

             .block_files,
             .block_social_media,
             .block_youtube_files {
                 border-radius: 12px;
                 box-sizing: border-box;
                 display: flex
             }

             .panel_video .video_player {
                 z-index: 0;
                 width: 100%;
                 height: 100%;
                 min-width: 100%;
                 min-height: 100%;
                 position: absolute;
                 top: 0;
                 left: 0;
                 object-fit: cover
             }

             .panel_video.mini .video_sound_off {
                 transition: .6s;
                 top: unset;
                 left: unset;
                 bottom: 8px;
                 right: 8px;
                 width: 20px;
                 height: 20px
             }

             .block_files {
                 background-color: #fff;
                 color: var(--text-color);
                 width: 526px;
                 padding: 20px;
                 margin-bottom: 28px;
                 height: 160px
             }

             .block_files .pdf_preview {
                 background: #ff5757;
                 width: 176px;
                 height: 120px;
                 border-radius: 8px;
                 font-size: 36px;
                 font-weight: 600;
                 color: #fff;
                 text-transform: uppercase;
                 text-align: center;
                 padding: 40px;
                 line-height: 1
             }

             .block_files .weight,
             .block_files_body .title {
                 font-weight: 500;
                 color: var(--text-color);
                 padding: 0 0 0 18px
             }

             .block_files .image_preview img {
                 width: 176px;
                 height: 120px;
                 background-size: cover;
                 border-radius: 8px;
                 object-fit: cover
             }

             .block_files .file {
                 background-image: url('{% static "doctor_site/svg/icon_file.svg" %}');
                 display: none;
                 width: 26px;
                 height: 26px;
                 background-size: cover;
                 margin-left: 10px;
                 margin-top: 12px
             }

             .block_files_body {
                 width: calc(100% - 176px);
                 display: flex;
                 flex-direction: column;
                 justify-content: center
             }

             .block_files_body .title {
                 font-size: 22px;
                 font-style: normal;
                 line-height: normal;
                 margin-bottom: 10px;
                 overflow: hidden;
                 max-height: 82px;
                 width: 100%;
                 text-overflow: ellipsis
             }

             .block_files .weight {
                 font-size: 18px
             }

             .block_youtube_files .text,
             .block_youtube_files .title {
                 line-height: normal;
                 padding: 0;
                 overflow: hidden;
                 white-space: nowrap;
                 text-overflow: ellipsis;
                 color: var(--text-color);
                 font-style: normal;
                 font-weight: 500
             }

             .block_youtube_files {
                 color: var(--text-color);
                 width: 526px;
                 margin-bottom: 28px;
                 flex-direction: column
             }

             .block_youtube_files .youtube {
                 width: 526px;
                 height: 296px;
                 display: block;
                 overflow: hidden;
                 border-radius: 8px;
                 margin-bottom: 12px
             }

             .block_youtube_files .youtube iframe {
                 width: 526px;
                 height: 296px;
                 border-radius: 8px
             }

             .block_youtube_files .title {
                 font-size: 18px;
                 margin-bottom: 6px;
                 height: 22px
             }

             .block_youtube_files .text {
                 font-size: 14px;
                 height: 18px
             }

             .block_social_media {
                 background-color: #fff;
                 color: var(--text-color);
                 width: 224px;
                 height: 142px;
                 flex-direction: column;
                 justify-content: center
             }

             .block_social_media .icon {
                 text-align: center;
                 margin-bottom: 8px
             }

             .block_social_media .icon img {
                 width: 60px;
                 height: 60px
             }

             .block_social_media .title {
                 color: var(--text-color);
                 font-size: 24px;
                 text-align: center;
                 font-style: normal;
                 font-weight: 500
             }

             .footer_link {
                 font-size: 18px;
                 color: #fff
             }

             @media only screen and (min-width: 0px) and (max-width: 1024px) {
                 .panel_modal {
                     width: calc(100vw - 24px);
                     max-height: calc(100vh - 24px);
                 }

                 .panel_modal .text {
                     max-height: 55vh;
                 }

                 .bg_icon_profile,
                 .bg_icon_profile img {
                     width: 70px;
                     height: 70px
                 }

                 #panel_profile .title,
                 .block_info .title,
                 h2,
                 h3 {
                     font-weight: 500
                 }

                 #main_header {
                     height: 380px
                 }

                 .mobile {
                     display: block !important
                 }

                 .desktop {
                     display: none !important
                 }

                 #panel_profile {
                     margin-top: -260px;
                     justify-content: center;
                     flex-direction: column;
                     align-items: center
                 }

                 #profile_photo {
                     width: 240px;
                     height: 300px;
                     margin: 28px 0 0
                 }

                 #panel_profile .title {
                     font-size: 28px;
                     text-align: center;
                     margin-bottom: 0;
                     max-height: 106px;
                     padding: 0 10px
                 }

                 #panel_profile .sub_title {
                     font-size: 19px;
                     font-weight: 400;
                     text-align: center;
                     margin-top: 16px;
                     min-height: unset !important;
                     max-height: 70px;
                     padding: 0 10px
                 }

                 #profile_freedback {
                     position: static;
                     width: 300px;
                     margin-top: 190px;
                     justify-content: center
                 }

                 .bg_icon_profile {
                     margin: 0 22px
                 }

                 #main_content {
                     padding-top: 48px
                 }

                 .main_container {
                     width: 100%;
                     padding: 0 12px
                 }

                 .block_info {
                     padding: 16px 20px 24px;
                     margin-bottom: 24px
                 }

                 .block_info .title {
                     font-size: 20px;
                     padding: 4px 0 12px
                 }

                 .block_info .text {
                     font-size: 14px
                 }

                 h2 {
                     font-size: 26px;
                     margin-bottom: 28px
                 }

                 h3 {
                     font-size: 24px;
                     width: auto
                 }

                 .block_link,
                 .block_service,
                 .block_set {
                     width: 100%
                 }

                 .block_set .sub_text_title {
                     margin: 16px 0
                 }

                 .block_set .sub_text_more,
                 .block_set.empty {
                     display: none
                 }

                 .block_service .title,
                 .block_set .title {
                     font-size: 20px;
                     font-weight: 500;
                     margin-bottom: 12px;
                     height: auto;
                     overflow: hidden;
                     display: block
                 }

                 .block_set .text {
                     font-size: 16px;
                     font-weight: 400
                 }

                 .table_flex {
                     margin-bottom: calc(48px - 28px)
                 }

                 .block_service .text {
                     font-size: 14px;
                 }

                 .block_service .price {
                     font-size: 22px;
                     margin-top: 12px;
                     margin-bottom: 2px
                 }

                 #main_footer {
                     padding: 32px 12px
                 }

                 #main_footer .text {
                     font-size: 12px
                 }

                 #block_hello_doc {
                     text-align: center;
                     padding: 32px 36px;
                     margin: 40px 0 0 -12px;
                     border-radius: unset;
                     width: 100vw;
                     height: auto
                 }

                 #block_hello_doc .text {
                     font-size: 16px;
                     font-weight: 400;
                     width: auto;
                     text-align: left
                 }

                 #this_mobile_style {
                     margin-left: 0;
                     display: flex;
                     justify-content: center
                 }

                 .store_botton {
                     margin: 0
                 }

                 #block_hello_doc .table_flex {
                     margin-bottom: 0;
                     width: calc(100vw - 72px);
                     display: block
                 }

                 .footer_link,
                 button {
                     font-size: 16px
                 }

                 .panel_video {
                     left: 12px;
                     bottom: 30px
                 }

                 .panel_video.close {
                     width: 60px;
                     height: 60px
                 }

                 .panel_video .video_play {
                     width: 30px;
                     height: 30px;
                     top: 13px;
                     right: 16px
                 }

                 .block_files {
                     width: 100%;
                     padding: 14px;
                     margin-bottom: 16px;
                     height: 78px
                 }

                 .block_files .pdf_preview {
                     width: 50px;
                     height: 50px;
                     font-size: 15px;
                     padding: 16px 0
                 }

                 .block_files .image_preview img {
                     width: 50px;
                     height: 50px;
                     border-radius: 8px
                 }

                 .block_files .file {
                     display: block
                 }

                 .block_files_body {
                     width: calc(100% - 50px - 10px - 26px)
                 }

                 .block_files_body .title {
                     font-size: 16px;
                     margin-bottom: 4px;
                     padding: 0 0 0 10px;
                     white-space: nowrap
                 }

                 .block_files .weight {
                     font-size: 14px;
                     font-weight: 400;
                     padding: 0 0 0 10px
                 }

                 .block_youtube_files {
                     width: 100%;
                     margin-bottom: 20px
                 }

                 .block_youtube_files .youtube {
                     width: 100vw;
                     height: 212px;
                     border-radius: 8px;
                     margin-bottom: 8px
                 }

                 .block_youtube_files .youtube iframe {
                     width: calc(100vw - 24px);
                     height: 212px;
                     border-radius: 8px
                 }

                 .block_youtube_files .title {
                     font-size: 16px;
                     height: unset
                 }

                 .block_youtube_files .text {
                     font-size: 14px;
                     font-weight: 400;
                     height: unset
                 }

                 .block_social_media {
                     border-radius: 10px;
                     width: 240px;
                     height: 98px;
                     margin-bottom: 15px
                 }

                 .block_social_media .icon {
                     text-align: center;
                     margin-bottom: 8px
                 }

                 .block_social_media .icon img {
                     width: 39px;
                     height: 39px
                 }

                 .block_social_media .title {
                     font-size: 18px
                 }

                 #main_social {
                     flex-direction: column;
                     gap: unset !important;
                     align-items: center
                 }

                 #main_social .block_link {
                     width: unset !important
                 }
             }