@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

:root {
    --pdc-orange: #FF6600;
    --pdc-blue: #2E3192;
    --pdc-slate: #64748B;
    --pdc-white: #ffffff;
    --pdc-black: #111111;
    --pdc-border: #e7e7e7;
}

*,
::before,
::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0px;
    padding: 0px;
    font-family: "Roboto", sans-serif;
    color: var(--pdc-slate);
    background: rgb(255, 255, 255);
    font-size: 14px;
    line-height: 1.5;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

a {
    text-decoration: none;
    color: inherit;
}

button,
a {
    -webkit-tap-highlight-color: transparent;
}

ul,
ol {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin-top: 0px;
}

.container {
    width: 100%;
}

.pdc-page {
    overflow-x: hidden;
}









.pdc-section-spacing {
    padding: 55px 0 25px;
}


.pdc-all-heading-parent {
    max-width: 750px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.pdc-all-heading {
    margin: 0 0 5px;
    color: #595959;
    font-size: 32px;
    line-height: 1.2;
    font-weight: 700;
}

.pdc-all-sub-heading {
    max-width: 690px;
    margin: 0 auto;
    color: var(--pdc-slate);
    font-size: 16px;
    line-height: 1.35;
}


@media (max-width: 991.98px) {
    .pdc-section-spacing {
        padding: 40px 0 20px;
    }

    .pdc-all-heading {
        font-size: 28px;
        line-height: 1.2rem;
    }

    .pdc-all-sub-heading {
        font-size: 15px;
        line-height: 1.2rem;
    }

}

@media (max-width: 767.98px) {
    .pdc-section-spacing {
        padding: 30px 0 20px;
    }

    .pdc-all-heading {
        font-size: 24px;
        line-height: 1.2rem;
    }

    .pdc-all-sub-heading {
        font-size: 14px;
        line-height: 1.2rem;
    }
}


@media (max-width: 575.98px) {
    .pdc-section-spacing {
        padding: 30px 0 15px;
    }

    .pdc-all-heading {
        font-size: 22px;
        line-height: 1.2rem;
    }

    .pdc-all-sub-heading {
        font-size: 12px;
        line-height: 1.2rem;
    }
}

.pdc-header {
    position: relative;
    z-index: 100;
    background: var(--pdc-white);
}

.pdc-navbar {
    min-height: 64px;
    padding: 0px;
}

.pdc-logo img {
    max-width: 180px;
    object-fit: contain;
}

.pdc-nav-list {
    gap: 4px;
}

.pdc-nav-link {
    color: rgb(79, 89, 104);
    font-size: 16px;
    font-weight: 500;
    white-space: nowrap;
    padding: 20px 9px !important;
    display: inline-flex;
    align-items: center;
}

@media (max-width: 1199px) {
    .pdc-nav-link {
        font-size: 14px;
    }
}

/* p {
    font-size: 16px !important;
} */

/* =========================================
   MAIN DROPDOWN
========================================= */

.pdc-dropdown-mega {
    position: relative;
}

.pdc-dropdown-mega .pdc-main-menu {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;

    min-width: 230px;
    margin: 0;
    padding: 8px 0;

    border: 0;
    border-radius: 5px;

    background-color: #fff;
    background-image: url("./images/bg_img.png");
    background-size: cover;
    background-position: center;

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);

    /* Animation */
    display: block;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;

    transform: translateY(10px) !important;

    transition:
        opacity 0.3s ease,
        transform 0.3s ease,
        visibility 0s linear 0.3s;

    z-index: 1000;
}


/* =========================================
   MAIN MENU OPEN
========================================= */

