@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
.pdp-banner {
    padding: 0
}

.pdp-banner .pdp-banner-inner {
    border-bottom: 1px solid rgba(60,60,67,.18);
    background-color: #f7f7f7;
    min-height: 720px;
    flex-direction: row-reverse;
}

@media only screen and (min-width: 576px) {
    .pdp-banner .pdp-banner-inner {
        min-height:initial
    }
}

@media only screen and (min-width: 768px) {
    .pdp-banner .pdp-banner-inner {
        display:-ms-flex;
        display: flex;
        flex-wrap: wrap;
        gap: 0 0
    }

    .pdp-banner .pdp-banner-inner>* {
        flex: 0 0 calc(50% - 0px);
        width: calc(50% - 0px)
    }
}

@media only screen and (min-width: 1024px) {
    .pdp-banner .pdp-banner-inner {
        min-height:380px
    }
}

@media only screen and (min-width: 1440px) {
    .pdp-banner .pdp-banner-inner {
        min-height:406px
    }
}

.pdp-banner .pdp-banner-inner .pdp-banner-col {
    padding: 48px 16px
}

@media only screen and (min-width: 576px) {
    .pdp-banner .pdp-banner-inner .pdp-banner-col {
        padding:32px
    }
}

@media only screen and (min-width: 1280px) {
    .pdp-banner .pdp-banner-inner .pdp-banner-col {
        max-width:720px
    }
}

.pdp-banner .pdp-banner-inner .pdp-banner-col .mt-auto {
    margin-top: auto
}

.pdp-banner .pdp-banner-inner .pdp-banner-col .h2 {
    margin-bottom: 32px
}

.pdp-banner .pdp-banner-inner .btn-group {
    margin-top: 24px;
    display: -ms-flex;
    display: flex;
    flex-direction: column;
    gap: 16px
}

@media only screen and (min-width: 576px) {
    .pdp-banner .pdp-banner-inner .btn-group {
        flex-direction:row
    }
}

.pdp-banner .pdp-banner-inner .btn-group .btn {
    width: 100%
}

.pdp-banner .pdp-banner-inner .btn-group .btn .btn-text {
    width: 100%;
    justify-content: space-between
}

.pdp-banner .pdp-banner-inner .btn-group .btn:last-child {
    margin-top: 12px
}

.pdp-banner .pdp-banner-inner .btn-group .btn:last-child .btn-icon {
    margin-left: auto
}

@media only screen and (min-width: 576px) {
    .pdp-banner .pdp-banner-inner .btn-group .btn:last-child .btn-icon {
        margin-left:11px
    }
}

@media only screen and (min-width: 576px) {
    .pdp-banner .pdp-banner-inner .btn-group .btn:last-child {
        margin-top:0
    }
}

@media only screen and (min-width: 576px) {
    .pdp-banner .pdp-banner-inner .btn-group .btn {
        width:auto
    }
}

.pdp-banner .pdp-banner-inner .banner-img-wrap {
    line-height: 0
}

@media only screen and (min-width: 1280px) {
    .pdp-banner .pdp-banner-inner .banner-img-wrap {
        max-width:720px
    }
}

.pdp-banner .pdp-banner-inner .banner-img-wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 16/9;
    max-height: 406px
}

.productvideo {
    aspect-ratio: 16/9;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%;
    transition: aspect-ratio 0.3s ease-in-out
}

