/*! tailwindcss v2.1.1 | MIT License | https://tailwindcss.com *//*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
*, ::after, ::before {
    box-sizing: border-box
}

:root {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

body {
    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'
}

strong {
    font-weight: bolder
}

code {
    font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

button {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button {
    text-transform: none
}

[type=button], button {
    -webkit-appearance: button
}

progress {
    vertical-align: baseline
}

h1, h2, h3, h4, p {
    margin: 0
}

button {
    background-color: transparent;
    background-image: none
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

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

html {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    line-height: 1.5
}

body {
    font-family: inherit;
    line-height: inherit
}

*, ::after, ::before {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb
}

img {
    border-style: solid
}

[role=button], button {
    cursor: pointer
}

h1, h2, h3, h4 {
    font-size: inherit;
    font-weight: inherit
}

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

button {
    padding: 0;
    line-height: inherit;
    color: inherit
}

code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

iframe, img, svg, video {
    display: block;
    vertical-align: middle
}

img, video {
    max-width: 100%;
    height: auto
}

* {
    --tw-shadow: 0 0 #0000;
    --tw-ring-inset: var(--tw-empty,); /*!*//*!*/
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000
}

.container {
    width: 100%
}

@media (min-width: 240px) {
    .container {
        max-width: 240px
    }
    .phone-w-full {
        width: 100%
    }
}

@media (min-width: 321px) {
    .container {
        max-width: 321px
    }
}

@media (min-width: 361px) {
    .container {
        max-width: 361px
    }
}

@media (min-width: 385px) {
    .container {
        max-width: 385px
    }
}

@media (min-width: 480px) {
    .container {
        max-width: 480px
    }
}

@media (min-width: 640px) {
    .container {
        max-width: 640px
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 768px
    }
}

@media (min-width: 769px) {
    .container {
        max-width: 769px
    }
}

@media (min-width: 781px) {
    .container {
        max-width: 781px
    }
}

@media (min-width: 834px) {
    .container {
        max-width: 834px
    }
}

@media (min-width: 976px) {
    .container {
        max-width: 976px
    }
}

@media (min-width: 1024px) {
    .container {
        max-width: 1024px
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1280px
    }
}

@media (min-width: 1366px) {
    .container {
        max-width: 1366px
    }
}

@media (min-width: 1440px) {
    .container {
        max-width: 1440px
    }
}

@media (min-width: 1536px) {
    .container {
        max-width: 1536px
    }
}

@media (min-width: 1560px) {
    .container {
        max-width: 1560px
    }
}

@media (min-width: 1680px) {
    .container {
        max-width: 1680px
    }
}

@media (min-width: 1920px) {
    .container {
        max-width: 1920px
    }
}

@media (min-width: 2560px) {
    .container {
        max-width: 2560px
    }
}

.container {
    max-width: 100%;
    padding: 0 20px
}

@media (min-width: 480px) {
    .container {
        max-width: 640px;
        padding: 0 20px
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 768px;
        padding: 0 40px
    }
}

@media (min-width: 976px) {
    .container {
        max-width: 1024px;
        padding: 0 40px
    }
}

@media (min-width: 1440px) {
    .container {
        max-width: 1240px;
        padding: 0 40px
    }
}

@media (min-width: 1920px) {
    .container {
        max-width: 1420px;
        padding: 0 40px
    }
}

@font-face {
    font-family: Apertura;
    src: local("Apertura"), url(http://devhtml.visibleone.io/p176/css/font/Apertura-Regular.otf) format("otf")
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.top-0 {
    top: 0
}

.left-0 {
    left: 0
}

.right-0 {
    right: 0
}

.top-2\/4 {
    top: 50%
}

.left-1\/2 {
    left: 50%
}

.bottom-0 {
    bottom: 0
}

.top-1\/2 {
    top: 50%
}

.z-50 {
    z-index: 50
}

.z-30 {
    z-index: 30
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.clear-both {
    clear: both
}

.m-auto {
    margin: auto
}

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

.my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem
}

.my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem
}

.my-2 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

.my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem
}

.mx-\[20px\] {
    margin-left: 20px;
    margin-right: 20px
}

.mt-\[3\.4rem\] {
    margin-top: 3.4rem
}

.mr-2 {
    margin-right: .5rem
}

.mt-4 {
    margin-top: 1rem
}

.ml-4 {
    margin-left: 1rem
}

.mt-16 {
    margin-top: 4rem
}

.mt-12 {
    margin-top: 3rem
}

.mb-32 {
    margin-bottom: 8rem
}

