@import url('components/textbox.css');
body.homepage {
    font-family: Poppins, sans-serif !important;
}

.homepage .btn {
    padding: 0.5rem 1.5rem;
    margin-bottom: 0rem;
    /*text-transform: capitalize;*/
    text-transform: inherit;
}
.homepage .btn-outline-primary {
    padding: 0.5rem 1.25rem;
}
.homepage .btn-lg {
    padding: 0.75rem 2rem;
    height: 50px;
}

.homepage .btn, .homepage .btn-lg {
    border-radius: 0.25rem;
    font-size: 0.875rem;
}

.homepage .btn-primary {
    color: var(--white);
    border-color: var(--primary);
    background-color: var(--primary);
}
.homepage .btn-outline-primary,
.homepage .btn-outline-primary:hover,
.homepage .btn-outline-primary:focus {
    color: var(--white);
    border: 2px solid var(--tertiary);
    background-color: var(--primary);
    box-shadow: none;
}
.homepage header .btn-secondary {
    color: var(--white);
    border-color: var(--transparent);
    background-color: var(--transparent);
}
.homepage .btn-primary:hover,
.homepage .btn-primary:focus {
    color: var(--white);
    background-color: var(--primary);
    outline: 2px dashed var(--black);
}
.homepage #btnSearch.btn-primary:focus {
    outline: 2px dashed var(--black);
}

.homepage header .btn-primary:focus,
.homepage input.btn-primary:focus,
.homepage .btn-outline-primary:focus,
.homepage .business-tile-widget .btn-primary:focus {
    outline: 2px dashed var(--white);
}
.homepage .btn-secondary:focus {
    color: var(--black);
    outline: 2px dashed var(--black);
    background-color: transparent;
}
.homepage header .btn-secondary:hover,
.homepage header .btn-secondary:focus {
    color: var(--white);
    outline: 2px dashed var(--white);
}
.homepage.dark .btn-secondary {
    color: var(--white);
    border-color: var(--white);
}
.homepage.dark .btn-secondary:focus,
.homepage.dark .btn-primary:focus {
    outline: 2px dashed var(--white);
}
.homepage header h1, .homepage header h2,
.homepage header small, .homepage .sos-member {
    color: var(--white);
    margin-bottom: 0rem;
}
.homepage header h1 {
    font-size: 1.25rem;
}
.homepage header h2 {
    font-size: 1rem;
}
.homepage header {
    position: relative;
    z-index: 40;
    padding: 0.75rem 0rem;
    background-color: var(--primary);
}
.homepage header a:focus {
    outline: 2px dashed var(--white);
}

.dark.homepage header {
    background-color: var(--dark-primary);
}
.homepage header img {
    width: 70px;
    z-index: 30;
}
.homepage header small {
    font-size: 0.75rem;
}
.homepage header .divider {
    height: 60px;
    margin-left: 1.25rem;
    margin-right: 1.5rem;
    border-right: 1px solid var(--secondary);
}
.homepage #frm_login {
    position: relative;
}
.homepage #panel {
    position: absolute;
    top: 12px;
    right: 0px;
    padding: 1.5rem;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    -webkit-box-shadow: 0px 2px 8px #00000022;
    -moz-box-shadow: 0px 2px 8px #00000022;
    box-shadow: 0px 2px 8px #00000022;
}

.homepage #panel .btn-primary {
    border-color: var(--primary);
}
.homepage #panel a:focus,
.homepage #panel .btn-primary:hover,
.homepage #panel .btn-primary:focus {
    outline: 2px dashed var(--black);
}
.dark.homepage #panel {
    background-color: var(--dark-secondary);
}
    .dark.homepage #panel a:focus,
    .dark.homepage #btnSearch.btn-primary:focus,
    .dark.homepage #panel .btn-primary:hover,
    .dark.homepage #panel .btn-primary:focus {
        outline: 2px dashed var(--white);
    }

/*--------Banner Section-------*/

