/*
Theme Name: Divi Child Theme
Theme URI: http://theromefoundation.org
Description: Child Theme For Divi
Author: Bull City Web Design
Version: 1.0.0
Template: Divi
*/

/* common css start */
header {
    position: relative;
    z-index: 9;
}

.et_pb_row .et_pb_row {
    width: 100%;
}

@media (min-width: 1599px) {
    .et_pb_row {
        width: 80%;
    }
}

@media (max-width: 1600px) {
    .et_pb_row {
        width: 95%;
    }

    .bottom-menu #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {
        line-height: 22px;
        height: auto;
        padding: 15px 10px;
    }

    .et_pb_search_0_tb_header {
        min-width: 115px;
        max-width: 300px !important;
        width: auto !important;
    }

    body #page-container .middle-header-desktop .et_pb_section .et_pb_button_1_tb_header_wrapper .et_pb_button {
        font-size: clamp(0.8em, 1vw, 2em) !important;
        padding-right: 16px !important;
        padding-left: 10px !important;
    }
}

body #page-container header .et_pb_section a.et_pb_button {
    font-size: clamp(12px, 3vw, 14px) !important;
    min-height: 51px;
    display: inline-block;
    padding-top: 14px !important;
    white-space: nowrap;
}

@media (max-width: 1400px) {
    .bottom-menu .et_pb_row {
        max-width: 100% !important;
        width: calc(100% - 10px) !important;
    }
}

.middle-header-desktop .et_pb_searchform::before {
    content: "";
    top: 50% !important;
    left: 25px !important;
    transform: translate(-50%, -50%) !important;
}

@media (max-width: 1200px) {
    .middle-header-desktop {
        display: none !important;
    }

    .bottom-menu {
        display: none !important;
    }

    body .middle-header-tab-mob {
        display: block !important;
    }

    .et_pb_module.et_pb_icon {
        margin-left: unset;
        margin-right: unset;
    }
}

#et-main-area > * {
    z-index: 0 !important;
}


/* common css end */

/*Mega Menu style*/
#mega-menu-wrap-primary-menu {
    z-index: 999 !important;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 50%) !important;
}

ul.mega-sub-menu:not(.mega-sub-menu .mega-sub-menu) {
    border-top: 1px solid #e5e5e5 !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.mega-menu-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu li.widget_media_image img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

.mega-menu-inner .menu-title {
    color: #245685;
    font-size: 19px;
    border-bottom: 2px solid #fcaf40;
    width: fit-content;
}

.mega-menu-inner .mega-inner-menu-list a {
    color: #000000;
    font-size: 17px;
    line-height: 35px;
}

.mega-menu-inner .mega-inner-menu-list a:hover {
    color: #245685;
}

.mega-menu-inner {
    background: rgba(252, 175, 64, 0.2);
    padding: 10px;
    border-radius: 10px;
}

.custom-html-widget .mega-menu-inner:not(:last-child) {
    margin-bottom: 10px;
}

.custom-html-widget .mega-menu-inner:only-child {
    margin-bottom: 0;
}

ul.mega-inner-menu-list {
    list-style: none;
    margin: 0;
}

ul.mega-inner-menu-list li {
    position: relative;
    transition: transform 0.3s ease, color 0.3s ease;
    cursor: pointer;
}

ul.mega-inner-menu-list li::before {
    content: "";
    position: absolute;
    left: -20px;
    top: 17px;
    width: 12px;
    border-top: 2px solid #245685;
    display: block;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease-in-out;
}

ul.mega-inner-menu-list li:hover::before {
    transform: scaleX(1);
}

ul.mega-inner-menu-list li:hover {
    color: #245685;
    transform: translateX(5px);
}

.widget_custom_html a.mega-mnu-btn,
.widget_custom_html a.mega-mnu-btn:hover {
    padding: 12px 25px;
}

.mega-menu li.mega-menu-item > ul.mega-sub-menu {
    opacity: 0;
    transform: translateY(-10px);
    padding-top: 0;
    padding-bottom: 0;
    max-height: 0;
    overflow: hidden;
    will-change: opacity, transform, max-height;
    transition:
        opacity 0.3s ease,
        transform 0.4s ease,
        padding 0.3s ease,
        max-height 0.5s ease;
}

.mega-menu li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu {
    opacity: 1;
    transform: translateY(0);
    padding-top: 20px;
    padding-bottom: 20px;
    max-height: calc(100vh - 100px);
    overflow-x: auto;
    will-change: opacity, transform, max-height;
    transition:
        opacity 0.4s ease,
        transform 0.5s ease,
        padding 0.4s ease,
        max-height 0.6s ease;
    padding-left: 3% !important;
    padding-right: 3% !important;
}

.mega-menu li.mega-menu-item > ul.mega-sub-menu > * {
    height: 0 !important;
    opacity: 0 !important;
    transform: scale(0.90) !important;
    transition-delay: 0 !important;
    transition: all 0.3s, opacity 0.2s !important;
}

.mega-menu li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu > * {
    height: 100% !important;
    opacity: 1 !important;
    transform: scale(1) !important;
    transition-delay: 0.2s !important;
    transition: all 0.5s !important;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    padding: 10px 15px !important;
    width: 100%;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu {
    display: flex;
    flex-wrap: wrap;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu {
    padding: 0 !important;
}

@media screen and (max-width: 1200px) {
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > .mega-menu-column:not(:first-child) {
        border-left: none;
        border-top: 1px #ccc solid;
    }
}

.trf_get_latest_posts_hd {
    padding: 0 0 23px 1em;
}

.trf_get_latest_posts_hd .trf_get_latest_posts_inner {
    position: relative;
    transition: transform 0.3s ease, color 0.3s ease;
    cursor: pointer;
}

.trf_get_latest_posts_hd .trf_get_latest_posts_inner:hover {
    transform: translateX(5px);
}

.trf_get_latest_posts_hd .trf_get_latest_posts_inner a {
    color: #000000 !important;
    font-size: 17px;
    line-height: 35px;
}

.trf_get_latest_posts_hd .trf_get_latest_posts_inner a strong {
    font-weight: normal !important;
    position: relative;
}

.trf_get_latest_posts_hd .trf_get_latest_posts_inner:hover a strong {
    color: #245685;
}

.trf_get_latest_posts_hd .trf_get_latest_posts_inner::before {
    content: "";
    position: absolute;
    left: -20px;
    top: 15px;
    width: 12px;
    border-top: 2px solid #245685;
    display: block;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease-in-out;
}

.trf_get_latest_posts_hd .trf_get_latest_posts_inner:hover::before {
    transform: scaleX(1);
}


/* mega menu style end */

.more-about-rome-foundation-col-1 {
    margin: 25px 45px 15px 0px;
    border-radius: 12px;
    position: relative;
    background: url('/wp-content/uploads/2025/03/Diagnostic-pocket-cards.png') no-repeat center center/cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    min-height: 348px;
}

.more-about-rome-foundation-col-1::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1111;
}

.more-about-rome-foundation-col-1 > * {
    position: relative;
    z-index: 2222;
}

/* custom section*/

#trf-resources-form {
    max-height: initial !important;
    height: auto !important;
}

#trf-resources-form > p {
    font-family: 'Karla', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 600;
    font-size: 24px;
    color: #FFFFFF;
    padding: 2em 2em !important;
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    max-width: 533px;
    background: #245685;
    border-radius: 12px;
}