@charset "UTF-8";@font-face {
    font-display: swap;
    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;
    overflow: clip;
    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(0,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: var(--swiper-pagination-color,var(--swiper-theme-color))
}

.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(0,-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: 0;
    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: "Questrial";
    src: url(../../../../../../../../../themes/accely/assets/fonts/Questrial-Regular.eot);
    src: url("../../../../../../../../../themes/accely/assets/fonts/Questrial-Regular.eot?#iefix") format("embedded-opentype"),url(../../../../../../../../../themes/accely/assets/fonts/Questrial-Regular.woff2) format("woff2"),url(../../../../../../../../../themes/accely/assets/fonts/Questrial-Regular.woff) format("woff"),url(../../../../../../../../../themes/accely/assets/fonts/Questrial-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "icomoon";
    src: url(../../../../../../../../../themes/accely/assets/fonts/icomoon.eot?pyw2eu);
    src: url("../../../../../../../../../themes/accely/assets/fonts/icomoon.eot?pyw2eu#iefix") format("embedded-opentype"),url(../../../../../../../../../themes/accely/assets/fonts/icomoon.ttf?pyw2eu) format("truetype"),url(../../../../../../../../../themes/accely/assets/fonts/icomoon.woff?pyw2eu) format("woff"),url("../../../../../../../../../themes/accely/assets/fonts/icomoon.svg?pyw2eu#icomoon") format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

[class^=icon-],[class*=" icon-"] {
    font-family: "icomoon"!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
}

.icon-centralized-development:before {
    content: "\eb28"
}

.icon-faster-time-to-value:before {
    content: "\eb29"
}

.icon-flexible-scalable-infrastructure:before {
    content: "\eb2a"
}

.icon-seamless-backend-integration:before {
    content: "\eb2b"
}

.icon-simplified-app-development:before {
    content: "\eb2c"
}

.icon-enhanced-data-quality-and-minimized-errors:before {
    content: "\eb25"
}

.icon-open-source:before {
    content: "\eb26"
}

.icon-workflow-automation:before {
    content: "\eb27"
}

.icon-ai-ready-by-design:before {
    content: "\eb1c"
}

.icon-analytical-prediction:before {
    content: "\eb1d"
}

.icon-enhanced-governance-and-trust:before {
    content: "\eb1e"
}

.icon-expert-backed-implementation:before {
    content: "\eb1f"
}

.icon-federated-data-access:before {
    content: "\eb20"
}

.icon-machine-learning-framework:before {
    content: "\eb21"
}

.icon-next-gen-technology-stack:before {
    content: "\eb22"
}

.icon-out-of-the-box-insight-apps:before {
    content: "\eb23"
}

.icon-unified-data-foundation:before {
    content: "\eb24"
}

.icon-closing-talent-gaps:before {
    content: "\eb13"
}

.icon-cost-savings2:before {
    content: "\eb14"
}

.icon-enhanced-productivity1:before {
    content: "\eb15"
}

.icon-risk-mitigation:before {
    content: "\eb16"
}

.icon-scenario-planning-for-future-resilience:before {
    content: "\eb17"
}

.icon-workforce-agility:before {
    content: "\eb18"
}

.icon-enhance-recruitment-processes:before {
    content: "\eb19"
}

.icon-improve-employee-experience:before {
    content: "\eb1a"
}

.icon-increase-administrative-productivity:before {
    content: "\eb1b"
}

.icon-automated-attendance-tracking:before {
    content: "\eb01"
}

.icon-compliance-assurance:before {
    content: "\eb02"
}

.icon-enhanced-employee-satisfaction:before {
    content: "\eb03"
}

.icon-improved-workforce-productivity:before {
    content: "\eb04"
}

.icon-lower-costs:before {
    content: "\eb05"
}

.icon-centralize-data-model:before {
    content: "\eb06"
}

.icon-employee-engagement1:before {
    content: "\eb07"
}

.icon-employee-growth:before {
    content: "\eb08"
}

.icon-recruitment-strategies:before {
    content: "\eb09"
}

.icon-continuous-insights--growth:before {
    content: "\eb0a"
}

.icon-intelligent-skills-based-decisions:before {
    content: "\eb0b"
}

.icon-team-performance-results:before {
    content: "\eb0c"
}

.icon-automated-payroll-calculation:before {
    content: "\eb0d"
}

.icon-compliance-with-laws:before {
    content: "\eb0e"
}

.icon-strong-data-protection:before {
    content: "\eb0f"
}

.icon-transparency-of-payments:before {
    content: "\eb10"
}

.icon-up-to-date-information:before {
    content: "\eb11"
}

.icon-wide-possibilities-for-integrations:before {
    content: "\eb12"
}

.icon-centralized-vendor-control:before {
    content: "\eae8"
}

.icon-faster-invoice-processing:before {
    content: "\eae9"
}

.icon-fast-track-vendor-onboarding:before {
    content: "\eaea"
}

.icon-real-time-audit-trails:before {
    content: "\eaeb"
}

.icon-seamless-order-generation:before {
    content: "\eaec"
}

.icon-smarter-sourcing:before {
    content: "\eaed"
}

.icon-track-performance:before {
    content: "\eaee"
}

.icon-effortless-compliance:before {
    content: "\eaef"
}

.icon-eliminate-failures:before {
    content: "\eaf0"
}

.icon-faster-issue-resolution:before {
    content: "\eaf1"
}

.icon-parts-availability:before {
    content: "\eaf2"
}

.icon-proactive-risk-management:before {
    content: "\eaf3"
}

.icon-real-time-data:before {
    content: "\eaf4"
}

.icon-real-time-insights2:before {
    content: "\eaf5"
}

.icon-smarter-decision-making:before {
    content: "\eaf6"
}

.icon-streamlined-tasks:before {
    content: "\eaf7"
}

.icon-Automated-SLA:before {
    content: "\eaf8"
}

.icon-centralized-asset-management:before {
    content: "\eaf9"
}

.icon-data-driven-insights1:before {
    content: "\eafa"
}

.icon-detailed-time-tracking:before {
    content: "\eafb"
}

.icon-optimized-dispatching:before {
    content: "\eafc"
}

.icon-real-time-job-updates:before {
    content: "\eafd"
}

.icon-real-time-updates:before {
    content: "\eafe"
}

.icon-reduced-travel-time:before {
    content: "\eaff"
}

.icon-unified-customer-data:before {
    content: "\eb00"
}

.icon-savings-in-freight-costs:before {
    content: "\eacf"
}

.icon-enhanced-shipping-processes:before {
    content: "\ead0"
}

.icon-optimization-of-cash-flows:before {
    content: "\ead1"
}

.icon-resource-optimization:before {
    content: "\ead2"
}

.icon-efficient-sap-module-integration:before {
    content: "\ead3"
}

.icon-ensuring-high-quality-standards:before {
    content: "\ead4"
}

.icon-flexible-delivery-scheduling:before {
    content: "\ead5"
}

.icon-mitigating-financial-risks:before {
    content: "\ead6"
}

.icon-powerful-analytics-and-insights:before {
    content: "\ead7"
}

.icon-streamlining-order-processing:before {
    content: "\ead8"
}

.icon-integrated-risk-and-compliance:before {
    content: "\ead9"
}

.icon-predictive-analytics:before {
    content: "\eada"
}

.icon-real-time-reporting1:before {
    content: "\eadb"
}

.icon-simplified-financial-processes:before {
    content: "\eadc"
}

.icon-universal-journal:before {
    content: "\eadd"
}

.icon-connected-procurement:before {
    content: "\eade"
}

.icon-consumer-grade-purchasing:before {
    content: "\eadf"
}

.icon-enhanced-decision-making:before {
    content: "\eae0"
}

.icon-greater-value:before {
    content: "\eae1"
}

.icon-intelligent-sourcing:before {
    content: "\eae2"
}

.icon-managed-spend:before {
    content: "\eae3"
}

.icon-new-operating-model:before {
    content: "\eae4"
}

.icon-new-roles:before {
    content: "\eae5"
}

.icon-smart-procurement:before {
    content: "\eae6"
}

.icon-value-added-analytics:before {
    content: "\eae7"
}

.icon-comprehensive-solutions:before {
    content: "\eac9"
}

.icon-global-reach-local-expertise:before {
    content: "\eaca"
}

.icon-innovative-problem-solving:before {
    content: "\eacb"
}

.icon-our-commitment:before {
    content: "\eacc"
}

.icon-strategic-partnerships-for-growth:before {
    content: "\eacd"
}

.icon-unparalleled-support:before {
    content: "\eace"
}

.icon-Enhance-planning-capabilities:before {
    content: "\eab7"
}

.icon-Optimize-adaptability:before {
    content: "\eab8"
}

.icon-Simplify-functionality:before {
    content: "\eab9"
}

.icon-Automated-compliance:before {
    content: "\eaba"
}

.icon-Bottom-up-approach-to-skilal-development:before {
    content: "\eabb"
}

.icon-Cross-enterprise-insight:before {
    content: "\eabc"
}

.icon-Depth-and-breadth-of-capabilities:before {
    content: "\eabd"
}

.icon-Simplified-user-experience:before {
    content: "\eabe"
}

.icon-Unmatched-services-and-support:before {
    content: "\eabf"
}

.icon-Compliance-and-regulatory-adherence:before {
    content: "\eac0"
}

.icon-Comprehensive-asset-lifecycle-management120:before {
    content: "\eac1"
}

.icon-13:before {
    content: "\eac1"
}

.icon-Improved-resource-utilization:before {
    content: "\eac2"
}

.icon-Integrated-inventory-management:before {
    content: "\eac3"
}

.icon-Mobile-and-offline-capabilities:before {
    content: "\eac4"
}

.icon-Optimized-asset-performance:before {
    content: "\eac5"
}

.icon-Real-time-data-and-analytics:before {
    content: "\eac6"
}

.icon-Seamless-integration-with-SAP-modules:before {
    content: "\eac7"
}

.icon-Streamlined-maintenance-planning-and-scheduling:before {
    content: "\eac8"
}

.icon-Automated-Documentation:before {
    content: "\eaa4"
}

.icon-Enhanced-Productivity:before {
    content: "\eaa5"
}

.icon-Multi-Format-Support:before {
    content: "\eaa6"
}

.icon-Real-Time-Process-Capture:before {
    content: "\eaa7"
}

.icon-Seamless-Integration:before {
    content: "\eaa8"
}

.icon-Advanced-capabilities:before {
    content: "\eaa9"
}

.icon-Automated-reporting:before {
    content: "\eaaa"
}

.icon-Data-driven-decisions:before {
    content: "\eaab"
}

.icon-Data-security-and-compliance:before {
    content: "\eaac"
}

.icon-Machine-learning-integration:before {
    content: "\eaad"
}

.icon-Predictive-analytics:before {
    content: "\eaae"
}

.icon-Time-efficiency:before {
    content: "\eaaf"
}

.icon-Transform-data-landscape:before {
    content: "\eab0"
}

.icon-Continuous-Learning:before {
    content: "\eab1"
}

.icon-Data-Driven-Insights:before {
    content: "\eab2"
}

.icon-Enhanced-Candidate-Experience:before {
    content: "\eab3"
}

.icon-Global-Accessibility1:before {
    content: "\eab4"
}

.icon-Improved-Accuracy:before {
    content: "\eab5"
}

.icon-Time-and-Cost-Savings:before {
    content: "\eab6"
}

.icon-Cost-reduction:before {
    content: "\ea96"
}

.icon-Enhances-data-accuracy:before {
    content: "\ea97"
}

.icon-Improves-data-security:before {
    content: "\ea98"
}

.icon-Increases-performance:before {
    content: "\ea99"
}

.icon-Integrates-with-other-applications:before {
    content: "\ea9a"
}

.icon-Intelligent-Data-Processing:before {
    content: "\ea9b"
}

.icon-Iterative-Accuracy-Improvement:before {
    content: "\ea9c"
}

.icon-Offers-flexibility:before {
    content: "\ea9d"
}

.icon-AI-Assisted-Productivity:before {
    content: "\ea9e"
}

.icon-Cost-Efficiency:before {
    content: "\ea9f"
}

.icon-Enhanced-Learning-Capabilities:before {
    content: "\eaa0"
}

.icon-Global-Accessibility:before {
    content: "\eaa1"
}

.icon-Improved-Decision-Making:before {
    content: "\eaa2"
}

.icon-User-Empowerment:before {
    content: "\eaa3"
}

.icon-mail-new:before {
    content: "\ea93"
}

.icon-reduced-complexity-new:before {
    content: "\ea91"
}

.icon-security-and-compliance-new:before {
    content: "\ea92"
}

.icon-mail1:before {
    content: "\ea93"
}

.icon-protect-your-data-new:before {
    content: "\ea94"
}

.icon-expense-optimization-new:before {
    content: "\ea95"
}

.icon-reduced-complexity1:before {
    content: "\ea85"
}

.icon-upgrades:before {
    content: "\ea86"
}

.icon-expense-optimization:before {
    content: "\ea87"
}

.icon-agility-and-scalability1:before {
    content: "\ea88"
}

.icon-data-driven-insights-for-decision-making:before {
    content: "\ea89"
}

.icon-enhanced-customer-satisfaction:before {
    content: "\ea8a"
}

.icon-predictive-upkeep:before {
    content: "\ea8b"
}

.icon-cost-efficiency1:before {
    content: "\ea8c"
}

.icon-relationship-building:before {
    content: "\ea8d"
}

.icon-security-and-compliance1:before {
    content: "\ea8e"
}

.icon-automation2:before {
    content: "\ea8f"
}

.icon-predicting-outcomes1:before {
    content: "\ea90"
}

.icon-experience:before {
    content: "\ea7e"
}

.icon-aspire:before {
    content: "\ea7f"
}

.icon-explore:before {
    content: "\ea80"
}

.icon-grow:before {
    content: "\ea81"
}

.icon-improve:before {
    content: "\ea82"
}

.icon-innovate:before {
    content: "\ea83"
}

.icon-socialize:before {
    content: "\ea84"
}

.icon-cutting-edge-technology:before {
    content: "\ea78"
}

.icon-extensive-enterprise-digital-automation-experience:before {
    content: "\ea79"
}

.icon-future-proof-solutions:before {
    content: "\ea7a"
}

.icon-global-and-experienced-support:before {
    content: "\ea7b"
}

.icon-scalable-and-configurable-platform:before {
    content: "\ea7c"
}

.icon-seamless-integration1:before {
    content: "\ea7d"
}

.icon-architecture:before {
    content: "\ea1a"
}

.icon-asset-management:before {
    content: "\ea1b"
}

.icon-data-privacy-and-security:before {
    content: "\ea1c"
}

.icon-product-selection:before {
    content: "\ea1d"
}

.icon-value-analysis:before {
    content: "\ea1e"
}

.icon-enhanced-performance:before {
    content: "\ea1f"
}

.icon-flexibility1:before {
    content: "\ea20"
}

.icon-innovation1:before {
    content: "\ea21"
}

.icon-new-busines-models:before {
    content: "\ea22"
}

.icon-predictive-maintenance1:before {
    content: "\ea23"
}

.icon-process-optimization:before {
    content: "\ea24"
}

.icon-advanced-compliance:before {
    content: "\ea25"
}

.icon-enable-multi-language:before {
    content: "\ea26"
}

.icon-improved-decision-making:before {
    content: "\ea27"
}

.icon-improved-efficiency:before {
    content: "\ea28"
}

.icon-integration2:before {
    content: "\ea29"
}

.icon-reduced-total-cost-of-ownership1:before {
    content: "\ea2a"
}

.icon-superior-performance:before {
    content: "\ea2b"
}

.icon-assess:before {
    content: "\ea2c"
}

.icon-data-insights:before {
    content: "\ea2d"
}

.icon-extensive-automation:before {
    content: "\ea2e"
}

.icon-scope:before {
    content: "\ea2f"
}

.icon-technical-management:before {
    content: "\ea30"
}

.icon-upgrade1:before {
    content: "\ea31"
}

.icon-l1:before {
    content: "\ea32"
}

.icon-l2:before {
    content: "\ea33"
}

.icon-l3:before {
    content: "\ea34"
}

.icon-continuous-improvement1:before {
    content: "\ea35"
}

.icon-enhanced-system-performance-and-optimization:before {
    content: "\ea36"
}

.icon-extensive-expertise-and-practices:before {
    content: "\ea37"
}

.icon-feature-updates:before {
    content: "\ea38"
}

.icon-individual-approach:before {
    content: "\ea39"
}

.icon-predictive-maintenance:before {
    content: "\ea3a"
}

.icon-reduced-disruptions:before {
    content: "\ea3b"
}

.icon-timely-response:before {
    content: "\ea3c"
}

.icon-bluefield:before {
    content: "\ea3d"
}

.icon-brownfield:before {
    content: "\ea3e"
}

.icon-greenfield:before {
    content: "\ea3f"
}

.icon-accelerated-future-value:before {
    content: "\ea40"
}

.icon-budget-predictability:before {
    content: "\ea41"
}

.icon-increased-efficiency1:before {
    content: "\ea42"
}

.icon-optimized-data-quality:before {
    content: "\ea43"
}

.icon-sap-cloud-managed-services:before {
    content: "\ea44"
}

.icon-sap-on-cloud-hosting:before {
    content: "\ea45"
}

.icon-sap-performance-optimization:before {
    content: "\ea46"
}

.icon-application--database-security-audits:before {
    content: "\ea47"
}

.icon-dedicated-technical--functional-assistance:before {
    content: "\ea48"
}

.icon-flexibility-to-scale:before {
    content: "\ea49"
}

.icon-high-availability--guaranteed-uptime:before {
    content: "\ea4a"
}

.icon-reduced-total-cost-of-ownership:before {
    content: "\ea4b"
}

.icon-smart-patch--upgrade-management:before {
    content: "\ea4c"
}

.icon-local-process-modelling:before {
    content: "\ea4d"
}

.icon-merge-global-and-local-processes:before {
    content: "\ea4e"
}

.icon-process-modelling:before {
    content: "\ea4f"
}

.icon-process-standardization:before {
    content: "\ea50"
}

.icon-template-creation:before {
    content: "\ea51"
}

.icon-cost-efficiency:before {
    content: "\ea52"
}

.icon-improved-compliance:before {
    content: "\ea53"
}

.icon-improved-data-accuracy:before {
    content: "\ea54"
}

.icon-increased-efficiency:before {
    content: "\ea55"
}

.icon-scalability:before {
    content: "\ea56"
}

.icon-standardization:before {
    content: "\ea57"
}

.icon-efficient-work-environment:before {
    content: "\ea58"
}

.icon-global-integration:before {
    content: "\ea59"
}

.icon-real-time-insights1:before {
    content: "\ea5a"
}

.icon-reduced-data-redundancy:before {
    content: "\ea5b"
}

.icon-application-architecture:before {
    content: "\ea5c"
}

.icon-business-case:before {
    content: "\ea5d"
}

.icon-technical-infrastructure:before {
    content: "\ea5e"
}

.icon-dedicated-support:before {
    content: "\ea5f"
}

.icon-hybrid:before {
    content: "\ea60"
}

.icon-offshore:before {
    content: "\ea61"
}

.icon-offsite:before {
    content: "\ea62"
}

.icon-onsite:before {
    content: "\ea63"
}

.icon-shared-support:before {
    content: "\ea64"
}

.icon-continuous-improvement:before {
    content: "\ea65"
}

.icon-enhanced-security1:before {
    content: "\ea66"
}

.icon-flexibility-and-scalability:before {
    content: "\ea67"
}

.icon-global-presence-and-support:before {
    content: "\ea68"
}

.icon-methodology-and-expertise:before {
    content: "\ea69"
}

.icon-optimized-costs:before {
    content: "\ea6a"
}

.icon-proactive-monitoring:before {
    content: "\ea6b"
}

.icon-quick-issue-resolution:before {
    content: "\ea6c"
}

.icon-transparent-reporting:before {
    content: "\ea6d"
}

.icon-implementation-and-support:before {
    content: "\ea6e"
}

.icon-managed-services:before {
    content: "\ea6f"
}

.icon-process-governance:before {
    content: "\ea70"
}

.icon-process-improvement:before {
    content: "\ea71"
}

.icon-software-analysis:before {
    content: "\ea72"
}

.icon-applications-optimization:before {
    content: "\ea73"
}

.icon-effective-outsourcing:before {
    content: "\ea74"
}

.icon-productivity-improvement:before {
    content: "\ea75"
}

.icon-data-security1:before {
    content: "\ea76"
}

.icon-improved-roi:before {
    content: "\ea77"
}

.icon-charge-efficiently:before {
    content: "\e98d"
}

.icon-charge-intelligently:before {
    content: "\e98e"
}

.icon-charge-sustainably:before {
    content: "\e98f"
}

.icon-customer-satisfaction:before {
    content: "\e990"
}

.icon-ecosystem:before {
    content: "\e991"
}

.icon-enhanced-security:before {
    content: "\e992"
}

.icon-automation1:before {
    content: "\e993"
}

.icon-faster-processes:before {
    content: "\e994"
}

.icon-fewer-intermediaries:before {
    content: "\e995"
}

.icon-greater-efficiency-and-roi:before {
    content: "\e996"
}

.icon-security:before {
    content: "\e997"
}

.icon-transparency:before {
    content: "\e998"
}

.icon-compensation-management:before {
    content: "\e999"
}

.icon-employee-experience-management:before {
    content: "\e99a"
}

.icon-performance-improvement:before {
    content: "\e99b"
}

.icon-talent-management:before {
    content: "\e99c"
}

.icon-up-to-date-analytics:before {
    content: "\e99d"
}

.icon-workforce-planning:before {
    content: "\e99e"
}

.icon-internal-collaboration:before {
    content: "\e99f"
}

.icon-lead-management:before {
    content: "\e9a0"
}

.icon-personalized-customer-journeys:before {
    content: "\e9a1"
}

.icon-price-and-quote:before {
    content: "\e9a2"
}

.icon-real-time-reporting:before {
    content: "\e9a3"
}

.icon-retail-execution:before {
    content: "\e9a4"
}

.icon-cloud-readiness:before {
    content: "\e9a5"
}

.icon-data-management-and-decision-making:before {
    content: "\e9a6"
}

.icon-data-processing-and-automation:before {
    content: "\e9a7"
}

.icon-enhanced-forecasting:before {
    content: "\e9a8"
}

.icon-integrated-workflows:before {
    content: "\e9a9"
}

.icon-intuitive-user-interface:before {
    content: "\e9aa"
}

.icon-amplifying-insights:before {
    content: "\e9ab"
}

.icon-cloud-delivery-options:before {
    content: "\e9ac"
}

.icon-data-security:before {
    content: "\e9ad"
}

.icon-impactful-models:before {
    content: "\e9ae"
}

.icon-real-time-decisions:before {
    content: "\e9af"
}

.icon-risk-and-threat-mitigation:before {
    content: "\e9b0"
}

.icon-accurate-forecasting:before {
    content: "\e9b1"
}

.icon-data-integrity:before {
    content: "\e9b2"
}

.icon-deployment-flexibility:before {
    content: "\e9b3"
}

.icon-increased-transparency:before {
    content: "\e9b4"
}

.icon-real-time-data-access:before {
    content: "\e9b5"
}

.icon-reduced-closing-time:before {
    content: "\e9b6"
}

.icon-automate-invoice-processes:before {
    content: "\e9b7"
}

.icon-easy-planning:before {
    content: "\e9b8"
}

.icon-financial-consolidation:before {
    content: "\e9b9"
}

.icon-financial-report-and-forecasts:before {
    content: "\e9ba"
}

.icon-real-time-analysis:before {
    content: "\e9bb"
}

.icon-robust-grc-strategy:before {
    content: "\e9bc"
}

.icon-amplified-productivity:before {
    content: "\e9bd"
}

.icon-data-analysis-and-reporting:before {
    content: "\e9be"
}

.icon-enhanced-consistency:before {
    content: "\e9bf"
}

.icon-enhanced-flexibility:before {
    content: "\e9c0"
}

.icon-AI-marketing:before {
    content: "\e9c1"
}

.icon-customer-data:before {
    content: "\e9c2"
}

.icon-customer-loyalty:before {
    content: "\e9c3"
}

.icon-marketing-automation:before {
    content: "\e9c4"
}

.icon-omnichannel-marketing:before {
    content: "\e9c5"
}

.icon-personalization:before {
    content: "\e9c6"
}

.icon-reporting-and-analytics:before {
    content: "\e9c7"
}

.icon-strategies-and-tactics:before {
    content: "\e9c8"
}

.icon-technology-integration:before {
    content: "\e9c9"
}

.icon-Customer-Experience-Strategy:before {
    content: "\e9ca"
}

.icon-End-to-End-Consulting:before {
    content: "\e9cb"
}

.icon-expertise-and-best-practices:before {
    content: "\e9cc"
}

.icon-highly-adaptable:before {
    content: "\e9cd"
}

.icon-integration1:before {
    content: "\e9ce"
}

.icon-personalized-customer-experiences:before {
    content: "\e9cf"
}

.icon-pre-loaded-features:before {
    content: "\e9d0"
}

.icon-true-omnichannel-capabilities:before {
    content: "\e9d1"
}

.icon-widespread-industry-relevance:before {
    content: "\e9d2"
}

.icon-collaboration-and-data-sharing:before {
    content: "\e9d3"
}

.icon-cost-savings-and-efficiency:before {
    content: "\e9d4"
}

.icon-end-to-end-options:before {
    content: "\e9d5"
}

.icon-enhanced-productivity:before {
    content: "\e9d6"
}

.icon-flexibility:before {
    content: "\e9d7"
}

.icon-maximiz-value:before {
    content: "\e9d8"
}

.icon-automated-forecasting-and-adaptive-operations:before {
    content: "\e9d9"
}

.icon-compliance-and-regulations:before {
    content: "\e9da"
}

.icon-enhanced-customer-experience-and-productivity:before {
    content: "\e9db"
}

.icon-fraud-detection-and-risk-management:before {
    content: "\e9dc"
}

.icon-predictive-maintenance-and-business-process-optimization:before {
    content: "\e9dd"
}

.icon-proactive-and-contextualized-insights:before {
    content: "\e9de"
}

.icon-easy-integration:before {
    content: "\e9df"
}

.icon-enterprise-applications-support:before {
    content: "\e9e0"
}

.icon-native-connectivity:before {
    content: "\e9e1"
}

.icon-no-code-platform:before {
    content: "\e9e2"
}

.icon-increased-productivity:before {
    content: "\e9e3"
}

.icon-rapid-implementation:before {
    content: "\e9e4"
}

.icon-real-time-decision-making:before {
    content: "\e9e5"
}

.icon-seamless-integration:before {
    content: "\e9e6"
}

.icon-smooth-interaction:before {
    content: "\e9e7"
}

.icon-task-automation:before {
    content: "\e9e8"
}

.icon-decision-making-potential:before {
    content: "\e9e9"
}

.icon-minimize-expenses:before {
    content: "\e9ea"
}

.icon-mobile-integration:before {
    content: "\e9eb"
}

.icon-operational-efficiency:before {
    content: "\e9ec"
}

.icon-predicting-outcomes:before {
    content: "\e9ed"
}

.icon-scenario-analysis:before {
    content: "\e9ee"
}

.icon-improved-business-planning:before {
    content: "\e9ef"
}

.icon-integration-capabilities:before {
    content: "\e9f0"
}

.icon-intelligent-forecasting:before {
    content: "\e9f1"
}

.icon-key-insights1:before {
    content: "\e9f2"
}

.icon-plan-your-framework:before {
    content: "\e9f3"
}

.icon-seamless-implementation:before {
    content: "\e9f4"
}

.icon-simplified-data-management:before {
    content: "\e9f5"
}

.icon-greater-security-and-scalability:before {
    content: "\e9f6"
}

.icon-guaranteed-compliance:before {
    content: "\e9f7"
}

.icon-improvements-in-employee-experience:before {
    content: "\e9f8"
}

.icon-process-and-cost-efficiencies:before {
    content: "\e9f9"
}

.icon-productivity-and-digital-transformation:before {
    content: "\e9fa"
}

.icon-reduce-human-error:before {
    content: "\e9fb"
}

.icon-accelerate-insights:before {
    content: "\e9fc"
}

.icon-automate-tasks:before {
    content: "\e9fd"
}

.icon-enhance-productivity:before {
    content: "\e9fe"
}

.icon-optimize-investments:before {
    content: "\e9ff"
}

.icon-protect-your-data:before {
    content: "\ea00"
}

.icon-streamline-operations:before {
    content: "\ea01"
}

.icon-customer-evaluation-system:before {
    content: "\ea02"
}

.icon-flexible-upgrades:before {
    content: "\ea03"
}

.icon-full-integration:before {
    content: "\ea04"
}

.icon-high-extensibility:before {
    content: "\ea05"
}

.icon-predictable--reduced-tco:before {
    content: "\ea06"
}

.icon-speed:before {
    content: "\ea07"
}

.icon-agility-and-scalability:before {
    content: "\ea08"
}

.icon-cost-savings:before {
    content: "\ea09"
}

.icon-innovation-acceleration:before {
    content: "\ea0a"
}

.icon-real-time-insights:before {
    content: "\ea0b"
}

.icon-reduced-complexity:before {
    content: "\ea0c"
}

.icon-security-and-compliance:before {
    content: "\ea0d"
}

.icon-24x7-support:before {
    content: "\ea0e"
}

.icon-business-value-analysis:before {
    content: "\ea0f"
}

.icon-custom-development:before {
    content: "\ea10"
}

.icon-implementation:before {
    content: "\ea11"
}

.icon-integration:before {
    content: "\ea12"
}

.icon-migration:before {
    content: "\ea13"
}

.icon-effective-decisions:before {
    content: "\ea14"
}

.icon-enhanced-processes:before {
    content: "\ea15"
}

.icon-improved-productivity:before {
    content: "\ea16"
}

.icon-innovation:before {
    content: "\ea17"
}

.icon-key-insights:before {
    content: "\ea18"
}

.icon-reduced-cost:before {
    content: "\ea19"
}

.icon-Long-Term-Value-Creation:before {
    content: "\e987"
}

.icon-Early-Payment-Advantage:before {
    content: "\e988"
}

.icon-Efficient-Data-Handling:before {
    content: "\e989"
}

.icon-Enhanced-Supplier-Buyer-Relations:before {
    content: "\e98a"
}

.icon-Banking-Transparency:before {
    content: "\e98b"
}

.icon-Error-Reduction:before {
    content: "\e98c"
}

.icon-AI-Consulting-Services:before {
    content: "\e985"
}

.icon-SAP-Integration:before {
    content: "\e986"
}

.icon-sustainable-procurement:before {
    content: "\e970"
}

.icon-regulatory-compliance1:before {
    content: "\e971"
}

.icon-long-term-value-creation:before {
    content: "\e972"
}

.icon-improved-transparency:before {
    content: "\e973"
}

.icon-health-and-safety:before {
    content: "\e974"
}

.icon-circular-economy:before {
    content: "\e975"
}

.icon-ai-technologies-consulting:before {
    content: "\e976"
}

.icon-ai-strategy-consulting:before {
    content: "\e977"
}

.icon-ai-consulting-services:before {
    content: "\e978"
}

.icon-usability:before {
    content: "\e979"
}

.icon-sap-integration:before {
    content: "\e97a"
}

.icon-information-and-knowledge-management:before {
    content: "\e97b"
}

.icon-employee-engagement:before {
    content: "\e97c"
}

.icon-data-protected-compliance:before {
    content: "\e97d"
}

.icon-cost-reduction:before {
    content: "\e97e"
}

.icon-sustainable-supply-chain:before {
    content: "\e97f"
}

.icon-regulatory-compliance:before {
    content: "\e980"
}

.icon-improved-brand-reputation:before {
    content: "\e981"
}

.icon-enhanced-environmental-management:before {
    content: "\e982"
}

.icon-data-driven-insights:before {
    content: "\e983"
}

.icon-cost-savings1:before {
    content: "\e984"
}

.icon-cloud-upload:before {
    content: "\e96a"
}

.icon-ai-Copilots:before {
    content: "\e96b"
}

.icon-square-globe:before {
    content: "\e96c"
}

.icon-square-rocket:before {
    content: "\e96d"
}

.icon-certificate-batch:before {
    content: "\e96e"
}

.icon-lang:before {
    content: "\e96f"
}

.icon-tax-bundle:before {
    content: "\e960"
}

.icon-userin-gear:before {
    content: "\e962"
}

.icon-box-arrowsout:before {
    content: "\e963"
}

.icon-doc-tax:before {
    content: "\e964"
}

.icon-arrowin-doller:before {
    content: "\e965"
}

.icon-alert:before {
    content: "\e966"
}

.icon-click-fingure:before {
    content: "\e967"
}

.icon-map-mark:before {
    content: "\e968"
}

.icon-percent-arrowup:before {
    content: "\e969"
}

.icon-direction-arrows:before {
    content: "\e95e"
}

.icon-square-puzzle:before {
    content: "\e95f"
}

.icon-truck:before {
    content: "\e961"
}

.icon-doc-bond:before {
    content: "\e95b"
}

.icon-hand-cradircard:before {
    content: "\e95c"
}

.icon-map-tracking:before {
    content: "\e95d"
}

.icon-circle-graph:before {
    content: "\e93d"
}

.icon-puzzle:before {
    content: "\e959"
}

.icon-ai-chip:before {
    content: "\e95a"
}

.icon-eye-arrow:before {
    content: "\e955"
}

.icon-alert-gear:before {
    content: "\e956"
}

.icon-screen-graph:before {
    content: "\e957"
}

.icon-gear-arrowdown:before {
    content: "\e958"
}

.icon-comunication-screen:before {
    content: "\e951"
}

.icon-box-checked:before {
    content: "\e952"
}

.icon-gear-dasharrow:before {
    content: "\e953"
}

.icon-doc-copy:before {
    content: "\e954"
}

.icon-moniter-team:before {
    content: "\e944"
}

.icon-procedure-arrow:before {
    content: "\e94d"
}

.icon-watch-graph:before {
    content: "\e94e"
}

.icon-arrowup-dollar:before {
    content: "\e94f"
}

.icon-info-doc:before {
    content: "\e950"
}

.icon-doc-hand:before {
    content: "\e94a"
}

.icon-cost-down:before {
    content: "\e94b"
}

.icon-cash-round-arrow:before {
    content: "\e94c"
}

.icon-uturn-arrow:before {
    content: "\e93a"
}

.icon-message-star:before {
    content: "\e941"
}

.icon-gear-roundarrow:before {
    content: "\e942"
}

.icon-watch-gear:before {
    content: "\e943"
}

.icon-circle-arrow:before {
    content: "\e945"
}

.icon-rpm:before {
    content: "\e946"
}

.icon-tools:before {
    content: "\e947"
}

.icon-hand-tool:before {
    content: "\e948"
}

.icon-doc-hammer:before {
    content: "\e949"
}

.icon-hand-shake:before {
    content: "\e93e"
}

.icon-profit-hand:before {
    content: "\e93f"
}

.icon-user-relation:before {
    content: "\e940"
}

.icon-graph-uparrow:before {
    content: "\e937"
}

.icon-worker:before {
    content: "\e938"
}

.icon-leaf-bulb:before {
    content: "\e939"
}

.icon-two-join-arrow:before {
    content: "\e93b"
}

.icon-headphone:before {
    content: "\e93c"
}

.icon-clock:before {
    content: "\e934"
}

.icon-upload-file:before {
    content: "\e935"
}

.icon-expand-content:before {
    content: "\e936"
}

.icon-cloud:before {
    content: "\e92f"
}

.icon-folder:before {
    content: "\e930"
}

.icon-robot:before {
    content: "\e931"
}

.icon-memory:before {
    content: "\e932"
}

.icon-datatable:before {
    content: "\e933"
}

.icon-plus:before {
    content: "\e92e"
}

.icon-detail-view:before {
    content: "\e92c"
}

.icon-map-view:before {
    content: "\e92d"
}

.icon-cloud-settings:before {
    content: "\e927"
}

.icon-desktop-settings:before {
    content: "\e928"
}

.icon-ai:before {
    content: "\e929"
}

.icon-cms:before {
    content: "\e92a"
}

.icon-automation:before {
    content: "\e92b"
}

.icon-mail:before {
    content: "\e926"
}

.icon-menu:before {
    content: "\e923"
}

.icon-sms:before {
    content: "\e925"
}

.icon-pause:before {
    content: "\e922"
}

.icon-twitter:before {
    content: "\e924"
}

.icon-play:before {
    content: "\e920"
}

.icon-instagram:before {
    content: "\e91d"
}

.icon-star:before {
    content: "\e91e"
}

.icon-check-circle:before {
    content: "\e91f"
}

.icon-chevron-down:before {
    content: "\e91c"
}

.icon-copyright:before {
    content: "\e900"
}

.icon-youtube:before {
    content: "\e901"
}

.icon-facebook:before {
    content: "\e902"
}

.icon-linkedin:before {
    content: "\e903"
}

.icon-call:before {
    content: "\e904"
}

.icon-my-location:before {
    content: "\e905"
}

.icon-calendar:before {
    content: "\e906"
}

.icon-smart-toy:before {
    content: "\e907"
}

.icon-folder-open:before {
    content: "\e908"
}

.icon-paid:before {
    content: "\e909"
}

.icon-business:before {
    content: "\e90a"
}

.icon-upgrade:before {
    content: "\e90b"
}

.icon-rocket:before {
    content: "\e90c"
}

.icon-search-insights:before {
    content: "\e90d"
}

.icon-settings-applications:before {
    content: "\e90e"
}

.icon-swap:before {
    content: "\e90f"
}

.icon-quick-reference:before {
    content: "\e910"
}

.icon-history-edu:before {
    content: "\e911"
}

.icon-widgets:before {
    content: "\e912"
}

.icon-chat:before {
    content: "\e913"
}

.icon-arrow-dropdown:before {
    content: "\e914"
}

.icon-cookie:before {
    content: "\e915"
}

.icon-manufacturing:before {
    content: "\e916"
}

.icon-check:before {
    content: "\e917"
}

.icon-close:before {
    content: "\e918"
}

.icon-arrow-right:before {
    content: "\e919"
}

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

.icon-globe:before {
    content: "\e91a"
}

.icon-search:before {
    content: "\e91b"
}

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

body,.page {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
    font-family: "Questrial",Arial,Verdana,Tahoma,sans-serif;
    color: #0f0f0f;
    line-height: 1;
    font-size: 16px
}

article,aside,figcaption,figure,footer,header,hgroup,main,nav,section {
    display: block
}

img,a,input,nav,textarea,p,h1,h2,h3,h4,h5,h6 {
    padding: 0;
    margin: 0
}

.h1,h1 {
    font-size: 61px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: -.32px
}

@media only screen and (min-width: 1024px) {
    .h1,h1 {
        font-size:80px;
        line-height: 1;
        font-weight: 400;
        letter-spacing: -.32px
    }
}

@media only screen and (min-width: 1440px) {
    .h1,h1 {
        font-size:99px;
        line-height: 1;
        font-weight: 400;
        letter-spacing: -.32px
    }
}

.h2,h2 {
    font-size: 47px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: -.32px
}

@media only screen and (min-width: 1024px) {
    .h2,h2 {
        font-size:54px;
        line-height: 1;
        font-weight: 400;
        letter-spacing: -.32px
    }
}

@media only screen and (min-width: 1440px) {
    .h2,h2 {
        font-size:61px;
        line-height: 1;
        font-weight: 400;
        letter-spacing: -.32px
    }
}

.h3,h3 {
    font-size: 36px;
    line-height: 1.06;
    font-weight: 400;
    letter-spacing: -.32px
}

@media only screen and (min-width: 1024px) {
    .h3,h3 {
        font-size:40px;
        line-height: 1.06;
        font-weight: 400;
        letter-spacing: -.32px
    }
}

@media only screen and (min-width: 1440px) {
    .h3,h3 {
        font-size:47px;
        line-height: 1.06;
        font-weight: 400;
        letter-spacing: -.32px
    }
}

.h4,h4 {
    font-size: 27px;
    line-height: 1.1;
    font-weight: 400;
    letter-spacing: -.32px
}

@media only screen and (min-width: 1024px) {
    .h4,h4 {
        font-size:32px;
        line-height: 1.1;
        font-weight: 400;
        letter-spacing: -.32px
    }
}

@media only screen and (min-width: 1440px) {
    .h4,h4 {
        font-size:36px;
        line-height: 1.1;
        font-weight: 400;
        letter-spacing: -.32px
    }
}

.h5,h5 {
    font-size: 24px;
    line-height: 1.1;
    font-weight: 400;
    letter-spacing: -.32px
}

@media only screen and (min-width: 1024px) {
    .h5,h5 {
        font-size:25px !important;
        line-height: 1.1;
        font-weight: 400;
        letter-spacing: -.32px
    }
}

@media only screen and (min-width: 1440px) {
    .h5,h5 {
        font-size:27px;
        line-height: 1.1;
        font-weight: 400;
        letter-spacing: -.32px
    }
}

.h6,h6 {
    font-size: 21px;
    line-height: 1.25;
    font-weight: 400;
    letter-spacing: normal
}

@media only screen and (min-width: 1024px) {
    .h6,h6 {
        font-size:22px;
        line-height: 1.25;
        font-weight: 400;
        letter-spacing: normal
    }
}

@media only screen and (min-width: 1440px) {
    .h6,h6 {
        font-size:24px;
        line-height: 1.25;
        font-weight: 400;
        letter-spacing: normal
    }
}

.body-font-xl {
    font-size: 18px !important;
    line-height: 1.381;
    font-weight: 400;
    letter-spacing: normal
}

.body-font-lg {
    font-size: 18px;
    line-height: 1.389;
    font-weight: 400;
    letter-spacing: normal
}

.body-font-md {
    font-size: 16px;
    line-height: 1.375;
    font-weight: 400;
    letter-spacing: normal
}

.body-font-sm {
    font-size: 14px;
    line-height: 1.429;
    font-weight: 400;
    letter-spacing: normal
}

.body-font-xs {
    font-size: 12px;
    line-height: 1.417;
    font-weight: 400;
    letter-spacing: normal
}

figure {
    margin: 0;
    display: inherit
}

button {
    border: none;
    background: none;
    cursor: pointer;
    outline: none!important;
    font-family: "Questrial",Arial,Verdana,Tahoma,sans-serif
}

a {
    color: #0f0f0f;
    position: relative;
    text-decoration: none;
    outline: none;
    transition: all 0.4s ease
}

/*a:visited {*/
/*   color: #fff*/
/*} */

a.link {
    display: inline-flex;
    align-items: center;
    line-height: 22px;
    padding-right: 2px;
    letter-spacing: .32px
}

@media only screen and (min-width: 768px) {
    a.link {
        line-height:24px
    }
}

a.link .link-icon {
    margin-left: 9px;
    transition: all 0.4s ease
}

a.link.link-light {
    color: #fff
}

a.link.link-light::after {
    background: #fff
}

a.link.link-light.disabled {
    color: rgba(255,255,255,.6);
    background: transparent;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial
}

a.link::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.4s ease;
    background: #0f0f0f;
    height: 2px;
    width: 0
}

a.link:hover {
    padding-right: 0
}

a.link:hover::after {
    width: calc(100% - 25.83px)
}

a.link:hover .link-icon {
    margin-left: 11px
}

a.link.disabled {
    color: rgba(60,60,67,.5019607843);
    background: transparent;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial
}

a.link.disabled::after {
    width: calc(100% - 25.83px);
    background: rgba(60,60,67,.5019607843)
}

a:focus {
    outline: none;
    color: #0f0f0f
}

input:focus,select:focus {
    outline: 0;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

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

blockquote,figure,address {
    margin: 0;
    padding: 0;
    font-style: normal
}

main {
    padding: 0;
    width: 100%
}

.container {
    max-width: 1440px;
    width: 100%;
    padding: 0 16px;
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    .container {
        padding:0 24px
    }

    .container.size-md,.container .container-inner-md {
        padding: 0 6px
    }

    .container.size-md,.container.size-sm,.container .container-inner-sm {
        padding: 0 16px
    }
}

@media only screen and (min-width: 1024px) {
    .container {
        padding:0 32px
    }

    .container.size-md,.container .container-inner-md {
        padding: 0 12px
    }

    .container.size-sm,.container .container-inner-sm {
        padding: 0 32px
    }
}

.container-fluid {
    width: 100%;
    padding: 0;
    margin: 0 auto
}

section,.section {
    width: 100%;
    padding-top: 64px;
    padding-bottom: 64px
}

@media only screen and (min-width: 768px) {
    section,.section {
        padding-top:100px;
        padding-bottom: 100px
    }
}

@media only screen and (min-width: 1280px) {
    section,.section {
        padding-top:120px;
        padding-bottom: 120px
    }
}

@media only screen and (min-width: 1440px) {
    section,.section {
        padding-top:180px;
        padding-bottom: 180px
    }
}

p {
    margin-bottom: 0
}

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

.ul-none li {
    list-style: none
}

.ul-none.list-unstyled {
    margin: 0;
    padding: 0
}

.ul-none.list-unstyled li {
    margin: 0;
    padding: 0
}

.ul-none.list-unstyled li:before {
    content: normal
}

.ol-none {
    list-style: none
}

.ol-none li {
    counter-increment: av-counter;
    margin: 0 0 20px;
    padding: 0 0 0 20px;
    position: relative
}

.ol-none li:before {
    content: counter(av-counter) ".";
    counter-increment: none;
    position: absolute;
    left: 0;
    top: 0
}

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

.w-full {
    width: 100%
}

.d-none {
    display: none
}

.d-align-center {
    align-items: center
}

.d-align-end {
    align-items: flex-end
}

.d-align-start {
    align-items: flex-start
}

.d-just-center {
    justify-content: center
}

.d-just-end {
    justify-content: flex-end
}

.d-space-between {
    justify-content: space-between
}

.d-flex-col {
    flex-direction: column
}

.d-just-start {
    justify-content: flex-start
}

.flex-column-md {
    flex-direction: column
}

@media only screen and (min-width: 1024px) {
    .flex-column-md {
        flex-direction:row
    }
}

.flex-column-xs {
    flex-direction: column
}

@media only screen and (min-width: 768px) {
    .flex-column-xs {
        flex-direction:row
    }
}

.d-flex-wrap {
    flex-wrap: wrap
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.just-left {
    justify-content: left
}

.text-caps {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.color-white {
    color: #fff
}

.color-white a {
    color: #fff
}

.color-dark {
    color: #0f0f0f!important
}

.text-secondary {
    color: rgba(60,60,67,.6)
}

.my-16 {
    margin-top: 16px;
    margin-bottom: 16px
}

.cky-revisit-bottom-left {
    right: 15px;
    bottom: 60px!important;
    left: unset!important
}

.btn {
    background: transparent;
    color: #0f0f0f;
    padding: 8px 15px;
    border-radius: 1px;
    font-size: 15px;
    line-height: normal;
    font-weight: 400;
    letter-spacing: .32px;
    min-height: 34px;
    transition: all 0.4s ease;
    display: inline-flex;
    align-items: center
}

@media only screen and (min-width: 1440px) {
    .btn {
        font-size:16px;
        line-height: normal;
        font-weight: 400;
        letter-spacing: .32px;
        min-height: 36px;
        padding: 9px 24px
    }
}

.btn.btn-outline {
    border: 0;
    position: relative
}

.btn.btn-outline::after {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    padding: 1px;
    border-radius: 1px;
    background: linear-gradient(88.21deg,#ffbf01 -28.43%,#ff7402 123%);
    -webkit-mask: linear-gradient(#ffffff 0 0) content-box,linear-gradient(#ffffff 0 0);
    mask: linear-gradient(#ffffff 0 0) content-box,linear-gradient(#ffffff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.btn.btn-outline .btn-text {
    background: linear-gradient(88.21deg,#ffbf01 -28.43%,#ff7402 123%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center
}

.btn.btn-outline .btn-icon {
    transform: none!important
}

.btn.btn-outline[disabled] {
    opacity: 1;
    border-radius: 4px;
    pointer-events: none;
    border: 1px solid rgba(60,60,67,.6)
}

.btn.btn-outline[disabled]:after {
    display: none
}

.btn.btn-outline[disabled] .btn-text {
    color: rgba(60,60,67,.6);
    background: transparent;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial
}

.btn.btn-outline:hover {
    padding-right: 11px
}

@media only screen and (min-width: 1280px) {
    .btn.btn-outline:hover {
        padding-right:20px
    }
}

.btn.btn-outline:hover::after {
    border-radius: 4px
}

.btn.btn-outline:hover .btn-icon {
    margin-left: 15px
}

.btn.btn-outline.light {
    border: 1px solid #fff
}

.btn.btn-outline.light .btn-text {
    color: #fff;
    background: transparent;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial
}

.btn.btn-outline.light::after {
    display: none
}

.btn.btn-outline.light[disabled] {
    border-color: rgba(255,255,255,.6);
    opacity: 1;
    border-radius: 4px
}

.btn.btn-outline.light[disabled] .btn-text {
    color: rgba(255,255,255,.6)
}

.btn.btn-outline-dark {
    border: 1px solid #0f0f0f;
    color: #0f0f0f
}

.btn.btn-white {
    background: #fff
}

.btn:hover {
    opacity: .8;
    border-radius: 4px
}

.btn:hover .btn-icon {
    transform: translateX(4px)
}

.btn[disabled],.btn.disabled {
    opacity: .3
}

.btn.btn-slider {
    border: 1px solid #0f0f0f;
    height: 32px;
    width: 32px;
    padding: 0;
    min-height: 32px;
    display: -ms-flex;
    display: flex;
    align-items: center;
    justify-content: center
}

.btn.btn-slider::after {
    content: none
}

.btn.btn-slider .btn-icon {
    margin-left: 0;
    transform: none
}

.btn .btn-icon {
    margin-left: 11px;
    transition: all 0.4s ease
}

html,body {
    overflow-x: clip
}

header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
    background-color: #0f0f0f;
    transition: all 0.5s ease;
    content-visibility: initial!important
}

header .wpml-ls-item-toggle .wpml-ls-native {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

header .main-header {
    justify-content: space-between;
    position: relative;
    background-color: #0f0f0f;
    color: #fff;
    align-items: center;
    padding: 0
}

@media only screen and (min-width: 1024px) {
    header .main-header {
        background-color:transparent;
        padding: 12px 24px;
        justify-content: flex-start
    }
}

header .main-header .brand-wrap {
    margin-right: auto;
    margin-left: 16px;
    order: 2
}

@media only screen and (min-width: 1024px) {
    header .main-header .brand-wrap {
        order:unset;
        margin-right: 0;
        margin-left: 0
    }
}

header .main-header .brand-wrap img {
    height: 17px;
    -o-object-position: left;
    object-position: left;
    -o-object-fit: contain;
    object-fit: contain
}

@media only screen and (min-width: 1024px) {
    header .main-header .brand-wrap img {
        height:36.66px
    }
}

header .main-header .brand-wrap a {
    display: -ms-flex;
    display: flex
}

@media only screen and (min-width: 1024px) {
    header .main-header .menu-wrap {
        margin-left:32px
    }
}

@media only screen and (min-width: 1280px) {
    header .main-header .menu-wrap {
        margin-left:64px
    }
}

header .main-header .menu-wrap .menu-list {
    margin-left: 0;
    position: fixed;
    inset: 0;
    background: #0f0f0f;
    flex-direction: column;
    padding: 84px 36px 36px;
    align-items: flex-start;
    transform: translateY(-100%);
    transition: all 0.8s ease;
    overflow: hidden auto;
    opacity: 0;
    z-index: -1
}

@media only screen and (min-width: 1024px) {
    header .main-header .menu-wrap .menu-list {
        overflow:unset;
        transform: unset;
        padding: 0;
        background: transparent;
        position: unset;
        display: -ms-flex;
        display: flex;
        flex-direction: row;
        opacity: 1;
        z-index: 1
    }
}

header .main-header .menu-wrap .menu-list.active {
    transform: translateY(0);
    z-index: 9;
    opacity: 1
}

@media only screen and (min-width: 1024px) {
    header .main-header .menu-wrap .menu-list li:hover .sub-menu {
        display:-ms-flex;
        display: flex;
        transform: scaleY(1);
        overflow-y: visible;
        max-height: calc(100vh - 60px)
    }
}

@media only screen and (min-width: 1024px) {
    header .main-header .menu-wrap .menu-list li.mobile-menu {
        display:none
    }
}

header .main-header .menu-wrap .menu-list li.quick-links {
    margin-top: auto;
    margin-bottom: 16px;
    padding-bottom: 0!important
}

header .main-header .menu-wrap .menu-list li.quick-links>.menu-item-wrapper>a {
    font-size: 16px!important;
    line-height: 1.375!important;
    font-weight: 400;
    letter-spacing: normal;
    color: #98A2B3!important;
    margin-bottom: 0!important
}

header .main-header .menu-wrap .menu-list li.quick-link-menu,header .main-header .menu-wrap .menu-list li.mail-menu,header .main-header .menu-wrap .menu-list li.phone-menu {
    margin-bottom: 16px;
    padding-bottom: 0!important
}

header .main-header .menu-wrap .menu-list li.quick-link-menu>.menu-item-wrapper>a,header .main-header .menu-wrap .menu-list li.mail-menu>.menu-item-wrapper>a,header .main-header .menu-wrap .menu-list li.phone-menu>.menu-item-wrapper>a {
    font-size: 16px!important;
    line-height: 1.375!important;
    font-weight: 400;
    letter-spacing: normal;
    margin-bottom: 0!important
}

header .main-header .menu-wrap .menu-list li.phone-menu {
    margin-top: 44px
}

header .main-header .menu-wrap .menu-list li.phone-menu>.menu-item-wrapper>a::before {
    content: "\e904"
}

header .main-header .menu-wrap .menu-list li.mail-menu>.menu-item-wrapper>a,header .main-header .menu-wrap .menu-list li.phone-menu>.menu-item-wrapper>a {
    color: #91a6ff;
    position: relative
}

header .main-header .menu-wrap .menu-list li.mail-menu>.menu-item-wrapper>a::before,header .main-header .menu-wrap .menu-list li.phone-menu>.menu-item-wrapper>a::before {
    font-family: "icomoon"!important;
    font-size: 12px;
    height: 20px;
    width: 20px;
    padding-right: 32px;
    display: inline-block
}

header .main-header .menu-wrap .menu-list li.mail-menu>.menu-item-wrapper>a::before {
    content: "\e926"
}

header .main-header .menu-wrap .menu-list li.single-menu {
    position: relative
}

@media only screen and (min-width: 1024px) {
    header .main-header .menu-wrap .menu-list li.single-menu .sub-menu {
        flex-direction:column;
        padding: 0;
        width: -moz-max-content;
        width: max-content;
        min-width: 230px;
        border-radius: 0 0 4px 4px;
        top: 40px;
        margin-left: -24px
    }
}

@media only screen and (min-width: 1024px) {
    header .main-header .menu-wrap .menu-list li.single-menu .sub-menu>li {
        max-width:100%;
        border-bottom: 1px solid rgba(255,255,255,.12)
    }
}

header .main-header .menu-wrap .menu-list li.single-menu .sub-menu>li .menu-item-wrapper>a {
    color: #fff
}

@media only screen and (min-width: 1024px) {
    header .main-header .menu-wrap .menu-list li.single-menu .sub-menu>li .menu-item-wrapper>a {
        font-size:16px;
        line-height: 1.375;
        font-weight: 400;
        letter-spacing: normal;
        margin-bottom: 0;
        padding: 16px 24px
    }
}

header .main-header .menu-wrap .menu-list>li {
    padding-right: 0;
    display: -ms-flex;
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    width: 100%
}

@media only screen and (min-width: 1024px) {
    header .main-header .menu-wrap .menu-list>li {
        width:unset;
        margin-bottom: 0;
        padding-right: 14px
    }
}

@media only screen and (min-width: 1280px) {
    header .main-header .menu-wrap .menu-list>li {
        padding-right:16px
    }
}

@media only screen and (min-width: 1440px) {
    header .main-header .menu-wrap .menu-list>li {
        padding-right:26px
    }
}

@media only screen and (min-width: 1024px) {
    header .main-header .menu-wrap .menu-list>li:hover.menu-item-has-children>a::before {
        opacity:1;
        transform: scaleY(1)
    }
}

header .main-header .menu-wrap .menu-list>li:hover .menu-item-wrapper .menu-item-icon {
    opacity: 1
}

header .main-header .menu-wrap .menu-list>li .menu-item-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    width: 100%
}

@media only screen and (min-width: 1024px) {
    header .main-header .menu-wrap .menu-list>li .menu-item-wrapper {
        width:unset;
        justify-content: flex-start;
        gap: 0
    }
}

/* header .main-header .menu-wrap .menu-list>li .menu-item-wrapper>a {
    font-size: 24px;
    line-height: 1.1;
    font-weight: 400;
    letter-spacing: -.32px;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    align-items: center
} */

/* @media only screen and (min-width: 1024px) {
    header .main-header .menu-wrap .menu-list>li .menu-item-wrapper>a {
        font-size:25px;
        line-height: 1.1;
        font-weight: 400;
        letter-spacing: -.32px
    }
} */
/* 
@media only screen and (min-width: 1440px) {
    header .main-header .menu-wrap .menu-list>li .menu-item-wrapper>a {
        font-size:27px;
        line-height: 1.1;
        font-weight: 400;
        letter-spacing: -.32px
    }
}

@media only screen and (min-width: 1024px) {
    header .main-header .menu-wrap .menu-list>li .menu-item-wrapper>a {
        font-size:14px;
        line-height: 1.429;
        font-weight: 400;
        letter-spacing: normal
    }

    header .main-header .menu-wrap .menu-list>li .menu-item-wrapper>a:hover {
        color: #ffc700
    }
}

@media only screen and (min-width: 1280px) {
    header .main-header .menu-wrap .menu-list>li .menu-item-wrapper>a {
        font-size:18px;
        line-height: 1.389;
        font-weight: 400;
        letter-spacing: normal
    }
}

header .main-header .menu-wrap .menu-list>li .menu-item-wrapper>a:hover {
    color: #ffc700
}

header .main-header .menu-wrap .menu-list>li .menu-item-wrapper>a:hover~.menu-item-icon {
    color: #ffc700
} */

header .main-header .menu-wrap .menu-list>li.mobile-menu .menu-item-wrapper a {
    justify-content: flex-start
}

header .main-header .menu-wrap .menu-list>li .menu-item-wrapper a {
    color: #fff
}

@media only screen and (min-width: 1024px) {
    header .main-header .menu-wrap .menu-list>li.active>.menu-item-wrapper>a {
        color:#ffc700
    }
}

header .main-header .menu-wrap .menu-list>li.active.menu-item-has-children>.menu-item-wrapper>a::before {
    opacity: 1;
    transform: scaleY(1)
}

header .main-header .menu-wrap .menu-list>li.active>.sub-menu {
    transform: translateX(0);
    overflow-y: auto;
    overflow-x: hidden
}

@media only screen and (min-width: 1024px) {
    header .main-header .menu-wrap .menu-list>li.active>.sub-menu {
        display:-ms-flex;
        display: flex;
        transform: scaleY(1);
        overflow-y: auto;
        overflow-x: auto;
        max-height: calc(100vh - 60px)
    }
}

header .main-header .menu-wrap .menu-list>li.active>.sub-menu.active>li {
    display: none
}

header .main-header .menu-wrap .menu-list>li.active>.sub-menu.active>li.active {
    display: block
}

header .main-header .menu-wrap .menu-list>li.active>.sub-menu.active>li.active>.menu-item-wrapper>a {
    color: rgba(255,255,255,.6);
    font-size: 16px;
    line-height: 1.375;
    font-weight: 400;
    letter-spacing: normal
}

header .main-header .menu-wrap .menu-list>li.active>.sub-menu.active>li.active>.menu-item-wrapper .menu-item-icon {
    transform: rotate(90deg)
}

header .main-header .menu-wrap .menu-list>li.active>.sub-menu.active>li.active>.sub-menu {
    transform: translateX(0);
    opacity: 1
}

header .main-header .menu-wrap .menu-list>li .menu-item-wrapper .menu-item-icon {
    cursor: pointer;
    font-size: 12px;
    display: inline-block;
    transition: all 0.2s ease;
    padding: 5px
}

@media only screen and (min-width: 1024px) {
    header .main-header .menu-wrap .menu-list>li .menu-item-wrapper .menu-item-icon {
        transform:translateX(5px);
        opacity: 0
    }
}

header .main-header .menu-wrap .menu-list>li>.sub-menu {
    position: fixed;
    z-index: 1;
    margin-left: 0;
    transition: all 0.5s ease;
    padding: 84px 36px 36px;
    width: 100%;
    background-color: #0f0f0f;
    flex-wrap: wrap;
    inset: 0;
    transform: translateX(100%);
    height: calc(100% - 300px)
}

@media only screen and (min-width: 1024px) {
    header .main-header .menu-wrap .menu-list>li>.sub-menu {
        height:auto;
        transform-origin: top;
        transform: scaleY(0);
        background-color: #222;
        top: 58px;
        left: 0;
        bottom: unset;
        position: absolute;
        display: -ms-flex;
        display: flex;
        padding: 30px
    }
}

@media only screen and (min-width: 1280px) {
    header .main-header .menu-wrap .menu-list>li>.sub-menu {
        padding:48px
    }
}

@media only screen and (min-width: 1440px) {
    header .main-header .menu-wrap .menu-list>li>.sub-menu {
        top:60px
    }
}

@media only screen and (min-width: 1024px) {
    header .main-header .menu-wrap .menu-list>li>.sub-menu .menu-item-wrapper .menu-item-icon {
        display:none
    }
}

header .main-header .menu-wrap .menu-list>li>.sub-menu>li {
    padding-right: 0;
    width: 100%
}

@media only screen and (min-width: 1024px) {
    header .main-header .menu-wrap .menu-list>li>.sub-menu>li {
        max-width:25%
    }
}

header .main-header .menu-wrap .menu-list>li>.sub-menu>li>.menu-item-wrapper {
    width: 100%;
    margin-bottom: 24px
}

@media only screen and (min-width: 1024px) {
    header .main-header .menu-wrap .menu-list>li>.sub-menu>li>.menu-item-wrapper {
        width:auto;
        margin-bottom: 16px
    }
}

header .main-header .menu-wrap .menu-list>li>.sub-menu>li>.menu-item-wrapper>a {
    font-size: 24px;
    line-height: 1.1;
    font-weight: 400;
    letter-spacing: -.32px;
    color: rgba(255,255,255,.6) !important;
}

@media only screen and (min-width: 1024px) {
    header .main-header .menu-wrap .menu-list>li>.sub-menu>li>.menu-item-wrapper>a {
        font-size:25px;
        line-height: 1.1;
        font-weight: 400;
        letter-spacing: -.32px
    }
}

@media only screen and (min-width: 1440px) {
    header .main-header .menu-wrap .menu-list>li>.sub-menu>li>.menu-item-wrapper>a {
        font-size:27px;
        line-height: 1.1;
        font-weight: 400;
        letter-spacing: -.32px
    }
}

@media only screen and (min-width: 1024px) {
    header .main-header .menu-wrap .menu-list>li>.sub-menu>li>.menu-item-wrapper>a {
        font-size:16px;
        line-height: 1.375;
        font-weight: 400;
        letter-spacing: normal;
        color: rgba(255,255,255,.6)
    }
}

@media only screen and (min-width: 1280px) {
    header .main-header .menu-wrap .menu-list>li>.sub-menu>li>.menu-item-wrapper>a {
        font-size:16px;
        line-height: 1.375;
        font-weight: 400;
        letter-spacing: normal
    }
}

header .main-header .menu-wrap .menu-list>li>.sub-menu>li>.menu-item-wrapper>.menu-item-icon {
    color: rgba(255,255,255,.6)
}

@media only screen and (min-width: 1024px) {
    header .main-header .menu-wrap .menu-list>li>.sub-menu>li>.menu-item-wrapper>.menu-item-icon {
        color:rgba(255,255,255,.6)
    }
}

@media only screen and (min-width: 1024px) {
    header .main-header .menu-wrap .menu-list>li>.sub-menu>li:not(.menu-item-has-children)>.menu-item-wrapper {
        margin-bottom:0
    }
}

header .main-header .menu-wrap .menu-list>li>.sub-menu>li.active>.sub-menu {
    padding-bottom: 32px;
    height: auto;
    overflow: unset
}

header .main-header .menu-wrap .menu-list>li>.sub-menu>li>ul {
    padding-left: 0;
    margin-left: 0
}

header .main-header .menu-wrap .menu-list>li>.sub-menu>li>ul.sub-menu {
    gap: 32px;
    height: 0;
    background: #0f0f0f;
    overflow: hidden;
    transform: translateX(100%);
    opacity: 0;
    transition: all 0.5s ease
}

@media only screen and (min-width: 1024px) {
    header .main-header .menu-wrap .menu-list>li>.sub-menu>li>ul.sub-menu {
        transform:translateX(0);
        opacity: 1;
        height: unset;
        overflow: unset;
        padding-bottom: 18px;
        display: block;
        background: transparent
    }
}

@media only screen and (min-width: 1280px) {
    header .main-header .menu-wrap .menu-list>li>.sub-menu>li>ul.sub-menu {
        padding-bottom:32px
    }
}

header .main-header .menu-wrap .menu-list>li>.sub-menu>li>ul>li {
    padding-bottom: 16px
}

@media only screen and (min-width: 1024px) {
    header .main-header .menu-wrap .menu-list>li>.sub-menu>li>ul>li {
        padding-bottom:8px
    }
}

header .main-header .menu-wrap .menu-list>li>.sub-menu>li>ul>li:last-child {
    padding-bottom: 0
}

header .main-header .menu-wrap .menu-list>li>.sub-menu>li>ul>li>.menu-item-wrapper>a {
    font-size: 21px;
    line-height: 1.381;
    font-weight: 400;
    letter-spacing: normal;
    color: #fff !important;
}

@media only screen and (min-width: 1024px) {
    header .main-header .menu-wrap .menu-list>li>.sub-menu>li>ul>li>.menu-item-wrapper>a {
        font-size:14px;
        line-height: 1.429;
        font-weight: 400;
        letter-spacing: normal
    }
}

@media only screen and (min-width: 1280px) {
    header .main-header .menu-wrap .menu-list>li>.sub-menu>li>ul>li>.menu-item-wrapper>a {
        font-size:18px;
        line-height: 1.389;
        font-weight: 400;
        letter-spacing: normal
    }
}

header .main-header .menu-wrap .menu-list>li>.sub-menu>li.full-menu {
    flex: 0 0 100%;
    max-width: 100%;
    display: none
}

@media only screen and (min-width: 1024px) {
    header .main-header .menu-wrap .menu-list>li>.sub-menu>li.full-menu {
        display:block
    }
}

header .main-header .menu-wrap .menu-list>li>.sub-menu>li.full-menu a {
    margin-bottom: 0;
    position: relative;
    display: -ms-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    width: -moz-max-content;
    width: max-content;
    font-size: 16px;
    line-height: 1.375;
    font-weight: 400;
    letter-spacing: normal
}

@media only screen and (min-width: 1024px) {
    header .main-header .menu-wrap .menu-list>li>.sub-menu>li.full-menu a {
        font-size:14px;
        line-height: 1.429;
        font-weight: 400;
        letter-spacing: normal
    }
}

@media only screen and (min-width: 1280px) {
    header .main-header .menu-wrap .menu-list>li>.sub-menu>li.full-menu a {
        font-size:16px;
        line-height: 1.375;
        font-weight: 400;
        letter-spacing: normal
    }
}

header .main-header .menu-wrap .menu-list>li>.sub-menu>li.full-menu a::after {
    content: "\e919";
    font-family: "icomoon"!important;
    padding-left: 9px
}

header .main-header .menu-wrap .menu-list>li>.sub-menu.open {
    visibility: visible;
    opacity: 1
}

@media only screen and (min-width: 1024px) {
    header .main-header .menu-wrap .menu-list>li.industries-main-menu>.sub-menu>li {
        max-width:20%
    }
}

header .select-menu .select-btn {
    min-height: 48px;
    min-width: 48px;
    justify-content: center
}

@media only screen and (min-width: 1024px) {
    header .select-menu .select-btn {
        justify-content:space-between;
        min-height: auto;
        min-width: auto
    }
}

.country-warp {
    order: 1;
    position: relative;
    align-items: center
}

@media only screen and (min-width: 1024px) {
    .country-warp {
        padding-left:15px;
        order: unset
    }
}

.country-warp .btn {
    margin-left: 16px;
    white-space: nowrap;
    display: none
}

@media only screen and (min-width: 1024px) {
    .country-warp .btn {
        display:-ms-flex;
        display: flex
    }
}

.country-warp .icon-arrow-dropdown {
    font-size: 10px
}

.country-warp .icon-globe {
    font-size: 15px
}

.country-warp .icon-arrow-dropdown,.country-warp .select-btn-text {
    display: none
}

@media only screen and (min-width: 1024px) {
    .country-warp .icon-arrow-dropdown,.country-warp .select-btn-text {
        display:block
    }
}

.search-wrap {
    order: 4
}

@media only screen and (min-width: 1024px) {
    .search-wrap {
        order:unset;
        margin-right: auto
    }
}

.search-wrap .search-field-icon {
    height: 48px;
    width: 48px;
    display: -ms-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: #fff;
    cursor: pointer
}

@media only screen and (min-width: 1024px) {
    .search-wrap .search-field-icon {
        font-size:15px;
        height: 24px;
        width: 24px
    }
}

.search-wrap .search-input-group {
    display: none;
    position: absolute;
    background-color: #222;
    left: 0;
    right: 0;
    top: 48px;
    height: calc(100vh - 48px)
}

@media only screen and (min-width: 1024px) {
    .search-wrap .search-input-group {
        top:60px;
        height: 60px
    }
}

@media only screen and (min-width: 1024px) {
    .search-wrap .search-input-group::after {
        content:"";
        display: block;
        height: 2px;
        width: 100%;
        background: linear-gradient(88.21deg,#ffbf01 -28.43%,#ff7402 123%)
    }
}

.search-wrap .search-input-group .form-group {
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 0;
    display: -ms-flex;
    display: flex;
    flex-direction: column-reverse
}

@media only screen and (min-width: 1024px) {
    .search-wrap .search-input-group .form-group {
        padding-left:32px;
        padding-right: 32px;
        flex-direction: row;
        align-items: center
    }
}

.search-wrap .search-input-group .form-group input {
    background-color: #222;
    height: 60px;
    width: 100%;
    color: rgba(255,255,255,.7215686275);
    border: none;
    font-size: 27px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: .32px
}

.search-wrap .search-input-group .form-group input::-moz-placeholder {
    color: rgba(255,255,255,.7215686275)
}

.search-wrap .search-input-group .form-group input::placeholder {
    color: rgba(255,255,255,.7215686275)
}

@media only screen and (min-width: 1024px) {
    .search-wrap .search-input-group .form-group input {
        line-height:1;
        font-size: 16px;
        letter-spacing: .32px
    }
}

.search-wrap .search-input-group .form-group .search-btn {
    position: absolute;
    bottom: 50px;
    left: 20px;
    right: 20px;
    border: 1px solid #fff;
    padding: 5px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media only screen and (min-width: 1024px) {
    .search-wrap .search-input-group .form-group .search-btn {
        position:static;
        border: 0;
        padding: 0
    }
}

.search-wrap .search-input-group .form-group .search-btn .icon-search::before {
    content: "\e919"
}

@media only screen and (min-width: 1024px) {
    .search-wrap .search-input-group .form-group .search-btn .icon-search::before {
        content:"\e91b";
        color: #fff
    }
}

.search-wrap .search-input-group .form-group .search-btn .search-field-text {
    font-size: 16px;
    color: #fff
}

@media only screen and (min-width: 1024px) {
    .search-wrap .search-input-group .form-group .search-btn .search-field-text {
        font-size:0
    }
}

.search-wrap .search-input-group .form-group .search-btn:disabled {
    pointer-events: none;
    border: 1px solid rgba(255,255,255,.6)
}

.search-wrap .search-input-group .form-group .search-btn:disabled .search-field-text {
    color: rgba(255,255,255,.6)
}

.search-wrap .search-input-group .form-group .search-btn:disabled .icon-search::before {
    color: rgba(255,255,255,.6)
}

@media only screen and (min-width: 1024px) {
    .search-wrap .search-input-group .form-group .search-btn:disabled {
        pointer-events:auto;
        border: none
    }

    .search-wrap .search-input-group .form-group .search-btn:disabled .search-field-text,.search-wrap .search-input-group .form-group .search-btn:disabled .icon-search::before {
        color: #fff
    }
}

.search-wrap .search-input-group .form-group .icon-search {
    height: 24px;
    width: 24px
}

@media only screen and (min-width: 1024px) {
    .search-wrap .search-input-group .form-group .icon-search {
        height:24px
    }
}

.search-wrap .search-input-group .form-group .icon-close {
    margin-left: auto
}

@media only screen and (min-width: 1024px) {
    .search-wrap .search-input-group .form-group .icon-close {
        margin-left:16px
    }
}

.btn-header-icon {
    display: -ms-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    width: 48px;
    color: #fff;
    padding: 0;
    font-size: 13px
}

@media only screen and (min-width: 1024px) {
    .btn-header-icon {
        display:none
    }
}

.btn-header-icon.header-chat-icon {
    order: 3
}

@media only screen and (min-width: 1024px) {
    .btn-header-icon.header-chat-icon {
        order:unset
    }
}

.btn-header-icon.header-menu-icon {
    order: 5
}

@media only screen and (min-width: 1024px) {
    .btn-header-icon.header-menu-icon {
        order:unset
    }
}

.btn-header-icon.header-menu-icon.active {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999
}

.btn-header-icon.header-menu-icon.active span::before {
    content: "\e918"
}

.header-back-btn {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 91
}

.header-back-btn.back-two {
    z-index: 92
}

body {
    padding-top: 48px!important
}

@media only screen and (min-width: 1024px) {
    body {
        padding-top:58px!important
    }
}

@media only screen and (min-width: 1440px) {
    body {
        padding-top:60px!important
    }
}

body.home,body.transparent_header {
    padding-top: 0!important
}

body.home header,body.transparent_header header {
    background-color: transparent
}

body header.fixed-header {
    background-color: #0f0f0f
}

body.overlay-active::after {
    content: "";
    background-color: rgba(15,15,15,.2);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 3
}

body.overflow-active {
    overflow-y: hidden;
    padding-right: 0!important;
    padding-top: 0!important
}

input,select,textarea {
    font-family: "Questrial",Arial,Verdana,Tahoma,sans-serif
}

.badge {
    font-size: 13px;
    line-height: 18.2px;
    font-weight: 400;
    letter-spacing: normal;
    background: rgba(0,148,255,.1);
    color: #0094FF;
    display: inline-block;
    min-height: 21px;
    padding: 1.42px 8px;
    border-radius: 21px
}

.badge.badge-orange {
    background: rgba(240,141,0,.1);
    color: #f08d00
}

.badge.badge-green {
    background: rgba(117,157,0,.1);
    color: rgb(117,157,0)
}

.badge.badge-purple {
    background: rgba(99,66,255,.1);
    color: #6342FF
}

.badge.badge-dark-blue {
    background: rgba(88,120,255,.1);
    color: #5878ff
}

.badge.badge-white {
    background: transparent;
    border: 1px solid rgba(255,255,255,.36);
    color: #fff
}

.badge.badge-gray {
    color: #6A6A70;
    background: rgba(106,106,112,.1)
}

.select-menu .wpml-ls-legacy-dropdown-click {
    width: auto
}

.select-menu .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle {
    font-size: 14px;
    display: -ms-flex;
    display: flex;
    align-items: center;
    cursor: pointer;
    background: transparent;
    border: none;
    color: #fff;
    padding-right: 14px;
    padding-left: 14px
}

@media only screen and (min-width: 1024px) {
    .select-menu .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle {
        padding:0
    }
}

@media only screen and (min-width: 1280px) {
    .select-menu .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle {
        font-size:16px
    }
}

.select-menu .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle .wpml-ls-native {
    padding: 0 7px;
    margin-left: 0;
    display: none
}

@media only screen and (min-width: 1024px) {
    .select-menu .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle .wpml-ls-native {
        display:block
    }
}

.select-menu .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle::after {
    content: none;
    font-family: "icomoon"!important;
    border: none;
    position: static;
    font-size: 10px
}

@media only screen and (min-width: 1024px) {
    .select-menu .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle::after {
        content:"\e914"
    }
}

.select-menu .wpml-ls-flag {
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 20px;
    width: 20px
}

@media only screen and (min-width: 1024px) {
    .select-menu .wpml-ls-flag {
        height:24px;
        width: 24px
    }
}

.select-menu .wpml-ls-sub-menu {
    width: 230px;
    overflow-y: auto;
    left: 0;
    max-height: 550px;
    background: #222;
    border: 0;
    box-shadow: 0 20px 24px -4px rgba(16,24,40,.0784313725);
    top: 39px
}

@media only screen and (min-width: 1024px) {
    .select-menu .wpml-ls-sub-menu {
        top:40px
    }
}

.select-menu .wpml-ls-sub-menu li {
    border-bottom: 1px solid rgba(255,255,255,.12);
    padding: 12px 16px
}

.select-menu .wpml-ls-sub-menu li .wpml-ls-link {
    border: none;
    background-color: transparent;
    color: #fff;
    padding: 0;
    display: -ms-flex;
    display: flex;
    align-items: center;
    transition: none
}

.select-menu .wpml-ls-sub-menu li .wpml-ls-link .wpml-ls-native {
    margin-left: 12px
}

.select-menu.active .select-btn .icon-arrow-dropdown {
    transform: rotate(-180deg)
}

@media only screen and (min-width: 1024px) {
    .site-footer .select-menu .wpml-ls-sub-menu {
        top:46px!important
    }
}

.site-footer .select-menu .wpml-ls-sub-menu {
    top: 42px
}

.wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a,.wpml-ls-legacy-dropdown-click a:focus,.wpml-ls-legacy-dropdown-click a:hover {
    color: #fff;
    background-color: transparent
}

.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #b82622
}

.wpcf7-form .wpcf7 form.invalid .wpcf7-response-output {
    position: absolute;
    right: 0
}

.wpcf7-form .wpcf7-not-valid-tip {
    padding-top: 5px
}

.form-group {
    margin-bottom: 24px
}

.form-group .form-control {
    font-size: 14px;
    line-height: 1.375;
    font-weight: 400;
    letter-spacing: normal;
    padding: 10px 14px;
    box-shadow: 0 1px 2px 0 rgba(16,24,40,.0509803922);
    border: 1px solid rgba(60,60,67,.5019607843);
    width: 100%;
    background-color: #fdfdfd;
    color: rgba(60,60,67,.6)
}

.form-group .form-control::-moz-placeholder {
    color: rgba(60,60,67,.6)
}

.form-group .form-control::placeholder {
    color: rgba(60,60,67,.6)
}

.form-group textarea {
    height: 116px
}

.form-group select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(../../../../../../../../../themes/accely/assets/images/down-arrow.svg);
    background-repeat: no-repeat;
    background-position: 97%;
    background-size: 12px
}

.form-group label {
    font-size: 14px;
    line-height: 1.429;
    font-weight: 400;
    letter-spacing: normal;
    margin-bottom: 6px;
    display: inline-block
}

.form-group .checkbox {
    width: 20px;
    height: 20px;
    margin-right: 12px
}

.form-group.custom-checkbox-wrap label {
    position: relative
}

.form-group.custom-checkbox-wrap label input.checkbox {
    opacity: 0
}

.form-group.custom-checkbox-wrap label .custom-checkbox {
    width: 20px;
    height: 20px;
    border: 1px solid #0f0f0f;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex!important;
    display: -ms-flex;
    display: flex;
    align-items: center;
    justify-content: center
}

.form-group.custom-checkbox-wrap label .custom-checkbox .icon {
    opacity: 0;
    color: #7F56D9;
    font-size: 14px
}

.form-group.custom-checkbox-wrap label:has(:checked) .custom-checkbox {
    border-color: #7F56D9;
    background-color: #F9F5FF
}

.form-group.custom-checkbox-wrap label:has(:checked) .custom-checkbox .icon {
    opacity: 1
}

.wpcf7-list-item {
    margin-left: 0
}

#register-event .connect-with-us-right {
    background: #fff!important
}

.contact-main-form-wrap .contact-main-form ul.country-list .contact-main-form {
    display: flex!important;
    min-height: 100%;
    justify-content: center;
    align-items: center;
    background: #fff
}

input::-moz-placeholder {
    color: #B1B1B4;
    opacity: 1
}

input::placeholder {
    color: #B1B1B4;
    opacity: 1
}

.input-field {
     background-color: #5878FF;
    border: 1px solid #225fbf;
    border-radius: 8px;
    outline: none;
    font-size: 16px;
    line-height: 24px;
    padding: 12px 16px;
    width: 100%!important
}

.eventform.form-group,.eventformfull.form-group {
    position: relative;
    width: 100%;
    margin-top: 2%
}

.eventform input {
    background-color: #f7f7f7;
    border: 1px solid #f7f7f7;
    border-radius: 8px;
    font-size: 16px;
    line-height: 24px;
    padding: 12px 16px;
    width: 100%!important;
    transition: border-color 0.3s ease
}

.eventformfull input {
    background-color: #f7f7f7;
    border: 1px solid #f7f7f7;
    border-radius: 8px;
    font-size: 16px;
    line-height: 24px;
    padding: 12px 16px;
    width: 100%!important;
    transition: border-color 0.3s ease
}

.customfield label {
    display: block
}

.eventformfull label {
    color: #5878FF;
    font-family: Open Sans,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    background: #fff!important;
    font-size: 14px;
    z-index: 0;
    padding: 0 3px;
    transform: translate(-15px,-16px) scale(.88)!important;
    z-index: 1111;
    position: absolute;
    left: 3%;
    top: 16%;
    color: #5878FF;
    display: none
}

.eventform label {
    color: #5878FF;
    font-family: Open Sans,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    background: #fff!important;
    font-size: 14px;
    z-index: 0;
    padding: 0 3px;
    transform: translate(-15px,-16px) scale(.88)!important;
    z-index: 1111;
    position: absolute;
    left: 6%;
    top: 16%;
    color: #5878FF;
    display: none
}

.phonelabel {
    margin-top: 3%
}

.eventformfull.intl-tel-input.separate-dial-code .selected-flag {
    background: transparent!important
}

.eventform input:focus,.eventformfull input:focus,.eventform select:focus,.eventformfull select:focus {
    border: 1px solid #5878FF;
    background-color: #fff
}

form.invalid.eventform {
    margin-bottom: 0%!important;
    margin-top: 0%!important
}

.eventform input.wpcf7-not-valid {
    margin-top: 2%;
    border: 1px solid #dc3232!important
}

.eventform input[data-active=true]+label,.eventform input:focus+label {
    top: -10px;
    left: 10px;
    font-size: 12px;
    color: #5878FF
}

.customfield label {
    display: block!important;
    margin-top: 2.5%
}

.customfield1 label {
    display: block!important;
    margin-top: -1%!important
}

.demo-form label.input-label.custombusiness {
    margin-left: -1.2%
}

.demo-form label.input-label.custommargin {
    margin-top: -1.5%!important;
    margin-left: -3.2%!important
}

.form-group.customfield.eventform {
    margin-top: 0%!important
}

.demo-form .form-group.customfield1.eventform {
    margin-top: 2%!important
}

.form-group.customfield1.eventform {
    margin-top: 0.1%!important;
    margin-bottom: 12px
}

.eventform.emailfield,.eventform.designationfield,.eventform.companyfield {
    margin-top: 0%
}

a#resume-upload-btn {
    border: 1px solid;
    border-top: 2px solid;
    border-right: 2px solid
}

a#resume-upload-btn::after {
    content: none
}

a#resume-upload-btn:hover {
    border-top: 1px solid;
    border-right: 1px solid
}

.customfield ul.country-list li.country,.customfield1 ul.country-list li.country {
    padding: 16px 20px!important
}

.customfield ul.country-list li.country:hover,.customfield1 ul.country-list li.country:hover {
    cursor: pointer;
    background-color: #f7f7f7!important
}

.customfield ul.country-list li.country.active,.customfield1 ul.country-list li.country.active {
    border-bottom: 1px solid #5878FF!important;
    cursor: pointer;
    background-color: #f7f7f7!important
}

.customfield ul.country-dropdown li,.customfield1 ul.country-dropdown li {
    transition: background-color 0.3s ease,border-bottom 0.3s ease!important;
    background-color: #f7f7f7!important;
    color: #7B7978
}

.customfield ul.country-dropdown li:hover,.customfield1 ul.country-dropdown li:hover {
    background-color: #f7f7f7!important;
    color: #7B7978
}

.customfield input,.customfield1 input {
    border: 1px solid #5878FF!important;
    display: block;
    background: #fff
}

.customfield .intl-tel-input.allow-dropdown .flag-container,.intl-tel-input.separate-dial-code .flag-container,.customfield1 .intl-tel-input.allow-dropdown .flag-container,.intl-tel-input.separate-dial-code .flag-container {
    left: 0;
    right: 0
}

.eventform .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
    background: #fff!important
}

.eventform .input-container:has(input:not(:-moz-placeholder)) label {
    top: -10px;
    left: 10px;
    font-size: 12px;
    color: #007BFF
}

.eventform .input-container:has(input:focus) label,.eventform .input-container:has(input:not(:placeholder-shown)) label {
    top: -10px;
    left: 10px;
    font-size: 12px;
    color: #007BFF
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .customfield .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag,.customfield1 .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
        padding-left:25%;
        width: 18vw
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .connect-with-us-sec .container-fluid .connect-with-us-wrapper .connect-with-us-right .connect-with-us-title {
        display:none
    }

    .connect-with-us-sec .container-fluid .connect-with-us-wrapper .connect-with-us-left .connect-with-us-title-mobile {
        position: absolute!important;
        left: 16px!important;
        bottom: 48px!important;
        color: #ffffff!important;
        display: block;
        justify-content: center;
        text-align: center;
        width: 100%
    }

    .connect-with-us-sec .container-fluid .connect-with-us-wrapper {
        flex-direction: column
    }

    .connect-with-us-sec .container-fluid .connect-with-us-wrapper .connect-with-us-right {
        margin: 0px!important;
        padding: 0 32px!important
    }

    .connect-with-us-sec .container-fluid .connect-with-us-wrapper .connect-with-us-left {
        max-width: 100%
    }

    .customfield label {
        font-size: 12px;
        margin-top: 4%
    }

    .customfield1 label {
        font-size: 12px;
        margin-top: 4%
    }

    .customfield .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
        display: flex!important;
        padding-left: 7%;
        width: 7vw
    }

    .customfield1 .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
        display: flex!important;
        padding-left: 7%;
        width: 7vw
    }

    .customfield .intl-tel-input.allow-dropdown .flag-container,.intl-tel-input.separate-dial-code .flag-container {
        left: 12px
    }

    .customfield1 .intl-tel-input.allow-dropdown .flag-container,.intl-tel-input.separate-dial-code .flag-container {
        left: 4px
    }
}

@media only screen and (min-width: 992px) and (max-width:1024px) {
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text] {
        padding-left:47px
    }

    .eventform input::-moz-placeholder {
        font-size: 14px;
        padding-left: 10px
    }

    .eventform input::placeholder {
        font-size: 14px;
        padding-left: 10px
    }

    .customfield label {
        margin-top: 5.5%
    }

    .customfield1 label {
        margin-top: 5.5%
    }
}

