@font-face {
    font-family: 'Roboto';
    src: url(/documents/d/partner-portal/Roboto-Thin);
    font-weight: 100;
    font-display: swap
}

@font-face {
    font-family: 'Roboto';
    src: url(/documents/d/partner-portal/Roboto-Light);
    font-weight: 300;
    font-display: swap
}

@font-face {
    font-family: 'Roboto';
    src: url(/documents/d/partner-portal/Roboto-Regular);
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: 'Roboto';
    src: url(/documents/d/partner-portal/Roboto-Medium);
    font-weight: 500;
    font-display: swap
}

@font-face {
    font-family: 'Roboto';
    src: url(/documents/d/partner-portal/Roboto-Bold);
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: 'Roboto';
    src: url(/documents/d/partner-portal/Roboto-Black);
    font-weight: 900;
    font-display: swap
}

.page-editor__layout-viewport__resizer {
    width: 100%
}

a,
a:hover {
    text-decoration: none;
    cursor: pointer;
    color: #0C3788
}

a:focus-visible {
    outline: none;
    box-shadow: none;
    border: none;
}

:focus-visible {
    outline: none;
    box-shadow: none;
    border: none;
}

[class^="container-"],
[class$="-container"] {
    padding: 0 20px;
    margin: 0 auto
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

.mt-25 {
    margin-top: 25px
}

.mt-35 {
    margin-top: 35px
}

select,
[type=radio] {
    cursor: pointer
}

.page-editor__layout-viewport__resizer {
    width: 100%
}

.form-control:focus,
.form-select:focus {
    box-shadow: none
}

li:focus-visible,
a:focus-visible,
select:focus-visible {
    outline: none
}

.dropdown-item:active {
    background-color: transparent;
}

.dropdown-item.focus,
.dropdown-item:focus-visible,
.c-prefers-focus .dropdown-item:focus {
    background-color: transparent;
    box-shadow: none;
}

.row-gap-5 {
    row-gap: 3rem
}

.row-gap-4 {
    row-gap: 1.5rem
}

.row-gap-3 {
    row-gap: 1rem
}

.row-gap-2 {
    row-gap: .5rem
}

.row-gap-1 {
    row-gap: .25rem
}

.column-gap-5 {
    column-gap: 3rem
}

.column-gap-4 {
    column-gap: 1.5rem
}

.column-gap-3 {
    column-gap: 1rem
}

.column-gap-2 {
    column-gap: .5rem
}

.column-gap-1 {
    column-gap: .25rem
}

.column-gap-0 {
    column-gap: 0
}

.portlet-layout .portlet-header {
    display: none
}

.portlet-decorate .portlet-content {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important
}

.portlet-commerce-product-content .tab-content {
    background: transparent !important
}

.portlet-content-container {
    padding: 0 !important
}

.portlet {
    margin-bottom: 0 !important
}

.portlet-commerce-product-content .premiun-details-container .tab-content {
    background: transparent !important
}

body {
    font-family: 'Roboto'
}

p {
    color: #111;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px
}

.btn:focus,
.btn:active:focus,
.btn-check:focus+.btn,
button:focus:not(:focus-visible) {
    box-shadow: none
}

img,
video {
    max-width: 100%;
    width: auto;
    height: auto
}

.mt-35 {
    margin-top: 35px
}

.form-check-input:checked {
    background-color: #0d3788;
    border-color: #0d3788
}

.form-check-input:focus {
    box-shadow: none;
    border-color: rgba(0, 0, 0, .25)
}

section h2,
section h1 {
    color: #0C3688;
    text-align: center;
    font-size: 50px;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 30px;
    text-transform: capitalize
}

.blue-btn,
.blue-border-btn {
    border-radius: 4px;
    font-size: 14px;
    font-weight: 900;
    line-height: 38px;
    text-transform: uppercase;
    height: 40px;
    min-width: 160px;
    padding: 0 10px
}

.blue-btn,
.blue-btn:hover {
    border: 2px solid #0C3688;
    background: #0C3688;
    color: #FFFEFF
}

.blue-border-btn,
.blue-border-btn:hover {
    border: 2px solid #0C3688;
    background: #FFF;
    color: #0C3688
}

header {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    height: 60px;
    background: #fff;
}

.lfr-layout-structure-item-header-login-page-fragment header {
    position: sticky;
    top: 0;
}

.lfr-layout-structure-item-header-fragment {
    position: sticky;
    top: 0;
    z-index: 5;
}

header .navbar {
    padding: 0;
    height: 60px;
}

header .navbar .navbar-brand {
    max-width: initial;
    padding-left: 0;
    padding-right: 0;
}

header .navbar .navbar-brand img {
    max-width: 140px;
}

header .navbar .navbar-brand span {
    padding: 0 0 0 20px;
    margin-left: 20px;
    border-left: 1px solid #BBBBBB;
    display: inline-block;
}

header .navbar .navbar-collapse {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

header .navbar .navbar-collapse .dropdown-head {
    background: linear-gradient(180deg, #DDE7F5 0%, rgba(197, 209, 227, 0.00) 100%);
    padding: 30px 0 30px 30px;
    display: flex;
    align-items: center;
    gap: 10px;
}

header .navbar .navbar-collapse .logged-user {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}

header .navbar .navbar-collapse .logged-user .name {
    color: #0C3688;
    display: block;
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
}

header .navbar .navbar-separator {
    display: flex;
    margin: 10px 0;
    padding: 20px 30px;
}

header .navbar .navbar-separator span {
    display: block;
    height: 2px;
    width: 50%;
}

header .navbar .navbar-separator span:first-child {
    border-radius: 3px 0px 0px 3px;
    background: #F12B00;
}

header .navbar .navbar-separator span:nth-child(2) {
    border-radius: 0px 3px 3px 0px;
    background: #0C3688;
}

header .navbar .login-dropdwon {
    color: #F24520;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    width: 100%;
    text-align: left;
    position: relative;
    padding: 0 30px;
}

header .navbar .navbar-collapse .dropdown-navbar-toggler {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='49' viewBox='0 0 50 49' fill='none'%3E%3Crect width='50' height='49' fill='%23EE2D3D'/%3E%3Cpath d='M31.2015 33.2234L25.1406 27.1624L19.0797 33.2234L17.0594 31.2031L23.1203 25.1421L17.0594 19.0812L19.0797 17.0609L25.1406 23.1218L31.2015 17.0609L33.2218 19.0812L27.1609 25.1421L33.2218 31.2031L31.2015 33.2234Z' fill='white'/%3E%3C/svg%3E");
    height: 50px;
    width: 50px;
}

header .navbar .site-name {
    color: #0C3688;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
}

header .navbar-nav {
    gap: 25px
}

header .nav-link {
    color: #303030;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    position: relative;
    overflow: visible;
}

header .nav-link.active,
header .nav-link:hover {
    color: #0C3688;
    font-weight: 700;
}

header .nav-link::after {
    content: "";
    border-radius: 3px;
    background: #D83D46;
    position: absolute;
    bottom: -8px;
    width: 100%;
    height: 0;
    left: 0;
    transition: all 0.3s ease;
}

header .nav-link.active::after,
header .nav-link:hover::after {
    height: 4px;
}

header .navbar-expand-lg .navbar-nav .nav-link {
    padding: 0
}

.footer-sticky-button .login,
header .navbar .header-login {
    display: inline-flex;
    height: 40px;
    padding: 0px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 4px;
    background: #0C3688;
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.header-login-detail {
    color: #303030;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 10px;
}

.header-login-detail.dropdown-toggle::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1.41 0.290039L6 4.88004L10.59 0.290039L12 1.71004L6 7.71004L0 1.71004L1.41 0.290039Z' fill='black'/%3E%3C/svg%3E");
    border: 0;
    width: 12px;
    height: 8px;
}

header .dropdown .dropdown-menu {
    left: auto;
    right: 0;
    background: #FFF;
    border: 0;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
    border-radius: 0;
    padding: 0;
}

header .dropdown .dropdown-menu .dropdown-item {
    padding: 20px 10px;
}

header .dropdown .dropdown-menu .dropdown-item {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    position: relative;
}

header .dropdown .dropdown-menu .dropdown-item#logoutLink {
    color: #F24520;
}

header .dropdown .dropdown-menu .dropdown-item::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='0 0 6 10' fill='none'%3E%3Cpath d='M0 8.81667L3.7085 5L0 1.175L1.1417 0L6 5L1.1417 10L0 8.81667Z' fill='black'/%3E%3C/svg%3E");
    position: absolute;
    width: 6px;
    height: 10px;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

header .navbar-toggler {
    height: 40px;
    height: 50px;
    background: transparent;
    border-radius: 0;
    padding: 0 5px
}

header .navbar-toggler:focus {
    box-shadow: none;
    z-index: initial
}

header .navbar-toggler span {
    display: block;
    width: 18px;
    height: 2px;
    margin: 0 auto;
    background: #0c3688
}

header .navbar-toggler span+span {
    margin-top: 3px
}


footer {
    background: #18407E;
    color: #ffffff;
    padding-top: 40px
}

footer .footer-container {
    max-width: 1825px
}

footer .navbar-nav .nav-link {
    color: #fff;
    padding: 0;
}

/* 
footer .portlet-title-text {
    display: none;
}

footer .portlet-borderless .portlet-content {
    padding: 0;
} */

.footer-links {
    margin-top: 53px
}

.footer-links.row {
    row-gap: 20px
}

.footer-links h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 24px;
    text-transform: uppercase;
    color: #fff;
    text-align: left;
}

.footer-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 35px
}