.homepage .home-banner {
    position: relative;
    min-height: 360px;
    /*margin-top: 94px;*/
    background: var(--primary) url('/Themes/Online/nh/public/images/bg-banner.svg') center center;
    background-size: cover;
}
.homepage.dark .home-banner {
    background: var(--black);
}
.homepage .home-banner .container {
    position: absolute;
    bottom: -32px;
    height: 100%;
    left: 2rem;
    right: 2rem;
    z-index: 30;
}

.homepage .home-banner .main-banner {
    position: absolute;
    bottom: 0rem;
    right: 0rem;
    width: 49%;
}

.homepage .banner-wrapper {
    padding: 0rem;
}
.homepage .banner-wrapper h1 {
    font-size: 2.25rem;
    line-height: 48px;
    color: var(--white);
    margin-bottom: 1rem;
}
.homepage .banner-wrapper .tagline {
    color: var(--white);
    font-size: 1.25rem;
    margin-bottom: 0rem;
    font-family: 'Poppins-Medium', sans-serif;
}
.homepage.dark .banner-wrapper .tagline {
    color: var(--white);
}
.homepage .banner-wrapper .search-title {
    font-size: 1.5rem;
    font-family: 'Poppins-SemiBold', sans-serif;
    color: var(--dark-blue);
}
.homepage .banner-wrapper a,
.homepage .banner-wrapper small {
    color: var(--grey);
}
.homepage .banner-wrapper a:focus,
.homepage .banner-wrapper small:focus {
    outline: 2px dashed var(--black);
}
.homepage .banner-wrapper small {
    font-size: 0.9125rem;
}
.homepage.dark .banner-wrapper a:focus {
    outline-color: var(--white);
}
.homepage.dark .banner-wrapper {
    background-color: var(--no-color);
}
.homepage.dark .banner-wrapper h1,
.homepage.dark .banner-wrapper .search-title,
.homepage.dark .banner-wrapper a,
.homepage.dark .banner-wrapper small {
    color: var(--white);
}

.homepage .form-group {
    margin-bottom: 1rem !important;
}

.homepage .form-group label {
    margin-bottom: 0.25rem;
}
.homepage .forgetclass,
.homepage .form-group label,
.homepage .form-control,
.homepage .form-control::placeholder,
.homepage .form-select::placeholder {
    font-size: 0.875rem;
}
.homepage .form-control {
    padding: 0.5rem 0.75rem;
    margin-bottom: 1.25rem;
    border-radius: 0.25rem;
    background-image: none;
    /*height: 40px;
    border: 2px solid var(--dark-blue);*/
}
.homepage #txtUsername.form-control {
    margin-bottom: 0rem;
}
.homepage .form-control:focus,
.homepage .form-select:focus {
    box-shadow: none;
    outline: 2px dashed var(--black);
}
.homepage .forgetclass {
    display: inline-block;
    text-align: end;
}
.homepage.dark .forgetclass {
    color: var(--white);
}
.homepage.dark .form-control {
    background-color: var(--white);
}
.homepage.dark .form-control:focus,
.homepage.dark .form-select:focus {
    outline-color: var(--white);
}
.homepage .visually-hidden {
    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;
}

.homepage .form-control.search-control {
    height: 50px;
    margin-bottom: 0rem;
}

.homepage.dark .form-control.search-control {
    border-color: var(--white);
    background-color: var(--white);
    margin-bottom: 0rem;
}

/*--------Tiles Section-------*/
.homepage .tiles-wrapper {
    padding: 0rem 0.5rem;
}

.homepage .tiles-wrapper .tile-wrap {
    display: flex;
    align-items: center;
    padding: 1rem;
    height: 100%;
    border-radius: 4px;
    color: var(--white);
    text-align: start;
    -webkit-box-shadow: 0px 2px 8px #00000022;
    -moz-box-shadow: 0px 2px 8px #00000022;
    box-shadow: 0px 2px 8px #00000022;
    background-color: var(--secondary);
}
.homepage.dark .tiles-wrapper .tile-wrap {
    background-color: var(--dark-primary);
}
.homepage .tiles-wrapper .tile-wrap:focus {
    background-color: var(--white);
}
.homepage .tiles-wrapper .tile-wrap .tile-icon,
.homepage .tiles-wrapper .tile-wrap svg {
    width: 30px;
    margin: 0rem 2rem 0rem 1rem;
}
.homepage .tiles-wrapper .tile-wrap .tile-name {
    font-size: 1rem;
    font-family: 'Poppins-SemiBold', sans-serif;
    padding-bottom: 0.5rem;
    text-transform: uppercase;
}
.homepage .tiles-wrapper .tile-wrap .tile-description {
    font-size: 0.75rem;
}

