html { font-size: 18px; font-family: 'Montserrat', 'Arial', serif; font-weight: 400; }

/* Global Colours */
:root {
    --white: #ffffff;
    --black: #000000;
    --dark-blue: #001746;
    --dark-blue-2: #031e54;
    --dark-blue-3: #01256d;
    --light-blue: #1877bb;
    --orange: #e33e20;
    --light-grey: #eef4f9;
    --grey: #f5f7f8;
    --dark-grey : #afafaf;
    --dark-grey-2 : #7a7a7a;
    --dark-grey-3 : #e0e0e0;
    --border-grey : #d6dbe0;
}

/* Global Styles */
a { color: var(--dark-blue); text-decoration: none; }
a:hover,
a:focus { color: var(--light-blue); }
h1, h2, h3, h4, h5, h6,
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h5 { font-weight: 500; color: var(--dark-blue); font-family: 'Montserrat', 'Arial', serif; }
.uk-grid-column-xlarge, .uk-grid-xlarge { margin-left: -140px; }
.uk-grid-column-xlarge>*, .uk-grid-xlarge>* { padding-left: 140px; }
.uk-h5 { font-size: 1.1rem; line-height: 1.4; }
.uk-h6 { font-size: 1rem; line-height: 1.4; }

div p:last-child,
div h1:last-child,
div h2:last-child,
div h3:last-child,
div h4:last-child,
div h5:last-child,
div h6:last-child { margin-bottom: 0; }

/* Padding */
.uk-padding { padding: 80px !important; }
.uk-padding-top { padding-top: 80px !important; }
.uk-padding-bottom { padding-bottom: 80px !important; }
.uk-padding-left { padding-left: 80px !important; }
.uk-padding-right { padding-right: 80px !important; }

.uk-padding-xlarge { padding: 200px !important; }
.uk-padding-xlarge-top { padding-top: 200px !important; }
.uk-padding-xlarge-bottom { padding-bottom: 200px !important; }
.uk-padding-xlarge-left { padding-left: 200px !important; }
.uk-padding-xlarge-right { padding-right: 200px !important; }

.uk-padding-large { padding: 160px !important; }
.uk-padding-large-top { padding-top: 160px !important; }
.uk-padding-large-bottom { padding-bottom: 160px !important; }
.uk-padding-large-left { padding-left: 160px !important; }
.uk-padding-large-right { padding-right: 160px !important; }

.uk-padding-medium { padding: 120px !important; }
.uk-padding-medium-top { padding-top: 120px !important; }
.uk-padding-medium-bottom { padding-bottom: 120px !important; }
.uk-padding-medium-left { padding-left: 120px !important; }
.uk-padding-medium-right { padding-right: 120px !important; }

.uk-padding-small { padding: 40px !important; }
.uk-padding-small-top { padding-top: 40px !important; }
.uk-padding-small-bottom { padding-bottom: 40px !important; }
.uk-padding-small-left { padding-left: 40px !important; }
.uk-padding-small-right { padding-right: 40px !important; }

.uk-padding-xsmall { padding: 20px !important; }
.uk-padding-xsmall-top { padding-top: 20px !important; }
.uk-padding-xsmall-bottom { padding-bottom: 20px !important; }
.uk-padding-xsmall-left { padding-left: 20px !important; }
.uk-padding-xsmall-right { padding-right: 20px !important; }

.uk-padding-remove { padding: 0px !important; }
.uk-padding-remove-top { padding-top: 0p !important; }
.uk-padding-remove-bottom { padding-bottom: 0px !important; }
.uk-padding-remove-left { padding-left: 0px !important; }
.uk-padding-remove-right { padding-right: 0px !important; }

/* Margin */
.uk-margin { margin: 80px !important; }
.uk-margin-top { margin-top: 80px !important; }
.uk-margin-bottom { margin-bottom: 80px !important; }
.uk-margin-left { margin-left: 80px !important; }
.uk-margin-right { margin-right: 80px !important; }

.uk-margin-xlarge { margin: 200px !important; }
.uk-margin-xlarge-top { margin-top: 200px !important; }
.uk-margin-xlarge-bottom { margin-bottom: 200px !important; }
.uk-margin-xlarge-left { margin-left: 200px !important; }
.uk-margin-xlarge-right { margin-right: 200px !important; }

.uk-margin-large { margin: 160px !important; }
.uk-margin-large-top { margin-top: 160px !important; }
.uk-margin-large-bottom { margin-bottom: 160px !important; }
.uk-margin-large-left { margin-left: 160px !important; }
.uk-margin-large-right { margin-right: 160px !important; }

.uk-margin-medium { margin: 120px !important; }
.uk-margin-medium-top { margin-top: 120px !important; }
.uk-margin-medium-bottom { margin-bottom: 120px !important; }
.uk-margin-medium-left { margin-left: 120px !important; }
.uk-margin-medium-right { margin-right: 120px !important; }

.uk-margin-small { margin: 40px !important; }
.uk-margin-small-top { margin-top: 40px !important; }
.uk-margin-small-bottom { margin-bottom: 40px !important; }
.uk-margin-small-left { margin-left: 40px !important; }
.uk-margin-small-right { margin-right: 40px !important; }

.uk-margin-xsmall { margin: 20px !important; }
.uk-margin-xsmall-top { margin-top: 20px !important; }
.uk-margin-xsmall-bottom { margin-bottom: 20px !important; }
.uk-margin-xsmall-left { margin-left: 20px !important; }
.uk-margin-xsmall-right { margin-right: 20px !important; }

.uk-margin-xxsmall { margin: 10px !important; }
.uk-margin-xxsmall-top { margin-top: 10px !important; }
.uk-margin-xxsmall-bottom { margin-bottom: 10px !important; }
.uk-margin-xxsmall-left { margin-left: 10px !important; }
.uk-margin-xxsmall-right { margin-right: 10px !important; }

.uk-margin-remove { margin: 0px !important; }
.uk-margin-remove-top { margin-top: 0px !important; }
.uk-margin-remove-bottom { margin-bottom: 0px !important; }
.uk-margin-remove-left { margin-left: 0px !important; }
.uk-margin-remove-right { margin-right: 0px !important; }

.heading_block_margin { margin-bottom: 50px; }

/* Container */
.uk-container { max-width: 1350px;}
.uk-container.uk-container-large { max-width: 1500px; }
.uk-container.uk-container-xlarge { max-width: 1700px; }
.uk-container.uk-container-small { max-width: 1000px; }
.uk-container.uk-container-xsmall { max-width: 800px; }

.error-page-image { max-width: 350px; }

/* Buttons */
.uk-button { border-radius: 10px; font-weight: 600; }
.uk-button-primary { border: 2px solid var(--orange); color: var(--white); background-color: var(--orange); -webkit-transition: background-color 0.5s ease, color 0.5s ease; transition: background-color 0.5s ease, color 0.5s ease, border-color 0.5s ease; }
.uk-button-primary:hover,
.uk-button-primary:active,
.uk-button-primary:focus { border: 2px solid var(--dark-blue); color: var(--white); background-color: var(--dark-blue);}
.uk-button-secondary { border: 2px solid var(--dark-blue); color: var(--white); background-color: var(--dark-blue); -webkit-transition: background-color 0.5s ease, color 0.5s ease; transition: background-color 0.5s ease, color 0.5s ease, border-color 0.5s ease; }
.uk-button-secondary:hover,
.uk-button-secondary:active,
.uk-button-secondary:focus { border: 2px solid var(--orange); color: var(--white); background-color: var(--orange);}
.uk-button-tertiary { border: 2px solid var(--dark-blue); color: var(--dark-blue); -webkit-transition: background-color 0.5s ease, color 0.5s ease; transition: background-color 0.5s ease, color 0.5s ease, border-color 0.5s ease; }
.uk-button-tertiary:hover,
.uk-button-tertiary:active,
.uk-button-tertiary:focus { border: 2px solid var(--dark-blue); color: var(--white); background-color: var(--dark-blue);}
.uk-button-default { border: 2px solid var(--orange); color: var(--orange); -webkit-transition: background-color 0.5s ease, color 0.5s ease; transition: background-color 0.5s ease, color 0.5s ease, border-color 0.5s ease; }
.uk-button-default:hover,
.uk-button-default:active,
.uk-button-default:focus { border: 2px solid var(--orange); color: var(--white); background-color: var(--orange);}
.uk-button-large { padding: 0 60px; line-height: 60px; font-size: 1rem; }
.uk-button-normal,
.uk-button-medium { padding: 0 40px; line-height: 50px; font-size: 0.9rem; }
.uk-button-small { padding: 0 30px; line-height: 40px; font-size: 0.8rem; }
.uk-button-xsmall { padding: 0 15px; line-height: 40px; font-size: 0.7rem; }

.background-dark-blue .uk-button-default,
.background-dark-blue .uk-button-secondary,
.background-dark-blue .uk-button-tertiary { border-color: var(--white); color: var(--white); }
.background-dark-blue .uk-button-default:hover,
.background-dark-blue .uk-button-default:active,
.background-dark-blue .uk-button-default:focus,
.background-dark-blue .uk-button-secondary:hover,
.background-dark-blue .uk-button-secondary:active,
.background-dark-blue .uk-button-secondary:focus,
.background-dark-blue .uk-button-tertiary:hover,
.background-dark-blue .uk-button-tertiary:active,
.background-dark-blue .uk-button-tertiary:focus { border-color: var(--white); background-color: var(--white); color: var(--dark-blue);}
.background-dark-blue .uk-button-primary:hover,
.background-dark-blue .uk-button-primary:active,
.background-dark-blue .uk-button-primary:focus { border-color: var(--white); background-color: var(--white); color: var(--orange);}

