/* Minification failed. Returning unminified contents.
(21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(54,38): run-time error CSS1039: Token not allowed after unary operator: '-swiper-wrapper-transition-timing-function'
(156,31): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-before'
(162,17): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-after'
(166,30): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-before'
(172,18): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-after'
(216,28): run-time error CSS1039: Token not allowed after unary operator: '-swiper-preloader-color'
(216,57): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(226,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(230,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(258,17): run-time error CSS1039: Token not allowed after unary operator: '-swiper-virtual-size'
(263,18): run-time error CSS1039: Token not allowed after unary operator: '-swiper-virtual-size'
(267,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(272,15): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-top-offset'
(273,22): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(274,18): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(275,34): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(281,17): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-color'
(281,47): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(312,16): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-sides-offset'
(317,17): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-sides-offset'
(364,18): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bottom'
(365,15): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-top'
(405,17): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-width'
(405,54): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-size'
(406,18): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-height'
(406,56): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-size'
(408,25): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-border-radius'
(409,22): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-inactive-color'
(410,19): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-inactive-opacity'
(431,19): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-opacity'
(436,17): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-right'
(437,16): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-left'
(443,22): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-vertical-gap'
(459,20): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-horizontal-gap'
(477,17): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-fraction-color'
(481,22): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-progressbar-bg-color'
(486,26): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color'
(486,56): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(502,18): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-progressbar-size'
(508,21): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-progressbar-size'
(519,25): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-border-radius'
(522,22): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-bg-color'
(531,20): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-sides-offset'
(532,22): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-bottom'
(533,19): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-top'
(535,22): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-size'
(536,37): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-sides-offset'
(541,20): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-left'
(542,21): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-right'
(543,19): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-sides-offset'
(545,21): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-size'
(546,38): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-sides-offset'
(553,22): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-drag-bg-color'
(554,25): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-border-radius'
(887,1): run-time error CSS1019: Unexpected token, found '@import'
(887,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Raleway:wght@100..900&family=Ramaraja&display=swap')'
(888,1): run-time error CSS1019: Unexpected token, found '@import'
(888,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Poltawski+Nowy:ital,wght@0,400..700;1,400..700&display=swap')'
(1080,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1081,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1084,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(1085,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(1090,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1093,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(1094,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(1095,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-y'
(1100,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-y'
(1102,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(1103,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(1382,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1383,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1434,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1435,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2150,27): run-time error CSS1039: Token not allowed after unary operator: '-delay'
(2154,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2155,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2201,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2202,10): run-time error CSS1035: Expected colon, found '{'
 */
/**
 * Swiper 11.1.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 13, 2024
 */

@font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
    transform: translate3d(0px,0,0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto
}

    .swiper-autoheight .swiper-wrapper {
        align-items: flex-start;
        transition-property: transform,height
    }

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

    .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
        transform-style: preserve-3d
    }

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

    .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
        display: none
    }

    .swiper-css-mode > .swiper-wrapper > .swiper-slide {
        scroll-snap-align: start start
    }

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    scroll-snap-type: none
}

    .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
        scroll-snap-align: none
    }

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset,50%);
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color))
}

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none
    }

    .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
        opacity: 0;
        cursor: auto;
        pointer-events: none
    }

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next svg, .swiper-button-prev svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset,10px);
    right: auto
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset,10px);
    left: auto
}

.swiper-button-lock {
    display: none
}

/*.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset,10px);
    left: auto
}

    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
        content: 'next'
    }*/

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0
    }

    .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
        display: none !important
    }

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom,8px);
    top: var(--swiper-pagination-top,auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transform: scale(.33);
        position: relative
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
        transform: scale(1)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
        transform: scale(1)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
        transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
        transform: scale(.33)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
        transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
        transform: scale(.33)
    }

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius,50%);
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: #0A1A52;
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
    right: var(--swiper-pagination-right,8px);
    left: var(--swiper-pagination-left,auto);
    top: 50%;
    transform: translate3d(0px,-50%,0)
}

    .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
        display: block
    }

    .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        top: 50%;
        transform: translateY(-50%);
        width: 8px
    }

        .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            display: inline-block;
            transition: .2s transform,.2s top
        }

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

    .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transition: .2s transform,.2s left
    }

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color,inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));
    position: absolute
}

    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: var(--swiper-pagination-color,var(--swiper-theme-color));
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transform: scale(0);
        transform-origin: left top
    }

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size,4px);
    left: 0;
    top: 0
}

    .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
        width: var(--swiper-pagination-progressbar-size,4px);
        height: 100%;
        left: 0;
        top: 0
    }

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius,10px);
    position: relative;
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))
}

    .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
        display: none !important
    }

    .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
        position: absolute;
        left: var(--swiper-scrollbar-sides-offset,1%);
        bottom: var(--swiper-scrollbar-bottom,4px);
        top: var(--swiper-scrollbar-top,auto);
        z-index: 50;
        height: var(--swiper-scrollbar-size,4px);
        width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))
    }

    .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
        position: absolute;
        left: var(--swiper-scrollbar-left,auto);
        right: var(--swiper-scrollbar-right,4px);
        top: var(--swiper-scrollbar-sides-offset,1%);
        z-index: 50;
        width: var(--swiper-scrollbar-size,4px);
        height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))
    }

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));
    border-radius: var(--swiper-scrollbar-border-radius,10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

    .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain
    }

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid > .swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

    .swiper-fade .swiper-slide .swiper-slide {
        pointer-events: none
    }

.swiper-fade .swiper-slide-active {
    pointer-events: auto
}

    .swiper-fade .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

.swiper-cube {
    overflow: visible
}

    .swiper-cube .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
        visibility: hidden;
        transform-origin: 0 0;
        width: 100%;
        height: 100%
    }

        .swiper-cube .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-cube.swiper-rtl .swiper-slide {
        transform-origin: 100% 0
    }

    .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev {
        pointer-events: auto;
        visibility: visible
    }

    .swiper-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0px;
        width: 100%;
        height: 100%;
        opacity: .6;
        z-index: 0
    }

        .swiper-cube .swiper-cube-shadow:before {
            content: '';
            background: #000;
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            filter: blur(50px)
        }

    .swiper-cube .swiper-slide-next + .swiper-slide {
        pointer-events: auto;
        visibility: visible
    }

    .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

.swiper-flip {
    overflow: visible
}

    .swiper-flip .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1
    }

        .swiper-flip .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform,opacity,height
}

.swiper-cards {
    overflow: visible
}

    .swiper-cards .swiper-slide {
        transform-origin: center bottom;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        overflow: hidden
    }