#trf-resources-form select {
    width: 100%;
    border: 1px solid #245685;
    background: #F7F7F7;
    padding: 14px 8px;
    border-radius: 12px;
    margin-top: 6px;
    font-size: 16px;
    border-radius: 30px;
}

#trf-resources-form p select:first-child {
    margin-bottom: 15px;
    border-radius: 12px;
}

#trf-resources-results {
    background: #F7F7F7 !important;
    width: calc(100% - 533px);
    border-radius: 0 12px 12px 0;
}

#trf-resources-results > P {
    margin: auto;
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 150px;
}

#trf-resources-results h4 {
    border-bottom: 1px solid #DEDEDE;
    padding: 0.5em 1.3em;
}

#trf-resources-results ul {
    list-style-type: none;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    padding: 1.5em 2em;
    max-height: 250px;
    overflow-y: auto;
}

#trf-resources-results ul li {
    max-height: 56px;
    border-radius: 30px !important;
    border: 1px solid #245685;
    padding: 0.5em 1em;
}

#trf-resources-results ul li a {
    display: block;
    white-space: nowrap;
    max-width: 300px !important;
    width: 100% !important;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}


@media screen and (max-width: 1280px) {
    #trf-resources-form > p {
        max-width: 100%;
        padding: 2em 2em !important;
    }

    #trf-resources-results:empty {
        display: none;
    }

    #trf-resources-form {
        flex-direction: column;
        height: auto;
    }

    #trf-resources-results {
        width: 100%;
        border-radius: 12px;
    }

    #trf-resources-results ul {
        max-height: 200px;
        overflow-y: auto;
    }
}

/* Footer */

#menu-rome-iv {
    display: flex;
    flex-direction: column;
}

/* Homepage product slider css. */
.trf-featured-products-slider {
    display: flex;
}

.trf-featured-posts-slider {
    display: flex;
}

.trf-featured-videos-slider {
    display: flex;
}

.trf-slider-item {
    display: flex;
    justify-content: center;
    align-items: stretch;
    /* Ensure all product items have the same height */
    width: 100%;
}

.trf-slider-box {
    background: white;
    padding: 20px;
    margin: 10px;
    text-align: center;
    border-radius: 12px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    min-height: 320px;
}

.trf-slider-box img {
    max-height: 230px;
    object-fit: contain;
    margin: 0 auto;

}

