/*
Theme Name: boilerplate 
Theme URI: https://joshua-hall.com
Author: Joshua Hall
Author URI: https://joshua-hall.com
Description: Boiletplate powered by Joshua Hall.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 1.01
*/

@font-face {
    font-family: 'NeueHaasUnicaPro';
    src: url('/wp-content/themes/boilerplate/fonts/NeueHaasUnicaPro-Regular.woff2') format('woff2'),
        url('/wp-content/themes/boilerplate/fonts/NeueHaasUnicaPro-Regular.woff') format('woff'),
        url('/wp-content/themes/boilerplate/fonts/NeueHaasUnicaPro-Regular.svg#NeueHaasUnicaPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



html {scroll-behavior: smooth; -webkit-font-smoothing: antialiased !important; transition: 0.3s ease all;}
body { margin:0; padding:0; font-weight:normal;margin: 0;}
::selection { background: var(--primary); color: var(--white) }

html, body{ background: var(--white)}


/* Structure*/

.container { position: relative; height: 100%; width: 100%;}
.row { height: 100%; position: relative;}
.full-width { width: 100%;  margin: 0 auto;}
.row-width-98 { width: 98%; max-width: 98%; margin: 0 auto; }
.row-width-95 { width: 95%; max-width: 95%; margin: 0 auto; }
.row-width-90 { width: 90%; max-width: 90%; margin: 0 auto; }
.row-width-85 { width: 85%; max-width: 85%; margin: 0 auto; }
.row-width-80 { width: 80%; max-width: 80%; margin: 0 auto; }
.row-width-70 { width: 70%; max-width: 70%; margin: 0 auto; }
.row-width-60 { width: 60%; max-width: 60%; margin: 0 auto; }
.row-width-50 { width: 50%; max-width: 50%; margin: 0 auto; }
.row-width-40 { width: 40%; max-width: 40%; margin: 0 auto; }
.row-width-30 { width: 30%; max-width: 30%; margin: 0 auto; }
.row-width-20 { width: 20%; max-width: 20%; margin: 0 auto; }
.row-width-10 { width: 10%; max-width: 10%; margin: 0 auto; }


/* Widths */

.col1{width: 8.33%;box-sizing: border-box;}
.col2{width: 16.66%;box-sizing: border-box;}
.col2-5{width: 20.00%;box-sizing: border-box;}
.col3{ width: 25%;box-sizing: border-box;}
.col4{width: 33.33%;box-sizing: border-box;}
.col5{width: 41.33%;box-sizing: border-box;}
.col6{width: 50%; position: relative;box-sizing: border-box;}
.col7{width: 58.33%;box-sizing: border-box;}
.col8{width: 66.66%; box-sizing: border-box;}
.col9{width: 75%;box-sizing: border-box;}
.col10{width: 83.88%;box-sizing: border-box;}
.col11{width: 91.66%; box-sizing: border-box;}
.col12{width: 100%;  box-sizing: border-box;}

.gap-10 > .col1  { width: calc((100% - (10px * 11)) / 12 * 1); }
.gap-10 > .col2  { width: calc((100% - (10px * 11)) / 12 * 2 + 10px); }
.gap-10 > .col3  { width: calc((100% - (10px * 11)) / 12 * 3 + 10px * 2); }
.gap-10 > .col4  { width: calc((100% - (10px * 11)) / 12 * 4 + 10px * 3); }
.gap-10 > .col5  { width: calc((100% - (10px * 11)) / 12 * 5 + 10px * 4); }
.gap-10 > .col6  { width: calc((100% - (10px * 11)) / 12 * 6 + 10px * 5); }
.gap-10 > .col7  { width: calc((100% - (10px * 11)) / 12 * 7 + 10px * 6); }
.gap-10 > .col8  { width: calc((100% - (10px * 11)) / 12 * 8 + 10px * 7); }
.gap-10 > .col9  { width: calc((100% - (10px * 11)) / 12 * 9 + 10px * 8); }
.gap-10 > .col10 { width: calc((100% - (10px * 11)) / 12 * 10 + 10px * 9); }
.gap-10 > .col11 { width: calc((100% - (10px * 11)) / 12 * 11 + 10px * 10); }
.gap-10 > .col12 { width: 100%; }

.gap-20 > .col1  { width: calc((100% - (20px * 11)) / 12 * 1); }
.gap-20 > .col2  { width: calc((100% - (20px * 11)) / 12 * 2 + 20px); }
.gap-20 > .col3  { width: calc((100% - (20px * 11)) / 12 * 3 + 20px * 2); }
.gap-20 > .col4  { width: calc((100% - (20px * 11)) / 12 * 4 + 20px * 3); }
.gap-20 > .col5  { width: calc((100% - (20px * 11)) / 12 * 5 + 20px * 4); }
.gap-20 > .col6  { width: calc((100% - (20px * 11)) / 12 * 6 + 20px * 5); }
.gap-20 > .col7  { width: calc((100% - (20px * 11)) / 12 * 7 + 20px * 6); }
.gap-20 > .col8  { width: calc((100% - (20px * 11)) / 12 * 8 + 20px * 7); }
.gap-20 > .col9  { width: calc((100% - (20px * 11)) / 12 * 9 + 20px * 8); }
.gap-20 > .col10 { width: calc((100% - (20px * 11)) / 12 * 10 + 20px * 9); }
.gap-20 > .col11 { width: calc((100% - (20px * 11)) / 12 * 11 + 20px * 10); }
.gap-20 > .col12 { width: 100%; }

.gap-30 > .col1  { width: calc((100% - (30px * 11)) / 12 * 1); }
.gap-30 > .col2  { width: calc((100% - (30px * 11)) / 12 * 2 + 30px); }
.gap-30 > .col3  { width: calc((100% - (30px * 11)) / 12 * 3 + 30px * 2); }
.gap-30 > .col4  { width: calc((100% - (30px * 11)) / 12 * 4 + 30px * 3); }
.gap-30 > .col5  { width: calc((100% - (30px * 11)) / 12 * 5 + 30px * 4); }
.gap-30 > .col6  { width: calc((100% - (30px * 11)) / 12 * 6 + 30px * 5); }
.gap-30 > .col7  { width: calc((100% - (30px * 11)) / 12 * 7 + 30px * 6); }
.gap-30 > .col8  { width: calc((100% - (30px * 11)) / 12 * 8 + 30px * 7); }
.gap-30 > .col9  { width: calc((100% - (30px * 11)) / 12 * 9 + 30px * 8); }
.gap-30 > .col10 { width: calc((100% - (30px * 11)) / 12 * 10 + 30px * 9); }
.gap-30 > .col11 { width: calc((100% - (30px * 11)) / 12 * 11 + 30px * 10); }
.gap-30 > .col12 { width: 100%; }

.gap-40 > .col1  { width: calc((100% - (40px * 11)) / 12 * 1); }
.gap-40 > .col2  { width: calc((100% - (40px * 11)) / 12 * 2 + 40px); }
.gap-40 > .col3  { width: calc((100% - (40px * 11)) / 12 * 3 + 40px * 2); }
.gap-40 > .col4  { width: calc((100% - (40px * 11)) / 12 * 4 + 40px * 3); }
.gap-40 > .col5  { width: calc((100% - (40px * 11)) / 12 * 5 + 40px * 4); }
.gap-40 > .col6  { width: calc((100% - (40px * 11)) / 12 * 6 + 40px * 5); }
.gap-40 > .col7  { width: calc((100% - (40px * 11)) / 12 * 7 + 40px * 6); }
.gap-40 > .col8  { width: calc((100% - (40px * 11)) / 12 * 8 + 40px * 7); }
.gap-40 > .col9  { width: calc((100% - (40px * 11)) / 12 * 9 + 40px * 8); }
.gap-40 > .col10 { width: calc((100% - (40px * 11)) / 12 * 10 + 40px * 9); }
.gap-40 > .col11 { width: calc((100% - (40px * 11)) / 12 * 11 + 40px * 10); }
.gap-40 > .col12 { width: 100%; }

.gap-60 > .col1  { width: calc((100% - (60px * 11)) / 12 * 1); }
.gap-60 > .col2  { width: calc((100% - (60px * 11)) / 12 * 2 + 60px); }
.gap-60 > .col3  { width: calc((100% - (60px * 11)) / 12 * 3 + 60px * 2); }
.gap-60 > .col4  { width: calc((100% - (60px * 11)) / 12 * 4 + 60px * 3); }
.gap-60 > .col5  { width: calc((100% - (60px * 11)) / 12 * 5 + 60px * 4); }
.gap-60 > .col6  { width: calc((100% - (60px * 11)) / 12 * 6 + 60px * 5); }
.gap-60 > .col7  { width: calc((100% - (60px * 11)) / 12 * 7 + 60px * 6); }
.gap-60 > .col8  { width: calc((100% - (60px * 11)) / 12 * 8 + 60px * 7); }
.gap-60 > .col9  { width: calc((100% - (60px * 11)) / 12 * 9 + 60px * 8); }
.gap-60 > .col10 { width: calc((100% - (60px * 11)) / 12 * 10 + 60px * 9); }
.gap-60 > .col11 { width: calc((100% - (60px * 11)) / 12 * 11 + 60px * 10); }
.gap-60 > .col12 { width: 100%; }

.height-0 { height:0vh; box-sizing: border-box;}
.height-20 { height:20vh;box-sizing: border-box; }
.height-40 { height:40vh;box-sizing: border-box; }
.height-60 { height:60vh;box-sizing: border-box; }
.height-80 { height:80vh;box-sizing: border-box; }
.height-100 { height:100vh; box-sizing: border-box; }
.height-auto { height: auto; }

.absolute-center {position: absolute;top: 0;left: 0; right: 0; bottom: 0; margin: auto}
.absolute-top {position: absolute;top: 0;left: 0; right: 0; bottom: auto; margin: auto}
.absolute-left {position: absolute;top: 0;left: 0; right: auto; bottom: 0; margin: auto}
.absolute-right {position: absolute;top: 0;left: auto; right: 0; bottom: 0; margin: auto}
.absolute-bottom {position: absolute;top: auto;left: 0; right: 0; bottom: 0; margin: auto}

.position-relative { position: relative; }

.flex-row {display: flex;flex-direction: row;}
.flex-row-reverse {display: flex;flex-direction: row-reverse;}
.flex-column { display: flex; flex-direction: column;}
.justify-center { display: flex; justify-content: center; }
.justify-bottom { display: flex; justify-content: flex-end;}

.flex-wrap {flex-wrap: wrap}
.justify-left {  justify-content: left }
.justify-right { justify-content: right }
.justify-spaced { justify-content: space-between;}
.align-top { align-items: flex-start; }
.align-bottom { align-items: flex-end;}
.align-left {  align-items: flex-start }
.align-center  {align-items: center; }
.align-right {  align-items: flex-end;}
.text-center { text-align:center;}
.text-right { text-align:right;}
.text-left { text-align:left;}

.float-left { float: left;}
.float-right { float: right;}


.padding-0 {padding:0 !important}
.padding-b-0 {padding-bottom: 0px}
.padding-t-0 {padding-top: 0px}
.padding-l-0 {padding-left: 0px}
.padding-r-0 {padding-right: 0px}
.padding-10 {padding:10px 0}
.padding-b-10 {padding-bottom: 10px}
.padding-t-10 {padding-top: 10px}
.padding-l-10 {padding-left: 10px}
.padding-r-10 {padding-right: 10px}
.padding-20 {padding:20px 0}
.padding-b-20 {padding-bottom: 20px}
.padding-t-20 {padding-top: 20px}
.padding-l-20 {padding-left: 20px}
.padding-r-20 {padding-right: 20px}
.padding-40 {padding:40px 40px}
.padding-b-40 {padding-bottom: 40px}
.padding-t-40 {padding-top: 40px}
.padding-l-40 {padding-left: 40px}
.padding-r-40 {padding-right: 40px}
.padding-60 {padding:60px 0}
.padding-b-60 {padding-bottom: 60px}
.padding-t-60 {padding-top: 60px}
.padding-l-60 {padding-left: 60px}
.padding-r-60 {padding-right: 60px}
.padding-80 {padding:80px 0}
.padding-b-80 {padding-bottom: 80px}
.padding-t-80 {padding-top: 80px}
.padding-l-80 {padding-left: 80px}
.padding-r-80 {padding-right: 80px}
.padding-100 {padding:100px 0}
.padding-b-100 {padding-bottom: 100px}
.padding-t-100 {padding-top: 100px}
.padding-l-100 {padding-left: 100px}
.padding-r-100 {padding-right: 100px}
.padding-120 {padding:120px 0}
.padding-b-120 {padding-bottom: 120px}
.padding-t-120 {padding-top: 120px}
.padding-l-120 {padding-left: 120px}
.padding-r-120 {padding-right: 120px}
.padding-140 {padding:140px 0}
.padding-b-140 {padding-bottom:140px}
.padding-t-140 {padding-top:140px}
.padding-l-140 {padding-left:140px}
.padding-r-140 {padding-right:140px}

.gap-0 {gap:0 !important}
.gap-1 {gap:8.33%}
.gap-2 {gap:16.33%}
.gap-5 {gap:5px}
.gap-10 {gap:10px}
.gap-20 {gap:20px}
.gap-30 {gap:30px}
.gap-40 {gap:40px}
.gap-60 {gap:60px}
.gap-80 {gap:80px}
.gap-100 {gap:100px}
.gap-120 {gap:120px}
.gap-140 {gap:140px}

.margin-auto { margin:0 auto; }
.margin-0 {margin:0 !important}
.margin-b-0 { margin-bottom: 0; }
.margin-t-0 { margin-top: 0; }
.margin-5 {margin:5px !important}
.margin-b-5 { margin-bottom: 5px; }
.margin-t-5 { margin-top: 5px; }
.margin-10 {margin:10px !important}
.margin-b-10 { margin-bottom: 10px; }
.margin-t-10 { margin-top: 10px; }
.margin-20 {margin:20px 0}
.margin-b-20 { margin-bottom: 20px; }
.margin-t-20 { margin-top: 20px; }
.margin-30 {margin:30px 0}
.margin-b-30 { margin-bottom: 30px; }
.margin-t-30 { margin-top: 30px; }
.margin-40 {margin:40px 0}
.margin-b-40 { margin-bottom: 40px; }
.margin-t-40 { margin-top: 40px; }
.margin-60 {margin:60px 0}
.margin-b-60 { margin-bottom: 60px; }
.margin-t-60 { margin-top: 60px; }
.margin-80 {margin:80px 0}
.margin-b-80 { margin-bottom: 80px; }
.margin-t-80 { margin-top: 80px; }
.margin-100 {margin:100px 0}
.margin-b-100{ margin-bottom: 100px; }
.margin-t-100 { margin-top: 100px; }
.margin-120 {margin:120px 0}
.margin-b-120  { margin-bottom: 120px; }
.margin-t-120  { margin-top: 120px; }

.border-r-05 { border-radius:5px }
.border-r-10 { border-radius:10px }
.border-r-15 { border-radius:15px }
.border-r-20 { border-radius:20px }
.border-r-30 { border-radius:30px }
.border-r-40 { border-radius:40px }

.cap, .uppercase { text-transform: uppercase;}

.xmicro-text, .xmicro-text p { font-size: var(--xmicro);}
.micro-text, .micro-text p { font-size: var(--micro);}
.xxsm-text, .xxsm-text p { font-size: var(--xxsmall); line-height: 1.3}
.xsm-text, .xsm-text p { font-size: var(--xsmall); line-height: 1.3}
.sm-text, .sm-text p {font-size: var(--small); line-height: 1.3 }
.med-text, .med-text p {font-size: var(--medium);}
.xmed-text, .xmed-text p {font-size: var(--xmedium);}
.lrg-text, .lrg-text p {font-size: var(--large);}
.xlrg-text, .xlrg-text p {font-size: var(--xlarge);}
.xxlrg-text, .xxlrg-text p {font-size: var(--xxlarge);}


.border-1-white { border: 1px solid var(--white); }
.border-1-primary { border: 1px solid var(--primary); }
.border-1-secondary { border: 1px solid var(--secondary); }
.border-1-black { border: 1px solid var(--black); }

.letter-s-02 { letter-spacing:-1.5px }
.letter-s-01 { letter-spacing:-1px }
.letter-s-1 { letter-spacing:1px }
.letter-s-2 { letter-spacing:2px }

.primary-font {  font-family: 'Instrument Serif',sans-serif !important; font-weight: 400; letter-spacing:0; line-height: 1.1}
.secondary-font { font-family: 'NeueHaasUnicaPro', sans-serif !important;font-weight: 500; font-style: normal; }
.tertiary-font {font-family: "adventures-unlimited", sans-serif;font-weight: 400;font-style: normal;}

.image-fill {object-fit: cover; object-position: center;}

a, button, .text-link { cursor: pointer;text-decoration: none;}
a:hover { text-decoration: none;}

h1, h2, h3, h4, h5, h6 { z-index: 2; margin: 0; line-height: 1}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none; color: inherit; }
h1 {  font-size: var(--xlarge); font-weight: bold }
h2{ font-size: var(--large);  font-weight: bold }
h3{ font-size: var(--medium); font-weight: bold }
h4{ font-size: var(--small); font-weight: bold}
h5{ font-size: var(--small);  font-weight: bold}
h6{ font-size: var(--xxsmall); font-weight: normal}
body,p  { font-size: var(--xxsmall); font-family: 'NeueHaasUnicaPro',sans-serif; font-weight: 300}
span { font-family:inherit;}
iframe {border: 0;}

img, svg {width: 100%;}
li, ul, ol {list-style: none; padding: 0;}
.icon, .icon svg { width: 25px; height: 25px; }

.hide, .hidden { display:none; transition: opacity 0.7s ease-in; opacity: 0;}
.mobile { display: none }
/* Colours */

.white, .white p { color: var(--white);}
.whitebg { background: var(--white);}
.whitebg-lo { background: #ffffff2b; transition: 0.3s ease all; }
.black, .black p { color: var(--black);}
.blackbg { background: var(--black);}
.primary, .primary p { color: var(--primary);}
.primarybg { background: var(--primary);}
.secondary, .secondary p { color: var(--secondary);}
.secondarybg { background: var(--secondary);}
.tertiary, .tertiary p { color: var(--tertiary);}
.tertiarybg { background: var(--tertiary);}
.quartiary, .quartiary p { color: var(--quartiary);}
.quartiarybg { background: var(--quartiary);}
.quinary, .quinary p { color: var(--quinary);}
.quinarybg { background: var(--quinary);}
.hexiary, .hexiary p { color: var(--hexiary);}
.hexiarybg { background: var(--hexiary);}
.septiary, .septiary p { color: var(--septiary);}
.septiarybg { background: var(--septiary);}

/* Input */

input.text, input.title, input[type=email], input[type=password],input[type=number], input[type=tel], input[type=text], select, textarea {padding: 20px 20px !important;  -webkit-appearance: none; border-radius: 0;  box-sizing: border-box;  width: -webkit-fill-available;}
::placeholder { color: var(--quinary) }
input:focus-visible, input:focus { outline: 0;}

.form-wrapper .gfield , .form-wrapper .gchoice { position: relative; }
.form-wrapper input, .form-wrapper select, .form-wrapper textarea {background: var(--quinary); border: 0;font-family: 'NeueHaasUnicaPro';}
.form-wrapper .gfield_required {display: none  !important;}
.form-wrapper .gfield > label {position: absolute; top: 11px; left: 15px; font-size: var(--xxsmall) !important; font-weight: 400 !important;opacity: 1; visibility: visible; transition: 0.3s ease all}
.form-wrapper .ginput_container_date input, .ginput_container_date input { width: 100% !important;}
.form-wrapper .field_description_below.active > label { opacity: 0; visibility: hidden; transition: 0.3s ease all }
.form-wrapper .gfield_radio {display: flex; flex-direction: row; gap: 10px;}
.form-wrapper .gchoice { background: var(--quinary);  max-height: 60px; width: calc(50% - 5px);padding: 20px 10px;box-sizing: border-box; position: relative; display: flex; align-items: center;}
.form-wrapper .gchoice label {  position: relative; top: 0;left: 0; font-size: 20px !important; margin-left: 10px;}
.form-wrapper .gfield_label {font-size: var(--xxsmall) !important; text-align: left; font-weight: 400 !important;}
.form-wrapper .gform_footer {display: flex; justify-content: flex-end;}
.form-wrapper .gform_button {background: var(--primary) !important;color: var(--white);padding: 10px 20px;border-radius: 30px;font-size: var(--small);}
.form-wrapper .gfield-choice-input { cursor: pointer; width: 20px;height: 20px;background: var(--tertiary) !important;appearance: none;border-radius: 40px;}
.form-wrapper .selected .gfield-choice-input {background: var(--primary) !important;}
.form-wrapper .ginput_container_consent label {position: relative !important;top: auto !important;left: 10px !important;color: var(--quartiary);}
.form-wrapper .ginput_container_consent input[type="checkbox"] { cursor: pointer; width: 20px;height: 20px;background: var(--tertiary) !important;appearance: none;border-radius: 40px;}
.form-wrapper .ginput_container_consent {display: flex;align-items: center;}
.form-wrapper .ginput_container_consent.active input[type="checkbox"] {background: var(--primary) !important;}

.dark-form-wrapper input, .dark-form-wrapper textarea { color: var(--white); background: transparent; border: 0;padding: 10px !important;font-size: var(--small) !important;}
.dark-form-wrapper label {display: none !important;}
.dark-form-wrapper .gform_fields {display: flex !important;width: 100%;justify-content: space-between;}
.dark-form-wrapper .gfield { flex: 1 }
.dark-form-wrapper .gform_footer.top_label {display: none !important;}
.dark-form-wrapper #field_submit:before { content: ''; width: 40px; height: 40px; background: url('https://armadaleanaesthesia.com.au/wp-content/themes/boilerplate/images/next.svg');position: absolute;right: 0;top: 0; margin: auto; background-repeat: no-repeat;background-size: contain;}
.dark-form-wrapper #field_submit:hover:before { content: ''; width: 40px; height: 40px; background: url('https://armadaleanaesthesia.com.au/wp-content/themes/boilerplate/images/next_hover.svg');position: absolute;right: 0;top: 0; margin: auto; background-repeat: no-repeat;background-size: contain;}
.dark-form-wrapper #field_submit {position: relative;justify-content: end;width: 40px; max-width: 40px;}
.dark-form-wrapper .gform-button {opacity: 0;}

.gform_ajax_spinner {display: none !important;}
/* Buttons */
.button-wrapper {}

.primary-button { cursor: pointer;  background: var(--primary);padding: 10px 20px;border-radius: 40px;color: var(--white);font-family: 'NeueHaasUnicaPro';font-size: var(--small);letter-spacing: 0;line-height: 1;}
.primary-button:hover { background: var(--secondary); color: var(--black); }
.primary-button a {}

.secondary-button, .primary-button:nth-child(2) { cursor: pointer; background: var(--secondary);padding: 10px 20px;border-radius: 40px;color: var(--primary);font-family: 'NeueHaasUnicaPro';font-size: var(--small);letter-spacing: 0;line-height: 1;}
.secondary-button:hover, .primary-button:nth-child(2):hover { background: var(--primary); color: var(--white); }
.secondary-button a {}

.tertiary-button { cursor: pointer; background: transparent; border: 1px solid var(--white); padding: 10px 20px;border-radius: 40px;color: var(--white);font-family: 'NeueHaasUnicaPro';font-size: var(--small);letter-spacing: 0;line-height: 1;}
.tertiary-button:hover { background: var(--white); color: var(--primary); }
.tertiary-button a {}

.quartiary-button { cursor: pointer; background: transparent; border: 1px solid var(--primary); padding: 10px 20px;border-radius: 40px;color: var(--primary);font-family: 'NeueHaasUnicaPro';font-size: var(--small);letter-spacing: 0;line-height: 1;}
.quartiary-button:hover { background: var(--primary); color: var(--white); }
.quartiary-button a {}


.cta-button { width: 200px;position: relative;height: 200px; text-align: center; will-change: transform; box-sizing: border-box;display: flex;background: #ffffff3d;justify-content: center;align-items: center;padding: 30px;border-radius: 100%;border: 1px solid var(--primary);backdrop-filter: blur(3px);position: absolute;top: -50px;font-size: var(--small); line-height: 1;}

.text-link { cursor: pointer; }
.text-link:hover {}
.text-link a {}

/* Accordion */
.accordion { cursor: pointer; }
.accordion.active { background: var(--white); }
.accordion-header {position: relative; padding: 10px 0;display: flex;justify-content: space-between;align-items: center;}
.accordion-panel { max-height: 0; transition: max-height 0.3s ease; opacity: 0; pointer-events: none;}
.accordion.active .accordion-panel { max-height: fit-content; transition: max-height 0.3s ease; opacity: 1; padding-top: 10px; pointer-events: all;}
.accordion-icon svg {width: 15px;height: 15px;}

/* Badges */
.primary-badge {background: var(--primary); line-height: 1; padding: 7.5px 15px;font-family: 'NeueHaasUnicaPro';font-size: var(--xxsmall); color: var(--white);}
.secondary-badge , .tertiary-badge:nth-child(2){background: var(--secondary);line-height: 1; padding: 7.5px 15px;font-family: 'NeueHaasUnicaPro';font-size: var(--xxsmall); color: var(--primary);}
.tertiary-badge {background: var(--tertiary); line-height: 1; padding: 7.5px 15px;font-family: 'NeueHaasUnicaPro';font-size: var(--xxsmall); color: var(--black);}

/* Menu */
header {width: 100vw;margin: 0; z-index: 100;position: fixed; top: 0;left: 0; right: 0;}
.header-row { box-sizing: border-box; justify-content: space-between;}
header .menu { display: flex;padding: 15px 0;margin: 0;   align-items: center;}
header .menu-item {margin: 0 5px;  padding: 10px 15px; position: relative;}
header .menu-item:hover a {color: var(--primary);}
header .menu-item a {color: var(--black); padding: 10px 0; text-decoration: none; font-size: var(--small);}
header .current-menu-item {background: var(--secondary);padding: 10px 15px;border-radius: 40px;}
header .main-navigation .menu {background: #ffffffa8;border-radius: 30px;padding: 5px;backdrop-filter: blur(5px);}

.header-row ul.sub-menu { display: none;position: absolute;}
.header-row .sub-menu.active{ display: flex;flex-direction: column; top: 50px; text-align: center; margin: auto; left: -50%; right: -50%;align-items: center;align-content: center;background: var(--secondary);border-radius: 7px;padding: 10px 15px;box-sizing: border-box;}
.header-row .sub-menu li { padding: 10px 0;width: 100%;text-align: center;}
.header-row .sub-menu li:hover { background: var(--primary); color: var(--white); border-radius: 10px}
.header-row .sub-menu li:hover a {color: var(--white);}
.header-row .menuslide { display: none }

.menuslide {display: none;}

/* Loading Screen */
.loader-overlay { width: 100vw; height: 100vh; position: fixed;background: var(--quinary); z-index: 9999;display: flex;align-items: center;justify-content: center;transition: opacity 0.6s ease, visibility 0.6s ease;}
.loader-container {display: flex;align-items: center;height: 100vh;align-content: center;flex-direction: column;justify-content: center; overflow: hidden;}
.loader-overlay.hidden {opacity: 0;visibility: hidden;pointer-events: none;}
.load-video.col12 {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover; opacity: 1;z-index: -1;}
.loader-row {height: 90vh; opacity: 0; transition: 3s ease all;}
.loaded .loader-row {transition: 3s ease all;opacity: 1;}
.loader-content .role-button { color: var(--primary); padding: 20px 45px;border: 1px solid transparent; background:  var(--white);border-radius: 50px;transition: 0.3s ease all}
.loader-content .role-button:hover { color: var(--primary);background: transparent; transition: 0.3s ease all; border: 1px solid var(--primary);}

.load-video { width: 100vw;height: 100vh;background:linear-gradient(135deg,var(--primary) 0%,var(--quinary) 33.33%,var(--white) 66.66%,#cacce6 100% );background-size: 400% 400%;animation: gradientShift 30s ease infinite;}
@keyframes gradientShift {0% {background-position: 0% 50%; }50% {background-position: 100% 50%;}100% {background-position: 0% 50%;}}

/* Home Page */
.introduction { maxwidth: 100vw; overflow: hidden }
.intro-heading {position: absolute;top: 20px;bottom: 0;left: 0;right: 0;margin: auto;opacity: 0;transition: opacity 1s ease-in-out;height: fit-content;}
.intro-heading.active { opacity: 1;transition: opacity 1s ease-in-out;}

.hero-anim {position: absolute;top: 0;left: 0;width: 100%;height: auto;}
.hero-line { display: block;width: 66vmin;height: 66vmin;position: absolute;top: 5%;left: -10%;}
.line-2 { left: 40%; top:0}
.line-3 {right: -5%; left: auto;top: 5%;}
.line-4 { right: 30%; top:10%; left: auto;}
.base { opacity: 0.1 }


/* About Us */
.introduction { position: relative; }
.introduction-row { max-height: 600px;  overflow: hidden; box-sizing: border-box;}
.introduction-content { margin-top: 60px; position: relative; z-index: 2; max-height: 600px;display: flex; align-items: center; justify-content: center;}
.about-content .xlrg-text {line-height: 1;letter-spacing: -2px;}
.introduction img.banner-underlay {position: absolute;top: 0; 
    object-position: top; width:100%; height: auto; object-fit: cover; min-height: 100%; max-height: 600px;}
.page-homepage .introduction-row:before {content: '';position: absolute;bottom: 0;left: 0;height: 100%;background: #14131308;z-index: 1;width: 100%;}
.page-about .introduction-row:before {content: '';position: absolute;bottom: 0;left: 0;height: 100%;background: #14131308;z-index: 1;width: 100%;}
.page-patient .introduction-row:before {content: '';position: absolute;bottom: 0;left: 0;height: 100%;background: #14131308;z-index: 1;width: 100%;}
.page-surgeon .introduction-row:before {content: '';position: absolute;bottom: 0;left: 0;height: 100%;background: #14131308;z-index: 1;width: 100%;}
.page-anaesthestist .introduction-row:before {content: '';position: absolute;bottom: 0;left: 0;height: 100%;background: #14131308;z-index: 1;width: 100%;}



.connectors-module {min-height: 700px;display: flex;justify-content: center; align-items: center;}
.connectors-row h2 {text-shadow: 0px 0px 9px #ffffff, 0px 0px 18px #ffffff, 0px 0px 18px #ffffff, 0px 0px 18px #ffffff, 0px 0px 18px #ffffff; z-index: 9999;}
.connect-anim { position: absolute;top: 180px;bottom: 0;margin: auto;height: fit-content;}
.connection-visual {position: relative;height: 700px;}
.connector-wrapper { position: absolute;width: 90%; height: 600px; top: 0;padding: 60px;box-sizing: border-box;bottom: 0;margin: auto;left: 0;right: 0;}
.columns {display: flex;justify-content: space-between;position: relative; z-index: 1;height: 600px;}

.column {display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
.connector-svg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;overflow: visible;z-index: 0;}

.about-blocks{border-top: 1px solid var(--primary);}
.benefit-pagination.progress {background: #2f2d2d;}

/* What We Do */
.services { overflow: hidden;  }
.services-wrapper {display: flex;align-items: stretch;}
.service-item .sm-text {line-height: 1.3;}
.service-item.swiper-slide {display: flex;height: auto;justify-content: flex-start;}
.service-item { transform: scale(1.00);transition: 0.3s ease all;  }
.service-item:hover {background: #ffffff;transition: 0.3s ease all; transform: scale(1.05);}
.service-item:hover * {color: var(--primary);}
.service-item:hover .tertiary-button {background: var(--secondary);}
.service-icon {  width: 100%;height: fit-content;}
.service-item:hover path, .service-item:hover circle { stroke: var(--primary);}
.cursor-icon {pointer-events: none;position: fixed;width: 40px;height: 40px;background: url('https://armadaleanaesthesia.com.au/wp-content/themes/boilerplate/images/next.svg') no-repeat center;background-size: contain; z-index: 1000;display: none;}
.services-pagination.progress {background: #2f2d2d;}

/* Partner Marquee */
.marquee-wrapper {overflow: hidden;white-space: nowrap;position: relative; pointer-events: none}
.marquee-track {display: inline-block;white-space: nowrap; animation: marquee 25s linear infinite;}
.marquee-item { padding: 0 40px;box-sizing: border-box;}
.marquee-item img { max-height: 50px; width: auto;}
@keyframes marquee {0%   { transform: translateX(0); }100% { transform: translateX(-100%); }}

/* Join Us */
.joinus { overflow: hidden; }
.page-patient .joinus {border-top: 1px solid var(--primary); }
.media-wrapper .media { box-sizing: border-box; aspect-ratio: 1 / 1;  height: auto; border-radius: 100%; overflow: hidden;border: 1px solid var(--primary);}
.media-wrapper .media img {height: 100%; display: block; width: 100%; object-fit: cover; aspect-ratio: 1 / 1;}
.joinus-media .media-wrapper { min-height: 500px;}
.joinus-media .media-wrapper .media:nth-child(1) { position: absolute; bottom: 0;}
.joinus-media .media-wrapper .media:nth-child(2) { position: absolute;left: 10%;}
.joinus-media .cta-button { bottom: 0%; left: 32%; top: auto;}
.joinus-media:before { content: ''; position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 400px;height: 400px;background: radial-gradient(var(--primary), transparent 70%);border-radius: 400px;filter: blur(25px);opacity: 0.4; margin: auto;}


/* Cardiac */
.cardiacthoracics { overflow: hidden; border-top: 1px solid var(--primary); }
.cardiacthoracics-media .media-wrapper { min-height: 500px;}
.cardiacthoracics-media .media-wrapper .media:nth-child(1) { position: absolute; bottom: 0;}
.cardiacthoracics-media .media-wrapper .media:nth-child(2) { position: absolute;left: 10%;}
.cardiacthoracics-media .cta-button { bottom: 0%; left: 32%; top: auto;}
.cardiacthoracics-media:before { content: ''; position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 400px;height: 400px;background: radial-gradient(var(--primary), transparent 70%);border-radius: 400px;filter: blur(25px);opacity: 0.4; margin: auto;}


/* Experts */
.experts {border-top: 1px solid var(--primary); overflow: hidden}
.experts-media .media-wrapper { min-height: 500px;}
.experts-media .media-wrapper .media:nth-child(1) { position: absolute; top: 0; right:0;}
.experts-media .media-wrapper .media:nth-child(2) {position: absolute; left: 30%;bottom: 0%;}
.experts-media .media-wrapper .media:nth-child(3) {position: absolute;top: 0;left: 0;}
.experts-media .cta-button { bottom: 0%; right: 12%; top: auto;}
.experts-media:before { content: ''; position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 400px;height: 400px;background: radial-gradient(var(--primary), transparent 70%);border-radius: 400px;filter: blur(25px);opacity: 0.4; margin: auto;}

/* About Page */
.page-about .marquee-stack-container {max-width: 100%;width: 100%;border: 1px solid var(--primary); border-style: solid none;}
.about-banner-video {position: absolute;top: 0; width: 100%; height: 100%;display: flex;object-fit: cover;mix-blend-mode: hard-light; opacity: 0.7;}
.about-banner-content {position: relative;z-index: 9;}

.tagline-heading { position: absolute; top:0; left:0; right:0; bottom: 0; height: fit-content; margin: auto; opacity: 0; transition: opacity 1s ease-in-out;}
.tagline-heading.active { opacity: 1;transition: opacity 1s ease-in-out;}
.tagline-banner .banner-underlay {position: absolute;top: 0;z-index: 0;opacity: 1; height: 100%; object-fit: cover;}

.statement {overflow: hidden;}
.support-blocks { border-top: 1px solid var(--black); border-bottom: 1px solid var(--black) }

/* Partners */
.partner {border-top: 1px solid var(--primary);}
.page-about .partner {border-top: 0;}
.partner-media .media-wrapper { min-height: 500px;}
.partner-media .media-wrapper .media:nth-child(1) { position: absolute; top: 0; right:0;}
.partner-media .media-wrapper .media:nth-child(2) {position: absolute; left: 10%;bottom: 0%;}
.partner-media .cta-button { top: 0%; left: 18%;}
.partner-media:before { content: ''; position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 400px;height: 400px;background: radial-gradient(var(--primary), transparent 70%);border-radius: 400px;filter: blur(25px);opacity: 0.4; margin: auto;}


/* Nurse Practitioner */
.nurse {border-top: 1px solid var(--primary);}
.nurse-media .media-wrapper { min-height: 500px;}
.nurse-media .media-wrapper .media:nth-child(1) { position: absolute; top: 0; right:0;}
.nurse-media .media-wrapper .media:nth-child(2) {position: absolute; left: 10%;bottom: 0%;}
.nurse-media .media-wrapper .media:nth-child(3) {position: absolute;top: 0;left: 0;}
.nurse-media .cta-button {  top: 72% !important; right: 20%;  top: auto;}
.nurse-media:before { content: ''; position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 400px;height: 400px;background: radial-gradient(var(--primary), transparent 70%);border-radius: 400px;filter: blur(25px);opacity: 0.4; margin: auto;}

/* Pharmacist Practitioner */
.pharmacist {border-top: 1px solid var(--primary);}
.page-patient .pharmacist {border-top: 0;}
.page-anaesthestist .pharmacist {border-top: 0;}
.pharmacist-media .media-wrapper { min-height: 500px;}
.pharmacist-media .media-wrapper .media:nth-child(1) { position: absolute; top: 0; right:0;}
.pharmacist-media .media-wrapper .media:nth-child(2) {position: absolute; left: 0%;bottom: 0%;}
.pharmacist-media .media-wrapper .media:nth-child(3) {position: absolute;top: 0;left: 0;}
.pharmacist-media .cta-button { bottom: 0%; right: 35%; top: auto;}
.pharmacist-media:before { content: ''; position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 400px;height: 400px;background: radial-gradient(var(--primary), transparent 70%);border-radius: 400px;filter: blur(25px);opacity: 0.4; margin: auto;}

/* Why Choose */
.whychoose-wrapper {overflow: hidden;}

/* Cardiac Specialists */
.cardiac {width: 100vw; overflow: hidden;}
.cardiac-media .media-wrapper { min-height: 500px;}
.cardiac-media .media-wrapper .media:nth-child(1) { position: absolute; top: 0; right:15%;}
.cardiac-media .media-wrapper .media:nth-child(2) {position: absolute; left: 10%;bottom: 0%;}
.cardiac-media .media-wrapper .media:nth-child(3) {position: absolute;top: 0;left: 0;}
.cardiac-media .cta-button { bottom: 0%; right: 30%; top: auto}
.cardiac-media:before { content: ''; position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 400px;height: 400px;background: radial-gradient(var(--primary), transparent 70%);border-radius: 400px;filter: blur(25px);opacity: 0.4; margin: auto;}

.whychoose-wrapper { overflow: hidden; position: relative;}
.cardiac-pagination.progress {background: #ffffff;}

/* Meet the Team */
.team {border-top: 1px solid var(--primary);}
.aateam {border-top: 1px solid var(--primary);}
.team-grid, .aateam-grid {display: flex; align-items: flex-start;}
.aateam-grid { position: relative; overflow: hidden;}
.drsign {transform: rotate(-4deg);display: none;}
.team-item { cursor: pointer; flex-grow: 1;}
.team-item.col3 {width: calc(25% - 16.66px); max-width: calc(25% - 16.66px);}
.team-input {width: 50%; max-width: 50%; display: flex; position: relative;}
.team-input svg { position: absolute; top: 5px;right: 20px;width: auto;bottom: 0;transform: rotate(0deg);transition: 0.3s ease all}
.team-input.active svg {transform: rotate(45deg); transition: 0.3s ease all}
.team-trigger-row input, .team-trigger-row select {border: 0;outline: none !important; min-height: 40px; border-bottom: 2px solid var(--black); font-size: var(--small);padding: 8px 20px !important;box-sizing: border-box;}
.team-trigger-row input::placeholder {color: var(--black);}
.team-search-field {width: 50%;}
.team-trigger-row select { width:100% }

.item-media img {transform: scale(1);display: block;transition: 0.5s ease all;}
.item-media:hover img {transform: scale(1.05);transition: 0.5s ease all;}
.item-media {overflow: hidden; position: relative}
.item-media:before {content: '+'; position: absolute; bottom: 3px; right: 10px; z-index: 9;color: white;font-family: 'Instrument Serif';font-size: 28px;line-height: 1;}

.doctor-popup {position: fixed; top: 0; right: 0; width: 33vw;height: 100%; display: flex; justify-content: center; align-items: center; z-index: 9999; transition: transform 0.5s ease;transform: translateX(100%);}
.doctor-popup.active { transition: transform 0.5s ease; z-index: 9999;transform: translateX(0%);}
.sp-active:before { content: ''; position: fixed; width: 100%; height: 100%;background: #00000040; left: 0;top: 0; z-index: 999;}
.popup-inner {background: #fff;position: relative;overflow-y: auto;max-height: 100vh; height:100%; box-sizing: border-box;}
.close-popup {position: absolute;top: 0;right: 0;background: var(--secondary);border: none;font-size: var(--xsmall);cursor: pointer;padding: 8px 15px;}
.staff-accordion {border-bottom: 1px solid var(--tertiary);}
.staff-accordion.active { padding-bottom: 20px }
.accordion-wrapper .staff-accordion:nth-child(1) { border-top: 1px solid var(--tertiary);}
 


/* Tagline */
.tagline-row {overflow: hidden;position: relative;aspect-ratio: 16 / 9; }
.tagline-content {position: absolute;top: 0;bottom: 0; height: fit-content; margin: auto;}

/* Benefits */
.benefit-wrapper { align-items: stretch;}
.benefit-item { transform: scale(1.00);transition: 0.3s ease all;  }
.benefit-item:hover {background: #ffffff40;transition: 0.3s ease all; transform: scale(1.05);}

.benefit-item:hover {background: #ffffff;transition: 0.3s ease all; transform: scale(1.05);}
.benefit-item:hover * {color: var(--primary);}
.benefit-item:hover .tertiary-button {background: var(--secondary);}
.benefit-item {  width: fit-content;height: auto;}
.benefit-item:hover path, .benefit-item:hover circle { stroke: var(--primary);}

/* Patients */
.inclusions-wrapper li {list-style: inside;accent-color: var(--primary) !important;list-style-type: square;}
::marker {accent-color: var(--primary) !important;text-align-last: justify !important;text-align: left !important;text-indent: 20px !important;}

/* Video Resources */
.videos {width: 100%;overflow: hidden;}
.video-grid {width: 100%;position: relative;}
.videos video { height: 100%; width: 100%;}
.video-frame-wrapper {position: relative;width: 100%;aspect-ratio: 9 / 16; overflow: hidden;}
.video-frame-wrapper iframe {position: absolute; top: 0;left: 0;width: 100%;height: 100%;}
.video-frame-wrapper.active .video-overlay {opacity: 0;pointer-events: none;}
.video-overlay {position: absolute;inset: 0;z-index: 2;cursor: pointer;background: transparent;transition: opacity 0.2s ease;}

/* Recent Articles */
.article-grid {position: relative;}
.articles {border-top: 1px solid var(--primary);overflow: hidden;}
.article-item h3 {letter-spacing: -1px;}
.article-content h2 *, .article-content h3 * { font-size: var(--small); margin: 0;}
.article-content b {font-weight: bold;}
.article-content li {list-style: square; list-style-position: inside; accent-color: var(--primary);}
.article-content li:marker { accent-color: var(--primary);}

.progress {bottom: 0 !important;top: auto !important;background: var(--quinary);border-radius: 5px;}
.swiper-pagination-progressbar-fill {background: var(--quartiary) !important;border-radius: 5px;}

.page-surgeon .articles {border: 0;}
.page-anaesthestist .articles {border: 0;}

/* Fees */
.fees {border-bottom: 1px solid var(--primary);}
.fees-row {border-style: solid none none;border-color: var(--primary);border-width: 1px;}

.whatwedo-wrapper {display: flex;align-items: stretch;}

/* FAQ */
.faq-wrapper { justify-content: flex-start;}
.faq-item:hover { background: var(--white); transition: 0.3s ease all; }
.faq-item .badge-wrapper {position: absolute;top: 25px;right: 20px;}
.faq-item .tertiary-badge:nth-child(2) { background: var(--white);}
.faq-item:hover .tertiary-badge:nth-child(2), .faq-item.active .tertiary-badge:nth-child(2) { background: var(--secondary);}

/* Newsletter */
.newsletter-social { width: fit-content !important;}
.social-wrapper .icon {background: var(--white);width: 40px;height: 40px; border-radius: 40px;display: flex;align-items: center;justify-content: center;transition: 0.3s ease all}
.social-wrapper .icon:hover { background: var(--hexiary); transition: 0.3s ease all }
.social-wrapper .icon:hover svg path { fill: var(--white);transition: 0.3s ease all}

/* Contact Banner */
.contact {border-top: 1px solid var(--primary);}
.page-contact .contact { border-top: 0 }

/* Policy */
.policy-content h4 {font-size: 20px; margin-top: 30px;margin-bottom: 0 !important;line-height: 1;}
.policy-content p { margin-top: 5px }

/* Modals */
.mfp-content { }
.mfp-close {background: white !important;color: var(--primary) !important; opacity: 1; box-sizing: border-box !important;  top: 20px; right: 20px; border-radius: 26px;}
.mfp-content form { }

/* Footer */
footer .menu { flex-direction: column;}
footer .menu-item {padding: 5px 0;}
footer .menu-item a {font-size: var(--medium);color: var(--black);transition: 0.3s ease all}
footer .menu-item a:hover{color: var(--primary); transition: 0.3s ease all}
footer .secondary-button { background: var(--white);}


.legal-content .menu {flex-direction: row !important;display: flex;gap: 10px; margin: 0;}
.legal-content .menu-item a { font-size: var(--xxsmall); color: var(--tertiary) }
.acknowledgement-wrapper img { max-height: 40px; width: auto; }

/* Widescreen Devices */
@media (min-width: 1920px) {
:root {
    --xxlarge: 85px;
    --xlarge: 65px;
    --large: 45px;
    --xmedium: 38px;
    --medium: 26px;
    --small: 18px;
    --xsmall: 16px;
    --xxsmall: 14px;
    --micro: 12px;
    --xmicro: 8px;
}

.team-item.col3 {width: calc(20% - 16.66px);max-width: 20%;}
}


/* Tablet Devices */
@media (min-width: 769px) and (max-width: 1024px) {
.team-item.col3 {width: calc(50% - 16.66px);max-width: 50%;}
}

/* Laptop Devices */
@media (min-width: 1024px) and (max-width: 1300px) {
.team-item.col3 {width: calc(33.33% - 16.66px); max-width: 33.33%;}
}


/* Handheld Devices */
@media (max-width: 768px) {
    :root { 
    --xxlarge: 55px;
    --xlarge: 30px;
    --large: 28px;
    --xmedium: 26px;
    --medium: 24px;
}
.desktop {display: none !important;} 
.mobile { display: block !important}
 
.row-width-98 {width: 95%; max-width: 95%;}

.m-flex-column { flex-direction: column }
.m-flex-column > .col2 { width: 100%; box-sizing: border-box; max-width: 100% !important;}
.m-flex-column > .col3 { width: 100%; box-sizing: border-box;max-width: 100% !important;}
.m-flex-column > .col4 { width: 100%; box-sizing: border-box;max-width: 100% !important;} 
.m-flex-column > .col5 { width: 100%; box-sizing: border-box;max-width: 100% !important;}
.m-flex-column > .col6 { width: 100%; box-sizing: border-box;max-width: 100% !important;}
.m-flex-column > .col7 { width: 100%; box-sizing: border-box;max-width: 100% !important; }
.m-flex-column > .col8 { width: 100%; box-sizing: border-box;max-width: 100% !important;}
.m-flex-column > .col9 { width: 100%; box-sizing: border-box;max-width: 100% !important; }
.m-flex-column .button-wrapper { flex-direction: row; align-items: flex-start;}

.cursor-icon { display: none !important }
.letter-s-02 {letter-spacing: -0.5px;}

video::-webkit-media-controls {display:none !important;}
*::-webkit-media-controls-start-playback-button {display: none!important;-webkit-appearance: none;}

/* Navigation */
.header-container {padding-top: 10px;}
.main-brand { display: flex; justify-content: center;}
.main-brand img {width: 40px;}
.menuslide .menu-item a {font-size: var(--xmedium);text-align: center; width: fit-content;  position: relative;}
.menuslide .menu-item-has-children > .sub-menu {display: none;padding-left: 0;}
.menuslide .menu-item-has-children.open > .sub-menu {display: block;}
.menuslide { display: none }
.menuslide.active {display: flex;top: 0; width: 100%; height: 100vh;position: absolute;z-index: -1;padding: 100px 0;background: var(--quinary);box-sizing: border-box;}
.sub-menu { position: relative !important;}
.sub-menu li {  text-align: center; padding: 5px 0 !important;}
.menu-item-has-children { display: flex; flex-direction: column;align-content: center; align-items: center;margin: 0 !important;box-sizing: border-box;}
.menu-item-has-children, .sub-menu li { background: transparent !important;}
.menu-item-has-children > a:before { content: '+';position: absolute;right: -20px; top: 0;font-size: 20px;bottom: 0;margin: auto;height: fit-content;}
.menu-item-has-children.open > a:before {  content: '-';}
.menuslide .menu { flex-direction: column;width: 100%;}
.menuslide .social-wrapper {display: flex;justify-content: center;width: 100%;}
.hamburger-container {margin-right: 10px;}
.mmToggle {appearance: none;border: 0; padding: 0; background: transparent;transform: rotate(0deg);transition: 0.3s ease all; transform-origin: center; height: 15px; width: 30px; box-sizing: border-box;} 
.mmToggle svg {position: relative;width: 100%;height: 100%;}
.mmToggle path:nth-child(1) {transform: translate(0px,0px) rotate(0deg);transition: 0.3s ease all;transform-origin: 0% 50%;top: 0;right: 0;}
.mmToggle path:nth-child(3) {transition: 0.3s ease all;transform-origin: 0 50%;transform: translate(0px, 0px) rotate(0deg);top: 0;right: 0;}
.mmToggle path:nth-child(2){opacity: 1;}

.mmToggle.is-active path:nth-child(1) {transform: translate(0px,-1px) rotate(25deg);transition: 0.3s ease all;transform-origin: 0% 50%;top: 0;right: 0;}
.mmToggle.is-active path:nth-child(3) {transition: 0.3s ease all;transform-origin: 0 50%;transform: translate(0px, 0px) rotate(-25deg);top: 0;right: 0;}
.mmToggle.is-active path:nth-child(2){opacity: 0;}

/* Inputs */
.form-wrapper .gfield_radio {display: flex;flex-direction: column;}
.form-wrapper .gchoice {width: 100%;}

/* Loading Screen */
.logo { width: 65%;}
.loader-heading { width: 86% !important;display: none;}
.load-video {background-size: 400% 200%; animation: gradientShift 30s ease infinite;}
.role-options { gap: 20px;}
.loader-content .role-button {font-size: var(--xlarge);}

/* Introduction */
.introduction {overflow: hidden;width: 100vw;position: relative;}
.introduction .xlrg-text {font-size: 26px;line-height: 1;margin: 0 auto;}
.introduction-content { padding-bottom: 60px;padding-top: 60px; }
.introduction .button-wrapper {flex-direction: column; margin-top: 40px;}
.introduction .col10, .introduction .col9 {width: 90%;}
.heading-wrapper {padding-top: 0; padding-bottom: 0}

.introduction img.banner-underlay {height: 100%;object-fit: cover;}

.statement-content {padding: 0;}
.hero-anim.full-width {display: none;}

.services-row h5 { text-align: center; width: 85%;}
.service-item .button-wrapper {margin-top: 40px;}

/* Partner */
.partner-row { width: 90%;}
.partner-content {padding: 0 !important;}

/* About Content */
.about-content { width: 90%;}
.about-content .col9 { width: 100%;}
.about-content .col10 {width: 100%;}
.about-content { width: 90%;}
.about-content .xlrg-text {letter-spacing: -1px;}
.about-banner-content .col7 { width: 85%;}
.about-banner .button-wrapper { flex-direction: column;}
.about-content .lrg-text, .about-content .med-text { width: 100%;  line-height: 1;}
.support-block-wrapper {gap: 20px;}

/* Benefits */
.benefit h5 { width: 85%;text-align: center;}
.benefit-wrapper {width: 90%; gap:20px}
.benefit-row {padding-bottom: 40px;}

/* What We Do */
.whatwedo-wrapper { gap: 20px;width: 90%;}
.whatwedo-row { padding-bottom: 40px;}

/* Connector */
.columns { width: 100%;}

.joinus-row {width: 90%;}
.joinus-content { padding: 0;}
.joinus-content .col10 {width: 100%;}

/* Meet the Team */
select {-webkit-appearance: none;-moz-appearance: none;appearance: none; background-color: transparent;color: inherit; font: inherit;}
select::-ms-expand {display: none;}
.team-trigger-row input, .team-trigger-row select {  -webkit-appearance: none; appearance: none; font-size: var(--medium);padding: 10px 0 !important;}
.team-input {width: 100%; max-width: 100%;}
.team-input svg {top: 15px;}
.team .col9 {width: 90%;}
.team-row {width: 90%;}

.team-item, .service-item {width: 100% !important; max-width: 100% !important;}
.item-media { width: 100%;}

.doctor-popup {  width: 100%; height: auto;right: 0; box-sizing: border-box; top: 0; z-index: 999 !important;}
.popup-inner {  margin-top: 0px; overflow: scroll;}
.sp-active:before { z-index: 97;}
.popup-signature {display: none;}

/* AA Team */
.aateam-row {width: 90%;}
.aateam h2 { width: 100%;}
.aateam h5 { width: 85%;}

/* Split Content */
.media-wrapper .col4 {width: 43.33%;}
.media-wrapper .col5 { width: 66%;}
.media-wrapper .col6 { width: 72%;}
.media-wrapper .col7 { width: 72%;}

.joinus-media .cta-button { bottom: 20%;left: -5%;}
.joinus-media .media-wrapper .media:nth-child(1) { right: -10%;}
.joinus-media .media-wrapper .media:nth-child(2) {left: -12%;}

.page-patient .joinus-media .cta-button {bottom: auto;top: 15%;left: 2%;}
.page-patient .joinus-media .media-wrapper .media:nth-child(1) { right: auto; left: -10%;}
.page-patient .joinus-media .media-wrapper .media:nth-child(2) { left: auto; right: -15%; width: 64%;}

.experts-media .cta-button {bottom: 0;right: 5%;top: auto;}
.experts-media .media-wrapper .media:nth-child(1) {position: absolute;top: 10%;right: -10%;}
.experts-media .media-wrapper .media:nth-child(2) {position: absolute; left: -10%;bottom: 0%;}
.experts-media .media-wrapper .media:nth-child(3) { position: absolute;top: 0;left: -10%;}

.nurse { overflow: hidden;}
.nurse-media .media-wrapper .media:nth-child(1) { position: absolute; top: 0 !important;right: -15% !important;}
.nurse-media .media-wrapper .media:nth-child(2) { position: absolute;left: -10% !important;bottom: 20% !important;}
.nurse-media .cta-button { top: 56% !important; right: 4% !important;top: auto;}

.pharmacist { overflow: hidden;}
.pharmacist-row  .pharmacist-content {padding-left: 20px; padding-right: 0;}
.pharmacist-media .media-wrapper .media:nth-child(1) { position: absolute;top: 0;right: -10%;}
.pharmacist-media .media-wrapper .media:nth-child(2) { position: absolute;left: -13%;bottom: -1%;}
.pharmacist-media .cta-button { bottom: 5%;right: 7%;}

.cardiacthoracics-media .media-wrapper .media:nth-child(2) {left: -18%;}
.cardiacthoracics-media .media-wrapper .media:nth-child(1) {position: absolute;right: -10%;}
.cardiacthoracics-media .cta-button { left: 11%;}

.partner { overflow: hidden }
.partner-media .cta-button {left: 5%;top: 22%;}
.partner-media .media-wrapper .media:nth-child(1) { right: -14%;width: 73.33%;}
.partner-media .media-wrapper .media:nth-child(2) {width: 65%;left: -10%;}

/* Booking Banner */
.bookings-banner .col8 {width: 90%;}
.bookings-banner .button-wrapper {flex-direction: column; margin-top: 40px;}


/* Cardiac */
.cardiac-content {padding: 0; width: 90% !important;}
.cardiac-content .col10 { width: 100%;}
.cardiac-media .cta-button {bottom: 30%;right: -7%;top: auto;}
.cardiac-media .media-wrapper .media:nth-child(1) { position: absolute; top: 0;left: 0;right: auto;}

/* Nurses */
.nurse-content {padding: 0; width: 90% !important;}
.nurse-content .col10 { width: 100%;}

/* Fees */
.fees-terms-wrapper { gap: 20px;}
.fees-content-wrapper { width: 85%;}
.fees-row {border-style: solid none none none;border-color: var(--primary);border-width: 1px;}
.fees-content { padding: 0;}
.fees-content .col10 { width: 100%;}

/* Newsletter */
.newsletter-row {padding: 40px 20px;box-sizing: border-box;align-items: flex-start;gap: 20px;}

/* Bookings */
.bookings-content {width: 90%; margin: 0 auto;}
.bookings-content .col10 {width: 100%;}

/* About Block */
.about-blocks {overflow: hidden;}

/* Recent Articles */
.article-row { width: 90%; overflow: hidden}
.article-grid .col10 {width: 100%;}

/* Marquee */
.marquee-stack-container {overflow: hidden;}

/* Video */
.video-row h5 { margin-bottom: 10px;}
.video-row {padding: 40px 0; width: 90%;}
.video-grid { gap: 0; overflow: hidden;}
.video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  cursor: pointer;
  background: transparent;
}
/* FAQ's */
.faq .col9 {width: 90%;}
.faq-row { padding-top: 60px; margin-bottom: 20px;}
.faq-wrapper { width: 90%;}

.accordion-header {padding: 10px 0 10px 0;display: flex;justify-content: space-between;align-items: center; order: 1;}
.faq-item .badge-wrapper {gap: 5px;display: flex;align-content: flex-end;position: relative;top: 0;left: 0;right: auto;margin: 0; order: 2}
.accordion.active .accordion-panel {order: 3;}

/* Footer */
.footer-row {width: 90%;}
.footer-introduction .col9 { width: 90%;}

footer .row-width-95 {width: 90%;}
footer .button-wrapper {flex-direction: column !important;}
.footer-menus {flex-wrap: wrap;justify-content: flex-start; gap: 40px 0;}
.footer-menu.col4 { width: calc(100% - 20px);}
.legal-footer { align-items: flex-start;gap: 0px;}
}