.homepage .tiles-wrapper .tile-wrap .tile-name,
.homepage .tiles-wrapper .tile-wrap .tile-description {
    color: var(--white);
}
.homepage .tiles-wrapper .tile-wrap:focus .tile-name,
.homepage .tiles-wrapper .tile-wrap:focus .tile-description {
    color: var(--primary);
}
.homepage .tiles-wrapper .tile-wrap:focus svg path,
.homepage .tiles-wrapper .tile-wrap:focus svg rect {
    fill: var(--black);
}
.homepage.dark .tiles-wrapper .tile-wrap .tile-description {
    color: var(--white);
}

/*--------Business Section-------*/
.homepage .business-wrapper h2,
.homepage .announement-wrapper h2,
.homepage .popular-wrapper h2,
.homepage .resource-wrapper h2 {
    color: var(--dark-blue);
    line-height: 30px;
    padding-left: 1rem;
    font-family: 'Poppins-SemiBold', sans-serif;
    border-left: 5px solid #198EC6;
}

.homepage .business-wrapper h2 {
    color: var(--dark-blue);
    font-size: 1.6rem;
    margin-top: 5rem;
    margin-bottom: 2rem;
}

.homepage.dark .business-wrapper h2,
.homepage.dark .announement-wrapper h2,
.homepage.dark .popular-wrapper h2,
.homepage.dark .resource-wrapper h2 {
    color: var(--white);
}

.homepage .business-wrapper p.description {
    width: 60%;
    color: var(--grey);
    padding-left: 1.25rem;
    margin-bottom: 2rem;
}
.homepage.dark .business-wrapper .description {
    color: var(--white);
}

/*--------- Announcement  Widget Styles Start-----------*/
.homepage .announement-wrapper {
    padding-top: 5rem;
    min-height: 100%;
    margin-left: 1rem;
    background-color: #F8F8F8;
}
.homepage.dark .announement-wrapper {
    background-color: var(--dark-primary);
}
.homepage .announement-wrapper h2 {
    color: var(--dark-blue);
    font-size: 1.25rem;
    line-height: 30px;
    padding-left: 1rem;
    word-wrap: break-word;
    border-left: 5px solid #198EC6;
    font-family: 'Poppins-SemiBold', sans-serif;
}

.homepage .announement-wrapper .announcement-wrap {
    overflow-y: auto !important;
    min-height: 280px;
    max-height: 280px;
}

.homepage  .announcement-list {
    padding: 0rem;
    margin: 0rem;
    position: relative;
}

.homepage .announcement-list li {
    list-style: none;
    word-break: break-word;
    padding: 1rem 1.25rem !important;
    height: auto !important;
    border-top: 1px solid #DFE1E6;
}

.homepage .announcement-list li .heading {
    color: #002a86;
    font-size: 1rem;
    margin-bottom: 0.5rem;
    font-family: 'Poppins-SemiBold', sans-serif;
}
.dark.homepage .announcement-list li .heading {
    color: var(--white);
}
.homepage .announcement-list li .description,
.homepage .announcement-list li .date-period {
    color: #707070;
    font-size: 0.875rem;
    margin-bottom: 0.75rem;
}