footer a,
footer a:hover {
    color: inherit
}

.footer-socail-icons {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    max-width: 220px
}

footer .contact-us {
    height: 44px;
    padding: 0 15px;
    background: #fff;
    border-radius: 6px;
    font-weight: 700;
    font-size: 14px;
    line-height: 44px;
    text-align: center;
    text-transform: uppercase;
    color: #0c3688;
    display: inline-block;
    width: 200px
}

footer .contact-us:hover {
    color: #0c3688
}

.copyright {
    padding: 20px 0;
    border-top: 1px solid #466698;
    margin-top: 30px
}

.copyright p {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF
}

.footer-sticky-button {
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
    position: fixed;
    width: 100%;
    padding: 12px 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    bottom: 0;
    border-radius: 0 0 2px;
    background: #fff;
    left: 0;
    column-gap: 20px;
    row-gap: 10px;
    z-index: 1;
}

.footer-sticky-button .btn {
    flex-grow: 1;
}

.footer-sticky-button .blue-border-btn {
    font-size: 16px;
}

.partner-prelogin-banner {
    position: relative;
    text-align: center;
    padding-top: 60px;
}

.pp-prelogin-banner-content {
    position: relative;
    z-index: 1;
}

.partner-prelogin-banner h2,
.partner-prelogin-banner h1 {
    color: #0C3688;
    text-align: center;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 16px;
}