label.input-label.custommargindemo {
    margin-top: -1.7%;
    margin-left: -2%
}

.form-group.eventform.mt-0 {
    margin-top: 0%
}

.mb-0 {
    margin-bottom: 0%
}

.mb-1 {
    margin-bottom: 1%
}

.mt-minus2 {
    margin-top: -2%!important
}

.popup-content form h6 {
    font-weight: 600
}

.fs-18px {
    font-size: 18px
}

.pdp-sidebar-sec-wrap .pdp-sidebar-content-wrap .stay-connect-sec .upload-resume-img-wrapper .information-form-overlay-wrapper .information-form-wrap .information-title-wrap {
    margin-bottom: 4%
}

.pdp-sidebar-sec-wrap .pdp-sidebar-content-wrap .stay-connect-sec .upload-resume-img-wrapper .information-form-overlay-wrapper .information-form-wrap {
    padding-top: 3%
}

.pdp-sidebar-sec-wrap .pdp-sidebar-content-wrap .stay-connect-sec .upload-resume-img-wrapper .information-form-overlay-wrapper .information-form-wrap {
    max-width: 100%
}

input::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder {
    color: #B1B1B4!important;
    opacity: 1!important
}

input::placeholder,textarea::placeholder,select::placeholder {
    color: #B1B1B4!important;
    opacity: 1!important
}

