/* =====================================================================================
   PROF. NEBIYU LERA ALARO - MASTER CUSTOM CSS  (templates/mednic/css/custom.css)
   Built on the Mednic / Shivam second-generation stylesheet. Brand palette sampled from the
   Nebiyu Lera logo: deep navy + antique gold.
   Sections:  1 palette  |  2 Mednic/Shivam base (hero, cards, tabs, masonry, footer ...)
              3 legacy Nebiyu additions  |  4 Nebiyu page components  |  5 new home sections
   ===================================================================================== */
/* Web fonts: Newsreader (scholarly serif for headings) + Inter (crisp interface text) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Newsreader:ital,opsz,wght@0,6..72,400..700;1,6..72,400..700&display=swap');
:root {
    --header_height: $header_height;
    --nb-navy: #101b4c;
    --nb-navy-deep: #071746;
    --nb-ink: #1f3a5f;
    --nb-gold: #d8a14c;
    --nb-gold-light: #eac26b;
    --nb-gold-dark: #8b642d;
    --nb-paper: #f7f5ef;
    --nb-line: #e3ded0;
    --nb-muted: #5d6a80;
    --nb-red: #DB1016;
    /* Helix / SP Page Builder colour tokens */
    --sppb-color-primary: var(--nb-navy);
    --sppb-color-secondary: var(--nb-ink);
    --sppb-text-varient-3: var(--nb-navy);
    --sppb-bg-card-primary: var(--nb-paper);
    --sppb-border-primary: var(--nb-line);
    /* aliases used by the pre-merge article/resume rules */
    --sv-navy: var(--nb-navy-deep); --sv-navy-2: var(--nb-ink); --sv-gold: var(--nb-gold);
    --sv-red: var(--nb-red); --sv-maroon: var(--nb-gold-dark); --sv-blue: var(--nb-gold-dark);
    --sv-teal: var(--nb-ink); --sv-cream: var(--nb-paper); --sv-line: var(--nb-line);
    --sv-text: #33414F;
    --sv-stripe: linear-gradient(90deg, var(--nb-navy-deep) 0 33.3%, var(--nb-gold) 33.3% 66.6%, var(--nb-gold-light) 66.6% 100%);
}

/* ---- 2. Mednic / Shivam base ---- */
/* =====================================================
   Nebiyu Lera brand palette -- sampled from the official logo
   (see Brand Palette in the project checklist)
   navy       primary navy: logo wordmark, headings, footer
   navy-2     secondary navy: buttons, gradients, large surfaces
   gold       accents on dark backgrounds, rating stars
   amber      hover / shade variant of gold only
   teal       secondary accent
   red        errors / validation
   blue       links on hover, focus rings
   ===================================================== */


[class^=icon-],
[class*=" icon-"] {
    font-weight: 400 !important
}

body {
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

/* ==== Home "Research & Publications" section -> brand dark navy ==== */
.home-services-navy-section,
.home-services-navy-section.sppb-section {
  background: #071746 !important;
  background-image: none !important;
}

body.helix-ultimate-preloader {
    overflow: hidden
}

body.helix-ultimate-preloader:before {
    content: " ";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99998;
    background: rgba(255, 255, 255, .9)
}

body.helix-ultimate-preloader:after {
    content: "";
    font-family: "FontAwesome";
    font-size: 36px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -24px;
    margin-left: -24px;
    width: 48px;
    height: 48px;
    line-break: 48px;
    text-align: center;
    color: var(--nb-ink);
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    z-index: 99999
}

a {
    transition: color 400ms, background-color 400ms
}

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

label {
    font-weight: normal
}

legend {
    padding-bottom: 10px
}

img {
    display: block;
    max-width: 100%;
    height: auto
}

.border-top,
.border-center,
.border-test-left {
    position: relative
}

.border-top:before,
.border-center:before,
.border-test-left:before {
    content: "";
    position: absolute;
    top: 0px;
    background-color: var(--sppb-border-primary);
    opacity: .5
}

.border-test-left:before {
    width: 1px;
    height: 384px;
    left: -1px;
    bottom: 0px
}

.border-center:before {
    width: 1px;
    height: 100%;
    left: calc(45.8% + 28px);
    margin-left: -1px
}

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

.border-top:before {
    width: 300%;
    height: 1px;
    margin-top: -1px;
    left: 50%;
    transform: translateX(-50%)
}

.row {
    --bs-gutter-x: 1.875rem
}

.container {
    padding-left: 15px;
    padding-right: 15px
}

.element-invisible {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden
}

#sp-top-bar {
    padding: 8px 0;
    font-size: .875rem
}

#sp-top-bar .sp-module {
    display: inline-block;
    margin: 0 0 0 1.25rem
}

ul.social-icons {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block
}

ul.social-icons>li {
    display: inline-block;
    line-height: 1.5
}

ul.social-icons>li:not(:last-child) {
    margin-right: 20px
}

.flex-auto {
    flex: auto
}

#sp-menu.menu-with-social .sp-megamenu-wrapper {
    flex: auto;
    justify-content: space-between;
    display: flex;
    align-items: center
}

#sp-menu>.sp-column {
    height: 100%
}

#sp-menu .social-wrap {
    position: relative;
    padding-left: 60px
}

#sp-menu .social-wrap:after {
    content: "";
    margin-top: 10px;
    margin-bottom: 10px;
    position: absolute;
    width: 2px;
    height: calc(var(--header_height) - 20px);
    left: 30px;
    background-color: rgba(80, 80, 80, .2)
}

#sp-menu ul.social-icons>li:not(:last-child) {
    margin-right: 20px
}

#sp-menu ul.social-icons a {
    color: #9c9c9c
}

#sp-menu .social-wrap.no-border ul.social-icons {
    border-left: none;
    padding-left: 0px
}

#sp-menu.menu-center .sp-megamenu-wrapper {
    justify-content: center
}

.menu-flex .sp-megamenu-wrapper {
    display: flex;
    justify-content: flex-end
}

#menu-right {
    padding: 0px
}

#menu-right .sp-module:first-child {
    border-right: 2px solid rgba(80, 80, 80, .2);
    padding-right: 30px
}

.header-has-modules #offcanvas-toggler {
    margin-right: 20px;
    margin-left: 0
}

.sp-module-content .mod-languages ul.lang-inline {
    margin: 0;
    padding: 0
}

.sp-module-content .mod-languages ul.lang-inline li {
    border: none;
    display: inline-block;
    margin: 0 5px 0 0
}

.sp-module-content .mod-languages ul.lang-inline li a {
    padding: 0 !important
}

.sp-module-content .mod-languages ul.lang-inline li>a:before {
    display: none
}

.sp-module-content .mod-languages img {
    display: inline-block;
    border: none
}

.sp-module-content .latestnews>li>a>span {
    display: block;
    margin-top: 5px;
    font-size: 85%
}

div.mod-languages ul li.lang-active {
    background-color: rgba(130, 130, 130, .5019607843) !important;
    padding: 0px 5px 3px;
    border-radius: 3px
}

.sp-contact-info {
    list-style: none;
    padding: 0;
    margin: 0px
}

.sp-contact-info li {
    display: inline-block;
    margin: 0px 10px 0px 0px;
    font-size: 90%;
    white-space: nowrap
}

.sp-contact-info li i {
    margin: 0 3px
}

#sp-header {
    height: 64px;
    width: 100%;
    position: absolute;
    z-index: 99;
    animation: spFadeIn .5s;
    border-bottom: 1px solid rgba(255, 255, 255, .5019607843)
}

#sp-header #offcanvas-toggler.offcanvas,
#sp-header #offcanvas-toggler.mega {
    display: none !important
}

#sp-header>.container-fluid {
    padding: 0px
}

#sp-header.full-header-left #offcanvas-toggler.offcanvas,
#sp-header.full-header-center #offcanvas-toggler.offcanvas,
#sp-header.header-with-modal-menu #offcanvas-toggler.offcanvas,
#sp-header.lg-header #offcanvas-toggler.offcanvas,
#sp-header.header-with-social #offcanvas-toggler.offcanvas {
    display: flex !important
}

#sp-header.full-header-left .menu-with-offcanvas #offcanvas-toggler,
#sp-header.full-header-center .menu-with-offcanvas #offcanvas-toggler,
#sp-header.header-with-modal-menu .menu-with-offcanvas #offcanvas-toggler,
#sp-header.lg-header .menu-with-offcanvas #offcanvas-toggler,
#sp-header.header-with-social .menu-with-offcanvas #offcanvas-toggler {
    display: none !important
}

#sp-header.full-header {
    padding-left: 45px;
    padding-right: 0px
}

#sp-header.lg-header {
    box-shadow: 0 2px 3px rgba(0, 0, 0, .1)
}

#sp-header.lg-header .logo {
    height: auto
}

#sp-header.lg-header #offcanvas-toggler {
    margin-right: 20px;
    margin-left: 0px
}

#sp-header.lg-header #offcanvas-toggler.offcanvas-toggler-right.offcanvas {
    display: none !important
}

#sp-header.lg-header .sp-column {
    height: 100%
}

#sp-header.lg-header #sp-logo #offcanvas-toggler {
    display: none
}

#sp-header.header-with-modal-menu {
    color: #fff
}

#sp-header.header-with-modal-menu a {
    color: rgba(255, 255, 255, .6)
}

#sp-header.header-with-modal-menu a:hover,
#sp-header.header-with-modal-menu a:focus {
    color: #fff
}

#sp-header.header-with-modal-menu .sp-contact-info>li {
    margin-right: 15px;
    opacity: .7;
    transition: .3s
}

#sp-header.header-with-modal-menu .sp-contact-info>li:hover,
#sp-header.header-with-modal-menu .sp-contact-info>li:focus {
    opacity: 1
}

#sp-header.header-with-modal-menu .sp-contact-info>li>span {
    margin-right: 5px
}

#sp-header.header-with-modal-menu #offcanvas-toggler {
    display: none !important
}

#sp-header.header-with-modal-menu.center-layout .modules-wrapper {
    height: auto;
    border: none;
    padding: 0px;
    max-width: 730px;
    margin: 0 auto
}

#sp-header.header-with-modal-menu.center-layout #modal-menu .modal-menu-inner>.container {
    align-items: flex-start;
    padding: 170px 0 0
}

#sp-header.header-with-modal-menu.center-layout #modal-menu .search {
    margin-bottom: 80px
}

#sp-header.header-with-modal-menu.center-layout #modal-menu .search form:after {
    font-size: 16px
}

#sp-header.header-with-modal-menu.center-layout #modal-menu .search form:hover:after {
    display: none
}

#sp-header.header-with-modal-menu.center-layout #modal-menu .search form input {
    background: rgba(0, 0, 0, 0);
    border-bottom: 2px solid rgba(32, 31, 31, .1);
    font-size: 26px;
    padding: 7px;
    border-radius: 0px
}

#sp-header.header-with-modal-menu.center-layout #modal-menu .search form input::placeholder {
    color: rgba(32, 31, 31, .4)
}

#sp-header.header-with-modal-menu.center-layout #modal-menu .search form input:focus,
#sp-header.header-with-modal-menu.center-layout #modal-menu .search form input:active,
#sp-header.header-with-modal-menu.center-layout #modal-menu .search form input:active:focus {
    box-shadow: none;
    border-bottom: 2px solid rgba(32, 31, 31, .7)
}

#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper {
    justify-content: center
}

#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper ul.sp-megamenu-parent {
    flex-direction: row
}

#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent>li>a,
#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent>li>span {
    padding: 0
}

#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent>li>a:after,
#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent>li>span:after {
    top: 100%;
    width: 2px;
    height: 20px;
    left: 50%;
    transform: translateX(-50%);
    margin: 10px 0 0 0
}

#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent>li.sp-has-child:hover>a:after,
#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent>li.sp-has-child:hover>span:after {
    height: 30px
}

#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent>li.sp-has-child>.sp-dropdown {
    animation: spFadeIn .5s
}

#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent>li:not(:last-child)>a,
#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent>li:not(:last-child)>span {
    margin-right: 70px
}

#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent>li>.sp-dropdown.sp-dropdown-main {
    top: 100%;
    padding-top: 50px;
    padding-left: 0;
    left: auto !important;
    right: 0px;
    transition: .35s
}

#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent>li>.sp-dropdown.sp-dropdown-main li.sp-menu-item>a,
#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent>li>.sp-dropdown.sp-dropdown-main li.sp-menu-item>span {
    padding: 6px 0
}

#sp-header.header-with-modal-menu.classic-layout .modal-menu-inner>div {
    flex-direction: column;
    align-items: flex-start;
    padding: 40px 0
}

#sp-header.header-with-modal-menu.classic-layout .modal-menu-inner>div .sp-megamenu-wrapper {
    height: 100%;
    align-items: center
}

#sp-header.header-with-modal-menu.classic-layout .modal-menu-inner>div .social-icons {
    margin-top: auto;
    margin-bottom: 0px;
    width: 100%;
    border-top: 2px solid rgba(32, 31, 31, .1);
    padding-top: 20px;
    font-size: 12px
}

#sp-header .logo {
    height: 64px;
    display: inline-flex;
    margin: 0;
    align-items: center
}

#sp-header .logo a {
    font-size: 24px;
    line-height: 1;
    margin: 0;
    padding: 0
}

#sp-header .logo p {
    margin: 5px 0 0
}

#sp-header.header-sticky {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    animation: spFadeInDown .5s;
    background-color: var(--sppb-bg-primary);
    border-bottom: 1px solid var(--sppb-bg-card-primary)
}

#sp-header.header-sticky #sp-logo.has-border {
    border-right: 1px solid var(--sppb-bg-card-primary)
}

#sp-header.header-sticky #sp-logo .logo .logo-image {
    filter: none;
}

#sp-header.header-sticky #sp-menu .sp-megamenu-parent>li>a {
    color: var(--sppb-text-primary)
}

#sp-header.header-sticky #sp-menu .sp-megamenu-parent>li.active>a {
    color: var(--sppb-color-secondary)
}

#sp-header.header-sticky #sp-menu .sp-megamenu-parent>li::after {
    background-color: var(--sppb-color-secondary)
}

#sp-header.header-sticky .sppb-div-addon.header-sticky-div {
    border-right: 1px solid var(--sppb-bg-card-primary);
    border-left: 1px solid var(--sppb-bg-card-primary)
}

#sp-header.header-sticky .sppb-div-addon.header-sticky-div .addon-root-icon .sppb-icon-inner .fas::after {
    box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, .1019607843), 0px 4px 6px -1px rgba(0, 0, 0, .1019607843), 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0)
}

#sp-header.header-sticky .sppb-div-addon.header-sticky-div .addon-root-heading .sppb-addon-title {
    color: var(--sppb-text-primary) !important
}

#sp-header.header-sticky .sppb-addon-wrapper.addon-root-heading:has(.header-sticky-number)>div {
    border-right: 1px solid var(--sppb-bg-card-primary)
}

#sp-header.header-sticky .sppb-addon-wrapper.addon-root-heading:has(.header-sticky-number)>div .sppb-addon-title,
#sp-header.header-sticky .sppb-addon-wrapper.addon-root-heading:has(.header-sticky-number)>div .sppb-addon-title>span {
    color: var(--sppb-text-primary) !important;
    -webkit-text-fill-color: var(--sppb-text-primary) !important
}

#sp-header.header-sticky .header-sticky-button.sppb-btn-custom {
    background-color: var(--sppb-color-secondary) !important;
    color: var(--sppb-text-varient-1) !important
}

#sp-header.header-sticky #offcanvas-toggler .burger-icon>span {
    background-color: var(--sppb-color-secondary)
}

#sp-header nav.sp-megamenu-wrapper #offcanvas-toggler {
    display: none
}

#sp-header .sp-megamenu-parent .sp-menu-item.sp-has-child .sp-dropdown-main {
    width: 285px !important;
    box-shadow: 0px 17px 40px 0px rgba(0, 0, 0, .0509803922)
}

#sp-header .sp-megamenu-parent .sp-menu-item.sp-has-child .sp-dropdown-main .sp-dropdown-inner {
    padding: 0;
    background-color: var(--sppb-bg-primary)
}

#sp-header .sp-megamenu-parent .sp-menu-item.sp-has-child .sp-dropdown-main .sp-dropdown-inner .sp-dropdown-items li.sp-menu-item>a {
    color: var(--sppb-text-primary-alpha-7);
    font-family: "Plus Jakarta Sans";
    font-weight: 500;
    font-size: 16px;
    line-height: 132%;
    padding: 16px 16px 16px 24px;
    width: 100%
}

#sp-header .sp-megamenu-parent .sp-menu-item.sp-has-child .sp-dropdown-main .sp-dropdown-inner .sp-dropdown-items li.sp-menu-item:hover,
#sp-header .sp-megamenu-parent .sp-menu-item.sp-has-child .sp-dropdown-main .sp-dropdown-inner .sp-dropdown-items li.sp-menu-item.active {
    background-color: var(--sppb-bg-card-primary)
}

#sp-header .sp-megamenu-parent .sp-menu-item.sp-has-child .sp-dropdown-main .sp-dropdown-inner .sp-dropdown-items li.sp-menu-item:hover>a,
#sp-header .sp-megamenu-parent .sp-menu-item.sp-has-child .sp-dropdown-main .sp-dropdown-inner .sp-dropdown-items li.sp-menu-item.active>a {
    color: var(--sppb-color-secondary)
}

#sp-header .sp-megamenu-parent .sp-menu-item.sp-has-child .sp-dropdown-main .sp-dropdown-inner .sp-dropdown-items li.sp-menu-item:not(:last-child) {
    border-bottom: 1px solid var(--sppb-border-primary)
}

#sp-header-topbar {
    position: relative;
    z-index: 111
}

#sp-header-topbar .sp-profile-wrapper .sp-sign-in .user-text {
    display: none !important
}

#sp-header-topbar #sp-logo #offcanvas-toggler {
    display: none !important
}

#sp-header-topbar .container-inner {
    border-bottom: 1px solid #e5e5e5
}

#sp-header-topbar .container-inner>.row {
    min-height: 64px
}

#sp-header-topbar a {
    color: #909196
}

#sp-header-topbar a:hover {
    color: var(--nb-gold-dark)
}

#sp-header-topbar .sp-contact-info {
    color: #909196
}

.header-modules {
    margin-left: 20px
}

.header-modules .sp-module {
    margin-left: 20px
}

.header-modules .search {
    position: relative
}

.header-modules .search form:after {
    content: "";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    top: 0;
    font-size: 12px;
    line-height: 32px;
    right: 10px
}

.header-modules .search form input {
    background: #efeff0;
    border: none;
    height: 32px;
    font-size: 15px;
    border-radius: 3px;
    padding: 5px 10px
}

.burger-icon {
    width: 25px;
    cursor: pointer
}

.burger-icon>span {
    display: block;
    height: 2px;
    background-color: #fff;
    margin: 5px 0;
    transition: background-color .3s ease-in, opacity .3s ease-in, transform .3s ease-in
}

.offcanvas-active .burger-icon>span,
#modal-menu-toggler.active .burger-icon>span {
    background-color: #fff
}

.offcanvas-active .burger-icon>span:nth-child(1),
#modal-menu-toggler.active .burger-icon>span:nth-child(1) {
    transform: translate(0, 8px) rotate(-45deg)
}

.offcanvas-active .burger-icon>span:nth-child(2),
#modal-menu-toggler.active .burger-icon>span:nth-child(2) {
    opacity: 0
}

.offcanvas-active .burger-icon>span:nth-child(3),
#modal-menu-toggler.active .burger-icon>span:nth-child(3) {
    transform: translate(0, -5px) rotate(45deg)
}

.offcanvas-active .close-offcanvas .burger-icon>span {
    transition-delay: .2s
}

body.modal-menu-active {
    overflow-y: hidden
}

#modal-menu {
    background: #f9f9f9;
    position: fixed !important;
    top: 64px;
    left: 0;
    right: 0;
    transition: .5s;
    bottom: 120%;
    overflow: hidden;
    display: flex;
    z-index: 10
}

#modal-menu.has-bg {
    background-image: url(../images/menu-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

#modal-menu.active {
    bottom: 0
}

#modal-menu .sp-megamenu-parent>li>a,
#modal-menu .sp-megamenu-parent>li>span {
    display: block
}

#modal-menu .sp-megamenu-parent>li>a:after,
#modal-menu .sp-megamenu-parent>li>span:after {
    transition: .3s
}

#modal-menu .sp-megamenu-parent>li:hover>a,
#modal-menu .sp-megamenu-parent>li:hover>span,
#modal-menu .sp-megamenu-parent>li.active>a,
#modal-menu .sp-megamenu-parent>li.active>span {
    color: var(--nb-gold-dark)
}

#modal-menu .sp-megamenu-parent>li:hover>a:after,
#modal-menu .sp-megamenu-parent>li:hover>span:after,
#modal-menu .sp-megamenu-parent>li.active>a:after,
#modal-menu .sp-megamenu-parent>li.active>span:after {
    opacity: 1
}

#modal-menu .sp-megamenu-parent>li>a .nav-counter,
#modal-menu .sp-megamenu-parent>li>span .nav-counter {
    font-size: 16px
}

#modal-menu .sp-megamenu-parent>li:hover>a:before,
#modal-menu .sp-megamenu-parent>li.active>a:before {
    width: 0;
    opacity: 0
}

#modal-menu .modal-menu-inner {
    position: relative !important;
    width: 100%
}

#modal-menu .modal-menu-inner #menu-dismiss {
    position: absolute;
    top: 60px;
    left: 60px;
    cursor: pointer
}

#modal-menu .modal-menu-inner #menu-dismiss svg {
    font-size: 55px
}

#modal-menu .modal-menu-inner>.container {
    display: flex;
    padding: 70px 0;
    align-items: center;
    height: 100%
}

#modal-menu .modal-menu-inner>.container>.row {
    width: 100%
}

#modal-menu ul.sp-megamenu-parent {
    display: flex !important;
    flex-direction: column
}

#modal-menu ul.sp-megamenu-parent>li {
    position: relative
}

#modal-menu ul.sp-megamenu-parent>li:not(:last-child) {
    margin-bottom: 30px
}

#modal-menu ul.sp-megamenu-parent>li>a,
#modal-menu ul.sp-megamenu-parent>li>span {
    font-size: 26px;
    font-weight: 600;
    line-height: 1.4;
    text-transform: initial
}

#modal-menu ul.sp-megamenu-parent li.sp-has-child>a,
#modal-menu ul.sp-megamenu-parent li.sp-has-child>span {
    position: relative
}

#modal-menu ul.sp-megamenu-parent li.sp-has-child>a:after,
#modal-menu ul.sp-megamenu-parent li.sp-has-child>span:after {
    content: "";
    font-family: "Font Awesome 6 Free";
    float: right;
    position: absolute;
    top: 2px
}

#modal-menu ul.sp-megamenu-parent li.sp-has-child:hover>a:after,
#modal-menu ul.sp-megamenu-parent li.sp-has-child:hover>span:after {
    transform: translateX(5px)
}

#modal-menu ul.sp-megamenu-parent li.sp-has-child:hover>.sp-dropdown {
    animation: spFadeInDown .5s
}

#modal-menu ul.sp-megamenu-parent .sp-dropdown {
    left: 100% !important;
    transition: .3s;
    padding-left: 20px
}

#modal-menu ul.sp-megamenu-parent .sp-dropdown.sp-dropdown-main {
    top: 0px
}

#modal-menu ul.sp-megamenu-parent .sp-dropdown.sp-dropdown-mega {
    top: auto;
    bottom: 0px
}

#modal-menu ul.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    box-shadow: none;
    border-radius: 0px;
    position: relative;
    overflow: visible !important;
    max-height: initial;
    background-color: #fff;
    padding: 20px
}

#modal-menu ul.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner ul>li>a {
    font-weight: 500 !important;
    font-size: 15px !important
}

#modal-menu .modules-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    max-width: 330px;
    border-left: 2px solid rgba(32, 31, 31, .1);
    padding: 30px;
    color: #fff
}

#modal-menu .modules-wrapper a {
    color: #fff
}

#modal-menu .modules-wrapper a:hover,
#modal-menu .modules-wrapper a:focus {
    color: #fff
}

#modal-menu .modules-wrapper .sp-module {
    margin-left: 0;
    margin-bottom: 15px
}

#modal-menu .modules-wrapper .search form {
    margin-bottom: 30px
}

#modal-menu .modules-wrapper .search form input {
    height: 40px
}

#modal-menu .modules-wrapper .sp-contact-info {
    margin-bottom: 10px;
    display: flex;
    flex-direction: column
}

#modal-menu .modules-wrapper .sp-contact-info>li {
    margin-bottom: 35px
}

#modal-menu .modules-wrapper .sp-contact-info>li>span {
    font-size: 12px;
    margin-bottom: 10px
}

#modal-menu .modules-wrapper .sp-contact-info>li>a {
    opacity: .7
}

#modal-menu .modules-wrapper .sp-contact-info>li>a:hover,
#modal-menu .modules-wrapper .sp-contact-info>li>a:focus {
    opacity: 1
}

#modal-menu .modules-wrapper .social-icons {
    font-size: 14px
}

#modal-menu .modules-wrapper .social-icons a {
    opacity: .7
}

#modal-menu .modules-wrapper .social-icons a:hover,
#modal-menu .modules-wrapper .social-icons a:focus {
    opacity: 1
}

#sp-logo.has-border {
    position: relative;
    padding-right: 45px;
    border-right: 1px solid rgba(255, 255, 255, .2509803922)
}

#sp-logo.has-border:after {
    content: "";
    margin-top: 10px;
    margin-bottom: 10px;
    position: absolute;
    width: 2px;
    height: calc(var(--header_height) - 20px);
    right: 15px;
    background-color: rgba(80, 80, 80, .2)
}

#sp-logo.has-border .sp-column {
    display: inline-flex;
    align-items: center
}

.sp-profile-wrapper {
    position: relative;
    font-size: 14px
}

.sp-profile-wrapper .arrow-icon {
    font-size: 11px
}

.sp-profile-wrapper .sp-profile-dropdown {
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    padding: 10px 5px !important;
    list-style: none !important;
    font-size: 14px;
    position: absolute;
    min-width: 100px;
    right: 0;
    top: 100%;
    display: none !important
}

.sp-profile-wrapper .sp-profile-dropdown li a {
    display: block;
    width: 100%;
    padding: 0 15px
}

.sp-profile-wrapper .sp-profile-dropdown>li:not(:last-child) {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 5px;
    margin-bottom: 5px;
    line-height: 1.3
}

.sp-profile-wrapper:hover .sp-profile-dropdown {
    display: block !important;
    animation: spFadeInDown .5s
}

#sp-title {
    min-height: 0
}

.sp-page-title {
    padding: 185px 0px 80px 0px;
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important;
    background-size: cover !important;
    background-attachment: fixed
}

.sp-page-title .sp-page-title-heading,
.sp-page-title .sp-page-title-sub-heading {
    margin: 0;
    padding: 0;
    color: #fff
}

.sp-page-title .sp-page-title-heading {
    font-size: 84px;
    line-height: 1;
    letter-spacing: -3px;
    text-align: left;
    max-width: 65%
}

.sp-page-title .sp-page-title-heading:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    transform: translate(0px, -50px);
    border-top: 3px solid var(--sppb-text-varient-1);
    border-left: 3px solid var(--sppb-text-varient-1);
    transform: translate(0px, -40px)
}

.sp-page-title .sp-page-title-sub-heading {
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    margin-top: 10px
}

.sp-page-title .breadcrumb {
    background: none;
    padding: 0;
    margin: 10px 0 0 0
}

.sp-page-title .breadcrumb>.active {
    color: rgba(255, 255, 255, .8)
}

.sp-page-title .breadcrumb>span,
.sp-page-title .breadcrumb>li,
.sp-page-title .breadcrumb>li+li:before,
.sp-page-title .breadcrumb>li>a {
    color: #fff
}

.breadcrumb {
    padding: .75rem 1rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.body-innerwrapper {
    overflow-x: hidden
}

.layout-boxed .body-innerwrapper {
    max-width: 1240px;
    margin: 0 auto;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2)
}

#sp-main-body {
    padding: 100px 0
}

body.view-article.remove-container .body-innerwrapper>#sp-main-body>.container,
body.view-article.remove-container .body-innerwrapper>.sp-main-body>.container {
    max-width: 100%;
    padding: 0
}

.com-sppagebuilder #sp-main-body {
    padding: 0
}

#sp-left .sp-module,
#sp-right .sp-module {
    margin-top: 50px;
    border: 1px solid #f3f3f3;
    padding: 30px;
    border-radius: 3px
}

#sp-left .sp-module:first-child,
#sp-right .sp-module:first-child {
    margin-top: 0
}

#sp-left .sp-module .sp-module-title,
#sp-right .sp-module .sp-module-title {
    margin: 0 0 30px;
    padding-bottom: 20px;
    font-size: 22px;
    font-weight: 700;
    border-bottom: 1px solid #f3f3f3
}

#sp-left .sp-module ul,
#sp-right .sp-module ul {
    list-style: none;
    padding: 0;
    margin: 0
}

#sp-left .sp-module ul>li,
#sp-right .sp-module ul>li {
    display: block;
    border-bottom: 1px solid #f3f3f3
}

#sp-left .sp-module ul>li>a,
#sp-right .sp-module ul>li>a {
    display: block;
    padding: 5px 0;
    line-height: 36px;
    padding: 2px 0
}

#sp-left .sp-module ul>li:last-child,
#sp-right .sp-module ul>li:last-child {
    border-bottom: none
}

#sp-left .sp-module .categories-module ul,
#sp-right .sp-module .categories-module ul {
    margin: 0 10px
}

#sp-left .sp-module .latestnews>div,
#sp-right .sp-module .latestnews>div {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #e8e8e8
}

#sp-left .sp-module .latestnews>div:last-child,
#sp-right .sp-module .latestnews>div:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0
}

#sp-left .sp-module .latestnews>div>a,
#sp-right .sp-module .latestnews>div>a {
    display: block;
    font-weight: 400
}

#sp-left .sp-module .tagscloud,
#sp-right .sp-module .tagscloud {
    margin: -2px 0
}

#sp-left .sp-module .tagscloud .tag-name,
#sp-right .sp-module .tagscloud .tag-name {
    display: inline-block;
    padding: 5px 10px;
    background: gray;
    color: #fff;
    border-radius: 4px;
    margin: 2px 0
}

#sp-left .sp-module .tagscloud .tag-name span,
#sp-right .sp-module .tagscloud .tag-name span {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: rgba(0, 0, 0, .2);
    border-radius: 10px
}

.login img {
    display: inline-block;
    margin: 20px 0
}

.login .checkbox input[type=checkbox] {
    margin-top: 6px
}

.login .password-group button.input-password-toggle {
    background-color: #eaecef;
    border-color: #ced4da;
    color: #212529
}

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

.view-search #sp-header {
    background-color: var(--sppb-bg-primary);
    border-bottom: 1px solid var(--sppb-bg-card-primary);
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    animation: spFadeInDown .5s;
    background-color: var(--sppb-bg-primary);
    border-bottom: 1px solid var(--sppb-bg-card-primary)
}

.view-search #sp-header #sp-logo.has-border {
    border-right: 1px solid var(--sppb-bg-card-primary)
}

.view-search #sp-header #sp-logo .logo .logo-image {
    filter: none;
}

.view-search #sp-header #sp-menu .sp-megamenu-parent>li>a {
    color: var(--sppb-text-primary)
}

.view-search #sp-header #sp-menu .sp-megamenu-parent>li.active>a {
    color: var(--sppb-color-secondary)
}

.view-search #sp-header #sp-menu .sp-megamenu-parent>li::after {
    background-color: var(--sppb-color-secondary)
}

.view-search #sp-header .sppb-div-addon.header-sticky-div {
    border-right: 1px solid var(--sppb-bg-card-primary);
    border-left: 1px solid var(--sppb-bg-card-primary)
}

.view-search #sp-header .sppb-div-addon.header-sticky-div .addon-root-icon .sppb-icon-inner .fas::after {
    box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, .1019607843), 0px 4px 6px -1px rgba(0, 0, 0, .1019607843), 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0)
}

.view-search #sp-header .sppb-div-addon.header-sticky-div .addon-root-heading .sppb-addon-title {
    color: var(--sppb-text-primary) !important
}

.view-search #sp-header .sppb-addon-wrapper.addon-root-heading:has(.header-sticky-number)>div {
    border-right: 1px solid var(--sppb-bg-card-primary)
}

.view-search #sp-header .sppb-addon-wrapper.addon-root-heading:has(.header-sticky-number)>div .sppb-addon-title,
.view-search #sp-header .sppb-addon-wrapper.addon-root-heading:has(.header-sticky-number)>div .sppb-addon-title>span {
    color: var(--sppb-text-primary) !important;
    -webkit-text-fill-color: var(--sppb-text-primary) !important
}

.view-search #sp-header .header-sticky-button.sppb-btn-custom {
    background-color: var(--sppb-color-secondary) !important;
    color: var(--sppb-text-varient-1) !important
}

.view-search #sp-header #offcanvas-toggler .burger-icon>span {
    background-color: var(--sppb-color-secondary)
}

.view-search .articles-header-module,
.view-search .articles-bottom-module {
    display: none
}

.view-search #sp-page-title {
    min-height: 160px;
    background-color: rgba(0, 0, 0, 0)
}

.view-search #sp-main-body {
    min-height: 70vh
}

.view-search .finder #search-form {
    display: none
}

.view-search .finder #search-results #search-query-explained {
    text-transform: capitalize
}

.view-search .finder #search-result-list {
    display: flex
}

.view-search .finder #search-result-list>li {
    width: 50%;
    padding-right: 30px
}

.view-search .finder #search-result-list .result-text {
    margin: 24px 0;
    font-family: "Plus Jakarta Sans";
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.hide-label {
    border: 0;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.search .btn-toolbar {
    margin-bottom: 20px
}

.search .btn-toolbar span.icon-search {
    margin: 0
}

.search .btn-toolbar button {
    color: #fff
}

.search .phrases .phrases-box .controls label {
    display: inline-block;
    margin: 0 20px 20px
}

.search .phrases .ordering-box {
    margin-bottom: 15px
}

.search .only label {
    display: inline-block;
    margin: 0 20px 20px
}

.search .search-results dt.result-title {
    margin-top: 40px
}

.search .search-results dt,
.search .search-results dd {
    margin: 5px 0
}

.filter-search .chzn-container-single .chzn-single {
    height: 34px;
    line-height: 34px
}

.form-search .finder label {
    display: block
}

.form-search .finder .input-medium {
    width: 60%;
    border-radius: 4px
}

.finder .word input {
    display: inline-block
}

.finder .search-results.list-striped li {
    padding: 20px 0
}

.article-list .article {
    position: relative;
    margin-bottom: 30px;
    padding: 20px;
    border: 1px solid #f5f5f5;
    border-radius: 3px
}

.article-list .article .article-intro-image,
.article-list .article .article-featured-video,
.article-list .article .article-featured-audio,
.article-list .article .article-feature-gallery {
    margin: -20px -20px 20px -20px;
    border-radius: 3px 3px 0 0;
    border-bottom: 1px solid #f5f5f5;
    overflow: hidden
}

.article-list .article .article-intro-image img,
.article-list .article .article-featured-video img,
.article-list .article .article-featured-audio img,
.article-list .article .article-feature-gallery img {
    border-radius: 3px 3px 0 0
}

.article-list .article .featured-article-badge {
    position: absolute;
    top: 5px;
    left: 5px;
    cursor: default
}

.article-list .article .article-full-image {
    margin: -20px -20px 20px -20px;
    border-radius: 3px 3px 0 0;
    border-bottom: 1px solid #f5f5f5;
    overflow: hidden
}

.article-list .article .article-header h1,
.article-list .article .article-header h2 {
    font-size: 1.375rem;
    margin: 0 0 1.25rem 0
}

.article-list .article .article-header h1 a,
.article-list .article .article-header h2 a {
    color: #000
}

.article-list .article .article-header h1 a:hover,
.article-list .article .article-header h1 a:active,
.article-list .article .article-header h1 a:focus,
.article-list .article .article-header h2 a:hover,
.article-list .article .article-header h2 a:active,
.article-list .article .article-header h2 a:focus {
    color: var(--nb-gold-dark)
}

.article-list .article .readmore {
    font-size: .875rem
}

.article-list .article .readmore a {
    color: #000;
    font-weight: 500
}

.article-list .article .readmore a:hover,
.article-list .article .readmore a:active,
.article-list .article .readmore a:focus {
    color: var(--nb-gold-dark)
}

.article-list .article figcaption.caption {
    text-align: center;
    font-size: 14px;
    color: #252525;
    margin: 5px 0px;
    opacity: .7
}

.article-list.grid {
    --gap: 1em;
    margin: 0 auto;
    display: flow;
    columns: var(--columns);
    gap: var(--gap);
    margin-bottom: 20px
}

.article-list.grid .article .article-intro-image {
    overflow: hidden;
    position: relative;
    height: 40vh
}

.article-list.grid .article a img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: none;
    max-height: none;
    width: auto;
    height: 100%
}

.article-list.grid .article:nth-child(1n) .article-intro-image {
    height: 60vh
}

.article-list.grid .article:nth-child(2n) .article-intro-image {
    height: 30vh
}

.article-list.grid .article:nth-child(3n) .article-intro-image {
    height: 50vh
}

.article-list.grid .article:nth-child(4n) .article-intro-image {
    height: 45vh
}

.article-list.grid .article:nth-child(5n) .article-intro-image {
    height: 55vh
}

.article-list.grid>* {
    break-inside: avoid;
    margin-bottom: var(--gap)
}

@supports(grid-template-rows: masonry) {
    .article-list.grid {
        display: grid;
        grid-template-columns: repeat(var(--columns), 1fr);
        grid-template-rows: masonry;
        grid-auto-flow: dense
    }

    .article-list.grid>* {
        margin-bottom: 0em
    }
}

.related-article-large .article-image {
    width: 350px;
    min-width: 350px
}

.related-article-large .article-information {
    border-left: 1px solid #f1f1f1;
    padding-left: 20px;
    margin-left: 20px
}

.related-article-large .article-information>span {
    font-size: .813rem
}