.trf-slider-box:hover {
    transform: translateY(-10px);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

/* Product Title Styling */
.trf-slider-title {
    font-size: 18px !important;
    line-height: 24px !important;
    color: #245685;
    margin-top: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    height: 48px;
}

.news-update-slider .dipi-post-content .dipi-entry-title {
    padding-bottom: 3px;
    text-align: left;
    margin: 0px 0px 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

.slick-dots {
    text-align: center !important;
    margin-top: 35px !important;
}

.slick-dots li {
    width: 15px !important;
    height: 15px !important;
    margin: 0 5px !important;
}

.slick-dots li button:before {
    font-size: 35px !important;
    /* Bigger dots */
    color: #ccc !important;
    opacity: 1 !important;
    transition: color 0.3s ease, transform 0.3s ease !important;
}

.slick-dots li.slick-active button:before {
    color: #FCB040 !important;
    transform: scale(1.3) !important;
}

.title {
    color: white;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 2rem;
}


.mob-visible {
    display: none !important;
}

@media screen and (max-width: 767px) {
    .mob-visible {
        display: block !important;
    }
}

.menu-btn .mega-menu-link {
    color: #FFFFFF !important;
    border-radius: 30px !important;
    letter-spacing: 0.16em;
    font-size: 16px;
    background-color: #245685;
    border: 1px solid #fff !important;
    margin: 10px 10px 15px !important;
    text-align: center !important;
}

.menu-btn.btn-copyright .mega-menu-link {
    background-color: #fcaf40 !important;
    border-color: #fcaf40 !important;
}

ul#mega-menu-primary-menu {
    padding-left: 0 !important;
    padding-top: 0px !important;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {
    line-height: 70px !important;
    height: 70px !important;
}

@media only screen and (max-width: 1200px) {
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {
        font-size: 16px !important;
    }
}

@media screen and (min-width: 1200px) {
    .hero-section .et_pb_slide_description .slide-content {
        max-width: 60%;
    }
}

@media screen and (min-width: 1024px) and (max-width:1199px) {
    .hero-section .et_pb_slide_description .slide-content:not(.hero-section.hero-section-v3 .et_pb_slide_description .slide-content) {
        max-width: 70%;
    }
}

.hero-section .et_pb_slide_description .slide-content .et_pb_slide_date {
    margin-top: 20px;
    font-size: 30px !important;
    line-height: 44px !important;
}

@media screen and (max-width: 767px) {
    .hero-section .et_pb_slide_description .slide-content .et_pb_slide_date {
        font-size: 20px !important;
        line-height: 34px !important;
    }

    .hero-section.et_pb_fullwidth_slider_0.et_pb_slider .et_pb_slide_description .et_pb_slide_title {
        font-size: 30px !important;
        line-height: 45px !important;
    }
}

.hero-section .et_pb_slide_description .slide-content .et_pb_button_module_wrapper a {
    background-color: #fcaf40 !important;
    border-radius: 30px !important;
    margin-top: 20px;
    border-color: #fcaf40 !important;
}

.news-update-slider .dipi-date {
    left: unset !important;
    right: 20px !important;
    width: fit-content !important;
    height: auto !important;
    border-radius: 10px;
    flex-direction: row !important;
    gap: 5px !important;
}


.news-update-slider .dipi-entry-featured-image-url > img.wp-post-image {
    min-height: 350px;
    max-height: 350px;
    object-position: top center;
}


.news-update-slider .dipi-date::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='16' viewBox='0 0 14 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.625 9H3.375C3.125 9 3 8.875 3 8.625V7.375C3 7.125 3.125 7 3.375 7H4.625C4.875 7 5 7.125 5 7.375V8.625C5 8.875 4.875 9 4.625 9ZM8 8.625C8 8.875 7.875 9 7.625 9H6.375C6.125 9 6 8.875 6 8.625V7.375C6 7.125 6.125 7 6.375 7H7.625C7.875 7 8 7.125 8 7.375V8.625ZM11 8.625C11 8.875 10.875 9 10.625 9H9.375C9.125 9 9 8.875 9 8.625V7.375C9 7.125 9.125 7 9.375 7H10.625C10.875 7 11 7.125 11 7.375V8.625ZM8 11.625C8 11.875 7.875 12 7.625 12H6.375C6.125 12 6 11.875 6 11.625V10.375C6 10.125 6.125 10 6.375 10H7.625C7.875 10 8 10.125 8 10.375V11.625ZM5 11.625C5 11.875 4.875 12 4.625 12H3.375C3.125 12 3 11.875 3 11.625V10.375C3 10.125 3.125 10 3.375 10H4.625C4.875 10 5 10.125 5 10.375V11.625ZM11 11.625C11 11.875 10.875 12 10.625 12H9.375C9.125 12 9 11.875 9 11.625V10.375C9 10.125 9.125 10 9.375 10H10.625C10.875 10 11 10.125 11 10.375V11.625ZM14 3.5V14.5C14 14.9167 13.8542 15.2708 13.5625 15.5625C13.2708 15.8542 12.9167 16 12.5 16H1.5C1.08333 16 0.729167 15.8542 0.4375 15.5625C0.145833 15.2708 0 14.9167 0 14.5V3.5C0 3.08333 0.145833 2.72917 0.4375 2.4375C0.729167 2.14583 1.08333 2 1.5 2H3V0.375C3 0.125 3.125 0 3.375 0H4.625C4.875 0 5 0.125 5 0.375V2H9V0.375C9 0.125 9.125 0 9.375 0H10.625C10.875 0 11 0.125 11 0.375V2H12.5C12.9167 2 13.2708 2.14583 13.5625 2.4375C13.8542 2.72917 14 3.08333 14 3.5ZM12.5 14.3125V5H1.5V14.3125C1.5 14.4375 1.5625 14.5 1.6875 14.5H12.3125C12.4375 14.5 12.5 14.4375 12.5 14.3125Z' fill='%23F15B43'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px;
}

.news-update-slider .dipi-post-content .dipi-entry-title {
    padding-right: 100px !important;
}

.news-update-slider .dipi-date .dipi-month,
.news-update-slider .dipi-date .dipi-day,
.news-update-slider .dipi-date .dipi-year {
    font-size: 16px !important;
    line-height: 28px !important;
}

.news-update-slider .dipi-date .dipi-month {
    order: 2;
}

.news-update-slider .dipi-date .dipi-day {
    order: 1;
}

.news-update-slider .dipi-date .dipi-year {
    order: 3;
}

@media screen and (max-width: 767px) {
    .news-update-slider .dipi-date {
        right: unset !important;
        left: 18px !important;
    }

    .news-update-slider .dipi-post-content .dipi-entry-title {
        padding-right: 0 !important;
        padding-top: 20px;
    }

}


.single-accordion-tab-content-area .dipi-at-tab-container {
    display: flex;
    flex-flow: column-reverse nowrap;
}


.single-accordion-tab-content-area .dipi-at-tab-subtitle {
    display: inline-flex;
    align-items: center;
}

.single-accordion-tab-content-area .dipi-at-tab-subtitle::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='16' viewBox='0 0 14 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.625 9H3.375C3.125 9 3 8.875 3 8.625V7.375C3 7.125 3.125 7 3.375 7H4.625C4.875 7 5 7.125 5 7.375V8.625C5 8.875 4.875 9 4.625 9ZM8 8.625C8 8.875 7.875 9 7.625 9H6.375C6.125 9 6 8.875 6 8.625V7.375C6 7.125 6.125 7 6.375 7H7.625C7.875 7 8 7.125 8 7.375V8.625ZM11 8.625C11 8.875 10.875 9 10.625 9H9.375C9.125 9 9 8.875 9 8.625V7.375C9 7.125 9.125 7 9.375 7H10.625C10.875 7 11 7.125 11 7.375V8.625ZM8 11.625C8 11.875 7.875 12 7.625 12H6.375C6.125 12 6 11.875 6 11.625V10.375C6 10.125 6.125 10 6.375 10H7.625C7.875 10 8 10.125 8 10.375V11.625ZM5 11.625C5 11.875 4.875 12 4.625 12H3.375C3.125 12 3 11.875 3 11.625V10.375C3 10.125 3.125 10 3.375 10H4.625C4.875 10 5 10.125 5 10.375V11.625ZM11 11.625C11 11.875 10.875 12 10.625 12H9.375C9.125 12 9 11.875 9 11.625V10.375C9 10.125 9.125 10 9.375 10H10.625C10.875 10 11 10.125 11 10.375V11.625ZM14 3.5V14.5C14 14.9167 13.8542 15.2708 13.5625 15.5625C13.2708 15.8542 12.9167 16 12.5 16H1.5C1.08333 16 0.729167 15.8542 0.4375 15.5625C0.145833 15.2708 0 14.9167 0 14.5V3.5C0 3.08333 0.145833 2.72917 0.4375 2.4375C0.729167 2.14583 1.08333 2 1.5 2H3V0.375C3 0.125 3.125 0 3.375 0H4.625C4.875 0 5 0.125 5 0.375V2H9V0.375C9 0.125 9.125 0 9.375 0H10.625C10.875 0 11 0.125 11 0.375V2H12.5C12.9167 2 13.2708 2.14583 13.5625 2.4375C13.8542 2.72917 14 3.08333 14 3.5ZM12.5 14.3125V5H1.5V14.3125C1.5 14.4375 1.5625 14.5 1.6875 14.5H12.3125C12.4375 14.5 12.5 14.4375 12.5 14.3125Z' fill='%23F15B43'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px;
}

