.recommendedLinksDiv {
    border: 1px solid #c7c7c7;
    border-radius: 6px;
    background-color: #fff
}

.custom-banner .recommendedLinksDiv {
    height: 300px
}

.recommendedLinksDiv hr {
    margin-bottom: 20px
}

.recommendedLinksDiv p {
    margin: 10px 15px
}

.recommendedLinksDiv ul.list-arrow-up {
    list-style: none
}

.recommendedLinksDiv ul.list-arrow-up>li::before {
    content: "\e945";
    font-family: "Linearicons-dxd";
    color: #006eab;
    font-weight: bold;
    font-size: 14px
}

.quickGuideDiv ul.nav {
    margin-left: 0px;
    background-color: #005787;
    border: none;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.quickGuideDiv ul.nav li>a {
    color: #fff
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus,.nav-tabs>li:hover>a,.nav-tabs>li.active>a {
    background-color: transparent;
    color: #fff;
    border: none
}

.nav-tabs>li.active,.nav-tabs>li.active:hover,.nav-tabs>li.active:focus,.nav-tabs>li:hover,.nav-tabs>li:focus {
    background-color: #e2f1fe;
    color: #fff
}

.nav-tabs>li.active {
    border-color: #005787
}

.nav>li>a:hover,.nav>li>a:focus {
    background-color: #1f253d;
    color: #fff
}

.nav-tabs.nav-justified>li>a {
    border-radius: 0px;
    border: none;
    margin-bottom: 0px
}

.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus {
    border: none;
    background-color: #d7edfe;
    color: #333
}

.quickGuideDiv .tab-content {
    padding: 32px 24px 18px 24px;
    background-color: #d7edfe;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.tab-pane img {
    width: 100%;
    border-radius: 6px
}

.nav-tabs.nav-justified>li {
    border-right: 2px solid #183554
}

.nav-tabs.nav-justified>li:last-child {
    border-right: none
}

.nav-tabs.nav-justified.mobile-only li {
    display: none!important
}

.recommendedLinksDiv ul {
    margin-left: 25px;
    margin-right: 20px
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap
}


.custom-banner {
    margin-bottom: 30px
}

.custom-banner .ui-banner {
    height: 100%;
    margin-bottom: 0px;
    max-height: 300px
}

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

.custom-banner .side-bar {
    min-height: 300px;
    position: relative
}

.custom-banner .side-bar .btn.yellow-btn {
    position: absolute;
    width: calc(100% - 50px);
    bottom: 20px
}

.side-bar {
    padding: 20px 25px;
    min-height: 250px
}

.side-bar.yellow {
    background-color: #fff6dc
}

.side-bar .side-bar-title {
    margin-bottom: 10px;
    font-size: 26px;
    line-height: 1.2
}

.side-bar .btn.yellow-btn {
    background-color: #ffcc7f;
    width: 100%;
    text-align: center;
    border: none;
    margin-bottom: 10px;
    margin-top: 20px;
    font-weight: bold;
    color: #000
}

.side-bar .btn.yellow-btn:hover,.side-bar .btn.yellow-btn:active,.side-bar .btn.yellow-btn:focus {
    text-decoration: none
}

.side-bar.grey>div {
    padding: 10px 25px 10px
}

.side-bar.grey {
    padding: 0px;
    background-color: #f6f7f8
}

.side-bar.grey .sidebar-title-cnt {
    background-color: #1e253e;
    color: #fff
}

.side-bar.grey .sidebar-links {
    padding-top: 15px
}

.side-bar.grey .sidebar-links li a {
    color: #000
}

.side-bar.grey .list--arrow>li::before {
    color: #000
}

.content-wrapper {
    position: relative
}

.custom-content-sidebar .side-bar {
    min-height: inherit
}

.custom-content-sidebar {
    position: absolute;
    top: 2.25rem;
    right: 2%;
    width: 20%;
    min-width: 250px
}

.quickGuideDiv .icon-link3 {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    font-weight: bold
}

.nav-tabs.nav-justified li:first-child>a {
    border-top-left-radius: 6px
}

.nav-tabs.nav-justified li:last-child>a {
    border-top-right-radius: 6px
}

.quickGuideDiv .tab-pane img+p {
    margin-top: 20px;
    margin-bottom: 20px
}

.quickGuideDiv .tab-pane a + br + p {
    margin-top: 20px;
    margin-bottom: 20px
}

.quickGuideDiv .tab-pane a {
    width: 100%;
}

.quickGuideDiv>.section-title {
    margin-bottom: 0px
}

.quickGuideDiv>.section-title+p {
    margin-bottom: 36px;
    color: #6a6a6a
}

@media only screen and (max-width: 1220px) {
    .custom-content-sidebar {
        position:static;
        width: 100%
    }
}

@media only screen and (max-width: 991px) {
    .custom-banner .row>div:first-child {
        margin-bottom:10px
    }

    .custom-banner .ui-banner img {
        height: auto;
        width: 100%
    }

    .side-bar {
        min-height: 100px
    }

    .custom-banner .side-bar {
        min-height: 100px;
        padding-bottom: 70px
    }

    .row .link--more {
        margin-bottom: 15px
    }

    .row>[class*="col-"] {
      display: flex;
      flex-direction: column
    }
}

.tab-pane .section-title {
    display: none!important
}

@media only screen and (max-width: 767px) {
    .quickGuideDiv ul.nav {
        background-color: #d7edfe
    }

    .nav-tabs.nav-justified>li {
        display: none;
        border: none
    }

    .nav-tabs.nav-justified.desktop-only>li.active,.nav-tabs.nav-justified.mobile-only.show-active li {
        display: block!important
    }

    .nav-tabs.nav-justified>li.active:hover,.nav-tabs.nav-justified>li.active a:hover {
        display: block;
        cursor: pointer;
        border-color: #005787
    }

    .nav-tabs.nav-justified>li.active a {
        position: relative;
        margin-bottom: 0px
    }

    .nav-tabs.nav-justified>li.active a::after {
        content: "";
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #fff;
        width: 5px;
        height: 5px;
        position: absolute;
        top: 45%;
        right: 30px;
        border-top-color: #006eab
    }

    .nav-tabs.nav-justified.mobile-only>li.active a::after {
        border: none
    }

    .recommendedLinksDiv {
        margin-top: 20px
    }

    .recommendedLinksDiv ul {
        margin-left: 15px;
        margin-right: 15px
    }

    .nav-tabs.nav-justified>li>a,.nav-tabs.nav-justified>li.active a {
        background-color: #fff!important;
        margin: 10px 24px;
        padding: 10px 20px
    }

    .nav-tabs > li.active, .nav-tabs > li.active:hover, .nav-tabs > li.active:focus, .nav-tabs > li:hover, .nav-tabs > li:focus {
        background-color: #d7edfe
    }

    .quickGuideDiv ul.nav li>a {
        color: #333;
        text-align: left
    }

    .quickGuideDiv ul.nav.mobile-only {
        border-radius: 0px
    }

    .nav-tabs.nav-justified.desktop-only {
        padding-top: 15px
    }

    .nav-tabs.nav-justified.desktop-only li>a {
        border-radius: 6px
    }

    .nav-tabs.nav-justified.mobile-only li:first-child>a {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px
    }

    .nav-tabs.nav-justified.mobile-only li:last-child>a {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px
    }

    .nav-tabs.nav-justified.mobile-only>li>a {
        border-bottom: 1px solid #bddef1
    }

    .nav-tabs.nav-justified.mobile-only>li>a,.nav-tabs.nav-justified.mobile-only>li.active a {
        margin-top: 0px;
        margin-bottom: 1px
    }

    .nav-tabs.nav-justified>li.mobileTabLi.active a {
        background-color: #006eab!important;
        color: #fff
    }

    .quickGuideDiv .tab-content {
        padding-top: 15px
    }
}

@media only screen and (max-width: 599px) {
    .custom-banner .ui-banner img {
        height:150px;
        max-width: none;
        width: auto
    }

    .custom-banner {
        margin-left: -15px;
        margin-right: -15px
    }
}

#popular-keyword-content {
    display: none
}

.ui-module.module-grey .custom-content-sidebar {
    top: 0px
}