input[type=text]::-moz-placeholder {
    color: #B1B1B4!important
}

input[type=text]::placeholder {
    color: #B1B1B4!important
}

textarea.input-field,select.input-field {
    color: #0F0F0F;
    border: none;
    background-color: #f7f7f7;
    border: 1px solid #f7f7f7;
    border-radius: 8px;
    font-size: 16px;
    line-height: 24px;
    padding: 12px 16px;
    width: 100%!important;
    transition: border-color 0.3s ease
}

.eventform textarea:focus {
    border: 1px solid #5878FF;
    background-color: #fff
}

input#phone-field.error:focus {
    border-color: red!important
}

.phone-error-message {
    padding-top: 5px
}

@media only screen and (min-width: 426px) and (max-width:768px) {
    .contacteventform {
        padding-top:3%!important
    }
}

@media only screen and (min-width: 320px) and (max-width:475px) {
    .contacteventform {
        padding-top:7%!important
    }
}

.contact-main-form textarea {
    resize: none!important
}

textarea.wpcf7-not-valid {
    margin-top: 1%;
    border: 1px solid #dc3232!important
}

select.wpcf7-not-valid {
    border: 1px solid #dc3232!important
}

.contact-letsgo-form label.input-label.custombusiness {
    margin-left: -.8%
}

.contact-letsgo-form label.input-label.custommargincareer {
    margin-top: -0.5%!important
}

.contact-letsgo-form label.input-label.custommargin {
    margin-top: -1.5%!important;
    margin-left: -3.2%!important
}

.career-form label.input-label.custommargin {
    margin-top: -1.5%!important;
    margin-left: -3.2%!important
}

.career-form label.input-label.custommargincareer {
    margin-top: -1%;
    margin-left: 0%
}

.contacteventform label.input-label.custommargincareer {
    margin-top: -1%!important;
    margin-left: 0%
}

.contacteventform label.input-label.custombusiness {
    margin-left: -.5%
}

.contacteventform label.input-label.custombusiness {
    margin-left: -1%
}

.contacteventform .eventform label {
    left: 8%;
    top: 16%
}

.contacteventform input.wpcf7-not-valid {
    margin-top: 1%!important
}

.contacteventform input#phone-field.wpcf7-not-valid {
    margin-top: 1%!important
}

.eventform label {
    z-index: 1!important
}

.popup-overlay {
    position: fixed;
    height: 100%;
    background: rgba(0,0,0,.5);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 103!important;
    width: 100%!important;
    text-align: center!important;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: auto!important
}

.popup-content {
    background: #fff;
    max-width: 100%;
    z-index: 1000;
    position: absolute;
    top: 60px;
    left: 50%;
    box-shadow: 0 12px 30px rgba(0,0,0,.3);
    transform: translateX(-50%);
    text-align: left;
    width: 954px;
    border-radius: 0;
    padding: 20px 0 0 0
}

.popup-content form h6 {
    margin: 2% 0% 1% 0%
}

.popup-content form p {
    margin: 0% 0% 2% 0%
}

body.popup-overlay {
    overflow: hidden!important;
    position: fixed!important;
    width: 100%!important
}

.demohead,.demobody {
    padding: .5% 5% 1.5% 5%
}

h4.demohead {
    font-weight: 600;
    font-size: 25px
}

#demo-popup .contact-main-form .form-group {
    margin-bottom: 0%
}

.close-popup {
    position: absolute;
    top: 10px;
    right: 21px;
    font-size: 40px;
    cursor: pointer;
    color: #000
}

#demo-popup .contact-main-form {
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap
}

@media only screen and (min-width: 768px) {
    #demo-popup .contact-main-form {
        gap:0 32px
    }
}

#demo-popup .contact-main-form .form-group {
    width: 100%;
    max-width: 100%
}

@media only screen and (min-width: 768px) {
    #demo-popup .contact-main-form .form-group {
        max-width:calc(50% - 16px)
    }
}

#demo-popup .contact-main-form .form-group.w-full {
    max-width: 100%
}

#demo-popup .contact-main-form .color-secondary {
    color: rgba(60,60,67,.6)
}

#demo-popup .contact-main-form .mb-12 {
    margin-bottom: 12px
}

#demo-popup .contact-main-form .btn {
    width: 100%;
    justify-content: space-between
}

@media only screen and (min-width: 768px) {
    #demo-popup .contact-main-form .btn {
        width:auto
    }
}

#demo-popup .contact-main-form .link-text {
    color: #5878ff
}

#demo-popup .contact-main-form .checkbox-wrap .wpcf7-list-item label {
    display: flex;
    align-items: center;
    margin-bottom: 0
}

#demo-popup .contact-main-form .checkbox-wrap .wpcf7-list-item label span {
    display: block
}

#demo-popup .contact-main-form ul.country-list {
    width: 100%;
    max-width: 100%
}

#demo-popup .contact-main-form ul.country-list li.country {
    display: -ms-flex;
    display: flex
}

#demo-popup .contact-main-form ul.country-list li.country .country-name {
    text-wrap: wrap
}

.lets-talk-btn {
    position: fixed;
    bottom: 14px;
    right: 14px;
    z-index: 11;
    font-size: 0;
    letter-spacing: 0;
    width: 34px;
    padding: 0 10px
}

@media only screen and (min-width: 1024px) {
    .lets-talk-btn {
        font-size:16px;
        letter-spacing: normal;
        width: auto;
        padding: 8px 15px
    }
}

.lets-talk-btn .btn-icon {
    font-size: 16px;
    margin-left: 0
}

@media only screen and (min-width: 1024px) {
    .lets-talk-btn .btn-icon {
        font-size:initial;
        margin-left: 11px
    }
}

footer {
    padding-top: 32px;
    background: #fff;
    position: relative
}

footer .award-sec {
    padding: 30px 0 60px
}

@media only screen and (min-width: 768px) {
    footer .award-sec {
        padding:30px 0 30px
    }
}

footer .award-sec .award-row {
    text-align: center;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    gap: 60px 10px
}

footer .award-sec .award-row>* {
    flex: 0 0 calc(50% - 5px);
    width: calc(50% - 5px)
}

@media only screen and (min-width: 768px) {
    footer .award-sec .award-row {
        display:-ms-flex;
        display: flex;
        flex-wrap: wrap;
        gap: 0 10px
    }

    footer .award-sec .award-row>* {
        flex: 0 0 calc(16.6666666667% - 8.3333333333px);
        width: calc(16.6666666667% - 8.3333333333px)
    }
}

@media only screen and (min-width: 1280px) {
    footer .award-sec .award-row img {
        width:120px;
        height: 109px;
        -o-object-fit: contain;
        object-fit: contain
    }
}

/* footer .footer-wrap {
    background-color: #0f0f0f;
    padding: 0
} */
.social-menu a img{
width: 30px;
}
footer .menu-title.color-white {
    color: #2e264c !important;
}
@media only screen and (min-width: 768px) {
    footer .footer-wrap {
        padding-top:32px;
        padding-bottom: 32px
    }
}

footer .footer-wrap .container {
    padding: 0
}

@media only screen and (min-width: 768px) {
    footer .footer-wrap .container {
        padding-left:16px;
        padding-right: 16px
    }
}