.trf-translator select {
    cursor: pointer;
    font-size: clamp(14px, 1vw, 18px);
    font-size: clamp(12px, 3vw, 14px) !important;
    font-weight: bold;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px 20px;
    padding: 17px 40px 17px 10px !important;
}

@media (max-width: 1400px) {
    .trf-translator select {
        max-width: 100px;
    }
}


/* blog slider home page*/

.homepage-featured-products .dipi-bottom-content {
    display: none !important;
}

.homepage-featured-products.dipi_blog_slider .dipi-blog-post {
    border-radius: 12px 12px 12px 12px;
    overflow: hidden;
    border-style: none;
    padding: 0px !important;
    background-color: #ffffff !important;
}

.homepage-featured-products .dipi-post-content {
    background-color: #245685;
    position: relative;
    padding-right: 120px;
}

.homepage-featured-products .dipi-post-content::before {
    content: "";
    display: block;
    width: 27px;
    height: 26px;
    background: url("data:image/svg+xml,%3Csvg%20width%3D%2727%27%20height%3D%2726%27%20viewBox%3D%270%200%2027%2026%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M13.5234%200.226562C13.875%20-0.0859375%2014.207%20-0.0859375%2014.5195%200.226562L26.7656%2012.5312C27.1172%2012.8438%2027.1172%2013.1562%2026.7656%2013.4688L14.5195%2025.7734C14.207%2026.0859%2013.875%2026.0859%2013.5234%2025.7734L12.3516%2024.6016C12.2344%2024.4844%2012.1758%2024.3281%2012.1758%2024.1328C12.1758%2023.9375%2012.2344%2023.7617%2012.3516%2023.6055L21.4336%2014.5234H1.45312C0.984375%2014.5234%200.75%2014.2891%200.75%2013.8203V12.1797C0.75%2011.7109%200.984375%2011.4766%201.45312%2011.4766H21.4336L12.3516%202.39453C12.0391%202.04297%2012.0391%201.71094%2012.3516%201.39844L13.5234%200.226562Z%27%20fill%3D%27%23245685%27/%3E%3C/svg%3E") no-repeat center/contain;
    position: absolute;
    right: 40px;
    top: 60px;
    z-index: 9;
}

