/*!
	MM - Global Stylesheet
*/
@media (min-width: 768px) {
    .elementor-68 .elementor-element.elementor-element-7db2f569 {
        margin-top: -0.4em;
    }
}

.transit-all,
.wpr-logo-image,
header.site-header,
.wpr-nav-menu li,
.header_side .header-text-width,
.header_cta .primary_bg,
.header_cta .header_search,
.header_cta .rounded_button,
.site-header>.elementor-container {
    transition: all .4s cubic-bezier(0.22, 0.61, 0.36, 1);
    -webkit-transition: all .4s cubic-bezier(0.22, 0.61, 0.36, 1)
}

.site-header {
    left: 0;
    right: 0;
    z-index: 999 !important;
    position: fixed;
    top: 0;
    background-color: rgba(0, 0, 0, 0) !important;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important
}

.elementor-html .site-header {
    position: relative;
    margin: 0 0 70px 0
}

@media(min-width: 641px) {
    .site-header {
        left: 1.875em;
        right: 1.875em
    }
}

.admin-bar .site-header {
    top: 30px
}

.site-header>.elementor-container {
    position: relative;
    padding: 1.375em 3.125em;
    background: #faf4ea;
    border: 1px solid rgba(54, 39, 32, .15);
    height: 6em
}

@media(min-width: 641px) {
    .site-header>.elementor-container {
        border-bottom-right-radius: .625em;
        border-bottom-left-radius: .625em
    }
}

.site-header.scrolled>.elementor-container {
    padding: .5em 1.875em;
    border-radius: 0;
    height: 4em
}

.site-header .elementor-widget-wpr-logo {
    flex: 0 0 90px;
    margin: 0
}

.site-header .elementor-widget-wpr-logo img {
    max-width: 90px
}

.site-header .elementor-element.elementor-element-53dd581b.elementor-column.elementor-element[data-element_type=column]>.elementor-widget-wrap.elementor-element-populated {
    gap: 2em;
    padding: 0
}

.site-header .elementor-68 .elementor-element.elementor-element-7db2f569.elementor-column.elementor-element[data-element_type=column]>.elementor-widget-wrap.elementor-element-populated {
    padding: 0
}

.site-header .elementor-widget-wpr-nav-menu {
    flex: 1
}

.site-header .wpr-main-menu-align-center .wpr-nav-menu-horizontal .wpr-nav-menu,
.site-header .wpr-main-menu-align-center .wpr-nav-menu-vertical .wpr-menu-item {
    text-align: left
}

.site-header .wpr-main-menu-align-center .wpr-nav-menu-horizontal .wpr-nav-menu li,
.site-header .wpr-main-menu-align-center .wpr-nav-menu-vertical .wpr-menu-item li {
    margin: 0 !important
}

.site-header .wpr-main-menu-align-center .wpr-nav-menu-horizontal .wpr-nav-menu li a,
.site-header .wpr-main-menu-align-center .wpr-nav-menu-vertical .wpr-menu-item li a {
    padding: 1em .8em !important;
    font-size: 0.8333333333vw;
    line-height: 1;
    font-weight: 500
}

.wpr-nav-menu .wpr-menu-item {
    display: flex !important;
    gap: 3px
}

.wpr-nav-menu .wpr-menu-item::after {
    display: none
}

.overlay-menu-item {
    display: flex;
    justify-content: center;
    gap: 3px;
    font-weight: 500
}

.wpr-active-menu-item {
    color: #d99a0e
}

@media(max-width: 1024px) {
    nav.wpr-nav-menu-horizontal {
        display: none
    }

    .site-header .elementor-hidden-mobile {
        display: block !important
    }

    .site-header .header-text-width,
    .wpr-mobile-toggle-wrap {
        opacity: none;
        visibility: hidden
    }

    .site-header .header_cta .header-text-width,
    .site-header .header_cta .header_search,
    .site-header .header_cta .switchlang {
        opacity: none;
        visibility: hidden
    }
}

@media(max-width: 1024px) {
    .elementor-68 .elementor-element.elementor-element-c26c780 {
        padding: 0
    }
}

.footer-menu-area {
    z-index: 1
}

.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering,
.woocommerce .woocommerce-breadcrumb {
    display: none
}

.woocommerce .section_wrap {
    padding: 2em 20px
}

.woocommerce .feedbanner {
    margin: -80px 0 0 0
}

.woocommerce .product_type_simple,
.woocommerce .woocommerce-products-header {
    display: none !important
}

.woocommerce .products ul,
.woocommerce ul.products {
    display: flex;
    flex-wrap: wrap;
    gap: 2.5em
}

.woocommerce .products ul::before,
.woocommerce .products ul::after,
.woocommerce ul.products::before,
.woocommerce ul.products::after {
    display: none
}

.woocommerce .products ul li,
.woocommerce ul.products li {
    flex: 0 0 100%;
    background: #e2dacc;
    margin: 0 !important;
    float: none !important;
    width: 100% !important;
    border-radius: 8px;
    transition: all .2s ease-in-out;
    max-width: 100%
}

@media(min-width: 480px) {

    .woocommerce .products ul li,
    .woocommerce ul.products li {
        flex: 0 0 calc(50% - 2.5em);
        max-width: calc(50% - 2.5em)
    }
}

@media(min-width: 768px) {

    .woocommerce .products ul li,
    .woocommerce ul.products li {
        flex: 0 0 calc(33.3333333333% - 2.5em);
        max-width: calc(33.3333333333% - 2.5em)
    }
}

.woocommerce .products ul li .woocommerce-loop-product__title,
.woocommerce .products ul li .woocommerce-loop-category__title,
.woocommerce ul.products li .woocommerce-loop-product__title,
.woocommerce ul.products li .woocommerce-loop-category__title {
    font-size: 1.125em !important;
    line-height: 120% !important;
    font-weight: 500 !important;
    padding: 2rem !important;
    letter-spacing: -0.08em !important;
    position: absolute;
    top: 0;
    transition: all .2s ease-in-out;
    opacity: 0;
    visibility: hidden
}

.woocommerce .products ul li:hover,
.woocommerce ul.products li:hover {
    background: #f2ebe1
}

.woocommerce .products ul li:hover .woocommerce-loop-product__title,
.woocommerce .products ul li:hover .woocommerce-loop-category__title,
.woocommerce ul.products li:hover .woocommerce-loop-product__title,
.woocommerce ul.products li:hover .woocommerce-loop-category__title {
    opacity: 1;
    visibility: visible
}

* {
    box-sizing: border-box
}

::placeholder {
    color: rgba(54, 39, 32, .6);
    opacity: 1
}

:-ms-input-placeholder {
    color: rgba(54, 39, 32, .6)
}

::-ms-input-placeholder {
    color: rgba(54, 39, 32, .6)
}

.flickity-enabled {
    position: relative
}

.flickity-enabled:focus {
    outline: 0
}

.flickity-viewport {
    position: relative;
    height: 100%
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%;
    will-change: transform
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.flickity-enabled.is-fade .flickity-slider>* {
    pointer-events: none;
    z-index: 0
}

.flickity-enabled.is-fade .flickity-slider>.is-selected {
    pointer-events: auto;
    z-index: 1
}

html {
    -webkit-font-smoothing: antialiased;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale
}

body,
html {
    width: 100%;
    height: 100%;
    font-kerning: none;
    line-height: 1
}

:root,
.elementor-kit-11 {
    --e-global-color-primary: #d99a0e !important;
    --e-global-color-secondary: #362720 !important;
    --e-global-color-text: #362720 !important;
    --e-global-color-accent: #362720 !important
}

body {
    margin: 0;
    padding: 6em 0 0 0;
    border: 0;
    background: #eae2d4
}

.bread-crumb-page {
    top: 7em !important
}

.elementor-html body {
    padding: 0
}

body,
input,
textarea,
select {
    font-size: 0.8333333333vw;
    font-weight: 400;
    line-height: 1;
    color: #362720
}

th {
    font-weight: 700 !important
}

input,
textarea,
select {
    background: #faf3e6
}

h1,
h2,
h3,
h4,
h5,
h6,
a,
footer,
header,
html,
img,
ul,
ul li,
nav,
p,
span {
    margin: 0;
    padding: 0;
    border: 0;
    display: block
}

ul,
ul li {
    list-style: none
}

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

main {
    overflow: hidden
}

img {
    width: 100%;
    height: auto;
    object-fit: cover
}

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

body:not(.isTouch) #smooth-content {
    will-change: transform
}

.light_bg {
    background: #faf3e6;
    --e-global-color-text: #362720 !important;
    color: #362720 !important
}

.header_sides.light_bg {
    background: #faf4ea
}

.light_brown_bg {
    background: #90806d;
    --e-global-color-text: #faf3e6 !important;
    color: #faf3e6 !important
}

