:root {
    --color-1: rgb(34, 63, 147);
    --color-2: rgb(134, 135, 134);
    --color-3: #1f519c;
    --color-4: #e8e6d6;
    --color-5: #efeee2;
    --color-6: #e2dfcd;
}

/*-------------------------------------------------------------------------------
  1. Global
-------------------------------------------------------------------------------*/

/* 1.1 General */


@font-face {
    font-family: brushscript;
    src: url(../fonts/BrushScriptOpti-Regular.ttf);
}

html {
    -webkit-font-smoothing: antialiased;
}

* {
    margin: 0;
    padding: 0;
}

body {
    font-family: "Outfit", serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.72857143;
    color: #000;
    overflow-x: hidden;
    background-color: var(--color-4);
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Source Serif 4", serif;
    color: var(--color-3);
}

h1,
.h1 {
    margin: 0 0 20px 0;
    font-weight: 600;
}

h2,
.h2 {
    position: relative;
    margin: 0 0 10px 0;
    font-weight: 500;
}

h3,
.h3 {
    margin-bottom: 10px;
    font-weight: 500;
}

h4,
.h4 {
    font-weight: 500;
    margin: 0;
}

h5,
.h5 {
    letter-spacing: 1px;
    line-height: 1.3;
}

h1.title {
    font-size: 3em;
    font-weight: 400;
}

h2.title {
    font-size: 2.3em;
    font-weight: 400;
    margin-bottom: 20px;
}

h3.title {
    font-size: 1.8em;
    font-weight: 400;
}

h1.title span,
h2.title span {
    font-style: italic;
}

strong {
    font-weight: 700;
}

p {
    margin: 10px 0 0;
}

a {
    color: var(--color-3);
    -webkit-transition: color 0.3s ease-out;
    -o-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #999;
    outline: none;
}

a:focus {
    text-decoration: none;
}

i.fi {
    font-size: 16px;
    vertical-align: middle;
}

.bg-color-1 {
    background-color: var(--color-1);
}

.bg-color-2 {
    background-color: var(--color-2);
}

.bg-color-3 {
    background-color: var(--color-3);
}

.bg-color-4 {
    background-color: var(--color-4);
}

.bg-color-5 {
    background-color: var(--color-5);
}

.bg-color-6 {
    background-color: var(--color-6);
}

.button,
.button-2 {
    color: var(--color-3);
    background-color: var(--color-5);
    position: relative;
    z-index: 1;
    display: block;
    overflow: hidden;
    max-width: 200px;
    margin: 1rem 0px;
    border: 1px solid var(--color-2);
    padding: 6px 20px;
    border-radius: 30px;
    font-size: 15px;
    text-align: center;
}

