.promo-banner {
    background-color: #3D5F32;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 20px;
    color: #fff;
    padding: 10px
}

.navbar-expand-md .navbar-nav {
    gap: 20px
}

.header-area {
    background-color: #FAF7F3
}

.logo-login {
    box-shadow: 0 4px 6px #0004 !important
}

.logo-login .content-area {
    padding: 10px
}

.logo-login-area {
    display: flex;
    justify-content: space-around;
    align-items: center
}

.login {
    position: absolute;
    right: 256px
}

.account-login {
    color: #3D5F32;
    background-color: #FAF7F3;
    border: 2px solid #3D5F32;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 18px;
    padding: 15px;
    border-radius: 80px
}

.login_mbl {
    display: none
}

.account-login:hover {
    color: #FAF7F3;
    background-color: #3D5F32
}

.link_img img {
    background-color: #FFF;
    padding: 10px
}

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

.link_name {
    font-size: 22px;
    font-family: 'Lora';
    font-weight: 400;
    color: #121926;
    position: relative;
    border-bottom: 2px solid transparent;
    transition: font-weight .2s ease, border-color .2s ease
}

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

.logo-login .navbar-toggler {
    display: none
}

.navbar-nav .dropdown-menu {
    box-shadow: 5px 5px 10px rgba(128, 128, 128, .5);
    background-color: rgb(252, 252, 252);
    padding: 20px
}

.nav_img_sec {
    display: flex !important;
    gap: 20px
}

.droup_links {
    display: flex;
    gap: 100px
}

.img_link {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
   
    height: 300px;
    position: relative;
    width: 300px;
    border-radius: 150px;
    text-align: center
}

.about_nutri {
    background-image: url(/Persona-Rebranding-A/custom/assets/images/nutritionists.png);
    background-size: 98%;
    
}
.about_nutri:hover{
    border: 4px solid #FF5CBF
}

.about_mission {
    background-image: url(/Persona-Rebranding-A/custom/assets/images/Ourmission.png);
     background-size: 98%;
    
}
.about_mission:hover{
    border: 4px solid #FF5CBF
}

.resource_blog {
    background-image: url(/Persona-Rebranding-A/custom/assets/images/Appointment.png);
    background-position: center;
     background-size: 98%;
}
.resource_blog:hover{
    border: 4px solid #FF5CBF
}

.resource_news {
    background-image: url(/Persona-Rebranding-A/custom/assets/images/blog.png);
     background-size: 98%;
    
}
.resource_news:hover{
    border: 4px solid #FF5CBF
}

.about_personapro {
    background-image: url(/Persona-Rebranding-A/custom/assets/images/stethoscope.webp);
    background-position: center;
    background-size: 85%;
    background-color: #153455;
    display: block;
    position: relative;
    background-repeat: no-repeat;
    height: 160px;
    width: 340px;
    border-radius: 10px
}

.persona-text {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 22px;
    color: #333436
}

.practitioner_login {
    background-image: url(/Persona-Rebranding-A/custom/assets/images/healthcare-medicine.webp);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #153455;
    height: 160px !important;
    position: relative;
    width: 340px !important;
    border-radius: 10px;
    display: block
}

.nav-item.persona_pro .dropdown-menu {
    left: -354px !important
}

.droup_links {
    margin: 20px
}

.link_img {
    position: absolute;
    bottom: 15px;
    right: 34px;
    max-width: 30px
}

.link_text p {
    font-family: 'Montserrat';
    padding: 25px !important
}

.dropdown-menu .link-name {
    text-align: start
}

.dropdown-menu .link-name,
.dropdown-menu .link_text p {
    font-size: 22px;
    font-weight: 500;
    font-family: 'Montserrat';
    color: #333436;
    padding: 4px
}
    .dropdown-menu .link_text p{
        position: absolute;
    top: 70%;
    left: 15%;
    font-size: 25px;
    color: #fff;
    font-family: 'Montserrat';
    font-weight: 500;
    }