.primary_bg {
    background: #362720;
    --e-global-color-text: #faf3e6 !important;
    color: #faf3e6 !important
}

.secondary_bg {
    background: #d99a0e;
    --e-global-color-text: #faf3e6 !important;
    color: #faf3e6 !important
}

.shades_bg {
    background: #eae2d4
}

.beige_bg {
    background: #e2dacc
}

.secondary_color {
    color: #d99a0e !important
}

.site_loader {
    background: #eae2d4;
    position: fixed;
    width: 100%;
    z-index: 999999;
    top: 0;
    left: 0
}

.site_loader svg {
    width: 8em
}

body:not(.progress) ._underline:before,
body:not(.progress) .transit-all,
body:not(.progress) .site_button:before,
body:not(.progress) .rounded_button:before,
body:not(.progress) .ipo_button:before,
body:not(.progress) .to_top:before,
body:not(.progress) .to_top:after,
body:not(.progress) .social a:before,
body:not(.progress) .social a:after {
    transition: all .4s cubic-bezier(0.22, 0.61, 0.36, 1);
    -webkit-transition: all .4s cubic-bezier(0.22, 0.61, 0.36, 1)
}

body:not(.progress) .site_button,
body:not(.progress) .rounded_button,
body:not(.progress) .ipo_button,
body:not(.progress) .locations_col,
body:not(.progress) .brand_card,
body:not(.progress) .product_card {
    transition: background .4s cubic-bezier(0.22, 0.61, 0.36, 1), color .4s cubic-bezier(0.22, 0.61, 0.36, 1);
    -webkit-transition: background .4s cubic-bezier(0.22, 0.61, 0.36, 1), color .4s cubic-bezier(0.22, 0.61, 0.36, 1)
}

body:not(.progress) .form_col ul a,
body:not(.progress) .expand_cta .inline_link,
body:not(.progress) .burger_wrap ul a {
    transition: color .4s cubic-bezier(0.22, 0.61, 0.36, 1);
    -webkit-transition: color .4s cubic-bezier(0.22, 0.61, 0.36, 1)
}

body:not(.progress) .col_set {
    transition: background .4s cubic-bezier(0.22, 0.61, 0.36, 1), border .4s cubic-bezier(0.22, 0.61, 0.36, 1);
    -webkit-transition: background .4s cubic-bezier(0.22, 0.61, 0.36, 1), border .4s cubic-bezier(0.22, 0.61, 0.36, 1)
}

._ele,
._element,
._eleUp,
._eleY,
._eleX,
.SplitClass,
._underline:before {
    display: block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    will-change: transform
}

._eleWrap,
._splitWords,
._splitLines {
    visibility: hidden
}

.elementor-editor-active ._eleWrap,
.elementor-editor-active ._splitWords,
.elementor-editor-active ._splitLines {
    visibility: visible;
    opacity: 1
}

._mask>.SplitClass {
    overflow: hidden
}

._y {
    position: relative;
    overflow: hidden
}

._underline {
    position: relative;
    display: inline-flex;
    line-height: 1
}

._underline:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: currentColor;
    transform-origin: 0 0;
    transform: scaleX(0)
}

._underline:hover:before {
    transform: scaleX(1)
}

.noselect {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.inline_link {
    gap: .5em
}

.inline_link svg {
    width: 1em
}

.f {
    display: flex
}

.f-c {
    flex-direction: column
}

.f-w {
    flex-wrap: wrap
}

.font-w {
    font-weight: 400 !important
}

.s-b {
    justify-content: space-between
}

.s-a {
    justify-content: space-around
}

.j-e {
    justify-content: flex-end
}

.j-c {
    justify-content: center
}

.a-c {
    align-items: center
}

.a-e {
    align-items: flex-end
}

.a-b {
    align-items: baseline
}

.a-s {
    align-items: flex-start
}

.r-reverse {
    flex-direction: row-reverse
}

.x_padding {
    padding-left: 5em;
    padding-right: 5em
}

.x_padding_2 {
    padding-left: 3em;
    padding-right: 3em
}

.x2_padding {
    padding-left: 15em;
    padding-right: 15em
}

.inner_padding {
    padding-top: 8.75em;
    padding-bottom: 8.75em
}

.inner_padding_half {
    padding-top: 4.688em;
    padding-bottom: 4.688em
}

.inner_padding_top {
    padding-top: 4.688em
}

.pull_up {
    position: relative;
    z-index: 199
}

.high_index {
    z-index: 299
}

.section_set {
    gap: 2px
}

.rounded_corners {
    border-radius: .625em;
    overflow: hidden;
    will-change: transform
}

.cl-input-hodler::placeholder {
    color: rgba(54, 39, 32, 0.6274509804) !important
}

.cl-light-strong {
    color: rgba(54, 39, 32, 0.5176470588) !important
}

h1,
h2,
h3,
h4,
h5,
h6,
strong {
    margin: 0
}

h1,
h2,
h3,
h4 {
    line-height: 120%
}

h5,
h6 {
    line-height: 140%
}

p,
.high {
    line-height: 160%
}

h1 {
    font-size: 4.375em
}

h2 {
    font-size: 2.813em
}

h3 {
    font-size: 2.188em
}

h4 {
    font-size: 1.75em
}

h5 {
    font-size: 1.5em
}

h6,
.language strong {
    font-size: 1.125em
}

p {
    font-size: 1.25em
}

.eyebrow {
    font-size: .875em
}

input,
textarea,
select {
    font-size: 1em
}

.uppercase {
    text-transform: uppercase
}

._temp {
    background: #000
}

.pointer {
    cursor: pointer
}

.spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 1999;
    pointer-events: none
}

.spinner:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, .3);
    border-bottom-color: #fff
}

.dark_spinner .spinner:before {
    border-color: rgba(0, 0, 0, .3);
    border-bottom-color: #000
}

.rotate {
    -webkit-animation: rotateSpinner 7s linear infinite;
    animation: rotateSpinner 7s linear infinite
}

.spinner:not(.pause):before {
    -webkit-animation: rotateSpinner 300ms linear infinite;
    animation: rotateSpinner 300ms linear infinite
}