.partner-prelogin-banner p {
    color: #404040;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    max-width: 1400px;
    margin: 0 auto 25px;
}

.partner-prelogin-banner .btn {
    font-size: 22px;
    font-weight: 600;
    padding: 12px 25px;
    border-radius: 4px;
    background: #0C3688;
    color: #FFF;
    text-align: center;
    border: 0;
}

.partner-prelogin-banner .animate-banner-img {
    position: relative;
    margin-top: -13%;
    /* z-index: -1; */
}

.partner-prelogin-banner .animate-banner-img .left-blue-setting {
    position: absolute;
    top: 32%;
    left: 20%;
    width: 7.4%;
}

.partner-prelogin-banner .animate-banner-img .left-red-setting {
    position: absolute;
    top: 33.5%;
    left: 31.7%;
    width: 3.3%;
}

.partner-prelogin-banner .animate-banner-img .right-blue-setting {
    position: absolute;
    right: 20%;
    top: 10%;
    width: 8.7%;
}

.partner-prelogin-banner .animate-banner-img .right-red-setting {
    position: absolute;
    right: 25%;
    top: 41%;
    width: 6.8%;
}

.partner-prelogin-banner .animate-banner-img .setting-outer-rotate {
    position: absolute;
    right: 21%;
    top: 32%;
    width: 15%;
}

.partner-prelogin-banner .animate-banner-img .rotate-setting-left {
    -webkit-animation: spin 20s linear infinite;
    -moz-animation: spin 20s linear infinite;
    animation: spin 20s linear infinite;
}

.partner-prelogin-banner .animate-banner-img .rotate-setting-left {
    -webkit-animation: spin-left 20s linear infinite;
    -moz-animation: spin-left 20s linear infinite;
    animation: spin-left 20s linear infinite;
}

@-moz-keyframes spin-left {
    100% {
        -moz-transform: rotate(-360deg);
    }
}

@-webkit-keyframes spin-left {
    100% {
        -webkit-transform: rotate(-360deg);
    }
}