.dark.homepage .announcement-list li .description,
.dark.homepage .announcement-list li .date-period {
    color: var(--white);
}
.homepage .announcement-list li .date-period {
    display: flex;
    align-items: center;
}
.homepage .announcement-list li .host-address {
    margin-bottom: 0.5rem;
}
.homepage .announcement-list li .host-address a {
    font-size: 0.8125rem;
    color: var(--primary);
    line-height: 12px;
    border-bottom: 1px dashed transparent;
}
.dark.homepage .announcement-list li .host-address a {
    color: var(--blue);
}
.homepage .announcement-list li .host-address svg {
    margin-left: 0.25rem;
}
.dark.homepage .announcement-list li .host-address a svg {
    fill: var(--white);
}
.homepage .announcement-list li .host-address a:hover,
.homepage .announcement-list li .host-address a:focus {
    color: #002a86;
    text-decoration: none;
    border-bottom: 1px dashed #002a86;
}
.homepage .no-announcements {
    font-size: 0.875rem;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.homepage .no-announcements img {
    width: 70px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
}
.homepage.dark .no-announcements {
    color: var(--text-tertiary);
}
/*--------- Announcement  Widget Styles End-----------*/
.homepage .tile-list {
    margin: 0rem;
    padding: 0rem;
    max-height: 274px;
    overflow-y: auto;
}

.homepage .tile-list li {
    padding: 0.75rem 1.25rem;
    list-style-type: none;
}

.homepage .tile-list li .tile-item {
    color: var(--secondary);
    font-size: 0.875rem;
    font-family: 'Poppins-Medium', sans-serif;
}

.homepage .tile-list li .tile-date {
    color: var(--grey);
    font-size: 0.75rem;
    font-family: 'Poppins', sans-serif;
}


.homepage .business-tile-widget {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.homepage .business-tile {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    /*min-height: 136px;*/
    min-height: 172px;
    padding: 1rem 1.25rem;
    border-radius: 0.25rem;
    background-color: var(--primary);
}
.homepage .business-tile p {
    color: var(--white);
    margin-bottom: 0.5rem;
}
.homepage .business-tile .badge-wrap {
    margin-bottom: 0.75rem;
}
.homepage .business-tile.resource {
    background: var(--primary) url('/Themes/Online/nh/public/images/resources.svg') 100% 100% no-repeat;
    background-size: contain;
}

.homepage .business-tile.checklist {
    background: var(--primary) url('/Themes/Online/nh/public/images/checklist.svg') 100% 100% no-repeat;
    background-size: contain;
}

.homepage .business-tile.dashboard {
    background: var(--primary) url('/Themes/Online/nh/public/images/dashboard.svg') 100% 100% no-repeat;
    background-size: contain;
}

.homepage.dark .business-tile.resource,
.homepage.dark .business-tile.checklist,
.homepage.dark .business-tile.dashboard {
    background-color: var(--dark-primary);
}

/*---------- Popular Links ----------*/
.homepage .popular-wrapper h2 {
    font-size: 1.6rem;
    margin-top: 4rem;
    margin-bottom: 2rem;
}

.homepage .process-way {
    padding: 0rem;
}

.homepage .processway-box {
    width: 100%;
    text-align: left;
    background-color: transparent;
    border: 0rem;
    padding: 0rem;
}
.homepage .processway-box:focus {
    outline: 2px dashed var(--black);
}
.homepage .processway-box h3 {
    font-size: 1rem;
    line-height: 24px;
    margin-top: 1.25rem;        
    margin-bottom: 0rem;
    color: var(--dark-blue);
    font-family: 'Poppins-Medium', sans-serif;
}
.homepage.dark .processway-box:focus {
    outline: 2px dashed var(--white);
}
.homepage.dark .processway-box h3{
    color: var(--white);
}
.homepage #processway .owl-stage-outer .owl-stage .owl-item {
    padding: 1rem;
    margin: 0.5rem 0rem;
    min-height: 180px;
    border-radius: 0.25rem;
    border-bottom: 10px solid var(--tertiary);
    -webkit-box-shadow: 0px 2px 8px #00000022;
    -moz-box-shadow: 0px 2px 8px #00000022;
    box-shadow: 0px 2px 8px #00000022;
}
.homepage.dark #processway .owl-stage-outer .owl-stage .owl-item {
    background-color: var(--dark-primary);
}