@-webkit-keyframes rotateSpinner {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotateSpinner {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.full_bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.parallax_wrap {
    overflow: hidden;
    will-change: transform
}

.parallax {
    bottom: -2em;
    top: -2em
}

.dark_overlay:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #362720;
    opacity: .4;
    z-index: 99
}

.full_page:not(.force) {
    height: calc(var(--vh, 1vh)*100 - 1.875em);
    min-height: 40em
}

.full_page.force {
    height: calc(var(--vh, 1vh)*100)
}

.full_screen {
    width: 100vw;
    height: 80em;
    position: relative
}

.full_screen.auto {
    height: auto
}

.cover {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

section {
    position: relative;
    z-index: 499
}

.section_head {
    gap: .2em;
    position: relative;
    z-index: 299
}

.cta_set {
    gap: 1em
}

.section_wrap {
    gap: 4.5em;
    position: relative
}

.site_button {
    display: inline-flex;
    overflow: hidden;
    will-change: transform;
    height: 3.75em;
    padding: 0 2.5em;
    gap: .5em;
    border-radius: 10em
}

.site_button.success .done {
    opacity: 1
}

.site_button.success strong {
    opacity: 0
}

.site_button,
.ipo_button,
.rounded_button {
    border: 1px solid rgba(0, 0, 0, 0)
}

.custom-btn.success .done {
    opacity: 1
}

.custom-btn.success .strong {
    opacity: 0
}

.site_button:not(.light_bg):before,
.ipo_button:not(.light_bg):before,
.rounded_button:not(.light_bg):before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    opacity: 0
}

.site_button.outlined:hover {
    background: #362720;
    color: #faf3e6 !important;
    --e-global-color-text: #faf3e6 !important
}

.primary_bg .site_button.outlined:hover,
.light_brown_bg .site_button.outlined:hover {
    background: #faf3e6;
    --e-global-color-text: #362720 !important;
    color: #362720 !important;
    border-color: rgba(0, 0, 0, 0)
}

.site_button.light_bg:hover,
.ipo_button.light_bg:hover,
.rounded_button.light_bg:hover {
    background: rgba(0, 0, 0, 0);
    border-color: #fff;
    color: #fff !important;
    --e-global-color-text: #fff !important
}

.site_button svg {
    width: 1.2em;
    top: .15em
}

.site_button svg,
.site_button strong {
    position: relative;
    z-index: 199
}

.rounded_button {
    width: 3.75em;
    height: 3.75em;
    border-radius: 50%;
    overflow: hidden;
    will-change: transform
}

.scrolled .rounded_button {
    width: 2.5em;
    height: 2.5em
}

.ipo_button {
    height: 1.9375em;
    display: inline-flex;
    overflow: hidden;
    will-change: transform;
    padding: 0 2.5em;
    gap: .5em;
    border-radius: 10em
}

.ipo-gap {
    margin-left: 1em
}

.outlined {
    border: 1px solid
}

.rounded_button svg {
    width: 1.5em;
    max-height: 1.3em;
    position: relative;
    z-index: 199
}

.site_button:not(.outlined):hover:before,
.ipo_button:not(.outlined):hover:before,
.rounded_button:not(.outlined):hover:before {
    opacity: .2
}

header {
    left: 0;
    right: 0;
    z-index: 1999;
    position: fixed;
    top: 0
}

.header_sides {
    position: relative;
    padding: 1.375em 3.125em;
    border: 1px solid rgba(54, 39, 32, .15)
}

.header_side {
    gap: 2em;
    flex: 0 0 auto;
    width: inherit !important
}

.header_side:nth-child(2) {
    gap: 2em;
    margin-left: auto
}

.header_side--right.lang-right {
    flex: 1 1 auto
}

.header_side--right.lang-right .elementor-element-populated {
    padding: 0 !important;
    gap: 8px;
    align-content: flex-start !important;
    justify-content: flex-end
}

.header_side--right.lang-right .elementor-widget-html {
    width: auto;
    flex: 0 0 auto
}

.header_side--right.lang-right .switchlang {
    flex: 0 0 60px
}

.header_side--right.lang-right .switchlang li {
    list-style: none;
    margin-bottom: 20px
}

[lang=en] .header_side--right.lang-right .switchlang li.lang-item-en {
    display: none
}

.header_side--right.lang-right .switchlang li.lang-item-en a::before,
.header_side--right.lang-right .switchlang li.lang-item-en a::after {
    content: "EN"
}

[lang=ar] .header_side--right.lang-right .switchlang li.lang-item-ar {
    display: none
}

.header_side--right.lang-right .switchlang li.lang-item-ar a::before,
.header_side--right.lang-right .switchlang li.lang-item-ar a::after {
    content: "ع"
}

.header_side--right.lang-right .switchlang li a {
    width: 2.85em;
    height: 2.85em;
    border-radius: 50%;
    overflow: hidden;
    will-change: transform;
    border: 1px solid #362720;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    position: relative;
    overflow: hidden
}

@media (min-width:2240px) {
    .header_side--right.lang-right .switchlang li a {
        width: 4.75em;
        height: 4.75em;
    }
}

.header_side--right.lang-right .switchlang li a img,
.header_side--right.lang-right .switchlang li a span {
    display: none
}

.header_side--right.lang-right .switchlang li a::before,
.header_side--right.lang-right .switchlang li a::after {
    position: absolute;
    transition: transform .3s ease, opacity .3s ease
}

.header_side--right.lang-right .switchlang li a::before {
    transform: translateY(0);
    opacity: 1
}

.header_side--right.lang-right .switchlang li a::after {
    transform: translateY(100%);
    opacity: 0
}

.header_side--right.lang-right .switchlang li a:hover::before {
    transform: translateY(-100%);
    opacity: 0
}

.header_side--right.lang-right .switchlang li a:hover::after {
    transform: translateY(0);
    opacity: 1
}

.switchlang {
    width: 60px
}

.main_logo {
    overflow: hidden
}

.main_logo,
.main_logo svg {
    width: 7em;
    max-width: unset
}

nav a {
    padding: 1em .8em
}

.header_cta {
    gap: .6em
}

.search_wrap {
    position: relative;
    width: 3.75em;
    height: 3.75em;
    border: 1px solid;
    border-radius: 100em;
    overflow: hidden;
    will-change: transform
}

.search_wrap.opened,
.search_wrap:hover {
    width: 16.25em
}

.search_wrap-custom {
    width: 95%;
    position: relative;
    height: 3.75em;
    border: 1px solid;
    border-radius: 100em;
    overflow: hidden;
    will-change: transform
}

.search_btn {
    position: absolute;
    top: 0;
    z-index: 99
}

.search_btn_ar {
    position: absolute;
    right: 0;
    z-index: 99
}

.search_input {
    width: 16.25em;
    height: 100%;
    position: absolute
}

.search_input input {
    position: absolute;
    height: 100%;
    width: 100%;
    border: none;
    outline: none;
    border-radius: 0;
    appearance: none;
    -webkit-appearance: none;
    background: rgba(0, 0, 0, 0);
    padding: 0 2em
}

.search_input-custom {
    width: 16.25em;
    height: 100%;
    position: absolute
}

.search_input-custom input {
    position: absolute;
    height: 100%;
    width: 100%;
    border: none;
    outline: none;
    border-radius: 0;
    appearance: none;
    -webkit-appearance: none;
    background: rgba(0, 0, 0, 0);
    padding: 0 2em
}

.search-write-direction {
    direction: rtl;
    text-align: right;
    padding-right: 40px !important
}

.burger_button {
    gap: .3em;
    z-index: 3999
}

.burger_button svg {
    position: absolute;
    visibility: hidden
}

.burger_button i {
    width: 1.4em;
    height: 2px;
    background: currentColor
}

.burger_wrap {
    position: fixed;
    z-index: 2999;
    top: 0;
    left: 0;
    right: 0;
    color: #eae2d4;
    text-align: center
}

.burger_wrap ul a {
    font-size: 3em;
    padding: .2em 0
}

.burger_menu {
    gap: 4em;
    justify-content: center;
    height: 100vh
}

.active-menu .ft_vector {
    display: none
}

@media(min-width: 768px) {
    .elementor-element.elementor-element-7185756b {
        width: auto !important;
        flex: 1
    }

    .elementor-119 .elementor-element.elementor-element-a620a20 {
        width: auto !important;
        flex: 2
    }

    .elementor-119 .elementor-element.elementor-element-7185756b>.elementor-element-populated {
        border-radius: 0 0 0 .625em
    }

    .elementor-119 .elementor-element.elementor-element-ea883c0:not(.elementor-motion-effects-element-type-background)>.elementor-widget-wrap {
        border-radius: 0 0 .625em 0
    }

    .elementor-element-ea883c0.backto-top {
        flex: 0 0 190px
    }

    .elementor-119 .elementor-element.elementor-element-ea883c0 {
        width: 15em
    }
}

.footer-news-latter {
    width: 100% !important;
    padding: 0px 20px !important;
    margin: 0px auto !important;
    position: relative;
    z-index: 1
}

.footer-news-latter .elementor-container {
    border-radius: 0 0 .625em .625em;
    overflow: hidden;
    background: #90806d
}

.footer-news-latter .subscription-from {
    flex: 1;
    width: auto
}

.footer-news-latter::after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    background-color: #362720;
    width: 100%;
    height: 50%;
    z-index: -1
}

.footer-news-latter #backTOPScroll {
    width: 15em;
    position: relative
}

.footer-news-latter #backTOPScroll::before,
.footer-news-latter #backTOPScroll::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all .4s cubic-bezier(0.22, 0.61, 0.36, 1)
}

.footer-news-latter #backTOPScroll::before {
    background: rgba(255, 255, 255, 0.1019607843)
}

.footer-news-latter #backTOPScroll::after {
    background: #d99a0e;
    transform: scaleY(0);
    transform-origin: 100% 100%
}

.footer-news-latter #backTOPScroll:hover::after {
    transform: scaleY(1)
}

@media(max-width: 767px) {
    .footer-news-latter .elementor-col-33 {
        flex: 0 0 100%;
        width: 100%
    }
}

.footer-menu-area .wpr-nav-menu {
    display: flex;
    flex-direction: column
}

.footer-menu-area .menu-item {
    width: 100%;
    margin: 0 !important;
    text-align: left
}

.footer-menu-area .menu-item a {
    padding: 4px 0 !important;
    line-height: 1.4 !important;
    font-size: 13px;
    color: rgba(250, 243, 230, .6) !important
}

.footer-menu-area .menu-item a::after {
    display: none
}

.footer-menu-area .menu-item a:hover {
    color: #fff !important
}

@media(max-width: 767px) {
    .footer-menu-area .elementor-column {
        width: 100% !important
    }

    .footer-menu-area .wpr-nav-menu-bp-mobile .wpr-nav-menu-container {
        display: block
    }

    .footer-menu-area .elementor-element.elementor-element-475fe6a1 {
        padding: 3em 0 0 !important
    }

    .footer-menu-area .elementor-element.elementor-element-1fcd7ce {
        padding: 1em 0 !important
    }

    .footer-menu-area .ft_btm.last-footer>.elementor-container {
        gap: 2em
    }

    .footer-menu-area .term-and-conditon .elementor-widget-wrap {
        justify-content: flex-start
    }
}

footer {
    position: relative;
    padding-bottom: 0 !important
}

.ft_vector {
    position: absolute;
    height: 100%;
    top: 0;
    opacity: 0
}

