/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
  font-family: 'e-Ukraine';
  src: url('assets/font/e-Ukraine-Regular.woff2') format('woff2'),
       url('assets/font/e-Ukraine-Regular.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'e-Ukraine';
  src: url('assets/font/e-Ukraine-Light.woff2') format('woff2'),
       url('assets/font/e-Ukraine-Light.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'e-Ukraine';
  src: url('assets/font/e-Ukraine-UltraLight.woff2') format('woff2'),
       url('assets/font/e-Ukraine-UltraLight.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

body {
    font-family: 'e-Ukraine';
    font-weight: 400;
    line-height: 1.69;
    font-size: calc(12px + 4 * ((100vw - 375px) / 1545));
    line-height: 160%;
    letter-spacing: -.01em;
}
/*gap 3rem*/
.gap-48 {
    padding-top: calc(16px + 32 * ((100vw - 375px) / 1545)) !important;
}
/*gap 5rem*/
.gap-80 {
    padding-top: calc(32px + 48 * ((100vw - 375px) / 1545)) !important;
}
/*gap 6rem*/
.gap-96 {
    padding-top: calc(32px + 64 * ((100vw - 375px) / 1545)) !important;
}
/*gap 7rem*/
.gap-112 {
    padding-top: calc(50px + 62 * ((100vw - 375px) / 1545)) !important;
}
/*gap 8rem*/
.gap-128 {
    padding-top: calc(55px + 73 * ((100vw - 375px) / 1545)) !important;
}
/*gap 10rem*/
.gap-160 {
    padding-top: calc(64px + 96 * ((100vw - 375px) / 1545)) !important;
}

.text-balance {
    text-wrap: balance;
}
.banner-layers.container {
    max-width: 100%;
}
.text-about {
    max-width: calc(380px + 300 * ((100vw - 375px) / 1545)) !important;
    width: calc(100% - 10rem) !important;
    right: 5rem !important;
}
.text-two-col {
    max-width: calc(400px + 250 * ((100vw - 375px) / 1545)) !important;
    width: calc(100% - 3rem) !important;
    right: 1.5rem !important;
    bottom: 1.5rem !important;
}
#call {
    border-radius: 30px;
    max-width: calc(400px + 300 * ((100vw - 375px) / 1545)) !important;
}
.star-rating span:before {
    color: var(--fs-color-primary);
}
.star-rating:before, .woocommerce-page .star-rating:before {
    color: var(--fs-color-primary);
}
.star-rating {
    font-size: 30px;
}
.uppercase{
    letter-spacing: .13em;
}
.res-text, .large-6 .res-text  {
    font-size: calc(12px + 4 * ((100vw - 375px) / 1545));
}
.font-xxs{
    font-size: calc(10px + 3 * ((100vw - 375px) / 1545));
}
.font-xs{
    font-size: calc(10px + 4 * ((100vw - 375px) / 1545));
}
.font-18{
    font-size: calc(14px + 4 * ((100vw - 375px) / 1545));
}
.font-20{
    font-size: calc(15px + 5 * ((100vw - 375px) / 1545));
}
.font-s{
    font-size: calc(18px + 6 * ((100vw - 375px) / 1545));
}
.font-m{
    font-size: calc(22px + 14 * ((100vw - 375px) / 1545));
    line-height: 125%;
}
.font-l{
    font-size: calc(26px + 18 * ((100vw - 375px) / 1545));
    line-height: 125%;
}
.font-xl{
    font-size: calc(30px + 22 * ((100vw - 375px) / 1545));
    line-height: 125%;
}
.font-xxl{
    font-size: calc(30px + 30 * ((100vw - 375px) / 1545));
    line-height: normal;
}
.font-xxxl{
    font-size: calc(45px + 28 * ((100vw - 375px) / 1545));
    line-height: normal;
}
.ls-s {
    letter-spacing: -0.03em;
}
.second-title {
    font-size: calc(10px + 3 * ((100vw - 375px) / 1545));
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #A5AEA8;
}
.weight-m {
    font-weight: 500;
}
.weight-l {
    font-weight: 700;
}
.radius40 {
    border-radius: 40px;
    overflow: hidden;
}
.title-pages  {
    margin-top: .5em;
}
.padding-text-0 > *{
    margin-bottom: 0;
}
.padding-text-s > *{
    margin-bottom: 1em;
}
.col-img-100, .col-img-100 .box-image, .col-img-100 .box-image >  div, .col-img-100 .box-image img {
    height: 100%;
    object-fit: cover;
    border-radius: 30px;
}
.col.col-item-center > .col-inner {
    margin-left: auto !important;
    margin-right: auto !important;
}
.container, .rank-math-breadcrumb {
    padding-left: 55px;
    padding-right: 55px;
}
.section {
    padding-left: 45px;
    padding-right: 45px;
}
.section-pages {
    padding-top: 0;
    padding-bottom: 0;
}
.rank-math-breadcrumb{
    font-size: calc(12px + 3 * ((100vw - 375px) / 1545));
    color: #000;
    margin-top: 1rem;
}
.rank-math-breadcrumb p{
    margin-bottom: 0;
}
.rank-math-breadcrumb a{
    color: #A5AEA8;
}
.rank-math-breadcrumb .separator{
    padding: 0 .3em;
    color: #A5AEA8;
}
.banner h5, .banner h6, .banner p {
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
h1, h2, h3, h4, h5{
    font-family: 'e-Ukraine';
    font-weight: 500;
}
section:not(.seo-text) h1 {
    font-size: calc(32px + 36 * ((100vw - 375px) / 1545));
}
.seo-text .section-content  {
    max-height: 200px;
    overflow-y: scroll;
    padding: 2rem;
    background: #f4f4f4;
    border-radius: 12px;
    color: #000;
}
.button, button, input[type=button], input[type=reset], input[type=submit] {
    border: 1px solid transparent;
    border-radius: 12px;
    font-size: .9375em;
    font-size: calc(12px + 3 * ((100vw - 375px) / 1545));
    font-weight: 500;
    letter-spacing: 0;
    line-height: 2.4em;
    margin-right: 1em;
    min-height: 2.5em;
    padding: .52em 2.26em;
}
.button.is-large {
    font-size: calc(14px + 3 * ((100vw - 375px) / 1545));
}
.primary, input[type=submit], input[type=submit].button, .secondary {
    color: #000;
}
.primary:hover, input[type=submit]:hover, input[type=submit].button:hover, .secondary:hover {
    color: #000;
}
.primary.is-link, .primary.is-underline {
    color: #000;
    padding: 0;
    font-size: calc(11px + 3 * ((100vw - 375px) / 1545));
}
.white.button.is-outline {
    background-color: #FFFFFF26 !important;
    border-width: 1px;
}
.white.button.is-outline:hover {
    background-color: #FFf !important;
    color: #000 !important;
}
.row-100 {
    height: 100%;
}
.col-bottom-0 > .col {
    padding-bottom: 0;
}
.col-pattern > .col-inner, .box-overlay .box-image+.box-text.text-right{
    background-color: #0000001A;
    background-image: url(/wp-content/uploads/2025/06/grain-pattern.png);
    background-size: auto;
    background-repeat: repeat;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #FFFFFF4D;
    backdrop-filter: blur(10px);
}
.box-overlay .box-image+.box-text.text-right {
    width: calc(100% - 4rem);
    max-width: calc(400px + 150 * ((100vw - 375px) / 1545));
    right: 2rem;
    bottom: 2rem;
    border-radius: 30px;
    padding: 2rem 3rem;
}
.menu-pc {
    margin-left: 2rem;
}
.menu-right-pc .header-nav{
    gap: 1rem;
}
#logo {
    width: calc(150px + 88 * ((100vw - 375px) / 1545)) !important;
}
.nav>li {
    margin: 0 0.78125rem;
}
.nav>li>a {
    font-size: .9375rem;
    font-size: calc(10px + 5 * ((100vw - 375px) / 1545));
}

.nav>li>a:active, .nav>li>a:focus {
    transform: scale(.9);
}
.nav-uppercase>li>a {
    font-weight: 500;
    letter-spacing: 0;
}
.nav-column>li>a, .nav-dropdown>li>a, .nav-vertical-fly-out>li>a, .nav>li>a {
    color: #A5AEA8;
}
.nav-column li.active>a, .nav-column li>a:hover, .nav-dropdown li.active>a, .nav-dropdown>li>a:hover, .nav-vertical-fly-out>li>a:hover, .nav>li.active>a, .nav>li.current>a, .nav>li>a.active, .nav>li>a.current, .nav>li>a:hover {
    color: #000;
}

.nav-dropdown-has-border .nav-dropdown {
    border: 1.5px solid #ddd;
    border-radius: calc(15px + 10 * ((100vw - 375px) / 1545));
}
.nav-dropdown>li>a{
    color: #202D47;
    font-size: calc(10px + 3 * ((100vw - 375px) / 1545));
    transition: all .2s;
}
.nav-dropdown li.active>a, .nav-dropdown>li>a:hover{
    text-decoration: underline;
}
.nav-dropdown-has-arrow li.has-dropdown:after {
    border-width: 9px;
    margin-left: -9px;
}

.phone-header {
    
}
.phone-header span:before{
    content: '';
    width: .7rem;
    height: .7rem;
    background: #fff;
    border: 2.5px solid var(--primary-color);
    display: inline-block;
    border-radius: 99px;
    
}
.phone-header span {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
}
.phone-header a{
    color: #000;
    font-weight: 500;
}

.ux-menu-link__link {
    font-size: calc(20px + 18 * ((100vw - 375px) / 1545));
    font-weight: 500;
    min-height: auto;
    padding-bottom: .35em;
    padding-top: 0.35em;
    line-height: 1;
}
.ux-menu-link--active .ux-menu-link__link, .ux-menu-link:hover .ux-menu-link__link {
    color: #000;
}

.off-canvas-center .nav-vertical>li>a {
    font-size: calc(30px + 13 * ((100vw - 375px) / 1545));
    color: #666b68;
    padding-bottom: 1.5rem;
    font-weight: 600;
}
.off-canvas-center .nav-vertical>li.current_page_item >a {
    color: #000;
}
.mfp-bg.off-canvas-center:not(.dark) {
    background-color: #fff;
    opacity: .97;
}
.off-canvas-center:not(.dark) .mfp-close {
    color: #111;
    opacity: 1;
    background: var(--fs-color-primary);
    right: 27px;
    top: 15px;
}

.padding-0 .ux-logo-link {
        padding: 0px !important;
}
ul li.bullet-arrow:before, ul li.bullet-checkmark:before, ul li.bullet-star:before {
    color: #000;
    font-size: calc(12px + 2 * ((100vw - 375px) / 1545));
    background: var(--fs-color-primary);
    border-radius: 99px;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
ul li.bullet-arrow, ul li.bullet-checkmark, ul li.bullet-cross, ul li.bullet-star {
    border-bottom: 1px solid #DFE4E1;
    padding: 22px 0 22px 50px;
}
ul li.bullet-checkmark:last-child {
    border-bottom: none;
}
[data-text-bg=primary] {
    letter-spacing: 0;
    background-color: var(--fs-color-primary);
    border-radius: 6px;
    padding: .75em;
    line-height: 100%;
    width: max-content;
}
/*doctors*/
.doctor-title {
    font-size: calc(30px + 35 * ((100vw - 375px) / 1545));
    margin-bottom: 1em;
}
.doctor-title-small {
    font-size: calc(21px + 13 * ((100vw - 375px) / 1545));
    color: #000;
    line-height: normal;
    margin-top: .3em;
    margin-bottom: .3em;
}
.doctor-tag {
    letter-spacing: 0;
    background-color: var(--fs-color-primary);;
    border-radius: 6px;
    padding: .75rem;
    line-height: 100%;
    width: max-content;
}
.doctor-image {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: top;
    border-radius: 40px;
    transition: filter 0.3s ease;
}
.doctor-small:hover .doctor-image {
    filter: brightness(0.8); 
}
.doctor-description {
    max-width: 600px;
}
.doctor-info-row {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: .5fr 1.5fr;
    grid-auto-columns: 1fr;
    justify-content: start;
    display: grid;
    color: #000;
    margin-bottom: 3rem;
}
.doctor-info-row-small{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1em;
    color: #000;
}
.col.doctor-small {
    padding-bottom: 4rem;
}
.box-overlay.dark .box-text, .box-shade.dark .box-text {
    text-shadow: none;
}

/*services*/
.service-image {
    overflow: hidden;
    border-radius: 30px;
    position: relative;
}
.services-image {
    aspect-ratio: 1 / 0.5;
    object-fit: cover;
    object-position: top;
    transition: all 0.5s ease;
}

.service-title {
    bottom: 2rem;
    left: 2rem;
    color: #000;
    letter-spacing: 0;
    background-color: var(--fs-color-primary);
    border-radius: 6px;
    padding: .75rem;
    line-height: 100%;
    width: max-content;
    transition: all 0.3s ease;
}
.service-col:hover .service-title {
    color: #fff;
    background-color: #000;
}
.service-col:hover .services-image {
    transform: translate3d(0px, 0px, 0px) scale3d(1.2, 1.2, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}
/*table*/
.filter-table {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
}

table.dataTable td {
    color: #435C69;
}

table.dataTable td, table.dataTable th {
    border-bottom: none;
}

table.dataTable.no-footer {
    border-bottom: none !important;
    border-collapse: separate;
    border-spacing: 0 7px !important;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 1.2rem 1rem !important;
    background: #000;
    color: #fff;
    font-size: 1em;
    font-weight: 400 !important;
    text-transform: none;
    letter-spacing: normal;
}

table.dataTable thead th:first-child, table.dataTable thead td:first-child, table.dataTable tbody th:first-child, table.dataTable tbody td:first-child {
    border-radius: 15px 0 0 15px;
}

table.dataTable thead th:last-child, table.dataTable thead td:last-child, table.dataTable tbody th:last-child, table.dataTable tbody td:last-child {
    border-radius: 0 15px 15px 0;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 1rem 1rem !important;
}

table.dataTable tbody tr.odd {
    background-color: #EFF0F2;
}

table.dataTable tbody tr.even {
    background-color: #FBFBFB;
}

.dataTables_wrapper .dataTables_info {
    font-size: .85em;
    opacity: .3;
}

.dataTables_length {
    display: none;
}

/**/
.dataTables_wrapper .dataTables_paginate .paginate_button {
    display: inline-flex !important;
    min-width: 3em !important;
    height: 3rem !important;
    padding: 0;
    margin-left: 2px;
    text-align: center;
    border: 1px solid transparent;
    border-radius: 99px !important;
    background: transparent;
    align-items: center;
    justify-content: center;
    background: #eff0f2 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous, .dataTables_wrapper .dataTables_paginate .paginate_button.next {
    background: transparent !important;
    font-size: .85rem !important;
}

.dataTables_wrapper.no-footer .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
    border: 1px solid #000 !important;
    background: #000 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #fff !important;
    border: 1px solid var(--primary-color) !important;
    background: var(--primary-color) !important;
    box-shadow: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    color: #fff !important;
    border: 1px solid var(--primary-color) !important;
    background: var(--primary-color) !important;
    box-shadow: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover {
    background: transparent !important;
    border-color: transparent !important;
    color: #111 !important;
}

.dataTables_wrapper .dataTables_paginate {
    padding-top: 1.25em !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: no-drop !important;
}

/*select input*/
.filter-table label > span {
    font-weight: 500;
    font-size: 0.75rem;
    margin-bottom: 0.5rem;
    display: inline-block;
}

.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    background-color: #fff;
    /* border: 1px solid #202d47;*/
    border: 1px solid #000;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    color: #000;
    font-size: 1em;
    height: 3.5em;
    max-width: 100%;
    padding: 0 .75em;
    transition: color .3s, border .3s, background .3s, opacity .3s;
    vertical-align: middle;
    width: 100%;
    border-radius: 14px;
    font-weight: 400;
}

input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,select:focus,textarea:focus {
    background-color: #fff;
    box-shadow: none;
    border: 1px solid #000;
    color: #333;
    opacity: 1!important;
    outline: 0
}
.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, select {
    border-radius: 15px;
}
.text a {
    color: #000;
    text-decoration: underline !important;
    transition: .3s all;
}
.text a:hover, .text a:active {
    color: var(--primary-color);
}



.margin-0 {
    margin: 0 !important;
}

/*пуслуги шорткод*/
.service-small {
    width: 30% !important; 
}
@media (min-width: 849px) and (max-width: 1400px) {
    .service-small {
        width: 40% !important;
        max-width: 40% !important;
    }
}
.service-small .button.primary{
    color: #000 !important;
}
.service-vertical {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    gap: calc(25px + 15 * ((100vw - 375px) / 1545));
    padding: 2vw 2.6vw;
    position: relative;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
}
.service-vertical2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    gap: calc(25px + 15 * ((100vw - 375px) / 1545));
}
.auto-layout {
    display: flex;
    align-items: center;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
}
.gap-xxs {
    gap: 8px;
}
.gap-xs {
    gap: 15px;
}
.gap-s {
    gap: 30px;
}
.gap-m {
    gap: 45px;
}
.vector {
  position: relative;
  width: calc(8px + 3 * ((100vw - 375px) / 1545));
  height: calc(8px + 3 * ((100vw - 375px) / 1545));
  background: url('assets/img/arrowed2.svg') no-repeat center; 
  background-size: contain;
}
.tooth {
    position: absolute;
    width: 10rem;
    width: calc(90px + 50 * ((100vw - 375px) / 1545));
    top: 0;
    right: 0;
}
.line {
    position: relative;
    width: 1px;
    height: 30px;
    height: calc(20px + 15 * ((100vw - 375px) / 1545));
    background-color: #e0e0e0;
}
.line-height-normal {
    line-height: normal;
}
.flickity-prev-next-button {
    bottom: auto;
    position: absolute;
    top: -140px;
    width: 50px;
    height: 50px;
    
}
.slider-nav-light .flickity-prev-next-button {
    color: #fff;
    border-radius: 99px;
    border: 1px solid #fff;
}
.slider-show-nav .flickity-prev-next-button, .slider:hover .flickity-prev-next-button {
    background: #fff;
}
.slider .flickity-prev-next-button .arrow, .slider .flickity-prev-next-button svg {
    fill: #000;
}
.slider .flickity-prev-next-button:hover .arrow, .slider .flickity-prev-next-button:hover svg {
    fill: #000;
}
.flickity-prev-next-button svg {
    padding: 30%;
}
.flickity-prev-next-button.previous {
    left: auto;
    right: 110px;
}

/*blog*/
.blog-post-new > .col > .col-inner{
    border-radius: 30px;
    border-radius: calc(15px + 15 * ((100vw - 375px) / 1545));
    overflow: hidden;
}
.blog-post-new .overlay {
    background-image: linear-gradient(358deg, hsl(0deg 0% 0% / 50%), transparent);
    background-color: transparent !important; 
}
.blog-post-new .box-text {
    text-shadow: none !important;
    padding-left: 2.25em;
    padding-right: 2.25em;
    padding-bottom: 2.25em;
}
.blog-post-new .box-text h5{
    font-size: calc(16px + 5 * ((100vw - 375px) / 1545));
    margin-bottom:  0.1em;
    width: 85%;
    transition: all .4s ease;
}
.blog-post-new .box:hover .box-text h5 {
    margin-bottom: 1.1em;
}
.blog-post-new .box-text p{
    color: hsl(0deg 0% 100% / 75%);
    font-size: calc(11px + 4 * ((100vw - 375px) / 1545));
    margin: 0;
}

.blog-post-new .excerpt-slide {
    position: relative;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, opacity 0.4s ease;
    opacity: 0;
}
.blog-post-new .box:hover .excerpt-slide {
    max-height: 100px; /* або більше, залежно від висоти опису */
    opacity: 1;
}

.top-left-1 {
    top: 1rem;
    left: 1rem;
}
.top-left-2 {
    top: 2em;
    left: 2em;
}
.post-meta-new > * {
    font-weight: 400 !important;
    letter-spacing: -0.03em !important;
    font-size: calc(10px + 2 * ((100vw - 375px) / 1545));
    padding: 0.625em 0.975em;
    border-radius: 99px;
}
.post-meta-new > .category-label {
    background: #DDE7FC;
    color: #202D47;
}
.post-meta-new > .date-label {
    background: var(--primary-color);
    color: #000;
}
.entry-image img {
    border-radius: calc(15px + 15 * ((100vw - 375px) / 1545));
}
.entry-title+.is-divider {
    display: none;
}
.single .entry-header {
    margin-bottom: calc(16px + 16 * ((100vw - 375px) / 1545));
}
.single-header-m-b h1.entry-title {
    margin-bottom: .5em;
    font-size: calc(20px + 20 * ((100vw - 375px) / 1545));
    font-weight: 500;
    line-height: 1.3;
}
.entry-content.single-page {
    line-height: 1.8;
}
.row >.large-12 >.rank-math-breadcrumb {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
@media (min-width: 850px) and (max-width: 1600px) { 
    .doctor-info-row-small {
        align-items: flex-start;
        justify-content: flex-start;
        gap: .5em;
        flex-direction: column;
    }
}
@media (min-width: 850px) and (max-width: 1200px) {
    .scroll-row, .section-doctors-home .row-full-width, .row-gallery-home {
        flex-wrap: nowrap;
        overflow: auto;
        scroll-snap-type: x mandatory;
    }    
    .scroll-row > .col {
        flex-grow: 1;
        flex-shrink: 0;
        scroll-snap-align: center;
    }
    .col-4-3 > .col {
        flex-basis: 39%;
        max-width: 39%;
    }
    .service-small {
        width: 48% !important;
        max-width: 48% !important;
    }
    .section-doctors-home .row-full-width > .col{
        flex-grow: 1;
        flex-shrink: 0;
        scroll-snap-align: center;  
        width: 48% !important;
        max-width: 48% !important;
        flex-basis: 48% !important;
    }  
    .row-gallery-home > .col{
        max-width: 22% !important;
        flex-basis: 22% !important;
    }     
    .col-about-ceo.large-5 {
        flex-basis: 70%;
        max-width: 70%;
    }
    .col-review {
        flex-basis: 70%;
        max-width: 70%;
    }
    .section-ceo-home {
        min-height: 40vh !important;
    }
    .section-about .row-full-width > .col{
        flex-basis: 100% !important;
        max-width: 100% !important;
    }
    .box-overlay .box-image+.box-text.text-right {
        border-radius: 20px;
        padding: 2rem 2rem;
    }
    .blog-single .doctor-small{
        flex-basis: 50%;
        max-width: 50%;
    }
    .doctor-info-row {
        display: flex;
        flex-direction: column;
    }  
    .phone-header {
        display: none;
    }
}

@media only screen and (max-width: 849px) {
    .service-small {
        width: 60% !important; 
    }    
    .scroll-row {
        flex-wrap: nowrap;
        overflow: auto;
        scroll-snap-type: x mandatory;
    }    
    .scroll-row > .col {
        flex-grow: 1;
        flex-shrink: 0;
        scroll-snap-align: center;
    }
    .not-align-center-m {
        justify-content: start !important;
    }  
    .col-left-m > .col-inner {
        margin-left: 0 !important;
    }
    .header-wrapper {
        border-bottom: 1px solid #dfe4e14f;
    }    
    .header-button .button.icon {
        width: 2.5rem;
        height: 2.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.3em;
    }
}

@media only screen and (max-width: 549px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
    .container, .rank-math-breadcrumb {
        padding-left: 25px;
        padding-right: 25px;
    }
    .section {
        padding-left: 15px;
        padding-right: 15px;
    }
    #logo {
        width: 185px !important;
    }
    #footer .text-right {
        text-align: left !important;
    }
    
    ul li.bullet-arrow, ul li.bullet-checkmark, ul li.bullet-cross, ul li.bullet-star {
        padding: 10px 0 10px 48px;
    } 
    
    .box-overlay .box-image+.box-text.text-right {
        width: calc(100% - 2rem);
        right: 1rem;
        bottom: 1rem;
        padding: 1.5rem 1rem;
    }    
    
    /*doctor*/
    .doctor-info-row{
        flex-direction: column;
        grid-template-rows: auto auto;
        grid-template-columns: .5fr;
        place-items: flex-start start;
        display: flex;
        margin-bottom: 2rem;
    }
    .doctor-small {
        padding-bottom: 35px !important;
    }
    .img-30 .image-cover {
        padding-top: 30vh !important
    }    
    .img-25 .image-cover {
        padding-top: 25vh !important
    }   
    .radius40 {
        border-radius: 20px;
    }
    
    .contact-img.box-overlay .box-image+.box-text.text-right {
        display:none;
    }
    
    #custom-department {
        flex: 0 0 50% !important;
    }   
    .filter-table {
        gap: 1rem;
    }

    .text-about {
        width: calc(100% - 2rem) !important;
        right: 1rem !important;
    }    
    .mobile-col-white > .col-inner {
        background-color: #fff !important;
        padding: 0 !important;
    }
    
    .service-image {
        border-radius: 20px;
    }
    .service-title {
        bottom: 1rem;
        left: 1rem;
    }    
    .service-small {
        width: 90% !important; 
    }
    .service-vertical {
        gap: 1.5rem;
        padding: 1.1rem 1.6rem;
    }
    .service-vertical2 {
        gap: 1rem;
    }  
    .vector {
        width: 8px;
        height: 8px;
    }
    .tooth {
        width: 4rem;
    }    
    .gap-s {
        gap: 1rem;
    }
    
}