#processway .owl-prev, #processway .owl-next {
    width: 30px;
    height: 30px;
    font-size:1rem;
    padding: 1rem;
    border-radius: 20px;
    background-color: #c4c4c4;
}
#processway .owl-prev > span, 
#processway .owl-next > span {
    visibility: hidden;
}
#processway .owl-prev:hover, #processway .owl-prev:focus,
#processway .owl-next:hover, #processway .owl-next:focus {
    background-color: var(--primary);
    outline: 2px dashed var(--black);
}
.homepage.dark #processway .owl-prev:hover,
.homepage.dark #processway .owl-prev:focus,
.homepage.dark #processway .owl-next:hover,
.homepage.dark #processway .owl-next:focus {
    outline: 2px dashed var(--white);
    background-color: var(--black);
}
#processway .owl-prev {
    left: -36px;
    transform: rotate(180deg);
    background-image: url('/Themes/Online/nh/public/images/arrow-right.svg');
    background-repeat: no-repeat;
    background-size: inherit;
}

#processway .owl-next {
    right: -36px;
    transform: none;
    background-image: url('/Themes/Online/nh/public/images/arrow-right.svg');
    background-repeat: no-repeat;
    background-size: inherit;
}

.homepage #processway .owl-item .pro-img img,
.homepage #processway .owl-item .pro-img svg {
    margin: inherit;
    width: 64px;
    height: 64px;
}

.homepage.dark #processway .owl-item .pro-img svg path:nth-child(1),
.homepage.dark #processway .owl-item .pro-img svg path:nth-child(2) {
    fill: var(--white);
}

