/*
Theme Name: ACHC Divi Child Theme
Version: 2.0
Description: Basic Child Theme by Romel Fowler
Author: romel fowler
Template: Divi
Author URL: https://romelfowler.com
*/
 
/*------- Theme Customizations------- */
/* GLOBAL */
:root {
    --blue: #74A1BE;
    --hoverBlue: #678fa9;
    --lightBlue: #73a2c2;
    --darkblue: #005175;
    --white: #ffffff;
    --lightgray: #bfbfbf;
    --black: #000;
    --yellow: #e2e319;
    --orange: #e27c4a;
    --red: #dc3233;
    --green: #65AA93;
    --light-green: #A3D188;
    --dark-teal: #0081A0;
    --light-teal: #73C3C3;
    --purple: #593D74;
    --light-purple: #Af74AE;
    --fontFamily: 'Montserrat'
}

#page-container,
body,
html {
    overflow-x: hidden !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility
}

.single .post {
    padding-bottom: 0;
    margin-bottom: 0
}

.jsShowHide {
    display: none
}

.accent-dark-blue {
    color: var(--darkblue)
}

.accent-blue {
    color: var(--blue)
}

.accent-yellow {
    color: var(--yellow)
}

.accent-green {
    color: var(--green)
}

.accent-light-green {
    color: var(--light-green)
}

.accent-dark-teal {
    color: var(--dark-teal)
}

.accent-light-teal {
    color: var(--light-teal)
}

.accent-purple {
    color: var(--purple)
}

.accent-light-purple {
    color: var(--light-purple)
}

img.circle-mask {
    width: 150px;
    border-radius: 100%;
    overflow: hidden;
    border: 3px solid var(--lightgray)
}

ol.indent-small li {
    text-indent: 25px
}

ol.indent-medium li {
    text-indent: 50px
}

ol.indent-large li {
    text-indent: 75px
}

a {
    cursor: pointer
}

.pagination .alignleft a,
.pagination .alignright a {
    background: var(--blue);
    color: #fff;
    padding: 10px 30px;
    border-radius: 50px
}

.pagination .alignleft,
.pagination .alignright {
    margin: 10px auto
}

ul.custom-list li,
ul.custom-list-x li {
    text-decoration: none
}

ul.custom-list li:before {
    content: '✓';
    margin-right: 10px;
    padding: 0 !important
}

ul.custom-list-x li:before {
    content: 'x';
    font-weight: 600;
    margin-right: 10px;
    padding: 0 !important
}

/*HFCM - Left/Right Icon Placement*/
.achc-button-icon-right span {
    margin-left: 10px
}

.achc-button-icon-left span {
    margin-right: 10px
}

.date-timeline-box {
    padding: 5px 15px;
    border-radius: 3px
}

.date-timeline-box.red {
    background: var(--red)
}

.date-timeline-box.yellow {
    background-color: var(--yellow)
}

/* GLOBAL - Lists */
ul {
    list-style-type: square !important
}

ul ul {
    list-style-type: none !important
}

ul li,
ul li ul li {
    margin-left: 30px
}

ul ul li:before,
ul ul ul li:before {
    content: "\203A\203A  "
}

.single ul li {
    margin-left: 0
}

/* GLOBAL - Pages */
.search-no-results #main-content {
    padding: 40px 0
}

/* GLOBAL - Icons */
ul.check-mark-list {
    list-style: none
}

ul.check-mark-list li {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

ul.check-mark-list li:before {
    content: "";
    background: url(images/checkmark-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    width: 20px;
    height: 20px;
    margin-right: 10px
}

@media (max-width:600px) {

    .pagination .alignleft,
    .pagination .alignright {
        float: none;
        text-align: center;
        margin: 30px auto
    }

    .image-icon {
        width: 10%
    }
}

/* ======= MENU ========== */
/* Icons */
.et-menu li li.icon a {
    padding: 6px 40px !important
}

@media (min-width:980px) {

    ul.mega-sub-menu li.abs-icon a.mega-menu-link:before,
    ul.mega-sub-menu li.ac-icon a.mega-menu-link:before,
    ul.mega-sub-menu li.ach-icon a.mega-menu-link:before,
    ul.mega-sub-menu li.al-icon a.mega-menu-link:before,
    ul.mega-sub-menu li.asc-icon a.mega-menu-link:before,
    ul.mega-sub-menu li.bh-icon a.mega-menu-link:before,
    ul.mega-sub-menu li.cah-icon a.mega-menu-link:before,
    ul.mega-sub-menu li.ct-icon a.mega-menu-link:before,
    ul.mega-sub-menu li.den-icon a.mega-menu-link:before,
    ul.mega-sub-menu li.dme-icon a.mega-menu-link:before,
    ul.mega-sub-menu li.hc-icon a.mega-menu-link:before,
    ul.mega-sub-menu li.hh-icon a.mega-menu-link:before,
    ul.mega-sub-menu li.hit-icon a.mega-menu-link:before,
    ul.mega-sub-menu li.hsp-icon a.mega-menu-link:before,
    ul.mega-sub-menu li.hss-icon a.mega-menu-link:before,
    ul.mega-sub-menu li.ihhc-icon a.mega-menu-link:before,
    ul.mega-sub-menu li.lab-icon a.mega-menu-link:before,
    ul.mega-sub-menu li.obs-icon a.mega-menu-link:before,
    ul.mega-sub-menu li.pc-icon a.mega-menu-link:before,
    ul.mega-sub-menu li.rd-icon a.mega-menu-link:before,
    ul.mega-sub-menu li.ribbon-icon a.mega-menu-link:before,
    ul.mega-sub-menu li.rx-icon a.mega-menu-link:before,
    ul.mega-sub-menu li.sleep-icon a.mega-menu-link:before {
        content: "" !important;
        height: 100% !important;
        width: 100% !important;
        display: block !important;
        position: absolute !important;
        left: -35px !important;
        top: 0 !important;
        margin: 0 !important
    }
}

ul.mega-sub-menu li.abs-icon a.mega-menu-link:before {
    background: url(/wp-content/uploads/2024/10/abs.svg) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important
}

ul.mega-sub-menu li.ac-icon a.mega-menu-link:before {
    background: url(/wp-content/uploads/2024/10/ac.svg) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important
}

ul.mega-sub-menu li.ach-icon a.mega-menu-link:before {
    background: url(/wp-content/uploads/2024/10/ach.svg) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important
}

ul.mega-sub-menu li.al-icon a.mega-menu-link:before {
    background: url(/wp-content/uploads/2024/10/al.svg) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important
}

ul.mega-sub-menu li.asc-icon a.mega-menu-link:before {
    background: url(/wp-content/uploads/2024/10/asc.svg) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important
}

ul.mega-sub-menu li.bh-icon a.mega-menu-link:before {
    background: url(/wp-content/uploads/2024/10/bh.svg) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important
}

ul.mega-sub-menu li.ihhc-icon a.mega-menu-link:before {
    background: url(/wp-content/uploads/2024/10/ihhc.svg) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important
}

ul.mega-sub-menu li.cah-icon a.mega-menu-link:before {
    background: url(/wp-content/uploads/2024/10/CAH.svg) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important
}

ul.mega-sub-menu li.bh-icon a.mega-menu-link:before {
    background: url(/wp-content/uploads/2024/10/bh.svg) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important
}

ul.mega-sub-menu li.dme-icon a.mega-menu-link:before {
    background: url(/wp-content/uploads/2024/10/dme.svg) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important
}

ul.mega-sub-menu li.den-icon a.mega-menu-link:before {
    background: url(/wp-content/uploads/2024/10/den.svg) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important
}

ul.mega-sub-menu li.hc-icon a.mega-menu-link:before {
    background: url(/wp-content/uploads/2024/10/hc.svg) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important
}

ul.mega-sub-menu li.hh-icon a.mega-menu-link:before {
    background: url(/wp-content/uploads/2024/10/hh.svg) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important
}

ul.mega-sub-menu li.hit-icon a.mega-menu-link:before {
    background: url(/wp-content/uploads/2024/10/hit.svg) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important
}

ul.mega-sub-menu li.hsp-icon a.mega-menu-link:before {
    background: url(/wp-content/uploads/2024/10/hsp.svg) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important
}

ul.mega-sub-menu li.ribbon-icon a.mega-menu-link:before {
    background: url(/wp-content/uploads/2024/10/ribbon.svg) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important
}

ul.mega-sub-menu li.lab-icon a.mega-menu-link:before {
    background: url(/wp-content/uploads/2024/10/lab.svg) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important
}

ul.mega-sub-menu li.obs-icon a.mega-menu-link:before {
    background: url(/wp-content/uploads/2024/10/obs.svg) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important
}

ul.mega-sub-menu li.pc-icon a.mega-menu-link:before {
    background: url(/wp-content/uploads/2024/10/pc.svg) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important
}

ul.mega-sub-menu li.rd-icon a.mega-menu-link:before {
    background: url(/wp-content/uploads/2025/01/rd.png) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important
}

ul.mega-sub-menu li.rx-icon a.mega-menu-link:before {
    background: url(/wp-content/uploads/2024/10/rx.svg) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important
}

ul.mega-sub-menu li.sleep-icon a.mega-menu-link:before {
    background: url(/wp-content/uploads/2024/10/sleep.svg) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important
}

/*set a specific element as fixed when scrolling*/
.find-an-option {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    align-content: center;
    flex-direction: row
}

.logged-in .et_pb_row_2_tb_header {
    top: 120px !important
}

.find-an-option:before {
    content: "Find: ";
    justify-content: flex-start;
    color: var(--white);
    font-weight: 700;
    margin-right: 20px
}

@media (min-width:980px) and (max-width:1317px) {
    .find-an-option:before {
        font-size: 63%
    }
}

#menu-main .current_page_item a {
    color: var(--blue)
}

/* !important - Overwriting mega-menu theme plugin styles */
.mega-current_page_item>a {
    color: var(--blue) !important;
    font-weight: 700 !important
}

@media (min-width:982px) and (max-width:1238px) {

    .menu-text #menu-top-menu li a,
    .menu-text .fa-magnifying-glass,
    .menu-text a.mega-menu-link,
    .menu-text p {
        font-size: 90% !important
    }
}

@media (min-width:982px) {
    .has_et_pb_sticky #mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.mega-menu-item>a.mega-menu-link {
        font-size: 14px !important
    }

    .mega-btn.mega-accredtited-btn {
        margin: 0 10px !important
    }

    .et_pb_menu ul li.mega-accredtited-btn a.mega-menu-link {
        display: flex !important;
        color: var(--white) !important;
        font-family: var(--fontFamily) !important;
        background: var(--darkblue) !important;
        color: var(--white) !important;
        font-weight: 500 !important;
        padding: 0 15px !important;
        width: 100% !important;
        text-align: left !important;
        border: initial !important;
        border-radius: 5px !important;
        cursor: pointer !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        transition: .3s ease-in-out !important;
        align-items: center !important;
        height: 50px !important
    }

    .et_pb_menu ul li.mega-accredtited-btn a.mega-menu-link:hover {
        background: var(--hoverBlue) !important;
        color: var(--white) !important
    }
}