.homepage-featured-products .dipi-post-content::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    right: -20px;
    width: 120px;
    height: 100%;
    min-height: 120px;
    background-color: #fff;
    /* Background color of the surrounding page */
    transform: skewX(-8deg);
    z-index: 2;
}

.homepage-featured-products .dipi-post-content .dipi-entry-title {
    padding-bottom: 3px;
    text-align: left;
    margin: 0px 0px 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
}

.homepage-featured-products .dipi-post-content .dipi-post-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
}

/* circlular menu */
@media screen and (max-width: 1024px) {
    .the-goal-section.et_pb_with_background {
        background-size: cover;
        background-position: left;
    }
}

/* home top section*/
.hero-section.hero-section-v2 .et_pb_slide .et_pb_container .et_pb_slider_container_inner {
    height: calc(84vh) !important;
}

.hero-section.hero-section-v2 .et_pb_slide .et_pb_slide_content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    column-gap: 2vw;
    row-gap: 4vh;
}

.hero-section.hero-section-v2 .et_pb_slide_description .slide-content,
.hero-section.hero-section-v2 .et_pb_slide_description .slide-form {
    width: 100%;
    max-width: 100%;
}

.hero-section.hero-section-v2 .et_pb_module_heading {
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 20px;
}

.hero-section.hero-section-v2 #trf-resources-form select {
    cursor: pointer;
    font-size: clamp(14px, 1vw, 18px);
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px 20px;
    padding-right: 40px;
    border-radius: 30px !important;
}

.hero-section.hero-section-v2 #trf-resources-form select option {
    background-color: #245685;
    color: #ffffff;
}

.hero-section.hero-section-v2 #trf-resources-results h4 {
    text-shadow: none;
    font-weight: 700;
    color: #ffffff !important;
    font-size: 26px;
    line-height: 1.4em;
    border-bottom: none;
}

.hero-section.hero-section-v2 #trf-resources-form > p {
    max-width: 100%;
    padding: 1.5em 1em !important;
    background: #ffffff47;
}

.hero-section.hero-section-v2 #trf-resources-results ul li a {
    text-shadow: none;
    font-weight: 700;
}

.hero-section.hero-section-v2 #trf-resources-results:empty {
    display: none;
}


.hero-section.hero-section-v2:has(#trf-resources-results:not(:empty)) #trf-resources-form > p {
    border-radius: 12px 12px 0 0 !important;
}

.hero-section.hero-section-v2 #trf-resources-results:not(:empty) {
    border-radius: 0 0 12px 12px !important;
}

.hero-section.hero-section-v2 #trf-resources-form {
    flex-direction: column;
    height: auto !important;
    max-width: 502px;
}

.hero-section.hero-section-v2 #trf-resources-results {
    width: 100%;
    border-radius: 12px;
    background: #ffffff47 !important;
}

.hero-section.hero-section-v2 #trf-resources-results > P {
    color: #000000;
}

.hero-section.hero-section-v2 #trf-resources-results ul {
    max-height: 200px;
    overflow-y: auto;
    padding: 0.5em 1.3em 1.5em !important;
}

.hero-section.hero-section-v2 #trf-resources-results ul li {
    border: 1px solid #fff;
}

.hero-section.hero-section-v2 #trf-resources-results ul li a {
    color: #fff;
}

.hero-section.hero-section-v2 #trf-resources-form select {
    border: 1px solid #FFF;
}

.hero-section.hero-section-v3 > .et_pb_row {
    display: flex !important;
    align-items: center !important;
}

.hero-section.hero-section-v3 .et_pb_slide_description {
    padding: 5% 0 !important;
}

.hero-section.hero-section-v3 .slide-content .et_pb_slide_title {
    font-size: 46px !important;
    color: #FFFFFF !important;
    line-height: 60px !important;
    font-weight: 700;
}

.hero-section.hero-section-v3 .slide-content .et_pb_slide_content {
    font-family: 'Karla', Helvetica, Arial, Lucida, sans-serif !important;
    font-size: 18px !important;
    color: #FFFFFF !important;
    line-height: 35px !important;
    text-align: left !important;
}

@media screen and (max-width:767px) {
    .hero-section.hero-section-v2 .et_pb_module_heading {
        font-size: 35px;
        line-height: 35px;
        margin-bottom: 20px;
    }

    .hero-section.hero-section-v2 .et_pb_slide_description .slide-content,
    .hero-section.hero-section-v2 .et_pb_slide_description .slide-form {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }
}