@font-face {
    font-family: 'mv';
    src: url('fonts/mv.eot?8676i5');
    src: url('fonts/mv.eot?8676i5#iefix') format('embedded-opentype'), url('fonts/mv.ttf?8676i5') format('truetype'), url('fonts/mv.woff?8676i5') format('woff'), url('fonts/mv.svg?8676i5#lg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'mv' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-menu:before {
    content: "\e917";
}

.icon-x:before {
    content: "\e918";
}

.icon-down-arrow:before {
    content: "\e900";
}

.icon-career-timeline:before {
    content: "\e901";
}

.icon-core-competencies:before {
    content: "\e902";
}

.icon-industry-involvement:before {
    content: "\e903";
}

.icon-roles-resposibility-icon:before {
    content: "\e904";
}

.icon-turn-key-projects:before {
    content: "\e905";
}

.icon-angel-investor:before {
    content: "\e906";
}

.icon-call:before {
    content: "\e907";
}

.icon-consumer-mobile:before {
    content: "\e908";
}

.icon-ecommerce-payment:before {
    content: "\e909";
}

.icon-emerging-payment:before {
    content: "\e90a";
}

.icon-fintech:before {
    content: "\e90b";
}

.icon-internet:before {
    content: "\e90c";
}

.icon-facebook:before {
    content: "\e90d";
}

.icon-pos:before {
    content: "\e90e";
}

.icon-product-solution:before {
    content: "\e90f";
}

.icon-startup-advisor:before {
    content: "\e910";
}

.icon-strong-professional-network:before {
    content: "\e911";
}

.icon-switch-solution:before {
    content: "\e912";
}

.icon-left-arrow:before {
    content: "\e913";
}

.icon-linkedin:before {
    content: "\e914";
}

.icon-mail:before {
    content: "\e915";
}

.icon-twitter:before {
    content: "\e916";
}

.icon-core-competencies1:before {
    content: "\e9ea";
}

.icon-industry-involvement1:before {
    content: "\e9eb";
}

.icon-turn-key-projects1:before {
    content: "\e9ed";
}
.icon-connectivity:before {
    content: "\e919";
}

.icon-merchant:before {
    content: "\e91a";
}

.icon-wallet:before {
    content: "\e91b";
}
.icon-bag:before {
    content: "\e91c";
}
@font-face{font-family:lg;src:url(../fonts/lg.ttf?io9a6k) format("truetype"),url(../fonts/lg.woff?io9a6k) format("woff"),url(../fonts/lg.svg?io9a6k#lg) format("svg");font-weight:400;font-style:normal;font-display:block}.lg-icon{font-family:lg!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lg-container{font-family:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans','Liberation Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'}.lg-next,.lg-prev{background-color:rgba(0,0,0,.45);border-radius:2px;color:#999;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%;z-index:1080;outline:0;border:none}.lg-next.disabled,.lg-prev.disabled{opacity:0!important;cursor:default}.lg-next:hover:not(.disabled),.lg-prev:hover:not(.disabled){color:#fff}.lg-single-item .lg-next,.lg-single-item .lg-prev{display:none}.lg-next{right:20px}.lg-next:before{content:'\e095'}.lg-prev{left:20px}.lg-prev:after{content:'\e094'}@-webkit-keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@-moz-keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@-ms-keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@-webkit-keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}@-moz-keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}@-ms-keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}@keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}.lg-outer.lg-right-end .lg-object{-webkit-animation:lg-right-end .3s;-o-animation:lg-right-end .3s;animation:lg-right-end .3s;position:relative}.lg-outer.lg-left-end .lg-object{-webkit-animation:lg-left-end .3s;-o-animation:lg-left-end .3s;animation:lg-left-end .3s;position:relative}.lg-toolbar{z-index:1082;left:0;position:absolute;top:0;width:100%}.lg-media-overlap .lg-toolbar{background-image:linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,.4))}.lg-toolbar .lg-icon{color:#999;cursor:pointer;float:right;font-size:24px;height:47px;line-height:27px;padding:10px 0;text-align:center;width:50px;text-decoration:none!important;outline:medium none;will-change:color;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear;background:0 0;border:none;box-shadow:none}.lg-toolbar .lg-icon.lg-icon-18{font-size:18px}.lg-toolbar .lg-icon:hover{color:#fff}.lg-toolbar .lg-close:after{content:'\e070'}.lg-toolbar .lg-maximize{font-size:22px}.lg-toolbar .lg-maximize:after{content:'\e90a'}.lg-toolbar .lg-download:after{content:'\e0f2'}.lg-sub-html{color:#eee;font-size:16px;padding:10px 40px;text-align:center;z-index:1080;opacity:0;-webkit-transition:opacity .2s ease-out 0s;-o-transition:opacity .2s ease-out 0s;transition:opacity .2s ease-out 0s}.lg-sub-html h4{margin:0;font-size:13px;font-weight:700}.lg-sub-html p{font-size:12px;margin:5px 0 0}.lg-sub-html a{color:inherit}.lg-sub-html a:hover{text-decoration:underline}.lg-media-overlap .lg-sub-html{background-image:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.6))}.lg-item .lg-sub-html{position:absolute;bottom:0;right:0;left:0}.lg-error-msg{font-size:14px;color:#999}.lg-counter{color:#999;display:inline-block;font-size:16px;padding-left:20px;padding-top:12px;height:47px;vertical-align:middle}.lg-closing .lg-next,.lg-closing .lg-prev,.lg-closing .lg-sub-html,.lg-closing .lg-toolbar{opacity:0;-webkit-transition:-webkit-transform .08 cubic-bezier(0,0,.25,1) 0s,opacity .08 cubic-bezier(0,0,.25,1) 0s,color .08 linear;-moz-transition:-moz-transform .08 cubic-bezier(0,0,.25,1) 0s,opacity .08 cubic-bezier(0,0,.25,1) 0s,color .08 linear;-o-transition:-o-transform .08 cubic-bezier(0,0,.25,1) 0s,opacity .08 cubic-bezier(0,0,.25,1) 0s,color .08 linear;transition:transform .08 cubic-bezier(0,0,.25,1) 0s,opacity .08 cubic-bezier(0,0,.25,1) 0s,color .08 linear}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-img-wrap,body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-video-cont{opacity:0;-moz-transform:scale3d(.5,.5,.5);-o-transform:scale3d(.5,.5,.5);-ms-transform:scale3d(.5,.5,.5);-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);will-change:transform,opacity;-webkit-transition:-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-moz-transition:-moz-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-o-transition:-o-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;transition:transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap,body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont{opacity:1;-moz-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}.lg-icon:focus-visible{color:#fff;border-radius:3px;outline:1px dashed rgba(255,255,255,.6)}.lg-toolbar .lg-icon:focus-visible{border-radius:8px;outline-offset:-5px}.lg-group:after{content:'';display:table;clear:both}.lg-container{display:none;outline:0}.lg-container.lg-show{display:block}.lg-on{scroll-behavior:unset}.lg-overlay-open{overflow:hidden}.lg-hide-sub-html .lg-sub-html,.lg-next,.lg-pager-outer,.lg-prev,.lg-toolbar{opacity:0;will-change:transform,opacity;-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1) 0s;transition:transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1) 0s}.lg-show-in .lg-next,.lg-show-in .lg-pager-outer,.lg-show-in .lg-prev,.lg-show-in .lg-toolbar{opacity:1}.lg-show-in.lg-hide-sub-html .lg-sub-html{opacity:1}.lg-show-in .lg-hide-items .lg-prev{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}.lg-show-in .lg-hide-items .lg-next{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}.lg-show-in .lg-hide-items .lg-toolbar{opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}.lg-outer{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1050;text-align:left;opacity:.001;outline:0;will-change:auto;overflow:hidden;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lg-outer.lg-zoom-from-image{opacity:1}.lg-outer.lg-visible{opacity:1}.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current,.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide,.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide{-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-outer.lg-grab img.lg-object{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer.lg-grabbing img.lg-object{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-content{position:absolute;top:0;left:0;right:0;bottom:0}.lg-outer .lg-inner{width:100%;position:absolute;left:0;top:0;bottom:0;-webkit-transition:opacity 0s;-o-transition:opacity 0s;transition:opacity 0s;white-space:nowrap}.lg-outer .lg-item{display:none!important}.lg-outer .lg-item:not(.lg-start-end-progress){background:url(../images/loading.gif) no-repeat scroll center center transparent}.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide{display:inline-block!important}.lg-outer.lg-css .lg-current{display:inline-block!important}.lg-outer .lg-img-wrap,.lg-outer .lg-item{display:inline-block;text-align:center;position:absolute;width:100%;height:100%}.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before{content:'';display:inline-block;height:100%;vertical-align:middle}.lg-outer .lg-img-wrap{position:absolute;left:0;right:0;top:0;bottom:0;white-space:nowrap;font-size:0}.lg-outer .lg-item.lg-complete{background-image:none}.lg-outer .lg-item.lg-current{z-index:1060}.lg-outer .lg-object{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;width:auto;height:auto;position:relative}.lg-outer .lg-empty-html .lg-sub-html,.lg-outer .lg-empty-html.lg-sub-html{display:none}.lg-outer.lg-hide-download .lg-download{opacity:.75;pointer-events:none}.lg-outer .lg-first-slide .lg-dummy-img{position:absolute;top:50%;left:50%}.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html{opacity:1;transition:opacity .2s ease-out .15s}.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1040;background-color:#000;opacity:0;will-change:auto;-webkit-transition:opacity 333ms ease-in 0s;-o-transition:opacity 333ms ease-in 0s;transition:opacity 333ms ease-in 0s}.lg-backdrop.in{opacity:1}.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide{-webkit-transition:none 0s ease 0s!important;-moz-transition:none 0s ease 0s!important;-o-transition:none 0s ease 0s!important;transition:none 0s ease 0s!important}.lg-css3.lg-use-css3 .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-css3.lg-fade .lg-item{opacity:0}.lg-css3.lg-fade .lg-item.lg-current{opacity:1}.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide{-webkit-transition:opacity .1s ease 0s;-moz-transition:opacity .1s ease 0s;-o-transition:opacity .1s ease 0s;transition:opacity .1s ease 0s}.lg-css3.lg-use-css3 .lg-item.lg-start-progress{-webkit-transition:-webkit-transform 1s cubic-bezier(.175,.885,.32,1.275) 0s;-moz-transition:-moz-transform 1s cubic-bezier(.175,.885,.32,1.275) 0s;-o-transition:-o-transform 1s cubic-bezier(.175,.885,.32,1.275) 0s;transition:transform 1s cubic-bezier(.175,.885,.32,1.275) 0s}.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s}.lg-css3.lg-slide.lg-use-css3 .lg-item{opacity:0}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-container{display:none}.lg-container.lg-show{display:block}.lg-container.lg-dragging-vertical .lg-backdrop{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-inline .lg-backdrop,.lg-inline .lg-outer{position:absolute}.lg-inline .lg-backdrop{z-index:1}.lg-inline .lg-outer{z-index:2}.lg-inline .lg-maximize:after{content:'\e909'}.lg-components{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);will-change:transform;-webkit-transition:-webkit-transform .35s ease-out 0s;-moz-transition:-moz-transform .35s ease-out 0s;-o-transition:-o-transform .35s ease-out 0s;transition:transform .35s ease-out 0s;z-index:1080;position:absolute;bottom:0;right:0;left:0}
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100..900&family=Ramaraja&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poltawski+Nowy:ital,wght@0,400..700;1,400..700&display=swap');
/*common css*/
html {
    scroll-behavior: smooth;
}

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

html {
    font-size: 10px;
}
.banner-inner h1 {
    font-family: "Poltawski Nowy", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 7.6rem;
    position: relative;
    padding-left: 3rem;
    transition: font-size 0.3s ease;
}
body {
    font-family: "Raleway", sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.35
}

.font-ramaraja {
    font-family: "Ramaraja", serif;
}

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

p + p {
    margin-top: 2rem;
}

a, span, label, button {
    display: inline-block;
}

    a, a:hover, a:focus {
        text-decoration: none;
        transition: all ease .5s;
    }

        a:hover, a:focus, .top-navbar a:hover, .top-navbar a:focus {
            color: #496FF5;
        }
/* Toggle with JavaScript: Add 'open' class */
.main-list.open .dropdown-menu {
    display: block;
}

.dropdown {
    position: relative;
}

    .dropdown:after {
        content: '';
        position: absolute;
        width: 1rem;
        height: 1rem;
        border-bottom: 2px solid #0A1A52;
        border-right: 2px solid #0A1A52;
        transform: rotate(45deg);
        top: -4px;
        right: -1.6rem;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

.dropdown-menu {
    display: block; /* Keep block display for transition */
    opacity: 0; /* Start invisible */
    visibility: hidden; /* Hide when not in use */
    transform: translateY(-10px); /* Slightly move up */
    transition: all 0.3s ease; /* Smooth transition for all properties */
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff; /* Background color */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    padding: 10px 0 0;
    width: 200px;
    border-radius:0.5rem;
    overflow:hidden;
}

.dropdown:hover .dropdown-menu {
    opacity: 1; /* Fully visible */
    visibility: visible; /* Show the menu */
    transform: translateY(0); /* Move to its original position */
}

.dropdown-menu li {
    margin-left: unset !important;
    margin-right: unset !important;
    transition: 0.2s;
    background: #f6f2f2;
}
    .dropdown-menu li + li {
        margin-top:2px;
    }
    .dropdown-menu li:hover, .dropdown-menu li:hover a {
        background: #0b2687;
        color: #fff;
    }

    .dropdown-menu li a {
        padding: 5px 20px;
        white-space: nowrap;
        width: 100%;
    }



/*bg color*/
.bg-primary {
    background-color: #0A1A52;
}

.bg-secondary {
    background-color: #496FF5;
}

.bg-gradient {
    background: rgb(11,38,135);
    background: linear-gradient(100deg, rgba(11,38,135,1) 0%, rgba(9,32,112,1) 50%, rgba(0,15,74,1) 100%);
}

.bg-gradient2 {
    background: rgb(1,26,112);
    background: linear-gradient(100deg, rgba(1,26,112,1) 0%, rgba(8,25,86,1) 23%, rgba(4,21,89,1) 100%);
}

.d-flex {
    display: flex !important;
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.align-items-center {
    align-items: center !important;
}
/*text color*/
.text-primary, .top-navbar a:hover, .top-navbar a.active {
    color: #0A1A52;
}

.text-secondary, .top-navbar a:hover, .top-navbar a.active {
    color: #496FF5;
}

.text-white {
    color: #ffffff;
}

.text-blue {
    color: #0A1A52;
}

.text-center {
    text-align: center;
}

.text-uppercase {
    text-transform: uppercase;
}

.fw-700 {
    font-weight: 700
}

/*basic grid*/
.container {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(var(--bs-gutter-x) * .5);
    padding-right: calc(var(--bs-gutter-x) * .5);
    width: 100%;
}

.row {
    --bs-gutter-x: 1.5rem;
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(-.5 * var(--bs-gutter-x));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-top: calc(-1 * var(--bs-gutter-y));
}

    .row > * {
        flex-shrink: 0;
        margin-top: var(--bs-gutter-y);
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        width: 100%;
    }
.mr-1 {
    margin-right:0.5rem;
}
.mb-20 {
    margin-bottom: 2rem;
}

.mb-30 {
    margin-bottom: 3rem;
}

.pt-30 {
    padding-top: 3rem;
}

.mt-50 {
    margin-top: 5rem;
}

.mt-100 {
    margin-top: 10rem;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-5 {
    margin-bottom: 5rem !important
}

.mt-5 {
    margin-top: 5rem !important
}

.ps-25 {
    padding-left: 2.5rem;
}

.ps-50 {
    padding-left: 5rem;
}

.pb-0 {
    padding-bottom: 0 !important;
}
.btn-15:after {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    background-color: #663dff;
    border-radius: 5px;
    box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5), 7px 7px 20px 0px rgba(0, 0, 0, .1), 4px 4px 5px 0px rgba(0, 0, 0, .1);
    transition: all 0.3s ease;
}
.btn-15:hover:after {
    left: 0;
    width: 100%;
}
button, .btn {
    background-color: #0B2687;
    border: .1rem solid #0B2687;
    border-radius: .5rem;
    color: #ffffff;
    padding: 1rem 2.375rem;
}

    button:hover, .btn:hover, .top-navbar .btn:hover, .process .btn-icon:hover {
        background-color: #496FF5;
        border-color: #496FF5;
        color: #ffffff;
    }

.btn-white, .process .btn-icon {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #0B2687;
}

.btn-outline-white {
    background-color: transparent;
    border-color: #ffffff;
    color: #ffffff;
}

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

.position-relative {
    position: relative;
}

.d-block {
    display: block !important
}

.border-heading {
    position: relative;
}

.order-2 {
    order: 2 !important
}

.border-heading {
    display: flex;
    align-items: center;
}

    .border-heading:after {
        content: '';
        flex: 1;
        border-bottom: 0.1rem solid #0A1A52;
    }

    .border-heading span {
        padding-right: 2rem;
    }
/* width */
::-webkit-scrollbar {
    width: 1rem;
}

/* Track */
::-webkit-scrollbar-track {
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #496FF5;
    border-radius: 1rem;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: rgb(11,38,135);
    }

/*nav*/
nav {
    background-color: #ffffff;
    position: absolute;
    top: 0;
    transition: all ease .5s;
    width: 100%;
    z-index: 11;
}

    nav.fixed-top {
        box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.5);
        padding: 1rem 0;
        position: fixed;
    }

        nav.fixed-top.sticked {
            top: -7.3rem;
        }

.top-navbar-wrapper .logo {
    position: relative;
    top: .8rem;
}

.top-navbar a {
    color: #0A1A52;
    font-weight: 600;
}
.top-navbar .main-list {
    border-bottom: 2px solid transparent;
    position: relative;
}
.top-navbar .main-list:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: transparent;
    bottom: 0;
    left: -20%;
    transition: 0.3s;
}
.top-navbar .main-list:last-child {
    line-height: normal;
}
    .top-navbar .main-list:last-child:before {
        display: none;
    }
    .top-navbar .main-list:hover > a {
        color: #0A1A52;
    }
    .top-navbar .main-list:hover:last-child > a {
        color:#fff;
    }
    .top-navbar .main-list:hover:before {
        left: 0;
        background: #496FF5;
    }

        .top-navbar a.btn {
            color: #ffffff;
        }

/*homepage section*/
.banner-homepage {
    /*align-items: center;
    background-image: url('../images/homepage/banner/banner-image.webp');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    height: 95rem;*/
    margin-top: 11.7rem;
}

    .banner-homepage .card-media,
    .banner-homepage img {
        width: 100%;
    }

    .banner-homepage .swiper-pagination {
        bottom: 5%;
    }

.dec-right {
    position: relative;
}

    .dec-right:before, .dec-right:after {
        background-repeat: no-repeat;
        content: '';
        position: absolute;
    }

    .dec-right:before, .dec-right.left:before {
        background-image: url('../images/homepage/about/element-right.webp');
        background-repeat: no-repeat;
        height: 43.9rem;
        opacity: .5;
        right: 0;
        width: 28rem;
    }

    .dec-right.left:before {
        left: 0;
        right: unset;
        transform: rotate(180deg);
        top: -20%;
    }

    .dec-right:after, .dec-right.left:after {
        background-color: rgba(73, 111, 245, .4); /* Semi-transparent overlay */
        bottom: -20%;
        filter: blur(20rem);
        height: calc(100% - 53%);
        right: 0;
        width: calc(100% - 85%);
        z-index: 1;
    }

    .dec-right.left:after {
        left: 0;
        right: unset;
    }

    .dec-right.active:before {
        animation: linear infinite;
        animation-name: run;
        animation-duration: 8s;
    }

@keyframes run {
    0% {
        width: 28rem;
    }

    50% {
        width: 30rem;
    }

    100% {
        width: 28rem;
    }
}

.circle-shape {
    padding-bottom: 4.5rem;
    position: relative;
}

    .circle-shape.active .donut-segment-2 {
        animation: donut1 5s;
        stroke: #f0f1f4;
        stroke-width: .6rem;
    }

    .circle-shape .bg-primary {
        border-radius: .5rem;
        filter: drop-shadow(.7rem .5rem 4.3rem rgba(0,0,0,0.5));
        font-weight: 700;
        min-width: 26.1rem;
        padding: 2rem;
        position: absolute;
        right: 2rem;
        top: 36%;
        z-index: 1;
    }

    .circle-shape .text-count {
        align-items: center;
        display: inline-flex;
    }

.svg-item {
    max-width: 30rem;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1;
}

@keyframes donut1 {
    0% {
        stroke-dasharray: 0, 100;
    }

    100% {
        stroke-dasharray: 100, 0;
    }
}

.card-media, .card-media-thumb {
    display: inline-flex;
}

.card-media-main {
    max-width: calc(100% - 27.25%);
    width: 100%;
}

    .card-media-main img {
        border-radius: .5rem;
        width: 100%;
        transition: all ease .5s;
    }

.circle-shape.active .card-media-main img {
    margin: -1.5rem 0 1.5rem 1.5rem;
}

.card-media-thumb {
    bottom: 0;
    filter: drop-shadow(0 .4rem 3.3rem rgba(0,0,0,0.25));
    max-width: calc(100% - 64%);
    position: absolute;
    right: 3rem;
    width: 100%;
}

    .card-media-thumb img {
        width: 100%;
    }

.mw-605 {
    max-width: calc(100% - 10%);
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.section-title {
    padding-left: 4rem;
    padding-right: 4rem;
    position: relative;
}

    .section-title:after, .section-title:before {
        content: "\e913";
        font-family: 'mv';
        font-size: 2.4rem;
        position: absolute;
    }

    .section-title:before {
        left: 0;
    }

    .section-title:after {
        right: 0;
        transform: rotate(180deg);
    }

.section-content p {
    font-weight: 500;
}

strong {
    font-weight: 700;
}

.bg-grey {
    background-color: #f2f2f2;
}

.key-expertise {
    position: relative;
    margin-top: 8rem;
}

    .key-expertise .swiper-slide {
        height: unset;
        padding: 1.5rem;
    }

    .key-expertise .card {
        background-color: #ffffff;
        border-radius: .5rem;
        filter: drop-shadow(.1rem .2rem .7rem rgba(0,0,0,0.25));
        height: 100%;
        padding: 1.8rem 1.8rem 4rem;
        text-align: center;
        position: relative;
        overflow: hidden;
        transition: 0.3s all ease-in-out;
    }

        .key-expertise .card:hover {
            filter: drop-shadow(.1rem .2rem .7rem rgba(112,17,224,.3));
            border-radius: 0;
        }

        .key-expertise .card:before, .key-expertise .card:after {
            content: '';
            width: 100%;
            height: 2px;
            background: #496ff5;
            position: absolute;
            transition: 0.3s all ease-in-out;
        }

        .key-expertise .card:before {
            top: 0;
            left: -100%;
        }

        .key-expertise .card:after {
            bottom: 0;
            right: -100%;
        }

        .key-expertise .card .border:before, .key-expertise .card .border:after {
            content: '';
            width: 2px;
            height: 100%;
            background: #496ff5;
            position: absolute;
            transition: 0.3s all ease-in-out;
        }

        .key-expertise .card .border:before {
            top: -100%;
            left: 0;
        }

        .key-expertise .card .border:after {
            bottom: -100%;
            right: 0;
        }

        .key-expertise .card:hover:before {
            left: 0;
        }

        .key-expertise .card:hover:after {
            right: 0;
        }

        .key-expertise .card:hover .border:before {
            top: 0;
        }

        .key-expertise .card:hover .border:after {
            bottom: 0;
        }


    .key-expertise .card-media, .key-expertise .card-media img {
        position: relative;
        width: 100%;
    }

    .key-expertise .card-media {
        margin-bottom: 3rem;
    }

        .key-expertise .card-media span {
            align-items: center;
            background-color: #496FF5;
            border-radius: .5rem;
            bottom: -1.8rem;
            color: #ffffff;
            display: flex;
            font-size: 2.8rem;
            height: 5rem;
            justify-content: center;
            position: absolute;
            left: 1.5rem;
            width: 5rem;
        }

    .key-expertise .col-bottom {
        position: absolute;
        top: 10%;
        width: calc(100% - 1rem);
    }

    .key-expertise .swiper-button-prev {
        left: 3rem;
    }

    .key-expertise .swiper-button-next {
        right: 3rem;
    }

        .key-expertise .swiper-button-next:before, .process .btn-icon:before, .swiper-button-next:before {
            transform: rotate(180deg);
        }

.btn-icon {
    align-items: center;
    border-radius: 10rem;
    display: flex;
    justify-content: center;
    padding: 0;
}

.process-wrapper {
    display: flex;
    gap: .5rem;
    height: 52rem;
    position: relative;
    z-index: 2;
}

    .process-wrapper .process {
        background: rgb(11,38,135);
        background: linear-gradient(-180deg, rgba(11,38,135,1) 0%, rgba(9,32,112,1) 50%, rgba(0,15,74,1) 100%);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        flex-basis: calc(100% / 5);
        overflow: hidden;
        padding: 2rem;
        position: relative;
        transition: all ease .5s;
    }

        .process-wrapper .process:hover {
            flex-basis: 50%;
        }

    .process-wrapper .bg-industry:hover {
        background-image: url('../images/homepage/key-role/industry-involvement.webp');
    }

    .process-wrapper .bg-responsibility:hover {
        background-image: url('../images/homepage/key-role/roles-resposibility.webp');
    }

    .process-wrapper .bg-projects:hover {
        background-image: url('../images/homepage/key-role/turn-key-projects.webp');
    }

    .process-wrapper .bg-competencies:hover {
        background-image: url('../images/homepage/key-role/core-competencies.webp');
    }

    .process-wrapper .bg-career:hover {
        background-image: url('../images/homepage/key-role/career-timeline.webp');
    }

    .process-wrapper .process a {
        color: #ffffff;
        height: 100%;
        display: flex;
    }

        .process-wrapper .process a > h3 {
            transform: rotate(180deg) translate3d(0,0,0);
            writing-mode: vertical-lr;
            height: fit-content;
            margin: auto;
        }

    .process-wrapper .process:hover a > h3 {
        display: none;
    }

    .process-wrapper .process-content {
        min-width: 46.5rem;
        opacity: 0;
        transition: all ease .5s;
        width: 100%;
    }

        .process-wrapper .process-content span {
            font-size: 5rem;
        }

        .process-wrapper .process-content p {
            padding-left: 2rem;
            position: relative;
        }

            .process-wrapper .process-content p:before {
                content: '>';
                left: 0;
                line-height: 1;
                position: absolute;
                top: 0;
            }

        .process-wrapper .process-content .btn {
            margin-left: auto;
            margin-top: auto;
            position: absolute;
            right: 2rem;
            bottom: 2rem;
        }

    .process-wrapper .process:hover .process-content {
        opacity: 1;
    }

    .process-wrapper [class^="icon-"] {
        font-size: 2.4rem;
    }

.font-medium {
    font-weight: 500;
}

.bg-grey-before:before {
    background-color: #f2f2f2;
    content: '';
    height: 100%;
    right: 0;
    position: absolute;
    top: 0;
    width: 65%;
}

.pt-0 {
    padding-top: 0 !important;
}

.w-100 {
    width: 100%;
}

.gallery-top {
    margin-top: 5rem;
}

.gallery-bottom {
    margin-top: 4rem;
}

.ul-blog-list {
    padding-left: 2.5rem;
}

    .ul-blog-list li {
        list-style-type: disc;
    }

        .ul-blog-list li + li {
            margin-top: 2.5rem;
        }

        .ul-blog-list li p {
            margin: .8rem 0;
        }

    .ul-blog-list a {
        color: #242424;
        margin-top:1rem;
        cursor:pointer;
    }

        .ul-blog-list a:hover {
            color: #496FF5;
        }

.gallery-bottom .swiper-button-next, .gallery-bottom .swiper-button-prev {
    top: 46%;
}

.video-gallery .card {
    width:95%;
    margin:auto;
}
.mb-4 {
    margin-bottom:3rem;
}
.pb-5 {
    padding-bottom:6.5rem !important;
}
.card-media {
    position: relative;
    cursor: pointer;
}

.custom-thumbnail {
    cursor: pointer;
}

.video-element {
    display: none;
}
/* Modal styles */
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
}

.modal-content {
    position: relative;
    width: 80%;
    max-width: 800px;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
}

.close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    cursor: pointer;
}
/* Customize modal backdrop */
.modal-backdrop {
    background-color: rgba(0, 0, 0, 0.8); /* Darker backdrop */
}

/* Modal content customization */
.modal-content {
    border-radius: 10px;
    border: none;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

/* Header styles */
.modal-header {
    background-color: #007bff;
    color: #fff;
    border-bottom: none;
    padding: 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

/* Footer styles */
.modal-footer {
    background-color: #f1f1f1;
    border-top: none;
}

/* Centered modal title */
.modal-title {
    margin: 0 auto;
    text-align: center;
    font-size: 1.5rem;
}

/* Custom close button */
.modal-header .close {
    color: #fff;
    opacity: 1;
}

/* Custom modal width */
.modal-dialog {
    max-width: 600px;
}

@media (max-width: 768px) {
    .modal-dialog {
        max-width: 100%;
        margin: 10px;
    }
}
/*footer*/
footer {
    position: relative;
}

    footer:after, footer:before {
        background-repeat: no-repeat;
        content: '';
        height: 100%;
        width: 50%;
        opacity: .4;
        position: absolute;
        top: 0;
    }

    footer:before {
        background-image: url('../images/footer/footer-before.svg');
        background-position: left center;
        left: 0;
    }

    footer:after {
        background-image: url('../images/footer/footer-after.svg');
        background-position: right center;
        right: 0;
    }

    footer .container {
        position: relative;
        z-index: 1;
    }

.footer-top, .footer-bottom {
    padding: 3rem 0;
}

.footer-top {
    padding-top: 5rem;
}

    .footer-top [class^="icon-"] {
        align-items: center;
        background-color: #ffffff;
        border: .1rem solid #ffffff;
        border-radius: 10rem;
        display: inline-flex;
        font-size: 3rem;
        height: 4rem;
        justify-content: center;
        margin: 0 1rem;
        width: 4rem;
    }

        .footer-top [class^="icon-"]:hover {
            background-color: #496FF5;
            border-color: #496FF5;
            color: #ffffff;
        }

.footer-bottom {
    border-top: .1rem solid #ffffff;
    color: #ffffff;
    padding-bottom: 5rem;
}

/*animation*/
.bottomFade {
    bottom: -100px;
    opacity: 0;
    position: relative;
    transition: all linear .5s;
}

    .bottomFade.active {
        bottom: 0;
        opacity: 1;
    }


/*About page start*/
.banner-inner {
    width: 100%;
    background-size: cover !important;
    position: relative;
    margin-top:8rem;
}
    .banner-inner img {
        width:100%;
    }
    .banner-inner .banner-image {
        position:relative;
    }
    /*    .banner-inner:after {
        content: '';
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, #09268B50 0% 0%, #00092B 100% 100%);
        position: absolute;
    }*/
/*    .banner-inner.videos-banner {
        background: url(../images/videos/videos-banner.webp) center no-repeat;
    }

    .banner-inner.photos-banner {
        background: url(../images/gallery/photos/photos-banner.webp) center no-repeat;
    }

    .banner-inner.articles-banner {
        background: url(../images/articles/articles-banner.webp) center no-repeat;
    }

    .banner-inner.contact-banner {
        background: url(../images/contact/contact-us-banner.webp) center no-repeat;
    }

    .banner-inner.about-banner {
        background: url(../images/about/about-me-banner.webp) center no-repeat;
    }

    .banner-inner.professional-banner {
        background: url(../images/professional/proffesional-journey-banner.webp) center no-repeat;
    }

    .banner-inner.awards-banner {
        background: url(../images/award/awards-banner.webp) center no-repeat;
    }*/
.banner-heading p {
    font-weight: bold;
    margin-top: 3rem;
    font-size: 2.6rem;
    color:#fff;
}
.banner-heading p a { 
    color:#fff;
}
.banner-heading p span {
    color: #496FF5;
}
    .banner-inner .banner-heading {
        position: absolute;
        top: 46%;
        z-index: 1;
        left: 7%;
    }
        .banner-inner .banner-heading h1:before {
            content: '';
            position: absolute;
            left: 0;
            top: -15%;
            width: 0.8rem;
            height: 135%;
            background: linear-gradient(180deg, rgba(73,111,245,1) 0%, rgba(255,255,255,1) 100%);
        }

        .journey-section {
            margin-bottom: 4rem;
            position: sticky;
            top: 0;
            background: #fff;
            z-index: 1;
        }

.content-img {
    position: sticky;
    top: 10rem;
    border-radius: 1.5rem;
    overflow: hidden;
}

.journey-section ul {
    border-bottom: 1px solid #d9d7d7;
}

    .journey-section ul li a {
        padding: 4rem 0 3.5rem;
        color: #242424;
        font-weight: 600;
        transition: 0.2s linear;
        position: relative;
    }

        .journey-section ul li a:after {
            content: '';
            position: absolute;
            width: 0;
            height: 0.5rem;
            background: linear-gradient(90deg, hsla(227, 78%, 18%, 1) 0%, hsla(227, 90%, 62%, 1) 81%);
            border-radius: 5px 5px 0 0;
            left: -10%;
            bottom: 0;
            opacity: 0;
            transition: 0.3s linear;
        }

        .journey-section ul li a:hover {
            color: #0A1A52;
        }

            .journey-section ul li a:hover:after, .journey-section ul li a.active:after {
                opacity: 1;
                left:0;
                width:100%;
            }

.text-content ul li {
    position: relative;
    padding-left: 2rem;
    margin-bottom: 2.4rem;
    font-size: 2.4rem;
}

    .text-content ul li:before {
        content: '';
        width: 0.8rem;
        height: 0.8rem;
        background: #242424;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 1rem;
    }

/*.journey-section-2::after {
    content:'';
    width:25rem;
    height:25rem;
    border-radius:50%;
    background:#0A1A52;
    position:absolute;
} */
.time-line-div {
    opacity: 0; /* Start hidden */
    transform: translateY(20px); /* Slight downward offset */
    animation: fadeInUp 0.8s forwards; /* Use the animation */
    animation-delay: var(--delay); /* Apply unique delay per item */
}

/* Animation Keyframes */
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.bg-light-blue {
    background: url(../images/professional/journey-2-bg.webp)no-repeat center;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.mian-timeline h4 {
    font-weight: 500;
    color: #242424;
}

.mian-timeline .timeline-circle {
    width: 5rem;
    height: 5rem;
    background: #0A1A5210;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.6rem;
    margin-right: 2rem;
    position: relative;
}
    .mian-timeline .timeline-circle::after {
        content: '';
        width: 6rem;
        height: 6rem;
        position: absolute;
        border: 2px dashed #0A1A52;
        border-radius: 50%;
        opacity: 0;
        transition: 0.2s linear;
        animation: rotateCircle 30s linear infinite; /* Infinite rotation */
    }
/* Keyframes for Rotation */
@keyframes rotateCircle {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
.time-line-div:hover .timeline-circle::after {
    opacity: 1;
}


    .mian-timeline .time-line-div {
        padding-bottom: 8rem;
        position: relative;
    }

    .mian-timeline .time-line-div:before {
        content: '';
        width: 0.1rem;
        height: calc(100% - 5rem);
        position: absolute;
        background: #b9b9b9;
        left: 2.5rem;
        top: 5.1rem;
    }

    .mian-timeline .time-line-div:last-child:before {
        display: none;
    }
/*About page start*/
/*about section three*/
.expertise-section {
    position: relative;
    text-align: center;
}

    .expertise-section::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: calc(100% - 80%);
        background-image: url(../images/about/about1.jpg);
        background-size: cover;
        z-index: -1;
    }

    .expertise-section::after {
        background: #0A1B49;
        bottom: 0;
        content: '';
        height: calc(100% - 80%);
        left: 0;
        position: absolute;
        width: 100%;
        z-index: -1;
        top: 0rem;
        opacity: 0.7;
    }





/*contact*/

.contact {
    background: #f7f7f7;
}

.form-container {
    padding: 3rem;
    background: #ffffff;
    border-radius: 1rem;
    max-width: 70rem;
    filter: drop-shadow(.1rem .2rem .7rem rgba(0,0,0,0.25));
    height: 100%;
}

    .form-container h2 {
        margin-bottom: 5rem;
    }

    .form-container label {
        display: block;
        margin-bottom: 1.5rem;
        color: #000000;
        font-size: 2rem;
        font-weight: 500;
    }

    .form-container input,
    .form-container textarea {
        width: 100% !important;
        padding: 1.8rem;
        margin-bottom: 1.7rem;
        border: none;
        border-radius: 0.5rem;
        font-size: 1.6rem;
        background: #f7f7f7;
    }

    .form-container .btn {
        width: 100%;
        padding: 1rem;
        font-size: 2.4rem;
        cursor: pointer;
    }

.info-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}


    .info-container img {
        width: 100%;
        border-radius: 1rem;
        margin-bottom: 2rem;
    }

.contact-card {
    background-color: #fff;
    padding: 2.8rem;
    border-radius: 1rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    width: 100%;
}

.contact-item {
    display: flex;
    align-items: center;
    background-color: #f7f7f7;
    padding: 2rem 2rem 2rem 3rem;
    border-radius: .8rem;
    margin-bottom: 1.5rem;
}

    .contact-item:last-child {
        margin-bottom: 0;
    }

    .contact-item .icon {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #e8ebf3;
        width: 5rem;
        height: 5rem;
        border-radius: 50%;
        margin-right: 1.5rem;
        flex-shrink: 0;
        font-size: 3rem;
    }

        .contact-item .icon img {
            width: 2.4rem;
            height: 2.4rem;
        }

    .contact-item .details {
        display: flex;
        flex-direction: column;
    }

        .contact-item .details span {
            font-size: 2rem;
            color: #555;
            margin-bottom: .5rem;
        }

        .contact-item .details a {
            text-decoration: none;
            font-size: 2rem;
            font-weight: bold;
            color: #0a1e4e;
        }

            .contact-item .details a:hover {
                text-decoration: underline;
            }


/*Photos Gallery Design*/
.filter-container {
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
    position: relative;
    padding: 0px 7rem;
}

    .filter-container .swiper-button-prev {
        left: 0px;
    }

    .filter-container .arrow {
        width: 4.2rem;
        height: 4.2rem;
    }

.filter-tabs {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    flex-wrap: nowrap;
    gap: 2rem;
}

    .filter-tabs button {
        background-color: rgba(10, 26, 82, 0.18);
        font-size: 2rem;
        cursor: pointer;
        color: rgb(10, 26, 82);
        min-width: 27rem;
        border-width: initial;
        border-style: none;
        border-color: initial;
        border-image: initial;
        padding: 1rem 1.2rem;
        border-radius: 5px;
        transition: 0.2s linear;
        text-transform: capitalize;
    }

        .filter-tabs button:nth-child(4), .filter-tabs button:nth-child(28), .filter-tabs button:nth-child(35) {
            min-width: 32rem;
        }

        .filter-tabs button:nth-child(24) {
            min-width: 43rem;
        }

        .filter-tabs button.active, .filter-tabs button:hover {
            background-color: rgb(10, 26, 82);
            color: white;
            border-bottom: 6px solid rgb(73, 111, 245);
        }


.filter-container .swiper-button-next {
    right: 0px;
}

a.glightbox {
    display: block;
    max-width: calc(95%);
    overflow: hidden;
    margin: 3rem auto 0px;
}

    a.glightbox:hover img {
        transform: scale(1.1)
    }

.swiper-slide .glightbox {
    margin: 0;
    max-width: 100%;
}

.swiper-gallerytop .swiper-slide .card-media {
    display: unset;
}

.gallery img {
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px;
    transition: transform 0.3s;
    display:block;
}

/*Photos Gallery Design*/

/*Articles page Design*/
.article-card {
    background-color: #fff;
    padding: 2.8rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-bottom: 4rem;
}

    .article-card:last-child {
        margin: 0;
    }

    .article-card h4 {
        color: #242424;
    }

    .article-card a {
        color: #787878;
        display: block;
        word-wrap: break-word;
        transition: 0.2s linear;
    }

        .article-card a:hover, .articles-year ul li a:hover {
            color: rgb(11,38,135);
        }
/*Articles page Design*/
.position-sticky {
    position: sticky;
    top: 0;
}

.article-box {
    max-width: calc(100% - 5%);
}

.articles-year h5 {
    padding-bottom: 24px;
    font-size: 2rem;
}

.articles-year {
    padding-left: 22px;
    padding-right: 22px;
    padding-top: 35px;
    padding-bottom: 35px;
    background-color: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
    .articles-year ul li {
        padding-top: 18px;
        padding-bottom: 18px;
        border-top: 1px solid #919191;
    }
    .articles-year ul li a{
        display: flex;
        justify-content: space-between;
    }

        .articles-year ul li a {
            color: #242424;
            font-weight: 500;
        }

        .articles-year ul li:last-child {
            padding-bottom: 0;
        }

/*min width*/
@media (min-width:576px) {
    /*common*/
    .container {
        max-width: 54rem
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }




    /*homepage*/

    .gallery-top .swiper-button-prev,
    .gallery-bottom .swiper-button-prev {
        left: -2.5rem;
    }

    .gallery-top .swiper-button-next,
    .gallery-bottom .swiper-button-next {
        right: -2.5rem;
    }
}

@media (min-width:768px) {
    /*common*/
    .container {
        max-width: 72rem
    }

    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .d-md-none {
        display: none !important
    }
    /*footer*/
    .footer-bottom {
        align-items: center;
        display: flex;
        justify-content: space-between;
    }

    .mxw-70 {
        max-width: 70%;
    }

    #myDiv {
        display: block !important;
        overflow-x: auto;
    }
}

@media (min-width:992px) {
    /*common*/
    .container {
        max-width: 100rem
    }

    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .ml-auto {
        margin-left: auto !important;
    }

    mr-auto {
        margin-right: auto !important;
    }

    .order-lg-0 {
        order: 0 !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .d-lg-none {
        display: none !important
    }

    /*nav*/
    nav {
        padding: 2rem 0;
    }

        nav.fixed-top .heading1 {
            font-size: 2.6rem;
        }

        nav.fixed-top .top-navbar a {
            font-size: 1.6rem;
        }

    .top-navbar-wrapper {
        align-items: center;
        display: flex;
        justify-content: space-between;
    }

    .icon-menu {
        display: none;
    }

    .top-navbar > ul {
        align-items: center;
        display: flex;
    }

    .top-navbar li {
        padding: 0 .06rem;
    }

        .top-navbar li:nth-last-child(2) {
            margin-left: 2rem;
        }

    .top-navbar a {
        font-size: 1.6rem;
    }

    .ul-tab.select-dropdown__list li {
        background-color: #ced0d7;
        border-bottom: .6rem solid transparent;
        border-radius: .5rem;
        color: #0A1A52;
        cursor: pointer;
        margin: 1.5rem 0rem;
        padding: 1.3rem 2rem .8rem;
        transition: all 0.3s;
    }

        .ul-tab.select-dropdown__list li:hover {
            background-color: #0A1A52;
            color: #ffffff;
        }

        .ul-tab.select-dropdown__list li.active {
            background-color: #0A1A52;
            border-color: #496FF5;
            color: #ffffff;
            padding-bottom: .8rem;
        }
}

@media (min-width:1200px) {
    /*common*/
    .container {
        max-width: 114rem
    }

    .d-xl-none {
        display: none !important
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    /*section*/
    .articles {
        position: relative;
    }

        .articles:after {
            background-image: url(../images/homepage/articles/articles-image.webp);
            background-repeat: no-repeat;
            background-size: cover;
            content: '';
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 35%;
        }
}

@media (min-width:1400px) {
    /*common*/
    body {
        font-size: 2rem;
    }

    .container {
        max-width: 137rem
    }

    .heading1 {
        font-size: 4rem;
        line-height: 4.8rem;
    }

    .heading2 {
        font-size: 3.2rem;
        line-height: 4.6rem;
    }

    .heading3 {
        font-size: 2.4rem;
    }

    /*nav*/
    nav {
        padding: 2.5rem 0;
    }

        nav.fixed-top .heading1 {
            font-size: 4rem;
        }

        nav.fixed-top .top-navbar a {
            font-size: 2rem;
        }

    .top-navbar li {
        /* margin-left: 4rem;*/
        margin: 0 1rem;
        line-height: 2;
    }

        .top-navbar li:nth-last-child(2) {
            margin-left: 3rem;
        }

    .top-navbar a {
        font-size: 2rem;
    }

    .banner-inner {
        margin-top: 9rem;
    }
    /*homepage*/
    .banner-caption {
        max-width: 53rem;
    }

    .section {
        padding-bottom: 15.5rem;
        padding-top: 6.5rem;
    }

    .section-content p {
        font-size: 2.4rem;
        line-height: 3.4rem;
    }

    .circle-shape .text-count {
        font-size: 4.3rem;
    }

    .circle-shape .text {
        font-size: 2.7rem;
        margin-left: 1rem;
    }

    .swiper-kp {
        margin-top: 8rem;
    }

    .key-expertise:before {
        width: calc(100% - 64%);
    }

    .key-expertise .card-media {
        margin-bottom: 6rem;
    }

        .key-expertise .card-media span {
            bottom: -2.8rem;
            font-size: 3.5rem;
            height: 6.5rem;
            width: 6.5rem;
        }

    .key-expertise .arrow, .process .btn-icon, .gallery .arrow {
        height: 6rem;
        width: 6rem;
    }

    .process-wrapper .btn-icon {
        font-size: 4rem;
    }

    .process-wrapper .process-content span {
        font-size: 7.5rem;
    }

    .mb-50 {
        margin-bottom: 5rem;
    }

    .expertise-section .card {
        max-width: 95%;
    }
}

/*max width*/
@media (max-width: 1399px) {
    /*common*/
    .heading1 {
        font-size: 3.6rem;
        line-height: 4rem;
    }

    .heading2 {
        font-size: 2.8rem;
        line-height: 3.8rem;
    }

    .mb-50 {
        margin-bottom: 3rem;
    }

    .top-navbar li {
        margin: 0 1rem;
    }
    /*homepage*/
    .banner-homepage {
        margin-top: 8.3rem;
    }

    .banner-caption {
        max-width: 46rem;
    }

    .section {
        padding-bottom: 10.5rem;
        padding-top: 4.5rem;
    }

    .section-content p {
        font-size: 2rem;
        line-height: 3rem;
    }

    .circle-shape .bg-primary {
        font-size: 3.5rem;
    }

    .svg-item {
        max-width: 28rem;
        right: 2rem;
    }

    .swiper-kp {
        margin-top: 5rem;
    }

    .key-expertise .arrow, .process .btn-icon, .gallery .arrow {
        height: 4rem;
        width: 4rem;
    }

    .process-wrapper .process-content {
        min-width: 37.5rem;
    }

    .process-wrapper [class^="icon-"] {
        font-size: 2.4rem;
    }

    /*footer*/
    .footer-top [class^="icon-"] {
        font-size: 2rem;
        height: 3rem;
        margin: 0 .8rem;
        width: 3rem;
    }
}

@media (max-width: 1199px) {
    /*common*/
    .heading1 {
        font-size: 3.2rem;
    }

    button, .btn {
        padding: .5rem 1.25rem;
    }

    .svg-item {
        max-width: 22rem;
        right: 2rem;
    }

    .banner-inner h1 {
        font-size: 6rem;
    }

    .banner-heading p {
        margin-top: 2rem;
        font-size: 2.4rem;
    }
    /*homepage*/
    .circle-shape .bg-primary {
        font-size: 2.2rem;
        min-width: 18rem;
        padding: 1rem 1.5rem;
        top: 30%;
    }

        .circle-shape .bg-primary .text {
            margin-left: 1rem;
        }

    .process-wrapper {
        flex-wrap: wrap;
        height: auto;
    }

        .process-wrapper .process {
            flex-basis: calc(100% / 2 - 1rem);
            margin-top: 0;
        }

        .process-wrapper .process-content {
            min-width: unset;
        }

        .process-wrapper .process a > h3 {
            display: none;
        }

        .process-wrapper .process .process-content {
            opacity: 1;
        }

        .process-wrapper .bg-industry {
            background-image: url('../images/homepage/key-role/industry-involvement.webp');
        }

        .process-wrapper .bg-responsibility {
            background-image: url('../images/homepage/key-role/roles-resposibility.webp');
        }

        .process-wrapper .bg-projects {
            background-image: url('../images/homepage/key-role/turn-key-projects.webp');
        }

        .process-wrapper .bg-competencies {
            background-image: url('../images/homepage/key-role/core-competencies.webp');
        }

        .process-wrapper .bg-career {
            background-image: url('../images/homepage/key-role/career-timeline.webp');
        }

    .bg-grey-before:before {
        display: none;
    }

    .articles {
        background-color: #f2f2f2;
        padding-top: 5rem;
    }

        .articles .ps-50 {
            padding-left: 0;
        }
    /*about*/
    .expertise-section::before, .expertise-section::after {
        height: 15%;
    }

    .form-container h2 {
        margin-bottom: 3rem;
    }

    .form-container input, .form-container textarea {
        padding: 1.5rem;
    }
}

@media (max-width: 991px) {
    /*common*/
    .heading1 {
        font-size: 3.2rem;
    }

    .heading2 {
        font-size: 2.8rem;
        line-height: 3.8rem;
    }

    .mb-20 {
        margin-bottom: 1.6rem;
    }

    .mt-100 {
        margin-top: 5rem;
    }

    .section {
        padding-bottom: 8rem;
    }

        .section.pb-100 {
            padding-bottom: 10rem;
        }

    .banner-inner h1 {
        font-size: 5rem;
        padding-left: 2.5rem;
    }

    .banner-inner .banner-heading h1:before {
        width: 0.7rem;
        height: 113%;
    }
    /*nav*/
    nav {
        padding: 1.5rem 0;
    }

    .top-navbar {
        background-color: #f2f2f2;
        display: none;
        position: absolute;
        right: 0;
        left: 0;
        top: calc(100% - -1.5rem);
        width: 100%;
        height: 100vh;
    }

        .top-navbar a, nav.fixed-top .top-navbar .btn {
            background: none;
            border: 0;
            border-radius: 0;
            color: #0A1A52;
            display: block;
            padding: .8rem 2rem;
        }

            .top-navbar a.btn {
                color: #0A1A52;
            }

            .top-navbar a.active {
                color: #496FF5;
            }

    .dropdown:after {
        left: calc(100% - 15%);
    }

    .dropdown:hover .dropdown-menu {
        position: unset;
        width: 100%;
        padding: 0;
        box-shadow: unset;
    }

        .dropdown:hover .dropdown-menu li {
            padding-left: 1rem;
        }

    .dropdown-menu li + li {
        margin-top: 0;
    }

    .select-dropdown {
        margin: 3rem 0;
        position: relative;
    }

    .tab-wrapper .select-dropdown__button {
        align-items: center;
        display: flex;
        font-size: 2rem;
        justify-content: space-between;
        width: 100%;
    }

        .tab-wrapper .select-dropdown__button [class^="icon-"] {
            font-size: 1rem;
        }

    .top-navbar-wrapper {
        align-items: center;
        display: flex;
        justify-content: space-between;
        position: relative;
    }

    .icon-menu {
        font-size: 3.2rem;
    }

    /*homepage*/
    .banner-homepage {
        margin-top: 7rem;
    }

    .banner-caption {
        max-width: 42rem;
    }

        .banner-caption .heading1 {
            line-height: 5rem;
        }

    .section2.dec-right:before {
        bottom: 0;
    }

    .section2 .mt-100 {
        margin-top: 10rem;
    }

    .mw-605 {
        max-width: 100%;
    }

    .card-media-thumb {
        max-width: calc(100% - 70%);
    }

    .card-media-thumb {
        right: 0;
    }

    .circle-shape .bg-primary {
        right: 3rem;
    }

    .key-expertise:before {
        display: none;
    }

    .key-expertise .btn-outline-white {
        background-color: #0B2687;
        border-color: #0B2687;
        color: #ffffff;
    }

        .key-expertise .btn-outline-white:hover {
            background-color: #496FF5;
            border-color: #496FF5;
            color: #ffffff;
        }

    .ul-tab.select-dropdown__list {
        background-color: #ffffff;
        display: block;
        left: 0;
        margin: 0;
        max-height: 300px;
        overflow: auto;
        opacity: 0;
        padding: 0;
        position: absolute;
        pointer-events: none;
        right: 0;
        transform-origin: top left;
        transform: scale(1, 0);
        transition: all ease-in-out 0.3s;
        z-index: 1;
    }

        .ul-tab.select-dropdown__list.active {
            opacity: 1;
            pointer-events: auto;
            transform: scale(1, 1);
        }

        .ul-tab.select-dropdown__list li.active {
            background-color: #0A1A52;
            color: #ffffff;
        }
    /*about*/
    .expertise-section::before, .expertise-section::after {
        height: 10%;
    }

    .form-container {
        margin-top: 5rem;
        height: auto;
    }

    .journey-section {
        display: none;
    }

    .content-img img {
        width: 100%;
    }

    .filter-tabs button {
        padding: 0.5rem 1.2rem;
    }
}

@media (max-width: 767px) {
    .banner-caption {
        max-width: 36rem;
    }

    .banner-heading p {
        margin-top: 0rem;
        font-size: 2rem;
    }

    .banner-inner .banner-heading {
        top: 35%;
    }

    .banner-caption .heading1 {
        font-size: 3.2rem;
    }

    .svg-item {
        right: 0;
    }

    .circle-shape .bg-primary {
        left: 0;
        right: unset;
        top: 95%;
    }

    .circle-shape.active .card-media-main img {
        margin: -1.5rem 0 1rem 1rem
    }

    .card-box .card-media, .card-box .card-media img {
        width: 100%;
    }

    .key-expertise .col-bottom {
        top: 58%;
    }

    /*footer*/
    .footer-top, .footer-bottom {
        padding: 2rem 0;
    }

        .footer-bottom span {
            display: block;
            text-align: center;
        }

            .footer-bottom span + span {
                margin-top: 1rem;
            }

    .filter-container {
        padding: 0 2rem;
        background: #ccc;
        position: relative;
        height: 5rem;
        color: #0a1a52;
        text-transform: capitalize;
    }

        .filter-container h3 {
            line-height: normal;
        }

        .filter-container .mobile-drop > div span {
            position: absolute;
            right: 1.5rem;
            color: #0A1A52;
            top: 40%;
            font-size: 1.4rem;
        }

    .article-box {
        max-width: 100%;
    }

    .filter-tabs {
        display: block;
        position: absolute;
        height: 300px;
        overflow-y: auto;
        background: #fff;
        left: 0;
        width: 100%;
    }

        .filter-tabs button:nth-child(4), .filter-tabs button:nth-child(28), .filter-tabs button:nth-child(35), .filter-tabs button:nth-child(24), .filter-tabs button {
            min-width: unset;
            display: block;
            width: 100%;
            border-radius: 0;
            padding: 1.2rem;
            font-size: 1.6rem;
        }

    #myDiv {
        margin-top: 5rem;
    }

    .filter-container .arrow {
        display: none;
    }

    .banner-inner .banner-heading h1:before {
        width: 0.5rem;
        height: 110%;
    }

    .banner-inner .banner-heading h1 {
        padding-left: 2rem;
    }
}

@media (max-width: 575px) {

    .banner-inner .banner-heading h1 {
        padding-left: 1rem;
        font-size: 3rem;
        margin: 0;
    }

        .banner-inner .banner-heading h1:before {
            width: 0.3rem;
            height: 70%;
            top: 0.3rem;
        }
    .banner-heading p {
        font-size: 1.6rem;
    }
    .banner-inner .banner-heading {
        left:3%;
    }

    .process-wrapper .process {
        flex-basis: calc(100%);
    }

    .process-wrapper .process:not(:first-child) {
        margin-top: 2rem;
    }


.section-title {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
}

    .section-title:after {
        top: 0;
    }

.process-wrapper .process-content {
    min-width: unset;
}

/*about*/
.expertise-section::before, .expertise-section::after {
    height: 5%;
}

/*contact*/
.form-container, .contact-card {
    padding: 1.5rem;
}

    .form-container h2 {
        margin-bottom: 1.8rem;
        font-size: 2.4rem;
    }

    .form-container label {
        margin-bottom: 1rem;
        font-size: 1.6rem;
    }

    .form-container input,
    .form-container textarea {
        padding: 1rem;
        margin-bottom: 1.5rem;
        font-size: 1.6rem;
    }

    .form-container .btn {
        padding: 1.5rem;
        font-size: 1.6rem;
    }

.contact-item {
    padding: 1rem 1rem 1rem 1rem;
    margin-bottom: 1.5rem;
}

    .contact-item .icon {
        width: 3rem;
        height: 3rem;
        margin-right: 1.5rem;
    }

    .contact-item .details span {
        font-size: 1.6rem;
        margin-bottom: .5rem;
    }

    .contact-item .details a {
        font-size: 1.4rem;
    }

}

/*@media screen and (min-width: 300px) and (max-width: 575px) and (orientation: portrait) {*/
/*section banner*/
/*.banner-homepage {
        height: 80vh;
    }
}

@media screen and (min-width: 576px) and (max-width: 991px) and (orientation: landscape) {*/
/*section banner*/
/*.banner-homepage {
        height: calc(150vh - 6.8rem);
    }
}*/

@media (max-width: 425px) {

}
.parsley-errors-list {
  margin: .2rem 0 .3rem;
  padding: 0;
  list-style-type: none;
  font-size: 1rem;
  line-height: 1.2rem;
  opacity: 0;
  color: #dc3545;
  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
  opacity: 1;
}
/*.parsley-required {
    background: #fde8e8;
    display: inline-block;
    font-size: 11px;
    padding: 2px 5px;
    position: relative;
    margin-top: 5px;
    border-radius: 4px;
}

.parsley-required:before {
    position: absolute;
    top: -17px;
    left: 50%;
    content: '';
    border: 10px solid transparent;
    border-bottom-color: #fde8e8;
    transform: translateX(-50%);
}*/
.parsley-errors-list.filled li {
    background: #fde8e8;
    display: inline-block;
    font-size: 1.1rem;
    padding: .2rem .5rem;
    position: relative;
    margin-top: .5rem;
    border-radius: .4rem;
}

.parsley-errors-list.filled li:before {
    position: absolute;
    top: -1.7rem;
    left: 50%;
    content: '';
    border: 1rem solid transparent;
    border-bottom-color: #fde8e8;
    transform: translateX(-50%);
}