/* END - !important - Overwriting mega-menu theme plugin styles */
.btn-theme-yellow,
.mega-btn-theme-yellow {
    background: #e2e319;
    padding: 10px 15px;
    margin: 10px;
    border-radius: 25px;
    color: #333;
    font-weight: 700;
    border: none;
    text-align: center;
    transition: .3s ease-in-out
}

.btn-theme-yellow.btn.small {
    padding: 8px 25px 0;
    margin: 10px 0
}

.btn-theme-yellow.btn.small a {
    color: var(--black) !important;
    font-weight: 700 !important
}

.btn-theme-yellow:hover,
.mega-btn-theme-yellow:hover {
    background: #c2c315;
    color: #000
}

.btn-theme-yellow.small {
    padding: 8px 25px 0;
    margin: 10px auto
}

.btn.btn-blue-theme,
.mega-btn.mega-btn-blue-theme {
    font-family: var(--fontFamily);
    background: var(--darkblue);
    color: var(--white);
    font-weight: 500;
    padding: 15px;
    width: 100%;
    text-align: left;
    border: initial;
    border-radius: 50px;
    cursor: pointer;
    font-size: 16px;
    transition: .3s ease-in-out
}

.btn.btn-blue-theme:hover,
.mega-btn.mega-btn-blue-theme:hover {
    background: var(--hoverBlue)
}

.btn.btn-blue-theme.small,
.mega-btn.btn-blue-theme.mega-small {
    border-radius: 50px;
    padding: 8px 15px;
    font-size: 13px
}

.btn-blue-theme.dropdown,
.mega-btn-blue-theme.mega-dropdown {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.display-none {
    display: none !important
}

ul.sub-menu {
    width: 300px !important
}

.nav li li {
    width: 100% !important;
    line-height: 1.4
}

.sub-menu li a {
    width: 100% !important
}

.float-right {
    float: right
}

.display-flex {
    display: flex !important
}

.flex-flow-row {
    flex-flow: row !important
}

.display-inline {
    display: inline-flex !important
}

.display-grid {
    display: grid
}

.display-inline-grid {
    display: inline-grid
}

.display-flex.align-content-center {
    align-content: center
}

.display-flex.align-content-top {
    align-content: flex-start
}

.display-flex.align-items-center {
    align-items: center
}

.display-flex.flex-wrap-yes {
    flex-wrap: wrap
}

.display-flex.align-items.top {
    align-items: flex-start
}

.display-flex.justify-content-space-between,
.display-flex.justify-content.spc-between {
    justify-content: space-between
}

.display-flex.justify-content-center {
    justify-content: center
}

.display-flex.align-items-flex-start {
    align-items: flex-start !important
}

.display-flex.justify-content-flex-end {
    justify-content: flex-end
}

.hide-mobile {
    display: none !important
}

/* Accordion */
.first-child-accordion>div:first-child {
    display: none !important
}

/* Widths */
.w-5p {
    width: 5% !important
}

.w-10p {
    width: 10% !important
}

.w-25p {
    width: 25% !important
}

.w-33p {
    width: 33% !important
}

.w-50p {
    width: 50% !important
}

.w-100p {
    width: 100%
}

ul.mega-sub-menu {
    overflow-y: scroll
}

@media (max-width:979px) {
    .flex-direction-column-mobile {
        flex-direction: column
    }

    .display-flex.align-items-center.mobile-align-items-left {
        text-align: left !important
    }

    .display-flex.align-items-center {
        align-items: initial !important
    }

    .space-small-mobile {
        margin: 10px 0 10px !important
    }

    .w-10p,
    .w-33p,
    .w-50p,
    .w-5p {
        width: 100% !important
    }
}

@media (min-width:600px) {
    .w-10 {
        width: 10% !important
    }

    .w-90 {
        width: 90% !important
    }
}

.text-white {
    color: #fff
}

/* Margins */
.mt-5px {
    margin-top: 5px
}

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

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

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

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

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

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

.mt-50px {
    margin-top: 50px !important
}

.mb-5px {
    margin-bottom: 5px
}

.mb-10px {
    margin-bottom: 10px
}

.mb-15px {
    margin-bottom: 15px
}

.mb-20px {
    margin-bottom: 20px
}

.mb-25px {
    margin-bottom: 25px
}

.mb-30px {
    margin-bottom: 30px
}

.mb-35px {
    margin-bottom: 35px
}

.mb-40px {
    margin-bottom: 40px
}

.mb-45px {
    margin-bottom: 45px
}

.mb-50px {
    margin-bottom: 50px
}

.mr-5px {
    margin-right: 5px
}

.mr-10px {
    margin-right: 10px
}

.mr-15px {
    margin-right: 15px
}

.mr-20px {
    margin-right: 20px
}

.mr-25px {
    margin-right: 25px
}

.mr-30px {
    margin-right: 30px
}

.mr-50px {
    margin-right: 50px
}

.mr-75px {
    margin-right: 75px
}

.mr-100px {
    margin-right: 100px
}

.ml-5px {
    margin-left: 5px
}

.ml-10px {
    margin-left: 10px
}

.ml-15px {
    margin-left: 15px
}

.ml-20px {
    margin-left: 20px
}

.ml-25px {
    margin-left: 25px
}

.ml-30px {
    margin-left: 30px
}

/* Widths */
.width-0 {
    width: 0% !important
}

.width-10p {
    width: 10% !important
}

.width-20p {
    width: 20% !important
}

.width-30p {
    width: 30% !important
}

.width-40p {
    width: 40% !important
}

.width-50p {
    width: 50% !important
}

.width-60p {
    width: 60% !important
}

/* Navigation */
.et_pb_menu .et_pb_menu__menu>nav>ul>li {
    align-items: center
}

.et_pb_sticky .et_pb_column_4_tb_header {
    top: auto !important
}

@media (min-width:980px) and (max-width:1317px) {

    ul#menu-top-menu li a,
    ul#menu-top-menu-1 li a {
        font-size: 12px
    }

    #mega-menu-primary-menu {
        max-height: 100vh !important;
        z-index: 100
    }
}

@media (max-width:980px) {
    .et_pb_menu .et_mobile_nav_menu {
        display: none
    }
}

/*======== HOMEPAGE =========*/
/* What's New slider */
.hide-play-control .mejs-overlay-button[aria-label=Play] {
    display: none !important
}

.hp-video-setting-full .et_pb_slide {
    padding: 0
}

.hp-video-setting-full .et_pb_slide_image,
.hp-video-setting-full .et_pb_slide_video {
    margin-top: 0 !important
}

.hp-video-setting-full .et-pb-controllers a {
    width: 27px
}

.hp-video-setting-full .wp-video,
.hp-video-setting-full .wp-video-shortcode {
    width: 100% !important;
    height: auto !important
}

.light-theme {
    overflow: hidden;
    height: 100vh
}

.d-flex {
    display: flex;
    display: -webkit-flex
}

.flex-wrap {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}

.justify-content-between {
    justify-content: space-between;
    -webkit-justify-content: space-between
}