.related-article-large .article-information>span+span::before {
    display: inline-block;
    padding-right: .5rem;
    padding-left: .5rem;
    content: "/"
}

.related-article-large .article-information>span a {
    color: #000
}

.related-article-large .article-information>span a:hover {
    color: var(--nb-gold-dark)
}

.related-article-large .article-information .intro-text {
    margin-top: 20px
}

.article-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 1rem
}

.article-info>span {
    font-size: .813rem
}

.article-info>span+span::before {
    display: inline-block;
    padding-right: .5rem;
    padding-left: .5rem;
    content: "/"
}

.article-info>span a {
    color: #000
}

.article-info>span a:hover {
    color: var(--nb-gold-dark)
}

.article-details {
    position: relative
}

.article-details .article-header {
    position: relative
}

.article-details .article-header h1,
.article-details .article-header h2 {
    font-size: 2.25rem
}

.article-details .featured-article-badge {
    position: absolute;
    top: 5px;
    left: 5px;
    cursor: default
}

.article-details .article-info {
    margin-bottom: 1rem
}

.article-details .article-full-image {
    margin-bottom: 2rem
}

.article-details .article-full-image img {
    display: inline-block;
    border-radius: 4px
}

.article-details .article-featured-video,
.article-details .article-featured-audio,
.article-details .article-feature-gallery {
    margin-bottom: 2rem
}

.article-details .article-ratings-social-share {
    padding: 1rem 0;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 1rem
}

.article-details .article-author-information {
    padding-top: 2rem;
    margin-top: 2rem;
    border-top: 1px solid #f5f5f5
}

.article-details .article-can-edit {
    position: relative;
    margin-bottom: 10px
}

.article-details .article-can-edit a {
    display: inline-block;
    background: var(--nb-ink);
    color: #fff;
    padding: 5px 12px;
    border-radius: 3px;
    font-size: 14px
}

.article-details figcaption.caption {
    font-size: 14px;
    color: #252525;
    margin: 5px 0px;
    opacity: .7
}

.related-article-list-container {
    margin-top: 15px
}

.related-article-list-container .related-article-title {
    font-size: 22px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f3f3f3
}

.related-article-list-container ul.related-article-list {
    list-style: none;
    padding: 0
}

.related-article-list-container ul.related-article-list li {
    margin-bottom: 10px
}

.related-article-list-container ul.related-article-list li .article-header h2 {
    font-size: 1.2rem
}

.related-article-list-container ul.related-article-list li .article-header h2 a {
    color: #252525
}

.related-article-list-container ul.related-article-list li .article-header h2 a:hover {
    color: #3B63C4
}

.related-article-list-container ul.related-article-list li .published {
    font-size: 14px
}

.tags {
    list-style: none;
    padding: 0;
    margin: -0.3125rem;
    display: flex;
    flex-wrap: wrap
}

.tags>li {
    display: inline-block;
    margin: .3125rem
}

.tags>li a {
    display: block;
    font-size: .875rem;
    padding: .5rem 1rem;
    border-radius: 6.25rem
}

.tags>li a:hover {
    color: #fff
}

.pager {
    list-style: none;
    padding: 2rem 0 0 0;
    margin: 2rem 0 0 0;
    border-top: 1px solid #f5f5f5
}

.pager::after {
    display: block;
    clear: both;
    content: ""
}

.pager>li {
    display: inline-block
}

.pager>li.previous {
    float: left
}

.pager>li.next {
    float: right
}

.pager>li a {
    display: inline-block;
    font-size: .785rem;
    padding: 1rem 2.5rem;
    border-radius: 100px
}

#article-comments {
    padding-top: 2rem;
    margin-top: 2rem;
    border-top: 1px solid #f5f5f5
}

.article-ratings {
    display: flex;
    align-items: center
}

.article-ratings .rating-symbol {
    unicode-bidi: bidi-override;
    direction: rtl;
    font-size: 1rem;
    display: inline-block;
    margin-left: 5px
}

.article-ratings .rating-symbol span.rating-star {
    font-family: "Font Awesome 6 Free";
    font-weight: normal;
    font-style: normal;
    display: inline-block
}

.article-ratings .rating-symbol span.rating-star.active:before {
    content: "";
    font-weight: 900;
    color: var(--nb-gold)
}

.article-ratings .rating-symbol span.rating-star:before {
    content: "";
    padding-right: 5px
}

.article-ratings .rating-symbol span.rating-star:hover:before,
.article-ratings .rating-symbol span.rating-star:hover~span.rating-star:before {
    content: "";
    color: var(--nb-gold-light);
    font-weight: 900;
    cursor: pointer
}

.article-ratings .ratings-count {
    font-size: .785rem;
    color: #4c4b4b
}

.article-ratings .fa-spinner {
    margin-right: 5px
}

.pagination-wrapper {
    align-items: center
}

.pagination-wrapper .pagination {
    margin-bottom: 0
}

.pagenavigation {
    padding: 2rem 0
}

.pagenavigation .pagination {
    display: block
}

.pagenavigation .pagination a {
    padding: 5px 15px
}

.pagenavigation .pagination .next {
    float: right
}

.pagenavigation .pagination .previous {
    float: left
}

.pagenavigation .pagination:before,
.pagenavigation .pagination:after {
    clear: both;
    display: table;
    content: "";
    line-height: 0;
    box-sizing: border-box
}

.article-social-share {
    float: right
}

.article-social-share .social-share-icon ul {
    padding: 0;
    list-style: none;
    margin: 0
}

.article-social-share .social-share-icon ul li {
    display: inline-block
}

.article-social-share .social-share-icon ul li:not(:last-child) {
    margin-right: 10px
}

.article-social-share .social-share-icon ul li a {
    border: 1px solid #ededed;
    font-size: 1rem;
    border-radius: 50%;
    height: 34px;
    line-height: 34px;
    text-align: center;
    width: 34px;
    display: inline-block
}

.article-social-share .social-share-icon ul li a:hover,
.article-social-share .social-share-icon ul li a:focus {
    color: #fff
}

.newsfeed-category .category {
    list-style: none;
    padding: 0;
    margin: 0
}

.newsfeed-category .category li {
    padding: 5px 0
}

.newsfeed-category #filter-search {
    margin: 10px 0
}

.category-module,
.categories-module,
.archive-module,
.latestnews,
.newsflash-horiz,
.mostread,
.form-links,
.list-striped {
    list-style: none;
    padding: 0;
    margin: 0
}

.category-module li,
.categories-module li,
.archive-module li,
.latestnews li,
.newsflash-horiz li,
.mostread li,
.form-links li,
.list-striped li {
    padding: 2px 0
}

.category-module li h4,
.categories-module li h4,
.archive-module li h4,
.latestnews li h4,
.newsflash-horiz li h4,
.mostread li h4,
.form-links li h4,
.list-striped li h4 {
    margin: 5px 0
}

.article-footer-top {
    display: table;
    clear: both;
    width: 100%
}

.article-footer-top .post_rating {
    float: left
}

.contentpane:not(.com-sppagebuilder) {
    padding: 20px
}

#sp-bottom {
    padding: 60px 0 30px;
    font-size: 14px;
    line-height: 1.6
}

#sp-bottom .sp-module {
    margin-bottom: 30px
}

#sp-bottom .sp-module .sp-module-title {
    font-weight: 700;
    font-size: 18px;
    margin: 0 0 30px;
    color: #fff
}

#sp-bottom .sp-module ul {
    list-style: none;
    padding: 0;
    margin: 0
}

#sp-bottom .sp-module ul>li {
    display: block;
    margin-bottom: 15px
}

#sp-bottom .sp-module ul>li:last-child {
    margin-bottom: 0
}

#sp-bottom .sp-module ul>li>a {
    display: block
}

#sp-footer {
    font-size: 14px;
    padding: 0
}

#sp-footer .container-inner {
    padding: 30px 0;
    border-top: 1px solid rgba(255, 255, 255, .1)
}

#sp-footer ul.menu {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0 -10px
}

#sp-footer ul.menu li {
    display: inline-block;
    margin: 0 10px
}

#sp-footer ul.menu li a {
    display: block
}

#sp-footer ul.menu li a:hover {
    background: none
}

#sp-footer #sp-footer2 {
    text-align: right
}

html.coming-soon {
    width: 100%;
    height: 100%;
    min-height: 100%
}

html.coming-soon body {
    width: 100%;
    height: 100%;
    min-height: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: 50% 40%;
    background-color: var(--sppb-bg-card-primary)
}

html.coming-soon .coming-soon-logo {
    display: inline-block;
    margin-bottom: 2rem
}

html.coming-soon .coming-soon-title {
    margin-bottom: 40px;
    font-family: "Plus Jakarta Sans";
    font-weight: 500;
    font-size: 84px;
    line-height: 80px;
    letter-spacing: -1.5px;
    color: var(--sppb-text-primary)
}

html.coming-soon .coming-soon-content {
    font-family: "Plus Jakarta Sans";
    font-weight: 500;
    font-size: 28px;
    line-height: 36px;
    letter-spacing: -0.96px;
    color: var(--sppb-text-primary)
}

html.coming-soon #coming-soon-countdown {
    margin-top: 4rem
}

html.coming-soon #coming-soon-countdown .coming-soon-days,
html.coming-soon #coming-soon-countdown .coming-soon-hours,
html.coming-soon #coming-soon-countdown .coming-soon-minutes,
html.coming-soon #coming-soon-countdown .coming-soon-seconds {
    margin: 0;
    float: left;
    width: 25%;
    font-family: "Plus Jakarta Sans"
}

html.coming-soon #coming-soon-countdown .coming-soon-days .coming-soon-number,
html.coming-soon #coming-soon-countdown .coming-soon-hours .coming-soon-number,
html.coming-soon #coming-soon-countdown .coming-soon-minutes .coming-soon-number,
html.coming-soon #coming-soon-countdown .coming-soon-seconds .coming-soon-number {
    font-family: "Plus Jakarta Sans";
    width: 100%;
    font-size: 4.5rem;
    letter-spacing: -1px;
    line-height: 1
}

html.coming-soon #coming-soon-countdown .coming-soon-days .coming-soon-string,
html.coming-soon #coming-soon-countdown .coming-soon-hours .coming-soon-string,
html.coming-soon #coming-soon-countdown .coming-soon-minutes .coming-soon-string,
html.coming-soon #coming-soon-countdown .coming-soon-seconds .coming-soon-string {
    font-size: 1.5rem;
    letter-spacing: -1px;
    display: block;
    text-transform: uppercase;
    font-family: "Plus Jakarta Sans"
}

html.coming-soon .coming-soon-position {
    margin-top: 2rem
}

html.coming-soon .social-icons {
    margin-top: 4rem
}

html.coming-soon .social-icons li a>i,
html.coming-soon .social-icons li a svg {
    font-size: 20px;
    width: 20px !important;
    color: var(--sppb-color-secondary);
    transition: all .4s ease
}

html.coming-soon .social-icons li a:hover>i,
html.coming-soon .social-icons li a:hover svg {
    color: var(--sppb-color-primary);
    transform: scale(1.05)
}

html.coming-soon .coming-soon-login form {
    display: inline-block
}

html.error-page {
    width: 100%;
    height: 100%
}

html.error-page body {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: 50% 40%
}

html.error-page .error-logo {
    display: inline-block;
    margin-bottom: 2rem
}

html.error-page .error-code {
    margin: 0px 0px 40px;
    font-size: 320px;
    line-break: auto;
    font-weight: 800;
    line-height: 1
}

html.error-page .error-message {
    font-size: 1.5rem;
    margin-bottom: 3rem
}

.sp-social-share ul {
    display: block;
    padding: 0;
    margin: 20px -5px 0
}

.sp-social-share ul li {
    display: inline-block;
    font-size: 24px;
    margin: 0 5px
}

.profile>div:not(:last-child) {
    margin-bottom: 30px
}

.dl-horizontal dt {
    margin: 8px 0;
    text-align: left
}

.page-header {
    padding-bottom: 15px
}

table.category {
    width: 100%
}

table.category thead>tr,
table.category tbody>tr {
    border: 1px solid #f2f2f2
}

table.category thead>tr th,
table.category thead>tr td,
table.category tbody>tr th,
table.category tbody>tr td {
    padding: 10px
}

.contact-form .form-actions {
    background: none;
    border: none
}

@media print {
    .visible-print {
        display: inherit !important
    }

    .hidden-print {
        display: none !important
    }
}

.sp-preloader {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999
}

.sp-preloader>div {
    border-radius: 50%;
    height: 50px;
    width: 50px;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    position: absolute;
    animation: spSpin .75s linear infinite
}

.sp-preloader>div:after {
    content: "";
    position: absolute;
    width: 49px;
    height: 49px;
    top: 1px;
    right: 0;
    left: 0;
    margin: auto;
    border-radius: 50%
}

.sp-scroll-up {
    display: none;
    position: fixed;
    bottom: 60px;
    right: 30px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: rgba(100, 100, 100, .4);
    border-radius: 100%;
    z-index: 1000;
    transition: all .3s ease
}

.sp-scroll-up:hover,
.sp-scroll-up:active,
.sp-scroll-up:focus {
    color: #fff;
    background: #000
}

.control-group {
    margin-bottom: 1rem
}

select.form-control:not([multiple]),
select.inputbox:not([multiple]),
select:not([multiple]) {
    height: calc(2.25rem + 2px)
}

.form-control-feedback {
    display: block;
    margin-top: .25rem;
    font-size: .875em
}

input[type=text],
input[type=email],
input[type=url],
input[type=date],
input[type=password],
input[type=search],
input[type=tel],
input[type=number],
textarea {
    outline: none;
    box-shadow: none !important
}

.sppb-form-group label,
label {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: var(--sppb-text-varient-alpha-7);
    margin-bottom: 10px
}

input[type=text],
input[type=email],
input[type=url],
input[type=date],
input[type=password],
input[type=search],
input[type=tel],
input[type=number],
select:not(.form-select),
.form-control,
.sppb-form-group .sppb-form-control {
    display: block;
    width: 100%;
    padding: 13px 15px;
    font-size: 1rem;
    line-height: 1.25;
    color: rgba(0, 0, 0, .5);
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid #dedede;
    border-radius: 0px;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=date]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=number]:focus,
select:not(.form-select):focus,
.form-control:focus,
.sppb-form-group .sppb-form-control:focus {
    color: var(--sppb-text-primary);
    background-color: #fff;
    border-color: var(--sppb-color-secondary);
    outline: 0
}

.password-group meter {
    width: 100%
}

.chzn-select,
.chzn-select-deselect {
    width: 100%
}

.chzn-container.chzn-container-single .chzn-single {
    display: block;
    width: 100%;
    padding: .5rem .75rem;
    line-height: 1.25;
    height: calc(2.25rem + 2px);
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    box-shadow: none
}

.chzn-container.chzn-container-single .chzn-single div {
    width: 30px;
    background: none
}

.chzn-container.chzn-container-single .chzn-single div>b {
    background: none;
    position: relative;
    font: normal normal normal 14px/1 FontAwesome
}

.chzn-container.chzn-container-single .chzn-single div>b:after {
    content: "";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: .875rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.chzn-container.chzn-container-single.chzn-container-active.chzn-with-drop .chzn-single {
    border-radius: .25rem .25rem 0 0
}

.chzn-container.chzn-container-single .chzn-search {
    padding: .625rem
}

.chzn-container.chzn-container-single .chzn-search input[type=text] {
    display: block;
    width: 100%;
    padding: .5rem 1.429rem .5rem .75rem;
    font-size: .875rem;
    line-height: 1.25;
    height: calc(2rem + 2px);
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    box-shadow: none;
    -webkit-box-shadow: none
}

.chzn-container.chzn-container-single .chzn-search input[type=text]:focus {
    border-color: var(--nb-gold-dark);
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(6, 98, 173, .25);
    -webkit-box-shadow: 0 0 0 .2rem rgba(6, 98, 173, .25)
}

.chzn-container.chzn-container-single .chzn-search:after {
    content: "";
    font-family: "FontAwesome";
    font-size: .875rem;
    color: rgba(0, 0, 0, .2);
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.chzn-container.chzn-container-single .chzn-drop {
    border-color: rgba(0, 0, 0, .15);
    border-radius: 0 0 .25rem .25rem;
    box-shadow: none;
    -webkit-box-shadow: none
}

.chzn-container.chzn-container-single .chzn-results li.highlighted {
    background-image: none !important
}

.chzn-container.chzn-container-multi .chzn-choices {
    display: block;
    width: 100%;
    padding: 0 .75rem;
    min-height: calc(2.25rem + 2px);
    line-height: 1.25;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    box-shadow: none;
    -webkit-box-shadow: none
}

.chzn-container.chzn-container-multi .chzn-choices li.search-field input[type=text] {
    font-size: .875rem;
    font-weight: normal;
    line-height: 1.25;
    height: calc(2rem + 2px);
    background-color: #fff
}

.chzn-container.chzn-container-multi .chzn-choices li.search-choice {
    margin: 5.5px 5px 0 0;
    padding: 5px 20px 5px 5px;
    background-image: none;
    background-color: #f5f5f5;
    border-color: rgba(0, 0, 0, .1);
    box-shadow: none;
    -webkit-box-shadow: none
}

.chzn-container.chzn-container-multi .chzn-choices li.search-choice .search-choice-close {
    background: none;
    top: 5px;
    color: rgba(0, 0, 0, .2)
}

.chzn-container.chzn-container-multi .chzn-choices li.search-choice .search-choice-close:hover {
    color: rgba(0, 0, 0, .5)
}

.chzn-container.chzn-container-multi .chzn-choices li.search-choice .search-choice-close:after {
    content: "";
    font-family: "FontAwesome";
    font-size: .875rem;
    position: absolute;
    top: 0;
    right: 0
}

.chzn-container.chzn-container-multi.chzn-with-drop.chzn-container-active .chzn-choices {
    border-radius: .25rem
}

.chzn-container.chzn-container-multi.chzn-with-drop .chzn-drop {
    margin-top: -4px;
    border: none;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none
}

.chzn-container.chzn-container-multi.chzn-with-drop .chzn-drop .chzn-results:not(:empty) {
    padding: .75rem;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    border-top: 0;
    border-radius: 0 0 .25rem .25rem
}

.chzn-container.chzn-container-multi.chzn-with-drop .chzn-drop .chzn-results li.no-results {
    background: none
}

.form-horizontal .control-label {
    float: left;
    width: auto;
    padding-top: 5px;
    padding-right: 5px;
    text-align: left
}

.form-horizontal .controls {
    margin-left: 220px
}

.card-block {
    padding: 20px
}

.card-block ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block
}

.card-block ul li {
    display: block
}

.alert.alert-error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.invalid {
    color: var(--nb-red);
    border-color: var(--nb-red)
}

#sp-cookie-consent {
    position: fixed;
    font-size: 16px;
    font-weight: 500;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10001
}

#sp-cookie-consent>div {
    padding: 20px;
    position: relative
}

#attrib-helix_ultimate_blog_options #jform_attribs_helix_ultimate_article_format {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap
}

#attrib-helix_ultimate_blog_options #jform_attribs_helix_ultimate_article_format .form-check-inline {
    margin: 0;
    margin-right: -5px;
    padding-left: 0px
}

#attrib-helix_ultimate_blog_options #jform_attribs_helix_ultimate_article_format .form-check-inline label {
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #f3f3f3;
    color: #333;
    border-top: 1px solid #b3b3b3;
    border-right: 1px solid #b3b3b3;
    border-bottom: 1px solid #b3b3b3;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    border-radius: 0
}

#attrib-helix_ultimate_blog_options #jform_attribs_helix_ultimate_article_format .form-check-inline label.btn-success {
    background: #46a546;
    color: #fff
}

#attrib-helix_ultimate_blog_options #jform_attribs_helix_ultimate_article_format .form-check-inline label input[type=radio] {
    display: none !important
}

#attrib-helix_ultimate_blog_options #jform_attribs_helix_ultimate_article_format .form-check-inline:last-child label {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

#attrib-helix_ultimate_blog_options #jform_attribs_helix_ultimate_article_format .form-check-inline:first-child label {
    border-left: 1px solid #b3b3b3;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.com-contenthistory .btn-group {
    display: flex;
    justify-content: flex-end
}

.com-contenthistory .btn-group button {
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
    background-color: #f5f5f5;
    background-repeat: repeat-x;
    border: 1px solid #bbb;
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05)
}

.com-contenthistory .btn-group button:hover {
    color: #333;
    background-color: #e9e9e9
}

#versionsModal {
    top: 10%
}

#versionsModal .modal-dialog {
    max-width: 80%
}

#versionsModal iframe {
    min-height: 300px
}

body.com-content.view-form.layout-edit .nav-tabs .nav-link {
    display: block !important
}

.no-js img.lazyload {
    display: none
}

#system-message-container {
    position: fixed;
    bottom: 0px;
    right: 15px;
    max-width: 350px;
    z-index: 9999
}

#system-message-container .alert {
    font-size: 13px;
    line-height: 1.5
}

#system-message-container .alert>.btn-close {
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer
}

#system-message-container joomla-alert {
    font-size: 13px
}

.com-users.view-registration #member-registration .modal-dialog,
.com-users.view-registration #member-profile .modal-dialog,
.com-users.view-profile #member-registration .modal-dialog,
.com-users.view-profile #member-profile .modal-dialog {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.com-users.view-registration .btn>span,
.com-users.view-login .btn>span {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important
}

.hu-media-modal .modal-dialog {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.registration #member-registration #jform_privacyconsent_privacy-lbl {
    display: inline-flex
}

.registration #member-registration #jform_privacyconsent_privacy-lbl>a {
    position: initial;
    display: block;
    color: #000
}

.registration #member-registration #jform_privacyconsent_privacy-lbl>a:hover,
.registration #member-registration #jform_privacyconsent_privacy-lbl>a:focus {
    color: var(--nb-gold-dark)
}

body.com-users.view-registration>#sbox-window {
    overflow: hidden
}

body.com-users.view-registration>#sbox-window>#sbox-btn-close {
    top: 5px;
    right: 5px
}

body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset>.joomla-tabs {
    display: flex;
    padding: 0;
    margin: 0 !important;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    list-style: outside none none;
    background-color: #f5f5f5;
    border-color: #ccc #ccc currentcolor;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    border-radius: .25rem .25rem 0 0;
    border-image: none;
    box-shadow: 0 1px #fff inset, 0 2px 3px -3px rgba(0, 0, 0, .15), 0 -4px 0 rgba(0, 0, 0, .05) inset, 0 0 3px rgba(0, 0, 0, .04)
}

body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset>.joomla-tabs .nav-item>.nav-link {
    color: var(--text-color)
}

body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset>.joomla-tabs .nav-item>.nav-link.active {
    background-color: rgba(0, 0, 0, .03);
    background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.05) 100%);
    border-right: 0 none;
    border-left: 0 none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 2px 0 1px -1px rgba(0, 0, 0, .08) inset, -2px 0 1px -1px rgba(0, 0, 0, .08) inset, 0 1px 0 rgba(0, 0, 0, .02) inset
}

body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset>.tab-content {
    padding: 15px;
    background-color: #fefefe;
    border: 1px solid #ccc;
    border-radius: 0 0 .25rem .25rem;
    box-shadow: 0 0 3px rgba(0, 0, 0, .04)
}

body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #editor label#jform_title-lbl {
    margin-bottom: 15px;
    font-weight: 700
}

body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #editor .js-editor-tinymce {
    display: flex;
    flex-direction: column
}

body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #publishing>.control-group,
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #metadata>.control-group,
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #attrib-helix_ultimate_blog_options>.control-group {
    display: flex;
    flex-direction: column
}

body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #publishing>.control-group>label,
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #metadata>.control-group>label,
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #attrib-helix_ultimate_blog_options>.control-group>label {
    margin-bottom: 5px;
    font-weight: 700
}

body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #publishing>.control-group textarea,
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #metadata>.control-group textarea,
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #attrib-helix_ultimate_blog_options>.control-group textarea {
    width: 100%
}

body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #publishing>.control-group .calendar-container .time td select,
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #metadata>.control-group .calendar-container .time td select,
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #attrib-helix_ultimate_blog_options>.control-group .calendar-container .time td select {
    padding: 4px;
    font-size: 13px
}

body.contentpane.com-media.view-images .container-popup #imageForm>#messages+.well .row-fluid {
    display: flex;
    max-width: 100%
}

body.contentpane.com-media.view-images .container-popup #imageForm>#messages+.well .row-fluid .span8 {
    flex: auto
}

body.contentpane.com-media.view-images .container-popup #imageForm>#messages+.well .row-fluid .span8>.controls {
    margin-left: 10px;
    display: flex;
    max-width: 500px
}

body.contentpane.com-media.view-images .container-popup #imageForm>#messages+.well .row-fluid .span8>.controls #folderlist_chzn,
body.contentpane.com-media.view-images .container-popup #imageForm>#messages+.well .row-fluid .span8>.controls #folderlist {
    flex: auto
}

body.contentpane.com-media.view-images .container-popup #imageForm>#messages+.well .row-fluid .span8 #upbutton {
    background: var(--bs-primary);
    color: #fff;
    margin: 0 5px
}

body.contentpane.com-media.view-images .container-popup #imageForm .well>.row-fluid:not(:last-child) {
    margin-bottom: 5px
}

body.contentpane.com-media.view-images .container-popup #imageForm .well>.row-fluid:not(:last-child)>.control-group:not(:last-child) {
    margin-bottom: 5px
}

body.contentpane.com-media.view-images .container-popup #imageForm .btn.button-cancel {
    background: var(--bs-danger);
    color: #fff
}

body.contentpane.com-media.view-images .container-popup #imageForm .btn.button-cancel:hover,
body.contentpane.com-media.view-images .container-popup #imageForm .btn.button-cancel:focus {
    border-color: var(--bs-danger)
}

body.contentpane.com-menus.view-items.layout-modal #adminForm .js-stools-container-bar {
    display: flex
}

body.contentpane.com-modules.view-modules.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar {
    display: flex;
    align-items: center;
    padding: 10px 0px
}

body.contentpane.com-modules.view-modules.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>label {
    margin-right: 10px
}

body.contentpane.com-modules.view-modules.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper.input-append {
    display: flex
}

body.contentpane.com-modules.view-modules.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper.input-append>button[type=submit] {
    background: var(--bs-primary);
    color: #fff;
    margin-left: 5px
}

body.contentpane.com-modules.view-modules.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper>button[type=button] {
    background: var(--bs-primary);
    color: #fff
}

body.contentpane.com-content.view-articles.layout-modal .container-popup #adminForm>.js-stools,
body.contentpane.com-menus.view-items.layout-modal .container-popup #adminForm>.js-stools,
body.contentpane.com-contact.view-contacts.layout-modal .container-popup #adminForm>.js-stools {
    padding-top: 15px
}

body.contentpane.com-content.view-articles.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar,
body.contentpane.com-menus.view-items.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar,
body.contentpane.com-contact.view-contacts.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar {
    margin-bottom: 10px
}

body.contentpane.com-content.view-articles.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>label,
body.contentpane.com-menus.view-items.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>label,
body.contentpane.com-contact.view-contacts.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>label {
    margin-right: 10px
}

body.contentpane.com-content.view-articles.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper.input-append,
body.contentpane.com-menus.view-items.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper.input-append,
body.contentpane.com-contact.view-contacts.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper.input-append {
    display: flex
}

body.contentpane.com-content.view-articles.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper.input-append>button[type=submit],
body.contentpane.com-menus.view-items.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper.input-append>button[type=submit],
body.contentpane.com-contact.view-contacts.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper.input-append>button[type=submit] {
    background: var(--bs-primary);
    color: #fff;
    margin-left: 5px
}

body.contentpane.com-content.view-articles.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper>button[type=button],
body.contentpane.com-menus.view-items.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper>button[type=button],
body.contentpane.com-contact.view-contacts.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper>button[type=button] {
    background: var(--bs-primary);
    color: #fff
}

body.contentpane.com-content.view-articles.layout-modal .container-popup #adminForm .js-stools-container-bar,
body.contentpane.com-contact.view-contacts.layout-modal .container-popup #adminForm .js-stools-container-bar {
    display: flex;
    align-items: center
}

.modal-dialog.jviewport-width80 {
    width: 80vw;
    max-width: none
}

.btn:focus {
    box-shadow: none !important
}

.input-group.hu-j4-media {
    max-width: 356px
}

.hidden {
    display: none !important
}

.field-calendar .input-group-text {
    padding: 0
}

.field-calendar .input-group-text button#jform_mycalendar_btn {
    background: rgba(0, 0, 0, 0);
    border: none;
    color: #212529
}

.form-check-inline label.form-check-label.btn {
    padding: .375rem 3px
}

.modal-body .iframe {
    min-height: 60vh !important
}

#sbox-content iframe {
    width: 780px;
    height: 480px
}

.carousel-item img {
    width: 100%
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

li.custom_user_login_menu ul li:last-child,
li.custom_user_login_menu {
    border-bottom: none
}

li.custom_user_login_menu ul {
    padding-left: 0;
    list-style: none
}

li.custom_user_login_menu ul li {
    padding: 5px 0;
    border-bottom: 1px solid #eee
}

svg#Passkey {
    height: 2rem
}

#icon-passkey {
    fill: #fff
}

.inner-wrapper-sticky {
    background-color: #fff
}

.doctor-list-layout-classic .sppb-dynamic-content-collection__item {
    border: 1px solid #dedede
}

.doctor-list-layout-classic .sppb-dynamic-content-collection__item:hover .sppb-dynamic-content-image-wrapper img {
    transform: scale(1.04) translateX(10px)
}

.doctor-list-layout-classic .sppb-dynamic-content-collection__item:hover .doctor-list-experience:before {
    transform: translate(0, -30px)
}

.doctor-list-layout-classic .sppb-dynamic-content-collection__item:hover .doctor-list-name {
    color: var(--sppb-color-secondary)
}

.doctor-list-layout-classic .doctor-list-name {
    color: var(--sppb-text-primary)
}

.doctor-list-layout-classic .sppb-dynamic-content-image-wrapper {
    height: 376px;
    background-color: #b7bec6;
    overflow: hidden
}

.doctor-list-layout-classic .sppb-dynamic-content-image-wrapper img {
    transition: all .3s ease-in-out
}

.btn:focus,
.btn:active,
.sppb-btn:focus,
.sppb-btn:active {
    box-shadow: none !important
}

body .sppb-btn,
body .btn,
.btn-primary {
    outline: none !important
}

body .sppb-btn,
body .btn {
    text-transform: capitalize;
    white-space: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.25;
    padding: 13px 30px;
    position: relative;
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0)
}

body .sppb-btn.sppb-btn-xlg,
body .btn.sppb-btn-xlg {
    padding: 15px 55px
}

body .sppb-btn.sppb-btn-lg,
body .btn.sppb-btn-lg {
    padding: 13px 40px
}

body .sppb-btn.sppb-btn-sm,
body .btn.sppb-btn-sm {
    padding: 9px 26px
}

body .sppb-btn.sppb-btn-xs,
body .btn.sppb-btn-xs {
    padding: 7px 24px
}

body .sppb-btn.sppb-btn-primary,
body .sppb-btn.btn-primary,
body .sppb-btn.btn-outline-primary,
body .btn.sppb-btn-primary,
body .btn.btn-primary,
body .btn.btn-outline-primary {
    border-color: var(--sppb-color-secondary);
    background-color: var(--sppb-color-secondary);
    color: #fff
}

body .sppb-btn.sppb-btn-primary:hover,
body .sppb-btn.sppb-btn-primary:focus,
body .sppb-btn.sppb-btn-primary:active,
body .sppb-btn.btn-primary:hover,
body .sppb-btn.btn-primary:focus,
body .sppb-btn.btn-primary:active,
body .sppb-btn.btn-outline-primary:hover,
body .sppb-btn.btn-outline-primary:focus,
body .sppb-btn.btn-outline-primary:active,
body .btn.sppb-btn-primary:hover,
body .btn.sppb-btn-primary:focus,
body .btn.sppb-btn-primary:active,
body .btn.btn-primary:hover,
body .btn.btn-primary:focus,
body .btn.btn-primary:active,
body .btn.btn-outline-primary:hover,
body .btn.btn-outline-primary:focus,
body .btn.btn-outline-primary:active {
    background-color: var(--sppb-color-primary);
    border-color: var(--sppb-color-primary);
    color: #fff
}

body .sppb-btn.sppb-btn-primary.sppb-btn-rounded,
body .sppb-btn.btn-primary.sppb-btn-rounded,
body .sppb-btn.btn-outline-primary.sppb-btn-rounded,
body .btn.sppb-btn-primary.sppb-btn-rounded,
body .btn.btn-primary.sppb-btn-rounded,
body .btn.btn-outline-primary.sppb-btn-rounded {
    border-radius: 3px
}

body .sppb-btn.sppb-btn-primary.sppb-btn-round,
body .sppb-btn.btn-primary.sppb-btn-round,
body .sppb-btn.btn-outline-primary.sppb-btn-round,
body .btn.sppb-btn-primary.sppb-btn-round,
body .btn.btn-primary.sppb-btn-round,
body .btn.btn-outline-primary.sppb-btn-round {
    border-radius: 60px
}

body .sppb-btn.sppb-btn-primary.sppb-btn-outline,
body .sppb-btn.btn-primary.sppb-btn-outline,
body .sppb-btn.btn-outline-primary.sppb-btn-outline,
body .btn.sppb-btn-primary.sppb-btn-outline,
body .btn.btn-primary.sppb-btn-outline,
body .btn.btn-outline-primary.sppb-btn-outline {
    border-color: var(--nb-ink);
    background-color: rgba(0, 0, 0, 0);
    color: #000
}

body .sppb-btn.sppb-btn-primary.sppb-btn-outline:hover,
body .sppb-btn.sppb-btn-primary.sppb-btn-outline:focus,
body .sppb-btn.sppb-btn-primary.sppb-btn-outline:active,
body .sppb-btn.btn-primary.sppb-btn-outline:hover,
body .sppb-btn.btn-primary.sppb-btn-outline:focus,
body .sppb-btn.btn-primary.sppb-btn-outline:active,
body .sppb-btn.btn-outline-primary.sppb-btn-outline:hover,
body .sppb-btn.btn-outline-primary.sppb-btn-outline:focus,
body .sppb-btn.btn-outline-primary.sppb-btn-outline:active,
body .btn.sppb-btn-primary.sppb-btn-outline:hover,
body .btn.sppb-btn-primary.sppb-btn-outline:focus,
body .btn.sppb-btn-primary.sppb-btn-outline:active,
body .btn.btn-primary.sppb-btn-outline:hover,
body .btn.btn-primary.sppb-btn-outline:focus,
body .btn.btn-primary.sppb-btn-outline:active,
body .btn.btn-outline-primary.sppb-btn-outline:hover,
body .btn.btn-outline-primary.sppb-btn-outline:focus,
body .btn.btn-outline-primary.sppb-btn-outline:active {
    background-color: var(--nb-ink);
    border-color: var(--nb-ink);
    color: #fff
}

body .sppb-btn.sppb-btn-primary.sppb-btn-gradient,
body .sppb-btn.btn-primary.sppb-btn-gradient,
body .sppb-btn.btn-outline-primary.sppb-btn-gradient,
body .btn.sppb-btn-primary.sppb-btn-gradient,
body .btn.btn-primary.sppb-btn-gradient,
body .btn.btn-outline-primary.sppb-btn-gradient {
    background-image: linear-gradient(-180deg, var(--nb-ink), var(--nb-navy))
}

body .sppb-btn.sppb-btn-secondary,
body .btn.sppb-btn-secondary {
    background-color: var(--sppb-color-secondary);
    color: var(--sppb-text-varient-1);
    padding: 15px 36px;
    border: none
}

body .sppb-btn.sppb-btn-secondary:hover,
body .sppb-btn.sppb-btn-secondary:focus,
body .btn.sppb-btn-secondary:hover,
body .btn.sppb-btn-secondary:focus {
    background-color: var(--sppb-color-primary)
}

body .sppb-btn.sppb-btn-link,
body .btn.sppb-btn-link {
    padding: 0px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    border-bottom: 1px solid #000;
    color: var(--nb-ink)
}

body .sppb-btn.sppb-btn-link:hover,
body .sppb-btn.sppb-btn-link:focus,
body .btn.sppb-btn-link:hover,
body .btn.sppb-btn-link:focus {
    color: #000;
    border-bottom: 1px solid #000
}

body .sppb-btn.btn-glass,
body .btn.btn-glass {
    background: rgba(0, 0, 0, 0);
    border: rgba(0, 0, 0, 0);
    color: #fff;
    backdrop-filter: blur(1px) url("#liquid-glass-simple");
    box-shadow: inset -3.86px -4.6px 2px -4px rgba(255, 255, 255, .56), inset 5.14px 6.13px 2px -6px rgba(255, 255, 255, .8), -8.52px -10.15px 25px -25px rgba(255, 255, 255, .8) inset, 8.52px 10.15px 25px -25px rgba(0, 0, 0, .32) inset !important
}

body .sppb-btn.sppb-btn-link.btn-link-load,
body .btn.sppb-btn-link.btn-link-load {
    padding: 0px;
    border: 0px !important
}

body .sppb-btn.sppb-btn-link.btn-link-load i,
body .btn.sppb-btn-link.btn-link-load i {
    position: relative
}

body .sppb-btn.sppb-btn-link.btn-link-load i::before,
body .sppb-btn.sppb-btn-link.btn-link-load i::after,
body .btn.sppb-btn-link.btn-link-load i::before,
body .btn.sppb-btn-link.btn-link-load i::after {
    content: "";
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    letter-spacing: 4px;
    font-size: 45%;
    color: var(--sppb-color-secondary)
}

body .sppb-btn.sppb-btn-link.btn-link-load i::before,
body .btn.sppb-btn-link.btn-link-load i::before {
    top: -0.1rem;
    position: relative
}

body .sppb-btn.sppb-btn-link.btn-link-load i:after,
body .btn.sppb-btn-link.btn-link-load i:after {
    position: absolute;
    right: -1.8em;
    top: 50%;
    transform: translateY(-33%)
}

body .sppb-btn.sppb-btn-link.btn-link-load:hover i::before,
body .sppb-btn.sppb-btn-link.btn-link-load:hover i::after,
body .btn.sppb-btn-link.btn-link-load:hover i::before,
body .btn.sppb-btn-link.btn-link-load:hover i::after {
    animation: dotspace 2s ease infinite
}

