body,
html {
    scroll-behavior: smooth;
      scroll-padding-top: 70px;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0
}

html {
    font-size: 16px
}

body {
    color: #000;
    font-size: 1rem;
    font-family: Lato, sans-serif;
    font-weight: 400
}

a {
    color: #3b567e
}

a:active:hover,
a:focus,
a:hover {
    text-decoration: none;
    outline: 0
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Manrope, sans-serif;
    color: #1a1a1a;
    margin-top: 0;
    margin-bottom: .8em;
    line-height: 1.2
}

.h1,
h1 {
    font-size: 2.5rem
}

.h2,
h2 {
    font-size: 2.125rem
}

.h3,
h3 {
    font-size: 1.5rem
}

.h4,
h4 {
    font-size: 1.375rem
}

.h5,
h5 {
    font-size: 1.125rem
}

.h6,
h6 {
    font-size: 1rem
}

.heading {
    letter-spacing: -1px
}

.heading-block {
    position: relative;
    text-align: center;
    margin-bottom: 2.5rem
}

.heading-block:before {
    content: "";
    position: absolute;
    height: 3px;
    width: 15%;
    bottom: 0;
    left: 50%;
    background-color: #4fc1b0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2
}

.heading-block .heading {
    margin-bottom: 0
}

.heading-block .sub-heading {
    display: block;
    font-size: 1.125rem;
    text-align: center;
    margin: 0 auto 1.125rem auto;
    line-height: 1.75;
    color: #499ca0;
    max-width: 85%;
    text-transform: none;
    font-weight: 400;
    /* padding: 1rem 0 1.75rem 0; */
    padding-bottom: 10px;
    padding-top: 0;
    position: relative;
}

.small,
small {
    font-size: 85%
}

.lead {
    font-size: 1.25rem;
    line-height: 1.55em
}

p {
    display: block;
    line-height: 1.7em !important
}

address {
    font-size: .9375rem;
    line-height: 1.75rem
}

address strong {
    font-size: 1.2em;
    font-weight: 400
}

blockquote {
    position: relative;
    padding: 3.125rem 0 0 1.25rem;
    border: 0
}

blockquote img.quotes {
    width: 3rem !important;
    position: absolute;
    left: 0;
    top: 0
}

.font-thin {
    font-weight: 300
}

.font-regular {
    font-weight: 400
}

.font-semi-bold {
    font-weight: 600
}

.font-bold {
    font-weight: 800
}

.font-style-1 {
    font-family: Manrope, sans-serif
}

.font-style-2 {
    font-family: Lato, sans-serif
}

.font-style-3 {
    font-family: Volkhov, serif
}

.font-1 {
    font-size: .8125rem !important
}

.font-2 {
    font-size: .9375rem !important
}

.font-3 {
    font-size: 1rem !important
}

.font-4 {
    font-size: 1.125rem !important
}

.font-5 {
    font-size: 1.25rem !important
}

.font-6 {
    font-size: 1.375rem !important
}

.font-7 {
    font-size: 1.5rem !important
}

.font-8 {
    font-size: 1.625rem !important
}

.font-9 {
    font-size: 1.75rem !important
}

.font-10 {
    font-size: 1.875rem !important
}

.font-11 {
    font-size: 2rem !important
}

.font-12 {
    font-size: 2.125rem !important
}

.font-13 {
    font-size: 2.25rem !important
}

.font-14 {
    font-size: 2.375rem !important
}

.font-15 {
    font-size: 2.5rem !important
}

.font-16 {
    font-size: 2.625rem !important
}

.font-17 {
    font-size: 2.75rem !important
}

.font-18 {
    font-size: 2.875rem !important
}

.font-19 {
    font-size: 3rem !important
}

.font-20 {
    font-size: 3.125rem !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-10 {
    margin-top: .625rem !important
}

.mt-20 {
    margin-top: 1.25rem !important
}

.mt-30 {
    margin-top: 1.875rem !important
}

.mt-40 {
    margin-top: 2.5rem !important
}

.mt-50 {
    margin-top: 3.125rem !important
}

.mt-60 {
    margin-top: 3.75rem !important
}

.mt-70 {
    margin-top: 4.375rem !important
}

.mt-80 {
    margin-top: 5rem !important
}

.mt-90 {
    margin-top: 5.625rem !important
}

.mt-100 {
    margin-top: 6.25rem !important
}

.mt-110 {
    margin-top: 6.875rem !important
}

.mt-120 {
    margin-top: 7.5rem !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-10 {
    margin-bottom: .625rem !important
}

.mb-20 {
    margin-bottom: 1.25rem !important
}

.mb-30 {
    margin-bottom: 1.875rem !important
}

.mb-40 {
    margin-bottom: 2.5rem !important
}

.mb-50 {
    margin-bottom: 3.125rem !important
}

.mb-60 {
    margin-bottom: 3.75rem !important
}

.mb-70 {
    margin-bottom: 4.375rem !important
}

.mb-80 {
    margin-bottom: 5rem !important
}

.mb-90 {
    margin-bottom: 5.625rem !important
}

.mb-100 {
    margin-bottom: 6.25rem !important
}

.mb-110 {
    margin-bottom: 6.875rem !important
}

.mb-120 {
    margin-bottom: 7.5rem !important
}

.ml-0 {
    margin-left: 0 !important
}

.ml-10 {
    margin-left: .625rem !important
}

.ml-20 {
    margin-left: 1.25rem !important
}

.ml-30 {
    margin-left: 1.875rem !important
}

.ml-40 {
    margin-left: 2.5rem !important
}

.ml-50 {
    margin-left: 3.125rem !important
}

.ml-60 {
    margin-left: 3.75rem !important
}

.ml-70 {
    margin-left: 4.375rem !important
}

.ml-80 {
    margin-left: 5rem !important
}

.ml-90 {
    margin-left: 5.625rem !important
}

.ml-100 {
    margin-left: 6.25rem !important
}

.ml-110 {
    margin-left: 6.875rem !important
}

.ml-120 {
    margin-left: 7.5rem !important
}

.mr-0 {
    margin-right: 0 !important
}

.mr-10 {
    margin-right: .625rem !important
}

.mr-20 {
    margin-right: 1.25rem !important
}

.mr-30 {
    margin-right: 1.875rem !important
}

.mr-40 {
    margin-right: 2.5rem !important
}

.mr-50 {
    margin-right: 3.125rem !important
}

.mr-60 {
    margin-right: 3.75rem !important
}

.mr-70 {
    margin-right: 4.375rem !important
}

.mr-80 {
    margin-right: 5rem !important
}

.mr-90 {
    margin-right: 5.625rem !important
}

.mr-100 {
    margin-right: 6.25rem !important
}

.mr-110 {
    margin-right: 6.875rem !important
}

.mr-120 {
    margin-right: 7.5rem !important
}

.mt-minus10 {
    margin-top: -.625rem !important
}

.mt-minus20 {
    margin-top: -1.25rem !important
}

.mt-minus30 {
    margin-top: -1.875rem !important
}

.mt-minus40 {
    margin-top: -2.5rem !important
}

.mt-minus50 {
    margin-top: -3.125rem !important
}

.mt-minus60 {
    margin-top: -3.75rem !important
}

.mt-minus70 {
    margin-top: -4.375rem !important
}

.mt-minus80 {
    margin-top: -5rem !important
}

.mt-minus90 {
    margin-top: -5.625rem !important
}

.mt-minus100 {
    margin-top: -6.25rem !important
}

.mt-minus110 {
    margin-top: -6.875rem !important
}

.mt-minus120 {
    margin-top: -7.5rem !important
}

.mb-minus10 {
    margin-bottom: -.625rem !important
}

.mb-minus20 {
    margin-bottom: -1.25rem !important
}

.mb-minus30 {
    margin-bottom: -1.875rem !important
}

.mb-minus40 {
    margin-bottom: -2.5rem !important
}

.mb-minus50 {
    margin-bottom: -3.125rem !important
}

.mb-minus60 {
    margin-bottom: -3.75rem !important
}

.mb-minus70 {
    margin-bottom: -4.375rem !important
}

.mb-minus80 {
    margin-bottom: -5rem !important
}

.mb-minus90 {
    margin-bottom: -5.625rem !important
}

.mb-minus100 {
    margin-bottom: -6.25rem !important
}

.mb-minus110 {
    margin-bottom: -6.875rem !important
}

.mb-minus120 {
    margin-bottom: -7.5rem !important
}

.ml-minus10 {
    margin-left: -.625rem !important
}

.ml-minus20 {
    margin-left: -1.25rem !important
}

.ml-minus30 {
    margin-left: -1.875rem !important
}

.ml-minus40 {
    margin-left: -2.5rem !important
}

.ml-minus50 {
    margin-left: -3.125rem !important
}

.ml-minus60 {
    margin-left: -3.75rem !important
}

.ml-minus70 {
    margin-left: -4.375rem !important
}

.ml-minus80 {
    margin-left: -5rem !important
}

.ml-minus90 {
    margin-left: -5.625rem !important
}

.ml-minus100 {
    margin-left: -6.25rem !important
}

.ml-minus110 {
    margin-left: -6.875rem !important
}

.ml-minus120 {
    margin-left: -7.5rem !important
}

.mr-minus10 {
    margin-right: -.625rem !important
}

.mr-minus20 {
    margin-right: -1.25rem !important
}

.mr-minus30 {
    margin-right: -1.875rem !important
}

.mr-minus40 {
    margin-right: -2.5rem !important
}

.mr-minus50 {
    margin-right: -3.125rem !important
}

.mr-minus60 {
    margin-right: -3.75rem !important
}

.mr-minus70 {
    margin-right: -4.375rem !important
}

.mr-minus80 {
    margin-right: -5rem !important
}

.mr-minus90 {
    margin-right: -5.625rem !important
}

.mr-minus100 {
    margin-right: -6.25rem !important
}

.mr-minus110 {
    margin-right: -6.875rem !important
}

.mr-minus120 {
    margin-right: -7.5rem !important
}

.p-10 {
    padding: .625rem !important
}

.p-20 {
    padding: 1.25rem !important
}

.p-30 {
    padding: 1.875rem !important
}

.p-40 {
    padding: 2.5rem !important
}

.p-50 {
    padding: 3.125rem !important
}

.p-60 {
    padding: 3.75rem !important
}

.p-70 {
    padding: 4.375rem !important
}

.p-80 {
    padding: 5rem !important
}

.p-90 {
    padding: 5.625rem !important
}

.p-100 {
    padding: 6.25rem !important
}

.p-110 {
    padding: 6.875rem !important
}

.p-120 {
    padding: 7.5rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-10 {
    padding-top: .625rem !important
}

.pt-20 {
    padding-top: 1.25rem !important
}

.pt-30 {
    padding-top: 1.875rem !important
}

.pt-40 {
    padding-top: 2.5rem !important
}

.pt-50 {
    padding-top: 3.125rem !important
}

.pt-60 {
    padding-top: 3.75rem !important
}

.pt-70 {
    padding-top: 4.375rem !important
}

.pt-80 {
    padding-top: 5rem !important
}

.pt-90 {
    padding-top: 5.625rem !important
}

.pt-100 {
    padding-top: 6.25rem !important
}

.pt-110 {
    padding-top: 6.875rem !important
}

.pt-120 {
    padding-top: 7.5rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-10 {
    padding-bottom: .625rem !important
}

.pb-20 {
    padding-bottom: 1.25rem !important
}

.pb-30 {
    padding-bottom: 1.875rem !important
}

.pb-40 {
    padding-bottom: 2.5rem !important
}

.pb-50 {
    padding-bottom: 3.125rem !important
}

.pb-60 {
    padding-bottom: 3.75rem !important
}

.pb-70 {
    padding-bottom: 4.375rem !important
}

.pb-80 {
    padding-bottom: 5rem !important
}

.pb-90 {
    padding-bottom: 5.625rem !important
}

.pb-100 {
    padding-bottom: 6.25rem !important
}

.pb-110 {
    padding-bottom: 6.875rem !important
}

.pb-120 {
    padding-bottom: 7.5rem !important
}

.pl-0 {
    padding-left: 0 !important
}

.pl-10 {
    padding-left: .625rem !important
}

.pl-20 {
    padding-left: 1.25rem !important
}

.pl-30 {
    padding-left: 1.875rem !important
}

.pl-40 {
    padding-left: 2.5rem !important
}

.pl-50 {
    padding-left: 3.125rem !important
}

.pl-60 {
    padding-left: 3.75rem !important
}

.pl-70 {
    padding-left: 4.375rem !important
}

.pl-80 {
    padding-left: 5rem !important
}

.pl-90 {
    padding-left: 5.625rem !important
}

.pl-100 {
    padding-left: 6.25rem !important
}

.pl-110 {
    padding-left: 6.875rem !important
}

.pl-120 {
    padding-left: 7.5rem !important
}

.pr-0 {
    padding-right: 0 !important
}

.pr-10 {
    padding-right: .625rem !important
}

.pr-20 {
    padding-right: 1.25rem !important
}

.pr-30 {
    padding-right: 1.875rem !important
}

.pr-40 {
    padding-right: 2.5rem !important
}

.pr-50 {
    padding-right: 3.125rem !important
}

.pr-60 {
    padding-right: 3.75rem !important
}

.pr-70 {
    padding-right: 4.375rem !important
}

.pr-80 {
    padding-right: 5rem !important
}

.pr-90 {
    padding-right: 5.625rem !important
}

.pr-100 {
    padding-right: 6.25rem !important
}

.pr-110 {
    padding-right: 6.875rem !important
}

.pr-120 {
    padding-right: 7.5rem !important
}

.bs-dark-sm {
    box-shadow: .125rem .125rem .25rem rgba(0, 0, 0, .15)
}

.bs-dark-md {
    box-shadow: .125rem .125rem .438rem rgba(0, 0, 0, .15)
}

.bs-dark-lg {
    box-shadow: .125rem .125rem .625rem rgba(0, 0, 0, .25)
}

.rounded-sm {
    border-radius: .188rem
}

.rounded-md {
    border-radius: .375rem
}

.rounded-lg {
    border-radius: .563rem
}

.rounded-full {
    border-radius: 3.125rem
}

.text-muted {
    color: #99a4ad !important
}

.text-primary {
    color: #3b567e !important
}

.text-secondary {
    color: #394657 !important
}

.text-success {
    color: #4ec74e !important
}

.text-info {
    color: #54c1e2 !important
}

.text-warning {
    color: #f1c420 !important
}

.text-danger {
    color: #e62c22 !important
}

.text-light {
    color: #eff5f9 !important
}

.text-dark {
    color: #1f2831 !important
}

.text-white {
    color: #fff !important
}

.text-black {
    color: #000 !important
}

.text-grey-1 {
    color: "#F1F3F4"
}

.text-grey-2 {
    color: "#E3E5E8"
}

.text-grey-3 {
    color: "#D6D9DC"
}

.text-grey-4 {
    color: "#BAC0C4"
}

.text-grey-5 {
    color: "#9EA6AE"
}

.text-grey-6 {
    color: "#818F98"
}

.text-grey-7 {
    color: "#66757F"
}

.text-grey-8 {
    color: "#495D69"
}

.text-grey-9 {
    color: "#3b567e"
}

.text-grey-10 {
    color: "#1B2932"
}

.link-white {
    color: #fff;
    font-weight: 700;
    font-size: .875rem;
    font-family: Manrope, sans-serif
}

.link-white:hover {
    color: #fff;
    text-decoration: underline !important
}

.link-primary {
    color: #3b567e !important;
    font-weight: 700;
    font-size: .875rem;
    font-family: Manrope, sans-serif
}

.link-primary:hover {
    color: #3b567e;
    text-decoration: underline !important
}

.link-secondary {
    color: #394657 !important;
    font-weight: 700;
    font-size: .875rem;
    font-family: Manrope, sans-serif
}

.link-secondary:hover {
    color: #394657;
    text-decoration: underline !important
}

.link-success {
    color: #4ec74e !important;
    font-weight: 700;
    font-size: .875rem;
    font-family: Manrope, sans-serif
}

.link-success:hover {
    color: #4ec74e;
    text-decoration: underline !important
}

.link-info {
    color: #54c1e2 !important;
    font-weight: 700;
    font-size: .875rem;
    font-family: Manrope, sans-serif
}

.link-info:hover {
    color: #54c1e2;
    text-decoration: underline !important
}

.link-warning {
    color: #f1c420 !important;
    font-weight: 700;
    font-size: .875rem;
    font-family: Manrope, sans-serif
}

.link-warning:hover {
    color: #f1c420;
    text-decoration: underline !important
}

.link-danger {
    color: #e62c22 !important;
    font-weight: 700;
    font-size: .875rem;
    font-family: Manrope, sans-serif
}

.link-danger:hover {
    color: #e62c22;
    text-decoration: underline !important
}

.link-light {
    color: #eff5f9 !important;
    font-weight: 700;
    font-size: .875rem;
    font-family: Manrope, sans-serif
}

.link-light:hover {
    color: #eff5f9;
    text-decoration: underline !important
}

.link-dark {
    color: #1f2831 !important;
    font-weight: 700;
    font-size: .875rem;
    font-family: Manrope, sans-serif
}

.link-dark:hover {
    color: #1f2831;
    text-decoration: underline !important
}

.bg-primary {
    background-color: #3b567e !important
}

.bg-secondary {
    background-color: #394657 !important
}

.bg-success {
    background-color: #4ec74e !important
}

.bg-info {
    background-color: #54c1e2 !important
}

.bg-warning {
    background-color: #f1c420 !important
}

.bg-danger {
    background-color: #e0372e !important
}

.bg-light {
    background-color: #eff5f9 !important
}

.bg-dark {
    background-color: #1f2831 !important
}

.bg-black {
    background-color: #000 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-grey-1 {
    background-color: #f1f3f4
}

.bg-grey-2 {
    background-color: #e3e5e8
}

.bg-grey-3 {
    background-color: #d6d9dc
}

.bg-grey-4 {
    background-color: #bac0c4
}

.bg-grey-5 {
    background-color: #9ea6ae
}

.bg-grey-6 {
    background-color: #818f98
}

.bg-grey-7 {
    background-color: #66757f
}

.bg-grey-8 {
    background-color: #495d69
}

.bg-grey-9 {
    background-color: #3b567e
}

.bg-grey-10 {
    background-color: #1b2932
}

.text-lh-1 {
    line-height: 1 !important
}

.text-lh-2 {
    line-height: 1.1 !important
}

.text-lh-3 {
    line-height: 1.2 !important
}

.text-lh-4 {
    line-height: 1.3 !important
}

.text-lh-5 {
    line-height: 1.4 !important
}

.text-lh-6 {
    line-height: 1.5 !important
}

.text-lh-7 {
    line-height: 1.6 !important
}

.text-lh-8 {
    line-height: 1.7 !important
}

.text-lh-9 {
    line-height: 1.8 !important
}

.text-lh-10 {
    line-height: 1.9 !important
}

.opacity-01 {
    opacity: .1
}

.opacity-02 {
    opacity: .2
}

.opacity-03 {
    opacity: .3
}

.opacity-04 {
    opacity: .4
}

.opacity-05 {
    opacity: .5
}

.opacity-06 {
    opacity: .6
}

.opacity-07 {
    opacity: .7
}

.opacity-08 {
    opacity: .8
}

.opacity-09 {
    opacity: .9
}

.opacity-10 {
    opacity: 1
}

hr {
    height: 1px;
    background-color: rgba(0, 0, 0, .06);
    border: 0
}

hr {
    border-color: #dedede;
    position: relative;
    margin: 1.5625rem auto
}

hr.hr-1 {
    position: relative;
    border: 0;
    height: 3px;
    background-color: #3b567e;
    width: 3.125rem
}

hr.hr-dark {
    border: 0;
    background-color: #000;
    height: 1px
}

hr.hr-light {
    border: 0;
    background-color: #fff;
    height: 1px
}

.fade {
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all
}

.border {
    border: 1px solid #dedede !important
}

.border-top {
    border-top: 1px solid #dedede !important
}

.border-left {
    border-left: 1px solid #dedede !important
}

.border-right {
    border-right: 1px solid #dedede !important
}

.border-bottom {
    border-bottom: 1px solid #dedede !important
}

.border-light {
    border: 1px solid rgba(255, 255, 255, .2)
}

.border-light-top {
    border-top: 1px solid rgba(255, 255, 255, .2)
}

.border-light-left {
    border-left: 1px solid rgba(255, 255, 255, .2)
}

.border-light-right {
    border-right: 1px solid rgba(255, 255, 255, .2)
}

.border-light-bottom {
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.border-dark {
    border: 1px solid rgba(0, 0, 0, .1)
}

.border-dark-top {
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.border-dark-left {
    border-left: 1px solid rgba(0, 0, 0, .1)
}

.border-dark-right {
    border-right: 1px solid rgba(0, 0, 0, .1)
}

.border-dark-bottom {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.header-1 .emergency {
    display: flex;
    align-items: center;
    background-color: #4fc1b0;
    padding: 1.125rem 0 1.125rem 0;
    margin: 0;
    width: 100%;
    font-size: 1rem;
    text-align: center;
    justify-content: center
}

.header-1 .emergency .number {
    color: #fff;
    display: inline-block;
    font-weight: 600
}

.header-1 .emergency .sub-text {
    color: rgba(255, 255, 255, .75);
    margin-right: .625rem;
    font-weight: 600
}

.header-1 .topbar {
    border-bottom: 1px solid #ededed
}

.header-1 .topbar .topbar-items {
    display: flex;
    justify-content: space-between
}

.header-1 .topbar .topbar-social {
    display: flex;
    list-style: none;
    padding-left: 0;
    margin: 0
}

.header-1 .topbar .topbar-social a {
    height: 2.625rem;
    width: 2.375rem;
    display: inline-flex;
    font-size: 1.0625rem;
    color: #d3d8df;
    justify-content: center;
    align-items: center
}

.header-1 .topbar .widgets {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    font-family: Manrope, sans-serif;
    width: 100%
}

.header-1 .topbar .widgets li {
    display: inline-flex;
    align-items: center;
    padding: .625rem 1rem;
    font-size: .875rem;
    color: #3b567e;
    font-weight: 600;
    letter-spacing: -.01em
}

.header-1 .topbar .widgets li i {
    font-size: 1.25rem;
    margin-right: .375rem
}

.header-1 .topbar .widgets .emergency-widget {
    padding: 0;
    width: 100%
}

.header-1 .topbar .container-lg {
    padding: 0
}

.navbar-toggler-icon {
    position: relative;
    height: 1.5rem;
    width: 1.875rem
}

.navbar-toggler-icon span {
    position: absolute;
    height: 3px;
    display: block;
    width: 100%;
    background-color: #394657;
    border-radius: .125rem;
    transition: 350ms ease all
}

.navbar-toggler:not(.collapsed) .navbar-toggler-icon span:nth-child(2) {
    display: none
}

.navbar-toggler:not(.collapsed) .navbar-toggler-icon span:nth-child(1) {
    transform: rotate(135deg);
    top: .6875rem;
    width: 80%
}

.navbar-toggler:not(.collapsed) .navbar-toggler-icon span:nth-child(3) {
    transform: rotate(-135deg);
    top: .6875rem;
    width: 80%
}

.navbar-toggler.collapsed .navbar-toggler-icon span {
    transform: rotate(0)
}

.navbar-toggler.collapsed .navbar-toggler-icon span.one {
    top: 1px
}

.navbar-toggler.collapsed .navbar-toggler-icon span.two {
    top: 10px
}

.navbar-toggler.collapsed .navbar-toggler-icon span.three {
    top: 19px
}

.career-box {
    padding: 1.875rem;
    overflow: hidden;
    border: 1px solid #dedede;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all
}

#fixed-appointment {
    position: fixed;
    bottom: 0;
    right: .625rem;
    width: 350px;
    max-width: 100%;
    z-index: 99
}

#fixed-appointment .form-header {
    background-color: #3b567e;
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem
}

#fixed-appointment .form-header .heading {
    display: flex;
    align-items: center;
    margin: 0;
    color: #fff;
    padding: .875rem 1.25rem
}

#fixed-appointment .form-header #open-form:after {
    content: "\ea1f";
    font-family: Ionicons;
    position: absolute;
    color: #fff;
    z-index: 5;
    right: 1.25rem;
    top: .438rem;
    font-size: 1.5rem
}

#fixed-appointment .form-header #open-form.open:after {
    transform: rotate(180deg)
}

#fixed-appointment .form-header .heading i {
    font-size: 1.5rem
}

#fixed-appointment .form-body {
    background-color: #f5f5f5;
    display: none;
    padding: 1.875rem
}

.icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1.4rem;
    height: 2.8125rem;
    width: 2.8125rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.icon-primary {
    background-color: #3b567e;
    color: #fff;
    border-color: #3b567e
}

.icon-outline-primary {
    color: #3b567e;
    border-color: #3b567e
}

.icon-secondary {
    background-color: #394657;
    color: #fff;
    border-color: #394657
}

.icon-outline-secondary {
    color: #394657;
    border-color: #394657
}

.icon-success {
    background-color: #4ec74e;
    color: #fff;
    border-color: #4ec74e
}

.icon-outline-success {
    color: #4ec74e;
    border-color: #4ec74e
}

.icon-warning {
    background-color: #f1c420;
    color: #fff;
    border-color: #f1c420
}

.icon-outline-warning {
    color: #f1c420;
    border-color: #f1c420
}

.icon-info {
    background-color: #42daf3;
    color: #fff;
    border-color: #42daf3
}

.icon-outline-info {
    color: #42daf3;
    border-color: #42daf3
}

.icon-danger {
    background-color: #e0372e;
    color: #fff;
    border-color: #e0372e
}

.icon-outline-danger {
    color: #e0372e;
    border-color: #e0372e
}

.icon-light {
    background-color: #eff5f9;
    color: #1f2831;
    border-color: #eff5f9
}

.icon-outline-light {
    color: #eff5f9;
    border-color: #eff5f9
}

.icon-dark {
    background-color: #1f2831;
    color: #fff;
    border-color: #1f2831
}

.icon-outline-dark {
    color: #1f2831;
    border-color: #1f2831
}

.icon-white {
    background-color: #fff;
    color: #2a2a2a;
    border-color: #fff
}

.icon-outline-white {
    color: #fff;
    border-color: #fff
}

.icon-round {
    border-radius: 50%
}

.icon-2x {
    height: 3.4375rem;
    width: 3.4375rem;
    font-size: 1.6rem;
    line-height: 3.625rem
}

.icon-3x {
    height: 4.063rem;
    width: 4.063rem;
    font-size: 1.8rem;
    line-height: 4.375rem
}

.icon-4x {
    height: 4.688rem;
    width: 4.688rem;
    border-width: 2px;
    font-size: 2.1rem;
    line-height: 5rem
}

.icon-5x {
    height: 5.313rem;
    width: 5.313rem;
    border-width: 2px;
    font-size: 2.4rem;
    line-height: 5.625rem
}

.icon-left,
.icon-right {
    font-size: 1.45em
}

.icon-left {
    margin-right: 5px
}

.icon-right {
    margin-left: .75rem
}

p>.icon-left,
p>.icon-right {
    line-height: 1.4
}

.iconbox-1 {
    text-align: center;
    border: 1px solid #dedede;
    padding: 1.875rem
}

.iconbox-1 .iconbox-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #e6f4ff;
    border-radius: 50%;
    color: #3b567e;
    font-size: 3.75rem;
    height: 5.625rem;
    width: 5.625rem;
    transition: 350ms ease all
}

.iconbox-1 .iconbox-content {
    margin-top: 1.875rem
}

.iconbox-1:hover .iconbox-icon {
    background-color: #3b567e;
    color: #fff
}

.iconbox-2 {
    display: flex;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all
}

.iconbox-2 .iconbox-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.875rem;
    background-color: #e6f4ff;
    color: #3b567e;
    height: 4.375rem;
    width: 4.375rem;
    border-radius: 50%;
    flex-shrink: 0;
    margin-right: 1.5625rem;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all
}

.iconbox-3 {
    position: relative;
    padding: 1.875rem;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all
}

.iconbox-3 .iconbox-icon {
    margin-bottom: 1.25rem;
    font-size: 4.063rem;
    text-align: center;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all
}

.iconbox-3:hover {
    background-color: #e6f4ff
}

.iconbox-3:hover .iconbox-icon {
    color: #3b567e
}

.iconbox-4 {
    position: relative
}

.iconbox-4 .iconbox-body {
    margin-top: 1.563rem
}

.iconbox-4 .iconbox-icon {
    display: inline-flex;
    height: 4.063rem;
    width: 4.063rem;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #3b567e;
    color: #fff;
    font-size: 1.875rem
}

.department-box-1 {
    position: relative;
    overflow: hidden;
    padding: 1.875rem;
    text-align: center;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all
}

.department-box-1 .dep-icon {
    display: inline-block;
    font-size: 3.125rem;
    background-color: #fff;
    height: 6.25rem;
    width: 6.25rem;
    box-shadow: .125rem .125rem .313rem rgb(0, 0, 0, .08);
    border-radius: 50%;
    line-height: 6.563rem;
    text-align: center;
    color: #3b567e;
    margin-bottom: 1.25rem;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all
}

.department-box-2 {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    padding: 1.875rem;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all
}

.department-box-2 .dep-icon {
    font-size: 2.25rem;
    color: #3b567e;
    height: 3rem;
    margin-right: .75rem;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all
}

.department-box-2 .head {
    display: flex;
    align-items: center;
    margin-bottom: .625rem
}

.department-box-2 .body {
    border-top: 0
}

.department-box-2:hover {
    border-color: #3b567e
}

.department-box-3 {
    text-align: center
}

.department-box-3 .dep-icon {
    background-color: #eff5f9;
    display: inline-flex;
    height: 5rem;
    width: 5rem;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-size: 3.4375rem;
    color: #3b567e;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all
}

.department-box-3:hover i {
    background-color: rgba(255, 255, 255, .1)
}

.department-box-3 a {
    display: block;
    margin-top: .875rem;
    color: #1a1a1a;
    font-weight: 800;
    margin-bottom: 0
}

.department-box-4 {
    text-align: center
}

.department-box-4 .dep-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #4fc1b0;
    border-radius: 50%;
    color: #fff;
    font-size: 3.75rem;
    height: 5.625rem;
    width: 5.625rem;
    transition: 350ms ease all
}

.department-box-4 .body {
    margin-top: 1.875rem
}

.department-box-4:hover .dep-icon {
    background-color: #3b567e;
    color: #fff
}

.department-box-5 {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    padding: 1.875rem;
    border: 1px solid #dedede;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all
}

.department-box-5 .dep-icon {
    font-size: 2.25rem;
    color: #3b567e;
    height: 3rem;
    margin-right: .75rem;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all
}

.department-box-5 .head {
    display: flex;
    align-items: center;
    margin-bottom: .625rem
}

.department-box-5 .body {
    border-top: 0
}

.department-box-5 .price {
    display: inline-flex;
    align-items: center;
    color: #2a2a2a;
    font-family: Manrope, sans-serif
}

.department-box-5 .price .new-price {
    font-weight: 800;
    font-size: 1.75rem;
    text-decoration: none
}

.department-box-5 .price del {
    font-size: 1.25rem;
    font-weight: 600;
    margin-right: .313rem
}

.department-box-5 .price .badge {
    margin-left: .5rem
}

.department-box-6 .head {
    display: inline-block;
    border: 1px solid #dedede;
    padding: .625rem;
    border-radius: 50%
}

.department-box-6 .body {
    margin-top: 1.25rem;
    text-align: center
}

.department-list {
    list-style: none;
    padding: 0
}

.department-list li {
    margin: .313rem 0;
    display: flex;
    overflow: hidden
}

.department-list li .list-icon {
    display: inline-flex;
    flex-shrink: 0;
    font-size: 1.875rem;
    height: 2.75rem;
    width: 2.75rem;
    border-radius: 50%;
    background-color: #3b567e;
    color: #fff;
    margin-right: 1.25rem;
    line-height: 1;
    align-items: center;
    justify-content: center
}

.department-list li .heading {
    margin-bottom: .375rem
}

.offer-box {
    position: relative;
    display: flex;
    align-items: center;
    border: 1px solid #dedede;
    background-color: #fff;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all
}

.offer-box .price {
    display: inline-flex;
    align-items: center;
    color: #2a2a2a;
    font-family: Manrope, sans-serif
}

.offer-box .price .new-price {
    font-weight: 800;
    font-size: 1.75rem;
    text-decoration: none
}

.offer-box .price del {
    font-size: 1.25rem;
    font-weight: 600;
    margin-right: .313rem
}

.offer-box .price .basis {
    margin-left: .313rem
}

.offer-box .offer-tag {
    font-family: Manrope, sans-serif;
    position: absolute;
    left: 0;
    top: .625rem;
    font-size: .875rem;
    background-color: #3b567e;
    padding: .5rem .5rem;
    color: #fff
}

.offer-box .offer-tag:after,
.offer-box .offer-tag:before {
    content: "";
    position: absolute;
    right: -1.1875rem;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid
}

.offer-box .offer-tag:before {
    border-width: 2.3125rem 1.25rem 0 0;
    border-color: rgba(66, 124, 197, .8) transparent transparent transparent
}

.offer-box .offer-tag:after {
    border-width: 2.3125rem 0 0 1.25rem;
    border-color: transparent transparent transparent rgba(66, 124, 197, .8)
}

.offer-box .offer-header {
    width: 25%;
    flex-shrink: 0
}

.offer-box .offer-header .heading {
    margin-bottom: .1em;
    font-size: 1.75rem
}

.offer-box .offer-body {
    padding: 1.875rem
}

.doctor-box-1 {
    text-align: center;
    position: relative;
    padding: .9375rem;
    background: #f2f2f2;
    background: linear-gradient(45deg, #f2f2f2 0, rgba(242, 242, 242, .3) 100%)
}

.doctor-box-1 img {
    margin: auto
}

.doctor-box-1 .doctor-data {
    position: relative;
    background-color: #ffffffa7;
    text-align: center;
    width: 100%;
}

.doctor-box-1 .doctor-details {
    padding: .9375rem 0 0 0;
    transition: 350ms ease all
}

.doctor-box-1 .doctor-details .doctor-name {
    margin-bottom: .313rem
}

.doctor-box-1 .doctor-social {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: .625rem 0;
    left: 0;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all
}

.doctor-box-1:hover .doctor-social {
    top: 0;
    opacity: 1;
    visibility: visible
}

.doctor-box-2 {
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all
}

.doctor-box-2 .doctor-img {
    position: relative;
    max-width: 13.125rem;
    border: 1px solid #dedede;
    padding: .625rem;
    border-radius: 50%;
    margin: auto
}

.doctor-box-2 .doctor-img img {
    max-width: 100%
}

.doctor-box-2 .doctor-name {
    text-align: center;
    margin-top: 1.25rem;
    margin-bottom: .625rem
}

.doctor-box-2 .doctor-name .heading {
    margin-bottom: 0
}

.doctor-box-2 .doctor-details {
    text-align: center
}

.doctor-box-2 .doctor-name .doctor-desig {
    display: block;
    margin-top: .313rem;
    color: #9a9a9a
}

.doctor-box-2:hover {
    border-color: #3b567e
}

.doctor-box-3 {
    position: relative;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all
}

.doctor-box-3 .doctor-head {
    display: flex;
    align-items: center
}

.doctor-box-3 .doctor-desig {
    font-family: Manrope, sans-serif;
    color: #9e9e9e;
    font-size: 85%;
    font-weight: 600
}

.doctor-box-3 .doctor-detail {
    position: absolute;
    left: 0;
    bottom: 1.25rem;
    padding: .625rem 1.25rem;
    background-color: #fff
}

.doctor-box-3 .doctor-detail .heading {
    font-size: 1.125rem;
    margin-bottom: .125rem
}

.donation-box .body {
    padding: 1.875rem;
    background-color: #fff
}

.table-schedule {
    width: 100%;
    background-color: #f9f9f9;
    border: 1px solid #dedede
}

.table-schedule td {
    border-right: 1px solid #dedede;
    height: 5rem;
    padding: .875rem;
    position: relative;
    text-align: center
}

.table-schedule thead th {
    color: #1a1a1a;
    font-size: 1rem;
    font-family: Manrope, sans-serif;
    text-align: center;
    font-weight: 800;
    border-right: 1px solid #dedede;
    text-transform: uppercase;
    background-color: #fff
}

.table-schedule tbody tr td:first-child {
    font-family: Manrope, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.25rem;
    border-bottom: 1px solid #dedede
}

.table-schedule tbody tr td:first-child span {
    font-size: .875rem;
    color: rgba(0, 0, 0, .65)
}

.table-schedule tbody td.green {
    background-color: #d2f7d2
}

.table-schedule tbody td.purple {
    background-color: #e2e0f7
}

.table-schedule tbody td.yellow {
    background-color: #fdf5bf
}

.table-schedule tbody td.red {
    background-color: #f7e4e4
}

.table-schedule tbody td.lunch {
    background: repeating-linear-gradient(45deg, #f9f9f9, #f9f9f9 10px, #f4f4f4 10px, #f4f4f4 20px)
}

.table-schedule tbody td .book {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, .8);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all
}

.table-schedule tbody td:hover .book {
    opacity: 1;
    visibility: visible
}

.table-schedule tbody td .book .btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.table-schedule-mini .doctor-img {
    margin-right: 1.25rem
}

.table-schedule-mini .doctor-img img {
    max-width: 3.75rem;
    border-radius: 50%
}

.table-schedule-mini .doctor-detail {
    display: flex;
    align-items: center
}

.table-schedule-mini .doctor-detail .heading {
    margin-bottom: .313rem
}

.table-schedule-mini .doctor-detail .doctor-post {
    color: #a2a2a2;
    font-size: 90%
}

.table-schedule-mini td,
.table-schedule-mini th {
    white-space: nowrap
}

.pricing-box-1 {
    position: relative;
    border: 1px solid #dedede;
    border-radius: .188rem;
    overflow: hidden
}

.pricing-box-1 .header {
    position: relative;
    z-index: 6;
    text-align: center;
    padding: 0 1.875rem 0 1.875rem
}

.pricing-box-1 .pricing-icon {
    position: relative;
    font-size: 3.75rem;
    color: #3b567e;
    z-index: 5;
    padding: .9375rem 1.875rem 0 1.875rem;
    text-align: center
}

.pricing-box-1 .pricing-icon:before {
    content: "";
    height: 400px;
    width: 700px;
    background-color: #eff5f9;
    position: absolute;
    z-index: -1;
    left: 50%;
    margin-left: -350px;
    bottom: -3.75rem;
    border-radius: 50%
}

.pricing-box-1 .price {
    font-family: Manrope, sans-serif;
    line-height: 1;
    display: flex;
    justify-content: center
}

.pricing-box-1 .price .price-currency {
    font-size: 1.25rem;
    line-height: 1.6;
    margin-right: .25rem
}

.pricing-box-1 .price .price-basis {
    align-self: flex-end;
    line-height: 1.6;
    margin-left: .625rem
}

.pricing-box-1 .price .price-fig {
    font-size: 3.125rem;
    font-weight: 800;
    margin-right: .313rem
}

.pricing-box-1 .price .price-fig small {
    font-size: 1.125rem
}

.pricing-box-1 .body {
    padding: 1.875rem
}

.feature-box .heading {
    display: flex;
    align-items: center
}

.contact-icon {
    display: flex
}

.contact-icon .con-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #3b567e;
    font-size: 1.5rem;
    height: 2.75rem;
    width: 2.75rem;
    flex-shrink: 0;
    border: 2px solid #3b567e;
    border-radius: 50%;
    margin-right: 1.5rem
}

.process-box-1 {
    position: relative;
    text-align: center
}

.process-box-1 .process-box-header {
    position: relative;
    padding-bottom: 1.875rem
}

.process-box-1 .process-box-header .icon {
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all;
    color: #3b567e;
    font-size: 2.125rem
}

.process-box-1:hover .process-box-header .icon {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.process-box-1 .process-box-body {
    position: relative;
    padding: 2.1875rem 1.25rem 0 1.25rem;
    border-top: 2px dashed #e5e5e5
}

.process-box-1 .process-box-body p {
    margin-bottom: 0
}

.process-box-1 .process-box-body:before {
    content: "";
    position: absolute;
    top: -.313rem;
    left: 50%;
    height: .625rem;
    width: .625rem;
    background-color: #3b567e;
    border-radius: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.process-box-1 .process-box-body:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .375rem 0 .375rem .65rem;
    border-color: transparent transparent transparent #e5e5e5;
    top: -.438rem;
    right: -.5rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.process-box-1.first .process-box-header:after,
.process-box-1.last .process-box-header:after {
    content: "";
    position: absolute;
    bottom: -.625rem;
    right: -.625rem;
    height: 1.25rem;
    width: 1.25rem;
    border: 2px solid #e5e5e5;
    background-color: #fff;
    border-radius: 50%;
    z-index: 5;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.process-box-1.first .process-box-header:after {
    left: 0;
    right: initial
}

.process-box-1.last .process-box-body:after {
    display: none
}

.counter-box-1 {
    color: #303b41
}

.counter-box-1 .fact-number {
    font-family: Manrope, san-serif;
    font-size: 3.125rem;
    color: #3b567e;
    font-weight: 800;
    border-radius: 50%;
    margin-bottom: .313rem
}

.counter-box-2 {
    background-color: #f7f7f7;
    padding: 2.5rem;
    border-radius: .25rem
}

.counter-box-2 .fact-count {
    font-family: Manrope, sans-serif;
    font-size: 1.875rem;
    margin-right: .625rem;
    color: #3b567e;
    text-align: center;
    font-weight: 800;
    line-height: 1.2
}

.counter-box-2 .counter-box-head {
    display: flex;
    align-items: flex-end;
    margin-bottom: 1.25rem
}

.counter-box-2 .heading {
    margin: 0;
    line-height: 1.4
}

.counter-box-3 {
    text-align: center
}

.counter-box-3 .heading {
    color: #fff;
    margin: 0
}

.counter-box-3 .iconbox-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: #fff;
    background-color: #3b567e;
    height: 4.375rem;
    width: 4.375rem;
    margin-bottom: 1.25rem;
    border-radius: 50%;
    line-height: 1
}

.counter-box-3 .fact-count {
    font-family: Manrope, sans-serif;
    font-size: 2.5rem;
    color: #fff;
    font-weight: 800;
    line-height: 1;
    margin-bottom: .9375rem
}

.counter-box-4 {
    display: flex;
    /* justify-content: center */
}

.counter-box-4 .fact-icon {
    color: #3b567e;
    font-size: 2.25rem;
    margin-right: 1.25rem;
    line-height: 1.4
}

.counter-box-4 .fact-body .fact-count {
    font-family: Manrope, sans-serif;
    font-weight: 800;
    font-size: 2.5rem;
    margin-right: .313rem;
    line-height: 1
}

.counter-box-4 .fact-body .heading {
    margin-top: .625rem;
    line-height: 1.6
}

.progress-circle {
    text-align: center
}

.progress-circle .circle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative
}

.progress-circle .circle .progress-value {
    font-family: Manrope, sans-serif;
    position: absolute;
    font-weight: 600;
    font-size: 1.125rem
}

.btn-app {
    text-align: left;
    padding: .75rem 1.625rem
}

.btn-app .btn-icon {
    font-size: 2.125rem;
    line-height: 1;
    margin-right: .625rem
}

.btn-app .text .sub-text {
    font-size: .875rem;
    display: block;
    font-weight: 300;
    text-transform: none;
    opacity: .65
}

.testimonial-1 {
    text-align: center;
}

.testimonial-1 .testimonial-icon {
    width: 3.75rem;
    margin-bottom: 1.25rem
}

.testimonial-1:before {
    position: absolute;
    top: 0;
    width: 3.75rem;
    margin-left: -1.875rem
}

.testimonial-1 .testimonial-text {
    font-size: 1.125rem
}

.testimonial-1 .testimonial-author {
    margin-top: 1.875rem
}

.testimonial-1 .testimonial-author .heading {
    font-weight: 800;
    margin-bottom: .375rem
}

.testimonial-1 .slider-nav-outer {
    display: flex;
    justify-content: center;
}

.testimonial-1 .slider-nav {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.testimonial-1 .slider-nav .icon-next,
.testimonial-1 .slider-nav .icon-prev {
    height: 2.5rem;
    width: 2.5rem;
    font-size: 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 2px solid #484848;
    border-radius: 50%;
    transition: 350ms ease all
}

.testimonial-1 .slider-nav .icon-next:hover,
.testimonial-1 .slider-nav .icon-prev:hover {
    background-color: #3b567e;
    border-color: #3b567e;
    color: #fff
}

.testimonial-1 .slider-nav .slick-center {
    margin: 0 3.125rem
}

.testimonial-1 .slider-nav .slick-list {
    padding: .9375rem 0;
    width: 220px;
    margin: 0 3.125rem
}

.testimonial-1 .slider-nav .slick-center .testimonial-author-img {
    opacity: 1;
    transform: scale(1.4)
}

.testimonial-1 .slider-nav .testimonial-author-img {
    max-width: 4.375rem;
    border-radius: 50%;
    overflow: hidden;
    opacity: .7;
    transition: 350ms ease all
}

.testimonial-1 .slider-nav .slick-slide {
    margin: 0 .313rem
}

.testimonial-1.slider-light .testimonial-author .heading {
    color: #fff
}

.testimonial-1.slider-light .testimonial-text {
    color: #fff
}

.testimonial-1.slider-light .slider-nav .icon-next,
.testimonial-1.slider-light .slider-nav .icon-prev {
    border-color: #fff;
    color: #fff
}

.testimonial-2 {
    position: relative
}

.testimonial-2 {
    position: relative;
    padding: 4rem 1.875rem 1.25rem 1.875rem;
    border: 1px solid #dedede;
    border-radius: .25rem
}

.testimonial-2:before {
    content: url(../images/quote-primary.svg);
    position: absolute;
    top: 1.25rem;
    left: 2.5rem;
    width: 1.875rem
}

.testimonial-2 .testimonial-text {
    font-size: 1rem
}

.testimonial-2 .testimonial-author {
    margin-top: 1.563rem;
    display: flex;
    align-items: center
}

.testimonial-2 .testimonial-author .heading {
    margin-bottom: .313rem
}

.testimonial-2 .slider-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 8.125rem;
    margin: 2.5rem auto 0 auto
}

.testimonial-2 .slider-nav .icon-next,
.testimonial-2 .slider-nav .icon-prev {
    height: 3.75rem;
    width: 3.75rem;
    font-size: 1.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid #dedede;
    border-radius: 50%;
    transition: 350ms ease all
}

.testimonial-2 .slick-slide {
    margin: 0 .625rem
}

.testimonial-2 .testimonial-author .testi-img {
    width: 3.4375rem;
    border-radius: 50%;
    overflow: hidden;
    margin-right: .9375rem
}

.img-box {
    position: relative;
    border-radius: .25rem;
    overflow: hidden;
    margin: .063rem
}

.img-box img {
    transition: 2s ease all
}

.img-box .img-open {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    font-size: 2.25rem;
    color: #fff;
    background-color: rgba(0, 0, 20, .5);
    opacity: 0;
    visibility: hidden;
    z-index: 2;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all
}

.img-box:hover .img-open {
    visibility: visible;
    opacity: 1
}

.img-box:hover img {
    transform: scale(1.25)
}

.event-box-1 {
    position: relative;
    background-position: center center;
    background-size: cover
}

.event-box-1 .event-header {
    position: absolute;
    width: 100%;
    padding: 5rem 1.875rem 1.875rem 1.875rem;
    bottom: 0;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all;
    background: #000;
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, .9) 0, rgba(0, 0, 0, .55) 75%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, .9) 0, rgba(0, 0, 0, .55) 75%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, .9) 0, rgba(0, 0, 0, .55) 75%, rgba(0, 0, 0, 0) 100%)
}