.ft_vector svg {
    height: 100%;
    max-width: unset
}

.form_cols {
    gap: 9em
}

.form_col {
    gap: 1.87em
}

.form_col ul {
    gap: .5em
}

.form_col ul a {
    padding: .4em 0;
    color: rgba(250, 243, 230, .6)
}

.form_col ul a:hover {
    padding: .4em 0;
    color: #faf3e6
}

.ft_btm {
    border-top: 1px solid rgba(250, 243, 230, .15);
    padding-top: 2em;
    padding-bottom: 2em
}

.origin svg {
    width: 3.5em
}

.origin {
    gap: .5em
}

.copyrights {
    gap: .5em
}

.ft_links {
    gap: 1em
}

.social {
    gap: 1em;
    position: relative;
    z-index: 299
}

.social a {
    width: 2.5em;
    height: 2.5em;
    border-radius: 50%;
    position: relative
}

.social svg {
    width: 1em;
    position: relative;
    z-index: 99
}

.social a:before,
.social a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%
}

.social a:before {
    background: #d99a0e;
    transform: scale(0)
}

.social a:after {
    border: 1px solid rgba(250, 243, 230, .6)
}

.social a:hover:before {
    transform: scale(1)
}

.social a:hover:after {
    transform: scale(1.1);
    opacity: 0
}

.main_hero {
    position: relative;
    overflow: hidden
}

.main_hero.short {
    height: 43em
}

.main_hero .social {
    position: absolute;
    left: 95%
}

.main_hero.full_page .social {
    top: 50%;
    transform: translateY(-50%)
}

.main_hero.short .social {
    bottom: 5em
}

.hero_cover video {
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    will-change: transform;
    pointer-events: none;
    object-fit: cover
}

.equall_col {
    max-width: 30.625em;
    gap: 1em
}

.equall_cols {
    max-width: 86.25em;
    width: 100%;
    position: relative
}

.border_top {
    border-top: 1px solid rgba(54, 39, 32, .3)
}

.thumb_set {
    width: 86.25em;
    gap: 5em
}

.thumb_img {
    flex: 28.625em 0 0;
    position: relative
}

.thumb_txt {
    gap: 1.8em;
    width: 40em
}

.full_content {
    height: 100%;
    position: relative;
    z-index: 399
}

.full_content .txt_group {
    max-width: 40em;
    gap: 2em
}

.cols_wrap {
    gap: 1.87em;
    flex-wrap: wrap
}

.col_set {
    position: relative;
    flex: 1;
    height: 16.25em;
    border: 1px solid rgba(0, 0, 0, 0)
}

.col_set:hover {
    background: #f0e8d9;
    border-color: rgba(54, 39, 32, .2)
}

.banner_side {
    position: relative;
    flex: 50% 0 0
}

.banner_side.f {
    padding: 7.5em
}

.banner_content {
    gap: 1.87em
}

.vector_set {
    position: absolute;
    bottom: 0
}

.vector_a svg {
    width: 34em
}

.pro_banner_wrap {
    position: relative;
    border-bottom: 1px solid rgba(54, 39, 32, .15)
}

.pro_banner_side {
    position: relative;
    gap: 2em
}

.pro_banner_sides {
    width: 100%;
    max-width: 83.438em;
    gap: 5em
}

.pro_banner_img {
    width: 44.9375em;
    height: 31.8125em
}

.vector_b svg {
    width: 22.3125em
}

.form_sides {
    gap: 5em 7.5em;
    position: relative
}

.form_content {
    gap: 3em
}

.contact_info {
    gap: 2em
}

.contact_icon {
    flex: 2em 0 0
}

.contact_icon svg {
    max-height: 100%
}
.elementor-element-dfeab04 .light_bg {
    background: #362720;
    border-radius: 8px 8px 0 0;
}
.contact_col {
    gap: 1.25em
}

.contact_txt {
    gap: 1em
}
.contact_txt._txt.animate {
    display: flex;
    gap: 3px;
}
.form_set {
    width: 56.875em;
    gap: 1.88em
}

.input_set {
    gap: 1.88em;
    position: relative
}

.input_set .rounded_button {
    position: absolute;
    z-index: 99;
    top: 50%;
    transform: translateY(-50%)
}

.input_set>input,
.input_set select {
    height: 4.333em
}

.input_set select {
    line-height: 1.2
}

select[disabled] {
    cursor: not-allowed;
    background: #eee
}

.input_set>input,
.input_set select,
.input_set textarea {
    width: 100%;
    height: 5.375em;
    border-radius: 20em;
    outline: none;
    padding: 1.9em 2.5em;
    border: 1px solid rgba(54, 39, 32, .2);
    appearance: none;
    -webkit-appearance: none;
    resize: none
}

.upload {
    pointer-events: none;
    padding: 0 1em
}

.input_set textarea {
    max-height: 9em;
    padding: 2.1em 2.5em;
    border-radius: 3em
}

.input_set>svg {
    position: absolute;
    width: .8em;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none
}

.submit_form {
    position: absolute;
    visibility: hidden
}

.submit_form1 {
    position: absolute;
    visibility: hidden
}

.done {
    position: absolute;
    z-index: 99;
    opacity: 0
}

.done svg {
    width: 1.5em
}

.success .done {
    opacity: 1
}

.success .icon {
    opacity: 0
}

.inline_form {
    gap: 1.2em;
    width: 36.875em
}

.to_top {
    position: absolute;
    height: 100%;
    top: 0;
    width: 15em
}

.to_top:before,
.to_top:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.to_top:before {
    background: rgba(255, 255, 255, .1)
}

.to_top:after {
    background: #d99a0e;
    transform: scaleY(0);
    transform-origin: 100% 100%
}

.to_top:hover:after {
    transform: scaleY(1)
}

.to_top svg {
    width: 1.8em;
    z-index: 99;
    position: relative
}

.hero_content {
    height: 100%;
    position: relative;
    z-index: 99;
    padding-bottom: 5em
}

.bc {
    gap: 1em
}

.bc svg {
    width: .4em
}

.hero_head {
    max-width: 51.875em;
    gap: 1em
}

.insight_cover {
    flex: 24.375em 0 0
}

.insight_block {
    gap: 3em;
    padding: 3em 0;
    border-bottom: 1px solid rgba(250, 243, 230, .15)
}

.insight_block:first-child {
    padding-top: 0
}

.insight_block:last-child {
    border: none;
    padding-bottom: 0
}

.insight_content {
    gap: 1.87em
}

.values_wrap {
    gap: 5em
}

.values_col {
    gap: 2em
}

.values_col svg {
    width: 3.75em
}

.values_txt {
    gap: 1em
}

.locations_block {
    gap: 1.875em
}

.locations_wrap {
    gap: 3.75em
}

.locations_block>strong {
    opacity: .6
}

.locations_cols {
    gap: 1.875em
}

.locations_col {
    width: 14.75em;
    height: 10.625em;
    gap: .5em;
    padding-top: 1em;
    border: 1px solid rgba(250, 243, 230, .8)
}

.locations_col:hover {
    background: rgba(250, 243, 230, .2)
}

.locations_col.active {
    background: #faf3e6;
    color: #362720
}

.locations_col svg {
    width: 3.125em
}

.map_wrap {
    height: 41.25em;
    position: relative
}

.words_slide {
    gap: 2em;
    position: absolute;
    width: 50%
}

.words_wrap {
    position: relative
}

.expand_items {
    height: 0;
    overflow: hidden
}

.words_txt p {
    margin-top: 1em
}

.signature svg {
    height: 4em;
    width: auto
}

.expand_cta,
.signature {
    margin-top: 2em
}

.expand_cta .inline_link:hover,
.burger_wrap ul a:hover {
    color: #d99a0e !important
}

.expanded svg {
    transform: scaleY(-1)
}

.board_col {
    width: calc(25% - 3em)
}

.board_col h4 {
    margin-bottom: .5em
}

.board_set {
    gap: 5em 3em
}

.journey_wrap {
    position: relative
}

.journey_set {
    position: relative;
    width: 30em;
    height: 18.5em
}

.journey_animate {
    display: inline-flex;
    position: relative
}

.journey_card {
    width: 30em;
    gap: 1em;
    position: relative;
    z-index: 199
}

.journey_card_img {
    height: 18.5em;
    position: relative
}

.journey_cards {
    gap: 20em;
    position: relative
}

.journey_cards:before {
    content: "";
    position: absolute;
    top: 9.25em;
    left: 0;
    right: 0;
    height: 1px;
    background: rgba(250, 243, 230, .6)
}

.journey_year_set {
    position: absolute;
    top: -80%;
    left: 50%;
    transform: translateX(-50%)
}

.journey_year_set,
.journey_year {
    height: 30em
}

.journey_year_slider {
    gap: 20em
}