@media screen and (min-width: 1200px) {
    .hero-section.hero-section-v2 .et_pb_slide_description .slide-content {
        max-width: 50%;
    }

    .hero-section.hero-section-v3 .et_pb_slide_description .slide-content {
        max-width: 100%;
    }

    .hero-section.hero-section-v2 .et_pb_slide_description .slide-form {
        max-width: 40%;
    }
}

@media screen and (min-width: 1024px) and (max-width:1199px) {

    .hero-section.hero-section-v2 .et_pb_slide_description .slide-content,
    .hero-section.hero-section-v2 .et_pb_slide_description .slide-form {
        max-width: 50%;
    }
}

@media screen and (max-width: 1400px) {
    .hero-section.hero-section-v3 .et_pb_column.et_pb_column_1_2:first-child {
        width: 70%;
    }
}


.floating-menu {
    z-index: 9999 !important;
}

/*
footer * {
    z-index: -1;
}*/

.page-id-22988790 .et_builder_inner_content:has(.dd-main.dd-divimenu-open)::before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    backdrop-filter: blur(10px);
    z-index: 3;
}

.page-id-22988790 .et_builder_inner_content:has(.dd-main.dd-divimenu-open) .bottom-menu {
    backdrop-filter: blur(10px);
}

.page-id-22988790 .et_builder_inner_content .dd-has-main-divimenu .et_pb_module.et_pb_divimenus {
    z-index: 9999;
}

.page-id-22988790 .et_builder_inner_content .dd-has-main-divimenu .et_pb_module {
    z-index: 0;
}

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

    .page-id-22988790 .et_pb_search_0_tb_body,
    .page-id-22989000 .et_pb_search_0_tb_body {
        max-width: 60px;
    }

    .page-id-22988790 .et_pb_search_0_tb_body .et_pb_searchform input::-webkit-input-placeholder,
    .page-id-22989000 .et_pb_search_0_tb_body .et_pb_searchform input::-webkit-input-placeholder {
        opacity: 0;
    }

    .page-id-22988790 .dd-menu-button .dd-circle,
    .page-id-22989000 .dd-menu-button .dd-circle {
        width: 60px !important;
        min-width: 60px !important;
        height: 60px !important;
        padding: 0 10px !important;
        text-align: center;
        font-family: 'Barlow Condensed', Helvetica, Arial, Lucida, sans-serif !important;
        font-size: 16px !important;
        line-height: 17px !important;
    }

    .page-id-22988790 .et_pb_divimenus_0_tb_body .dd-menu-button-content,
    .page-id-22989000 .et_pb_divimenus_0_tb_body .dd-menu-button-content {
        top: 12px;
    }
}

.top-header.v6 .et_pb_row {
    padding: 0 !important;
}

.top-header.v6 .et_pb_column {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2vw;
}

.top-header.v6 #menu-top-menu {
    column-gap: 20px;
    flex-flow: row nowrap;
}

.top-header.v6 #menu-top-menu > li {
    padding: 0 !important;
    margin: 0 !important;
}

.top-header.v6 #menu-top-menu > li a {
    border: 1px solid #fff !important;
    padding: 10px 12px !important;
    border-radius: 20px !important;
    white-space: nowrap;
    color: #fff !important;
}

/* v7 */
.top-header.v7 .et_pb_column {
    width: 85% !important;
    display: flex;
    flex-wrap: nowrap;
    gap: 2vw;
    align-items: center;
    margin: 0 auto;
}


@media screen and (max-width:1280px) {
    .top-header.v7 .et_pb_column {
        width: 95% !important;
    }
}

.top-header.v7 .et_pb_column .slick-track {
    width: auto !important;
}

.top-header.v7 .slick-initialized .slick-slide {
    display: block;
    width: auto !important;
}

.top-header.v7 .ba_logo_carousel_0_tb_body .dtq-logo-carousel-item img {
    min-height: 50px;
}

.top-header.v7 .ba_logo_carousel_child div img {
    min-width: 100%;
    height: 100%;
    max-height: 50px;
    object-fit: contain;
    padding: 5px;
    background-color: #fff;
    border-radius: 40px;
}

.top-header.v7 .ba_logo_carousel_child_0_tb_body .dtq-logo-carousel-item,
.top-header.v7 .ba_logo_carousel_child_1_tb_body .dtq-logo-carousel-item,
.top-header.v7 .ba_logo_carousel_child_2_tb_body .dtq-logo-carousel-item,
.top-header.v7 .ba_logo_carousel_child_3_tb_body .dtq-logo-carousel-item,
.top-header.v7 .ba_logo_carousel_child_4_tb_body .dtq-logo-carousel-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

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

    .et_mobile_device .et-pb-arrow-prev,
    .et_pb_slider:hover .et-pb-arrow-prev {
        left: 2px !important;
    }

    .et_mobile_device .et-pb-arrow-next,
    .et_pb_slider:hover .et-pb-arrow-next {
        right: 2px !important;
    }

    .hero-section.hero-section-v2 .et_pb_module_heading {
        text-align: center;
    }

    .hero-section.hero-section-v2 #trf-resources-form {
        margin: 0 auto;
    }

    .et_mobile_device .et-pb-controllers {
        display: none;
    }
}