/*------------Resources Section-------------*/
.homepage .resource-wrapper h2 {
    font-size: 1.6rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.homepage .resource-wrapper .resources-list {
    margin: 0rem;
    padding: 0rem;
    display: flex;
    flex-flow: row wrap;
}

.homepage .resource-wrapper .resources-list li {
    width: 25%;
    padding: 0.75rem;
    list-style-type: none;
}

.homepage .resource-wrapper .resources-list li:first-child,
.homepage .resource-wrapper .resources-list li:nth-child(5) {
    padding-left: 0rem;
}

.homepage .resource-wrapper .resources-list li:nth-child(4),
.homepage .resource-wrapper .resources-list li:last-child {
    padding-right: 0rem;
}

.homepage .resource-section {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 160px;
    padding: 1rem;
    margin-bottom: 0rem;
    box-shadow: none;
    border: 1px solid #efefef;
    background: var(--bg-default);
}
.homepage .resource-section:focus {
    outline: 2px dashed var(--black);
}
.homepage.dark .resource-section:focus {
    outline: 2px dashed var(--white);
}
.homepage .resource-section p {
    color: #6F706F;
    font-size: 0.875rem;
    min-height: auto;
    margin-bottom: 0rem;
    text-align: start;
}
.homepage .resource-section .resource-header {
    width: 100%;
    min-height: 36px;
    position: relative;
    bottom: inherit;
    right: inherit;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
    text-align: start;
}
.homepage .resource-section .resource-header > h3 {
    font-size: 1rem;
    margin-right: 1rem;
    margin-bottom: 0rem;
    color: var(--primary);
    font-family: 'Poppins-SemiBold', sans-serif;
}
.homepage .resource-section .resource-header > a {
    line-height: 16px;
}
.homepage .resource-section .resource-header > p {
    font-size: 0.875rem;
    color: var(--grey);
}
.homepage.dark main {
    background-color: var(--dark-secondary);
}
.homepage.dark .resource-section {
    background: var(--dark-primary);
    border: 1px solid var(--dark-primary);
}
.homepage.dark .resource-section .resource-header > h3 {
    color: var(--white);
}
.homepage.dark .resource-section p {
    color: var(--text-tertiary);
}

/*----------Footer----------*/
.dark header.public {
    background-color: var(--dark-primary);
}
.homepage footer {
    color: var(--white);
    padding: 0rem 0rem;
    background-color: var(--dark-blue);
}
.dark.homepage footer {
    color: var(--white);
    background-color: var(--dark-primary);
}
.homepage footer .copyrights-wrapper {
    font-size: 0.8125rem;
    text-align: center;
    color: #949FB8;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.homepage footer .copyrights-wrapper a {
    color: var(--white);
    text-decoration: none;
}
.homepage footer .copyrights-wrapper a:focus {
    outline: 2px dashed var(--white);
}
.homepage .footer-branding .logo-footer {
    width: 100px;
    height: 100px;
    margin-bottom: 1.5rem;
}

.homepage footer h3 {
    color: #949FB8;
    font-size: 1rem;
    padding-left: 0.5rem;
    margin-bottom: 1rem;
    border-left: 4px solid #949FB8;
    text-transform: uppercase;
    font-family: 'Poppins-SemiBold', sans-serif;
}

.homepage .footer-branding h3, .homepage .footer-branding h4 {
    font-family: 'Poppins-SemiBold', sans-serif;
    color: var(--white);
    padding-left: 0rem;
    border-left: 0rem;
    margin-bottom: 0rem;
}

.homepage .footer-branding h3 {
    font-size: 1rem;
    text-transform: capitalize;
}

.homepage .footer-branding h4 {
    font-size: 0.875rem;
    margin-top: 1.5rem;
}

.homepage .footer-branding small {
    font-size: 0.75rem;
}

.homepage footer .quick-links {
    padding: 0rem;
    margin: 0rem;
}

.homepage footer .quick-links .list-group-item {
    padding: 0.5rem 0rem;
    list-style-type: none;
}

.homepage footer .quick-links .list-group-item a {
    color: var(--white);
    font-size: 0.8125rem;
    text-decoration: none;
}

.homepage footer .quick-links .list-group-item a {
    color: var(--white);
    font-size: 0.8125rem;
    text-decoration: none;
}

.homepage footer address {
    font-size: 0.8125rem;
}

/*.homepage footer.private {
    position: absolute;
    left: 0rem;
    bottom: 0rem;
    width: 100%;
}*/

.homepage .visually-hidden {
    visibility: hidden;
}

.homepage .contact-form {
    margin-bottom: 0rem;
}

.homepage .contact-form .form-control,
.homepage .contact-form textarea.form-control {
    color: var(--white);
    font-size: 0.8125rem;
    border-radius: 0.125rem;
    height: calc(2.4375rem + 2px);
    padding: 0.375rem 0.5rem;
    background: var(--primary);
}

.homepage .contact-form select.form-control {
    color: var(--white);
    background: var(--primary) url('/Themes/Online/nh/public/images/arrow-select.svg') no-repeat 94% 50%;
    background-size: auto;
}

.homepage .contact-form textarea.form-control {
    resize: none;
    height: 70px;
}

.homepage .contact-form .form-control::placeholder {
    color: var(--white);
    font-size: 0.8125rem;
}
.homepage .otp-field-list .form-control {
    font-size: 1.5rem;
    height: 60px;
    margin-bottom: 0rem;
    background-image: none;
}
.homepage .contact-form .btn-primary {
    color: var(--white);
    padding: 0.375rem 1.75rem;
    border-color: #53A8DB;
    border-radius: 0.125rem;
    background-color: #53A8DB;
}

.homepage .social-media {
    margin: 0.5rem 0rem 0rem;
    padding: 0rem;
    display: flex;
    justify-content: center;
}

.homepage .social-media li {
    padding: 0rem 0.5rem;
    list-style-type: none;
}

.homepage .social-media li img {
    width: 20px;
    height: 20px;
}
.homepage .btn-back {
    border: 6px solid #fff;
}
.homepage .dashboard-container {
    padding-left: 0rem;
    padding-right: 0rem;
    min-height: 400px;
    height: calc(100vh - 156px);
}
.homepage .badge-primary {
    color: #10214A;
    font-size: 14px;
    padding: 0.4rem 1.25rem;
    border-color: #F4B305;
    border-radius: 14px;
    background-color: #F4B305;
}
.homepage .HomeDropdown {
    position: absolute !important;
    width: auto;
    top: -90px;
    left: 28px;
    z-index: 100;
    padding: 0px !important;
}

.homepage .HomeDropdown .card-body {
    padding: 10px 15px 15px 15px !important;
}
.homepage .HomeDropdown .resource-header > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.25rem 0rem;
}
.homepage .menuList {
    font-size: 14px !important;
    color: #1f376d;
    /*font-weight: 600;*/
    display: block;
    line-height: 24px;
    width: 224px;
}
.dark.homepage .menuList {
    color: var(--white);
}
.homepage .float-left {
    float: left;
}