.button span,
.button-2 span {
    position: absolute;
    z-index: 2;
    display: block;
    width: 0;
    height: 0;
    border-radius: 50%;
    background-color: var(--color-1);
    transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.button:hover,
.button-2:hover {
    color: #cfedd9;
}

.button:hover span,
.button-2:hover span {
    width: 225%;
    height: 562.5px;
}

.button:active,
.button-2:active {
    background-color: var(--color-1);
}

.title-sec {
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 2.5rem;
    color: var(--color-1);
}

.bdr-crv-top {
    position: relative;
}

.bdr-crv-top:before {
    content: "";
    height: 40px;
    width: 100%;
    background-color: transparent;
    background-image: url('data:image/svg+xml,<svg width="100%" height="100%" id="svg" viewBox="0 120 1440 250" xmlns="http://www.w3.org/2000/svg" class="transition duration-300 ease-in-out delay-150"><path d="M 0,400 L 0,150 C 240.5,138 481,126 721,126 C 961,126 1200.5,138 1440,150 L 1440,400 L 0,400 Z" stroke="none" stroke-width="0" fill="%23e8e6d6" fill-opacity="1" class="transition-all duration-300 ease-in-out delay-150 path-0"></path></svg>');
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    position: absolute;
    top: -40px;
}

.bdr-crv-top.blue:before {
    content: "";
    height: 40px;
    width: 100%;
    background-color: transparent;
    background-image: url('data:image/svg+xml,<svg width="100%" height="100%" id="svg" viewBox="0 120 1440 250" xmlns="http://www.w3.org/2000/svg" class="transition duration-300 ease-in-out delay-150"><path d="M 0,400 L 0,150 C 240.5,138 481,126 721,126 C 961,126 1200.5,138 1440,150 L 1440,400 L 0,400 Z" stroke="none" stroke-width="0" fill="%23223f93" fill-opacity="1" class="transition-all duration-300 ease-in-out delay-150 path-0"></path></svg>');
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    position: absolute;
    top: -40px;
}

.bdr-crv-btm:after {
    content: "";
    height: 40px;
    width: 100%;
    background-color: transparent;
    background-image: url('data:image/svg+xml,<svg width="100%" height="100%" id="svg" viewBox="0 120 1440 190" xmlns="http://www.w3.org/2000/svg" class="transition duration-300 ease-in-out delay-150"><path d="M 0,400 L 0,150 C 240.5,138 481,126 721,126 C 961,126 1200.5,138 1440,150 L 1440,400 L 0,400 Z" stroke="none" stroke-width="0" fill="%23e8e6d6" fill-opacity="1" class="transition-all duration-300 ease-in-out delay-150 path-0"></path></svg>');
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    position: absolute;
    bottom: -40px;
    transform: rotateZ(180deg);
}

.bdr-crv-btm.blue:after {
    content: "";
    height: 40px;
    width: 100%;
    background-color: transparent;
    background-image: url('data:image/svg+xml,<svg width="100%" height="100%" id="svg" viewBox="0 120 1440 190" xmlns="http://www.w3.org/2000/svg" class="transition duration-300 ease-in-out delay-150"><path d="M 0,400 L 0,150 C 240.5,138 481,126 721,126 C 961,126 1200.5,138 1440,150 L 1440,400 L 0,400 Z" stroke="none" stroke-width="0" fill="%23223f93" fill-opacity="1" class="transition-all duration-300 ease-in-out delay-150 path-0"></path></svg>');
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    position: absolute;
    bottom: -40px;
    transform: rotateZ(180deg);
}



.pt-100.border-spacing {
    padding-top: 140px;
    padding-bottom: 140px;
}

.border-radius {
    border-radius: 20px;
}

.modal {
    background: #0066ff80;
    backdrop-filter: blur(4px);
}

.modal-content {
    border-radius: 0px;
    background-color: var(--color-4);
}

.modal-content {
    scrollbar-width: thin;
    scrollbar-color: var(--color-3) var(--color-4);
}

.list-icon li {
    list-style: none;
}

.list-icon li:before {
    content: '\f79d';
    font-family: uicons-regular-rounded !important;
    font-size: 19px;
    line-height: 1.5;
    vertical-align: middle;
    margin-left: -24px;
    margin-right: 10px;
    color: var(--color-1);
}

.img-right {
    float: right;
    width: 450px;
    height: 300px;
    object-fit: cover;
    margin-left: 15px;
    margin-bottom: 15px;
}

/*-------------------------------------------------------------------------------
  Header
-------------------------------------------------------------------------------*/

header {
    background: rgb(255 255 255 / 60%);
    position: absolute;
    top: 0;
    z-index: 99;
    width: 100%;
}

header .logo {
    max-width: 100px;
}

/*Nav*/
.navbar {
    height: 100%;
    background: transparent;
    padding: 0px !important;
}


.navbar-nav li a {
    text-decoration: none;
    text-align: center;
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    font-size: 16px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    padding: 11px 0.6rem;
    color: var(--color-1);
    cursor: pointer;
}

.navbar-nav li {
    padding: 0px;
    margin-left: 10px;
    margin-right: 10px;
}

#navbar_top .navbar-nav li a {
    text-decoration: none;
    text-align: center;
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    display: inline-flex;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
}

.navbar-nav li a:hover {
    text-decoration: none;
    color: var(--color-2);
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
}


header.fixed-top {
    border-bottom: 0.1px solid #000;
}

header.fixed-top .user-cart-list li a {
    background-color: #858786;
}

header.fixed-top .navbar-nav li a {
    color: var(--color-1);
}

header li.nav-item {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    position: relative;
}

header li.nav-item i {
    line-height: 1;
    margin-left: 5px;
}

.dropdown:hover>.dropdown-menu {
    display: block;
}

header.fixed-top .navbar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
}

.navbar .navbar-brand {
    margin-right: 10px;
    padding: 15px 0px;
}

.navbar .navbar-brand img {
    max-height: 45px;
}

.fixed-top .navbar-brand img {
    max-height: 30px;
    transform: translateY(0px);
    /* filter: drop-shadow(0px 1000px 0 #fff);
    transform: translateY(-1000px); */
}