@media screen and (max-width:1200px) {
    .top-header.v6 {
        z-index: 99;
    }

    .mega-menu-primary-menu-mobile-open .top-header.v6 {
        z-index: 9;

    }
}

@media screen and (max-width:991px) {
    .top-header.v6 .et_pb_column {
        justify-content: space-between;
    }

    .top-header .mobile_menu_bar:before {
        content: "\69" !important;
    }

    .top-header .et_pb_menu {
        min-width: 230px;
    }
}


.video-modal .dtq-video-popup-figure img {
    object-fit: cover !important;
    max-height: 400px !important;
}

.video-modal.single .dtq-video-popup-figure img {
    object-fit: contain !important;
    max-height: 800px !important;
}

/* 
.ba_video_popup .dtq-video-popup svg {
    fill: #fff!important;
} */

.rff-table thead .dt-orderable-asc,
.tablepress thead .dt-orderable-desc {
    background-color: #245685 !important;
    color: #fff !important;
}

.rff-table .dt-column-order {
    color: #fff !important;
}

.custom-register-btn {
    width: 100%;
}

.discount-btn {
    white-space: pre-wrap !important;
}

@media only screen and (max-width: 768px) {
    .grid-custom-class .ddb-grid {
        --ddb-grid-columns: 1 !important;
    }
}

@media (max-width: 980px) {
    .et_pb_section:where(.et_pb_section) {
        padding: 0;
    }
}

.et_pb_text ul:not(.mega-inner-menu-list) {
    padding-left: 23px !important;
    list-style-type: disc !important;
    list-style-position: inside !important;
}

.et_pb_text ol {
    padding-left: 23px !important;
    list-style-type: number !important;
}

.et_pb_text ol ul:not(.mega-inner-menu-list),
.et_pb_text ul ul:not(.mega-inner-menu-list) {
    list-style-type: circle !important;
    padding: 10px 0 10px 23px !important;
    list-style-position: outside !important;
}

.et_pb_text_inner ol,
.et_pb_text_inner ul {
    list-style-position: outside !important;
}

body .ba_video_popup .dtq-video-popup-figure:before {
    background-color: rgba(0, 0, 0, 0.4) !important;
}

:where(.heading-style) h1 {
    font-size: clamp(32px, 6vw, 85px) !important;
    line-height: clamp(36px, 6.3vw, 89px) !important;
}

:where(.heading-style) h2 {
    font-size: clamp(24px, 4vw, 32px) !important;
    line-height: clamp(28px, 4.5vw, 36px) !important;
}

:where(.heading-style) h3 {
    font-size: clamp(20px, 3.2vw, 26px) !important;
    line-height: clamp(24px, 3.6vw, 30px) !important;
}

:where(.heading-style) h4 {
    font-size: clamp(18px, 2.8vw, 22px) !important;
    line-height: clamp(22px, 3.2vw, 26px) !important;
}


.post-password-required .et_password_protected_form {
    width: 80%;
    margin: 0 auto;
}

.post-password-required h1 {
    color: #245685;
}

.post-password-required .et_pb_button {
    color: #FFFFFF !important;
    border-radius: 30px;
    letter-spacing: 0em;
    font-size: 16px;
    background-color: #245685;
}

.post-password-required .et_pb_button::hover {
    color: #FFFFFF !important;
    background-color: #245685 !important;
}

.trf-subcategories-col-4 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.et_pb_text ul.trf-subcategories-col-4 {
    padding-left: 0px !important;
}

sub,
sup {
    font-size: 10px;
}

.group-1 [data-row-checkbox]:not(:first-child) {
    margin-left: 20px
}

.group-2 [data-row-checkbox]:not(:first-child) {
    margin-left: 20px
}



/* diretory design */

.directorist-single-tag-list a .directorist-icon-mask {
    background-color: #245685;
    color: #fff;
}

.directorist-single-tag-list a .directorist-icon-mask::after {
    filter: invert(1);
}

.directorist-content-active .directorist-card {
    border-radius: 12px;
    border-color: #245685;
}

.directorist-content-active .directorist-card__header {
    border-color: #245685;
    border-radius: 10px 10px 0 0;
}

.directorist-content-active .directorist-card__header {
    background-color: #245685;
}

.directorist-content-active .directorist-card__header__title {
    color: #fff;
}

.listing-with-sidebar__sidebar .directorist-advanced-filter__top {
    background-color: #245685;
    border-radius: 10px 10px 0 0;
}

.listing-with-sidebar__sidebar .directorist-advanced-filter__title {
    color: #fff;
    padding-bottom: 5px;
}

section#directorist-single-listing-slider-wrap {
    background-color: #ededed;
    border-radius: 12px;
    padding: 20px 10px;
}

.directorist-search-form__box {
    border-color: #245685;
}

.directorist-single-contents-area .directorist-card .directorist-card__body {
    padding: 15px;
}

.listing-with-sidebar__sidebar .directorist-advanced-filter__top {
    background-color: #245685;
    color: #fff;
    border-radius: 10px 10px 0 0;
}

.listing-with-sidebar__sidebar h2.directorist-advanced-filter__title {
    color: #fff;
    padding-bottom: 5px;
}

.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced {
    padding: 15px 15px 0;
}