@keyframes spin-left {
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

.partner-prelogin-banner .rotate-setting-right {
    -webkit-animation: spin-right 20s linear infinite;
    -moz-animation: spin-right 20s linear infinite;
    animation: spin-right 20s linear infinite;
}

@-moz-keyframes spin-right {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin-right {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin-right {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.portal-login-banner,
.portal-login-banner .slick-slide {
    position: relative;
}

.banner-content {
    position: absolute;
    display: flex;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
    right: auto;
    justify-content: start;
    flex-direction: column;
    align-items: flex-start;
    width: auto;
    max-width: 30%;
}

.portal-login-banner .banner-content h2 {
    color: #FFF;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: left;
    margin-bottom: 35px;
}

.portal-login-banner .banner-content p {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 150% */
    margin-bottom: 35px;
}

.portal-login-banner .banner-content .btn {
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    height: 50px;
    padding: 0 20px;
    color: #0C3688;
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 50px;
}

.portal-login-banner .banner-content .btn img {
    margin-right: 10px;
    display: inline;
}

.banner-slider .slick-dots {
    position: absolute;
    bottom: 25px;
    transform: translateX(-50%);
    left: 50%;
    z-index: 1;
}

.lfr-layout-structure-item-post-login-scrollspy {
    position: sticky;
    top: 59px;
    z-index: 3;
    background: linear-gradient(180deg, #FFF 0%, #D9D9D9 100%);
    scrollbar-width: none;
    /* Firefox */
}

.lfr-layout-structure-item-post-login-scrollspy::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari */
}

.scrollspy ul {
    justify-content: center;
    padding: 22px 0 18px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
    list-style: none;
}

.scrollspy li {
    padding: 0 20px;
    position: relative;
}

.scrollspy li:before {
    content: "";
    position: absolute;
    right: -1px;
    display: inline-block;
    width: 1px;
    background: #404040;
    height: 10px;
    top: 10px;
}

.scrollspy li:last-child:before {
    display: none
}

.scrollspy li a {
    color: #404040;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    text-transform: uppercase;
    padding: 0;
    border: 0;
    border-radius: 0;
    border-bottom: 4px solid transparent;
    position: relative;
}


.scrollspy li a::after {
    content: "";
    border-radius: 3px;
    background: #D83D46;
    position: absolute;
    bottom: -8px;
    width: 0;
    height: 4px;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.3s ease;
}

.scrollspy li a.active::after,
.scrollspy li a:hover::after {
    width: 70%;
}


.help-center {
    background: linear-gradient(180deg, #FFF 55%, #ECF6FF 100%);
    padding: 50px 0;
}

.help-center-container {
    max-width: 1340px;
}

p.desc {
    max-width: 754px;
    color: #212427;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 36px;
    margin: 0 auto 35px;
}

.help-center .nav {
    row-gap: 22px;
    min-width: 200px;
    align-items: flex-start;
    scrollbar-width: none;
    /* Firefox */
}

.help-center .nav::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari */
}

.help-center .tab-content {
    width: calc(100% - 220px);
    flex-grow: 0;
}

.help-center .nav-link {
    padding: 0;
    color: #212427;
    font-size: 20px;
    font-weight: 400;
    text-align: left;
    line-height: normal;
}


.help-center .nav-pills .nav-link.active,
.help-center .nav-pills .show>.nav-link {
    border-radius: 2px;
    border-bottom: 2px solid #F12B00;
    background: #E1ECFF;
    text-align: center;
    color: #0C3688;
    font-weight: 700;
    padding: 6px 12px;
}

/* .help-tab-slider .slick-track {
    display: flex;
}

.help-tab-slider .slick-track .slick-slide {
    height: auto;
}

.help-tab-slider .slick-track .slick-slide>div,
.slick-track .slick-slide>div>div {
    height: 100%;
}

.help-tab-slider .slick-track .slick-slide video {
    height: 100%;
    object-fit: cover;
} */

.slick-dots {
    width: 100%;
}

.help-enquiry {
    padding-left: 20px;
}

.help-enquiry li a {
    color: #4F4F4F;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    padding: 15px 20px 15px 0;
    display: block;
    border-bottom: 1px solid #4F4F4F;
    position: relative;
}

.help-enquiry li a::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12' fill='none'%3E%3Cpath d='M0.294983 10.58L4.87498 6L0.294983 1.41L1.70498 0L7.70498 6L1.70498 12L0.294983 10.58Z' fill='%234F4F4F'/%3E%3C/svg%3E");
    content: "";
    position: absolute;
    right: 0;
    top: 20px;
    width: 8px;
    height: 12px;
}

.global-map {
    padding: 50px 0;
    background: url("/documents/d/partner-portal/global-bg") top center/cover no-repeat;
}

.global-map-container {
    max-width: 1280px;
}

.global-map .nav {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 35px -10px 50px;
    list-style: none;
    gap: 30px;
    justify-content: center;
}

.global-map .nav-pills .nav-link {
    display: block;
    color: #4F4F4F;
    font-size: 12px;
    font-weight: 400;
    padding: 4px 5px;
    text-align: center;
    min-width: 103px;
    border-radius: 4px;
    border: 2px solid #C8D2DD;
    background: #FFF;
    box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.25);
}

.global-map .nav-pills .nav-link.active,
.global-map .nav-pills .nav-link:hover {
    border: 2px solid #0C3688;
    background: #0C3688;
    color: #fff;
}

.region-country-list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -15px;
    row-gap: 40px;
    padding: 0;
    justify-content: center;
}

.region-country-list img {
    width: 42px;
    height: 25px;
}

.region-country-list li {
    width: calc(100% / 6);
    padding: 0 15px;
}

.region-country-list li a {
    color: #4F4F4F;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    position: relative;
    display: flex;
    gap: 10px;
    padding-right: 35px;
    align-items: center;
}

.region-country-list li a:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13' fill='none'%3E%3Cpath d='M0 11.0342L4.58 6.45422L0 1.86422L1.41 0.454224L7.41 6.45422L1.41 12.4542L0 11.0342Z' fill='%234F4F4F'/%3E%3C/svg%3E");
    width: 8px;
    height: 13px;
    position: absolute;
    top: 6px;
    right: 10px;
}

