html {
    --pa-white: #ffffff;
    --pa-light: #f6f6f6;
    --pa-light-rgb: 246, 246, 246;
    --pa-orange: #ff7800;
    --pa-orange-rgb: 255, 120, 0;
    --pa-orange-active: #da6600;
    --pa-gray: #4e4e4e;
    --pa-gray-rgb: 78, 78, 78;
    --pa-dark: #303030;
    --pa-black: #000000;
    --pa-black-rgb: 0, 0, 0;
    --pa-primary: #0056a7;
    --pa-primary-rgb: 0, 76, 163;
    --pa-info: #0077ff;
    --pa-info-rgb: 0, 119, 255;

    --pa-container-xl: 1220px;
    --pa-navbar-height: 80px;
    --pa-navbar-mobile-height: 60px;
    --pa-control-size: 40px;
    --pa-navbar-expanded-services-height: auto;
    --pa-navbar-expanded-solutions-height: auto;
    --pa-navbar-expanded-industries-height: 400px;
    --pa-navbar-expanded-portfolio-height: 400px;
    --pa-navbar-expanded-company-height: 400px;
    --pa-navbar-expanded-insights-height: 500px;

    --pa-border-color: #E9E9E9;
    --pa-border-size: 1px;
    --pa-border-radius: 5px;

    --pa-animation-timing: 150ms;
    --pa-animation-function: ease-in-out;

    --icon-chevron-right: url("data:image/svg+xml,%3Csvg width='7' height='10' viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%234E4E4E' stroke-width='1.5'/%3E%3C/svg%3E%0A");
    --icon-chevron-right-hovered: url("data:image/svg+xml,%3Csvg width='7' height='10' viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%23FF7800' stroke-width='1.5'/%3E%3C/svg%3E%0A");

    --icon-chevron-right-max-hovered: url("data:image/svg+xml,%3Csvg width='10' height='17' viewBox='0 0 10 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L8 8.5L1 15.5' stroke='%23FF7800' stroke-width='2'/%3E%3C/svg%3E%0A");

    --icon-chevron-bottom: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1L5 5L1 1' stroke='%234E4E4E' stroke-width='1.5'/%3E%3C/svg%3E%0A");

    --icon-chevron-bottom-hovered: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1L5 5L1 1' stroke='%23FF7800' stroke-width='1.5'/%3E%3C/svg%3E%0A");
    --icon-chevron-bottom-mini: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 1.5L4 4.5L1 1.5' stroke='%234E4E4E' stroke-width='1.5'/%3E%3C/svg%3E%0A");

    --icon-chevron-bottom-mini-hovered: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 1.5L4 4.5L1 1.5' stroke='%23FF7800' stroke-width='1.5'/%3E%3C/svg%3E%0A");

    --icon-arrow-right: url("data:image/svg+xml,%3Csvg width='21' height='12' viewBox='0 0 21 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5303 6.53033C20.8232 6.23744 20.8232 5.76256 20.5303 5.46967L15.7574 0.696698C15.4645 0.403804 14.9896 0.403804 14.6967 0.696698C14.4038 0.989591 14.4038 1.46446 14.6967 1.75736L18.9393 6L14.6967 10.2426C14.4038 10.5355 14.4038 11.0104 14.6967 11.3033C14.9896 11.5962 15.4645 11.5962 15.7574 11.3033L20.5303 6.53033ZM6.55671e-08 6.75L20 6.75L20 5.25L-6.55671e-08 5.25L6.55671e-08 6.75Z' fill='white'/%3E%3C/svg%3E%0A");
    --icon-arrow-right-hovered: url("data:image/svg+xml,%3Csvg width='21' height='12' viewBox='0 0 21 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5303 6.53033C20.8232 6.23744 20.8232 5.76256 20.5303 5.46967L15.7574 0.696698C15.4645 0.403804 14.9896 0.403804 14.6967 0.696698C14.4038 0.989591 14.4038 1.46446 14.6967 1.75736L18.9393 6L14.6967 10.2426C14.4038 10.5355 14.4038 11.0104 14.6967 11.3033C14.9896 11.5962 15.4645 11.5962 15.7574 11.3033L20.5303 6.53033ZM6.55671e-08 6.75L20 6.75L20 5.25L-6.55671e-08 5.25L6.55671e-08 6.75Z' fill='%23FF7800'/%3E%3C/svg%3E%0A");

    --icon-search: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.7548 14.894L12.1277 11.2669C13.0009 10.1044 13.4723 8.68933 13.4707 7.23536C13.4707 3.52151 10.4492 0.5 6.73536 0.5C3.02151 0.5 0 3.52151 0 7.23536C0 10.9492 3.02151 13.9707 6.73536 13.9707C8.18933 13.9723 9.60436 13.5009 10.7669 12.6277L14.394 16.2548C14.5776 16.4189 14.8171 16.5065 15.0632 16.4996C15.3094 16.4927 15.5436 16.3919 15.7177 16.2177C15.8919 16.0436 15.9927 15.8094 15.9996 15.5632C16.0065 15.3171 15.9189 15.0776 15.7548 14.894ZM1.92439 7.23536C1.92439 6.28384 2.20655 5.35369 2.73518 4.56253C3.26382 3.77137 4.01519 3.15473 4.89428 2.7906C5.77337 2.42647 6.7407 2.3312 7.67393 2.51683C8.60717 2.70246 9.4644 3.16066 10.1372 3.83349C10.8101 4.50632 11.2683 5.36355 11.4539 6.29679C11.6395 7.23002 11.5442 8.19735 11.1801 9.07644C10.816 9.95553 10.1994 10.7069 9.40819 11.2355C8.61703 11.7642 7.68688 12.0463 6.73536 12.0463C5.45988 12.0448 4.23708 11.5374 3.33518 10.6355C2.43328 9.73364 1.92592 8.51084 1.92439 7.23536Z' fill='%234E4E4E'/%3E%3C/svg%3E%0A");
    --icon-search-white: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.7548 14.394L12.1277 10.7669C13.0009 9.60436 13.4723 8.18933 13.4707 6.73536C13.4707 3.02151 10.4492 0 6.73536 0C3.02151 0 0 3.02151 0 6.73536C0 10.4492 3.02151 13.4707 6.73536 13.4707C8.18933 13.4723 9.60436 13.0009 10.7669 12.1277L14.394 15.7548C14.5776 15.9189 14.8171 16.0065 15.0632 15.9996C15.3094 15.9927 15.5436 15.8919 15.7177 15.7177C15.8919 15.5436 15.9927 15.3094 15.9996 15.0632C16.0065 14.8171 15.9189 14.5776 15.7548 14.394ZM1.92439 6.73536C1.92439 5.78384 2.20655 4.85369 2.73518 4.06253C3.26382 3.27137 4.01519 2.65473 4.89428 2.2906C5.77337 1.92647 6.7407 1.8312 7.67393 2.01683C8.60717 2.20246 9.4644 2.66066 10.1372 3.33349C10.8101 4.00632 11.2683 4.86355 11.4539 5.79679C11.6395 6.73002 11.5442 7.69735 11.1801 8.57644C10.816 9.45553 10.1994 10.2069 9.40819 10.7355C8.61703 11.2642 7.68688 11.5463 6.73536 11.5463C5.45988 11.5448 4.23708 11.0374 3.33518 10.1355C2.43328 9.23364 1.92592 8.01084 1.92439 6.73536Z' fill='white'/%3E%3C/svg%3E%0A");
    --icon-search-orange: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.7548 14.894L12.1277 11.2669C13.0009 10.1044 13.4723 8.68933 13.4707 7.23536C13.4707 3.52151 10.4492 0.5 6.73536 0.5C3.02151 0.5 0 3.52151 0 7.23536C0 10.9492 3.02151 13.9707 6.73536 13.9707C8.18933 13.9723 9.60436 13.5009 10.7669 12.6277L14.394 16.2548C14.5776 16.4189 14.8171 16.5065 15.0632 16.4996C15.3094 16.4927 15.5436 16.3919 15.7177 16.2177C15.8919 16.0436 15.9927 15.8094 15.9996 15.5632C16.0065 15.3171 15.9189 15.0776 15.7548 14.894ZM1.92439 7.23536C1.92439 6.28384 2.20655 5.35369 2.73518 4.56253C3.26382 3.77137 4.01519 3.15473 4.89428 2.7906C5.77337 2.42647 6.7407 2.3312 7.67393 2.51683C8.60717 2.70246 9.4644 3.16066 10.1372 3.83349C10.8101 4.50632 11.2683 5.36355 11.4539 6.29679C11.6395 7.23002 11.5442 8.19735 11.1801 9.07644C10.816 9.95553 10.1994 10.7069 9.40819 11.2355C8.61703 11.7642 7.68688 12.0463 6.73536 12.0463C5.45988 12.0448 4.23708 11.5374 3.33518 10.6355C2.43328 9.73364 1.92592 8.51084 1.92439 7.23536Z' fill='%23FF7800'/%3E%3C/svg%3E%0A");
    --icon-search-clear: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L1 11M1 1L11 11' stroke='%238B8B8B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");

    --bs-light-rgb: var(--pa-light-rgb);
    --bs-backdrop-opacity: 0.25;

    margin-top: 0 !important;
}

