@import url(../mob414.min.css) (max-width: 415px);
@import url(../tab768.min.css) (min-width:415px) and (max-width:769px);
@import url(../tab1180.min.css) (min-width:769px) and (max-width:1180px);
@import url(../desk1440.min.css) (min-width:1180px);

@import url(igoInfra.css);
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

@font-face {
    font-family: 'Lato-2';
    src: url(https://fonts.gstatic.com/s/lato/v25/S6u-w4BMUTPHjxsIPx-mPCLQ7A.woff2) format('woff2');
}

@font-face {
    font-family: 'justcoverscript';
    src: url('/fonts/justcoverscript.otf');
}

:root {
    --color-primary: #0C1D4A;
    --color-secondary: #43CDF6;
    --color-tertiary: #9EFF01;
    --color-quaternary: #ECFDF3;
    --main-font: "Lato", sans-serif;
    --secondary-color-hilight: #027A48;
}

body, h2, h3, h4, h5, h6, p, label, span, a, li, td, div {
    font-family: var(--main-font);
}

html {
    color: var(--color-primary);
}


h1 {
    font-size: 32px;
    font-weight: 700;
}

h2 {
    font-size: var(--font-size-mob-h5);
    color: var(--color-primary);
    font-family: 'lato', sans-serif;
    font-weight: var(--font-bold);
}

#container {
    max-width: 800px;
}

#container.container.jrl {
    max-width: 1130px;
    width: auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.container.jrl .flex3, .container.jcu .flex3 {
    max-width: 800px;
    margin-bottom: var(--space-base);
    width: stretch;
    margin-top: var(--space-base);
}

[data-page-tag="extras"] {
    width: 100%;
}

[data-page-tag="purchase"] {
    width: 100%;
}   

[data-page-tag="purchase"] h2 {
    font-size: 20px;
}

.jrl .buttonBack.lower {
    display: none;
}

.isigoRoute .main-nav-controls {
    margin: 12px 0px;
    gap: 0px;
}

[data-page-tag="trip-details"],[data-page-tag="medical-one"],[data-page-tag="medical-two"], [data-page-tag="amt-upsell"], #wrapperDIV[data-page-tag="retrieve-your-quote-details"]{
    max-width: 800px;
    box-shadow: none;
}

[data-page-tag="expired"] {
    max-width: 800px;
    width: stretch;
}

.header-box.logo {
    background-image: url(https://res.cloudinary.com/dttwa61aq/image/upload/v1756906140/Project-Unicorn/logo/justcover-logo2024.svg);
    background-size: unset;
    min-height: unset;
    width: auto;    
}

#radio-annual:checked~label.annuallabel>#annual {
    background-image: url(https://res.cloudinary.com/dttwa61aq/image/upload/v1724146203/juc-qte/juc-annual-plane.svg);
    background-color: #CDF8FD;
    border: 2px solid #0C1D4A;
}

#radio-single:checked~label.annualsingle>#tagsbutton {
    background-image: url(https://res.cloudinary.com/dttwa61aq/image/upload/v1724146203/juc-qte/juc-single-plane.svg);
    background-color: #CDF8FD;
    border: 2px solid #0C1D4A;
}

.cntInfoHeader {
    margin-bottom: var(--space-base);
}

a.button, button.button, .panelBuybtn, a.button-buy008, a.button2 {
    /* Only visual styling, base.css may handle resets */
    background: var(--color-tertiary);
    color: #000;
    border-radius: 5px;
    padding: 12px 24px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    float: right;
    display: flex;
    justify-content: center;
}

a.button {
    align-items: center;
}

button.button {
    /* Only visual styling, base.css may handle resets */
    line-height: unset;
}

a.button2 {
padding: 8px 24px; 
max-width: 84px;
align-items: center; 
}

.promohide .flex span {
    margin-right: unset;
    width: var(--space-100);
}

.promohide .price-note .flex span {
    width: auto;
}

a.buttonBack span {
    font-size: var(--space-base);
    font-weight: 400;
}

/* Panel header button styling for JRL */
.panel-sum-head-left, .panel-sum-head-right, .editTripDetails {
    cursor: pointer;
    border: 1px solid var(--color-neutral-10);
    padding: 8px 12px;
    border-radius: var(--border-size-l);
    display: flex;
    align-items: center;
}

div#savequoteDiv div:nth-child(5), div#savequoteDiv div:nth-of-type(2) {
    font-size:18px;  
    font-weight:600;
}

div#savequoteDiv p {
    display: none;
}

div#savequoteDiv .headerFlex {
    margin-bottom: 24px;
}

span#pc-postcode {
    text-transform: lowercase;
}

.editTripDetails {
    gap: 12px;
    font-size: 16px;
    font-weight: 700;
    color: var(--color-primary);
}

p.caveatPanel {
    padding: 24px 0;
}

.quotepage p.caveatPanel {
    padding: 24px;
}

.panel-sum-h2, .panel-sum-head-right {
    color:var(--color-primary);
    font-weight: 700;
}

.panel-sum-h2 {
    font-size: 18px;
}

.panel-sum-head-right .panel-sum-h2 {
    font-size: 14px;
    line-height: 32px;
}

.panel-save-quote-btn:hover {
    background: #9ee700 !important;
}

.right-sidebar {
    padding: 0;
    margin: 0 0 var(--space-sm);
    box-shadow: none;
    border: 0;
}

.isigoRoute .right-sidebar{
    border: 0px;
    padding-bottom: 0;
    width: min-content;
    background: unset;
}

.edit_quote008 {
    margin-bottom: 0;
    font-size: 20px;
}

.buttonBack {
    font-size: 20px;
}
.medCol3,
.medCol4,
.medCol5,
.bagCol3, 
.bagCol4,
.bagCol5,
.canCol3 
.canCol4,
.canCol5,
.exCol3
.exCol4,
.exCol5,
.addCat3,
.addCat4,
.addCatB3,
.addCatB4,
.addCatB5,
.addCatC3,
.addCatC4,
.addCatC5,
.mBencol3,
.mBencol4 {
    color: #0C1D4A;
}

/* Medical condition notice boxes */
#quoteMedicalContainer-2 div#conditionNotices {
    font-size: 18px;
    color: #0C1D4A;
}

.noticebox {
    color: var(--color-primary);
    padding: 0px;
}

.payAddress.noticebox {
    margin: 0px;
}

.flex .cvv {
    gap: 0;
    width: max-content;
    grid-template-columns: 1fr;
}

a.button-cond {
    font-size: var(--space-base);
}

a.button-cond {
    bottom: unset;
    padding: 0px;
    margin: 0px;    
    width: auto;
    text-align: left;
}

.makepayment, .payment-container-2, .caution, .amt-upsell-container, .conditionNotices .noticebox, #mainContentDIV, #quoteMedicalContainer-1, #quoteMedicalContainer-2, .iagFormCont {
    border: 1px solid #023435;
    box-shadow: none;
}

.makepayment input[type=text] {
    width: unset;
}

form[name="makepayment"] {
    font-size: 18px;
}

.other-travellers {
    background: #fff;
    padding: 12px;
}

.flexCard.just-left {
    display: flex;
    justify-content: space-between;
}

.expdiv {
    display: none;
}

.cardTypeWrap {
    display: flex;
    gap: 18px;
}

.card-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.card-icon {
    position: absolute;
    left: 12px;
    width: 20px;
    height: 20px;
    pointer-events: none;
    z-index: 1;
}

#number-container {
    padding-left: 50px !important;
    width: 100%;
}

.cvv-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

#securityCode-container {
    padding-left: 50px !important;
    width: 100%;
}

.cvcImg {
    display: none;
}


#ps-ageloop h2 {
    padding: 0px;
    margin: 0;
    line-height: 150%;
}

#ps-ageloop {
    display:flex;
    gap: 6px;
    flex-direction: column;
}

#pc-traveller-count {
    font-weight: 700;
}

#waitModal3 .addMedButtons {
    justify-content:space-between
}

.medical-condition-list {
    margin-top: 10px;
    padding-left: var(--space-base);
    margin-left: 20px;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    cursor: pointer;
    transition: background 0.2s;
}

.medical-condition-list li  {
    margin-top: 10px;
    padding-left: var(--space-base);
    margin-left: 10px;
    margin-bottom: 24px;
    font-size: var(--space-base);
}

.medical-condition-list li:last-child {
    margin-bottom: 0;
}

.traveller-list-header {
    margin-bottom: var(--space-base);
}

.traveller-Highlight-Box {
    padding: 0;
}

/* Medical condition notice list items */
.ui-menu .ui-menu-item-wrapper:hover {
    text-decoration: underline;
}

.ui-menu .ui-menu-item {
    background: #CDF8FD;
}
/* Medical screening styling */
.Medadd-btn, .med-edit-question-btn, .med2-results-div .med-edit-question-button {
    background-color: var(--color-neutral-0);
    width: var(--column-size);
    text-align: center;
    border: 1px solid var(--color-neutral-10);
    color: var(--color-primary);
    border-radius: var(--space-xs);
    padding: var(--space-base-s);
    cursor: pointer;
    font-size: var(--font-size-mob-h5);
    font-weight: var(--font-bold);
}

.med2-results-div .med-edit-question-button {
    display:flex;
    align-items: center;
    justify-content: center;
}

.traveller-list-conditions-icon svg {
    fill: #000000 !important;
}

a.med-questions-add-condition.button {
    background: none;
    border-radius: 4px;
    border: 1px solid #000;
    font-size: var(--space-base);
}

