.a2a_svg {
    background-color: transparent !important;
}
.a2a_svg svg path {
    fill: #000 !important;
}
.sidebar .block {
    border: none;
    padding: 0;
    margin: 0;
}
/* --- Sticky Header --- */
.sticky-navbar.header-fixed {
    animation: 1s slide-top !important;
}
.node__content {
    margin-top: 0;
}
.comment-lists nav:not(.user-logged-in .comment-lists nav)  {
    display: none;
}
.site-footer {
    padding: 0;
}
.site-footer .block {
    border: none;
    padding: 0;
    margin: 0;
}   
.pagination-btns .pagination .first svg, .pagination-btns .pagination .last svg {
    width: 25px;
    height: 20px;
}
.page-item.active .page-link {
    background-color: var(--bs-primary);
    border-color: #fff;
    color: #fff;
}
.pagination-btns .pagination .first:hover svg path, .pagination-btns .pagination .last:hover svg path{
    stroke: #fff;
}
.item-content span, .blog-style-6 .item .image .admin-date span {
    text-transform: capitalize;
}
.container .container {
    width: 100%;
    max-width: 100%;
    padding: 0;
    padding-top: 70px;
}
.sidebar-page .dt-section {
    padding: 0 !important;
}
.blog-style-5 .item .item-content {
    height: 100%;
}
.blog-list-1 img {
    height: 400px !important;
}
.dropdown-item.active, .dropdown-item:active , .dropdown-item:focus, .dropdown-item:hover {
    color: #FFF;
    background-color: unset;
}
#header-5 .lang-dropdown-menu svg path {
    fill: #fff;
}
button .btn-2-span, button .btn-1-span {
    display: none;
}
.btn-style-2 .btn-2-span{
    display: flex !important;
}
.btn-style-1 .btn-1-span {
    display: block !important;
}
/* .user-logged-in .header_type {
    top: 80px;
} */
.user-logged-in .nav.primary.nav-tabs {
    margin-top: 200px;
}
/* .user-logged-in #header-1 .navbar-brand {
    top: -95px; 
} */
#header-1 .nav-link > .icon:not(.topbar-left .icon) {
    display: none;
}
#navbarNavDropdown-one, #navbarNavDropdown-two, #navbarNavDropdown-three, #navbarNavDropdown-four, #navbarNavDropdown-five {
    justify-content: center;
}
#navbarNavDropdown-three > nav, #navbarNavDropdown-four > nav {
    display: flex;
    justify-content: center;
    width: 100%;
}
.doctors-sidebar .full-width .profile {
    display: none;
}  
.doctors-sidebar .profile .call-appointment .btn-primary {
    margin-top: 0;
}
.doctors-sidebar .profile .call {
    padding-bottom: 30px;
}
.doctors-2-grid + .doctors-2-grid {
    margin-top: 50px;
}
.doctors-3-grid + .doctors-3-grid {
    margin-top: 40px;
}
.doctors-4-grid + .doctors-4-grid {
    margin-top: 30px;
}
.challenge .btn-primary {
    margin-bottom: 20px;
}
.bg-primary {
    background-color: #ff2627 !important;
}
.sidebar .emergency-line img {
    height: 300px;
}
.nice-select, .nice-select .list {
    width: 100% !important;
    line-height: 28px;
}
.nice-select:after {
    height: 6px;
    width: 6px;
}
.make-an-appointment-form .nice-select {
    padding: 9.5px 18px;
    height: 49px;
    margin-bottom: 0;
}
.departments-list-1 + .departments-list-1 {
    margin-top: 52px;
}
.departments-list-2 + .departments-list-2 {
    margin-top: 60px;
}
.doctors-list-1 .image img {
    height: 440px;
    object-position: top;
}
[class*="doctors-"] img {
    object-position: top;
}
.btn-style-5:hover svg {
    transform: unset;
}
.btn-style-5:hover svg path {
    stroke: unset;
}
.btn-style-5 svg path {
    fill: #ff2627;
}
.btn-style-5 svg g > g {
    stroke: #ff2627;
}
.services-style-1 .item:hover .icon svg circle {
    fill: #fff;
}
.services-style-1 .icon svg circle {
    fill: var(--bs-secondary);
}
.services-style-2 .item *{
    transition: all 0.3s ease;
}
.services-style-2 .item:hover h3 {
    color: var(--bs-secondary);
}
.services-style-2 .item .icon {
    min-width: 64px; 
}
.services-list-1 + .services-list-1 {
    margin-top: 44px;
}
.services-list-1 .item .title:hover {
    color: unset;
}
.services-4-grid + .services-4-grid {
    margin-top: 91px;
}
.services-3-grid + .services-3-grid {
    margin-top: 95px;
}
.services-2-grid + .services-2-grid {
    margin-top: 110px;
}
.services-list-2 + .services-list-2 {
    margin-top: 52px;
}
.page-banner {
    background-position: center 15%;
}
.departments-1 > hr {
    margin-top: 80px;
    margin-bottom: 80px;
}
.services-bg.bg-primary .home-1-title h2, .services-bg.bg-image .home-1-title h2 {
    color: #FFF;
}
.services-bg.bg-image .home-1-title .title-img {
    opacity: 0.1;
}
.sidebar .make-an-appointment-form .sidebar-btn {
    display: flex !important;
}
.sidebar .make-an-appointment-form .form-actions > button:first-child, .sidebar .make-an-appointment-form .section-form, .emergency-appointment .section-form {
    display: none;
}
.sidebar .make-an-appointment-form .sidebar-form, .emergency-appointment .home-3-appointment {
    display: block !important;
}
.section-form .nice-select {
    height: 55px;
    line-height: 24px;
}
.slider-style-2 .item .profile img {
    object-position: top;
}
.doctors-style-1 .item .social-icon a {
    display: block;
}
.style-1.services-bg  {
    padding: 0;
}
.home-banner-2 {
    position: relative;
}
.bg-primary h2:not(.testimonial-bg h2){
    color: #fff;
}
.bg-primary .home-2-title hr {
    background-color: #fff;
}
.bg-primary .home-2-title hr::before {
    border-color: var(--bs-primary);
}
.services-2 {
    padding: 0;
}
.padding-top-80 {
    padding-top: 80px;
}
[class*="testimonials-style"] img{
    object-position: top;
}
.emergency-appointment form .select-box-m {
    margin-bottom: 0;
}
.about-us-3 .content .lists li {
    font-size: 14px;
    font-family: var(--bs-primary-font);
    font-weight: 500;
    color: #000;
    margin-bottom: 16px !important;
}
.bg-primary .btn {
    box-shadow: 0px 0px 0px 2px #FFF !important;
    padding:5px;
}
.col-lg-6 .home-3-title *{
    width: 100%;
}
.col-lg-6 .home-3-title {
    margin-bottom: 20px;
}
.doctors-style-5 .image .overlay .social-icon a {
    display: block;
}
.counter-home-3 {
    margin-bottom: 115px;
}
.slider-style-4 img {
    height: 430px;
}
.services-style-3 .item:hover .icon svg *{
    fill: #fff;
}
.contact-4 .image, .contact-4 img {
    height: 100%;
}
.appointment-4 .services-1-contact-wrapper .contact-4 {
    margin-bottom: 0px;
}
.department-style-5 .nav {
    margin-bottom: 0 !important;
}
.department-style-5 .nav .nav-link h4 {
    font-weight: 600;
    margin-bottom: 0px;
    font-size: 22px;
    line-height: 30px;
}
.department-style-5 .departments-lists div:not(.department-style-5 .departments-lists .list .content), .department-style-5 .departments-lists {
    height: 100%;
}
.department-style-5 .departments-lists img {
    height: 520px;
}
.contact-5 .contact-form form .form-select {
    background-color: var(--bs-secondary-light-blue-color);
    border: none;
}
.about-us-1 .content .lists ul {
    padding: 0 10px;
}
.services-bg.bg-primary .item:hover {
    background-color: #FFF;
    transition: .5s ease-in-out;
}
.services-bg.bg-primary .services-1 .item:hover * {
    fill: var(--bs-primary) !important;
    color: var(--bs-primary);
    transition: .5s ease-in-out;
}
.page-node-type-page .counters-3 {
    margin-top: 115px;
    transform: translateY(-115px);
    margin-bottom: -115px;
}
.page-node-type-page .counter-home-3 + .dt-section {
    padding-top: 0;
}
.no-overlay::before {
    display: none;
}
.page-node-type-page .sec-content:not(.faq .sec-content), .page-node-type-home-page .sec-content {
    margin-top: -40px;
}
.page-node-type-page .sec-content:not(.faq .sec-content), .page-node-type-home-page .sec-content {
    margin-bottom: 100px;
}
.sec-content ul li:not([class*="list-style-"] li) {
    font-size: 15px;
    line-height: 25px;
    font-weight: 500;
    color: #000;
    font-family: var(--bs-secondary-font);
    margin-bottom: 5px;
}
.management-page .items {
    margin-bottom: 0;
}
.slider-style-6 .item .profile-image img {
    object-position: top;
}
.careers-details [id*="ajax-wrapper"] > div {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}
.careers-details label:after {
    display: none;
}   
.careers-details .form-managed-file input {
    height: 100%;
}
.careers-details [id*="ajax-wrapper"] > div .form-managed-file {
    margin-right: 20px;
    flex: 1;
}
.careers-details [id*="edit-resume--"] {
    display: flex;
    align-items: center;
}
.careers-details [id*="edit-resume--"] button {
    font-size: 14px;
    letter-spacing: 0.25px;
    font-family: var(--bs-primary-font);
    color: var(--bs-secondary);
}
.careers-details small div {
    font-size: 15px;
    line-height: 25px;
    font-weight: 400;
    margin-top: 15px;
    margin-bottom: 20px;
    font-family: var(--bs-secondary-font);
    color: var(--bs-secondary-gray-color);
}
.careers-details [class*="list-style-"] li {
    font-size: 15px;
    line-height: 21px;
    font-weight: 400;
    font-family: var(--bs-secondary-font);
    color: var(--bs-secondary-gray-color);
    margin-bottom: 13px;
    display: flex;
}
.career-list .details h5 li:not(.career-list .details h5:last-child li) {
    margin-right: 5px;
    margin-left: 5px;
}
.career-list .details h5:not(.career-list .details h5:last-child) {
    display: flex;
    flex-wrap: wrap;
}
.career-list .details h5 li:first-child {
    margin-left: 0 !important;
}
.grid .item-content img {
    height: 350px;
}
.grid.masonry .item-content.h-large img{
    height: 540px;
}
.login .login-form .login-inner,
.register .register-form .register-inner,
.forgot-password .forgot-password-form .password-inner{
    padding: 80px 50px;
}
.path-user .contact-4 img {
    height: 655px;
}
.search-form + h3, .search-form + h2, #search-form.search-form {
    display: none;
}
.page-media .views-element-container > div {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
}
.coming-soon .cs-counter {
    font-size: 15px;
    line-height: 25px;
    font-weight: 600;
    font-family: var(--bs-primary-font);
}
.view-header .col-12 {
    width: 100%;
    max-width: 100%;
}
.header .dropdown-submenu .icon svg {
    width: 9px;
    height: 9px;
}
.dropdown-toggle::after { 
    display: none;
}   
.header .topbar .item .social-icon a {
    display: inline-block;
}
[aria-label="Error message"] .placeholder{
  color: var(--bs-primary);
  margin: 0 9px;
  font-style: unset;
}
[aria-label="Error message"] .placeholder a{
  font-size: 25px;
  color: var(--bs-primary);
}
[aria-label="Error message"].alert::before{
  display: none;
}
[aria-label="Error message"].alert .btn-close{
  top: unset;
  font-size: 20px;
  right: 12px;
}
[class *="alert-style-"] .alert button i{
  margin-left: 15px;
}
/* --- Code Block --- */
.code-block {
  background-color: #000;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-size: 15px;
  font-weight: normal;
  padding: 1rem 1.5rem;
  display: inline-block;
  width: 100%;
  overflow-x: auto;
  word-wrap: break-word;
  word-break: break-word;
  max-height: 300px;
}
.code-block pre {
  padding: 0;
  margin-top: 0.65rem;
  margin-bottom: 0.65rem;
  white-space: pre;
  background-color: transparent;
  border: 0;
}
.code-block {
  position: relative;
}
.code-block .clipboard {
  position: absolute;
  right: 10px;
  top: 10px;
  border: 1px solid #ccc;
}
.code-block .clipboard:before {
  content: "\f0ea";
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 5px;
  vertical-align: middle;
}
code[class*="language-"], pre[class*="language-"]::selection{
  color: #fff;
}
code[class*="language-"],
pre[class*="language-"] {
  color: #fff;
  font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier,
    monospace;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  font-size: 0.95em;
  line-height: 1.2em;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
pre[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection,
code[class*="language-"] ::-moz-selection {
  background: #b3d4fc;
}
pre[class*="language-"]::selection,
pre[class*="language-"] ::selection,
code[class*="language-"]::selection,
code[class*="language-"] ::selection {
  background: #b3d4fc;
}
code[class*="language-"],
pre[class*="language-"] {
  line-height: 1.4em;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: #c1c1c1;
}
pre[class*="language-"] {
  padding: 0;
  margin: 0;
  overflow: auto;
  border: none;
}
:not(pre) > code[class*="language-"] {
  padding: 0.2em;
  padding-top: 1px;
  padding-bottom: 1px;
  background: #f8f8f8;
  border: 1px solid #dddddd;
}
header.fixed-top{
    position: absolute;
}
.style-1 .contact-4 {
    position: relative;
    z-index: 1;
    margin-bottom: -310px;
}
.our-works-2 .image img {
    object-position: 20%;
}
.bg-primary.bg-image .home-2-title span {
    color: #fff;
}
.style-1 + .dt-section > div {
    margin-top: 310px;
}
.bg-primary .home-1-title span{
    color: #fff;
}
.about-us-3 .content .lists {
    flex-wrap: wrap;
}
.management-page .items .item img {
    object-position: top;
}
.header .navbar-brand {
    display: block;
}
.department-style-3 .icon svg path, .services-style-3 .icon svg path, .home-4-title .icon svg path, .services-style-4 svg path, #noun_Doctor_4059696 circle, #noun_Quote_3653875 path, .departments-list-2 svg path{
    fill: var(--bs-secondary)
}
[class*="form-style-"] .home-3-appointment .nice-select{
    height: 46px !important;
    margin-bottom: 25px !important;
    line-height: 12px;
}
.services-style-2 a:hover {
    color: #000;
}
.doctors-sidebar .profile .call-appointment .btn-primary:focus {
    background-color: transparent;
}
.services-list_style_2 .btn {
    font-weight: 600;
}
.icons #noun_Quote_3653875 path {
    fill: #fff;
}
.header .search-btn .dropdown .search-overlay {
    display: none !important;
}
.header .search-btn .dropdown  .dropdown-menu.search-overlay.show {
    display: block !important;
}
@media (min-width: 992px) {
    /* --- Megamenu --- */
    .header .dropdown.mega-menu > .dropdown-menu.show {
    display: flex !important;
    justify-content: space-between;
    align-items: flex-start;
    }
    .challenge img, .challenge .image {
        height: 100%;
    }
    .title-icon-img {
        width: 78%;
        margin-top: 65px;
    }
    .about-us-1 .lists ul:nth-last-child(1) li, .about-us-3 .lists ul:nth-last-child(2) li, .about-us-3 .lists ul:nth-last-child(1) li, .about-us-1 .lists ul:nth-last-child(2) li, .about-us-2 .lists ul:nth-last-child(2) li, .about-us-2 .lists ul:nth-last-child(1) li{
        margin-bottom:  0 !important;   
    }
    .management-page .row > div {
        padding-left: 25px;
        padding-right: 25px;
    }
    .management-page .row {
        margin-left: -25px;
        margin-right: -25px;    
    }
    .page-media .views-element-container > div > div:first-of-type {
        width: 30%;
    } 
    .page-media .views-element-container > div > div:last-of-type {
        width: 70%;
    }
    .page-media .views-element-container > div > div {
        padding-left: 25px;
        padding-right: 25px;
    }
    .header .nav-item .nav-link {
        position: relative;
    }
    .header .nav-item .arrow {
        position: absolute;
        content: "";
        right: 0px;
        bottom: 0px;
        width: 100%;
        display: flex;
        justify-content: center;
        z-index: 1;
        opacity: 0;
    }
    .header .nav-item .arrow span {
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 10px solid var(--bs-secondary);
        display: block;
    }
    .header .nav-item .nav-link.show .arrow{
        opacity: 1 !important;
    }
    .header .nav-item:hover .arrow {
        opacity: 1;
    }
    .dropdown-submenu > .dropdown-submenu {
        left: 100%;
        top: 0;
    }
    .page-user-register .contact-4 img {
        height: 677px;
    }
    .page-user-password .contact-4 img {
        height: 485px;
    }
    .doctors-full-width .full-width .profile .row>div:first-child {
        width: 39%;
    }
    .doctors-full-width .full-width .profile .row>div:last-child {
        width: 61%;
    }
    .contact-4 .contact-form {
        padding: 55px 50px;
    }
    .contact-4 .container>.row {
        background-color: #fff;
    }
}
@media (min-width: 768px) {
    .departments-lists .list.right .row > div:first-child, .services-lists .list.right .row > div:first-child {
        order: 2;
    }
    [class*="form-style-"] .home-3-appointment .row {
        margin-left: -10px !important;
        margin-right: -10px !important;
    }
    [class*="form-style-"] .home-3-appointment .row>div {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}
@media (max-width: 991px) {
    .challenge .image {
        margin-bottom: 25px;
    }
    .title-icon-img {
        margin: 30px 0;
    }
    .our-works-3 .item::before, .our-works-3 .item:after {
        display: none;
    }
    .contact-5 .image img {
        height: 500px;
        object-position: top;
        margin-bottom: 30px
    }
    .management-page .items .item {
        margin-bottom: 50px;
    }
    .management-page .items:last-of-type .item {
        margin-bottom: 0;
    }
    .path-user .contact-4 img {
        height: 400px;
    }
    #header-1 .nav-link > .icon:not(.topbar-left .icon) {
        display: block;
    }
    header .nav-link .arrow {
        display: none;
    }
    .header .lang-dropdown-menu .dropdown-menu {
        left: 0;
        right: unset !important;
    }
    #header-3 .navbar-nav {
        height: 100vh;
        overflow: scroll;
        padding: 25px 50px;
        width: 100%;
    }
    .contact-4 form {
        padding: 60px 40px;
    }
    .contact-4 .image img {
        height: 400px;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
    }
    .contact-4 .contact-form {
        border-radius: 0px;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
        box-shadow: 0px 0px 12px #0000001F;
    }
    .style-1 .contact-4 {
        margin-bottom: -614px !important;
    }
    .style-1 + .dt-section > div {
        margin-top: 614px !important;
    }
    .blog-4 .image img {
        height: 500px;
        object-position: top;
    }
    .page-banner h1 {
        font-size: 35px;
        line-height: 42px;
        font-weight: 600;
        color: #FFF;
        margin-bottom: 8px;
    }
    .mission-vision-1 .tabs-wrapper button.active:after {
        width: 100%;
        height: 2px;
        background-color: var(--bs-primary);
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 10;
    }
    .mission-vision-1 .tabs-wrapper button.active:after {
        color: var(--bs-primary);
    }
    .mission-vision-1 .tabs-wrapper button {
        color: #000;
    }
    .mission-vision-1 .tabs-wrapper button.active {
        color: var(--bs-primary);
        position: relative;
    }
    .mission-vision-1 .tabs-wrapper {
        background-color: #fff;
    }
    .about-us-5 .dt-section {
        padding-bottom: 50px;
    }
    .mission-vision-2 .tab-content .image img {
        margin-top: 80px;
        height: 450px;
    }
    .about-us-2 img {
        height: 450px;
        object-fit: contain;
    }
    .sec-content-image img {
        height: 450px;
    }
    .header .dropdown-menu .dropdown-item a {
        font-weight: 500 !important;
    }
    .services-style-4 .container > .row > div:first-child {
        order: 2;
    }
    .services-style-4 .container > .row > div:nth-last-child(2) {
        order: 1;
        margin-top: 40px;
    }
    .services-style-4 .container > .row > div:nth-last-child(1) {
        order: 3;
    }
}
@media (max-width: 767.8px) {
    .departments-list-1 .departments-lists .list .image img, .departments-list-2 .departments-lists .list .image img {
        height: 350px;
    }
    .blog-full-width .full-width .image img {
        height: 400px;
    }
    .our-works-2 .image img {
        height: 400px;
    }
    .blog-4 .image img {
        height: 450px;
    }
    .our-works-5 .image img {
        height: 350px;
    }
    .about-us-1 .content .lists li {
        margin-bottom: 7px;
    }
    .about-us-2 img, .mission-vision-2 .tab-content .image img, .services-list-2 .services-lists .list .image img, .doctors-list-1 .image img, .sec-content-image img {
        height: 400px;
    }
    .doctors-list-2 .image {
        width: 320px;
        height: 320px;
    }
    .doctors-full-width .full-width .working-shifts li {
        width: 158px;
        margin: 5px;
        padding: 15px;
    }
    .images img{
        margin-bottom: 60px;
    }
    .header .navbar-nav {
        height: 100vh;
        overflow: scroll;
        padding: 20px 20px !important;
        width: 100%;
    }
    #header-1 .navbar-nav {
        padding-top: 30px !important;
    }
    .header .right-side .lang-dropdown-menu {
        margin-right: 10px;
        margin-left: 10px;
    }
}
@media (max-width: 568px) {
    .login .login-form .login-inner, .register .register-form .register-inner, .forgot-password .forgot-password-form .password-inner {
        padding-left: 0px;
        padding-right: 0px;
    }
    .g-5, .gx-5 {
        --bs-gutter-x: 1rem;
    }
    .doctors-list-2 .image {
        width: 280px;
        height: 280px;
    }
    .doctors-list-2 .item {
        padding: 35px 35px;
    }
    .doctors-full-width .full-width .working-shifts ul {
        justify-content: center;
    }
    #header-4 .navbar-wrapper::before {
        margin-left: 0;
    }
}
/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {

    #header-1 .nav-link,  #header-2 .nav-link, #header-3 .nav-link, #header-4 .nav-link {
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin: 0 25px 0 0;
    }
    .header .nav-link {
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin: 0 20px 0 0;
    }
    .about-us-1 .lists ul {
        min-width: 100% !important;
    }
    .about-us-1 .lists ul:nth-last-child(2) li {
        margin-bottom: 13px !important;
    }
}
@media (min-width: 1200px) {
    #header-1 .nav-link, #header-2 .nav-link, #header-3 .nav-link, #header-4 .nav-link {
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin: 0 38px 0 0;
    }
    .header .nav-link {
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin: 0 30px 0 0;
    }
    #header-1 .nav-link, #header-2 .nav-link, #header-3 .nav-link, #header-4 .nav-link {
        margin: 0 33px 0 0;
        font-size: 14px;
    }
    #header-5 .nav-link {
        font-size: 14px;
        margin: 0 27px 0 0;
    }
}