body {
    /* legacy bootstrap force fix */
    font-family: Lato, sans-serif;
    margin-top: var(--pa-navbar-height);

    @media (max-width: 991.98px) {
        margin-top: var(--pa-navbar-mobile-height);
    }

    a {
        color: var(--pa-primary);
        text-decoration: none;
    }

    .btn {
        padding: 0 16px;
        height: 40px;
        line-height: 40px;
        font-size: 0.875rem;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 0;

        &.btn-lg {
            padding-left: 36px;
            padding-right: 36px;
            height: 58px;
            line-height: 58px;
        }

        &.btn-warning {
            min-width: 150px;
            color: var(--pa-white);
            background-color: var(--pa-orange);

            &.active,
            &:active {
                color: var(--pa-white);
                background-color: var(--pa-orange-active);
            }
        }
    }

    .container-xl {
        max-width: var(--pa-container-xl) !important;
    }
}

.pa-image-covered {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pa-image-contain {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
}

.pa-icon {
    display: inline-block;

    &:before {
        line-height: 0;
    }

    &.icon-chevron-right {
        &:before {
            content: var(--icon-chevron-right-hovered);
        }
    }

    &.icon-chevron-right-max {
        &:before {
            content: var(--icon-chevron-right-max-hovered);
        }
    }

    &.icon-arrow-right {
        &:before {
            content: var(--icon-arrow-right);
        }
    }

    &.icon-search {
        position: relative;
        top: 2px;

        &:before {
            content: var(--icon-search);
        }
    }
}

.bg-light {
    background-color: var(--pa-light);
}

.text-info {
    color: rgba(var(--pa-info-rgb), 1) !important;
}

.text-warning {
    color: rgba(var(--pa-orange-rgb), 1) !important;
}

/* TOP NAVIGATION */
.navbar {
    position: fixed;
    top: 0;
    padding: 0;
    width: 100%;
    background-color: var(--pa-white);
    box-shadow: 0 4px 15px 0 rgba(var(--pa-black-rgb), 0.14);
    transition: height 200ms ease-in-out;

    z-index: 99999;
    font-family: Lato, sans-serif;
    color: var(--pa-gray);

    .icon-search {
        &:before {
            content: var(--icon-search-orange);
        }
    }

    &:before {
        display: none;
        position: fixed;
        top: var(--pa-navbar-height);
        left: 0;
        width: 100vw;
        height: 100vh;
        background-color: rgba(var(--pa-black-rgb), 0.2);
        content: '';
        z-index: -1;
    }

    &:has(.nav-item .nav-link.top-link:hover),
    &:has(.nav-item .nav-link.top-link + .navbar-expanded:hover) {
        &:before {
            display: block;
        }
    }
}

.navbar .navbar-nav .nav-item .nav-link {
    &.top-link {
        position: relative;
        display: block;
        padding: 0 32px 0 10px;
        height: var(--pa-navbar-height);
        line-height: var(--pa-navbar-height);
        font-size: 0.875rem;
        font-weight: 700;
        background-color: var(--pa-white);
        color: var(--pa-gray); /* rewrite legacy */
        cursor: pointer;
        text-transform: uppercase;
        white-space: nowrap;
        z-index: 1;

        &:before {
            position: absolute;
            left: 0;
            bottom: 0;
            display: block;
            height: 0;
            background: var(--pa-orange);
            transition: height var(--pa-animation-timing) var(--pa-animation-function);
            content: '';
        }

        &:has(+ .navbar-expanded) {
            &:after {
                position: absolute;
                right: 15px;
                bottom: calc(50% - 2px);
                display: inline-block;
                line-height: 0;
                content: var(--icon-chevron-bottom-mini);
                transform: rotate(0deg);
            }
        }

        &:hover,
        &.active,
        &:has(+ .navbar-expanded:hover) {
            color: var(--pa-orange);

            &:before {
                width: 100%;
                height: 4px;
                transition: height var(--pa-animation-timing) var(--pa-animation-function);
            }

            &:has(+ .navbar-expanded) {
                &:after {
                    content: var(--icon-chevron-bottom-mini-hovered);
                    transform: rotate(180deg);
                }
            }
        }

        &:hover,
        &.active {
            + .navbar-expanded {
                display: block;
            }
        }
    }
}

.navbar .navbar-nav .nav-item .navbar-expanded {
    display: none;
    position: fixed;
    top: var(--pa-navbar-height);
    left: 0;
    width: 100%;
    background-color: var(--pa-light);
    z-index: 9998;

    &:hover {
        display: block;
    }

    &:after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 30px;
        background-image: url(../../img/navigation/navbar-shadow.png);
        background-position: top left;
        background-repeat: repeat-x;
        content: '';
    }

    a[href] {
        color: var(--pa-gray-rgb);

        &:not(:has(strong)) {
            &:hover {
                color: var(--pa-orange) !important;
            }
        }

        &:has(strong) {
            &:hover {
                strong {
                    color: var(--pa-orange) !important;
                }
            }
        }
    }

    strong,
    .headline {
        display: inline-block;
        margin-left: 60px;
        padding: 0 10px;
        font-size: 1.25rem;
        font-weight: 900;
        line-height: 45px;
    }

    .headline {
        &:hover {
            color: var(--pa-orange);
        }
    }

    ul {
        list-style: none;
        padding-left: 0;
    }

    &.navbar-expanded-bg {
        &:before {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: url(../../img/navigation/cube.png);
            background-position: -90px 260px;
            background-repeat: no-repeat;
            content: '';
        }

        &.bg-flip {
            &:before {
                background-position: 0 165px;
                transform: scaleX(-1);
            }
        }
    }
}