a.med-questions-add-condition.button:after {
    top: unset;
}

.traveller-list-med-item .caution {
    border-radius: 0;
    padding: var(--space-xs) var(--space-base);
    background-color: #EEE;
    border-color: var(--color-neutral-2);
    box-shadow: unset;
    color: var(--color-primary);
}

a.Medadd-btn.traveller-list-med-item-add-button.traveller-list-conditions-icon {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    line-height: normal;
    padding: 8px 24px;
}

a.Medadd-btn.traveller-list-med-item-add-button.traveller-list-conditions-icon svg{ 
    margin: 0 5px;
}

#med2-add-medical-condition-search-div {
    color: var(--color-primary);
}

div#med2-add-medical-condition-search-div p {
    font-size: 18px;
}

#med2-add-medical-condition-results-div {
    font-size: 16px;
    color: var(--color-primary);
}


[data-page-tag="medical-two"] a.button:after {
    display: none;
}

/* end medical screening styling */
.caution:before {
    color: var(--color-primary);
}

.bolder {
    color: var(--color-primary);
    font-weight: 700;
}

.traveller-list-med-item {
    border: var(--border-size-s) solid var(--color-neutral-10);
    margin-bottom: var(--space-base);
}

.traveller-list-med-row {
    border-bottom: solid 1px;
    padding-bottom: var(--space-base);
}

.panelBuybtn {
    padding: var(--space-base-s);
    margin: 0px auto;
    float: unset;
    max-width: 150px;
}

.headCol2, .headCol3, .headCol4 {
    color: var(--color-primary);
    margin-bottom: 30px;
}

.blackmobCont .headCol4 {
    color: var(--color-neutral-0);
}

.goldMobCont .headCol4, .silverMobCont .headCol4 {
    color: var(--color-primary);
}

.bestval-mob-head {
        display: none;
}

.goldMobCont .panelHeadMob, .silverMobCont .panelHeadMob {
    color: var(--color-primary);
}

a.button-buy008:after, a.button:after, .side-buyButton:after {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url('https://res.cloudinary.com/dttwa61aq/image/upload/v1725892131/juc-docs/2024/global/icons/chevron-r-b-sm2-48.png');
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    position: relative;
    top: 6px;
}

#med2-add-medical-condition-results-div a.button:after {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px"><path d="M450-290h60v-160h160v-60H510v-160h-60v160H290v60h160v160Zm30.07 190q-78.84 0-148.21-29.92t-120.68-81.21q-51.31-51.29-81.25-120.63Q100-401.1 100-479.93q0-78.84 29.92-148.21t81.21-120.68q51.29-51.31 120.63-81.25Q401.1-860 479.93-860q78.84 0 148.21 29.92t120.68 81.21q51.31 51.29 81.25 120.63Q860-558.9 860-480.07q0 78.84-29.92 148.21t-81.21 120.68q-51.29 51.31-120.63 81.25Q558.9-100 480.07-100Zm-.07-60q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"></path></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: var(--space-xs);
}

#med2-add-medical-condition-results-div .radioY::before,
#med2-add-medical-condition-results-div .radioN::before {
    display: none;
}

#med2-add-medical-condition-results-div #med-edit-finish-button:after {
    background-image: url('https://res.cloudinary.com/dttwa61aq/image/upload/v1725892131/juc-docs/2024/global/icons/chevron-r-b-sm2-48.png');
}

/* Medical condition affirmation styling */
.medical-affirmation {
   font-size: 18px;
}

.medical-affirmation span.strong:after {
content: '\f054';
font-family: 'fontAwesome';
padding-left: 10px;
}

.medical-affirmation p{
   font-size: 18px;
   line-height: 30px
}


.HelpBoxarrow {
    background: url(https://res.cloudinary.com/dttwa61aq/image/upload/v1725549318/juc-qte/juc-blue-info.svg);
    height: var(--space-base);
    background-size: 18px;
    margin-right: var(--space-s);
}

.panelHelpBody, .panelHelpHead {
    text-indent: 0;
    font-size: var(--font-size-base);
    font-weight: 600;
    color: var(--color-primary);
}
.panelHelpBox {
    left: var(--space-l);
    width: 300px;
}

.panelmob {
    color: var(--color-primary);
}

.iagCol1 {
    color: var(--color-primary);
    font-weight: 600;
}

.iagqtecont .buttonBack {
 padding: 0 var(--space-base);
}

a.button:hover, .cta-button:hover {
    background: var(--color-tertiary);
}

.color-secondary-hilight {
    color: var(--secondary-color-hilight);
}

#radio-annual:checked~label.annuallabel>#annual::before {
    background-color: var(--color-secondary);
}

#radio-single:checked~label.annualsingle>#tagsbutton::before {
    background-color: var(--color-secondary);
}

div#annual {
    background: url(https://res.cloudinary.com/dttwa61aq/image/upload/v1724146203/juc-qte/juc-annual-plane.svg) no-repeat center var(--space-base-s);
}

div#tagsbutton {
    background: url(https://res.cloudinary.com/dttwa61aq/image/upload/v1724146203/juc-qte/juc-single-plane.svg) no-repeat center var(--space-base-s);
}

.fitContent {
    width: var(--space-100);
    gap: var(--space-s);
    border-bottom: 1px solid var(--color-neutral-6);
}

/* ===== Display Regions & Selected States ===== */
.display-regions {
    grid-template-columns: repeat(4, 1fr);
    border-bottom: 1px solid var(--color-neutral-6);
    margin-bottom: var(--space-base);
    direction: rtl;
    padding-bottom: var(--space-base);

    :is(#uka:checked ~ label.cty1 > .radioUK,
        #wwx:checked ~ label.cty4 > .radioWWX,
        #wwi:checked ~ label.cty5 > .radioWWI) {
        border: solid var(--border-size-m) #0C1D4A;
    }
}

.display-regions .igoRemove {
    display: block;
    width: var(--space-100);
}

.grid.display-regions span {
    height: 100%;
}

.display-regions .font-size-m, .grid.display-regions span {
    font-size: 13px;
    width: auto;
    gap: var(--border-size-xl);
    line-height: var(--font-size-h5);
}

.collective {
    display: grid;
    direction: ltr;
}

.headCol3.goldHead {
    margin-top: 50px;
}

.bestval-border-wrap {
    box-shadow: none;
}

.single-trip-div {

    :is(#spain:checked ~ label[data-country="spain"] > .c_spain,
        #italy:checked ~ label[data-country="italy"] > .c_italy,
        #france:checked ~ label[data-country="france"] > .c_france,
        #Greece:checked ~ label[data-country="greece"] > .c_greece,
        #usa:checked ~ label[data-country="usa"] > .c_usa) {
        border: solid var(--border-size-m) #0C1D4A;
    }
}

/* ===== Easy Select Boxes ===== */

.easyselect-list li.active {
  background: #336699;
  color: var(--color-neutral-0);
}