.journey_year_set strong {
    text-align: center;
    font-size: 22.5em;
    letter-spacing: -0.05em;
    opacity: .1
}

.journey_year_slider {
    position: relative
}

.intro_wrap {
    position: relative
}

.vector_c svg {
    height: 100%
}

.v_list svg {
    flex: 3.75em 0 0
}

.v_list_txt {
    width: 31.063em;
    gap: 1em
}

.v_list {
    gap: 2.5em
}

.v_list_wrap {
    gap: 3.75em
}

.vector_c {
    height: 100%
}

.brand_card {
    position: relative;
    background: #fffaf1;
    height: 30.1em;
    width: 100%
}

.brand_card:hover {
    background: #f3eada
}

.products_cols {
    gap: 2.5em
}

.product_card {
    width: calc(33.33% - 1.75em);
    height: 28.7em;
    background: #e2dacc
}

.product_card:hover {
    background: #f2ebe1
}

.menu {
    height: 3.75em;
    padding: 1em 2.5em;
    line-height: 1.5;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 100em;
    width: unset;
    outline: none;
    border: 1px solid rgba(0, 0, 0, 0);
    background: #e2dacc;
    cursor: pointer
}

.filters .menu:not(.active):hover {
    background: rgba(250, 243, 230, .3)
}

.dropdown_set .menu {
    border-color: rgba(54, 39, 32, .4)
}

.dropdown_set .menu:hover {
    border-color: #362720
}

.menu.active {
    background: #faf3e6;
    border-color: #362720
}

.head_side {
    gap: 2em
}

.filters {
    background: #e2dacc;
    border-radius: 100em;
    text-align: center
}

.dropdown_set {
    position: relative
}

.dropdown_set svg {
    position: absolute;
    width: .8em;
    z-index: 99;
    pointer-events: none
}

.products_section {
    gap: 3em
}

.products_section:not(:first-child) {
    padding-top: 5em;
    border-top: 1px solid rgba(54, 39, 32, .2)
}

.products {
    gap: 5em
}

.p_col_content {
    padding: 2em
}

body:not(.isTouch) .p_col_content {
    opacity: 0
}

body:not(.isTouch) .hover_opacity:hover .p_col_content,
.isTouch .p_col_content {
    opacity: 1
}

body:not(.isTouch) .hover_opacity:hover .p_col_cover,
.isTouch .p_col_cover {
    opacity: .4
}

::-webkit-file-upload-button {
    display: none
}

::file-selector-button {
    display: none
}

@media(min-width: 961px) {
    ._sticky {
        position: relative;
        z-index: 199;
        top: -6em;
        padding-top: 6em
    }

    .form_content {
        width: 30em
    }

    .insights_wrap {
        width: 66.875em
    }

    .side_padding {
        padding-right: 1.875em;
        padding-left: 1.875em
    }
}

@media(max-width: 960px) {

    body,
    input,
    textarea,
    select {
        font-size: 1.4vw
    }

    .x_padding,
    .x_padding_2,
    .x2_padding {
        padding-left: 3em;
        padding-right: 3em
    }

    .header_sides {
        padding-left: 1.875em;
        padding-right: 1.875em
    }

    nav {
        display: none
    }

    .equall_col {
        max-width: 25em
    }

    .col_set {
        flex: unset;
        width: calc(50% - .935em)
    }

    .banner_side.f {
        padding: 5em
    }

    .pro_banner_sides {
        flex-direction: column
    }

    .pro_banner_side,
    .pro_banner_side .section_head {
        align-items: center;
        justify-content: center;
        text-align: center
    }

    .pro_banner_side>p {
        max-width: 70%
    }

    .form_sides {
        flex-direction: column
    }

    footer .form_sides {
        align-items: flex-start;
        gap: 2em
    }

    .lst_section .form_sides {
        gap: 3em
    }

    .form_set {
        width: 100%
    }

    br {
        content: "";
        margin: 0 .15em
    }

    .form_content {
        max-width: 40em
    }

    .board_col {
        width: calc(50% - 3em)
    }

    .values_wrap {
        flex-wrap: wrap;
        justify-content: center
    }

    .values_col {
        width: 26%
    }

    .locations_col {
        width: 13.4em;
        height: 11.625em
    }

    .locations_wrap {
        gap: 2.5em
    }

    .locations_cols {
        gap: 1.4em
    }

    .has_fog:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #d4cabe;
        opacity: .8
    }

    .section_head {
        flex-direction: column
    }

    .head_side {
        margin-top: 2em
    }

    .ft_links {
        margin: unset !important
    }
}

@media(min-width: 641px) {
    main {
        padding: 1.875em;
        padding-bottom: 0
    }

    header {
        left: 1.875em;
        right: 1.875em
    }

    .pull_up {
        margin-top: -10.625em
    }

    .pull_up:not(.high_index) {
        padding-top: 10.625em;
        padding-bottom: 10.625em
    }

    .header_sides {
        -webkit-border-bottom-right-radius: .625em;
        -webkit-border-bottom-left-radius: .625em;
        -moz-border-radius-bottomright: .625em;
        -moz-border-radius-bottomleft: .625em;
        border-bottom-right-radius: .625em;
        border-bottom-left-radius: .625em
    }

    .burger_button {
        position: absolute
    }

    .scrolled {
        padding: 0;
        left: 0;
        right: 0
    }

    .scrolled .header_sides {
        padding: .5em 1.875em;
        border-radius: 0
    }

    .equall_cols:before {
        content: "";
        position: absolute;
        left: 50%;
        height: 100%;
        width: 1px;
        background: currentColor;
        opacity: .3
    }

    .banner_sides_wrap {
        height: 62.5em
    }

    .banner_content {
        max-width: 35.8em
    }

    .hero_head p {
        max-width: 70%
    }

    .journey_wrap {
        overflow: hidden
    }

    .journey_year_static {
        display: none
    }

    .journey_year_set:before,
    .journey_year_set:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        height: 30em;
        background: #90806d;
        z-index: 99;
        pointer-events: none
    }

    .journey_year_set:before {
        top: -90%
    }

    .journey_year_set:before {
        top: -90%
    }

    .journey_year_set:after {
        top: 67%;
        height: 60em
    }
}

@media(max-width: 640px) {

    body,
    input,
    textarea,
    select {
        font-size: 2.5vw
    }

    h1 {
        font-size: 3em
    }

    h2 {
        font-size: 2.2em
    }

    h4 {
        font-size: 1.4em
    }

    .x_padding,
    .x_padding_2,
    .x2_padding {
        padding-left: 1em;
        padding-right: 1em
    }

    .inner_padding,
    .inner_padding_half {
        padding-top: 5em;
        padding-bottom: 5em
    }

    .inner_padding_top {
        padding-top: 5em
    }

    .full_page:not(.force) {
        height: calc(var(--vh, 1vh)*100)
    }

    .parallax {
        bottom: -3em;
        top: -3em
    }

    .rounded_corners:not(.force) {
        border-radius: 0
    }

    header {
        padding: 0 !important
    }

    .header_sides {
        padding: 1em
    }

    .header_sides ._underline,
    .header_sides .site_button {
        display: none
    }

    .small_fc {
        flex-direction: column;
        gap: 3em
    }

    .thumb_set,
    .thumb_txt {
        width: 100%
    }

    .equall_col {
        max-width: unset
    }

    .thumb_img {
        flex: unset;
        height: 29em
    }

    .banner_sides_wrap {
        flex-direction: column
    }

    .banner_side {
        flex: unset
    }

    .banner_side.parallax_wrap {
        height: 40em
    }

    .banner_side.f {
        padding-left: 1em;
        padding-right: 1em
    }

    .vector_a svg {
        width: 24em
    }

    .pro_banner_side>p {
        max-width: 100%
    }

    .input_set {
        flex-direction: column
    }

    .to_top {
        display: none
    }

    .hero_content {
        padding-top: 10em
    }

    .hero_head,
    .hero_head p {
        max-width: 90%
    }

    .main_hero.short {
        height: 52em
    }

    .main_hero.short .social {
        top: 10em;
        bottom: unset
    }

    .board_set {
        flex-direction: column;
        gap: 3em
    }

    .values_wrap {
        justify-content: flex-start;
        gap: 4em 2em
    }

    .values_col {
        width: calc(50% - 2em)
    }

    .locations_block:first-child {
        border-bottom: 1px solid rgba(250, 243, 230, .3);
        padding-bottom: 2.5em
    }

    .locations_wrap {
        flex-direction: column;
        width: 100%
    }

    .locations_wrap,
    .locations_cols {
        width: 100%
    }

    .locations_col {
        width: 100%
    }

    .form_side {
        width: 100%
    }

    .locations_col p {
        font-size: 1em
    }

    .words_slide {
        width: 80%
    }

    .journey_year_slider {
        display: none
    }

    .journey_year_set {
        top: -70%
    }

    .journey_year_set strong {
        font-size: 18em
    }

    .journey_cards,
    .journey_animate {
        display: block
    }

    .journey_cards:after {
        content: "flickity";
        display: none
    }

    .journey_card {
        position: absolute
    }

    .journey_cards:before {
        right: -20vw;
        left: -20vw
    }

    .v_list_txt {
        width: 100%
    }

    .products_cols:not(.f-w) {
        flex-direction: column
    }

    .brand_card {
        height: 38em
    }

    .product_card {
        width: calc(50% - 1.75em);
        height: 20em
    }

    .head_side {
        flex-direction: column;
        width: 100%
    }

    .dropdown_set,
    .menu,
    .filters {
        width: 100%
    }

    .filters .menu {
        padding: 0
    }

    .form_cols {
        flex-direction: column;
        gap: 2em
    }

    .board_col {
        width: 100%
    }
}