body .sppb-btn.sppb-btn-link.btn-link-load:hover i:after,
body .btn.sppb-btn-link.btn-link-load:hover i:after {
    animation-delay: .2s
}

body .sppb-btn.sppb-btn-link.btn-glass,
body .btn.sppb-btn-link.btn-glass {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 0px !important;
    backdrop-filter: unset;
    box-shadow: unset !important
}

body .sppb-btn.sppb-btn-link.btn-glass i,
body .btn.sppb-btn-link.btn-glass i {
    padding: 5px 6px 5px 30px;
    border-radius: 60px;
    backdrop-filter: blur(1px) url(../images/glass.svg);
    box-shadow: inset 0px -2px 0px -1px rgba(255, 255, 255, .7), inset 0px 2px 0px -1px rgba(255, 255, 255, .7), inset -8.52px -10.15px 25px -25px rgba(255, 255, 255, .8), inset 8.52px 10.15px 25px -25px rgba(0, 0, 0, .32) !important;
    transition: all .4s ease-in-out
}

body .sppb-btn.sppb-btn-link.btn-glass i:before,
body .btn.sppb-btn-link.btn-glass i:before {
    padding: 8px 16px;
    border-radius: 20px;
    display: inline-block;
    color: var(--sppb-color-secondary);
    background: var(--bg-secondary, #f0f2f3);
    transition: all .4s ease-in-out
}

body .sppb-btn.sppb-btn-link.btn-glass:hover i,
body .btn.sppb-btn-link.btn-glass:hover i {
    backdrop-filter: blur(5px) url(../images/glass.svg)
}

.move-left-right-btn i.fas {
    position: relative;
    height: 42px;
    width: 84px
}

.move-left-right-btn i.fas::before {
    position: absolute;
    top: 50%;
    right: 6px;
    transform: translateY(-50%)
}

.move-left-right-btn i.fas:hover::before {
    animation: moveLeftRight .7s ease-in-out 1
}

.move-btn-program-offer {
    padding: 0;
    position: relative;
    height: 42px;
    width: 84px
}

.move-btn-program-offer i.icon {
    position: absolute;
    top: 50%;
    right: 6px;
    transform: translateY(-50%)
}

.move-btn-program-offer:hover i.icon {
    animation: moveLeftRight .7s ease-in-out 1
}

@keyframes moveLeftRight {

    0%,
    100% {
        transform: translate(0, -50%)
    }

    50% {
        transform: translate(-20px, -50%)
    }
}

@keyframes dotspace {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.header-right-info {
    height: 64px
}

.active-icon .sppb-icon-inner i {
    position: relative
}

.active-icon .sppb-icon-inner i:after {
    content: "";
    position: absolute;
    top: -5px;
    right: 0;
    bottom: 0;
    left: -5px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: #fff;
    z-index: -1
}

.active-icon:hover .sppb-icon-inner i:after {
    animation: zoom 1s ease-in-out infinite alternate
}

@keyframes zoom {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(1.1)
    }
}

.doctor-list-experience:before {
    transition: all .3s ease-in-out;
    position: relative;
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    transform: translate(0px, -20px);
    border-top: 3px solid var(--sppb-color-secondary);
    border-left: 3px solid var(--sppb-color-secondary);
    transform: translate(0, -25px)
}

.sppb-addon-dynamic-content-filter-item-search-option .sppb-addon-dynamic-content-filter-search-wrapper.has-icon {
    flex-direction: row-reverse;
    padding-right: 15px
}

.com-sppagebuilder.view-dynamic #sp-page-title {
    display: none
}

.doctor-details-glass-section {
    position: absolute !important;
    bottom: 0px;
    width: 100%
}

.doctor-details-glass-section .sppb-nested-row {
    display: flex;
    flex-wrap: nowrap;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.doctor-details-glass-section .sppb-nested-row::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    background: rgba(0, 0, 0, 0)
}

.doctor-details-education .education-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    column-gap: 50px
}

.doctor-details-education .education-list .education-item {
    position: relative;
    padding-left: 30px;
    padding-right: 15px
}

.doctor-details-education .education-list .education-item:before {
    position: absolute;
    left: 0px;
    content: "";
    height: 100%;
    width: 2px;
    background: var(--sppb-color-secondary)
}

.doctor-details-education .education-list .education-item h5 {
    color: #6b7280;
    font-size: 14px;
    line-height: 1;
    font-weight: 400
}

.doctor-details-education .education-list .education-item h3 {
    font-size: 16px;
    line-height: 1.25;
    font-weight: 500
}

.doctor-details-education .education-list .education-item p {
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    color: #6a6a6a
}

.doctor-details-awards-publication ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    gap: 15px;
    flex-direction: column
}

.doctor-details-awards-publication ul li p {
    font-size: 16px;
    line-height: 1.25;
    font-weight: 500;
    color: rgba(0, 0, 0, .7);
    margin: 0px 0px 10px 0px
}

.doctor-details-awards-publication ul li p i {
    color: var(--nb-ink);
    margin-right: 10px;
    font-size: 18px;
    line-height: 1
}

.doctor-details-awards-publication ul li span {
    font-size: 14px;
    line-height: 1.25;
    font-weight: 400;
    color: #6a6a6a
}

.award-wrapper {
    display: flex;
    overflow: visible;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    flex-wrap: nowrap;
    border: 1px solid #dedede;
    padding: 20px;
    width: 100%;
    max-width: 730px
}

.doctor-details-specialities {
    border: 1px solid #ededed;
    padding: 20px
}

.doctor-details-specialities .sppb-dynamic-content-collection__item {
    display: flex;
    gap: 10px
}

.doctor-details-testimonial {
    background: #f0f2f3;
    padding: 20px 30px;
    border-left: 4px solid var(--sppb-color-secondary)
}

.doctor-details-testimonial h5 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
    font-weight: 600;
    color: var(--sppb-text-primary)
}

.doctor-details-testimonial p {
    font-size: 16px;
    line-height: 24px;
    font-style: italic;
    color: #374151
}

.doctor-details-testimonial h6 {
    font-size: 16px;
    line-height: 24px;
    color: var(--sppb-color-secondary);
    font-weight: 500
}

.doctor-details-short-info i {
    font-size: 30px;
    color: #fff
}

.doctor-details-short-info h5 {
    margin-top: 20px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #fff
}

.doctor-details-short-info p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #fff;
    font-weight: 500
}

.glass-test {
    backdrop-filter: blur(0px) url(#liquid-glass-dptp9mpdmd);
    box-shadow: inset 7.91px -12.75px 5px -10px rgba(255, 255, 255, .56), inset -10.54px 17px 5px -15px rgba(255, 255, 255, .8), 11.46px -18.48px 25px -25px rgba(255, 255, 255, .8) inset, -11.46px 18.48px 25px -25px rgba(0, 0, 0, .32) inset
}

.doctor-details-departments .sppb-dynamic-content-collection__item {
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    border: 1px solid #fff;
    padding: 3px 12px;
    border-radius: 100px
}

.doctor-details-designation {
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    border: 1px solid #fff;
    padding: 3px 12px;
    border-radius: 100px;
    margin: 0px
}

.doctor-details-body-wrapper {
    width: 100%;
    max-width: 730px;
    margin: 0 auto !important
}

.doctor-list-search .sppb-addon-dynamic-content-filter-item-search-option {
    width: 310px
}

.doctor-list-layout-modern .sppb-dynamic-content-collection__item {
    border: 1px solid #dedede
}

.doctor-list-layout-modern .sppb-dynamic-content-collection__item:hover .sppb-dynamic-content-image-wrapper img {
    transform: scale(1.02) translateX(-5px)
}

.doctor-list-layout-modern .sppb-dynamic-content-collection__item:hover .doctor-list-experience:before {
    transform: translate(0, -30px)
}

.doctor-list-layout-modern .sppb-dynamic-content-collection__item:hover .doctor-list-name {
    color: var(--sppb-color-primary)
}

.doctor-list-layout-modern .doctor-list-name {
    color: var(--sppb-text-primary)
}

.doctor-list-layout-modern .sppb-dynamic-content-collection__item {
    border: 1px solid #dedede;
    display: flex;
    height: 240px
}

.doctor-list-layout-modern .sppb-dynamic-content-image-wrapper {
    height: 240px;
    background-color: #b7bec6;
    overflow: hidden
}

.doctor-list-layout-modern .sppb-dynamic-content-image-wrapper img {
    transition: all .3s ease-in-out
}

.doctor-list-heading::before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    transform: translate(0px, -20px);
    border-top: 3px solid var(--sppb-color-secondary);
    border-left: 3px solid var(--sppb-color-secondary);
    transform: translate(0px, -30px)
}

.faq-wrapper {
    display: flex;
    gap: 16px
}

.faq-wrapper>div {
    max-width: 218px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    z-index: 1;
    color: var(--sppb-text-varient-alpha-7);
    background-color: var(--sppb-bg-card-primary);
    flex: 1 1 auto;
    transition: flex .5s ease-in-out, width .5s ease-in-out, max-width .5s ease-in-out, min-width .5s ease-in-out
}

.faq-wrapper>div::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    opacity: .5;
    background: url("../images/click.png");
    background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: 105% 105%;
    background-size: 100px;
    z-index: -1;
    transition: all .3s ease-in-out
}

.faq-wrapper>div.active {
    flex: 1 0 400px;
    max-width: 400px;
    color: var(--sppb-text-varient-1);
    background-color: var(--sppb-color-secondary)
}

.faq-wrapper>div.active::before {
    opacity: 1;
    background-size: auto;
    background-position: 100% 100%
}

.faq-wrapper>div.active .faq-item .sppb-addon-text {
    display: block
}

.faq-wrapper .faq-item {
    height: 100%;
    padding: 15px;
    padding-bottom: 140px
}

.faq-wrapper .faq-item .sppb-addon-text {
    display: none
}

.before-element {
    position: relative
}

.before-element:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0px;
    transform: translate(0px, -50px);
    border-top: 3px solid var(--sppb-text-varient-1);
    border-left: 3px solid var(--sppb-text-varient-1);
    transition: all .3s ease-in-out
}

.before-element-primary:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    transform: translate(0px, -20px);
    border-top: 3px solid var(--sppb-color-secondary);
    border-left: 3px solid var(--sppb-color-secondary);
    transform: translate(0px, -30px)
}

.addon-root-form-builder:has(.doctor-appointment) .form-builder-radio-content {
    scroll-behavior: smooth;
    position: relative
}

.addon-root-form-builder:has(.doctor-appointment) .form-builder-radio-content .form-builder-radio-item {
    scroll-behavior: smooth
}

.addon-root-form-builder:has(.doctor-appointment) .scroll-btn {
    position: absolute;
    top: 144px;
    background-color: rgba(0, 0, 0, 0);
    color: var(--sppb-text-primary);
    border: none;
    padding: 10px 12px;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 1000
}

.addon-root-form-builder:has(.doctor-appointment) .scroll-btn:hover {
    color: inherit;
    opacity: .5
}

.addon-root-form-builder:has(.doctor-appointment) .scroll-btn.left {
    left: -47px
}

.addon-root-form-builder:has(.doctor-appointment) .scroll-btn.right {
    right: -50px
}

.doctor-appointment {
    overflow: hidden
}

.doctor-appointment .sppb-addon-form-builder-form,
.doctor-appointment .sppb-form-check,
.doctor-appointment .sppb-form-builder-btn {
    margin-left: 0px !important;
    margin-right: 0px !important
}

.doctor-appointment .sppb-addon-form-builder-form .sppb-form-group,
.doctor-appointment .sppb-form-check .sppb-form-group,
.doctor-appointment .sppb-form-builder-btn .sppb-form-group {
    padding-left: 0px !important;
    padding-right: 0px !important
}

.doctor-appointment .sppb-addon-form-builder-form .sppb-form-group.sppb-form-builder-field-0,
.doctor-appointment .sppb-form-check .sppb-form-group.sppb-form-builder-field-0,
.doctor-appointment .sppb-form-builder-btn .sppb-form-group.sppb-form-builder-field-0 {
    display: flex;
    border-bottom: 1px solid #dedede
}

.doctor-appointment .sppb-addon-form-builder-form .sppb-form-group.sppb-form-builder-field-0 label,
.doctor-appointment .sppb-form-check .sppb-form-group.sppb-form-builder-field-0 label,
.doctor-appointment .sppb-form-builder-btn .sppb-form-group.sppb-form-builder-field-0 label {
    font-size: 18px;
    line-height: 28px;
    display: block;
    flex: 1 0 auto;
    font-weight: 600;
    margin-bottom: 0px;
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px
}

.doctor-appointment .sppb-addon-form-builder-form .sppb-form-group.sppb-form-builder-field-0 label span,
.doctor-appointment .sppb-form-check .sppb-form-group.sppb-form-builder-field-0 label span,
.doctor-appointment .sppb-form-builder-btn .sppb-form-group.sppb-form-builder-field-0 label span {
    color: #000
}

.doctor-appointment .sppb-addon-form-builder-form .sppb-form-group.sppb-form-builder-field-0 #sppb-form-builder-field-0,
.doctor-appointment .sppb-form-check .sppb-form-group.sppb-form-builder-field-0 #sppb-form-builder-field-0,
.doctor-appointment .sppb-form-builder-btn .sppb-form-group.sppb-form-builder-field-0 #sppb-form-builder-field-0 {
    width: 30px;
    padding: 0px;
    border: 0px;
    background: rgba(0, 0, 0, 0);
    font-size: 25px
}

.doctor-appointment .sppb-addon-form-builder-form .sppb-form-group.sppb-form-builder-field-1>label,
.doctor-appointment .sppb-form-check .sppb-form-group.sppb-form-builder-field-1>label,
.doctor-appointment .sppb-form-builder-btn .sppb-form-group.sppb-form-builder-field-1>label {
    position: relative
}

.doctor-appointment .sppb-addon-form-builder-form .sppb-form-group.sppb-form-builder-field-1>label>span,
.doctor-appointment .sppb-form-check .sppb-form-group.sppb-form-builder-field-1>label>span,
.doctor-appointment .sppb-form-builder-btn .sppb-form-group.sppb-form-builder-field-1>label>span {
    padding-right: 35px;
    max-width: max-content;
    width: 100%
}

.doctor-appointment .sppb-addon-form-builder-form .sppb-form-group.sppb-form-builder-field-1>label::before,
.doctor-appointment .sppb-form-check .sppb-form-group.sppb-form-builder-field-1>label::before,
.doctor-appointment .sppb-form-builder-btn .sppb-form-group.sppb-form-builder-field-1>label::before {
    content: "";
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 500;
    font-size: 24px;
    right: 0;
    color: var(--color-secondary-alpha-7)
}

.doctor-appointment .sppb-addon-form-builder-form .sppb-form-group.sppb-form-builder-field-1 label,
.doctor-appointment .sppb-form-check .sppb-form-group.sppb-form-builder-field-1 label,
.doctor-appointment .sppb-form-builder-btn .sppb-form-group.sppb-form-builder-field-1 label {
    font-size: 18px;
    line-height: 28px;
    flex: 1 0 auto;
    font-weight: 600;
    margin-bottom: 0px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #dedede;
    margin-bottom: 30px;
    padding-bottom: 10px
}

.doctor-appointment .sppb-addon-form-builder-form .sppb-form-group.sppb-form-builder-field-1 label span,
.doctor-appointment .sppb-form-check .sppb-form-group.sppb-form-builder-field-1 label span,
.doctor-appointment .sppb-form-builder-btn .sppb-form-group.sppb-form-builder-field-1 label span {
    color: #000
}

.doctor-appointment .sppb-addon-form-builder-form .sppb-form-group.sppb-form-builder-field-1 .form-builder-radio-content,
.doctor-appointment .sppb-form-check .sppb-form-group.sppb-form-builder-field-1 .form-builder-radio-content,
.doctor-appointment .sppb-form-builder-btn .sppb-form-group.sppb-form-builder-field-1 .form-builder-radio-content {
    width: 5000px;
    max-width: 100%;
    overflow: scroll;
    display: flex;
    flex-wrap: nowrap;
    gap: 5px;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.doctor-appointment .sppb-addon-form-builder-form .sppb-form-group.sppb-form-builder-field-1 .form-builder-radio-content::-webkit-scrollbar,
.doctor-appointment .sppb-form-check .sppb-form-group.sppb-form-builder-field-1 .form-builder-radio-content::-webkit-scrollbar,
.doctor-appointment .sppb-form-builder-btn .sppb-form-group.sppb-form-builder-field-1 .form-builder-radio-content::-webkit-scrollbar {
    display: none
}

.doctor-appointment .sppb-addon-form-builder-form .sppb-form-group.sppb-form-builder-field-1 .form-builder-radio-content .sppb-form-control:checked+.form-builder-radio-label,
.doctor-appointment .sppb-form-check .sppb-form-group.sppb-form-builder-field-1 .form-builder-radio-content .sppb-form-control:checked+.form-builder-radio-label,
.doctor-appointment .sppb-form-builder-btn .sppb-form-group.sppb-form-builder-field-1 .form-builder-radio-content .sppb-form-control:checked+.form-builder-radio-label {
    background-color: var(--sppb-color-secondary);
    color: #fff;
    border-color: var(--color-secondary-alpha-5)
}

.doctor-appointment .sppb-addon-form-builder-form .sppb-form-group.sppb-form-builder-field-1 .form-builder-radio-item,
.doctor-appointment .sppb-form-check .sppb-form-group.sppb-form-builder-field-1 .form-builder-radio-item,
.doctor-appointment .sppb-form-builder-btn .sppb-form-group.sppb-form-builder-field-1 .form-builder-radio-item {
    flex: 1 0 auto
}

.doctor-appointment .sppb-addon-form-builder-form .sppb-form-group.sppb-form-builder-field-1 .form-builder-radio-label,
.doctor-appointment .sppb-form-check .sppb-form-group.sppb-form-builder-field-1 .form-builder-radio-label,
.doctor-appointment .sppb-form-builder-btn .sppb-form-group.sppb-form-builder-field-1 .form-builder-radio-label {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    background: #fff;
    color: #6a6a6a;
    margin: 0px;
    padding: 13px 40px;
    border: 1px solid #dedede
}

.doctor-appointment .sppb-addon-form-builder-form .sppb-form-group.sppb-form-builder-field-1 .form-builder-radio-label:before,
.doctor-appointment .sppb-form-check .sppb-form-group.sppb-form-builder-field-1 .form-builder-radio-label:before,
.doctor-appointment .sppb-form-builder-btn .sppb-form-group.sppb-form-builder-field-1 .form-builder-radio-label:before {
    display: none
}

.doctor-appointment .sppb-addon-form-builder-form .sppb-form-group.sppb-form-builder-field-7,
.doctor-appointment .sppb-addon-form-builder-form .sppb-form-group.sppb-form-builder-field-8,
.doctor-appointment .sppb-form-check .sppb-form-group.sppb-form-builder-field-7,
.doctor-appointment .sppb-form-check .sppb-form-group.sppb-form-builder-field-8,
.doctor-appointment .sppb-form-builder-btn .sppb-form-group.sppb-form-builder-field-7,
.doctor-appointment .sppb-form-builder-btn .sppb-form-group.sppb-form-builder-field-8 {
    position: relative
}

.doctor-appointment .sppb-addon-form-builder-form .sppb-form-group.sppb-form-builder-field-7::before,
.doctor-appointment .sppb-addon-form-builder-form .sppb-form-group.sppb-form-builder-field-8::before,
.doctor-appointment .sppb-form-check .sppb-form-group.sppb-form-builder-field-7::before,
.doctor-appointment .sppb-form-check .sppb-form-group.sppb-form-builder-field-8::before,
.doctor-appointment .sppb-form-builder-btn .sppb-form-group.sppb-form-builder-field-7::before,
.doctor-appointment .sppb-form-builder-btn .sppb-form-group.sppb-form-builder-field-8::before {
    content: "";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    right: 30px;
    bottom: 24px;
    transform: translateY(50%);
    pointer-events: none;
    color: var(--sppb-text-primary-alpha-7)
}

.doctor-appointment .sppb-addon-form-builder-form .sppb-form-group.sppb-form-builder-field-8::before,
.doctor-appointment .sppb-form-check .sppb-form-group.sppb-form-builder-field-8::before,
.doctor-appointment .sppb-form-builder-btn .sppb-form-group.sppb-form-builder-field-8::before {
    right: 12px
}

.doctor-appointment .sppb-addon-form-builder-form select.sppb-form-control,
.doctor-appointment .sppb-form-check select.sppb-form-control,
.doctor-appointment .sppb-form-builder-btn select.sppb-form-control {
    padding: 0px 15px;
    height: 48px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.doctor-appointment .sppb-addon-form-builder-form .sppb-addon-title.sppb-form-builder-heading-2,
.doctor-appointment .sppb-form-check .sppb-addon-title.sppb-form-builder-heading-2,
.doctor-appointment .sppb-form-builder-btn .sppb-addon-title.sppb-form-builder-heading-2 {
    border-bottom: 1px solid #dedede;
    margin-bottom: 30px
}

.doctor-appointment .sppb-addon-form-builder-form .sppb-form-check-label::before,
.doctor-appointment .sppb-form-check .sppb-form-check-label::before,
.doctor-appointment .sppb-form-builder-btn .sppb-form-check-label::before {
    border: 1px solid #6a6a6a;
    border-radius: 4px
}

.doctor-appointment .sppb-addon-form-builder-form .sppb-form-check-input:checked+label::before,
.doctor-appointment .sppb-form-check .sppb-form-check-input:checked+label::before,
.doctor-appointment .sppb-form-builder-btn .sppb-form-check-input:checked+label::before {
    background: var(--sppb-color-primary)
}

.doctor-appointment .sppb-form-group.sppb-form-builder-field-3,
.doctor-appointment .sppb-form-group.sppb-form-builder-field-5,
.doctor-appointment .sppb-form-group.sppb-form-builder-field-7 {
    padding-right: 15px !important
}

.doctor-appointment .sppb-form-group.sppb-form-builder-field-4,
.doctor-appointment .sppb-form-group.sppb-form-builder-field-6,
.doctor-appointment .sppb-form-group.sppb-form-builder-field-8 {
    padding-left: 15px !important
}

.footer1 {
    font-size: 16px;
    line-height: 1;
    color: rgba(255, 255, 255, .6)
}

.footer2 {
    display: none
}

.zindex-2 {
    z-index: 2 !important
}

.zindex-5 {
    z-index: 5 !important
}

#sp-page-title .sp-page-title>.container {
    max-width: 1140px !important
}

.article-listing .article-list,
.article-grid-list .article-list,
.article-masonary .article-list {
    max-width: 1110px;
    margin: 0 auto
}

.articles-header-module .sppb-addon-module form.form-search {
    max-width: max-content;
    margin-left: auto
}

.articles-header-module .sppb-addon-module form.form-search input.js-finder-search-query.form-control {
    min-width: 310px;
    width: 100%;
    height: 48px;
    border-radius: 0;
    border-width: 1px;
    border-color: var(--sppb-text-primary-alpha-2);
    font-family: "Plus Jakarta Sans";
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.56px;
    color: var(--sppb-text-primary-alpha-5);
    background-color: rgba(0, 0, 0, 0)
}

.articles-header-module .sppb-addon-module form.form-search input::placeholder {
    font-family: "Plus Jakarta Sans";
    font-weight: 500;
    font-size: 16px;
    line-height: 132%;
    letter-spacing: -0.36px;
    color: var(--sppb-text-primary-alpha-5)
}

.articles-header-module .sppb-addon-module form.form-search .btn.btn-primary {
    position: absolute;
    right: 0;
    top: 50%;
    padding: 11px;
    margin-right: 2px;
    transform: translateY(-50%);
    color: var(--sppb-text-primary-alpha-5);
    border: none;
    background-color: var(--sppb-bg-primary)
}

.articles-header-module .sppb-addon-module form.form-search .btn.btn-primary .icon-search {
    position: relative
}

.articles-header-module .sppb-addon-module form.form-search .btn.btn-primary .icon-search::before {
    content: "";
    font-size: 20px
}

.pagination-wrapper .pagination {
    width: 100%;
    gap: 12px;
    margin-bottom: 50px !important;
    justify-content: center;
    padding-top: 20px
}

.pagination-wrapper .pagination .page-item .page-link {
    border-radius: 0
}

.pagination-wrapper .pagination .page-item .page-link:focus {
    box-shadow: none
}

.pagination-wrapper .pagination .page-item {
    border: none
}

.pagination-wrapper .pagination .page-item span:focus,
.pagination-wrapper .pagination .page-item span:hover {
    color: var(--sppb-text-varient-1)
}

.pagination-wrapper .pagination .page-item:first-child,
.pagination-wrapper .pagination .page-item:last-child {
    display: none
}

.pagination-wrapper .pagination .page-item:nth-child(2) {
    margin-right: 18px
}

.pagination-wrapper .pagination .page-item:nth-last-child(2) {
    margin-left: 18px
}

.pagination-wrapper .pagination .page-item .page-link {
    border: none
}

.view-category .addon-root-text-block:has(.heading-title-icon)::before,
.view-category .addon-root-heading:has(.title-border-icon)::before {
    border-color: var(--sppb-color-secondary)
}

.view-category #sp-page-title .sp-page-title>.container {
    max-width: 1140px !important
}

.view-category .article-list .article {
    position: relative;
    border: none;
    border-radius: 0
}

.view-category .article-list .article .article-intro-image {
    position: relative
}

.view-category .article-list .article .article-intro-image::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 10%;
    bottom: -10%;
    left: 0;
    background: linear-gradient(180deg, var(--sppb-bg-gradient-start) 0%, var(--sppb-bg-gradient-end) 100%);
    visibility: hidden;
    z-index: -1;
    transition: all .5s ease
}

.view-category .article-list .article .article-body {
    position: unset
}

.view-category .article-list .article .article-body .article-header>:first-child {
    margin-bottom: 16px;
    font-family: "Plus Jakarta Sans";
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -0.96px;
    color: var(--sppb-text-primary);
    transition: all .4s ease
}

.view-category .article-list .article .article-body .article-info {
    display: none
}

.view-category .article-list .article .article-body .article-introtext {
    font-family: "Plus Jakarta Sans";
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.56px;
    color: var(--sppb-text-varient-alpha-7)
}

.view-category .article-list .article .article-body .article-introtext p {
    margin: 0
}

.view-category .article-list .article .readmore {
    max-width: max-content;
    position: absolute;
    top: 240px;
    right: 36px;
    opacity: 0;
    z-index: -1;
    transform: translateY(20px);
    transition: all .6s ease
}

.view-category .article-list .article .readmore .sp-slider-btn-text {
    position: relative;
    width: 84px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 6px;
    border-radius: 60px;
    background: rgba(0, 0, 0, 0);
    border: rgba(0, 0, 0, 0);
    color: #fff;
    backdrop-filter: blur(1px) url("../images/glass.svg");
    box-shadow: inset -3.86px -4.6px 2px -4px rgba(255, 255, 255, .56), inset 5.14px 6.13px 2px -6px rgba(255, 255, 255, .8), -8.52px -10.15px 25px -25px rgba(255, 255, 255, .8) inset, 8.52px 10.15px 25px -25px rgba(0, 0, 0, .32) inset !important;
    transition: all .4s ease-in-out
}

.view-category .article-list .article .readmore .sp-slider-btn-text .sp-slider-btn-icon i,
.view-category .article-list .article .readmore .sp-slider-btn-text i {
    position: absolute;
    top: 50%;
    right: 6px;
    padding: 8px 18px;
    border-radius: 20px;
    color: var(--sppb-color-secondary);
    background: var(--bg-secondary, #f0f2f3);
    transform: translateY(-50%);
    transition: all .4s ease-in-out
}

.view-category .article-list .article .readmore .sp-slider-btn-text:hover .sp-slider-btn-icon i,
.view-category .article-list .article .readmore .sp-slider-btn-text:hover i {
    animation: moveLeftRight .7s ease-in-out 1
}

.view-category .article-list .article:hover .article-intro-image::before {
    height: 80%;
    visibility: visible;
    z-index: 1;
    cursor: pointer
}

.view-category .article-list .article:hover .readmore {
    opacity: 1;
    z-index: 999;
    transform: translateY(0)
}

.article-grid-list #sp-main-body {
    padding-top: 0;
    padding-bottom: 0
}

.article-grid-list #sp-main-body>.container {
    max-width: 100%;
    width: 100%
}

.article-grid-list .article-list {
    max-width: 1110px;
    margin: 0 auto
}

.article-grid-list .article-list>div>.row:nth-child(odd),
.article-grid-list .article-list>div>.row:nth-child(even) {
    z-index: 1
}

.article-grid-list .article-list>div>.row:nth-child(odd) .article,
.article-grid-list .article-list>div>.row:nth-child(even) .article {
    border: none
}

.article-grid-list .article-list>div>.row:nth-child(odd) .article a .article-intro-image,
.article-grid-list .article-list>div>.row:nth-child(even) .article a .article-intro-image {
    height: 300px;
    border-radius: 0;
    border: none
}

.article-grid-list .article-list>div>.row:nth-child(odd) .article a .article-intro-image>img,
.article-grid-list .article-list>div>.row:nth-child(even) .article a .article-intro-image>img {
    height: 100%;
    object-fit: cover;
    border-radius: 0;
    width: 100%
}

.article-grid-list .article-list>div>.row:nth-child(odd) .article .article-body,
.article-grid-list .article-list>div>.row:nth-child(even) .article .article-body {
    margin: 0 -20px
}

.article-grid-list .article-list>div>.row:nth-child(odd)>div:first-child:has(.article) {
    width: 41.666667%
}

.article-grid-list .article-list>div>.row:nth-child(odd)>div:last-child:has(.article) {
    width: 58.333333%
}

.article-grid-list .article-list>div>.row:nth-child(even)>div:first-child:has(.article) {
    width: 58.333333%
}

.article-grid-list .article-list>div>.row:nth-child(even)>div:last-child:has(.article) {
    width: 41.666667%
}

.view-category.article-listing #sp-main-body {
    padding-top: 0;
    padding-bottom: 0
}

.view-category.article-listing #sp-main-body>.container {
    max-width: 1920px !important;
    width: 100%
}

.view-category.article-listing .article-list .article {
    display: flex;
    column-gap: 50px;
    border: none
}

.view-category.article-listing .article-list .article .article-intro-image {
    width: 300px;
    height: 200px;
    margin-bottom: 0;
    border: none;
    border-radius: 0
}

.view-category.article-listing .article-list .article .article-intro-image img {
    border-radius: 0;
    height: 100%;
    width: 100%;
    object-fit: cover
}

.view-category.article-listing .article-list .article .article-body {
    margin-top: -20px;
    margin-right: -20px;
    position: relative
}

.view-category.article-listing .article-list .article .article-body .readmore {
    top: unset;
    left: -130px;
    bottom: 16px;
    transform: translateY(10px)
}

.view-category.article-listing .article-list .article:hover .readmore {
    transform: translateY(0)
}

.view-category.article-masonary #sp-main-body {
    padding-top: 0;
    padding-bottom: 0
}

.view-category.article-masonary #sp-main-body>.container {
    max-width: 1920px !important;
    width: 100%
}

.view-category.article-masonary .article-list.grid {
    gap: 30px
}

.view-category.article-masonary .article-list.grid .article {
    margin-bottom: 10px;
    border: none;
    border-radius: 0
}

.view-category.article-masonary .article-list.grid .article .article-intro-image {
    border-radius: 0
}

.view-category.article-masonary .article-list.grid .article .article-intro-image img {
    border-radius: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.view-category.article-masonary .article-list.grid .article .article-body {
    margin: 0 -20px;
    position: relative
}

.view-category.article-masonary .article-list.grid .article .article-body .readmore {
    position: absolute;
    top: -80px;
    right: 20px
}

.view-category.article-masonary .article-list.grid .article:nth-child(1) .article-intro-image,
.view-category.article-masonary .article-list.grid .article:nth-child(4) .article-intro-image,
.view-category.article-masonary .article-list.grid .article:nth-child(5) .article-intro-image {
    height: 236px
}

.view-category.article-masonary .article-list.grid .article:nth-child(2) .article-intro-image,
.view-category.article-masonary .article-list.grid .article:nth-child(3) .article-intro-image,
.view-category.article-masonary .article-list.grid .article:nth-child(6) .article-intro-image {
    height: 400px
}

.view-article .articles-header-module,
.view-article .articles-bottom-module {
    display: none
}

.view-article #sp-main>#sp-page-title {
    display: none
}

.view-article #sp-main-body {
    padding-top: 0
}

.view-article #sp-main-body>.container {
    max-width: 100%;
    width: 100%
}

.view-article #sp-main-body>.container div[itemprop=articleBody],
.view-article #sp-main-body>.container .pagenavigation,
.view-article #sp-main-body>.container .related-article-list-container {
    max-width: 730px;
    margin: 0 auto;
    padding-bottom: 0
}

.view-article .article-header-container {
    position: relative;
    margin-bottom: 100px
}

.view-article .article-header-container .article-full-image {
    margin: 0 -15px;
    position: relative;
    overflow: hidden
}

.view-article .article-header-container .article-full-image::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 70%;
    bottom: -3%;
    left: 0;
    background: linear-gradient(180deg, var(--sppb-bg-gradient-start) 0%, var(--sppb-bg-gradient-end) 100%);
    z-index: 1
}

.view-article .article-header-container .article-full-image img {
    border-radius: 0;
    object-fit: cover;
    width: 100%;
    min-height: 410px;
    max-height: 556px;
    height: 100%
}

.view-article .article-header-container .article-header-info {
    max-width: 1110px;
    position: absolute;
    left: 50%;
    bottom: 104px;
    width: 100%;
    transform: translateX(-50%);
    z-index: 1
}

.view-article .article-header-container .article-header-info .article-header {
    position: relative
}

.view-article .article-header-container .article-header-info .article-header>:first-child {
    font-family: "Plus Jakarta Sans";
    font-size: 84px !important;
    line-height: 80px;
    font-weight: 500;
    letter-spacing: -3.36px
}

.view-article .article-header-container .article-header-info .article-header::before {
    content: "";
    position: absolute;
    top: -46px;
    left: 5px;
    width: 16px;
    height: 16px;
    border-width: 3px 0 0 3px;
    border-style: solid;
    border-color: var(--sppb-bg-primary);
    z-index: 1
}

.view-article .article-header-container .article-header-info .article-info {
    margin-left: -12px;
    margin-top: 30px
}

.view-article .article-header-container .article-header-info .article-info .category-name::before,
.view-article .article-header-container .article-header-info .article-info .published::before,
.view-article .article-header-container .article-header-info .article-info .createdby::before {
    content: "";
    padding: 0 !important;
    margin-right: 12px;
    margin-left: 12px;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    background-color: #f0f8ff
}

.view-article .article-header-container .article-header-info .article-info .category-name a,
.view-article .article-header-container .article-header-info .article-info .category-name,
.view-article .article-header-container .article-header-info .article-info .published,
.view-article .article-header-container .article-header-info .article-info .createdby {
    margin-right: 0;
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: var(--sppb-text-varient-1)
}

.view-article .article-ratings-social-share {
    max-width: 730px;
    margin: 0 auto;
    border-color: var(--sppb-border-primary)
}

.view-article .article-ratings-social-share .social-share-block {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.view-article .article-ratings-social-share .social-share-block>.title {
    margin: 0;
    color: var(--sppb-text-secondary);
    font-family: "Plus Jakarta Sans";
    font-weight: 400;
    font-size: 20px;
    line-height: 29px;
    letter-spacing: -0.34px
}

.view-article .article-ratings-social-share .social-share-block .social-share-icon ul li:not(:last-child) {
    margin-right: 16px
}

.view-article .article-ratings-social-share .social-share-block .social-share-icon ul li>a {
    height: 48px;
    width: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0;
    font-size: 20px;
    border: none;
    color: var(--sppb-color-secondary);
    background-color: var(--sppb-bg-card-primary);
    transition: all .5 ease
}

.view-article .article-ratings-social-share .social-share-block .social-share-icon ul li>a svg {
    height: 16px;
    width: 16px !important;
    top: 0 !important;
    color: var(--sppb-color-secondary);
    transition: all .5 ease
}

.view-article .article-ratings-social-share .social-share-block .social-share-icon ul li>a:hover {
    background-color: var(--sppb-color-secondary);
    color: var(--sppb-text-varient-1)
}

.view-article .article-ratings-social-share .social-share-block .social-share-icon ul li>a:hover svg {
    color: var(--sppb-text-varient-1)
}

.view-article .pagenavigation {
    padding: 50px 0
}

.view-article .pagenavigation .pagination a.btn-secondary {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 -15px;
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: -0.56px;
    color: var(--sppb-text-secondary);
    text-transform: lowercase;
    border: none;
    background-color: rgba(0, 0, 0, 0)
}

.view-article .pagenavigation .pagination a.btn-secondary .icon-chevron-right,
.view-article .pagenavigation .pagination a.btn-secondary .icon-chevron-left {
    font-size: 14px;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 700 !important
}

.view-article .pagenavigation .pagination a.btn-secondary:hover {
    color: var(--sppb-color-secondary)
}

.view-article .related-article-list-container {
    margin-bottom: 50px !important
}

.view-article .related-article-list-container .related-article-title {
    margin: 0;
    padding-bottom: 24px;
    font-family: "Plus Jakarta Sans";
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -0.4px;
    color: var(--sppb-text-secondary);
    border: none
}

.view-article .related-article-list-container .article-list.related-article-list>.row>div.col-lg-6 {
    width: 50%
}

.view-article .related-article-list-container .article-list.related-article-list .article {
    border: none;
    transition: all .5s ease;
    margin-bottom: 20px
}

.view-article .related-article-list-container .article-list.related-article-list .article .article-full-image {
    height: 300px;
    margin-bottom: 30px;
    position: relative
}

.view-article .related-article-list-container .article-list.related-article-list .article .article-full-image>img {
    object-fit: cover;
    height: 100%
}

.view-article .related-article-list-container .article-list.related-article-list .article .article-header {
    margin: 0 -20px;
    transition: all .5s ease
}

.view-article .related-article-list-container .article-list.related-article-list .article .article-header :first-child {
    margin: 0;
    font-family: "Plus Jakarta Sans";
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -1.36px;
    color: var(--sppb-text-primary)
}

.view-article .related-article-list-container .article-list.related-article-list .article .article-info {
    display: none
}

.view-article .related-article-list-container .article-list.related-article-list .article:hover .article-header a {
    color: var(--sppb-color-secondary)
}

.addon-root-text-block:has(.heading-title-icon),
.addon-root-heading:has(.title-border-icon) {
    position: relative
}

.addon-root-text-block:has(.heading-title-icon)::before,
.addon-root-heading:has(.title-border-icon)::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 16px;
    height: 16px;
    border-width: 3px 0 0 3px;
    border-style: solid;
    border-color: var(--sppb-color-secondary);
    z-index: 1
}