.homepage .float-right {
    float: right;
}

.homepage .iconLeft {
    width: 20px !important;
    margin-left: 0.5rem;
}

/*------------ Responsive CSS-----------*/
@media all and (min-width: 1600px) {
    .homepage .container {
        max-width: 90%;
    }

    .homepage #processway {
        max-width: 100%;
    }

    .homepage .resource-section {
        min-height: 148px;
    }
}

@media all and (min-width: 1366px) {
    .homepage .container {
        max-width: 90%;
    }
}

@media all and (min-width: 1200px) {
    #processway {
        max-width: 100%;
    }
}

@media all and (max-width: 1280px) {
    .homepage #processway {
        padding-left: 0rem;
        padding-right: 0rem;
    }

    .homepage .resource-wrapper .resources-list li {
        width: 33.33%;
    }

    .homepage .resource-wrapper .resources-list li:nth-child(3n) {
        padding-right: 0rem;
    }

    .homepage .resource-wrapper .resources-list li:nth-child(3n+1) {
        padding-left: 0rem;
    }

    .homepage .resource-wrapper .resources-list li:nth-child(3n+2) {
        padding-right: 0.75rem;
    }

    .homepage .resource-wrapper .resources-list li:nth-child(4) {
        padding-left: 0rem;
        padding-right: 0.75rem;
    }

    .homepage .resource-wrapper .resources-list li:nth-child(5) {
        padding-left: 0.75rem;
    }
}

@media all and (max-width: 1199.98px){
    .homepage footer .copyrights-wrapper {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .btn-group-primary {
        justify-content: end !important;
    }
    #font-size-toggle {
        justify-content: start !important;
    }
    .homepage .announement-wrapper {
        margin-left: 0rem;
        padding-top: 2rem;
    }
    .homepage .banner-card .card-body h1 {
        font-size: 2rem;
    }
    .homepage .banner-card .card-body .search-title {
        font-size: 1.25rem;
    }
    .homepage .tiles-wrapper .tile-wrap .tile-icon,
    .homepage .tiles-wrapper .tile-wrap svg {
        width: 30px;
        margin: 0rem 1rem 0rem 0.5rem;
    }
}

@media all and (max-width: 1023.98px) {
    .homepage .container {
        max-width: 100%;
    }
    .homepage .home-banner {
        min-height: 360px;
        padding: 2rem 0rem;
    }
    .homepage .home-banner .container {
        position: relative;
        left: 0rem;
        right: 0rem;
        bottom: 0rem;
        z-index: 30;
    }
    .homepage .banner-card .card-body h1 {
        font-size: 2rem;
    }

    .homepage .banner-card .card-body .tagline {
        font-size: 1rem;
    }

    .homepage .banner-card .card-body .search-title {
        font-size: 1.25rem;
    }

    .homepage .tiles-wrapper .tile-wrap .tile-icon {
        width: 24px;
    }

    .homepage .tiles-wrapper .tile-wrap .tile-name {
        font-size: 0.875rem;
    }
    .homepage #processway .owl-prev, #processway .owl-next {
        top: -2.5rem;
    }

    .homepage #processway .owl-prev {
        left: auto;
        right: 3rem;
    }

    .homepage #processway .owl-next {
        right: 0rem;
    }
}