.custom-div {
    height: 400vh
}

.cusrom-anim:hover {
    transform: translate3d(0px, 70%)
}

.custom-hero-icon {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 5em
}

.custom-intro-bg {
    background-image: url(../../../images/home_thumb.webp) !important
}

.fadein {
    opacity: 0;
    transition: all 2.5s;
    transform: translate(0, 100px);
    overflow: hidden
}

.fade {
    opacity: 1;
    transition: all 4s;
    overflow: hidden
}

.fadein.visible {
    opacity: 1;
    transform: translate(0, 0)
}

.lt-spacing {
    letter-spacing: normal
}

.custom-z-index {
    z-index: 499
}

.right {
    animation: fadeInRight 1s ease-in-out
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(300px)
    }

    to {
        opacity: 1
    }
}

.pt-top {
    padding-top: 8em !important
}

.pr-right {
    padding-right: 10rem
}

.custom-message-div {
    height: 5rem;
    background: red;
    width: 50%;
    position: absolute;
    top: 10%;
    right: 20%
}

.admin-home {
    display: flex;
    position: unset !important
}

.admin-sidebar {
    width: 20% !important
}

.admin-side-content {
    width: 80% !important
}

@media(max-width: 768px) {
    .admin-home {
        flex-direction: column
    }

    .admin-sidebar,
    .admin-side-content {
        width: 100% !important
    }

    .admin-sidebar {
        display: none !important
    }
}

.side-off {
    position: absolute;
    top: 0px;
    left: -300px;
    width: 300px;
    height: 100vh;
    background-color: rgba(28, 28, 28, .01);
    transition-duration: .3s;
    z-index: 9999
}

.toggle-btn {
    cursor: pointer;
    border: none !important;
    background: none !important
}

@media screen and (min-width: 768px) {
    .side-off {
        display: none
    }

    .toggle-btn {
        display: none
    }
}

.ptb {
    padding: 30px 0px
}

.errorbr {
    border-left: 8px solid red !important
}

.successbr {
    border-left: 8px solid #47d764 !important
}

.custom-input-set {
    height: 2.375em;
    border-radius: 20em;
    outline: none;
    padding: 1.1em 1.5em;
    border: 1px solid rgba(54, 39, 32, .2);
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    resize: none
}

.custom-input-set>svg {
    width: .8em;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none
}

.custom-select-btn {
    width: 100%;
    outline: none
}

.double-fields-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px
}

.custom-inner-padding {
    padding-top: 2.75em;
    padding-bottom: 27rem;
    position: relative
}

.custom-bg-dropdown {
    background: #eae2d4 !important;
    outline: none
}

.update-button {
    border-radius: 5px;
    border: none;
    padding: .1875em .9375em;
    box-shadow: none;
    margin: 5px;
    width: 3.125em
}

.delete-button {
    border-radius: 5px;
    border: none;
    padding: 5px 15px;
    box-shadow: none;
    margin: 10px;
    width: 50px
}

table {
    width: 100%
}

.custom-table-container {
    display: flex;
    justify-content: center;
    flex-direction: column
}

td,
th {
    padding: .5em 0px;
    width: 20vw
}

.icon-row {
    text-align: right
}

.table-wrapper {
    padding-top: 30px;
    padding-bottom: 30px
}

.table-head {
    background-color: #362720;
    color: #faf3e6
}

.outline-none {
    outline: none
}

.w-100 {
    width: 100%
}

.create-btn-container {
    padding-bottom: 20px
}

@media(min-width: 0px)and (max-width: 1140px) {
    .double-fields-container {
        flex-direction: column
    }
}

.custom-btn {
    display: inline-flex !important;
    overflow: hidden !important;
    will-change: transform !important;
    height: 1.75em !important;
    padding: 1.125em 1.25em !important;
    gap: .5em !important;
    border-radius: 10em !important
}

.custom-btn-custom {
    display: inline-flex !important;
    overflow: hidden !important;
    will-change: transform !important;
    height: 1.75em !important;
    padding: .5em 1.25em !important;
    gap: .5em !important;
    border-radius: 10em !important
}

.input-field-table {
    display: flex;
    align-items: center;
    width: 100%
}

.input-field-table-input {
    width: 100%;
    height: 35px;
    border-radius: 20px;
    outline: none;
    padding: 10px
}

.w-70 {
    width: 70%
}

.w-30 {
    width: 30%
}

.Conditions-add-container {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 50px;
    padding-bottom: 50px
}

a.active {
    color: #d99a0e !important
}

.termscontainer {
    text-align: left;
    padding: 20px
}

.termsdetail {
    padding: 20px 0px
}

.react-responsive-modal-modal {
    border-radius: 10px !important;
    max-width: 40% !important
}

.list-item-link {
    cursor: pointer
}

.fs-15 {
    font-size: .9375em
}

.cr-pointer {
    cursor: pointer
}

.mar-right {
    margin-right: 20em !important
}

.mar-left {
    margin-left: 20em !important
}

.Brand-image-section {
    width: 30%
}

.brands-main-wrapper {
    width: 80%;
    margin: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px
}

.brand-image-bg {
    background: #faf4ea !important
}

.brand-view-main-container {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px
}

.custom-x-padding-left {
    padding-left: 38px
}

.Vp-top {
    padding-top: 20px
}

.Vp-bottom {
    padding-bottom: 20px
}

.custom-text-area {
    width: 100%;
    resize: none !important;
    align-items: center;
    border-radius: 20em;
    outline: none;
    padding: 1.1em 2.5em;
    border: 1px solid rgba(54, 39, 32, .2);
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    resize: none;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.gap-custom {
    gap: 1.88em
}

.o_table_row svg {
    width: 1.5em
}

.o_table_row {
    padding-top: 2em;
    padding-bottom: 2em;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    cursor: pointer
}

.o_table {
    gap: 2em
}

.opening-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(54, 39, 32, .2)
}

.Opening-career-title-section {
    display: flex;
    flex-direction: column;
    gap: 3px
}

.job-type-heading {
    display: flex;
    gap: 4px;
    font-family: "Gotham";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: -1.2px;
    color: #90806d
}

.career-job-heading {
    font-family: "Gotham";
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -1.68px
}

.custom-detail-hide {
    display: none
}

.custom-detail-show {
    opacity: 100% !important
}

.custom-direction-detail {
    direction: ltr;
    text-align: end
}

.padding-percentage-wrapper {
    padding-top: 5% !important;
    padding-bottom: 2% !important
}

@media screen and (max-width: 576px) {
    .padding-percentage-wrapper {
        padding-top: 12% !important
    }
}

.form-number {
    text-wrap: nowrap !important
}

.blog-detail-background {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.p-relative {
    position: relative
}

.custom-ipo-button {
    height: 1.9375em !important;
    width: 6.9333333333em !important;
    padding: 0px !important;
    align-items: center !important;
    display: flex !important;
    padding: 1em 1.6875em !important
}

.custom-ipo-button.outlined:hover {
    background: rgba(0, 0, 0, 0) !important;
    color: unset !important
}

.newAnibanner {
    position: relative;
    background-repeat: no-repeat;
    box-sizing: border-box;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20em 0rem
}

.newAnibanner img {
    position: absolute
}

.newAnibanner__head {
    z-index: 1
}

.newAnibanner__tex {
    z-index: 2
}

.newAnibanner__link .newAnibanner__btn {
    position: relative
}

.newAnibanner__link {
    z-index: 3;
    position: absolute;
    bottom: 0
}

.fade-effect-cont {
    font-weight: 500;
    background: rgba(255, 255, 255, .5);
    padding: 8px;
    border-radius: 16px
}

.fade-effect-cont.hero_head {
    max-width: 500px
}

.fade-effect-cont h1,
.fade-effect-cont p {
    max-inline-size: 100% !important
}

.bg-100 {
    background-size: 100%;
    background-position: top center
}

.main_hero.short.bg-newhero {
    height: 40em
}

.load-more-button-font {
    font-size: 16px;
    font-weight: 500;
    color: #d99a0e;
    z-index: 100000;
    position: sticky;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%)
}