.program-offer-collection .sppb-dynamic-content-collection__item {
    position: relative
}

.program-offer-collection .sppb-dynamic-content-collection__item::before {
    content: "";
    position: absolute;
    top: -40px;
    left: 0px;
    width: 16px;
    height: 16px;
    border-width: 3px 0 0 3px;
    border-style: solid;
    border-color: var(--sppb-color-secondary);
    z-index: 1
}

.program-offer-collection .sppb-dynamic-content-collection__item>.sppb-addon-wrapper {
    overflow: hidden
}

.program-offer-collection .sppb-dynamic-content-collection__item .program-offer-title {
    transition: all .5s ease
}

.program-offer-collection .sppb-dynamic-content-collection__item .addon-root-dynamic-content-image {
    position: relative
}

.program-offer-collection .sppb-dynamic-content-collection__item .addon-root-dynamic-content-image .sppb-dynamic-content-image-wrapper {
    overflow: hidden;
    position: relative
}

.program-offer-collection .sppb-dynamic-content-collection__item .addon-root-dynamic-content-image .sppb-dynamic-content-image-wrapper::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 20%;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, var(--sppb-bg-gradient-start) 0%, var(--sppb-bg-gradient-end) 100%);
    visibility: hidden;
    transition: all .5s ease
}

.program-offer-collection .sppb-dynamic-content-collection__item .addon-root-dynamic-content-image .sppb-dynamic-content-image-wrapper img {
    transition: all .5s ease
}

.program-offer-collection .sppb-dynamic-content-collection__item .program-offer-media-container {
    position: relative;
    overflow: hidden
}

.program-offer-collection .sppb-dynamic-content-collection__item .program-offer-media-container .sppb-addon-wrapper:has(.offer-price-container),
.program-offer-collection .sppb-dynamic-content-collection__item .program-offer-media-container .sppb-addon-wrapper:has(.expart-button-container) {
    position: absolute;
    right: 15px;
    left: 15px;
    bottom: 15px;
    z-index: 2;
    transition: transform .4s ease-in-out
}

.program-offer-collection .sppb-dynamic-content-collection__item .program-offer-media-container .sppb-addon-wrapper:has(.offer-price-container) .addon-root-dynamic-content-text {
    max-width: max-content;
    margin-left: auto
}

.program-offer-collection .sppb-dynamic-content-collection__item .program-offer-media-container .sppb-addon-wrapper:has(.expart-button-container) {
    visibility: hidden;
    z-index: -3;
    transform: translateY(100%);
    transition: visibility .4s ease, transform .5s ease, z-index .1s ease
}

.program-offer-collection .sppb-dynamic-content-collection__item .program-offer-media-container .sppb-addon-wrapper:has(.expart-button-container) .sppb-button-wrapper .sppb-btn {
    padding: 5px 6px 5px 30px
}

.program-offer-collection .sppb-dynamic-content-collection__item .program-offer-media-container .sppb-addon-wrapper:has(.expart-button-container) .sppb-button-wrapper .sppb-btn>.icon {
    padding: 4px 12px;
    border-radius: 80px;
    color: var(--sppb-color-secondary);
    background-color: var(--sppb-bg-primary)
}

.program-offer-collection .sppb-dynamic-content-collection__item:hover .program-offer-title {
    color: var(--sppb-color-secondary) !important;
    cursor: pointer
}

.program-offer-collection .sppb-dynamic-content-collection__item:hover .addon-root-dynamic-content-image .sppb-dynamic-content-image-wrapper::before {
    height: 100%;
    visibility: visible;
    z-index: 1;
    cursor: pointer
}

.program-offer-collection .sppb-dynamic-content-collection__item:hover .addon-root-dynamic-content-image .sppb-dynamic-content-image-wrapper img {
    transform: scale(1.1)
}

.program-offer-collection .sppb-dynamic-content-collection__item:hover .sppb-addon-wrapper:has(.offer-price-container) {
    transform: translateY(100px)
}

.program-offer-collection .sppb-dynamic-content-collection__item:hover .sppb-addon-wrapper:has(.expart-button-container) {
    visibility: visible;
    z-index: 3;
    transform: translateY(0%)
}

.program-offer-details-main-section .addon-root-dynamic-content-text:has(.program-offer-details-title) {
    max-width: 1140px;
    padding: 0 15px;
    width: 100%;
    position: absolute;
    left: 50%;
    bottom: 144px;
    z-index: 99;
    transform: translateX(-50%)
}

.program-offer-details-main-section .addon-root-dynamic-content-text:has(.program-offer-details-title)::before {
    content: "";
    position: absolute;
    top: -44px;
    left: 15px;
    width: 16px;
    height: 16px;
    border-width: 3px 0 0 3px;
    border-style: solid;
    border-color: var(--sppb-text-varient-1);
    z-index: 1
}

.program-offer-details-main-section .addon-root-dynamic-content-text:has(.program-offer-details-title) .program-offer-details-title {
    max-width: 700px
}

.program-offer-details-main-section .program-offer-details-section {
    width: 100%;
    position: absolute !important;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%)
}

.program-offer-details-main-section .sppb-dynamic-content-image-wrapper.doctor-image {
    position: relative;
    overflow: hidden
}

.program-offer-details-main-section .sppb-dynamic-content-image-wrapper.doctor-image::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 70%;
    bottom: -3%;
    left: 0;
    background: linear-gradient(180deg, var(--sppb-bg-gradient-start) 0%, var(--sppb-bg-gradient-end) 100%);
    z-index: 1
}

.program-offer-details-main-section .duration-container,
.program-offer-details-main-section .location-container {
    position: relative
}

.program-offer-details-main-section .duration-container::before,
.program-offer-details-main-section .location-container::before {
    content: "";
    font-family: "icomoon" !important;
    position: absolute;
    left: 0;
    top: 50%;
    font-size: 22px;
    font-weight: 900;
    color: var(--sppb-color-secondary);
    transform: translateY(-50%)
}

.program-offer-details-main-section .location-container::before {
    content: ""
}

.key-component-list .sppb-addon-content ul {
    padding-left: 25px
}

.key-component-list .sppb-addon-content ul>li {
    position: relative;
    list-style: none;
    margin-bottom: 8px
}

.key-component-list .sppb-addon-content ul>li::before {
    content: "";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    left: -25px;
    top: 50%;
    font-size: 18px;
    font-weight: 500;
    color: var(--sppb-color-secondary);
    transform: translateY(-50%)
}

.program-offer-details-accordion .sppb-panel-group .sppb-panel-modern {
    margin-bottom: 8px
}

.program-offer-details-accordion .sppb-panel-group .sppb-panel-modern .sppb-panel-heading {
    padding: 22px;
    padding-left: 36px;
    background-color: var(--sppb-bg-primary);
    transition: background-color .5s ease, transform .4s ease
}

.program-offer-details-accordion .sppb-panel-group .sppb-panel-modern .sppb-panel-heading .sppb-panel-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    font-family: "Plus Jakarta Sans";
    font-weight: 600;
    font-size: 20px;
    line-height: 29px;
    letter-spacing: -0.34px;
    color: var(--sppb-text-primary);
    transition: color .5s ease
}

.program-offer-details-accordion .sppb-panel-group .sppb-panel-modern .sppb-panel-heading .sppb-panel-title>i.icon {
    font-size: 42px;
    color: var(--sppb-text-primary)
}

.program-offer-details-accordion .sppb-panel-group .sppb-panel-modern .sppb-panel-heading .sppb-toggle-direction {
    display: none
}

.program-offer-details-accordion .sppb-panel-group .sppb-panel-modern .sppb-panel-heading.active {
    background-color: var(--sppb-color-secondary)
}

.program-offer-details-accordion .sppb-panel-group .sppb-panel-modern .sppb-panel-heading.active .sppb-panel-title {
    color: var(--sppb-text-varient-1) !important
}

.program-offer-details-accordion .sppb-panel-group .sppb-panel-modern .sppb-panel-body {
    padding: 20px 16px;
    border: none
}

.medical-field-experience {
    position: relative
}

.medical-field-experience .addon-root-animated-number:has(.experience-number) {
    position: absolute;
    right: 30px;
    bottom: 30px;
    background: rgba(255, 255, 255, .9);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(8px)
}

.medical-field-experience .addon-root-animated-number:has(.experience-number) .sppb-animated-number-title {
    max-width: 211px
}

.medical-field-experience .addon-root-animated-number:has(.experience-number) .sppb-animated-number-title {
    text-align: left
}

.sppb-addon-tab.about-story-tab .sppb-pills-tab {
    flex-direction: column-reverse
}

.sppb-addon-tab.about-story-tab .sppb-pills-tab .sppb-nav.sppb-nav-pills {
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
    flex-wrap: nowrap !important;
    overflow-x: scroll !important;
    border-block: 1px solid var(--sppb-border-primary);
    background-color: var(--sppb-bg-primary);
    scrollbar-width: none;
    -ms-overflow-style: none
}

.sppb-addon-tab.about-story-tab .sppb-pills-tab .sppb-nav.sppb-nav-pills .sppb-nav.sppb-nav-pills::-webkit-scrollbar {
    display: none
}

.sppb-addon-tab.about-story-tab .sppb-pills-tab .sppb-nav.sppb-nav-pills>li:not(:last-child) {
    margin-right: 98px
}

.sppb-addon-tab.about-story-tab .sppb-pills-tab .sppb-nav.sppb-nav-pills li>a {
    min-width: 131px;
    width: max-content;
    display: flex;
    gap: 50px;
    flex-direction: column;
    align-items: center;
    padding: 12px 18px;
    font-family: "Plus Jakarta Sans";
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -0.68px;
    color: var(--sppb-color-secondary);
    border-radius: 0
}

.sppb-addon-tab.about-story-tab .sppb-pills-tab .sppb-nav.sppb-nav-pills li>a .sppb-tab-subtitle {
    position: relative;
    font-family: "Plus Jakarta Sans";
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.56px;
    color: var(--sppb-text-primary-alpha-5)
}

.sppb-addon-tab.about-story-tab .sppb-pills-tab .sppb-nav.sppb-nav-pills li>a .sppb-tab-subtitle::before {
    content: "";
    position: absolute;
    top: -36px;
    left: 50%;
    width: 20px;
    height: 20px;
    border: 4px solid var(--sppb-bg-primary);
    border-radius: 100%;
    background-color: var(--sppb-color-secondary);
    box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, .1019607843), 0px 4px 6px -1px rgba(0, 0, 0, .1019607843), 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0);
    transform: translateX(-50%)
}

.sppb-addon-tab.about-story-tab .sppb-pills-tab .sppb-nav.sppb-nav-pills li.active a {
    color: var(--sppb-text-varient-1) !important;
    background-color: var(--sppb-color-secondary) !important;
    border-radius: 0 !important
}

.sppb-addon-tab.about-story-tab .sppb-pills-tab .sppb-nav.sppb-nav-pills li.active a .sppb-tab-subtitle {
    color: var(--sppb-text-varient-1-alpha-7) !important
}

.faq-main-section .sppb-pills-tab .sppb-nav.sppb-nav-pills {
    width: 100%;
    padding: 8px 0;
    margin-bottom: 30px;
    border-bottom: 1px solid var(--sppb-border-primary);
    flex-wrap: nowrap;
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.faq-main-section .sppb-pills-tab .sppb-nav.sppb-nav-pills .sppb-nav.sppb-nav-pills::-webkit-scrollbar {
    display: none
}

.faq-main-section .sppb-pills-tab .sppb-nav.sppb-nav-pills>li:not(:last-child) {
    margin-right: 76px
}

.faq-main-section .sppb-pills-tab .sppb-nav.sppb-nav-pills li {
    margin-bottom: 12px
}

.faq-main-section .sppb-pills-tab .sppb-nav.sppb-nav-pills li+li {
    margin-left: 0 !important
}

.faq-main-section .sppb-pills-tab .sppb-nav.sppb-nav-pills li>a {
    width: max-content;
    padding: 10px 16px;
    font-family: "Plus Jakarta Sans";
    font-weight: 500;
    font-size: 20px;
    line-height: 29px;
    letter-spacing: -0.36px;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0 !important
}

.faq-main-section .sppb-pills-tab .sppb-nav.sppb-nav-pills li.active a {
    background-color: var(--sppb-color-secondary) !important;
    color: var(--sppb-text-varient-1) !important
}

.faq-main-section .sppb-pills-tab .sppb-tab-content.sppb-tab-pills-content>.sppb-tab-pane.sppb-fade>div.sppb-section {
    padding: 0 !important
}

.faq-main-section .sppb-addon-accordion .sppb-panel-group .sppb-panel-faq {
    margin-bottom: 24px;
    background-color: var(--sppb-bg-card-primary)
}

.faq-main-section .sppb-addon-accordion .sppb-panel-group .sppb-panel-faq .sppb-panel-heading {
    padding: 22px 30px;
    border: none
}

.faq-main-section .sppb-addon-accordion .sppb-panel-group .sppb-panel-faq .sppb-panel-heading .sppb-panel-title {
    display: inline-block;
    max-width: calc(100% - 50px);
    font-family: "Plus Jakarta Sans";
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -0.4px;
    transition: color .4s ease
}

.faq-main-section .sppb-addon-accordion .sppb-panel-group .sppb-panel-faq .sppb-panel-heading .sppb-toggle-direction {
    right: 30px;
    height: 50px;
    width: 50px
}

.faq-main-section .sppb-addon-accordion .sppb-panel-group .sppb-panel-faq .sppb-panel-heading .sppb-toggle-direction::before,
.faq-main-section .sppb-addon-accordion .sppb-panel-group .sppb-panel-faq .sppb-panel-heading .sppb-toggle-direction::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 2.5px;
    border-radius: 3px;
    background-color: var(--sppb-bg-secondary);
    transform: translate(-50%, -50%);
    transition: all .4s ease
}

.faq-main-section .sppb-addon-accordion .sppb-panel-group .sppb-panel-faq .sppb-panel-heading .sppb-toggle-direction::after {
    width: 2.5px;
    height: 20px;
    transform: translate(-50%, -50%) rotate(0deg)
}

.faq-main-section .sppb-addon-accordion .sppb-panel-group .sppb-panel-faq .sppb-panel-heading .sppb-toggle-direction>i.fa {
    display: none
}

.faq-main-section .sppb-addon-accordion .sppb-panel-group .sppb-panel-faq .sppb-panel-heading.active .sppb-panel-title {
    color: var(--sppb-color-secondary)
}

.faq-main-section .sppb-addon-accordion .sppb-panel-group .sppb-panel-faq .sppb-panel-heading.active .sppb-toggle-direction::before {
    transform: translate(-50%, -50%) rotate(90deg);
    background-color: var(--sppb-color-secondary)
}

.faq-main-section .sppb-addon-accordion .sppb-panel-group .sppb-panel-faq .sppb-panel-heading.active .sppb-toggle-direction::after {
    background-color: var(--sppb-color-secondary)
}

.faq-main-section .sppb-addon-accordion .sppb-panel-group .sppb-panel-faq .sppb-panel-body {
    border: none;
    max-width: 714px;
    margin: 0 80px 0 30px;
    padding: 0 0 30px 0
}

.sppb-section.contact-location-map .sppb-column>.sppb-column-addons {
    position: relative
}

.sppb-section.contact-location-map .sppb-addon-wrapper:has(.contact-location-info) {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 15px;
    position: absolute;
    top: 0;
    height: 100%;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    z-index: 11
}

.sppb-section.contact-location-map .sppb-addon-wrapper:has(.contact-location-info) .sppb-addon-wrapper:has(.contact-location-info-details) {
    max-width: 382px;
    width: 100%;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 22
}

html.error-page .container>.error-code {
    position: relative;
    letter-spacing: 2px
}

html.error-page .container>.error-code::before {
    content: "";
    position: absolute;
    top: 53%;
    left: 50%;
    width: 250px;
    height: 250px;
    background: url("../images/404-bg.svg") no-repeat center/contain;
    transform: translate(-50%, -50%)
}

html.error-page .container>.error-message {
    font-family: "Plus Jakarta Sans";
    font-weight: 500;
    font-size: 48px;
    line-height: 52px;
    letter-spacing: -0.36px
}

html.error-page .container>.btn.btn-secondary {
    font-family: "Plus Jakarta Sans";
    font-weight: 600;
    font-size: 16px;
    line-height: 132%;
    letter-spacing: -0.56px;
    color: #fff;
    padding: 13px 40px;
    border-radius: 0;
    background-color: var(--nb-ink);
    border: none
}

.home-article-listing .sppb-row>.sppb-addon-article-layout:first-child {
    flex: 0 0 41.6667%;
    max-width: 41.6667%;
    width: 100%
}

.home-article-listing .sppb-row>.sppb-addon-article-layout:last-child {
    flex: 0 0 58.3333%;
    max-width: 58.3333%;
    width: 100%
}

.home-article-listing .sppb-row>.sppb-addon-article-layout .sppb-addon-article-layout-content .sppb-article-img-wrap {
    position: relative
}

.home-article-listing .sppb-row>.sppb-addon-article-layout .sppb-addon-article-layout-content .sppb-article-img-wrap::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 10%;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, var(--sppb-bg-gradient-start) 0%, var(--sppb-bg-gradient-end) 100%);
    visibility: hidden;
    z-index: -1;
    transition: all .4s ease
}

.home-article-listing .sppb-row>.sppb-addon-article-layout .sppb-addon-article-layout-content .sppb-article-img-wrap .sppb-img-responsive {
    height: 300px;
    object-fit: cover
}

.home-article-listing .sppb-row>.sppb-addon-article-layout .sppb-addon-article-layout-content .sppb-article-info-wrap {
    position: relative
}

.home-article-listing .sppb-row>.sppb-addon-article-layout .sppb-addon-article-layout-content .sppb-article-info-wrap .sppb-readmore {
    position: absolute;
    top: -70px;
    right: 20px;
    display: inline-block;
    width: 84px;
    height: 42px;
    border-radius: 60px;
    background: rgba(0, 0, 0, 0);
    border: rgba(0, 0, 0, 0);
    color: #fff;
    opacity: 0;
    z-index: -2;
    backdrop-filter: blur(1px) url("#liquid-glass-simple");
    box-shadow: inset -3.86px -4.6px 2px -4px rgba(255, 255, 255, .56), inset 5.14px 6.13px 2px -6px rgba(255, 255, 255, .8), inset -8.52px -10.15px 25px -25px rgba(255, 255, 255, .8), inset 8.52px 10.15px 25px -25px rgba(0, 0, 0, .32) !important;
    transition: all .5s ease
}

.home-article-listing .sppb-row>.sppb-addon-article-layout .sppb-addon-article-layout-content .sppb-article-info-wrap .sppb-readmore::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 6px;
    width: 48px;
    height: 32px;
    font-family: "icomoon" !important;
    font-size: 26px;
    font-weight: 500;
    color: var(--sppb-color-secondary);
    border-radius: 60px;
    background-color: var(--sppb-bg-primary);
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(-50%)
}

.home-article-listing .sppb-row>.sppb-addon-article-layout .sppb-addon-article-layout-content .sppb-article-info-wrap .sppb-readmore:hover::before {
    animation: moveLeftRight .7s ease-in-out 1
}

.home-article-listing .sppb-row>.sppb-addon-article-layout .sppb-addon-article-layout-content:hover .sppb-article-img-wrap::before {
    height: 80%;
    visibility: visible;
    z-index: 1;
    cursor: pointer;
    transition: all .4s ease
}

.home-article-listing .sppb-row>.sppb-addon-article-layout .sppb-addon-article-layout-content:hover .sppb-article-info-wrap .sppb-readmore {
    position: absolute;
    top: -90px;
    opacity: 1;
    z-index: 22;
    transition: all .5s ease
}

.services-list-section .services-list {
    position: relative
}

.services-list-section .services-list::before {
    content: "";
    position: absolute;
    top: -700px;
    bottom: 180px;
    opacity: .5;
    width: 1px;
    height: 2000px;
    left: calc(41.7% + 14px);
    background-color: var(--sppb-border-primary);
    z-index: -1
}

.hero-slider .sp-slider-outer-stage .sp-item .sppb-container {
    max-width: 1140px
}

.hero-slider .sp-slider-outer-stage .sp-item .sppb-container [class^=sp-slider-content-align-] {
    width: 68%;
    max-width: 700px;
    margin-left: auto;
    margin-top: 18%
}

.hero-slider .sp-slider-outer-stage .sp-item .sppb-container .for-controler {
    display: none
}

.hero-slider .sp-slider-custom-dot-indecators {
    position: absolute;
    left: 50%;
    bottom: 0px;
    right: unset;
    width: 100%;
    max-width: 1140px;
    padding: 0px 15px;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0)
}

.hero-slider .sp-slider-custom-dot-indecators ul {
    width: 100% !important;
    padding-left: 42.666667%
}

.hero-slider .sp-slider-custom-dot-indecators ul:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 150%;
    left: 42.666667%;
    margin-top: -1px;
    background-color: var(--sppb-border-varient-alpha-5)
}

.hero-slider .sp-slider-custom-dot-indecators ul li {
    width: 30% !important;
    max-width: 210px !important;
    margin: 0px;
    padding: 30px 40px 30px 30px;
    border-right: 1px solid rgba(255, 255, 255, .4);
    backdrop-filter: blur(1px) saturate(100%);
    background-color: rgba(255, 255, 255, .05);
    transition: all .3s ease-in-out
}

.hero-slider .sp-slider-custom-dot-indecators ul li .sp-slider-text-thumb-number,
.hero-slider .sp-slider-custom-dot-indecators ul li .sp-dot-indicator-wrap,
.hero-slider .sp-slider-custom-dot-indecators ul li .for-slider {
    display: none
}

.hero-slider .sp-slider-custom-dot-indecators ul li svg {
    max-width: 48px;
    display: block;
    margin-bottom: 15px
}

.hero-slider .sp-slider-custom-dot-indecators ul li .sp-slider-dot-indecator-text {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.45px;
    color: var(--sppb-text-varient-1);
    margin: 0px
}

.hero-slider .sp-slider-custom-dot-indecators ul li.active,
.hero-slider .sp-slider-custom-dot-indecators ul li:hover {
    backdrop-filter: blur(5px) saturate(200%);
    filter: drop-shadow(2px 4px 6px var(--sppb-color-primary))
}

.hero-slider .icon-btn.btn-glass .sp-slider-btn-text {
    position: relative;
    height: 42px;
    width: 84px;
    border-radius: 60px;
    background: rgba(0, 0, 0, 0);
    border: rgba(0, 0, 0, 0);
    color: #fff;
    backdrop-filter: blur(1px) url(../images/glass.svg);
    box-shadow: inset 0px -2px 0px -1px rgba(255, 255, 255, .7), inset 0px 2px 0px -1px rgba(255, 255, 255, .7), inset -8.52px -10.15px 25px -25px rgba(255, 255, 255, .8), inset 8.52px 10.15px 25px -25px rgba(0, 0, 0, .32) !important;
    transition: all .4s ease-in-out
}

.hero-slider .icon-btn.btn-glass .sp-slider-btn-text .sp-slider-btn-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 6px
}

.hero-slider .icon-btn.btn-glass .sp-slider-btn-text .sp-slider-btn-icon i,
.hero-slider .icon-btn.btn-glass .sp-slider-btn-text i {
    padding: 8px 16px;
    border-radius: 20px;
    color: var(--sppb-color-secondary);
    background: var(--bg-secondary, #f0f2f3);
    transition: all .4s ease-in-out
}

.hero-slider .icon-btn.btn-glass .sp-slider-btn-text:hover {
    backdrop-filter: blur(5px) url(../images/glass.svg)
}

.hero-slider .icon-btn.btn-glass .sp-slider-btn-text:hover .sp-slider-btn-icon {
    animation: moveLeftRight .7s ease-in-out 1
}

.action-widget {
    backdrop-filter: blur(1px) url(#liquid-glass-modern)
}

.services-list {
    column-gap: unset !important;
    row-gap: unset !important;
    grid-template-columns: unset !important;
    display: -ms-flexbox;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0px -15px
}

.services-list .sppb-dynamic-content-collection__item {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-bottom: 48px
}

.services-list .sppb-dynamic-content-collection__item .before-element:before {
    border-color: var(--sppb-color-secondary);
    transform: translate(0px, -40px)
}

.services-list .sppb-dynamic-content-collection__item .service-short-list.sppb-dynamic-content-text {
    display: inline-block
}

.services-list .sppb-dynamic-content-collection__item .service-short-list.sppb-dynamic-content-text ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    gap: 45px
}

.services-list .sppb-dynamic-content-collection__item .service-short-list.sppb-dynamic-content-text ul li {
    display: inline-block
}

.services-list .sppb-dynamic-content-collection__item .service-img {
    position: relative;
    overflow: hidden;
    transition: all .3s ease-in-out
}

.services-list .sppb-dynamic-content-collection__item .service-img img {
    transform-origin: top left;
    transition: all .3s ease-in-out
}

.services-list .sppb-dynamic-content-collection__item .service-img:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 0px;
    left: 0px;
    background: linear-gradient(180deg, transparent, transparent 100%);
    transition: all .3s ease-in-out
}

.services-list .sppb-dynamic-content-collection__item .caption {
    position: absolute;
    bottom: 0px;
    width: 100%;
    padding: 0px 30px 15px;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out
}

.services-list .sppb-dynamic-content-collection__item:hover .before-element:before {
    transform: translate(0px, -45px)
}

.services-list .sppb-dynamic-content-collection__item:hover .caption {
    opacity: 1;
    visibility: visible
}

.services-list .sppb-dynamic-content-collection__item:hover .service-img img {
    transform: scale(1.01)
}

.services-list .sppb-dynamic-content-collection__item:hover .service-img:after {
    height: 100%;
    background: linear-gradient(180deg, var(--sppb-bg-gradient-start) 0%, var(--sppb-bg-gradient-end) 100%)
}

.services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(4n-3):nth-child(odd),
.services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(2n+2):nth-child(even) {
    width: 58.3%
}

.services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(4n-3):nth-child(odd) .service-img,
.services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(2n+2):nth-child(even) .service-img {
    max-height: 300px
}

.services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(4n-3):nth-child(odd) .service-short-list.sppb-dynamic-content-text ul li:nth-child(4),
.services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(2n+2):nth-child(even) .service-short-list.sppb-dynamic-content-text ul li:nth-child(4) {
    display: block
}

.services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(4n-2):nth-child(even),
.services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(4n-1):nth-child(odd) {
    width: 41.7%
}

.services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(4n-2):nth-child(even) .service-img,
.services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(4n-1):nth-child(odd) .service-img {
    min-height: 300px
}

.services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(4n-2):nth-child(even) .service-img img,
.services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(4n-1):nth-child(odd) .service-img img {
    min-height: 300px;
    object-fit: cover
}

.services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(4n-2):nth-child(even) .service-short-list.sppb-dynamic-content-text ul li:nth-child(4),
.services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(4n-1):nth-child(odd) .service-short-list.sppb-dynamic-content-text ul li:nth-child(4) {
    display: none
}

.services-list.services-masonry2 {
    flex-direction: row-reverse
}

.sppb-dynamic-content-collection__pagination .sppb-btn.sppb-btn-link {
    padding: 0px !important;
    border: 0px !important;
    color: var(--sppb-text-primary);
    position: relative
}

.sppb-dynamic-content-collection__pagination .sppb-btn.sppb-btn-link::after,
.sppb-dynamic-content-collection__pagination .sppb-btn.sppb-btn-link:before {
    content: "";
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    letter-spacing: 4px;
    font-size: 45%;
    padding-left: 10px;
    top: -0.15rem;
    position: relative;
    color: var(--sppb-color-secondary)
}

.sppb-dynamic-content-collection__pagination .sppb-btn.sppb-btn-link:before {
    position: absolute;
    top: 50%;
    right: -1.8em;
    transform: translateY(-51%)
}

.sppb-dynamic-content-collection__pagination .sppb-btn.sppb-btn-link:hover {
    text-decoration: none;
    color: var(--sppb-color-primary)
}

.sppb-dynamic-content-collection__pagination .sppb-btn.sppb-btn-link:hover::after,
.sppb-dynamic-content-collection__pagination .sppb-btn.sppb-btn-link:hover:before {
    animation: dotspace 2s ease infinite
}

.sppb-dynamic-content-collection__pagination .sppb-btn.sppb-btn-link:hover:before {
    animation-delay: .2s
}

.tab-style1 .sppb-tab {
    flex-direction: column;
    flex-direction: column-reverse
}

.tab-style1 .sppb-tab-content>.sppb-tab-pane {
    padding: 105px 0px 95px
}

.tab-style1 .sppb-container-inner {
    max-width: 1140px;
    margin: 0px auto;
    padding: 0px 15px
}

.tab-style1 .ratting-ico .sppb-icon-inner i {
    letter-spacing: 8px
}

.tab-style1 .sppb-nav-tabs {
    width: 100%;
    border: 0px;
    display: flex;
    flex-wrap: unset;
    overflow-x: scroll;
    padding: 1px 0px;
    margin: 0px
}

.tab-style1 .sppb-nav-tabs::-webkit-scrollbar {
    opacity: 0;
    position: absolute;
    height: 0px;
    margin-top: -1px;
    background-color: rgba(0, 0, 0, 0)
}

.tab-style1 .sppb-nav-tabs>li {
    display: block;
    min-width: 257px
}

.tab-style1 .sppb-nav-tabs>li>a {
    font-size: 16px;
    line-height: 132%;
    font-weight: 600;
    letter-spacing: -0.75px;
    color: var(--sppb-text-primary);
    padding: 30px 30px 30px 90px;
    border: 0px;
    border-top: 1px solid var(--sppb-border-primary);
    border-bottom: 1px solid var(--sppb-border-primary);
    border-right: 1px solid var(--sppb-border-primary);
    background-color: #fff
}

.tab-style1 .sppb-nav-tabs>li>a img {
    width: auto !important;
    height: auto !important;
    max-width: 42px;
    position: absolute;
    left: 30px;
    top: 50%;
    border-radius: 7px;
    transform: translateY(-50%)
}

.tab-style1 .sppb-nav-tabs>li>a .sppb-tab-subtitle {
    display: block;
    font-size: 14px;
    line-height: 100%;
    font-weight: 500;
    letter-spacing: -0.75px;
    margin-top: 8px;
    color: var(--sppb-text-varient-alpha-7)
}

.tab-style1 .sppb-nav-tabs>li.active a,
.tab-style1 .sppb-nav-tabs>li:focus a,
.tab-style1 .sppb-nav-tabs>li:hover a {
    background-color: var(--sppb-bg-card-primary)
}

.header-widget {
    position: relative;
    max-height: 435px;
    overflow: hidden !important
}

.header-widget .sppb-dynamic-content-image-wrapper {
    position: relative;
    z-index: 1
}

.header-widget .sppb-dynamic-content-image-wrapper:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
    z-index: 1
}

.header-widget .sppb-dynamic-content-image-wrapper img {
    max-height: 435px;
    object-fit: cover !important
}

.header-widget .caption {
    width: 100%;
    max-width: 1140px;
    padding: 0px 15px;
    position: absolute;
    left: 50%;
    bottom: 0px;
    padding-bottom: 80px;
    transform: translateX(-50%);
    z-index: 2
}

.sppb-addon-tab.tabs-style .sppb-tab {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: row-reverse
}

.sppb-addon-tab.tabs-style .sppb-tab .sppb-nav {
    width: 52.6%;
    display: block;
    padding-left: 15px
}

.sppb-addon-tab.tabs-style .sppb-tab .sppb-nav>li {
    margin: 0px;
    margin-bottom: 5px
}

.sppb-addon-tab.tabs-style .sppb-tab .sppb-nav>li>a {
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 29px;
    letter-spacing: -0.5px;
    border: 0px;
    border-radius: 0px;
    color: var(--sppb-text-primary);
    padding: 22px 25px;
    background-color: var(--sppb-bg-primary)
}

.sppb-addon-tab.tabs-style .sppb-tab .sppb-nav>li>a .sppb-tab-icon {
    font-size: 42px;
    padding-right: 25px
}

.sppb-addon-tab.tabs-style .sppb-tab .sppb-nav>li.active a,
.sppb-addon-tab.tabs-style .sppb-tab .sppb-nav>li:focus a,
.sppb-addon-tab.tabs-style .sppb-tab .sppb-nav>li:hover a {
    color: var(--sppb-text-varient-1);
    background-color: var(--sppb-color-secondary)
}

.sppb-addon-tab.tabs-style .sppb-tab .sppb-tab-content {
    width: 47.4%;
    display: flex;
    align-items: end;
    padding-right: 15px
}

.doctor-masonary {
    column-gap: unset !important;
    row-gap: unset !important;
    grid-template-columns: unset !important;
    display: -ms-flexbox;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0px -15px
}

.doctor-masonary .sppb-dynamic-content-collection__item {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-left: 45px !important;
    padding-right: 45px !important;
    margin-bottom: 48px
}

.doctor-masonary .sppb-dynamic-content-collection__item .doctor-img img {
    transform-origin: left top;
    transition: all .3s ease-in-out
}

.doctor-masonary .sppb-dynamic-content-collection__item:nth-child(6n-5):nth-child(odd) .doctor-img,
.doctor-masonary .sppb-dynamic-content-collection__item:nth-child(3n+1):nth-child(even) .doctor-img {
    background-color: #b9bfc7
}

.doctor-masonary .sppb-dynamic-content-collection__item:nth-child(6n-5):nth-child(odd) .doctor-img img,
.doctor-masonary .sppb-dynamic-content-collection__item:nth-child(3n+1):nth-child(even) .doctor-img img {
    min-height: 388px
}

.doctor-masonary .sppb-dynamic-content-collection__item:nth-child(6n-3):nth-child(odd) .doctor-img,
.doctor-masonary .sppb-dynamic-content-collection__item:nth-child(3n+3):nth-child(even) .doctor-img {
    background-color: #d7cac1
}

.doctor-masonary .sppb-dynamic-content-collection__item:nth-child(6n-3):nth-child(odd) .doctor-img img,
.doctor-masonary .sppb-dynamic-content-collection__item:nth-child(3n+3):nth-child(even) .doctor-img img {
    max-height: 265px
}

.doctor-masonary .sppb-dynamic-content-collection__item:nth-child(6n-5):nth-child(odd),
.doctor-masonary .sppb-dynamic-content-collection__item:nth-child(6n-3):nth-child(odd),
.doctor-masonary .sppb-dynamic-content-collection__item:nth-child(3n+1):nth-child(even),
.doctor-masonary .sppb-dynamic-content-collection__item:nth-child(3n+3):nth-child(even) {
    width: 31.25%;
    margin-top: -120px
}

.doctor-masonary .sppb-dynamic-content-collection__item:nth-child(6n-4):nth-child(even),
.doctor-masonary .sppb-dynamic-content-collection__item:nth-child(3n+2):nth-child(odd) {
    width: 37.5%
}

.doctor-masonary .sppb-dynamic-content-collection__item:nth-child(6n-4):nth-child(even) .doctor-img,
.doctor-masonary .sppb-dynamic-content-collection__item:nth-child(3n+2):nth-child(odd) .doctor-img {
    background-color: #c6c4c5
}

.doctor-masonary .sppb-dynamic-content-collection__item:nth-child(6n-4):nth-child(even) .doctor-img img,
.doctor-masonary .sppb-dynamic-content-collection__item:nth-child(3n+2):nth-child(odd) .doctor-img img {
    min-height: 522px
}

.doctor-masonary .sppb-dynamic-content-collection__item:hover .doctor-img img {
    transform: scale(1.01)
}

.com-media.contentpane {
    padding: 10px !important
}

.com-media .well {
    background: #f5f5f5;
    padding: 20px;
    border-radius: 4px;
    margin-bottom: 10px
}

.com-media .well .row {
    margin: 0;
    padding: 0
}

.com-media .well .row>div:first-child {
    width: calc(100% - 200px)
}

.com-media .well .row>div:last-child {
    width: 200px;
    float: right;
    text-align: right;
    padding-top: 30px
}

.com-media .well .row #folderlist {
    display: inline-block
}

.com-media .well .row #upbutton {
    display: none
}

.com-media.view-imagesList {
    padding: 0px 0px 10px 0 !important
}

.com-media.view-imagesList:before {
    content: " ";
    display: table
}

.com-media.view-imagesList:after {
    display: block;
    clear: both;
    content: ""
}

.com-media.view-imagesList ul.manager {
    list-style: none;
    padding: 0;
    margin: 0
}

.com-media.view-imagesList ul.manager>li.thumbnail {
    width: 110px;
    float: left
}