.mt-20 {
    margin-top: 5rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mt-8 {
    margin-top: 2rem
}

.mr-4 {
    margin-right: 1rem
}

.mb-8 {
    margin-bottom: 2rem
}

.mt-2 {
    margin-top: .5rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mt-5 {
    margin-top: 1.25rem
}

.mt-14 {
    margin-top: 3.5rem
}

.mr-6 {
    margin-right: 1.5rem
}

.-mb-2 {
    margin-bottom: -.5rem
}

.mb-3 {
    margin-bottom: .75rem
}

.mr-2\.5 {
    margin-right: .625rem
}

.mr-1 {
    margin-right: .25rem
}

.mb-16 {
    margin-bottom: 4rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mt-40 {
    margin-top: 10rem
}

.mb-20 {
    margin-bottom: 5rem
}

.ml-auto {
    margin-left: auto
}

.mr-auto {
    margin-right: auto
}

.mr-3 {
    margin-right: .75rem
}

.mt-0 {
    margin-top: 0
}

.mt-36 {
    margin-top: 9rem
}

.mb-36 {
    margin-bottom: 9rem
}

.mb-12 {
    margin-bottom: 3rem
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.flex {
    display: flex
}

.grid {
    display: grid
}

.contents {
    display: contents
}

.hidden {
    display: none
}

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

.h-1 {
    height: .25rem
}

.h-96 {
    height: 24rem
}

.h-6 {
    height: 1.5rem
}

.h-4 {
    height: 1rem
}

.h-2 {
    height: .5rem
}

.w-auto {
    width: auto
}

.w-6 {
    width: 1.5rem
}

.w-full {
    width: 100%
}
.h-full {
}

.w-1\/6 {
    width: 16.666667%
}

.w-10\/12 {
    width: 83.333333%
}

.w-\[55\%\] {
    width: 55%
}

.w-12 {
    width: 3rem
}

.w-2\/5 {
    width: 40%
}

.w-4\/5 {
    width: 80%
}

.w-8 {
    width: 2rem
}

.w-16 {
    width: 4rem
}

.w-4 {
    width: 1rem
}

.w-2 {
    width: .5rem
}

.w-1\/5 {
    width: 20%
}

.w-7 {
    width: 1.75rem
}

.w-\[100px\] {
    width: 100px
}

.max-w-lg {
    max-width: 32rem
}

.max-w-xl {
    max-width: 36rem
}

.max-w-\[1340px\] {
    max-width: 1340px
}

.max-w-\[350px\] {
    max-width: 350px
}

.max-w-md {
    max-width: 28rem
}

.max-w-\[59rem\] {
    max-width: 59rem
}

.max-w-\[240px\] {
    max-width: 240px
}

.flex-none {
    flex: none
}

.flex-shrink-0 {
    flex-shrink: 0
}

.flex-grow {
    flex-grow: 1
}

.flex-grow-0 {
    flex-grow: 0
}

.transform {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%
}

.translate-x-0 {
    --tw-translate-x: 0px
}

.cursor-pointer {
    cursor: pointer
}

.resize {
    resize: both
}

.list-inside {
    list-style-position: inside
}

.list-disc {
    list-style-type: disc
}

.grid-cols-1 {
    grid-template-columns:repeat(1, minmax(0, 1fr))
}

.flex-col {
    flex-direction: column
}

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

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

.flex-wrap {
    flex-wrap: wrap
}

.items-center {
    align-items: center
}

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

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

.justify-center {
    justify-content: center
}

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

.justify-items-center {
    justify-items: center
}

.gap-4 {
    gap: 1rem
}

.gap-7 {
    gap: 1.75rem
}

.gap-2 {
    gap: .5rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-32 {
    gap: 8rem
}

.gap-16 {
    gap: 4rem
}

.gap-x-4 {
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

.gap-y-8 {
    row-gap: 2rem
}

.self-center {
    align-self: center
}

.self-end {
    align-self: flex-end
}

.overflow-hidden {
    overflow: hidden
}

.whitespace-normal {
    white-space: normal
}

.whitespace-nowrap {
    white-space: nowrap
}

.break-all {
    word-break: break-all
}

.break-words {
    overflow-wrap: break-word
}

.rounded-full {
    border-radius: 9999px
}

.border {
    border-width: 1px
}

.border-2 {
    border-width: 2px
}

.border-b {
    border-bottom-width: 1px
}

.border-t {
    border-top-width: 1px
}

.border-b-2 {
    border-bottom-width: 2px
}

.border-r-2 {
    border-right-width: 2px
}

.border-b-4 {
    border-bottom-width: 4px
}

.border-dashed {
    border-style: dashed
}

.border-solid {
    border-style: solid
}

.border-secondary {
    --tw-border-opacity: 1;
    border-color: rgba(234, 85, 37, var(--tw-border-opacity))
}

.border-white {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity))
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.bg-whitesmoke {
    background-color: whitesmoke;
}
/* Custom Background Color */
.bg-dark-gray {
    background-color: #1a202c;
}


.bg-pink-light {
    --tw-bg-opacity: 1;
    background-color: rgba(253, 237, 232, var(--tw-bg-opacity))
}

.bg-secondary {
    --tw-bg-opacity: 1;
    background-color: rgba(234, 85, 37, var(--tw-bg-opacity))
}
.bg-darkmode-secondary {
    --tw-bg-opacity: 1;
    background-color: #E41F1E;
}

.bg-overlay-60 {
    background-color: #11151C66
}

.bg-primary {
    --tw-bg-opacity: 1;
    background-color: rgba(17, 21, 28, var(--tw-bg-opacity))
}

.bg-\[\#F4F4F4\] {
    --tw-bg-opacity: 1;
    background-color: rgba(244, 244, 244, var(--tw-bg-opacity))
}

.bg-cover {
    background-size: cover
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.object-center {
    -o-object-position: center;
    object-position: center
}

.p-5 {
    padding: 1.25rem
}

.p-4 {
    padding: 1rem
}

.p-6 {
    padding: 1.5rem
}

.py-36 {
    padding-top: 9rem;
    padding-bottom: 9rem
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-28 {
    padding-top: 7rem;
    padding-bottom: 7rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-20 {
    padding-bottom: 5rem
}

.pb-16 {
    padding-bottom: 4rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-1 {
    padding-bottom: .25rem
}

.pt-3 {
    padding-top: .75rem
}

.pt-8 {
    padding-top: 2rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-5 {
    padding-top: 1.25rem
}

.pl-5 {
    padding-left: 1.25rem
}

.pl-4 {
    padding-left: 1rem
}

.pt-16 {
    padding-top: 4rem
}

.pl-3 {
    padding-left: .75rem
}

.pr-2 {
    padding-right: .5rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

.pb-10 {
    padding-bottom: 2.5rem
}

.pr-6 {
    padding-right: 1.5rem
}

.pb-12 {
    padding-bottom: 3rem
}

.pt-6 {
    padding-top: 1.5rem
}

.pr-8 {
    padding-right: 2rem
}

.pb-3 {
    padding-bottom: .75rem
}

.pr-4 {
    padding-right: 1rem
}

.pt-2 {
    padding-top: .5rem
}

.pb-0 {
    padding-bottom: 0
}

.pt-1 {
    padding-top: .25rem
}

.pr-5 {
    padding-right: 1.25rem
}

.pt-12 {
    padding-top: 3rem
}

.text-center {
    text-align: center
}

.align-middle {
    vertical-align: middle
}

.font-secondary {
    font-family: Input Sans, sans-serif
}

.font-primary {
    font-family: Apertura, sans-serif
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}
.text-lg-nh {
    font-size: 1.125rem;
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-7xl {
    font-size: 4.5rem;
    line-height: 1
}

.text-21 {
    font-size: 1.313rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.text-4xl-hh {
    font-size: 2rem;
    line-height: 2.5rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.font-bold {
    font-weight: 700
}

.font-thin {
    font-weight: 100
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

.leading-8 {
    line-height: 2rem
}

.leading-normal {
    line-height: 1.5
}

.leading-snug {
    line-height: 1.375
}

.text-secondary {
    --tw-text-opacity: 1;
    color: rgba(234, 85, 37, var(--tw-text-opacity))
}

.text-primary {
    --tw-text-opacity: 1;
    color: rgba(17, 21, 28, var(--tw-text-opacity))
}

/* Custom Text Color for Dark Mode */
.text-dark-mode-primary {
    color: #f7fafc;
}

.text-dark-mode-secondary {
    color: #E41F1E;
}


.text-white {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.underline {
    text-decoration: underline
}

.opacity-50 {
    opacity: .5
}

.opacity-0 {
    opacity: 0
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: 150ms
}

.transition-colors {
    transition-property: background-color, border-color, color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: 150ms
}

.duration-200 {
    transition-duration: .2s
}

.duration-300 {
    transition-duration: .3s
}

.last\:mr-0:last-child {
    margin-right: 0
}

.last\:mb-0:last-child {
    margin-bottom: 0
}

.hover\:bg-primary:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(17, 21, 28, var(--tw-bg-opacity))
}

.hover\:font-bold:hover {
    font-weight: 700
}

.hover\:text-secondary:hover {
    --tw-text-opacity: 1;
    color: rgba(234, 85, 37, var(--tw-text-opacity))
}

@media (min-width: 480px) {
    .sm\:mb-8 {
        margin-bottom: 2rem
    }

    .sm\:mr-16 {
        margin-right: 4rem
    }

    .sm\:mt-3 {
        margin-top: .75rem
    }

    .sm\:mb-4 {
        margin-bottom: 1rem
    }

    .sm\:ml-8 {
        margin-left: 2rem
    }

    .sm\:mt-0 {
        margin-top: 0
    }

    .sm\:mt-1 {
        margin-top: .25rem
    }

    .sm\:mr-14 {
        margin-right: 3.5rem
    }

    .sm\:mr-7 {
        margin-right: 1.75rem
    }

    .sm\:mb-11 {
        margin-bottom: 2.75rem
    }

    .sm\:mt-2 {
        margin-top: .5rem
    }

    .sm\:inline-block {
        display: inline-block
    }

    .sm\:flex {
        display: flex
    }

    .sm\:h-4 {
        height: 1rem
    }

    .sm\:w-4 {
        width: 1rem
    }

    .sm\:w-\[87\.75\%\] {
        width: 87.75%
    }

    .sm\:w-\[12\.5\%\] {
        width: 12.5%
    }

    .sm\:max-w-\[75\%\] {
        max-width: 75%
    }

    .sm\:grid-cols-2 {
        grid-template-columns:repeat(2, minmax(0, 1fr))
    }

    .sm\:flex-row {
        flex-direction: row
    }

    .sm\:items-stretch {
        align-items: stretch
    }

    .sm\:items-center {
        align-items: center
    }

    .sm\:py-20 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .sm\:py-16 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .sm\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .sm\:py-5 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .sm\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .sm\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .sm\:pt-16 {
        padding-top: 4rem
    }

    .sm\:pb-24 {
        padding-bottom: 6rem
    }

    .sm\:pb-6 {
        padding-bottom: 1.5rem
    }

    .sm\:pl-1 {
        padding-left: .25rem
    }

    .sm\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .sm\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }
    .sm\:center {
        justify-content: center;
    }
}

@media (min-width: 768px) {
    .md\:absolute {
        position: absolute
    }

    .md\:order-2 {
        order: 2
    }

    .md\:order-1 {
        order: 1
    }

    .md\:my-5 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem
    }

    .md\:mx-10 {
        margin-left: 2.5rem;
        margin-right: 2.5rem
    }

    .md\:my-16 {
        margin-top: 4rem;
        margin-bottom: 4rem
    }

    .md\:mx-9 {
        margin-left: 2.25rem;
        margin-right: 2.25rem
    }

    .md\:mb-0 {
        margin-bottom: 0
    }

    .md\:mt-40 {
        margin-top: 10rem
    }

    .md\:mb-16 {
        margin-bottom: 4rem
    }

    .md\:mt-16 {
        margin-top: 4rem
    }

    .md\:mt-0 {
        margin-top: 0
    }

    .md\:mt-8 {
        margin-top: 2rem
    }

    .md\:mr-5 {
        margin-right: 1.25rem
    }

    .md\:mt-12 {
        margin-top: 3rem
    }

    .md\:mb-14 {
        margin-bottom: 3.5rem
    }

    .md\:mt-10 {
        margin-top: 2.5rem
    }

    .md\:block {
        display: block
    }

    .md\:flex {
        display: flex
    }

    .md\:w-1\/3 {
        width: 33.333333%
    }

    .md\:w-2\/3 {
        width: 66.666667%
    }

    .md\:w-full {
        width: 100%
    }

    .md\:w-1\/2 {
        width: 50%
    }

    .md\:flex-1 {
        flex: 1 1 0%
    }

    .md\:flex-initial {
        flex: 0 1 auto
    }

    .md\:grid-cols-2 {
        grid-template-columns:repeat(2, minmax(0, 1fr))
    }

    .md\:grid-cols-3 {
        grid-template-columns:repeat(3, minmax(0, 1fr))
    }

    .md\:flex-row {
        flex-direction: row
    }

    .md\:items-center {
        align-items: center
    }

    .md\:items-end {
        align-items: flex-end
    }

    .md\:justify-between {
        justify-content: space-between
    }

    .md\:gap-8 {
        gap: 2rem
    }

    .md\:gap-12 {
        gap: 3rem
    }

    .md\:gap-4 {
        gap: 1rem
    }

    .md\:gap-6 {
        gap: 1.5rem
    }

    .md\:p-0 {
        padding: 0
    }

    .md\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .md\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .md\:py-10 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .md\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .md\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .md\:pl-0 {
        padding-left: 0
    }

    .md\:pl-10 {
        padding-left: 2.5rem
    }

    .md\:pb-32 {
        padding-bottom: 8rem
    }

    .md\:pt-20 {
        padding-top: 5rem
    }

    .md\:pt-12 {
        padding-top: 3rem
    }

    .md\:pl-3 {
        padding-left: .75rem
    }

    .md\:pt-3 {
        padding-top: .75rem
    }

    .md\:pb-4 {
        padding-bottom: 1rem
    }

    .md\:text-left {
        text-align: left
    }

    .md\:text-6xl {
        font-size: 3.75rem;
        line-height: 1
    }

    .md\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .md\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .md\:text-21 {
        font-size: 1.313rem
    }

    .md\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .md\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }

    .md\:leading-normal {
        line-height: 1.5
    }

    .md\:last\:mr-0:last-child {
        margin-right: 0
    }
}

@media (min-width: 976px) {
    .lg\:absolute {
        position: absolute
    }

    .lg\:bottom-0 {
        bottom: 0
    }

    .lg\:m-0 {
        margin: 0
    }

    .lg\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .lg\:my-20 {
        margin-top: 5rem;
        margin-bottom: 5rem
    }

    .lg\:my-32 {
        margin-top: 8rem;
        margin-bottom: 8rem
    }

    .lg\:mt-\[3\.9rem\] {
        margin-top: 3.9rem
    }

    .lg\:mt-20 {
        margin-top: 5rem
    }

    .lg\:mt-4 {
        margin-top: 1rem
    }

    .lg\:mt-60 {
        margin-top: 15rem
    }

    .lg\:mt-\[75px\] {
        margin-top: 75px
    }

    .lg\:mr-12 {
        margin-right: 3rem
    }

    .lg\:mr-6 {
        margin-right: 1.5rem
    }

    .lg\:mb-0 {
        margin-bottom: 0
    }

    .lg\:mb-20 {
        margin-bottom: 5rem
    }

    .lg\:mt-16 {
        margin-top: 4rem
    }

    .lg\:mt-10 {
        margin-top: 2.5rem
    }

    .lg\:mb-12 {
        margin-bottom: 3rem
    }

    .lg\:mt-\[102px\] {
        margin-top: 102px
    }

    .lg\:mt-\[150px\] {
        margin-top: 150px
    }

    .lg\:mr-0 {
        margin-right: 0
    }

    .lg\:ml-auto {
        margin-left: auto
    }

    .lg\:ml-8 {
        margin-left: 2rem
    }

    .lg\:mr-8 {
        margin-right: 2rem
    }

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:hidden {
        display: none
    }

    .lg\:h-auto {
        height: auto
    }

    .lg\:w-4\/6 {
        width: 66.666667%
    }

    .lg\:w-2\/6 {
        width: 33.333333%
    }

    .lg\:w-3\/5 {
        width: 60%
    }

    .lg\:w-2\/5 {
        width: 40%
    }

    .lg\:w-auto {
        width: auto
    }

    .lg\:w-20 {
        width: 5rem
    }

    .lg\:w-1\/3 {
        width: 33.333333%
    }

    .lg\:w-4\/5 {
        width: 80%
    }

    .lg\:w-2\/4 {
        width: 50%
    }

    .lg\:w-3\/6 {
        width: 50%
    }

    .lg\:w-90 {
        width: 90%
    }

    .lg\:max-w-full {
        max-width: 100%
    }

    .lg\:flex-initial {
        flex: 0 1 auto
    }

    .lg\:grid-cols-3 {
        grid-template-columns:repeat(3, minmax(0, 1fr))
    }

    .lg\:grid-cols-4 {
        grid-template-columns:repeat(4, minmax(0, 1fr))
    }

    .lg\:flex-row {
        flex-direction: row
    }

    .lg\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .lg\:items-center {
        align-items: center
    }

    .lg\:justify-start {
        justify-content: flex-start
    }

    .lg\:justify-center {
        justify-content: center
    }

    .lg\:justify-between {
        justify-content: space-between
    }

    .lg\:gap-8 {
        gap: 2rem
    }

    .lg\:gap-12 {
        gap: 3rem
    }

    .lg\:gap-24 {
        gap: 6rem
    }

    .lg\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .lg\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .lg\:py-32 {
        padding-top: 8rem;
        padding-bottom: 8rem
    }

    .lg\:py-5 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .lg\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .lg\:pb-3 {
        padding-bottom: .75rem
    }

    .lg\:pb-\[150px\] {
        padding-bottom: 150px
    }

    .lg\:pb-32 {
        padding-bottom: 8rem
    }

    .lg\:pt-24 {
        padding-top: 6rem
    }

    .lg\:pt-16 {
        padding-top: 4rem
    }

    .lg\:pb-14 {
        padding-bottom: 3.5rem
    }

    .lg\:pr-6 {
        padding-right: 1.5rem
    }

    .lg\:pb-36 {
        padding-bottom: 9rem
    }

    .lg\:pl-8 {
        padding-left: 2rem
    }

    .lg\:pt-36 {
        padding-top: 9rem
    }

    .lg\:pb-52 {
        padding-bottom: 13rem
    }

    .lg\:pr-5 {
        padding-right: 1.25rem
    }

    .lg\:pt-7 {
        padding-top: 1.75rem
    }

    .lg\:pt-32 {
        padding-top: 8rem
    }

    .lg\:pr-11 {
        padding-right: 2.75rem
    }

    .lg\:pb-16 {
        padding-bottom: 4rem
    }

    .lg\:pt-8 {
        padding-top: 2rem
    }

    .lg\:text-left {
        text-align: left
    }

    .lg\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .lg\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .lg\:text-21 {
        font-size: 1.313rem
    }

    .lg\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .lg\:text-6xl {
        font-size: 3.75rem;
        line-height: 1
    }

    .lg\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }

    .lg\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .lg\:leading-normal {
        line-height: 1.5
    }

    .lg\:last\:mr-0:last-child {
        margin-right: 0
    }
}

@media (min-width: 1440px) {
    .xl\:my-36 {
        margin-top: 9rem;
        margin-bottom: 9rem
    }

    .xl\:mx-\[15\.6rem\] {
        margin-left: 15.6rem;
        margin-right: 15.6rem
    }

    .xl\:mt-\[5\.6rem\] {
        margin-top: 5.6rem
    }

    .xl\:mt-\[106px\] {
        margin-top: 106px
    }

    .xl\:mt-7 {
        margin-top: 1.75rem
    }

    .xl\:mt-14 {
        margin-top: 3.5rem
    }

    .xl\:mt-4 {
        margin-top: 1rem
    }

    .xl\:mb-36 {
        margin-bottom: 9rem
    }

    .xl\:mt-24 {
        margin-top: 6rem
    }

    .xl\:mt-20 {
        margin-top: 5rem
    }

    .xl\:mb-32 {
        margin-bottom: 8rem
    }

    .xl\:mt-\[390px\] {
        margin-top: 390px
    }

    .xl\:mb-\[240px\] {
        margin-bottom: 240px
    }

    .xl\:block {
        display: block
    }

    .xl\:flex {
        display: flex
    }

    .xl\:w-7 {
        width: 1.75rem
    }

    .xl\:w-28 {
        width: 7rem
    }

    .xl\:w-8 {
        width: 2rem
    }

    .xl\:grid-cols-1 {
        grid-template-columns:repeat(1, minmax(0, 1fr))
    }

    .xl\:grid-cols-3 {
        grid-template-columns:repeat(3, minmax(0, 1fr))
    }

    .xl\:items-center {
        align-items: center
    }

    .xl\:gap-56 {
        gap: 14rem
    }

    .xl\:gap-14 {
        gap: 3.5rem
    }

    .xl\:gap-10 {
        gap: 2.5rem
    }

    .xl\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .xl\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .xl\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .xl\:py-\[6\.375rem\] {
        padding-top: 6.375rem;
        padding-bottom: 6.375rem
    }

    .xl\:py-16 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .xl\:px-20 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .xl\:pb-\[390px\] {
        padding-bottom: 390px
    }

    .xl\:pl-\[50px\] {
        padding-left: 50px
    }

    .xl\:pt-32 {
        padding-top: 8rem
    }

    .xl\:pb-16 {
        padding-bottom: 4rem
    }

    .xl\:pr-10 {
        padding-right: 2.5rem
    }

    .xl\:pt-4 {
        padding-top: 1rem
    }

    .xl\:pb-8 {
        padding-bottom: 2rem
    }

    .xl\:pt-16 {
        padding-top: 4rem
    }

    .xl\:pb-32 {
        padding-bottom: 8rem
    }

    .xl\:pt-20 {
        padding-top: 5rem
    }

    .xl\:pb-4 {
        padding-bottom: 1rem
    }

    .xl\:pb-6 {
        padding-bottom: 1.5rem
    }

    .xl\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }

    .xl\:text-100 {
        font-size: 6.25rem
    }

    .xl\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .xl\:text-21 {
        font-size: 1.313rem
    }

    .xl\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .xl\:text-6xl {
        font-size: 3.75rem;
        line-height: 1
    }

    .xl\:leading-8 {
        line-height: 2rem
    }
}

@media (min-width: 1536px) {
    .\32xl\:text-21 {
        font-size: 1.313rem
    }

    .\32xl\:text-100 {
        font-size: 6.25rem
    }
}

@media (min-width: 1024px) {
    .lg-normal\:absolute {
        position: absolute
    }

    .lg-normal\:left-1\/2 {
        left: 50%
    }

    .lg-normal\:top-0 {
        top: 0
    }

    .lg-normal\:float-left {
        float: left
    }

    .lg-normal\:float-right {
        float: right
    }

    .lg-normal\:mt-0 {
        margin-top: 0
    }

    .lg-normal\:mr-4 {
        margin-right: 1rem
    }

    .lg-normal\:mt-32 {
        margin-top: 8rem
    }

    .lg-normal\:mt-\[6\.25rem\] {
        margin-top: 6.25rem
    }

    .lg-normal\:ml-8 {
        margin-left: 2rem
    }

    .lg-normal\:flex {
        display: flex
    }

    .lg-normal\:h-full {
        height: 100%
    }

    .lg-normal\:transform {
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-rotate: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .lg-normal\:-translate-x-1\/2 {
        --tw-translate-x: -50%
    }

    .lg-normal\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .lg-normal\:pb-0 {
        padding-bottom: 0
    }

    .lg-normal\:last\:mr-0:last-child {
        margin-right: 0
    }
}

@media (min-width: 640px) {
    .sm\:w-full {
        width: 100%
    }
    .sm-custom\:mt-0 {
        margin-top: 0
    }

    .sm-custom\:ml-6 {
        margin-left: 1.5rem
    }

    .sm-custom\:block {
        display: block
    }

    .sm-custom\:grid-cols-2 {
        grid-template-columns:repeat(2, minmax(0, 1fr))
    }

    .sm-custom\:flex-row {
        flex-direction: row
    }

    .sm-custom\:items-center {
        align-items: center
    }

    .sm-custom\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
}

@media (min-width: 1280px) {
    .xl-custom-1280\:my-8 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .xl-custom-1280\:my-11 {
        margin-top: 2.75rem;
        margin-bottom: 2.75rem
    }

    .xl-custom-1280\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .xl-custom-1280\:mt-80 {
        margin-top: 20rem
    }

    .xl-custom-1280\:mr-6 {
        margin-right: 1.5rem
    }

    .xl-custom-1280\:mt-8 {
        margin-top: 2rem
    }

    .xl-custom-1280\:mb-40 {
        margin-bottom: 10rem
    }

    .xl-custom-1280\:mr-5 {
        margin-right: 1.25rem
    }

    .xl-custom-1280\:mt-14 {
        margin-top: 3.5rem
    }

    .xl-custom-1280\:ml-16 {
        margin-left: 4rem
    }

    .xl-custom-1280\:mr-16 {
        margin-right: 4rem
    }

    .xl-custom-1280\:block {
        display: block
    }

    .xl-custom-1280\:w-\[44\%\] {
        width: 44%
    }

    .xl-custom-1280\:w-\[56\%\] {
        width: 56%
    }

    .xl-custom-1280\:translate-x-\[-110\%\] {
        --tw-translate-x: -110%
    }

    .xl-custom-1280\:translate-x-\[118\%\] {
        --tw-translate-x: 118%
    }

    .xl-custom-1280\:grid-cols-2 {
        grid-template-columns:repeat(2, minmax(0, 1fr))
    }

    .xl-custom-1280\:grid-cols-4 {
        grid-template-columns:repeat(4, minmax(0, 1fr))
    }

    .xl-custom-1280\:grid-cols-7 {
        grid-template-columns:repeat(7, minmax(0, 1fr))
    }

    .xl-custom-1280\:flex-row {
        flex-direction: row
    }

    .xl-custom-1280\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .xl-custom-1280\:gap-4 {
        gap: 1rem
    }

    .xl-custom-1280\:gap-20 {
        gap: 5rem
    }

    .xl-custom-1280\:gap-10 {
        gap: 2.5rem
    }

    .xl-custom-1280\:gap-y-12 {
        row-gap: 3rem
    }

    .xl-custom-1280\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .xl-custom-1280\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .xl-custom-1280\:py-20 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .xl-custom-1280\:pb-8 {
        padding-bottom: 2rem
    }

    .xl-custom-1280\:pt-8 {
        padding-top: 2rem
    }

    .xl-custom-1280\:pr-0 {
        padding-right: 0
    }

    .xl-custom-1280\:pl-0 {
        padding-left: 0
    }

    .xl-custom-1280\:pt-16 {
        padding-top: 4rem
    }

    .xl-custom-1280\:text-100 {
        font-size: 6.25rem
    }

    .xl-custom-1280\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .xl-custom-1280\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }

    .xl-custom-1280\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .xl-custom-1280\:text-6xl {
        font-size: 3.75rem;
        line-height: 1
    }

    .xl-custom-1280\:leading-normal {
        line-height: 1.5
    }

    .xl-custom-1280\:last\:mr-0:last-child {
        margin-right: 0
    }
}

@media (min-width: 1366px) {
    .xl-custom-1366\:mb-14 {
        margin-bottom: 3.5rem
    }

    .xl-custom-1366\:text-6xl {
        font-size: 3.75rem;
        line-height: 1
    }
}

@media (min-width: 1440px) {
    .xl-custom-1440\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .xl-custom-1440\:mt-96 {
        margin-top: 24rem
    }

    .xl-custom-1440\:mr-14 {
        margin-right: 3.5rem
    }

    .xl-custom-1440\:max-w-\[72\.5rem\] {
        max-width: 72.5rem
    }

    .xl-custom-1440\:translate-x-\[-106\%\] {
        --tw-translate-x: -106%
    }

    .xl-custom-1440\:translate-x-\[113\%\] {
        --tw-translate-x: 113%
    }

    .xl-custom-1440\:gap-12 {
        gap: 3rem
    }

    .xl-custom-1440\:whitespace-nowrap {
        white-space: nowrap
    }

    .xl-custom-1440\:py-12 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .xl-custom-1440\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .xl-custom-1440\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .xl-custom-1440\:px-\[50px\] {
        padding-left: 50px;
        padding-right: 50px
    }

    .xl-custom-1440\:pt-0 {
        padding-top: 0
    }

    .xl-custom-1440\:pl-\[50px\] {
        padding-left: 50px
    }

    .xl-custom-1440\:last\:mr-0:last-child {
        margin-right: 0
    }
}

@media (min-width: 1560px) {
    .\32xl-custom-1560\:translate-x-\[-110\%\] {
        --tw-translate-x: -110%
    }

    .\32xl-custom-1560\:translate-x-\[117\%\] {
        --tw-translate-x: 117%
    }

    .\32xl-custom-1560\:text-6xl {
        font-size: 3.75rem;
        line-height: 1
    }

    .\32xl-custom-1560\:leading-normal {
        line-height: 1.5
    }
}

@media (min-width: 1680px) {
    .\33xl-custom\:translate-x-\[-115\%\] {
        --tw-translate-x: -115%
    }

    .\33xl-custom\:translate-x-\[121\%\] {
        --tw-translate-x: 121%
    }

    .\33xl-custom\:gap-24 {
        gap: 6rem
    }
}

@media (min-width: 1920px) {
    .\34xl-custom\:mx-\[290px\] {
        margin-left: 290px;
        margin-right: 290px
    }

    .\34xl-custom\:mt-12 {
        margin-top: 3rem
    }

    .\34xl-custom\:mt-52 {
        margin-top: 13rem
    }

    .\34xl-custom\:mr-14 {
        margin-right: 3.5rem
    }

    .\34xl-custom\:w-\[41\.5\%\] {
        width: 41.5%
    }

    .\34xl-custom\:w-\[58\.5\%\] {
        width: 58.5%
    }

    .\34xl-custom\:w-2\/5 {
        width: 40%
    }

    .\34xl-custom\:max-w-\[83\.75rem\] {
        max-width: 83.75rem
    }

    .\34xl-custom\:items-start {
        align-items: flex-start
    }

    .\34xl-custom\:gap-24 {
        gap: 6rem
    }

    .\34xl-custom\:gap-8 {
        gap: 2rem
    }

    .\34xl-custom\:gap-y-28 {
        row-gap: 7rem
    }

    .\34xl-custom\:py-24 {
        padding-top: 6rem;
        padding-bottom: 6rem
    }

    .\34xl-custom\:pl-24 {
        padding-left: 6rem
    }

    .\34xl-custom\:pb-8 {
        padding-bottom: 2rem
    }

    .\34xl-custom\:pt-24 {
        padding-top: 6rem
    }

    .\34xl-custom\:pr-24 {
        padding-right: 6rem
    }

    .\34xl-custom\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }

    .\34xl-custom\:leading-normal {
        line-height: 1.5
    }

    .\34xl-custom\:last\:mr-0:last-child {
        margin-right: 0
    }
}

html {
    font-size: 16px;
    font-family: Apertura, sans-serif
}

.self-baseline {
    align-self: baseline
}

.link-underline {
    position: relative
}

.link-underline::before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    height: 2px;
    bottom: 0
}

.link-underline-white::before {
    background-color: #fff
}

.link-underline-orange::before {
    background-color: #ea5525
}
.link-underline-red::before {
    background-color: #E41F1E;
}



.link-underline-b-4::before {
    bottom: -4px
}

@media (min-width: 1024px) {
    #our-journey-timeline-bar {
        margin-right: 0;
        margin-left: 0
    }
}

@media (min-width: 640px) {
    .our-journey-timeline .timeline-left .our-journey-header::before {
        position: absolute;
        content: "";
        background-image: url(../img/journey-arrow-right.svg);
        width: 40px;
        height: 40px;
        background-repeat: no-repeat;
        left: 100%;
        background-size: contain;
        background-position: left;
        transform: translateX(-8px);
        top: 20%
    }
}

@media (min-width: 640px) and (max-width: 1023px) {
    .our-journey-timeline .timeline-left .our-journey-header::before {
        background-image: url(../img/journey-arrow-left.svg);
        left: inherit;
        right: 100%;
        transform: translateX(8px);
        background-position: right
    }
}

@media (min-width: 640px) {
    .our-journey-timeline .timeline-left .our-journey-header::after {
        position: absolute;
        content: "";
        background-image: url(../img/journey-arrow-circle.svg);
        width: 80px;
        height: 80px;
        background-repeat: no-repeat;
        left: 100%;
        background-size: contain;
        background-position: left;
        transform: translateX(27px);
        top: 5%;
        z-index: 1
    }
}

@media (min-width: 640px) and (max-width: 1279px) {
    .our-journey-timeline .timeline-left .our-journey-header::after {
        width: 60px;
        height: 60px;
        left: 102%;
        top: 10%
    }
}

@media (min-width: 640px) and (max-width: 1023px) {
    .our-journey-timeline .timeline-left .our-journey-header::after {
        left: inherit;
        right: 100%;
        transform: translateX(-27px);
        background-position: right
    }
}

@media (min-width: 640px) {
    .our-journey-timeline .timeline-right .our-journey-header::before {
        position: absolute;
        content: "";
        background-image: url(../img/journey-arrow-left.svg);
        width: 40px;
        height: 40px;
        background-repeat: no-repeat;
        right: 100%;
        background-size: contain;
        background-position: right;
        transform: translateX(8px);
        top: 20%
    }

    .our-journey-timeline .timeline-right .our-journey-header::after {
        position: absolute;
        content: "";
        background-image: url(../img/journey-arrow-circle.svg);
        width: 80px;
        height: 80px;
        background-repeat: no-repeat;
        right: 100%;
        background-size: contain;
        background-position: right;
        transform: translateX(-27px);
        top: 5%;
        z-index: 1
    }
}

@media (min-width: 640px) and (max-width: 1279px) {
    .our-journey-timeline .timeline-right .our-journey-header::after {
        width: 60px;
        height: 60px;
        top: 10%;
        right: 103%
    }
}

@media (min-width: 640px) and (max-width: 1023px) {
    .our-journey-timeline .timeline-right .our-journey-header::after {
        right: 100%
    }
}

@media (min-width: 640px) {
    .our-journey-timeline .timeline-right.last-item .our-journey-header::after {
        height: 4000px;
        background-position: top right;
        background-color: #fff
    }
}

.cus-mr-auto {
    padding-right: 20px
}

@media (min-width: 768px) {
    .cus-mr-auto {
        padding-right: 40px
    }
}

.cus-ml-auto {
    padding-left: 20px
}

@media (min-width: 768px) {
    .cus-ml-auto {
        padding-left: 40px
    }
}

.image-details-slider .slick-next, .image-details-slider .slick-prev {
    width: 120px;
    height: 80px
}

@media (max-width: 1680px) {
    .image-details-slider .slick-next, .image-details-slider .slick-prev {
        width: 80px;
        height: 60px
    }
}

@media (max-width: 1380px) {
    .image-details-slider .slick-next, .image-details-slider .slick-prev {
        width: 60px;
        height: 40px
    }
}

@media (max-width: 1079px) {
    .image-details-slider .slick-next, .image-details-slider .slick-prev {
        width: 42px;
        height: 30px
    }
}

@media (max-width: 1029px) {
    .image-details-slider .slick-next, .image-details-slider .slick-prev {
        width: 38px;
        height: 30px
    }
}

@media (max-width: 1023px) {
    .image-details-slider .slick-next, .image-details-slider .slick-prev {
        display: none !important
    }
}

.image-details-slider .slick-prev {
    left: auto;
    right: 99%;
    transform: translate(-30px, -50%)
}

@media (max-width: 1130px) {
    .image-details-slider .slick-prev {
        right: 97%
    }
}

.image-details-slider .slick-prev:before {
    background-image: url(../img/slide-arrow-left.svg)
}

.image-details-slider .slick-next {
    left: 99%;
    right: auto;
    transform: translate(30px, -50%)
}

@media (max-width: 1130px) {
    .image-details-slider .slick-next {
        left: 97%
    }
}

.image-details-slider .slick-next:before {
    background-image: url(../img/slide-arrow-right.svg)
}

.image-details-slider .slick-next:before, .image-details-slider .slick-prev:before {
    content: "";
    background-repeat: no-repeat;
    height: 100%;
    display: block;
    background-size: contain;
    background-position: center
}

#image-details-slider-left {
    left: 0;
    right: 0
}

#image-details-slider-right {
    left: 0;
    right: 0
}

.description {
    /*background-image: url(../img/description-cover.jpg);*/
    background-color: #1a202c;

    background-position: right center;
    background-size: contain;
    background-repeat: no-repeat
}

@media (min-width: 976px) {
    .description {
        background-position: left 246% bottom;
        background-size: 80%
    }
}

.description-brand {
    position: absolute;
    width: 4.625rem;
    height: auto;
    top: 12px;
    right: 8px
}

@media (min-width: 976px) {
    .description-brand {
        width: 6.25rem;
        right: 24px
    }
}

@media (min-width: 1024px) {
    .description-brand {
        top: 40px;
        right: 58px
    }
}

@media (min-width: 1440px) {
    .description-brand {
        width: auto;
        right: 30px
    }
}

.description .build-exp-img-absolute {
    bottom: -100px;
    left: 180px
}

@media (min-width: 976px) {
    .description .build-exp-img-absolute {
        bottom: -136px;
        left: 240px
    }
}

@media (min-width: 1280px) {
    .description .build-exp-img-absolute {
        bottom: -180px;
        left: 320px
    }
}

@media (min-width: 1440px) {
    .description .build-exp-img-absolute {
        bottom: -208px;
        left: 375px
    }
}

@media (min-width: 1920px) {
    .description .build-exp-img-absolute {
        bottom: -229px;
        left: 460px
    }
}

.company-detail-banner .slick-next, .company-detail-banner .slick-prev {
    display: none
}

.company-detail-banner .slick-next::before, .company-detail-banner .slick-prev::before {
    content: ""
}

@media (min-width: 1140px) {
    .company-detail-banner .slick-next, .company-detail-banner .slick-prev {
        display: block;
        width: 3rem
    }
}

@media (min-width: 1280px) {
    .company-detail-banner .slick-next, .company-detail-banner .slick-prev {
        width: 3.75rem
    }
}

body {
    overflow-x: hidden
}

.overlay {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.view-more {
    display: block;
    max-width: 20rem;
    line-height: 1.5
}

@media (min-width: 768px) {
    .view-more {
        margin-right: 1rem
    }
}

@media (min-width: 1280px) {
    .view-more {
        max-width: 32rem
    }
}

.view-more:hover > svg {
    transform: translateX(1rem)
}

.outline {
    height: 2px;
    transform: translateX(-50%)
}

.cur-vacancies-link:hover .cur-vacancies-line {
    width: 128px
}

.secondary-nav-link::before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    background-color: #ea5525;
    height: 2px;
    bottom: -2px;
    opacity: 0;
    transition: all .3s linear
}

.secondary-nav-link:hover::before {
    opacity: 1
}

.secondary-nav-link-active {
    color: #ea5525
}

.secondary-nav-link-active::before {
    opacity: 1
}

.secondary-mobile-menu {
    position: fixed;
    right: 0;
    left: 0
}

.secondary-mobile-menu-open {
    display: block;
    -webkit-animation: fade-in .3s ease-in-out forwards;
    animation: fade-in .3s ease-in-out forwards
}

.secondary-mobile-menu-close {
    display: block;
    -webkit-animation: fade-out .3s ease-in-out forwards;
    animation: fade-out .3s ease-in-out forwards
}

@media (min-width: 976px) {
    .secondary-mobile-menu, .secondary-mobile-menu-close, .secondary-mobile-menu-open {
        display: none
    }
}

.sticky-nav {
    display: block;
    position: fixed;
    right: 0;
    left: 0
}

.sticky-nav .drop-down-btn::after {
    content: "";
    position: absolute;
    top: 11px;
    right: 4px;
    border-style: solid;
    border-width: 8px 6px 0 6px;
    border-color: #ea5525 transparent transparent transparent;
    transition: all .3s cubic-bezier(.4, 0, .2, 1)
}

.sticky-nav .drop-down-btn-open {
    background-color: #ea5525;
    color: #fff
}

.sticky-nav .drop-down-btn-open::after {
    border-width: 0 6px 8px 6px;
    border-color: transparent transparent #fff transparent
}

.sticky-nav .drop-down-btn, .sticky-nav .drop-down-btn:active, .sticky-nav .drop-down-btn:focus, .sticky-nav .drop-down-btn:hover {
    outline: 0;
    box-shadow: none
}

.nav-link {
    position: relative
}

.nav-link::before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    background-color: #E41F1E;
    height: 2px;
    bottom: 0;
    opacity: 0;
    transition: all .3s cubic-bezier(.4, 0, .2, 1)
}

.nav-link:hover::before {
    opacity: 1
}

.work-break {
    word-break: break-word
}

.nav-logo {
    width: 60%
}

@media (min-width: 976px) {
    .nav-logo {
        width: 80%
    }
}

@media (min-width: 1440px) {
    .nav-logo {
        width: 100%
    }
}

@media (min-width: 976px) {
    .nav-small .nav-logo {
        width: 70%
    }
}

@media (min-width: 1440px) {
    .nav-small .nav-logo {
        width: 80%
    }
}

.nav-item-content {
    top: 73px;
    left: -20px;
    min-width: 17rem;
    background-color: rgba(255, 255, 255, .9)
}

@media (min-width: 1440px) {
    .nav-item-content {
        top: 100px;
        min-width: 24.25rem
    }
}

.nav-item-content-margin {
    top: 62px
}

@media (min-width: 1440px) {
    .nav-item-content-margin {
        top: 82px
    }
}

.nav-item-content-icon {
    transition: transform .3s ease;
    transform: translateX(0)
}

.nav-item-content > li {
    padding: 1.25rem;
    border-bottom: 1px solid #bfcad3
}

.nav-item-content > li:last-child {
    border-bottom: 0
}

.nav-item-content > li:hover {
    background-color: #fff
}

.nav-item-content > li:hover .nav-item-content-icon {
    transform: translateX(10px)
}

.nav-item:hover .nav-item-content {
    display: block
}

.nav-cta {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem
}

@media (min-width: 1440px) {
    .nav-cta {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }
}

@media (min-width: 976px) {
    .nav-cta-small {
        padding-top: 1.3rem;
        padding-bottom: 1.3rem
    }
}

@media (min-width: 1440px) {
    .nav-cta-small {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
}

.nav-cta-btn .cta-btn-txt::before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    background-color: #fff;
    height: 2px;
    bottom: 0
}

.nav .hamburger-menu {
    cursor: pointer
}

.nav .hamburger-menu, .nav .hamburger-menu:active, .nav .hamburger-menu:focus {
    border: none;
    outline: 0;
    box-shadow: none
}

.nav .hamburger-menu > span {
    display: block;
    margin: auto;
    background-color: #fff;
    width: 1.375rem;
    height: 2px;
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
    transform-origin: 1px 1px
}

.nav .hamburger-menu > span:not(:last-child) {
    margin-bottom: 5px
}

.nav .hamburger-menu.open > span:first-child {
    transform: rotate(45deg)
}

.nav .hamburger-menu.open > span:nth-child(2) {
    opacity: 0
}

.nav .hamburger-menu.open > span:last-child {
    transform: rotate(-45deg)
}

.mobile-menu .mobile-menu-item .drop-down-menu, .mobile-menu .mobile-menu-item .drop-down-menu:active, .mobile-menu .mobile-menu-item .drop-down-menu:focus {
    border: none;
    outline: 0;
    box-shadow: none
}

.mobile-menu .mobile-menu-item .drop-down-menu-open {
    color: #ea5525;
    font-weight: 700
}

.mobile-menu .mobile-menu-item .drop-down-menu-open .nav-link::before {
    opacity: 1
}

.mobile-menu .mobile-menu-item .drop-down-menu > span {
    transition: all .3s cubic-bezier(.4, 0, .2, 1)
}

.mobile-menu .mobile-menu-item .drop-down-menu-open > .mobile-menu-icon {
    transform: rotate(180deg)
}

.has-fade {
    display: none;
    opacity: 0
}

@-webkit-keyframes fade-in {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }
    20% {
        opacity: .2
    }
    40% {
        opacity: .4
    }
    60% {
        opacity: .6
    }
    80% {
        opacity: .8
    }
    to {
        opacity: 1
    }
}

.fade-in {
    display: block;
    -webkit-animation: fade-in .3s ease-in-out forwards;
    animation: fade-in .3s ease-in-out forwards
}

@-webkit-keyframes fade-out {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fade-out {
    from {
        opacity: 1
    }
    20% {
        opacity: .8
    }
    40% {
        opacity: .6
    }
    60% {
        opacity: .4
    }
    80% {
        opacity: .2
    }
    to {
        opacity: 0
    }
}

.fade-out {
    display: block;
    -webkit-animation: fade-out .3s ease-in-out forwards;
    animation: fade-out .3s ease-in-out forwards
}

.select-lang .lang-active {
    color: #E41F1E;
    font-weight: 700
}

.select-lang .lang-active::before {
    opacity: 1
}

.hero-banner {
    margin-top: 3.4rem
}

@media (min-width: 976px) {
    .hero-banner {
        margin-top: 3.9rem
    }
}

@media (min-width: 1440px) {
    .hero-banner {
        margin-top: 5.6rem
    }
}

.hero-banner .banner-desc {
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%)
}

.hero-banner .banner-link-txt::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    background-color: #fff
}

.hero-banner .banner-polygon-btn {
    position: absolute;
    bottom: 16px;
    right: 8px
}

.hero-banner .banner-polygon-btn, .hero-banner .banner-polygon-btn:active, .hero-banner .banner-polygon-btn:focus {
    border: none;
    outline: 0;
    box-shadow: none
}

@media (min-width: 768px) {
    .hero-banner .banner-polygon-btn {
        bottom: 24px;
        right: 24px
    }
}

@media (min-width: 976px) {
    .hero-banner .banner-polygon-btn {
        bottom: 32px;
        right: 32px
    }
}

@media (min-width: 1024px) {
    .hero-banner .banner-polygon-btn {
        bottom: 52px;
        right: 68px
    }
}

.img-des-txt > p::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 5px;
    background-color: #ea5525
}

.nav-item {
    display: inline-block;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

@media (min-width: 1440px) {
    .nav-item {
        padding-top: 2.4rem;
        padding-bottom: 2.4rem
    }
}

.nav-item-small {
    padding-top: 1.15rem;
    padding-bottom: 1.15rem
}

@media (min-width: 1440px) {
    .nav-item-small {
        padding-top: 1.8rem;
        padding-bottom: 1.8rem
    }
}

.mobile-menu {
    position: fixed;
    width: 100vw;
    height: calc(100vh - 54px);
    overflow: auto;
    top: 54px
}

.active {
    display: block !important
}

.scroll-stop {
    overflow: hidden
}

.footer-top-bg {
    background-image: url("../img/union3.png");
    height: 67px;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    margin-bottom: -3px
}

.subpage-banner {
    margin-top: 3.5rem
}

@media (min-width: 976px) {
    .subpage-banner {
        margin-top: 4.688rem
    }
}

@media (min-width: 1440px) {
    .subpage-banner {
        margin-top: 6.625rem
    }
}

.subpage-banner h2 {
    line-height: 1
}

.subpage-banner .banner-description-v2 {
    top: 50%;
    transform: translateY(-50%)
}

.subpage-banner .banner-description-v2 h2 {
    display: inline-block
}

.subpage-banner .banner-description-v2 h2::before {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    bottom: -10px;
    height: 3px;
    background-color: #ea5525
}

@media (min-width: 768px) {
    .subpage-banner .banner-description-v2 h2::before {
        height: 5px
    }
}

@media (min-width: 976px) {
    .subpage-banner .banner-description-v2 h2::before {
        bottom: -16px
    }
}

.our-services {
    background-image: url(../img/our-service-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom
}

.our-services-pics {
    max-width: 58rem
}

.our-solution-title::before {
    content: "Our Solution";
    position: absolute;
    top: -16px;
    right: 0;
    bottom: 0;
    left: 0;
    color: #fff;
    text-shadow: -1px -1px 0 #11151C66, 1px -1px 0 #11151C66, -1px 1px 0 #11151C66, 1px 1px 0 #11151C66;
    height: 50%;
    overflow: hidden
}

@media (min-width: 976px) {
    .our-solution-title::before {
        top: -24px
    }
}

@media (min-width: 1280px) {
    .our-solution-title::before {
        top: -28px
    }
}

@media (min-width: 768px) {
    .our-solution-icon {
        width: 100px
    }
}

@media (min-width: 1440px) {
    .our-solution-icon {
        width: auto
    }
}

.press-detail-banner .company-detail-banner-title::before {
    width: 0;
    height: 0;
    display: none
}

.press-release-link:hover .press-release-img {
    transform: translateX(2rem)
}

@media (min-width: 480px) {
    .press-release-link:hover .press-release-img {
        transform: translateX(.625rem)
    }
}

@media (min-width: 768px) {
    .press-release-link:hover .press-release-img {
        transform: translateX(1rem)
    }
}

@media (min-width: 1280px) {
    .press-release-link:hover .press-release-img {
        transform: translateX(2rem)
    }
}

.hr-custom-line {
    background-color: #fff;
    width: 100%;
    height: 2px
}

.hr-black-custom-line {
    background-color: black;
    width: 100%;
    height: 2px
}
.white-line {
    width: 100%;
    height: 0.5px;
    background-color:white  !important ;
}

@media (min-width: 976px) {
    .why-varmee-image-position {
        top: -100px
    }
}

.why-varmee-container {
    /*margin-bottom: 10px;*/
    background-color: whitesmoke;
}

.join-our-team-bg-position {
    margin-top: -670px;
    left: 27%;
    width: 42%;
    position: relative
}

@media only screen and (max-width: 1367px) {
    .join-our-team-bg-position {
        margin-top: -700px;
        left: 31%
    }
}

@media only screen and (max-width: 1025px) {
    .join-our-team-bg-position {
        width: 60%;
        left: 23%;
        margin-top: -540px
    }
}

@media only screen and (max-width: 835px) {
    .join-our-team-bg-position {
        margin-top: 0;
        left: 0;
        width: 100%
    }
}

.news-and-event-slider-div {
    margin-top: 270px;
    padding-bottom: 3em
}

@media only screen and (max-width: 481px) {
    .news-and-event-slider-div {
        margin-top: 160px
    }
}

.news-and-event-slider-container {
    margin-top: -260px
}

@media only screen and (max-width: 481px) {
    .news-and-event-slider-container {
        margin-top: -150px
    }
}

.events-custom-width {
    width: 524px
}

@media only screen and (max-width: 481px) {
    .events-custom-width {
        width: 320px
    }
}

.banner-description {
    top: 30%;
    right: 0;
    left: 0;
    transform: translateY(-50%)
}

@media (min-width: 768px) {
    .banner-description {
        top: 40%
    }
}

.banner-description h2::before {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    bottom: -10px;
    height: 3px;
    background-color: #ea5525
}

@media (min-width: 768px) {
    .banner-description h2::before {
        height: 5px
    }
}

@media (min-width: 976px) {
    .banner-description h2::before {
        bottom: -16px
    }
}

.contact-us-container {
    margin-top: 5em;
    background-image: url(../img/contact-us/bg-image.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 63vh
}

@media only screen and (max-width: 1921px) {
    .contact-us-container {
        margin-top: 5em;
        height: 63vh
    }
}

@media only screen and (max-width: 1367px) {
    .contact-us-container {
        margin-top: 0;
        height: 63vh
    }
}

@media only screen and (max-width: 835px) {
    .contact-us-container {
        height: 20em
    }

    .contact-us-container .banner-description {
        text-align: center;
        left: 50%
    }
}

@media only screen and (max-width: 1367px) {
    .company-info-counter-text {
        text-align: center
    }
}

@media only screen and (max-width: 835px) {
    .company-info-counter-text {
        text-align: left
    }
}

.company-info-counter-text::before {
    content: "";
    display: block;
    width: 150px;
    height: 5px;
    background-color: #ea5525;
    align-self: center;
    margin-right: 1em
}

.company-counter-div p:first-child {
    letter-spacing: 10px
}

.hawseer-people-content-right {
    margin-top: 0
}

@media (min-width: 976px) {
    .hawseer-people-content-right {
        left: 80%;
        transform: translateX(-50%);
        margin-top: -450px
    }
}

.hawseer-people-content-left {
    margin-top: 0
}

@media (min-width: 976px) {
    .hawseer-people-content-left {
        right: 40%;
        transform: translateX(-50%);
        margin-top: -450px
    }
}

.hawseer-people-content1-main-div1 {
    padding-top: 3em;
    background-image: url("../img/mangement-info/Path 82.png");
    background-repeat: no-repeat;
    background-position: 120% 0
}

.hawseer-people-content1-main-div2 {
    padding-top: 3em;
    background-image: url("../img/mangement-info/Path 323.png");
    background-repeat: no-repeat;
    background-position: -20% 0
}

.partners-description-verticle-line {
    width: 13px;
    background-color: #ea5525;
    margin-right: 30px;
    margin-top: 10px;
    margin-bottom: 10px
}

.company-news-event-content-container {
    padding-left: 150px;
    padding-right: 150px
}

@media only screen and (max-width: 1281px) {
    .company-news-event-content-container {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media only screen and (max-width: 641px) {
    .company-news-event-content-container {
        padding-left: 30px;
        padding-right: 30px
    }
}

.company-detail-banner-title::before {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    bottom: 12px;
    height: 3px;
    background-color: #ea5525
}

@media (min-width: 768px) {
    .company-detail-banner-title::before {
        height: 4px;
        bottom: 10px
    }
}

@media (min-width: 976px) {
    .company-detail-banner-title::before {
        bottom: 8px
    }
}

@media (min-width: 1440px) {
    .company-detail-banner-title::before {
        height: 5px;
        bottom: 0
    }
}

.company-detail-banner-content {
    position: absolute;
    top: 32%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media (min-width: 768px) {
    .company-detail-banner-content {
        top: 30%
    }
}

@media (min-width: 976px) {
    .company-detail-banner-content {
        top: 15%
    }
}

@media (min-width: 1280px) {
    .company-detail-banner-content {
        top: 20%
    }
}

.company-detail-banner-img-container img {
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 1921px) {
    .company-detail-banner-img-container img {
        margin-left: auto;
        margin-right: auto
    }
}

.company-detail-banner-img-container {
    position: relative;
    margin-top: -81.5px;
    left: 0;
    right: 0
}

@media (min-width: 480px) {
    .company-detail-banner-img-container {
        margin-top: -120px
    }
}

@media (min-width: 600px) {
    .company-detail-banner-img-container {
        margin-top: -158px
    }
}

@media (min-width: 976px) {
    .company-detail-banner-img-container {
        margin-top: -120px
    }
}

@media (min-width: 1280px) {
    .company-detail-banner-img-container {
        margin-top: -165px
    }
}

@media (min-width: 1440px) {
    .company-detail-banner-img-container {
        margin-top: -120px
    }
}

@media (min-width: 1920px) {
    .company-detail-banner-img-container {
        margin-top: -220px
    }
}

.press-detail-banner-img-container {
    margin-top: 2rem
}

@media (min-width: 768px) {
    .press-detail-banner-img-container {
        margin-top: 4rem
    }
}





.our-service-text-description {
    right: 18%;
    left: 10%;
    bottom: 4%;
    transition: all .3s
}

.our-service-main-container {
    /*background-image: url(../img/our-service-bg.png);*/
    background-color: whitesmoke;

    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom
}

.view-all-services-btn::after {
    width: 100%;
    height: 2px;
    content: "";
    display: block;
    background-color: #ea5525
}

.our-service-slider-content-text {
    padding-top: 1em
}

.our-service-slider-hover-content {
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    background: 0 0;
    border: none;
    background: linear-gradient(to top, transparent 50%, #ea5525 50%);
    background-size: 0 100%;
    transition: .2s ease-in-out;
    transform: translate(-50%, -50%)
}

.our-service-slider-content {
    overflow: hidden;
    transition: all .5s
}

.our-service-description-content-title {
    opacity: 0;
    transition: all .4s
}

.our-service-slider-content-text {
    display: none
}

.our-service-slider-hover-content {
    display: block;
    background-image: linear-gradient(to top, #ea5525 50%, transparent 50%), linear-gradient(to top, #ea5525 50%, transparent 50%);
    background-size: 100% 200%;
    background-position: top;
    transition: background-position .2s ease-in-out
}

.service-slider-img {
    border-radius: 10px
}

.service-slider-gradient {
    background-image: linear-gradient(transparent 50%, #11151c)
}

.our-service-slider-content-text {
    transition: all .4s
}

.our-service-slider-content:hover .our-service-slider-hover-content {
    background-position: bottom;
    top: 50%;
    left: 50%;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%)
}

.our-service-slider-content:hover .our-service-slider-content-text {
    display: block
}

.our-service-slider-content:hover .our-service-text-description {
    transform: none;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 2em;
    padding-left: 1.5em
}

.our-service-pre:hover {
    content: url(../img/join-ourteam/left-hover.png)
}

.our-service-next:hover {
    content: url("../img/join-ourteam/Icon feather-arrow-right.png")
}

.services-container img {
    height: 69px;
    width: auto
}

.application-sevice-content-img {
    height: 710px
}

@media only screen and (max-width: 1441px) {
    .application-sevice-content-img {
        height: auto
    }
}

.pagination .active::after {
    content: '';
    display: block;
    width: 20px;
    height: 2px;
    background-color: #ea5525
}

.map-button .active::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #ea5525
}

.previous::before {
    content: url(../img/company-events/pre.png);
    display: block;
    align-self: center
}

.next::before {
    content: url(../img/company-events/next.png);
    display: block;
    align-self: center
}

.press-release-img {
    transition: all .2s
}

.job-detail-banner-title::before {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    bottom: -10px;
    height: 3px;
    background-color: #ea5525
}

@media (min-width: 768px) {
    .job-detail-banner-title::before {
        height: 5px
    }
}

@media (min-width: 976px) {
    .job-detail-banner-title::before {
        bottom: -16px
    }
    .our-service-text-container {
        width: 50%
    }

    .our-service-slider-container {
        width: 56%
    }
}

@media (min-width: 1024px) {
    .two-col-content .two-col-item {
        flex-direction: row
    }

    .two-col-content .two-col-item-reverse {
        flex-direction: row-reverse
    }

    .two-col-content .two-col-desc, .two-col-content .two-col-img {
        flex: 50%
    }
}