.background-dark-blue .uk-card .uk-button-primary:hover,
.background-dark-blue .uk-card .uk-button-primary:active { border-color: var(--dark-blue); background-color: var(--dark-blue); color: var(--white);}

/* Input */
.uk-input { border-radius: 10px; font-weight: 600; height: 42px; border-color: var(--dark-grey); }
.uk-input:active,
.uk-input:focus { border-color: var(--orange);}

/*
.wave { position: relative; width: 100%; height: fit-content; z-index: 0; background: var(--white); }
.wave.wave-bottom-white { background: var(--white); }
.wave.wave-bottom-dark-blue { background: var(--dark-blue); }
.wave.wave-bottom-light-blue { background: var(--light-blue); }
.wave.wave-bottom-orange { background: var(--orange); }
.wave.wave-bottom-light-grey { background: var(--light-grey); }
.wave.wave-top-white path { fill: var(--white); }
.wave.wave-top-dark-blue path { fill: var(--dark-blue); }
.wave.wave-top-light-blue path { fill: var(--light-blue); }
.wave.wave-top-orange path { fill: var(--orange); }
.wave.wave-top-light-grey path { fill: var(--light-grey); }
.wave.wave-invert svg { transform: scaleX(-1); }
.wave svg { width: 101%; height: auto; display: block; }

.curve { position: relative; width: 100%; height: fit-content; z-index: 0; background: var(--white); }
.curve.curve-top-white { background: var(--white); }
.curve.curve-top-dark-blue { background: var(--dark-blue); }
.curve.curve-top-light-blue { background: var(--light-blue); }
.curve.curve-top-orange { background: var(--orange); }
.curve.curve-top-light-grey { background: var(--light-grey); }
.curve.curve-bottom-white path { fill: var(--white); }
.curve.curve-bottom-dark-blue path { fill: var(--dark-blue); }
.curve.curve-bottom-light-blue path { fill: var(--light-blue); }
.curve.curve-bottom-orange path { fill: var(--orange); }
.curve.curve-bottom-light-grey path { fill: var(--light-grey); }
.curve.curve-invert svg { transform: scaleY(-1); }
.curve svg { width: 101%; height: auto; display: block; }
*/

.wave { position: relative; width: 100%; height: 103px; z-index: 0; background: var(--white); }
.wave::before { content: ""; position: absolute; bottom: -1px !important; inset: 0; mask: url(/wp-content/themes/awgroup/images/wave-dark-blue-v2.svg) left/cover no-repeat; -webkit-mask: url(/wp-content/themes/awgroup/images/wave-dark-blue-v2.svg) left/cover no-repeat; background-color: var(--white); z-index: 1; pointer-events: none; }
.wave.wave-top-white { background: var(--white); }
.wave.wave-top-dark-blue { background: var(--dark-blue); }
.wave.wave-top-light-blue { background: var(--light-blue); }
.wave.wave-top-orange { background: var(--orange); }
.wave.wave-top-light-grey { background: var(--light-grey); }
.wave.wave-bottom-white::before { background-color: var(--white); }
.wave.wave-bottom-dark-blue::before { background-color: var(--dark-blue); }
.wave.wave-bottom-light-blue::before { background-color: var(--light-blue); }
.wave.wave-bottom-orange::before { background-color: var(--orange); }
.wave.wave-bottom-light-grey::before { background-color: var(--light-grey); }
.wave.wave-invert::before { transform: scaleX(-1); }

.curve { position: relative; width: 100%; height: 121px; z-index: 0; background: var(--white); }
.curve::before { content: ""; position: absolute; bottom: 2px !important; inset: 0; mask: url(/wp-content/themes/awgroup/images/curve-dark-blue-v2.svg) center/cover no-repeat; -webkit-mask: url(/wp-content/themes/awgroup/images/curve-dark-blue-v2.svg) center/cover no-repeat; background-color: var(--white); z-index: 1; pointer-events: none; }
.curve.curve-bottom-white { background: var(--white); }
.curve.curve-bottom-dark-blue { background: var(--dark-blue); }
.curve.curve-bottom-light-blue { background: var(--light-blue); }
.curve.curve-bottom-orange { background: var(--orange); }
.curve.curve-bottom-light-grey { background: var(--light-grey); }
.curve.curve-top-white::before { background-color: var(--white); }
.curve.curve-top-dark-blue::before { background-color: var(--dark-blue); }
.curve.curve-top-light-blue::before { background-color: var(--light-blue); }
.curve.curve-top-orange::before { background-color: var(--orange); }
.curve.curve-top-light-grey::before { background-color: var(--light-grey); }
.curve.curve-invert::before { transform: scaleY(-1); }


/* Base */
.background-white { background: var(--white); color: var(--black); }
.background-dark-blue { background: var(--dark-blue); color: var(--white); }
.background-light-blue { background: var(--light-blue); color: var(--white); }
.background-orange { background: var(--orange); color: var(--white); }
.background-light-grey { background: var(--light-grey); color: var(--black); }
.shadow { box-shadow: 0 5px 15px rgba(0,0,0,.08); }
.shadow-large { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); }
.border-radius { border-radius: 15px; }

.background-dark-blue h1,
.background-dark-blue h2,
.background-dark-blue h3,
.background-dark-blue h4,
.background-dark-blue h5,
.background-dark-blue h6,
.background-dark-blue a,
.background-dark-blue .uk-h1,
.background-dark-blue .uk-h2,
.background-dark-blue .uk-h3,
.background-dark-blue .uk-h4,
.background-dark-blue .uk-h5,
.background-dark-blue .uk-h6,
.background-dark-blue a,
.background-light-blue h1,
.background-light-blue h2,
.background-light-blue h3,
.background-light-blue h4,
.background-light-blue h5,
.background-light-blue h6,
.background-light-blue a,
.background-light-blue .uk-h1,
.background-light-blue .uk-h2,
.background-light-blue .uk-h3,
.background-light-blue .uk-h4,
.background-light-blue .uk-h5,
.background-light-blue .uk-h6,
.background-light-blue a,
.background-orange h1,
.background-orange h2,
.background-orange h3,
.background-orange h4,
.background-orange h5,
.background-orange h6,
.background-orange a,
.background-orange .uk-h1,
.background-orange .uk-h2,
.background-orange .uk-h3,
.background-orange .uk-h4,
.background-orange .uk-h5,
.background-orange .uk-h6,
.background-orange a { color: var(--white); }
.uk-card .uk-h1,
.uk-card .uk-h2,
.uk-card .uk-h3,
.uk-card .uk-h4,
.uk-card .uk-h5,
.uk-card .uk-h6,
.uk-card a { color: var(--dark-blue) !important; }
.uk-card > * { color: var(--black); }

.uk-text-black { color: var(--black) !important; }
.uk-text-white { color: var(--white) !important; }
.uk-text-orange { color: var(--orange) !important; }
.uk-text-dark-blue { color: var(--dark-blue) !important; }
.uk-text-light-blue { color: var(--light-blue) !important; }
.uk-text-light-grey { color: var(--light-grey) !important; }
.uk-text-grey { color: var(--light-grey) !important; }

.uk-text-400 { font-weight: 400 !important;}
.uk-text-500 { font-weight: 500 !important;}
.uk-text-600 { font-weight: 600 !important;}
.uk-text-700 { font-weight: 700 !important;}
.uk-text-800 { font-weight: 800 !important;}

a.uk-text-orange:hover,
a.uk-text-orange:active,
a.uk-text-orange:focus { color: var(--orange); }

.uk-text-large { font-size: 1.6rem; }
.uk-text-medium { font-size: 1.2rem; }
.uk-text-default { font-size: 1rem; }
.uk-text-small { font-size: 0.9rem; }

/* Header */
header.header .header-wrapper { padding-top: 20px; padding-bottom: 20px; }
header.header .site-logo img { width: 130px; }
header.header .upper-menu { font-size: 0.9rem;}
header.header .upper-menu ul.horizontal-menu { list-style: none; margin: 0; padding: 0; display: flex; gap: 0px; }
header.header .upper-menu ul.horizontal-menu li { display: inline-block; }
header.header .upper-menu ul.horizontal-menu li a { text-decoration: none; display: block; padding: 0; }

header.header #menu-header-upper-menu.horizontal-menu { gap: 15px;}

header.header .header-main-nav { background-color: var(--orange); position: relative; }
header.header .header-main-nav nav ul.primary-horizontal-menu { list-style: none; margin: 0; padding: 0; display: flex; gap: 0px; }
header.header .header-main-nav nav ul.primary-horizontal-menu > li { display: inline-flex; height: 65px; align-items: center; transition: background-color 0.3s ease; }
header.header .header-main-nav nav ul.primary-horizontal-menu > li > a { padding-left: 30px; padding-right: 30px; text-decoration: none; display: block; color: var(--white); font-weight: 600; display: inline-flex; height: 100%; align-items: center;  }
header.header .header-main-nav nav ul.primary-horizontal-menu > li > a .arrow-icon { padding-left: 8px; position: relative; width: 15px;}
header.header .header-main-nav nav ul.primary-horizontal-menu > li > a .arrow-icon svg { position: absolute; top: -10px; transition: transform 0.4s ease; }
header.header .header-main-nav nav ul.primary-horizontal-menu > li:has(.uk-open) > a .arrow-icon svg { transform: rotate(180deg); top: -8px; }
header.header .header-main-nav nav ul.primary-horizontal-menu > li:has(.uk-open) { background-color: var(--dark-blue);}