.business-section {
    background: linear-gradient(0deg, #FFF 55%, #ECF6FF 100%);
    padding: 40px 0;
}

.business-container {
    max-width: 1340px;
}

.business-section .nav {
    justify-content: center;
    gap: 20px;
}

.business-section .nav-pills .nav-link {
    display: flex;
    height: 50px;
    padding: 0px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 250px;
    background: #E1ECFF;
    color: #212427;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.business-section .nav-pills .nav-link .tab-count {
    width: 26px;
    height: 26px;
    padding: 3px 8px;
    border-radius: 50%;
    background: #FFF;
    display: inline-block;
    color: #212427;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.business-section .nav-pills .nav-link.active,
.business-section .nav-pills .show>.nav-link {
    background: #0C3688;
    color: #FFF;
}

.business-section .nav-pills .nav-link.active .tab-count,
.business-section .nav-pills .show>.nav-link .tab-count {
    background-color: #F5F5F5;
    color: #0C3688;
}

.business-slider-inner {
    position: relative;
    overflow: hidden;
}

.business-slider-inner>h3 {
    color: #FFF;
    text-align: center;
    font-size: 24px;
    font-weight: 300;
    line-height: 36px;
    position: absolute;
    bottom: 30px;
    margin: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 15px;
    width: 100%;
}

/* .business-slider-inner:hover>h3 {
    display: none;
} */

.business-slideUp {
    position: absolute;
    left: 0;
    border-radius: 4px;
    background: rgb(12 54 136 / 60%);
    text-align: center;
    padding: 15px;
    bottom: -100%;
    transition: all 0.5s ease;
    max-height: 100%;
    overflow: auto;
    scrollbar-width: none;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}

.business-slideUp::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari */
}

.business-slider-inner .business-slideUp h3 {
    color: #FFF;
    text-align: center;
    font-size: 24px;
    font-weight: 300;
    line-height: 36px;
    margin-bottom: 20px;
}

.business-slideUp p {
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}

.business-slideUp .btn {
    display: inline-block;
    width: 130px;
    height: 35px;
    border-radius: 4px;
    background: #FFF;
    color: #0C3688;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 35px;
    text-transform: uppercase;
    padding: 0;
}

/* .business-slider-inner:hover .business-slideUp {
    bottom: 0;
} */

.business-section .slick-track {
    display: flex;
    gap: 5px;
}

.business-detail-slider {
    display: flex;
    flex-direction: column;
}

.business-detail-slider .center-slider-nav {
    order: 2;
    margin-top: 30px;
}

.business-detail-slider .draggable {
    order: 1;
}

.business-section .slick-arrow {
    width: 12px;
    height: 22px;
    background-repeat: no-repeat;
    background-image: url(/documents/d/partner-portal/arrow-next-blue);
}

.business-section .slick-prev {
    transform: scale(-1);
}

.business-section .tab-content-heading {
    color: #212427;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.business-section .tab-content-heading .tab-count {
    display: inline-block;
    width: 26px;
    height: 26px;
    padding: 3px 8px;
    margin-right: 10px;
    border-radius: 50%;
    background: #212427;
    color: #EFF7FF;
    font-weight: 700;
}

.business-section .tab-pane+.tab-pane .tab-content-heading {
    margin-top: 30px;
}

.portal-form {
    background: linear-gradient(180deg, #ECF6FF 0%, #FFFFFF 83.5%);
    padding: 40px 0;
}

.portal-form-container {
    max-width: 1260px;
}

.portal-form form .row {
    row-gap: 3rem;
}

.portal-form .form-label {
    color: #212427;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.portal-form .form-control,
.portal-form .form-select {
    border: 0;
    border-bottom: 1px solid #9D9D9D;
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    color: #5A5555;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    height: auto;
}

.portal-form .form-select {
    background-position: right center;
}

.portal-form .form-check {
    margin-bottom: 15px;
    padding: 0;
}

.portal-form .form-check-label {
    color: #5A5555;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}

.portal-form .form-check-label a {
    color: #0C3688;
}

.portal-form .form-check .form-check-input {
    margin: 2px 15px 0 0;
    border: 2px solid #5A5555;
    background-color: transparent;
    height: 18px;
    width: 18px;
}

.portal-form .form-check .form-check-input:checked {
    background-color: #0d3788;
    border-color: #0d3788;
}

.select-system-checkbox h3 {
    color: #0C3688;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin: 24px 0;
}

.select-system-checkbox .inner {
    display: inline-flex;
    gap: 20px;
    flex-wrap: wrap;
}

.select-system-radio {
    border-bottom: 1px solid #9D9D9D;
    padding-bottom: 10px;
}

.select-system-radio .inner {
    margin-top: 20px;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.select-system-checkbox .inner .form-check,
.select-system-radio .inner .form-check {
    border-radius: 4px;
    border: 1px solid rgba(55, 111, 215, 0.20);
    background: #FFF;
    color: #212427;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    margin: 0;
    position: relative;
}

.select-system-checkbox .inner .form-check,
.select-system-radio .inner .form-check {
    padding: 0;
}

.select-system-checkbox .form-check .form-check-label,
.select-system-radio .form-check .form-check-label {
    color: #212427;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    padding: 4px 10px 4px 36px;
}

.portal-form .select-system-checkbox .form-check .form-check-input,
.portal-form .select-system-radio .form-check .form-check-input {
    width: 16px;
    height: 16px;
    margin: 0;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.portal-form .select-system-checkbox .form-check:has(.form-check-input:checked),
.portal-form .select-system-radio .form-check:has(.form-check-input:checked) {
    background: #376FD7;
}

.portal-form .select-system-checkbox .form-check .form-check-input:checked {
    background-color: #fff;
    border-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23376FD7' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

.portal-form .select-system-radio .form-check .form-check-input:checked {
    background-color: #fff;
    border-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23376FD7'/%3e%3c/svg%3e");
}

.portal-form .select-system-checkbox .form-check .form-check-input:checked+.form-check-label,
.portal-form .select-system-radio .form-check .form-check-input:checked+.form-check-label {
    color: #fff;
    font-weight: 700;
}

.iti__flag {
    background-image: url(/documents/d/partner-portal/flags)
}

.portal-form .iti__flag-container {
    padding: 0;
    position: static;
    background: transparent;
}

.portal-form .iti.iti--allow-dropdown {
    display: flex;
    border-bottom: 1px solid #9D9D9D;
    gap: 15px;
}

.portal-form .iti--separate-dial-code .iti__selected-flag {
    background: transparent;
    padding: 0;
}

.portal-form .iti.iti--allow-dropdown .form-control {
    border: 0;
    padding-left: 0 !important;
}

.portal-form .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background: transparent;
}

.portal-form .select2-container--default .select2-selection--single {
    background: transparent;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #9D9D9D;
    height: auto;
}

.portal-form .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0;
    color: #5A5555;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 16px 12px;
}

.portal-form .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

.portal-form span.error {
    font-size: 13px;
    color: #dc3545;
    position: absolute;
}

.pp-form-success-msg {
    text-align: center;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    display: none;
}

.feedback-modal .pp-form-success-msg {
    min-height: 400px;
}

.feedback-modal .submit-form-error {
    padding-bottom: 50px;
}

.feedback-modal .pp-form-success-msg p {
    margin: 0 auto 50px;
    max-width: 350px;
}

.pp-form-success-msg p {
    color: #18407E;
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
}

.pp-form-success-msg .btn {
    width: 266px;
    height: 50px;
    border-radius: 6px;
    background: #0C3688;
    color: #FFF;
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    display: block;
    margin: 25px auto 0;
}

.submit-form-error {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    justify-content: center;
    display: none;
}

.submit-form-error .inner {
    background-color: #fcebeb;
    padding: 35px;
    border-radius: 10px;
    text-align: center
}

.submit-form-error .inner h4 {
    font-size: 20px;
    margin: 12px 0;
    line-height: 30px
}

h2.login-heading {
    padding-top: 20px;
    margin: 0;
}

.portlet-login {
    padding: 20px 20px 50px;
}

.custom-dropdown-select2.select2-dropdown {
    background-color: #deeaff
}

.custom-dropdown-select2 .select2-results__option {
    user-select: none;
    -webkit-user-select: none;
    color: #000;
    border-bottom: 1px solid #ccc;
    padding: 5px 10px;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    cursor: pointer
}

.custom-dropdown-select2 .select2-results__option:hover {
    background-color: #0c3688;
    color: #fff
}

.custom-dropdown-select2 .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    font-size: 13px
}

.select2-container--default .custom-dropdown-select2 .select2-search--dropdown .select2-search__field:focus {
    outline: 0
}

.form-loader {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(255 255 255 / 60%);
    z-index: 1;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}

.modal-open .modal {
    display: none;
}

.partner-portal-modal .modal-dialog {
    max-width: 620px;
    margin-top: 0;
    margin-bottom: 0;
}

.partner-portal-modal .modal-header {
    padding: 30px 30px 12px;
    height: auto;
    border: 0;
}

.partner-portal-modal.feedback-modal .modal-header {
    align-items: baseline;
}

.partner-portal-modal.feedback-modal .modal-header .infor {
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}

.partner-portal-modal.login-modal .modal-title {
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.partner-portal-modal.feedback-modal .modal-title {
    color: #0C3688;
    font-size: 40px;
    font-weight: 700;
    line-height: normal;
}

.partner-portal-modal .modal-header .btn-close {
    width: 32px;
    height: 32px;
    opacity: 1;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M16 0C24.848 0 32 7.152 32 16C32 24.848 24.848 32 16 32C7.152 32 0 24.848 0 16C0 7.152 7.152 0 16 0ZM21.744 8L16 13.744L10.256 8L8 10.256L13.744 16L8 21.744L10.256 24L16 18.256L21.744 24L24 21.744L18.256 16L24 10.256L21.744 8Z' fill='%23EC3040'/%3E%3C/svg%3E");
    padding: 0;
    margin: 0;
    margin-left: auto;
    flex-shrink: 0;
}

.partner-portal-modal .modal-body {
    padding: 12px 30px;
    border: none;
}

.partner-portal-modal .form-group {
    margin-bottom: 25px;
}

.partner-portal-modal .form-label,
.partner-portal-modal .forgot-pswd {
    color: #0C3688;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.partner-portal-modal .form-select,
.partner-portal-modal .form-control {
    border-radius: 6px;
    background-color: #FFF;
    height: 44px;
    padding: 12px 14px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    border-radius: 6px;
    border: 1px solid #8A8A8A;
}

.partner-portal-modal textarea.form-control {
    resize: none;
    min-height: 115px;
}

.astrick {
    color: #D83D46;
}

.partner-portal-modal .form-control:focus {
    border: 1px solid #0C3688;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
}


.partner-portal-modal .modal-footer {
    padding: 12px 30px 30px;
    display: flex;
    gap: 30px;
    border: 0;
}

.partner-portal-modal .modal-footer button {
    margin: 0;
    width: calc((100% - 30px) / 2);
    border-radius: 6px;
    height: 50px;
    text-transform: uppercase;
    font-size: 18px;
}

.partner-portal-modal .modal-footer .close-btn {
    background: #D8DFEA;
    color: #7D8FAB;
    font-weight: 400;
    line-height: normal;
}

.partner-portal-modal .modal-footer .action-btn {
    background: #0C3688;
    color: #FFF;
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
}

.feedback-sticky-menu {
    position: fixed;
    right: 25px;
    top: 130px;
    z-index: 4;
}

.partner-portal-modal.feedback-modal .form-check {
    padding: 0;
}

.partner-portal-modal.feedback-modal .form-check-input {
    margin: 3px 10px 0 0;
    width: 16px;
    height: 16px;
    border-color: #3A3A3A;
}

.partner-portal-modal.feedback-modal .form-check-label {
    color: #8A8A8A;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}

.partner-portal-modal.feedback-modal .num-of-character {
    position: absolute;
    right: 10px;
    top: -25px;
    user-select: none;
}

.business-modal.partner-portal-modal .modal-dialog {
    max-width: 820px;
}

.business-modal.partner-portal-modal .modal-title {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
}

.business-modal.partner-portal-modal .modal-body p {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.business-modal.partner-portal-modal .modal-footer .action-btn {
    width: auto;
}

.business-modal.partner-portal-modal .modal-footer {
    justify-content: center;
}

.go-top {
    position: fixed;
    bottom: 100px;
    right: 40px;
    display: none;
    z-index: 2;
}

.go-top img {
    border-radius: 50%;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.staticPage {
    background-color: #f4f4f4;
    padding: 20px 0
}

.staticPage h1 {
    color: #000;
    text-transform: uppercase;
    height: auto;
    padding: 15px 0 10px;
    margin-bottom: 25px;
    min-width: auto;
    font-weight: 700;
    font-size: 40px;
    text-align: center
}

.staticPage h2 {
    color: #000;
    font-size: 22px;
    line-height: 28px;
    font-weight: bold;
}

.staticPage h3 {
    font-size: 18px;
    margin-top: 25px;
    margin-bottom: 5px;
    font-weight: 700
}

.staticPage p {
    font-size: 16px
}

.staticPage a {
    color: #264da9
}

.staticPage .tc-title {
    text-align: left;
    font-size: 24px;
    font-weight: 500;
    line-height: initial;
    margin-bottom: 10px
}

.inner-title-tc {
    font-size: 22px
}

.anonymous {
    opacity: 0.2;
    user-select: none;
    pointer-events: none;
}

.back-to-home a {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.back-to-home a img {
    width: 25px;
    margin-right: 5px;
    margin-top: -1px;
}

.columns-max {
    padding: 0 20px;
}

.portlet-login [class^="container-"],
.portlet-login [class$="-container"],
.portlet-mfa-verify [class^="container-"],
.portlet-mfa-verify [class$="-container"] {
    padding: 0;
}

.portlet-login .login-container,
.portlet-mfa-verify .portlet-content-container {
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #D9D9D9;
    background: #FFF;
    width: 620px;
    max-width: 100%;
}

.portlet-login .login-container .control-label,
.portlet-mfa-verify .portlet-content-container .control-label {
    color: #0C3688;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.portlet-login .login-container .form-control,
.portlet-mfa-verify .portlet-content-container .form-control {
    background-color: #FFF;
    height: 44px;
    padding: 12px 14px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    border-radius: 6px;
    border: 1px solid #8A8A8A;
}

.portlet-login .login-container .form-control:focus,
.portlet-mfa-verify .portlet-content-container .form-control:focus {
    border: 1px solid #0C3688;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
}

.portlet-login .login-container .panel-body {
    padding: 0;
}

.portlet-login .login-container .btn[type=submit],
.portlet-mfa-verify .portlet-content-container .btn[type=submit] {
    background: #0C3688;
    color: #FFF;
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    border-radius: 6px;
    height: 50px;
    text-transform: uppercase;
    width: 100%;
    border-color: #0C3688;
}

.portlet-login .login-container .form-group.form-inline.input-checkbox-wrapper [type=checkbox] {
    width: 18px;
    height: 18px;
    border: 1px solid #3A3A3A;
    appearance: none;
    border-radius: .25em;
    cursor: pointer;
}

.portlet-login .login-container .form-group.form-inline.input-checkbox-wrapper [type=checkbox]:checked {
    background-color: #0c3688;
    border-color: #0c3688;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");

}

.portlet-login .login-container .input-checkbox-wrapper label {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #000;
}

.portlet-login .login-container .form-group.form-inline.input-checkbox-wrapper label {
    gap: 10px;
}

.portlet-login .login-container .navigation {
    display: none;
}

.portlet-mfa-verify .portlet-content-container form {
    padding: 20px;
}

.portlet-mfa-verify .portlet-content-container form #_com_liferay_multi_factor_authentication_web_portlet_MFAVerifyPortlet_phaseTwo {
    margin-top: 20px;
}

.portlet-mfa-verify .portlet-content-container form #_com_liferay_multi_factor_authentication_web_portlet_MFAVerifyPortlet_messageContainer {
    margin-top: 20px;
}

#_com_liferay_multi_factor_authentication_web_portlet_MFAVerifyPortlet_sendEmailButton {
    background-color: #0c3688;
}

.lfr-layout-structure-item-com-liferay-journal-content-web-portlet-journalcontentportlet .portlet-content {
    padding: 0;
}

.lfr-layout-structure-item-com-liferay-journal-content-web-portlet-journalcontentportlet .portlet-header {
    display: none
}

#vmap {
    width: 100%;
    height: 475px;
    position: relative;
}

.jqvmap-region.hovered-region {
    stroke-opacity: 1;
}

.jqvmap-label {
    text-transform: capitalize;
}

.map-pin {
    width: 22px;
    height: 37px;
    display: block;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: top center;
    background-image: url('/documents/d/partner-portal/pin');
}

.map-pin.hovered {
    background-image: url('/documents/d/partner-portal/pin-hover');

}

.region-content {
    display: none;
    padding-top: 40px;
    transition: opacity .15s linear;
    opacity: 0;
}

.region-content.active-region-tab {
    opacity: 1;
    display: block;
}

.region-content h2 {
    font-size: 36px;
    margin-bottom: 50px;
}

.region-content h2 span {
    border-bottom: 2px solid #D83D46;
}

.mob-region ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0 -10px 20px;
    list-style: none;
    row-gap: 20px;
}

.mob-region ul li {
    width: 33.33%;
    padding: 0 10px;
}

.mob-region ul li a {
    display: block;
    color: #4F4F4F;
    font-size: 12px;
    font-weight: 400;
    padding: 6px 5px;
    border-radius: 4px;
    background: #FFF;
    box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.25);
    text-align: center;
    text-transform: capitalize;
}

.mob-region ul li a.active {
    border: 2px solid #0C3688;
    background: #0C3688;
    color: #fff;
}

.mob-region .disclaimer {
    color: #747474;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
}

.map-loader {
    background: rgb(255 ,255, 255 , 0.8);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: 1;
}

.map-loader img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}