.easyselect-box {
    display: flex;
    padding: 8px 12px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
	background: var(--Color-Brand-water-blue, #CDF8FD);
	margin-top: 16px;
    width: stretch;
    flex-wrap: wrap;
}

.easyselect-item-wrapper {
    display: flex;
    align-items: center;
    gap: 0px;
}

.ez-click-remove, .easyselect-box-item-bob {
    display: flex;
    padding: 0px 4px;
    align-items: center;
    border-radius: 4px;
    background: none;
    color: var(--Color-Neutral-black, #000);
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    margin: 0px !important;
    width: auto;
}

.easyselect-item-wrapper {
    display: flex;
    padding: 0px 4px;
    align-items: center;
    border-radius: 4px;
    background: var(--Background-color-tertiary, #43CDF6);
    color: var(--Color-Neutral-black, #000);
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    margin: 0px !important;
}

.easyselect-box-item-bob {
    position: relative;
}

.ez-click-remove {
    cursor: pointer;
    padding: 0px 4px;
    width: auto;
    height: auto;
    background: transparent;
    border: none;
    color: transparent;
    font-size: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.ez-click-remove img {
    width: 24px;
    height: 24px;
    cursor: pointer;
    display: block;
}

.easyselect-box:before {
    content: "Selected destination(s):";
    width:auto;
    padding: 0px;
}

.easyselect-box-item-bob:after {
  display:none;
}

.travellerGroup {
    padding-bottom: var(--space-base);
    margin-bottom: 0;
    border-bottom: 1px solid var(--color-neutral-6);

    :is(#traveller-radio-individual:checked ~ label > .c_individual,
        #traveller-radio-couple:checked ~ label.couplelabel > .c_couple,
        #traveller-radio-family:checked ~ label.familylabel > .c_family,
        #traveller-radio-group:checked ~ label.grouplabel > .c_group) {
        border: solid var(--border-size-m) #0C1D4A;
    }
}

.famPopDiv {
    font-size: var(--font-size-mob-h5);
}

.famPopDiv img {
    display: none;
}

.select_box_name {
    padding: 0px;
    width: auto;
}

.singleFloat1 .fa {
    display: none;
}

label.css-label-radio-001-couple {
    background: url(https://res.cloudinary.com/dttwa61aq/image/upload/v1724077891/juc-qte/juc-couple.svg)
}

label.css-label-radio-001-indiv {
    background: url(https://res.cloudinary.com/dttwa61aq/image/upload/v1724077892/juc-qte/juc-individual.svg)
}

label.css-label-radio-001-family {
    background: url(https://res.cloudinary.com/dttwa61aq/image/upload/v1724077892/juc-qte/juc-family.svg)
}

label.css-label-radio-001-group {
    background: url(https://res.cloudinary.com/dttwa61aq/image/upload/v1724077891/juc-qte/juc-group.svg)
}

.grid.display-regions {
   gap: var(--font-size-xs);
}

/* Selected radio button states */
:is(#traveller-radio-individual:checked ~ label,
    #traveller-radio-couple:checked ~ label.couplelabel,
    #traveller-radio-family:checked ~ label.familylabel > .c_family,
    #traveller-radio-group:checked ~ label.grouplabel > .c_group,
    #uka:checked ~ label.cty1 > .radioUK,
    #euro:checked ~ label.cty2 > .radioEUR,
    #eurox:checked ~ label.cty3 > .radioEURX,
    #wwx:checked ~ label.cty4 > .radioWWX,
    #wwi:checked ~ label.cty5 > .radioWWI),
:is(#uka:checked ~ label.cty1,
    #euro:checked ~ label.cty2,
    #eurox:checked ~ label.cty3,
    #wwx:checked ~ label.cty4,
    #wwi:checked ~ label.cty5) .heading5 {
    background-position: top center;
    background-size: var(--space-35);
}

.display-regions #uka:checked~label.cty1>.radioUK,
.display-regions #euro:checked~label.cty2>.radioEUR,
.display-regions #eurox:checked~label.cty3>.radioEURX,
.display-regions #wwx:checked~label.cty4>.radioWWX,
.display-regions #wwi:checked~label.cty5>.radioWWI,
.single-trip-div #spain:checked~label[data-country="spain"]>.c_spain,
.single-trip-div #italy:checked~label[data-country="italy"]>.c_italy,
.single-trip-div #france:checked~label[data-country="france"]>.c_france,
.single-trip-div #Greece:checked~label[data-country="greece"]>.c_greece,
.single-trip-div #usa:checked~label[data-country="usa"]>.c_usa,
.travellerGroup #traveller-radio-individual:checked~label>.c_individual,
.travellerGroup #traveller-radio-couple:checked~label.couplelabel>.c_couple,
.travellerGroup #traveller-radio-family:checked~label.familylabel>.c_family,
.travellerGroup #traveller-radio-group:checked~label.grouplabel>.c_group {
    border: solid var(--border-size-m) #0C1D4A;
}

.progress li[data-step="1"]:before {
    background: var(--color-neutral-0);
    content: "1";
    color: var(--color-neutral-10);
}

.progress li[data-step="2"]:before {
    background: var(--color-neutral-0);
    border: solid var(--border-size-l) #000;
    content: "2";
    color: var(--color-neutral-10);
}

.progress li[data-step="3"]:before {
    background: var(--color-neutral-0);
    content: "3";
    color: var(--color-neutral-10);
}

.progress li[data-step="4"]:before {
    background: var(--color-neutral-0);
    content: "4";
    color: var(--color-neutral-10);
}

/* ===== Form Elements ===== */
.section_gap {
    border: none;
}

.progress li.igoRemove {
    display: block;
    width: var(--space-100);
}

input[type=email],
input[type=number],
input[type=password],
input[type=text],
select,
.securityCode-container,
input,
.cardno,
.form-control {
    border: 1px solid #0C1D4A;
    width: var(--space-100);
    border-radius: 0px;
}

input[type=email], input[type=number], input[type=password], input[type=text], select, .securityCode-container, input, .cardno, .form-control {
    border: var(--border-size-l) solid var(--color-neutral-4);
    border-radius: unset;
    width: var(--space-100);
    border: 1px solid #0C1D4A !important;
}

.traveller-Highlight-Box input, .address-details input{
    width: stretch;
}

input[type=radio].css-radio-001-family+label.css-label-radio-001-family,
input[type=radio].css-radio-001-group+label.css-label-radio-001-group,
input[type=radio].css-radio-001-couple+label.css-label-radio-001-couple,
input[type=radio].css-radio-001-indiv+label.css-label-radio-001-indiv {
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    padding: var(--space-base) 0;
}

/* ===== Traveller Type Labels ===== */
/* Common background properties for all traveller type labels in .travellerGroup */
.travellerGroup label>div label {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

input#email, input#email2, input#phoneno, input#td-datefrom, input#td-dateto,input#dateannual, input#single-country-selector {
padding-left:55px;
float:left;
}

input#td-datefrom, input#td-dateto, input#dateannual {
  background: url(https://res.cloudinary.com/dttwa61aq/image/upload/v1724082870/juc-qte/juc-cal-icon.svg) no-repeat left 17px center #fff;
}

input#phoneno {
background: url(https://res.cloudinary.com/dttwa61aq/image/upload/v1724185476/juc-qte/juc-phone.svg) no-repeat left 17px center #fff;
}

input#email, input#email2  {
    background: url(https://res.cloudinary.com/dttwa61aq/image/upload/v1724185476/juc-qte/juc-envelope.svg) no-repeat left 17px center #fff;
}

input#single-country-selector {
    background: url(https://res.cloudinary.com/dttwa61aq/image/upload/v1724082979/juc-qte/juc-search.svg) no-repeat left 17px center #fff;
}   

.progressBar {
    width: 400%;
}

.provider_headerWrap, .panelHeaderCell, .PolinfoBoxTopLong {
    color: var(--color-neutral-0);
    background: #2c3690;
}

.nostrap {
    color: #0C1D4A;
    text-align: right;
    margin: 0px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
}

.travellerGroup img {
    padding: 0px;
}


a.url, button.url, .payment-documents .moreinfo-btn3 {
    color: unset;
    background: none;
    border: none;
    font-weight: 500;
    text-decoration: none;
}

.nostrap .strong {
    font-weight: 400;
}

.dropdown-content a,
span.sw-number2 a {
    font-weight: 700;
}

span.sw-number2 {
    font-size: var(--font-size-h5);
}

.number-box .dropdown {
    display: block;
}

.number-bar1 {
    max-width: unset;
}


#headerDIVouter {
    max-width: 100%;
}

.borderBottom {
    border-bottom: solid var(--color-secondary);
}

/* Cover type heading */
.jrl-cover-type-heading {
    font-size: var(--font-size-mob-h5);
    font-weight: 600;
    color: var(--color-primary);
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: var(--space-base-s);
    line-height: 150%;
}

/* Other headings */
.traveller-div-line,
.contSections,
.travTitle001,
.cntInfoHeader,
.floatw200mt10b {
    font-size: var(--font-size-mob-h5);
    font-weight: 600;
    color: var(--color-primary);
}

.jrl-cover-type-heading .fa-question-circle {
    font-size: 16px;
    color: var(--color-primary);
    cursor: pointer;
    display: block;
}

#savequoteDiv {
    height: auto;
    margin: var(--space-base);
}

/* Replace all fa-question-circle icons with custom SVG */
.fa-question-circle,
i.fa-question-circle {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(https://res.cloudinary.com/dttwa61aq/image/upload/v1724077155/juc-qte/info-circle.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
    vertical-align: middle;
}

.fa-question-circle:before,
i.fa-question-circle:before {
    content: '';
    display: none;
}

.floatw200mt10b,
div.easyselect-field-wrapper {
    width: unset;
}

.single-trip-div .floatw200mt10b {
    width: 100%;
}

.extra_title .tooltipstered {
    display: none;
}

#single-country-selector::placeholder {
    font-weight: bold;
    color:var(--color-primary);
}
/** Medical condition autocomplete styling */
#med-autocomplete::placeholder {
    color: #535353;
    font-size: 14px;
    font-weight: 400;
}

#med-autocomplete {
    background: url(https://res.cloudinary.com/dttwa61aq/image/upload/v1724082979/juc-qte/juc-search.svg) no-repeat left 17px center;
    padding-left: 45px;
    font-weight: 400;
}

a.button2:before {
    font-weight: 400;
    content: url(https://res.cloudinary.com/dttwa61aq/image/upload/v1724082979/juc-qte/juc-search.svg);
    transform: translateY(2px);    
}


/* Medical condition list styling */
.med-itemline {
    line-height: normal;
    display: flex;
    align-content: center;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.section_gap {
    display: none;
}

div#med2-add-medical-condition-results-div {
    display: flex;
    flex-direction: column;
}


.traveller-list-med-item.traveller-list-med-item .caution {
    width: auto;
    font-weight: 600;
    font-size: 14px;
}

/* Override stamtGroup for card-based layout */
.stamtGroup {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 24px;
}

.stamtGroup label {
    flex: 1;
    margin: 0;
}

.stamtGroup .traveller-box-001 {
    position: relative;
    display: flex;
    align-items: center;
    background: #fff;
    border: 2px solid #E0E0E0;
    border-radius: 8px;
    padding: 24px;
    gap: 16px;
    transition: all 0.2s ease;
    cursor: pointer;
    height: auto;
    min-height: 131px;
    max-width: 346px;
}

.stamtGroup .traveller-box-001:hover {
    border-color: #43CDF6;
}

/* Icon box on the left */
.stamtGroup .trip-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    background-size: 48px;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
}

.stamtGroup .trip-icon-annual {
    background-color: #EEE;
    background-image: url(https://res.cloudinary.com/dttwa61aq/image/upload/v1724146203/juc-qte/juc-annual-plane.svg);
}

.stamtGroup .trip-icon-single {
    background-color: #EEE;
    background-image: url(https://res.cloudinary.com/dttwa61aq/image/upload/v1724146203/juc-qte/juc-single-plane.svg);
}

#radio-single:checked~label.annualsingle .trip-icon-single, #medconYes:checked~label.medconY>.radioY, #medconNo:checked~label.medconN>.radioN, #medconYes:checked~label.medconY>.radioY, #medconNo:checked~label.medconN>.radioN, #pmi-yes:checked~label.phiLabelY>.radioY, #pmi-no:checked~label.phiLabelN>.radioN, #pmi-yes:checked~label.phiLabelY>.radioY, #pmi-no:checked~label.phiLabelN>.radioN, #radio-annual:checked~label.annuallabel .trip-icon-annual {
    background-color: #43CDF6;
}

/* Text content - vertically centered */
.stamtGroup .select_box_name {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: none;
    text-indent: 0;
    text-align: left;
    max-width: 180px;
}

.stamtGroup .tripHeading {
    font-size: var(--font-size-mob-h5);
    font-weight: 700;
    color: #04306F;
    margin: 0 0 8px 0;
    line-height: 1.3;
}

.stamtGroup .acRemove {
    font-size: 16px;
    color: #04306F;
    line-height: 1.4;
    display: block;
}

/* Checkmark indicator on the right */
.stamtGroup .trip-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 17px;
    height: 17px;
    border: 1px solid var(--color-primary);
    border-radius: 50%;
    transition: all 0.2s ease;
    background-color: #fff;
    flex-shrink: 0;
}

.warrBtnWrap .radioYes::before,
.warrBtnWrap button:has(input[value="Y"])::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('https://res.cloudinary.com/dttwa61aq/image/upload/v1724164393/juc-qte/juc-btn-check.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.warrBtnWrap .radioNo::before,
.warrBtnWrap button:has(input[value="N"])::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('https://res.cloudinary.com/dttwa61aq/image/upload/v1724164393/juc-qte/juc-btn-x.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.warrBtnWrap button {
    width: auto;
    height: auto;
    color: var(--color-neutral-10);
    border: 2px solid var(--Border-secondary, #AAA);
    gap: 12px;
}


.warrBtn {
    font-weight: 400;
    line-height: 33px;
    font-size: var(--font-size-base);
    line-height: var(--space-xxl);
    border: 2px solid var(--Border-secondary, #AAA);
}

.warrBtnWrap button.active {
    color: var(--color-primary);
    border: 2px solid var(--color-neutral-10);
}

.warrBtnWrap label {
    border: none;
}

.warrBtnWrap {
        gap: 12px;
}

.warrBtnWrap:last-of-type {
        margin-bottom: 48px;
}

/* Apply tick and X styling to button groups */
.radioY::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    background-image: url('https://res.cloudinary.com/dttwa61aq/image/upload/v1724164393/juc-qte/juc-btn-check.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.radioN::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    background-image: url('https://res.cloudinary.com/dttwa61aq/image/upload/v1724164393/juc-qte/juc-btn-x.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Selected state */
#radio-annual:checked~label.annuallabel .traveller-box-001,
#radio-single:checked~label.annualsingle .traveller-box-001 {
    background: #E6F8FE;
    border: 1px solid #0C1D4A !important;
}

#radio-annual:checked~label.annuallabel .trip-check,
#radio-single:checked~label.annualsingle .trip-check {
    background-color: #43CDF6;
    border-color: #43CDF6;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="3"><polyline points="20 6 9 17 4 12"></polyline></svg>');
    background-size: 14px;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid var(--color-primary);
}

/* Override existing background images */
#radio-annual:checked~label.annuallabel>#annual,
#radio-single:checked~label.annualsingle>#tagsbutton,
div#annual,
div#tagsbutton {
    background-image: none;
    gap: 24px;
    display: flex;
    align-items: flex-start;
}

/* Progress container for IGO routes */
.progress-container {
    display: flex;
    height: 32px;
    align-items: center;
    align-self: stretch;
    margin-bottom: 32px;
}

.progress-number {
    display: flex;
    width: 32px;
    height: 32px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 72px;
    border: 1px solid var(--Border-primary, #0C1D4A);
    background: var(--Color-Brand-picton-blue, #FFFFFF);
    font-size: var(--font-size-mob-h5);
}

.progress-active {
    background: var(--Color-Brand-picton-blue, #43CDF6);
}

.progress-complete {
    background: #0C1D4A;
    color: #FFFFFF;
    content: url('https://res.cloudinary.com/dttwa61aq/image/upload/v1723741486/juc-qte/step-head-check.svg');
}

.progress-divider {
    height: 1px;
    background-color: #0C1D4A;
    flex: 1 0 0;
}

.progress-complete {
    background: #0C1D4A !important;
    content: url('https://res.cloudinary.com/dttwa61aq/image/upload/v1723741486/juc-qte/step-head-check.svg');
    color: #FFFFFF !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {

    .stamtGroup .traveller-box-001 {
        min-height: 100px;
        padding: 16px;
        gap: 12px;
    }

    .stamtGroup .trip-icon {
        width: 58px;
        height: 58px;
    }

    .stamtGroup .tripHeading {
        font-size: var(--font-size-mob-h5);
    }

    .stamtGroup .acRemove {
        font-size: 14px;
    }

    .display-regions {
        grid-template-columns: repeat(2, 1fr)
    }
}

/* Hide elements for JRL brand */
.defCol3,
.defCol4,
.whichLogodsk,
.defaqMob {
    display: none;
}


.headCol2, .headCol3, .headCol4 {
    margin-bottom: unset;
}

.headCol2, .headCol3 {
    padding-top: 40px;
}

.container.jrl .headCol4.blackHead {
    padding-top: 40px;
}


@media (max-width: 979px) {
    .defCol3,
    .defCol4
    {
        display: flex;
        padding-top: unset;
    }

    .headCol2, .headCol3, .headCol4 {
        padding-top: unset;
    }

    .defCol4 .saveAmt, .defCol4 .saveAmt span {
        color: var(--color-neutral-0);
    }

    p.caveatPanel {
    padding: 12px 0;
    }

    .quotepage p.caveatPanel {
    padding: 12px;
    }
}


.panelWas {
    color: var(--color-primary);
    font-size: 14px;
    font-weight: 700;
}

.singleFloat1 h2 {
    font-size: 24px;
}

/* ===== Extras/Cover Option Cards - ordering ===== */
.extras-cover-list #divCruise              { order: 1; }
.extras-cover-list #divGadgetcover         { order: 2; }
.extras-cover-list #divExcesswaiver        { order: 3; }
.extras-cover-list #divDoubleExcess        { order: 4; }
.extras-cover-list #divNaturaldisaster     { order: 5; }
.extras-cover-list #divHazardousactivities { order: 6; }
.extras-cover-list #divBusinesscover       { order: 7; }
.extras-cover-list #divWintersports        { order: 8; }
.extras-cover-list #divGolfcover           { order: 9; }

/* ===== Extras/Cover Option Cards ===== */
[id^="div"]:is(#divGadgetcover,
    #divNaturaldisaster,
    #divExtendedstay,
    #divExcesswaiver,
    #divBusinesscover,
    #divDoubleExcess,
    #divHazardousactivities,
    #divCancellation,
    #divCruise,
    #divWintersports,
    #divGolfcover,
    #divWaitinglist,
    #divTravelcompanion) {
    display: flex;
    align-items: flex-start;
    padding: 24px;
    background: #fff;
    border: 1px solid #AAA;
    margin-bottom: 16px;
    position: relative;
    flex-direction: row;
    cursor: pointer;
    transition: all 0.2s ease;
    gap: 12px;
    color: var(--color-primary);
}

/* Extras icon containers */
.extras-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #F5F5F5;
    flex-shrink: 0;
}

/* Extras content styling */
[id^="div"]:is(#divGadgetcover,
    #divNaturaldisaster,
    #divExtendedstay,
    #divExcesswaiver,
    #divDoubleExcess,
    #divCancellation,
    #divHazardousactivities,
    #divCruise,
    #divWintersports,
    #divGolfcover,
    #divBusinesscover,
    #divWaitinglist,
    #divTravelcompanion) {

    /* Headings */
    h2, h3 {
        font-size: var(--font-size-mob-h5);
        font-weight: 700;
        color: var(--color-primary);
        margin: 0 0 8px 0;
        line-height: 1.4;
    }

    /* Description text */
    p {
        font-size: 16px;
        color: var(--color-primary);
        line-height: 1.5;
        margin: 0 0 8px 0;
    }

    /* More info links */
    a {
        font-size: 16px;
        color: var(--color-primary);
        text-decoration: underline;

        &:hover {
            text-decoration: underline;
        }
    }

    .jrl-more-info-toggle.expanded {
        font-weight: 700;
    }

    /* Checkboxes */
    input[type="checkbox"] {
        position: absolute;
        right: 24px;
        top: 24px;
        width: 20px;
        height: 20px;
        cursor: pointer;
    }

    /* Selected state */
    &.extras-selected {
        background: #E6F8FE;
        border: solid 1px var(--color-primary);
    }
}

/* More info content divs */
.jrl-more-info-content {
    margin-top: 12px;
    padding: 16px 0;
    
    p {
        margin-bottom: 8px;

        &:last-child {
            margin-bottom: 0;
        }
    }

    strong {
        color: var(--color-primary);
        font-weight: 600;
    }

    ul, ol {
        margin: 8px 0;
        padding-left: 20px;

        li {
            margin-bottom: 4px;
        }
    }
}

/* ===== JRL Extras - Clickable Cards with Custom Checkboxes ===== */

/* Custom checkbox styling */
.extras-checkbox {
    position: absolute;
    right: 24px;
    top: 24px;
    width: 20px;
    height: 20px;
    border: 2px solid #E0E0E0;
    border-radius: 4px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    pointer-events: none;

    &::after {
        content: '';
        display: none;
        width: 6px;
        height: 10px;
        border: solid #fff;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
        margin-bottom: 2px;
    }
}

.endorsements-section .right-align-s {
    margin: 0 var(--space-base-s);
    text-decoration: underline;
}


.extras-selected .extras-checkbox {
    background: var(--color-secondary);
    border-color: var(--color-secondary);

    &::after {
        display: block;
    }
}

/* Hide original buttons when using checkbox style */
.extras-has-checkbox .endorse_quote008,
.extras-has-checkbox .endorse_add_quote008 {
    display: none !important;
}

.extradiv {
    padding: 0;
    margin-top: 0;
    display: flex;
    flex-direction: column;
    max-width: 56px;
}

/* ===== AMT Upsell - JRL Brand Cosmetic Styles ===== */


.amt-benefits-modal__content {
    max-width: 768px;
}

.amt-upsell-header h2 {
    color: var(--color-primary);
    font-family: var(--main-font);
    font-size: 24px;
}

.upsellTopClose {
    display: flex;
    padding: 5px 12px 5px 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    position: absolute;
    top: 0px;
    right: 0px;
    background:  #0C1D4A;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
    color: #FFF;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    cursor: pointer;
    border: 0px;
}

.amt-upsell-header p {
    color: var(--color-primary);
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

/* Single Trip Card Styles */
.amt-benefits-modal__header {
    border-bottom: none;
    text-align: left;
    padding-bottom: 0;
}

..amt-benefits-modal__body{
    padding-top: 0;
}

.amt-card{
    border: 1px solid #444;
}

.amt-card--single .amt-card__header{
    text-align: left;
}

.amt-card__benefits{
    padding-bottom: 12px;
    gap: 12px;
    flex: 1 0 0;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
}

.amt-card__benefits li:first-child{
    border-top: 0;
}

.amt-card__cta,.amt-card__header{
    padding: 12px 12px 0 12px;
}

.amt-card__pricing{
    padding: 0 12px;
}

.amt-card__header .amt-underline,
.amt-card__cta .amt-underline{
    margin: 12px 0;
}
.amt-underline{
    border-bottom: 1px solid #0C1D4A;
    width: 100%;
}

.amt-benefit{
    border-top: 0;
    display: flex;
    flex-direction: column;
    text-align: left;
    align-items: flex-start;
    padding: 0 12px;
}

.amt-benefit__body{
    display: flex;
    align-items: center;
    gap: 6px;
}

.amt-show-benefits-link{
    font-size: 16px;
    font-weight: 400;
    text-decoration: underline;
}

.amt-card--single .amt-card__label {
    color: var(--color-primary);
    font-size: var(--font-size-mob-h5);
    font-weight: 600;
}

.amt-card--single .amt-card__title {
    color: var(--color-primary);
    font-size: var(--font-size-h5);
}

.amt-card--single .amt-card__price {
    color: var(--color-primary);
}

.amt-card--single .amt-card__was-price {
    color: #718096;
}

.amt-card--single .amt-card__savings {
    color: var(--color-primary);
}

.amt-benefits-modal__footer {
    text-align: left;
}

.amt-benefits-modal__close-btn {
    width: 100%;
    max-width: 200px;
}

.amt-benefits-value--check{
    font-size: 0;
}

.amt-benefits-value--check img{
    height: 20px;
}


/* Annual Multi-Trip Card Styles */
.amt-card--annual {
    border: 2px solid #0C1D4A;
    box-shadow: 0px 12px 16px -4px rgba(0, 0, 0, 0.08), 0px 4px 6px -2px rgba(0, 0, 0, 0.03);
    background: var(--color-quaternary);
}

.amt-card--annual .amt-card__header {
    color: #fff;
    text-align: left;
}

.amt-card--annual .amt-card__label {
    color: var(--color-primary);
    font-size: var(--font-size-h5);
    font-weight: 600;
}

.amt-card--annual .amt-card__title {
    color: var(--color-primary);
    font-size: var(--font-size-h5);
}

.amt-card--annual .amt-card__price {
    color: var(--color-primary);
    text-align: left;
}

.amt-card--annual .amt-card__was-price {
    color: #718096;
    text-align: left;
}

.amt-card--annual .amt-card__savings {
    color: var(--color-primary);
}

/* Annual Card Primary Button */
.amt-card--annual .amt-btn--primary {
    background-color: var(--color-tertiary);
    border-color: var(--color-tertiary);
    color: #000;
}

.amt-card--annual .amt-btn--primary:hover {
    background-color: #8BE600;
    border-color: #8BE600;
}

/* Benefit Value Highlights */
.amt-benefit__value--highlight {
    color: var(--color-primary);
    padding: 2px 8px;
    border-radius: 4px;
}

.amt-benefit__value--yes {
    color: var(--color-primary);
    font-weight: 700;
}

.amt-benefit__value--no {
    color: var(--color-primary);
}

/* Footer Link */
.amt-show-benefits-link {
    color: var(--color-primary);
}

.footerLinks {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: center;
    text-decoration: underline;
    font-size: 14px;
}

.footerLinks a {
    color: #666666;
}

.footer-inner {
    max-width: 800px;
    margin: auto;
}

.footer-inner p{
    font-family: Lato; 
    font-size: 14px; 
    font-style: normal; 
    font-weight: 400; 
    line-height: 150%; 
    margin:0px; 
    text-align:center;
    margin-bottom:24px;
}


.amt-show-benefits-link:hover {
    color: var(--color-primary);
}

/* ===== AMT Benefits Modal - JRL Brand Styles ===== */
.amt-benefits-modal{
 padding: 0;
}

.amt-benefits-modal__header {
    color: var(--color-primary);
}

.amt-benefits-modal__header h2 {
    color: var(--color-primary);
}

.amt-benefits-modal__header .heading1 {
    color: var(--color-primary);
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    margin: 0 0 12px 0;
}

.amt-benefits-modal__header .product-title{
    font-family: Lato;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    margin: 0;
}

.amt-benefits-modal__close {
    color: #fff;
}

.amt-benefits-modal__close:hover {
    color: var(--color-secondary);
}

.amt-benefits-label {
    color: var(--color-primary);
}

.amt-benefits-label, .amt-benefits-value{
    padding: 16px 0;
}

.amt-benefits-value {
    display: flex;
    flex: 1;
    color: var(--color-primary);
    font-weight: 700;
    text-align: center;
    border-left: 1px solid #0C1D4A;
    height: 30px;
    align-items: center;
    justify-content: center;
}

.amt-benefits-table{
    border-top: 1px solid #0C1D4A;
    border-bottom: 1px solid #0C1D4A;
}

.amt-benefits-row{
    border-bottom: 1px solid #0C1D4A;
    padding: 0;
}

.amt-benefits-modal__close-btn {
    background-color: var(--color-tertiary);
    border-color: var(--color-tertiary);
}

.amt-benefits-modal__close-btn:hover {
    background-color: #8BE600;
    border-color: #8BE600;
}

/* Email opt-in checkbox styling */
#quoteTripDetailsContainer [type=checkbox] {
    opacity: 100;
    cursor: pointer;
    accent-color: var(--color-secondary, #43CDF6);
    flex-shrink: 0;
    position: static;
    right: auto;
    top: auto;
    width: 18px;
    height: 18px;
    margin: 0;
    padding: 0;
}

/* Hide radio button inputs */
.country-quick-select input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}

.country-label:hover .countryFloat1 {
    transform: translateY(-2px);
}

.country-label:active .countryFloat1 {
    transform: translateY(0);
}

.footercontainer {
    background-color: var(--color-neutral-0);
}
/* Responsive adjustments */
@media (max-width: 768px) {
    .country-quick-select {
        gap: 6px;
    }
}

@media (max-width: 480px) {
    .country-quick-select .countryFloat1 {
        padding: 12px;
        font-size: 14px;
    }

    .country-quick-select .select_box_name {
        font-size: 18px;
    }

    .warrBtnWrap button {
        width: var(--space-100)
    }


}

/* Medical Warranty Declaration Styles */
.MedWarrantbtn {
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.MedWarrantbtn:hover {
    opacity: 0.8;
}

.med-warrant-trigger {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    color: var(--color-primary);
    margin: 0;
    text-decoration: underline;
    cursor: pointer;
}

.med-warrant-trigger img {
    vertical-align: middle;
    flex-shrink: 0;
}

.declaration-collapse {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    padding: 20px;
    margin-top: 15px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.declaration-collapse strong {
    color: var(--color-primary);
    display: block;
    margin-bottom: 12px;
    font-size: 16px;
}

.declaration-collapse ul.warrantyQs {
    list-style: none;
    padding-left: 0;
    margin: 15px 0;
}

.declaration-collapse li.warrantyQs {
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    line-height: 1.5;
    color: var(--color-primary);
}

.declaration-collapse li.warrantyQs::before {
    content: "•";
    position: absolute;
    left: 8px;
    color: var(--color-primary);
    font-weight: bold;
    font-size: var(--font-size-mob-h5);
}

.medinsBtmClose {
    background-color: var(--color-tertiary);
    color: var(--color-primary);
    border: none;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-top: 10px;
}

.medinsBtmClose:hover {
    background-color: #8ee600;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.medinsBtmClose:active {
    transform: translateY(0);
}

.pad15 {
    padding: 15px 0;
}

/* IGO Medical Warranty Error Styles */
.warrErrWrap, .warUndiagnosed, .errorText, .caution {
    background-color: #fef2f2;
    margin-top: 12px;
    align-items: flex-start;
    gap: 12px;
    box-shadow: none;
    width: stretch;
    margin-right: unset;
}

.errorText.errorLowerTerms {
    color: var(--color-primary);
    font-weight: normal;
}

p.warrQues {
    padding: 0;
    margin: 0;
    color: var(--color-primary);
}

.warrQ {
    font-weight: var(--font-bold);
    font-size: var(--font-size-mob-h5);
}

.warrErrWrap .warrQues1 {
    margin: 0;
    line-height: 1.5;
}

.medical-affirmation p{
   font-size: 16px;
   line-height: 24px;
   padding: 0px;
   margin: 12px;
}

.warUndiagnosed {
    transition: opacity 0.3s ease;
    display: flex;
    flex-direction: column;
}

.warUndiagnosed.hide {
    display: none;
}

/* AutoAddress Ireland Integration */
.autoaddress-input-control {
    display: block !important;
}

#autoaddress-button {
    display: none !important;
}

#autoaddress-input {
    background: url(https://res.cloudinary.com/dttwa61aq/image/upload/v1724185721/juc-qte/juc-home.svg) no-repeat left 17px center #fff;
    padding-left: 55px !important;
}

#autoaddress-input {
    border: 1px solid var(--color-primary) !important;
    border-radius: 0 !important;

}


li#autoaddress-manual-enter {
    display: none !important;
}

.address-details {
    margin-left: 0px;
}

.td-extended-address {
    grid-template-columns: repeat(1, 1fr);
    width: var(--space-100);
}

/* ===== PHI Modal Styles ===== */
.phi-modal .modal-content {
    max-width: 600px;
}

.phi-modal-wrap {
    background: #fff;
    padding: 0;
    border-radius: 0;
}

.phi-modal-header {
    display: flex;
    justify-content: right;
    align-items: flex-start;
}

.phi-modal-header h2 {
    color: var(--color-primary);
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    line-height: 1.4;
    flex: 1;
    padding-right: 16px;
}

.phi-modal-header .phi-modal-close {
    background: var(--color-primary);
    color: var(--color-neutral-0);
}

.phi-modal-close {
    background: transparent;
    border: none;
    color: var(--color-primary);
    font-size: 19px;
    line-height: 1;
    cursor: pointer;
    padding: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.phi-modal-close:hover {
    opacity: 0.8;
}

span.closetxt {
    font-size: 12px;
    margin-left: 4px;
    font-weight: 700;
}

.phi-modal-body {
    padding: 0 48px 24px;
}

.phi-modal-body p {
    color: var(--color-primary);
    font-size: 16px;
    line-height: 1.6;
    margin: 0 0 16px;
}

.phi-modal-body p:first-child {
    margin-top: 0;
}

.phi-modal-body ul {
    margin: 0 0 16px;
    padding-left: 24px;
}

.phi-modal-body li {
    color: var(--color-primary);
    font-size: 16px;
    line-height: 1.6;
    font-weight: 700;
}

.phi-modal-footer {
    padding: 0 48px 48px;
}

.phi-modal-close-btn {
    background: var(--color-tertiary);
    color: #000;
    border: none;
    border-radius: 5px;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    width: 100%;
}

.phi-modal-close-btn:hover {
    background: #8BE600;
}


.privInsWrap {
    color: #0C1D4A;
    font-size: var(--font-size-mob-h5);
    font-weight: 600;
    cursor:pointer;
    gap:6px;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.phi-container {
    border-bottom: 1px solid var(--color-neutral-6);
}

.phi-container h2{
    font-size: 24px;
    margin: 0;
}

p.helpTxtwrap {
    padding: 0;
    margin: 0;
}

.autoaddress-autocomplete,
.autoaddress-autocomplete-container {
    z-index: 999999 !important;
}

.postcodeinline,
.contact2b {
    overflow: visible !important;
}

.postcodeinline .headerFlex {
    margin-bottom: var(--space-base);
}

.td-extended-address label {
    font-size: var(--font-size-mob-h5);
    font-weight: 600;
}

.contact1, .contact1b {
    width: 100%;
    margin: 0;
}

.flex.contSections {
    flex-direction: column;
    display: flex;
    width: 100%;
}

.addValid {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-bottom: 1px solid var(--color-neutral-6);
}

.addValid span{
    margin-bottom: var(--space-base);
    padding: var(--font-size-xs);
    background: var(--Background-color-secondary, #CDF8FD);
}

a.inactive {
    pointer-events: none !important;
}

/* ===== JRL Upsell Modal Styles ===== */
.upsell-modal--jrl-upsell .upsell-modal-basic-wrap {
    overflow: hidden;
    background: #fff;
    padding: 0;
    border-radius: 0px;
}

.upsell-modal--jrl-upsell .upsell-modal-basic {
    font-family: var(--main-font);
}

.upsell-modal--jrl-upsell .upsell-modal-banner {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
}

.upsell-modal--jrl-upsell .upsell-modal-banner-details {
    flex: 1;
    max-width: 55%;
    padding: 32px 24px 24px 32px;
    box-sizing: border-box;
}

.upsell-modal-body {
    margin-top: -257px;

}

.upsell-modal--jrl-upsell .upsell-modal-banner-details h3 {
    font-size: 28px !important;
    line-height: 1.25;
    color: var(--color-primary) !important;
    font-weight: 700;
    margin: 0 0 16px;
}

.upsell-modal--jrl-upsell .upsell-modal-banner-details .upsell-subtitle {
    font-size: 16px;
    font-weight: 700;
    color: var(--color-primary);
    margin-bottom: 12px;
}

.upsell-modal--jrl-upsell .upsell-modal-banner-details p {
    font-size: 14px;
    line-height: 1.5;
    color: var(--color-primary);
    margin: 0 0 12px;
}

.upsell-modal--jrl-upsell .upsell-modal-banner-details p:last-child {
    margin-bottom: 0;
}

.upsell-modal--jrl-upsell .upsell-modal-banner-img {
    flex: 0 0 45%;
    max-width: 45%;
    position: relative;
    overflow: hidden;
}

.upsell-modal--jrl-upsell .upsell-modal-banner-img::before {
    content: '';
    position: absolute;
    top: 0;
    left: -50px;
    width: 120px;
    height: 100%;
    background: linear-gradient(to right, #fff 0%, transparent 100%);
    z-index: 1;
}

.upsell-modal--jrl-upsell .upsell-modal-banner-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.upsell-modal--jrl-upsell .upsell-modal-body {
    padding: 0 32px 39px;
}

.upsell-modal--jrl-upsell .upsell-modal-offer {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
}

.upsell-modal-body .upsell-modal-offer li {
    padding-left: 0px;

}

.upsell-modal--jrl-upsell .upsell-modal-offer li {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    font-size: 15px;
    line-height: 1.7;
    color: var(--color-primary);
    margin-bottom: 10px;
}

.upsell-modal--jrl-upsell .upsell-modal-offer li:last-child {
    margin-bottom: 0;
}

.upsell-modal--jrl-upsell .upsell-modal-offer li svg {
    flex-shrink: 0;
    margin-top: 2px;
}

.upsell-modal--jrl-upsell .upsell-modal-offer li img {
    flex-shrink: 0;
    margin-top: 2px;
    width: 24px;
    height: 24px;
}

.upsell-modal--jrl-upsell .upsell-modal-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    background: var(--color-tertiary);
    color: #000;
    font-size: 20px;
    font-weight: 700;
    padding: 10px 10px 10px 16px;
    border-radius: 4px;
    text-decoration: none;
    cursor: pointer;
    width: fit-content;
    margin-bottom: 12px;
    transition: background 0.2s ease;
}

.upsell-modal--jrl-upsell .upsell-modal-btn::after {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url('https://res.cloudinary.com/dttwa61aq/image/upload/v1725892131/juc-docs/2024/global/icons/chevron-r-b-sm2-48.png');
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    position: relative;
    background-position: center;
}

.upsell-modal--jrl-upsell .upsell-modal-btn:hover {
    background: #8BE600;
}

.upsell-modal--jrl-upsell .upsell-no-btn {
    display: none;
}

.upsell-modal--jrl-upsell .upsell-modal-footer {
    padding: 0;
    border-top: none;
    width: var(--space-half);
}

.upsell-modal--jrl-upsell .upsell-modal-footer p {
    font-size: 11px;
    color: #666;
    margin: 0;
    line-height: 1.4;
}

.upsell-modal--jrl-upsell .upsell-modal-close {
    right: 10px;
    top: 10px;
}

.upsell-modal-banner-details p strong {
    font-weight: 700;
    max-width: 425px;
    display: block;
}

.upsell-modal-basic {
    overflow-y: hidden;
}

@media (max-width: 1180px) {

    .upsell-modal--jrl-upsell .upsell-modal-banner {
        flex-direction: column;
    }

    .upsell-modal--jrl-upsell .upsell-modal-banner-details {
        max-width: 100%;
        padding: 24px;
    }

    .upsell-modal--jrl-upsell .upsell-modal-banner-img {
        flex: 0 0 auto;
        max-width: 100%;
        height: 200px;
        order: -1;
    }

    .upsell-modal--jrl-upsell .upsell-modal-banner-img::before {
        display: none;
    }

    .upsell-modal--jrl-upsell .upsell-modal-body {
        padding-left: 24px;
        padding-right: 24px;
        margin-top: 0;
    }

    .upsell-modal--jrl-upsell .upsell-modal-footer {
        padding-left: 0px;
        padding-right: 0px;
        width: 100%;
    }

}

/* Modal adjustments for JRL brand */
.modal-content .upsell-modal-basic-wrap button {
    padding: 12px 5% 12px 5%;
    font-size: 20px;
}

button.Medadd-btn.traveller-list-modal-item-add-button.base-vertical-space.oneHundred {
    color: #2c3690;
}

.trustpilot {
    display: block;
}

div#tp-widget-rating {
    display: none;
}

/* ===== Payment Complete - JRL ===== */

.pc-jrl {
max-width: 800px;
    margin: 0 auto;
    font-family: var(--main-font);
    color: var(--color-primary);
    line-height: 1.6;
    border: 1px solid var(--Border-primary, #0C1D4A);
}

/* Hero Banner */
.pc-jrl__hero {
    width: 100%;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
}

.pc-jrl__hero-img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    max-height: 290px;
}

/* Success Header */
.pc-jrl__header {
    padding: 24px;
    background: #CDF8FD;
}

.pc-jrl__success-text {
    font-size: 67px;
    font-weight: 400;
    color: var(--color-primary);
    font-family: "justcoverscript", cursive;
    font-style: normal;
    line-height: 100%;
    margin: 0 0 4px;
}

.pc-jrl__title {
    font-size: 22px;
    font-weight: 700;
    color: var(--color-primary);
    margin: 0 0 12px;
}

.pc-jrl__intro {
    font-size: 16px;
    margin: 0 0 12px;
    color: var(--color-primary);
}

/* Sections */
.pc-jrl__section {
    padding: 12px 48px;
}

.pc-jrl__section:first-of-type {
    padding: 48px 48px 0px;
}
.pc-jrl__section-title {
    font-size: var(--font-size-mob-h5);
    font-weight: 700;
    color: var(--color-primary);
    margin: 0 0 16px;
    padding-bottom: 8px;
    border-bottom: none;
    font-size: 20px;
}

.pc-jrl__section p {
    font-size: 18px;
    margin: 0 0 12px;
    color: var(--color-primary);
}

.pc-jrl__link {
    font-size: var(--space-base);
}

/* Cover Summary Grid */
.pc-jrl__cover-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.pc-jrl__section button.button {
    float: unset;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    align-items: center;
}

.promo-arrowDown.base-vertical-space {
    display: flex;
    justify-content: space-between;
    font-size: var(--font-size-base);
}

.promohide .flex {
    flex-direction: column;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
}

.promo-pricing {
    gap: 12px;
    flex-direction: row;
    justify-content: flex-end;
}

.proapply {
    width: 100%;
    max-width: 154px;
    display: block;
    padding: 5px;
    text-align: center;
    color: #000;
    background: #9EFF01;
    border-radius: 5px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    float: right;
    margin-top: 10px;
}

.proapply span {
    padding: 5px var(--space-l);
}

.promoCont__input{
    margin-right: unset;
}

.stampDuty {
    font-size: var(--space-base-s);
}

@media (max-width: 520px) {
    .pc-jrl__cover-grid {
        grid-template-columns: 1fr;
    }
}

.pc-jrl__dl {
    margin: 0;
}

.pc-jrl__dl-row {
    display: flex;
    flex-direction: row;
    margin-bottom: 8px;
    gap: 8px;
}

.pc-jrl__dl-row dt {
    color: var(--color-primary);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}

.pc-jrl__dl-row dd {
    font-size: 16px;
    font-weight: 400;
    color: var(--color-primary);
    margin: 0;
}

/* Travellers Card */
.pc-jrl__travellers-card {
    border: 1px solid #d0d5dd;
    padding: 20px;
    background: #EEE;
}

.pc-jrl__travellers-heading {
    font-size: 18px;
    font-weight: normal;
    color: var(--color-primary);
    margin: 0 0 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid #d0d5dd;
}

.pc-jrl__travellers-heading b{
    font-weight: 700;
}

.pc-jrl__travellers-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    border: 1px solid #e9ecef;
}

@media (max-width: 520px) {
    .pc-jrl__travellers-wrapper {
        grid-template-columns: 1fr;
    }
}

/* Main Traveller Section */
.pc-jrl__main-traveller {
    background: var(--color-neutral-0);
    padding: 12px;
}

span#pc-main-traveller-medical {
    font-size: 18px;
}

.pc-jrl__main-traveller__header {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.pc-jrl__traveller-bookmark-icon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 48px;
    transform: translateY(-10px);
}

.pc-jrl__traveller-bookmark-icon img {
    height: auto;
}

.pc-jrl__main-traveller__label {
    font-size: 14px;
    font-weight: 800;
    color: #2692D0;
    letter-spacing: 0.5px;
    margin: 0;
    padding-top: 4px;
}

.pc-jrl__main-traveller__name {
    font-size: var(--font-size-mob-h5);
    font-weight: 700;
    color: var(--color-primary);
    margin: 0px;
}

.pc-jrl__main-traveller__info {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.pc-jrl__main-traveller__detail-row {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pc-jrl__main-traveller__detail-row:first-of-type {
    flex-direction: row;
    gap: 4px;
}

.pc-jrl__main-traveller__detail-row label {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-primary);
}

.pc-jrl__main-traveller__detail-row span,
.pc-jrl__main-traveller__detail-row a {
    font-size: 16px;
    color: var(--color-primary);
    line-height: 1.5;
}

.pc-jrl__main-traveller__address {
    font-size: 16px;
    color: var(--color-primary);
    line-height: 1.6;
    border-bottom: 1px solid var(--color-neutral-7);
    padding-bottom: var(--space-base);
}

.pc-jrl__medical-status {
    font-weight: 500;
    color: var(--color-secondary);
}

/* Companion Travellers Grid */
.pc-jrl__companion-travellers {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    background: var(--color-neutral-0);
}

.pc-jrl__companion-travellers .pc-jrl__traveller-bookmark-icon {
    visibility:hidden;
}

@media (max-width: 520px) {
    .pc-jrl__companion-travellers {
        grid-template-columns: 1fr;
    }
}

.pc-jrl__traveller {
    margin: 12px;
    font-size: 16px;
}

.pc-jrl__traveller:last-of-type {
    border-bottom: 0;
}

.pc-jrl__traveller__header {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.pc-jrl__traveller__header .pc-jrl__traveller-bookmark-icon {
    width: 28px;
    height: 40px;
}

.pc-jrl__traveller-name {
    font-weight: 700;
    color: var(--color-primary);
    margin: 0;
    font-size: 18px;
}

.pc-jrl__traveller__detail {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.pc-jrl__traveller__detail-item {
    font-size: 16px;
    line-height: 1.4;
    gap: 6px;
    display: flex;
    flex-direction: column;
}

.pc-jrl__traveller__detail-item:first-child {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid #AAAAAA;
}

.pc-jrl__traveller__detail-label {
    font-weight: 600;
    color: var(--color-primary);
    display: block;
}

.pc-jrl__traveller__detail-value {
    color: var(--color-primary);
    display: block;
    font-size: 18px;
}

.pc-jrl__traveller__detail-item:first-of-type .pc-jrl__traveller__detail-value {
    font-size: 16px;
}

.pc-jrl__age {
    font-size: 16px;
    color: #666;
    display: block;
    margin: 0;
}


/* Price Row */
.pc-jrl__price-row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 24px 48px 0px;
}

.pc-jrl__price-label {
    font-size: 16px;
    font-weight: 700;
    color: var(--color-primary);
}

.pc-jrl__price-value {
    font-size: 28px;
    font-weight: 700;
    color: var(--color-primary);
}

.pc-jrl__price-note {
    font-size: 12px;
    color: var(--color-primary);
    text-align: right;
    margin: 24px 48px;
    border-bottom: 1px solid #AAAAAA;
}

/* Policy Document Links */
.pc-jrl__doc-links {
    margin-top: 12px;
}

.pc-jrl__doc-links a {
    border: none;
    background: none;
    text-decoration: underline;
    color: var(--color-primary);
    font-size: 18px;
    padding: 0px;
    line-height: 200%;
}

/* Emergency Assistance */
.pc-jrl__emergency {
    margin: 24px 48px;
    border: 2px solid var(--color-primary);
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.pc-jrl__emergency-title {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 8px;
}

.pc-jrl__emergency p {
    font-size: 18px;
    margin: 0 0 6px;
    color: var(--color-primary);
}

.pc-jrl__emergency-note {
    font-size: 18px;
    color: var(--color-primary);
}

.pc-jrl__emergency-btn {
    display: inline-block;
    margin-top: 12px;
    padding: 10px 20px;
    background: var(--color-primary);
    font-weight: 400;
    font-size: 16px;
    border-radius: 5px;
    text-decoration: none;
    color: var(--color-neutral-0);
    width: fit-content;
}

.pc-jrl__emergency-btn:hover {
    background: var(--color-primary-hover);
}

/* Director Sign-off */

.pc-jrl__signoff-cont {
    margin: 24px 48px 48px;
}

.pc-jrl__signoff {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 24px;
    border-top: 1px solid #d0d5dd;
    margin-top: 20px;
    background: #CDF8FD;
}

.pc-jrl__signoff-photo {
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    width: 100px;
    height: 100px;    
}

.pc-jrl__signoff-text {
    font-size: 16px;
}

.pc-jrl__signoff-wish {
    margin: 0 0 2px;
    color: var(--color-primary);
    font-size: 16px;
}

.pc-jrl__signoff-name {
    margin: 0;
    font-weight: 700;
    color: var(--color-primary);
    font-size: 20px;
}

.pc-jrl__signoff-role {
    margin: 0;
    font-size: 16px;
    color: var(--color-primary);
}

.payARBenwrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    align-self: stretch;
    color: var(--color-primary);
}

.payARBenwrap span {
    font-weight: 700;
}
.payARBenitemwrap {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
}

.pay-jrl__checkboxes {
    display: grid;
    gap: 24px;
}

.payARBenitemwrap p {
    margin: 0px;
    line-height: 150%;
}

.pay-jrl__checkbox-item {
    position: relative;
    padding-left: 26px;
    cursor: pointer;
    display: flex;
    align-items: flex-start;
    gap: 0;
}

.pay-jrl__checkbox {
    all: revert;
    visibility: hidden;
    display: none;
}

/* Shared checkbox styling base */
.pay-jrl__checkbox-container,
.igo-extras-checkbox {
    height: 18px;
    width: 18px;
    background-color: #FFF;
    border: 1px solid var(--color-primary);
    flex-shrink: 0;
}

/* Pay-JRL specific positioning */
.pay-jrl__checkbox-container {
    position: absolute;
    top: 2px;
    left: 0;
}

/* IGO-extras specific styling */
.igo-extras-checkbox {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
}

/* Shared checkmark styling */
.pay-jrl__checkbox-container::after,
.igo-extras-checkbox::after {
    content: "";
    position: absolute;
    display: none;
    left: 6px;
    top: 1px;
    width: 4px;
    height: 11px;
    border-bottom: 2px solid var(--color-primary);
    border-right: 2px solid var(--color-primary);
    transform: rotate(45deg);
}

/* Shared checked state */
.pay-jrl__checkbox:checked ~ .pay-jrl__checkbox-container::after,
.igo-extras-checkbox:checked::after {
    display: block;
}

.pay-jrl__checkbox:checked ~ .pay-jrl__checkbox-container,
.igo-extras-checkbox:checked {
    background-color: var(--color-secondary);
}

.pay-jrl__checkbox-label, .pay-jrl__benefits-heading {
    flex: 1;
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-primary);
    cursor: pointer;
    margin: 0;
    font-weight: 700;
}

.pay-jrl__benefits-heading {
    margin-bottom: 12px;
}

.terms .pay-jrl__checkbox-label {
    font-weight: normal;
}

.terms .pay-jrl__checkbox-label .pay-jrl__link {
    font-weight:700;
}

a.pay-jrl__link {
    font-weight: normal;
    text-decoration: underline;
}

p.pay-jrl__text {
    color: var(--color-primary);
}


/* Summary Page styles */
.edit-trip-link,
.edit-travellers-link,
.policy-link a {
    color: var(--color-primary);
    text-decoration: underline;
}

.makepayment {
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    border-bottom: solid 1px #AAA;
    margin-bottom: 24px;
}

.left-contentPay, .left-content {
    border: solid 1px var(--color-primary);
    padding: 48px;
    width: 100%;
}

.underline {
    text-decoration: underline; 
    min-width: fit-content;
}

.payAddress.noticebox {
    margin: 0px;
    display: flex;
}

.payAddress.noticebox > :nth-child(1) {
}

.payAddress.noticebox > :nth-child(2) {
    flex: 4;
    text-align: end;
}

.button3 {
    width: auto;
    padding: var(--space-base);
    background-color: var(--color-tertiary);
    color: #000;
    background: #9EFF01;
    border-radius: 5px;
    text-decoration: none;
    font-family: Lato;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    border: 0px;
    cursor: pointer;
}

button:disabled, .paynowbutton[disabled] 
{
	background-color: rgba(158, 255, 1, 0.6);
	cursor: default;
}

.purchaseBtn.button3:after {
content: '\f054';
font-family: 'fontAwesome';
padding-left: var(--space-base);
}

/* Email Checkbox Group Styles */
.email-checkbox-group input {
    display: none;
}

.email-checkbox-group label {
    display: flex;
    align-items: flex-start;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    user-select: none;
    position: relative;
    font-size: 14px;
    color: #0C1D4A;
}

.email-checkbox-group label:before {
    content: '';
    display: inline-block;
    width: 26px;
    height: 26px;
    border: 2px solid #d0d0d0;
    background-color: white;
    flex-shrink: 0;
    position: relative;
    border-radius: 3px;
}

.email-checkbox-group input:checked + label:before {
    background-color: #fff;
    border-color: var(--color-neutral-10);
}

.email-checkbox-group input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 7px;
    left: 12px;
    width: 5px;
    height: 11px;
    border: solid var(--secondary-color-hilight);
    border-width: 0 1.5px 1.5px 0;
    transform: rotate(45deg);
}

/* Travel Alert Styles */
.travel-alert-container {
    display: flex;
    padding: 8px 16px;
    align-items: flex-start;
    gap: 8px;
    border-left: 4px solid #7B5E07;
    background: #FBF3DA;
    margin: 16px 0;
}

.travel-alert-icon {
    margin-top: 2px;
}

.travel-alert-text {
    margin: 0;
    color: #7B5E07;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.travel-alert-title,
.travel-alert-emphasis {
    font-weight: 700;
}

.travel-alert-link {
    color: #7B5E07;
    font-weight: 700;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    font-size: 16px;
    font-style: normal;
    line-height: 21px;
}

.amt-benefit__label{
    font-weight: 600;
    color: #0C1D4A;
}

.amt-benefit__value{
    font-weight: 400;
    color: #0C1D4A;
}

.amt-benefit__icon {
    text-align: center;
    font-size: 0;
}

.cover-summary-header{
    border-bottom: 0;
}

.total-price{
    align-items: center;
}

.price-section{
    gap: 0;
}

.price-section .extrasDivide{
    display: none;
}

.edit-link {
    margin-top: 0;
}

.travellers-header{
    padding: 0 0 12px 0;
}

.edit-travellers-link {
    padding: 0 0 12px 0;
}

.travellers-section{
    border-bottom: 0;
}

.policy-links{
    background: #EEE;
    border-top: 0;
    padding: 0 0 0 0;
}

.travellers-title{
    color: #0C1D4A;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.main-traveller .traveller-name{
    color: #2692D0;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    line-height: 150%;
}

.traveller-full-name{
    color: #0C1D4A;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}

.traveller-email{
    display: block;
}

.travellers-details{
    background-color: #eee;
    padding: 0;
}

.travellers-details-header {
    padding: 0;
    position: absolute;
    top: 0;
    right: 10px;
    z-index: 10;
}

.main-traveller {
    background-color: #fff;
    border-bottom: 0;
    margin-bottom: 5px;
    padding: 12px;
}

.traveller-item{
    padding: 12px;
}

.other-travellers .traveller-name{
    color: #0C1D4A;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}

.other-travellers .traveller-detail{
    margin-bottom: 0;
}

.other-travellers .traveller-item{
    background-color: white;
    margin-bottom: 5px;
}

.info-row-col{
    display: flex;
    width: 100%;
}

.info-row-title{
    flex: 0;
}

.info-row-cell{
    flex: 1;
}

/* ===== Retrieve Your Quote - JRL ===== */

.ryq-jrl .pc-jrl__section:first-of-type {
    padding: 24px 48px 0;
}

.ryq-jrl__field-group {
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
}

.ryq-jrl__label {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: var(--color-primary);
    margin-bottom: 6px;
}

.ryq-jrl__hint {
    font-weight: 400;
    font-size: 14px;
    color: var(--color-primary);
}

.ryq-jrl__input {
    display: block;
    width: 100%;
    padding: 10px 14px;
    font-size: 16px;
    color: var(--color-primary);
    background: #fff;
    border: 1px solid #d0d5dd;
    border-radius: 4px;
    box-sizing: border-box;
    transition: border-color 0.2s, box-shadow 0.2s;
    font-family: var(--main-font);
}

.ryq-jrl__input:focus {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(12, 29, 74, 0.15);
}

.pc-jrl__section .errorText3 {
    margin-right: 0;
    width: stretch;
}

.ryq-jrl__input::placeholder {
    color: #aaa;
    font-size: 15px;
}

.ryq-jrl__dob-fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

.ryq-jrl__dob-row {
    display: flex;
    gap: 12px;
    margin-top: 6px;
}

.ryq-jrl__dob-field {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.ryq-jrl__dob-field--year {
    flex: 1.6;
}

.ryq-jrl__dob-label {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-primary);
    margin-bottom: 4px;
}

.ryq-jrl__input--dob {
    text-align: center;
    padding-left: 8px;
    padding-right: 8px;
}

.ryq-jrl__error {
    color: #d32f2f;
    font-size: 14px;
    margin-top: 6px;
}

.ryq-jrl__submit {
    margin-top: 8px;
    margin-bottom: 8px;
}

.ryq-jrl__help-section {
    padding-top: 0;
}

.ryq-jrl__help-section p {
    font-size: 16px;
    margin: 0;
}

.ryq-jrl__help-title {
    font-size: 16px;
    font-weight: 700;
    color: var(--color-primary);
    margin: 0 0 8px;
}

.ryq-jrl__back-link-wrap {
    padding: 16px 48px 32px;
    border-top: 1px solid #d0d5dd;
    margin-top: 8px;
}

.ryq-jrl__back-link {
    font-size: 15px;
    color: var(--color-primary);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.ryq-jrl__back-link:hover {
    text-decoration: underline;
}