header.header .header-main-nav nav .uk-navbar-dropdown { box-sizing: border-box; width: 100%; box-shadow: none; padding: 10px 0px; left: 0px !important; background-color: var(--dark-blue); color: #fff; top: 55px!important;}
header.header .header-main-nav nav .uk-navbar-dropdown .uk-container { min-height: 323px; }
header.header .header-main-nav nav .uk-navbar-dropdown .uk-text-small { font-size: 0.75rem; }
header.header .header-main-nav nav .uk-navbar-dropdown a,
header.header .header-main-nav nav .uk-navbar-dropdown h2,
header.header .header-main-nav nav .uk-navbar-dropdown h3,
header.header .header-main-nav nav .uk-navbar-dropdown h4 { color: var(--white); }
header.header .header-main-nav nav .uk-navbar-dropdown a:not(.uk-button) { text-decoration: none; }
header.header .header-main-nav nav .uk-navbar-dropdown a:not(.uk-button):hover,
header.header .header-main-nav nav .uk-navbar-dropdown a:not(.uk-button):focus { text-decoration: underline; }
header.header .header-main-nav nav .uk-navbar-dropdown .uk-list .uk-list li { font-size: 0.8125rem; }
header.header .header-main-nav nav .uk-navbar-dropdown .uk-list>*>ul,
header.header .header-main-nav nav .uk-navbar-dropdown .uk-list>:nth-child(n+2) { margin-top: 15px; }
header.header .header-main-nav nav .uk-navbar-dropdown .menu-hr .uk-list>:nth-child(n+2) { margin-top: 40px; }
header.header .header-main-nav nav .uk-navbar-dropdown p { margin-top: 5px; }
header.header .header-main-nav nav .uk-navbar-dropdown .uk-list>*>ul li a { padding-left: 8px; }
/*header.header .header-main-nav nav ul .uk-navbar-dropdown li { padding: 0px; list-style-type: none; }
header.header .header-main-nav nav ul .uk-navbar-dropdown li a { white-space: nowrap; padding: 8px 20px; display: block; color: #fff !important; text-decoration: none !important; }
header.header .header-main-nav nav ul .uk-navbar-dropdown li a:hover,
header.header .header-main-nav nav ul .uk-navbar-dropdown li a:focus { color: #fff; }
header.header .header-main-nav nav ul .uk-navbar-dropdown li:hover { background-color: #eef5ff; }

header.header .header-main-nav nav .uk-navbar-dropdown.uk-navbar-dropdown-grid > li { list-style: none; padding: 0; margin: 0; border: 1px solid #b4b4b4; }
header.header .header-main-nav nav .uk-navbar-dropdown.uk-navbar-dropdown-grid.uk-open { display: grid; }
header.header .header-main-nav nav .uk-navbar-dropdown.uk-navbar-dropdown-grid { grid-template-columns: repeat(8, 1fr); gap: 10px; padding: 20px; }
header.header .header-main-nav nav .uk-navbar-dropdown.uk-navbar-dropdown-grid li a { display: block; text-align: center; padding: 10px; color: #333; text-decoration: none; font-weight: 600; }
header.header .header-main-nav nav .uk-navbar-dropdown.uk-navbar-dropdown-grid li a:hover { border-color: var(--dark-blue); background-color: #fff;}
header.header .header-main-nav nav .uk-navbar-dropdown.uk-navbar-dropdown-grid li:hover { border-color: var(--dark-blue); background-color: #fff;}
header.header .header-main-nav nav .uk-navbar-dropdown.uk-navbar-dropdown-grid li a img { width: 100%; height: 160px; object-fit: cover; display: block;}
header.header .header-main-nav nav .uk-navbar-dropdown.uk-navbar-dropdown-grid li a span { margin-top: 8px; display: block; text-transform: uppercase; }
*/
header.header .header-content-wrapper { display: flex; align-items: center; height: 100%; max-height: 110px; width: 100%; }
header.header .header-content-wrapper .site-search-input { border: 2px solid var(--light-blue); padding: 17px 50px; padding-left: 60px; width: 100%; box-sizing: border-box; border-radius: 40px; }
header.header .header-content-wrapper .site-search-input:focus-visible { border-color: var(--light-blue); outline: unset;}
header.header .header-content-wrapper .site-search-icon { width: 60px; color: var(--light-blue); }
header.header .header-content-wrapper .uk-button-secondary { line-height: 49px; padding: 0px 45px; border-radius: 30px; text-transform: unset; }
header.header .header-content-wrapper .header-icon-button { display: flex; align-items: center; height: 100%; text-decoration: none; }
header.header .header-content-wrapper .header-icon-button span,
header.header .header-content-wrapper .header-icon-button svg { display: block; text-align: center; width: 100%; color: var(--black); min-width: 50px; }
header.header .header-content-wrapper .header-icon-button:hover span,
header.header .header-content-wrapper .header-icon-button:hover svg,
header.header .header-content-wrapper .header-icon-button:focus span,
header.header .header-content-wrapper .header-icon-button:focus svg { color: var(--dark-blue)}
header.header .header-content-wrapper .header-icon-button span { font-size: 0.65rem; margin-top: 3px;}
header.header .header-content-wrapper .header-icon-button svg { height: 22px; }
header.header .header-content-wrapper .header-icon-button span > span { display: unset; }

header.header .mobile-header-icon-button .uk-badge { position: absolute; right: 0; bottom: 15px; width: fit-content; display: flex; height: 16px; min-width: 16px; background-color: var(--light-blue);}



/* Off Canvas Menu */
.uk-offcanvas-bar { width: 100%; background-color: var(--dark-blue); padding: 0px; }
.uk-offcanvas-bar .uk-h3 { color: var(--white); margin: 0px; margin-bottom: 20px; padding: 20px; }
.uk-offcanvas-bar ul { font-size: 1rem; color: var(--white); }

#mobile-offcanvas-menu .uk-offcanvas-bar .uk-nav-default > li a { color: var(--white); font-size: 1.2rem; font-weight: 600; }
#mobile-offcanvas-menu #menu-header-mobile-menu > li > a { padding: 10px 20px; border-top: 1px solid var(--dark-grey-2); position: relative; }
#mobile-offcanvas-menu #menu-header-mobile-menu > li:last-of-type > a { border-bottom: 1px solid var(--dark-grey-2); }
#mobile-offcanvas-menu #menu-header-mobile-menu ul.uk-nav-sub { padding: 0px; }
#mobile-offcanvas-menu #menu-header-mobile-menu ul.uk-nav-sub > li > a { padding: 12px 20px; border-top: 1px solid var(--dark-grey-2); font-weight: 400; font-size: 1rem; background-color: var(--dark-blue-3); }
#mobile-offcanvas-menu #menu-header-mobile-menu > li:last-of-type > ul.uk-nav-sub > li:last-of-type > a { border-bottom: 1px solid var(--dark-grey-2); }
#mobile-offcanvas-menu #menu-header-mobile-menu > li > a[aria-expanded="true"] { border-bottom: none;}

#menu-header-mobile-menu > li.uk-parent > a::before { content: "+"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 1.4rem; font-weight: 600; color: var(--white); transition: transform 0.2s ease, content 0.2s ease; transform: translateY(-50%) rotate(0deg) scale(1); transition: transform 0.25s ease, opacity 0.15s ease; }
#menu-header-mobile-menu > li.uk-parent > a[aria-expanded="true"]::before { content: "–"; transform: translateY(-50%) rotate(180deg) scale(1.1);}

/* First Aid Table */
.first-aid-table { border-top: 1px solid #fff; border-spacing: 0; border-collapse: collapse; margin: 0 auto; width: 100%; }
.first-aid-table tr th { padding: 50px 40px; background: var(--dark-blue); text-transform: uppercase; text-align: center; font-size: 1.25rem; }
.first-aid-table tr th:first-of-type { border-left: 1px solid #fff; }
.first-aid-table tr th,
.first-aid-table tr td { border-bottom: 1px solid #fff; border-right: 1px solid #fff; vertical-align: top; }
.first-aid-table tr td { background: #0f4fa6; text-align: left; padding: 40px; }
.first-aid-table tr td:first-of-type { background: var(--dark-blue); font-weight: bold; text-align: center; border-left: 1px solid #fff; font-size: 1.25rem; }

/* HSE Feed */
ul.hse-feed-posts { padding-left: 0; list-style-type: none; }
ul.hse-feed-posts li .date-published { font-size: 0.9rem; margin-top: 10px; margin-bottom: 10px; color: var(--dark-grey-2); }
ul.hse-feed-posts li .excerpt { margin-top: 0px; }
ul.hse-feed-posts li h2 { line-height: 1em;}
ul.hse-feed-posts li a:hover,
ul.hse-feed-posts li a:focus { text-decoration-color: var(--dark-blue); }
ul.hse-feed-posts li a.uk-button svg { width: 13px; height: 15px; margin-left: 6px; }

ul.hse-feed-posts li { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid var(--dark-grey);}
ul.hse-feed-posts li:last-of-type { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; }

/* IFrame */
.iframe-wrapper { position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; }
.iframe-wrapper iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; }

/* Testimonial */
.testimonial { background-color: var(--white); padding: 50px; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,.08); font-size: 0.9rem; position: relative; }
.testimonial .testimonial-content { overflow-y: hidden; max-height: 280px; min-height: 280px; }
.testimonial .testimonial-content .testimonial-quote { font-weight: 600; color: var(--dark-blue); }
.testimonial .testimonial-logo-container { max-width: 220px; max-height: 100px; position: absolute; bottom: -40px; box-shadow: 0 5px 15px rgba(0,0,0,.08); }
.testimonial .testimonial-logo-container img { height: 100px;  }
.testimonial .testimonial-read-more-container { position: absolute; bottom: 50px; left: 0px; background: linear-gradient( to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 15% , rgba(255,255,255,0.9) 25%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); transition: opacity 0.4s ease; width: 100%; height: 150px; display: flex; align-items: center; padding: 50px; box-sizing: border-box; }
.testimonial .testimonial-read-more-container .read-more { padding-top: 30px; }

/* Lists */
ul.list-orange-tick { list-style: none; padding-left: 0; }
ul.list-orange-tick li { position: relative; display: flex; align-items: center; padding-left: 45px; min-height: 35px; margin-bottom: 15px; }
ul.list-orange-tick li::before { content: ""; position: absolute; left: 0; top: 4px; width: 30px; height: 26px; background-image: url('/wp-content/themes/awgroup/images/orange-tick.png'); background-size: contain; background-repeat: no-repeat; }
ul.list-blue-tick { list-style: none; padding-left: 0; }
ul.list-blue-tick li { position: relative; display: flex; align-items: center; padding-left: 45px; min-height: 35px; margin-bottom: 15px; }
ul.list-blue-tick li::before { content: ""; position: absolute; left: 0; top: 4px; width: 30px; height: 26px; background-image: url('/wp-content/themes/awgroup/images/blue-tick.png'); background-size: contain; background-repeat: no-repeat; }
ul.list-white-tick { list-style: none; padding-left: 0; }
ul.list-white-tick li { position: relative; display: flex; align-items: center; padding-left: 45px; min-height: 35px; margin-bottom: 15px; }
ul.list-white-tick li::before { content: ""; position: absolute; left: 0; top: 4px; width: 30px; height: 26px; background-image: url('/wp-content/themes/awgroup/images/white-tick.png'); background-size: contain; background-repeat: no-repeat; }

ul.list-orange-tick li > *,
ul.list-blue-tick li > *,
ul.list-white-tick li > * { display: contents; }

.list-truck-training-data { list-style-type: none; padding-left: 0; margin-left: 0; }
.list-truck-training-data li strong { min-width: 137px; display: inline-block; position: relative; margin-right: 30px; }
.list-truck-training-data li strong:before { position: absolute; content: ':'; right: 0; font-weight: 600; }
.list-truck-training-data li b { display: inline-block; padding-left: 30px; }

/* Memory Lane */
.memory-lane { width: 100%; max-width: 850px;}
.memory-lane-item { display: flex; align-items: center; margin: 60px 0; position: relative; }
.memory-lane-item.odd { flex-direction: row-reverse; }
.memory-lane-col { width: 50%; position: relative; }
.memory-text { padding: 40px; text-align: left; }
.memory-lane-item.even .text-col { text-align: right; }
.memory-lane-item.odd .text-col { text-align: left; }
.year-circle { width: 250px; height: 250px; z-index: 999; background: url('/wp-content/themes/awgroup/images/memory-lane-icon.png') center center no-repeat; background-size: contain; position: relative; display: flex; align-items: center; justify-content: center; font-size: 2rem; font-weight: bold; color: #fff; margin: 0 auto; }
.year-line { width: 330px; height: 220px; z-index: 99; background: url('/wp-content/themes/awgroup/images/memory-lane-line.png') center center no-repeat; background-size: contain; position: absolute; top: 30px; left: 50%; transform: translateX(-50%); pointer-events: none; }
.memory-lane-item.odd .year-line { transform: scaleX(-1); left: -33%; top: 80%; }
.memory-lane-item.even .year-line { left: 98%; top: 90%; }
.memory-lane-col .memory-text { font-size: 1.3rem; font-weight: 700; text-transform: uppercase; }
.memory-lane-item.odd .memory-lane-col .memory-text { text-align: right;}

/* Stat Counter */
.stat-counter-container .stat-counter-title { display: block; font-weight: 600; text-transform: uppercase; font-size: 1.2rem; line-height: 1.1em; }
.stat-counter-container { max-width: 150px; text-align: center; }
.stat-counter-container .stat-counter-number { margin-top: 20px; font-size: 3rem; font-weight: 600; }

/* FAQs */
ul.faqs { margin-top: 0; }
ul.faqs .uk-accordion-title { text-decoration: none; background-color: var(--light-grey); color: var(--dark-blue); padding: 30px 40px; font-size: 1.1rem; font-weight: 600; }
ul.faqs .uk-accordion-content { padding: 30px 40px; margin-top: 0px; font-size: 1rem; }
ul.faqs li { border-radius: 10px; overflow: hidden; transition: box-shadow 0.35s ease; }
ul.faqs li.uk-open { box-shadow: 0 5px 15px rgba(0,0,0,.08);}
.uk-accordion-title::before { background-image: url('/wp-content/themes/awgroup/images/accordion-down.svg'); background-size: contain; transform: scaleX(-1); }
.uk-open>.uk-accordion-title::before { background-image: url('/wp-content/themes/awgroup/images/accordion.svg'); background-size: contain; }

/* Values*/
.value { text-align: center; }
.value .value-title { font-size: 1.4rem; font-weight: 700; text-transform: uppercase; margin-bottom: 15px; }
.value .value-sub-title { font-size: 1rem; font-weight: 600; text-transform: uppercase; line-height: 1.1em; margin: 0px; }
.value .value-number { width: 70px; height: 70px; background-color: var(--light-blue); color: var(--white); border-radius: 35px; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; font-weight: 600; }
.value img { max-width: 230px; }

/* CTA */
.cta { background-color: var(--white); color: var(--black); border-radius: 15px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); }
.cta .cta-image img { overflow: hidden; border-top-left-radius: 12px; border-bottom-left-radius: 12px; width: 100%; }
.cta .cta-content { color: var(--black); padding: 30px; }

/* H&S Packages */
.hs-packages:has(.currently-viewed-package-rate) { margin-top: 120px; }
.hs-packages .hs-table-cell { padding: 15px 20px; width: 100%; height: 100%; color: var(--dark-blue); box-sizing: border-box; box-shadow: 0 5px 15px rgba(0,0,0,.08); }
.hs-packages .hs-table-background { background-color: var(--white); }
.hs-packages .hs-table-background.hs-table-background-grey { background-color: var(--grey); }
.hs-packages .hs-table-cell p { margin: 0px; }
.hs-packages .hs-table-cell p.hs-package-name { font-size: 1.1rem; text-transform: uppercase; margin-bottom: 5px; }
.hs-packages .hs-table-cell p.hs-package-text { font-size: 0.9rem; font-weight: 700; line-height: 1.2em; }
.hs-packages .us-table-top-row-cell { border-top-left-radius: 15px; border-top-right-radius: 15px; position: relative; box-shadow: 0 -5px 15px rgba(0,0,0,.08);}
.hs-packages .us-table-bottom-row-cell { border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;}
.hs-packages .hs-table-cell p.hs-package-content-title { font-size: 0.9rem; font-weight: 700;}
.hs-packages .hs-table-cell .hs-package-content-description { font-size: 0.8rem; }
.hs-packages .hs-table-cell .uk-button-secondary { background-color: var(--light-blue); border-color: var(--light-blue); }
.hs-packages .hs-table-cell .uk-button-secondary:focus,
.hs-packages .hs-table-cell .uk-button-secondary:hover { background-color: var(--dark-blue); border-color: var(--dark-blue); }
.hs-packages .hs-package-icon { font-size: 1.7rem; line-height: 1em; }
.hs-packages .hs-package-em-dash { font-size: 3rem; line-height: 1em; }
.hs-packages .hs-package-text-value { font-size: 0.9rem; line-height: 1.1em; font-weight: 700; width: 100px;}


.package-add-on-modal { width: 350px; border-radius: 15px; box-shadow: 0 5px 15px rgba(0,0,0,.08); padding: 0px; padding-top: 30px; }
.package-add-on-modal p.package-add-on-title { text-align: center; margin: 0px; font-size: 1.4rem; line-height: 1.1em; text-transform: uppercase; color: var(--dark-blue); }
.package-add-on-modal .package-add-on-annual-price { text-align: center; padding-bottom: 6px; border-bottom: 2px solid var(--orange); color: var(--dark-blue); margin-top: 25px; width: 250px; }
.package-add-on-modal .package-add-on-monthly-price { text-align: center; padding-top: 6px; color: var(--dark-blue); width: 250px; }
.package-add-on-modal .package-add-on-price { font-size: 1.2rem; font-weight: 700; color: var(--dark-blue); }
.package-add-on-modal .package-add-on-vat { font-size: 0.9rem; font-weight: 700; margin-left: 5px; color: var(--dark-blue); }
.package-add-on-modal .package-add-on-slash { font-size: 0.9rem; margin-left: 5px; color: var(--dark-blue); }
.package-add-on-modal .package-add-on-suffix { font-size: 0.8rem; margin-left: 5px; color: var(--dark-blue); }
.package-add-on-modal .package-add-on-term-text { font-size: 0.7rem; display: block; line-height: 1em; }
.package-add-on-item { padding: 15px 50px; color: var(--dark-blue); text-align: center; font-size: 0.9rem; font-weight: 500; line-height: 1.2em; }
.package-add-on-item.package-add-on-item-background-grey { background-color: var(--grey); }

.uk-modal-dialog .uk-close { background-color: var(--orange); color: var(--white); padding: 8px; border-radius: 15px; } 
.currently-viewed-package-rate { background-color: var(--light-blue); position: absolute; top: -70px; left: 0; color: var(--white); font-size: 0.8rem; padding: 15px; width: 100%; box-sizing: border-box; font-weight: 700; border-radius: 10px; }
.currently-viewed-package-rate::before { content: ""; position: absolute; left: calc(50% - 10px); bottom: -10px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid var(--light-blue); }

/* E-Learning Card */
.e-learning-card { border-radius: 15px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,.08); }
.e-learning-card .e-learning-card-image-container { width: 100%; height: 200px; overflow: hidden; position: relative; }
.e-learning-card .e-learning-card-image-container img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
.e-learning-card .e-learning-card-image-container .e-learning-card-label { display: none; position: absolute; bottom: 10px; left: 10px; background-color: var(--grey); color: var(--black); padding: 10px 20px; border-radius: 10px;  }
.e-learning-card:hover .e-learning-card-image-container img { transform: scale(1.1); }
.e-learning-card .e-learning-card-content-container { background-color: var(--dark-blue); color: var(--white); text-align: center; font-weight: 600; padding: 20px; }
.e-learning-card .page-card-title { color: #fff; }
.e-learning-card-wrapper:hover,
.e-learning-card-wrapper:focus,
.e-learning-card-wrapper:active { text-decoration: none; }

/* Newsletter Card */
.newsletter-card { border-radius: 15px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,.08); }
.newsletter-card .newsletter-card-image-container { width: 100%; height: 200px; overflow: hidden; position: relative; }
.newsletter-card .newsletter-card-image-container img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
.newsletter-card .newsletter-card-image-container .newsletter-card-label { display: none; position: absolute; bottom: 10px; left: 10px; background-color: var(--grey); color: var(--black); padding: 10px 20px; border-radius: 10px;  }
.newsletter-card:hover .newsletter-card-image-container img { transform: scale(1.1); }
.newsletter-card .newsletter-card-content-container { background-color: var(--dark-blue); color: var(--white); text-align: center; font-weight: 600; padding: 20px; }
.newsletter-card .newsletter-card-title { color: #fff; }
.newsletter-card-wrapper:hover,
.newsletter-card-wrapper:focus,
.newsletter-card-wrapper:active { text-decoration: none; }

/* Truck Training Card */
.truck-training-card { border-radius: 15px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,.08); }
.truck-training-card .truck-training-card-image-container { background-color: #fff; width: 100%; overflow: hidden; position: relative; }
/*.truck-training-card .truck-training-card-image-container img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }*/
.truck-training-card .truck-training-card-image-container img { width: 100%; padding: 20px; transition: transform 0.4s ease; }*/
.truck-training-card .truck-training-card-image-container .truck-training-card-label { position: absolute; bottom: 10px; left: 10px; background-color: var(--grey); color: var(--black); padding: 10px 20px; border-radius: 10px;  }
.truck-training-card:hover .truck-training-card-image-container img { transform: scale(1.1); }
.truck-training-card .truck-training-card-content-container { background-color: var(--dark-blue); color: var(--white); text-align: center; font-weight: 600; padding: 20px; }
.truck-training-card .page-card-title { color: #fff; }
.truck-training-card-wrapper:hover,
.truck-training-card-wrapper:focus,
.truck-training-card-wrapper:active { text-decoration: none; }

/* Price Tiers */
.p-price-tier { margin-top : 3px; margin-bottom: 3px; font-size: 0.9rem; color: var(--dark-blue); }
.p-price-tier.p-price-tier-active { color: var(--orange); }

/* Resource Card */
.resource-card { border-radius: 15px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,.08); }
.resource-card .resource-card-image-container { width: 100%; height: 200px; overflow: hidden; position: relative; }
.resource-card .resource-card-image-container img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
.resource-card:hover .resource-card-image-container img { transform: scale(1.1); }
.resource-card .resource-card-content-container { background-color: var(--dark-blue); color: var(--white); text-align: center; font-weight: 600; padding: 20px; }
.resource-card .resource-card-image-container .resource-card-label { box-shadow: 0 5px 15px rgba(0,0,0,.08); position: absolute; bottom: 10px; left: 10px; background-color: var(--grey); color: var(--dark-blue); padding: 6px 12px; border-radius: 10px; font-size: 0.8rem;  }
.resource-card .resource-card-image-container .resource-card-label.price { font-size: 0.9rem; font-weight: 600; }
.resource-card .page-card-title { color: #fff; }
.resource-card-wrapper:hover,
.resource-card-wrapper:focus,
.resource-card-wrapper:active { text-decoration: none; }

.resource-card .resource-card-image-container .resource-card-label.ribbon { position: absolute; top: 12px; right: -40px; bottom: unset; left: unset; font-size: 0.9rem; font-weight: 600; padding: 6px 50px; text-align: center; transform: rotate(45deg); transform-origin: center; background: var(--orange); color: var(--white); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); }


.resource-download-modal { width: 500px; border-radius: 15px; box-shadow: 0 5px 15px rgba(0,0,0,.08); padding: 30px; }
.resource-download-modal p.resource-download-title { text-align: center; margin: 0px; font-size: 1.4rem; line-height: 1.1em; text-transform: uppercase; color: var(--dark-blue); }
.resource-download-modal p.resource-download-disclaimer { font-size: 0.8rem; line-height: 1.1em; color: var(--dark-blue); }
.resource-download-modal .resource-download-form-wrapper { margin-top: 40px; }
.resource-download-modal .resource-download-form-wrapper input { margin-bottom: 10px; }

/* Resources Styling */
.uk-notification-message-resource_danger { box-sizing: border-box; top: 50px; background-color: #fa4747; color: white; padding: 15px; padding-right: 40px; }
.uk-notification-message-resource_success { box-sizing: border-box; top: 50px; background-color: #088f0e; color: white; padding: 15px; padding-right: 40px; }
.uk-notification-message .uk-close { display: block; }
.uk-notification-message .uk-close svg { color: white!important; }
.uk-notification-message-resource_small_danger { box-sizing: border-box; top: 50px; background-color: #fa4747; color: white; padding: 15px; padding-right: 40px; }

.resource-verified-container { padding: 20px; box-shadow: 0 5px 15px rgba(0,0,0,.08); margin-bottom: 30px; border-radius: 15px; background-color: var(--grey); border: 1px solid var(--dark-grey) }
.resource-verified-container .uk-h4 { margin-bottom: 5px;}

/* Banner */
.banner { position: relative; }
.banner .banner-content-wrapper { display: flex; align-items: center; min-height: 500px; box-sizing: border-box; position: relative; }
.banner .banner-content-wrapper .banner-content { width: 100%; box-sizing: border-box; padding-bottom: 50px; z-index: 3; }
.banner .banner-content-wrapper .banner-content .width50 { max-width: 50%; }
.banner .banner-content-wrapper .banner-content .width75 { max-width: 75%; }
.banner .banner-content-wrapper .banner-content .width100 { max-width: 100%; }
.banner .banner-content-wrapper .banner-content .banner-heading { margin-bottom: 10px;}
.banner .banner-content-wrapper .banner-content .banner-subheading { margin-top: 0px;}
.banner .banner-content-wrapper .banner-content .banner-button-container { margin-top: 25px; }
.banner .banner-content-wrapper .banner-content ul { padding-left: 19px; font-size: 0.875rem; }
.banner .banner-content-wrapper .banner-icon-container { display: flex; gap: 20px; position: absolute; z-index: 1; left: 0; bottom: -40px; }
.banner .banner-content-wrapper .banner-icon-container .banner-icon { width: 200px; background-color: var(--white); border-radius: 15px; padding: 10px; height: 60px; display: flex; align-items: center; justify-content: center; box-shadow: 0 5px 15px rgba(0,0,0,.08) }
.banner .banner-content-wrapper .banner-icon-container .banner-icon a { height: 100%; box-sizing: border-box;}
.banner .banner-content-wrapper .banner-icon-container .banner-icon img { height: 100%; object-fit: contain; pointer-events: none; }
.banner .banner-wave { position: absolute; bottom: 0; left: 0; width: 100%; height: 180px; z-index: 0; opacity: 0.5; }
.banner .banner-wave::before { content: ""; position: absolute; bottom: -1px !important; inset: 0; mask: url(/wp-content/themes/awgroup/images/wave-banner.svg) center/cover no-repeat; -webkit-mask: url(/wp-content/themes/awgroup/images/wave-banner.svg) center/cover no-repeat; background-color: var(--dark-blue-2); z-index: 1; pointer-events: none; }
.banner .banner-shadow { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--dark-blue); opacity: 0.6; z-index: 0;}

/* Page Card */
.page-card { border-radius: 15px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,.08); }
.page-card .page-card-image-container { width: 100%; height: 200px; overflow: hidden; position: relative; }
.page-card .page-card-image-container img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
.page-card .page-card-image-container.icon { display: flex; justify-content: center; align-items: center; height: 130px; background-color: var(--dark-blue); }
.page-card .page-card-image-container.icon img { width: 80px; height: auto; object-fit: contain; transition: transform 0.4s ease; }
.page-card:hover .page-card-image-container img { transform: scale(1.2); }
.page-card .page-card-content-container { background-color: var(--dark-blue); color: var(--white); text-align: center; padding: 20px; }
.page-card .page-card-content-container p.page-card-title { font-weight: 600; margin: 0px; }
.page-card .page-card-content-container p.page-card-excerpt { font-size: 0.8rem; margin: 0px; margin-top: 15px;  }
.page-card-wrapper,
.page-card-wrapper:hover,
.page-card-wrapper:focus,
.page-card-wrapper:active { text-decoration: none; }

.background-dark-blue .page-card .page-card-image-container.icon { background-color: var(--white);}
.background-dark-blue .page-card .page-card-content-container { background-color: var(--white); color: var(--black)}

/* Carousel */
.uk-slidenav { background-color: var(--dark-blue); color: var(--white); border-radius: 20px; padding: 10px; }
.uk-slidenav svg { width: 13px; height: 15px; }
.uk-slidenav-previous svg { margin-right: 2px; }
.uk-slidenav-next svg { margin-left: 2px; }
.uk-slidenav.uk-position-xsmall { margin: 15px; margin-left: 0px; }

.background-dark-blue .uk-slidenav { background-color: var(--white);}
.background-dark-blue .uk-slidenav svg { color: var(--dark-blue);}

/* Fixed Page Grid Card */
.fixed-page-card { color: var(--black); border-radius: 10px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,.08); padding: 20px; background-color: var(--white);}
.fixed-page-card .fixed-page-card-title { color: var(--dark-blue); font-weight: 600; font-size: 1.2rem; margin-bottom: 5px; }
.fixed-page-card .fixed-page-card-excerpt { color: var(--black); font-size: 0.9rem; margin: 0px; }
.fixed-page-card .fixed-page-card-image-container { width: 100%; height: 100%; min-height: 160px; display: flex; align-items: center; justify-content: center; }
.fixed-page-card .fixed-page-card-image-container img { height: 90px; }
.fixed-page-card .height-match { box-sizing: border-box; margin-bottom: 15px; }

/* Post Card */
.post-card { border-radius: 15px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,.08); }
.post-card .post-card-image-container { width: 100%; height: 300px; overflow: hidden; position: relative; }
.post-card .post-card-image-container img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
.post-card .post-card-image-container .post-card-label { position: absolute; bottom: 10px; left: 10px; background-color: var(--grey); color: var(--black); padding: 10px 20px; border-radius: 10px;  }
.post-card .post-card-image-container .post-card-label svg { margin-right: 5px; }
.post-card:hover .post-card-image-container img { transform: scale(1.1); }
.post-card .post-card-content-container { background-color: var(--dark-blue); color: var(--white); text-align: center; padding: 20px; }
.post-card .post-card-content-container .post-card-title { font-size: 1.2rem; font-weight: 700;}
.post-card .post-card-content-container .post-card-excerpt { font-size: 0.9rem; }
.post-card-wrapper .post-card-title { color: #fff; }
.post-card-wrapper:hover,
.post-card-wrapper:focus,
.post-card-wrapper:active { text-decoration: none; }

.background-dark-blue .post-card .post-card-content-container { background-color: var(--white); color: var(--black); }

/* Form */
.form-container input[type="text"],
.form-container input[type="email"] { border-radius: 10px; font-weight: 600; height: 42px; border-color: var(--dark-grey); vertical-align: middle; display: inline-block; max-width: 100%; width: 100%; padding: 0 10px; background: #fff; color: #666; border: 1px solid #e5e5e5; transition: .2s ease-in-out; transition-property: color, background-color, border; font-size: 1rem; font-weight: 400; font-family: 'Montserrat', 'Arial', serif; }
.form-container textarea { min-width: 100%; min-height: 200px; border-radius: 10px; font-weight: 600; border-color: var(--dark-grey);  display: inline-block; max-width: 100%; width: 100%; padding: 10px; background: #fff; color: #666; border: 1px solid #e5e5e5; transition: .2s ease-in-out; transition-property: color, background-color, border; font-size: 1rem; font-weight: 400; font-family: 'Montserrat', 'Arial', serif; }
.form-container input[type="text"]:focus,
.form-container input[type="email"]:focus,
.form-container textarea:focus,
.form-container input[type="text"]:active,
.form-container input[type="email"]:active,
.form-container textarea:active,
.form-container input[type="text"]:focus-visible,
.form-container input[type="email"]:focus-visible,
.form-container textarea:focus-visible { border: 1px solid var(--orange) !important; outline: none; }
.form-container input[type="submit"] { letter-spacing: 0.7px; border: 2px solid var(--orange); color: var(--white); background-color: var(--orange); transition: background-color 0.5s ease, color 0.5s  ease, border-color 0.5s  ease; border: 2px solid var(--orange); color: var(--white); background-color: var(--orange); -webkit-transition: background-color 0.5s ease, color 0.5s ease; transition: background-color 0.5s ease, color 0.5s ease, border-color 0.5s ease; display: inline-block; box-sizing: border-box; padding: 0 40px; vertical-align: middle; font-size: .875rem; line-height: 45px; text-align: center; text-decoration: none; text-transform: uppercase; border-radius: 10px; font-weight: 600;}
.form-container input[type="submit"]:hover,
.form-container input[type="submit"]:focus,
.form-container input[type="submit"]:active { cursor: pointer; border: 2px solid var(--dark-blue); color: var(--white); background-color: var(--dark-blue); }
.wpcf7-not-valid-tip { font-size: 0.8rem; color: var(--orange); }

/* Footer */
footer.footer { padding-bottom: 30px; padding-top: 30px; font-size: 0.9rem; }
footer.footer .footer-logo { width: 250px; text-align: center;}
footer.footer .footer-icons { display: inline-flex; gap: 20px; justify-content: center; align-items: center; width: 100%; }
footer.footer .footer-icons img { width: 80px; }

footer.footer ul.footer-policy-menu { list-style: none; margin: 0; padding: 0; display: flex; gap: 50px; }
footer.footer ul.footer-policy-menu li { display: inline-flex; align-items: center; }
footer.footer ul.footer-policy-menu li a { text-decoration: none; display: block; color: var(--white); font-size: 0.8rem; }

footer.footer .footer-social-icons { list-style: none; margin: 0; padding: 0; display: flex; gap: 20px; }
footer.footer .footer-social-icons a { text-decoration: none; display: block; color: var(--white); }
footer.footer .footer-social-icons a svg { font-size: 1.5rem;}

footer.footer ul.footer-menu { list-style: none; padding-left: 0px; }
footer.footer ul.footer-menu li a { text-decoration: none; font-size: 0.9rem;}

/* WooCommerce */
.woocommerce div.product div.images,
.woocommerce div.product div.summary,
.woocommerce div.product form.cart { margin-bottom: 0; }
.woocommerce table.shop_table thead { background-color: var(--light-grey);}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt { background-color: var(--orange); border-radius: 15px;}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:hover { background-color: var(--dark-blue);}
#add_payment_method table.cart td.actions .coupon .input-text, 
.woocommerce-cart table.cart td.actions .coupon .input-text, 
.woocommerce-checkout table.cart td.actions .coupon .input-text { padding: 0px 10px; line-height: 40px; min-width: 200px; border-radius: 10px; }
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled[disabled]  { background-color: var(--dark-blue); color: var(--white); font-size: 0.8rem; line-height: 40px; padding: 0px 20px; border: 1px solid var(--dark-blue); border-radius: 10px; }
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled[disabled]:hover { background-color: var(--dark-blue-2); color: var(--white); }
.woocommerce .quantity .qty { font-size: 0.9rem; line-height: 40px; padding: 0px; min-width: 80px; border-radius: 10px; border: 1px solid var(--dark-grey); padding-right: 5px; padding-left: 5px; }
.woocommerce div.product form.cart .button { font-size: 0.9rem; line-height: 40px; padding: 0px 30px; border: 1px solid var(--orange); text-transform: uppercase; font-weight: 600; border-radius: 10px;}
.woocommerce div.product form.cart .button:hover,
.woocommerce div.product form.cart .button:focus { border-color: var(--dark-blue);}
.woocommerce form.cart { margin-top: 30px;}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, 
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price { color: var(--dark-blue); font-weight: 600; font-size: 2rem; }
.woocommerce div.product p.price ins, 
.woocommerce div.product span.price ins { color: var(--dark-blue);}
.woocommerce div.product p.price del { color: var(--orange); font-size: 1.5rem; }
.woocommerce div.product p.price { display: flex; align-items: center; gap: 10px; }
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button { font-size: 1.2rem; padding: 20px; font-weight: 600; }
.woocommerce-cart .qty-static { width: 100%; text-align: center; display: block; max-width: 80px; }

.woocommerce form .form-row .input-text, 
.woocommerce form .form-row select { font-size: 0.9rem; line-height: 40px; padding: 0px 10px; border: 1px solid var(--dark-grey); }

.select2-container .select2-dropdown, .select2-container .select2-selection { border: 1px solid var(--dark-grey); }
.select2-container .select2-selection--single .select2-selection__rendered { color: var(--black); font-size: 0.9rem; line-height: 25px;}
.woocommerce form .form-row textarea.input-text { min-width: 100%; width: 100%; padding: 10px; line-height: unset; font-family: 'Montserrat', 'Arial', serif;}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background-color: var(--light-grey);}
.woocommerce #payment #place_order, 
.woocommerce-page #payment #place_order { float: unset !important; width: 100%; margin-top: 30px; border: none; border-radius: 10px; font-weight: 600; font-family: 'Montserrat', 'Arial', serif; font-size: 1.2rem; padding: 10px; font-weight: 600; }

.woocommerce table.shop_table { border-collapse: collapse; }
.woocommerce .woocommerce-form-coupon .input-text { font-size: 0.9rem; line-height: 40px; padding: 0px 10px; min-width: 200px; border-radius: 10px; margin-right: 5px; border: 1px solid var(--dark-grey)}
.woocommerce .woocommerce-form-coupon .input-text:focus-visible { outline: none;}

.woocommerce-info { border-top-color: var(--light-blue);} 
.woocommerce-info, 
.woocommerce-message { background-color: var(--light-grey); display: flex; align-items: center; gap: 10px;}
.woocommerce-error { background-color: var(--light-grey); }
.woocommerce-message:has(.button),
.woocommerce-info:has(.button) { justify-content: space-between;}
.woocommerce .woocommerce-message .button,
.woocommerce .woocommerce-info .button { float: unset; margin-left: auto; background-color: var(--orange); font-size: 0.9rem; line-height: 40px; padding: 0px 20px; border-radius: 10px; color: var(--white); font-weight: 600; font-family: 'Montserrat', 'Arial', serif; }
.woocommerce .woocommerce-message .button:hover,
.woocommerce .woocommerce-message .button:focus,
.woocommerce .woocommerce-info .button:hover,
.woocommerce .woocommerce-info .button:focus { background-color: var(--dark-blue); color: var(--white);}
.woocommerce-error:focus-visible, 
.woocommerce-info:focus-visible, 
.woocommerce-message:focus-visible { outline: none; }
.woocommerce-message:has(.button)::before,
.woocommerce-info:has(.button)::before { top: 24px; }

.woocommerce-checkout .woocommerce .woocommerce-form-login .form-row-first,
.woocommerce-checkout .woocommerce .woocommerce-form-login .form-row-last { width: 100%; float: unset; }

.woocommerce form .form-row:has(.woocommerce-button) { margin-top: 20px !important; }

.woocommerce-account .woocommerce-MyAccount-navigation { border: 1px solid var(--border-grey); padding: 0px; overflow: hidden; width: 100%; float: unset; border-radius: 10px; }
.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; padding-left: 0px; margin-bottom: 0px; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li { padding: 10px 20px;}
.woocommerce-account .woocommerce-MyAccount-navigation ul li:first-of-type { padding-top: 20px; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-of-type { padding-bottom: 20px; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li a { text-decoration: none;}
.woocommerce-account .woocommerce-MyAccount-navigation ul li:hover { background-color: var(--light-grey);}
.woocommerce-account .woocommerce-MyAccount-navigation ul li:hover a { color: var(--light-blue);}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active { background-color: var(--light-grey); }
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a { color: var(--light-blue); font-weight: 600; }

.woocommerce-account .woocommerce-MyAccount-content { float: unset; width: 100%;}

.woocommerce button.button[name="save_address"] { font-size: 1rem; padding: 0px 30px; line-height: 45px; margin-top: 20px; font-weight: 600; text-transform: uppercase; font-family: 'Montserrat', 'Arial', serif; }
.woocommerce button.button[name="login"],
.woocommerce button.button[name="register"],
.woocommerce button.button[name="save_account_details"]  { font-size: 1rem; padding: 0px 30px; line-height: 45px; font-family: 'Montserrat', 'Arial', serif; }
.woocommerce a.woocommerce-MyAccount-downloads-file { font-size: 0.9rem; font-weight: 600; text-transform: uppercase; font-family: 'Montserrat', 'Arial', serif;}

.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme { display: inline-flex; height: 50px; align-items: center; gap: 5px;}

.resource-purchased-container { padding: 20px; background-color: var(--light-grey); border-radius: 15px;}
.resource-purchased-container p { margin-bottom: 10px;}

.woocommerce-thankyou-order-details .woocommerce-order-overview__purchase-order { display: none; }

.woocommerce .woocommerce-customer-details address { padding: 20px; background-color: var(--light-grey); border-radius: 10px; border: 1px solid var(--border-grey); }
.woocommerce .woocommerce-Address address { padding: 20px; background-color: var(--light-grey); border-radius: 10px; border: 1px solid var(--border-grey); }

.woocommerce .woocommerce-table--order-downloads .download-product a { text-decoration: none; }
.woocommerce .woocommerce-orders-table__row .woocommerce-orders-table__cell a { text-decoration: none; }
.woocommerce .woocommerce-orders-table__row .woocommerce-orders-table__cell .woocommerce-button { font-size: 0.9rem; padding: 0px 30px; line-height: 36px; font-family: 'Montserrat', 'Arial', serif; background-color: var(--orange); color: var(--white); border-radius: 15px; text-transform: uppercase; }
.woocommerce .woocommerce-orders-table__row .woocommerce-orders-table__cell .woocommerce-button:hover,
.woocommerce .woocommerce-orders-table__row .woocommerce-orders-table__cell .woocommerce-button:focus { background-color: var(--dark-blue); }

.woocommerce .woocommerce-thankyou-order-details { padding: 20px; background-color: var(--light-grey); border-radius: 5px; border: 1px solid var(--border-grey); }

.woocommerce table.my_account_orders { font-size: unset;}
.woocommerce table.shop_table.woocommerce-orders-table th { padding: 9px 12px; }

/* Pagination */
.pagination { text-align: center; margin: 0px; margin-top: 50px; }
.pagination .nav-links { display: inline-flex; gap: 8px; }
.pagination .page-numbers { display: inline-block; padding: 8px 14px; min-width: 20px; border: 1px solid var(--light-grey); background-color: var(--light-grey); color: var(--dark-blue); text-decoration: none; font-size: 15px; border-radius: 4px; transition: all 0.2s ease; }
.pagination .page-numbers:hover { background-color: var(--dark-blue); color: var(--white); }
.pagination .page-numbers.current { background-color: var(--dark-blue); color: var(--white); border-color: var(--dark-blue); }
.pagination .page-numbers.prev,
.pagination .page-numbers.next { padding: 8px 16px; }

/* Search */
.search-results-list article a { text-decoration: none; }
.search-results-list article a.uk-button-primary { color: var(--white) !important;}
.search-results-list article { margin-bottom: 10px; }
.search-results-list article:last-of-type { margin-bottom: 0px; }

/* CF7 */
.wpcf7-checkbox .wpcf7-list-item,
.wpcf7-radio .wpcf7-list-item { display: block; margin-bottom: 15px; margin-left: 0; }
.wpcf7-checkbox .wpcf7-list-item label,
.wpcf7-radio .wpcf7-list-item label { display: flex; align-items: center; gap: 8px; }
.wpcf7-checkbox input[type="checkbox"],
.wpcf7-radio input[type="radio"] { width: 20px; height: 20px; margin: 0; min-width: 25px; }
.wpcf7-list-item-label { font-size: 1rem; line-height: 1rem; font-family: 'Montserrat', 'Arial', serif; font-weight: 400; }

/* Card Image */
.card-image { width: 100%; height: 250px; object-fit: cover; }

@media (max-width: 1449px) {
    .value img { max-width: 200px; }
}

@media (max-width: 1239px) {
    header.header .header-main-nav nav ul.primary-horizontal-menu li a { padding-left: 25px; padding-right: 25px; }
}

@media (max-width: 1049px) {
    header.header .header-main-nav nav ul.primary-horizontal-menu li a { padding-left: 16px; padding-right: 16px; }
}

/* Large @l */
@media (max-width: 1199px) {
    /*.banner .banner-content-wrapper .banner-content { max-width: 75%; }*/
    html, body { font-size: 15px;}
    header.header .site-logo img { width: 100px; }
    header.header .header-content-wrapper .site-search-input { padding: 13px 25px; padding-left: 50px;}
    header.header .header-content-wrapper .site-search-icon { width: 50px; }
    header.header .header-content-wrapper .uk-button-secondary { line-height: 41px; padding: 0px 28px; }
    header.header .header-content-wrapper .header-icon-button svg { height: 16px; }
    
    section .uk-grid > div { margin-bottom: 40px; }
    section .uk-grid > div:last-of-type { margin-bottom: 0px; }

    section .uk-grid.uk-grid-small > div { margin-bottom: 20px; }
    section .uk-grid.uk-grid-small > div:last-of-type { margin-bottom: 0px; }

    section .hs-packages .uk-grid.uk-grid-small > div { margin-bottom: 0px; }

    .uk-button-large { line-height: 45px; padding: 0px 45px; }
    .uk-button-medium { line-height: 40px; padding: 0px 40px; }
    .uk-button-small { line-height: 30px; padding: 0px 30px; }
}

@media (min-width: 639px) and (max-width: 889px) {
    .currently-viewed-package-rate { top: -85px; }
}

/* Min Medium @m */
@media (min-width: 960px) {
    /* Slider */
    .uk-slider-medium .uk-slidenav { display: none;}
    .woocommerce-checkout .woocommerce .woocommerce-form-login { width: 40%; }
    .woocommerce-checkout .woocommerce .woocommerce-form-coupon { width: 40%; }
    .woocommerce .woocommerce-customer-details address { width: 50%; }
    .woocommerce .woocommerce-Address address { width: 50%; }
}

/* Medium @m */
@media (max-width: 959px) {

    html { font-size: 16px; }

    /* Memory Lane */
    .memory-lane { max-width: 750px;}
    .year-circle { width: 200px; height: 200px; }
    .memory-lane-item.odd .year-line { transform: scaleX(-1); left: -41%; top: 80%; }
    .memory-lane-item.even .year-line { left: 98%; top: 82%; }

    /* Footer */
    footer.footer .footer-menu { text-align: center; }
    footer.footer .footer-right-content { text-align: center; width: 100%; }
    footer.footer ul.footer-policy-menu { flex-direction: column; gap: 2px; align-items: center; }
    footer.footer ul.footer-policy-menu li { display: flex; }

    /* Banner */
    .banner .banner-content-wrapper .banner-content { max-width: 100%; padding-bottom: 0px; margin-bottom: 30px; min-height: 250px; display: flex; align-items: center; }
    .banner .banner-content-wrapper .banner-icon-container { gap: 20px; position: relative; z-index: 1; left: 0; bottom: unset; }
    .banner .banner-content-wrapper .banner-icon-container .banner-icon { width: 33%; }
    .banner .banner-content-wrapper { display: block; padding-top: 20px; padding-bottom: 30px; min-height: unset; z-index: 5; }
    .banner .banner-content-wrapper .banner-content .width50 { max-width: 100%; }
    .banner .banner-content-wrapper .banner-content .width75 { max-width: 100%; }
    .banner .banner-content-wrapper .banner-content .width100 { max-width: 100%; }
    
    /* Padding */
    .uk-padding { padding: 60px !important; }
    .uk-padding-top { padding-top: 60px !important; }
    .uk-padding-bottom { padding-bottom: 60px !important; }
    .uk-padding-left { padding-left: 60px !important; }
    .uk-padding-right { padding-right: 60px !important; }

    .uk-padding-xlarge { padding: 160px !important; }
    .uk-padding-xlarge-top { padding-top: 160px !important; }
    .uk-padding-xlarge-bottom { padding-bottom: 160px !important; }
    .uk-padding-xlarge-left { padding-left: 160px !important; }
    .uk-padding-xlarge-right { padding-right: 160px !important; }

    .uk-padding-large { padding: 120px !important; }
    .uk-padding-large-top { padding-top: 120px !important; }
    .uk-padding-large-bottom { padding-bottom: 120px !important; }
    .uk-padding-large-left { padding-left: 120px !important; }
    .uk-padding-large-right { padding-right: 120px !important; }

    .uk-padding-medium { padding: 80px !important; }
    .uk-padding-medium-top { padding-top: 80px !important; }
    .uk-padding-medium-bottom { padding-bottom: 80px !important; }
    .uk-padding-medium-left { padding-left: 80px !important; }
    .uk-padding-medium-right { padding-right: 80px !important; }

    .uk-padding-small { padding: 30px !important; }
    .uk-padding-small-top { padding-top: 30px !important; }
    .uk-padding-small-bottom { padding-bottom: 30px !important; }
    .uk-padding-small-left { padding-left: 30px !important; }
    .uk-padding-small-right { padding-right: 30px !important; }

    .uk-padding-xsmall { padding: 15px !important; }
    .uk-padding-xsmall-top { padding-top: 15px !important; }
    .uk-padding-xsmall-bottom { padding-bottom: 15px !important; }
    .uk-padding-xsmall-left { padding-left: 15px !important; }
    .uk-padding-xsmall-right { padding-right: 15px !important; }

    /* Margin */
    .uk-margin { margin: 60px !important; }
    .uk-margin-top { margin-top: 60px !important; }
    .uk-margin-bottom { margin-bottom: 60px !important; }
    .uk-margin-left { margin-left: 60px !important; }
    .uk-margin-right { margin-right: 60px !important; }

    .uk-margin-xlarge { margin: 160px !important; }
    .uk-margin-xlarge-top { margin-top: 160px !important; }
    .uk-margin-xlarge-bottom { margin-bottom: 160px !important; }
    .uk-margin-xlarge-left { margin-left: 160px !important; }
    .uk-margin-xlarge-right { margin-right: 160px !important; }

    .uk-margin-large { margin: 120px !important; }
    .uk-margin-large-top { margin-top: 120px !important; }
    .uk-margin-large-bottom { margin-bottom: 120px !important; }
    .uk-margin-large-left { margin-left: 120px !important; }
    .uk-margin-large-right { margin-right: 120px !important; }

    .uk-margin-medium { margin: 80px !important; }
    .uk-margin-medium-top { margin-top: 80px !important; }
    .uk-margin-medium-bottom { margin-bottom: 80px !important; }
    .uk-margin-medium-left { margin-left: 80px !important; }
    .uk-margin-medium-right { margin-right: 80px !important; }

    .uk-margin-small { margin: 30px !important; }
    .uk-margin-small-top { margin-top: 30px !important; }
    .uk-margin-small-bottom { margin-bottom: 30px !important; }
    .uk-margin-small-left { margin-left: 30px !important; }
    .uk-margin-small-right { margin-right: 30px !important; }

    .uk-margin-xsmall { margin: 15px !important; }
    .uk-margin-xsmall-top { margin-top: 15px !important; }
    .uk-margin-xsmall-bottom { margin-bottom: 15px !important; }
    .uk-margin-xsmall-left { margin-left: 15px !important; }
    .uk-margin-xsmall-right { margin-right: 15px !important; }

    .uk-margin-xxsmall { margin: 10px !important; }
    .uk-margin-xxsmall-top { margin-top: 10px !important; }
    .uk-margin-xxsmall-bottom { margin-bottom: 10px !important; }
    .uk-margin-xxsmall-left { margin-left: 10px !important; }
    .uk-margin-xxsmall-right { margin-right: 10px !important; }

    header.header .site-logo img { width: 70px; }
    header.header { background-color: var(--dark-blue);}
    header.header .site-logo { display: block; width: 100%; text-align: center;}
    header.header .mobile-menu-icon { color: var(--white); font-size: 2rem; padding: 0px 10px; background-color: var(--dark-blue); border: none; }

    header.header .mobile-header-icon-button { display: flex; align-items: center; height: 100%; text-decoration: none; padding: 0px 10px; position: relative; }
    header.header .mobile-header-icon-button span,
    header.header .mobile-header-icon-button svg { display: block; text-align: center; width: 100%; color: var(--white)}
    header.header .mobile-header-icon-button:hover span,
    header.header .mobile-header-icon-button:hover svg,
    header.header .mobile-header-icon-button:focus span,
    header.header .mobile-header-icon-button:focus svg { color: var(--white)}
    header.header .mobile-header-icon-button span { font-size: 0.65rem; margin-top: 3px;}
    header.header .mobile-header-icon-button svg { height: 22px; }

    
}

@media (max-width: 889px) {

}

/* Small @s */
@media (max-width: 639px) {

    html { font-size: 14px; }

    /* Memory Lane */
    .memory-lane { max-width: unset;}
    .memory-lane-item { flex-direction: row !important; }
    .memory-lane-item.odd,
    .memory-lane-item.even { flex-direction: row !important; }
    .year-col { width: 30%; }
    .text-col { width: 70%; }
    .memory-lane-item.odd .memory-lane-col .memory-text,
    .memory-lane-item.even .memory-lane-col .memory-text { text-align: left; padding: 20px; font-size: 1.1rem; }
    .year-circle { width: 100px; height: 100px; margin: 0; font-size: 1.6rem; }
    .year-line { display: none; }

    /* Values */
    .value img { max-width: 150px; }
    .value .value-number { width: 50px; height: 50px; }

    /* H&S Packages */
    .hs-packages .uk-grid-small { padding-left: 15px; border-radius: 15px; }
    .hs-packages .uk-grid-small > * { padding-left: 0px; }
    .hs-packages .us-table-top-row-cell { border-top-left-radius: 0px; border-top-right-radius: 0px;}
    .hs-packages .us-table-bottom-row-cell { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}
    .hs-packages .uk-first-column > .first-mobile-cell-top { border-top-left-radius: 15px; }
    .hs-packages .uk-first-column > .first-mobile-cell-bottom { border-bottom-left-radius: 15px; }
    .hs-packages .last-mobile-cell-top { border-top-right-radius: 15px; }
    .hs-packages .last-mobile-cell-bottom { border-bottom-right-radius: 15px; }
    .hs-packages .hs-table-cell { box-shadow: unset; }

    /* Banner */
    .banner .banner-content-wrapper .banner-content .uk-button { display: block; margin-left: 0px !important; }
    .banner .banner-content-wrapper .banner-content .uk-button:last-of-type { margin-top: 10px; }

    /* Fixed Grid Card */
    .fixed-page-card .fixed-page-card-image-container { min-height: 130px; }

    header.header .site-logo img { width: 60px; }
    header.header .mobile-header-icon-button .uk-badge { bottom: 10px;}

    section .uk-grid.uk-grid-small > div.hs-table-description { margin-bottom: 0px; }
    section .uk-grid.uk-grid-small > div.hs-table-header-row,
    section .uk-grid.uk-grid-small > div.hs-table-body-row { margin-bottom: 10px; }
    section .uk-grid.uk-grid-small > div.hs-table-header-row:not(.uk-first-column),
    section .uk-grid.uk-grid-small > div.hs-table-body-row:not(.uk-first-column),
    section .uk-grid.uk-grid-small > div.hs-table-footer-row:not(.uk-first-column) { border-left: 2px solid var(--dark-grey-3);}
    .hs-packages .hs-table-background.hs-table-background-grey { background-color: var(--white); }
}