.load-more-container-back {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.load-more-container-back .custom-btn {
    width: 40% !important;
    max-inline-size: 400px !important;
    margin: 20px auto !important
}

.home-mission-vision {
    position: relative;
    z-index: 2
}

.__bgcontent {
    z-index: 1
}

.__border-vision-top {
    position: relative
}

.__border-vision-top::before {
    content: "";
    display: flex;
    flex: 0 0 90%;
    margin: 0px auto;
    height: .5px;
    background: rgba(54, 39, 32, .3);
    align-self: center;
    justify-self: anchor-center;
    max-width: 90%
}

.__border-vision-top .e-con-inner>.elementor-element {
    position: relative
}

@media(min-width: 641px) {
    .__border-vision-top .e-con-inner>.elementor-element::before {
        content: "";
        position: absolute;
        left: 44%;
        height: 100%;
        width: 1px;
        background: currentColor;
        opacity: .3
    }

    [lang=ar] .__border-vision-top .e-con-inner>.elementor-element::before {
        right: 44%;
        left: inherit
    }
}

#loader svg {
    width: 260px
}

:root {
    --fluentform-primary: #362720;
    --fluentform-secondary: #362720;
    --fluentform-danger: #d99a0e;
    --fluentform-border-color: rgba(54, 39, 32, .2)
}

.ff-default .ff-el-form-control,
.frm-fluent-form .choices__list--single {
    width: 100%;
    height: auto;
    border-radius: 20em;
    outline: none;
    padding: 1.9em 2.5em;
    border: 1px solid rgba(54, 39, 32, .2);
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    resize: none
}

form.fluent_form_1 .ff-btn-submit:not(.ff_btn_no_style),
#Career__formtab .button.ff-btn.ff-btn-submit.ff-btn-lg.animate.ff_btn_style {
    display: inline-flex;
    overflow: hidden;
    will-change: transform;
    height: auto;
    padding: 1em 2.5em;
    gap: .5em;
    border-radius: 10em;
    border: 1px solid rgba(0, 0, 0, 0);
    background: #362720;
    color: #faf3e6;
    text-transform: uppercase
}

.privacy-content p {
    font-size: 15px
}

.subscription-form {
    max-width: 530px
}

.subscription-form .ff-el-group {
    flex: 0 0 100%;
    margin: 0 !important
}

.subscription-form .ff_submit_btn_wrapper_custom {
    position: absolute;
    right: 12px;
    margin: 0 !important;
    flex: 0 0 46px;
    top: 10px
}

.subscription-form .ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style.wpf_has_custom_css {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    overflow: hidden;
    will-change: transform;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 17 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.1562 0.461181L16.3437 6.36743C16.5195 6.54321 16.5898 6.75415 16.5898 7.00024C16.5898 7.21118 16.5195 7.42212 16.3437 7.5979L10.1562 13.5042C9.80469 13.8206 9.27734 13.8206 8.96094 13.469C8.64453 13.1526 8.64453 12.5901 8.99609 12.2737L13.6719 7.84399L1.71875 7.84399C1.22656 7.84399 0.875 7.45727 0.875 7.00024C0.875 6.57837 1.22656 6.15649 1.71875 6.15649L13.6719 6.15649L8.99609 1.69165C8.64453 1.37524 8.64453 0.812744 8.96094 0.496337C9.27734 0.144775 9.83984 0.144775 10.1562 0.461181Z' fill='%23FAF3E6'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: center center;
    flex: 0 0 46px;
    text-indent: -500px
}

.subscription-form .ff-t-cell.ff-t-column-1 {
    flex-direction: row;
    position: relative
}

.ft_btm.last-footer>.elementor-container {
    align-items: center
}

[data-name=dropdown] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800.58 451.42'%3E%3Ctitle%3Eucmicon%3C/title%3E%3Cpath d='M380,618.32h0a32.12,32.12,0,0,1-5.6-7.29L9.09,232.59a32.71,32.71,0,1,1,47.06-45.44L403,546.45,744.1,186a32.71,32.71,0,1,1,47.52,45L426.28,617A32.81,32.81,0,0,1,380,618.32Z' transform='translate%280.05 -175.81%29' style='fill:%23636361'/%3E%3C/svg%3E") !important;
    background-size: 16px;
    background-position: right 10px center;
    padding: 8px 36px 8px 16px;
    word-break: break-all;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-repeat: no-repeat
}

.frm-fluent-form .ff-el-input--content .choices__inner {
    background: rgba(0, 0, 0, 0) !important;
    border: 0px none !important
}

.frm-fluent-form .choices__list--single {
    padding: 1.9em 2.5em !important
}

.frm-fluent-form .choices__list--single .choices__item {
    font-size: 12px !important
}

.frm-fluent-form .choices[data-type*=select-one]:after {
    border: 2px solid #495057 !important;
    content: "";
    height: 0 !important;
    margin: -2px 0 0 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    right: 26px !important;
    top: 50% !important;
    width: 0 !important;
    padding: 3px !important;
    border-left: 0px none !important;
    border-bottom: 0px none !important;
    transform: rotate(136deg) translateX(-50%)
}

.frm-fluent-form .choices[data-type*=select-one] .choices__button {
    margin-right: 36px !important
}

.term-and-conditon .elementor-widget-wrap {
    gap: 8px;
    justify-content: flex-end
}

.term-and-conditon .elementor-widget-wrap .elementor-element {
    flex: 0 0 auto;
    width: auto;
    margin: 0 !important
}

.term-and-conditon .elementor-widget-wrap .elementor-element a {
    font-weight: 400
}

[lang=ar] .header_side:nth-child(2) {
    margin-right: auto;
    margin-left: 0
}

#MobileNavCall {
    transition: all cubic-bezier(0.22, 0.61, 0.36, 1)
}

[lang=ar] .scrolled #MobileNavCall {
    position: fixed;
    right: inherit !important
}

[lang=en] .scrolled #MobileNavCall {
    position: fixed;
    right: 20px !important
}

.ff-name-field-wrapper .ff-el-input--label {
    display: none !important
}

.ff-el-group.uploadeFileV__tainer {
    position: relative
}

.ff-el-group.uploadeFileV__tainer .ff-el-input--label {
    position: absolute;
    top: .5em;
    right: .5em;
    background: #90806d;
    color: #faf3e6;
    display: flex;
    overflow: hidden;
    will-change: transform;
    height: 3.75em;
    padding: 0 2.5em;
    gap: .5em;
    border-radius: 10em;
    align-items: center;
    justify-content: center
}

.ff-el-group.uploadeFileV__tainer .ff-el-input--label::after {
    display: none !important
}

button.post-link {
    border: 0px none;
    background: none;
    cursor: pointer
}

@media(max-width: 640px) {
    .header_side--right.lang-right .elementor-widget-html .header_side {
        width: 50% !important;
        flex: 0 0 50% !important
    }

    .header_side--right.lang-right {
        flex: 0 0 30%;
        max-width: 30%
    }

    .site-header>.elementor-container {
        align-items: flex-start
    }
}

.elementor-icon.elementor-social-icon {
    font-size: var(--icon-size, 25px);
    height: calc(var(--icon-size, 25px) + 2*var(--icon-padding, 0.5em));
    line-height: var(--icon-size, 25px);
    width: calc(var(--icon-size, 25px) + 2*var(--icon-padding, 0.5em))
}

.footer-menu-area .elementor-icon.elementor-social-icon {
    display: flex;
    align-items: center;
    justify-content: center
}

.footer-menu-area svg {
    fill: #fff
}