.navbar .navbar-nav .nav-item .navbar-expanded {
    .navbar-expanded-left,
    .navbar-expanded-right {
        position: relative;
        padding: 3.75rem 0 1.875rem;
        max-width: calc(var(--pa-container-xl) / 2 + 10px);

        &.navbar-expanded-mini {
            margin-right: 0;
            padding-top: 100px;
            max-width: calc(var(--pa-container-xl) / 12 * 4);
        }

        &.navbar-expanded-max {
            padding-top: 0;
            padding-left: 50px;
            padding-right: 30px;
            max-width: calc(var(--pa-container-xl) / 12 * 8 + 120px);

            .nav-link,
            .nav-mini-link {
                color: var(--pa-gray);
            }

            .nav-mini-link {
                display: inline-block;
                width: 100%;
                height: 100px;
                line-height: 100px;
                font-size: 1.5rem;
                font-weight: 900;

                .pa-icon {
                    margin-left: 10px;
                }
            }

            strong {
                display: inline-block;
                width: 100%;
                padding: 10px 0 20px;
                font-size: 0.875rem;
                font-weight: 700;
                line-height: 1.25rem;
            }

            p {
                font-size: 0.875rem;
                font-weight: 400;
                line-height: 1.25rem;
            }
        }

        > .row {
            --bs-gutter-x: 20px;
        }

        .navbar-items {
            margin-left: 50px;

            .nav-link {
                position: relative;
                padding: 0 10px;
                font-size: 0.875rem;
                line-height: 40px;
                color: var(--pa-gray);

                &:hover,
                &.active {
                    color: var(--pa-orange);
                    background-color: var(--pa-white);
                }
            }

            > ul > li > .nav-link {
                &:not([data-bs-toggle]) {
                    &:after {
                        position: absolute;
                        right: 10px;
                        bottom: calc(50% - 5px);
                        line-height: 0;
                        opacity: 0;
                        content: var(--icon-chevron-right-hovered);
                        transition: opacity var(--pa-animation-timing) var(--pa-animation-function);
                    }

                    &:hover,
                    &.active {
                        &:after {
                            opacity: 1;
                            content: var(--icon-chevron-right-hovered);
                            transition: opacity var(--pa-animation-timing) var(--pa-animation-function);
                        }
                    }
                }

                &[data-bs-toggle] {
                    &:after {
                        position: absolute;
                        right: 15px;
                        bottom: calc(50% - 4px);
                        display: inline-block;
                        line-height: 0;
                        content: var(--icon-chevron-bottom-hovered);
                        transform: rotate(180deg);
                        transition: transform var(--pa-animation-timing) var(--pa-animation-function);
                    }

                    &.collapsed {
                        &:after {
                            transform: rotate(0deg);
                            transition: transform var(--pa-animation-timing) var(--pa-animation-function);
                        }
                    }
                }
            }
        }

        .link-warning,
        .link-dark {
            display: inline-block;
            margin: 25px 10px;
            font-size: 0.875rem;
            font-weight: 700;

            .pa-icon {
                margin-left: 5px;
            }
        }

        .link-warning {
            color: var(--pa-orange) !important;
        }

        .link-dark {
            margin: 24px 15px 0;
            color: var(--pa-gray) !important;

            .pa-icon {
                &.icon-arrow-right {
                    &:before {
                        content: var(--icon-arrow-right-hovered);
                    }
                }
            }
        }

        .solutions-data li:not(.showed),
        .solutions-link a:not(.showed),
        .portfolio-data li:not(.showed),
        .company-data li:not(.showed),
        .insights-data li:not(.showed) {
            display: none;
        }
    }

    .navbar-expanded-right {
        margin-right: auto;

        .navbar-items {
            .nav-link {
                &:hover,
                &.active {
                    background-color: var(--pa-light);
                }
            }
        }
    }

    &.navbar-services {
        .navbar-expanded-left,
        .navbar-expanded-right {
            min-height: var(--pa-navbar-expanded-services-height);
        }

        &.navbar-expanded-bg {
            &:before {
                background-position: 0 280px;
            }
        }
    }

    &.navbar-solutions {
        .navbar-expanded-left,
        .navbar-expanded-right {
            min-height: var(--pa-navbar-expanded-solutions-height);

            &.navbar-expanded-max {
                .row {
                    --bs-gutter-x: 80px;
                }
            }
        }

        .navbar-expanded-right {
            &:before {
                position: absolute;
                left: 0;
                top: 0;
                display: block;
                width: 100vw;
                height: 100%;
                background: var(--pa-white);
                content: '';
                z-index: -1;
            }
        }

        .solutions {
            margin-bottom: 60px;
        }
    }

    &.navbar-industries {
        .navbar-expanded-left,
        .navbar-expanded-right {
            min-height: var(--pa-navbar-expanded-industries-height);
        }

        .navbar-expanded-right {
            strong,
            p {
                font-size: 0.875rem;
            }

            strong {
                margin-bottom: 20px;
                font-weight: 700;
                line-height: 1.25rem;
            }
        }
    }

    &.navbar-portfolio {
        .navbar-expanded-left,
        .navbar-expanded-right {
            min-height: var(--pa-navbar-expanded-portfolio-height);

            &.navbar-expanded-max {
                max-width: calc(var(--pa-container-xl) / 12 * 8 + 150px);
            }
        }

        .navbar-expanded-right {
            &:before {
                position: absolute;
                left: 0;
                top: 0;
                display: block;
                width: 100vw;
                height: 100%;
                background: var(--pa-white);
                content: '';
                z-index: -1;
            }
        }
    }

    &.navbar-company {
        .navbar-expanded-left,
        .navbar-expanded-right {
            min-height: var(--pa-navbar-expanded-company-height);

            &.navbar-expanded-max {
                max-width: calc(var(--pa-container-xl) / 12 * 8 + 150px);
            }
        }

        .navbar-expanded-right {
            &:before {
                position: absolute;
                left: 0;
                top: 0;
                display: block;
                width: 100vw;
                height: 100%;
                background: var(--pa-white);
                content: '';
                z-index: -1;
            }
        }
    }

    &.navbar-portfolio,
    &.navbar-company {
        .link-warning {
            margin-top: 50px;
            margin-bottom: 50px;
        }
    }

    &.navbar-insights {
        .navbar-expanded-left,
        .navbar-expanded-right {
            min-height: var(--pa-navbar-expanded-insights-height);

            .row {
                --bs-gutter-x: 50px;
            }
        }

        .navbar-expanded-right {
            &.navbar-expanded-max {
                max-width: calc(var(--pa-container-xl) / 12 * 8 + 150px);
            }

            &:before {
                position: absolute;
                left: 0;
                top: 0;
                display: block;
                width: 100vw;
                height: 100%;
                background: var(--pa-white);
                content: '';
                z-index: -1;
            }

            strong {
                display: inline-block;
                padding: 30px 0 0;
                min-height: 70px;
            }

            .link-warning {
                margin-top: 30px;
                margin-bottom: 32px;
            }
        }
    }

    .navbar-expanded-left,
    .navbar-expanded-left-mini {
        margin-left: auto;
    }
}