.align-items-center {
    align-items: center;
    -webkit-align-items: center
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.banner-right-inner img,
.banner-right-inner li,
.banner-right-inner p,
.banner-right-inner span {
    transition: all 1.2s;
    -webkit-transition: all 1.2s
}

.banner {
    height: 100%;
    overflow: hidden;
    min-height: 820px;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    padding: 0;
    position: relative
}

.banner::after {
    content: "";
    position: absolute;
    transition: all 1s;
    -webkit-transition: all 1s;
    top: 0;
    right: 0;
    width: 0%;
    background: #000;
    height: 100%
}

.banner-right {
    position: relative;
    z-index: 1;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 100%;
    padding-left: 70px;
    align-self: self-start;
    cursor: pointer
}

.banner-right>div {
    width: 46%;
    flex-shrink: 0;
    -webkit-flex-shrink: 0
}

.banner-right-inner {
    border: 1px solid var(--black);
    position: relative;
    padding: 40px 22px 22px;
    margin-top: 45px;
    transition: all 1.2s;
    -webkit-transition: all 1.2s;
    background-color: var(--white)
}

.banner-right-inner img.icon {
    width: 25px;
    position: absolute;
    top: 18px;
    right: 18px
}

.banner-right-inner h2 {
    margin-bottom: 15px;
    color: var(--black-color)
}

.banner-right-inner span {
    font-size: 20px;
    line-height: 26px;
    text-transform: capitalize;
    color: var(--text-color)
}

.family>img,
.sale>img {
    width: 100%;
    object-fit: cover;
    display: block;
    margin-top: 45px
}

.family>img:first-child,
.sale>img:first-child {
    margin-top: 0
}

.banner-right .family {
    position: relative;
    animation: myanimation 40s infinite linear;
}

.banner-right .sale {
    position: relative;
    animation: myanimationtwo 30s infinite linear
}

@media (min-width:1400px) and (max-width:1699px) {
    .banner-right-inner h1 {
        font-size: 61px;
        line-height: 75px
    }

    .banner-right-inner h2 {
        font-size: 36px;
        line-height: 46px
    }

    .banner {
        min-height: 700px
    }

    .inner-desc {
        margin-top: 32px
    }

    .banner-right {
        padding-left: 45px
    }

    .banner-right .sale {
        transform: translateY(-70px);
        -webkit-transform: translateY(-70px)
    }

    .banner-right-inner {
        padding: 40px 15px 20px;
        margin-top: 35px
    }

    .family>img,
    .sale>img {
        margin-top: 35px
    }

    .banner-right-inner img.icon {
        top: 15px;
        right: 15px;
        width: 18px
    }

    .banner-right-inner h2 {
        margin-bottom: 5px
    }

    .banner-right-inner span {
        font-size: 16px;
        line-height: 26px
    }
}

@media (min-width:1200px) and (max-width:1399px) {
    .banner-right-inner h1 {
        font-size: 45px;
        line-height: 61px
    }

    .banner-right-inner h2 {
        font-size: 28px;
        line-height: 40px
    }

    .banner {
        min-height: 600px
    }

    .inner-desc {
        margin-top: 30px
    }

    .inner-desc form {
        margin-top: 30px
    }

    .banner-right {
        padding-left: 45px
    }

    .banner-right .sale {
        transform: translateY(-60px);
        -webkit-transform: translateY(-60px)
    }

    .banner-right-inner {
        padding: 25px 12px 15px;
        margin-top: 30px
    }

    .family>img,
    .sale>img {
        margin-top: 30px
    }

    .banner-right-inner img.icon {
        top: 15px;
        right: 15px;
        width: 18px
    }

    .banner-right-inner h2 {
        margin-bottom: 5px
    }

    .banner-right-inner span {
        font-size: 14px;
        line-height: 24px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .banner-right-inner h1 {
        font-size: 40px;
        line-height: 55px
    }

    .banner-right-inner h2 {
        font-size: 22px;
        line-height: 32px
    }

    .banner {
        padding: 0 25px;
        min-height: 570px
    }

    .switch span {
        padding: 8px 10px
    }

    .inner-desc,
    .inner-desc form {
        margin-top: 30px
    }

    .banner-right {
        padding-left: 20px
    }

    .banner-right .sale {
        transform: translateY(-60px);
        -webkit-transform: translateY(-60px)
    }

    .banner-right-inner {
        padding: 25px 12px 15px;
        margin-top: 30px
    }

    .family>img,
    .sale>img {
        margin-top: 30px
    }

    .banner-right-inner img.icon {
        top: 15px;
        right: 15px;
        width: 18px
    }

    .banner-right-inner h2 {
        margin-bottom: 5px
    }

    .banner-right-inner span {
        font-size: 14px;
        line-height: 24px
    }

    .social-icons {
        margin-top: 40px
    }

    .social-icons a {
        font-size: 16px;
        line-height: 40px
    }

    .social-icons li {
        margin: 0 7px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .banner-right-inner h1 {
        font-size: 35px;
        line-height: 50px
    }

    .banner-right-inner h2 {
        font-size: 20px;
        line-height: 30px
    }

    .banner {
        padding: 0 25px;
        min-height: 510px
    }

    .switch span {
        padding: 8px 10px
    }

    .inner-desc {
        margin-top: 30px
    }

    .inner-desc form {
        margin-top: 40px
    }

    .banner-right {
        padding-left: 30px;
        width: 40%
    }

    .banner-right .sale {
        transform: translateY(-60px);
        -webkit-transform: translateY(-60px)
    }

    .banner-right-inner {
        padding: 25px 12px 15px;
        margin-top: 30px
    }

    .family>img,
    .sale>img {
        margin-top: 30px
    }

    .banner-right-inner img.icon {
        top: 15px;
        right: 15px;
        width: 18px
    }

    .banner-right-inner h2 {
        margin-bottom: 5px
    }

    .banner-right-inner span {
        font-size: 12px;
        line-height: 20px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .banner {
        width: 990px !important
    }
}

.hp_blog_second_row article:first-child {
    display: block
}

.blog-filter .wpc-filter-search-form .wpc-search-field {
    padding: 10px 10px 10px 30px !important;
    border-radius: 5px
}

@media (min-width:981px) {
    .hp_blog_second_row img {
        width: 100px;
        height: 60px
    }

    .hp_blog_second_row .et_pb_post .entry-featured-image-url {
        margin-bottom: 0
    }

    .hp_blog_second_row article.et_pb_post {
        margin-bottom: 10px !important
    }

    .hp_blog_second_row img {
        float: left;
        margin-right: 10px
    }

    .hp_blog_second_row article {
        margin-bottom: 25px
    }

    .hp_blog_second_row .more-link {
        background: var(--darkblue);
        color: var(--white);
        padding: 10px 20px;
        position: relative;
        bottom: -15px;
        text-decoration: unset !important;
        text-transform: uppercase;
        transition: .3s ease-in-out
    }

    .hp_blog_second_row .more-link:hover {
        background: var(--blue);
        color: var(--lightgray)
    }
}

@media (max-width:980px) {
    .hp_blog_second_row article {
        background: #fff;
        border: 1px solid #f2f2f2;
        margin: 10px auto;
        padding: 10px
    }
}

.hide-play-control .mejs-overlay-button[aria-label=Play] {
    display: none !important
}

.hp-video-setting-full .et_pb_slide {
    padding: 0
}

.hp-video-setting-full .et_pb_slide_image,
.hp-video-setting-full .et_pb_slide_video {
    margin-top: 0 !important
}

.hp-video-setting-full .et-pb-controllers a {
    width: 27px
}

.hp-video-setting-full .wp-video,
.hp-video-setting-full .wp-video-shortcode {
    width: 100% !important;
    height: auto !important
}

.light-theme {
    overflow: hidden;
    height: 100vh
}

.d-flex {
    display: flex;
    display: -webkit-flex
}

.flex-wrap {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}

.justify-content-between {
    justify-content: space-between;
    -webkit-justify-content: space-between
}

.align-items-center {
    align-items: center;
    -webkit-align-items: center
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.banner-right-inner img,
.banner-right-inner li,
.banner-right-inner p,
.banner-right-inner span {
    transition: all 1.2s;
    -webkit-transition: all 1.2s
}

.banner {
    height: 100%;
    overflow: hidden;
    min-height: 820px;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    padding: 0;
    position: relative
}

.banner::after {
    content: "";
    position: absolute;
    transition: all 1s;
    -webkit-transition: all 1s;
    top: 0;
    right: 0;
    width: 0%;
    background: #000;
    height: 100%
}

.banner-right {
    position: relative;
    z-index: 1;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 100%;
    padding-left: 70px;
    align-self: self-start
}

.banner-right>div {
    width: 46%;
    flex-shrink: 0;
    -webkit-flex-shrink: 0
}

.banner-right-inner {
    border: 1px solid var(--black);
    position: relative;
    padding: 40px 22px 22px;
    margin-top: 45px;
    transition: all 1.2s;
    -webkit-transition: all 1.2s;
    background-color: var(--white)
}

.banner-right-inner img.icon {
    width: 25px;
    position: absolute;
    top: 18px;
    right: 18px
}

.banner-right-inner h2 {
    margin-bottom: 15px;
    color: var(--black-color)
}

.banner-right-inner span {
    font-size: 20px;
    line-height: 26px;
    text-transform: capitalize;
    color: var(--text-color)
}

.family>img,
.sale>img {
    width: 100%;
    object-fit: cover;
    display: block;
    margin-top: 45px
}

.family>img:first-child,
.sale>img:first-child {
    margin-top: 0
}

@media (min-width:1400px) and (max-width:1699px) {
    .banner-right-inner h1 {
        font-size: 61px;
        line-height: 75px
    }

    .banner-right-inner h2 {
        font-size: 36px;
        line-height: 46px
    }

    .banner {
        min-height: 700px
    }

    .inner-desc {
        margin-top: 32px
    }

    .banner-right {
        padding-left: 45px
    }

    .banner-right .sale {
        transform: translateY(-70px);
        -webkit-transform: translateY(-70px)
    }

    .banner-right-inner {
        padding: 40px 15px 20px;
        margin-top: 35px
    }

    .family>img,
    .sale>img {
        margin-top: 35px
    }

    .banner-right-inner img.icon {
        top: 15px;
        right: 15px;
        width: 18px
    }

    .banner-right-inner h2 {
        margin-bottom: 5px
    }

    .banner-right-inner span {
        font-size: 16px;
        line-height: 26px
    }
}

@media (min-width:1200px) and (max-width:1399px) {
    .banner-right-inner h1 {
        font-size: 45px;
        line-height: 61px
    }

    .banner-right-inner h2 {
        font-size: 28px;
        line-height: 40px
    }

    .banner {
        min-height: 600px
    }

    .inner-desc {
        margin-top: 30px
    }

    .inner-desc form {
        margin-top: 30px
    }

    .banner-right {
        padding-left: 45px
    }

    .banner-right .sale {
        transform: translateY(-60px);
        -webkit-transform: translateY(-60px)
    }

    .banner-right-inner {
        padding: 25px 12px 15px;
        margin-top: 30px
    }

    .family>img,
    .sale>img {
        margin-top: 30px
    }

    .banner-right-inner img.icon {
        top: 15px;
        right: 15px;
        width: 18px
    }

    .banner-right-inner h2 {
        margin-bottom: 5px
    }

    .banner-right-inner span {
        font-size: 14px;
        line-height: 24px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .banner-right-inner h1 {
        font-size: 40px;
        line-height: 55px
    }

    .banner-right-inner h2 {
        font-size: 22px;
        line-height: 32px
    }

    .banner {
        padding: 0 25px;
        min-height: 570px
    }

    .switch span {
        padding: 8px 10px
    }

    .inner-desc,
    .inner-desc form {
        margin-top: 30px
    }

    .banner-right {
        padding-left: 20px
    }

    .banner-right .sale {
        transform: translateY(-60px);
        -webkit-transform: translateY(-60px)
    }

    .banner-right-inner {
        padding: 25px 12px 15px;
        margin-top: 30px
    }

    .family>img,
    .sale>img {
        margin-top: 30px
    }

    .banner-right-inner img.icon {
        top: 15px;
        right: 15px;
        width: 18px
    }

    .banner-right-inner h2 {
        margin-bottom: 5px
    }

    .banner-right-inner span {
        font-size: 14px;
        line-height: 24px
    }

    .social-icons {
        margin-top: 40px
    }

    .social-icons a {
        font-size: 16px;
        line-height: 40px
    }

    .social-icons li {
        margin: 0 7px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .banner-right-inner h1 {
        font-size: 35px;
        line-height: 50px
    }

    .banner-right-inner h2 {
        font-size: 20px;
        line-height: 30px
    }

    .banner {
        padding: 0 25px;
        min-height: 510px
    }

    .switch span {
        padding: 8px 10px
    }

    .inner-desc {
        margin-top: 30px
    }

    .inner-desc form {
        margin-top: 40px
    }

    .banner-right {
        padding-left: 30px;
        width: 40%
    }

    .banner-right .sale {
        transform: translateY(-60px);
        -webkit-transform: translateY(-60px)
    }

    .banner-right-inner {
        padding: 25px 12px 15px;
        margin-top: 30px
    }

    .family>img,
    .sale>img {
        margin-top: 30px
    }

    .banner-right-inner img.icon {
        top: 15px;
        right: 15px;
        width: 18px
    }

    .banner-right-inner h2 {
        margin-bottom: 5px
    }

    .banner-right-inner span {
        font-size: 12px;
        line-height: 20px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .banner {
        width: 990px !important
    }
}

.hp_blog_second_row article:first-child {
    display: block
}

.blog-filter .wpc-filter-search-form .wpc-search-field {
    padding: 10px 10px 10px 30px !important;
    border-radius: 5px
}

@media (min-width:981px) {
    .hp_blog_second_row img {
        width: 100px;
        height: 60px
    }

    .hp_blog_second_row .et_pb_post .entry-featured-image-url {
        margin-bottom: 0
    }

    .hp_blog_second_row article.et_pb_post {
        margin-bottom: 10px !important
    }

    .hp_blog_second_row img {
        float: left;
        margin-right: 10px
    }

    .hp_blog_second_row article {
        margin-bottom: 25px
    }

    .hp_blog_second_row .more-link {
        background: var(--darkblue);
        color: var(--white);
        padding: 10px 20px;
        position: relative;
        bottom: -15px;
        text-decoration: unset !important;
        text-transform: uppercase;
        transition: .3s ease-in-out
    }

    .hp_blog_second_row .more-link:hover {
        background: var(--blue);
        color: var(--lightgray)
    }
}

@media (max-width:980px) {
    .hp_blog_second_row article {
        background: #fff;
        border: 1px solid #f2f2f2;
        margin: 10px auto;
        padding: 10px
    }
}

/* ====== EDUCATION WHEEL ====== */
#education-wheel {
    position: relative;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap
}

.inner-outside-wheel,
.outer-center-wheel {
    position: absolute
}

.inner-line-wheel {
    transform: translate(0, 3.5rem)
}

.outer-center-wheel {
    transform: translate(0, 13.5rem)
}

.inner-outside-wheel img:nth-child(1) {
    transform: translate(-5.5rem, 27rem)
}

.inner-outside-wheel img:nth-child(3) {
    transform: translate(5rem, 27.5rem)
}

.middle-wheel {
    position: relative
}

.middle-wheel .image img {
    width: auto !important;
    max-width: initial
}

.wheel-text {
    opacity: .3;
    transition: .3s ease-in;
    font-size: 13px;
    line-height: 1.6
}

.image-1>.wheel-text,
.image-2>.wheel-text,
.image-3>.wheel-text,
.image-4>.wheel-text,
.image-5>.wheel-text {
    width: 90%;
    position: absolute
}

.image-1>.wheel-text {
    transform: translate(-13rem, -3rem)
}

.image-2>.wheel-text {
    transform: translate(18rem, 0)
}

.image-3 .wheel-text {
    transform: translate(19rem, 11rem)
}

.image-4 .wheel-text {
    transform: translate(0, 16rem);
    text-align: center
}

.image-5 .wheel-text {
    transform: translate(-15rem, 9rem)
}

.image:hover .wheel-text {
    opacity: 1
}

.image-1,
.image-2,
.image-3,
.image-4,
.image-5 {
    position: absolute;
    cursor: pointer
}

.image-1 {
    transform: translate(-32rem, 5.5rem)
}

.image-2 {
    transform: translate(-17.5rem, 5.4rem)
}

.image-3 {
    transform: translate(-13.9rem, 15.9rem)
}

.image-4 {
    transform: translate(-26.4rem, 25.7rem)
}

.image-5 {
    transform: translate(-36.4rem, 16.1rem)
}

.image-1:hover img,
.image-2:hover img,
.image-3:hover img,
.image-4:hover img,
.image-5:hover img {
    transition: .4s ease-in
}

.image-1:hover img {
    transform: scale(1.04)
}

.image-2:hover img {
    transform: scale(1.04)
}

.image-3:hover img {
    transform: scale(1.04)
}

.image-4:hover img {
    transform: scale(1.04)
}

.image-5:hover img {
    transform: scale(1.04)
}

.image-1 p::after,
.image-2 p::after,
.image-3 p::after,
.image-4 p::after,
.image-5 p::after {
    content: "";
    display: block;
    background: #73a4c1;
    position: absolute
}

.image-1 p::after {
    width: 30%;
    height: 5px;
    transform: rotate3d(1, 1, 1, 50deg);
    left: 100%
}

.image-2 p::after {
    width: 40%;
    height: 5px;
    transform: rotate3d(1, 1, 1, 300deg);
    right: 106%
}

.image-3 p::after {
    width: 45%;
    height: 5px;
    transform: rotate3d(1, 1, 1, 25deg);
    right: 115%;
    top: 0
}

.image-4 p::after {
    width: 5px;
    height: 100%;
    right: 50%;
    top: -4.2em
}

.image-5 p::after {
    width: 24%;
    height: 5px;
    transform: rotate3d(1, 1, 1, 329deg);
    left: 88%;
    top: 0
}

.image-1 p::before,
.image-2 p::before,
.image-3 p::before,
.image-4 p::before,
.image-5 p::before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #73a4c1;
    transform: rotate3d(1, 1, 1, 25deg);
    position: absolute
}

.image-1 p::before {
    left: 100%;
    top: 39px
}

.image-2 p::before {
    right: 111%;
    top: 24px
}

.image-3 p::before {
    right: 113%;
    top: 5px
}

.image-4 p::before {
    top: -20px;
    left: 46.2%
}

.image-5 p::before {
    left: 87%;
    top: 2px
}

@keyframes lineHover {
    from {
        width: 0%
    }

    to {
        width: 100%
    }
}

.hover-image-box:hover img.image-blue {
    filter: brightness(10)
}

/* END OF HOMEPAGE  */
/* ====== FAQ PAGE ====== */
#selector div {
    margin: 10px;
    background: var(--darkblue);
    border-radius: 50px;
    text-align: center;
    padding: 10px
}

@media (min-width:980px) {
    #selector div {
        margin: 10px;
        background: 0 0;
        border-radius: initial;
        text-align: center;
        padding: initial
    }
}

/* END OF FAQ PAGE  */
/* START OF CERTIFIED CONSULTANT PAGE */
.cc-flex {
    display: flex;
    margin: auto 100px;
    align-items: flex-start
}

#cc-content .et_pb_widget {
    float: none
}

.certified-consultant-theme {
    border: 1px solid #eee;
    border-top: 5px solid #c1cedc;
    padding: 0 50px 50px;
    padding-top: 25px !important
}

.certified-consultant-theme:last-child {
    margin-bottom: 25px !important
}

.certified-consultant-theme:nth-child(odd) {
    background: #fff
}

.certified-consultant-theme:nth-child(even) {
    background: #f2f2f2
}

.start-date:after {
    content: " — "
}

.address,
.email,
.phone,
.products,
.program,
.website {
    display: flex;
    align-items: flex-start
}

.address img,
.email img,
.phone img,
.products img,
.program img,
.website img {
    margin-right: 10px
}

.states {
    display: flex;
    align-items: flex-start
}

.cc-entry-content {
    margin-left: 10px
}

#certified-consultant-bg-image {
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 350px;
    height: 150px;
    margin-bottom: 25px
}

.title-content-container {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.title-content-container p.main_title {
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    margin: 0 20px 0 0
}

/* filter */
.sidebar {
    background: var(--blue);
    border-top: 5px solid #c1cedc;
    width: 100%;
    padding: 0 20px;
    margin: 0 10px
}

.sidebar #block-12 {
    width: 100%
}

.sidebar .wpc-filter-layout-submit-button {
    display: flex;
    flex-direction: column;
    align-items: center
}

.sidebar .wpc-filter-layout-submit-button a {
    margin: 10px auto;
    width: 100%
}

.page-template-page-template-certified-consultants .sidebar .wpc-filters-widget-wrapper {
    color: #fff;
    font-weight: 700
}

.page-template-page-template-certified-consultants .sidebar .wpc-filter-title {
    margin-bottom: 0 !important
}

.page-template-page-template-certified-consultants .sidebar .wpc-filter-content select,
.page-template-page-template-certified-consultants .sidebar .wpc-filter-search-form .wpc-search-field {
    height: 40px
}

.wpc-filter-search-form .sidebar .wpc-search-field {
    padding-left: 10px
}

.page-template-page-template-certified-consultants .sidebar .wpc-filter-search-form .wpc-search-field {
    margin-bottom: 2em
}

.page-template-page-template-certified-consultants .sidebar .wpc-filters-section {
    margin-bottom: 0 !important
}

.page-template-page-template-certified-consultants .sidebar .wpc-search-icon {
    display: none
}

.page-template-page-template-certified-consultants .sidebar .wpc-filters-main-wrap a.wpc-filters-submit-button {
    border-color: #6188a6;
    background-color: #6188a6;
    color: #f5f5f5
}

.cc-paginate {
    text-align: center;
    margin: 25px auto
}

.cc-paginate .page-numbers {
    background: var(--blue);
    padding: 10px 15px;
    color: #fff;
    margin: 0 5px
}

.cc-paginate .page-numbers.current {
    background: #6188a6
}

/* END OF CERTIFIED CONSULTANT PAGE */
/* APP - Dropdown styles */
.heading {
    text-align: center
}

.button.dropdown,
button.dropdown {
    position: relative;
    display: inline-block;
    color: var(--darkblue);
    padding: .75rem 2rem;
    margin: 0 auto;
    background-color: #fff;
    border: none !important;
    width: 100%;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.button.dropdown:hover,
button.dropdown:hover {
    background-color: var(--darkblue)
}

.button:hover:after,
.button:hover:before,
button.dropdown:hover:after,
button.dropdown:hover:before {
    color: var(--darkblue)
}

.button:after,
.button:before,
button.dropdown:after,
button.dropdown:before {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.tabs,
.tabs-2 {
    position: relative;
    min-height: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.tabs .tab,
.tabs-2 .tab-2 {
    margin-bottom: 1px
}

@media screen and (min-width:55rem) {
    .tabs .tab {
        float: left;
        clear: left;
        width: 29.7%;
        background: #f2f2f2
    }

    .tabs .tab:first-child {
        background: #f2f2f2;
        border-top: 3px solid #e2e319;
        margin-top: 10px
    }
}

.tabs .tab .tab-toggle {
    padding: 20px 15px;
    position: relative;
    outline: 0;
    width: 100%;
    border: 0
}

@media screen and (min-width:55rem) {
    .tabs .tab .tab-toggle {
        text-align: left
    }
}

.tabs .tab .tab-toggle:after {
    content: "▼";
    position: absolute;
    display: block;
    right: 2rem;
    top: 50%;
    -webkit-transform: rotate(0) translateY(-50%);
    -moz-transform: rotate(0) translateY(-50%);
    -ms-transform: rotate(0) translateY(-50%);
    -o-transform: rotate(0) translateY(-50%);
    transform: rotate(0) translateY(-50%)
}

@media screen and (min-width:55rem) {

    .tabs .tab .tab-toggle:after,
    .tabs-2 .tab-2 .tab-toggle-2:after {
        -webkit-transform: rotate(-90deg) translateX(50%);
        -moz-transform: rotate(-90deg) translateX(50%);
        -ms-transform: rotate(-90deg) translateX(50%);
        -o-transform: rotate(-90deg) translateX(50%);
        transform: rotate(-90deg) translateX(50%)
    }
}

.tabs .tab .tab-toggle.active,
.tabs-2 .tab-2 .tab-toggle-2.active {
    color: #28628f;
    font-weight: 700;
    background: rgb(255 255 255 / 0%);
    cursor: default
}

.tabs .tab .tab-toggle.active:after,
.tabs-2 .tab-2 .tab-toggle-2.after {
    color: var(--darkblue);
    -webkit-transform: rotate(180deg) translateY(50%);
    -moz-transform: rotate(180deg) translateY(50%);
    -ms-transform: rotate(180deg) translateY(50%);
    -o-transform: rotate(180deg) translateY(50%);
    transform: rotate(180deg) translateY(50%)
}

@media screen and (min-width:55rem) {
    .tabs .tab .tab-toggle.active:after {
        -webkit-transform: rotate(-90deg) translateX(50%) translateY(0);
        -moz-transform: rotate(-90deg) translateX(50%) translateY(0);
        -ms-transform: rotate(-90deg) translateX(50%) translateY(0);
        -o-transform: rotate(-90deg) translateX(50%) translateY(0);
        transform: rotate(-90deg) translateX(50%) translateY(0);
        right: 1rem
    }
}

.tabs .content {
    max-height: 0;
    overflow: hidden;
    padding: 0 2rem;
    background-color: rgb(239 239 239 / 0%);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s
}

@media screen and (min-width:55rem) {
    .tabs .content {
        max-height: none;
        position: absolute;
        right: 0;
        top: 0;
        width: 70%;
        opacity: 0;
        padding: 0 2rem 2rem 2rem;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }
}

.tabs .content.active {
    max-height: 1000px
}

@media screen and (min-width:55rem) {
    .tabs .content.active {
        max-height: none;
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }

    .tab-container .tabs .tab:first-child {
        padding-top: 10px
    }
}

.tabs .content>.heading {
    font-size: 1.5rem;
    margin-bottom: 0
}

.tab-container .tab .tab-toggle {
    padding: 0 15px
}

.tab-container .tabs .tab,
.tab-container .tabs-2 .tab-2 {
    margin-bottom: 0
}

.tab-container .tabs .tab:nth-child(39) {
    padding-bottom: 15px
}

/*====== Program page - article icons - globals ======*/
.ach-blog-icon .dnxte-entry-title::before,
.al-blog-icon .dnxte-entry-title::before,
.asc-blog-icon .dnxte-entry-title::before,
.bh-blog-icon .dnxte-entry-title::before,
.cah-blog-icon .dnxte-entry-title::before,
.den-blog-icon .dnxte-entry-title::before,
.dme-blog-icon .dnxte-entry-title::before,
.hc-blog-icon .dnxte-entry-title::before,
.hh-blog-icon .dnxte-entry-title::before,
.hit-blog-icon .dnxte-entry-title::before,
.hsp-blog-icon .dnxte-entry-title::before,
.lab-blog-icon .dnxte-entry-title::before,
.lc-blog-icon .dnxte-entry-title::before,
.obs-blog-icon .dnxte-entry-title::before,
.pc-blog-icon .dnxte-entry-title::before,
.rd-blog-icon .dnxte-entry-title::before,
.ribbon-blog-icon .dnxte-entry-title::before,
.rx-blog-icon .dnxte-entry-title::before,
.sleep-blog-icon .dnxte-entry-title::before {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    width: 30px;
    height: 25px;
    display: inline-flex
}

/* ====== Blog Page ====== */
.blog-filter .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item {
    float: none
}

.blog-filter .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item label {
    border: 1px solid rgb(0 0 0 / 0%)
}

.blog-filter .wpc-filters-main-wrap input.wpc-label-input+label:hover span.wpc-filter-label-wrapper {
    background-color: var(--blue);
    color: #fff
}

.blog-filter .widget-title.wpc-filter-title {
    font-size: 25px;
    font-weight: 700;
    color: var(--blue)
}

.blog-filter .wpc-filter-search-form .wpc-search-field {
    padding: 10px;
    border-radius: 5px
}

.blog-filter .wpc-filters-main-wrap a.wpc-filters-submit-button {
    border-color: var(--blue);
    background-color: var(--blue);
    color: #f5f5f5
}

@media screen and (min-width:768px) {
    .blog-filter .wpc-filters-main-wrap input.wpc-label-input+label:hover {
        border-color: var(--blue)
    }
}

/* ====== HH Page ====== */
/*Icons */
.hh-blog-icon .dnxte-entry-title::before {
    content: '';
    background: url(/wp-content/uploads/2024/10/hh.svg) !important
}

/* --- Start progress bar --- */
.process-wrapper {
    margin: auto;
    max-width: 100%
}

#progress-bar-container {
    position: relative;
    width: 100%;
    margin: auto;
    height: 100px;
    margin-top: 65px
}

#progress-bar-container ul {
    padding: 0;
    margin: 0;
    padding-top: 15px;
    z-index: 9999;
    position: absolute;
    width: 100%;
    margin-top: -40px
}

#progress-bar-container li:before {
    content: " ";
    display: block;
    margin: auto;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: solid 2px #aaa;
    transition: all ease .3s
}

#progress-bar-container li.active:before,
#progress-bar-container li:hover:before {
    border: solid 2px #444
}

#progress-bar-container li {
    list-style: none;
    float: left;
    width: 16%;
    margin: 0;
    text-align: center;
    color: #aaa;
    text-transform: uppercase;
    font-size: 11px;
    cursor: pointer;
    font-weight: 700;
    transition: all ease .2s;
    vertical-align: bottom;
    height: 60px;
    position: relative;
    transform: translateX(25px)
}