footer .footer-cta {
    background-color: #222;
    background-image: url(../../../../../../../../../themes/accely/assets/images/footer-bg.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    padding: 60px 16px
}

@media only screen and (min-width: 1280px) {
    footer .footer-cta {
        padding:75px 0
    }
}

footer .footer-cta p {
    color: rgba(255,255,255,.7215686275);
    order: 2;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.375;
    font-weight: 400;
    letter-spacing: normal
}

@media only screen and (min-width: 768px) {
    footer .footer-cta p {
        margin-bottom:0;
        font-size: 21px;
        line-height: 1.381;
        font-weight: 400;
        letter-spacing: normal
    }
}

footer .footer-cta h3 {
    margin-top: 8px;
    margin-bottom: 24px;
    order: 1;
    font-size: 27px;
    line-height: 1.1;
    font-weight: 400;
    letter-spacing: -.32px
}

@media only screen and (min-width: 1024px) {
    footer .footer-cta h3 {
        font-size:32px;
        line-height: 1.1;
        font-weight: 400;
        letter-spacing: -.32px
    }
}

@media only screen and (min-width: 1440px) {
    footer .footer-cta h3 {
        font-size:36px;
        line-height: 1.1;
        font-weight: 400;
        letter-spacing: -.32px
    }
}

@media only screen and (min-width: 768px) {
    footer .footer-cta h3 {
        font-size:36px;
        line-height: 1.06;
        font-weight: 400;
        letter-spacing: -.32px
    }
}

@media only screen and (min-width: 768px) and (min-width:1024px) {
    footer .footer-cta h3 {
        font-size:40px;
        line-height: 1.06;
        font-weight: 400;
        letter-spacing: -.32px
    }
}

@media only screen and (min-width: 768px) and (min-width:1440px) {
    footer .footer-cta h3 {
        font-size:47px;
        line-height: 1.06;
        font-weight: 400;
        letter-spacing: -.32px
    }
}

footer .footer-cta .cta-img {
    display: none
}

@media only screen and (min-width: 768px) {
    footer .footer-cta .cta-img {
        position:absolute;
        right: 0;
        bottom: 0;
        display: block
    }
}

footer .footer-cta .footer-cta-content {
    display: -ms-flex;
    display: flex;
    text-align: left;
    flex-direction: column
}

@media only screen and (min-width: 768px) {
    footer .footer-cta .footer-cta-content {
        display:block;
        text-align: center
    }
}

footer .footer-cta .footer-cta-content .btn {
    order: 3;
    color: #0f0f0f;
    width: 100%;
    justify-content: space-between
}

@media only screen and (min-width: 768px) {
    footer .footer-cta .footer-cta-content .btn {
        width:auto
    }
}

footer .footer-cta .footer-cta-content .btn br {
    display: none
}

footer .footer-cta-logo {
    background: linear-gradient(90deg,#222222 0%,#181818 55.5%,#222222 100%);
    border-top: 1px solid transparent;
    border-image-source: linear-gradient(90deg,#666666 0%,#2B2B2B 56%,#666666 100%);
    border-image-slice: 1;
    padding: 36px 0
}

footer .newsletter-wrap {
    padding: 48px 16px 64px;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    gap: 0 0
}

footer .newsletter-wrap>* {
    flex: 0 0 calc(100% - 0px);
    width: calc(100% - 0px)
}

@media only screen and (min-width: 768px) {
    footer .newsletter-wrap {
        display:-ms-flex;
        display: flex;
        flex-wrap: wrap;
        gap: 0 0;
        background-color: #222;
        padding: 24px 32px;
        margin-top: 32px
    }

    footer .newsletter-wrap>* {
        flex: 0 0 calc(50% - 0px);
        width: calc(50% - 0px)
    }
}

footer .newsletter-wrap p {
    color: rgba(255,255,255,.7215686275)
}

footer .newsletter-wrap .h5 {
    margin-bottom: 4px
}

footer .newsletter-wrap .newsletter-form {
    padding-left: 0;
    padding-top: 20px
}

@media only screen and (min-width: 768px) {
    footer .newsletter-wrap .newsletter-form {
        padding-top:0;
        padding-left: 16px
    }
}

footer .newsletter-wrap .newsletter-form span[class*=spinner] {
    display: none
}

footer .newsletter-wrap .newsletter-form input {
    border: 1px solid rgba(255,255,255,.0509803922);
    background-color: rgba(219,219,219,.1215686275);
    padding: 8px 16px;
    width: 100%;
    color: rgba(255,255,255,.7215686275);
    font-family: "Questrial",Arial,Verdana,Tahoma,sans-serif;
    border-radius: 1px;
    font-size: 16px;
    line-height: 1.375;
    font-weight: 400;
    letter-spacing: normal
}

footer .newsletter-wrap .newsletter-form input::-moz-placeholder {
    color: rgba(255,255,255,.7215686275)
}

footer .newsletter-wrap .newsletter-form input::placeholder {
    color: rgba(255,255,255,.7215686275)
}

@media only screen and (min-width: 768px) {
    footer .newsletter-wrap .newsletter-form input {
        max-width:344px
    }
}

footer .newsletter-wrap .newsletter-form .btn.btn-outline {
    height: 40px;
    margin-left: 0;
    margin-top: 10px
}

@media only screen and (min-width: 768px) {
    footer .newsletter-wrap .newsletter-form .btn.btn-outline {
        margin-left:16px;
        margin-top: 0
    }
}

footer .newsletter-wrap .newsletter-form .btn.btn-outline .btn-text {
    width: 100%;
    justify-content: space-between;
    background: transparent;
    color: #fff;
    -webkit-text-fill-color: #fff
}

@media only screen and (min-width: 768px) {
    footer .newsletter-wrap .newsletter-form .btn.btn-outline .btn-text {
        width:auto;
        justify-content: center
    }
}

footer .newsletter-wrap .newsletter-form .btn.btn-outline::after {
    background: transparent;
    border: 1px solid #fff
}

footer .newsletter-wrap .newsletter-form>.d-flex {
    flex-direction: column
}

@media only screen and (min-width: 768px) {
    footer .newsletter-wrap .newsletter-form>.d-flex {
        flex-direction:row
    }
}

footer .newsletter-wrap .newsletter-form>.d-flex p {
    display: -ms-flex;
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 768px) {
    footer .newsletter-wrap .newsletter-form>.d-flex p {
        flex-direction:row
    }
}

footer .footer-location-wrap {
    margin: 0;
    gap: 0 0;
    flex-direction: column
}

@media only screen and (min-width: 768px) {
    footer .footer-location-wrap {
        margin:48px 0;
        gap: 0 40px;
        flex-direction: row
    }
}

@media only screen and (min-width: 768px) {
    footer .footer-location-wrap {
        gap:0 80px
    }
}

footer .footer-location-wrap .link {
    color: rgba(255,255,255,.7215686275)
}

footer .footer-location-wrap .link span {
    color: rgba(255,255,255,.7215686275)
}

footer .footer-location-wrap .select-menu {
    position: relative
}

footer .footer-location-wrap .select-menu .wpml-ls-item-toggle {
    padding: 10px;
    border: 1px solid rgba(255,255,255,.5019607843);
    justify-content: space-between
}

footer .footer-location-wrap .select-menu .wpml-ls-item-toggle .wpml-ls-native {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

footer .footer-location-wrap .select-menu .wpml-ls-item-toggle::after {
    content: "\e914"!important
}

footer .footer-location-wrap .select-menu .options {
    z-index: 1;
    left: 0
}

footer .footer-location-wrap .select-menu .options li {
    border: 1px solid rgba(255,255,255,.12)
}

footer .footer-location-wrap .location-left {
    max-width: 200px;
    width: 100%;
    margin-left: 16px;
    margin-bottom: 48px
}

@media only screen and (min-width: 768px) {
    footer .footer-location-wrap .location-left {
        margin:0
    }
}

footer .footer-location-wrap .location-left .link {
    margin-top: 18px;
    margin-bottom: 46px;
    display: none
}

@media only screen and (min-width: 768px) {
    footer .footer-location-wrap .location-left .link {
        display:inline-block
    }
}

footer .footer-location-wrap .location-left .cta-img {
    position: absolute;
    right: 16px
}

@media only screen and (min-width: 768px) {
    footer .footer-location-wrap .location-left .cta-img {
        display:none
    }
}

footer .footer-location-wrap .location-left h4 {
    display: none
}

@media only screen and (min-width: 768px) {
    footer .footer-location-wrap .location-left h4 {
        display:inline-block
    }
}

footer .footer-location-wrap .location-right {
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    gap: 20px 20px;
    width: 100%;
    display: none
}

footer .footer-location-wrap .location-right>* {
    flex: 0 0 calc(100% - 0px);
    width: calc(100% - 0px)
}

@media only screen and (min-width: 768px) {
    footer .footer-location-wrap .location-right {
        display:block;
        display: -ms-flex;
        display: flex;
        flex-wrap: wrap;
        gap: 20px 20px;
        width: calc(100% - 160px)
    }

    footer .footer-location-wrap .location-right>* {
        flex: 0 0 calc(50% - 10px);
        width: calc(50% - 10px)
    }
}

@media only screen and (min-width: 1280px) {
    footer .footer-location-wrap .location-right {
        display:-ms-flex;
        display: flex;
        flex-wrap: wrap;
        gap: 0 32px
    }

    footer .footer-location-wrap .location-right>* {
        flex: 0 0 calc(25% - 24px);
        width: calc(25% - 24px)
    }
}

footer .footer-location-wrap .location-right a {
    color: #91a6ff
}

footer .footer-location-wrap .location-right a span {
    padding-right: 4px;
    font-size: 12px
}

footer .footer-location-wrap .location-right .location-card {
    border: 1px solid rgba(255,255,255,.12);
    padding: 16px;
    background-color: rgba(34,34,34,.5)
}

footer .footer-location-wrap .location-right .location-card .country-map {
    margin-right: 12px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 24px;
    height: 25px
}

footer .footer-location-wrap .location-right .location-card .body-font-md {
    color: rgba(255,255,255,.7215686275);
    margin: 8px 0 12px;
    text-transform: capitalize
}

footer .footer-location-wrap .location-right .location-card address {
    min-height: 66px
}

footer .footer-location-wrap .location-right .location-card a {
    font-size: 15px
}

footer .footer-location-wrap .location-right .location-card .contact-footer {
    display: block;
    margin-bottom: 10px
}

footer .footer-menu-wrap {
    padding: 0 0;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    gap: 0 0
}

footer .footer-menu-wrap>* {
    flex: 0 0 calc(100% - 0px);
    width: calc(100% - 0px)
}

@media only screen and (min-width: 768px) {
    footer .footer-menu-wrap {
        border-top:1px solid rgba(255,255,255,.1);
        border-bottom: 1px solid rgba(255,255,255,.1);
        display: -ms-flex;
        display: flex;
        flex-wrap: wrap;
        gap: 0 20px;
        padding: 32px 0
    }

    footer .footer-menu-wrap>* {
        flex: 0 0 calc(25% - 16px);
        width: calc(25% - 16px)
    }
}

@media only screen and (min-width: 1024px) {
    footer .footer-menu-wrap {
        display:-ms-flex;
        display: flex;
        flex-wrap: wrap;
        gap: 0 32px
    }

    footer .footer-menu-wrap>* {
        flex: 0 0 calc(25% - 25.6px) !important;
        width: calc(25% - 25.6px) !important;
    }
}

footer .footer-menu-wrap .menu-footer-products-menu-container {
    display: none
}

@media only screen and (min-width: 1024px) {
    footer .footer-menu-wrap .menu-footer-products-menu-container {
        display:block
    }
}

@media only screen and (min-width: 768px) {
    footer .footer-menu-wrap .menu-footer-products-menu-container {
        display:block
    }
}

footer .footer-menu-wrap .menu-footer-company-menu-container,footer .footer-menu-wrap .menu-footer-offerings-menu-container,footer .footer-menu-wrap .menu-footer-services-menu-container,footer .footer-menu-wrap .menu-footer-industries-menu-container,footer .footer-menu-wrap .menu-footer-resources-menu-container {
    display: none
}

@media only screen and (min-width: 768px) {
    footer .footer-menu-wrap .menu-footer-company-menu-container,footer .footer-menu-wrap .menu-footer-offerings-menu-container,footer .footer-menu-wrap .menu-footer-services-menu-container,footer .footer-menu-wrap .menu-footer-industries-menu-container,footer .footer-menu-wrap .menu-footer-resources-menu-container {
        display:inherit
    }
}

footer .footer-menu-wrap ul {
    padding: 24px 16px;
    /* background-color: #2c2c2c; */
    margin: 0;
    list-style: none
}

@media only screen and (min-width: 768px) {
    footer .footer-menu-wrap ul {
        padding:0;
        background-color: transparent
    }
}

footer .footer-menu-wrap ul li {
    margin-bottom: 20px
}

@media only screen and (min-width: 768px) {
    footer .footer-menu-wrap ul li {
        margin-bottom:12px
    }
}

footer .footer-menu-wrap ul li:last-child {
    margin-bottom: 0
}

footer .footer-menu-wrap ul li a {
    /* color: rgba(255,255,255,.7215686275) */
    color: #2e264c
}

footer .footer-social-menu-wrap {
    flex-direction: column;
    align-items: flex-start
}

@media only screen and (min-width: 768px) {
    footer .footer-social-menu-wrap {
        padding-top:32px;
        padding-bottom: 48px;
        flex-direction: row;
        align-items: center
    }
}

footer .footer-social-menu-wrap ul {
    display: none;
    padding: 16px;
    /* background-color: #2c2c2c; */
    width: 100%
}

@media only screen and (min-width: 768px) {
    footer .footer-social-menu-wrap ul {
        background-color:transparent;
        display: -ms-flex;
        display: flex;
        padding: 0;
        gap: 20px;
        width: auto
    }
}

@media only screen and (min-width: 1024px) {
    footer .footer-social-menu-wrap ul {
        gap:32px
    }
}

footer .footer-social-menu-wrap ul li {
    margin-bottom: 20px
}

@media only screen and (min-width: 768px) {
    footer .footer-social-menu-wrap ul li {
        margin-bottom:0
    }
}

/* footer .footer-social-menu-wrap ul li a {
    color: rgba(255,255,255,.7215686275)
} */

footer .footer-bottom-wrap {
    padding: 32px 16px
}

@media only screen and (min-width: 768px) {
    footer .footer-bottom-wrap {
        padding:0
    }
}

footer .footer-bottom-wrap .footer-logo {
    max-width: 63px
}

@media only screen and (min-width: 768px) {
    footer .footer-bottom-wrap .footer-logo {
        max-width:254px
    }
}

footer .footer-bottom-wrap .copyright-text {
    font-size: 16px;
    line-height: 1.375;
    font-weight: 400;
    letter-spacing: normal;
    text-align: left;
    color: rgba(255,255,255,.6)
}

@media only screen and (min-width: 768px) {
    footer .footer-bottom-wrap .copyright-text {
        font-size:24px;
        line-height: 1.1;
        font-weight: 400;
        letter-spacing: -.32px;
        text-align: right;
        color: #fff
    }
}

@media only screen and (min-width: 768px) and (min-width:1024px) {
    footer .footer-bottom-wrap .copyright-text {
        font-size:25px;
        line-height: 1.1;
        font-weight: 400;
        letter-spacing: -.32px
    }
}

@media only screen and (min-width: 768px) and (min-width:1440px) {
    footer .footer-bottom-wrap .copyright-text {
        font-size:27px;
        line-height: 1.1;
        font-weight: 400;
        letter-spacing: -.32px
    }
}

footer .footer-bottom-wrap .copyright-text br {
    display: none
}

@media only screen and (min-width: 768px) {
    footer .footer-bottom-wrap .copyright-text br {
        display:block
    }
}

footer .menu-title {
    padding: 20px 16px;
    border-top: 1px solid rgba(255,255,255,.5019607843);
    border-bottom: 1px solid rgba(255,255,255,.5019607843);
    font-size: 16px;
    line-height: 1.375;
    font-weight: 400;
    letter-spacing: normal
}

@media only screen and (min-width: 768px) {
    footer .menu-title {
        pointer-events:none
    }
}

footer .menu-title::after {
    content: "\e91c";
    font-family: "icomoon";
    position: absolute;
    right: 16px;
    transition: 0.4s all
}

footer .menu-title.open::after {
    transform: rotate(180deg)
}

@media only screen and (min-width: 768px) {
    footer .menu-title {
        margin-bottom:16px;
        padding: 0;
        border: 0;
        font-size: 14px;
        line-height: 1.429;
        font-weight: 400;
        letter-spacing: normal
    }

    footer .menu-title::after {
        content: none
    }
}

footer .menu-title.d-none {
    display: block;
    width: 100%
}

@media only screen and (min-width: 768px) {
    footer .menu-title.d-none {
        display:none
    }
}

footer .social-menu {
    gap: 24px;
    display: none
}

@media only screen and (min-width: 768px) {
    footer .social-menu {
        display:-ms-flex;
        display: flex
    }
}

footer .social-menu br {
    display: none
}

footer .social-menu span {
    font-size: 24px
}

@media only screen and (min-width: 768px) {
    footer .social-menu span {
        font-size:20px
    }
}

footer .social-menu.d-none {
    display: flex;
    justify-content: space-around;
    margin-top: 60px
}

@media only screen and (min-width: 768px) {
    footer .social-menu.d-none {
        display:none
    }
}

footer .m-d-flex {
    display: flex
}

@media only screen and (min-width: 768px) {
    footer .m-d-flex {
        display:none
    }
}

footer .m-d-flex .social-menu {
    display: flex;
    padding: 0 15px;
    justify-content: space-between;
    width: 100%;
    margin-top: 50px
}

@media only screen and (min-width: 768px) {
    footer .m-d-flex .social-menu {
        display:none
    }
}

body .cky-consent-container .cky-notice {
    max-width: 1408px;
    position: relative;
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    body .cky-consent-container .cky-notice {
        padding-left:60px
    }
}

body .cky-consent-container .cky-notice .cky-title {
    font-size: 21px;
    line-height: 1.381;
    font-weight: 400;
    letter-spacing: normal;
    margin-bottom: 2px;
    color: #fff
}

body .cky-consent-container .cky-notice .cky-notice-des p {
    font-size: 16px;
    line-height: 1.375;
    font-weight: 400;
    letter-spacing: normal;
    color: rgba(255,255,255,.7215686275)
}

body .cky-consent-container .cky-notice .cky-notice-des a.cky-policy {
    text-decoration: none
}

body .cky-consent-container .cky-notice .cky-notice-des a.cky-policy::after {
    content: "\e919";
    font-family: "icomoon"!important;
    position: absolute;
    right: -22px;
    top: -3px
}

body .cky-consent-container .cky-notice::before {
    content: "\e915";
    font-family: "icomoon"!important;
    color: #fff;
    font-size: 38px;
    padding-left: 20px;
    display: block;
    padding-bottom: 16px
}

@media only screen and (min-width: 576px) {
    body .cky-consent-container .cky-notice::before {
        padding-left:0;
        padding-bottom: 0
    }
}

@media only screen and (min-width: 768px) {
    body .cky-consent-container .cky-notice::before {
        position:absolute;
        left: 0;
        top: 4px
    }
}

body .cky-consent-container .cky-consent-bar {
    box-shadow: none;
    background-color: #0f0f0f!important;
    border-top: 1px solid rgba(255,255,255,.05)!important
}

body .cky-consent-container .cky-consent-bar .cky-banner-btn-close {
    right: 20px;
    top: 20px
}

body .cky-consent-container .cky-consent-bar .cky-banner-btn-close img {
    filter: brightness(0) invert(1)
}

body .cky-consent-container .cky-consent-bar .cky-btn-customize {
    border: 1px solid
}

body .cky-consent-container .cky-consent-bar .cky-btn-customize::after {
    content: "\e916";
    font-family: "icomoon"!important;
    position: static;
    padding-left: 10px;
    border: 0
}

body .cky-consent-container .cky-consent-bar .cky-btn-accept::after {
    content: "\e917";
    font-family: "icomoon"!important;
    padding-left: 10px
}

body .cky-consent-container .cky-notice-btn-wrapper {
    flex-direction: column-reverse
}

body .cky-consent-container .cky-notice-btn-wrapper .cky-btn {
    margin-right: 0;
    margin-bottom: 12px;
    width: 100%;
    padding: 4px 12px;
    height: 34px
}

@media only screen and (min-width: 768px) {
    body .cky-consent-container .cky-notice-btn-wrapper .cky-btn {
        padding:8px 12px;
        font-size: 16px;
        line-height: 1;
        width: 160px;
        height: 36px
    }
}

body .cky-consent-container .cky-notice-btn-wrapper .cky-btn:first-child {
    margin-bottom: 0
}

body .cky-consent-container .cky-notice-group {
    display: block
}

@media only screen and (min-width: 768px) {
    body .cky-consent-container .cky-notice-group {
        display:-ms-flex;
        display: flex
    }
}

.lets-talk-sidebar {
    background-color: #fff;
    position: fixed;
    right: -9999px;
    top: 48px;
    bottom: 0;
    width: 100%;
    z-index: 99;
    transition: 0.4s all;
    height: 100vh;
    overflow-y: auto;
    display: -ms-flex;
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 768px) {
    .lets-talk-sidebar {
        top:0;
        max-width: 440px
    }
}

.lets-talk-sidebar.open {
    right: 0
}

.lets-talk-sidebar.open::after {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    background-color: rgba(15,15,15,.3);
    z-index: -1;
    inset: 0;
    position: fixed
}

.lets-talk-sidebar .lets-talk-sidebar-inner {
    padding: 32px 16px;
    background-color: #f1f1f1;
    flex: 1
}

@media only screen and (min-width: 768px) {
    .lets-talk-sidebar .lets-talk-sidebar-inner {
        padding:32px
    }
}

.lets-talk-sidebar .lets-talk-sidebar-inner.bg-dark {
    background-color: #0f0f0f
}

.lets-talk-sidebar .lets-talk-sidebar-inner.bg-light {
    background-color: #f7f7f7
}

.lets-talk-sidebar .lets-talk-sidebar-inner .icon-single {
    font-size: 32px
}

.lets-talk-sidebar .lets-talk-sidebar-inner .text-box {
    margin-top: 32px;
    margin-bottom: 16px
}

.lets-talk-sidebar .contact-title-wrap {
    position: relative;
    padding-bottom: 24px
}

@media only screen and (min-width: 768px) {
    .lets-talk-sidebar .contact-title-wrap {
        min-height:70px;
        padding-bottom: 0
    }
}

.lets-talk-sidebar .contact-title-wrap::after {
    content: "";
    border-bottom: 1px solid rgba(255,255,255,.6);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .lets-talk-sidebar .contact-title-wrap::after {
        left:-32px;
        right: 32px;
        width: calc(100% + 64px)
    }
}

.lets-talk-sidebar .contact-title-wrap .icon-wrap {
    border: 1px solid #fff;
    font-size: 10px;
    height: 24px;
    min-width: 24px;
    cursor: pointer;
    display: -ms-flex;
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (min-width: 768px) {
    .lets-talk-sidebar .contact-title-wrap .icon-wrap {
        height:32px;
        min-width: 32px
    }
}

.lets-talk-sidebar .contact-info-wrap {
    padding-top: 32px
}

.lets-talk-sidebar .contact-info-wrap p {
    color: rgba(255,255,255,.7215686275);
    margin-bottom: 4px
}

.contact-main-form-wrap {
    height: 100vh;
    background-color: #fff;
    position: fixed;
    right: -9999px;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 90%;
    z-index: 99;
    transition: 0.4s all
}

.contact-main-form-wrap.open {
    right: 0
}

.contact-main-form-wrap .contact-main-form-title {
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    padding: 24px 16px;
    background-color: #0f0f0f
}

@media only screen and (min-width: 768px) {
    .contact-main-form-wrap .contact-main-form-title {
        padding:48px
    }
}

.contact-main-form-wrap .contact-main-form-title p {
    color: rgba(255,255,255,.7215686275);
    margin-top: 4px;
    display: none
}

@media only screen and (min-width: 768px) {
    .contact-main-form-wrap .contact-main-form-title p {
        display:block
    }
}

.contact-main-form-wrap .contact-main-form-title .icon-wrap {
    color: #fff;
    border: 1px solid #fff;
    font-size: 10px;
    height: 24px;
    min-width: 24px;
    cursor: pointer;
    display: -ms-flex;
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (min-width: 768px) {
    .contact-main-form-wrap .contact-main-form-title .icon-wrap {
        height:32px;
        min-width: 32px
    }
}

.contact-main-form-wrap .contact-main-form-title .contact-title-inner {
    max-width: 600px
}

.contact-main-form-wrap .contact-main-form {
    padding: 32px 16px;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap
}

@media only screen and (min-width: 768px) {
    .contact-main-form-wrap .contact-main-form {
        padding:48px;
        gap: 0 32px
    }
}

.contact-main-form-wrap .contact-main-form .form-group {
    width: 100%;
    max-width: 100%
}

@media only screen and (min-width: 768px) {
    .contact-main-form-wrap .contact-main-form .form-group {
        max-width:calc(50% - 16px)
    }
}

.contact-main-form-wrap .contact-main-form .form-group.w-full {
    max-width: 100%
}

.contact-main-form-wrap .contact-main-form .color-secondary {
    color: rgba(60,60,67,.6)
}

.contact-main-form-wrap .contact-main-form .mb-12 {
    margin-bottom: 12px
}

.contact-main-form-wrap .contact-main-form .btn {
    width: 100%;
    justify-content: space-between
}

@media only screen and (min-width: 768px) {
    .contact-main-form-wrap .contact-main-form .btn {
        width:auto
    }
}

.contact-main-form-wrap .contact-main-form .link-text {
    color: #5878ff
}

.contact-main-form-wrap .contact-main-form .checkbox-wrap .wpcf7-list-item label {
    display: flex;
    align-items: center;
    margin-bottom: 0
}

.contact-main-form-wrap .contact-main-form .checkbox-wrap .wpcf7-list-item label span {
    display: block
}

.contact-main-form-wrap .contact-main-form ul.country-list {
    width: 100%;
    max-width: 100%
}

.contact-main-form-wrap .contact-main-form ul.country-list li.country {
    display: -ms-flex;
    display: flex
}

.contact-main-form-wrap .contact-main-form ul.country-list li.country .country-name {
    text-wrap: wrap
}

.mt-2 {
    margin-top: 2%!important
}

@media only screen and (max-width: 1550px) {
    .contact-main-form-wrap {
        max-width:88%
    }
}

@media only screen and (max-width: 1023px) {
    .contact-main-form-wrap {
        max-width:100%
    }
}

.search-form-ui {
    margin-top: 50px
}

.search-results-wrapper h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    color: #181B21;
    margin: 0;
    transition: color 0.2s ease-in-out;
    margin: 32px 0 0 0
}

.search-form-ui a:hover {
    color: #FF9602!important;
    cursor: pointer
}

.search-results-wrapper p {
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    line-height: 24px;
    color: #222B24;
    margin: 12px 0 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.search-form-ui .search-results-count {
    font-weight: 500;
    font-size: 23px;
    line-height: 24px;
    color: #8490A2
}

.search-form-ui .pagination-content-wrapper.main-pagination.d-flex.d-align-center.d-flex-col {
    margin-top: 3%
}

@media only screen and (max-width: 600px) {
    .search-form-ui .pagination-content-wrapper.main-pagination.d-flex.d-align-center.d-flex-col {
        margin-top:7%
    }
}

footer .newsletter-form {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center
}

footer .newsletter-wrap .btn.btn-outline:hover+.icon-arrow-right:before {
    padding-left: 9%!important
}

footer .newsletter-wrap .btn.btn-outline:hover {
    padding-right: 10px
}

footer .newsletter-wrap .newsletter-form input[type=text] {
    padding: 0;
    color: #cdcdcd!important
}

footer .newsletter-wrap .newsletter-form input[type=text]:hover {
    padding: 8px;
    color: #fff!important;
    cursor: pointer!important;
    transition: all 0.3s ease
}

footer .newsletter-wrap .newsletter-form input:hover {
    margin: .5px;
    background-color: #4b4b4b!important;
    cursor: pointer!important
}

footer .newsletter-wrap .newsletter-form:hover .icon-arrow-right:before {
    padding: 1px;
    cursor: pointer!important
}

.customer-stories-sec.bg-dark a {
    color: #fff
}

.customer-stories-sec.bg-dark a:after {
    background: #fff
}

.bg-dark.service-benefits .card-icon-lg {
    color: #fff!important
}

.contact-main-form.contact-letsgo-form.contactpageform {
    overflow: auto;
    height: calc(100vh - 180px)
}

.new-country-field input {
    padding-left: 16px!important
}

.new-country-field .divider {
    padding-bottom: 0!important;
    margin-bottom: 0!important
}

.new-country-field .flag-dropdown {
    right: 0!important
}

.new-country-field .flag-dropdown .flag {
    display: none!important
}

.new-country-field .selected-flag {
    width: 100%!important
}

.country-select {
    width: 100%!important;
    max-width: 100%!important
}

.benefits.bg-dark .cards .card-inner.bg-dark ul {
    color: #fff;
    padding-inline-start:14px}

.thank-you-sec h1,.thank-you-sec p,.thank-you-sec img {
    text-align: center
}

.thank-you-sec h1 {
    margin-bottom: 20px;
    font-size: 47px;
    font-weight: 400;
    line-height: 50px;
    letter-spacing: -.02em
}

.thank-you-sec p {
    color: rgba(60,60,67,.7215686275)
}

.thank-you-sec img {
    display: block;
    margin: 0 auto 40px auto
}

.thank-you-content p:first-of-type {
    margin-bottom: 8px
}

.thank-you-sec a {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-underline-position: from-font;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    color: #FF9602
}

.footer-cta .swiper-container {
    width: 100%;
    overflow: hidden
}

.footer-cta .swiper-wrapper {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    transition-timing-function: linear!important
}

.footer-cta .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    box-sizing: border-box;
    background-color: transparent;
    flex-shrink: 0;
    margin-right: 20px;
    max-height: 36px;
    max-width: 170px
}

.footer-cta .swiper-slide img {
    max-width: 100%;
    height: auto;
    display: block;
    max-height: 100%
}

.footer-cta .swiper-slide:last-child {
    margin-right: 0
}

.footer-cta .swiper-container,.footer-cta .swiper-wrapper,.footer-cta .swiper-slide {
    margin: 0;
    padding: 0
}

.logo-img-wrap {
    display: block
}

.footer-logo-swiper {
    order: 4
}

@media (max-width: 768px) {
    .footer-cta .swiper-container {
        width:100%
    }

    .footer-cta .swiper-slide img {
        max-height: 100%;
        max-width: 100%
    }

    .footer-logo-swiper {
        margin-top: 25px!important
    }
}

.marquee {
    width: 100%;
    height: 7rem;
    pointer-events: none;
    background: #000;
    overflow: hidden;
    box-shadow: 0 2rem 2rem .4rem rgba(0,0,0,.2)
}

.marquee__inner-wrap {
    height: 100%;
    width: 100%;
    overflow: hidden
}

.marquee__img {
    height: auto;
    margin: 0 3vw;
    width: -moz-max-content;
    width: max-content
}

.marquee__img img {
    height: 36px;
    width: auto;
    -o-object-fit: contain;
    object-fit: contain
}

.marquee__inner {
    height: 100%;
    width: -moz-fit-content;
    width: fit-content;
    align-items: center;
    display: flex;
    position: relative;
    animation: marquee 120s linear infinite;
    will-change: transform;
    justify-content: center
}

@keyframes marquee {
    to {
        transform: translateX(-50%)
    }
}

@media (max-width: 768px) {
    .marquee__inner-wrap.footer-logo-swiper {
        margin-top:0px!important
    }
}

.customer-stories-sec.bg-dark {
    background-color: #0f0f0f
}

.customer-stories-sec h2 {
    max-width: calc(100% - 120px)
}

@media only screen and (min-width: 1024px) {
    .customer-stories-sec .customer-stories-inner {
        padding:0 16px
    }
}

.customer-stories-sec .story-slider {
    overflow-y: visible;
    margin-left: -16px;
    margin-right: -16px
}

@media only screen and (min-width: 768px) {
    .customer-stories-sec .story-slider {
        margin-left:auto;
        margin-right: auto
    }
}

.customer-stories-sec .story-slider .swiper-wrapper {
    padding-top: 40px;
    height: -moz-max-content;
    height: max-content
}

.customer-stories-sec .story-slider .swiper-wrapper .swiper-slide {
    height: -moz-max-content;
    height: max-content;
    display: -ms-flex;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 48px
}

@media only screen and (min-width: 768px) {
    .customer-stories-sec .story-slider .swiper-wrapper .swiper-slide {
        flex-direction:row;
        align-items: flex-end;
        gap: 32px
    }
}

.customer-stories-sec .story-slider .swiper-wrapper .swiper-slide .slider-image {
    max-width: 100%;
    width: 100%;
    height: 235px
}

@media only screen and (min-width: 768px) {
    .customer-stories-sec .story-slider .swiper-wrapper .swiper-slide .slider-image {
        height:226px;
        max-width: 402px
    }
}

@media only screen and (min-width: 1024px) {
    .customer-stories-sec .story-slider .swiper-wrapper .swiper-slide .slider-image {
        height:422px;
        max-width: 751px
    }
}

.customer-stories-sec .story-slider .swiper-wrapper .swiper-slide .slider-content {
    max-width: 100%;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px
}

@media only screen and (min-width: 768px) {
    .customer-stories-sec .story-slider .swiper-wrapper .swiper-slide .slider-content {
        max-width:270px;
        margin-right: 16px;
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width: 1024px) {
    .customer-stories-sec .story-slider .swiper-wrapper .swiper-slide .slider-content {
        max-width:33.33%
    }
}

.customer-stories-sec .story-slider .swiper-wrapper .swiper-slide .slider-content .h5 {
    color: #fff;
    margin: 32px 0
}

.customer-stories-sec .story-slider .btn.btn-slider {
    border: 1px solid #fff;
    top: -25px;
    left: auto
}

@media only screen and (min-width: 1280px) {
    .customer-stories-sec .story-slider .btn.btn-slider {
        left:50%
    }
}

.customer-stories-sec .story-slider .btn.btn-slider span {
    color: #fff
}

.customer-stories-sec .story-slider .btn.btn-slider.swiper-button-prev {
    right: 80px
}

@media only screen and (min-width: 1280px) {
    .customer-stories-sec .story-slider .btn.btn-slider.swiper-button-prev {
        right:514px;
        left: auto
    }
}

@media only screen and (min-width: 1440px) {
    .customer-stories-sec .story-slider .btn.btn-slider.swiper-button-prev {
        left:54.35%
    }
}

.customer-stories-sec .story-slider .btn.btn-slider.swiper-button-next {
    right: 16px
}

@media only screen and (min-width: 1280px) {
    .customer-stories-sec .story-slider .btn.btn-slider.swiper-button-next {
        right:444px;
        left: auto
    }
}

@media only screen and (min-width: 1440px) {
    .customer-stories-sec .story-slider .btn.btn-slider.swiper-button-next {
        left:59.35%
    }
}

.customer-stories-sec.bg-white {
    background-color: #f7f7f7
}

@media only screen and (min-width: 768px) {
    .customer-stories-sec.bg-white {
        background-color:#fff
    }
}

.customer-stories-sec.bg-white .story-slider .btn.btn-slider {
    border-color: #0f0f0f
}

.customer-stories-sec.bg-white .story-slider .btn.btn-slider span {
    color: #0f0f0f
}

.customer-story-video {
    aspect-ratio: 16/9;
    -o-object-fit: cover;
    object-fit: cover;
    height: 422px;
    max-width: 751px;
    transition: aspect-ratio 0.3s ease-in-out
}

@media only screen and (max-width: 768px) {
    .customer-story-video {
        height:226px;
        max-width: 402px
    }
}

@media only screen and (max-width: 475px) {
    .customer-story-video {
        height:235px;
        max-width: 430px
    }
}

@media only screen and (min-width: 1024px) {
    .pdp-sidebar-sec-wrap {
        padding-top:20px
    }
}

.pdp-sidebar-sec-wrap .pdp-sidebar {
    display: none
}

@media only screen and (min-width: 1024px) {
    .pdp-sidebar-sec-wrap .pdp-sidebar {
        position:sticky;
        top: 120px;
        width: 200px;
        z-index: 1;
        height: 100vh;
        display: block
    }
}

.pdp-sidebar-sec-wrap .pdp-sidebar .pdp-sidebar-menu-wrap li a {
    padding: 14px 16px;
    border-left: 4px solid rgba(60,60,67,.5019607843);
    display: block;
    position: relative;
        background: #261c63;
         color: #fff;
}

.pdp-sidebar-sec-wrap .pdp-sidebar .pdp-sidebar-menu-wrap li a span {
    letter-spacing: 1.28px
}

.pdp-sidebar-sec-wrap .pdp-sidebar .pdp-sidebar-menu-wrap li a:hover, .pdp-sidebar-sec-wrap .pdp-sidebar .pdp-sidebar-menu-wrap li a.active{
    background: #099bb5;
    color: #fff;

}
.pdp-sidebar-sec-wrap .pdp-sidebar .pdp-sidebar-menu-wrap li a:hover::after {
    content: "";
    background: rgba(67,67,70,.8);
    width: 4px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: -4px
}

.pdp-sidebar-sec-wrap .pdp-sidebar .pdp-sidebar-menu-wrap li a.active::after {
    content: "";
    background: linear-gradient(88.21deg,#ffbf01 -28.43%,#ff7402 123%);
    width: 4px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: -4px
}

.pdp-sidebar-content-wrap {
    width: 100%;
    margin-left: auto
}

@media only screen and (min-width: 1024px) {
    .pdp-sidebar-content-wrap {
        width:calc(100% - 200px)
    }
}

.pdp-sidebar-content-wrap section {
    padding: 64px 16px
}

@media only screen and (min-width: 1024px) {
    .pdp-sidebar-content-wrap section {
        padding:26px 32px
    }
}

.pdp-sidebar-content-wrap p a {
    text-decoration: none;
    color: #FF9602;
    outline: none;
    transition: all 0.4s ease
}

.pdp-sidebar-content-wrap p a::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.4s ease;
    background: currentColor;
    height: 2px;
    width: 0
}

.pdp-sidebar-content-wrap p a:hover::after {
    width: 100%
}

.pdp-sidebar-content-wrap .statistics-sec {
    padding-top: 0
}

@media only screen and (min-width: 1024px) {
    .pdp-sidebar-content-wrap .statistics-sec {
        padding-top:96px
    }
}

.pdp-sidebar-content-wrap .statistics-sec .statistics-card {
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    gap: 24px 0;
    margin-top: 48px
}

.pdp-sidebar-content-wrap .statistics-sec .statistics-card>* {
    flex: 0 0 calc(100% - 0px);
    width: calc(100% - 0px)
}

@media only screen and (min-width: 768px) {
    .pdp-sidebar-content-wrap .statistics-sec .statistics-card {
        display:-ms-flex;
        display: flex;
        flex-wrap: wrap;
        gap: 0 32px
    }

    .pdp-sidebar-content-wrap .statistics-sec .statistics-card>* {
        flex: 0 0 calc(33.3333333333% - 21.3333333333px);
        width: calc(33.3333333333% - 21.3333333333px)
    }
}

.pdp-sidebar-content-wrap .statistics-sec .statistics-card .h2 {
    background: linear-gradient(88.21deg,#ffbf01 -28.43%,#ff7402 123%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 12px
}

.title-content-block {
    max-width: 550px;
    margin-bottom: 48px
}

@media only screen and (min-width: 1024px) {
    .title-content-block {
        max-width:771px
    }
}

.title-content-block.mb-0 {
    margin-bottom: 24px
}

@media only screen and (min-width: 1024px) {
    .title-content-block.mb-0 {
        margin-bottom:0
    }
}

.title-content-block p {
    margin-top: 12px;
    color: rgba(60,60,67,.6)
}

@media only screen and (min-width: 1024px) {
    .title-content-block p {
        margin-top:20px
    }
}

.title-content-block.white-text {
    color: #fff
}

.title-content-block.white-text h3,.title-content-block.white-text p {
    color: #fff
}

.color-secondary-alt {
    color: rgba(67,67,70,.8)!important
}

.tab-vertical {
    align-items: center;
    flex-direction: column
}

@media only screen and (min-width: 768px) {
    .tab-vertical {
        flex-direction:row;
        gap: 0 45px
    }
}

.tab-vertical .tabs-nav {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .tab-vertical .tabs-nav {
        max-width:33.33%
    }
}

@media only screen and (min-width: 1024px) {
    .tab-vertical .tabs-nav {
        max-width:360px
    }
}

.tab-vertical .tabs-nav .tab-link {
    padding: 16px 0 16px 24px;
    cursor: pointer;
    border-left: 4px solid #f1f1f1
}

.tab-vertical .tabs-nav .tab-link p {
    color: rgba(60,60,67,.6);
    margin-top: 8px;
    height: 0;
    opacity: 0;
    transition: 0.4s all;
    font-size: 16px;
    line-height: 1.375;
    font-weight: 400;
    letter-spacing: normal
}

.tab-vertical .tabs-nav .tab-link.active {
    border-left: 4px solid #ff9602
}

.tab-vertical .tabs-nav .tab-link.active p {
    height: auto;
    opacity: 1
}

.tab-vertical .tabs-wrap {
    background-color: #f7f7f7;
    position: relative;
    width: calc(100% + 32px);
    padding: 24px 16px;
    margin: 48px -16px 0
}

@media only screen and (min-width: 768px) {
    .tab-vertical .tabs-wrap {
        padding:24px;
        margin: 0
    }
}

@media only screen and (min-width: 1280px) {
    .tab-vertical .tabs-wrap {
        max-width:calc(100% - 360px);
        padding: 48px;
        width: 100%
    }
}

.tab-vertical .tabs-wrap .tab-content {
    display: none;
    text-align: center
}

.tab-vertical .tabs-wrap .tab-content img {
    border: 4px solid #0f0f0f;
    border-radius: 8px
}

.tab-vertical .tabs-wrap .tab-content.active {
    display: inherit
}

.cta-section {
    padding: 64px 16px;
    padding-bottom: 64px !important;
    flex-wrap: wrap
}

@media only screen and (min-width: 768px) {
    .cta-section {
        padding:96px 32px
    }
}

.cta-section .logo-img-wrap {
    flex-wrap: wrap;
    margin-top: 48px;
    margin-left: -16px;
    margin-right: -16px;
    margin-bottom: -65px;
    justify-content: center
}

@media only screen and (min-width: 768px) {
    .cta-section .logo-img-wrap {
        margin:30px 0 0;
        padding: 0;
        border-top: 0;
        justify-content: flex-start;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 1024px) {
    .cta-section .logo-img-wrap {
        margin:0
    }
}

.cta-section .btn {
    width: 100%;
    justify-content: space-between
}

@media only screen and (min-width: 768px) {
    .cta-section .btn {
        width:auto;
        justify-content: center
    }
}

.bg-gray {
    background-color: #f7f7f7
}

.bg-dark {
    background-color: #0f0f0f
}

.bg-dark .title-content-block {
    color: #fff
}

.bg-dark .title-content-block p {
    color: rgba(255,255,255,.7215686275);
    margin-bottom: 25px
}

.customer-stories-sec .story-slider .btn.btn-slider {
    top: -12px
}

.customer-stories-sec .story-slider .btn.btn-slider.swiper-button-prev {
    right: 76px
}

@media only screen and (min-width: 576px) {
    .customer-stories-sec .story-slider .btn.btn-slider.swiper-button-prev {
        right:64px
    }
}

@media only screen and (min-width: 1440px) {
    .customer-stories-sec .story-slider .btn.btn-slider.swiper-button-prev {
        left:58%
    }
}

.customer-stories-sec .story-slider .btn.btn-slider.swiper-button-next {
    right: 16px
}

@media only screen and (min-width: 1440px) {
    .customer-stories-sec .story-slider .btn.btn-slider.swiper-button-next {
        left:63%
    }
}

.customer-stories-sec .story-slider .swiper-wrapper {
    padding-top: 48px
}

@media only screen and (min-width: 768px) {
    .customer-stories-sec .story-slider .swiper-wrapper .swiper-slide .slider-content {
        padding:32px;
        padding-left: 0;
        margin-right: 0!important
    }
}

.customer-stories-sec .story-slider .swiper-wrapper .swiper-slide .slider-image {
    -o-object-fit: cover;
    object-fit: cover
}

@media only screen and (min-width: 768px) {
    .customer-stories-sec .story-slider .swiper-wrapper .swiper-slide .slider-image {
        max-width:434px;
        height: 244px
    }
}

@media only screen and (min-width: 1024px) {
    .customer-stories-sec .story-slider .swiper-wrapper .swiper-slide .slider-image {
        max-width:474px;
        height: 267px
    }
}

@media only screen and (min-width: 1280px) {
    .customer-stories-sec .story-slider .swiper-wrapper .swiper-slide .slider-image {
        max-width:calc(100% - 404px);
        height: 335px
    }
}

@media only screen and (min-width: 1024px) {
    .customer-stories-sec .story-slider .swiper-wrapper .swiper-slide .customer-storysidebar-video {
        max-width:66.67%
    }
}

@media only screen and (min-width: 1280px) {
    .customer-stories-sec .story-slider .swiper-wrapper .swiper-slide .customer-storysidebar-video {
        max-width:calc(100% - 404px)
    }
}

.faq-sec .faq-inner {
    border-top: 1px solid rgba(60,60,67,.5019607843);
    padding: 16px 0
}

@media only screen and (min-width: 768px) {
    .faq-sec .faq-inner {
        padding:16px;
        background-color: #f7f7f7
    }
}

.faq-sec .faq-inner .faq-title {
    cursor: pointer;
    display: -ms-flex;
    display: flex;
    align-items: center;
    font-size: 18px !important;
}

.faq-sec .faq-inner .faq-title .plus {
    height: 20px;
    min-width: 20px;
    border: 1px solid #0f0f0f;
    border-radius: 50%;
    text-align: center;
    line-height: 16px;
    margin-left: auto;
    transition: all 0.5s ease
}

@media only screen and (min-width: 1280px) {
    .faq-sec .faq-inner:hover {
        background-color:#dbdbdb
    }
}

.faq-sec .faq-inner.open .plus {
    transform: rotate(45deg)
}

@media only screen and (min-width: 1280px) {
    .faq-sec .faq-inner.open:hover {
        background-color:#f7f7f7
    }
}

.faq-sec .faq-inner .faq-content {
    display: none;
    padding-top: 12px;
    padding-bottom: 8px
}

.gap-32 {
    gap: 32px
}

.resources-sec .title-content-block {
    max-width: 550px
}

@media only screen and (min-width: 1024px) {
    .resources-sec .title-content-block {
        max-width:811px
    }
}

.resources-sec.explore-more-products .explore-more-card {
    background-color: transparent;
    padding: 0;
        box-shadow: 0px 0px 15px #000;
        border-radius: 5px;
}

.resources-sec.explore-more-products .explore-more-card .explore-more-card-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100%;
    padding: 0px 20px;
}

.resources-sec .slider-image-inner {
    height: 245px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    margin-bottom: 16px;
        border-radius: 5px 5px 0px 0px;
}

.resources-sec a,.insights-tomorrow-section .insights-tomorrow-card-cotent a,.insights-tomorrow-title-wrapper a,.capability-sec-flex a,.challenges-of-retail a,.work-going-sec a,.life-at-accely-sec a {
    color: #FF9602!important
}

.resources-sec a:after,.insights-tomorrow-section .insights-tomorrow-card-cotent a:after,.insights-tomorrow-title-wrapper a:after,.capability-sec-flex a:after,.challenges-of-retail a:after,.work-going-sec a:after,.life-at-accely-sec a:after {
    background: #FF9602!important
}

@media only screen and (max-width: 1182px) and (min-width:1024px) {
    .explore-more-products .title-content-block {
        max-width:550px!important
    }
}

.statistics-card-inner a {
    color: #FF9602!important
}

.statistics-card-inner a:after {
    background-color: #FF9602!important
}

.customer-storysidebar-video {
    aspect-ratio: 16/9;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%;
    transition: aspect-ratio 0.3s ease-in-out
}

.cta-section .swiper-container {
    width: 100%;
    overflow: hidden
}

.cta-section .swiper-wrapper {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    transition-timing-function: linear!important
}

.cta-section .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    box-sizing: border-box;
    background-color: transparent;
    flex-shrink: 0;
    margin-right: 20px;
    max-height: 36px;
    max-width: 170px
}

.cta-section .swiper-slide img {
    max-width: 100%;
    height: auto;
    display: block;
    max-height: 100%
}

.cta-section .swiper-slide:last-child {
    margin-right: 0
}

.pdp-sidebar-content-wrap,.cta-section .swiper-container,.cta-section .swiper-wrapper,.cta-section .swiper-slide {
    margin: 0;
    padding: 0
}

.logo-img-wrap {
    display: block
}

@media (max-width: 768px) {
    .cta-section .swiper-container {
        width:100%
    }

    .cta-section .swiper-slide img {
        max-height: 100%;
        max-width: 100%
    }

    .logo-swiper {
        margin-top: 25px!important
    }
}

.insights-tomorrow-section .insights-tomorrow-title-wrapper {
    display: -ms-flex;
    display: flex;
    gap: 24px;
    justify-content: space-between;
    margin-bottom: 32px;
    flex-direction: column
}

@media only screen and (min-width: 768px) {
    .insights-tomorrow-section .insights-tomorrow-title-wrapper {
        flex-direction:row;
        align-items: flex-end;
        margin-bottom: 48px
    }
}

.insights-tomorrow-section .insights-tomorrow-row .insights-tomorrow-card {
    border-top: 1px solid rgba(60,60,67,.5019607843);
    padding: 32px 0;
    display: -ms-flex;
    display: flex;
    gap: 24px;
    flex-direction: column;
    border-bottom: 1px solid rgba(60,60,67,.5019607843)
}

@media only screen and (min-width: 768px) {
    .insights-tomorrow-section .insights-tomorrow-row .insights-tomorrow-card {
        gap:15px;
        flex-direction: row;
        border-bottom: 0
    }
}

@media only screen and (min-width: 1440px) {
    .insights-tomorrow-section .insights-tomorrow-row .insights-tomorrow-card {
        gap:32px
    }
}

.insights-tomorrow-section .insights-tomorrow-row .insights-tomorrow-card .insights-tomorrow-image {
    flex: 0 0 100%
}

@media only screen and (min-width: 768px) {
    .insights-tomorrow-section .insights-tomorrow-row .insights-tomorrow-card .insights-tomorrow-image {
        flex:0 0 200px
    }
}

@media only screen and (min-width: 1280px) {
    .insights-tomorrow-section .insights-tomorrow-row .insights-tomorrow-card .insights-tomorrow-image {
        flex:0 0 300px
    }
}

@media only screen and (min-width: 1440px) {
    .insights-tomorrow-section .insights-tomorrow-row .insights-tomorrow-card .insights-tomorrow-image {
        flex:0 0 371px
    }
}

.insights-tomorrow-section .insights-tomorrow-row .insights-tomorrow-card .insights-tomorrow-image .insights-tomorrow-image-inner {
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 30/19
}

.insights-tomorrow-section .insights-tomorrow-row .insights-tomorrow-card .insights-tomorrow-card-cotent {
    flex: 1
}

.insights-tomorrow-section .insights-tomorrow-row .insights-tomorrow-card .insights-tomorrow-card-cotent .insights-tomorrow-card-tag-line {
    margin-bottom: 16px;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1.417;
    font-weight: 400;
    letter-spacing: 1px
}

@media only screen and (min-width: 768px) {
    .insights-tomorrow-section .insights-tomorrow-row .insights-tomorrow-card .insights-tomorrow-card-cotent .insights-tomorrow-card-tag-line {
        margin-bottom:24px
    }
}

.insights-tomorrow-section .insights-tomorrow-row .insights-tomorrow-card .insights-tomorrow-card-cotent .insights-tomorrow-card-title {
    margin-bottom: 16px
}

@media only screen and (min-width: 768px) {
    .insights-tomorrow-section .insights-tomorrow-row .insights-tomorrow-card .insights-tomorrow-card-cotent .insights-tomorrow-card-title {
        margin-bottom:24px
    }
}

.explore-more-products {
    overflow: hidden;
    padding-bottom: 16px!important
}

@media only screen and (min-width: 1024px) {
    .explore-more-products {
        padding-bottom:96px!important
    }
}

.explore-more-products .explore-more-card {
    padding: 16px;
    /* background: #f7f7f7; */
    background: #eaeaea;
    height: -moz-max-content;
    height: max-content
}

.explore-more-products .explore-more-card .badge {
    margin-bottom: 12px
}

.explore-more-products .explore-more-card .explore-more-card-title {
    margin-bottom: 4px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100%
}

.explore-more-products .explore-more-card .explore-more-card-content {
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100%;
    min-height: 44px;
    color: rgba(60,60,67,.6);
     padding: 0px 20px;
}

.explore-more-products .explore-more-card .body-font-md.link{
    margin-bottom: 11px;
    padding: 10px 20px !important;
}

.explore-more-products .explore-more-card .explore-more-card .badge {
    margin-bottom: 12px
}

.explore-more-products .explore-more-slider {
    overflow: unset
}

.explore-more-products .explore-more-slider .swiper-wrapper {
    height: -moz-max-content;
    height: max-content
}

.explore-more-products .explore-more-slider .explore-more-card {
    width: 320px
}

@media only screen and (min-width: 1024px) {
    .explore-more-products .explore-more-slider .explore-more-card {
        width:360px
    }
}

.explore-more-products .explore-more-slider .btn-slider {
    position: absolute;
    top: -62px;
    left: unset;
    display: none
}

@media only screen and (min-width: 768px) {
    .explore-more-products .explore-more-slider .btn-slider {
        display:-ms-flex;
        display: flex
    }
}

.explore-more-products .explore-more-slider .btn-slider.swiper-button-prev {
    right: 64px
}

.explore-more-products .explore-more-slider .btn-slider.swiper-button-next {
    right: 0
}

.benefits .cards {
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    gap: 0 0
}

.benefits .cards>* {
    flex: 0 0 calc(100% - 0px);
    width: calc(100% - 0px)
}

@media only screen and (min-width: 768px) {
    .benefits .cards {
        display:-ms-flex;
        display: flex;
        flex-wrap: wrap;
        gap: 16px 16px
    }

    .benefits .cards>* {
        flex: 0 0 calc(33.3333333333% - 10.6666666667px);
        width: calc(33.3333333333% - 10.6666666667px)
    }
}

@media only screen and (min-width: 768px) {
    .benefits .cards {
        display:-ms-flex;
        display: flex;
        flex-wrap: wrap;
        gap: 32px 32px
    }

    .benefits .cards>* {
        flex: 0 0 calc(33.3333333333% - 21.3333333333px);
        width: calc(33.3333333333% - 21.3333333333px)
    }
}

.benefits .cards .card-inner {
    border-top: 1px solid rgba(60,60,67,.5019607843);
    
}

@media only screen and (min-width: 768px) {
    .benefits .cards .card-inner {
        border:0
    }
}

.benefits.bg-dark .cards .card-inner {
    padding: 16px 0
}

@media only screen and (min-width: 768px) {
    .benefits.bg-dark .cards .card-inner {
        padding:16px
    }
}

.benefits.bg-dark .cards .card-inner.bg-dark {
    background-color: transparent
}

.benefits.bg-dark .cards .card-inner.bg-dark p {
    color: #ffffff!important
}

.cards {
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    gap: 16px 0
}

.cards>* {
    flex: 0 0 calc(100% - 0px);
    width: calc(100% - 0px)
}

@media only screen and (min-width: 768px) {
    .cards {
        display:-ms-flex;
        display: flex;
        flex-wrap: wrap;
        gap: 0 32px
    }

    .cards>* {
        flex: 0 0 calc(33.3333333333% - 21.3333333333px);
        width: calc(33.3333333333% - 21.3333333333px)
    }
}

.cards .card-inner {
    /* background-color: #f7f7f7; */
    background-color:  #3d307d;
    padding: 16px;
    color: #fff;
}

.cards .card-inner .mb-4 {
    margin-bottom: 4px
}

.cards .card-inner .mb-8 {
    margin-bottom: 8px
}

.cards .card-inner .card-icon-sm {
    font-size: 12px;
    background-color: #0f0f0f;
    border-radius: 50%;
    color: #fff;
    display: -ms-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-top: 2px
}

.cards .card-inner .card-icon-lg {
    color: #f7f7f7;
    font-size: 36px;
    padding: 5px;
    margin-bottom: 30px;
    display: inline-block
}
.cards .card-inner .card-content .body-font-md, .cards .card-inner .body-font-xl{
    color: rgb(255, 255, 255) !important;
    font-weight: 600;
    margin-bottom: 10px !important;
}
.cards .card-inner  .color-secondary-alt,
.cards .card-inner .card-content .color-secondary-alt{
     color: #ffffff !important;
     font-weight: 400;
     font-size:  15px !important;
}
.cards .card-inner .card-content {
    padding-left: 12px;
    max-width: calc(100% - 20px);
     color: #fff;
}

.overview-with-compelling-row {
    display: -ms-flex;
    display: flex;
    gap: 48px;
    flex-direction: column-reverse
}

@media only screen and (min-width: 768px) {
    .overview-with-compelling-row {
        gap:32px;
        flex-direction: row
    }
}

.overview-with-compelling-row .overview-with-video {
    position: relative;
    display: -ms-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 -16px
}

@media only screen and (min-width: 768px) {
    .overview-with-compelling-row .overview-with-video {
        margin:0
    }
}

.overview-with-compelling-row .overview-with-video iframe,.overview-with-compelling-row .overview-with-video video {
    max-width: 100%
}

.overview-with-compelling-row .overview-with-video .overview-with-video-play-btn {
    height: 64px;
    width: 64px;
    border-radius: 50%;
    background: rgba(255,255,255,.361);
    position: absolute;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px)
}

@media only screen and (min-width: 768px) {
    .overview-with-compelling-row .overview-with-video .overview-with-video-play-btn {
        width:58.88px;
        height: 61.33px
    }
}

.overview-with-compelling-row .overview-with-cards {
    flex: 1;
    flex-direction: column;
    gap: 16px
}

@media only screen and (min-width: 768px) {
    .overview-with-compelling-row .overview-with-cards {
        gap:32px;
        flex: 0 0 290px;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 1024px) {
    .overview-with-compelling-row .overview-with-cards {
        flex:0 0 372px
    }
}

.overview-with-compelling-row .overview-with-cards .card-inner {
    width: 100%;
    flex: none
}

@media only screen and (min-width: 768px) {
    .overview-with-compelling-row .overview-with-cards .card-inner {
        padding:0;
        background-color: transparent
    }
}

.implementation-sec .capability-sec-flex {
    flex-direction: column
}

@media only screen and (min-width: 1024px) {
    .implementation-sec .capability-sec-flex {
        flex-direction:row
    }
}

.implementation-sec .capability-sec-flex .link {
    margin-right: auto;
    white-space: nowrap
}

@media only screen and (min-width: 1024px) {
    .implementation-sec .capability-sec-flex .link {
        margin-right:unset
    }
}

.implementation-sec .tab-vertical {
    margin-top: 48px;
    align-items: unset
}

@media only screen and (min-width: 768px) {
    .implementation-sec .tab-vertical {
        gap:0 32px
    }
}

.implementation-sec .tab-vertical .tabs-nav {
    display: -ms-flex;
    display: flex;
    flex-direction: row;
    overflow-x: auto
}

@media only screen and (min-width: 768px) {
    .implementation-sec .tab-vertical .tabs-nav {
        overflow-x:unset;
        flex-direction: column
    }
}

@media only screen and (min-width: 1024px) {
    .implementation-sec .tab-vertical .tabs-nav {
        max-width:370px
    }
}

.implementation-sec .tab-vertical .tabs-nav .tab-link {
    padding: 16px;
    border-left: 0!important;
    border-top: 1px solid #f1f1f1;
    display: -ms-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.3s ease
}

.implementation-sec .tab-vertical .tabs-nav .tab-link span {
    color: #939393;
    -webkit-opacity: .2;
    -moz-opacity: .2;
    -o-opacity: .2;
    -ms-opacity: .2;
    opacity: .2;
    transition: all 0.3s ease;
    display: none
}

@media only screen and (min-width: 768px) {
    .implementation-sec .tab-vertical .tabs-nav .tab-link span {
        display:block
    }
}

.implementation-sec .tab-vertical .tabs-nav .tab-link:hover {
    border-top: 1px solid #0f0f0f
}

.implementation-sec .tab-vertical .tabs-nav .tab-link:hover a {
    color: rgba(60,60,67,.6);
    transform: translateX(4px)
}

.implementation-sec .tab-vertical .tabs-nav .tab-link:hover span {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
    -ms-opacity: 1;
    opacity: 1;
    color: #0f0f0f;
    transform: translateX(16px)
}

.implementation-sec .tab-vertical .tabs-nav .tab-link.active {
    border-top: 1px solid #ff9602
}

.implementation-sec .tab-vertical .tabs-nav .tab-link.active>* {
    color: #ff9602!important;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
    -ms-opacity: 1;
    opacity: 1
}

.implementation-sec .tab-vertical .tabs-nav .tab-link.active a {
    transform: translateX(4px)
}

.implementation-sec .tab-vertical .tabs-nav .tab-link.active span {
    transform: translateX(16px)
}

.implementation-sec .tab-vertical .tabs-nav .tab-link a {
    text-wrap: nowrap
}

.implementation-sec .tab-vertical .tabs-wrap {
    overflow: hidden;
    width: 100%;
    padding: 24px 16px;
    margin: 0!important
}

@media only screen and (min-width: 768px) {
    .implementation-sec .tab-vertical .tabs-wrap {
        padding:24px
    }
}

@media only screen and (min-width: 1280px) {
    .implementation-sec .tab-vertical .tabs-wrap {
        max-width:calc(100% - 370px);
        padding: 32px
    }
}

.implementation-sec .tab-vertical .tabs-wrap .tab-content {
    text-align: left;
    display: block;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
    -ms-opacity: 0;
    opacity: 0;
    transform: translate(1000px);
    height: 0;
    transition: all 0.5s ease
}

.implementation-sec .tab-vertical .tabs-wrap .tab-content .cards {
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    gap: 24px 32px;
    margin-bottom: 32px
}

.implementation-sec .tab-vertical .tabs-wrap .tab-content .cards>* {
    flex: 0 0 calc(100% - 0px);
    width: calc(100% - 0px)
}

@media only screen and (min-width: 768px) {
    .implementation-sec .tab-vertical .tabs-wrap .tab-content .cards {
        display:-ms-flex;
        display: flex;
        flex-wrap: wrap;
        gap: 32px 32px;
        margin-bottom: 48px
    }

    .implementation-sec .tab-vertical .tabs-wrap .tab-content .cards>* {
        flex: 0 0 calc(50% - 16px);
        width: calc(50% - 16px)
    }
}

.implementation-sec .tab-vertical .tabs-wrap .tab-content .cards .card-inner {
    padding: 0;
    background-color: transparent
}

.implementation-sec .tab-vertical .tabs-wrap .tab-content.active {
    transform: translateX(0);
    height: auto;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
    -ms-opacity: 1;
    opacity: 1
}

.pdp-sidebar-content-wrap section.more-sap-services {
    padding-top: 0;
    padding-bottom: 0
}

@media only screen and (min-width: 768px) {
    .pdp-sidebar-content-wrap section.more-sap-services {
        padding-bottom:48px
    }
}

.pdp-sidebar-content-wrap section.no-whitepaper-section {
    padding-top: 96px
}

.more-sap-services .more-sap-services-row {
    background: #f7f7f7;
    display: -ms-flex;
    display: flex;
    padding: 64px 16px;
    flex-direction: column;
    margin: 0 -16px;
    width: calc(100% + 32px)
}

@media only screen and (min-width: 768px) {
    .more-sap-services .more-sap-services-row {
        gap:32px;
        padding: 32px;
        margin: 0;
        flex-direction: row;
        width: 100%
    }
}

.more-sap-services .more-sap-services-row .more-sap-services-content {
    display: -ms-flex;
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 48px
}

@media only screen and (min-width: 768px) {
    .more-sap-services .more-sap-services-row .more-sap-services-content {
        flex:0 0 250px;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 1024px) {
    .more-sap-services .more-sap-services-row .more-sap-services-content {
        flex:0 0 323px
    }
}

.more-sap-services .more-sap-services-row .more-sap-services-content .more-sap-services-tag {
    color: rgba(60,60,67,.6)
}

.more-sap-services .more-sap-services-row .more-sap-services-link-list {
    flex: 1
}

.more-sap-services .more-sap-services-row .more-sap-services-link-list li .more-sap-services-link {
    border-top: 1px solid rgba(15,15,15,.122);
    display: -ms-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
    gap: 10px;
    font-size: 21px;
    line-height: 1.381;
    font-weight: 400;
    letter-spacing: normal;
    transition: all 0.5s ease
}

@media only screen and (min-width: 768px) {
    .more-sap-services .more-sap-services-row .more-sap-services-link-list li .more-sap-services-link {
        padding:16px 21.83px 16px 16px
    }
}

.more-sap-services .more-sap-services-row .more-sap-services-link-list li .more-sap-services-link .more-sap-services-link-icon {
    color: #939393
}

.more-sap-services .more-sap-services-row .more-sap-services-link-list li .more-sap-services-link:hover {
    border-color: #0f0f0f;
    color: rgba(60,60,67,.6)
}

@media only screen and (min-width: 768px) {
    .more-sap-services .more-sap-services-row .more-sap-services-link-list li .more-sap-services-link:hover {
        padding:16px 5.23px 16px 16px
    }
}

.more-sap-services .more-sap-services-row .more-sap-services-content-img {
    width: 70px;
    height: 40px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-top: 11px
}

@media only screen and (min-width: 768px) {
    .more-sap-services .more-sap-services-row .more-sap-services-content-img {
        margin-top:auto;
        margin-bottom: 20px
    }
}

.more-sap-services .more-sap-services-row .more-sap-services-content-img.xs {
    display: block
}

@media only screen and (min-width: 768px) {
    .more-sap-services .more-sap-services-row .more-sap-services-content-img.xs {
        display:none
    }
}

.more-sap-services .more-sap-services-row .more-sap-services-content-img.lg {
    display: none
}

@media only screen and (min-width: 768px) {
    .more-sap-services .more-sap-services-row .more-sap-services-content-img.lg {
        display:block
    }
}

.service-hero {
    padding: 0!important;
    z-index: 1;
    position: relative
}

@media only screen and (min-width: 768px) {
    .service-hero {
        margin-top:-48px
    }
}

@media only screen and (min-width: 1024px) {
    .service-hero {
        margin-top:-58px
    }
}

@media only screen and (min-width: 1280px) {
    .service-hero {
        margin-top:-60px;
        position: sticky;
        top: 0
    }
}

.service-hero .service-hero-bg {
    position: absolute;
    inset: 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.service-hero .service-hero-content {
    position: relative;
    z-index: 1;
    height: 100%;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    flex-direction: column;
    background: linear-gradient(281.99deg,rgba(15,15,15,0) .28%,rgba(15,15,15,.7) 83.21%);
    padding-top: 64px;
    padding-bottom: 64px
}

@media only screen and (min-width: 768px) {
    .service-hero .service-hero-content {
        padding-bottom:100px;
        padding-top: 100px;
        background: linear-gradient(300.95deg,rgba(15,15,15,0) 20.32%,rgba(15,15,15,.7) 78.23%)
    }
}

@media only screen and (min-width: 1280px) {
    .service-hero .service-hero-content {
        min-height:579px
    }
}

.service-hero .service-hero-content .service-hero-inner-content {
    max-width: 752px
}

.service-hero .service-hero-content .service-hero-title {
    margin-bottom: 32px
}

@media only screen and (min-width: 1024px) {
    .service-hero .service-hero-content .service-hero-title {
        margin-bottom:24px
    }
}

.service-hero .service-hero-content .service-hero-text {
    margin-bottom: 24px
}

.service-hero .service-hero-content .service-hero-title,.service-hero .service-hero-content .service-hero-text {
    color: #fff
}

.service-hero .service-hero-content .btn-group {
    gap: 16px;
    flex-direction: column
}

@media only screen and (min-width: 768px) {
    .service-hero .service-hero-content .btn-group {
        flex-direction:row
    }
}

@media only screen and (min-width: 1280px) {
    .service-hero.industries-hero {
        position:sticky;
        top: 0
    }
}

.service-hero.industries-hero .service-hero-content {
    padding-top: 64px;
    padding-bottom: 136px
}

@media only screen and (min-width: 768px) {
    .service-hero.industries-hero .service-hero-content {
        padding-bottom:100px;
        padding-top: 100px
    }
}

@media only screen and (min-width: 1280px) {
    .service-hero.industries-hero .service-hero-content {
        min-height:637px
    }
}

.industries-hero-list-wrapper {
    background: rgba(60,60,67,.6);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    width: 100%;
    transform: translateY(-100%);
    position: relative;
    z-index: 2;
    margin-bottom: -81px
}

@media only screen and (min-width: 768px) {
    .industries-hero-list-wrapper {
        margin-bottom:-56px
    }
}

.industries-hero-list-wrapper .industries-hero-list-row {
    display: -ms-flex;
    display: flex;
    flex-direction: column;
    min-height: 56px;
    padding: 16px 0
}

@media only screen and (min-width: 768px) {
    .industries-hero-list-wrapper .industries-hero-list-row {
        align-items:center;
        flex-direction: row;
        gap: 48px;
        padding: 0
    }
}

.industries-hero-list-wrapper .industries-hero-list-row .industries-hero-list-title {
    color: rgba(255,255,255,.7215686275);
    text-transform: uppercase;
    white-space: nowrap
}

.industries-hero-list-wrapper .industries-hero-list-row .industries-hero-list {
    display: -ms-flex;
    display: flex;
    gap: 32px;
    overflow: auto;
    padding-top: 8px;
    max-width: 100%
}

@media only screen and (min-width: 768px) {
    .industries-hero-list-wrapper .industries-hero-list-row .industries-hero-list {
        gap:48px;
        padding-bottom: 8px
    }
}

.industries-hero-list-wrapper .industries-hero-list-row .industries-hero-list::-webkit-scrollbar {
    width: 2px;
    height: 2px
}

.industries-hero-list-wrapper .industries-hero-list-row .industries-hero-list::-webkit-scrollbar-track {
    background: transparent
}

.industries-hero-list-wrapper .industries-hero-list-row .industries-hero-list::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.2)
}

.industries-hero-list-wrapper .industries-hero-list-row .industries-hero-list li a {
    white-space: nowrap
}

.cloud-section {
    background-color: #0f0f0f!important;
    padding: 64px 0
}

@media only screen and (min-width: 1024px) {
    .cloud-section {
        padding:96px 0
    }
}

@media only screen and (min-width: 1280px) {
    .cloud-section {
        top:0;
        position: sticky;
        z-index: 2
    }
}

.cloud-section .section-title-wrapper {
    margin-bottom: 48px
}

@media only screen and (min-width: 1024px) {
    .cloud-section .section-title-wrapper {
        margin-bottom:32px
    }
}

.cloud-section .section-title-wrapper .section-title-desc {
    opacity: .6
}

.cloud-section .section-title-wrapper p {
    margin-bottom: 0!important
}

.cloud-section .cloud-list {
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    gap: 16px 16px
}

.cloud-section .cloud-list>* {
    flex: 0 0 calc(100% - 0px);
    width: calc(100% - 0px)
}

@media only screen and (min-width: 768px) {
    .cloud-section .cloud-list {
        display:-ms-flex;
        display: flex;
        flex-wrap: wrap;
        gap: 20px 20px
    }

    .cloud-section .cloud-list>* {
        flex: 0 0 calc(50% - 10px);
        width: calc(50% - 10px)
    }
}

@media only screen and (min-width: 1280px) {
    .cloud-section .cloud-list {
        display:-ms-flex;
        display: flex;
        flex-wrap: wrap;
        gap: 32px 32px
    }

    .cloud-section .cloud-list>* {
        flex: 0 0 calc(25% - 24px);
        width: calc(25% - 24px)
    }
}

.cloud-section .cloud-list li .cloud-card {
    background: #2c2c2c;
    padding: 16px;
    display: -ms-flex;
    display: flex;
    gap: 12px
}

.cloud-section .cloud-list li .cloud-card .cloud-card-icon {
    height: 20px;
    width: 20px;
    flex: 0 0 20px;
    font-size: 12px;
    background: linear-gradient(88.21deg,#ffbf01 -28.43%,#ff7402 123%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: -ms-flex;
    display: flex;
    align-items: center;
    justify-content: center
}

.cloud-section .cloud-list li .cloud-card .cloud-card-content .cloud-card-title {
    color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100%
}

.cloud-section .cloud-list li .cloud-card .cloud-card-content .cloud-card-title a {
    text-decoration: none;
    color: #FF9602;
    outline: none;
    transition: all 0.4s ease
}

.cloud-section .cloud-list li .cloud-card .cloud-card-content .cloud-card-title a::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.4s ease;
    background: currentColor;
    height: 2px;
    width: 0
}

.cloud-section .cloud-list li .cloud-card .cloud-card-content .cloud-card-title a:hover::after {
    width: 100%
}

.cloud-section .cloud-list li .cloud-card .cloud-card-content .cloud-card-text {
    color: rgba(255,255,255,.7215686275);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100%
}

.cloud-section .cloud-list li .cloud-card .cloud-card-content .cloud-card-text a {
    text-decoration: none;
    color: #FF9602;
    outline: none;
    transition: all 0.4s ease
}

.cloud-section .cloud-list li .cloud-card .cloud-card-content .cloud-card-text a::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.4s ease;
    background: currentColor;
    height: 2px;
    width: 0
}

.cloud-section .cloud-list li .cloud-card .cloud-card-content .cloud-card-text a:hover::after {
    width: 100%
}

.section-title-wrapper {
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    gap: 32px 0
}

.section-title-wrapper>* {
    flex: 0 0 calc(100% - 0px);
    width: calc(100% - 0px)
}

.section-title-wrapper .section-title-content .section-title-desc {
    margin-bottom: 24px;
    color: rgba(60,60,67,.6)
}

.section-title-wrapper .section-title-content .section-title-links {
    gap: 4px
}

.section-title-wrapper .section-title-content .section-title-link {
    color: #FF9602
}

.section-title-wrapper .section-title-content .section-title-link:after {
    background: #FF9602
}

@media only screen and (min-width: 768px) {
    .section-title-wrapper .section-title-content {
        padding-left:16px
    }
}

@media only screen and (min-width: 768px) {
    .section-title-wrapper {
        display:-ms-flex;
        display: flex;
        flex-wrap: wrap;
        gap: 0 0
    }

    .section-title-wrapper>* {
        flex: 0 0 calc(50% - 0px);
        width: calc(50% - 0px)
    }
}

.section-title-wrapper.white-text .section-title,.section-title-wrapper.white-text .section-title-content,.section-title-wrapper.white-text .section-title-desc,.section-title-wrapper.white-text .section-title-links {
    color: #fff
}

.section-title-wrapper.white-text a,.section-title-wrapper.white-text .link,.section-title-wrapper.white-text .link-primary {
    background: -webkit-linear-gradient(90deg,#ffffff,#ffffff)
}

.learn-the-power {
    overflow: hidden
}

.learn-the-power .title-content-block {
    max-width: calc(100% - 120px)
}

.learn-the-power .learn-the-power-slider {
    margin-bottom: 48px;
    overflow: unset
}

@media only screen and (min-width: 768px) {
    .learn-the-power .learn-the-power-slider {
        margin-bottom:64px
    }
}

.learn-the-power .learn-the-power-slider .learn-the-power-item-icon {
    height: 48px;
    width: 48px;
    display: -ms-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    margin-bottom: 24px
}

@media only screen and (min-width: 768px) {
    .learn-the-power .learn-the-power-slider .learn-the-power-item-icon {
        margin-bottom:32px
    }
}

.learn-the-power .learn-the-power-slider .learn-the-power-item-title {
    margin-bottom: 12px
}

@media only screen and (min-width: 768px) {
    .learn-the-power .learn-the-power-slider .learn-the-power-item-title {
        margin-bottom:16px
    }
}

@media only screen and (min-width: 1024px) {
    .learn-the-power .learn-the-power-slider .learn-the-power-item-title {
        display:-webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        width: 100%
    }
}

.learn-the-power .learn-the-power-slider .learn-the-power-item-text {
    color: rgba(60,60,67,.6)
}

@media only screen and (min-width: 1024px) {
    .learn-the-power .learn-the-power-slider .learn-the-power-item-text {
        display:-webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        width: 100%
    }
}

.learn-the-power .learn-the-power-slider .btn-slider {
    position: absolute;
    top: -62px;
    left: unset
}

@media only screen and (min-width: 768px) {
    .learn-the-power .learn-the-power-slider .btn-slider {
        display:-ms-flex;
        display: flex
    }
}

.learn-the-power .learn-the-power-slider .btn-slider.swiper-button-prev {
    right: 64px
}

.learn-the-power .learn-the-power-slider .btn-slider.swiper-button-next {
    right: 0
}

.we-can-make-card {
    background: #f7f7f7;
    padding: 16px
}

@media only screen and (min-width: 768px) {
    .we-can-make-card {
        max-width:calc(50% - 16px)
    }
}

@media only screen and (min-width: 1280px) {
    .we-can-make-card {
        max-width:calc(33.33% - 21px)
    }
}

.we-can-make-card .we-can-make-card-text {
    margin-bottom: 24px;
    color: rgba(60,60,67,.6)
}

.partners-change-section {
    background: #222;
    overflow: hidden
}

@media only screen and (min-width: 1024px) {
    .partners-change-section {
        padding-right:0!important
    }
}

.partners-change-section.industries-common-section {
    background: #fff
}

.partners-change-section .title-content-block {
    max-width: calc(100% - 110px)
}

@media only screen and (min-width: 1024px) {
    .partners-change-section .title-content-block {
        max-width:calc(100% - 150px)
    }
}

.partners-change-section .partners-change-slider {
    overflow: unset
}

@media only screen and (min-width: 1024px) {
    .partners-change-section .partners-change-slider {
        padding-left:16px
    }
}

.partners-change-section .partners-change-slider .btn-slider {
    position: absolute;
    top: -62px;
    left: unset;
    border-color: #fff;
    color: #fff
}

@media only screen and (min-width: 768px) {
    .partners-change-section .partners-change-slider .btn-slider {
        display:-ms-flex;
        display: flex
    }
}

.partners-change-section .partners-change-slider .btn-slider.swiper-button-prev {
    right: 64px
}

@media only screen and (min-width: 1024px) {
    .partners-change-section .partners-change-slider .btn-slider.swiper-button-prev {
        right:96px
    }
}

.partners-change-section .partners-change-slider .btn-slider.swiper-button-next {
    right: 0
}

@media only screen and (min-width: 1024px) {
    .partners-change-section .partners-change-slider .btn-slider.swiper-button-next {
        right:32px
    }
}

.partners-change-section .partners-change-slider.dark .btn-slider {
    border-color: #0f0f0f;
    color: #0f0f0f
}

.partners-change-section .partners-change-item .partners-change-item-logo {
    margin-bottom: 32px;
    height: 40px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left;
    object-position: left
}

.partners-change-section .partners-change-item .partners-change-item-text {
    color: #fff
}

.partners-change-section .partners-change-item.dark .partners-change-item-text {
    color: #0f0f0f
}

.unlock-the-possibilities {
    width: 100%;
    background-size: cover;
    padding: 0!important;
    display: -ms-flex;
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 1024px) {
    .unlock-the-possibilities {
        padding:96px 32px!important;
        min-height: 711px;
        margin-left: 55px;
        width: calc(100% - 55px)
    }
}

.unlock-the-possibilities .unlock-the-possibilities-image {
    display: block;
    width: 100%
}

@media only screen and (min-width: 1024px) {
    .unlock-the-possibilities .unlock-the-possibilities-image {
        display:none
    }
}

.unlock-the-possibilities .unlock-the-title-main {
    background: #0f0f0f;
    position: sticky;
    top: 190px;
    padding: 48px 16px 64px
}

@media only screen and (min-width: 1024px) {
    .unlock-the-possibilities .unlock-the-title-main {
        padding:32px;
        margin-left: -87px;
        max-width: 800px
    }
}

.unlock-the-possibilities .unlock-the-title-main .unlock-the-title {
    margin-bottom: 20px;
    color: #fff
}

.unlock-the-possibilities .unlock-the-title-main .unlock-the-text {
    margin-bottom: 32px;
    color: rgba(255,255,255,.7215686275)
}

.unlock-the-possibilities .unlock-the-title-main .btn {
    min-width: 100%;
    justify-content: space-between
}

@media only screen and (min-width: 768px) {
    .unlock-the-possibilities .unlock-the-title-main .btn {
        min-width:auto
    }
}

.unlock-the-possibilities.no-faq-section {
    margin-top: 96px!important
}

.challenges-of-retail {
    background-color: #fff
}

.challenges-of-retail .challenges-of-retail-title-wrapper {
    display: -ms-flex;
    display: flex;
    gap: 30px;
    margin-bottom: 48px;
    justify-content: space-between;
    align-items: center
}

.challenges-of-retail .challenges-of-retail-title-wrapper .link {
    display: none
}

@media only screen and (min-width: 768px) {
    .challenges-of-retail .challenges-of-retail-title-wrapper .link {
        white-space:nowrap;
        display: inline-flex
    }
}

.challenges-of-retail .challenges-of-retail-main {
    position: relative
}

.challenges-of-retail .challenges-of-retail-main .challenges-of-retail-list {
    counter-reset: number;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    justify-content: space-between
}

@media only screen and (min-width: 1024px) {
    .challenges-of-retail .challenges-of-retail-main .challenges-of-retail-list {
        gap:10px
    }
}

@media only screen and (min-width: 1440px) {
    .challenges-of-retail .challenges-of-retail-main .challenges-of-retail-list {
        gap:32px
    }
}

.challenges-of-retail .challenges-of-retail-main .challenges-of-retail-list li {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .challenges-of-retail .challenges-of-retail-main .challenges-of-retail-list li {
        flex:0 0 50%;
        width: 50%
    }
}

@media only screen and (min-width: 1280px) {
    .challenges-of-retail .challenges-of-retail-main .challenges-of-retail-list li {
        flex:0 0 calc(33.33% - 22px);
        width: calc(33.33% - 22px);
        padding: 16px
    }
}

.challenges-of-retail .challenges-of-retail-main .challenges-of-retail-list li::before {
    content: "#" counters(number,"");
    counter-increment: number;
    background: linear-gradient(88.21deg,#ffbf01 -28.43%,#ff7402 123%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media only screen and (min-width: 1280px) {
    .challenges-of-retail .challenges-of-retail-main .challenges-of-retail-list li:nth-child(2n+2) {
        margin-left:calc(33.33% - 22px)
    }
}

.challenges-of-retail .challenges-of-retail-main .challenges-of-retail-list li .challenges-of-retail-list-title {
    color: #0f0f0f;
    margin-top: 12px;
    margin-bottom: 4px
}

.challenges-of-retail .challenges-of-retail-main .challenges-of-retail-list li .challenges-of-retail-list-text {
    color: rgba(67,67,70,.8)
}

.challenges-of-retail .challenges-of-retail-main .challenges-of-retail-image {
    min-width: calc(100% + 32px);
    -o-object-fit: contain;
    object-fit: contain;
    margin: 48px -16px 0
}

@media only screen and (min-width: 768px) {
    .challenges-of-retail .challenges-of-retail-main .challenges-of-retail-image {
        margin:0;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
        width: 45%;
        min-width: unset
    }
}

@media only screen and (min-width: 1280px) {
    .challenges-of-retail .challenges-of-retail-main .challenges-of-retail-image {
        width:438px;
        max-width: calc(33.33% - 22px);
        left: calc(33.33% + 11px);
        right: unset
    }
}

.learn-about-industry {
    background-image: url(../../../../../../../../../themes/accely/assets/images/learn-about-industry.webp)!important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    overflow: hidden
}

.learn-about-industry .learn-about-industry-title {
    max-width: 448px;
    margin-bottom: 48px;
    max-width: calc(100% - 120px)
}

@media only screen and (min-width: 768px) {
    .learn-about-industry .learn-about-industry-title {
        max-width:100%
    }
}

.learn-about-industry .learn-about-slider {
    padding-bottom: 48px;
    overflow: unset
}

@media only screen and (min-width: 1280px) {
    .learn-about-industry .learn-about-slider {
        padding:0 32px 80px 51.1%
    }
}

.learn-about-industry .learn-about-slider .swiper-button-prev {
    top: -58px;
    left: unset;
    right: 76px
}

@media only screen and (min-width: 1280px) {
    .learn-about-industry .learn-about-slider .swiper-button-prev {
        right:64px
    }
}

.learn-about-industry .learn-about-slider .swiper-button-next {
    top: -58px;
    left: unset;
    right: 16px
}

@media only screen and (min-width: 1280px) {
    .learn-about-industry .learn-about-slider .swiper-button-next {
        right:0
    }
}

.learn-about-industry .learn-about-slider .swiper-slide {
    transition: all 0.8s ease
}

@media only screen and (min-width: 768px) {
    .learn-about-industry .learn-about-slider .swiper-slide {
        opacity:0
    }
}

.learn-about-industry .learn-about-slider .swiper-slide.swiper-slide-active {
    opacity: 1
}

.learn-about-industry .learn-about-slider .swiper-slide .learn-about-slider-icon {
    font-size: 36px;
    height: 48px;
    width: 48px;
    display: -ms-flex;
    display: flex;
    margin-bottom: 24px
}

@media only screen and (min-width: 768px) {
    .learn-about-industry .learn-about-slider .swiper-slide .learn-about-slider-icon {
        margin-bottom:32px
    }
}

.learn-about-industry .learn-about-slider .swiper-slide .learn-about-slider-title {
    margin-bottom: 12px
}

@media only screen and (min-width: 768px) {
    .learn-about-industry .learn-about-slider .swiper-slide .learn-about-slider-title {
        margin-bottom:16px
    }
}

.learn-about-industry .learn-about-slider .swiper-slide .learn-about-slider-text {
    color: rgba(60,60,67,.6)
}

input,select,textarea {
    font-family: "Questrial",Arial,Verdana,Tahoma,sans-serif
}

.badge {
    font-size: 13px;
    line-height: 18.2px;
    font-weight: 400;
    letter-spacing: normal;
    background: rgba(0,148,255,.1);
    color: #0094FF;
    display: inline-block;
    min-height: 21px;
    padding: 1.42px 8px;
    border-radius: 21px
}

.badge.badge-orange {
    background: rgba(240,141,0,.1);
    color: #f08d00
}

.badge.badge-green {
    background: rgba(117,157,0,.1);
    color: rgb(117,157,0)
}

.badge.badge-purple {
    background: rgba(99,66,255,.1);
    color: #6342FF
}

.badge.badge-dark-blue {
    background: rgba(88,120,255,.1);
    color: #5878ff
}

.badge.badge-white {
    background: transparent;
    border: 1px solid rgba(255,255,255,.36);
    color: #fff
}

.badge.badge-gray {
    color: #6A6A70;
    background: rgba(106,106,112,.1)
}

.select-menu .wpml-ls-legacy-dropdown-click {
    width: auto
}

.select-menu .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle {
    font-size: 14px;
    display: -ms-flex;
    display: flex;
    align-items: center;
    cursor: pointer;
    background: transparent;
    border: none;
    color: #fff;
    padding-right: 14px;
    padding-left: 14px
}

@media only screen and (min-width: 1024px) {
    .select-menu .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle {
        padding:0
    }
}

@media only screen and (min-width: 1280px) {
    .select-menu .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle {
        font-size:16px
    }
}

.select-menu .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle .wpml-ls-native {
    padding: 0 7px;
    margin-left: 0;
    display: none
}

@media only screen and (min-width: 1024px) {
    .select-menu .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle .wpml-ls-native {
        display:block
    }
}

.select-menu .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle::after {
    content: none;
    font-family: "icomoon"!important;
    border: none;
    position: static;
    font-size: 10px
}

@media only screen and (min-width: 1024px) {
    .select-menu .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle::after {
        content:"\e914"
    }
}

.select-menu .wpml-ls-flag {
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 20px;
    width: 20px
}

@media only screen and (min-width: 1024px) {
    .select-menu .wpml-ls-flag {
        height:24px;
        width: 24px
    }
}

.select-menu .wpml-ls-sub-menu {
    width: 230px;
    overflow-y: auto;
    left: 0;
    max-height: 550px;
    background: #222;
    border: 0;
    box-shadow: 0 20px 24px -4px rgba(16,24,40,.0784313725);
    top: 39px
}

@media only screen and (min-width: 1024px) {
    .select-menu .wpml-ls-sub-menu {
        top:40px
    }
}

.select-menu .wpml-ls-sub-menu li {
    border-bottom: 1px solid rgba(255,255,255,.12);
    padding: 12px 16px
}

.select-menu .wpml-ls-sub-menu li .wpml-ls-link {
    border: none;
    background-color: transparent;
    color: #fff;
    padding: 0;
    display: -ms-flex;
    display: flex;
    align-items: center;
    transition: none
}

.select-menu .wpml-ls-sub-menu li .wpml-ls-link .wpml-ls-native {
    margin-left: 12px
}

.select-menu.active .select-btn .icon-arrow-dropdown {
    transform: rotate(-180deg)
}

@media only screen and (min-width: 1024px) {
    .site-footer .select-menu .wpml-ls-sub-menu {
        top:46px!important
    }
}

.site-footer .select-menu .wpml-ls-sub-menu {
    top: 42px
}

.wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a,.wpml-ls-legacy-dropdown-click a:focus,.wpml-ls-legacy-dropdown-click a:hover {
    color: #fff;
    background-color: transparent
}

.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #b82622
}

.wpcf7-form .wpcf7 form.invalid .wpcf7-response-output {
    position: absolute;
    right: 0
}

.wpcf7-form .wpcf7-not-valid-tip {
    padding-top: 5px
}

.form-group {
    margin-bottom: 24px
}

.form-group .form-control {
    font-size: 16px;
    line-height: 1.375;
    font-weight: 400;
    letter-spacing: normal;
    padding: 10px 14px;
    box-shadow: 0 1px 2px 0 rgba(16,24,40,.0509803922);
    border: 1px solid rgba(60,60,67,.5019607843);
    width: 100%;
    background-color: #fdfdfd;
    color: rgba(60,60,67,.6)
}

.form-group .form-control::-moz-placeholder {
    color: rgba(60,60,67,.6)
}

.form-group .form-control::placeholder {
    color: rgba(60,60,67,.6)
}

.form-group textarea {
    height: 116px
}

.form-group select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(../../../../../../../../../themes/accely/assets/images/down-arrow.svg);
    background-repeat: no-repeat;
    background-position: 97%;
    background-size: 12px
}

.form-group label {
    font-size: 14px;
    line-height: 1.429;
    font-weight: 400;
    letter-spacing: normal;
    margin-bottom: 6px;
    display: inline-block
}

.form-group .checkbox {
    width: 20px;
    height: 20px;
    margin-right: 12px
}

.form-group.custom-checkbox-wrap label {
    position: relative
}

.form-group.custom-checkbox-wrap label input.checkbox {
    opacity: 0
}

.form-group.custom-checkbox-wrap label .custom-checkbox {
    width: 20px;
    height: 20px;
    border: 1px solid #0f0f0f;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex!important;
    display: -ms-flex;
    display: flex;
    align-items: center;
    justify-content: center
}

.form-group.custom-checkbox-wrap label .custom-checkbox .icon {
    opacity: 0;
    color: #7F56D9;
    font-size: 14px
}

.form-group.custom-checkbox-wrap label:has(:checked) .custom-checkbox {
    border-color: #7F56D9;
    background-color: #F9F5FF
}

.form-group.custom-checkbox-wrap label:has(:checked) .custom-checkbox .icon {
    opacity: 1
}

.wpcf7-list-item {
    margin-left: 0
}

#register-event .connect-with-us-right {
    background: #fff!important
}

.contact-main-form-wrap .contact-main-form ul.country-list .contact-main-form {
    display: flex!important;
    min-height: 100%;
    justify-content: center;
    align-items: center;
    background: #fff
}

input::-moz-placeholder {
    color: #B1B1B4;
    opacity: 1
}

input::placeholder {
    color: #B1B1B4;
    opacity: 1
}

.input-field {
     background-color: #5878FF;
    border: 1px solid #225fbf;
    border-radius: 8px;
    outline: none;
    font-size: 16px;
    line-height: 24px;
    padding: 12px 16px;
    width: 100%!important
}

.eventform.form-group,.eventformfull.form-group {
    position: relative;
    width: 100%;
    margin-top: 2%
}

.eventform input {
    background-color: #f7f7f7;
    border: 1px solid #f7f7f7;
    border-radius: 8px;
    font-size: 16px;
    line-height: 24px;
    padding: 12px 16px;
    width: 100%!important;
    transition: border-color 0.3s ease
}

.eventformfull input {
    background-color: #f7f7f7;
    border: 1px solid #f7f7f7;
    border-radius: 8px;
    font-size: 16px;
    line-height: 24px;
    padding: 12px 16px;
    width: 100%!important;
    transition: border-color 0.3s ease
}

.customfield label {
    display: block
}

.eventformfull label {
    color: #5878FF;
    font-family: Open Sans,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    background: #fff!important;
    font-size: 14px;
    z-index: 0;
    padding: 0 3px;
    transform: translate(-15px,-16px) scale(.88)!important;
    z-index: 1111;
    position: absolute;
    left: 3%;
    top: 16%;
    color: #5878FF;
    display: none
}

.eventform label {
    color: #5878FF;
    font-family: Open Sans,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    background: #fff!important;
    font-size: 14px;
    z-index: 0;
    padding: 0 3px;
    transform: translate(-15px,-16px) scale(.88)!important;
    z-index: 1111;
    position: absolute;
    left: 6%;
    top: 16%;
    color: #5878FF;
    display: none
}

.phonelabel {
    margin-top: 3%
}

.eventformfull.intl-tel-input.separate-dial-code .selected-flag {
    background: transparent!important
}

.eventform input:focus,.eventformfull input:focus,.eventform select:focus,.eventformfull select:focus {
    border: 1px solid #5878FF;
    background-color: #fff
}

form.invalid.eventform {
    margin-bottom: 0%!important;
    margin-top: 0%!important
}

.eventform input.wpcf7-not-valid {
    margin-top: 2%;
    border: 1px solid #dc3232!important
}

.eventform input[data-active=true]+label,.eventform input:focus+label {
    top: -10px;
    left: 10px;
    font-size: 12px;
    color: #5878FF
}

.customfield label {
    display: block!important;
    margin-top: 2.5%
}

.customfield1 label {
    display: block!important;
    margin-top: -1%!important
}

.demo-form label.input-label.custombusiness {
    margin-left: -1.2%
}

.demo-form label.input-label.custommargin {
    margin-top: -1.5%!important;
    margin-left: -3.2%!important
}

.form-group.customfield.eventform {
    margin-top: 0%!important
}

.demo-form .form-group.customfield1.eventform {
    margin-top: 2%!important
}

.form-group.customfield1.eventform {
    margin-top: 0.1%!important;
    margin-bottom: 12px
}

.eventform.emailfield,.eventform.designationfield,.eventform.companyfield {
    margin-top: 0%
}

a#resume-upload-btn {
    border: 1px solid;
    border-top: 2px solid;
    border-right: 2px solid
}

a#resume-upload-btn::after {
    content: none
}

a#resume-upload-btn:hover {
    border-top: 1px solid;
    border-right: 1px solid
}

.customfield ul.country-list li.country,.customfield1 ul.country-list li.country {
    padding: 16px 20px!important
}

.customfield ul.country-list li.country:hover,.customfield1 ul.country-list li.country:hover {
    cursor: pointer;
    background-color: #f7f7f7!important
}

.customfield ul.country-list li.country.active,.customfield1 ul.country-list li.country.active {
    border-bottom: 1px solid #5878FF!important;
    cursor: pointer;
    background-color: #f7f7f7!important
}

.customfield ul.country-dropdown li,.customfield1 ul.country-dropdown li {
    transition: background-color 0.3s ease,border-bottom 0.3s ease!important;
    background-color: #f7f7f7!important;
    color: #7B7978
}

.customfield ul.country-dropdown li:hover,.customfield1 ul.country-dropdown li:hover {
    background-color: #f7f7f7!important;
    color: #7B7978
}

.customfield input,.customfield1 input {
    border: 1px solid #5878FF!important;
    display: block;
    background: #fff
}

.customfield .intl-tel-input.allow-dropdown .flag-container,.intl-tel-input.separate-dial-code .flag-container,.customfield1 .intl-tel-input.allow-dropdown .flag-container,.intl-tel-input.separate-dial-code .flag-container {
    left: 0;
    right: 0
}

.eventform .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
    background: #fff!important
}