.directorist-content-active .entry-content ul {
    padding: 0 !important;
    list-style-type: none !important;
}

.directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper,
.directorist-advanced-filter__advanced__element .directorist-radio-wrapper,
.directorist-advanced-filter__advanced__element .directorist-search-tags {
    margin: 0;
    padding: 0;
}

footer.directorist-listing-single__meta:has(div:empty) {
    display: none !important;
}

.directorist-listing-details__listing-title {
    font-size: clamp(24px, 4vw, 32px) !important;
    line-height: clamp(28px, 4.5vw, 36px) !important;
    color: #245685;
    font-weight: 600;
}

.directorist-add-listing-form .directorist-content-module {
    border-color: #245685 !important;
}

.multistep-wizard__nav__btn.active,
.multistep-wizard__nav__btn:hover {
    border-color: #245685 !important;
    background: #245685 !important;
    color: #fff;
}

header.directorist-content-module__title.opened {
    padding: 15px;
}

header.directorist-content-module__title.opened h2 {
    font-size: clamp(24px, 4vw, 32px) !important;
    line-height: clamp(28px, 4.5vw, 36px) !important;
}

.multistep-wizard.default-add-listing .multistep-wizard__single {
    border-color: #245685 !important;
}

.directorist-content-module__contents {
    padding: 15px 20px;
}

.directorist-content-module__contents label.directorist-form-label {
    color: #245685;
    font-weight: 600;
}

.directorist-content-active .directorist-listing-single {
    transition: all 0.5s;
}

.directorist-content-active .directorist-listing-single:hover {
    border-color: #245685 !important;
}

.directorist-content-active .directorist-listing-single--bg {
    height: 100%;
}

.directorist-single-contents-area .directorist-single-info__label-icon .directorist-icon-mask:after {
    background-color: #fff !important;
}

.directorist-details-info-wrap .directorist-single-info__label-icon {
    background-color: #245685;
}

.directorist-details-info-wrap .directorist-single-info__label-icon .directorist-icon-mask:after {
    width: 19px;
    height: 19px;
}

.multistep-wizard__nav__btn.active .directorist-icon-mask:after,
.multistep-wizard__nav__btn:hover .directorist-icon-mask:after {
    background-color: #245685;
}

.multistep-wizard__nav__btn.active i,
.multistep-wizard__nav__btn:hover i {
    background-color: #fff;
}

.multistep-wizard__nav__btn .directorist-icon-mask:after {
    background-color: #fff;
}

.multistep-wizard__nav__btn i {
    background-color: #245685;
}

.multistep-wizard__nav__btn.active:before,
.multistep-wizard__nav__btn:hover:before {
    background-color: #fff;
}


.directorist-overlay-active footer.et-l.et-l--footer .et_builder_inner_content {
    z-index: auto;
}

.directorist-overlay-active footer.et-l.et-l--footer .et_builder_inner_content {
    position: relative;
    z-index: 0;
}

.tablepress thead .dt-orderable-asc .dt-column-order,
.tablepress thead .dt-orderable-desc .dt-column-order,
.tablepress thead .dt-ordering-asc .dt-column-order,
.tablepress thead .dt-ordering-desc .dt-column-order {
    color: #fff !important;
}

.topics-list {
    overflow-y: auto;
    max-height: calc(100vh - 100px);
}

ul.topics-list li {
    display: flex;
}

.topics-list a.et_pb_button {
    color: #245685 !important;
    border-radius: 30px;
    letter-spacing: 0.16em;
    font-size: 16px !important;
    background-color: #f7f7f7;
    width: 100%;
    margin-bottom: 10px;
    white-space: normal !important;
    cursor: pointer;
    padding: 1em 1em !important;
}

.topics-list a.et_pb_button:hover {
    background-color: #245685 !important;
    color: #fff !important;
}

@media screen and (min-width: 981px) {
    .sidebar-part {
        position: sticky;
        top: 20px;
    }
}

:has(.image-size-style-1) .ddb-custom-grid-item img {
    width: 250px !important;
    min-width: 250px !important;
    height: 300px !important;
    object-fit: cover;
    object-position: top center;
    border-radius: 8px;
    image-rendering: auto;
}

:has(.image-size-style-2) .ddb-custom-grid-item img {
    width: 150px !important;
    min-width: 150px !important;
    height: 200px !important;
    object-fit: cover;
    object-position: top center;
    border-radius: 5px;
    image-rendering: auto;
}

.single-staff .staff_category-board img {
    width: 250px !important;
    min-width: 250px !important;
    height: 300px !important;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid #e5e5e5;
}

.et_pb_toggle.et_pb_module.et_pb_accordion_item.et_pb_toggle_open{
     transition: background 0.5s !important;
}
.et_pb_toggle.et_pb_module.et_pb_accordion_item.et_pb_toggle_open *{
     transition: background 0.5s !important;
}

.et_pb_toggle.et_pb_module.et_pb_accordion_item .et_pb_toggle_content{
     color: #000!important;
     transition: color 0.5s !important;
}

.et_pb_toggle.et_pb_module.et_pb_accordion_item.et_pb_toggle_open .et_pb_toggle_content{
     color: #fff!important;
     transition: color 0.5s !important;
}