#progress-bar-container li .step-inner {
    position: absolute;
    width: 100%;
    bottom: 0
}

#progress-bar-container li.active,
#progress-bar-container li:hover {
    color: #444
}

#progress-bar-container li:after {
    content: " ";
    display: block;
    width: 6px;
    height: 6px;
    background: #777;
    margin: auto;
    border: solid 7px #fff;
    border-radius: 50%;
    margin-top: 40px;
    box-shadow: 0 2px 13px -1px rgba(0, 0, 0, .3);
    transition: all ease .2s
}

#progress-bar-container li:hover:after {
    background: #555
}

#progress-bar-container li.active:after {
    background: #207893
}

#progress-bar-container #line {
    width: 80%;
    margin: auto;
    background: #eee;
    height: 6px;
    position: absolute;
    left: 10%;
    top: 57px;
    z-index: 1;
    border-radius: 50px;
    transition: all ease .9s
}

#progress-bar-container #line-progress {
    content: " ";
    width: 3%;
    height: 100%;
    background: #207893;
    background: -moz-linear-gradient(left, #207893 0, #2ea3b7 100%);
    background: -webkit-linear-gradient(left, #207893 0, #2ea3b7 100%);
    background: linear-gradient(to right, #207893 0, #2ea3b7 100%);
    position: absolute;
    z-index: 2;
    border-radius: 50px;
    transition: all ease .9s
}

#progress-content-section {
    width: 100%;
    margin: auto
}

#progress-content-section .section-content {
    padding: 30px 40px;
    text-align: center
}