.eventform .input-container:has(input:not(:-moz-placeholder)) label {
    top: -10px;
    left: 10px;
    font-size: 12px;
    color: #007BFF
}

.eventform .input-container:has(input:focus) label,.eventform .input-container:has(input:not(:placeholder-shown)) label {
    top: -10px;
    left: 10px;
    font-size: 12px;
    color: #007BFF
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .customfield .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag,.customfield1 .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
        padding-left:25%;
        width: 18vw
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .connect-with-us-sec .container-fluid .connect-with-us-wrapper .connect-with-us-right .connect-with-us-title {
        display:none
    }

    .connect-with-us-sec .container-fluid .connect-with-us-wrapper .connect-with-us-left .connect-with-us-title-mobile {
        position: absolute!important;
        left: 16px!important;
        bottom: 48px!important;
        color: #ffffff!important;
        display: block;
        justify-content: center;
        text-align: center;
        width: 100%
    }

    .connect-with-us-sec .container-fluid .connect-with-us-wrapper {
        flex-direction: column
    }

    .connect-with-us-sec .container-fluid .connect-with-us-wrapper .connect-with-us-right {
        margin: 0px!important;
        padding: 0 32px!important
    }

    .connect-with-us-sec .container-fluid .connect-with-us-wrapper .connect-with-us-left {
        max-width: 100%
    }

    .customfield label {
        font-size: 12px;
        margin-top: 4%
    }

    .customfield1 label {
        font-size: 12px;
        margin-top: 4%
    }

    .customfield .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
        display: flex!important;
        padding-left: 7%;
        width: 7vw
    }

    .customfield1 .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
        display: flex!important;
        padding-left: 7%;
        width: 7vw
    }

    .customfield .intl-tel-input.allow-dropdown .flag-container,.intl-tel-input.separate-dial-code .flag-container {
        left: 12px
    }

    .customfield1 .intl-tel-input.allow-dropdown .flag-container,.intl-tel-input.separate-dial-code .flag-container {
        left: 4px
    }
}