.dropdown-menu .link-name:hover {
    background-color: #FBD5E8
}

a.img_link {
    color: #123456;
    text-decoration: none
}

.navbar-nav>.nav-item:hover>.nav-link:not(.noborder)::before {
    height: 2px;
    background-color: #3F0071
}

.red_border_btn::before {
    display: none !important
}

.nav-link.dropdown-toggle:hover {
    font-weight: 700 !important
}

.dropdown-menu.dd-right {
    right: 0
}

.nav-link p {
    margin-bottom: 0;
    text-align: center
}

.dropdown-toggle.show>.link_name,
.link_name:hover {
    font-weight: 700;
    border-bottom-color: #3D5F32
}

.partner_links {
    list-style-type: none !important
}

.partner_links .nav-item .nav-link {
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 18px;
    line-height: 35px;
    color: #333436 !important
}

.red_border_btn {
    border-radius: 100px !important;
    border: 1px solid #3F0071 !important;
    width: 30% !important
}

.navbar-nav>.nav-item:hover>.nav-link:not(.noborder):before {
    font-weight: 700 !important
}

.nav-item.resource .dropdown-menu {
    left: -314px !important
}

.navbar-nav .nav-item .nav-link {
   
    display: block;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s;
    cursor: pointer;
    border: 0;
    background: transparent
}

.navbar-nav>.nav-item>.nav-link {
    font-weight: 600
}

.navbar-nav .nav-item .nav-link.dropdown-toggle::after {
    display: none
}

.navbar-nav .dropdown .nav-item .nav-link,
.navbar-nav .dropdown .nav-item a {
    white-space: nowrap;
    padding: 5px 15px;
    color: #123456;
    text-decoration: none;
    display: block;
    list-style: none
}