#progress-content-section .section-content h2 {
    font-size: 17px;
    text-transform: uppercase;
    color: #333;
    letter-spacing: 1px
}

#progress-content-section .section-content p,
#progress-content-section .section-content ul {
    font-size: 15px;
    line-height: 1.8em;
    color: #777
}

#progress-content-section .section-content ul {
    text-align: left
}

#progress-content-section .section-content {
    display: none;
    animation: FadeInUp .7s ease 1;
    animation-fill-mode: forwards;
    transform: translateY(15px);
    opacity: 0
}

#progress-content-section .section-content.active {
    display: block
}

.process-container {
    display: flex;
    columns: 4;
    column-gap: 0;
    justify-content: center;
    flex-wrap: wrap
}

.decision-card,
.discovery-card,
.post-survey-card,
.pre-survey-card,
.survey-card {
    padding: 50px 20px;
    margin: 30px 10px;
    width: 20%;
    background: #f3f3f300;
    border: 2px solid #949494;
    position: relative
}

figcaption {
    position: absolute;
    right: -2px;
    top: -38px;
    padding: 9px 17px
}

.discovery-card .fig-label,
.pre-survey-card .fig-label {
    color: #fff;
    background: #28628f
}

.survey-card .fig-label {
    color: #333;
    background: #e2e319
}