@media only screen and (min-width: 992px) and (max-width:1024px) {
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text] {
        padding-left:47px
    }

    .eventform input::-moz-placeholder {
        font-size: 14px;
        padding-left: 10px
    }

    .eventform input::placeholder {
        font-size: 14px;
        padding-left: 10px
    }

    .customfield label {
        margin-top: 5.5%
    }

    .customfield1 label {
        margin-top: 5.5%
    }
}

label.input-label.custommargindemo {
    margin-top: -1.7%;
    margin-left: -2%
}

.form-group.eventform.mt-0 {
    margin-top: 0%
}

.mb-0 {
    margin-bottom: 0%
}

.mb-1 {
    margin-bottom: 1%
}

.mt-minus2 {
    margin-top: -2%!important
}

.popup-content form h6 {
    font-weight: 600
}

.fs-18px {
    font-size: 18px
}

.pdp-sidebar-sec-wrap .pdp-sidebar-content-wrap .stay-connect-sec .upload-resume-img-wrapper .information-form-overlay-wrapper .information-form-wrap .information-title-wrap {
    margin-bottom: 4%
}

.pdp-sidebar-sec-wrap .pdp-sidebar-content-wrap .stay-connect-sec .upload-resume-img-wrapper .information-form-overlay-wrapper .information-form-wrap {
    padding-top: 3%
}