@media (min-width: 992px) {

    .pdc-dropdown-mega:hover>.pdc-main-menu,
    .pdc-dropdown-mega.show>.pdc-main-menu {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;

        transform: translateY(0) !important;

        transition:
            opacity 0.3s ease,
            transform 0.3s ease,
            visibility 0s linear 0s;
    }


    /* Invisible bridge between nav and dropdown */
    .pdc-dropdown-mega>.pdc-main-menu::before {
        content: "";
        position: absolute;

        top: -12px;
        left: 0;

        width: 100%;
        height: 12px;

        background: transparent;
    }


    /* =====================================
       FIRST LEVEL ITEMS
    ===================================== */

    .pdc-submenu-item {
        position: relative;
        list-style: none;
    }


    .pdc-submenu-link {
        position: relative;

        display: flex;
        align-items: center;
        justify-content: space-between;

        padding: 11px 16px;

        color: #fff;
        text-decoration: none;
        white-space: nowrap;

        transition:
            background-color 0.25s ease,
            color 0.25s ease;
    }


    .pdc-submenu-link:hover {
        background: #f5f5f5;
        color: var(--pdc-orange);
    }


    .pdc-submenu-arrow {
        margin-left: 25px;
        font-size: 11px;

        transition: transform 0.25s ease;
    }


    .pdc-submenu-item:hover>.pdc-submenu-link .pdc-submenu-arrow {
        transform: translateX(3px);
    }


    /* =====================================
       NESTED MENU
    ===================================== */

    .pdc-nested-menu {
        position: absolute;

        top: 0;
        left: calc(100% + 8px);

        min-width: 220px;
        margin: 0;
        padding: 8px 0;

        list-style: none;

        background-color: #fff;
        background-image: url("./images/bg_img.png");
        background-size: cover;
        background-position: center;

        border-radius: 5px;

        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);

        /* Animation */
        display: block;
        visibility: hidden;
        opacity: 0;
        pointer-events: none;

        transform: translateX(-10px);

        transition:
            opacity 0.3s ease,
            transform 0.3s ease,
            visibility 0s linear 0.3s;

        z-index: 1001;
    }


    /* Invisible bridge between menus */
    .pdc-nested-menu::before {
        content: "";

        position: absolute;

        top: 0;
        left: -10px;

        width: 10px;
        height: 100%;

        background: transparent;
    }


    /* =====================================
       NESTED MENU OPEN
    ===================================== */

    .pdc-submenu-item:hover>.pdc-nested-menu {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;

        transform: translateX(0);

        transition:
            opacity 0.3s ease,
            transform 0.3s ease,
            visibility 0s linear 0s;
    }


    /* =====================================
       NESTED LINKS
    ===================================== */

    .pdc-nested-menu li {
        list-style: none;
    }


    .pdc-nested-menu a {
        display: block;

        padding: 10px 16px;

        color: #fff;
        text-decoration: none;
        white-space: nowrap;

        transition:
            background-color 0.25s ease,
            color 0.25s ease,
            padding-left 0.25s ease;
    }


    .pdc-nested-menu a:hover {
        background: #f5f5f5;
        color: var(--pdc-orange);

        padding-left: 20px;
    }
}


/* =========================================
   NAV ARROW
========================================= */

.pdc-dropdown-arrow {
    font-size: 11px;

    transition: transform 0.3s ease;
}

.nav-item.dropdown:hover .pdc-dropdown-arrow,
.nav-item.dropdown.show .pdc-dropdown-arrow {
    transform: rotate(180deg);
}

.dropdown-toggle::after {
    display: none !important;
}

.pdc-dropdown-mega>.pdc-nav-link {
    transition: color 0.25s ease;
}

/* Parent menu active/open */
.pdc-dropdown-mega:hover>.pdc-nav-link,
.pdc-dropdown-mega.show>.pdc-nav-link {
    color: var(--pdc-orange);
}

/* Submenu hover / active while nested menu is open */
.pdc-submenu-item:hover>.pdc-submenu-link {
    background: #f5f5f5;
    color: var(--pdc-orange);
}

/* Keep parent submenu orange while nested menu is open */
.pdc-submenu-item:hover>.pdc-submenu-link .pdc-submenu-arrow {
    color: var(--pdc-orange);
    transform: translateX(3px);
}

/* =========================================
   MOBILE OFFCANVAS
========================================= */

.pdc-offcanvas {
    width: 360px;
    max-width: 90%;
    background: #fff;
}

.pdc-offcanvas-header {
    padding: 20px 20px 15px;
    border-bottom: 1px solid #eee;
}

