.absolute {
    position: absolute !important
}

.relative {
    position: relative !important
}

.m-auto {
    margin: auto !important
}

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

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

.mt-11 {
    margin-top: 2.75rem !important;
}

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

.block {
    display: block !important
}

.flex {
    display: flex !important
}

.h-full {
    height: 100% !important
}

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

.transform {
    transform: translate(var(--tw-translate-x), 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)) !important
}

.items-center {
    align-items: center !important
}

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

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

.text-center {
    text-align: center !important
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}

.backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important;
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important
}

@media (min-width:768px) {
    .md\:max-w-\[340px\] {
        max-width: 340px !important
    }

    .md\:py-20 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important
    }

    .md\:py-24 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }
}

@media (min-width:1024px) {
    .lg\:py-24 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }
}

.tw-heading-travel {
    font-family: Lato, sans-serif !important;
    font-size: 2.25rem !important;
    line-height: 2.5rem !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.02em !important;
    --tw-text-opacity: 1;
    color: #ffffff !important
}

.tw-standfirst-travel {
    text-align: center;
    font-family: Lato Semi-Bold, sans-serif;
    font-size: 1rem !important;
    line-height: 1.75rem !important;
    line-height: 1.5 !important;
    --tw-text-opacity: 1;
    color: #ffffff !important
}

.tw-button-transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
    transition-duration: 0.2s !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.tw-invert-blog-button {
    display: block;
    width: 100%;
    border-radius: .25rem;
    border-width: 2px;
    background-color: initial;
    padding: .75rem 1rem;
    text-align: center;
    font-family: Lato Bold, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    text-decoration-line: none;
    --tw-shadow: 0px 1px 2px 0px #1018280d;
    --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    color: #ffffff !important
}

.border-border-invert {
    --tw-border-opacity: 1 !important;
    border-color: #ffffff !important
}

.bg-travel-blog {
    background: url("/media/6696/travel-blog-sm-1x.jpg");
    width: 100%;
    height: 753px;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    padding: 0 !important
}

.bg-travel-money {
    background: url(/media/6623/travel-money-management-mobile.jpg);
    width: 100%;
    height: 753px;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    position: relative !important;
    padding: 0 !important
}

.bg-travel-money>.gradient-bg>div {
    bottom: 64px !important;
    left: 50% !important;
    transform: translate(-50%, 0%) !important;
    position: absolute
}

.gradient-bg {
    background: linear-gradient(0deg, rgb(0 0 0 / .72) .43%, rgb(0 0 0 / .8) 25.31%, rgb(32 32 32 / .22) 73.62%, #fff0 125.16%)
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
    .bg-travel-blog {
        background: url("/media/6695/travel-blog-sm-2x.jpg");
    }
}

@media (min-width:768px) {
    .tw-heading-travel {
        font-size: 3rem !important;
        line-height: 1.25 !important
    }

    .tw-standfirst-travel {
        font-size: 1.125rem !important;
        line-height: 1.75rem !important
    }

    .bg-travel-blog {
        background: url("/media/6698/travel-blog-md-1x.jpg");
        height: 712px
    }

    .bg-travel-money {
        background: url(/media/6624/travel-money-management-tab.jpg);
        height: 1007px
    }

    .bg-travel-money>.gradient-bg>div {
        bottom: 80px !important
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 768px), only screen and (min-resolution: 192dpi) and (min-width: 768px) {
    .bg-travel-blog {
        background: url("/media/6694/travel-blog-md-2x.jpg");
    }
}

@media (min-width:1024px) {
    .tw-heading-travel {
        font-size: 3.75rem !important;
        letter-spacing: -0.02em !important;
        line-height: 1.2 !important
    }

    .tw-standfirst-travel {
        font-size: 1.25rem !important;
        line-height: 1.75rem !important;
        line-height: 1.5 !important
    }

    .bg-travel-blog {
        background: url("/media/6697/travel-blog-lg-1x.jpg");
        height: 1072px
    }

    .bg-travel-money {
        background: url(/media/6622/travel-money-management.jpg);
        height: 1072px
    }

    .bg-travel-money>.gradient-bg>div {
        bottom: 64px !important
    }
}

.text-white {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}

.gradient-bg .tw-standfirst-travel {
    color: #FFFFFF !important
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1024px), only screen and (min-resolution: 192dpi) and (min-width: 1024px) {
    .bg-travel-blog {
        background: url("/media/6693/travel-blog-lg-2x.jpg");
    }
}

@media screen and (max-width:1024px) {

    .bg-travel-blog,
    .bg-travel-money {
        padding: 0 !important
    }
}

.reverse-gradient-bg {
    background: linear-gradient(180deg, rgb(0 0 0 / .72) .43%, rgb(0 0 0 / .8) 25.31%, rgb(32 32 32 / .22) 73.62%, #fff0 125.16%)
}

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

.font-bold {
    font-weight: 700 !important
}

.text-\[\#FFFFFF\] {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}

.underline {
    text-decoration-line: underline !important
}

.no-underline {
    text-decoration-line: none !important;
}