.com-media.view-imagesList ul.manager>li.thumbnail>a.selected {
    border: 2px solid green;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.com-media.view-imagesList ul.manager>li.thumbnail>a>div:first-child {
    height: 60px;
    margin-bottom: 10px;
    text-align: center
}

.com-media.view-imagesList ul.manager>li.thumbnail>a>div:first-child>span {
    display: inline-block;
    width: 60px;
    height: 40px;
    margin: 0 auto;
    margin-top: 25px;
    position: relative;
    background-color: var(--nb-ink);
    border-radius: 0 5px 5px 5px
}

.com-media.view-imagesList ul.manager>li.thumbnail>a>div:first-child>span:before {
    content: "";
    width: 50%;
    height: 12px;
    border-radius: 0 20px 0 0;
    background-color: var(--nb-ink);
    position: absolute;
    top: -12px;
    left: 0px
}

.com-media.view-imagesList ul.manager>li.thumbnail>a>div:first-child img {
    display: inline-block
}

.sp-megamenu-parent {
    list-style: none;
    padding: 0;
    margin: 0 -15px;
    z-index: 99;
    display: block;
    float: right;
    position: relative
}

.sp-megamenu-parent .sp-menu-item>a img,
.sp-megamenu-parent .sp-menu-item>span img {
    display: inline-block
}

.sp-megamenu-parent>li {
    display: inline-block;
    position: relative;
    padding: 0
}

.sp-megamenu-parent>li.menu-justify {
    position: static
}

.sp-megamenu-parent>li>a,
.sp-megamenu-parent>li>span {
    display: inline-block;
    padding: 0 15px;
    line-height: 64px;
    font-size: 16px;
    margin: 0;
    font-weight: 600;
    letter-spacing: -0.4px
}

.sp-megamenu-parent>li .sp-menu-badge {
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    font-size: 10px;
    letter-spacing: 1px;
    display: inline-block;
    text-transform: uppercase;
    background: #d60000;
    color: #fff;
    border-radius: 3px
}

.sp-megamenu-parent>li:after {
    content: "";
    width: 100%;
    display: block;
    background: #fff;
    height: 3px;
    position: absolute;
    bottom: 0px;
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease
}

.sp-megamenu-parent>li:hover:after,
.sp-megamenu-parent>li:focus:after {
    visibility: visible;
    opacity: 1
}

.sp-megamenu-parent>li.active:after {
    visibility: visible;
    opacity: 1
}

.sp-megamenu-parent .sp-module {
    padding: 10px
}

.sp-megamenu-parent .sp-mega-group {
    list-style: none;
    padding: 0;
    margin: 0
}

.sp-megamenu-parent .sp-mega-group>li>a {
    display: block;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px
}

.sp-megamenu-parent .sp-mega-group .sp-mega-group-child {
    list-style: none;
    padding: 0;
    margin: 0
}

.sp-megamenu-parent .sp-dropdown {
    margin: 0;
    position: absolute;
    z-index: 10;
    display: none
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .2);
    padding: 20px
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner>.row:not(:first-child) {
    margin-top: 20px
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-items {
    list-style: none;
    padding: 0;
    margin: 0
}

.sp-megamenu-parent .sp-dropdown.sp-dropdown-main {
    top: 100%
}

.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub {
    top: 0
}

.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub .sp-dropdown-inner {
    box-shadow: 0 0 5px rgba(0, 0, 0, .2)
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
    display: block;
    padding: 0;
    position: relative
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
    font-size: 16px;
    line-height: 1;
    display: inline-block;
    padding: 8px 0;
    cursor: pointer
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a.sp-group-title,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge).sp-group-title {
    text-transform: uppercase;
    font-weight: bold
}

.sp-megamenu-parent .sp-dropdown .sp-module {
    padding: 0
}

.sp-megamenu-parent .sp-dropdown .sp-module .sp-module-title {
    font-size: 16px;
    margin: 0 0 15px;
    text-transform: uppercase;
    font-weight: bold
}

.sp-megamenu-parent .sp-dropdown .sp-module .latestnews {
    margin: 0
}

.sp-megamenu-parent .sp-dropdown .sp-module .latestnews>li:not(:last-child) {
    margin: 0 0 15px
}

.sp-megamenu-parent .sp-dropdown .sp-module .latestnews>li a {
    font-size: 14px
}

.sp-megamenu-parent .sp-dropdown .sp-module .latestnews>li a span {
    opacity: .8
}

.sp-megamenu-parent .sp-dropdown-mega>.row {
    margin-top: 30px
}

.sp-megamenu-parent .sp-dropdown-mega>.row:first-child {
    margin-top: 0
}

.sp-megamenu-parent .sp-dropdown-mega .sp-module {
    margin-left: 0px !important
}

.sp-megamenu-parent .sp-has-child:hover>.sp-dropdown {
    display: block
}

.sp-megamenu-parent.menu-animation-fade .sp-has-child:hover>.sp-dropdown {
    animation: spFadeIn 600ms
}

.sp-megamenu-parent.menu-animation-fade-up .sp-has-child:hover>.sp-dropdown {
    animation: spFadeInUp 400ms ease-in
}

.sp-megamenu-parent.menu-animation-fade-down .sp-has-child:hover>.sp-dropdown {
    animation: spFadeInDown 400ms ease-in
}

.sp-megamenu-parent.menu-animation-zoom .sp-has-child:hover>.sp-dropdown {
    animation: spZoomIn 300ms
}

.sp-megamenu-parent.menu-animation-rotate .sp-has-child:hover>.sp-dropdown {
    animation: spRotateIn 300ms
}

.sp-megamenu-parent.menu-animation-pulse .sp-has-child:hover>.sp-dropdown {
    animation: spPulse 300ms
}

.offcanvas-menu .hide-on-offcanvas {
    display: none !important
}

.offcanvas-menu .fa,
.offcanvas-menu .fab,
.offcanvas-menu .far,
.offcanvas-menu .fas {
    color: #fff
}

.offcanvas-menu .offcanvas-inner ul.menu li.active a {
    color: #fff
}

body.ltr .sp-megamenu-parent>li.sp-has-child>a:after,
body.ltr .sp-megamenu-parent>li.sp-has-child>span:after {
    font-family: "Font Awesome 6 Free";
    content: "";
    float: right;
    margin-left: 7px;
    font-weight: 900
}

body.ltr .sp-megamenu-parent>li .sp-menu-badge.sp-menu-badge-right {
    margin-left: 5px
}

body.ltr .sp-megamenu-parent>li .sp-menu-badge.sp-menu-badge-left {
    margin-right: 5px
}

body.ltr .sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child>a:after {
    font-family: "Font Awesome 6 Free";
    content: "";
    float: right;
    margin-left: 7px;
    font-weight: 900
}

body.ltr .sp-megamenu-parent .sp-dropdown.sp-menu-center {
    margin-left: 45px
}

body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right {
    left: 0
}

body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full {
    left: auto;
    right: 0
}

body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-left {
    right: 0
}

body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-sub {
    left: 100%
}

@media(min-width: 576px) {
    .sp-menu-full.container {
        width: 540px
    }
}

@media(min-width: 768px) {
    .sp-menu-full.container {
        width: 720px
    }
}

@media(min-width: 992px) {
    .sp-menu-full.container {
        width: 960px
    }
}

@media(min-width: 1200px) {
    .sp-menu-full.container {
        width: 1140px
    }
}

@media(min-width: 1400px) {
    .sp-menu-full.container {
        width: 1320px
    }
}

#offcanvas-toggler {
    display: inline-flex;
    align-items: center;
    height: 64px;
    line-height: 64px;
    font-size: 20px
}

#offcanvas-toggler>span:hover {
    color: #fff
}

.offcanvas-init {
    overflow-x: hidden;
    position: relative
}

.offcanvas-active .offcanvas-overlay {
    visibility: visible;
    opacity: 1
}

.offcanvas-overlay {
    background: rgba(0, 0, 0, .7);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9999;
    visibility: hidden;
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.body-wrapper {
    position: relative;
    -webkit-transition: .4s;
    transition: .4s;
    backface-visibility: hidden
}

.close-offcanvas {
    position: absolute;
    top: 25px;
    z-index: 1
}

.offcanvas-menu {
    width: 300px;
    height: 100%;
    position: fixed;
    top: 60px;
    overflow: inherit;
    -webkit-transition: all .4s;
    transition: all .4s;
    z-index: 10000;
    background-color: var(--sppb-bg-primary) !important
}

.offcanvas-menu #offcanvas-toggler {
    display: none !important
}

.offcanvas-menu .offcanvas-inner {
    padding: 25px;
    max-height: calc(100vh - 60px);
    overflow-y: auto;
    overflow-x: hidden;
    scroll-behavior: smooth
}

.offcanvas-menu .offcanvas-inner .header-modules {
    margin-left: 0px
}

.offcanvas-menu .offcanvas-inner .finder {
    margin-bottom: 10px
}

.offcanvas-menu .offcanvas-inner .sp-sign-in {
    position: relative;
    top: 10px
}

.offcanvas-menu .offcanvas-inner .sp-sign-in .signin-text {
    display: none !important
}

.offcanvas-menu .offcanvas-inner .sp-profile-wrapper .user-text {
    display: none !important
}

.offcanvas-menu .offcanvas-inner .sp-contact-info,
.offcanvas-menu .offcanvas-inner .social-icons {
    font-size: 14px
}

.offcanvas-menu .offcanvas-inner .sp-contact-info>li>a,
.offcanvas-menu .offcanvas-inner .social-icons>li>a {
    opacity: 1
}

.offcanvas-menu .offcanvas-inner .sp-contact-info>li>a:hover,
.offcanvas-menu .offcanvas-inner .sp-contact-info>li>a:focus,
.offcanvas-menu .offcanvas-inner .social-icons>li>a:hover,
.offcanvas-menu .offcanvas-inner .social-icons>li>a:focus {
    opacity: 1
}

.offcanvas-menu .offcanvas-inner .sp-contact-info {
    margin-top: 20px
}

.offcanvas-menu .offcanvas-inner .sp-contact-info>li:not(:last-child) {
    margin-bottom: 10px
}

.offcanvas-menu .offcanvas-inner .sp-module {
    padding: 0;
    margin: 0
}

.offcanvas-menu .offcanvas-inner .sp-module:not(:last-child) {
    margin-right: 20px
}

.offcanvas-menu .offcanvas-inner .sp-module .sp-module-title {
    font-size: 1rem;
    font-weight: bold
}

.offcanvas-menu .offcanvas-inner .sp-module:not(:last-child) {
    margin-bottom: 20px
}

.offcanvas-menu .offcanvas-inner .sp-module .awesomplete {
    width: 210px
}

.offcanvas-menu .offcanvas-inner ul.menu,
.offcanvas-menu .offcanvas-inner ul.menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    margin: 0;
    margin: 0 0 15px 0;
    list-style: none
}

.offcanvas-menu .offcanvas-inner ul.menu>li {
    border: 0;
    padding: 0;
    margin: 0;
    position: relative;
    overflow: hidden;
    display: block
}

.offcanvas-menu .offcanvas-inner ul.menu>li>a,
.offcanvas-menu .offcanvas-inner ul.menu>li>span {
    display: block;
    font-size: 18px;
    padding: 10px 0px;
    position: relative;
    line-height: 18px;
    opacity: 1;
    transition: .3s
}

.offcanvas-menu .offcanvas-inner ul.menu>li>a:hover,
.offcanvas-menu .offcanvas-inner ul.menu>li>span:hover {
    opacity: 1
}

.offcanvas-menu .offcanvas-inner ul.menu>li ul.menu-child {
    display: none
}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler,
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler {
    display: block;
    position: absolute;
    top: 50%;
    cursor: pointer;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    padding: 10px
}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler:after,
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler:after {
    font-family: "Font Awesome 6 Free";
    content: "";
    font-weight: 900
}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent li.menu-parent>a {
    position: relative;
    display: block
}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent li.menu-parent .menu-toggler {
    right: -10px;
    display: block;
    position: absolute;
    top: 50%;
    cursor: pointer;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    padding: 2px 10px
}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent li.menu-parent .menu-toggler:after {
    font-family: "Font Awesome 6 Free";
    content: "";
    font-weight: 900
}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent li.menu-parent.menu-parent-open .menu-toggler:after {
    content: ""
}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent.menu-parent-open>a>.menu-toggler:after,
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent.menu-parent-open>.menu-separator>.menu-toggler:after {
    font-family: "Font Awesome 6 Free";
    content: "";
    font-weight: 900
}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent.menu-parent-open>.nav-header>.menu-toggler:after {
    font-family: "Font Awesome 6 Free";
    content: "";
    font-weight: 900
}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.nav-header>.menu-toggler {
    display: block;
    position: absolute;
    top: 50%;
    cursor: pointer;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.nav-header>.menu-toggler:after {
    font-family: "Font Awesome 6 Free";
    content: "";
    font-weight: 900
}

.offcanvas-menu .offcanvas-inner ul.menu>li>ul {
    display: none
}

.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {
    font-size: 15px;
    padding: 4px 0px;
    line-height: 18px;
    font-weight: 400
}

.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li {
    border-bottom: 1px solid rgba(32, 31, 31, .1);
    margin-bottom: 0
}

.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li>a {
    padding: 15px 30px 15px 10px
}

.offcanvas-menu.border-menu .offcanvas-inner ul.menu ul {
    padding-bottom: 15px
}

.offcanvas-menu.center-alignment .offcanvas-inner {
    padding: 0px 15px
}

.offcanvas-menu .logo .logo-image {
    filter: brightness(0) saturate(100%) !important
}

.offcanvas-menu[tabindex="0"] .close-offcanvas>.burger-icon>span {
    background-color: var(--sppb-bg-secondary)
}

.offcanvas-menu .offcanvas-inner ul.menu>li>a {
    color: var(--sppb-text-primary) !important;
    font-family: "Plus Jakarta Sans";
    font-weight: 600;
    font-size: 16px;
    line-height: 20px
}

.offcanvas-menu .offcanvas-inner ul.menu>li.active>a {
    color: var(--sppb-color-secondary) !important
}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent ul.menu-child {
    margin-top: 10px
}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent ul.menu-child>li:not(:first-child) {
    margin-top: 15px
}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent ul.menu-child>li>a {
    color: var(--sppb-text-primary) !important;
    font-family: "Plus Jakarta Sans";
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    padding: 10px 0
}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent ul.menu-child>li.active>a {
    color: var(--sppb-color-secondary) !important
}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent.menu-parent-open:has(>ul.menu-child>li.active)>a {
    color: var(--sppb-text-primary) !important
}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler {
    color: #000 !important
}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent.active>a>.menu-toggler {
    color: #000 !important
}

.offcanvas-menu[tabindex="0"] .close-offcanvas>.burger-icon>span {
    color: red
}

body.ltr #offcanvas-toggler.offcanvas-toggler-right {
    float: right;
    margin-left: 20px
}

s body.ltr #offcanvas-toggler.offcanvas-toggler-left {
    float: left;
    margin-right: 20px
}

body.ltr.offcanvs-position-left .body-wrapper {
    left: 0
}

body.ltr.offcanvs-position-left .offcanvas-menu {
    left: -300px;
    top: 0
}

body.ltr.offcanvs-position-left.offcanvas-active .offcanvas-menu {
    left: 0;
    top: 0
}

body.ltr.offcanvs-position-right .body-wrapper {
    right: 0
}

body.ltr.offcanvs-position-right .offcanvas-menu {
    right: -300px;
    top: 0
}

body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu {
    right: 0;
    top: 0
}

body.ltr .close-offcanvas {
    right: 15px
}

body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler,
body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler {
    right: -10px
}

body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.nav-header>.menu-toggler {
    right: 0
}

body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li ul {
    margin-left: 10px
}

@keyframes spFadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes spFadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes spFadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes spZoomIn {
    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }

    100% {
        opacity: 1
    }
}

@keyframes spRotateIn {
    from {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }

    to {
        transform-origin: center;
        transform: none;
        opacity: 1
    }
}

@keyframes spPulse {
    from {
        opacity: 0;
        transform: scale3d(1, 1, 1)
    }

    50% {
        opacity: .5;
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        opacity: 1;
        transform: scale3d(1, 1, 1)
    }
}

@keyframes spSpin {
    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes grdAiguille {
    0% {
        -webkit-transform: rotate(0deg)
    }

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

@keyframes grdAiguille {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes ptAiguille {
    0% {
        -webkit-transform: rotate(0deg)
    }

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

@keyframes ptAiguille {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes loader1 {
    0% {
        -webkit-transform: rotate(0deg)
    }

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

@keyframes loader1 {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes loader6 {
    0% {
        -webkit-transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

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

@keyframes loader6 {
    0% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(180deg)
    }

    100% {
        transform: rotate(180deg)
    }
}

@keyframes rotate-360 {
    from {
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes audioWave {
    25% {
        background: linear-gradient(var(--nb-ink), var(--nb-ink)) 0 50%, linear-gradient(var(--nb-ink), var(--nb-ink)) .625em 50%, linear-gradient(var(--nb-ink), var(--nb-ink)) 1.25em 50%, linear-gradient(var(--nb-ink), var(--nb-ink)) 1.875em 50%, linear-gradient(var(--nb-ink), var(--nb-ink)) 2.5em 50%;
        background-repeat: no-repeat;
        background-size: .5em 2em, .5em .25em, .5em .25em, .5em .25em, .5em .25em
    }

    37.5% {
        background: linear-gradient(var(--nb-ink), var(--nb-ink)) 0 50%, linear-gradient(var(--nb-ink), var(--nb-ink)) .625em 50%, linear-gradient(var(--nb-ink), var(--nb-ink)) 1.25em 50%, linear-gradient(var(--nb-ink), var(--nb-ink)) 1.875em 50%, linear-gradient(var(--nb-ink), var(--nb-ink)) 2.5em 50%;
        background-repeat: no-repeat;
        background-size: .5em .25em, .5em 2em, .5em .25em, .5em .25em, .5em .25em
    }

    50% {
        background: linear-gradient(var(--nb-ink), var(--nb-ink)) 0 50%, linear-gradient(var(--nb-ink), var(--nb-ink)) .625em 50%, linear-gradient(var(--nb-ink), var(--nb-ink)) 1.25em 50%, linear-gradient(var(--nb-ink), var(--nb-ink)) 1.875em 50%, linear-gradient(var(--nb-ink), var(--nb-ink)) 2.5em 50%;
        background-repeat: no-repeat;
        background-size: .5em .25em, .5em .25em, .5em 2em, .5em .25em, .5em .25em
    }

    62.5% {
        background: linear-gradient(var(--nb-ink), var(--nb-ink)) 0 50%, linear-gradient(var(--nb-ink), var(--nb-ink)) .625em 50%, linear-gradient(var(--nb-ink), var(--nb-ink)) 1.25em 50%, linear-gradient(var(--nb-ink), var(--nb-ink)) 1.875em 50%, linear-gradient(var(--nb-ink), var(--nb-ink)) 2.5em 50%;
        background-repeat: no-repeat;
        background-size: .5em .25em, .5em .25em, .5em .25em, .5em 2em, .5em .25em
    }

    75% {
        background: linear-gradient(var(--nb-ink), var(--nb-ink)) 0 50%, linear-gradient(var(--nb-ink), var(--nb-ink)) .625em 50%, linear-gradient(var(--nb-ink), var(--nb-ink)) 1.25em 50%, linear-gradient(var(--nb-ink), var(--nb-ink)) 1.875em 50%, linear-gradient(var(--nb-ink), var(--nb-ink)) 2.5em 50%;
        background-repeat: no-repeat;
        background-size: .5em .25em, .5em .25em, .5em .25em, .5em .25em, .5em 2em
    }
}

@-webkit-keyframes effect-2 {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

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

@keyframes effect-2 {
    from {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes sequence1 {
    0% {
        height: 10px
    }

    50% {
        height: 50px
    }

    100% {
        height: 10px
    }
}

@keyframes sequence2 {
    0% {
        height: 20px
    }

    50% {
        height: 65px
    }

    100% {
        height: 20px
    }
}

@keyframes rot1 {
    100% {
        transform: skew(-10deg) translateX(50px) rotate(405deg)
    }
}

@-webkit-keyframes rot1 {
    100% {
        -webkit-transform: skew(-10deg) translateX(50px) rotate(405deg)
    }
}

@keyframes rot2 {
    100% {
        transform: skew(-10deg) rotate(525deg)
    }
}

@-webkit-keyframes rot2 {
    100% {
        -webkit-transform: skew(-10deg) rotate(525deg)
    }
}

@keyframes rot3 {
    100% {
        transform: skew(-10deg) translateX(20px) translateY(-50px) rotate(645deg)
    }
}

@-webkit-keyframes rot3 {
    100% {
        -webkit-transform: skew(-10deg) translateX(20px) translateY(-50px) rotate(645deg)
    }
}

@keyframes width {
    10% {
        width: 10%
    }

    20% {
        width: 20%
    }

    30% {
        width: 30%
    }

    40% {
        width: 40%
    }

    50% {
        width: 50%
    }

    60% {
        width: 60%
    }

    70% {
        width: 70%
    }

    80% {
        width: 80%
    }

    90% {
        width: 90%
    }

    100% {
        width: 100%
    }
}

.sp-pre-loader {
    background: #fff;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999
}

.sp-pre-loader .sp-loader-clock {
    border: 3px solid var(--nb-ink);
    border-radius: 60px;
    bottom: 0;
    height: 80px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 80px
}

.sp-pre-loader .sp-loader-clock:after {
    content: "";
    position: absolute;
    background-color: var(--nb-ink);
    top: 2px;
    left: 48%;
    height: 38px;
    width: 4px;
    border-radius: 5px;
    -webkit-transform-origin: 50% 97%;
    transform-origin: 50% 97%;
    -webkit-animation: grdAiguille 2s linear infinite;
    animation: grdAiguille 2s linear infinite
}

.sp-pre-loader .sp-loader-clock:before {
    content: "";
    position: absolute;
    background-color: var(--nb-ink);
    top: 6px;
    left: 48%;
    height: 35px;
    width: 4px;
    border-radius: 5px;
    -webkit-transform-origin: 50% 94%;
    transform-origin: 50% 94%;
    -webkit-animation: ptAiguille 12s linear infinite;
    animation: ptAiguille 12s linear infinite
}

.sp-pre-loader .sp-loader-circle {
    position: absolute;
    height: 80px;
    width: 80px;
    border-radius: 80px;
    border: 3px solid fade(#1f3a5f, 70%);
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: loader1 3s linear infinite;
    animation: loader1 3s linear infinite
}

.sp-pre-loader .sp-loader-circle:after {
    content: "";
    position: absolute;
    top: -5px;
    left: 20px;
    width: 11px;
    height: 11px;
    border-radius: 10px;
    background-color: var(--nb-ink)
}

.sp-pre-loader .sp-loader-bubble-loop {
    position: absolute;
    width: 12px;
    height: 12px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 12px;
    background-color: var(--nb-ink);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: loader6 1s ease-in-out infinite;
    animation: loader6 1s ease-in-out infinite
}

.sp-pre-loader .sp-loader-bubble-loop:before {
    content: "";
    position: absolute;
    background-color: rgba(31, 58, 95, .5);
    top: 0px;
    left: -25px;
    height: 12px;
    width: 12px;
    border-radius: 12px
}

.sp-pre-loader .sp-loader-bubble-loop:after {
    content: "";
    position: absolute;
    background-color: rgba(31, 58, 95, .5);
    top: 0px;
    left: 25px;
    height: 12px;
    width: 12px;
    border-radius: 12px
}

.sp-pre-loader .circle-two {
    bottom: 0;
    height: 100px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px
}

.sp-pre-loader .circle-two>span,
.sp-pre-loader .circle-two>span:before,
.sp-pre-loader .circle-two>span:after {
    content: "";
    display: block;
    border-radius: 50%;
    border: 2px solid var(--nb-ink);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.sp-pre-loader .circle-two>span {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-left-color: rgba(0, 0, 0, 0);
    -webkit-animation: effect-2 2s infinite linear;
    -moz-animation: effect-2 2s infinite linear;
    -ms-animation: effect-2 2s infinite linear;
    -o-animation: effect-2 2s infinite linear;
    animation: effect-2 2s infinite linear
}

.sp-pre-loader .circle-two>span:before {
    width: 75%;
    height: 75%;
    border-right-color: rgba(0, 0, 0, 0)
}

.sp-pre-loader .circle-two>span:after {
    width: 50%;
    height: 50%;
    border-bottom-color: rgba(0, 0, 0, 0)
}

.sp-pre-loader .wave-two-wrap {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 50%;
    width: 90px
}

.sp-pre-loader .wave-two {
    margin: 0;
    list-style: none;
    width: 90px;
    position: relative;
    padding: 0;
    height: 10px
}

.sp-pre-loader .wave-two li {
    position: absolute;
    width: 2px;
    height: 0;
    background-color: var(--nb-ink);
    bottom: 0
}

.sp-pre-loader .wave-two li:nth-child(1) {
    left: 0;
    -webkit-animation: sequence1 1s ease infinite 0;
    animation: sequence1 1s ease infinite 0
}

.sp-pre-loader .wave-two li:nth-child(2) {
    left: 15px;
    -webkit-animation: sequence2 1s ease infinite .1s;
    animation: sequence2 1s ease infinite .1s
}

.sp-pre-loader .wave-two li:nth-child(3) {
    left: 30px;
    -webkit-animation: sequence1 1s ease-in-out infinite .2s;
    animation: sequence1 1s ease-in-out infinite .2s
}

.sp-pre-loader .wave-two li:nth-child(4) {
    left: 45px;
    -webkit-animation: sequence2 1s ease-in infinite .3s;
    animation: sequence2 1s ease-in infinite .3s
}

.sp-pre-loader .wave-two li:nth-child(5) {
    left: 60px;
    -webkit-animation: sequence1 1s ease-in-out infinite .4s;
    animation: sequence1 1s ease-in-out infinite .4s
}

.sp-pre-loader .wave-two li:nth-child(6) {
    left: 75px;
    -webkit-animation: sequence2 1s ease infinite .5s;
    animation: sequence2 1s ease infinite .5s
}

.sp-pre-loader .sp-loader-audio-wave {
    width: 3em;
    height: 2em;
    background: linear-gradient(var(--nb-ink), var(--nb-ink)) 0 50%, linear-gradient(var(--nb-ink), var(--nb-ink)) .625em 50%, linear-gradient(var(--nb-ink), var(--nb-ink)) 1.25em 50%, linear-gradient(var(--nb-ink), var(--nb-ink)) 1.875em 50%, linear-gradient(var(--nb-ink), var(--nb-ink)) 2.5em 50%;
    background-repeat: no-repeat;
    background-size: .5em .25em, .5em .25em, .5em .25em, .5em .25em, .5em .25em;
    animation: audioWave 1.5s linear infinite;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

.sp-pre-loader .sp-loader-with-logo {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center
}

.sp-pre-loader .sp-loader-with-logo .logo {
    display: inline-block;
    width: auto
}

.sp-pre-loader .sp-loader-with-logo .line {
    background: var(--nb-ink);
    height: 5px;
    left: 0;
    position: absolute;
    top: 0
}

@media(max-width: 1199px) {
    #sp-header.full-header {
        padding-left: 15px;
        padding-right: 15px
    }

    #sp-header.header-with-social #sp-menu .social-wrap {
        padding-left: 0px
    }

    .sp-megamenu-parent>li>a,
    .sp-megamenu-parent>li span {
        padding: 0 10px
    }

    .sp-page-title .sp-page-title-heading {
        font-size: 64px
    }

    html.error-page .container>.error-code::before {
        width: 250px;
        height: 250px
    }

    html.error-page .container>.error-message {
        font-size: 42px;
        line-height: 48px
    }

    #sp-page-title .sp-page-title>.container {
        max-width: 960px !important
    }

    .article-listing .article-list,
    .article-grid-list .article-list,
    .article-masonary .article-list {
        max-width: 960px
    }

    .view-category #sp-page-title .sp-page-title>.container {
        max-width: 960px !important
    }

    .view-category #sp-page-title .sp-page-title>.container .sp-page-title-heading {
        margin-left: -15px
    }

    .view-category.article-listing .article-list .article {
        column-gap: 40px
    }

    .view-category.article-listing .article-list .article .article-intro-image {
        width: 240px
    }

    .view-category.article-listing .article-list .article .article-body .readmore {
        left: -120px
    }

    .view-article .article-header-container .article-header-info {
        max-width: 960px;
        bottom: 70px
    }

    .view-article .article-header-container .article-header-info .article-header>:first-child {
        font-size: 68px !important;
        line-height: 64px;
        letter-spacing: -3px
    }

    .view-article .article-header-container .article-header-info .article-header::before {
        top: -38px
    }

    .program-offer-details-main-section .addon-root-dynamic-content-text:has(.program-offer-details-title) {
        max-width: 960px;
        bottom: 100px
    }

    .faq-main-section .sppb-pills-tab .sppb-nav.sppb-nav-pills {
        padding: 8px 0;
        margin-bottom: 30px
    }

    .faq-main-section .sppb-pills-tab .sppb-nav.sppb-nav-pills>li:not(:last-child) {
        margin-right: 22px
    }

    .faq-main-section .sppb-pills-tab .sppb-nav.sppb-nav-pills li>a {
        padding: 10px 16px;
        font-size: 20px;
        line-height: 29px;
        letter-spacing: -0.36px
    }

    .faq-main-section .sppb-addon-accordion .sppb-panel-group .sppb-panel-faq .sppb-panel-heading .sppb-toggle-direction {
        right: 15px
    }

    .border-center:after {
        left: 43.2%
    }

    .hero-slider .sp-slider-outer-stage .sp-item .sppb-container {
        max-width: 960px
    }

    .hero-slider .sp-slider-outer-stage .sp-item .sppb-container [class^=sp-slider-content-align-] {
        width: 68%;
        max-width: 560px;
        margin-top: 20%
    }

    .hero-slider .sp-slider-custom-dot-indecators {
        max-width: 960px
    }

    .hero-slider .sp-slider-custom-dot-indecators ul {
        padding-left: 42.9%
    }

    .hero-slider .sp-slider-custom-dot-indecators ul li {
        padding: 20px
    }

    .hero-slider .sp-slider-custom-dot-indecators ul li svg {
        max-width: 40px;
        margin-bottom: 8px
    }

    .hero-slider .sp-slider-custom-dot-indecators ul li .sp-slider-dot-indecator-text {
        font-size: 15px
    }

    .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(4n-3):nth-child(odd),
    .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(2n+2):nth-child(even) {
        width: 58.5%
    }

    .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(4n-3):nth-child(odd) .service-img,
    .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(2n+2):nth-child(even) .service-img {
        max-height: 251px
    }

    .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(4n-3):nth-child(odd) .service-short-list.sppb-dynamic-content-text ul,
    .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(2n+2):nth-child(even) .service-short-list.sppb-dynamic-content-text ul {
        gap: 28px
    }

    .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(4n-2):nth-child(even),
    .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(4n-1):nth-child(odd) {
        width: 41.5%
    }

    .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(4n-2):nth-child(even) .service-img,
    .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(4n-1):nth-child(odd) .service-img {
        min-height: 251px
    }

    .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(4n-2):nth-child(even) .service-img img,
    .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(4n-1):nth-child(odd) .service-img img {
        min-height: 251px
    }

    .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(4n-2):nth-child(even) .service-short-list.sppb-dynamic-content-text ul,
    .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(4n-1):nth-child(odd) .service-short-list.sppb-dynamic-content-text ul {
        gap: 20px
    }

    .tab-style1 .sppb-container-inner {
        max-width: 960px
    }

    .tab-style1 .ratting-ico .sppb-icon-inner i {
        letter-spacing: 5px
    }

    .tab-style1 .sppb-nav-tabs>li {
        min-width: 220px
    }

    .tab-style1 .sppb-nav-tabs>li>a {
        font-size: 14px;
        letter-spacing: -0.5px;
        padding: 20px 20px 20px 75px
    }

    .tab-style1 .sppb-nav-tabs>li>a img {
        max-width: 38px;
        left: 25px;
        border-radius: 5px
    }

    .tab-style1 .sppb-nav-tabs>li>a .sppb-tab-subtitle {
        font-size: 12px;
        letter-spacing: -0.5px;
        margin-top: 4px
    }

    .header-widget .caption {
        max-width: 960px;
        padding-bottom: 60px
    }

    .doctor-masonary .sppb-dynamic-content-collection__item {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .doctor-masonary .sppb-dynamic-content-collection__item:nth-child(6n-5):nth-child(odd) .doctor-img img,
    .doctor-masonary .sppb-dynamic-content-collection__item:nth-child(3n+1):nth-child(even) .doctor-img img {
        min-height: 288px
    }

    .doctor-masonary .sppb-dynamic-content-collection__item:nth-child(6n-3):nth-child(odd) .doctor-img img,
    .doctor-masonary .sppb-dynamic-content-collection__item:nth-child(3n+3):nth-child(even) .doctor-img img {
        max-height: 190px
    }

    .doctor-masonary .sppb-dynamic-content-collection__item:nth-child(6n-5):nth-child(odd),
    .doctor-masonary .sppb-dynamic-content-collection__item:nth-child(6n-3):nth-child(odd),
    .doctor-masonary .sppb-dynamic-content-collection__item:nth-child(3n+1):nth-child(even),
    .doctor-masonary .sppb-dynamic-content-collection__item:nth-child(3n+3):nth-child(even) {
        margin-top: -120px
    }

    .doctor-masonary .sppb-dynamic-content-collection__item:nth-child(6n-4):nth-child(even) .doctor-img img,
    .doctor-masonary .sppb-dynamic-content-collection__item:nth-child(3n+2):nth-child(odd) .doctor-img img {
        min-height: 400px
    }

    .faq-wrapper>div::before {
        background-size: 85px
    }
}

@media(min-width: 992px) {
    #sp-header.header-with-modal-menu #offcanvas-toggler.offcanvas {
        display: none !important
    }
}

@media(max-width: 991px) {
    :root {
        --header_height: $header_height_sm
    }

    .sp-megamenu-parent>li>a,
    .sp-megamenu-parent>li>span {
        line-height: 64px
    }

    #sp-header {
        height: 64px
    }

    #sp-header .logo {
        height: 64px
    }

    #sp-header.header-with-modal-menu #offcanvas-toggler {
        display: flex !important
    }

    #sp-header.header-with-modal-menu #modal-menu-toggler {
        display: none
    }

    #sp-header.full-header-center #offcanvas-toggler.mega,
    #sp-header.header-with-modal-menu #offcanvas-toggler.mega,
    #sp-header.full-header-left #offcanvas-toggler.mega,
    #sp-header.lg-header #offcanvas-toggler.mega,
    #sp-header.header-with-social #offcanvas-toggler.mega {
        display: flex !important
    }

    #sp-header.lg-header #offcanvas-toggler.mega {
        display: none !important
    }

    #sp-header.lg-header .offcanvas-toggler-left.offcanvas {
        display: flex !important
    }

    #sp-header-topbar .container-inner>.row {
        min-height: 64px
    }

    #modal-menu {
        top: 64px
    }

    #offcanvas-toggler {
        height: 64px;
        line-height: 64px
    }

    #sp-logo.has-border>.sp-column {
        border-right: none;
        padding-right: 0px
    }

    #sp-menu .social-wrap:after,
    #sp-logo.has-border:after {
        display: none
    }

    #sp-logo.has-border {
        padding-right: 15px
    }

    #sp-menu .social-wrap {
        padding-left: 15px
    }

    #sp-header.header-with-modal-menu.center-layout .sp-contact-info,
    #sp-header.header-with-modal-menu.classic-layout .sp-contact-info {
        display: none
    }

    #sp-header-topbar {
        margin: 10px 0px
    }

    #sp-header-topbar .container-inner {
        padding-bottom: 10px
    }

    .inner-wrapper-sticky {
        z-index: 1000
    }

    .sp-page-title .sp-page-title-heading {
        font-size: 54px
    }

    .doctor-details-short-info i {
        font-size: 24px;
        color: #fff
    }

    .faq-wrapper>div {
        max-width: unset
    }

    .faq-wrapper>div.active {
        flex: 1 0 270px;
        max-width: unset
    }

    #sp-logo.has-border,
    #sp-header.header-sticky #sp-logo.has-border {
        border: none
    }

    html.error-page .container>.error-code {
        font-size: 236px
    }

    html.error-page .container>.error-code::before {
        width: 185px
    }

    html.error-page .container>.error-message {
        font-size: 42px;
        line-height: 48px
    }

    #sp-page-title .sp-page-title>.container {
        max-width: 720px !important
    }

    .article-listing .article-list,
    .article-grid-list .article-list,
    .article-masonary .article-list {
        max-width: 720px
    }

    .view-category #sp-page-title .sp-page-title>.container {
        max-width: 720px !important
    }

    .view-category #sp-page-title .sp-page-title>.container .sp-page-title-heading {
        margin-left: -15px
    }

    .article-grid-list .article-list>div>.row:nth-child(odd) .article .article-intro-image,
    .article-grid-list .article-list>div>.row:nth-child(even) .article .article-intro-image {
        height: 226px
    }

    .view-category.article-listing .article-list .article {
        column-gap: 35px
    }

    .view-category.article-listing .article-list .article .article-body .article-introtext {
        padding-right: 20px
    }

    .view-category .article-list .article .readmore {
        top: 165px;
        right: 20px
    }

    .view-category.article-masonary .article-list.grid {
        gap: 20px;
        columns: 2
    }

    .view-article #sp-main-body {
        padding-bottom: 70px
    }

    .view-article #sp-main-body>.container .related-article-list-container {
        margin-bottom: 0 !important
    }

    .view-article .article-header-container {
        margin-bottom: 80px
    }

    .view-article .article-header-container .article-full-image img {
        min-height: 353px
    }

    .view-article .article-header-container .article-header-info {
        max-width: 720px;
        bottom: 60px
    }

    .view-article .article-header-container .article-header-info .article-header>:first-child {
        font-size: 56px !important;
        line-height: 52px;
        letter-spacing: -2px
    }

    .program-offer-details-main-section .addon-root-dynamic-content-text:has(.program-offer-details-title) {
        max-width: 720px;
        bottom: 100px
    }

    .program-offer-details-main-section .addon-root-dynamic-content-text:has(.program-offer-details-title) .program-offer-details-title {
        max-width: 575px
    }

    .sppb-addon-tab.about-story-tab .sppb-pills-tab .sppb-nav.sppb-nav-pills>li:not(:last-child) {
        margin-right: 70px
    }

    .home-article-listing .sppb-row>.sppb-addon-article-layout .sppb-addon-article-layout-content:hover .sppb-article-info-wrap .sppb-readmore {
        top: -80px
    }

    .services-list-section .services-list::before {
        height: 1800px;
        left: calc(40.8% + 14px)
    }

    .before-element:before {
        transform: translate(0px, -40px)
    }

    .hero-slider .sp-slider-outer-stage .sp-item .sppb-container {
        max-width: 720px
    }

    .hero-slider .sp-slider-outer-stage .sp-item .sppb-container [class^=sp-slider-content-align-] {
        max-width: 500px
    }

    .hero-slider .sp-slider-custom-dot-indecators {
        max-width: 100%;
        padding: 0px
    }

    .hero-slider .sp-slider-custom-dot-indecators ul {
        padding: 0px
    }

    .hero-slider .sp-slider-custom-dot-indecators ul::before {
        left: 0px
    }

    .hero-slider .sp-slider-custom-dot-indecators ul li {
        width: 20% !important;
        max-width: 150px !important;
        padding: 15px
    }

    .hero-slider .sp-slider-custom-dot-indecators ul li svg {
        max-width: 36px
    }

    .hero-slider .sp-slider-custom-dot-indecators ul li .sp-slider-dot-indecator-text {
        font-size: 14px
    }

    .services-list .sppb-dynamic-content-collection__item {
        margin-bottom: 40px
    }

    .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(4n-3):nth-child(odd),
    .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(2n+2):nth-child(even) {
        width: 59.2%
    }

    .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(4n-3):nth-child(odd) .service-img,
    .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(2n+2):nth-child(even) .service-img {
        max-height: 190px
    }

    .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(4n-3):nth-child(odd) .service-short-list.sppb-dynamic-content-text ul,
    .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(2n+2):nth-child(even) .service-short-list.sppb-dynamic-content-text ul {
        gap: 25px
    }

    .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(4n-2):nth-child(even),
    .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(4n-1):nth-child(odd) {
        width: 40.8%
    }

    .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(4n-2):nth-child(even) .service-img,
    .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(4n-1):nth-child(odd) .service-img {
        min-height: 190px
    }

    .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(4n-2):nth-child(even) .service-img img,
    .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(4n-1):nth-child(odd) .service-img img {
        min-height: 190px
    }

    .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(4n-2):nth-child(even) .service-short-list.sppb-dynamic-content-text ul,
    .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(4n-1):nth-child(odd) .service-short-list.sppb-dynamic-content-text ul {
        gap: 20px
    }

    .tab-style1 .sppb-tab-content>.sppb-tab-pane {
        padding: 80px 0px 70px
    }

    .tab-style1 .sppb-container-inner {
        max-width: 720px
    }

    .header-widget {
        max-height: 400px
    }

    .header-widget .sppb-dynamic-content-image-wrapper img {
        max-height: 400px
    }

    .header-widget .caption {
        max-width: 720px;
        padding-bottom: 40px
    }

    .sppb-addon-tab.tabs-style .sppb-tab {
        flex-direction: column-reverse
    }

    .sppb-addon-tab.tabs-style .sppb-tab .sppb-nav {
        width: 100%
    }

    .sppb-addon-tab.tabs-style .sppb-tab .sppb-nav>li>a {
        font-size: 18px;
        line-height: 26px;
        letter-spacing: 0px;
        padding: 10px 20px
    }

    .sppb-addon-tab.tabs-style .sppb-tab .sppb-nav>li>a .sppb-tab-icon {
        font-size: 36px;
        padding-right: 20px
    }

    .sppb-addon-tab.tabs-style .sppb-tab .sppb-tab-content {
        width: 100%;
        display: block
    }

    .doctor-masonary .sppb-dynamic-content-collection__item {
        margin-bottom: 40px
    }

    .doctor-masonary .sppb-dynamic-content-collection__item:nth-child(6n-5):nth-child(odd) .doctor-img img,
    .doctor-masonary .sppb-dynamic-content-collection__item:nth-child(3n+1):nth-child(even) .doctor-img img {
        min-height: 200px
    }

    .doctor-masonary .sppb-dynamic-content-collection__item:nth-child(6n-3):nth-child(odd) .doctor-img img,
    .doctor-masonary .sppb-dynamic-content-collection__item:nth-child(3n+3):nth-child(even) .doctor-img img {
        max-height: 140px
    }

    .doctor-masonary .sppb-dynamic-content-collection__item:nth-child(6n-5):nth-child(odd),
    .doctor-masonary .sppb-dynamic-content-collection__item:nth-child(6n-3):nth-child(odd),
    .doctor-masonary .sppb-dynamic-content-collection__item:nth-child(3n+1):nth-child(even),
    .doctor-masonary .sppb-dynamic-content-collection__item:nth-child(3n+3):nth-child(even) {
        margin-top: -60px
    }

    .doctor-masonary .sppb-dynamic-content-collection__item:nth-child(6n-4):nth-child(even) .doctor-img img,
    .doctor-masonary .sppb-dynamic-content-collection__item:nth-child(3n+2):nth-child(odd) .doctor-img img {
        min-height: 280px
    }

    html.coming-soon .coming-soon-title {
        font-size: 66px;
        line-height: 70px;
        letter-spacing: -0.96px
    }
}