@media(max-width: 767px) {
    body {
        overflow-x: hidden
    }

    .elementor-119 .elementor-element.elementor-element-467ba6f7 {
        padding-bottom: 20px
    }

    .elementor-widget-social-icons .elementor-grid {
        text-align: left
    }

    .footer-news-latter #backTOPScroll {
        min-height: 10em
    }

    .site-header>.elementor-container {
        justify-content: space-between;
        padding: 1rem
    }

    .home-banner-video,
    .elementor-23 .elementor-element.elementor-element-5744c49,
    .elementor-23 .elementor-element.elementor-element-3deb1eb,
    .elementor-23 .elementor-element.elementor-element-47e3e11,
    .elementor-23 .elementor-element.elementor-element-7932d85,
    .elementor-23 .elementor-element.elementor-element-adf12c7,
    .elementor-23 .elementor-element.elementor-element-772c0b8,
    .elementor-23 .elementor-element.elementor-element-723fdbc,
    .footer-news-latter,
    .elementor-29 .elementor-element.elementor-element-f56828e,
    .elementor-29 .elementor-element.elementor-element-1e9180d,
    .elementor-29 .elementor-element.elementor-element-c91231d,
    .elementor-31 .elementor-element.elementor-element-39aaa66.e-con,
    .elementor-31 .elementor-element.elementor-element-5695b5c.e-con,
    .elementor-33 .elementor-element.elementor-element-0637e3f,
    .elementor-33 .elementor-element.elementor-element-e4fefce,
    .elementor-1153 .elementor-element.elementor-element-36daa11,
    .elementor-1153 .elementor-element.elementor-element-ac95921,
    .elementor-1153 .elementor-element.elementor-element-5feb81e,
    .elementor-1153 .elementor-element.elementor-element-cb8fe3f,
    .elementor-1153 .elementor-element.elementor-element-d98f5e5,
    .elementor-1153 .elementor-element.elementor-element-c03cc0c,
    .elementor-1566 .elementor-element.elementor-element-c984627,
    .elementor-1566 .elementor-element.elementor-element-fd08c82,
    .elementor-1566 .elementor-element.elementor-element-a648619,
    .elementor-1566 .elementor-element.elementor-element-f152152,
    .elementor-1566 .elementor-element.elementor-element-df81ff1,
    .elementor-1566 .elementor-element.elementor-element-712ba39,
    .elementor-25 .elementor-element.elementor-element-da74cd4,
    .elementor-25 .elementor-element.elementor-element-708a7fd,
    .elementor-25 .elementor-element.elementor-element-9014790,
    .elementor-27 .elementor-element.elementor-element-68a6f09,
    .elementor-27 .elementor-element.elementor-element-7546a76,
    .elementor-514 .elementor-element.elementor-element-70e9296 {
        padding: 0 !important;
        z-index: 1
    }

    .home-banner-video .elementor-element.elementor-element-5744c49,
    .home-banner-video .elementor-widget-container,
    .home-banner-video .elementor-element.elementor-element-5744c49 .elementor-widget-video,
    .home-banner-video .elementor-element.elementor-element-fed11f2 .elementor-wrapper {
        --min-height: 100vh;
        min-height: 100vh
    }

    .home-banner-video .elementor-widget-video .elementor-wrapper iframe,
    .home-banner-video .elementor-widget-video .elementor-wrapper video {
        position: absolute
    }

    .homebanner-social {
        right: 0px;
        width: 40px;
        padding: 0
    }

    .feedbanner {
        padding: 0
    }

    .main_hero .social {
        position: absolute;
        left: 90%;
        width: 50px
    }

    .elementor-31 .elementor-element.elementor-element-39aaa66.e-con {
        padding: 0;
        margin-top: -130px
    }

    .Blogs-cards-wrapper {
        padding: 8px !important
    }

    .footer-news-latter .elementor-container {
        border-radius: 0
    }

    .elementor-1153 .elementor-element.elementor-element-2e4ecfb,
    .elementor-23 .elementor-element.elementor-element-97904d4 {
        display: block
    }

    .elementor-column-gap-default>.elementor-column>.elementor-element-populated {
        padding: 5px 0 0 0
    }

    .header_side--right.lang-right .switchlang,
    .site-header .header_cta .header_search {
        flex: 0 0 2em;
        visibility: visible !important;
        opacity: 1 !important;
        transform: inherit !important
    }

    .header_side--right.lang-right {
        flex: 0 0 40% !important;
        max-width: 40% !important;
        margin: 0 !important
    }

    .header_side--right.lang-right .switchlang li a {
        width: 2.65em;
        height: 2.65em;
        font-size: 1.475em
    }

    .header_side--right.lang-right .switchlang {
        position: absolute;
        top: -0.4rem
    }

    [lang=ar] .header_side:nth-child(2) {
        margin-right: initial
    }

    .header_side {
        width: 36% !important
    }

    .header_side--right.lang-right .elementor-widget-html {
        width: auto;
        flex: 0 0 auto;
        margin: -6px 10px 0 0
    }

    .scrollCatesection {
        display: block;
        max-width: 100%;
        overflow: auto
    }

    .archive main {
        padding: 0 !important;
        z-index: 1
    }
}

form.fluent_form_3 .ff-btn-submit:not(.ff_btn_no_style) {
    background-color: var(--fluentform-primary);
    color: #fff;
    border-radius: 2rem;
    font-size: 1rem;
    padding: 1rem 2.5rem
}



/* contact form */
.career-form {
        display: flex;
        flex-direction: column;
        gap: 20px;
        --fluentform-primary: #362720;
        --fluentform-secondary: #362720;
        --fluentform-danger: #d99a0e;
        --fluentform-border-color: rgba(54, 39, 32, .2);
    }

    .career-form .form-row {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
        width: 100%;
    }

    .career-form .form-col {
        flex: 1;
    }

    @media (max-width:480px) {
        .career-form .form-col {
            flex: 100%;
        }
    }

    .career-form .form-row p {
        width: 100%;
    }

    .career-form .input-box,
    .career-form [data-name="cv-upload"] {
        width: 100%;
        height: auto;
        border-radius: 20em;
        outline: none;
        padding: 1.9em 2.5em;
        border: 1px solid rgba(54, 39, 32, .2);
        -moz-appearance: none;
        appearance: none;
        -webkit-appearance: none;
        resize: none;
        color: var(--fluentform-secondary);
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        display: block;
        line-height: 1.4;
        margin-bottom: 0;
        max-width: 100%;
        min-height: 80px;
    }

    .career-form .input-box:hover,
    .career-form .input-box:focus,
    .career-form [data-name="cv-upload"]:focus {
        background-color: #fff;
        border-color: var(--fluentform-primary);
        color: var(--fluentform-secondary);
        outline: none;
    }

    .career-form select {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800.58 451.42'%3E%3Ctitle%3Eucmicon%3C/title%3E%3Cpath d='M380,618.32h0a32.12,32.12,0,0,1-5.6-7.29L9.09,232.59a32.71,32.71,0,1,1,47.06-45.44L403,546.45,744.1,186a32.71,32.71,0,1,1,47.52,45L426.28,617A32.81,32.81,0,0,1,380,618.32Z' transform='translate%280.05 -175.81%29' style='fill:%23636361'/%3E%3C/svg%3E");
        background-size: 16px;
        background-position: right 30px center;
        background-repeat: no-repeat;

    }

    .career-form [data-name="cv-upload"] {
        position: relative;
        background: #faf3e6;
    }

    [data-name="cv-upload"] .wpcf7-not-valid-tip {
        text-align: center;
    }

    .career-form [data-name="cv-upload"] input {
        outline: none;
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        z-index: 2;
        background: transparent;
        padding: 1.9em 2.5em;
        border-radius: 20em;
    }

    .career-form [data-name="cv-upload"]::after {
        content: 'Upload CV';
        position: absolute;
        top: .5em;
        right: .5em;
        background: #90806d;
        color: #faf3e6;
        display: flex;
        overflow: hidden;
        will-change: transform;
        height: 3.75em;
        padding: 0 2.5em;
        gap: .5em;
        border-radius: 10em;
        align-items: center;
        justify-content: center;
    }

    .career-form [data-name="cv-upload"] input {
        outline: none;
        display: block;
        width: 100%;
    }

    .career-form .wpcf7-submit {
        border: 1px solid transparent;
        cursor: pointer;
        display: inline-block;
        font-weight: 500;
        line-height: 1.5;
        position: relative;
        text-align: center;
        transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        vertical-align: middle;
        white-space: nowrap;
        background-color: var(--fluentform-primary);
        color: #fff;
        border-radius: 2rem;
        font-size: 1rem;
        padding: 1rem 2.5rem;
        text-transform: uppercase;
    }

    .wpcf7-response-output.toast-show {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }

    .wpcf7-not-valid {
        border: 1px solid red !important;
    }

    .career-form .wpcf7-submit:hover,
    .career-form .wpcf7-submit:focus {
        opacity: .8;
        outline: 0;
        text-decoration: none;
    }

    /* Base toast style */
    .wpcf7-response-output {
        position: fixed;
        bottom: 2rem;
        right: 2rem;
        padding: 1rem 1.5rem !important;
        font-size: 15px;
        border-radius: 8px;
        z-index: 9999;
        opacity: 0;
        transform: translateY(20px);
        pointer-events: none;
        transition: all 0.3s ease-in-out;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        color: #fff;
    }

    /* Show on active */
    .wpcf7-response-output.toast-show {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }

    /* Success: Green */
    .wpcf7 form.sent .wpcf7-response-output {
        background-color: #28a745;
    }

    /* Validation warning: Yellow */
    .wpcf7 form.invalid .wpcf7-response-output {
        background-color: #ffc107;
        color: #000;
    }

    /* Mail failed: Red */
    .wpcf7 form.failed .wpcf7-response-output {
        background-color: #dc3545;
    }