.c-button,a {
    cursor: pointer
}

a,a:hover {
    color: unset
}

h1,h2,h3,h4,h5,h6 {
    margin-top: 0;
    margin-bottom: 0
}

.c-button:hover,a:focus,a:hover {
    text-decoration: none
}

.c-button--transparent:hover,.l-navbar__mega-content-link:hover {
    text-decoration: underline
}

@font-face {
    font-family: Poppins;
    src: url(../fonts/popins/Poppins-Black.eot);
    src: url(../fonts/popins/Poppins-Blackd41d.eot?#iefix) format('embedded-opentype'),url(../fonts/popins/Poppins-Black.svg) format('svg'),url(../fonts/popins/Poppins-Black.ttf) format('truetype'),url(../fonts/popins/Poppins-Black.woff) format('woff'),url(../fonts/popins/Poppins-Black.woff2) format('woff2');
    font-style: normal;
    font-weight: 900;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url(../fonts/popins/Poppins-BlackItalic.eot);
    src: url(../fonts/popins/Poppins-BlackItalicd41d.eot?#iefix) format('embedded-opentype'),url(../fonts/popins/Poppins-BlackItalic.svg) format('svg'),url(../fonts/popins/Poppins-BlackItalic.ttf) format('truetype'),url(../fonts/popins/Poppins-BlackItalic.woff) format('woff'),url(../fonts/popins/Poppins-BlackItalic.woff2) format('woff2');
    font-style: italic;
    font-weight: 900;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url(../fonts/popins/Poppins-Bold.eot);
    src: url(../fonts/popins/Poppins-Boldd41d.eot?#iefix) format('embedded-opentype'),url(../fonts/popins/Poppins-Bold.svg) format('svg'),url(../fonts/popins/Poppins-Bold.ttf) format('truetype'),url(../fonts/popins/Poppins-Bold.woff) format('woff'),url(../fonts/popins/Poppins-Bold.woff2) format('woff2');
    font-style: normal;
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url(../fonts/popins/Poppins-BoldItalic.eot);
    src: url(../fonts/popins/Poppins-BoldItalicd41d.eot?#iefix) format('embedded-opentype'),url(../fonts/popins/Poppins-BoldItalic.svg) format('svg'),url(../fonts/popins/Poppins-BoldItalic.ttf) format('truetype'),url(../fonts/popins/Poppins-BoldItalic.woff) format('woff'),url(../fonts/popins/Poppins-BoldItalic.woff2) format('woff2');
    font-style: italic;
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url(../fonts/popins/Poppins-ExtraBold.eot);
    src: url(../fonts/popins/Poppins-ExtraBoldd41d.eot?#iefix) format('embedded-opentype'),url(../fonts/popins/Poppins-ExtraBold.svg) format('svg'),url(../fonts/popins/Poppins-ExtraBold.ttf) format('truetype'),url(../fonts/popins/Poppins-ExtraBold.woff) format('woff'),url(../fonts/popins/Poppins-ExtraBold.woff2) format('woff2');
    font-style: normal;
    font-weight: 800;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url(../fonts/popins/Poppins-ExtraBoldItalic.eot);
    src: url(../fonts/popins/Poppins-ExtraBoldItalicd41d.eot?#iefix) format('embedded-opentype'),url(../fonts/popins/Poppins-ExtraBoldItalic.svg) format('svg'),url(../fonts/popins/Poppins-ExtraBoldItalic.ttf) format('truetype'),url(../fonts/popins/Poppins-ExtraBoldItalic.woff) format('woff'),url(../fonts/popins/Poppins-ExtraBoldItalic.woff2) format('woff2');
    font-style: italic;
    font-weight: 800;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url(../fonts/popins/Poppins-ExtraLight.eot);
    src: url(../fonts/popins/Poppins-ExtraLightd41d.eot?#iefix) format('embedded-opentype'),url(../fonts/popins/Poppins-ExtraLight.svg) format('svg'),url(../fonts/popins/Poppins-ExtraLight.ttf) format('truetype'),url(../fonts/popins/Poppins-ExtraLight.woff) format('woff'),url(../fonts/popins/Poppins-ExtraLight.woff2) format('woff2');
    font-style: normal;
    font-weight: 200;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url(../fonts/popins/Poppins-ExtraLightItalic.eot);
    src: url(../fonts/popins/Poppins-ExtraLightItalicd41d.eot?#iefix) format('embedded-opentype'),url(../fonts/popins/Poppins-ExtraLightItalic.svg) format('svg'),url(../fonts/popins/Poppins-ExtraLightItalic.ttf) format('truetype'),url(../fonts/popins/Poppins-ExtraLightItalic.woff) format('woff'),url(../fonts/popins/Poppins-ExtraLightItalic.woff2) format('woff2');
    font-style: italic;
    font-weight: 200;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url(../fonts/popins/Poppins-Italic.eot);
    src: url(../fonts/popins/Poppins-Italicd41d.eot?#iefix) format('embedded-opentype'),url(../fonts/popins/Poppins-Italic.svg) format('svg'),url(../fonts/popins/Poppins-Italic.ttf) format('truetype'),url(../fonts/popins/Poppins-Italic.woff) format('woff'),url(../fonts/popins/Poppins-Italic.woff2) format('woff2');
    font-style: italic;
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url(../fonts/popins/Poppins-Light.eot);
    src: url(../fonts/popins/Poppins-Lightd41d.eot?#iefix) format('embedded-opentype'),url(../fonts/popins/Poppins-Light.svg) format('svg'),url(../fonts/popins/Poppins-Light.ttf) format('truetype'),url(../fonts/popins/Poppins-Light.woff) format('woff'),url(../fonts/popins/Poppins-Light.woff2) format('woff2');
    font-style: normal;
    font-weight: 300;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url(../fonts/popins/Poppins-LightItalic.eot);
    src: url(../fonts/popins/Poppins-LightItalicd41d.eot?#iefix) format('embedded-opentype'),url(../fonts/popins/Poppins-LightItalic.svg) format('svg'),url(../fonts/popins/Poppins-LightItalic.ttf) format('truetype'),url(../fonts/popins/Poppins-LightItalic.woff) format('woff'),url(../fonts/popins/Poppins-LightItalic.woff2) format('woff2');
    font-style: italic;
    font-weight: 300;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url(../fonts/popins/Poppins-MediumItalic.eot);
    src: url(../fonts/popins/Poppins-MediumItalicd41d.eot?#iefix) format('embedded-opentype'),url(../fonts/popins/Poppins-MediumItalic.svg) format('svg'),url(../fonts/popins/Poppins-MediumItalic.ttf) format('truetype'),url(../fonts/popins/Poppins-MediumItalic.woff) format('woff'),url(../fonts/popins/Poppins-MediumItalic.woff2) format('woff2');
    font-style: italic;
    font-weight: 500;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url(../fonts/popins/Poppins-SemiBold.eot);
    src: url(../fonts/popins/Poppins-SemiBoldd41d.eot?#iefix) format('embedded-opentype'),url(../fonts/popins/Poppins-SemiBold.svg) format('svg'),url(../fonts/popins/Poppins-SemiBold.ttf) format('truetype'),url(../fonts/popins/Poppins-SemiBold.woff) format('woff'),url(../fonts/popins/Poppins-SemiBold.woff2) format('woff2');
    font-style: normal;
    font-weight: 600;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url(../fonts/popins/Poppins-SemiBoldItalic.eot);
    src: url(../fonts/popins/Poppins-SemiBoldItalicd41d.eot?#iefix) format('embedded-opentype'),url(../fonts/popins/Poppins-SemiBoldItalic.svg) format('svg'),url(../fonts/popins/Poppins-SemiBoldItalic.ttf) format('truetype'),url(../fonts/popins/Poppins-SemiBoldItalic.woff) format('woff'),url(../fonts/popins/Poppins-SemiBoldItalic.woff2) format('woff2');
    font-style: italic;
    font-weight: 600;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url(../fonts/popins/Poppins-Thin.eot);
    src: url(../fonts/popins/Poppins-Thind41d.eot?#iefix) format('embedded-opentype'),url(../fonts/popins/Poppins-Thin.svg) format('svg'),url(../fonts/popins/Poppins-Thin.ttf) format('truetype'),url(../fonts/popins/Poppins-Thin.woff) format('woff'),url(../fonts/popins/Poppins-Thin.woff2) format('woff2');
    font-style: normal;
    font-weight: 100;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url(../fonts/popins/Poppins-ThinItalic.eot);
    src: url(../fonts/popins/Poppins-ThinItalicd41d.eot?#iefix) format('embedded-opentype'),url(../fonts/popins/Poppins-ThinItalic.svg) format('svg'),url(../fonts/popins/Poppins-ThinItalic.ttf) format('truetype'),url(../fonts/popins/Poppins-ThinItalic.woff) format('woff'),url(../fonts/popins/Poppins-ThinItalic.woff2) format('woff2');
    font-style: italic;
    font-weight: 100;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url(../fonts/popins/Poppins-Regular.eot);
    src: url(../fonts/popins/Poppins-Regulard41d.eot?#iefix) format('embedded-opentype'),url(../fonts/popins/Poppins-Regular.svg) format('svg'),url(../fonts/popins/Poppins-Regular.ttf) format('truetype'),url(../fonts/popins/Poppins-Regular.woff) format('woff'),url(../fonts/popins/Poppins-Regular.woff2) format('woff2');
    font-style: normal;
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url(../fonts/popins/Poppins-Medium.eot);
    src: url(../fonts/popins/Poppins-Mediumd41d.eot?#iefix) format('embedded-opentype'),url(../fonts/popins/Poppins-Medium.svg) format('svg'),url(../fonts/popins/Poppins-Medium.ttf) format('truetype'),url(../fonts/popins/Poppins-Medium.woff) format('woff'),url(../fonts/popins/Poppins-Medium.woff2) format('woff2');
    font-style: normal;
    font-weight: 500;
    font-display: swap
}

@font-face {
    font-family: Poppins-Light;
    src: url(../fonts/popins/Poppins-Light.eot);
    src: url(../fonts/popins/Poppins-Lightd41d.eot?#iefix) format('embedded-opentype'),url(../fonts/popins/Poppins-Light.svg) format('svg'),url(../fonts/popins/Poppins-Light.ttf) format('truetype'),url(../fonts/popins/Poppins-Light.woff) format('woff'),url(../fonts/popins/Poppins-Light.woff2) format('woff2');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Poppins-Regular;
    src: url(../fonts/popins/Poppins-Regular.eot);
    src: url(../fonts/popins/Poppins-Regulard41d.eot?#iefix) format('embedded-opentype'),url(../fonts/popins/Poppins-Regular.svg) format('svg'),url(../fonts/popins/Poppins-Regular.ttf) format('truetype'),url(../fonts/popins/Poppins-Regular.woff) format('woff'),url(../fonts/popins/Poppins-Regular.woff2) format('woff2');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Poppins-Medium;
    src: url(../fonts/popins/Poppins-Medium.eot);
    src: url(../fonts/popins/Poppins-Mediumd41d.eot?#iefix) format('embedded-opentype'),url(../fonts/popins/Poppins-Medium.svg) format('svg'),url(../fonts/popins/Poppins-Medium.ttf) format('truetype'),url(../fonts/popins/Poppins-Medium.woff) format('woff'),url(../fonts/popins/Poppins-Medium.woff2) format('woff2');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Poppins-SemiBold;
    src: url(../fonts/popins/Poppins-SemiBold.eot);
    src: url(../fonts/popins/Poppins-SemiBoldd41d.eot?#iefix) format('embedded-opentype'),url(../fonts/popins/Poppins-SemiBold.svg) format('svg'),url(../fonts/popins/Poppins-SemiBold.ttf) format('truetype'),url(../fonts/popins/Poppins-SemiBold.woff) format('woff'),url(../fonts/popins/Poppins-SemiBold.woff2) format('woff2');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Poppins-Bold;
    src: url(../fonts/popins/Poppins-Bold.eot);
    src: url(../fonts/popins/Poppins-Boldd41d.eot?#iefix) format('embedded-opentype'),url(../fonts/popins/Poppins-Bold.svg) format('svg'),url(../fonts/popins/Poppins-Bold.ttf) format('truetype'),url(../fonts/popins/Poppins-Bold.woff) format('woff'),url(../fonts/popins/Poppins-Bold.woff2) format('woff2');
    font-weight: 400;
    font-style: normal
}

body {
    font-family: Poppins-Regular
}

.font-bold,.font-light,.font-medium,.font-regular,.font-semibold {
    font-family: Poppins
}

:root {
    --color-gray: #3f536c;
    --color-gray-03: #6f7e90;
    --color-gray-02: #9fa9b5;
    --color-gray-01: #cfd4da;
    --color-primary: #115bb9;
    --color-primary-03: #4c84ca;
    --color-primary-02: #88addc;
    --color-primary-01: #c3d6ed;
    --color-midblue: #2a5ab3;
    --color-mediumblue: #1758B6;
    --color-secondary: #ea5a0e;
    --color-secondary-03: #ef834a;
    --color-secondary-02: #f4ac86;
    --color-secondary-01: #f9d5c2;
    --color-success: #55ad33;
    --color-success-03: #7fc166;
    --color-success-02: #aad699;
    --color-success-01: #d4eacc;
    --color-warning: #faca2e;
    --color-warning-03: #fbd762;
    --color-warning-02: #fce496;
    --color-warning-01: #fdf1ca;
    --color-danger: #d80939;
    --color-danger-03: #e1466a;
    --color-danger-02: #eb849c;
    --color-danger-01: #f5c1cd;
    --color-white: #fff;
    --color-black: #000;
    --color-transparent: transparent;
    --color-pale-gray: #edf4fd;
    --color-light-gray: #f6f5f8;
    --color-sandyellow: #fff9e0;
    --color-light-peach: #f9d5c2;
    --color-light-pink: #fdf2ed;
    --color-ice: #e2f2fa;
    --color-footer: #f8f4f0;
    --color-multi-border: linear-gradient(to right, #9c2a66 25%, #edbd40 25%, #edbd40 50%, #90c061 50%, #90c061 75%, var(--color-primary) 75%) 5
}

html {
    font-size: 16px
}

h1 {
    font-size: 30px!important
}

h2 {
    font-size: 24px!important
}

h3 {
    font-size: 20px!important
}

h4 {
    font-size: 16px!important
}

h5 {
    font-size: 14px!important
}

h6 {
    font-size: 12px!important
}

@media screen and (max-width: 992px) {
    h1 {
        font-size:24px!important
    }

    h2 {
        font-size: 20px!important
    }
}

.font-light {
    font-weight: 300
}

.font-regular {
    font-weight: 400
}

.font-medium {
    font-weight: 500
}

.font-semibold {
    font-weight: 600
}

.font-bold {
    font-weight: 700
}

.c-button,.l-navbar__mega-card-content,.l-navbar__menu-item {
    font-weight: 500;
    font-family: Poppins
}

.c-button {
    display: inline-block;
    padding: 8px 30px;
    border-radius: 50px;
    line-height: 1.3;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    border: 1px solid transparent;
    font-size: 14px;
    transition: ease-in-out .15s
}

.l-navbar__mega-contents,.l-navbar__mega-left-inner {
    overflow-x: hidden;
    overflow-y: auto
}

.c-button--default {
    min-width: 150px;
    color: var(--color-primary);
    background-color: var(--color-white);
    border-color: var(--color-primary)
}

.c-button--default:hover {
    color: var(--color-white);
    background-color: var(--color-primary-03);
    border-color: var(--color-primary-03)
}

.c-button--default-outline {
    color: var(--color-primary);
    background-color: var(--color-transparent);
    border-color: var(--color-primary)
}

.c-button--default-outline:hover,.c-button--primary {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-white)
}

.c-button--flex-center {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-button--primary:hover {
    color: var(--color-white);
    background-color: var(--color-primary-03);
    border-color: var(--color-primary-03)
}

.c-button--primary-outline {
    color: var(--color-primary);
    background-color: var(--color-transparent);
    border-color: var(--color-primary)
}

.c-button--primary-outline:hover {
    color: var(--color-white);
    background-color: var(--color-primary);
    border-color: var(--color-primary)
}

.c-button--midblue {
    color: var(--color-white);
    background-color: var(--color-midblue);
    border-color: var(--color-midblue)
}

.c-button--midblue:hover {
    color: var(--color-white);
    background-color: var(--color-primary-03);
    border-color: var(--color-primary-03)
}

.c-button--midblue-outline {
    color: var(--color-midblue);
    background-color: var(--color-transparent);
    border-color: var(--color-midblue)
}

.c-button--midblue-outline:hover {
    color: var(--color-white);
    background-color: var(--color-midblue);
    border-color: var(--color-midblue)
}

.c-button--orange {
    color: var(--color-white);
    background-color: #F90;
    border-color: #F90
}

.c-button--orange:hover {
    color: var(--color-white);
    background-color: #ff6400;
    border-color: #ff6400
}

.c-button--orange-outline {
    color: #ff6400;
    background-color: var(--color-transparent);
    border-color: #ff6400
}

.c-button--orange-outline:hover {
    color: var(--color-white);
    background-color: #ff6400;
    border-color: #ff6400
}

.c-button--secondary {
    color: var(--color-white);
    background-color: var(--color-secondary);
    border-color: var(--color-secondary)
}

.c-button--secondary:hover {
    color: var(--color-white);
    background-color: var(--color-secondary-03);
    border-color: var(--color-secondary-03)
}

.c-button--secondary-outline {
    color: var(--color-secondary);
    background-color: var(--color-transparent);
    border-color: var(--color-secondary)
}

.c-button--secondary-outline:hover {
    color: var(--color-white);
    background-color: var(--color-secondary);
    border-color: var(--color-secondary)
}

.c-button--gray {
    color: var(--color-white);
    background-color: var(--color-gray);
    border-color: var(--color-gray)
}

.c-button--gray:hover {
    color: var(--color-white);
    background-color: var(--color-gray-03);
    border-color: var(--color-gray-03)
}

.c-button--gray-outline {
    color: var(--color-gray);
    background-color: var(--color-transparent);
    border-color: rgba(111,126,143,.3)
}

.c-button--gray-outline:hover {
    color: var(--color-white);
    background-color: var(--color-gray);
    border-color: var(--color-gray)
}

.c-button--white {
    color: var(--color-black);
    background-color: var(--color-white);
    border-color: var(--color-white)
}

.c-button--white:hover {
    color: var(--color-black);
    background-color: var(--color-gray-01);
    border-color: var(--color-gray-01)
}

.c-button--white-outline {
    color: var(--color-gray-03);
    background-color: var(--color-white);
    border-color: rgba(111,126,143,.3)
}

.c-button--white-outline:hover {
    color: var(--color-white);
    background-color: var(--color-gray);
    border-color: var(--color-gray)
}

.c-button--transparent {
    color: var(--color-gray-03);
    background-color: var(--color-transparent);
    border-color: var(--color-transparent)
}

.c-button--sm-h,.c-button--xs-h {
    padding-left: 20px;
    padding-right: 20px
}

.c-button--md-h {
    padding-left: 40px;
    padding-right: 40px
}

.c-button--lg-h {
    padding-left: 138px;
    padding-right: 138px
}

.c-button--xs-v {
    padding-top: 5px;
    padding-bottom: 5px
}

.c-button--sm-v {
    padding-top: 10px;
    padding-bottom: 10px
}

.c-button--lg-v {
    padding-top: 15px;
    padding-bottom: 15px
}

.c-button--regular {
    font-family: Poppins;
    font-weight: 400
}

.c-button--bold {
    font-family: Poppins;
    font-weight: 700
}

.c-button--sharp {
    border-radius: 6px
}

.c-button--12 {
    font-size: 12px;
    line-height: 1.2
}

.c-button--8 {
    font-size: 8px;
    line-height: 1.2
}

.c-button--icon-left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.c-button--icon-left img,.c-button--icon-left svg {
    margin-right: 8px;
    vertical-align: middle
}

.c-button--block {
    width: 100%
}

.c-button--store {
    padding: 10px 8px;
    border: 1px solid rgba(112,112,112,.3);
    border-radius: 10px;
    background-color: var(--color-white);
    font-size: 12px;
    color: var(--color-black);
    display: -ms-flexbox;
    display: flex;
    font-family: Poppins;
    font-weight: 400
}

.c-button--store img {
    margin-right: 10px
}

.c-button--store div {
    line-height: 15px
}

.c-button--store span {
    display: block;
    color: var(--color-gray-03)
}

.c-button.social--buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.c-button.social-f {
    border-radius: 6px;
    width: 100%;
    background-color: var(--color-midblue);
    color: var(--color-white)
}

.c-button.social-f .addon {
    border-radius: 6px;
    background-color: #2c4379;
    color: #fff;
    padding: 3px 5px;
    margin-right: 10px;
    height: 100%;
    width: 24px
}

.c-button.social-f:hover {
    background-color: var(--color-white);
    color: var(--color-midblue);
    border: 1px solid var(--color-midblue)
}

.c-button.social-gp {
    border-radius: 6px;
    width: 100%;
    background-color: #dd4b39;
    color: var(--color-white)
}

.c-button.social-gp .addon {
    border-radius: 6px;
    background-color: #a6382b;
    color: #fff;
    margin-right: 10px;
    text-align: center;
    padding: 3px 5px
}

.l-navbar__action .l-navbar__menu-user .l-navbar__menu-sub,.l-navbar__mega {
    background-color: var(--color-white);
    position: absolute;
    width: 100%;
    visibility: hidden
}

.l-navbar__mega-banner,.l-navbar__menu {
    position: relative
}

.c-button.social-gp:hover {
    background-color: var(--color-white);
    color: #dd4b39;
    border: 1px solid #dd4b39
}

.l-navbar__action .l-navbar__menu-user:hover>.l-navbar__menu-sub svg,.l-navbar__menu-item {
    color: var(--color-gray)
}

@media (max-width: 991px) {
    .c-button.social-f,.c-button.social-gp {
        margin-block:5px
    }
}

.l-navbar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto
}

.l-navbar__logo img {
    max-width: 218px;
    width: 100%;
}

.l-navbar__menu {
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin: 0;
    -ms-flex: auto;
    flex: auto;
    font-size: 16px;
    padding-top: 30px
}

.l-navbar__menu-item {
    cursor: pointer;
    padding-bottom: 30px
}

.l-navbar__action .l-navbar__menu-user .l-navbar__menu-sub,.l-navbar__mega {
    left: 50%;
    cursor: default;
    box-shadow: 0 5px 36px 0 rgba(0,0,0,.16);
    border-radius: 10px
}

.l-navbar__menu-item:not(:first-of-type) {
    margin-left: 35px;
}

.l-navbar__menu-item.has-mega:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1101_1667)'%3E%3Cpath d='M4.08903 5.20093L0.79803 1.90893C0.74397 1.85521 0.701066 1.79133 0.67179 1.72096C0.642513 1.6506 0.627441 1.57514 0.627441 1.49893C0.627441 1.42271 0.642513 1.34725 0.67179 1.27689C0.701066 1.20653 0.74397 1.14265 0.79803 1.08893L1.34503 0.541926C1.39875 0.487866 1.46263 0.444962 1.53299 0.415686C1.60336 0.386409 1.67882 0.371338 1.75503 0.371338C1.83124 0.371338 1.9067 0.386409 1.97707 0.415686C2.04743 0.444962 2.11131 0.487866 2.16503 0.541926L4.49803 2.87493L6.83103 0.541927C6.88475 0.487866 6.94863 0.444962 7.01899 0.415686C7.08936 0.386409 7.16482 0.371338 7.24103 0.371338C7.31724 0.371338 7.3927 0.386409 7.46307 0.415686C7.53343 0.444963 7.59731 0.487866 7.65103 0.541927L8.19803 1.08893C8.25209 1.14265 8.29499 1.20653 8.32427 1.27689C8.35355 1.34725 8.36862 1.42271 8.36862 1.49893C8.36862 1.57514 8.35355 1.6506 8.32427 1.72096C8.29499 1.79133 8.25209 1.85521 8.19803 1.90893L4.90703 5.20093C4.85348 5.25493 4.78977 5.29779 4.71957 5.32704C4.64937 5.35629 4.57408 5.37135 4.49803 5.37135C4.42198 5.37135 4.34669 5.35629 4.27649 5.32704C4.20629 5.29779 4.14258 5.25493 4.08903 5.20093V5.20093Z' fill='%233F536C'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1101_1667'%3E%3Crect width='5' height='7.742' fill='white' transform='translate(8.37097 0.370972) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    display: inline-block;
    width: 9px;
    height: 6px;
    margin-left: 0px;
    -ms-transform: rotate(0) translateY(-1px);
    transform: rotate(0) translateY(-1px);
    transition: ease-in-out transform .2s
}

.l-navbar__menu-item.has-mega:hover>.l-navbar__mega {
    visibility: visible;
    opacity: 1;
    -ms-transform: translateY(0) translateX(-50%);
    transform: translateY(0) translateX(-50%);
    transition: all .3s ease-in-out
}

.l-navbar__menu-item.has-mega:hover:after {
    -ms-transform: rotate(180deg) translateY(1px);
    transform: rotate(180deg) translateY(1px);
    transition: ease-in-out transform .2s
}

.l-navbar__menu .menu-premium-logo {
    letter-spacing: 5px
}

.l-navbar__menu .menu-premium-logo svg {
    vertical-align: middle;
    border-right: 1px solid #fff;
    padding-right: 2px
}

.l-navbar__action {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.l-navbar__action .c-button {
    height: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    margin-right: 15px;
    align-items: center
}

.l-navbar__action .c-button:first-child {
    padding-left: 12px;
    margin-right: 15px
}

.l-navbar__action .l-navbar__menu-user svg {
    margin-right: 10px
}

.l-navbar__action .l-navbar__menu-user:hover>.l-navbar__menu-sub {
    visibility: visible;
    opacity: 1;
    -ms-transform: translateY(0) translateX(-50%);
    transform: translateY(0) translateX(-50%);
    transition: all .3s ease-in-out
}

.l-navbar__action .l-navbar__menu-user:hover:after {
    -ms-transform: rotate(180deg) translateY(1px);
    transform: rotate(180deg) translateY(1px);
    transition: ease-in-out transform .2s
}

.l-navbar__action .l-navbar__menu-user .l-navbar__menu-sub {
    min-width: 250px;
    top: 50px;
    opacity: 0;
    z-index: 9;
    -ms-transform: translateY(-15px) translateX(-50%);
    transform: translateY(-15px) translateX(-50%);
    transition: all .3s ease-in-out;
    display: block
}

.l-navbar__action .l-navbar__menu-user .l-navbar__menu-sub__header {
    font-size: 16px;
    padding: 20px;
    border-bottom: 1px solid var(--color-gray-01)
}

.l-navbar__action .l-navbar__menu-user .l-navbar__menu-sub__item {
    font-size: 14px;
    margin: 20px;
    border-bottom: 1px solid var(--color-gray-01);
    display: -ms-flexbox;
    display: flex
}

.l-navbar__mega {
    top: 70px;
    opacity: 0;
    -ms-transform: translateY(-15px) translateX(-50%);
    transform: translateY(-15px) translateX(-50%);
    display: -ms-flexbox;
    display: flex;
    max-height: 465px;
    z-index: 999
}

.l-navbar__mega-left {
    width: 30%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 41px 24px 41px 35px
}

.l-navbar__mega-right {
    display: -ms-flexbox;
    display: flex;
    width: 70%;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: rgba(240,240,240,.3);
    padding: 41px 15px
}

.l-navbar__mega-card {
    padding: 7px 17px 7px 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
    background-color: transparent;
    transition: ease-in-out background-color .2s;
    cursor: pointer
}

.l-navbar__mega-card svg {
    transition: all .4s ease-in-out
}

.l-navbar__mega-card>div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.l-navbar__mega-card-img {
    width: 36px;
    height: 36px;
    border-radius: 100px
}

.l-navbar__mega-card-img img {
    width: 100%;
    height: 100%;
    border-radius: 90px;
    object-fit: cover
}

.l-navbar__mega-card-content {
    font-size: 14px;
    color: var(--color-gray);
    margin-left: 15px;
    width: calc(100% - 59px)
}

.l-navbar__mega-card .c-icon__svg {
    width: 8px;
    height: 8px;
    margin-left: auto;
    visibility: hidden;
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
    opacity: 0;
    transition: ease-in-out all .2s
}

.l-navbar__mega-card:not(:first-child) {
    margin-top: 5px
}

@media (min-width: 992px) {
    .l-navbar__mega-card.active {
        background-color:rgba(207,212,218,.2);
        transition: ease-in-out background-color .2s
    }

    .l-navbar__mega-card.active svg {
        visibility: visible;
        opacity: 1;
        -ms-transform: translateX(0);
        transform: translateX(0);
        transition: ease-in-out all .2s
    }
}

@media (max-width: 992px) {
    .l-navbar__mega-card>div.title {
        display:contents
    }

    .l-navbar__mega-card-img {
        -ms-flex: 0 0 36px!important;
        flex: 0 0 36px!important
    }

    .l-navbar__mega-card.active svg {
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

.l-navbar__mega-content {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.l-navbar__mega-content-link {
    font-size: 14px;
    font-family: Poppins;
    font-weight: 400;
    width: 74%;
    opacity: .8;
    padding-right: 50px;
    text-align: left
}

.l-navbar__mega-content-count {
    font-size: 12px;
    font-family: Poppins;
    font-weight: 400;
    width: 26%;
    opacity: .5;
    text-align: right
}

.l-navbar__mega-btn,.l-navbar__mega-contents-all {
    font-size: 14px;
    font-family: Poppins
}

.l-navbar__mega-contents {
    width: 100%;
    display: none;
    padding-right: 20px
}

.l-navbar__mega-contents-row {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 15px
}

.l-navbar__mega-contents-all {
    margin-top: 25px;
    color: var(--color-primary);
    font-weight: 400;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.l-navbar__mega-contents-all .c-icon__svg {
    margin-left: 10px
}

.l-navbar__mega-banners {
    text-align: right;
    margin-left: 10px
}

.l-navbar__mega-banners img {
    border-radius: 12px;
    width: 100%;
    width: 278px
}

.l-navbar__mega-banner-content {
    text-align: left;
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 30px;
    color: #fff;
    line-height: 21px;
    font-family: Poppins;
    font-weight: 600
}

.l-navbar__mega-banner-content p {
    margin: 0
}

.l-navbar__mega-banner:not(:first-child) {
    margin-top: 8px
}

.l-navbar__mega-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid rgba(237,79,33,.2);
    color: var(--color-secondary);
    background-color: rgba(249,213,194,.2);
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 6px;
    margin-top: 8px;
    font-weight: 500;
    transition: ease-in-out all .2s
}

.l-navbar__mega-btn:hover {
    background-color: var(--color-secondary);
    color: var(--color-white);
    transition: ease-in-out all .2s
}

.l-navbar__mega-btn svg {
    margin-right: 15px
}

@media screen and (max-width: 992px) {
    .l-navbar__menu--mobile-head p,.l-navbar__menu--mobile-icons svg,.l-navbar__menu--mobile-list-item>a,.l-navbar__menu--mobile-list-item>a:hover {
        color:var(--color-gray)
    }

    .hotel-search-tab .l-navbar__mega-card-img {
        -ms-flex: none;
        flex: none
    }

    .hotel-search-tab .l-navbar__mega-card-img img {
        width: 100%
    }

    .l-navbar {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .l-navbar__logo {
        display: none
    }

    .l-navbar__logo--mobile {
        display: block
    }

    .l-navbar__action,.l-navbar__menu {
        display: none
    }

    .l-navbar__menu--mobile {
        position: fixed;
        width: 100%;
        height: 100vh;
        background: var(--color-white);
        right: -100%;
        top: 0;
        bottom: 0;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 30px 20px;
        -ms-flex-pack: start;
        justify-content: flex-start;
        transition: ease-in-out right .4s;
        overflow-y: auto
    }

    .l-navbar__menu--mobile.active {
        right: 0;
        transition: ease-in-out right .4s
    }

    .l-navbar__menu--mobile-head p {
        font-size: 14px;
        font-family: Poppins;
        font-weight: 400;
        margin-top: 0;
        margin-bottom: 10px
    }

    .l-navbar__menu--mobile-head .c-button {
        margin-bottom: 25px
    }

    .l-navbar__menu--mobile-icons {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .l-navbar__menu--mobile-list-item {
        padding-top: 18px;
        padding-bottom: 18px;
        border-top: 1px solid rgba(207,212,218,.5)
    }

    .l-navbar__menu--mobile-list-item>a {
        font-size: 16px;
        font-family: Poppins;
        font-weight: 400;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        position: relative
    }

    .l-navbar__menu--mobile-list-item>a>svg {
        margin-right: 10px
    }

    .l-navbar__menu--mobile-list-item>a::after {
        content: "";
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        position: absolute;
        right: 5px;
        top: 30%;
        transition: ease transform .2s;
        -ms-transform: rotate(0);
        transform: rotate(0);
        width: 12px;
        height: 10px
    }

    .l-navbar__menu--mobile-list-item.has-sub>a:after {
        background-image: url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.89745 3.93728C4.6378 4.19414 4.21948 4.19322 3.96105 3.93481C3.05768 3.03145 1.15935 1.13312 1.15935 1.13312C0.900333 0.874096 0.900333 0.453292 1.15935 0.194265C1.41837 -0.0647549 1.83918 -0.0647549 2.0982 0.194265L4.44545 2.54151L6.7927 0.194265C7.05172 -0.0647549 7.47252 -0.0647549 7.73155 0.194265C7.99057 0.453285 7.99057 0.874088 7.73155 1.13312C7.73155 1.13312 5.80943 3.03516 4.89745 3.93726V3.93728Z' fill='%23CFD4DA'/%3E%3C/svg%3E%0A")
    }

    .l-navbar__menu--mobile-list-item.has-sub .l-navbar__menu--mobile-list-sub .has-sub ul {
        list-style: none;
        display: none;
        padding: 10px 0;
        margin: 10px;
        border-top: 1px solid #cfd4da;
        border-bottom: 1px solid #cfd4da
    }

    .l-navbar__menu--mobile-list-item.has-sub .l-navbar__menu--mobile-list-sub .has-sub ul li {
        margin: 10px 0 16px
    }

    .l-navbar__menu--mobile-list-item.has-sub .l-navbar__menu--mobile-list-sub .has-sub ul li a {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        color: #3f536c
    }

    .l-navbar__menu--mobile-list-item.has-sub .l-navbar__menu--mobile-list-sub .has-sub ul li a b {
        font-size: 14px;
        font-weight: 400;
        opacity: .8
    }

    .l-navbar__menu--mobile-list-item.has-sub .l-navbar__menu--mobile-list-sub .has-sub ul li a span {
        font-size: 12px;
        font-weight: 400;
        opacity: .5
    }

    .l-navbar__menu--mobile-list-item.has-sub .l-navbar__menu--mobile-list-sub .has-sub ul li:last-child a {
        font-size: 14px;
        color: #2a5ab3;
        font-weight: 400;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .l-navbar__menu--mobile-list-item.has-sub .l-navbar__menu--mobile-list-sub .has-sub ul li:last-child a span {
        opacity: 1;
        margin-right: 6px;
        font-size: 14px
    }

    .l-navbar__menu--mobile-list-item.has-sub.active>a:after {
        transition: ease transform .2s;
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    .l-navbar__menu--mobile-list-item:not(.has-sub) a:after {
        background-image: url("data:image/svg+xml,%3Csvg width='11' height='9' viewBox='0 0 11 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5904 3.57103L7.25026 0.230863C6.94245 -0.0769543 6.42947 -0.0769543 6.12166 0.230863C5.81384 0.53868 5.81384 1.05165 6.12166 1.35947L8.0939 3.34301H0.797972C0.353376 3.34301 0 3.69639 0 4.14098C0 4.58558 0.353376 4.93895 0.797972 4.93895H8.0939L6.12166 6.91111C5.81384 7.21893 5.81384 7.7319 6.12166 8.03972C6.28125 8.19932 6.48649 8.27916 6.69165 8.27916C6.89681 8.27916 7.10205 8.19932 7.26164 8.03972L10.5904 4.71096C10.7386 4.56273 10.8298 4.35758 10.8298 4.14096C10.8298 3.92434 10.75 3.71919 10.5904 3.57097L10.5904 3.57103Z' fill='%23CFD4DA'/%3E%3C/svg%3E%0A")
    }

    .l-navbar__menu--mobile-list-item.active>ul {
        display: block
    }

    .l-navbar__menu--mobile-list-sub {
        display: none;
        background-color: rgba(207,212,218,.2);
        border-radius: 8px;
        list-style: none;
        margin: 10px 0 0 30px;
        padding: 10px
    }

    .l-navbar__menu--mobile-bottom {
        border-top: 1px solid rgba(207,212,218,.5);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .l-navbar__menu--mobile-bottom a {
        font-size: 16px;
        color: var(--color-gray);
        font-family: Poppins;
        font-weight: 400;
        margin-top: 12px;
        margin-bottom: 12px
    }

    .l-navbar__menu--mobile-bottom a:hover {
        color: var(--color-gray)
    }

    .l-navbar__menu--mobile-bottom-item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .l-navbar__menu--mobile-bottom-item span {
        margin-left: auto
    }

    .l-navbar__menu--mobile-bottom-item svg {
        margin-right: 15px
    }

    .l-navbar__menu--mobile-help {
        padding: 18px 0;
        font-size: 12px;
        color: var(--color-gray);
        opacity: .5;
        font-family: Poppins;
        font-weight: 500
    }

    .l-navbar__user--mobile {
        color: var(--color-gray-03)
    }

    .l-navbar__hamburger--mobile {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .l-navbar__hamburger--mobile .c-icon__svg {
        width: 23px;
        height: 23px
    }

    .l-navbar__hamburger--mobile p {
        margin: 0 0 0 6px;
        font-size: 10px;
        font-family: Poppins;
        font-weight: 700;
        color: var(--color-gray);
        line-height: 9px
    }
}

@media screen and (max-width: 992px) and print {
    .l-navbar {
        display:none!important
    }
}

@media screen and (min-width: 992px) {
    .l-navbar__hamburger--mobile,.l-navbar__logo--mobile,.l-navbar__menu--mobile,.l-navbar__user--mobile {
        display:none
    }
}

#user-navbar .l-navbar__menu {
    padding-top: 0!important
}

#user-navbar .l-navbar__menu .l-navbar__menu-user {
    padding-bottom: 0!important
}

#user-navbar .l-navbar__menu .l-navbar__menu-user .l-navbar__menu-sub {
    top: 30px
}

.l-wrapper {
    max-width: 1360px;
    margin-left: auto;
    margin-right: auto
}

.l-wrapper--navbar {
    position: -webkit-sticky;
    position: sticky;
    z-index: 1002;
    width: 100%;
    top: 0;
    background-color: var(--color-white);
    border-bottom: 1px solid #cfd4da
}

@media print {
    .l-wrapper--navbar {
        display: none!important
    }
}

.l-wrapper--gray {
    background-color: #f6f5f8;
    border-radius: 26px
}

.l-wrapper--sm {
    margin-top: 20px;
    margin-bottom: 20px
}

.l-wrapper--md {
    margin-top: 30px;
    margin-bottom: 30px
}

@media screen and (max-width: 992px) {
    .l-wrapper {
        padding-left:20px;
        padding-right: 20px
    }

    .l-wrapper--navbar {
        position: relative
    }

    .l-wrapper--navbar:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        height: 1px;
        background: #ffc600;
    }

    .l-wrapper--no-pd-mobile {
        padding: 0
    }
}

.cookie-wrapper {
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 1003
}

.cookie-wrapper .cookie-body {
    position: relative;
    max-width: 700px;
    padding: 10px;
    opacity: .9;
    background-color: #015cb9;
    border-radius: 10px;
    color: #fff
}

@media screen and (max-width: 768px) {
    .cookie-wrapper {
        right:10px;
        min-width: 320px
    }

    .cookie-wrapper .cookie-body {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: end;
        -ms-flex-align: start;
        align-items: start;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .cookie-wrapper .cookie-body ul {
        gap: 20px
    }
}

.cookie-wrapper .cookie-body p {
    margin-bottom: 4px;
    margin-top: 4px
}

.cookie-wrapper .cookie-body ul {
    list-style: none;
    padding: 0;
    width: 96%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: start;
    margin: 20px auto 0
}

.cookie-wrapper .cookie-body li {
    list-style: none;
    display: inline-block
}

.cookie-wrapper .cookie-body li a {
    background-color: #fff;
    color: #015cb9;
    border-radius: 20px;
    margin: 10px;
    padding: 10px 15px;
    display: inline-block;
    font-size: .9em;
    font-weight: 700
}

@media screen and (max-width: 768px) {
    .cookie-wrapper .cookie-body p {
        margin-bottom:8px;
        margin-top: 8px
    }

    .cookie-wrapper .cookie-body li {
        list-style: none;
        padding: 0
    }

    .cookie-wrapper .cookie-body li a {
        display: inline-block;
        width: 100%;
        font-size: .9em;
        text-align: center;
        margin: 0;
        border-radius: 20px;
        padding: 7px 15px
    }

    #cookieModal .modal-header {
        border-bottom: 1px solid rgba(111,126,143,.3)
    }
}

@media screen and (min-width: 768px) {
    .cookie-modal-backdrop {
        opacity:.9!important;
        background-color: #015cb9!important
    }
}

#cookieModal .close-cookie-modal {
    border-radius: 50%;
    padding: 5px;
    background: #6f7e90;
    aspect-ratio: 1;
    height: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

#cookieModal .close-cookie-modal svg {
    height: 12px;
    color: #fff
}

#cookieModal .modal-title {
    text-align: center;
    font-size: 20px;
    color: #3f536c
}

#cookieModal .modal-dialog {
    width: 720px
}

@media screen and (max-width: 768px) {
    #cookieModal .modal-title {
        text-align:left;
        font-size: 24px
    }

    #cookieModal .modal-dialog {
        max-width: 100%;
        padding: 0
    }

    #cookieModal .modal-content {
        border: none
    }
}

#cookieModal .panel-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

#cookieModal .cookie-arrow:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1101_1667)'%3E%3Cpath d='M4.08903 5.20093L0.79803 1.90893C0.74397 1.85521 0.701066 1.79133 0.67179 1.72096C0.642513 1.6506 0.627441 1.57514 0.627441 1.49893C0.627441 1.42271 0.642513 1.34725 0.67179 1.27689C0.701066 1.20653 0.74397 1.14265 0.79803 1.08893L1.34503 0.541926C1.39875 0.487866 1.46263 0.444962 1.53299 0.415686C1.60336 0.386409 1.67882 0.371338 1.75503 0.371338C1.83124 0.371338 1.9067 0.386409 1.97707 0.415686C2.04743 0.444962 2.11131 0.487866 2.16503 0.541926L4.49803 2.87493L6.83103 0.541927C6.88475 0.487866 6.94863 0.444962 7.01899 0.415686C7.08936 0.386409 7.16482 0.371338 7.24103 0.371338C7.31724 0.371338 7.3927 0.386409 7.46307 0.415686C7.53343 0.444963 7.59731 0.487866 7.65103 0.541927L8.19803 1.08893C8.25209 1.14265 8.29499 1.20653 8.32427 1.27689C8.35355 1.34725 8.36862 1.42271 8.36862 1.49893C8.36862 1.57514 8.35355 1.6506 8.32427 1.72096C8.29499 1.79133 8.25209 1.85521 8.19803 1.90893L4.90703 5.20093C4.85348 5.25493 4.78977 5.29779 4.71957 5.32704C4.64937 5.35629 4.57408 5.37135 4.49803 5.37135C4.42198 5.37135 4.34669 5.35629 4.27649 5.32704C4.20629 5.29779 4.14258 5.25493 4.08903 5.20093V5.20093Z' fill='%233F536C'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1101_1667'%3E%3Crect width='5' height='7.742' fill='white' transform='translate(8.37097 0.370972) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    display: inline-block;
    width: 9px;
    height: 6px;
    margin-left: 10px;
    -ms-transform: rotate(0) translateY(-1px);
    transform: rotate(0) translateY(-1px);
    transition: ease-in-out transform .2s
}

#cookieModal .cookie-checker {
    width: 90px;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

#cookieModal .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 20px;
    margin-bottom: 0
}

#cookieModal .switch input {
    opacity: 0;
    width: 0;
    height: 0
}

#cookieModal .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f6f5f8;
    transition: .4s;
    height: 26px
}

#cookieModal .slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    transition: .4s
}

#cookieModal input:checked+.slider {
    background-color: #3cb878
}

#cookieModal input:focus+.slider {
    box-shadow: 0 0 1px #3cb878
}

#cookieModal input:checked+.slider:before {
    -ms-transform: translateX(34px);
    transform: translateX(34px)
}

#cookieModal .slider.round {
    border-radius: 32px
}

#cookieModal .slider.round:before {
    border-radius: 50%
}

#cookieModal .cookie-button {
    background-color: #2a5ab3;
    color: #fff;
    border-radius: 20px
}

@media screen and (max-width: 768px) {
    #cookieModal .cookie-button {
        width:90%;
        margin-left: 5%;
        margin-top: 20px;
        margin-bottom: 20px;
        display: block
    }
}

.font-pink {
    color: #a294b3
}

.fs-18 {
    font-size: 18px
}

.fs-17 {
    font-size: 17px
}

.fw-400 {
    font-weight: 400
}

.flex-row {
    -ms-flex-direction: row;
    flex-direction: row
}

.flex-column {
    -ms-flex-direction: column;
    flex-direction: column
}

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

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

.mt-10,.my-10 {
    margin-top: 10px
}

.my-10 {
    margin-bottom: 10px
}

.mt-20,.my-20 {
    margin-top: 20px
}

.my-20 {
    margin-bottom: 20px
}

.text-center {
    text-align: center
}

.d-block {
    display: block
}

.modal-open .modal {
    color: var(--color-gray)!important
}

.whatsapp-chat-container {
    position: fixed;
    width: 65px;
    height: 65px;
    bottom: 20px;
    z-index: 1002;
    right: 20px
}

.whatsapp-chat-container img {
    width: 100%
}

.loginFormNew .modal-content {
    display: -ms-flexbox;
    display: flex;
    border: none!important
}

@media screen and (max-width: 376px) {
    .loginFormNew .modal-content {
        min-width:300px!important
    }
}

.loginFormNew .modal-content .content {
    min-width: 480px;
    max-height: 538px;
    border: 1px solid #ccc;
    border-radius: 13px;
    margin-right: 20px
}

.loginFormNew .modal-content .content .modal-header {
    padding-left: 70px;
    padding-top: 50px
}

@media screen and (max-width: 769px) {
    .loginFormNew .modal-content .content {
        min-width:350px;
        margin-right: 0
    }

    .loginFormNew .modal-content .content .modal-header {
        padding-top: 30px;
        padding-left: 20px
    }
}

.loginFormNew .modal-content .content .login {
    width: 365px!important;
    margin: 0 auto
}

@media screen and (max-width: 376px) {
    .loginFormNew .modal-content .content {
        min-width:280px;
        max-width: 280px
    }

    .loginFormNew .modal-content .content .login {
        min-width: 300px;
        max-width: 300px
    }
}

.loginFormNew .modal-content .banner {
    min-width: 480px;
    border: 1px solid #ccc;
    border-radius: 13px;
    max-height: 540px;
    overflow: hidden
}

@media screen and (max-width: 1080px) {
    .loginFormNew .modal-content .banner {
        display:none
    }
}

.loginFormNew .modal-content .banner .bg-gradient {
    position: relative;
    top: -100%;
    width: 100%;
    padding: 30px;
    height: 100%;
    background: linear-gradient(0deg,#2a5ab3 0,rgba(42,90,179,.16) 100%)
}

.loginFormNew .modal-content .banner .bg-gradient .text-box {
    position: absolute;
    bottom: 0;
    padding: 30px 0;
    color: #fff
}

.loginFormNew .modal-content .banner .bg-gradient .text-box b {
    font-size: 20px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left
}

.loginFormNew .modal-content .banner .bg-gradient .text-box .item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.loginFormNew .modal-content .banner .bg-gradient .text-box .item img {
    margin-right: 10px;
    max-height: 14px
}

.loginFormNew .modal-content .banner .bg-gradient .text-box .item p {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left
}

.registerFormNew .text-label {
    margin-left: 60px
}

.registerFormNew .slider {
    position: absolute;
    cursor: pointer;
    top: -7px;
    left: 10px;
    right: 0;
    bottom: 0;
    background-color: #f6f5f8;
    transition: .4s;
    max-width: 60px
}

.registerFormNew .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    transition: .4s
}

.registerFormNew input:checked+.slider {
    background-color: #2196f3
}

.registerFormNew input:focus+.slider {
    box-shadow: 0 0 1px #2196f3
}

.registerFormNew input:checked+.slider:before {
    -ms-transform: translateX(26px);
    transform: translateX(26px)
}

.registerFormNew .slider.round {
    border-radius: 34px
}

.registerFormNew .slider.round:before {
    border-radius: 50%
}

.registerFormNew .modal-content {
    display: -ms-flexbox;
    display: flex;
    border: none
}

.registerFormNew .modal-content .step-list {
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    padding: 0
}

.registerFormNew .modal-content .step-list .active span {
    background-color: #2a5ab3
}

.registerFormNew .modal-content .step-list li {
    position: relative
}

.registerFormNew .modal-content .step-list li span {
    padding: 3px;
    background-color: #748295;
    margin-right: 40px;
    border-radius: 70px;
    height: 25px;
    width: 25px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    display: block
}

.registerFormNew .modal-content .step-list li:after {
    top: 10px;
    bottom: 0;
    position: absolute;
    left: 30px;
    content: " ";
    width: 30px;
    height: 1px;
    background-color: #ccc;
    z-index: 0
}

.registerFormNew .modal-content .step-list li:last-child:after {
    background-color: transparent
}

.registerFormNew .modal-content .content {
    min-width: 480px;
    max-height: unset;
    border: 1px solid #ccc;
    border-radius: 13px;
    margin-right: 20px
}

.registerFormNew .modal-content .content .modal-header {
    padding-left: 70px;
    padding-top: 50px
}

@media screen and (max-width: 769px) {
    .registerFormNew .modal-content .content {
        min-width:350px
    }

    .registerFormNew .modal-content .content .modal-header {
        padding-top: 30px;
        padding-left: 20px
    }
}

.registerFormNew .modal-content .content .login {
    width: 365px!important;
    margin: 0 auto
}

@media screen and (max-width: 376px) {
    .registerFormNew .modal-content .content {
        min-width:300px
    }

    .registerFormNew .modal-content .content .login {
        max-width: 300px
    }
}

.registerFormNew .modal-content .content .OTPModal .container {
    max-width: 360px;
    margin: 50px 10px;
    border: 1px solid #cfd4db;
    border-radius: 20px;
    padding: 25px 15px
}

.registerFormNew .modal-content .content .OTPModal .modal-body .close {
    float: right;
    background-color: #6f7e90;
    color: #fff;
    border-radius: 20px;
    border: none!important
}

.registerFormNew .modal-content .content .OTPModal .modal-body .digit-group {
    -ms-flex-pack: center;
    justify-content: center
}

.registerFormNew .modal-content .content .OTPModal .modal-body .digit-group input {
    max-width: 40px
}

.registerFormNew .modal-content .content .OTPModal .modal-body h4 {
    font-size: 20px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.1;
    letter-spacing: normal;
    text-align: left;
    margin: 10px 0
}

.registerFormNew .modal-content .content .OTPModal .modal-body p {
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    margin: 10px 0;
    letter-spacing: normal;
    text-align: left;
    color: #3f526b
}

.registerFormNew .modal-content .content .OTPModal .modal-body p a {
    background: 0 0;
    border: none;
    color: #115bb9;
    text-decoration: underline
}

.registerFormNew .modal-content .content .OTPModal .modal-body .checkout__form__group__item input:not([type=radio]):not([type=checkbox]) {
    margin: 0 5px;
    padding: 2px 3px;
    text-align: center
}

.registerFormNew .modal-content .content .or-divider:before {
    content: ''!important;
    top: 0!important;
    font-size: 12px;
    color: rgba(111,126,143,.3);
    position: absolute;
    left: 50%;
    padding: 0!important;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: rgba(111,126,143,.3)
}

.registerFormNew .modal-content .banner {
    min-width: 480px;
    border: 1px solid #ccc;
    border-radius: 13px;
    max-height: 540px;
    overflow: hidden
}

@media screen and (max-width: 1080px) {
    .registerFormNew .modal-content .banner {
        display:none
    }
}

.registerFormNew .modal-content .banner .bg-gradient {
    position: relative;
    top: -100%;
    width: 100%;
    padding: 30px;
    height: 100%;
    background: linear-gradient(0deg,#2a5ab3 0,rgba(42,90,179,.16) 100%)
}

.registerFormNew .modal-content .banner .bg-gradient .text-box {
    position: absolute;
    bottom: 0;
    padding: 30px 0;
    color: #fff
}

.registerFormNew .modal-content .banner .bg-gradient .text-box b {
    font-size: 20px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left
}

.registerFormNew .modal-content .banner .bg-gradient .text-box .item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.registerFormNew .modal-content .banner .bg-gradient .text-box .item img {
    margin-right: 10px;
    max-height: 14px
}

.registerFormNew .modal-content .banner .bg-gradient .text-box .item p {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left
}

.sahrudblogdiv{
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.aktifbuton {
    background-color: var(--color-gray) !important;
    border-color: var(--color-gray) !important;
    color: var(--color-white) !important;
}

#user-navbar2 .l-navbar__menu{
    padding: 0;
}

#user-navbar2 .l-navbar__menu-item{
    padding: 0;
}

.usrdv{
    display: none;
}

.usrikn i{
    font-size: 23px;
    color: #061a3a;
     margin-left: 10px;
}

@media screen and (max-width: 788px) {
    .usrdv{
        display: block !important;
    }

    .sahrudblogdiv {
        display: none;
    }
}