.decision-card .fig-label,
.post-survey-card .fig-label {
    color: #fff;
    background: #af74ad
}

@media (max-width:600px) {
    .process-container {
        flex-direction: column
    }

    .decision-card,
    .discovery-card,
    .post-survey-card,
    .pre-survey-card,
    .survey-card {
        padding: 50px 0;
        margin: 30px auto;
        width: 100%;
        background: #f3f3f300;
        border: 2px solid #949494;
        position: relative
    }

    #progress-bar-container {
        margin-top: 0
    }

    #progress-bar-container li:before {
        display: none
    }

    #progress-bar-container li:after {
        margin-top: 74px
    }

    #progress-bar-container ul {
        width: 90%
    }

    #progress-bar-container li .step-inner {
        line-height: 1.2;
        font-size: 50%
    }

    #progress-bar-container li {
        transform: translateX(-10px)
    }
}

/* ====== ACH Page ====== */
/*Icons */
.ach-blog-icon .dnxte-entry-title::before {
    content: '';
    background: url(/wp-content/uploads/2024/10/ach.svg)
}

/* ====== RX Inspection Service ====== */
/*Icons */
.rx-blog-icon .dnxte-entry-title::before {
    content: '';
    background: url(/wp-content/uploads/2024/10/rx.svg)
}

/* ====== AC Page ====== */
/*Icons */
.ac-blog-icon .dnxte-entry-title::before {
    content: '';
    background: url(/wp-content/uploads/2024/10/ac.svg)
}

/* ====== ASC Page ====== */
/*Icons */
.asc-blog-icon .dnxte-entry-title::before {
    content: '';
    background: url(/wp-content/uploads/2024/10/asc.svg)
}

/* ====== AL Page ====== */
/*Icons */
.al-blog-icon .dnxte-entry-title::before {
    content: '';
    background: url(/wp-content/uploads/2024/10/al.svg)
}

/* ====== AL Page ====== */
/*Icons */
.bh-blog-icon .dnxte-entry-title::before {
    content: '';
    background: url(/wp-content/uploads/2024/10/bh.svg)
}

/* ====== CL Page ====== */
/*Icons */
.lab-blog-icon .dnxte-entry-title::before {
    content: '';
    background: url(/wp-content/uploads/2024/10/lab.svg)
}

/* ====== CAH Page ====== */
/*Icons */
.cah-blog-icon .dnxte-entry-title::before {
    content: '';
    background: url(/wp-content/uploads/2024/10/CAH.svg)
}

/* ====== DEN Page ====== */
/*Icons */
.den-blog-icon .dnxte-entry-title::before {
    content: '';
    background: url(/wp-content/uploads/2024/10/den.svg)
}

/* ====== DME Page ====== */
/*Icons */
.dme-blog-icon .dnxte-entry-title::before {
    content: '';
    background: url(/wp-content/uploads/2024/10/dme.svg)
}

/* ====== HSS Page ====== */
/*Icons */
.ribbon-blog-icon .dnxte-entry-title::before {
    content: '';
    background: url(/wp-content/uploads/2024/10/ribbon.svg);
    width: 25px;
    height: 33px
}

/* ====== HC Page ====== */
/*Icons */
.hc-blog-icon .dnxte-entry-title::before {
    content: '';
    background: url(/wp-content/uploads/2024/10/hc.svg)
}

/* ====== HIT Page ====== */
/*Icons */
.hit-blog-icon .dnxte-entry-title::before {
    content: '';
    background: url(/wp-content/uploads/2024/10/hit.svg)
}