@media(max-width: 767px) {
    html.coming-soon .coming-soon-title {
        margin-bottom: 32px;
        font-size: 44px;
        line-height: 50px;
        letter-spacing: -0.56px
    }

    html.coming-soon .coming-soon-content {
        font-size: 20px;
        line-height: 30px;
        letter-spacing: -0.36px
    }

    #sp-menu .social-wrap {
        padding-left: 10px
    }

    #sp-menu .social-wrap:after {
        display: none
    }

    #sp-header .menu-wrap {
        display: none
    }

    .modal-dialog.jviewport-width80 {
        width: auto
    }

    .article.related-article-large.d-flex {
        display: block !important
    }

    .related-article-large .article-image {
        width: auto;
        min-width: auto;
        margin-bottom: 15px
    }

    .related-article-large .article-information {
        border-left: none;
        padding-left: 0;
        margin-left: 0
    }

    .article-list.grid {
        --columns: 1 !important;
        margin-bottom: 15px
    }

    .inner-wrapper-sticky {
        z-index: 100
    }

    .sp-page-title .sp-page-title-heading {
        font-size: 44px;
        letter-spacing: -2px;
        max-width: 100%
    }

    .footer1 {
        font-size: 14px
    }

    .faq-wrapper {
        flex-direction: column;
        align-items: end
    }

    .faq-wrapper>div {
        width: 70%
    }

    .faq-wrapper>div.active {
        width: 100%
    }

    .addon-root-form-builder:has(.doctor-appointment) .form-builder-radio-content {
        scroll-behavior: smooth;
        position: relative
    }

    .addon-root-form-builder:has(.doctor-appointment) .form-builder-radio-content .form-builder-radio-item {
        scroll-behavior: smooth
    }

    .addon-root-form-builder:has(.doctor-appointment) .scroll-btn {
        top: 220px
    }

    .addon-root-form-builder:has(.doctor-appointment) .scroll-btn.left {
        left: -10px
    }

    .addon-root-form-builder:has(.doctor-appointment) .scroll-btn.right {
        right: -10px
    }

    .view-search .finder #search-result-list {
        flex-direction: column;
        row-gap: 30px
    }

    .view-search .finder #search-result-list>li {
        width: 100%;
        padding: 0
    }

    .view-search .finder #search-result-list .result-text {
        margin: 20px 0
    }

    .doctor-appointment .sppb-form-group.sppb-form-builder-field-3,
    .doctor-appointment .sppb-form-group.sppb-form-builder-field-5,
    .doctor-appointment .sppb-form-group.sppb-form-builder-field-7 {
        padding-right: 0 !important
    }

    .doctor-appointment .sppb-form-group.sppb-form-builder-field-4,
    .doctor-appointment .sppb-form-group.sppb-form-builder-field-6,
    .doctor-appointment .sppb-form-group.sppb-form-builder-field-8 {
        padding-left: 0 !important
    }

    .doctor-appointment .sppb-addon-form-builder-form .sppb-form-group.sppb-form-builder-field-7::before {
        right: 12px
    }

    html.error-page .container>.error-code {
        font-size: 150px
    }

    html.error-page .container>.error-code::before {
        width: 120px
    }

    html.error-page .container>.error-message {
        font-size: 32px;
        line-height: 30px;
        margin-bottom: 30px
    }

    #sp-page-title .sp-page-title>.container {
        max-width: 540px !important
    }

    .article-listing .article-list,
    .article-grid-list .article-list,
    .article-masonary .article-list {
        max-width: 540px
    }

    .articles-header-module .sppb-addon-module form.form-search {
        margin-left: unset
    }

    .articles-header-module .sppb-addon-module form.form-search .awesomplete {
        width: 800px
    }

    .view-category #sp-page-title .sp-page-title>.container {
        max-width: 540px !important
    }

    .view-category.article-masonary .article-list.grid .article:nth-child(1) .article-intro-image,
    .view-category.article-masonary .article-list.grid .article:nth-child(4) .article-intro-image,
    .view-category.article-masonary .article-list.grid .article:nth-child(5) .article-intro-image {
        height: 236px
    }

    .view-category.article-masonary .article-list.grid .article:nth-child(2) .article-intro-image,
    .view-category.article-masonary .article-list.grid .article:nth-child(3) .article-intro-image,
    .view-category.article-masonary .article-list.grid .article:nth-child(6) .article-intro-image {
        height: 300px
    }

    .view-category .article-list .article .article-body .article-header>:first-child {
        margin-bottom: 16px;
        font-size: 22px;
        line-height: 28px;
        letter-spacing: -0.96px
    }

    .view-article #sp-main-body {
        padding-bottom: 50px
    }

    .view-article #sp-main-body>.container div[itemprop=articleBody],
    .view-article #sp-main-body>.container .pagenavigation,
    .view-article #sp-main-body>.container .related-article-list-container {
        max-width: 540px;
        padding-bottom: 0px
    }

    .view-article #sp-main-body>.container div[itemprop=articleBody] .article-list.related-article-list>.row>div.col-lg-6,
    .view-article #sp-main-body>.container .pagenavigation .article-list.related-article-list>.row>div.col-lg-6,
    .view-article #sp-main-body>.container .related-article-list-container .article-list.related-article-list>.row>div.col-lg-6 {
        width: 100%
    }

    .view-article #sp-main-body>.container .pagenavigation {
        padding-bottom: 30px
    }

    .view-article .article-header-container {
        margin-bottom: 60px
    }

    .view-article .article-header-container .article-header-info {
        max-width: 540px;
        bottom: 40px
    }

    .view-article .article-header-container .article-header-info .article-header>:first-child {
        font-size: 48px !important;
        line-height: 50px;
        letter-spacing: -1.96px
    }

    .view-article .article-ratings-social-share {
        max-width: 540px;
        margin-top: 30px
    }

    .view-article .article-ratings-social-share .social-share-block>.title {
        font-size: 16px;
        line-height: 24px
    }

    .view-article .article-ratings-social-share .social-share-block .social-share-icon ul li:not(:last-child) {
        margin-right: 10px
    }

    .view-article .article-ratings-social-share .social-share-block .social-share-icon ul li>a {
        height: 36px;
        width: 36px;
        font-size: 18px
    }

    .view-article .article-ratings-social-share .social-share-block .social-share-icon ul li>a svg {
        height: 14px;
        width: 14px !important
    }

    .view-article .pagenavigation {
        padding: 42px 0 50px 0
    }

    .view-article .pagenavigation .pagination a.btn-secondary {
        gap: 10px
    }

    .view-article .related-article-list-container .related-article-title {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: -0.3px
    }

    .view-article .related-article-list-container .article-list.related-article-list .article .article-full-image {
        height: 260px;
        margin-bottom: 24px
    }

    .view-article .related-article-list-container .article-list.related-article-list .article .article-header {
        margin: 0 -20px;
        transition: all .5s ease
    }

    .view-article .related-article-list-container .article-list.related-article-list .article .article-header :first-child {
        font-size: 22px;
        line-height: 28px;
        letter-spacing: -1.1px
    }

    .program-offer-details-main-section .addon-root-dynamic-content-text:has(.program-offer-details-title) {
        max-width: 540px;
        bottom: 80px
    }

    .program-offer-details-accordion .sppb-panel-group .sppb-panel-modern .sppb-panel-heading {
        padding: 16px;
        padding-left: 30px
    }

    .program-offer-details-accordion .sppb-panel-group .sppb-panel-modern .sppb-panel-heading .sppb-panel-title {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: -0.24px
    }

    .program-offer-details-accordion .sppb-panel-group .sppb-panel-modern .sppb-panel-heading .sppb-panel-title>i.icon {
        font-size: 36px
    }

    .medical-field-experience .addon-root-animated-number:has(.experience-number) {
        right: -15px;
        bottom: -15px
    }

    .sppb-addon-tab.about-story-tab .sppb-pills-tab .sppb-nav.sppb-nav-pills>li:not(:last-child) {
        margin-right: 50px
    }

    .faq-main-section .sppb-pills-tab .sppb-nav.sppb-nav-pills {
        margin-bottom: 20px
    }

    .faq-main-section .sppb-pills-tab .sppb-nav.sppb-nav-pills>li:not(:last-child) {
        margin-right: 30px
    }

    .faq-main-section .sppb-pills-tab .sppb-nav.sppb-nav-pills li>a {
        font-size: 18px;
        line-height: 28px;
        letter-spacing: -0.3px
    }

    .faq-main-section .sppb-addon-accordion .sppb-panel-group .sppb-panel-faq {
        margin-bottom: 18px
    }

    .faq-main-section .sppb-addon-accordion .sppb-panel-group .sppb-panel-faq .sppb-panel-heading {
        padding: 15px 22px
    }

    .faq-main-section .sppb-addon-accordion .sppb-panel-group .sppb-panel-faq .sppb-panel-heading .sppb-panel-title {
        max-width: calc(100% - 32px);
        font-size: 20px;
        line-height: 26px;
        letter-spacing: -0.36px
    }

    .faq-main-section .sppb-addon-accordion .sppb-panel-group .sppb-panel-faq .sppb-panel-heading .sppb-toggle-direction {
        right: 10px;
        height: 32px;
        width: 32px
    }

    .faq-main-section .sppb-addon-accordion .sppb-panel-group .sppb-panel-faq .sppb-panel-heading .sppb-toggle-direction::before,
    .faq-main-section .sppb-addon-accordion .sppb-panel-group .sppb-panel-faq .sppb-panel-heading .sppb-toggle-direction::after {
        width: 14px;
        height: 2px;
        border-radius: 2px
    }

    .faq-main-section .sppb-addon-accordion .sppb-panel-group .sppb-panel-faq .sppb-panel-heading .sppb-toggle-direction::after {
        width: 2px;
        height: 14px
    }

    .faq-main-section .sppb-addon-accordion .sppb-panel-group .sppb-panel-faq .sppb-panel-body {
        margin: 0 20px 0 22px;
        padding: 0 0 20px 0
    }

    .home-article-listing .sppb-row>.sppb-addon-article-layout:first-child,
    .home-article-listing .sppb-row>.sppb-addon-article-layout:last-child {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%
    }

    .services-list-section .services-list::before {
        display: none
    }

    .border-top:before,
    .border-center:before,
    .border-test-left:before {
        display: none
    }

    .before-element:before {
        width: 14px;
        height: 14px;
        transform: translate(0px, -32px)
    }

    .hero-slider .sp-slider-outer-stage .sp-item .sppb-container {
        max-width: 540px
    }

    .hero-slider .sp-slider-outer-stage .sp-item .sppb-container [class^=sp-slider-content-align-] {
        width: 100%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30%
    }

    .hero-slider .sp-slider-custom-dot-indecators {
        width: 100%
    }

    .hero-slider .sp-slider-custom-dot-indecators ul li {
        padding: 12px;
        width: 25% !important
    }

    .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(4n-3):nth-child(odd),
    .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(4n-1):nth-child(odd),
    .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(2n+2):nth-child(even),
    .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(4n-2):nth-child(even) {
        width: 100%
    }

    .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(4n-3):nth-child(odd) .service-img,
    .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(4n-1):nth-child(odd) .service-img,
    .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(2n+2):nth-child(even) .service-img,
    .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(4n-2):nth-child(even) .service-img {
        max-height: unset;
        min-height: unset
    }

    .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(4n-3):nth-child(odd) .service-img img,
    .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(4n-1):nth-child(odd) .service-img img,
    .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(2n+2):nth-child(even) .service-img img,
    .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(4n-2):nth-child(even) .service-img img {
        min-height: unset
    }

    .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(4n-3):nth-child(odd) .service-short-list.sppb-dynamic-content-text ul li:nth-child(4),
    .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(4n-1):nth-child(odd) .service-short-list.sppb-dynamic-content-text ul li:nth-child(4),
    .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(2n+2):nth-child(even) .service-short-list.sppb-dynamic-content-text ul li:nth-child(4),
    .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(4n-2):nth-child(even) .service-short-list.sppb-dynamic-content-text ul li:nth-child(4) {
        display: block
    }

    .services-list .sppb-dynamic-content-collection__item {
        margin-bottom: 30px
    }

    .services-list .sppb-dynamic-content-collection__item .before-element:before {
        transform: translate(0px, -35px)
    }

    .tab-style1 .sppb-tab-content>.sppb-tab-pane {
        padding: 50px 0px 25px
    }

    .tab-style1 .sppb-container-inner {
        max-width: 540px
    }

    .tab-style1 .ratting-ico .sppb-icon-inner i {
        letter-spacing: 3px
    }

    .tab-style1 .sppb-nav-tabs>li {
        min-width: 200px
    }

    .tab-style1 .sppb-nav-tabs>li>a {
        font-size: 13px;
        letter-spacing: 0px;
        padding: 15px;
        padding-left: 60px
    }

    .tab-style1 .sppb-nav-tabs>li>a img {
        max-width: 35px;
        left: 15px
    }

    .header-widget {
        max-height: 340px
    }

    .header-widget .sppb-dynamic-content-image-wrapper img {
        max-height: 340px
    }

    .header-widget .caption {
        max-width: 540px;
        padding-bottom: 25px
    }

    .sppb-addon-tab.tabs-style .sppb-tab .sppb-nav {
        padding: 0px
    }

    .sppb-addon-tab.tabs-style .sppb-tab .sppb-nav>li>a {
        font-size: 16px
    }

    .sppb-addon-tab.tabs-style .sppb-tab .sppb-nav>li>a .sppb-tab-icon {
        font-size: 30px
    }

    .sppb-addon-tab.tabs-style .sppb-tab .sppb-tab-content {
        width: 100%;
        padding: 0px
    }

    .doctor-masonary .sppb-dynamic-content-collection__item {
        margin-bottom: 30px
    }

    .doctor-masonary .sppb-dynamic-content-collection__item:nth-child(6n-5):nth-child(odd),
    .doctor-masonary .sppb-dynamic-content-collection__item:nth-child(6n-3):nth-child(odd),
    .doctor-masonary .sppb-dynamic-content-collection__item:nth-child(3n+1):nth-child(even),
    .doctor-masonary .sppb-dynamic-content-collection__item:nth-child(3n+3):nth-child(even),
    .doctor-masonary .sppb-dynamic-content-collection__item:nth-child(6n-4):nth-child(even),
    .doctor-masonary .sppb-dynamic-content-collection__item:nth-child(3n+2):nth-child(odd) {
        width: 100%;
        margin-top: 0px
    }

    .doctor-masonary .sppb-dynamic-content-collection__item:nth-child(6n-5):nth-child(odd) .doctor-img img,
    .doctor-masonary .sppb-dynamic-content-collection__item:nth-child(6n-3):nth-child(odd) .doctor-img img,
    .doctor-masonary .sppb-dynamic-content-collection__item:nth-child(3n+1):nth-child(even) .doctor-img img,
    .doctor-masonary .sppb-dynamic-content-collection__item:nth-child(3n+3):nth-child(even) .doctor-img img,
    .doctor-masonary .sppb-dynamic-content-collection__item:nth-child(6n-4):nth-child(even) .doctor-img img,
    .doctor-masonary .sppb-dynamic-content-collection__item:nth-child(3n+2):nth-child(odd) .doctor-img img {
        min-height: 100%;
        max-height: 100%
    }
}

@media(max-width: 575px) {
    :root {
        --header_height: $header_height_xs
    }

    .sp-megamenu-parent>li>a,
    .sp-megamenu-parent>li>span {
        line-height: 64px
    }

    #sp-header {
        height: 64px
    }

    #sp-header .logo {
        height: 64px
    }

    #sp-header-topbar .container-inner>.row {
        min-height: 64px
    }

    #modal-menu {
        top: 64px
    }

    #offcanvas-toggler {
        height: 64px;
        line-height: 64px
    }

    #sp-header .sp-module .sp-sign-in .text {
        display: none
    }

    #sp-menu ul.social-icons>li:not(:last-child) {
        margin-right: 10px
    }

    #sp-header.lg-header .top-part {
        border-bottom: none
    }

    #sp-header.lg-header #sp-contact {
        order: 1
    }

    #sp-header.lg-header #sp-logo {
        order: 3
    }

    #sp-header.lg-header #sp-social {
        order: 2
    }

    #sp-header.lg-header #sp-social .sp-column {
        justify-content: center !important
    }

    #sp-header.lg-header #sp-social .social-icons {
        margin: 0
    }

    #sp-header.lg-header #sp-social .social-icons>li:not(:last-child) {
        margin-right: 10px
    }

    #sp-header.lg-header .sp-contact-info {
        text-align: center;
        margin: 5px 0
    }

    .header-has-modules .container-inner>.row {
        flex-wrap: wrap !important
    }

    .header-has-modules #offcanvas-toggler {
        height: auto;
        line-height: 1.2
    }

    html.coming-soon .coming-soon-title {
        font-size: 38px;
        line-height: 44px;
        letter-spacing: -0.44px
    }

    html.coming-soon #coming-soon-countdown .coming-soon-days,
    html.coming-soon #coming-soon-countdown .coming-soon-hours,
    html.coming-soon #coming-soon-countdown .coming-soon-minutes,
    html.coming-soon #coming-soon-countdown .coming-soon-seconds {
        width: 50%;
        margin-bottom: 15px
    }

    html.coming-soon #coming-soon-countdown .coming-soon-days .coming-soon-number,
    html.coming-soon #coming-soon-countdown .coming-soon-hours .coming-soon-number,
    html.coming-soon #coming-soon-countdown .coming-soon-minutes .coming-soon-number,
    html.coming-soon #coming-soon-countdown .coming-soon-seconds .coming-soon-number {
        font-size: 2.5rem
    }

    html.coming-soon #coming-soon-countdown .coming-soon-days .coming-soon-string,
    html.coming-soon #coming-soon-countdown .coming-soon-hours .coming-soon-string,
    html.coming-soon #coming-soon-countdown .coming-soon-minutes .coming-soon-string,
    html.coming-soon #coming-soon-countdown .coming-soon-seconds .coming-soon-string {
        font-size: 14px
    }

    .view-search #search-form .btn-group {
        flex-wrap: wrap
    }

    .view-search #search-form button,
    .view-search #search-form .btn {
        border-radius: 3px
    }

    .award-wrapper {
        flex-direction: column
    }

    .doctor-details-education .education-list {
        grid-template-columns: 1fr
    }

    .doctor-details-glass-section>.sppb-container-inner {
        margin: 0 -15px
    }

    #sp-page-title .sp-page-title>.container {
        max-width: 575px !important
    }

    .article-listing .article-list,
    .article-grid-list .article-list,
    .article-masonary .article-list {
        max-width: 575px
    }

    .view-category #sp-page-title .sp-page-title>.container {
        max-width: 575px !important
    }

    .view-category #sp-page-title .sp-page-title>.container .sp-page-title-heading {
        margin-left: 0px
    }

    .article-grid-list .article-list::before {
        display: none
    }

    .article-grid-list .article-list>div>.row:nth-child(odd)>div:first-child:has(.article),
    .article-grid-list .article-list>div>.row:nth-child(even)>div:first-child:has(.article) {
        width: 100%
    }

    .article-grid-list .article-list>div>.row:nth-child(odd)>div:last-child:has(.article),
    .article-grid-list .article-list>div>.row:nth-child(even)>div:last-child:has(.article) {
        width: 100%
    }

    .article-grid-list .article-list>div>.row:nth-child(odd) .article .article-intro-image,
    .article-grid-list .article-list>div>.row:nth-child(even) .article .article-intro-image {
        height: 220px
    }

    .view-category.article-listing .article-list .article {
        column-gap: 0;
        flex-direction: column;
        margin-bottom: 10px;
        overflow: hidden
    }

    .view-category.article-listing .article-list .article .article-intro-image {
        width: 545px
    }

    .view-category.article-listing .article-list .article .article-body {
        margin-top: unset;
        margin-left: -20px;
        padding-top: 16px
    }

    .view-category.article-listing .article-list .article .article-body .article-introtext {
        padding-right: unset
    }

    .view-category.article-listing .article-list .article .article-body .readmore {
        left: unset;
        top: -55px
    }

    .view-category.article-masonary .article-list.grid {
        gap: 0;
        columns: 1
    }

    .view-category.article-masonary .article-list.grid .article .article-intro-image {
        height: 40vh
    }

    .view-category.article-masonary .article-list.grid .article:nth-child(1) .article-intro-image,
    .view-category.article-masonary .article-list.grid .article:nth-child(4) .article-intro-image,
    .view-category.article-masonary .article-list.grid .article:nth-child(5) .article-intro-image {
        height: 236px
    }

    .view-category.article-masonary .article-list.grid .article:nth-child(2) .article-intro-image,
    .view-category.article-masonary .article-list.grid .article:nth-child(3) .article-intro-image,
    .view-category.article-masonary .article-list.grid .article:nth-child(6) .article-intro-image {
        height: 236px
    }

    .view-article #sp-main-body>.container div[itemprop=articleBody],
    .view-article #sp-main-body>.container .pagenavigation,
    .view-article #sp-main-body>.container .related-article-list-container {
        max-width: 575px
    }

    .view-article .article-header-container {
        margin-bottom: 50px
    }

    .view-article .article-header-container .article-header-info {
        max-width: 575px
    }

    .view-article .article-header-container .article-header-info .article-header>:first-child {
        font-size: 39px !important;
        line-height: 44px;
        letter-spacing: -0.9px
    }

    .view-article .article-ratings-social-share {
        max-width: 575px
    }

    .program-offer-details-main-section .addon-root-dynamic-content-text:has(.program-offer-details-title) {
        max-width: 575px;
        bottom: 60px
    }

    .medical-field-experience .addon-root-animated-number:has(.experience-number) {
        display: none
    }

    .faq-main-section .sppb-pills-tab .sppb-nav.sppb-nav-pills {
        flex-direction: column
    }

    .faq-main-section .sppb-pills-tab .sppb-nav.sppb-nav-pills>li:not(:last-child) {
        margin-right: 0
    }

    .faq-main-section .sppb-pills-tab .sppb-nav.sppb-nav-pills li {
        width: 100%
    }

    .faq-main-section .sppb-pills-tab .sppb-nav.sppb-nav-pills li>a {
        width: 100%;
        text-align: center
    }

    .faq-main-section .sppb-addon-accordion .sppb-panel-group .sppb-panel-faq {
        margin-bottom: 14px
    }

    .faq-main-section .sppb-addon-accordion .sppb-panel-group .sppb-panel-faq .sppb-panel-heading {
        padding: 17px 15px
    }

    .faq-main-section .sppb-addon-accordion .sppb-panel-group .sppb-panel-faq .sppb-panel-heading .sppb-panel-title {
        max-width: calc(100% - 30px);
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -0.3px
    }

    .faq-main-section .sppb-addon-accordion .sppb-panel-group .sppb-panel-faq .sppb-panel-heading .sppb-toggle-direction {
        right: 3px
    }

    .faq-main-section .sppb-addon-accordion .sppb-panel-group .sppb-panel-faq .sppb-panel-heading .sppb-toggle-direction::before,
    .faq-main-section .sppb-addon-accordion .sppb-panel-group .sppb-panel-faq .sppb-panel-heading .sppb-toggle-direction::after {
        height: 1px;
        width: 14px
    }

    .faq-main-section .sppb-addon-accordion .sppb-panel-group .sppb-panel-faq .sppb-panel-heading .sppb-toggle-direction::after {
        width: 1px;
        height: 14px
    }

    .faq-main-section .sppb-addon-accordion .sppb-panel-group .sppb-panel-faq .sppb-panel-body {
        margin: 0 20px 0 15px;
        padding: 0 0 20px 0
    }

    .sppb-section.contact-location-map .sppb-addon-wrapper:has(.contact-location-info) .sppb-addon-wrapper:has(.contact-location-info-details) {
        right: unset;
        left: 50%;
        bottom: 30px;
        transform: translate(-50%, -50%) scale(0.9)
    }

    .home-article-listing .sppb-row>.sppb-addon-article-layout:first-child,
    .home-article-listing .sppb-row>.sppb-addon-article-layout:last-child {
        padding-left: 15px;
        padding-right: 15px
    }

    .doctor-appointment button[type=submit].sppb-btn {
        width: 100% !important
    }
}

@media(max-width: 480px) {
    .hero-slider .sp-slider-custom-dot-indecators ul li {
        padding: 10px;
        width: 32% !important
    }

    .services-list .sppb-dynamic-content-collection__item .service-short-list.sppb-dynamic-content-text {
        width: 100%
    }

    .services-list .sppb-dynamic-content-collection__item .service-short-list.sppb-dynamic-content-text ul {
        gap: 10px !important
    }

    .services-list .sppb-dynamic-content-collection__item .service-short-list.sppb-dynamic-content-text ul li {
        display: inline-block
    }

    .tab-style1 .sppb-container-inner {
        max-width: 100%
    }

    .tab-style1 .sppb-nav-tabs>li>a {
        padding: 10px;
        padding-left: 55px
    }

    .tab-style1 .sppb-nav-tabs>li>a img {
        max-width: 30px;
        left: 10px
    }

    .header-widget {
        max-height: 100%
    }

    .header-widget .sppb-dynamic-content-image-wrapper img {
        max-height: 100%
    }

    .header-widget .caption {
        max-width: 100%
    }
}


.sppb-carousel-extended-item .sppb-addon-clients-image {
  height: 90px !important;
  width: auto !important;
  max-width: 100%;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}

/* === Horizontal mega menu for Services (rebuilt against Helix's actual markup) === */
/*
   Real DOM (confirmed from plugins/system/helixultimate/src/Core/Classes/HelixultimateMenu.php):

   .sp-dropdown.sp-dropdown-mega
     .sp-dropdown-inner
       .row                        (one per configured mega-menu row)
         .col-sm-N                 (one per configured column - a REAL column, must stay in flow)
           ul.sp-mega-group
             li.item-header
               a.sp-group-title    (only present when this item HAS children)
               ul.sp-mega-group-child.sp-dropdown-items   (nested INSIDE the li - not a flyout)
                 li > a

   The previous version used `display: contents` on the column and group wrapper, and
   `position: absolute` on the children list. That strips the columns out of layout
   entirely (every header across every column becomes one flat row of flex items) and
   then pops each children list out as a floating layer with no column to anchor to -
   which is exactly the overlapping/garbled text seen in the screenshots.

   Fix: keep columns and groups as real, normal-flow boxes, and let the children list
   expand DOWNWARD IN PLACE inside its own column instead of floating over everything.
*/

.sp-megamenu-parent .sp-dropdown-mega,
.sp-megamenu-parent .sp-dropdown-mega .sp-dropdown-inner {
  background: #f4f5f7;
  z-index: 999;
}

.sp-megamenu-parent .sp-dropdown-mega {
  box-shadow: 0 12px 24px rgba(0, 0, 0, .08);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

/* Real flex row of real columns - nothing is flattened out of the layout */
.sp-megamenu-parent .sp-dropdown-mega .row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.sp-megamenu-parent .sp-dropdown-mega .row > [class*="col-"] {
  flex: 0 0 calc(100% - 280px);
  max-width: calc(100% - 280px);
  min-width: 0;
  box-sizing: border-box;
  padding: 20px 16px;
  background: #fff;
  border-radius: 10px;
  margin: 0 8px;
}

/* Break the panel out of the nav item's coordinate system - left:50% earlier
   centered relative to the tiny "Services" <li>, not the viewport, since
   that's the nearest POSITIONED ancestor. position:fixed's containing block
   is always the viewport, sidestepping that problem entirely. left:0/right:0
   plus margin:auto then centers the panel within the viewport.

   Width has to be repeated here explicitly, matching the theme's own
   .sp-menu-full.container breakpoint values (540/720/960/1140/1320px,
   defined further up in this file) - because that original rule ISN'T
   !important, and the conflicting width:285px rule at custom.css:578 IS
   !important, so the container rule alone can never win. Re-declaring the
   same values with !important here is what actually lets them apply. */
#sp-header .sp-megamenu-parent .sp-menu-item.sp-has-child .sp-dropdown-mega {
  position: fixed !important;
  top: 64px !important; /* matches #sp-header { height: 64px } */
  left: 0 !important;
  right: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  transform: none !important;
  width: 960px !important;
}

@media (min-width: 1200px) {
  #sp-header .sp-megamenu-parent .sp-menu-item.sp-has-child .sp-dropdown-mega {
    width: 1140px !important;
  }
}

@media (min-width: 1400px) {
  #sp-header .sp-megamenu-parent .sp-menu-item.sp-has-child .sp-dropdown-mega {
    width: 1320px !important;
  }
}

@media (max-width: 991px) {
  #sp-header .sp-megamenu-parent .sp-menu-item.sp-has-child .sp-dropdown-mega {
    width: 720px !important;
  }
}

@media (max-width: 767px) {
  #sp-header .sp-megamenu-parent .sp-menu-item.sp-has-child .sp-dropdown-mega {
    width: calc(100% - 30px) !important;
  }
}

.sp-megamenu-parent .sp-dropdown-mega .sp-dropdown-inner {
  padding: 40px 0;
}

/* Plain vertical list of group headers inside each column */
.sp-megamenu-parent .sp-mega-group {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sp-megamenu-parent .sp-mega-group > li {
  position: relative;
}

.sp-megamenu-parent .sp-mega-group > li:not(:last-child) {
  margin-bottom: 15px;
}

/* Group header - only items with children get the a.sp-group-title class */
.sp-megamenu-parent .sp-mega-group > li > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #1a1a1a;
  font-weight: 600;
  text-transform: none;
}

.sp-megamenu-parent .sp-mega-group > li > a.sp-group-title {
  color: var(--nb-navy);
}

/* Caret, only drawn on headers that actually have a children list to toggle */
.sp-megamenu-parent .sp-mega-group > li:has(.sp-mega-group-child) > a::after {
  content: "";
  width: 0;
  height: 0;
  margin-left: 10px;
  flex-shrink: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 6px solid currentColor;
  transition: transform .25s ease;
}

.sp-megamenu-parent .sp-mega-group > li:hover:has(.sp-mega-group-child) > a::after {
  transform: rotate(90deg);
}

/* Children list: nested INSIDE its own li, expands in normal flow (no absolute, no overlap) */
.sp-megamenu-parent .sp-mega-group-child {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height .3s ease, opacity .2s ease;
}

.sp-megamenu-parent .sp-mega-group-child li a {
  display: block;
  padding: 6px 0 6px 14px;
  color: #4a4a4a;
}

/* Toggle: hover OR keyboard focus opens the children list for that one header only.
   margin-top matches the li's own margin-bottom (10px) below, so the gap
   from the header down to the first child equals the gap from the last
   child down to the next header: 10px + the child link's own 6px padding
   = 16px on both sides. */
.sp-megamenu-parent .sp-mega-group > li:hover > .sp-mega-group-child,
.sp-megamenu-parent .sp-mega-group > li:focus-within > .sp-mega-group-child {
  max-height: 600px;
  opacity: 1;
  margin-top: 10px;
}

/* Hide the mispositioned underline on the "menu-justify" item */
.sp-megamenu-parent > li.menu-justify:after {
  display: none;
}

/* Re-create it on the link itself, so it sizes to just the link text */
.sp-megamenu-parent > li.menu-justify > a {
  position: relative;
}

.sp-megamenu-parent > li.menu-justify > a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: #fff;
  visibility: hidden;
  opacity: 0;
  transition: all .3s ease;
}

.sp-megamenu-parent > li.menu-justify:hover > a:after,
.sp-megamenu-parent > li.menu-justify:focus > a:after,
.sp-megamenu-parent > li.menu-justify.active > a:after {
  visibility: visible;
  opacity: 1;
}
/* =====================================================
   Nightingale menu fix v2 — caret + dropdown style
   ===================================================== */

/* Why the old fix broke things: this "Services" item carries
   BOTH .sp-has-child AND .menu-justify. .menu-justify already
   owns the ::after pseudo-element for its bottom underline bar
   (see the "Hide the mispositioned underline" block above).
   My first attempt also wrote to ::after for the caret, so the
   two rules fought over the same pseudo-element — and setting
   the link to display:inline-flex reflowed every top-level item,
   not just Services, which is what broke the rest of the bar.
   This version leaves ::after and display alone completely and
   draws the caret on ::before instead, so there's no collision. */

.sp-megamenu-parent > li.sp-has-child > a,
.sp-megamenu-parent > li.sp-has-child > span {
    position: relative;
    padding-right: 16px;
}

.sp-megamenu-parent > li.sp-has-child > a:before,
.sp-megamenu-parent > li.sp-has-child > span:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 0;
    height: 0;
    margin-top: -2px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid currentColor;
    transition: transform .25s ease;
    pointer-events: none;
}

.sp-megamenu-parent > li.sp-has-child:hover > a:before,
.sp-megamenu-parent > li.sp-has-child:hover > span:before,
.sp-megamenu-parent > li.sp-has-child:focus > a:before,
.sp-megamenu-parent > li.sp-has-child:focus > span:before {
    transform: rotate(180deg);
    margin-top: -3px;
}

/* The theme's own caret rule is scoped to body.ltr and uses a
   Font Awesome content code that isn't rendering (that's why it
   was invisible until hover triggered the underline instead).
   Switch it off outright so it can't conflict with the caret above. */
body.ltr .sp-megamenu-parent > li.sp-has-child > a:after,
body.ltr .sp-megamenu-parent > li.sp-has-child > span:after {
    content: none;
}

/* Dropdown panel styling — background, spacing, font, hover accent */
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main {
    background: #ffffff;
    border: none;
    /* flush against the menu bar on top, rounded where it floats free at the bottom */
    border-radius: 0 0 12px 12px;
    overflow: hidden;
    box-shadow: 0 16px 40px rgba(31, 58, 95, .14);
    margin-top: 0;
    padding: 0;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    box-shadow: none;
    padding: 22px 30px;
    min-width: 220px;
    font-family: "Plus Jakarta Sans", sans-serif;
}