.event-box-1 .event-header .heading {
    color: #fff
}

.event-box-1 .event-header .event-details {
    list-style: none;
    color: #fff;
    padding-left: 0;
    margin-bottom: 0
}

.event-box-1 .event-header .event-details li {
    display: flex;
    align-items: center
}

.event-box-1 .event-header .event-details li+li {
    margin-top: .625rem
}

.event-box-1 .event-header .event-details li .icon-left {
    color: #3b567e
}

.event-box-1 .event-header .event-action {
    margin-top: 1.875rem
}

.event-box-2 {
    background-color: #f4f4f4;
    border-radius: .25rem;
    overflow: hidden
}

.event-box-2 img {
    width: 400px
}

.event-box-2 .event-header .event-details {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}

.event-box-2 .event-header .event-details li {
    display: flex;
    align-items: center
}


.event-box-2 .event-header .event-details li .icon-left {
    color: #3b567e
}

.event-box-2 .event-action {
    flex-shrink: 0
}

.social {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0
}

.social li+li {
    margin-left: .5rem
}

.social li a {
    position: relative;
    background-color: #3b567e;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 1.875rem;
    width: 1.875rem;
    border-radius: .25rem;
    color: #fff;
    font-size: 1rem;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all;
    z-index: 1
}

.social li a:hover {
    background-color: #106fab
}

.social-round li a {
    border-radius: 50%
}

.social-2x li a {
    font-size: 1.375rem;
    height: 2.5rem;
    width: 2.5rem
}

.social li a.facebook {
    background-color: #3b5998
}

.social li a.twitter {
    background-color: #55acee
}

.social li a.linkedin {
    background-color: #0077b5
}

.social li a.skype {
    background-color: #00aff0
}

.social li a.wordpress {
    background-color: #21759b
}

.social li a.vimeo {
    background-color: #1ab7ae
}

.social li a.tumblr {
    background-color: #35465c
}

.social li a.yahoo {
    background-color: #410093
}

.social li a.google {
    background-color: #dc4e41
}

.social li a.pinterest {
    background-color: #bd081c
}

.social li a.youtube {
    background-color: #b31217
}

.social li a.whatsapp {
    background-color: #25d366
}

.social li a.instagram {
    background-color: #517fa4
}

.social li a.dribbble {
    background-color: #ea4c89
}

.social li a.flickr {
    background-color: #ff0084
}

.social li a.foursquare {
    background-color: #f94877
}

.social li a.snapchat {
    background-color: #fffc00;
    color: #4c4b14
}

.youtube-video {
    position: relative;
    width: 100%;
    min-height: 200px;
    height: 100%;
    background-size: cover;
    background-position: center center
}

.youtube-video .video-data {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .4)
}

.youtube-video .video-data .video-title {
    color: #fff;
    font-weight: 800;
    margin: 0
}

.youtube-video .btn-play {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 4.063rem;
    width: 4.063rem;
    border: 3px solid #fff;
    border-radius: 50%;
    color: #fff;
    padding-left: .5rem;
    font-size: 2.5rem;
    cursor: pointer;
    transition: 350ms ease all
}

.youtube-video:hover .btn-play {
    background-color: #3b567e;
    border-color: #3b567e
}

#modal-video .modal-content {
    border: 0
}

#modal-video .modal-body {
    padding: 0
}

#modal-video .modal-body iframe {
    display: block
}

.timer {
    list-style: none;
    padding: 0
}

.timer li {
    font-family: Manrope, sans-serif;
    font-weight: 800;
    display: inline-flex;
    flex-direction: column;
    width: 5.5rem;
    background-color: #fafafa;
    padding: .625rem;
    color: #1a1a1a;
    margin: .313rem;
    align-items: center;
    border: 2px solid rgba(255, 255, 255, .2);
    border-radius: .625rem;
    text-transform: uppercase;
    box-shadow: .125rem .125rem .25rem rgba(0, 0, 0, .15)
}

.timer li span {
    font-size: 3rem;
    margin-right: .313rem;
    line-height: 1.2
}

.gmap {
    height: 500px
}

.info-window {
    display: flex
}

.info-window .info-head {
    margin-right: 1.5rem
}

.info-window .info-text {
    font-size: 1rem
}

#back {
    align-items: center;
    justify-content: center;
    display: none;
    position: fixed;
    right: 2.1875rem;
    bottom: -3.4375rem;
    height: 3.125rem;
    width: 3.125rem;
    background-color: #3b567e;
    color: #d6e1ef;
    line-height: 3.125rem;
    text-align: center;
    cursor: pointer;
    border-radius: 50% 50% 0 0;
    box-shadow: .125rem .125rem .188rem rgba(0, 0, 0, .3);
    font-size: 1.625rem;
    z-index: 99;
    transition: .5s ease all
}

#back.visible {
    bottom: 0
}

footer .logo-footer {
    width: 12.375rem
}

footer .footer-pri {
    padding: 3.125rem 0
}

footer .footer-sec {
    padding: .9375rem 0;
    font-size: .9375rem
}

footer .widget {
    margin: 1.25rem 0;
    position: relative;
    overflow: hidden
}

footer .payment-list {
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0
}

footer .payment-list .item {
    margin-right: .625rem
}

footer .payment-list .item img {
    max-width: 3.4375rem
}

footer .widget-links ul {
    list-style: none;
    padding: 0;
    margin: 0
}

footer .widget-links ul li {
    display: flex;
    align-items: center;
    padding-left: 1.25rem;
    position: relative
}

footer .widget-links ul li+li {
    margin-top: .25rem
}

footer .widget-links ul li:before {
    font-family: Ionicons;
    content: "\e9d4";
    color: #4fc1b0;
    font-size: .8125rem;
    position: absolute;
    left: 0
}

footer .widget-links ul li a {
    color: #73879e;
    padding: .125rem .313rem;
    display: inline-block;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all
}

footer .widget-twitter .tweets {
    position: relative
}

footer .widget-twitter .tweets:before {
    font-family: Ionicons;
    content: "\ebc8";
    position: absolute;
    color: #1da1f2;
    left: 0;
    top: 0;
    font-size: 1.625rem
}

footer .widget-twitter .tweets .tweet-item {
    font-family: Volkhov, serif;
    color: #73879e;
    height: 5.625rem;
    font-style: italic;
    font-size: 1.125rem
}

footer .widget .contact {
    list-style: none;
    padding: 0;
    font-size: 1rem
}

footer .widget .contact li {
    display: flex
}

footer .widget .contact li+li {
    margin-top: .438rem
}

footer .widget .contact li i {
    color: #4fc1b0;
    font-size: 1.25rem;
    margin-right: .625rem;
    line-height: 1.3
}

footer .footer-sec .misc-links {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center
}

footer .footer-sec .misc-links a {
    color: #73879e
}

footer.footer-1 .footer-pri {
    background-color: #ebf2f7
}

footer.footer-1 .footer-sec {
    background-color: #dbeaf5
}

footer.footer-1 .widget .heading {
    color: #73879e
}

footer.footer-1 .footer-text {
    color: #73879e
}

footer.footer-1 .widget-twitter .tweets .tweet-item {
    color: #73879e
}

footer.footer-1 .widget-links ul li a {
    color: #73879e
}

footer.footer-1 .widget-links ul li:hover a {
    color: #5f666e
}

footer.footer-1 hr {
    background-color: rgb(115, 135, 158, .12)
}

footer.footer-2 .footer-pri {
    background-color: #1b3156
}

footer.footer-2 .footer-sec {
    background-color: #182a48
}

footer.footer-2 .widget .heading {
    color: #b7c0cc
}

footer.footer-2 .widget-links ul li a {
    color: #abb2ba
}

footer.footer-2 .widget-links ul li:hover a {
    color: #ccd3db
}

footer.footer-2 .footer-text,footer.footer-2 .footer-text a {
    color: #fff
}

footer.footer-2 .widget-twitter .tweets .tweet-item {
    color: #abb2ba
}

footer.footer-2 hr {
    background-color: #23313f
}

.blog-box+.blog-box {
    margin-top: 3.125rem
}

.blog-box .blog-header {
    position: relative;
    padding-bottom: .9375rem;
    border-bottom: 1px solid #dedede
}

.blog-box .blog-excerpt {
    padding-top: .8125rem
}

.blog-box .blog-header .post-title {
    margin-top: 1.25rem;
    margin-bottom: .9375rem;
    line-height: 1.35
}

.blog-box .blog-header .post-title a {
    color: #1a1a1a
}

.blog-box .blog-meta {
    overflow: hidden;
    font-family: Manrope, sans-serif;
    font-size: .9375rem
}

.blog-box .blog-meta .meta-list {
    list-style: none;
    padding-left: 0;
    display: flex;
    margin: 0
}

.blog-box .blog-meta .meta-list>li+li {
    margin-left: 1.25rem
}

.blog-box .blog-meta .meta-list>.posted-by a,
.blog-box .blog-meta .meta-list>.posted-in a,
.blog-box .blog-meta .meta-list>.posted-on a {
    color: #3b567e;
    font-weight: 600
}

.blog-author {
    display: flex;
    margin-top: 3.125rem;
    border: 1px solid #dedede;
    padding: 1.875rem;
    overflow: hidden
}

.blog-author .author-media {
    margin-right: 2.5rem
}

.blog-author .author-media .author-img {
    margin-bottom: 1.25rem;
    border-radius: 50%;
    max-width: 8.75rem
}

.blog-comments {
    border: 1px solid #dedede;
    padding: 1.875rem;
    margin-top: 2.5rem
}

.blog-comments .comment-list .comment {
    display: flex;
    flex-wrap: wrap;
    padding: 1.5625rem 0 .9375rem
}

.blog-comments .comment-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.blog-comments .comment-list .comment-list {
    margin-left: 1.875rem
}

.blog-comments>.comment-list>.comment+.comment {
    border-top: 1px solid #f2f2f2
}

.blog-comments .comment-media {
    margin-right: 1.25rem;
    flex-basis: 12%
}

.blog-comments .comment-media .comment-img {
    border-radius: 50%;
    max-width: 100%
}

.blog-comments .who-said {
    font-family: Manrope, sans-serif;
    font-weight: 700
}

.blog-comments .what-said {
    margin: .5rem 0 .75rem 0
}

.blog-comments .comment-date {
    float: right;
    font-size: .8125rem;
    color: #b6c2cc;
    font-weight: 500
}

.blog-comments .comment-list .comment-body {
    flex-basis: 83%
}

.blog-comments .comment-list .comment-body .comment-reply {
    font-family: Manrope, sans-serif;
    font-size: .8125rem;
    font-weight: 800;
    text-transform: uppercase
}

.write-comment {
    border: 1px solid #dedede;
    padding: 1.875rem;
    margin-top: 2.5rem
}

.blog-grid .blog-meta {
    overflow: hidden;
    font-family: Manrope, sans-serif
}

.blog-grid .blog-meta .meta-list {
    list-style: none;
    padding-left: 0;
    display: flex;
    margin: 0
}

.blog-grid .blog-meta .meta-list>li+li {
    margin-left: .5rem
}

.blog-grid .blog-meta .meta-list>.posted-in a,
.blog-grid .blog-meta .meta-list>.posted-on a {
    font-size: .8125rem;
    font-weight: 600;
    color: #fff;
    padding: .125rem .313rem;
    border-radius: .125rem
}

.blog-grid .blog-meta .meta-list>.posted-on a {
    background-color: #8d8d8d
}

.blog-grid .blog-meta .meta-list>.posted-in a {
    background-color: #3b567e
}

.sidebar .widget {
    padding-bottom: 1.875rem;
    padding-top: 1.875rem;
    overflow: hidden
}

.sidebar .widget+.widget {
    border-top: 1px solid #dedede
}

.sidebar .widget .heading {
    font-weight: 800;
    margin-bottom: 1.25rem
}

.widget-search .search .btn {
    padding-left: 1rem;
    padding-right: 1rem
}

.widget-categories ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.widget-categories .widget-list li {
    padding: .625rem 0
}

.widget-categories .widget-list li:first-child {
    padding-top: 0
}

.widget-categories .widget-list li+li {
    border-top: 1px solid #f2f2f2
}

.widget-categories .widget-list li a {
    display: flex;
    justify-content: space-between;
    color: #1a1a1a;
    align-items: center
}

.widget-tags .widget-list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0
}

.widget-tags .widget-list li {
    margin: .188rem;
    overflow: hidden
}

.widget-tags .widget-list li a {
    color: #1a1a1a;
    background-color: #f7f7f7;
    padding: .5rem .75rem;
    display: inline-block;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all
}

.widget-tags .widget-list li a:hover {
    background-color: #3b567e;
    color: #fff
}

.widget-blogs .widget-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.widget-blogs .widget-list li {
    padding: .875rem 0 .875rem 2.1875rem;
    border-bottom: 1px solid #f2f2f2;
    position: relative;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all;
    border-radius: .25rem
}

.widget-blogs .widget-list li:before {
    content: "";
    height: .5rem;
    width: .5rem;
    border-radius: 50%;
    background-color: #dedede;
    left: .313rem;
    position: absolute;
    margin-top: .625rem;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all
}

.widget-blogs .widget-list li:first-child {
    padding-top: 0
}

.widget-blogs .widget-list li:last-child {
    border: 0;
    padding-bottom: 0
}

.widget-blogs .widget-list li a {
    color: #1a1a1a;
    transition: 350ms ease all
}

.widget-blogs .widget-list li:hover a {
    color: #3b567e
}

.widget-testimonial .slider-items .testi-img {
    max-width: 3.75rem;
    border-radius: 50%
}

.widget-testimonial .slider-items .testi-text {
    font-size: 1.125rem;
    font-style: italic;
    padding-top: 2.8125rem
}

.widget-testimonial .slider-items .testi-text:before {
    content: url(../images/quote-light.svg);
    position: absolute;
    top: 0;
    width: 2.1875rem;
    z-index: -1
}

.widget-testimonial .slider-items .said-by {
    margin-bottom: 0;
    margin-left: .9375rem;
    font-weight: 600
}

.widget-testimonial .slider-items .testi-footer {
    display: flex;
    align-items: center;
    margin-top: 1.875rem
}

.widget-departments ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.widget-departments ul li a {
    font-family: Manrope, sans-serif;
    display: flex;
    position: relative;
    align-items: center;
    color: #1a1a1a;
    text-align: center;
    font-weight: 500;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all;
    padding: .5rem 0
}

.widget-departments ul li a:after {
    font-family: Ionicons;
    content: "\ea18";
    color: #3b567e;
    position: absolute;
    right: 0
}

.widget-departments ul li+li {
    border-top: 1px solid #f2f2f2
}

.widget-departments ul li .dep-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.625rem;
    height: 2.5rem;
    width: 2.5rem;
    background-color: #f5f5f5;
    border-radius: 50%;
    margin-right: 1.25rem
}

.widget-departments ul li a:hover {
    padding-left: .625rem
}

.widget-doctors ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.widget-doctors ul li {
    display: flex;
    align-items: center;
    padding: .625rem 0;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all
}

.widget-doctors ul li+li {
    border-top: 1px solid #f2f2f2
}

.widget-doctors ul li:first-child {
    padding-top: 0
}

.widget-doctors ul li img {
    max-width: 3.75rem;
    border-radius: 50%;
    margin-right: 1.25rem
}

.widget-doctors ul li .doctor-name a {
    display: block;
    font-weight: 600
}

.coming-soon,
.not-found {
    background-color: #eff5f9
}

.coming-soon-box,
.not-found-box {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3.125rem
}

.coming-soon .icon,
.not-found .icon {
    position: absolute;
    font-size: 400px;
    z-index: -1;
    opacity: .05
}

.loader-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 999999;
    background-color: #fff
}

.loader {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 5.625rem;
    height: 5.625rem;
    top: 50%;
    left: 50%;
    font-size: 2.125rem;
    color: #cacaca;
    margin-top: -3.125rem;
    margin-left: -3.125rem
}

.loader:before {
    content: "";
    position: absolute;
    border-radius: 6.25rem;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: .25rem solid #cacaca;
    border-left: 4px solid #3b567e;
    -webkit-animation: circle 1.1s infinite linear;
    animation: circle 1.1s infinite linear
}

@-webkit-keyframes circle {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.loader i {
    -webkit-animation: pulse .5s infinite alternate;
    animation: pulse .5s infinite alternate
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    100% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }
}