/* ====== HSP Page ====== */
/*Icons */
.hsp-blog-icon .dnxte-entry-title::before {
    content: '';
    background: url(/wp-content/uploads/2024/10/hsp.svg)
}

/* ====== LC Page ====== */
/*Icons */
.lc-blog-icon .dnxte-entry-title::before {
    content: '';
    background: url(/wp-content/uploads/2024/10/lc.svg)
}

/* ====== OBS Page ====== */
/*Icons */
.obs-blog-icon .dnxte-entry-title::before {
    content: '';
    background: url(/wp-content/uploads/2024/10/obs.svg)
}

/* ====== PC Page ====== */
/*Icons */
.pc-blog-icon .dnxte-entry-title::before {
    content: '';
    background: url(/wp-content/uploads/2024/10/pc.svg)
}

/* ====== RD Page ====== */
/*Icons */
.rd-blog-icon .dnxte-entry-title::before {
    content: '';
    background: url(/wp-content/uploads/2024/10/rd.svg);
    height: 32px;
    width: 20px
}

/* ====== SLEEP Page ====== */
/*Icons */
.sleep-blog-icon .dnxte-entry-title::before {
    content: '';
    background: url(/wp-content/uploads/2024/10/sleep.svg);
    height: 32px;
    width: 34px
}

/* ====== Product Certification Page ====== */
.product-certification {
    grid-column-gap: 20px;
    grid-row-gap: 25px;
    margin-bottom: 50px
}

#product-certification-image {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 70%;
    height: 100px;
    margin: 0 auto 25px;
    aspect-ratio: 1
}

.product-certification .entry-content-block {
    background: #f8f8f8;
    width: 95%;
    padding: 25px;
    border-radius: 5px;
    text-align: center;
    margin: 0 10px;
    border: 1px solid #0000000d;
    box-shadow: 7px 4px 8px 2px #0000000a
}

.product-certification .entry-content-block:first-child {
    margin-top: 50px
}

.product-certification .entry-content-block .product-title {
    font-size: 35px;
    margin: 0 auto 20px
}

.product-certification .entry-content-block .product-sub-title {
    font-size: 16px;
    margin: 20px auto 10px
}

@media (min-width:980px) {
    .product-certification .entry-content-block {
        width: 30%
    }

    .product-certification .entry-content-block:first-child {
        margin-top: 0
    }
}

/* ====== Regulatory Updates page  ====== */
.page-template-page-template-regulatory-updates .wpc-filters-section.wpc-filters-section-35849.wpc-filter-layout-submit-button {
    margin-top: 40px
}

.regulatory-updates .entry-content-block {
    background: #f8f8f8;
    padding: 25px;
    border-radius: 5px;
    text-align: left;
    border: 1px solid #0000000d;
    box-shadow: 7px 4px 8px 2px #0000000a
}

.regulatory-updates .categories {
    margin-bottom: 20px
}

.regulatory-updates .categories p {
    background: var(--darkblue);
    border-radius: 25px;
    padding: 0 10px !important;
    margin: 7px;
    font-size: 12px;
    color: #fff
}

.regulatory-updates .categories p:first-child {
    margin-left: 0
}

.regulatory-updates .button {
    background: var(--yellow);
    padding: 10px 15px;
    border-radius: 25px;
    margin: 10px auto;
    font-weight: 700
}

.regulatory-updates div {
    margin: 20px auto 10px
}

.strategic-partners {
    grid-column-gap: 20px;
    grid-row-gap: 25px;
    margin-bottom: 50px
}

#strategic-partners-image {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 70%;
    height: 100px;
    margin: 0 auto 25px;
    aspect-ratio: 1
}

.strategic-partners .entry-content-block {
    background: #f8f8f8;
    width: 95%;
    padding: 25px;
    border-radius: 5px;
    text-align: center;
    margin: 0 10px;
    border: 1px solid #0000000d;
    box-shadow: 7px 4px 8px 2px #0000000a
}

.strategic-partners .entry-content-block:first-child {
    margin-top: 50px
}

.strategic-partners .entry-content-block .product-title {
    font-size: 35px;
    margin: 0 auto 20px
}

.strategic-partners .entry-content-block .product-sub-title {
    font-size: 16px;
    margin: 20px auto 10px
}

@media (min-width:980px) {
    .strategic-partners .entry-content-block {
        width: 30%
    }

    .strategic-partners .entry-content-block:first-child {
        margin-top: 0
    }
}

/* ====== Sidebar  ====== */
@media (min-width:980px) {

    .product-certification-sidebar .wpc-filters-widget-wrapper,
    .regulatory-update-sidebar .wpc-filters-widget-wrapper,
    .strategic-partners-sidebar .wpc-filters-widget-wrapper {
        display: flex;
        justify-content: center;
        align-items: center
    }
}

.product-certification-sidebar .wpc-filters-section,
.regulatory-update-sidebar .wpc-filters-section,
.strategic-partners-sidebar .wpc-filters-section {
    margin: 20px;
    max-width: 100%
}

.strategic-partners-sidebar .wpc-filters-section-35943 {
    margin: 0 40px;
    top: 13px
}

.product-certification-sidebar .wpc-filters-section-35627 {
    margin: 0 30px;
    top: 14px
}

.product-certification-sidebar .et_pb_widget,
.regulatory-update-sidebar .et_pb_widget,
.strategic-partners-sidebar .et_pb_widget {
    float: initial
}

.product-certification-sidebar .wpc-filter-title,
.regulatory-update-sidebar .wpc-filter-title,
.strategic-partners-sidebar .wpc-filter-title {
    color: var(--darkblue);
    font-weight: 700
}

.product-certification-sidebar select,
.regulatory-update-sidebar select,
.strategic-partners-sidebar select {
    font-size: 16px !important;
    height: 38px
}

.product-certification-sidebar .wpc-filters-main-wrap a.wpc-filters-submit-button,
.regulatory-update-sidebar .wpc-filters-main-wrap a.wpc-filters-submit-button,
.strategic-partners-sidebar .wpc-filters-main-wrap a.wpc-filters-submit-button {
    border-color: var(--darkblue);
    background-color: var(--darkblue);
    color: var(--white)
}

.product-certification-sidebar .wpc-filters-main-wrap a.wpc-filters-reset-button,
.product-certification-sidebar .wpc-filters-main-wrap a.wpc-filters-submit-button,
.regulatory-update-sidebar .wpc-filters-main-wrap a.wpc-filters-reset-button,
.regulatory-update-sidebar .wpc-filters-main-wrap a.wpc-filters-submit-button,
.strategic-partners-sidebar .wpc-filters-main-wrap a.wpc-filters-reset-button,
.strategic-partners-sidebar .wpc-filters-main-wrap a.wpc-filters-submit-button {
    width: 50%;
    height: 40px;
    margin: 0 10px
}

/* Education/ ACHCU Education page  */
.image-border-animate::before {
    content: "";
    background: var(--blue);
    display: block;
    position: absolute;
    top: -50px;
    left: -40px
}

.image-border-animate.image::before {
    height: 259px;
    width: 460px
}

/* Contact Us Page */
.contact-section h4,
.contact-section p {
    color: #000 !important
}

.dnxte-toggle-header-section {
    margin-bottom: 50px
}

.light-btn {
    border: 2px solid var(--white);
    color: var(--white);
    padding: 10px 20px;
    transition: .3s ease-in-out;
    cursor: pointer
}

.dark-btn {
    border: 2px solid var(--black);
    color: var(--black);
    padding: 10px 20px;
    transition: .3s ease-in-out;
    cursor: pointer
}

.dark-btn:active,
.dark-btn:hover,
.light-btn:active,
.light-btn:hover {
    background: var(--yellow);
    border: 2px solid var(--yellow);
    color: #000
}

.page-id-36120 #forminator-module-39056 {
    border: 0;
    color: var(--white)
}

.page-id-36120 #forminator-module-39056.forminator-design--flat .forminator-pagination-steps .forminator-step .forminator-step-label {
    color: var(--darkblue)
}

.page-id-36120 #forminator-module-39056.forminator-design--flat .forminator-pagination-steps .forminator-break:before,
.page-id-36120 #forminator-module-39056.forminator-design--flat .forminator-pagination-steps .forminator-step .forminator-step-dot {
    background-color: var(--darkblue)
}

.page-id-36120 .forminator-ui#forminator-module-39056.forminator-design--flat .forminator-description,
.page-id-36120 .forminator-ui#forminator-module-39056.forminator-design--flat .forminator-description p,
.page-id-36120 .forminator-ui#forminator-module-39056.forminator-design--flat .forminator-label {
    color: var(--black)
}

.forminator-ui#forminator-module-39056.forminator-design--flat .forminator-button-next {
    background-color: var(--yellow) !important;
    color: var(--black) !important
}

/* File a complaint page */
.page-id-36159 .forminator-pagination-steps {
    display: none !important
}

.page-id-36159 .forminator-button-back,
.page-id-36159 .forminator-button-next {
    background-color: var(--yellow) !important;
    color: var(--black) !important
}

/* Compound Inspection Service program page */
/* Contact form 7 */
#compound-inspection h5 {
    color: var(--white);
    margin-top: 30px
}