@media all and (max-width:991.98px) {
    .homepage header {
        position: relative;
    }
    .homepage .home-banner {
        margin-top: -1px;
    }
    .homepage .banner-right-pane {
        margin-top: 2rem;
    }
    .homepage .business-wrapper h2 {
        margin-top: 4rem;
    }
    .homepage .announement-wrapper {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .homepage .hide-break {
        display: none;
    }
    .homepage .resource-wrapper .resources-list li {
        width: 50%;
        padding: 0.5rem;
    }
    .homepage .resource-wrapper .resources-list li:nth-child(2n), 
    .homepage .resource-wrapper .resources-list li:nth-child(6) {
        padding-right: 0rem;
    }
    .homepage .resource-wrapper .resources-list li:nth-child(3),
    .homepage .resource-wrapper .resources-list li:nth-child(3n+2) {
        padding-right: 0.5rem;
    }
    .homepage .resource-wrapper .resources-list li:nth-child(2) {
        padding-right: 0rem;
    }
    .homepage .resource-wrapper .resources-list li:nth-child(3),
    .homepage .resource-wrapper .resources-list li:nth-child(4n+1) {
        padding-left: 0rem;
    }
    .homepage .resource-wrapper .resources-list li:nth-child(4n) {
        padding-left: 0.5rem;
        padding-right: 0rem;
    }    
}

@media all and (min-width:768px) and (max-width: 816px) {
    .homepage .dashboard-container {
        height: calc(100vh - 312px);
    }
}

@media all and (max-width: 767.98px){
    .btn-group-primary,
    #font-size-toggle {
        justify-content: center !important;
    }
    .homepage .btn {
        margin-bottom: 0rem;
    }
    .homepage .banner-card .card-body h1 {
        font-size: 1.75rem;
    }
    .homepage .business-wrapper h2,
    .homepage .popular-wrapper h2,
    .homepage .resource-wrapper h2 {
        font-size: 1.25rem;
    }
    .homepage header h1, .homepage .sos-member,
    .homepage .banner-card .card-body .search-title {
        font-size: 1rem;
    }
    .homepage header img {
        width: 50px;
        margin-right: 0.5rem;
        margin-bottom: initial;
    }
    .homepage header .divider {
        margin-left: 0.5rem;
        margin-right: 0.75rem;
    }
    /*.homepage .home-banner {
        margin-top: 92px;
    }*/
    .homepage .home-banner .main-banner,
    .homepage .business-wrapper p.description {
        width: 100%
    }
    .homepage .hide-break {
        display: inline;
    }
}

@media all and (min-width: 576px) and (max-width:767.98px) {
    .homepage .dashboard-container {
        height: calc(100vh - 312px);
    }
}

@media all and (max-width:575.98px) {
    .homepage .dashboard-container {
        height: calc(100vh - 242px);
    }
    .homepage header .divider {
        height: 30px;
        margin-left: 0.5rem;
        margin-right: 0.75rem;
    }
    /*.homepage #panel {
        top: 133px;
    }*/
    .homepage .resource-section {
        min-height: inherit;
    }
    .homepage header {
        position: relative;
    }
    .homepage header h1, .homepage .sos-member {
        font-size: 0.925rem;
    }
    .homepage .tiles-wrapper .tile-wrap {
        padding: 1rem;
        text-align: center;
    }
    .homepage .tiles-wrapper .tile-wrap .tile-name {
        font-size: 1rem;
        text-align: start;
    }
    .homepage .resource-wrapper .resources-list li {
        width: 100%;
    }
    .homepage .resource-wrapper .resources-list li:nth-child(3n),
    .homepage .resource-wrapper .resources-list li:nth-child(3n+1),
    .homepage .resource-wrapper .resources-list li:nth-child(3n+2) {
        padding-left: 0rem;
        padding-right: 0rem;
    }
    .homepage #processway .owl-stage-outer .owl-stage .owl-item {
        min-height: 202px;
    }
}

@media all and (max-width:479.98px){
    .homepage #panel {
        width: 100%;
    }
    .homepage .HomeDropdown {
        left: 8px;
        width: 268px;
    }
}