/* The theme itself already has a border-bottom rule for these rows at
   #sp-header ... .sp-dropdown-items li.sp-menu-item:not(:last-child) —
   but it uses var(--sppb-border-primary), and that variable is never
   defined anywhere in this stylesheet. An undefined custom property
   makes the whole border-bottom declaration invalid, so the browser
   drops it silently — no border, no error. That ID-scoped selector
   also outranks every class-only rule I'd written before, which is
   why none of my earlier attempts could override it no matter what I
   changed. Overriding that exact selector, with !important, is the
   only way to win here.

   Second: the alignment issue is "Commercial Cleaning Services"
   wrapping onto 2 lines while its neighbours stay on 1, which pushes
   only that column's next item down. Giving every row a shared
   min-height (tall enough for 2 lines) and centering the link inside
   it fixes that regardless of how much any one label wraps. */
#sp-header .sp-megamenu-parent .sp-menu-item.sp-has-child .sp-dropdown-main .sp-dropdown-inner .sp-dropdown-items li.sp-menu-item:not(:last-child) {
    border-bottom: 1px solid #e5e5e5 !important;
}

#sp-header .sp-megamenu-parent .sp-menu-item.sp-has-child .sp-dropdown-main .sp-dropdown-inner .sp-dropdown-items li.sp-menu-item {
    display: flex !important;
    align-items: center !important;
    min-height: 48px !important;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
    border-radius: 8px;
    transition: background-color .2s ease;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
    display: block;
    width: 100%;
    padding: 10px 14px;
    font-size: 15px;
    font-weight: 500;
    color: #1a1a1a;
    border-radius: 8px;
    transition: color .2s ease, background-color .2s ease;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover {
    background-color: rgba(6, 98, 173, .08);
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover > a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover span:not(.sp-menu-badge) {
    color: var(--nb-gold-dark);
}
/* =====================================================
   Services mega menu — v3: anchor under the trigger,
   fix the single-column width squeeze, add left padding
   =====================================================
   This menu now only has ONE column of 6 stacked items
   (not the old 4-column layout), but the earlier rule still
   forces every column to 25% of a 960-1320px panel - roughly
   240-330px, too narrow for "Commercial Cleaning Services"
   or "Gardening and Landscaping" to sit on one line, hence
   the wrapping in your screenshot.

   Also moving the panel itself from position:fixed +
   viewport-centering back to position:absolute anchored to
   the "Services" trigger. Viewport-centering made sense for
   a wide 4-column panel that needed to stay visually balanced
   - a single narrow column has no overflow risk anchored
   under its own trigger, and anchoring is what "start from
   Services" actually needs: the panel's left edge lining up
   with the Services link, not the middle of the page. */

#sp-header .sp-megamenu-parent .sp-menu-item.sp-has-child .sp-dropdown-mega {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  right: auto !important;
  margin: 0 !important;
  transform: none !important;
  width: 360px !important;
}

@media (min-width: 768px) {
  #sp-header .sp-megamenu-parent .sp-menu-item.sp-has-child .sp-dropdown-mega {
    width: 360px !important;
  }
}

@media (min-width: 991px) {
  #sp-header .sp-megamenu-parent .sp-menu-item.sp-has-child .sp-dropdown-mega {
    width: 360px !important;
  }
}

@media (min-width: 1200px) {
  #sp-header .sp-megamenu-parent .sp-menu-item.sp-has-child .sp-dropdown-mega {
    width: 350px !important;
  }
}

@media (min-width: 1400px) {
  #sp-header .sp-megamenu-parent .sp-menu-item.sp-has-child .sp-dropdown-mega {
    width: 360px !important;
  }
}

/* Single column: stop forcing 25% width, let it fill the
   360px panel, and give it real left padding */
.sp-megamenu-parent .sp-dropdown-mega .row > [class*="col-"] {
  flex: 1 1 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 20px 24px 20px 40px !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  background: transparent !important;
}

/* =====================================================
   Home "Our Services" navy section -- FINAL, consolidated
   =====================================================
   This replaces four separate, overlapping rule-sets written across
   earlier edits (a blanket h1-h4/p/span rule, a .sppb-addon-title
   rule, a "two-tone heading" rule, and a final non-!important rule
   that could never win against the other three). Those four were
   actively fighting each other over the SAME elements -- that's why
   the heading kept rendering the wrong colour no matter what was
   changed. This is the only version now; nothing else in the file
   sets colour for anything inside .home-services-navy-section.

   Scoped entirely to .home-services-navy-section, which the SQL
   applies to only this one row on the Home page -- nothing here can
   reach the Services list page or any individual service page. */

/* Base paragraph text in this section -- soft white */
.home-services-navy-section p {
    color: rgba(255, 255, 255, 0.85) !important;
}

/* "Our Services" eyebrow label -- white */
.home-services-navy-section h5.sppb-addon-title {
    color: #ffffff !important;
}

/* "15+ Years <br> Of <span>Trusted Cleaning</span>" -- base text white,
   the <span> (Trusted Cleaning) in light grey for a two-tone heading.
   The span rule must come second so it wins over the plain h3 rule
   for the text inside it specifically. */
.home-services-navy-section h3.sppb-addon-title {
    color: #ffffff !important;
}

.home-services-navy-section h3.sppb-addon-title span {
    color: #C9CED6 !important;
}

/* Service card titles (Commercial Cleaning Services, Apartment Cleaning
   Services, etc.) -- gold by default, white on hover. Same gold
   (--nb-gold) used for the "Explore All Services" link below, so the
   section reads as one consistent accent colour. */
.home-services-navy-section .sppb-dynamic-content-text__link h5.sppb-dynamic-content-text {
    color: var(--nb-gold) !important;
    transition: color .2s ease;
}

.home-services-navy-section .sppb-dynamic-content-text__link:hover h5.sppb-dynamic-content-text {
    color: #ffffff !important;
}

/* "Explore All Services" link text -- gold, white on hover */
.home-services-navy-section a {
    color: var(--nb-gold) !important;
}

.home-services-navy-section a:hover {
    color: #ffffff !important;
}

/* "Explore All Services" dots -- default white, gold on hover
   (inverse of the link text above, so they stay visually paired) */
.home-services-navy-section .btn-link-load i::before,
.home-services-navy-section .btn-link-load i::after {
    color: #ffffff !important;
    transition: color 0.3s ease;
}

.home-services-navy-section .btn-link-load:hover i::before,
.home-services-navy-section .btn-link-load:hover i::after {
    color: var(--nb-gold) !important;
}

/* Decorative corner-bracket shapes / icons -- lightened. Generic
   selector since the exact class wasn't confirmed from page data --
   if this doesn't catch them, inspect one and tell me its actual
   class/element and I'll retarget this precisely. */
.home-services-navy-section svg,
.home-services-navy-section svg path,
.home-services-navy-section .sppb-icon,
.home-services-navy-section [class*="shape"],
.home-services-navy-section [class*="icon"] {
    fill: #ffffff !important;
    color: #ffffff !important;
    opacity: 0.85;
}

/* =====================================================
   Testimonial tabs -- all 11, horizontally scrollable
   =====================================================
   Both Home and About Us use the same SP Page Builder Tabs addon
   (class .tab-style1) for testimonials. All 11 items are confirmed
   present in the page - the theme's own nav-tabs CSS already scrolls
   horizontally, but hides the scrollbar entirely (opacity: 0 further
   up in this file), so there was no visible cue that more items sit
   off-screen to the right.

   Single row, always scrollable, with a slim visible scrollbar and
   momentum scrolling on touch devices. Scoped to .tab-style1 only. */
.tab-style1 .sppb-nav-tabs {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
    scrollbar-color: var(--nb-ink) #f0f2f3;
}

.tab-style1 .sppb-nav-tabs::-webkit-scrollbar {
    opacity: 1 !important;
    position: static !important;
    height: 6px !important;
    margin-top: 8px !important;
    background-color: #f0f2f3 !important;
}

.tab-style1 .sppb-nav-tabs::-webkit-scrollbar-thumb {
    background-color: var(--nb-ink);
    border-radius: 3px;
}

.tab-style1 .sppb-nav-tabs > li {
    min-width: 220px !important;
    flex: 0 0 auto !important;
    scroll-snap-align: start;
}


/* === Nebiyu Lera logo ===========================================================
   The header uses the WHITE wordmark (nebiyu-lera-logo-white.svg, set in Template Options)
   while it sits transparent over the hero. Whenever the header turns light - sticky bar,
   search view, off-canvas - the full-colour logo is swapped in. The url() is relative to
   THIS stylesheet (templates/mednic/css/custom.css) so ../../../images/ always resolves to the
   site's own /images folder, at the domain root or in a sub-folder like /nebiyu/. */
#sp-header.header-sticky #sp-logo .logo .logo-image,
.view-search #sp-header #sp-logo .logo .logo-image,
.offcanvas-menu .logo .logo-image {
  filter: none !important;
  content: url("../../../images/nebiyu/nebiyu-lera-logo.svg");
}
#sp-header .logo .logo-image, .offcanvas-menu .logo .logo-image { height: auto; max-height: 52px; width: auto; }
#sp-header.header-sticky .logo .logo-image { max-height: 46px; }


/* ==== Home "Research & Publications" section -> brand dark navy ==== */
.home-services-navy-section,
.home-services-navy-section.sppb-section {
  background: #071746 !important;
  background-image: none !important;
}


/* ==== Uniform image height in the Publications masonry ==== */
.services-list.services-masonry1 .sppb-dynamic-content-collection__item .service-img {
  height: 300px !important;
  max-height: 300px !important;
  min-height: 0 !important;
  overflow: hidden;
}
.services-list.services-masonry1 .sppb-dynamic-content-collection__item .service-img img {
  width: 100% !important;
  height: 300px !important;
  min-height: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
}


/* ==== About page: full-width raw-HTML sections (fixes squeezed Company Profile / Projects) ==== */
#sppb-addon-wrapper-shv-a-company-profile,
#sppb-addon-wrapper-shv-a-projects,
.shv-section .sppb-addon-wrapper.addon-root-raw-html {
  width: 100% !important;
  max-width: 100% !important;
}
.shv-section .sppb-addon-raw-html,
.shv-section .sppb-addon-raw-html .sppb-addon-content {
  width: 100%;
  max-width: 100%;
}

/* =====================================================
   Home hero slider -- balanced titles + 2-line icon labels
   =====================================================
   WHY THE TITLE WAS WRAPPING TO 3 LINES
   The slide titles are set to 60/46/38/30px in the slider, but the site-wide
   h1 rule (84px, line-height 1) was winning, so every title rendered far
   larger than intended. "717 Shades. / One Wall of Fame" was the only one
   long enough to overflow the content box and wrap to a 3rd line.
   Fix: pin ONE size scale for all slides, and stop the <br>-separated
   lines from wrapping on desktop/tablet. Scoped to .hero-slider only. */

.hero-slider .sp-slider-outer-stage .sp-item h1,
.hero-slider .sp-slider-outer-stage .sp-item h1 .for-slider {
  font-size: 60px !important;
  line-height: 66px !important;
  letter-spacing: -1px !important;
  font-weight: 500 !important;
}

.hero-slider .sp-slider-outer-stage .sp-item h1 .for-slider {
  display: inline-block;
  white-space: nowrap;           /* keep each <br> line on one line */
}

@media (max-width: 1199.98px) {
  .hero-slider .sp-slider-outer-stage .sp-item h1,
  .hero-slider .sp-slider-outer-stage .sp-item h1 .for-slider {
    font-size: 46px !important;
    line-height: 54px !important;
    letter-spacing: -0.5px !important;
  }
}

@media (max-width: 991.98px) {
  .hero-slider .sp-slider-outer-stage .sp-item h1,
  .hero-slider .sp-slider-outer-stage .sp-item h1 .for-slider {
    font-size: 38px !important;
    line-height: 46px !important;
  }
}

@media (max-width: 767.98px) {
  .hero-slider .sp-slider-outer-stage .sp-item h1,
  .hero-slider .sp-slider-outer-stage .sp-item h1 .for-slider {
    font-size: 30px !important;
    line-height: 36px !important;
    letter-spacing: 0 !important;
  }
}

@media (max-width: 575.98px) {
  .hero-slider .sp-slider-outer-stage .sp-item h1,
  .hero-slider .sp-slider-outer-stage .sp-item h1 .for-slider {
    font-size: 26px !important;
    line-height: 32px !important;
  }
  /* very small phones: allow wrapping rather than overflowing the screen */
  .hero-slider .sp-slider-outer-stage .sp-item h1 .for-slider {
    white-space: normal;
  }
}

/* -----------------------------------------------------
   The 3 icon boxes under the hero ("Built to Weather Nairobi", etc.)
   On desktop each box has 30px left / 40px right padding inside a ~190px
   cell, leaving ~120px for text, which forced "Built to Weather Nairobi"
   onto 3 lines. Trim the right padding / font so it fits as 2 lines:
   "Built to Weather" / "Nairobi".
   Desktop only (>=1200px): tablet/mobile keep the theme's own smaller
   padding and font sizes, which are defined earlier in this file. */
@media (min-width: 1200px) {
  .hero-slider .sp-slider-custom-dot-indecators ul li {
    padding: 30px 14px 30px 30px;
  }
  .hero-slider .sp-slider-custom-dot-indecators ul li .sp-slider-dot-indecator-text {
    font-size: 15px;
    letter-spacing: -0.4px;
  }
}