.path-comment .comment-reply{
    display: none;
}
.path-comment #block-healthcare-plus-content{
    padding-top: 100px;
}
.user-logged-in #toolbar-administration+.dialog-off-canvas-main-canvas .header_type{
    top:80px;
}
.user-logged-in #toolbar-administration+.dialog-off-canvas-main-canvas #header-1 .navbar-brand{
    top:-95px;
}
.user-logged-in .block-views-blockpage-banner-block-1+#main .primary.nav-tabs{
    margin-top: 0px;
}

    .education-list {
      list-style: none;
      margin: 0;
      padding: 0;
      position: relative;
    }

    /* Вертикальная линия */
    .education-list::before {
      content: "";
      position: absolute;
      left: 70px !important;
      top: 0;
      bottom: 0;
      width: 2px;
      background: #ddd;
    }

    /* Элемент списка */
    .education-list > li {
      position: relative;
      display: grid;
      grid-template-columns: 90px 1fr;
      column-gap: 30px;
      margin-bottom: 26px;
    }

    /* Красная точка */
    .education-list > li::after {
      content: "";
      position: absolute;
      left: 70px;
      top: 1.1em;
      width: 10px;
      height: 10px;
      background: #c0392b;
      border-radius: 50%;
      transform: translate(-50%, -50%);
      z-index: 1;
    }

    /* Год */
    .education-list .year {
      font-weight: 700;
      color: #c0392b;
    }

    /* Название вуза */
    .education-list .details p {
      margin: 0;
    }

    /* Специальность */
    .education-list .details div {
      color: #555;
    }
    @media (max-width: 768px) {
  /* Вертикальная линия чуть левее */
  .education-list::before {
    left: 50px !important;
  }

  /* Элемент списка — меньше отступов */
  .education-list > li {
    grid-template-columns: 70px 1fr;
    column-gap: 15px;
    margin-bottom: 20px;
  }

  /* Красная точка ближе к году */
  .education-list > li::after {
    left: 50px;
    width: 8px;
    height: 8px;
  }

  /* Год поменьше */
  .education-list .year {
    font-size: 14px;
  }

  /* Текст деталей */
  .education-list .details p {
    font-size: 14px;
  }

  .education-list .details div {
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  /* Вертикальная линия почти на краю */
  .education-list::before {
    left: 40px !important;
  }

  .education-list > li {
    grid-template-columns: 60px 1fr;
    column-gap: 10px;
  }

  .education-list > li::after {
    left: 40px;
    width: 7px;
    height: 7px;
  }

  .education-list .year {
    font-size: 13px;
  }

  .education-list .details p {
    font-size: 13px;
  }

  .education-list .details div {
    font-size: 12px;
  }
}
/*Блок к профили/
/* ---------- базовые ---------- */
.b-doctor-details { font-family: Inter, Arial, sans-serif; color:#111; }
.b-doctor-details__item-header{
  display:flex; align-items:center; justify-content:space-between;
  margin:0 0 16px;
}
.b-doctor-details__title{
  margin:0; font-size:20px; line-height:1.3; font-weight:600;
}

/* ---------- список колонками ---------- */
.b-doctor-details__list{
  list-style:none; margin:0; padding:0;
  column-count:3; column-gap:24px;      /* кол-во колонок на десктопе */
}
.b-doctor-details__list-item{
  break-inside:avoid;                   /* чтобы карточка не рвалась между колонками */
  display:flex; align-items:center; gap:12px;
  margin:0 0 16px;
}

/* ---------- бейдж процента ---------- */
.b-doctor-details__number{
  min-width:52px; text-align:center;
  background:#f3f6fa; color:#424b58;
  border-radius:6px; padding:6px 8px; line-height:1.2;
  font-weight:600;
}
.b-doctor-details__number-text{ font-size:14px; }

/* ---------- заголовок пункта ---------- */
.b-doctor-details__list-item-title{ width:100%; }
.b-doctor-details__link{
  color:#111; text-decoration:none; font-size:16px; line-height:1.3;
}
.b-doctor-details__link:hover{ text-decoration:underline; }

/* ---------- адаптив ---------- */
/* планшеты */
@media (max-width: 1024px){
  .b-doctor-details__list{ column-count:2; column-gap:20px; }
  .b-doctor-details__title{ font-size:18px; }
  .b-doctor-details__link{ font-size:15px; }
}

/* телефоны */
@media (max-width: 640px){
  .b-doctor-details__list{ column-count:1; }
  .b-doctor-details__list-item{ margin-bottom:14px; gap:10px; }
  .b-doctor-details__number{ min-width:48px; padding:6px 8px; }
  .b-doctor-details__link{ font-size:15px; }
}

/* мелкие телефоны */
@media (max-width: 400px){
  .b-doctor-details__number{ min-width:44px; padding:5px 6px; border-radius:5px; }
  .b-doctor-details__link{ font-size:14px; }
}

/*детальная страница*/
ul.call{
    display: none;
}

.doctors-sidebar .profile .call-appointment .btn-primary {
    margin-top: 0 !important;
    margin-bottom: 20px;
}


/* --------- Блок Повышение квалификации --------- */
/* Карточка: год слева, контент справа */
.edu-item{
  display:grid;
  grid-template-columns:80px 1fr;
  align-items:start;
  background:#fff;
  border:1px solid #e0e6ed;
  border-radius:8px;
  padding:16px 20px;
  box-shadow:0 2px 6px rgba(0,0,0,.05);
  margin-bottom: 10px;
}

/* ЯВНО: что где находится */
.edu-year {grid-column: 1;
    font-weight: 600;
    font-size: 16px;
    color: #b14434;
    line-height: 1;
    margin-top: 4px;}
.edu-title{ grid-column:2; font-weight:600; color:#000; margin:0 0 8px; font-size:1rem; line-height:1.3; }
.edu-desc{  grid-column:2; margin:0; font-size:.9375rem; line-height:1.45; color:#444; }
.edu-desc em{ color: #b14434;; font-style:normal; font-weight:500; }

/* Адаптив */
@media (max-width:720px){
  .edu-item{ grid-template-columns:64px 1fr; gap:12px; padding:14px 16px; }
  .edu-year{ font-size:1.125rem; }
}
@media (max-width:560px){
  .edu-item{ grid-template-columns:1fr; gap:8px; padding:12px 14px; }
  .edu-year{ grid-column:1; margin:0 0 4px; font-size:1.05rem; }
  .edu-title,.edu-desc{ grid-column:1; }
}

.edu-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

/*кнопка для главной*/
.button {
    display: flex;
    justify-content: center;
}

.btn:first-child:active {
    color:#c1c1c1;
}
.button .btn-style-2.btn-style-md span {
    left:20px;
}

/*ФУТЕР*/
.img-fluid {
    max-width: 100%;
    height: auto;
    width: 150px;
}

a.btn.btn-primary.btn-style-5.btn-style-md:hover{
    background-color:#ffffff;
    color: #000;
}

a.btn.btn-primary.btn-style-5.btn-style-md:hover svg {
       fill: var(--bs-primary);
}

/*форма*/
/* ====== Exposed form (Views) ====== */
.view-filters .views-exposed-form{
  background:#f4f8fc;
  border:1px solid #e6edf4;
  border-radius:12px;
  padding:16px 18px;
  margin-bottom: 20px;
  padding-bottom: 25px;
}

/* Контейнер с полями */
.view-filters .views-exposed-form .d-flex{
  gap:16px;
  align-items:flex-end;
}

/* Поля: селект и инпут */
.view-filters .js-form-item{
  flex:1 1 280px;        /* красивые “плитки”, переносятся на новую строку */
  min-width:260px;
}

.view-filters label{
  display:block;
  margin:0 0 6px;
  font-size:14px;
  color:#3b556e;
  font-weight:600;
}

.view-filters .form-select,
.view-filters .form-control{
  height:44px;
  padding:8px 12px;
  border:1px solid #cfe0ee;
  border-radius:10px;
  color:#1b3550;
  transition:border-color .15s ease, box-shadow .15s ease;
}

.view-filters .form-select:focus,
.view-filters .form-control:focus{
  outline:0;
  border-color:#7ac3ff;
  box-shadow:0 0 0 3px rgba(122,195,255,.25);
}

/* Кнопки */
.view-filters .form-actions{
  display:flex;
  gap:10px;
}

.view-filters .form-actions .button{
  display:inline-flex;
  align-items:center;
  gap:10px;
  height:44px;
  padding:0 16px;
  border-radius:10px;
  border:0;
  font-weight:600;
  line-height:1;
}

/* Поиск (primary) */
.view-filters .form-actions #edit-submit-doctors{
  background:#ff2627;          /* если есть бренд-цвет — подставь сюда */
  color:#fff;
}
.view-filters .form-actions #edit-submit-doctors:hover{
  filter:brightness(0.95);
}

/* Сброс (secondary). Если у тебя id другой — замени селектор ниже */
.view-filters .form-actions #edit-reset,
.view-filters .form-actions [name="op"][value="Reset"]{
  background:#eef5fb;
  color:#0d6efd;
  border:1px solid #cfe0ee;
}
.view-filters .form-actions #edit-reset:hover,
.view-filters .form-actions [name="op"][value="Reset"]:hover{
  background:#e6f1fb;
}

/* SVG-иконки внутри кнопок (твоя разметка с двумя <span>) */
.view-filters .form-actions .button .btn-1-span,
.view-filters .form-actions .button .btn-2-span{
  display:inline-flex;
  width:18px;
  height:18px;
}
.view-filters .form-actions .button svg{
  display:block;
  width:12px;
  height:12px;
  fill: #ffc107; /* иконка наследует цвет текста кнопки */
}

/* Мобильные правки */
@media (max-width: 768px){
  .view-filters .views-exposed-form{ padding:12px }
  .view-filters .js-form-item{ flex:1 1 100%; min-width:unset }
  .view-filters .form-actions{ width:100%; justify-content:stretch }
  .view-filters .form-actions .button{ flex:1 1 50%; justify-content:center }
}

.view-filters .views-exposed-form .form-actions .sidebar-btn { display:none !important; }

/* БАЗА — фон как был, рамка жёлтая */
.view-filters .views-exposed-form{
  background-color: rgb(247, 247, 250);
  border-radius: 12px;
  padding: 16px 18px 25px;
  margin-bottom: 20px;
  box-shadow: none;
}

/* НИКАКИХ изменений при hover/focus/focus-within */
.view-filters .views-exposed-form:hover,
.view-filters .views-exposed-form:focus,
.view-filters .views-exposed-form:focus-within{
  background-color: #f4f8fc !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Поля по умолчанию без подсветки */
.view-filters .views-exposed-form .form-control:focus,
.view-filters .views-exposed-form input:focus,
.view-filters .views-exposed-form textarea:focus{
  border-color: rgba(0,0,0,.12) !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* ТОЛЬКО select — жёлтая обводка на фокусе */
.view-filters .views-exposed-form .form-select:focus{
  border-color: var(--bs-secondary) !important;
  box-shadow: 0 0 0 3px rgba(var(--bs-secondary-rgb,255,193,7), .25) !important;
  outline: 0 !important;
}

/* Жёлтый фокус для input (как у select) */
.view-filters .views-exposed-form .form-control:not(.form-select):focus{
  border-color: var(--bs-secondary) !important;
  box-shadow: 0 0 0 3px rgba(var(--bs-secondary-rgb, 255,193,7), .25) !important;
  outline: 0 !important;
}

/* (на всякий) уберём подсветку на hover */
.view-filters .views-exposed-form .form-control:not(.form-select):hover{
  box-shadow: none !important;
}

/*блоки врачей*/
.doctors-list-1 p {
    font-weight: bold;
}


/*страница о ноас*/
#block-healthcare-plus-content .about-us-1 .emg-details span{
    color: #000000 !important;
}

/*модальное окно*/
/* ================== MODAL: Форма записи — с нуля ================== */

/* Окно: компактное */
.ui-dialog{
  width: 560px !important;
  max-width: 94vw !important;
  border-radius: 16px;
  box-shadow: 0 18px 42px rgba(0,0,0,.22);
  overflow: hidden;
}

/* Тайтл: по центру, 400, чёрный */
.ui-dialog .ui-dialog-titlebar{
  position: relative;
  padding: 12px 56px;                 /* справа место под крест */
  background:#fff;
  border-bottom: 1px solid #eef3f8;
  text-align:center;
}
.ui-dialog .ui-dialog-title{
  margin:0;
  font-size:26px;
  line-height:1.2;
  font-weight:400;
  color:#000;
}

/* Крест закрытия — всегда виден */
.ui-dialog .ui-dialog-titlebar-close{
  position:absolute;
  top:8px; right:8px;
  width:36px; height:36px;
  display:inline-flex !important;     /* насильно показываем */
  align-items:center; justify-content:center;
  background:#fff;
  border:1px solid #e6edf4;
  border-radius:10px;
  text-indent:0;
  z-index:2;
  transition:background .15s, border-color .15s, transform .15s;
}
.ui-dialog .ui-dialog-titlebar-close .ui-icon{ display:none !important; }
.ui-dialog .ui-dialog-titlebar-close::before{
  content:"×"; font-size:20px; color:#6b7785; line-height:1;
}
.ui-dialog .ui-dialog-titlebar-close:hover{
  background:#f7f9fc; border-color:#d8e7f6; transform:translateY(-1px);
}

/* Контент модалки — без лишних внутренних ограничений темы */
#drupal-modal.ui-dialog-content{ padding:14px; max-height:calc(95vh - 56px); overflow:auto; }

#drupal-modal .contact-form,
#drupal-modal .container,
#drupal-modal .row,
#drupal-modal [class*="col-"]{
  width:100% !important;
  max-width:none !important;
  padding:0 !important;
  margin:0 !important;
  box-sizing:border-box;
}

/* Форм-айтемы: растягиваем на всю ширину, центрируем содержимое */
#drupal-modal form.webform-submission-form .js-form-item,
#drupal-modal form.webform-submission-form .form-item{
  width:100% !important;
  max-width:none !important;
  margin:0 0 12px !important;
  display:flex !important;
  justify-content:center !important;
}

/* === ПОЛЯ: ровно 80% ширины окна, по центру ================== */
#drupal-modal form.webform-submission-form input[type="text"],
#drupal-modal form.webform-submission-form input[type="tel"],
#drupal-modal form.webform-submission-form input[type="email"],
#drupal-modal form.webform-submission-form input[type="date"],
#drupal-modal form.webform-submission-form textarea,
#drupal-modal form.webform-submission-form .form-control{
  width:80% !important;               /* ключевое требование */
  max-width:none !important;          /* снимаем ограничения темы */
  min-width:0 !important;
  margin:0 auto !important;           /* центрируем */
  box-sizing:border-box;

  padding:12px 14px;
  border:1px solid #d8e4ef;
  border-radius:12px;
  background:#fff;

  text-align:center;
  color:#000; font-weight:400; font-size:16px;
  transition:border-color .15s, box-shadow .15s;
}
#drupal-modal form.webform-submission-form input[type="date"]{ height:44px; }

#drupal-modal form.webform-submission-form ::placeholder{
  color:#000; opacity:1; text-align:center; font-weight:400;
}