.pdp-sidebar-sec-wrap .pdp-sidebar-content-wrap .stay-connect-sec .upload-resume-img-wrapper .information-form-overlay-wrapper .information-form-wrap {
    max-width: 100%
}

input::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder {
    color: #B1B1B4!important;
    opacity: 1!important
}

input::placeholder,textarea::placeholder,select::placeholder {
    color: #B1B1B4!important;
    opacity: 1!important
}

input[type=text]::-moz-placeholder {
    color: #B1B1B4!important
}

input[type=text]::placeholder {
    color: #B1B1B4!important
}

textarea.input-field,select.input-field {
    color: #0F0F0F;
    border: none;
    background-color: #f7f7f7;
    border: 1px solid #f7f7f7;
    border-radius: 8px;
    font-size: 16px;
    line-height: 24px;
    padding: 12px 16px;
    width: 100%!important;
    transition: border-color 0.3s ease
}

.eventform textarea:focus {
    border: 1px solid #5878FF;
    background-color: #fff
}

input#phone-field.error:focus {
    border-color: red!important
}

.phone-error-message {
    padding-top: 5px
}

@media only screen and (min-width: 426px) and (max-width:768px) {
    .contacteventform {
        padding-top:3%!important
    }
}

@media only screen and (min-width: 320px) and (max-width:475px) {
    .contacteventform {
        padding-top:7%!important
    }
}

.contact-main-form textarea {
    resize: none!important
}

textarea.wpcf7-not-valid {
    margin-top: 1%;
    border: 1px solid #dc3232!important
}

select.wpcf7-not-valid {
    border: 1px solid #dc3232!important
}

.contact-letsgo-form label.input-label.custombusiness {
    margin-left: -.8%
}

.contact-letsgo-form label.input-label.custommargincareer {
    margin-top: -0.5%!important
}

.contact-letsgo-form label.input-label.custommargin {
    margin-top: -1.5%!important;
    margin-left: -3.2%!important
}

.career-form label.input-label.custommargin {
    margin-top: -1.5%!important;
    margin-left: -3.2%!important
}

.career-form label.input-label.custommargincareer {
    margin-top: -1%;
    margin-left: 0%
}

.contacteventform label.input-label.custommargincareer {
    margin-top: -1%!important;
    margin-left: 0%
}

.contacteventform label.input-label.custombusiness {
    margin-left: -.5%
}

.contacteventform label.input-label.custombusiness {
    margin-left: -1%
}

.contacteventform .eventform label {
    left: 8%;
    top: 16%
}

.contacteventform input.wpcf7-not-valid {
    margin-top: 1%!important
}

.contacteventform input#phone-field.wpcf7-not-valid {
    margin-top: 1%!important
}

.eventform label {
    z-index: 1!important
}

.event-sec .body-font-xl {
    margin: 8px 0
}

.event-sec .badge {
    margin-right: 4px
}

.event-sec .category-wrap {
    margin-bottom: 16px
}

.event-sec .date-location-wrap p {
    margin-bottom: 8px
}

.event-sec .date-location-wrap span {
    padding-right: 15px
}

.event-sec .event-slider,.event-sec .news-slider {
    padding-top: 40px;
    overflow-y: visible
}

@media only screen and (min-width: 1024px) {
    .event-sec .event-slider .swiper-wrapper .swiper-slide,.event-sec .news-slider .swiper-wrapper .swiper-slide {
        width:416px
    }
}

.event-sec .event-slider .swiper-wrapper .swiper-slide .slider-image,.event-sec .news-slider .swiper-wrapper .swiper-slide .slider-image {
    height: 400px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media only screen and (min-width: 1024px) {
    .event-sec .event-slider .swiper-wrapper .swiper-slide .slider-image,.event-sec .news-slider .swiper-wrapper .swiper-slide .slider-image {
        height:280px
    }
}

.event-sec .event-slider .btn.btn-slider,.event-sec .news-slider .btn.btn-slider {
    display: none
}

@media only screen and (min-width: 1024px) {
    .event-sec .event-slider .btn.btn-slider,.event-sec .news-slider .btn.btn-slider {
        top:-25px;
        display: -ms-flex;
        display: flex
    }
}

.event-sec .event-slider .btn.btn-slider.swiper-button-prev,.event-sec .news-slider .btn.btn-slider.swiper-button-prev {
    left: auto;
    right: 98px
}

.event-sec .event-slider .btn.btn-slider.swiper-button-next,.event-sec .news-slider .btn.btn-slider.swiper-button-next {
    right: 32px
}

.event-sec .event-slider {
    padding-left: 16px;
    padding-right: 16px
}

.event-sec .news-slider .swiper-wrapper {
    flex-direction: column
}

@media only screen and (min-width: 1024px) {
    .event-sec .news-slider .swiper-wrapper {
        flex-direction:row
    }
}

.event-sec.news-sec {
    padding-top: 0
}

.event-sec.news-sec .swiper-slide .body-font-md {
    color: rgba(60,60,67,.6);
    margin-bottom: 32px
}

.event-sec.news-sec .category-wrap {
    margin: 16px 0
}

@media only screen and (min-width: 768px) {
    .event-sec.news-sec .category-wrap {
        margin:32px 0
    }
}

.event-sec.news-sec .slider-link {
    padding: 5px;
    display: none
}

@media only screen and (min-width: 768px) {
    .event-sec.news-sec .slider-link {
        display:inline-flex
    }
}

.event-sec.news-sec .article-wrap {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 416px;
    background-color: #f7f7f7;
    padding: 16px;
    margin-top: 32px
}

@media only screen and (min-width: 768px) {
    .event-sec.news-sec .article-wrap {
        background-color:transparent;
        padding: 0;
        margin-top: 64px
    }
}

.event-sec.news-sec .article-wrap p {
    color: rgba(60,60,67,.6);
    margin-bottom: 16px
}

.event-sec.news-sec .article-wrap .link {
    margin-bottom: 4px;
    color: #FF9602
}

.event-sec.news-sec .article-wrap .link:last-child {
    display: none
}

@media only screen and (min-width: 768px) {
    .event-sec.news-sec .article-wrap .link:last-child {
        display:inline-flex
    }
}

.event-sec.news-sec .article-wrap .link:after {
    background: #FF9602
}

.event-sec .all-article-btn {
    width: 100%;
    justify-content: space-between
}

@media only screen and (min-width: 768px) {
    .event-sec .all-article-btn {
        display:none
    }
}

.event-sec .news-sec-bottom-btn {
    margin-top: 20px
}

@media only screen and (min-width: 768px) {
    .event-sec .news-sec-bottom-btn {
        display:none
    }
}

.event-sec .news-sec-bottom-btn .btn {
    width: 100%;
    justify-content: space-between
}

.container-fluid {
    max-width: 1440px
}

.service-section,.pdp-sidebar-sec-wrap,footer,.award-sec {
    z-index: 3;
    position: relative
}

.service-section {
    background-color: #fff
}

@media only screen and (min-width: 1024px) {
    .page-template-service header {
        background:transparent
    }

    .page-template-service header .main-header {
        background: transparent
    }
}

.pdp-sidebar-sec-wrap {
    background-color: #fff
}

.pdp-sidebar-sec-wrap .capability-sec.implementation-sec .title-content-block {
    max-width: 100%
}

@media only screen and (min-width: 1024px) {
    .pdp-sidebar-sec-wrap .capability-sec.implementation-sec .title-content-block {
        max-width:811px
    }
}

@media only screen and (min-width: 1280px) {
    .pdp-sidebar-sec-wrap .container-fluid .pdp-sidebar-content-wrap {
        min-height:400px
    }
}

@media only screen and (min-width: 1024px) {
    .pdp-sidebar-sec-wrap .container-fluid .pdp-sidebar-content-wrap section:first-child {
        padding-top:0
    }
}

.pdp-sidebar-sec-wrap .container-fluid .pdp-sidebar-content-wrap .cta-section {
    padding-top: 64px;
    padding-bottom: 64px;
    margin-bottom: 0;
        min-height: 16rem;
}

@media only screen and (min-width: 768px) {
    .pdp-sidebar-sec-wrap .container-fluid .pdp-sidebar-content-wrap .cta-section .title-content-block {
        margin-bottom:0
    }
}

@media only screen and (max-width: 1182px) and (min-width:1024px) {
    .pdp-sidebar-sec-wrap .container-fluid .pdp-sidebar-content-wrap .cta-section .title-content-block {
        margin-bottom:15px
    }

    .pdp-sidebar-sec-wrap .container-fluid .pdp-sidebar-content-wrap .cta-section a {
        margin-bottom: 40px
    }
}

.base-template__wrapper {
  max-width: 1780px;
}

.base-template__content {
  max-height: 685px;
}

.base-template__text {
  margin-bottom: 50px;
}

/**
 * Slider Instance
 */

.slider-section {
  position: relative;
  overflow: hidden;
  padding: 5rem 1px;
  width: 100%;
  height: 685px;
  border-radius: 2.5rem;
  background-image: linear-gradient(
    -65deg,
    rgba(11, 11, 13, 1),
    rgba(18, 18, 19, 1),
    rgba(49, 51, 52, 1)
  );
}

.slider-section::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 2.5rem;
  border: 1px solid transparent;
  background-image: linear-gradient(
      70deg,
      rgba(209, 206, 206, 0.6),
      rgba(102, 102, 102, 0.6)
    )
    border-box;
  mask: linear-gradient(#fff 0, #fff 100%) padding-box,
    linear-gradient(#fff 0, #fff 100%);
  mask-composite: exclude;
  mix-blend-mode: color-dodge;
  transition: background-color 0.6s ease-in-out;
}

/**
 * Background Slider
 */

.background-swiper {
  width: 100%;
  height: 100%;
}

.background-swiper .swiper-wrapper {
  align-items: center;
}

.slide {
  position: relative;
  overflow: hidden;
  max-width: 280px;
  max-height: 280px;
  width: 100%;
  border-radius: 1.25rem;
}

.slide::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: #00000066;
}

/**
 * Centered Slider
 */

.centered-swiper {
  position: absolute !important;
  top: 50%;
  left: 50%;
  overflow: hidden;
  z-index: 10;
  max-width: 280px;
  max-height: 390px;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  border-radius: 1.25rem;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.6);
  pointer-events: none;
}

.centered-swiper__slide {
  width: 100%;
  transition: transform 0.6s ease;
}

.background-swiper img,
.centered-swiper img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

/**
 * Sliders Info
 */

.slider-section__title {
  margin: 0;
  position: absolute;
  top: 12.5%;
  left: 50%;
  text-align: center;
  font-family: "Oswald", sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.3;
  text-transform: uppercase;
  transform: translateX(-50%);
}

.slider-section__text {
  margin: 0;
  position: absolute;
  bottom: 10%;
  left: 50%;
  max-width: 280px;
  height: 50px;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.3;
  color: #bbbbbb;
  transform: translateX(-50%);
}

@keyframes slideOutLeft {
  0% {
    transform: translateX(-50%);
    opacity: 1;
  }

  100% {
    transform: translateX(calc((-50% - 50px)));
    opacity: 0;
  }
}

@keyframes slideInRight {
  0% {
    transform: translateX(calc(-50% + 50px));
    opacity: 0;
  }

  100% {
    transform: translateX(-50%);
    opacity: 1;
  }
}

.hidden-out {
  animation: slideOutLeft 0.4s forwards;
}

.hidden-in {
  animation: slideInRight 0.4s forwards;
}

.hidden {
  opacity: 0;
}

/**
 * Slider Control
 */

.slider-section__next-button {
  position: absolute;
  right: 2.5%;
  top: 50%;
  transform: translate(-50%, 2.5%);
}

.slider-section__prev-button {
  position: absolute;
  left: 2.5%;
  top: 50%;
  transform: translate(-50%, 2.5%);
}

.slider-section__next-button,
.slider-section__prev-button {
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: none;
  font-family: "Poppins", sans-serif;
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 400;
  background-color: #ffffff33;
  backdrop-filter: blur(0.25rem);
  color: white;
  transform: translateY(-50%);
  transition: background-color 0.3s ease, color 0.3s ease, opacity 0.35s ease;
  cursor: pointer;
}

.slider-section__next-button.disabled,
.slider-section__prev-button.disabled {
  opacity: 0.45;
  pointer-events: none;
}

.slider-section__next-button:hover,
.slider-section__prev-button:hover {
  background-color: rgba(255, 255, 255, 0.25);
  color: #06ffff;
}

.slider-section__next-button:active,
.slider-section__prev-button:active {
  background-color: rgba(255, 255, 255, 0.25);
  color: #04a1a1;
}

@media screen and (max-width: 767px) {
  .slider-section {
    padding: 2.5rem 1px;
    height: 550px;
  }

  .slide {
    max-width: 200px;
    max-height: 200px;
  }

  .centered-swiper {
    max-width: 200px;
    max-height: 300px;
  }

  .slider-section__next-button,
  .slider-section__prev-button {
    width: 50px;
    height: 50px;
    font-size: 0.875rem;
  }

  .slider-section__title {
    top: 15%;
    font-size: 1.5rem;
  }

  .slider-section__text {
    bottom: 10%;
    height: 3.75rem;
    font-size: 1rem;
  }
}

@media screen and (max-width: 575px) {
  .base-template__title {
    margin-bottom: 30px;
  }

  .slider-section__title {
    top: 10%;
  }

  .slider-section__text {
    bottom: 7.5%;
  }

  .slider-section__prev-button {
    top: 90%;
    left: 5%;
  }

  .slider-section__next-button {
    top: 90%;
    right: 5%;
  }
}


:root {
  --Very-Dark-Blue: hsl(234, 12%, 34%);
  --Grayish-Blue: hsl(229, 6%, 66%);
  --Very-Light-Gray: hsl(0, 0%, 98%);
  --border-color: hsl(0, 0%, 50%);
  --fw-light: 200;
  --fw-regular: 400;
  --fw-bold: 600;

  color: var(--Grayish-Blue);
  font-size: 15px;
  font-family: "Poppins", sans-serif;
  font-weight: var(--fw-regular);
}

#capability .cyan {
  --border-color: hsl(180, 62%, 55%);
  grid-area: 1 / 1 / 3 / 2;
}

#capability .red {
  --border-color: hsl(0, 78%, 62%);
}

#capability .orange {
  --border-color: hsl(34, 97%, 64%);
}

#capability .blue {
  --border-color: hsl(212, 86%, 64%);
  grid-area: 1 / 3 / 3 / 4;
}

#capability .header {
  text-align: center;
}

#capability .header_subtitle,
#capability .header_title {
  font-size: clamp(1.6rem, 5vw, 2rem);
}

#capability .header_subtitle {
  font-weight: var(--fw-light);
}

#capability .header_title {
  margin-bottom: 1rem;
}

#capability .header_title,
#capability .card_title {
  color: var(--Very-Dark-Blue);
}

#capability .header_description {
  max-width: 500px;
  margin: 0 auto;
}

#capability .card_grid {
  margin-top: 3rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(200px, 1fr));
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
}

#capability .card {
  max-width: 320px;
  margin: 0 auto;
  padding: 2rem;
  border-top: 5px solid var(--border-color);
  border-radius: 5px;
  box-shadow: 0 10px 10px rgba(23, 79, 138, 0.1);
}

#capability .card_title {
  margin-bottom: 1rem;
  font-size: 1.3rem;
  font-weight: var(--fw-bold);
}

#capability .card_content {
  margin-bottom: 1.5rem;
  font-size: 0.9rem;
}

#capability .card_img {
  margin-left: auto;
  display: block;
  margin-top: 15px;
}

@media (max-width: 768px) {
 #capability  .card_grid {
    grid-template-columns: repeat(2, minmax(200px, 1fr));
    align-items: stretch;
  }

 #capability  .cyan {
    grid-area: auto;
  }

  #capability .blue {
    grid-area: auto;
  }

  #capability .card {
    max-width: 300px;
  }
}

@media screen and (max-width: 500px) {
  #capability .card_grid {
    grid-template-columns: repeat(1, minmax(200px, 1fr));
  }
}