.pdc-offcanvas-logo img {
    max-width: 145px;
    height: auto;
}

.pdc-close {
    opacity: 1;
    box-shadow: none !important;
}


/* =========================================
   MOBILE NAV
========================================= */

.pdc-mobile-nav {
    margin: 0;
    padding: 5px 0 0;
    list-style: none;
}

.pdc-mobile-nav>li {
    border-bottom: 1px solid #eeeeee;
}

.pdc-mobile-link {
    display: flex;
    align-items: center;
    justify-content: space-between;

    width: 100%;
    padding: 15px 5px;

    color: #222;
    font-size: 16px;
    font-weight: 500;

    text-decoration: none;

    transition: all 0.25s ease;
}

.pdc-mobile-link:hover,
.pdc-mobile-link:focus,
.pdc-mobile-active {
    color: #FF6600;
}


/* =========================================
   MAIN DROPDOWN ARROW
========================================= */

.pdc-mobile-arrow {
    font-size: 12px;

    transition: transform 0.3s ease;
}

.pdc-mobile-dropdown[aria-expanded="true"] {
    color: #FF6600;
}

.pdc-mobile-dropdown[aria-expanded="true"] .pdc-mobile-arrow {
    transform: rotate(180deg);
}


/* =========================================
   FIRST LEVEL SUBMENU
========================================= */

.pdc-mobile-submenu {
    padding: 0 0 8px 15px;
}

.pdc-mobile-submenu-link {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 11px 8px;

    color: #444;
    font-size: 15px;
    font-weight: 500;

    text-decoration: none;

    transition: all 0.25s ease;
}

.pdc-mobile-submenu-link:hover,
.pdc-mobile-submenu-link:focus {
    color: #FF6600;
}


/* =========================================
   NESTED ARROW
========================================= */

.pdc-mobile-nested-dropdown>i {
    font-size: 10px;

    transition: transform 0.3s ease;
}

.pdc-mobile-nested-dropdown[aria-expanded="true"] {
    color: #FF6600;
}

.pdc-mobile-nested-dropdown[aria-expanded="true"]>i {
    transform: rotate(180deg);
}


/* =========================================
   NESTED SUBMENU
========================================= */

.pdc-mobile-nested-menu {
    padding: 3px 0 8px 15px;
}

.pdc-mobile-nested-menu a {
    display: block;

    padding: 9px 8px;

    color: #666;
    font-size: 14px;

    text-decoration: none;

    transition: all 0.25s ease;
}

.pdc-mobile-nested-menu a:hover,
.pdc-mobile-nested-menu a:focus {
    color: #FF6600;
}


/* =========================================
   CONTACT
========================================= */

.pdc-mobile-contact {
    display: flex;
    flex-direction: column;
    gap: 15px;

    margin-top: 30px;
    padding: 20px 5px 0;

    border-top: 1px solid #eee;
}

.pdc-phone-link {
    /* display: flex;
    flex-direction: row; */
    align-items: center;
    gap: 10px;

    color: var(--pdc-blue);
    font-size: 16px;
    font-weight: 600;

    text-decoration: none;
}

@media (max-width: 1199px) {
    .pdc-phone-link {
        font-size: 14px;
    }

}

.pdc-phone-link i {
    color: #FF6600;
}

.pdc-primary-btn {
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 48px;
    padding: 10px 20px;

    background: #FF6600;
    color: #fff;

    font-size: 15px;
    font-weight: 600;

    text-decoration: none;

    transition: all 0.25s ease;
}

.pdc-primary-btn:hover {
    background: #2E3192;
    color: #fff;
}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 575.98px) {

    .pdc-offcanvas {
        width: 100%;
        max-width: 100%;
    }

    .pdc-offcanvas-header {
        padding: 18px 16px 14px;
    }

    .pdc-offcanvas-body {
        padding-left: 16px;
        padding-right: 16px;
    }

    .pdc-mobile-link {
        padding: 14px 3px;
    }

}


.pdc-header-actions {
    display: flex;
    gap: 14px;
    align-items: center;
}

.navbar-nav.pdc-nav-list {
    padding-right: 14px;
}