/* Фокус (аккуратный) */
#drupal-modal form.webform-submission-form .form-control:focus,
#drupal-modal form.webform-submission-form input:focus,
#drupal-modal form.webform-submission-form textarea:focus{
  border-color:#b9d1e8; box-shadow:0 0 0 3px rgba(122,195,255,.22); outline:0;
}

/* Кнопки — только центр контейнера, саму кнопку НЕ меняем */
#drupal-modal .form-actions{
  margin-top:12px;
  display:flex; justify-content:center; gap:10px;
}

/* Мобилка: почти во всю ширину */
@media (max-width:600px){
  .ui-dialog{ width:92vw !important; }
  .ui-dialog .ui-dialog-title{ font-size:20px; }
  #drupal-modal form.webform-submission-form input[type="text"],
  #drupal-modal form.webform-submission-form input[type="tel"],
  #drupal-modal form.webform-submission-form input[type="email"],
  #drupal-modal form.webform-submission-form input[type="date"],
  #drupal-modal form.webform-submission-form textarea,
  #drupal-modal form.webform-submission-form .form-control{
    width:94% !important;
  }
}
/* Кнопка отправки ровно по центру */
#drupal-modal .form-actions{
  display: block !important;         /* убираем флекс-смещения темы */
  text-align: center !important;     /* выравниваем содержимое по центру */
  margin-top: 30px !important;
}