.navbar {
    .divider {
        margin: 1rem 0;
        height: 1px;
        background-color: #d9d9d9;
    }

    .search-panel {
        padding: 30px 185px;

        input {
            padding: 0 20px;
            height: var(--pa-control-size);
            line-height: var(--pa-control-size);
            background-color: var(--pa-light);
            border-radius: 0;
            border: none;
            box-shadow: none;

            &::placeholder {
                color: #8b8b8b;
                opacity: 1;
            }
        }

        button {
            width: var(--pa-control-size);
            height: var(--pa-control-size);
            min-width: auto;
            margin-left: 10px;

            .icon-search {
                &:before {
                    content: var(--icon-search-white);
                }
            }
        }

        .clear {
            position: absolute;
            display: block;
            right: 67px;
            width: 12px;
            height: 12px;
            background: var(--icon-search-clear);
            background-repeat: no-repeat;
            cursor: pointer;
        }
    }

    .awards {
        --bs-gutter-x: 3.125rem;
    }

    .platforms {
        --bs-gutter-x: 2.188rem;

        img {
            max-height: 30px;
        }
    }

    .clutch-widget {
        margin-top: 100px;
        margin-left: 30px;
        width: 500px !important;
    }

    .navbar-toggler {
        width: var(--pa-navbar-mobile-height);
        height: var(--pa-navbar-mobile-height);
        background-color: #ebedf1;
        border-radius: 0;
        border: none;
        z-index: 1;

        &:focus {
            box-shadow: none;
        }
    }
}