@keyframes circle {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.flexible-slider .slick-track {
    display: flex;
    align-items: center
}

.slider-items .item {
    padding: .125rem .625rem
}

.slider-nav-outer {
    display: flex;
    justify-content: center;
}

.slider-nav,
.slider-nav-sleek {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.slider-nav .icon-next,
.slider-nav .icon-prev {
    position: absolute;
    height: 2.5rem;
    width: 2.5rem;
    font-size: 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: .125rem solid #484848;
    margin: 0 .25rem;
    border-radius: 50%;
    transition: 350ms ease all
}

.slider-nav-sleek .icon-next,
.slider-nav-sleek .icon-prev {
    position: absolute;
    height: 2.5rem;
    font-size: 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin: 0 .25rem;
    border-radius: 50%;
    transition: 350ms ease all
}

.slider-nav .icon-prev,
.slider-nav-sleek .icon-prev {
    left: 0
}

.slider-nav .icon-next,
.slider-nav-sleek .icon-next {
    right: 0
}

.slider-nav .icon-next:hover,
.slider-nav .icon-prev:hover {
    background-color: #3b567e;
    border-color: #3b567e;
    color: #fff
}

.slider-nav .slider-arrows,
.slider-nav-sleek .slider-arrows {
    position: absolute;
    height: 2.5rem;
    min-width: 6.25rem;
    width: 100%
}

.slider-nav .slider-dots,
.slider-nav-sleek .slider-dots {
    margin-left: 3.125rem;
    margin-right: 3.125rem;
    z-index: 5;
    height: 2.5rem;
    display: flex;
    align-items: center
}

.slider-nav-sleek .slider-dots {
    margin-left: 2.1875rem;
    margin-right: 2.1875rem
}

.slider-nav .slick-dots,
.slider-nav-sleek .slick-dots {
    width: 100%;
    padding: 0 1.25rem 0 1.25rem;
    list-style: none;
    display: flex;
    justify-content: center;
    margin: 0
}

.slider-nav .slick-dots button,
.slider-nav-sleek .slick-dots button {
    line-height: 0;
    padding: 0;
    color: transparent;
    height: .5rem;
    width: .5rem;
    border-radius: 50%;
    margin: 0 .5rem 0;
    border: .125rem solid transparent;
    background-color: rgba(0, 0, 0, .2);
    cursor: pointer;
    -moz-transition: 350ms ease all;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all
}

.slider-nav-sleek .slick-dots button {
    height: .4rem;
    width: .4rem
}

.slider-nav .slick-dots .slick-active button,
.slider-nav-sleek .slick-dots .slick-active button {
    height: .85rem;
    width: .85rem
}

.slider-nav.nav-light .slider-arrows .icon-next,
.slider-nav.nav-light .slider-arrows .icon-prev {
    border-color: #fff;
    color: #fff
}

.slider-nav.nav-light .slider-arrows .icon-next:hover,
.slider-nav.nav-light .slider-arrows .icon-prev:hover {
    border-color: #3b567e
}

.slider-nav-sleek.nav-light .slick-dots button,
.slider-nav.nav-light .slick-dots button {
    background-color: rgba(255, 255, 255, .55)
}

.slider-nav-sleek.nav-light .slider-arrows .icon-next,
.slider-nav-sleek.nav-light .slider-arrows .icon-prev {
    color: rgba(255, 255, 255, .85)
}

.news-slider.style-1 {
    background-color: #3b567e;
    padding: 1.875rem
}

.news-slider.style-1 .heading {
    color: #fff
}

.news-slider.style-1 p {
    color: rgba(255, 255, 255, .8);
    margin-bottom: 0
}

.news-slider.style-1 .slider-nav .left,
.news-slider.style-1 .slider-nav .right {
    background-color: transparent;
    border: 1px solid #fff
}

.news-slider.style-1 .slider-nav .left:hover,
.news-slider.style-1 .slider-nav .right:hover {
    background-color: #fff;
    color: #3b567e
}

.news-slider.style-2 {
    background-color: #f2f2f2;
    padding: 1.875rem
}

.news-slider.style-2 p {
    color: rgba(0, 0, 0, .8);
    margin-bottom: 0
}

.news-slider.style-3 {
    background-color: #303b41;
    padding: 1.875rem
}

.news-slider.style-3 .heading {
    color: #fff
}

.news-slider.style-3 p {
    color: rgba(255, 255, 255, .8);
    margin-bottom: 0
}

.carousel-control {
    top: 50%;
    margin: -1.0625rem .9375rem 0 .9375rem
}

.carousel-control.left,
.carousel-control.right {
    background: #3b567e;
    height: 3.125rem;
    width: 3.125rem;
    line-height: 2.875rem;
    text-align: center;
    font-size: 1.625rem;
    color: #fff;
    border-radius: .063rem;
    display: inline-block;
    cursor: pointer;
    text-shadow: none;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all;
    opacity: 1
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    background-image: none;
    font-size: 1.875rem
}

.carousel-indicators {
    align-items: center;
    margin-bottom: 1.875rem
}

.carousel-indicators li {
    height: .5rem;
    width: .5rem;
    border-radius: 50%;
    margin: 0 .5rem;
    color: #fff;
    opacity: 1;
    border: 0;
    box-shadow: 0 0 .625rem rgba(0, 0, 0, .75);
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all
}

.carousel-indicators .active {
    height: .85rem;
    width: .85rem
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
    width: 100%
}

.ui-datepicker {
    height: auto;
    margin: .313rem auto 0;
    box-shadow: .25rem .25rem .5rem rgba(0, 0, 0, .2);
    z-index: 9999 !important
}

.ui-datepicker-trigger {
    position: absolute;
    top: 50%;
    right: .313rem;
    background-color: transparent;
    border: 0;
    margin-top: -.9375rem
}

.ui-datepicker-trigger:focus {
    outline: 0
}

.ui-datepicker-trigger img {
    height: 1.5625rem
}

.style-1~.ui-datepicker-trigger img,
.style-2~.ui-datepicker-trigger img {
    filter: invert(100%) brightness(78%)
}

.style-3~.ui-datepicker-trigger img,
.style-4~.ui-datepicker-trigger img,
.ui-datepicker-trigger img {
    filter: invert(75%)
}

.ui-datepicker table {
    width: 100%;
    background-color: #f6f6f6;
    padding: .375rem
}

.ui-datepicker-header {
    font-family: Manrope, Sans-serif;
    background-color: #394657;
    color: #fff;
    padding: 0;
    overflow: hidden
}

.ui-datepicker-title {
    text-align: center;
    font-weight: 700;
    padding: .8125rem
}

.ui-datepicker-next,
.ui-datepicker-prev {
    font-family: Ionicons;
    display: inline-block;
    width: 3.125rem;
    height: 3.125rem;
    text-align: center;
    color: #fff;
    cursor: pointer;
    background-color: rgba(0, 0, 0, .1);
    line-height: 3.125rem;
    overflow: hidden;
    position: relative
}

.ui-icon-circle-triangle-e,
.ui-icon-circle-triangle-w {
    display: none
}

.ui-datepicker-prev {
    float: left
}

.ui-datepicker-prev:before {
    content: "\ea0c";
    position: absolute;
    left: 0
}

.ui-datepicker-next {
    float: right
}

.ui-datepicker-next:before {
    content: "\ea18";
    position: absolute;
    right: 0
}

.ui-datepicker-next:before,
.ui-datepicker-prev:before {
    font-size: 1.25rem;
    height: 100%;
    width: 100%;
    text-align: center
}

.ui-datepicker-next:hover:before,
.ui-datepicker-prev:hover:before {
    color: #fff;
    background-color: rgba(0, 0, 0, .2)
}

.ui-datepicker th {
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: 400;
    text-align: center;
    padding: .313rem 0;
    color: rgba(255, 255, 255, .8)
}

.ui-datepicker tbody td {
    padding: 0;
    border-right: 1px solid #fff;
    border-bottom: .125rem solid #fff
}

.ui-datepicker tbody td:last-child {
    border-right: 0
}

.ui-datepicker tbody tr {
    border-bottom: 1px solid #f2f2f2
}

.ui-datepicker tbody tr:last-child {
    border-bottom: 0
}

.ui-datepicker td a,
.ui-datepicker td span {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    width: 2.75rem;
    height: 2.75rem;
    line-height: 2.6875rem;
    color: #303b41
}

.ui-datepicker-calendar .ui-state-default {
    background: #f2f2f2
}

.ui-datepicker-calendar .ui-state-hover {
    background: #3b567e;
    color: #fff
}

.ui-datepicker-calendar .ui-state-active {
    background: #3b567e;
    color: #fff;
    position: relative
}

.ui-datepicker-unselectable .ui-state-default {
    background-color: #fff;
    color: #d5d5d5
}

.ui-datepicker-calendar td:first-child .ui-state-active {
    width: 1.8125rem;
    margin-left: 0
}

.ui-datepicker-calendar td:last-child .ui-state-active {
    width: 1.8125rem;
    margin-right: 0
}

.ui-datepicker-calendar tr:last-child .ui-state-active {
    height: 1.8125rem;
    margin-bottom: 0
}
    footer .footer-sec .misc-links {
        display: flex;
        justify-content: center;
        gap: 10px;
    }
       .stick {
        position: fixed !important;
        top: 0;
        width: 100%;
        box-shadow: 0 .063rem .25rem rgba(0, 0, 0, .3);
        animation: slideHeader 750ms ease-out
    }

    @keyframes slideHeader {
        0% {
            transform: translateY(-100%)
        }

        100% {
            transform: translateY(0)
        }
    }

@media only screen and (min-width:992px) {
    .header-1 .topbar .container-lg {
        padding-left: .9375rem;
        padding-right: .9375rem
    }

    .header-1 .topbar .widgets {
        width: auto
    }

    .header-1 .topbar .widgets .emergency-widget {
        width: auto
    }

    .header-1 .topbar .widgets .emergency-widget {
        margin-left: .875rem
    }

    .header-1 .emergency {
        font-size: .875rem;
        padding: .8125rem 1rem;
        width: auto
    }

    .event-box-2 {
        display: flex
    }

    .offer-box .offer-header {
        width: 45%
    }

    .table-schedule {
        table-layout: fixed
    }

    #fixed-appointment {
        right: 5.75rem
    }

    #back {
        display: flex
    }

 
    footer .footer-sec .misc-links {
        text-align: left
    }

    footer .footer-sec .misc-links li+li:before {
        content: "|";
        padding: 0 .625rem
    }

    .border-lg-top {
        border-top: 1px solid #dedede !important
    }

    .border-lg-right {
        border-right: 1px solid #dedede !important
    }

    .border-lg-bottom {
        border-bottom: 1px solid #dedede !important
    }

    .border-lg-left {
        border-left: 1px solid #dedede !important
    }

    .border-lg-top-0 {
        border-top: 0 !important
    }

    .border-lg-right-0 {
        border-right: 0 !important
    }

    .border-lg-bottom-0 {
        border-bottom: 0 !important
    }

    .border-lg-left-0 {
        border-left: 0 !important
    }

    .border-lg {
        border-top: 1px solid #dedede !important;
        border-bottom: 1px solid #dedede !important;
        border-left: 1px solid #dedede !important;
        border-right: 1px solid #dedede !important
    }

    .border-lg-0 {
        border-top: 0 !important;
        border-bottom: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mt-lg-10 {
        margin-top: .625rem !important
    }

    .mt-lg-20 {
        margin-top: 1.25rem !important
    }

    .mt-lg-30 {
        margin-top: 1.875rem !important
    }

    .mt-lg-40 {
        margin-top: 2.5rem !important
    }

    .mt-lg-50 {
        margin-top: 3.125rem !important
    }

    .mt-lg-60 {
        margin-top: 3.75rem !important
    }

    .mt-lg-70 {
        margin-top: 4.375rem !important
    }

    .mt-lg-80 {
        margin-top: 5rem !important
    }

    .mt-lg-90 {
        margin-top: 5.625rem !important
    }

    .mt-lg-100 {
        margin-top: 6.25rem !important
    }

    .mt-lg-110 {
        margin-top: 6.875rem !important
    }

    .mt-lg-120 {
        margin-top: 7.5rem !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-10 {
        margin-bottom: .625rem !important
    }

    .mb-lg-20 {
        margin-bottom: 1.25rem !important
    }

    .mb-lg-30 {
        margin-bottom: 1.875rem !important
    }

    .mb-lg-40 {
        margin-bottom: 2.5rem !important
    }

    .mb-lg-50 {
        margin-bottom: 3.125rem !important
    }

    .mb-lg-60 {
        margin-bottom: 3.75rem !important
    }

    .mb-lg-70 {
        margin-bottom: 4.375rem !important
    }

    .mb-lg-80 {
        margin-bottom: 5rem !important
    }

    .mb-lg-90 {
        margin-bottom: 5.625rem !important
    }

    .mb-lg-100 {
        margin-bottom: 6.25rem !important
    }

    .mb-lg-110 {
        margin-bottom: 6.875rem !important
    }

    .mb-lg-120 {
        margin-bottom: 7.5rem !important
    }

    .ml-lg-0 {
        margin-left: 0 !important
    }

    .ml-lg-10 {
        margin-left: .625rem !important
    }

    .ml-lg-20 {
        margin-left: 1.25rem !important
    }

    .ml-lg-30 {
        margin-left: 1.875rem !important
    }

    .ml-lg-40 {
        margin-left: 2.5rem !important
    }

    .ml-lg-50 {
        margin-left: 3.125rem !important
    }

    .ml-lg-60 {
        margin-left: 3.75rem !important
    }

    .ml-lg-70 {
        margin-left: 4.375rem !important
    }

    .ml-lg-80 {
        margin-left: 5rem !important
    }

    .ml-lg-90 {
        margin-left: 5.625rem !important
    }

    .ml-lg-100 {
        margin-left: 6.25rem !important
    }

    .ml-lg-110 {
        margin-left: 6.875rem !important
    }

    .ml-lg-120 {
        margin-left: 7.5rem !important
    }

    .mr-lg-0 {
        margin-right: 0 !important
    }

    .mr-lg-10 {
        margin-right: .625rem !important
    }

    .mr-lg-20 {
        margin-right: 1.25rem !important
    }

    .mr-lg-30 {
        margin-right: 1.875rem !important
    }

    .mr-lg-40 {
        margin-right: 2.5rem !important
    }

    .mr-lg-50 {
        margin-right: 3.125rem !important
    }

    .mr-lg-60 {
        margin-right: 3.75rem !important
    }

    .mr-lg-70 {
        margin-right: 4.375rem !important
    }

    .mr-lg-80 {
        margin-right: 5rem !important
    }

    .mr-lg-90 {
        margin-right: 5.625rem !important
    }

    .mr-lg-100 {
        margin-right: 6.25rem !important
    }

    .mr-lg-110 {
        margin-right: 6.875rem !important
    }

    .mr-lg-120 {
        margin-right: 7.5rem !important
    }

    .mt-lg-minus10 {
        margin-top: -.625rem !important
    }

    .mt-lg-minus20 {
        margin-top: -1.25rem !important
    }

    .mt-lg-minus30 {
        margin-top: -1.875rem !important
    }

    .mt-lg-minus40 {
        margin-top: -2.5rem !important
    }

    .mt-lg-minus50 {
        margin-top: -3.125rem !important
    }

    .mt-lg-minus60 {
        margin-top: -3.75rem !important
    }

    .mt-lg-minus70 {
        margin-top: -4.375rem !important
    }

    .mt-lg-minus80 {
        margin-top: -5rem !important
    }

    .mt-lg-minus90 {
        margin-top: -5.625rem !important
    }

    .mt-lg-minus100 {
        margin-top: -6.25rem !important
    }

    .mt-lg-minus110 {
        margin-top: -6.875rem !important
    }

    .mt-lg-minus120 {
        margin-top: -7.5rem !important
    }

    .mb-lg-minus10 {
        margin-bottom: -.625rem !important
    }

    .mb-lg-minus20 {
        margin-bottom: -1.25rem !important
    }

    .mb-lg-minus30 {
        margin-bottom: -1.875rem !important
    }

    .mb-lg-minus40 {
        margin-bottom: -2.5rem !important
    }

    .mb-lg-minus50 {
        margin-bottom: -3.125rem !important
    }

    .mb-lg-minus60 {
        margin-bottom: -3.75rem !important
    }

    .mb-lg-minus70 {
        margin-bottom: -4.375rem !important
    }

    .mb-lg-minus80 {
        margin-bottom: -5rem !important
    }

    .mb-lg-minus90 {
        margin-bottom: -5.625rem !important
    }

    .mb-lg-minus100 {
        margin-bottom: -6.25rem !important
    }

    .mb-lg-minus110 {
        margin-bottom: -6.875rem !important
    }

    .mb-lg-minus120 {
        margin-bottom: -7.5rem !important
    }

    .ml-lg-minus10 {
        margin-left: -.625rem !important
    }

    .ml-lg-minus20 {
        margin-left: -1.25rem !important
    }

    .ml-lg-minus30 {
        margin-left: -1.875rem !important
    }

    .ml-lg-minus40 {
        margin-left: -2.5rem !important
    }

    .ml-lg-minus50 {
        margin-left: -3.125rem !important
    }

    .ml-lg-minus60 {
        margin-left: -3.75rem !important
    }

    .ml-lg-minus70 {
        margin-left: -4.375rem !important
    }

    .ml-lg-minus80 {
        margin-left: -5rem !important
    }

    .ml-lg-minus90 {
        margin-left: -5.625rem !important
    }

    .ml-lg-minus100 {
        margin-left: -6.25rem !important
    }

    .ml-lg-minus110 {
        margin-left: -6.875rem !important
    }

    .ml-lg-minus120 {
        margin-left: -7.5rem !important
    }

    .mr-lg-minus10 {
        margin-right: -.625rem !important
    }

    .mr-lg-minus20 {
        margin-right: -1.25rem !important
    }

    .mr-lg-minus30 {
        margin-right: -1.875rem !important
    }

    .mr-lg-minus40 {
        margin-right: -2.5rem !important
    }

    .mr-lg-minus50 {
        margin-right: -3.125rem !important
    }

    .mr-lg-minus60 {
        margin-right: -3.75rem !important
    }

    .mr-lg-minus70 {
        margin-right: -4.375rem !important
    }

    .mr-lg-minus80 {
        margin-right: -5rem !important
    }

    .mr-lg-minus90 {
        margin-right: -5.625rem !important
    }

    .mr-lg-minus100 {
        margin-right: -6.25rem !important
    }

    .mr-lg-minus110 {
        margin-right: -6.875rem !important
    }

    .mr-lg-minus120 {
        margin-right: -7.5rem !important
    }

    .p-lg-10 {
        padding: .625rem !important
    }

    .p-lg-20 {
        padding: 1.25rem !important
    }

    .p-lg-30 {
        padding: 1.875rem !important
    }

    .p-lg-40 {
        padding: 2.5rem !important
    }

    .p-lg-50 {
        padding: 3.125rem !important
    }

    .p-lg-60 {
        padding: 3.75rem !important
    }

    .p-lg-70 {
        padding: 4.375rem !important
    }

    .p-lg-80 {
        padding: 5rem !important
    }

    .p-lg-90 {
        padding: 5.625rem !important
    }

    .p-lg-100 {
        padding: 6.25rem !important
    }

    .p-lg-110 {
        padding: 6.875rem !important
    }

    .p-lg-120 {
        padding: 7.5rem !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pt-lg-10 {
        padding-top: .625rem !important
    }

    .pt-lg-20 {
        padding-top: 1.25rem !important
    }

    .pt-lg-30 {
        padding-top: 1.875rem !important
    }

    .pt-lg-40 {
        padding-top: 2.5rem !important
    }

    .pt-lg-50 {
        padding-top: 3.125rem !important
    }

    .pt-lg-60 {
        padding-top: 3.75rem !important
    }

    .pt-lg-70 {
        padding-top: 4.375rem !important
    }

    .pt-lg-80 {
        padding-top: 5rem !important
    }

    .pt-lg-90 {
        padding-top: 5.625rem !important
    }

    .pt-lg-100 {
        padding-top: 6.25rem !important
    }

    .pt-lg-110 {
        padding-top: 6.875rem !important
    }

    .pt-lg-120 {
        padding-top: 7.5rem !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pb-lg-10 {
        padding-bottom: .625rem !important
    }

    .pb-lg-20 {
        padding-bottom: 1.25rem !important
    }

    .pb-lg-30 {
        padding-bottom: 1.875rem !important
    }

    .pb-lg-40 {
        padding-bottom: 2.5rem !important
    }

    .pb-lg-50 {
        padding-bottom: 3.125rem !important
    }

    .pb-lg-60 {
        padding-bottom: 3.75rem !important
    }

    .pb-lg-70 {
        padding-bottom: 4.375rem !important
    }

    .pb-lg-80 {
        padding-bottom: 5rem !important
    }

    .pb-lg-90 {
        padding-bottom: 5.625rem !important
    }

    .pb-lg-100 {
        padding-bottom: 6.25rem !important
    }

    .pb-lg-110 {
        padding-bottom: 6.875rem !important
    }

    .pb-lg-120 {
        padding-bottom: 7.5rem !important
    }

    .pl-lg-0 {
        padding-left: 0 !important
    }

    .pl-lg-10 {
        padding-left: .625rem !important
    }

    .pl-lg-20 {
        padding-left: 1.25rem !important
    }

    .pl-lg-30 {
        padding-left: 1.875rem !important
    }

    .pl-lg-40 {
        padding-left: 2.5rem !important
    }

    .pl-lg-50 {
        padding-left: 3.125rem !important
    }

    .pl-lg-60 {
        padding-left: 3.75rem !important
    }

    .pl-lg-70 {
        padding-left: 4.375rem !important
    }

    .pl-lg-80 {
        padding-left: 5rem !important
    }

    .pl-lg-90 {
        padding-left: 5.625rem !important
    }

    .pl-lg-100 {
        padding-left: 6.25rem !important
    }

    .pl-lg-110 {
        padding-left: 6.875rem !important
    }

    .pl-lg-120 {
        padding-left: 7.5rem !important
    }

    .pr-lg-0 {
        padding-right: 0 !important
    }

    .pr-lg-10 {
        padding-right: .625rem !important
    }

    .pr-lg-20 {
        padding-right: 1.25rem !important
    }

    .pr-lg-30 {
        padding-right: 1.875rem !important
    }

    .pr-lg-40 {
        padding-right: 2.5rem !important
    }

    .pr-lg-50 {
        padding-right: 3.125rem !important
    }

    .pr-lg-60 {
        padding-right: 3.75rem !important
    }

    .pr-lg-70 {
        padding-right: 4.375rem !important
    }

    .pr-lg-80 {
        padding-right: 5rem !important
    }

    .pr-lg-90 {
        padding-right: 5.625rem !important
    }

    .pr-lg-100 {
        padding-right: 6.25rem !important
    }

    .pr-lg-110 {
        padding-right: 6.875rem !important
    }

    .pr-lg-120 {
        padding-right: 7.5rem !important
    }
}

@media only screen and (min-width:768px) {
    .testimonial-1 .slider-nav .slick-list {
        width: 350px
    }
}

a.btn.btn-primary {
    border-radius: 10px;
}

a.btn.btn-success {
    border-radius: 10px;
}

.header-1 .topbar .topbar-social a i {
    color: #3b567e;
}

.header-1 .topbar .topbar-social a:hover i {
    color: #4fc1b0;
}

.header-1 .topbar .widgets li i {
    color: #3b567e;
}

.section2 .heading-block:before {
    background-color: #ffffff;
}

.header-1 .topbar .widgets li:hover i,
.header-1 .topbar .widgets li:hover,
.header-1 .topbar .widgets li:hover a {
    color: #4fc1b0;
}

form.appointment-form button {
    width: 100%;
    border-radius: 10px;
}

.heading-block .heading {
    padding-bottom: 10px;
}

.event-box-2 .event-action a {
    width: 100%;
}

.event-box-2 .event-action {
    width: 49%;
}

.event-box-2 .image-wrapper img {
    border-radius: 5px;
    width: 100%;

}

    .event-box-2 .event-button {
        gap: 5px;
    }

@media(min-width:576px){
      .event-box-2 {
        padding: 20px;
    }
}
@media(min-width:768px) {
    .event-box-2 .event-action {
        width: 220px;
    }

    .event-box-2 .heading {
        font-size: 19px;
        margin-bottom: 10px;
    }

    .event-box-2 img {
        width: 250px;

    }




    .event-box-2 .event-button {
        gap: 9px;
    }

    ul.event-details {
        flex-direction: row;
        display: flex;

        flex-wrap: wrap;
        width: 100%;
    }

    ul.event-details li {
        width: 50%;
    }

    .event-box-2 .event-header+div {
        width: 100%;
    }

    .event-box-2 .event-button>div {
        width: 32%;
    }
    .event-box-2 .event-button>div a {
    padding: 12px 8px;
    font-size:11px;
    }

    .event-box-2 .event-button button {
        margin: 0;
    }

    .event-box-2 .event-header {
        margin-bottom: 10px;
        width: 100%;
    }

    .event-box-2 {
      display: flex;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: space-between;
    }

    .event-box-2 .event-action {
        width: 97%;
    }

    .event-box-2 h3,
    .event-box-2 h4 {
        margin-bottom: 5px;
    }

    .event-box-2 p {
        margin-bottom: 5px;
    }

    .event-box-2 img {
        height: 137px;
        object-fit: cover;
    }

    .event-box-2 .image-wrapper {

        width: 20%;
        object-fit: cover;
    }

    .event-details {
        width: 78%;
        display: flex;

        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }

    .event-box-2 .event-header {
        padding-bottom: 0;
        padding-top: 0;
    }

    .formdesign {
        position: sticky;
        top: 70px;
    }
}
@media(min-width:1200px){
       .event-box-2 .event-button>div {
        width: fit-content;
    }
      .event-box-2 .event-button>div a {
    padding: 10px 13px;
    }
}
@media(max-width:767px) {
  .event-box-2 .event-action:first-child {
    width: 100%;
}
  .heading-block .sub-heading {
    padding-bottom: 15px;
    margin-bottom: 25px;
}
    .hospitals .row>div {
        padding: 0;
    }

    ul.event-details {
              display: flex;
        flex-wrap: wrap;
        flex-direction: initial;
        gap: 10px !important;
    }

    .event-box-2 .event-header .event-details li {
        font-size: 12px;
    }

    .event-box-2 .event-header .event-details li .icon-left {
        font-size: 20px;
    }

    .formdesign {
        margin: 0px 20px;
        position: relative !important;
    }
}

.event-box-2 .event-action {
    /* padding: 10px 0px; */
    text-align: center;



}

.event-action a.btn.btn-success {
    background: #0ec143;
    border-color: #0ec143;
}

.event-action a.btn.btn-success:hover {
    background: #000;
    border-color: #fff;
}

.hospitals .appointment-form button,
.doctorsListing .appointment-form button {
    color: #fff;
    background: linear-gradient(-305deg, #35356C 15%, #4FC1B1 50%, #3b567e 80%);
    border-color: #4fc1b0;
}

.hospitals .appointment-form button:hover,
.hospitals .appointment-form button:focus,
.hospitals .appointment-form button:active,
.doctorsListing .appointment-form button:hover,
.doctorsListing .appointment-form button:focus,
.doctorsListing .appointment-form button:active {
    background: #fff !important;
    color: #3b567e !important;
}

.formdesign {
    box-shadow: 2px 3px 10px 0px #00000059;
    background: #fff;
    padding: 30px;
    height: fit-content;
    border-radius: 10px;
    padding: 25px 0px;
}

.formdesign h3 {
    font-size: 25px;
    margin-bottom: 0;
    font-weight: 600;
}

.formdesign form {
    padding-bottom: 0;
    margin-bottom: 0;
}


.hospitals .appointment-form .form-control {
    border-radius: 0.375rem;
    box-shadow: none;
}

.hospitals .appointment-form textarea {
    resize: vertical;
}

.hospital-card+.hospital-card {
    margin-top: 20px;
}

@media(max-width:575px) {
    .hospital-card .heading {
        font-size: 16px;
    }

    .hospitals-home .hospital-card ul {
        display: none;
    }

    .event-action a {
        font-size: 10px;
        padding: 8px 5px;
    }

    a.btn.btn-primary {
        border-radius: 10px;
    }
}

.evaluation-form {
    background: #3b567e;
    padding: 20px 15px;
    margin: 30px 0px;
    color: #fff;
    border-radius: 5px;
}

@media(min-width:992px) {
    .event-box-2 img {
        height: 100%;
    }

    .evaluation-form {
        padding: 30px 30px;
    }
}

input#country_phone_code:focus-visible {
    outline: unset;
}

.evaluation-form input+input {
    border-radius: 0 !important;
    margin-left: -3px;
}

.listFeatures h2 {
    margin: 20px 0px 30px 0px;
}

.listFeatures ul li ul {
    padding: 0;
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    gap: 10px;
}

.listFeatures ul li ul li {
    background: #4fc1b0;
    font-size: 14px;
    border-radius: 5px;
    padding: 0px 5px;
    color: #fff;
}

ul p,
ul a,
ul li {
    line-height: normal !important;
}

ul li p {
    margin: 0;
}

.listFeatures>ul {
    gap: 10px 1%;
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    flex-wrap: wrap;
}

.listFeatures ul p,.listFeatures ul a {
    color: #fff;
}

.listFeatures path {
    fill: #3b567e;
}

.listFeatures ul svg {
    margin-bottom: 10px;
    background-color: #fff;
    border-radius: 50%;
    width: 40px;
    padding: 5px;
    height: auto;

}

.listFeatures>ul>li p:last-child,
.listFeatures>ul>li a:last-child,
.listFeatures>ul>li ul:last-child {
    margin-top: 5px;
}

.listFeatures>ul>li {
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
    padding: 10px;
    background: #3b567e;
    border-radius: 10px;
    width: 49.5%;
    display: flex;
    flex-direction: column;

}

.listFeatures .btn {
    width: 90%;
    gap: 10px;
}

.listFeatures .btn svg {
    width: 20px;
    height: 20px;
}

.listFeatures .btn svg path {
    fill: #fff;
}

@media(min-width:768px) {
    .listFeatures .btn {
        width: 33%;
    }

    .listFeatures>ul>li {
        width: 24%;
    }
}

@media(max-width:767px) {
    .booking {
    width: 100%;
}

.listFeatures .btn {
    width: 48%;
    gap: 0;
    padding: 10px 12px;
    font-size: 11px;
}
.listFeatures .btn  svg{
    display: none;
}
}

@media(max-width:575px) {
    .listFeatures>ul>li svg+p {
        margin: 10px 0px;
    }
}

.find-doctor {
    text-align: center;
    padding: 15px 25px;
    background: linear-gradient(45deg, #4fc1b0, #3b567e, #4fc1b0);
    color: #fff;
    /* border-radius: 15px; */
}

@media(min-width:1200px) {
    .hospital-listing-page .event-action {
    width: 32% !important;
}
    .find-doctor {
        position: sticky;
        top: 68px;
        z-index: 2;
    }
}

.find-doctor h2 {
    color: #fff;
    margin-left: auto;
    margin-right: auto;
}

.find-doctor h2::after {
    content: none !important;
}

.content-area ul {
    padding-left: 0;
    list-style: none;
}

.content-area ul li+li {
    margin-top: 10px;
}

.content-area ul li ul {
    margin: 20px 0px;
}

.content-area ul li {
    padding-left: 25px;
    position: relative;
    line-height: 130%!important;
}
.content-area ul li  span{
        line-height: 130%!important;

}

.content-area ul li::before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;

    background: url('data:image/svg+xml,<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_251_4)"><path d="M11.5 23C17.8513 23 23 17.8513 23 11.5C23 5.14873 17.8513 0 11.5 0C5.14873 0 0 5.14873 0 11.5C0 17.8513 5.14873 23 11.5 23Z" fill="%234fc1b0"/><path d="M8.41945 7L7.375 8.175L10.7676 12L7.375 15.825L8.41945 17L12.8639 12L8.41945 7Z" fill="white"/><path d="M11.9741 7L10.9297 8.175L14.3223 12L10.9297 15.825L11.9741 17L16.4186 12L11.9741 7Z" fill="white"/></g><defs><clipPath id="clip0_251_4"><rect width="23" height="23" fill="white"/></clipPath></defs></svg>');
    left: 0;
    top: 4px;
    background-size: cover;
}

.content-area ul li ul li::before {

    background: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_251_4)"><path d="M12.5 25C19.4036 25 25 19.4036 25 12.5C25 5.59644 19.4036 0 12.5 0C5.59644 0 0 5.59644 0 12.5C0 19.4036 5.59644 25 12.5 25Z" fill="%233b567e"/><path d="M9.1509 7.6084L8.01562 8.88557L11.7032 13.0432L8.01562 17.2008L9.1509 18.478L13.9818 13.0432L9.1509 7.6084Z" fill="white"/><path d="M13.0161 7.6084L11.8809 8.88557L15.5685 13.0432L11.8809 17.2008L13.0161 18.478L17.8471 13.0432L13.0161 7.6084Z" fill="white"/></g><defs><clipPath id="clip0_251_4"><rect width="25" height="25" fill="white"/></clipPath></defs></svg>');
    background-size: cover;
}


.contactInfo p {
    margin-bottom: 5px;
}
@media(min-width:1200px) {
    .content-area ul {
        /* padding-left: 15px; */
    }

    
}


@media(max-width:991px) {
    .top-doctors a.btn-whtsapp {
        bottom: 150px !important;

        padding: 10px !important;
    }

    .top-doctors-card .d-flex {
        align-items: center;
    }

    .top-doctors-card strong {
        font-size: 11px;
    }

    .top-doctors a.top-doc-desc {
        position: unset !important;
        /* width: 80%!important; */
    }

    .top-doctors-card img {
        /* width: 20%!important; */
        height: auto;
        object-fit: contain;
        object-fit: contain;
        /* object-position: 0px 15px; */
    }

    .top-doctors-card {
        display: flex !important;
        flex-wrap: wrap;
    }

    .top-doctors a.top-doc-desc {
        position: unset;
    }

    .list-doctors .card-header a {

        gap: 10px !important;
    }

    .list-doctors .card a {
        flex-wrap: wrap;
    }

    .list-doctors .card a span {
        width: 100%;
        text-align: center;
    }

    .treatments .row {
        gap: 30px 0px;
    }

    .doctors .heading-block1 a,
    .treatments .heading-block1 a {
        width: fit-content;
    }

    .treatments .heading-block1 a+a {
        /* margin-top: 20px; */
    }

    .doctors .heading-block1 {
        gap: 15px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .treatments .heading-block1 {
        margin: 0;
    }
}

@media(max-width:767px) {
    .hospitals .row {
        margin: 0;
    }

    .evaluation-form button {
        width: 100%;
    }

    .filter .row {
        margin: 0px;
    }

    .filter .row>div+div {
        margin-top: 13px;
    }


    .top-doctors-card strong {
        font-size: 11px;
    }
}

@media(max-width:575px) {
    .top-doctors .jq-star {
      display: inline-flex;
        width: 13px !important;
        height: 13px !important;
    }

    .top-doctors a.btn-whtsapp {
        bottom: 130px !important;
    }
}

@media(min-width: 1200px) and (max-width:1299px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 1150px;
    }
}


.appointment-box button {
    width: 20%;
    background: #3b567e;
    color: #fff;
}

.appointment-box button:hover {
    background: #000;
}

.appointment-box select {}

.appointment-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.appointment-box button {
    padding: 10px 30px;
    width: 100%;
}

.appointment-box select {
    width: 100%;
    padding: 10px 30px;

}

.appointment-box select,
.appointment-box button {
    /* border-radius: 6px; */
    border: unset;
}

@media(min-width:992px) {
    .find-doctor h2 {
        font-size: 26px;
    }
}

@media(min-width:1200px) {
    .appointment-box button {
        width: 20%;
    }

    .appointment-box select {
        width: 38%;

    }

    .find-doctor h2 {
        font-size: 24px;
    }
}

.list-doctors .rotate-icon {
    transition: transform 0.3s ease;
}

.list-doctors button[aria-expanded="true"] .rotate-icon,
.list-doctors a[aria-expanded="true"] .rotate-icon {
    transform: rotate(180deg);
}

.list-doctors .card {
    background: unset;
    border: unset;
}

.list-doctors .card-header {
    text-align: left;
    padding: 0;
    border: unset;
    background: url();
}

.list-doctors .card-header button,
.list-doctors .card-header a {
    justify-content: flex-start;
    gap: 15px;
    padding: 10px 10px;
}

.list-doctors .card-header button i,
.list-doctors .card-header a i {
    position: absolute;
    right: 0;
    right: 10px;
}

.list-doctors .card-body {
    padding: 15px 20px 15px;
}

.list-doctors .card-body a {
    text-align: center;
    display: block;
}

.list-doctors a[aria-expanded="true"] {
    background-color: #3b567e1c;
}

.collapse.show {
    background-color: #fff;
}

.list-doctors .card a {
    color: #000;
}

.list-doctors .card a:hover {
    color: #3b567e;
}

.jq-stars {
    display: inline-block;
}

.jq-rating-label {
    font-size: 22px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    font-family: helvetica, arial, verdana;
}

.jq-star {
    width: 100px;

    display: inline-block;
    cursor: pointer;
}

.jq-star-svg {
    width: 100%;
    height: 100% !important;
}

.jq-star-svg polygon {
    stroke-linejoin: round;
}

div#star-rating {
    display: flex;
    align-items: center;
}

.basic-info {
    gap: 20px;
}

.basic-info .jq-star {
    display: flex !important;
}

.hospital-img .slick-list {
    width: 100% !important;
}

.top-doctors .d-flex {
    justify-content: center;
    align-items: center;
    gap: 5px;
    font-size: 13px;
}

.top-doctors-card {
    position: relative;
    background-color: #fff;
    border-radius: 5px;
    padding: 5px;
    width: 100%;
    border: 1px solid #35356c26;
}

.department-box-4>div {
    text-align: center;
}

.treatments a>div {
    display: flex;
    flex-direction: column;
}

/* .department-box-4 .body {
    margin-top: auto !important;
} */

.top-doctors-card h3 {
    font-size: 19px;
    margin: 0px 0px 5px 0px;
}

@media(min-width:768px) {
    .top-doctors-card {
        padding: 20px 15px;
    }

    .top-doctors .slick-slide {
        margin: 0px 10px;
    }

    .top-doctors .slick-list {
        margin: 0px -10px;
    }

    .top-doctors-card {
        width: 48%;
    }
}

@media(min-width:992px) {
    .top-doctors-card {
        width: 32%;
    }
}

@media(max-width:767px) {
    .department-box-4 .heading {
        margin-bottom: 1px;
        font-size: 13px;
    }

    .top-doctors .slick-slide {
        margin: 0px 5px;
    }

    .top-doctors .slick-list {
        margin: 0px -5px;
    }

    .top-doctors-card .d-flex {
        flex-wrap: wrap;
    }

}

@media(max-width:575px) {


    .department-box-4 .body p {
        font-size: 11px;
    }

    .department-box-4 span {
        font-size: 13px;
    }

    .department-box-4 .dep-icon {
        width: 75px;
        height: 75px;
    }

    .top-doctors .slick-slide {
        margin: 0px 2px;
    }

    .top-doctors .slick-list {
        margin: 0px -2px;
    }

    .top-doctors a.btn.btn-primary svg {
        display: none;
        width: 12px;
    }

    .top-doctors a.top-doc-desc {
        padding: 0;
    }

    .top-doctors a.btn.btn-primary {
        margin-top: 0 !important;
        font-size: 9px;
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .top-doctors .top-doctors-card h3 {
        font-size: 15px;
        margin-bottom: 0;
    }
}

.top-doctors-card img {
    border-radius: 5px;
}

.top-doctors-card a {
    display: block;
    padding: 10px 0px;
    margin: 0;
    text-align: center;
    gap: 5px;
    padding-left: 10px;
    z-index: 1;
    padding-right: 10px;
}

.top-doctors span{
    display: block;
}

@media(min-width:1300px) {


    .top-doctors-card h3 {
        font-size: 18px;
    }

    .top-doctors-card a {
        gap: 10px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.top-doctors-card img {
    width: 100%;
}


.top-doctors a.btn-whtsapp {
    position: absolute;
    padding: 7px;
    background: #28d368;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 43%;
    right: 16px;
    z-index: 1;
    box-shadow: 2px 3px 10px 0px #00000059;
}

.top-doctors a.btn-whtsapp svg {
    width: 45px;
    height: 45px;
}

.top-doctors span {
    color: #3b567e;
}

.top-doctors .top-doc-desc:hover {
    color: #4fc1b0;
}

.facilities .nav-tabs .nav-link {
    background: #e2e7f1;
    color: #000000;
    border: 1px solid #e2e7f1;
    border-radius: 0;
}

.facilities .nav-tabs .nav-link.active,
.facilities .nav-tabs .nav-link:hover {
    color: #fff;
    background: linear-gradient(45deg, #4fc1b0, #3b567e);

}

.facilities .nav-tabs .nav-link {
    position: relative;
}

.facilities .nav-tabs .nav-link.active::before {
    height: 25px;
    transition: 0.9s ease all;
}

.facilities .tab-pane {
    border: 1px solid #7a2444;
    margin-top: 25px;
    background: #fff;
}

.facilities .tab-pane {
    padding: 20px;
}

.facilities .nav-tabs {
    border-bottom: unset;
    justify-content: center;
    /* position: sticky;
    top: 90px; */
    gap: 7px;
    z-index: 2;

}

.facilities h2,
.reviews h2,
.case-study h2,
.youtube-videos h2,
.gallery h2,
.similar-hospital h2 {
    text-align: center;
}

.facilities div>ul,
.facilities div>div {
    width: 100%;
}

@media(min-width:768px) {
    .hospital-details ul:has(li:nth-child(6)) {
        column-count: 2;
    }

    .hospital-details ul ul:has(li:nth-child(6)) {
        column-count: 1;
    }

    .facilities .nav-tabs .nav-link::before {
        position: relative;
        content: '';
        position: absolute;
        width: 1px;
        height: 0;
        bottom: -25px;
        background: #7a2444;
        left: 50%;
        transform: translateX(-50%);
        transition: 0.9s ease all;
    }
}

.cta,
.cta img,
.cta picture {
    border-radius: 20px;
}

.cta h2::after {
    content: none !important;
}

.cta article {

    text-align: center;
}

.cta picture {
    position: relative;
    overflow: hidden;
    display: block;
}

.cta img {
    object-fit: cover;
}

.cta {
    padding: 20px 0px;
    border-radius: 5px;
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    background: linear-gradient(45deg, #3b567e, #4fc1b0);
}

.cta article,
.cta h2,
.cta p,
.cta span {
    color: #fff;

}

.cta h2,
.cta p {
    margin: auto;
}

@media(max-width:767px) {
  .cta picture::before {
    background: linear-gradient(45deg, #35356c, #4bada7);
}
    .cta article {
        padding: 30px;
    }

    .cta picture img {
        height: 220px;
    }

    .cta h2 {
        font-size: 25px;
    }
}

.review-slider .slick-list {
    margin: 0px -20px;
}

.review-slider .slick-slide {
    margin: 0px 20px;
}

.review-slider-item {
    background: #fbfbfb;
    border-radius: 15px;
    padding: 20px 25px;
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 5px;
}

@media(min-width:992px) {
    .review-slider-item {
        padding: 25px 40px;
    }
}

.review-slider-item .d-flex {
    margin-bottom: 10px;
    gap: 5px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.review-slider-item span {
    display: block;
    color: #4fc1b0;
    margin-top: 10px;
    font-size: 15px;
}

.review-slider .jq-star-svg {
    width: 100%;
    height: 100% !important;
}


.reviews {
    position: relative;
    height: fit-content;
}

button.slick-prev.slick-arrow {
    left: 0;
    background-image: url('data:image/svg+xml,<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M23.4464 43.692L64.8579 6.15354C68.054 2.92278 73.2348 2.92278 76.4271 6.15355C79.6233 9.34585 79.6233 14.4997 76.4271 17.692L40.8271 49.9998L76.4271 82.3076C79.6232 85.4999 79.6232 90.6537 76.4271 93.846C73.2348 97.0768 68.054 97.0768 64.8579 93.846L23.4464 56.3075C21.7156 54.5768 20.954 52.269 21.0963 49.9998C20.954 47.7306 21.7156 45.4228 23.4464 43.692Z" fill="black"/></svg>');
    background-size: cover;

}

button.slick-next.slick-arrow {
    right: 0;
    background-image: url('data:image/svg+xml,<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M76.5536 56.308L35.1421 93.8465C31.946 97.0772 26.7652 97.0772 23.5729 93.8465C20.3767 90.6541 20.3767 85.5003 23.5729 82.308L59.1729 50.0002L23.5729 17.6924C20.3767 14.5001 20.3767 9.34627 23.5729 6.15396C26.7652 2.92319 31.946 2.92319 35.1421 6.15396L76.5536 43.6925C78.2844 45.4232 79.046 47.731 78.9037 50.0002C79.046 52.2694 78.2844 54.5772 76.5536 56.308Z" fill="black"/></svg>');
    background-size: cover;

}

.hospital-details .slick-track{
    margin-left: 0;
}



.hospital-details .location {
    margin-top: 30px;
}
.hospital-details .location .card-body{
    padding: 20px;
}
.slick-arrow {
    opacity: 0.5;
    background-color: transparent;
    z-index: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    font-size: 0;

    background-size: cover;
    border: unset;
    transition: 0.5s ease all;
}

@media(min-width:768px) {

    .case-study-slider .slick-slide {

        margin: 0px 15px;
    }

    .case-study-slider .slick-track,
    .case-study-slider .slick-list {
        margin: 0px -15px;
    }
}

@media(min-width:992px) {

    .slick-arrow {
        width: 35px;
        height: 35px;
    }
}

.slick-arrow:hover {
    opacity: 1;
    transition: 0.5s ease all;
}

#modal-welcome .modal-body:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(-85deg, #ffffff 40%, transparent 70%);
    left: 0;
    top: 0;
}

@media(max-width:575px) {
    .hospital-details .formdesign {
        margin: 30px 20px;
    }
    .location .card-body {
        padding: 20px;
    }

    .hospital-details h2 {
        font-size: 20px;
    }

    .about-hospital,
    .specialities,
    .infrastructure {
        padding-top: 20px   ;
    }

    #modal-welcome .modal-body:before {
        background: linear-gradient(-180deg, #ffffffcf 40%, #ededed91 60%) !important;

    }

    #modal-welcome .modal-body {
        padding: 30px;
    }

    #modal-welcome .modal-content {
        background-position: left !important;
    }
}

.case-study-slider img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 10px;
}

.case-slider-item {
    background: #fff;
    margin: 0px 20px 25px 20px;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
    border: 1px solid #edf2f6
}

@media(max-width:575px) {
    .case-slider-item {
        margin: 0;
    }
}

.case-slider-item .content {
    padding: 20px;
}

.case-slider-item h3 {
    font-size: 16px;
    line-height: 26px;
    color: #000;
    font-weight: 600;
}

.case-slider-item .content+p {
    margin: 0;
    text-align: center;
    padding: 11px;
    background: linear-gradient(45deg, #3b567e, #4fc1b0);
    color: #fff !important;
    font-weight: 600;
    font-size: 16px;
    transition: 0.5s ease all;
}

.case-slider-item .content+p:hover {
    transition: 0.5s ease all;
    background: linear-gradient(45deg, #3b567e, #4fc1b0 0%);

}

.gallery [data-fancybox="gallery"] {
    cursor: pointer;
    overflow: hidden;
}

.gallery [data-fancybox="gallery"] img {
    border-radius: 5px;
}


.video-slider .slick-slide {
    border-radius: 10px;
    overflow: hidden;
    margin: 0px 20px;
}

.video-slider .slick-list {
    margin: 0px -20px;
}

.video-slide {
    position: relative;
    padding-top: 56.25%;
    /* 16:9 Aspect Ratio */
    background-color: black;
}

.video-slide img,
.video-slide iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}

.video-slide img {

    object-fit: cover;
    object-position: center center;
}


.play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    width: 60px;
    height: 60px;
    text-align: center;
    font-size: 30px;
    color: white;
    line-height: 60px;
    z-index: 10;
    cursor: pointer;
}

@media(min-width:1200px) {
    .hospital-img .slick-arrow {

        filter: saturate(0);
    }

    .hospital-img button.slick-prev {
        left: 30px;
    }

    .hospital-img button.slick-next {
        right: 30px;
    }
}










input:focus,
input:focus-visible,
input:focus-within,
textarea:focus,
textarea:focus-visible,
textarea:focus-within,
select:focus,
select:focus-visible,
select:focus-within {
    outline: unset;
}

select {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="6" viewBox="0 0 13 6" fill="none"><path d="M6.34624 6C6.69376 6.00062 7.03799 5.93274 7.35926 5.80023C7.68053 5.66773 7.97253 5.47321 8.21858 5.22779L12.5398 0.906599C12.6394 0.807003 12.6953 0.671923 12.6953 0.531074C12.6953 0.390224 12.6394 0.255143 12.5398 0.155548C12.4402 0.0559522 12.3051 -3.41145e-08 12.1642 -4.64279e-08C12.0234 -5.87414e-08 11.8883 0.0559522 11.7887 0.155548L7.46752 4.47674C7.17001 4.77388 6.76672 4.94078 6.34624 4.94078C5.92575 4.94078 5.52246 4.77388 5.22495 4.47674L0.903761 0.155547C0.804165 0.0559512 0.669085 -1.05137e-06 0.528235 -1.06368e-06C0.387386 -1.07599e-06 0.252306 0.0559512 0.15271 0.155547C0.0531139 0.255142 -0.00283817 0.390223 -0.00283818 0.531072C-0.00283819 0.671922 0.0531139 0.807002 0.15271 0.906598L4.4739 5.22779C4.71994 5.47321 5.01195 5.66773 5.33321 5.80023C5.65448 5.93274 5.99872 6.00062 6.34624 6Z" fill="%23333333"/></svg>');
    border: unset;
    width: 100%;
    background-repeat: no-repeat;
    background-position: 94% 50%;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    appearance: none;
}

select:focus-visible {
    outline: unset;
}

.hospital-news {
    background: #f9fbfd;
    padding: 50px 0;
    font-family: 'Segoe UI', sans-serif;
}

.hospital-news .hospital-news-wrapper {
    margin: auto;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
    padding: 40px;
}

.hospital-news h3 {
    font-size: 22px;
    margin-top: 30px;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 2px solid #3b567e;
    color: #4fc1b0;
}

.hospital-news .hospital-news-wrapper h3:nth-child(1) {
    margin-top: 0;
}

.hospital-news ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.hospital-news li {
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

.hospital-news li:last-child {
    border: unset;
}

.hospital-news a {
    cursor: pointer;
    text-decoration: none;
    color: #3b567e;
    font-weight: 500;
    display: inline-block;
    transition: 0.3s;
}

.hospital-news a:hover {
    color: #4fc1b0;
    transform: translateX(5px);
}

@media (max-width: 768px) {
    .hospital-news .hospital-news-wrapper {
        padding: 20px;
    }

    .hospital-news h3 {
        font-size: 20px;
    }
}

.hospital-news h3,
.hospital-news h2 {
    text-transform: uppercase;
}

.dropDown {
    border-radius: 10px;
    padding: 15px;
    font-weight: 700;
    border: 1px solid #afacac;
}











/* ============Treatment page================ */
/* .read-more-content.collapsed,
.height-lim.collapsed {
    max-height: 254px;
    overflow: hidden;
    position: relative;
} */

/* .read-more-btn {
    display: block;
    margin-top: 1em;
} */

.table-scroll {
    width: 100%;
    overflow-x: auto;
}

.table-scroll table {
    width: 100%;
    min-width: 600px;
    /* or whatever minimum width is appropriate */
}

.treatment-listing .heading+p {
    margin: 0;
}

.treatment-card h3 {
    font-weight: 600;
    text-align: center;
}

.treatment-card ul {
    padding: 0;
}

.treatment-card ul li a {
    color: #000;
    display: block;
    transition: 0.5s ease all;
    transform: translateX(0px);
}

.treatment-card ul li::before {
    top: 2px;
}

.treatment-card ul li a:hover {
    transform: translateX(5px);
    transition: 0.3s ease all;
    color: #3b567e;

}

.treatment-card {
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
    background: linear-gradient(0deg, #dad5d5 -10%, #ffffff00 50%);
    border-radius: 10px;
    padding-bottom: 10px;
}

.treatment-card .content {
    padding: 20px 20px 0px 20px;

}

.treatment-card .content ul {
    height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}

.treatment-card picture img {
    border-radius: 10px 10px 0px 0px;

}

.treatment-card h3 {
    text-transform: capitalize;
    color: #fff;
    padding: 10px 10px;
    background-color: #36366f;
    margin: 0;
}

.treatment-card h3 {
    font-size: 18px;
}

.treatment-card:hover {}

@media(min-width:1200px) {
    .treatment-card h3 {
        padding: 15px;
    }

    .treatment-card h3 {
        font-size: 22px;
    }
}

/* width */
::-webkit-scrollbar {
    width: 7px;
    height: 6px;
}

/* Track */
::-webkit-scrollbar-track {
    background-color: #cccccc;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #3b567e;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #3b567e 0%, #4fc1b0 47.91%, #3b567e 100%);
}


/* ============Treatment page================ */
/* ============Treatment Detail page================ */
.treatment-content h3,
.procedure h3 {
    font-weight: 600;
}

.treatment-content .tab-content p:last-child {
    margin-bottom: 0;
}

.treatment-content .nav-tabs .nav-link {
    color: #000;
    font-weight: 600;
    background: #3b567e46;
    border-radius: 0px;
    border: unset;
}

.treatment-content ul {
    padding: 0;

}

.treatment-pricing img {
    border-radius: 10px;
}

.treatment-content .table th,
.treatment-content .table thead th,
.treatment-content th {
    background: #4fc1b0;
    color: #fff;
}

@media(max-width:991px) {
    .treatment-pricing img {
        border-radius: 10px;
        height: 300px;
        object-fit: cover;
        object-position: 62%;
    }
}

@media(min-width:1200px) {


    .treatment-content .nav-tabs .nav-link {
        font-size: 16px;
    }
}




.top-doctors h2 {
    text-align: center;
}

.hospital-details>.container>.row>div:first-child {
    background: #fff;
    padding-top: 20px;
}

@keyframes gradientBox {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.faq {
    border-radius: 5px;
    background: linear-gradient(to right, #4cb5aa, #70c5b892, #ffffff) border-box;
    border: 2px solid transparent !important;
    animation: gradientBox 8s linear infinite;
    background-size: 200% 200%;
}

@media(max-width:767px) {



    .faq {
        padding: 30px 0px !important;
    }

    .faq .btn {
        width: 80%;
    }

    .faq .btn+.btn {
        margin-top: 10px;
    }

    .faq .heading-block {
        margin-bottom: 10px;
    }
}

.evaluation-form button {
    border-radius: 10px;
    color: #fff;
    background: linear-gradient(-305deg, #35356C 15%, #4FC1B1 50%, #3b567e 80%);
    border: 1px solid #ffffff;
}

.evaluation-form button:hover,
.evaluation-form button:focus,
.evaluation-form button:active {
    background: #fff !important;
    color: #3b567e !important;
    border-color: #4fc1b0;
}


.treatment-pricing .consting {
    gap: 10px;
    margin-bottom: 20px;
}

.treatment-pricing .consting span,
.treatment-pricing .consting strong {
    display: block;
    width: 100%;
}

.treatment-pricing .consting strong {
    font-size: 20px;
}

.treatment-pricing .consting>div {
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;

    width: 48.2%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;

    padding: 10px 15px;
    color: #fff;
    background-color: #37376f;
}

@media(min-width:768px) {
    .treatment-pricing .consting strong {
        font-size: 22px;
    }

    .treatment-pricing .consting>div {
        padding: 15px 20px;
        width: 23.8%;
    }
}

@media(min-width:992px) {
    .treatment-pricing .consting strong {
        font-size: 24px;
    }

    .treatment-pricing .consting>div {
        padding: 20px 30px;
        width: 23%;
    }
}

.treatment-pricing .consting>div:nth-child(2) {
    background-color: #1ab7ae;
}

.treatment-pricing .consting>div:nth-child(3) {
    background-color: #3b567e;
}

.treatment-pricing .consting>div:nth-child(5) {
    background-color: #1ab7ae;
}

.treatment-pricing .consting>div:nth-child(6) {
    background-color: #3b567e;
}

.treatment-pricing-hero {
    width: 100%;
    height: 100%;
    padding: 15px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

@media(min-width:768px) {
    .treatment-pricing-hero {
        padding: 20px;
    }
}

.top-hospitals .slick-slide {
    margin: 0px 5px;
}

.top-hospitals .slick-list {
    margin: 0px -5px;
}

.top-hospitals span.small {
    display: flex;
    align-items: center;
    gap: 5px;
    position: absolute;
    bottom: 2px;
    left: 2px;
    background: #ffffffb8;
    padding: 0px 12px;
    border-radius: 10px;
}

.top-hospitals-card img {
    width: 100%;
    height: auto;
}

.top-hospitals-card {
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
    border: 1px solid #35356c47;
    padding: 10px;
    /* margin-bottom: 25px; */
}

.top-hospitals-card h3 {
    margin-top: 10px;
    font-size: 20px;
    margin-bottom: 10px;
}

.top-hospitals-card a.top-doc-desc .d-flex {
    gap: 5px;
    font-size: 11px;
}

.top-hospitals-card a.top-doc-desc {
    padding: 0px 5px;
    display: block;
}

.top-hospitals-card .btn {
    align-items: center;
    gap: 10px;
}

.procedure {
    margin-bottom: 30px;
}

.procedure button {}

.procedure li::before {
    content: none !important;
}

.procedure ul {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    gap: 12px 1.3%;
    padding: 10px;
    background: #566d901c;
}

.procedure li+li {
    margin: 0 !important;
}

.procedure li {
    width: 100%;
    border: 1px solid #1ab7ae;
    padding: 10px !important;
    background: linear-gradient(45deg, #4fc1b069, #3b567e12);

}

@media(min-width:576px) {
    .procedure li {
        width: 49.3%;
    }
}

@media(min-width:992px) {
    .procedure li {
        padding: 20px !important;
    }

    .procedure li {
        width: 32.4%;
    }
}

.procedure li a {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.procedure li p {
    font-weight: 600;
    color: #000;
}

.procedure li small {
    background-color: #35356e;
    color: #fff;
    padding: 10px 15px;
    display: block;
    width: fit-content;
    margin-top: 10px;
    font-weight: 600;
}

.procedure ul li {
    display: none;
}

.procedure ul li:nth-child(-n+3) {
    display: list-item;
}

.procedure ul.show-all li {
    display: list-item;
}

/* ============Treatment Detail page================ */
/* ============Doctor listing page================ */
.filter button {
    border: 1px solid #ffffff;
}

.filter button {
    background: #fff;
    color: #39537a;
}

.filter button:hover {
    background: #000;
    color: #fff;
}

.filter select,
.filter button {
    border-radius: 10px !important;
}

.evaluation-form input,
.evaluation-form textarea,
.evaluation-form select {
    border-radius: 5px !important;
}

.filter select {
    background-color: hsl(0deg 0% 100% / 30%);
    color: #fff;
}

.filter h2 {
    margin: 0;
    margin-bottom: 20px;
}
.filter label{
    color: #fff;
}


.filter h2,
.filter p {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    text-align: center;
}

.filter .container {

    box-shadow: 5px 5px 20px 6px #a9a9a97d;
    background: linear-gradient(95deg, #3b567e 34%, #4fc1b0 50%);
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    padding: 30px 15px;
    position: relative;
}

.filter .container::before {
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    filter: invert(1);
    top: 0;
    position: absolute;
    background-image: url(../images/vector/1.png);

}

.filter .d-flex {
    gap: 2%;
}

.filter .d-flex>div {
    width: 100%;
}

@media(min-width:768px) {
    .filter .d-flex>div {
        width: 48%;
        margin: auto;
    }
}

@media(min-width:992px) {

    .filter h2,
    .filter p {
        width: 80%;
    }

    .filter .container {
        padding: 70px 50px;
    }

    .filter .d-flex>div {
        width: 18.4%;
    }
}

@media(max-width:991px) {
    .filter .d-flex>div+div {
        margin-top: 10px;
    }

    .filter h2 {
        font-size: 26px;
        margin-bottom: 10px;
    }

    .filter .container {
        width: 90%;
        margin: 0 auto;
    }
}
.filter .text-center button ,.filter .text-center a{
        border-radius: 10px;}
    .filter .text-center button{
        background: linear-gradient(-305deg, #35356C 15%, #4FC1B1 50%, #3b567e 80%);
        border: unset;
        color: #fff;
        padding: 13px 20px!important;
    }
@media(max-width:575px){
    
     .hospital-news .col-md-6{
        padding: 0;
    }
    .hospital-news .col-md-6 + div{
        margin-top: 20px;
    }
    .hospital-news{
        padding: 30px 0px;
    }
    .filter .text-center button + a{
        margin-top: 10px;
    }

    .filter .text-center button ,.filter .text-center a{
        width: 100%;
    }
}
.select2-container--default .select2-search--inline .select2-search__field::placeholder {
    font-weight: 400;
}

.doctors-list-row {
    gap: 20px 0px;
}

/* doctor card */
.doctor-card {
    flex-wrap: wrap;
    display: flex;
    width: 100%;
}
.dr-profile{
    width: 100%;

    display: flex
;
}

.doctor-card img {

    width: 40%;
    height: auto;
    object-fit: contain;
    padding: 9px;
    border: 1px solid #f5f6f8;
}


.doctor-wrapper {
    width: 100%;
    background-color: #3b567e0d;
    padding: 15px;
    position: relative;
}
@media(max-width:991px){
      .dr-profile-detail h3{
        margin: 0;
        font-weight: 600;
      }
       .dr-profile-detail span{
        color: #4dbbaa;
        font-size: 13px;
       }
    .dr-profile-detail{
        display: flex;
        flex-direction: column;
                justify-content: center;
        gap: 5px;
        background: #f5f6f8;
        width: 60%;
                padding: 11px;
    }
}
@media(min-width:992px) {
    .doctor-card img{
        width: 100%;
    }
    .dr-profile {
    height: 100%;
        width: 20%;
    }

    .doctor-wrapper {
        width: 80%;
    }
}

@media(max-width:991px) {
    .doctor-wrapper:before {
        position: absolute;
        left: -8px;
        top: -10px;
        z-index: 999;
        content: "";
        border-top: 30px solid transparent;
        border-bottom: 30px solid #f5f6f8;
        border-left: 50px solid transparent;
        transform: rotate(225deg);
    }

    .doctor-card:hover .doctor-wrapper:before {
        border-bottom: 30px solid #e4fffb;
    }
}

@media(min-width:992px) {
    .doctor-wrapper:before {
        transform: rotate(0deg);
        position: absolute;
        left: -15px;
        top: 30px;
        content: "";
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-right: 20px solid #f5f6f8;
    }

    .doctor-card:hover .doctor-wrapper:before {
        /* border-right: 20px solid #e4fffb; */
    }
}

.doctor-card:hover .doctor-wrapper {
    /* background-color: #e4fffb; */
}

.doctor-wrapper h3 {
    margin-bottom: 0;
    font-weight: 600;
}

.doctor-wrapper span {
    color: #4dbbaa;
}

.doctor-wrapper .about-hospital,
.doctor-wrapper .description,
.doctor-wrapper button,
.doctor-wrapper .button-group {
    margin-top: 10px;
    background: unset;
    padding: 0;
}

.doctor-wrapper .button-group {
    gap: 15px;
}

.theme-button {
    border: 1px solid #4cb1a9;
    background: #ffffff;
    border-radius: 10px !important;
    color: #4db5ab;
}

.theme-button:hover {
    background: #4db7ac;
    color: #fff;
}

@media(max-width:991px) {
       .doctors-list-row .button-group a.btn {
    width: 47%;
    padding: 11px 10px;
    font-size: 11px;
}
    .doctor-wrapper .button-group {
        justify-content: center;
    }

    .doctor-wrapper .button-group a {

        width: 48%;
    }

    .doctor-wrapper .button-group a:first-child {
        width: 100%;
    }
}

@media(max-width:575px) {
    /* .doctor-wrapper .button-group a {
        width: 100%;
    } */

}

.doctor-detail-head .doctor-img img {
    height: 250px;
    object-fit: cover;
    width: 100%;
}

@media(max-width:575px) {
    .doctor-detail-head .btn+.btn {
        margin-top: 10px;
    }

    .doctor-detail-head .btn {
        width: 100%;
    }

    /* .doctor-img {
    text-align:center} */
    .doctor-detail-head .doctor-img img {
        height: 300px;
        width: 300px !important;
    }
}

@media(min-width:576px) {
    .doctor-detail-head .doctor-img img {
        height: 210px;

    }
}

@media(min-width:992px) {
    .doctor-detail-head .doctor-img img {
        height: 215px;

    }
}

@media(min-width:1200px) {
    .doctor-detail-head .doctor-img img {
        height: 250px;

    }
}

@media(min-width:1300px) {
    .doctor-detail-head .doctor-img img {
        height: 300px;
        object-fit: cover;
        width: 100%;
    }
}

/* ============Doctor listing page================ */
/* ============Doctor Detail page================ */


.thm-btn::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 50%;
    height: 0;
    visibility: hidden;
    background-color: #006d77;
    opacity: 0;
    z-index: -1;
    transition: all 0.4s ease-in-out;
}

.thm-btn::after {
    position: absolute;
    background-color: #006d77;
    bottom: 0;
    right: 0;
    content: "";
    width: 50%;
    height: 0;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transition: all 0.4s ease-in-out;
}

.thm-btn span {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
    padding-left: 6px;
    top: 2px;
}

.thm-btn:hover {
    color: #fff;
}

.thm-btn:hover:before {
    width: 100%;
    height: 100%;
    visibility: visible;
    opacity: 1;
}

.thm-btn:hover::after {
    width: 100%;
    height: 100%;
    visibility: visible;
    opacity: 1;
}

/* .biography.collapsed {
    max-height: 225px;
    overflow: hidden;
    position: relative;
} */

@media(min-width:992px) {
    .top-doctors-slider-inner a.top-doc-desc {
        top: 61%;
    }

    .doctor-detail-head .btn+.btn {
        margin-top: 10px;
    }

    .doctor-detail-head .btn {
        width: 100%;
    }
}

@media(min-width:1200px) {
    .top-doctors-slider-inner a.top-doc-desc {
        top: 56%;
    }
}

@media(min-width:1300px) {
    .top-doctors-slider-inner a.top-doc-desc {
        top: 59%;
    }
}

.medical-problems ul {
  margin: 0;
    height: 160px;
    overflow-y: auto;
}

.page-link {
    color: #4ebaae;
}

.page-link:hover {
    color: #3b567e;
}

.page-item.active .page-link {
    background: #4ebaae;
    border-color: #4ebaae;
}

.read-more-bio,
.view-more-btn,
.read-more-btn {
    background: unset;
    border: unset;
    display: flex;
    align-items: center;
    gap: 6px;
    color: #3b567e;
    font-weight: 600;
    width: fit-content;
    justify-content: center;
    z-index: 1;
    position: relative;
    border: 1px solid #3b567e;
    padding: 6px 25px;
    border-radius: 30px;
}

.read-more-bio svg,
.view-more-btn svg,
.read-more-btn svg {
    transform: translateX(0px);
    transition: 0.5s ease all;
}

.read-more-bio:hover svg,
.view-more-btn:hover svg,
.read-more-btn:hover svg {
    transform: translateX(10px);
    transition: 0.5s ease all;
}

.read-more-bio:hover path,
.view-more-btn:hover path,
.read-more-btn:hover path {
    fill: #4fc1b0;
}

.read-more-bio:hover,
.view-more-btn:hover,
.read-more-btn:hover {
    color: #4fc1b0;
    border-color: #4fc1b0;
}

/* ============Doctor Detail page================ */
h2 {
    letter-spacing: -1px;
    font-weight: 800;
    color: #394657;
}


.blog-grid {
    background: #fff;
    padding: 10px 15px 20px 15px;
    border-radius: 5px;
}

@media(min-width:992px) and (max-width:1199px) {
    a.btn.btn-primary {
        padding: 9px 10px;
        font-size: 12px;
    }
}

@media(max-width:991px) {
    h2 {
        font-size: 22px;
    }

    .page-header h1 {
        font-size: 30px;
    }
}

@media(max-width:575px) {

    .page-header h1 {
        font-size: 25px;
    }
}

.terms h2 {
    margin-bottom: 0 !important;
    font-size: 22px;
    color: #000;
}

.terms ul {
    margin-top: 10px !important;
}

.terms ul {
    margin: 25px 0px;
}

@media (min-width: 768px) {
    .terms ul {
        margin: 26px 0px;
    }
}

@media (min-width: 992px) {
    .terms ul {
        margin: 28px 0px;
    }
}

@media (min-width: 1200px) {
    .terms ul {
        margin: 30px 0px;
    }
}

@media (min-width: 1440px) {
    .terms ul {
        margin: 33px 0px;
    }
}

@media (min-width: 1600px) {
    .terms ul {
        margin: 35px 0px;
    }
}

@media (min-width: 1900px) {
    .terms ul {
        margin: 40px 0px;
    }
}

.terms ul li {
    width: 100%;
}

.terms p {
    margin-bottom: 5px;
}

@media (min-width: 768px) {
    .terms p {
        margin-bottom: 8px;
    }
}

@media (min-width: 992px) {
    .terms p {
        margin-bottom: 10px;
    }
}

@media (min-width: 1200px) {
    .terms p {
        margin-bottom: 14px;
    }
}

@media (min-width: 1440px) {
    .terms p {
        margin-bottom: 16px;
    }
}

@media (min-width: 1600px) {
    .terms p {
        margin-bottom: 18px;
    }
}

@media (min-width: 1900px) {
    .terms p {
        margin-bottom: 20px;
    }
}

.terms p:last-child {
    margin-bottom: 0;
}

.terms {
    padding: 40px 0px;
}

@media (min-width: 768px) {
    .terms {
        padding: 65px 0px;
    }
}

.list ul span,
.list ul strong {
    display: block;
}

.list ul {
    list-style: none;
    padding-left: 10px;
}

.list ul li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 5px;
}

.list ul li:last-child {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .list ul li {
        margin-bottom: 15px;
        padding-left: 26px;
    }
}

@media (min-width: 992px) {
    .list ul li {
        padding-left: 28px;
    }
}

@media (min-width: 1200px) {
    .list ul li {
        padding-left: 25px;
    }
}

@media (min-width: 1440px) {
    .list ul li {
        padding-left: 27px;
    }
}

@media (min-width: 1600px) {
    .list ul li {
        padding-left: 30px;
    }
}

@media (min-width: 1900px) {
    .list ul li {
        padding-left: 33px;
    }
}

.list ul li::before {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><g clip-path="url(%23clip0_441_1187)"><path d="M14.1667 10C14.1667 10.4608 13.7933 10.8333 13.3333 10.8333H10.8333V13.3333C10.8333 13.7942 10.46 14.1667 10 14.1667C9.54 14.1667 9.16667 13.7942 9.16667 13.3333V10.8333H6.66667C6.20667 10.8333 5.83333 10.4608 5.83333 10C5.83333 9.53917 6.20667 9.16667 6.66667 9.16667H9.16667V6.66667C9.16667 6.20583 9.54 5.83333 10 5.83333C10.46 5.83333 10.8333 6.20583 10.8333 6.66667V9.16667H13.3333C13.7933 9.16667 14.1667 9.53917 14.1667 10ZM20 4.16667V15.8333C20 18.1308 18.1308 20 15.8333 20H4.16667C1.86917 20 0 18.1308 0 15.8333V4.16667C0 1.86917 1.86917 0 4.16667 0H15.8333C18.1308 0 20 1.86917 20 4.16667ZM18.3333 4.16667C18.3333 2.78833 17.2117 1.66667 15.8333 1.66667H4.16667C2.78833 1.66667 1.66667 2.78833 1.66667 4.16667V15.8333C1.66667 17.2117 2.78833 18.3333 4.16667 18.3333H15.8333C17.2117 18.3333 18.3333 17.2117 18.3333 15.8333V4.16667Z" fill="%234FC1B0"/></g><defs><clipPath id="clip0_441_1187"><rect width="20" height="20" fill="white"/></clipPath></defs></svg>');
    width: 14px;
    height: 14px;
    background-size: contain !important;
    background-repeat: no-repeat;
}








/* ======News===== */

.newsDetail {
    padding-bottom: 80px;
}

@media (min-width: 576px) {
    .newsDetail {
        padding-bottom: 126px;
    }
}

@media (min-width: 768px) {
    .newsDetail {
        padding-bottom: 130px;
    }
}

@media (min-width: 992px) {
    .newsDetail {
        padding-bottom: 134px;
    }
}

@media (min-width: 1200px) {
    .newsDetail {
        padding-bottom: 138px;
    }
}

@media (min-width: 1360px) {
    .newsDetail {
        padding-bottom: 142px;
    }
}

@media (min-width: 1440px) {
    .newsDetail {
        padding-bottom: 146px;
    }
}

@media (min-width: 1600px) {
    .newsDetail {
        padding-bottom: 150px;
    }
}

@media (min-width: 1900px) {
    .newsDetail {
        padding-bottom: 154px;
    }
}

.newsDetail h3 {
    font-size: 16px;
}

@media(min-width: 1200px) {
    .newsDetail h3 {
        font-size: 22px;
    }
}

.newsDetail h1,
.newsDetail h2,
.newsDetail h3 {
    font-weight: 500;
    color: #000;
}

.newsDetail h1,
.newsDetail h2 {
    line-height: 112.5%;
    font-size: 22px;
    margin-bottom: 15px;
}

@media (min-width: 768px) {

    .newsDetail h1,
    .newsDetail h2 {
        font-size: 25px;
        margin-bottom: 20px;
    }
}

@media (min-width: 992px) {

    .newsDetail h1,
    .newsDetail h2 {
        font-size: 23px;
        margin-bottom: 22px;
    }
}

@media (min-width: 1200px) {

    .newsDetail h1,
    .newsDetail h2 {
        font-size: 26px;
        margin-bottom: 24px;
    }
}

@media (min-width: 1360px) {

    .newsDetail h1,
    .newsDetail h2 {
        font-size: 30px;
        margin-bottom: 26px;
    }
}

@media (min-width: 1440px) {

    .newsDetail h1,
    .newsDetail h2 {
        font-size: 31px;
        margin-bottom: 28px;
    }
}

@media (min-width: 1600px) {

    .newsDetail h1,
    .newsDetail h2 {
        font-size: 35px;
        margin-bottom: 30px;
    }
}

@media (min-width: 1900px) {

    .newsDetail h1,
    .newsDetail h2 {
        font-size: 40px;
        margin-bottom: 31.69px;
    }
}

.newsDetail .blogHead {
    margin-bottom: 20px;
}

@media (min-width: 992px) {
    .newsDetail .blogHead {
        width: 56.5939%;
    }
}

.newsDetail .blogHead .bloginfo {
    margin-bottom: 0;
    gap: 10px;
}

.newsDetail .blogHead .bloginfo p {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .newsDetail .blogHead .bloginfo {
        gap: 16px;
    }
}

@media (min-width: 992px) {
    .newsDetail .blogHead .bloginfo {
        gap: 18px;
    }
}

@media (min-width: 1200px) {
    .newsDetail .blogHead .bloginfo {
        gap: 20px;
    }
}

@media (min-width: 1360px) {
    .newsDetail .blogHead .bloginfo {
        gap: 22px;
    }
}

@media (min-width: 1440px) {
    .newsDetail .blogHead .bloginfo {
        gap: 24px;
    }
}

@media (min-width: 1600px) {
    .newsDetail .blogHead .bloginfo {
        gap: 26px;
    }
}

@media (min-width: 1900px) {
    .newsDetail .blogHead .bloginfo {
        gap: 27.78px;
    }
}

@media (min-width: 576px) {
    .newsDetail .blogHead {
        margin-bottom: 30px;
    }
}

@media (min-width: 768px) {
    .newsDetail .blogHead {
        margin-bottom: 34px;
    }
}

@media (min-width: 992px) {
    .newsDetail .blogHead {
        margin-bottom: 36px;
    }
}

@media (min-width: 1200px) {
    .newsDetail .blogHead {
        margin-bottom: 38px;
    }
}

@media (min-width: 1360px) {
    .newsDetail .blogHead {
        margin-bottom: 40px;
    }
}

@media (min-width: 1440px) {
    .newsDetail .blogHead {
        margin-bottom: 42px;
    }
}

@media (min-width: 1600px) {
    .newsDetail .blogHead {
        margin-bottom: 44px;
    }
}

@media (min-width: 1900px) {
    .newsDetail .blogHead {
        margin-bottom: 46px;
    }
}

.newsDetail article {
    width: 100%;
}

.newsDetail article picture:first-child {
    margin-bottom: 20.19px;
}

@media (min-width: 576px) {
    .newsDetail article picture:first-child {
        margin-bottom: 26.19px;
    }
}

@media (min-width: 768px) {
    .newsDetail article picture:first-child {
        margin-bottom: 28.19px;
    }
}

@media (min-width: 922px) {
    .newsDetail article picture:first-child {
        margin-bottom: 32.19px;
    }
}

@media (min-width: 1200px) {
    .newsDetail article picture:first-child {
        margin-bottom: 34.19px;
    }
}

@media (min-width: 1360px) {
    .newsDetail article picture:first-child {
        margin-bottom: 36.19px;
    }
}

@media (min-width: 1440px) {
    .newsDetail article picture:first-child {
        margin-bottom: 38.19px;
    }
}

@media (min-width: 1600px) {
    .newsDetail article picture:first-child {
        margin-bottom: 40.19px;
    }
}

@media (min-width: 1900px) {
    .newsDetail article picture:first-child {
        margin-bottom: 42.19px;
    }
}

@media (min-width: 992px) {
    .newsDetail article {
        width: 65.402%;
    }
}

.newsDetail article img {
    width: 100%;
    height: auto;
}

.newsDetail article p+picture,
.newsDetail article h2,
.newsDetail article h3+picture,
.newsDetail article ul+picture {
    margin-top: 28px;
}

@media (min-width: 576px) {

    .newsDetail article p+picture,
    .newsDetail article h2,
    .newsDetail article h3+picture,
    .newsDetail article ul+picture {
        margin-top: 31px;
    }
}


@media (min-width: 768px) {

    .newsDetail article p+picture,
    .newsDetail article h2+picture,
    .newsDetail article h3+picture,
    .newsDetail article ul+picture {
        margin-bottom: 31px;
    }
}

@media (min-width: 992px) {

    .newsDetail article p+picture,
    .newsDetail article h2+picture,
    .newsDetail article h3+picture,
    .newsDetail article ul+picture {
        margin-bottom: 35px;
    }
}

@media (min-width: 1200px) {

    .newsDetail article p+picture,
    .newsDetail article h2+picture,
    .newsDetail article h3+picture,
    .newsDetail article ul+picture {
        margin-bottom: 38px;
    }
}

.newsDetail article strong {
    display: block;
    font-weight: 500;
}

.newsDetail .heading h2 {
    margin-bottom: 5px;
}

@media (min-width: 768px) {
    .newsDetail .heading h2 {
        margin-bottom: 8px;
    }
}

@media (min-width: 992px) {
    .newsDetail .heading h2 {
        margin-bottom: 10px;
    }
}

@media (min-width: 1200px) {
    .newsDetail .heading h2 {
        margin-bottom: 12px;
    }
}

@media (min-width: 1360px) {
    .newsDetail .heading h2 {
        margin-bottom: 14px;
    }
}

@media (min-width: 1440px) {
    .newsDetail .heading h2 {
        margin-bottom: 16px;
    }
}

@media (min-width: 1600px) {
    .newsDetail .heading h2 {
        margin-bottom: 18px;
    }
}

@media (min-width: 1900px) {
    .newsDetail .heading h2 {
        margin-bottom: 20px;
    }
}

.newsDetail .heading h2+span {
    margin-bottom: 15px;
    display: block;
}

@media (min-width: 768px) {
    .newsDetail .heading h2+span {
        margin-bottom: 18px;
    }
}

@media (min-width: 992px) {
    .newsDetail .heading h2+span {
        margin-bottom: 20px;
    }
}

@media (min-width: 1200px) {
    .newsDetail .heading h2+span {
        margin-bottom: 22px;
    }
}

@media (min-width: 1360px) {
    .newsDetail .heading h2+span {
        margin-bottom: 24px;
    }
}

@media (min-width: 1440px) {
    .newsDetail .heading h2+span {
        margin-bottom: 26px;
    }
}

@media (min-width: 1600px) {
    .newsDetail .heading h2+span {
        margin-bottom: 28px;
    }
}

@media (min-width: 1900px) {
    .newsDetail .heading h2+span {
        margin-bottom: 30px;
    }
}

.newsDetail .share {
    position: relative;
    align-items: center;
    margin-top: 40px;
    border-top: 2px solid #39547c;
}


.newsDetail .share .w-100 {
    padding-top: 10px;
}

.newsDetail .share::before {
    top: 0;
    width: 100%;
    height: 3px;
    opacity: 0.3;
    background: linear-gradient(97deg, #8A0CE1 0.11%, #5E0C9E 50.5%, #320064 99.89%);
}

.newsDetail .share>ul {
    margin-top: 5px;
    gap: 5.081px;
    padding: 0;
}

@media (max-width: 575px) {
    .newsDetail .share>ul {
        width: 100%;
    }
}

@media (min-width: 576px) {
    .newsDetail .share>ul {
        margin-top: 8px;
        gap: 8.081px;
    }
}

@media (min-width: 768px) {
    .newsDetail .share>ul {
        margin-top: 9px;
        gap: 9.081px;
    }
}

@media (min-width: 992px) {
    .newsDetail .share>ul {
        margin-top: 10px;
        gap: 10.081px;
    }
}

@media (min-width: 1200px) {
    .newsDetail .share>ul {
        margin-top: 11px;
        gap: 11.081px;
    }
}

@media (min-width: 1360px) {
    .newsDetail .share>ul {
        margin-top: 12px;
        gap: 12.081px;
    }
}

@media (min-width: 1440px) {
    .newsDetail .share>ul {
        margin-top: 13px;
        gap: 13.081px;
    }
}

@media (min-width: 1600px) {
    .newsDetail .share>ul {
        margin-top: 14px;
        gap: 14.081px;
    }
}

@media (min-width: 1900px) {
    .newsDetail .share>ul {
        margin-top: 15px;
        gap: 15.081px;
    }
}

.newsDetail .share>ul li {
    margin: 0;
    padding-left: 0;
}

.newsDetail .share>ul li::before {
    content: none;
}

.newsDetail .share>ul a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.newsDetail .share>ul a::before {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0.1;
    background: linear-gradient(96deg, #5AFCD0 0%, #0D91B5 50.5%, #0A1047 100%);
}

@media (min-width: 578px) {
    .newsDetail .share>ul a {
        width: 55.347px;
        height: 55.347px;
    }
}

@media (min-width: 768px) {
    .newsDetail .share>ul a {
        width: 57.347px;
        height: 57.347px;
    }
}

@media (min-width: 992px) {
    .newsDetail .share>ul a {
        width: 59.347px;
        height: 59.347px;
    }
}

.newsDetail .share>ul a svg {
    height: auto;
    width: 20px;
}

@media (min-width: 576px) {
    .newsDetail .share>ul a svg {
        width: 25px;
    }
}

@media (min-width: 992px) {
    .newsDetail .share>ul a svg {
        width: 27px;
    }
}

@media (min-width: 1200px) {
    .newsDetail .share>ul a svg {
        width: 29px;
    }
}

@media (min-width: 1440px) {
    .newsDetail .share>ul a svg {
        width: 31px;
    }
}

@media (min-width: 1600px) {
    .newsDetail .share>ul a svg {
        width: 35px;
    }
}

@media (min-width: 1900px) {
    .newsDetail .share>ul a svg {
        width: 37px;
    }
}

.newsDetail .share>ul a:hover {
    background: linear-gradient(97deg, #3b567e 0.11%, #64ACFF 50.5%, #A2FACF 99.89%);
}

.newsDetail .share>ul a:hover path {
    fill: #fff;
}

.newsDetail .blog-navigation {
    gap: 10px;
}

@media (max-width: 575px) {
    .newsDetail .blog-navigation {
        margin-top: 30px;
    }
}

@media (min-width: 578px) {
    .newsDetail .blog-navigation {
        gap: 5px;
    }
}

@media (min-width: 768px) {
    .newsDetail .blog-navigation {
        gap: 7px;
    }
}

@media (min-width: 992px) {
    .newsDetail .blog-navigation {
        gap: 9px;
    }
}

@media (min-width: 1200px) {
    .newsDetail .blog-navigation {
        gap: 11px;
    }
}

@media (min-width: 1360px) {
    .newsDetail .blog-navigation {
        gap: 13px;
    }
}

@media (min-width: 1440px) {
    .newsDetail .blog-navigation {
        gap: 14px;
    }
}

@media (min-width: 1600px) {
    .newsDetail .blog-navigation {
        gap: 14px;
    }
}

@media (min-width: 1900px) {
    .newsDetail .blog-navigation {
        gap: 15px;
    }
}

.newsDetail .blog-navigation a {
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 15px;
}

@media (min-width: 768px) {
    .newsDetail .blog-navigation a {
        gap: 19px;
    }
}

@media (min-width: 992px) {
    .newsDetail .blog-navigation a {
        gap: 21px;
    }
}

@media (min-width: 1200px) {
    .newsDetail .blog-navigation a {
        gap: 23px;
    }
}

@media (min-width: 1360px) {
    .newsDetail .blog-navigation a {
        gap: 25px;
    }
}

@media (min-width: 1440px) {
    .newsDetail .blog-navigation a {
        gap: 27px;
    }
}

@media (min-width: 1600px) {
    .newsDetail .blog-navigation a {
        gap: 29px;
    }
}

@media (min-width: 1900px) {
    .newsDetail .blog-navigation a {
        gap: 31px;
    }
}

.newsDetail .blog-navigation a span {
    font-weight: 500;
    font-size: 15px;
}

@media (min-width: 578px) {
    .newsDetail .blog-navigation a span {
        font-size: 10px;
    }
}

@media (min-width: 768px) {
    .newsDetail .blog-navigation a span {
        font-size: 12px;
    }
}

@media (min-width: 992px) {
    .newsDetail .blog-navigation a span {
        font-size: 14px;
    }
}

@media (min-width: 1200px) {
    .newsDetail .blog-navigation a span {
        font-size: 16px;
    }
}

@media (min-width: 1360px) {
    .newsDetail .blog-navigation a span {
        font-size: 18px;
    }
}

@media (min-width: 1440px) {
    .newsDetail .blog-navigation a span {
        font-size: 20px;
    }
}

@media (min-width: 1600px) {
    .newsDetail .blog-navigation a span {
        font-size: 21px;
    }
}

@media (min-width: 1900px) {
    .newsDetail .blog-navigation a span {
        font-size: 22px;
    }
}

.newsDetail .blog-navigation a:hover path {
    fill: #E2FF06;
    transition: 0.5s ease all;
}

.newsDetail .blog-navigation a:hover span {
    transition: 0.5s ease all;
    color: #320064;
}

.newsDetail aside {
    height: -moz-fit-content;
    height: fit-content;
    position: sticky;
    top: 100px;
    width: 100%;
    padding: 21.11px 0px 30.3px;
}

@media (max-width: 991px) {
    .newsDetail aside {
        margin-top: 40px;
    }
}

@media (min-width: 578px) {
    .newsDetail aside {
        padding: 31.11px 0px 44.3px;
    }
}

@media (min-width: 992px) {
    .newsDetail aside {
        width: 31.858%;
    }
}

@media (min-width: 768px) {
    .newsDetail aside {
        padding: 33.11px 0px 48.3px;
    }
}

@media (min-width: 992px) {
    .newsDetail aside {
        padding: 35.11px 0px 10px;
        top: 74px;
    }
}

.newsDetail aside ul {
    padding: 0;
}

.newsDetail aside::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(to right, #64ACFF, #A2FACF) border-box;
    border-radius: 16px;
    border: 2px solid transparent !important;
}

.newsDetail aside h2,
.newsDetail aside h3 {
    line-height: 113.333%;
    margin-bottom: 20px;
}

@media (min-width: 578px) {

    .newsDetail aside h2,
    .newsDetail aside h3 {
        margin-bottom: 27px;
        font-size: 18px;
    }
}

@media (min-width: 768px) {

    .newsDetail aside h2,
    .newsDetail aside h3 {
        margin-bottom: 29px;
        font-size: 20px;
    }
}

@media (min-width: 992px) {

    .newsDetail aside h2,
    .newsDetail aside h3 {
        margin-bottom: 31px;
        font-size: 22px;
    }
}

@media (min-width: 1200px) {

    .newsDetail aside h2,
    .newsDetail aside h3 {
        margin-bottom: 33px;
        font-size: 24px;
    }
}

@media (min-width: 1360px) {

    .newsDetail aside h2,
    .newsDetail aside h3 {
        margin-bottom: 35px;
        font-size: 26px;
    }
}

.newsDetail aside h2,
.newsDetail aside h3,
.newsDetail aside li {
    padding-left: 10px;
    padding-right: 10px;
}

@media (min-width: 578px) {

    .newsDetail aside h2,
    .newsDetail aside h3,
    .newsDetail aside li {
        padding-left: 13px;
        padding-right: 13px;
    }
}

@media (min-width: 768px) {

    .newsDetail aside h2,
    .newsDetail aside h3,
    .newsDetail aside li {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 992px) {

    .newsDetail aside h2,
    .newsDetail aside h3,
    .newsDetail aside li {
        padding-left: 17px;
        padding-right: 17px;
    }
}

@media (min-width: 1200px) {

    .newsDetail aside h2,
    .newsDetail aside h3,
    .newsDetail aside li {
        padding-left: 19px;
        padding-right: 19px;
    }
}

@media (min-width: 1360px) {

    .newsDetail aside h2,
    .newsDetail aside h3,
    .newsDetail aside li {
        padding-left: 21px;
        padding-right: 21px;
    }
}

@media (min-width: 1440px) {

    .newsDetail aside h2,
    .newsDetail aside h3,
    .newsDetail aside li {
        padding-left: 23px;
        padding-right: 23px;
    }
}

@media (min-width: 1600px) {

    .newsDetail aside h2,
    .newsDetail aside h3,
    .newsDetail aside li {
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media (min-width: 1900px) {

    .newsDetail aside h2,
    .newsDetail aside h3,
    .newsDetail aside li {
        padding-left: 25px;
        padding-right: 25px;
    }
}

.newsDetail aside li {
    margin-bottom: 10px;
}


@media (min-width: 1900px) {
    .newsDetail aside li {
        margin-bottom: 35.6px;
    }
}

.newsDetail aside li:last-child {
    margin-bottom: 0;
}

.newsDetail aside li>div {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-bottom: 20px;
}


.newsDetail aside li>div::after {
    width: 100%;
    height: 2px;
    opacity: 0.2;
    background: linear-gradient(97deg, #8A0CE1 0.11%, #5E0C9E 50.5%, #320064 99.89%);
    bottom: 0;
    left: 0;
}

.newsDetail aside li picture {
    width: 38.916%;
}

.newsDetail aside li picture img {
    -o-object-fit: cover;
    object-fit: cover;
    height: auto;
    min-height: 90px;
    border-radius: 10px;
}

@media (min-width: 576px) {
    .newsDetail aside li picture img {
        min-height: 110px;
    }
}

@media (min-width: 768px) {
    .newsDetail aside li picture img {
        min-height: 114px;
    }
}

@media (min-width: 992px) {
    .newsDetail aside li picture img {
        min-height: 94px;
    }
}

@media (min-width: 1200px) {
    .newsDetail aside li picture img {
        min-height: 77px;
    }
}

@media (min-width: 1360px) {
    .newsDetail aside li picture img {
        min-height: 93px;
    }
}

@media (min-width: 1440px) {
    .newsDetail aside li picture img {
        min-height: 103px;
    }
}


.newsDetail aside li a {
    width: 56.435%;
}

@media (min-width: 1900px) {
    .newsDetail aside li a {
        width: 55.435%;
    }
}

.newsDetail aside li p {
    line-height: 130%;
    font-weight: 500;
    color: #320064;
    margin-bottom: 8px;
}

@media (max-width: 575px) {
    .newsDetail aside li p {
        font-size: 14px;
    }
}

@media (min-width: 1200px) and (max-width: 1299px) {
    .newsDetail aside li p {
        font-size: 13px;
    }
}

@media (min-width: 576px) {
    .newsDetail aside li p {
        margin-bottom: 6px;
    }
}

@media (min-width: 768px) {
    .newsDetail aside li p {
        margin-bottom: 12px;
    }
}

@media (min-width: 992px) {
    .newsDetail aside li p {
        margin-bottom: 5px;
    }
}

@media (min-width: 1360px) {
    .newsDetail aside li p {
        margin-bottom: 10px;
    }
}

@media (min-width: 1440px) {
    .newsDetail aside li p {
        margin-bottom: 19px;
    }
}

@media (min-width: 1600px) {
    .newsDetail aside li p {
        margin-bottom: 19.5px;
    }
}

@media (min-width: 1900px) {
    .newsDetail aside li p {
        margin-bottom: 20px;
    }
}

.newsDetail aside li .date {
    font-weight: 500;
    color: #575757;
    font-size: 14px;
}

@media (min-width: 576px) {
    .newsDetail aside li .date {
        font-size: 12px;
    }
}

@media (min-width: 768px) {
    .newsDetail aside li .date {
        font-size: 10px;
    }
}

@media (min-width: 992px) {
    .newsDetail aside li .date {
        font-size: 11px;
    }
}

@media (min-width: 1200px) {
    .newsDetail aside li .date {
        font-size: 12px;
    }
}

@media (min-width: 1360px) {
    .newsDetail aside li .date {
        font-size: 13px;
    }
}

@media (min-width: 1440px) {
    .newsDetail aside li .date {
        font-size: 14px;
    }
}

@media (min-width: 1600px) {
    .newsDetail aside li .date {
        font-size: 15px;
    }
}

@media (min-width: 1900px) {
    .newsDetail aside li .date {
        font-size: 18px;
    }
}

.newsDetail aside li svg {
    height: auto;
    width: 10px;
}

@media (min-width: 768px) {
    .newsDetail aside li svg {
        width: 12px;
    }
}

@media (min-width: 992px) {
    .newsDetail aside li svg {
        width: 13px;
    }
}

@media (min-width: 1200px) {
    .newsDetail aside li svg {
        width: 14px;
    }
}

@media (min-width: 1360px) {
    .newsDetail aside li svg {
        width: 15px;
    }
}

@media (min-width: 1440px) {
    .newsDetail aside li svg {
        width: 16px;
    }
}

@media (min-width: 1600px) {
    .newsDetail aside li svg {
        width: 17px;
    }
}

@media (min-width: 1900px) {
    .newsDetail aside li svg {
        width: 18px;
    }
}

.newsDetail ul {
    list-style: none;
}

@media(max-width:575px) {
    .blogHead .h2 {
        font-size: 22px;
    }

    .page-header {
        padding-bottom: 110px !important;
    }

    ul.breadcrumb li {
        font-size: 11px;
    }
}

.share>ul a svg path {
    fill: #39547c;
}

.newsDetail .blog-navigation path {
    fill: #39547c;
}

.newsDetail .blog-navigation a:hover span,
.newsDetail .blog-navigation a:hover path {
    fill: #000;
    color: #000;
}

.banner form {
    padding: 0 !important;
}

.banner form input {
    padding: 0 10px;
    height: 40px;
}

.banner form input,
.banner form textarea {
    border-radius: 5px;
}

.banner .formdesign {
    margin-top: -90px !important;
    z-index: 1;
    position: initial;

}

@media(max-width:575px) {
    .banner .formdesign {
        width: 100%;
        margin: auto;
    }
}

@media(min-width:992px) {
    .banner .formdesign {
        margin-top: 0 !important;
    }

    .banner .container {
        position: absolute;
        right: 0%;
        top: 45%;
        transform: translate(-50%, -50%);
        margin: 0 !important;
        z-index: 2;
        width: fit-content;
    
    }

    .banner .formdesign {
        width: 300px;
        margin-left: auto;
        background: #fff;

    }

    .forcefullwidth_wrapper_tp_banner{
    width: 50%!important;
    z-index: 1;
}
}
.hospitals-home .col-xl-8 {
    width: 100%;
    max-width: 100% !important;
    flex-basis: 100% !important;
}

.hospitals-home .formdesign {
    display: none !important;
}

@media(min-width:992px) {
    .hospitals-home .hospital-card {
        margin-top: 0;
        width: 100%;
    }
}

@media(min-width:1200px) {
    .banner .container {
    right: -9%;
}
    .hospitals-home .hospital-card {
        margin-top: 0;
        width: 48%;
    }
}

@media(min-width:768px) {
    .hospitals-home .row {
        gap: 42px;
    }
}

@media(min-width:1350px) {
        .banner .container {
    right: 0%;
}
    .hospitals-home .row {
        gap: 46px;
    }
}
@media (min-width: 1900px) {
    .banner .container {
        right: 8%;
    }
}

.view-all {
    width: fit-content !important;
    display: block ;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
}

.services-cover .servicesCards picture {
    display: block;
    background-color: #ebebeb;
    padding: 10px;
    border-radius: 10px;
    /* margin-bottom: 10px; */
}

.services-cover .servicesCards picture img {
    width: 100%;
    height: auto;
}

.services-cover .servicesCards h3 {
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 800;
}

.services-cover .servicesCards p {
    margin-bottom: 0;
    line-height: normal;
    margin-top: 5px;
    font-size: 14px;
}

.servicesCards .customCol {
    padding: 15px;
    background: #f6f6f6;
    border-radius: 10px;
}

.servicesCards {
    gap: 10px;
}

.commonPadding {
    padding: 30px 0px;
}
.commonMargin {
    margin-top: 25px;
}
.customCol {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.iconBox {
    height: fit-content;
    width: 61px;
}
.treatment-slider p {
    font-size: 15px;
    color: #303b41;
}
@media(max-width:575px) {
    .servicesCards .customCol {
        padding: 10px;
    }

    .servicesCards {
        width: 98%;
        margin-left: auto;
        margin-right: auto;
    }

    .servicesCards .slick-slide {
        margin: 0 5px;
    }

    .servicesCards .slick-list {
        margin: 0 -5px;
    }

    .services-cover .servicesCards p {
        font-size: 13px;
    }

    .customCol {
        width: 48%;
    }
}

@media(min-width:768px) {
    .services-cover .servicesCards h3 {
        font-size: 17px;

    }

}

@media(min-width:992px) {
    .iconBox {
        width: 72px;
    }

    .customCol {
        width: 48%;
    }
}

@media(min-width:1200px) {
    .commonPadding {
        padding: 50px 0px;
    }
}

@media(min-width:1200px) {

    .iconBox {
        width: 75px;
    }

    .buttonWrap {
        gap: 15px;
    }

    .customCol {
        width: 32%;
    }
}

.buttonWrap {
    margin-top: 25px;
    margin-top: 25px;
    gap: 8px;
    display: flex;
    justify-content: center;
}

.get-online {
    padding: 50px 0px;
    position: relative;
}

    .video-bx iframe,
    .video-bx .video-image {
        width: 100%;
              object-fit: cover;
    }
    .video-bxx iframe,
    .video-bxx .video-image {
        width: 100%;
              object-fit: cover;
    }
@media(min-width:1200px) {

    .video-bx iframe,
    .video-bx .video-image {

        height: 240px;
  
    }
    .video-bxx iframe,
    .video-bxx .video-image {

        height: 240px;
  
    }

    .get-online {
        padding: 80px 0px;
    }
}

@media(min-width:1440px) {

    .get-online {
        padding: 100px 0px;
    }
}

@media(min-width:1600px) {
    .get-online {
        padding: 120px 0px;
    }
}

.servicesCards-details {
    padding: 0;
}

.treatments a>div {
    background: #fff;
    padding: 15px 10px;
    box-shadow: 2px 4px 8px 4px #e3e3e32b;
    border: 1px solid #e8e8e8;
    border-radius: 11px;
}

@media(max-width:767px) {
.treatments a>div {
    padding: 15px 5px;
}
    .video-bx iframe,
    .video-bx .video-image {
          height: 193px;
    }
    .heading-block {
        margin-bottom: 0px;
    }

    .doctor-data .btn {

        padding: 7px 9px;
        font-size: 11px;
    
    }

    .doctor-box-1 {
        padding: 0;
    }

    .buttonWrap a {
        padding: 8px 12px;
    }

    .topDoctorsSlider .slick-slide>div>div {
        padding: 0 !important;
    }

    .treatment-slider,
    .topDoctorsSlider {
        width: 98%;
        margin: auto;
    }

    .treatment-slider .slick-slide,
    .topDoctorsSlider .slick-slide {
        margin: 0px 5px;
    }

    .treatment-slider .slick-list,
    .topDoctorsSlider .slick-list {
        margin: 0px -5px;
    }
    
    .event-details {
        padding: 12px;
        display: flex;
        flex-direction: column;
    }
}

@media(max-width:575px) {
    .iconbox-2 {
        align-items: center;
    }

    .iconbox-body .heading {
        margin: 0;
    }

    button.slick-prev.slick-arrow {
        background-position: 5px center;
    }

    button.slick-next.slick-arrow {
        background-position: 8px center;
    }

    .slick-arrow {
        /* top: 100%!important; */
        opacity: 1;
        background: #ffffffa8;
        border-radius: 50%;
        padding: 18px;
        background-size: 20px !important;
        background-repeat: no-repeat;
        /* background-position: 8px center; */
        border: 1px solid #e1e1e1;
    }

    .hospitals-slider .slick-slide {
        margin: 0px 5px;
    }
    .hospitals-slider .hospital-card{
        margin-bottom: 15px;
    }

    .hospitals-slider .slick-list {
        margin: 0px -5px;
    }

    .slick-slide>div>a {
        margin-bottom: 10px;
        padding: 0;
    }

    .event-details .heading,
    .event-details .event-header p {
        margin-bottom: 0;
    }

    .event-button {
        margin-top: auto;
 
    }


    .buttonWrap {
        margin-top: 30px !important;
    }

    /* .buttonWrap a {
    padding: 11px 5px;
    font-size: 12px;
    margin: 0 !important;
} */
    .get-online::before {
        content: '';
        width: 100%;
        height: 100%;
        z-index: 0;
        background: linear-gradient(45deg, #000000fa, #3b567ecf);
        left: 0;
        top: 0;
        position: absolute;
    }
}

.page-header h1 {
    font-weight: 500;
}

.department-box-4 img {
    object-fit: cover;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
}
   .doctorDetail h3{
    font-weight: 600;
   }
@media(min-width:768px) {}
@media(min-width:992px){
        .doctors-list-row .button-group a.btn {
   
        width: 31.6%;
        padding: 12px 20px;
}
     .treatments a>div {
        margin: 15px 0px;
    }
}
@media (min-width:1200px) {

   .doctorDetail h3{
        font-size: 24px;
   }
    .doctorDetail h2 {
        font-weight: 600;
        font-size: 28px;
    }

    .treatments a>div {
        padding: 20px;
        /* margin: 15px 0px; */
    }

    .department-box-4 img {
        width: 150px;
        height: 150px;
        border-radius: 50%;
    }
}


.treatments a>div .heading {
    margin-top: 15px;
}
.video-bx .video-image {
    width: 100%;
}

.video-bx {
    position: relative;
}

.video-bx .video-icon-block {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.work_bx h3 {
font-size: 14px;
    line-height: 22px;
        margin-bottom: 0;
}

.how-work .slick-list {
    margin: 0px -5px;
}

.how-work .slick-slide {
    margin: 0px 5px;

}
.how-work .col {
    background-color: #fff;
    margin: 5px 5px;
    border-radius: 10px;
    padding: 14px 10px!important;
}

@media(min-width:1200px) {
    .how-work .col {
        padding: 20px 10px!important;
    }
}

.how-work figure {
    margin-bottom: 10px;
}

.slick-dots {
    /* position: absolute; */
    padding: 0;
    padding-left: 15px;
    display: flex;
    margin: 0;
    gap: 6px;
    list-style: none;
}

.slick-dots button {
    padding: 0;
    display: block;
    font-size: 0;
    border: unset;
    outline: unset;
    width: 10px;
    height: 10px;
    background-color: #3b567e;
    border-radius: 50%;

}

.slick-dots .slick-active button {
    background-color: #4fc1b0;
}

.how-work-slider .slick-list {
    margin-bottom: 20px;
}

.heading-block1 {
    gap: 10px;
}

@media(max-width:575px) {
    .top-doctors span {
    font-size: 11px !important;
}
    .how-work-slider .slick-slide {
        margin-bottom: 20px !important;
    }

    .work_bx img {
        width: 40px;
    }
    .blog-slider h3, .blog-slider h4 {
    font-size: 18px;
}
    .tp-caption.tp-resizeme.rs-parallaxlevel-0.h3 {
        color: #fff!important;
        font-size: 30px !important;
    }

    .tp-caption.tp-resizeme.rs-parallaxlevel-0 {
        text-align: center !important;
        color: #fff;
    }

    .tp-caption.btn {
        background: #35396f;
    }

    .slotholder+span {
        display: block;
        background: linear-gradient(95deg, #3b567e 34%, #4fc1b0 50%);
        background-size: contain;
        background-blend-mode: overlay;
        width: 100%;
        height: 100%;
        z-index: 0;
        position: absolute;
    }

    .slotholder+span:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: url(../images/vector/1.png);
    }
}

.event-box-2 .event-header .event-details {
    gap: 6px 0px;
}

.department-box-4 .body span {

    border: 1px solid #3b567e;
    padding: 5px 12px;
    display: block;
    width: fit-content;
    margin: auto;
    border-radius: 15px;
    line-height: normal;
    font-size: 13px;
    margin-top: 10px;
}

.department-box-4 .body span:hover {
    background-color: #3b567e;
    color: #fff;
}

.why-choose-mighty {
    background: #e5f7ff;
}

.why-choose-mighty img {
    border-radius: 10px;
}

.why-choose-mighty .list-group li {
    padding: 20px 10px;
}

.why-choose-mighty .text-green-3 {
    margin-bottom: 0 !important;
    /* font-size: 18px; */
    /* margin-bottom: 6px; */
}

.why-choose-mighty ul.why-choose-wrap {
    padding-left: 3px;
}

.why-choose-mighty li.why-choose-list {
    width: 100%;
    /* width: 49%; */
    /* padding: 15px; */
    /* background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(to right, #35356e, #4fc1b0, #3b567e) border-box; */
    /* border: 1px solid transparent !important; */
    border-radius: 10px;
}

.why-choose-mighty li.why-choose-list div {
    padding-left: 20px;
    position: relative;
}

.why-choose-mighty li.why-choose-list div:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #48a9a5;
    border-radius: 30%;
    left: 0;
    top: 5px;
}

.why-choose-mighty ul.why-choose-wrap {
    list-style: none;
    display: flex;

    margin: 0;
    flex-wrap: wrap;
    gap: 20px;
}

.why-choose-mighty p.text-blue {
    color: #717171;
}

.hospital-details h2,
.related-doctors h2,
.reviews h2,
.case h2 {
    font-weight: 600;
}

.consult-form {
    background: #d4dae345;
}
.consult-form .form-group .row {
    margin: 0;
}
@media(min-width:1200px) {
    .work_bx h3 {
        font-size: 18px;
    }

    .hospital-details h2,
    .related-doctors h2,
    .reviews h2,
    .case h2 {

        font-size: 26px;
    }
}

.consult-form .panel-body {
    align-items: center;
}


.doctor-profile img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.doctor-name {
    color: #3b567e;
    font-weight: 900;
    letter-spacing: 0;
    margin-bottom: 0;
}

.doctor-designation {
    letter-spacing: 1px;
    font-size: 17px;
    font-weight: 100;
}

.doctor-hospital {
    color: #3b567e;
    font-weight: 600;
    /* margin-bottom: 0; */
}

.doctor-feee {
    /* margin-bottom: 0; */
    font-weight: 100;
    font-size: 24px;
    margin-top: 5px;
}

.consult-form form {
    background-color: #fff;
    border: 1px solid #d3d1d1;
    border-radius: 5px;
}

.consult-form .panel-body {
    padding: 10px;
}

.appointment-date-group {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}

.appointment-radio {
    display: none;
}

.appointment-label {
    text-align: center;
    min-width: 100px;
    padding: 5px 19px;
    border: 1px solid #3b567e38;
    border-radius: 7px;
    background-color: #3b567e38;
    color: #384977;
    cursor: pointer;
    transition: background 0.3s, border 0.3s;
}

.appointment-radio:checked+.appointment-label {
    background-color: #4ab0a8;
    color: white;
    border-color: #4ab0a8;
}

#time-section {
    display: none;

}

.red {
    color: #ff2f07;
    font-size: 18px;
}

.consult-form input,
.consult-form select {
    border-radius: 5px !important;
    padding-top: 0;
    padding-bottom: 0;
}


.gender label {
    margin-bottom: 0;
    height: fit-content;
    /* display: flex; */
    align-items: center;
    gap: 15px;
}

.consult-form button.btn.btn-primary.mb-3 {
    width: 100%;
    display: block;
}

.basic-information {
    background: #d4dae340;

    margin: 15px;
    border-radius: 10px;
    padding: 20px 0px 0px 0px;
}

.consult-form .form-group.gender .col-sm-12 {
    display: flex;
    gap: 30px;
    align-items: end;
    height: 40px;
}

.block-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 98%;
}

.consult-form .basic-information .form-group {
    width: 100%;
}

.consult-form .hospital-form .other {
    display: flex;
    justify-content: flex-start;
    width: fit-content;
    gap: 10px;
    margin-left: 6px;
}

.consult-form .hospital-form>div {


    margin: 15px;
}

.consult-form .hospital-form-profile {
    border: 1px solid #e2e2e2;
    padding: 10px;
    border-radius: 5px;
}

.consult-form .hospital-form select,
.consult-form .hospital-form input {
    width: 100%;
}

.consult-form .hospital-profile {
    width: 100%;
}

.consult-form .hospital-details {
    width: 100%;
}

.consult-form .hospital-profile img {
    width: 100%;
    border-radius: 10px;
}

.consult-form .hospital-details h3 {
    font-weight: 600;
}

@media(min-width:576px) {
    .orDesign {
        margin: 0 !important;
    }

    .consult-form .doctor-profile {
        width: 20%;
    }

    .consult-form .doctor-details {
        width: 78%;
    }
}

@media(min-width:992px) {
    .consult-form .hospital-form-profile {

        padding: 20px;
    }

    .consult-form .hospital-profile {
        width: 20%;
    }

    .consult-form .hospital-details {
        width: 70%;
    }

    .consult-form .panel-body {
        padding: 20px;
    }

    .consult-form .appointment-label {

        min-width: 130px;
    }

    .consult-form .basic-information .form-group {
        width: 50%;
    }

    .block-container {
        max-width: 95%;
    }
}

@media(min-width:1280px) {
    .basic-information {
        padding: 40px 40px 0px 40px;
    }

    .block-container {
        max-width: 65%;
    }
}

@media(max-width:575px) {
    .hospital-img{
        margin-top: 30px;
    }
    .tp-caption.tp-resizeme.rs-parallaxlevel-0.h4 {
    font-size: 13.5px !important;
    line-height: 26px !important;
}
    .heading-block .sub-heading{
        max-width: 100%;
        font-size: 15px;
    }
  .why-choose-mighty{
    padding-top: 30px!important;
  }
.how-work-slider {
    margin-left: -10px;
}
    .why-choose-mighty ul.why-choose-wrap {
        margin-bottom: 30px;
    }

    .how-work .slick-list {
        margin: 0px -5px;
    }

    .how-work .slick-slide {
        margin: 0px 5px;
    }

    .orDesign {
        margin: 20px 0px;
    }

    .doctor-choosen {
        font-size: 16px;
    }

    .doctor-choosen svg {
        width: 22px;
        height: auto;
    }

    .consult-form .hospital-details h3 {
        font-size: 19px;
    }

    .consult-form .hospital-profile {
        margin-bottom: 20px;
    }

    .consult-form .doctor-name {
        font-size: 22px;
    }

    .consult-form .appointment-label {
        font-size: 13px;
    }

    .consult-form .doctor-profile {
        margin-bottom: 20px;
    }

    .consult-form .doctor-hospital {
        font-size: 18px;
    }

    .doctor-feee {
        font-size: 20px;
    }

    .get-online {
        background-image: url(/web/images/home/overlay2.jpg) !important;

    }

    .get-online h3,
    .get-online p,
    .get-online h2 {
        color: #fff !important;
    }

    ul.misc-links {
        display: flex;
        justify-content: space-around;
    }
    .doctor-img {
    text-align: center;
    margin-bottom: 20px;
}
.treatments-cat h2 {
    margin: 0 !important;
}
.hospitals-slider .heading{
  margin-bottom: 10px;
}
.counter-box-4 .fact-icon {
    margin-right: 4px;
}
.counter-box-4 .fact-body .fact-count {
    margin: 0;
    font-size: 36px;
}
.fact-body h6 {
    font-size: 15px;
}
.why-choose-mighty ul.why-choose-wrap {
    padding-left: 5px;
}
.hospital-details>.container>.row>div:first-child{
    padding-top: 0;
}
.quotes p.sub-heading {
    margin: 0;
}

.accordion-3 .accordion-title a p {
    margin: 0;
}
.dr-profile-detail{
    overflow: hidden;
}
.dr-profile-detail a{
    display: block;
}
.dr-profile-detail h3{
            font-size: 20px;
}
    .contactPage {
        background: #f4f4f4 !important;
    }
    footer .widget {
    margin-bottom: 0px;
}
.contact.footer-text strong +br {
    display: none;
}
.contact.footer-text strong {
    display: block;
        margin-bottom: 5px;
}
footer .footer-pri {
    padding-top: 20px;
}
}

.form-group.gender .error-message {
    padding-left: 19px;
    font-size: 13px;
}
.iconbox-icon img {
    object-fit: cover;
    border-radius: 50%;
}

.doctor-details .about-hospital {
    padding: 0;
}

.locationWrap div {
    width: 90%;
}

.locationWrap i {
    width: 20px;
}
.case-study-details p{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.get-a-quote form{
    background: unset;
}
.get-a-quote label,.get-a-quote input, .get-a-quote textarea{
    width: 100%;
}
.get-a-quote input, .get-a-quote textarea{
        border: 1px solid #0d0d0d26;
    outline: unset;
    border-radius: 5px;
}
.get-a-quote input{
    height: 40px;
}
.get-a-quote  input[type="file"] {
    border: unset;
    outline: unset;
    margin-top: 9px;
}

.file-upload {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  /* gap: 10px; */
}
.get-a-quote label{
    color: #000;
}

.file-label {
    display: inline-flex
;
    align-items: center;
    padding: 9px 20px;
    background: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
    text-decoration: none;
}

.file-label:hover {
  background-color: #394e79;
}
.file-label:hover span {
  color: white;
}

.file-input {
  display: none;
}

.file-info {
  font-size: 0.9em;
  color: #555;
}

.file-name {
  margin-top: 10px;
  font-size: 0.9em;
  color: #333;
  word-wrap: break-word;
}

.file-icon {
  margin-right: 10px;
}

.file-cta {
  display: flex;
  align-items: center;
}
.error-message{
    display: none;
    color: red;
    font-size: 13px;
}
/* 
.select2-container--default.select2-container--focus .select2-selection--multiple,.select2-container .select2-selection--multiple {
    min-height: 50px ! important;
} */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #fff!important;

}
button.select2-selection__choice__remove {
    border: unset !important;
}
button.select2-selection__choice__remove:hover{
    color: red!important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    font-size: 13px;
    padding: 3px 6px 3px 0px !important;
    display: block;
}



.heading-block span {
    color: #47969d;
    font-weight: 600;
}
.heading-block .heading{
        color: #3b567e;
}

.accordion-3 .accordion-title a p {
    padding-right: 12px;
}
.select2-container--default .select2-selection--multiple {
    height: 32px;
    overflow-y: auto;
    overflow-x: hidden;
}
@media(min-width:1200px){
    .select2-container--default .select2-selection--multiple {
    height: 50px;

}
}


    .tp-bannertimer {
        background: linear-gradient(-305deg, #35356C 15%, #4FC1B1 50%, #3b567e 80%) !important;
    }
    #need-assistance {
  display: none;
}

.svg-icon-wrapper svg {
    width: 45px;
    height: auto;
}
#filterSection {
  /* display: none; */
  opacity: 0;
  transition: 0.3s ease all;
}
.top-doctors,.top-hospitals,.doctorDetail,.costEstimate,.treatment-content  {
    padding-top: 20px;
}
.hospital-details .faq , .hospital-details .cta{
    margin: 20px 0px;
}
@media(min-width:1200px){
    .treatment-content > div, .treatment-content > a, .treatment-content > button {
    margin: 0px 30px;
}
}
.hospital-details h3{
    margin-bottom: 10px;
}
.hospital-details h2,.doctorDetail h2{
    margin-bottom: 15px;
}
.hospital-details .faq .sub-heading{
    color: #fff;
}
.hospital-details .faq .heading-block:before{
    background: #ffff;
}
.hospital-details .faq{
    padding: 30px 0px;
}
.medical-problems br{
    display: none;
}
@media(min-width:1200px){
  .vission-card{
    margin: 10px;
  }  
}
.vission-card{
    height: 100%;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
        background: #3b567e;
    padding: 20px;

        border-radius: 10px;
}
.vission-card h3{
    margin-bottom: 2px;
    font-weight: 800;
}
.vission-card img{
        border-radius: 50%;
    border: 3px solid #4fc1b0;
    margin-bottom: 15px;
}
.vission-card h3, .vission-card p {
    color: #fff;
}
    .card-box img {
        height: auto;
        width: 60px;
    }
@media(max-width:1199px){
    .about-container> div{
        margin-top: 20px;
    }

}
.about-section-two .head {
    border-radius: 10px;
    background: #4fc1b0;
    padding: 110px 15px 20px 15px;
}
@media(min-width:1200px){
    .card-box img {
        width: 65px;
    }
    .about-section-two .head {

    padding: 110px 55px 20px 55px;
}
}
.about-section-two h2{
    margin-bottom: 10px;
    font-size: 26px;
}
.about-section-two h2,.about-section-two p{
    color: #fff;
}
.featured-image{
    margin-bottom: -90px;
    z-index: 1;
    position: relative;
}
.featured-image img{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.card-box {
    border-radius: 10px;
    padding: 15px;
    background: #f3f3f3;
    height: 100%;
}
.bringwolrd .col-lg-6 {
    background: #dbfffe;
    padding: 30px 20px;
    border: 2px solid #ffffff;
}
@media(min-width:992px){
    .bringwolrd .col-lg-6 {
    padding: 50px 40px;

}
    .card-box {
    padding: 30px;
    }
    .featured-image img{
    width: 80%;
    }
}
.more-cotnent p{
    color: #000;
    margin-bottom: 0;
}
.more-cotnent p + p{
    margin-top: 5px;
}
.more-cotnent h3 {
    font-weight: 800;
    margin: 0px;
    font-size: 18px;
    margin-bottom: 5px;
}
.service-box{
    height: 100%;
    background-color: #4fc1b026;
    padding: 15px;
}
.service-box img{
    margin-bottom: 10px;
}
.more-cotnent > .col-lg-3:nth-child(odd){
        background-color: #006d7724;

}
.why-medical p{
    max-width: 100%!important;
}
.why-medical  h2{
    width: 100%;
}
.why-medical strong{
    display: block;
        width: 100%;
}
.bringwolrd  strong{
    width: 100%;
    display: block;
}

.card-box img {
    background: #fff;
    border-radius: 50%;
    padding: 10px;
    margin-bottom: 20px;
}

.bringwolrd .col-lg-6 img{
    margin-bottom: 15px;
}
@media(max-width:575px){
    .vission-card img {

    width: 50px;
}
    .more-cotnent h3 {
        margin-top: 15px;
    }
}
@media(max-width:991px){

    .bringwolrd  .heading-block{
        margin-bottom: 20px!important;
    }
    .why-medical .col-lg-4 + div, .why-medical .col-lg-3 + div{
        margin-top: 20px;
    }
}