header {
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    animation: 0.5s slideout;
    animation-timing-function: ease-in-out;
}

@keyframes slideout {
    0% {
        top: -110px;
    }

    100% {
        top: 0px;
    }
}

header.fixed-top {
    background: #c8c8c8;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    animation-name: slidein;
    animation-duration: 0.5s;
    animation-timing-function: ease-in-out;
}

@keyframes slidein {
    0% {
        top: -110px;
    }

    100% {
        top: 0%;
    }
}

.navbar-nav li a:hover {
    text-decoration: none;
}

.navbar-nav li {
    margin: 0px;
    position: relative;
}

.navbar-toggler {
    background: #fff;
    border-radius: 0px;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.navbar-toggler {
    background: var(--color-1);
    color: #fff;
    border: 0px;
    border-radius: 3px;
    padding: 7px 15px;
}

ul.user-cart-list {
    padding: 0;
    list-style: none;
    display: inline;
}

ul.user-cart-list li {
    display: inline-block;
    padding: 0 0px;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
    border-radius: 0px;
    top: 50px;
    border: none;
}

.dropdown-menu li a:hover {
    background-color: var(--color-1);
    color: var(--color-2);
}

.fixed-top .dropdown-menu {
    background-color: #c8c8c8;
}

/* .rev_slider_wrapper .overlay {
  background: rgba(0, 0, 0, .20);
  width: 50%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
} */

.mask1 {
    /* -webkit-mask-image: url('data:image/svg+xml,<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><path fill="%23FF0066" d="M67.8,-19.9C73.4,-4.8,53.5,20.7,34,31.1C14.5,41.6,-4.5,37,-19.5,26.2C-34.6,15.5,-45.6,-1.5,-41.7,-14.3C-37.8,-27.1,-18.9,-35.7,6.1,-37.7C31.1,-39.7,62.2,-35,67.8,-19.9Z" transform="translate(100 100)" /></svg>'); */
    mask-image: url('data:image/svg+xml,<svg viewBox="15 20 210 165" xmlns="http://www.w3.org/2000/svg"><path fill="%23FF0066" d="M59.9,-18.7C65,-3.8,47.7,19.1,27.9,32C8.1,44.9,-14.4,47.8,-31.3,37C-48.1,26.1,-59.4,1.6,-53.3,-14.8C-47.2,-31.2,-23.6,-39.3,1.9,-39.9C27.4,-40.6,54.8,-33.6,59.9,-18.7Z" transform="translate(100 100)" /></svg>');
    mask-repeat: no-repeat;
    mask-size: 1350px;
    mask-position: center;
}

/*-------------------------------------------------------------------------------
  3. Home
-------------------------------------------------------------------------------*/

#about .about-img {
    border-radius: 20px;
    overflow: hidden;
}

#about .about-img img {
    width: 100%;
    height: 380px;
    object-fit: cover;
}

.img {
    border-radius: 20px;
    overflow: hidden;
    height: 100%;
}

.img img {
    width: auto;
    height: 100%;
    object-fit: cover;
}

#services .srvc-box,
#providers-main .srvc-box,
#events-main .srvc-box {
    border-radius: 20px;
    overflow: hidden;
    background-color: var(--color-5);
    box-shadow: 0 10px 40px -25px #00000012;
    margin-bottom: 30px;
    height: calc(100% - 30px);
}

#services .srvc-box:hover {
    background-color: #f4f3eb;
}

#services .card-img-top,
#providers-main .card-img-top,
#events-main .card-img-top {
    width: 100%;
    height: 270px;
    object-fit: cover;
    border-radius: 0px;
}

#providers-main .card-body {
    display: inline-grid;
    align-content: space-between;
    justify-content: center;
}

#services .srvc-box h4 {
    font-size: 22px;
    font-weight: 400;
    color: var(--color-1);
}

#services .splide__arrow {
    top: -30px;
    background: transparent;
}

#services .splide__arrow i {
    font-size: 25px;
    color: var(--color-1);
    font-weight: bold;
}

#services .splide__arrow--prev {
    right: 4em;
    left: auto;
}

.providers-list {
    padding-left: 0px;
}

.providers-list li {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    width: 33.33%;
    float: left;
    text-align: center;
    padding: 20px;
    font-size: 1.2em;
    min-height: 200px;
    border-right: 2px dashed var(--color-2);
    border-bottom: 2px dashed var(--color-2);
    color: var(--color-3);
    transition: all 0.9s ease-in-out 0.4s;
}