@media (max-width: 991.98px) {
    .navbar {
        .navbar-nav {
            .nav-item {
                position: relative;

                .nav-link {
                    &.top-link {
                        padding-left: 32px;
                        height: var(--pa-navbar-mobile-height);
                        line-height: var(--pa-navbar-mobile-height);
                        font-size: 1rem;

                        &:hover,
                        &.active {
                            & + .navbar-expanded {
                                border-bottom: 1px solid var(--pa-orange);
                            }
                        }
                    }
                }

                .navbar-expanded {
                    position: static;
                    background-color: var(--pa-white);
                    padding-left: 32px;

                    &:after {
                        top: var(--pa-navbar-mobile-height);
                    }

                    &.navbar-services,
                    &.navbar-solutions,
                    &.navbar-industries,
                    &.navbar-portfolio,
                    &.navbar-company,
                    &.navbar-insights {
                        .navbar-expanded-left,
                        .navbar-expanded-right {
                            margin: 0;
                            padding: 15px 0;
                            max-width: none;
                            min-height: auto;

                            strong,
                            .navbar-items {
                                margin-left: 0;
                            }
                        }
                    }

                    &.navbar-services {
                        strong {
                            padding-right: 20px;
                            font-size: 1rem;
                            position: relative;
                            z-index: 1;

                            &:after {
                                position: absolute;
                                right: 0;
                                bottom: calc(50% - 4px);
                                display: inline-block;
                                line-height: 0;
                                content: var(--icon-chevron-bottom-hovered);
                                transform: rotate(0deg);
                            }

                            &.expanded {
                                &:after {
                                    transform: rotate(180deg);
                                }
                            }
                        }

                        .navbar-expanded-right {
                            padding-top: 0;
                        }
                    }

                    &.navbar-solutions {
                        .solutions {
                            margin-bottom: 0;
                        }
                    }

                    &.navbar-expanded-bg {
                        &:before {
                            display: none;
                        }
                    }

                    .navbar-items {
                        .nav-link {
                            color: var(--pa-gray) !important;

                            &:after {
                                display: none;
                            }
                        }
                    }
                }
            }
        }

        .navbar-collapse {
            height: calc(100vh - var(--pa-navbar-mobile-height));
            overflow: scroll;
            border-top: 1px solid #ddd;
        }
    }
}

/*legacy hard fixes*/
.service-landscape-container {
    .service-landscape-container-boxes-content-box-item {
        font-size: 1rem !important;
    }

    .service-landscape-container-boxes {
        .sc-box {
            font-size: 1rem !important;
        }
    }
}

/* fancybox */
.fancybox-container {
    z-index: 99999;

    .fancybox-content {
        background-color: transparent;

        .fancybox {
            float: none !important;
            margin: 0 auto !important;
            width: 75% !important;
        }

        .fancybox-button {
            color: #fff;
            background-color: rgba(0, 0, 0, 0.5);
        }
    }
}