/* ---- 3. Nebiyu additions: hero slider, publications, parallax, field strip, gallery ---- */
/* ===== Nebiyu additions: hero slider, publications, parallax, field strip, gallery ===== */
.home-services-navy-section,.home-services-navy-section.sppb-section{background:var(--nb-navy-deep,#071746)!important;background-image:none!important}
.hero-slider .sp-slider-outer-stage .sp-item .sppb-container{max-width:1240px}
.nb-plx-sec .sppb-container,.nb-plx-sec{color:#fff}
.nb-plx{max-width:880px;margin:0 auto;text-align:center;color:#fff}
.nb-plx-kicker{display:inline-block;font-size:12px;letter-spacing:.28em;font-weight:700;color:var(--nb-gold-light,#eac26b);margin-bottom:22px}
.nb-plx blockquote{margin:0 0 20px;padding:0;border:0;color:#fff;font-size:clamp(26px,4vw,46px);line-height:1.2;font-weight:500;letter-spacing:-.02em}
.nb-plx-by{color:rgba(255,255,255,.82);font-size:15px;margin:0 0 30px}
.nb-field{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:34px}
.nb-field figure{margin:0}
.nb-field img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px;display:block;box-shadow:0 8px 24px rgba(16,27,76,.14)}
.nb-field figcaption{margin-top:12px;font-size:14px;line-height:1.45;color:var(--nb-muted,#5d6a80)}
.nb-more{margin-top:26px}
@media(max-width:991px){.nb-field{grid-template-columns:repeat(2,1fr)}}
@media(max-width:575px){.nb-field{grid-template-columns:1fr}}
.nb-src-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;margin-top:30px}
.nb-src h3{font-size:18px;margin:0 0 14px;color:var(--nb-navy,#101b4c)}
.nb-src ul{margin:0;padding-left:20px}.nb-src li{margin-bottom:10px;line-height:1.5;color:var(--nb-ink,#1f3a5f)}
.nb-src a{color:var(--nb-gold-dark,#8b642d);word-break:break-word}
.nb-note-text{margin-top:28px;padding-top:18px;border-top:1px solid var(--nb-line,#e3ded0);font-size:14px;color:var(--nb-muted,#5d6a80)}
@media(max-width:767px){.nb-src-grid{grid-template-columns:1fr}}
.nb-gal-h{margin:46px 0 14px;font-size:26px;color:var(--nb-navy,#101b4c)}
.nb-gal-note{margin:0 0 14px;font-size:14px;color:var(--nb-muted,#5d6a80)}
.nb-gal,.nb-gal.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.nb-gal figure{margin:0}
.nb-gal img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;display:block;transition:transform .25s}
.nb-gal a:hover img{transform:scale(1.02)}
.nb-gal figcaption{margin-top:10px;font-size:14px;line-height:1.45;color:var(--nb-muted,#5d6a80)}
@media(max-width:991px){.nb-gal,.nb-gal.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:575px){.nb-gal,.nb-gal.grid{grid-template-columns:1fr}}
/* parallax band contrast fixes */
.nb-plx p,.nb-plx .nb-plx-by{color:rgba(255,255,255,.92)!important}
.nb-plx blockquote,.nb-plx h2{color:#fff!important}
.nb-plx .nb-btn-ghost{color:#fff!important;border-color:rgba(255,255,255,.75)!important;background:transparent!important}
.nb-plx .nb-btn-ghost:hover{background:#fff!important;color:#101b4c!important}
.nb-jobmeta{margin:-6px 0 8px;color:var(--nb-muted,#5d6a80)}


/* ---- 4. Nebiyu page components ---- */
/* 4a. rules carried from the pre-merge article / resume / header / footer styling */
/* ===== Brand layer (Mednic theme) ===== */

/* Type: Poppins everywhere (icon fonts keep their own family) */
body,body :where(p,li,a,span,div,input,select,textarea,button,label,td,th,h1,h2,h3,h4,h5,h6){font-family:'Poppins','Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
body{color:var(--sv-text);font-weight:400;line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6,.sppb-addon-title{font-weight:700;letter-spacing:-.015em;line-height:1.18}
h1{letter-spacing:-.03em}
b,strong{font-weight:600}
::selection{background:var(--sv-gold);color:var(--sv-navy)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(216,161,76,.6);outline-offset:2px}

/* Header + menu */
#sp-header .sp-megamenu-parent>li>a,#sp-header .sp-megamenu-parent>li>span{font-weight:500;font-size:15px;letter-spacing:0}
#sp-header .header-sticky-button,#sp-header .header-sticky-button a{font-weight:600;letter-spacing:.01em}
#sp-header .sp-megamenu-parent .sp-dropdown-items a{font-weight:500}

/* Page title banners (inner pages) */
.sp-page-title .sp-page-title-heading{font-size:clamp(34px,5vw,60px);max-width:100%;letter-spacing:-.025em;font-weight:700}
.sp-page-title .sp-page-title-sub-heading{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sv-gold);margin-bottom:10px}
.sp-page-title .sp-page-title-sub-heading:before{content:"";display:inline-block;width:34px;height:4px;margin-right:12px;vertical-align:middle;background:var(--sv-stripe)}

/* Small "eyebrow" headings above section titles */
#sp-main-body .sppb-addon-header h6.sppb-addon-title{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
#sp-main-body .sppb-addon-header h6.sppb-addon-title:before{content:"";display:inline-block;width:34px;height:4px;margin-right:12px;vertical-align:middle;background:var(--sv-stripe)}

/* Buttons */
.sppb-btn,.btn,button.sppb-btn,a.sppb-btn{font-weight:600;letter-spacing:.01em;border-radius:10px;transition:transform .2s,box-shadow .2s,background-color .2s,color .2s}
.sppb-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(11,31,54,.18)}

/* Forms */
#sp-main-body input:not([type=checkbox]):not([type=radio]):not([type=submit]),#sp-main-body select,#sp-main-body textarea{border:1px solid var(--sv-line);border-radius:10px;background-color:#fff}
#sp-main-body input:not([type=checkbox]):not([type=radio]):not([type=submit]):focus,#sp-main-body select:focus,#sp-main-body textarea:focus{border-color:var(--sv-gold);box-shadow:0 0 0 3px rgba(216,161,76,.25);outline:0}

/* Images: soft rounded corners on content images only */
#sp-main-body .sppb-addon-single-image img,#sp-main-body .sppb-addon-image img{border-radius:14px}

/* Footer: tricolour top edge + gold headings, like the brochure's dark pages */
#sp-bottom,#sp-footer,footer.sp-footer,.sp-footer{border-top:4px solid transparent;border-image:var(--sv-stripe) 1}
#sp-bottom .sppb-addon-header h6.sppb-addon-title,#sp-bottom .sppb-addon-header h5.sppb-addon-title,#sp-bottom .sppb-addon-header h4.sppb-addon-title{color:var(--sv-gold);font-size:13px;letter-spacing:.16em;text-transform:uppercase}
#sp-bottom a:hover{color:var(--sv-gold)}

/* Handy utilities for page sections */
.sv-cream,.sppb-section.sv-cream{background:var(--sv-cream)!important}
.sv-navy,.sppb-section.sv-navy{background:var(--sv-navy)!important}
.sv-stripe{height:4px;background:var(--sv-stripe);border:0}

/* Brand components */
.sx-eyebrow{font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:13px}
.sx-section h2{font-weight:700;letter-spacing:-.02em;color:var(--sv-navy)}

/* Mobile rhythm */
@media(max-width:767px){body{font-size:15px}.sp-page-title{padding:150px 0 56px}}

/* ===== Prof. Nebiyu Lera Alaro: profile content styles (articles, resume, gallery) ===== */
.article-details .eyebrow{font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:.78rem;color:var(--sv-blue);margin:0 0 .6rem}
.article-details h1{color:var(--sv-navy);font-weight:700;line-height:1.15;margin:0 0 .6rem}
.article-details h2{color:var(--sv-navy);font-weight:700;margin:2.2rem 0 .8rem;padding-bottom:.45rem;border-bottom:3px solid var(--sv-gold);display:inline-block}
.article-details h3{color:var(--sv-navy-2);font-weight:600;margin:1.4rem 0 .4rem}
.article-details .lead{font-size:1.15rem;line-height:1.7;color:var(--sv-text);max-width:62ch}
.article-details .nb-portrait{float:right;width:min(340px,42%);height:auto;margin:0 0 1.2rem 2rem;border-radius:18px;box-shadow:0 14px 34px rgba(7,23,70,.22)}
@media(max-width:767px){.article-details .nb-portrait{float:none;display:block;width:min(320px,100%);margin:1rem auto}}
.article-details .nb-focus{list-style:none;padding:0;margin:1rem 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.article-details .nb-focus li{background:var(--sv-cream);border:1px solid var(--sv-line);border-left:4px solid var(--sv-gold);border-radius:12px;padding:16px 18px;line-height:1.6}
.article-details .editorial-note{background:#F3F6FA;border-left:4px solid var(--sv-navy-2);padding:12px 16px;border-radius:8px;font-size:.92rem;color:var(--sv-text);margin-top:1.6rem}
.article-details .nb-social{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.article-details .nb-social a{display:inline-block;padding:9px 18px;border-radius:999px;border:1.5px solid var(--sv-navy-2);color:var(--sv-navy-2);font-weight:600;text-decoration:none;transition:all .25s}
.article-details .nb-social a:hover{background:var(--sv-navy-2);color:#fff}
/* gallery */
.article-details .gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin:1rem 0 2rem}
.article-details .gallery figure{margin:0;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 6px 18px rgba(7,23,70,.12);transition:transform .25s,box-shadow .25s}
.article-details .gallery figure:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(7,23,70,.2)}
.article-details .gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.article-details .gallery figcaption{padding:10px 12px;font-size:.88rem;line-height:1.4;color:var(--sv-text)}
/* resume */
.nb-cvbar{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;background:var(--sv-navy);color:#fff;border-radius:16px;padding:22px 26px;margin:0 0 2rem}
.nb-cvbar h2{color:#fff;border:0;margin:0 0 .3rem;padding:0;display:block}
.nb-cvbar p{margin:0;opacity:.88}
.nb-cvbtns{display:flex;flex-wrap:wrap;gap:10px}
.nb-btn{display:inline-block;padding:11px 22px;border-radius:999px;font-weight:700;text-decoration:none!important;transition:all .25s}
.nb-btn-gold{background:var(--sv-gold);color:var(--sv-navy)!important}
.nb-btn-gold:hover{background:#eac26b}
.nb-btn-ghost{border:1.5px solid #fff;color:#fff!important}
.nb-btn-ghost:hover{background:#fff;color:var(--sv-navy)!important}
.resume-entry{position:relative;padding:0 0 1.4rem 1.4rem;margin:0 0 1rem;border-left:3px solid var(--sv-line)}
.resume-entry::before{content:"";position:absolute;left:-8px;top:.35rem;width:13px;height:13px;border-radius:50%;background:var(--sv-gold);border:2px solid #fff;box-shadow:0 0 0 2px var(--sv-navy-2)}
.resume-date{font-weight:700;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--sv-blue)}
.resume-entry h3{margin:.2rem 0 .1rem;line-height:1.35;white-space:normal}
.resume-org{margin:0 0 .5rem;color:var(--sv-text);font-weight:500}
.resume-entry details{background:#F7F9FC;border:1px solid var(--sv-line);border-radius:10px;padding:10px 14px}
.resume-entry summary{cursor:pointer;font-weight:600;color:var(--sv-navy-2)}
.resume-entry details ul{margin:.7rem 0 0;padding-left:1.1rem}
.resume-entry details li{margin-bottom:.35rem;line-height:1.55}
.article-details .tags{display:flex;flex-wrap:wrap;gap:8px;font-weight:600;color:var(--sv-navy-2)}
/* legal tables */
.article-details table{width:100%;border-collapse:collapse;font-size:.92rem;margin:1rem 0}
.article-details th,.article-details td{border:1px solid var(--sv-line);padding:8px 10px;text-align:left;vertical-align:top}
.article-details th{background:var(--sv-navy);color:#fff}

/* 4b. rules for the Publications, Contact and parallax markup */
.nb-btn{display: inline-block;padding: 15px 26px;font-weight: 700;font-size: 15px;line-height: 1.2;border-radius: 2px;text-decoration: none !important;transition: .25s}
.nb-btn-gold{background: var(--nb-gold);color: var(--nb-navy-deep) !important}
.nb-btn-gold:hover{background: var(--nb-gold-light)}
.nb-ulink{display: inline-block;margin-top: 10px;font-weight: 700;color: var(--nb-navy);text-decoration: none !important;border-bottom: 2px solid var(--nb-gold);padding-bottom: 3px}
.nb-kicker,.nb-eyebrow{font-size: 12px;letter-spacing: .18em;font-weight: 700;color: var(--nb-gold-dark);margin-bottom: 18px;display: flex;align-items: center;gap: 12px}
.nb-sec h1{font-size: clamp(40px,5.4vw,72px);line-height: 1.04;letter-spacing: -.02em;color: var(--nb-navy);margin: 0 0 24px;font-weight: 800}
.nb-sec h2{font-size: clamp(30px,3.6vw,48px);line-height: 1.1;letter-spacing: -.015em;color: var(--nb-navy);margin: 0 0 18px;font-weight: 800}
.nb-sec h1 em,.nb-sec h2 em{font-style: italic;font-weight: 600;color: var(--nb-gold-dark)}
.nb-sec h3{color: var(--nb-navy);font-size: 21px;line-height: 1.3;margin: 0 0 10px;font-weight: 700}
.nb-sec p{color: var(--nb-muted);font-size: 17px;line-height: 1.75}
.nb-actions{display: flex;align-items: center;gap: 28px;flex-wrap: wrap;margin: 30px 0 38px}
.nb-portrait{position: relative;border: 1px solid var(--nb-gold);padding: 14px;background: #fff;box-shadow: 0 30px 60px -30px rgba(16,27,76,.35)}
.nb-portrait img{width: 100%;aspect-ratio: 4 / 5;object-fit: cover;object-position: top;display: block}
.nb-split{display: grid;grid-template-columns: .9fr 1.1fr;gap: 70px;align-items: center}
.nb-split-top{align-items: start}
.nb-head{display: flex;justify-content: space-between;align-items: end;gap: 40px;margin-bottom: 44px;flex-wrap: wrap}
.nb-head p{max-width: 420px;margin: 0}
.nb-contact-card{background: var(--nb-navy);padding: 44px;border-top: 4px solid var(--nb-gold)}
.nb-clabel{display: block;font-size: 12px;letter-spacing: .16em;color: var(--nb-gold-light);font-weight: 700;margin-bottom: 14px}
.nb-email{display: block;color: #fff !important;font-size: clamp(20px,2.4vw,30px);font-weight: 700;word-break: break-all;text-decoration: none !important;margin-bottom: 28px}
.nb-clinks{display: flex;flex-wrap: wrap;gap: 10px}
.nb-clinks a{color: #fff !important;border: 1px solid rgba(234,194,107,.55);padding: 10px 16px;font-size: 14px;font-weight: 600;text-decoration: none !important}
.nb-clinks a:hover{background: var(--nb-gold);color: var(--nb-navy-deep) !important}
@media (max-width: 991px){
.nb-hero,.nb-split{grid-template-columns: 1fr;gap: 40px}
}
@media (max-width: 575px){
.nb-contact-card{padding: 28px 22px}
}
.nb-cvbar{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 18px 28px;background: var(--nb-navy);color: #fff;border-radius: 14px;padding: 26px 30px;margin: 0 0 34px;border-left: 6px solid var(--nb-gold)}
.nb-cvbar h2{color: #fff !important;font-size: 24px !important;margin: 0 0 4px !important}
.nb-cvbar p{color: #dfe4f2 !important;margin: 0 !important;max-width: 520px;font-size: 15px}
.nb-cvbar .nb-cvbtns{display: flex;flex-wrap: wrap;gap: 12px}
.nb-cvbar .nb-btn-ghost{background: transparent;color: #fff !important;border: 2px solid var(--nb-gold)}
.nb-cvbar .nb-btn-ghost:hover{background: var(--nb-gold);color: var(--nb-navy-deep) !important}
@media (max-width: 575px){
.nb-cvbar{padding: 22px 20px}
}
@media(max-width:767px){
.nb-src-grid{grid-template-columns:1fr}
}


/* ---- 5. New home sections (mirror of Shivam structure) ---- */

/* 5a. Research & Publications (navy services section) */
.home-services-navy-section,
.home-services-navy-section.sppb-section {
  background: var(--nb-navy-deep) !important;
  background-image: none !important;
}

/* 5b. Expertise marquee (the Shivam "product tins" strip) */
.nb-marquee-section { background: var(--nb-navy) !important; background-image: none !important; padding: 0 !important; overflow: hidden; border-top: 1px solid rgba(234,194,107,.25); border-bottom: 1px solid rgba(234,194,107,.25); }
.nb-marquee { position: relative; overflow: hidden; padding: 22px 0; -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.nb-marquee__track { display: flex; width: max-content; align-items: center; animation: nb-marquee 48s linear infinite; }
.nb-marquee:hover .nb-marquee__track { animation-play-state: paused; }
.nb-marquee__dup { display: contents; }
.nb-marquee__item { position: relative; display: inline-block; padding: 0 34px 0 0; margin-right: 34px; white-space: nowrap; font-size: 15px; letter-spacing: .14em; text-transform: uppercase; font-weight: 600; color: var(--nb-gold-light); }
.nb-marquee__item::after { content: ""; position: absolute; right: 0; top: 50%; width: 7px; height: 7px; margin-top: -3.5px; transform: rotate(45deg); background: var(--nb-gold); }
@keyframes nb-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .nb-marquee__track { animation: none; flex-wrap: wrap; width: auto; justify-content: center; row-gap: 10px; } .nb-marquee__dup { display: none; } }
@media (max-width: 767px) { .nb-marquee { padding: 16px 0; } .nb-marquee__item { font-size: 12.5px; padding-right: 24px; margin-right: 24px; } }

/* 5c. Featured profile card in the hero (collection "Profile") */
.hero-slider ~ .sppb-addon-dynamic-content-collection img,
.sppb-dynamic-content-collection__item .dynamic-content-image img { object-fit: cover; }

/* 5d. Contact band keeps the same rhythm as the other full-width sections */
.nb-sec .nb-contact-grid { gap: 32px; }

/* 5e. Resume page: peer review & recognition, certificates, languages */
.nb-recog-intro { color: var(--nb-muted); max-width: 70ch; margin: 0 0 22px; }
.nb-recog { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; margin: 0 0 40px; }
.nb-recog-card { margin: 0; background: #fff; border: 1px solid var(--nb-line); border-radius: 14px; overflow: hidden; box-shadow: 0 10px 30px rgba(7,23,70,.08); display: flex; flex-direction: column; }
.nb-recog-card a { display: block; background: var(--nb-paper); line-height: 0; }
.nb-recog-card img { width: 100%; height: 340px; object-fit: contain; object-position: top center; transition: transform .35s ease; background: var(--nb-paper); }
.nb-recog-card:nth-child(2) img { object-fit: cover; object-position: center 30%; }
.nb-recog-card a:hover img { transform: scale(1.02); }
.nb-recog-card figcaption { padding: 20px 22px 24px; display: flex; flex-direction: column; gap: 8px; border-top: 3px solid var(--nb-gold); }
.nb-recog-card figcaption strong { font-size: 19px; line-height: 1.3; color: var(--nb-navy); }
.nb-recog-card figcaption span:not(.nb-recog-tag) { font-size: 15px; line-height: 1.6; color: var(--nb-muted); }
.nb-recog-tag { align-self: flex-start; font-size: 11.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--nb-gold-dark); background: rgba(216,161,76,.16); padding: 4px 10px; border-radius: 999px; }
.nb-recog-sub { margin: 8px 0 6px; color: var(--nb-navy); }
.nb-certs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.nb-cert { margin: 0; background: #fff; border: 1px solid var(--nb-line); border-radius: 12px; overflow: hidden; box-shadow: 0 8px 24px rgba(7,23,70,.07); transition: transform .25s ease, box-shadow .25s ease; }
.nb-cert:hover { transform: translateY(-4px); box-shadow: 0 16px 36px rgba(7,23,70,.14); }
.nb-cert a { display: block; line-height: 0; }
.nb-cert img { width: 100%; height: auto; display: block; }
.nb-cert figcaption { padding: 14px 16px 18px; display: flex; flex-direction: column; gap: 6px; }
.nb-cert figcaption strong { font-size: 14.5px; line-height: 1.4; color: var(--nb-navy); }
.nb-cert figcaption span { font-size: 12.5px; color: var(--nb-muted); letter-spacing: .02em; }
.nb-langs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; max-width: 760px; }
.nb-lang { display: grid; grid-template-columns: 1fr auto; row-gap: 8px; align-items: baseline; }
.nb-lang strong { color: var(--nb-navy); }
.nb-lang span { font-size: 13.5px; color: var(--nb-muted); }
.nb-lang i { grid-column: 1 / -1; height: 6px; border-radius: 99px; background: var(--nb-line); position: relative; overflow: hidden; }
.nb-lang i::after { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--lv, 50%); border-radius: 99px; background: linear-gradient(90deg, var(--nb-gold-dark), var(--nb-gold-light)); }
.resume-ach { margin: 12px 0 4px; }
@media (max-width: 991px) { .nb-certs { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .nb-recog, .nb-certs, .nb-langs { grid-template-columns: 1fr; } .nb-recog-card img { height: 280px; } }


/* =====================================================================
   NEBIYU HOME FIXES (17 Oct 2026)
   1. Hero: 4 icon boxes in ONE straight row beside the white profile card
   2. Expertise marquee: full width, scrolls right-to-left across the page
   3. Parallax band: navy fallback so text stays readable if the photo is missing
   ===================================================================== */

/* ---- 1. Hero icon boxes ------------------------------------------------
   The theme was built for 3 boxes (30% each). With 4 boxes the 4th wrapped
   onto a second row and slid under the headline. Make the list a non-wrapping
   flex row and let the 4 boxes share the available width equally. */
.hero-slider .sp-slider-custom-dot-indecators ul {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch;
  box-sizing: border-box;
}
.hero-slider .sp-slider-custom-dot-indecators ul li {
  flex: 1 1 0 !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0;
  box-sizing: border-box;
}
.hero-slider .sp-slider-custom-dot-indecators ul li .sp-slider-dot-indecator-text {
  overflow-wrap: break-word;
  hyphens: auto;
}
@media (min-width: 1200px) {
  .hero-slider .sp-slider-custom-dot-indecators ul li {
    padding: 28px 12px 28px 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hero-slider .sp-slider-custom-dot-indecators ul li {
    padding: 22px 10px 22px 18px;
  }
  .hero-slider .sp-slider-custom-dot-indecators ul li .sp-slider-dot-indecator-text {
    font-size: 14px;
    line-height: 20px;
  }
}
@media (max-width: 575px) {
  .hero-slider .sp-slider-custom-dot-indecators ul li {
    padding: 10px 6px;
  }
  .hero-slider .sp-slider-custom-dot-indecators ul li svg {
    max-width: 26px;
    margin-bottom: 6px;
  }
  .hero-slider .sp-slider-custom-dot-indecators ul li .sp-slider-dot-indecator-text {
    font-size: 11px;
    line-height: 15px;
    letter-spacing: 0;
  }
}

/* ---- 2. Expertise marquee ----------------------------------------------
   The row's own custom CSS targets a class (.svm-tins-section) this section
   does not have, so the page-builder wrappers shrank around the strip and the
   scrolling text showed in a tiny window. Force every wrapper to full width. */
.nb-marquee-section,
#products-slider {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
.nb-marquee-section .sppb-row-container,
.nb-marquee-section .sppb-container {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.nb-marquee-section .sppb-row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.nb-marquee-section .sppb-column,
.nb-marquee-section .sppb-column-addons,
.nb-marquee-section .sppb-addon-wrapper,
.nb-marquee-section .sppb-addon,
.nb-marquee-section .sppb-addon-content {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  flex: 0 0 100% !important;
  display: block !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.nb-marquee {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.nb-marquee__track {
  will-change: transform;
}

/* ---- 3. Parallax band: readable even when the photo is missing -------- */
.nb-plx-sec {
  background-color: #071746;
  min-height: 360px;
}

/* ---- 4. Parallax band under the scrolling text strip (About Us section) ----
   Belt-and-braces: paints the Addis skyline from CSS so it shows even when the
   page-builder's cached page CSS is stale. Path assumes the site lives in /nebiyu. */
[id*="bd4f68e2-7be3-44dc-8bc0-c7a020235700"],
#products-slider + .sppb-section,
#products-slider + section {
  background-color: #071746 !important;
  background-image:
    linear-gradient(135deg, rgba(7,23,70,.82), rgba(16,27,76,.62)),
    url("../../../images/nebiyu/addis-skyline-parallax.webp") !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}
[id*="bd4f68e2-7be3-44dc-8bc0-c7a020235700"] > .sppb-row-overlay,
#products-slider + .sppb-section > .sppb-row-overlay,
#products-slider + section > .sppb-row-overlay {
  background: transparent !important;
}
@media (max-width: 991px) {
  /* iOS/Android ignore fixed backgrounds; avoid a zoomed-in crop */
  [id*="bd4f68e2-7be3-44dc-8bc0-c7a020235700"],
  #products-slider + .sppb-section,
  #products-slider + section { background-attachment: scroll !important; }
}

/* ---- 5. Certificates on the home Publications cards: show the whole certificate ----
   Cards crop images to a 300px band; certificates must not lose their edges. */
.services-list.services-masonry1 .sppb-dynamic-content-collection__item .service-img img[src*="texila-certificate"],
.services-list.services-masonry1 .sppb-dynamic-content-collection__item .service-img img[src*="acta-scientific"] {
  object-fit: contain !important;
  background: #f4ecd2;
}
.services-list.services-masonry1 .sppb-dynamic-content-collection__item .service-img img[src*="acta-scientific"] {
  background: #fff;
}


/* ---- 6. Page-title banner descriptions (About, Resume, Publications, Gallery, Contact) ----
   Helix renders the menu item's subtitle as .sp-page-title-sub-heading. The template styles it as a
   short uppercase eyebrow, so here it becomes a readable sentence under the page heading. */
.sp-page-title .sp-page-title-sub-heading{
  display:block;
  max-width:62ch;
  margin:16px 0 0;
  font-size:clamp(15px,1.5vw,18px);
  font-weight:400;
  line-height:1.6;
  letter-spacing:0;
  text-transform:none;
  color:rgba(255,255,255,.88);
}
.sp-page-title .sp-page-title-sub-heading:before{display:none}

/* ---- 7. Inner page banners: navy overlay (30%) over each menu item's background image ---- */
.sp-page-title{
  position:relative;
  isolation:isolate;
}
.sp-page-title::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(7,23,70,.30);   /* navy #071746 at 30% */
  z-index:0;
  pointer-events:none;
}
.sp-page-title>.container{
  position:relative;
  z-index:1;                       /* keeps title, subtitle and breadcrumb above the overlay */
}

/* ---- 8. Show the inner-page banner on article pages too (About, Resume, Gallery) ----
   The base Mednic stylesheet hides #sp-page-title on every .view-article page, which removed the banner and left the
   white header menu invisible on a white background. This turns it back on. */
.view-article #sp-main>#sp-page-title{
  display:block !important;
}

/* ---- 9. One corner bracket only on article-page banners (About, Resume, Gallery) ----
   The article header draws its own bracket on top of the page-title one. Hide it so the banner matches Contact. */
.view-article .article-header-container .article-header-info .article-header::before{
  display:none !important;
}

/* ---- 10. Article-page banners: hide the date / author line, leaving only title and subtitle ---- */
.view-article .article-header-container .article-header-info .article-info,
.view-article .article-header-container .article-header-info dl.article-info{
  display:none !important;
}

/* ---- 11. Blog posts: one clean image header (white title, date and author), no "Blog" banner on top ---- */
/* Hide the page-title banner on blog posts (posts with a header image, or opened from the Blog menu item) */
body.view-article.itemid-9107 #sp-main>#sp-page-title,
body.view-article:has(.article-full-image) #sp-main>#sp-page-title,
body.view-article:has(.article-full-image) #sp-page-title{
  display:none !important;
}
/* Navy overlay (30%) over the image, a little darker at the bottom so the white title reads clearly */
.view-article .article-header-container .article-full-image::before{
  height:100%;
  bottom:0;
  background:linear-gradient(180deg,rgba(7,23,70,.30) 0%,rgba(7,23,70,.30) 40%,rgba(7,23,70,.75) 100%);
}
/* Title in white, sized to fit long titles */
.view-article .article-header-container .article-header-info .article-header>:first-child,
.view-article .article-header-container .article-header-info .article-header h1,
.view-article .article-header-container .article-header-info .article-header h2{
  color:#fff !important;
  font-size:clamp(32px,5vw,64px) !important;
  line-height:1.1 !important;
  letter-spacing:-.02em;
}
/* Date and author line under the title (only appears where the author is switched on, i.e. blog posts) */
.view-article .article-header-container .article-header-info .article-info:has(.createdby){
  display:flex !important;
  flex-wrap:wrap;
  align-items:center;
}
.view-article .article-header-container .article-header-info .article-info:has(.createdby) *{
  color:#fff !important;
}
.view-article .article-header-container .article-header-info .article-info .category-name{
  display:none !important;
}

/* =====================================================================================
   5f. WhatsApp bar vs cookie banner on phones
   The cookie banner (z-index 99999) covered the WhatsApp button on narrow screens and blocked taps.
   While the banner is open the button now sits above it.
   ===================================================================================== */
.ng-wa-wrap { z-index: 99990; }
@media (max-width: 560px) {
  body:has(#svcb[style*="block"]) .ng-wa-wrap { bottom: 290px; transition: bottom .25s ease; }
}

/* =====================================================================================
   5g. Gallery grid - hardened
   The original rules only applied inside ".article-details", and image width/height attributes
   could stretch tiles. These rules apply to any ".gallery", keep every tile the same shape,
   never stretch a photo, and keep faces in frame on portrait photos.
   ===================================================================================== */
.gallery {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 16px;
  margin: 1rem 0 2rem;
  align-items: start;
}
.gallery figure {
  margin: 0;
  min-width: 0;
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 6px 18px rgba(7, 23, 70, .12);
  transition: transform .25s, box-shadow .25s;
}
.gallery figure:hover { transform: translateY(-4px); box-shadow: 0 14px 28px rgba(7, 23, 70, .2); }
.gallery figure a { display: block; line-height: 0; }
.gallery figure img {
  display: block;
  width: 100% !important;
  height: auto !important;
  max-width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: center 22%;
}
.gallery figcaption { padding: 10px 12px; font-size: .88rem; line-height: 1.4; color: var(--sv-text, #33414F); }
.gallery a, .gallery img { cursor: zoom-in; }
@media (max-width: 575px) {
  .gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .gallery figcaption { font-size: .8rem; padding: 8px 10px; }
}


/* ---- 12. Books (home section, Books page, book pages, About/Resume strip) ---- */
.nb-books{max-width:1140px;margin:0 auto}
.nb-book-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}
.nb-book{display:grid;grid-template-columns:minmax(130px,200px) 1fr;gap:26px;align-items:center;background:#fff;border:1px solid var(--nb-line);border-top:4px solid var(--nb-gold);padding:26px;box-shadow:0 10px 30px rgba(7,23,70,.08)}
.nb-book-cover{display:block;line-height:0}
.nb-book-cover img{display:block;width:100%;height:auto;border-radius:4px;box-shadow:0 18px 38px rgba(7,23,70,.28);transition:transform .3s ease}
.nb-book-cover:hover img{transform:translateY(-4px)}
.nb-book-body h3{margin:8px 0 4px}
.nb-book-body h3 a{color:var(--nb-navy)!important;text-decoration:none!important}
.nb-book-tag{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--nb-gold-dark);background:rgba(216,161,76,.16);padding:4px 10px;border-radius:999px}
.nb-sec .nb-book-sub{font-style:italic;font-weight:600;color:var(--nb-gold-dark);margin:0 0 10px}
.nb-book-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:18px}
.nb-book-actions .nb-ulink{margin-top:0}
.nb-books-more{margin:30px 0 0;text-align:center}
.nb-bookfeature{display:grid;grid-template-columns:minmax(240px,380px) 1fr;gap:64px;align-items:center;margin:0 0 70px}
.nb-bookfeature.nb-rev{grid-template-columns:1fr minmax(240px,380px)}
.nb-bookfeature.nb-rev .nb-book-cover{order:2}
.nb-bookfeature .nb-book-cover img{border-radius:6px;box-shadow:0 30px 60px rgba(7,23,70,.32)}
.nb-bookfeature h2{margin-top:12px}
.nb-sec .nb-book-facts{font-size:14px;letter-spacing:.04em;font-weight:600;color:var(--nb-navy);margin-top:6px}
.nb-toc{list-style:none;margin:0 0 54px;padding:0;columns:2;column-gap:56px;counter-reset:toc}
.nb-toc li{break-inside:avoid;position:relative;padding:13px 0 13px 54px;border-bottom:1px solid var(--nb-line);font-size:17px;line-height:1.45;font-weight:600;color:var(--nb-navy);counter-increment:toc}
.nb-toc li:before{content:counter(toc,decimal-leading-zero);position:absolute;left:0;top:15px;font-size:13px;letter-spacing:.12em;font-weight:700;color:var(--nb-gold-dark)}
.nb-toc li.nb-toc-extra{counter-increment:none;font-weight:500;font-style:italic;color:var(--nb-muted)}
.nb-toc li.nb-toc-extra:before{content:""}
.nb-excerpt-kicker{margin-top:10px}
.nb-excerpt{margin:0 0 10px;padding:8px 0 8px 28px;border-left:4px solid var(--nb-gold);max-width:760px}
.nb-sec .nb-excerpt p{font-family:Georgia,"Times New Roman",serif;font-size:20px;line-height:1.8;font-style:italic;color:var(--nb-navy)}
.nb-excerpt cite{display:block;margin-top:10px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-style:normal;font-weight:700;color:var(--nb-gold-dark)}
.nb-also{margin-top:56px}
.nb-also-card{display:flex;align-items:center;gap:22px;max-width:560px;background:#fff;border:1px solid var(--nb-line);border-top:4px solid var(--nb-gold);padding:18px 22px;text-decoration:none!important;transition:.25s}
.nb-also-card:hover{box-shadow:0 14px 30px rgba(7,23,70,.14);transform:translateY(-3px)}
.nb-also-card img{width:92px;height:auto;border-radius:3px;box-shadow:0 8px 18px rgba(7,23,70,.25)}
.nb-also-card span{display:flex;flex-direction:column;gap:4px}
.nb-also-card strong{color:var(--nb-navy);font-size:19px}
.nb-also-card em{color:var(--nb-gold-dark);font-weight:600}
.nb-also-card u{text-decoration:none;font-weight:700;color:var(--nb-navy);margin-top:4px}
.nb-bookstrip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:1rem 0 .6rem}
.nb-bookmini{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid var(--nb-line);border-left:4px solid var(--nb-gold);padding:14px 16px;text-decoration:none!important;transition:.25s}
.nb-bookmini:hover{box-shadow:0 12px 26px rgba(7,23,70,.14);transform:translateY(-2px)}
.nb-bookmini img{width:78px;height:auto;border-radius:3px;box-shadow:0 6px 14px rgba(7,23,70,.25)}
.nb-bookmini span{display:flex;flex-direction:column;gap:3px;min-width:0}
.nb-bookmini strong{color:var(--nb-navy);font-size:17px;line-height:1.3}
.nb-bookmini em{color:var(--nb-muted);font-size:14px;line-height:1.4}
@media(max-width:991px){
  .nb-book-grid{grid-template-columns:1fr}
  .nb-bookfeature,.nb-bookfeature.nb-rev{grid-template-columns:1fr;gap:34px;margin-bottom:56px}
  .nb-bookfeature.nb-rev .nb-book-cover{order:0}
  .nb-bookfeature .nb-book-cover{max-width:320px;margin:0 auto}
}
@media(max-width:767px){
  .nb-toc{columns:1}
  .nb-book{grid-template-columns:110px 1fr;gap:18px;padding:18px}
  .nb-bookstrip{grid-template-columns:1fr}
}
@media(max-width:480px){
  .nb-book{grid-template-columns:1fr}
  .nb-book .nb-book-cover{max-width:200px;margin:0 auto}
}

/* =====================================================================================
   6. Photo layouts (Oct 2026): wide gallery tiles, About-page photo strip
   ===================================================================================== */

/* Wide panoramic photos span two columns so nobody is cropped out of a group shot */
.gallery figure.wide { grid-column: span 2; }
.gallery figure.wide img { aspect-ratio: 16 / 9; object-position: center 30%; }
.gallery figure.wide.ultra img { aspect-ratio: 2.1 / 1; object-position: center 35%; }

/* Tall portrait photos: keep faces in frame inside the 4:3 tile */
.gallery img[src*="ethiopia-01"] { object-position: center 24%; }
.gallery img[src*="ethiopia-06"] { object-position: center 38%; }
.gallery img[src*="field-16"]    { object-position: center 26%; }
.gallery img[src*="professional-09"] { object-position: center 20%; }

/* About page: three-photo strip between the story and the focus areas */
.nb-photostrip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: 2rem 0 2.4rem;
  clear: both;
}
.nb-photostrip figure {
  margin: 0;
  min-width: 0;
  overflow: hidden;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(7, 23, 70, .12);
}
.nb-photostrip a { display: block; line-height: 0; }
.nb-photostrip img {
  display: block;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: center 28%;
}
.nb-photostrip figcaption {
  padding: 10px 12px;
  font-size: .88rem;
  line-height: 1.4;
  color: var(--sv-text, #33414F);
  border-top: 3px solid var(--nb-gold, #D8A14C);
}
@media (max-width: 767px) {
  .nb-photostrip { grid-template-columns: 1fr; gap: 12px; }
}

/* Resume recognition cards: letters/graphics sit on the paper tone, never cropped */
.nb-recog-card img[src*="best-diplomats"] { object-fit: contain; object-position: top center; }


/* =====================================================================================
   7. Photos on book pages and posts
   ===================================================================================== */
.nb-photostrip.nb-bookphotos { margin: 1.2rem 0 0; }
.nb-photostrip figure.wide { grid-column: 1 / -1; }
.nb-photostrip figure.wide img { aspect-ratio: 2.2 / 1; object-position: center 30%; }
.nb-books .nb-excerpt-kicker + .nb-photostrip { margin-top: 14px; }
@media (max-width: 767px) {
  .nb-photostrip figure.wide img { aspect-ratio: 16 / 9; }
}

/* Certificate used as a post image: show the whole certificate */
.article-intro-image img[src*="texila-certificate"] { object-fit: contain !important; background: #f4ecd2; }
.article-details .article-full-image img[src*="texila-certificate"] { width: 100%; max-width: 760px; height: auto; border: 1px solid var(--nb-line, #e5e8ee); box-shadow: 0 10px 30px rgba(7,23,70,.08); }

/* Certificates block inside the Conference and Research Records article */
.article-details .nb-recog { margin: 1rem 0 1.6rem; }

/* =====================================================================================
   13. DESIGN POLISH (Oct 2026): scholarly type, crisp interface, refined details
   Headings: Newsreader (a book-style serif)   |   Interface and body: Inter
   To change the look later, edit the two font variables below.
   ===================================================================================== */
:root{
  --nb-serif:'Newsreader','Cormorant Garamond',Georgia,'Times New Roman',serif;
  --nb-sans:'Inter','Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --nb-shadow-sm:0 1px 2px rgba(7,23,70,.06),0 6px 16px rgba(7,23,70,.07);
  --nb-shadow-md:0 2px 4px rgba(7,23,70,.06),0 18px 40px rgba(7,23,70,.13);
}
html{scroll-behavior:smooth}
body{
  font-family:var(--nb-sans);
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* 13a. Interface and body text: Inter (icon fonts are left alone) */
html body :is(p,li,a,span,div,label,input,select,textarea,button,td,th,small,figcaption,dt,dd,cite,em,strong,b):not([class*="fa-"]):not(.fa):not(.fas):not(.far):not(.fab):not([class*="icon"]){
  font-family:var(--nb-sans);
}

/* 13b. Headings: Newsreader serif */
html body :is(h1,h2,h3,h4),
.sppb-addon-title,
.sppb-title-heading,
.sp-page-title-heading,
.article-header h1,
.article-header h2{
  font-family:var(--nb-serif) !important;
  font-weight:600 !important;
  letter-spacing:-.012em !important;
  line-height:1.12 !important;
  font-size-adjust:.5;
}
#sp-header .sppb-addon-title,
#offcanvas-toggler,
.sppb-btn,
.nb-btn{font-family:var(--nb-sans) !important;font-size-adjust:none}
.sp-page-title .sp-page-title-heading,
.sp-page-title h1,
.sp-page-title h2{
  font-size:clamp(40px,5.6vw,72px) !important;
  font-weight:600 !important;
  letter-spacing:-.02em !important;
  line-height:1.04 !important;
}
.nb-sec .nb-excerpt p,
.nb-excerpt p{font-family:var(--nb-serif) !important;font-size:21px;line-height:1.75}

/* 13c. Blog posts: book-style reading text */
.view-article:has(.article-full-image) .article-details .article-body :is(p,li){
  font-family:var(--nb-serif) !important;
  font-size:19.5px;
  line-height:1.8;
  color:#26304a;
}
.article-details p a{
  color:var(--nb-navy);
  text-decoration:underline;
  text-decoration-color:rgba(216,161,76,.85);
  text-decoration-thickness:1.5px;
  text-underline-offset:3px;
  transition:color .2s ease;
}
.article-details p a:hover{color:var(--nb-gold-dark)}

/* 13d. Header and menu */
#sp-header.header-sticky{
  box-shadow:0 1px 0 rgba(7,23,70,.06),0 10px 30px rgba(7,23,70,.08);
}
#sp-menu .sp-megamenu-parent>li>a{font-weight:500;letter-spacing:.01em}

/* 13e. Buttons and links: soft motion, no shape changes */
.nb-btn,.sppb-btn{
  font-weight:600;
  letter-spacing:.02em;
  transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease;
}
.nb-btn:hover,.sppb-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(7,23,70,.18)}
.nb-ulink{font-weight:600;letter-spacing:.01em}

/* 13f. Cards: consistent, refined lift */
.nb-book,.nb-bookmini,.nb-also-card,.nb-recog-card{transition:transform .25s ease,box-shadow .25s ease}
.nb-book:hover,.nb-recog-card:hover{transform:translateY(-3px);box-shadow:var(--nb-shadow-md)}

/* 13g. Forms */
.sppb-form-control,.form-control,input[type="text"],input[type="email"],input[type="tel"],textarea,select{
  border-radius:10px;
  transition:border-color .2s ease,box-shadow .2s ease;
}
.sppb-form-control:focus,.form-control:focus,input:focus,textarea:focus,select:focus{
  border-color:var(--nb-gold) !important;
  box-shadow:0 0 0 3px rgba(216,161,76,.25) !important;
  outline:0;
}

/* 13h. Footer accent */
#sp-footer{border-top:3px solid var(--nb-gold)}

/* 13i. WhatsApp link beside "Enquire for a copy" */
.nb-wa-link{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:9px 15px;
  border:1px solid rgba(37,211,102,.5);
  border-radius:999px;
  background:rgba(37,211,102,.08);
  color:var(--nb-navy) !important;
  font-size:14.5px;
  font-weight:600;
  line-height:1.2;
  text-decoration:none !important;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}
.nb-wa-link svg{width:22px;height:22px;flex:0 0 22px;fill:#25D366;transition:fill .2s ease}
.nb-wa-link small{font-size:13px;font-weight:500;color:var(--nb-muted);transition:color .2s ease}
.nb-wa-link:hover{background:#25D366;border-color:#25D366;color:#fff !important;transform:translateY(-2px)}
.nb-wa-link:hover svg{fill:#fff}
.nb-wa-link:hover small{color:#fff}

/* WhatsApp icon-only version (home page book cards) */
.nb-wa-link.nb-wa-icon{width:42px;height:42px;padding:0;justify-content:center;gap:0}
.nb-wa-link.nb-wa-icon svg{width:24px;height:24px;flex-basis:24px}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .nb-btn:hover,.sppb-btn:hover,.nb-book:hover,.nb-recog-card:hover,.nb-wa-link:hover{transform:none}
}

/* =====================================================================================
   14. UNIFIED DESIGN SYSTEM (18 Oct 2026): one sans-serif family, rounded cards, aligned grids
   Single font: Inter (regular, medium, semi-bold, bold, italic). Radius, shadow and spacing
   are variables below so the whole site can be tuned from here.
   ===================================================================================== */
:root{
  --nb-serif:var(--nb-sans);            /* no serif anywhere: headings use the same family */
  --nb-r-sm:12px;
  --nb-r:18px;
  --nb-r-lg:24px;
  --nb-card-shadow:0 1px 2px rgba(7,23,70,.05),0 10px 28px rgba(7,23,70,.08);
  --nb-card-shadow-hover:0 2px 4px rgba(7,23,70,.06),0 22px 44px rgba(7,23,70,.16);
  --nb-sec-y:clamp(56px,7vw,96px);
}

/* 14a. Typography: same family everywhere, crisp weights */
body,
html body :is(h1,h2,h3,h4,h5,h6,p,li,a,span,div,label,input,select,textarea,button,td,th,small,figcaption,blockquote,cite,em,strong,b,dt,dd):not([class*="fa-"]):not(.fa):not(.fas):not(.far):not(.fab):not([class*="icon"]){
  font-family:var(--nb-sans) !important;
}
html body :is(h1,h2,h3,h4,h5,h6),
.sppb-addon-title,.sppb-title-heading,.sp-page-title-heading{
  font-family:var(--nb-sans) !important;
  font-weight:700 !important;
  letter-spacing:-.022em !important;
  line-height:1.15 !important;
  font-size-adjust:none !important;
}
.sppb-addon-title span,.sppb-title-heading span{font-weight:700}
.sp-page-title .sp-page-title-heading,.sp-page-title h1,.sp-page-title h2{
  font-size:clamp(34px,4.8vw,58px) !important;letter-spacing:-.028em !important;line-height:1.08 !important;color:#fff}
body{font-size:16px;line-height:1.7}
p{line-height:1.75}
.nb-sec .nb-excerpt p,.nb-excerpt p,.nb-sec .nb-book-sub{
  font-family:var(--nb-sans) !important;font-style:italic;font-weight:500;font-size:19px;line-height:1.75;color:var(--nb-navy)}
.view-article .article-details .article-body :is(p,li),
.view-article:has(.article-full-image) .article-details .article-body :is(p,li){
  font-family:var(--nb-sans) !important;font-size:17.5px;line-height:1.85;color:#2b3550}
.nb-kicker,.nb-eyebrow,.sppb-addon-header .sppb-addon-title:first-child{font-weight:700}

/* 14b. Navigation + buttons */
#sp-header .sp-megamenu-parent > li > a{font-weight:600;font-size:15px;letter-spacing:0}
.sppb-btn,.nb-btn,.btn,button.btn,input[type=submit],.sppb-btn-link{
  border-radius:999px !important;font-weight:600 !important;letter-spacing:.005em;
  transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease}
.sppb-btn:hover,.nb-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(7,23,70,.18)}

/* 14c. Rounded photos and cards, site-wide */
.sppb-addon-single-image img,.sppb-addon-image img,.sppb-img-container img,
.article-full-image img,.article-intro-image img,.blog-item .article-image img,
.sppb-addon-articles .sppb-article-img-wrap img,.home-article-listing img,
.gallery img,.gallery a,.com-content-article img,.item-image img,
.nb-portrait,.nb-portrait img,.nb-gal img,.nb-recog-card,.nb-recog-card img,.nb-recog-card a,
.nb-cert,.nb-cert img,.nb-book,.nb-bookmini,.nb-also-card,.nb-lang,.nb-src,
.sppb-addon-testimonial,.sppb-addon-feature .sppb-addon-content,
.sppb-dynamic-content-collection__item .service-img,
.sppb-dynamic-content-collection__item .service-img img{
  border-radius:var(--nb-r) !important;
}
.nb-recog-card,.nb-cert,.nb-book,.nb-bookmini,.nb-also-card,.nb-lang,.sppb-addon-articles .sppb-article-info-wrap,
.article-list .article,.blog-item,.blog .items-row .item{overflow:hidden}
.nb-recog-card,.nb-cert,.nb-book,.nb-bookmini,.nb-also-card,.nb-lang{
  border:1px solid var(--nb-line) !important;box-shadow:var(--nb-card-shadow) !important;background:#fff}
.nb-book{border-top:1px solid var(--nb-line) !important;border-radius:var(--nb-r-lg) !important}
.nb-recog-card:hover,.nb-cert:hover,.nb-book:hover,.nb-bookmini:hover{box-shadow:var(--nb-card-shadow-hover) !important}
.nb-book-cover img,.nb-bookfeature .nb-book-cover img{border-radius:10px !important}
.nb-contact-card{border-radius:var(--nb-r-lg) !important;border-top-width:4px;box-shadow:0 20px 50px rgba(7,23,70,.22)}
.nb-contact-card .nb-clinks a,.nb-recog-tag,.nb-book-tag{border-radius:999px !important}
.nb-portrait{padding:12px;border-radius:var(--nb-r-lg) !important}
.nb-portrait img{border-radius:var(--nb-r) !important}
.sppb-addon-openstreetmap,.sppb-addon-openstreetmap .leaflet-container{border-radius:0}
.sppb-form-builder .sppb-form-control,.sppb-form-builder input,.sppb-form-builder textarea,
.sppb-addon-form-builder input,.sppb-addon-form-builder textarea,.sppb-addon-form-builder select{border-radius:var(--nb-r-sm) !important}
.sppb-addon-tab .sppb-tab-content,.sppb-nav-tabs,.sppb-addon-accordion .sppb-panel{border-radius:var(--nb-r) !important}
#nbLb .nbLb-card{border-radius:var(--nb-r-lg)}
#svcb{border-radius:var(--nb-r) !important}

/* 14d. Blog + article cards (home and blog page) */
.home-article-listing .sppb-article-info-wrap,.home-article-listing .sppb-article-img-wrap{border-radius:var(--nb-r)}
.home-article-listing .sppb-article-img-wrap{overflow:hidden}
.home-article-listing .sppb-article-img-wrap img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .5s ease}
.home-article-listing article:hover .sppb-article-img-wrap img{transform:scale(1.04)}

/* 14e. PUBLICATIONS (Home + Publications page): original 2-per-row masonry kept (wide + narrow cards).
   Only changes: rounded corners, every image the same height, titles and details aligned. */
.services-list .sppb-dynamic-content-collection__item{margin-bottom:44px}
.services-list .sppb-dynamic-content-collection__item .service-img,
.services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(n) .service-img{
  height:320px !important;min-height:0 !important;max-height:none !important;
  border-radius:var(--nb-r-lg) !important;overflow:hidden;box-shadow:var(--nb-card-shadow);background:var(--nb-paper)}
.services-list .sppb-dynamic-content-collection__item .service-img img,
.services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(n) .service-img img{
  width:100%;height:100% !important;min-height:0 !important;object-fit:cover;object-position:center top;border-radius:0 !important}
.services-list .sppb-dynamic-content-collection__item .service-img:after{border-radius:inherit}
.services-list .sppb-dynamic-content-collection__item:hover .service-img{box-shadow:var(--nb-card-shadow-hover)}
.services-list .sppb-dynamic-content-collection__item :is(h3,h4){
  font-size:clamp(18px,1.5vw,21px) !important;line-height:1.3 !important;margin-top:18px !important}
.services-list .sppb-dynamic-content-collection__item :is(h3,h4) a{text-decoration:none !important}
.services-list .sppb-dynamic-content-collection__item .service-short-list.sppb-dynamic-content-text ul{gap:10px 22px;flex-wrap:wrap;justify-content:flex-start}
.services-list.services-masonry1 .sppb-dynamic-content-collection__item .service-short-list.sppb-dynamic-content-text ul li:nth-child(4){display:inline-block !important}
@media (max-width:991.98px){
  .services-list .sppb-dynamic-content-collection__item,
  .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(n){width:100% !important}
  .services-list .sppb-dynamic-content-collection__item .service-img,
  .services-list.services-masonry1 .sppb-dynamic-content-collection__item:nth-child(n) .service-img{height:260px !important}
}

/* 14f. Consistent section rhythm on every page */
.sppb-section .sppb-addon-header{margin-bottom:14px}
.nb-books,.nb-src,.nb-recog,.nb-certs,.nb-langs,.nb-book-grid{gap:28px}
.nb-book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:767.98px){.nb-book-grid,.nb-bookstrip{grid-template-columns:1fr}.nb-book{grid-template-columns:110px 1fr;padding:20px}}

/* 14g. Footer polish */
#sp-footer,.sp-footer,#sp-bottom{font-size:15px}
.sv-footer-legal a{font-weight:500;text-decoration:none}
.sv-footer-legal a:hover{text-decoration:underline;text-underline-offset:3px}

@media (prefers-reduced-motion:reduce){
  .home-article-listing img{transition:none}
}

/* 15. LANGUAGES (Resume): proper cards with padding, level label and a clear proficiency bar */
.nb-langs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:none;margin:18px 0 8px}
.nb-lang{
  display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:12px;row-gap:14px;align-items:center;
  padding:22px 24px 24px !important;background:#fff;border:1px solid var(--nb-line) !important;
  border-radius:var(--nb-r) !important;box-shadow:var(--nb-card-shadow) !important;overflow:visible !important;
  transition:transform .25s ease,box-shadow .25s ease}
.nb-lang:hover{transform:translateY(-3px);box-shadow:var(--nb-card-shadow-hover) !important}
.nb-lang strong{font-size:18px;font-weight:700;line-height:1.2;color:var(--nb-navy)}
.nb-lang span{
  justify-self:end;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1;
  padding:6px 11px;border-radius:999px;color:var(--nb-gold-dark);background:rgba(216,161,76,.16);white-space:nowrap}
.nb-lang i{grid-column:1 / -1;height:8px;border-radius:999px;background:#ece7d8;position:relative;overflow:hidden}
.nb-lang i::after{border-radius:999px;background:linear-gradient(90deg,var(--nb-navy),var(--nb-gold))}
@media (max-width:991.98px){.nb-langs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:575.98px){.nb-langs{grid-template-columns:1fr}}

/* 16. Header "Download CV" button: square corners (overrides the pill shape used on other buttons) */
#sp-header .sppb-btn,
#sp-header .sppb-btn-custom,
#sp-header .header-sticky-button,
#sp-header .header-sticky-button.sppb-btn-custom,
#sp-header.header-sticky .header-sticky-button.sppb-btn-custom,
.view-search #sp-header .header-sticky-button.sppb-btn-custom{
  border-radius:0 !important;
}

/* 17. RELATED INFORMATION block (shown under pages/articles): renamed and styled as cards */
.view-article .related-article-list-container{
  margin:56px auto 64px !important;padding-top:34px;border-top:1px solid var(--nb-line)}
.view-article .related-article-list-container .related-article-title{
  font-size:0 !important;line-height:0 !important;letter-spacing:0 !important;padding:0 0 22px !important;margin:0 !important;
  display:flex;align-items:center;gap:14px}
.view-article .related-article-list-container .related-article-title::before{
  content:"Related Information";font-family:var(--nb-sans);font-size:13px;font-weight:700;line-height:1.2;
  letter-spacing:.16em;text-transform:uppercase;color:var(--nb-gold-dark)}
.view-article .related-article-list-container .related-article-title::after{
  content:"";flex:1;height:1px;background:var(--nb-line)}
.view-article .related-article-list-container .article-list.related-article-list>.row{row-gap:22px}
.view-article .related-article-list-container .article-list.related-article-list>.row>div{display:flex}
.view-article .related-article-list-container .article-list.related-article-list .article{
  position:relative;width:100%;margin:0 !important;padding:26px 56px 26px 26px;
  background:#fff;border:1px solid var(--nb-line) !important;border-radius:var(--nb-r) !important;
  box-shadow:var(--nb-card-shadow);overflow:hidden;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.view-article .related-article-list-container .article-list.related-article-list .article:hover{
  transform:translateY(-4px);box-shadow:var(--nb-card-shadow-hover);border-color:var(--nb-gold) !important}
.view-article .related-article-list-container .article-list.related-article-list .article::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--nb-gold)}
.view-article .related-article-list-container .article-list.related-article-list .article::after{
  content:"\2192";position:absolute;right:22px;top:50%;transform:translateY(-50%);
  width:32px;height:32px;line-height:32px;text-align:center;border-radius:50%;
  background:rgba(216,161,76,.16);color:var(--nb-navy);font-size:16px;transition:background .25s ease,transform .25s ease}
.view-article .related-article-list-container .article-list.related-article-list .article:hover::after{
  background:var(--nb-gold);transform:translateY(-50%) translateX(3px)}
.view-article .related-article-list-container .article-list.related-article-list .article .article-header{margin:0 !important}
.view-article .related-article-list-container .article-list.related-article-list .article .article-header :first-child,
.view-article .related-article-list-container .article-list.related-article-list .article .article-header h2,
.view-article .related-article-list-container .article-list.related-article-list .article .article-header h2 a{
  margin:0;font-family:var(--nb-sans) !important;font-size:19px !important;font-weight:700 !important;
  line-height:1.3 !important;letter-spacing:-.015em !important;color:var(--nb-navy) !important;text-decoration:none !important}
.view-article .related-article-list-container .article-list.related-article-list .article .article-full-image{
  height:200px;margin:-26px -56px 20px -26px;border-radius:0 !important}
@media (max-width:767.98px){
  .view-article .related-article-list-container .article-list.related-article-list>.row>div.col-lg-6{width:100%}
}

/* 18. BLOG PAGE (light touch): keep the original mednic card design; only even up the cards.
   Equal-height cards, intro limited to 3 lines, "Read more" always at the bottom. */
.view-category .article-list:not(.related-article-list)>.row>div{display:flex}
.view-category .article-list:not(.related-article-list) .article{
  display:flex;flex-direction:column;width:100%;border-radius:var(--nb-r-lg);overflow:hidden;
  border-color:var(--nb-line);box-shadow:var(--nb-card-shadow);transition:transform .3s ease,box-shadow .3s ease}
.view-category .article-list:not(.related-article-list) .article:hover{transform:translateY(-4px);box-shadow:var(--nb-card-shadow-hover)}
.view-category .article-list:not(.related-article-list) .article .article-intro-image{
  border-radius:0;aspect-ratio:16/10;overflow:hidden}
.view-category .article-list:not(.related-article-list) .article .article-intro-image img{
  width:100%;height:100%;object-fit:cover;border-radius:0}
.view-category .article-list:not(.related-article-list) .article .article-header h2{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.view-category .article-list:not(.related-article-list) .article .article-introtext,
.view-category .article-list:not(.related-article-list) .article .article-introtext p{
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.view-category .article-list:not(.related-article-list) .article .article-introtext p:nth-of-type(n+2){display:none}
.view-category .article-list:not(.related-article-list) .article .readmore{margin-top:auto;padding-top:16px}
.view-category .article-list:not(.related-article-list) .article .readmore a{
  font-weight:700;color:var(--nb-gold-dark);text-decoration:none}
.view-category .article-list:not(.related-article-list) .article .readmore a::after{content:"  \2192"}
.view-category .article-list:not(.related-article-list) .article .readmore a:hover{color:var(--nb-navy)}

/* 19. Article / publication page banner title: smaller so long titles read comfortably */
html body.view-article .article-header-container .article-header-info .article-header>:first-child,
html body.view-article .article-header-container .article-header-info .article-header h1,
html body.view-article .article-header-container .article-header-info .article-header h2{
  font-size:clamp(24px,2.9vw,40px) !important;
  line-height:1.22 !important;
  letter-spacing:-.015em !important;
  font-weight:700 !important;
  max-width:960px;
  text-wrap:balance;
}
@media (max-width:767.98px){
  html body.view-article .article-header-container .article-header-info .article-header>:first-child,
  html body.view-article .article-header-container .article-header-info .article-header h1,
  html body.view-article .article-header-container .article-header-info .article-header h2{
    font-size:clamp(21px,6vw,28px) !important;line-height:1.25 !important}
}

/* 20. MOBILE HEADER: short "Nebiyu Lera" logo on phones/tablets so the menu (hamburger) stays on the same line.
   Needs the two small logo files uploaded to images/nebiyu/ (nebiyu-lera-logo-mobile.svg and nebiyu-lera-logo-mobile-white.svg). */
@media (max-width: 991.98px) {
  #sp-header .row, #sp-header .container-inner .row, #sp-header .container .row { flex-wrap: nowrap !important; align-items: center; }
  #sp-header #sp-logo { flex: 1 1 auto !important; width: auto !important; max-width: none !important; min-width: 0; }
  #sp-header #sp-menu { flex: 0 0 auto !important; width: auto !important; max-width: none !important; }
  #sp-header .logo { min-width: 0; }
  #sp-header .logo a { display: flex; align-items: center; }
  #sp-header .logo .logo-image {
    content: url("../../../images/nebiyu/nebiyu-lera-logo-mobile-white.svg");
    max-height: 42px; max-width: calc(100vw - 120px); width: auto; height: auto;
  }
  #sp-header.header-sticky #sp-logo .logo .logo-image,
  .view-search #sp-header #sp-logo .logo .logo-image,
  .offcanvas-menu .logo .logo-image {
    content: url("../../../images/nebiyu/nebiyu-lera-logo-mobile.svg");
  }
  #sp-header.header-sticky .logo .logo-image { max-height: 38px; }
  #sp-header #offcanvas-toggler { margin: 0 0 0 12px; display: inline-flex; align-items: center; }
}

/* 21. PUBLICATION DETAIL PAGES: the big title over the banner photo (page builder "dynamic content" template).
   The addon sets it to 84px / 80px line-height, which is too large for long publication titles. */
html body .program-offer-details-main-section :is(h1,h2).title,
html body .program-offer-details-main-section .addon-root-dynamic-content-text h1,
html body .program-offer-details-main-section .addon-root-dynamic-content-text .title,
html body .addon-root-dynamic-content-text .title.before-element,
html body .addon-root-dynamic-content-text .title.before-element h1,
html body .addon-root-dynamic-content-text h1.title{
  font-size:clamp(24px,2.8vw,38px) !important;
  line-height:1.25 !important;
  letter-spacing:-.015em !important;
  font-weight:700 !important;
  text-wrap:balance;
}
html body .program-offer-details-main-section .addon-root-dynamic-content-text:has(.title.before-element),
html body .program-offer-details-main-section .addon-root-dynamic-content-text:has(.program-offer-details-title){
  max-width:1140px !important;
}
html body .program-offer-details-main-section .addon-root-dynamic-content-text:has(.title) .title,
html body .program-offer-details-main-section .addon-root-dynamic-content-text:has(.program-offer-details-title) .program-offer-details-title{
  max-width:920px !important;
}
@media (max-width:767.98px){
  html body .addon-root-dynamic-content-text .title.before-element,
  html body .addon-root-dynamic-content-text .title.before-element h1,
  html body .program-offer-details-main-section .addon-root-dynamic-content-text h1{
    font-size:clamp(20px,6vw,26px) !important;line-height:1.28 !important}
}