.providers-list a:nth-child(3) li,
.providers-list a:nth-child(6) li,
.providers-list a:nth-child(9) li,
.providers-list a:nth-child(12) li {
    border-right: 0px;
}

.providers-list a:nth-child(10) li,
.providers-list a:nth-child(11) li,
.providers-list a:nth-child(12) li {
    border-bottom: 0px;
}

.providers-list li:hover {
    background: var(--color-3);
    color: #fff;
    transition: all 0s ease-in-out 0s;
}

.ftr-menu-list {
    list-style: none;
    padding: 0px;
}

.ftr-menu-list li {
    padding: 6px 0;
}

.testimonail .carousel-item {
    min-height: 200px;
}

.testimonail p {
    color: #fff;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px;
    margin-bottom: 40px;
}

.testimonail .carousel-control-next,
.testimonail .carousel-control-prev {
    font-size: 2em;
    color: #fff;
    top: auto;
    width: 30px;
}

.testimonail .carousel-control-prev {
    left: 90%;
}

.footer .service-promotion.horizontal {
    border-bottom: 1px solid #cfcdcd;
}

.service-promotion.horizontal {
    padding-top: 2.9375rem;
    padding-bottom: 2.3rem;
}

.service-promotion.horizontal .service-promotion__icon i {
    font-size: 3em;
    line-height: 1;
    color: #000;
}

.service-promotion.horizontal .service-promotion__title {
    color: #000;
}

.menu-link {
    display: inline-block;
    position: relative;
    padding: 0.2em 0;
    color: #222222;
    line-height: 1.5em;
}

.footer .menu-link {
    margin-top: 3px;
    margin-bottom: 2px;
}

/*-------------------------------------------------------------------------------
  Internal Pages
-------------------------------------------------------------------------------*/

#page_header {
    background-color: var(--color-1);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 12em;
    padding-bottom: 8em;
    position: relative;
    z-index: 0;
}

#page_header:before {
    content: '\fc26';
    font-family: uicons-thin-rounded !important;
    color: var(--color-4);
    font-size: 20em;
    width: auto;
    height: auto;
    position: absolute;
    top: 157px;
    left: 0%;
    z-index: 1;
    transform: rotate(35deg);
    line-height: 1;
    opacity: .4;
}

#page_header h1 {
    font-size: 3em;
    color: #fff;
}

#page_header h1 span {
    font-style: italic;
}

#event_slide .splide__slide img {
    height: 100%;
    object-fit: cover;
}

.financial-btns a.button {
    display: inline-block;
    max-width: 400px;
    margin: 8px;
}

.doc-img {
    max-height: 350px;
    width: 100%;
    object-fit: cover;
    object-position: top;
    border: 4px solid var(--color-5);
}

.services_gallery a img {
    max-height: 250px;
    width: 100%;
    height: 100%;
    object-fit: cover;

}

/*-------------------------------------------------------------------------------
  Community Health
-------------------------------------------------------------------------------*/