@-webkit-keyframes menuborder {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@keyframes menuborder {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

.navbar-nav .dropdown .nav-item.questions {
    background: #123456 none repeat scroll 0 0;
    color: #fff;
    padding: 10px 0
}

.navbar-nav .dropdown .nav-item.questions .nav-link {
    color: #fff
}

.navbar-nav .dropdown .nav-item.questions .nav-link.see_faqs {
    color: #fa7784;
    font-weight: 600;
    text-decoration: underline
}

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

    .dropdown-toggle.show>.link_name,
    .link_name:hover {
        font-weight: 700;
        border-bottom: none
    }

    .about_personapro,
    .practitioner_login {
        height: 84px !important
    }

    .link_text p {
        font-size: 16px;
        font-weight: 500;
        padding: 4px !important
    }

    .dropdown-menu .link-name,
    .dropdown-menu .link_text p {
        font-size: 18px
    }

    .persona-text {
        font-size: 18px
    }

    .navbar-nav .dropdown .nav-item:not(.questions) .nav-link,
    .navbar-nav .dropdown .nav-item:not(.questions) a {
        padding: 10px 15px !important
    }

    .navbar-nav .nav-item.dropdown:nth-child(2) .nav-item:not(.questions) .nav-link {
        padding: 10px 15px !important
    }

    .navbar-collapse {
        background: var(--white)none repeat scroll 0 0;
        border-top: 1px solid #ddd;
        min-width: 200px;
        padding: 0;
        position: absolute;
        right: 0;
        top: 76px;
        width: 92%;
        margin: 20px 20px;
        left: 0;
        box-shadow: 4px 4px 4px rgba(0, 0, 0, .35)
    }

    .navbar-nav>.nav-item:not(.questions) .nav-link,
    .navbar-nav>.nav-item:not(.questions) a {
        padding: 15px;
        font-family: var(--font-montserrat);
        font-weight: 500 !important;
        background: auto
    }

    .droup_links {
        gap: 0;
        flex-direction: column;
        padding: 0 0;
        margin: 10px
    }

    .nav_link_sec {
        order: 2
    }

    .nav_img_sec {
        min-height: 120px
    }

    .img_link {
        min-height: 150px;
        min-width: 110px;
        text-align: center !important;
        width: 100%
    }

    .about_personapro.img_link {
        min-height: 53px !important;
        width: 100% !important
    }

    .practitioner_login.img_link {
        min-height: 53px !important;
        width: 100% !important
    }

    .mob_acc {
        margin: 0 0 20px 0
    }

    .navbar-nav .nav-item.dropdown .nav-link.dropdown-toggle.show {
        font-weight: 700 !important;
        font-size: 20px;
        font-family: 'Montserrat'
    }

    .navbar-nav .nav-item.dropdown .nav-link.dropdown-toggle.show::before {
        top: 23px;
        width: 12px;
        height: 12px;
        display: block
    }

    .navbar-nav .dropdown-menu {
        box-shadow: none
    }

    .link_text p {
        font-size: 14px;
        padding: 2px
    }

    .nav-link.mob_arrow {
        display: flex !important;
        justify-content: space-between;
        align-items: center
    }

    .d-block.d-md-none.arrow_link_nav {
        width: 20px;
        height: 12px
    }

    .link_name {
        margin-bottom: 0
    }

    .navbar-nav .nav-item.dropdown .nav-link.dropdown-toggle::before img,
    .navbar-nav .nav-item.dropdown .nav-link.dropdown-toggle::before,
    .navbar-nav .nav-item.dropdown .nav-link.dropdown-toggle::before,
    .navbar-nav .nav-item.dropdown .nav-link.dropdown-toggle::before {
        display: none !important
    }

    .dropdown-menu-mob.d-block.d-md-none {
        padding-left: 30px
    }

    .mob_arrow.show img {
        display: none !important
    }

    .about_mission,
    .about_nutri {
        background-size: 110px
    }

    .menu-dsk {
        display: none
    }

    .navbar-nav>.nav-item>.nav-link.red_border_btn {
        text-align: left;
        padding: 12px 5px 2px;
        margin: 0 15px 0 11px
    }

    .red_border_btn {
        text-align: center !important
    }

    .resource_blog {
        background-size: 130px;
        background-position: top 36px center
    }

    .resource_news {
        background-size: 130px;
        background-position: top 42px center
    }
}

@media only screen and (min-width:1200px) and (max-width:1600px) {
    .login {
        right: 67px
    }

    .droup_links {
        gap: 20px
    }
}

@media only screen and (min-width:768px) and (max-width:1600px) {
    .nav-item.persona_pro .dropdown-menu {
        left: -354px !important
    }

    .nav-item.about_us .dropdown-menu {
        left: -128px !important
    }

    .nav-item.resource .dropdown-menu {
        left: -308px !important
    }
}

@media only screen and (min-width:768px) {
    .navbar-nav {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media only screen and (min-width:992px) and (max-width:1200px) {
    .navbar-nav>.nav-item>.nav-link {
        margin: 0 10px;
        font-size: 14px;
        white-space: nowrap
    }

    .droup_links {
        gap: 60px;
        margin: 0
    }

    .img_link {
        height: 200px;
        width: 200px
    }

    .login {
        right: 67px
    }

    .about_personapro,
    .practitioner_login {
        height: 150px !important;
        width: 300px !important
    }

    .navbar-expand-md .navbar-nav {
        gap: 0
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .navbar-nav>.nav-item>.nav-link {
        font-size: 14px;
        white-space: nowrap
    }

    .login {
        right: 23px
    }

    .droup_links {
        gap: 60px;
        margin: 0
    }

    .img_link {
        height: 200px;
        width: 200px
    }

    .about_personapro,
    .practitioner_login {
        height: 104px !important;
        width: 200px !important
    }

    .navbar-expand-md .navbar-nav {
        gap: 0
    }

    .link_name {
        font-size: 22px
    }

    .nav-link p {
        width: 136px
    }

    .about_us .nav-link p {
        width: 106px
    }
}

@media only screen and (max-width:767px) {
    .header-area {
        z-index: 10000;
        position: sticky
    }

    .logo-login {
        justify-content: space-between
    }

    .logo-login .logo img {
        max-width: 150px;
        max-height: 40px
    }

    .logo-login .login {
        display: none
    }

    .logo-login .navbar-toggler {
        display: block
    }

    .header-area .navbar {
        padding: 0
    }

    .navbar-brand img.main-logo {
        max-width: 150px
    }

    .navbar-light .navbar-toggler {
        border: 0;
        padding: 0;
        margin: 0
    }

    .nav-bar {
        display: unset
    }

    .navbar-collapse {
        background: #fff none repeat scroll 0 0;
        border-top: 1px solid #ddd;
        min-width: 200px;
        padding: 0;
        position: absolute;
        right: 0;
        top: -18px;
        width: 94%;
        z-index: 10
    }

    .nav-link p {
        font-size: 20px;
        width: 100%;
        text-align: start
    }

    .navbar-nav {
        height: auto;
        margin: 0;
        max-height: 446px;
        overflow-x: hidden;
        width: 100%
    }

    .login_mbl {
        display: block;
        width: fit-content
    }

    .navbar-nav>.nav-item>.nav-link {
        font-weight: 700
    }

    .navbar-nav>.nav-item:not(.questions) .nav-link,
    .navbar-nav>.nav-item:not(.questions) a {
        color: #123456;
        display: block;
        font-size: 16px;
        margin: 0;
        padding: 10px 15px;
        text-align: left;
        height: 100%
    }

    .navbar-nav .dropdown .nav-item.questions .nav-link,
    .navbar-nav .dropdown .nav-item.questions a {
        border-bottom: none !important
    }

    .navbar-nav .nav-item.dropdown .nav-link.dropdown-toggle::after {
        display: none
    }

    .navbar-nav .nav-item.dropdown .nav-link.dropdown-toggle::before {
        color: #123456;
        content: "";
        display: none;
        position: absolute;
        right: 15px;
        top: 18px;
        width: 10px;
        height: 10px;
        border-right: 2px solid #123456;
        border-bottom: 2px solid #123456;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .link_img img {
        width: 40px
    }

    .login_mbl {
        font-size: 14px;
        margin: 10px 17px 24px !important
    }

    .navbar-nav .nav-item.dropdown .nav-link.dropdown-toggle.show::before {
        content: "";
        left: 15px;
        right: auto;
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg);
        top: 19px
    }

    .navbar-nav .nav-item.dropdown .nav-link.dropdown-toggle.show {
        padding: 12px 35px
    }

    .navbar-nav .dropdown .nav-item:not(.questions) .nav-link,
    .navbar-nav .dropdown .nav-item:not(.questions) a {
        padding: 8px 35px !important
    }

    .navbar-nav>.nav-item:not(.dropdown) .nav-link:not(.dropdown-toggle) {
        font-weight: 400
    }

    .navbar-nav>.nav-item .nav-link.signin_btn {
        font-weight: 700 !important
    }

    .navbar-nav .dropdown-menu {
        border: 0;
        margin: 0;
        padding: 0;
        border-radius: 0
    }

    .navbar-nav .nav-item .nav-link.mbl-quiz-btn {
        border: 1px solid #FD546A;
        border-radius: 30px;
        margin: 10px 15px 0;
        text-align: center;
        display: inline-block;
        padding: 8px 20px;
        background-color: #fff;
        color: #FD546A;
        text-transform: uppercase;
        font-weight: 700 !important
    }
}

@media only screen and (min-width:768px) and (max-width:1400px) {
    .nav-item.persona_pro .dropdown-menu {
        left: -454px !important
    }
}