#drupal-modal .form-actions .webform-button--submit,
#drupal-modal .form-actions .button,
#drupal-modal .form-actions .btn{
  display: inline-flex !important;   /* чтобы сохранялась внутренняя анимация */
  margin: 0 auto !important;         /* центр по контейнеру */
  float: none !important;  
   color: #ffffff !important;  
        /* если тема вдруг флотит */
}
#drupal-modal .form-actions .button:hover {
   color: #000 !important;  

}

/* В модальном Webform показываем только основной сабмит */
#drupal-modal .form-actions .sidebar-btn,
#drupal-modal .form-actions [value="Book Appointment"],
#drupal-modal .form-actions .d-none{
  display: none !important;
 
}

.ui-dialog .button {
    background-image:none !important;
    color: #ffffff !important;
}
.ui-dialog .button {
    border-radius: 50px !important;
}

.ui-dialog .button {
    border: 0px !important;
}
.dt-section.appointment-4 {
    padding-top: 10px;
}

h2.section-title {
    margin-bottom: 50px;
}
.page-node-type-home-page a.webform-button--submit.btn-style-2.btn-style-md.button.button--primary.btn.btn-primary.use-ajax {
    margin-bottom: 70px;
}

.appointment .btn.btn-primary.btn-style-1.btn-style-1-white:hover,
.appointment .btn.btn-primary.btn-style-1.btn-style-1-white:focus,
.appointment .btn.btn-primary.btn-style-1.btn-style-1-white:active,
.appointment .btn.btn-primary.btn-style-1.btn-style-1-white.progress-disabled {
  box-shadow: 0 0 0 2px #E56562;   color: #000;                    }

.appointment .ajax-progress { display: none !important; }
.clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item p {
    color: #ffffff;
    font-weight: 600;
    padding-top: 12px;
}

.field.field--name-body p {
    color: #ffffff;
    font-weight: 300;
    padding-top: 15px;
}

.view.view-prays {
    margin-top: 50px;
}

/* ���� �������� � ������ ��� ��������� ������� ���� */
.paragraph--type--home_slider {
  position: relative;
}

/* �� ��������� (Desktop ? 992px): ���������� desktop-�����,
   ���������� � ��������� � ������ */
.paragraph--type--home_slider .field--name-field-video-desktop { display: block !important; }
.paragraph--type--home_slider .field--name-field-video-tablet,
.paragraph--type--home_slider .field--name-field-video-mobile { display: none !important; }

/* Fallback-�������� ���������� ������ ���� ��� ����� � 
   ������� CSS ��� �� ������, ������� �� ��������� ������,
   � ������� ���, ��� �����. */
.paragraph--type--home_slider .field--name-field-media-bg { display: none !important; }

/* Tablet (576px�991.98px): ���������� tablet-����� */
@media (min-width:576px) and (max-width:991.98px) {
  .paragraph--type--home_slider .field--name-field-video-desktop { display: none !important; }
  .paragraph--type--home_slider .field--name-field-video-tablet  { display: block !important; }
  .paragraph--type--home_slider .field--name-field-video-mobile  { display: none !important; }

  /* ���� �� �������� ����� ��� � ������ ������-�������� */
  .paragraph--type--home_slider.no-tablet-video .field--name-field-media-bg { display: block !important; }
}

/* Mobile (< 576px): ���������� mobile-����� (��� ������) */
@media (max-width:575.98px) {
  .paragraph--type--home_slider .field--name-field-video-desktop,
  .paragraph--type--home_slider .field--name-field-video-tablet { display: none !important; }
  .paragraph--type--home_slider .field--name-field-video-mobile { display: block !important; }

  /* ���� ���������� ����� ��� � ������ ������-�������� */
  .paragraph--type--home_slider.no-mobile-video .field--name-field-media-bg { display: block !important; }
.emergency-appointment {margin-top:0!important;}
}
img.contact_logo
 {
    width: 100px;
    height: auto;
    justify-content: center;
    justify-content: center;
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    align-items: center;

}