#compound-inspection label {
    font-size: 13px;
    color: var(--white)
}

#compound-inspection input {
    padding: 8px;
    margin-right: 0;
    width: 100%
}

#compound-inspection .form-section {
    margin: 10px 0
}

#compound-inspection .city,
#compound-inspection .firstName,
#compound-inspection .rx-legal-name {
    width: 98% !important
}

#compound-inspection .submit {
    background: var(--yellow);
    color: #27455f;
    border: 0;
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 !important;
    padding: 10px 50px !important;
    border-radius: 5px;
    width: initial;
    cursor: pointer
}

#compound-inspection .blue-theme-btn {
    background: var(--lightBlue);
    color: #27455f;
    border: 0;
    font-weight: 700;
    margin: 20px 0 !important;
    padding: 10px 50px !important;
    border-radius: 5px;
    width: initial;
    cursor: pointer
}

#compound-inspection .submit:hover {
    background: #d6d600
}

/* Contact form 7 global style */
.wpcf7 form.sent .wpcf7-response-output,
.wpcf7-response-output {
    color: #fff;
    border-color: var(--yellow) !important;
    margin: 50px 0 0 !important
}

.wpcf7-not-valid-tip {
    color: #ed6e6e
}

/* HP_TABS_TEMPLATE */
.caption {
    padding: 0 15px 15px
}

.caption p {
    font-size: 13px;
    line-height: 1.4
}

.caption::after {
    content: "";
    display: block;
    border: 2px solid #e2e319;
    height: 0;
    width: 13%;
    text-align: center;
    margin: 20px 0 0
}

.content {
    max-width: 700px;
    margin: auto
}

.content .article {
    padding: 10px;
    line-height: 1.3;
    margin: 0
}

.content .article-title {
    font-size: 16px;
    margin: 0;
    padding: 0
}

.content .article-title a:hover {
    color: #005273 !important;
    transition: .3s ease-in
}

.content .metadescription {
    font-size: 13px
}

.content .metadescription div {
    margin: 0 5px
}

.content .metadescription .program-name,
.content .metadescription div:first-child {
    margin: 0;
    line-height: 1.4
}

.content .metadescription .program-name a:hover,
.content .metadescription div:first-child a:hover {
    color: #005273 !important
}

.content .metadescription .program-name ul.post-categories,
.content .metadescription div:first-child ul.post-categories {
    display: inline-flex;
    flex-wrap: wrap;
    list-style: none !important;
    padding: 0
}

.content .metadescription .program-name ul.post-categories li,
.content .metadescription div:first-child ul.post-categories li {
    margin: 0
}

.content__inner {
    width: 100%;
    height: 610px;
    margin: 0;
    background: #fff;
    box-shadow: 0 8px 17px 2px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2)
}

.tabs {
    position: relative;
    padding: 0 0 15px;
    height: 100%;
    overflow-x: hidden !important;
    overflow-y: hidden !important
}

.tabs__nav {
    position: relative;
    background: #f6f6f6;
    border-bottom: 1px solid #dcdcdc
}

.tabs__nav-decoration {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transition: width .2s linear 0s, transform .2s ease-out 0s;
    z-index: 1;
    overflow: auto
}

.tabs__nav-list {
    position: relative;
    display: flex;
    justify-content: flex-start;
    list-style-type: none;
    z-index: 5;
    padding: 0 !important
}

.tabs__nav-item {
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: linear;
    transition-delay: 0s;
    padding: 5px 15px;
    font-weight: 700;
    cursor: pointer;
    border-right: 1px solid #dcdcdc;
    list-style: none;
    margin: 0 !important
}

.tabs__nav-item.js-active {
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: linear;
    transition-delay: 50ms;
    color: #fff;
    background-color: #005273;
    font-weight: 700;
    list-style: none
}

.tabs__panels {
    position: relative;
    margin-top: 20px
}

.tabs__panel {
    position: absolute;
    top: 0;
    left: 0;
    transition: none;
    transform: scale(.8);
    width: 100%;
    opacity: 0
}

.tabs__panel.js-active {
    transition: all .25s linear 0s;
    transform: scale(1);
    opacity: 1;
    height: 510px;
    overflow-y: scroll;
    z-index: 100;
    padding: 0 15px
}

.display-flex {
    display: flex;
    flex-wrap: wrap
}

.display-flex .justify-content--spaced-between {
    justify-content: space-between
}

.display-inline {
    display: inline !important;
    flex-wrap: wrap
}

.display-inline .justify-content--spaced-between {
    justify-content: space-between
}

.display-inline-flex {
    display: inline-flex
}

.display-inline-flex .align-items-center {
    align-items: center !important
}

/* HP Flip Cards */
#flip-card {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 25px
}

.flip-card {
    flex: 1 0 calc(100% - 10px);
    width: calc(100% - 10px);
    height: 300px;
    color: #fff
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: left;
    transition: transform .6s;
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2);
    backface-visibility: hidden;
    -moz-backface-visibility: hidden
}

.flip-card:focus {
    outline: 0
}

.flip-card:focus .flip-card-inner,
.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg)
}

.flip-card-back,
.flip-card-front {
    position: absolute;
    border: 1px solid #9a9a9a;
    width: 100%;
    height: 100%
}

.flip-card-front {
    background: linear-gradient(to left, #fff, #fff);
    color: #000;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.flip-card-back {
    background: linear-gradient(to right, #fff, #fff);
    color: #000;
    transform: rotateY(180deg);
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center
}

.flip-card-content-inner {
    padding: 0 30px
}

.flip-card-content-inner h3,
.flip-card-content-inner p {
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 400;
    color: #000
}

.flip-card-content-inner h4 {
    font-family: Montserrat;
    font-size: 25px;
    margin: 10px auto
}

@media (min-width:1323px) {
    .flip-card-content-inner h4 {
        font-size: 50px
    }

    .flip-card {
        flex: 1 0 calc(20% - 10px)
    }
}

@media (min-width:950px) and (max-width:1322px) {
    .flip-card {
        flex: 1 0 calc(45% - 10px)
    }
}

/* Animation */
@keyframes FadeInUp {
    0% {
        transform: translateY(15px);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes myanimation {
    0% {
        transform: translateY(calc(-50% + 100vh));
        -webkit-transform: translateY(calc(-50% + 100vh));
    }
/* 
    25% {
        transform: translateY(0);
        -webkit-transform: translateY(0)
    } */

    50% {
        transform: translateY(calc(-120% + 100vh));
       -webkit-transform: translateY(calc(-120% + 100vh));
    }

    100% {
        transform: translateY(calc(-50% + 100vh));
        -webkit-transform: translateY(calc(-50% + 100vh));
    }
}

@keyframes myanimationtwo {
    0% {
        transform: translateY(calc(-45% + 100vh));
        -webkit-transform: translateY(calc(-45% + 100vh));
    }

    50% {
        transform: translateY(calc(-120% + 100vh));
        -webkit-transform: translateY(calc(-120% + 100vh));
    }

    /* 75% {
        transform: translateY(0);
        -webkit-transform: translateY(calc(0))
    } */

    100% {
        transform: translateY(calc(-45% + 100vh));
        -webkit-transform: translateY(calc(-45% + 100vh));
    }
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.btn-next,
.btn-prev {
    font-size: 20px;
    color: #74a2c5;
    font-weight: 600;
    cursor: pointer
}

ul.pagination {
    padding: 0;
    justify-content: center;
    margin: 0
}

ul.pagination li {
    list-style: none;
    padding: 10px
}

ul.pagination li a {
    font-weight: 600;
    font-size: 16px;
    border: 2px solid #a36b9e00;
    border-radius: 10px;
    padding: 6px 12px
}

ul.pagination li a:hover,
ul.pagination li.active a {
    transition: .6s;
    border: 2px solid #a36b9e;
    border-radius: 10px;
    color: #a36b9e
}

/* ======MOBILE STYLES====== */
@media (max-width:980px) {
    .swiper-pagination-bullet-active {
        background: var(--blue)
    }
}

@media (max-width:768px) {
    .mobile-column {
        flex-direction: column
    }

    .strategic-partners {
        grid-template-columns: repeat(2, 1fr)
    }

    .quick_search_sec {
        width: 100%;
        padding-bottom: 20px
    }

    .tz_main_provider_list .select2-container {
        width: -webkit-fill-available !important
    }

    .quick_search_sec img {
        width: 30px
    }

    .tz_filter_by {
        display: block;
        border-bottom: 0 solid #d2d2d2
    }

    .tz_filter_by select {
        width: 100% !important;
        margin: 10px 0;
        text-align: left;
        border-bottom: 1px solid #dadada
    }
}

@media (max-width:600px) {
    .hide-desktop {
        display: none !important
    }

    .hide-mobile {
        display: block !important
    }

    .display-flex {
        flex-direction: column
    }

    .regulatory-updates .display-flex {
        flex-direction: column;
        flex-direction: row
    }

    .tab-container .tab .tab-toggle {
        padding: 20px 15px
    }

    .title-content-container {
        flex-direction: column-reverse
    }

    .cc-flex {
        margin: auto;
        flex-direction: column;
        align-items: center
    }
}