.comm-btn {
    height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.comm-btn span i {
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--color-1);
    font-size: 25px;
    color: #fff;
    line-height: 1;
    border-radius: 15px;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*-------------------------------------------------------------------------------
  Media Query
-------------------------------------------------------------------------------*/

@media only screen and (max-width: 1270px) and (min-width:992px) {
    .hdr-btns {
        position: absolute;
        top: 40px;
        right: 0px;
    }

    .mask1 {
        mask-image: url('data:image/svg+xml,<svg viewBox="-42 20 280 165" xmlns="http://www.w3.org/2000/svg"><path fill="%23FF0066" d="M59.9,-18.7C65,-3.8,47.7,19.1,27.9,32C8.1,44.9,-14.4,47.8,-31.3,37C-48.1,26.1,-59.4,1.6,-53.3,-14.8C-47.2,-31.2,-23.6,-39.3,1.9,-39.9C27.4,-40.6,54.8,-33.6,59.9,-18.7Z" transform="translate(100 100)" /></svg>');
        mask-repeat: no-repeat;
        mask-size: 1550px;
        mask-position: center;
    }

}
@media only screen and (max-width: 1130px) {
    .navbar .navbar-brand img {
        max-height: 40px;
    } 
    
    .navbar-nav li a {
        padding-left: 7px;
        padding-right: 7px;
    }
}

@media (min-width: 992px) {
    .footer-middle {
        padding-top: 6.25rem;
        padding-bottom: 4.75rem;
    }


    .navbar .dropdown:hover>.dropdown-menu {
        display: block;
    }

    .navbar .dropdown>.dropdown-toggle:active {
        pointer-events: none;
    }
}

@media only screen and (max-width: 1024px) {
    .mask1 {
        mask-image: url('data:image/svg+xml,<svg viewBox="-42 20 280 165" xmlns="http://www.w3.org/2000/svg"><path fill="%23FF0066" d="M59.9,-18.7C65,-3.8,47.7,19.1,27.9,32C8.1,44.9,-14.4,47.8,-31.3,37C-48.1,26.1,-59.4,1.6,-53.3,-14.8C-47.2,-31.2,-23.6,-39.3,1.9,-39.9C27.4,-40.6,54.8,-33.6,59.9,-18.7Z" transform="translate(100 100)" /></svg>');
        mask-repeat: no-repeat;
        mask-size: 1350px;
        mask-position: center;
    }
}


@media only screen and (max-width: 991px) {
    .navbar-collapse {
        position: absolute;
        top: 90px;
        left: 0;
        width: 100%;
        text-align: center;
        background: #fff;
        z-index: 1;
    }

    .navbar-brand {
        min-width: 170px;
    }


    .navbar-nav li a.dropdown-toggle {
        position: absolute !important;
        top: 0px;
        right: 5px;
        transform: translateY(0%);
        height: 52px;
    }

    #navbar_top .navbar-nav .dropdown-menu {
        background: var(--color-4);
    }

    #navbar_top .navbar-nav li a.dropdown-item {
        justify-content: center;

    }

    .fixed-top .navbar-collapse {
        top: 81px;
    }

    .navbar-nav li a {
        padding: 8px 0;
        justify-content: center;
    }

    .navbar-nav li a.dropdown-item {
        color: #888;
    }

    .navbar-nav li {
        border-bottom: 1px solid #d1d9ff;
    }

    header li.nav-item {
        display: block;
    }

    .navbar-nav li:last-child {
        border-bottom: none;
    }

    header.fixed-top .navbar-nav li a.text-white {
        color: #000 !important;
    }

    footer.ptb-100 {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

@media only screen and (max-width: 767px) {

    .providers-list li {
        width: 50%;
        border: 2px dashed var(--color-2);
    }


    .providers-list a:nth-child(3) li,
    .providers-list a:nth-child(6) li,
    .providers-list a:nth-child(9) li,
    .providers-list a:nth-child(12) li {
        border-right: 2px dashed var(--color-2);
    }

    .providers-list a:nth-child(10) li,
    .providers-list a:nth-child(11) li,
    .providers-list a:nth-child(12) li {
        border-bottom: 2px dashed var(--color-2);
    }

    .xl-ptb-20 {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

@media only screen and (max-width: 576px) {
    .navbar .navbar-brand img {
        max-width: auto;
    }

    #about.pt-100 {
        padding-top: 50px;
    }

    #hm-banners.pb-100 {
        padding-bottom: 50px;
    }

    .ctgry-list li {
        width: 30%;
    }

    .testimonail .carousel-control-prev {
        left: 0%;
    }

    #about .about-img img {
        width: auto;
        height: auto;
        object-fit: contain;
    }

    .mask1 {
        mask-image: url('data:image/svg+xml,<svg viewBox="-46 22 300 165" xmlns="http://www.w3.org/2000/svg"><path fill="%23FF0066" d="M59.9,-18.7C65,-3.8,47.7,19.1,27.9,32C8.1,44.9,-14.4,47.8,-31.3,37C-48.1,26.1,-59.4,1.6,-53.3,-14.8C-47.2,-31.2,-23.6,-39.3,1.9,-39.9C27.4,-40.6,54.8,-33.6,59.9,-18.7Z" transform="translate(100 100)" /></svg>');
        mask-repeat: no-repeat;
        mask-size: 1350px;
        mask-position: center;
    }


    .img-right {
        height: auto;
    }

    .list-group {
        display: block;
    }

    .list-group li{
        border-radius: 0px !important;
    }

}

@media only screen and (max-width: 424px) {
    
    .providers-list li {
        width: 100%;
    }

}

@media only screen and (max-width: 378px) {
    .ctgry-list li {
        width: 50%;
    }

}