.elementor-26934 .elementor-element.elementor-element-bb2ccb1{--display:flex;--min-height:810px;--justify-content:flex-end;--gap:46px 46px;--row-gap:46px;--column-gap:46px;--margin-top:-109px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:82px;--padding-left:20px;--padding-right:20px;}.elementor-26934 .elementor-element.elementor-element-bb2ccb1:not(.elementor-motion-effects-element-type-background), .elementor-26934 .elementor-element.elementor-element-bb2ccb1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://241parking.com/wp-content/uploads/2026/06/download-1-4-scaled.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-26934 .elementor-element.elementor-element-16cb9be{width:var( --container-widget-width, 853px );max-width:853px;--container-widget-width:853px;--container-widget-flex-grow:0;}.elementor-26934 .elementor-element.elementor-element-16cb9be .elementor-heading-title{font-family:"Rasa", Sans-serif;font-size:86px;font-weight:700;line-height:78px;color:#FFFFFF;}.elementor-26934 .elementor-element.elementor-element-dd91aab{width:var( --container-widget-width, 790px );max-width:790px;--container-widget-width:790px;--container-widget-flex-grow:0;}.elementor-26934 .elementor-element.elementor-element-dd91aab .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;line-height:24px;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-26934 .elementor-element.elementor-element-cf7cbbd .elementor-button{background-color:#005EFF;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:600;line-height:19px;fill:#FFFFFF;color:#FFFFFF;border-radius:14px 14px 14px 14px;padding:18px 36px 18px 36px;}.elementor-26934 .elementor-element.elementor-element-65b5d05{--display:flex;--overflow:hidden;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-26934 .elementor-element.elementor-element-6a20f81{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:12px 12px 12px 12px;--padding-top:64px;--padding-bottom:64px;--padding-left:50px;--padding-right:50px;}.elementor-26934 .elementor-element.elementor-element-6a20f81:not(.elementor-motion-effects-element-type-background), .elementor-26934 .elementor-element.elementor-element-6a20f81 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-26934 .elementor-element.elementor-element-6a20f81.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-26934 .elementor-element.elementor-element-18edb1b > .elementor-widget-container{margin:65px 0px 0px 0px;}.elementor-26934 .elementor-element.elementor-element-18edb1b .jet-form__label, .elementor-26934 .elementor-element.elementor-element-18edb1b .jet-form__desc{display:flex;justify-content:flex-start;}.elementor-26934 .elementor-element.elementor-element-18edb1b .jet-form-col{align-items:flex-start;}.elementor-26934 .elementor-element.elementor-element-18edb1b .jet-form-repeater__actions{justify-content:flex-start;}.elementor-26934 .elementor-element.elementor-element-18edb1b .jet-form-repeater__row-remove{align-self:flex-start;}.elementor-26934 .elementor-element.elementor-element-18edb1b .jet-form__submit{background-color:#005EFF;color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:17px;font-weight:600;line-height:17px;padding:20px 38px 20px 38px;margin:-40px 0px 0px 0px;border-style:none;border-radius:14px 14px 14px 14px;}.elementor-26934 .elementor-element.elementor-element-18edb1b .jet-form__submit-wrap{justify-content:flex-start;align-items:flex-start;}.elementor-26934 .elementor-element.elementor-element-18edb1b .jet-form__next-page{background-color:#005EFF;color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:17px;font-weight:600;line-height:17px;padding:20px 38px 20px 38px;border-style:none;border-radius:14px 14px 14px 14px;}.elementor-26934 .elementor-element.elementor-element-18edb1b .jet-form-message{text-align:center;}.elementor-26934 .elementor-element.elementor-element-18edb1b .jet-form__field-error, .elementor-26934 .elementor-element.elementor-element-18edb1b .jet-form .jet-engine-file-upload__errors{text-align:left;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-26934 .elementor-element.elementor-element-376845c{width:var( --container-widget-width, 610px );max-width:610px;--container-widget-width:610px;--container-widget-flex-grow:0;bottom:85px;}.elementor-26934 .elementor-element.elementor-element-376845c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:12px 12px 12px 12px;}.elementor-26934 .elementor-element.elementor-element-376845c.elementor-element{--align-self:flex-end;}body:not(.rtl) .elementor-26934 .elementor-element.elementor-element-376845c{right:33px;}body.rtl .elementor-26934 .elementor-element.elementor-element-376845c{left:33px;}.elementor-26934 .elementor-element.elementor-element-376845c img{height:429px;object-fit:cover;object-position:center center;border-radius:12px 12px 12px 12px;}.elementor-26934 .elementor-element.elementor-element-eccf33e{--display:flex;--margin-top:-475px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26934 .elementor-element.elementor-element-e6ebbd2{width:var( --container-widget-width, 537px );max-width:537px;--container-widget-width:537px;--container-widget-flex-grow:0;}.elementor-26934 .elementor-element.elementor-element-e6ebbd2 > .elementor-widget-container{margin:0px 0px 28px 0px;}.elementor-26934 .elementor-element.elementor-element-e6ebbd2 .elementor-heading-title{font-family:"Rasa", Sans-serif;font-size:42px;font-weight:700;line-height:40px;color:#00183C;}.elementor-26934 .elementor-element.elementor-element-00548d9 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:22px;font-weight:400;line-height:33px;color:#272727CF;}body.elementor-page-26934:not(.elementor-motion-effects-element-type-background), body.elementor-page-26934 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6EFEB;}@media(min-width:768px){.elementor-26934 .elementor-element.elementor-element-bb2ccb1{--content-width:1325px;}.elementor-26934 .elementor-element.elementor-element-65b5d05{--content-width:1280px;}.elementor-26934 .elementor-element.elementor-element-eccf33e{--width:537px;}}@media(max-width:1024px){.elementor-26934 .elementor-element.elementor-element-bb2ccb1{--min-height:700px;}.elementor-26934 .elementor-element.elementor-element-16cb9be .elementor-heading-title{font-size:50px;line-height:45px;}.elementor-26934 .elementor-element.elementor-element-65b5d05{--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-26934 .elementor-element.elementor-element-6a20f81{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-26934 .elementor-element.elementor-element-18edb1b > .elementor-widget-container{margin:65px 0px 0px 0px;}.elementor-26934 .elementor-element.elementor-element-18edb1b .jet-form__submit{margin:0px 0px 0px 0px;}.elementor-26934 .elementor-element.elementor-element-376845c{width:var( --container-widget-width, 95% );max-width:95%;--container-widget-width:95%;--container-widget-flex-grow:0;bottom:0px;}.elementor-26934 .elementor-element.elementor-element-376845c.elementor-element{--align-self:center;}body:not(.rtl) .elementor-26934 .elementor-element.elementor-element-376845c{right:0px;}body.rtl .elementor-26934 .elementor-element.elementor-element-376845c{left:0px;}.elementor-26934 .elementor-element.elementor-element-eccf33e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-26934 .elementor-element.elementor-element-e6ebbd2{--container-widget-width:405px;--container-widget-flex-grow:0;width:var( --container-widget-width, 405px );max-width:405px;}.elementor-26934 .elementor-element.elementor-element-e6ebbd2 .elementor-heading-title{font-size:32px;}.elementor-26934 .elementor-element.elementor-element-00548d9 .elementor-heading-title{font-size:18px;line-height:25px;}}@media(max-width:767px){.elementor-26934 .elementor-element.elementor-element-bb2ccb1{--min-height:0px;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:250px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-26934 .elementor-element.elementor-element-16cb9be{width:100%;max-width:100%;}.elementor-26934 .elementor-element.elementor-element-16cb9be .elementor-heading-title{font-size:40px;line-height:40px;}.elementor-26934 .elementor-element.elementor-element-65b5d05{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-26934 .elementor-element.elementor-element-6a20f81{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-26934 .elementor-element.elementor-element-6a20f81.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-26934 .elementor-element.elementor-element-b019401{width:100%;max-width:100%;}.elementor-26934 .elementor-element.elementor-element-18edb1b > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-26934 .elementor-element.elementor-element-18edb1b .jet-form__submit{margin:-60px 0px 0px 0px;}.elementor-26934 .elementor-element.elementor-element-376845c{width:initial;max-width:initial;}.elementor-26934 .elementor-element.elementor-element-376845c.elementor-element{--align-self:center;}.elementor-26934 .elementor-element.elementor-element-e6ebbd2 > .elementor-widget-container{margin:0px 0px 15px 0px;}}/* Start custom CSS for heading, class: .elementor-element-16cb9be */.clr{
    color:#FBA300;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b019401 */.custom-step-progress {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    margin-bottom: 0px;
    padding: 0px 0;
    font-family: inherit;
}

.step-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #272727CF; /* Default gray text */
    cursor: pointer;
    transition: all 0.2s ease;
}

.step-number {
    width: 43px;
    height: 43px;
    border-radius: 50%;
    background-color: #E4E6EF; /* Default gray circle */
    color: #272727CF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Inter", Sans-serif;
font-weight: 600;
font-size: 24.15px !important;
line-height: 36.23px;
    transition: all 0.3s ease;
}

.step-divider {
    letter-spacing: 1px;
    color:#6F6C8F;
    font-weight: bold;
}

/* Step Bar States styling */
.step-item.step-active {
    color: #181C32 !important;
    font-weight: 600;
}
.step-item.step-active .step-number {
    background-color: #0056ff !important; /* Active step blue */
    color: #ffffff !important;
}


.step-item.step-completed {
    color: #181C32 !important;
}
.step-item.step-completed .step-number {
    background-color: #ff9f00 !important; /* Checked step orange/yellow */
    color: #000000 !important;
}

.step-text{
     font-family: "Inter", Sans-serif;
font-weight: 400;
font-style: Regular;
font-size: 24.15px;
leading-trim: NONE;
line-height: 36.23px;
letter-spacing: 0%;

}

@media only screen and (max-width: 1024px) {
    
.custom-step-progress {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    margin-bottom: 0px;
    padding: 0px 0;
    font-family: inherit;
}

.step-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #272727CF; /* Default gray text */
    cursor: pointer;
    transition: all 0.2s ease;
}

.step-number {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #E4E6EF; /* Default gray circle */
    color: #272727CF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Inter", Sans-serif;
font-weight: 600;
font-size: 14px !important;
line-height: 20px;
    transition: all 0.3s ease;
}

.step-divider {
    letter-spacing: 1px;
    color:#6F6C8F;
    font-weight: bold;
    margin-top:-8px;
}

/* Step Bar States styling */
.step-item.step-active {
    color: #181C32 !important;
    font-weight: 600;
}
.step-item.step-active .step-number {
    background-color: #0056ff !important; /* Active step blue */
    color: #ffffff !important;
}


.step-item.step-completed {
    color: #181C32 !important;
}
.step-item.step-completed .step-number {
    background-color: #ff9f00 !important; /* Checked step orange/yellow */
    color: #000000 !important;
}

.step-text{
     font-family: "Inter", Sans-serif;
font-weight: 400;
font-style: Regular;
font-size: 16px;
leading-trim: NONE;
line-height: 30px;
letter-spacing: 0%;

}
}
@media only screen and (max-width: 767px) {
    
.custom-step-progress {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    margin-bottom: 0px;
    padding: 0px 0;
    font-family: inherit;
}

.step-item {
    display: flex;
    align-items: center;
    gap: 05px;
    font-size: 10px;
    font-weight: 500;
    color: #272727CF; /* Default gray text */
    cursor: pointer;
    transition: all 0.2s ease;
}

.step-number {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #E4E6EF; /* Default gray circle */
    color: #272727CF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Inter", Sans-serif;
font-weight: 600;
font-size: 10px !important;
line-height: 20px;
    transition: all 0.3s ease;
}

.step-divider {
    letter-spacing: -1px;
    color:#6F6C8F;
    font-weight: bold;
    margin-top:-4px;
    font-size: 6px;
}

/* Step Bar States styling */
.step-item.step-active {
    color: #181C32 !important;
    font-weight: 600;
}
.step-item.step-active .step-number {
    background-color: #0056ff !important; /* Active step blue */
    color: #ffffff !important;
}


.step-item.step-completed {
    color: #181C32 !important;
}
.step-item.step-completed .step-number {
    background-color: #ff9f00 !important; /* Checked step orange/yellow */
    color: #000000 !important;
}

.step-text{
     font-family: "Inter", Sans-serif;
font-weight: 400;
font-style: Regular;
font-size: 10px;
leading-trim: NONE;
line-height: 15px;
letter-spacing: 0%;

}
}/* End custom CSS */
/* Start custom CSS for jet-engine-booking-form, class: .elementor-element-18edb1b *//* 1. Arrange the radio options horizontally into 3 columns */

.checkradio-wrap {

    display: flex !important;

    gap: 20px;

    flex-wrap:nowrap;

    justify-content: space-between;

    margin-top: 20px;

 

}


/* 2. Hide the default radio circle entirely */

.jet-form__field-wrap.radio-wrap .jet-form__field-label input[type="radio"] {

    position: absolute;

    opacity: 0;

    width: 0;

    height: 0;

  

}

.jet-form__field-wrap.radio-wrap{

    max-width: 367px;

}

.jet-form__field-template{

    min-width: 367px;

}

/* 3. Transform the labels into large clickable image cards */

.jet-form__field-wrap.radio-wrap .jet-form__field-label {

    display: flex !important;

    flex-direction: column;

    justify-content: flex-end;

    position: relative;

    width: 367px;

    min-width: 100%;

    max-width:100%;

    height:348px;

    border-radius: 12px;

    padding: 20px;

    color: #ffffff !important;

    cursor: pointer;

    overflow: hidden;

    box-sizing: border-box;

    transition: all 0.25s ease-in-out;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    /* Clean text alignment */

    text-align: left;

      overflow: visible !important;

}


.jet-form__field-template.jet-form__field-template--checked {

    outline: 0px solid #0056ff;

    outline-offset: 0px;

    scale: 1.09;

    /* Smooth scale change animation trigger */

    transition: scale 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);

}


/* Base element par bhi standard transition lagayein taake zoom-out hote waqt bhi smooth rahe */

.jet-form__field-template {

    transition: scale 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease;

    will-change: scale;

}

.jet-form__field-template.jet-form__field-template--checked::before {

   

    opacity: 1;

}



/* Checkmark graphic circle */

.jet-form__field-template::before {

    content: '✓';

    position: absolute;

    top: -24px;

    left: -25px;

    background-color: #0056ff;

    color: white;

    width: 43px;

    height: 43px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 22px;

    font-weight: bold;

    opacity: 0;

    z-index: 2;

}



.checkradio-wrap{

 order:2;

}


.field-type-radio .jet-form__label-text{

    font-family: "Rasa", Sans-serif;

font-weight: 700;

font-size: 40.22px;

line-height: 100%;

color:#00183C;

}


.jet-form__desc-text{

    font-family: "Inter", Sans-serif;

font-weight: 400;

font-size: 20.97px;

line-height: 31.46px;

width:542px;

margin:24px 0px 62px 0px;

color:#272727CF;

}


.jet-form__next-page-wrap .forward{

    margin-top:94px;

}




/* ===================================================

     CALENDAR STRUCTURAL FLEX ARCHITECTURE (STEP 2)

   =================================================== */


/* Calendar Outer Layout Boundary Container */

.date-picker-wrapper, .drp-calendar, .jet-abaf-separate-fields {

    border: 1px solid #E4E6EF !important;

    border-radius: 8px !important;

    background: #ffffff !important;

    overflow: hidden !important;

    font-family: inherit;

}


/* Master Fluid Grid Controller Setup */

.jet-form .date-picker-wrapper,

.date-picker-wrapper.no-shortcuts.no-gap.two-months {

    max-width: 100% !important;

    width: 100% !important;

    display: flex !important;

    flex-direction: column !important;

    box-sizing: border-box !important;

}


/* Flex distribution engine mapping for side by side panels */

.date-picker-wrapper .month-wrapper {

    display: flex !important;

    flex-direction: row !important;

    flex-wrap: wrap !important;

    justify-content: space-between !important;

    align-items: flex-start !important;

    width: 100% !important;

    max-width: 100% !important;

    gap: 0px !important;

    padding: 0px !important;

    box-sizing: border-box !important;

}


/* Forcing specific balanced 50% split width on target nodes */

.date-picker-wrapper .month-wrapper table.month1,

.date-picker-wrapper .month-wrapper table.month2,

.date-picker-wrapper table[class*="month"] {

    flex: 1 1 calc(50% - 20px) !important; 

    min-width: 280px !important;

    max-width: 100% !important;

    display: table !important;

    box-sizing: border-box !important;

}


/* Hardcoded center placeholder gap cleaner */

.date-picker-wrapper .month-wrapper .gap {

    display: none !important;

    width: 0px !important;

    height: 0px !important;

}



/* Month textual identifiers */

.date-picker-wrapper .month-name, 

.date-picker-wrapper th.caption .month-element {

    color: #ffffff !important;

    font-weight: 600 !important;

    font-size: 16px !important;

    text-transform: uppercase !important;

}


/* Round dropdown filters inside panel header */

.date-picker-wrapper th.caption select {

    background-color: rgba(255, 255, 255, 0.15) !important;

    color: #ffffff !important;

    border: 1px solid rgba(255, 255, 255, 0.3) !important;

    border-radius: 4px !important;

    padding: 2px 6px !important;

    font-weight: 500 !important;

}



/* Days of Week (Mon, Tue, Wed...) Column Tags */

.date-picker-wrapper table.month1 thead tr:nth-child(2),

.date-picker-wrapper table.month2 thead tr:nth-child(2),

.date-picker-wrapper .week-name th {

    background-color: #F3F6F9 !important;

    color: #8E93A6 !important;

    font-weight: 600 !important;

    font-size: 13px !important;

    padding: 10px 0 !important;

    text-transform: capitalize !important;

    border-bottom: 1px solid #E4E6EF !important;

}


/* Numeric grid single unit cell styles */

.date-picker-wrapper .day {

    padding: 10px 0 !important;

    font-size: 14px !important;

    font-weight: 500 !important;

    color: #181C32 !important;

    border-radius: 4px !important;

    transition: all 0.15s ease-in-out !important;

}

.date-picker-wrapper .day:hover {

    background-color: #E4E6EF !important;

    color: #0056ff !important;

}


/* Active Selected Track Highlights */

.date-picker-wrapper .day.checked,

.date-picker-wrapper .day.selected {

    background-color: #0056ff !important;

    color: #ffffff !important;

    font-weight: 600 !important;

    border-radius: 4px !important;

}

.date-picker-wrapper .day.middle-checked {

    background-color: rgba(0, 86, 255, 0.08) !important;

    color: #0056ff !important;

    border-radius: 0px !important;

}


/* Disabled out of boundary markers */

.date-picker-wrapper .day.disabled,

.date-picker-wrapper .day.real-today.disabled {

    color: #D3D3D3 !important;

    background-color: transparent !important;

    opacity: 0.4 !important;

    cursor: not-allowed !important;

}


.date-picker-wrapper {

    display: block !important;

   position: relative !important;

   top:unset !important;

   left: unset !important;

   padding: 0px !important;

   order: -1 !important;

   margin-bottom: 260px !important;

   box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.03) !important;

}

.jet-form .date-picker-wrapper{

    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.15) !important;

  box-shadow: 0 0px 0px rgba(0,0,0,.15) !important;

}


.jet-abaf-separate-fields {

  border: 0px solid #E4E6EF !important;

  margin-bottom: 85px;

    

}

.drp_top-bar{

    height: 47px !important;

    padding: 0px 20px !important;

    background-color:#00183C !important;

    color:#fff !important;

}

.jet-form .date-picker-wrapper .drp_top-bar{

    line-height: 47px !important;

    font-size: 15px !important;

}

.jet-form .date-picker-wrapper .drp_top-bar.error .error-top{

    color:#fff !important;

}

.caption{

    background-color: #005EFF !important;

    height:53px !important;

}

.jet-form .date-picker-wrapper .drp_top-bar.normal .normal-top .selection-top{

    color:#fff !important;

}

.start-day{

    color:#fff !important; 

}

.end-day{

    color:#fff !important;

}

.jet-form .date-picker-wrapper .drp_top-bar{

    margin: 0px !important;

}

.date-picker-wrapper .month-wrapper{

    padding: 0px !important;

    gap:0px !important

}

.prev,.next{

    color:#fff !important;

    font-size: 15px !important;

}

.week-name{

    background-color:#F6EFEB !important;

    height: 53px !important;

}

.date-picker-wrapper table.month2 thead tr:nth-child(2){

     background-color:#F6EFEB !important;

     color:#3C3C4399 !important;

}

.week-name th{

    background-color:#F6EFEB !important;

}

.date-picker-wrapper .week-name th{

    background-color:#F6EFEB !important;

     color:#3C3C4399 !important;

}

tbody{

    height:300px !important;

    background-color: #EFF5FE !important;

}

.field-type-check_in_out .jet-form__label-text{

     font-family: "Rasa", Sans-serif;

font-weight: 700;

font-size: 42.74px;

line-height: 100%;

color:#00183C;

margin-bottom: 26px;

}

.jet-abaf-separate-fields{

    order: 1;

}

.jet-form .date-picker-wrapper .footer{

    padding: 0px !important;

}

.field-type-check_in_out .jet-form__desc-text{

    margin: 0px 0px 45px 0px !important;

}

#jet_abaf_field_1,#jet_abaf_field_2{

    width:542px;

    height:62px;

    border: 1px solid #3986F257;

    border-radius: 10px;

}

#jet_abaf_field_1{

    margin-bottom: 30px;

} 

/* ===================================================
   3. UNIVERSAL RESPONSIVE BREAKPOINTS (TABLET & MOBILE)
   =================================================== */

/* --- TABLET VIEWPORTS (max-width: 1024px) --- */
@media (max-width: 1024px) {
    /* Handle radio list cards overflow wrap on medium devices */
    .checkradio-wrap {
        flex-wrap: wrap; 
        justify-content: center;
        gap: 15px;
    }
    .jet-form__field-wrap.radio-wrap {
  max-width: 100%;
  width: 100%;
  max-height: 390px;
}
    .jet-form__field-template.jet-form__field-template--checked {
    outline: 0px solid #0056ff;
    outline-offset: 0px;
    scale: 1; /* Reduced slightly from 1.09 to prevent overlapping on tight screens */
    transition: scale 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.jet-form__field-template.jet-form__field-template--checked::before {
    opacity: 1;
}
    
    .jet-form__field-template {
        min-width: 0; /* Clear rigid desktop min-width */
        flex: 1 1 calc(33.333% - 15px); /* Perfectly fills 3 columns if room allows */
    }

    .jet-form__field-wrap.radio-wrap .jet-form__field-label {
        width: 100%;
        height: 300px; /* Scales down image container height slightly */
    }

    /* Scaling headers down gracefully */
    .field-type-radio .jet-form__label-text,
    .field-type-check_in_out .jet-form__label-text {
        font-size: 32px;
    }

    .jet-form__desc-text {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 30px;
    }
    
    #jet_abaf_field_1, #jet_abaf_field_2 {
        width: 100%; /* Fluid width allocation */
    }
    
    .jet-form__next-page-wrap .forward {
        margin-top: 40px;
    }
}

/* --- SMALL TABLET & MOBILE VIEWPORTS (max-width: 768px) --- */
@media (max-width: 767px) {
    /* Radio options breakdown to single stacked viewport blocks */
    .checkradio-wrap {
        flex-direction: column;
        align-items: center;
    }
.jet-form__field-wrap.radio-wrap {
  max-width: 100%;
  width: 100%;
  max-height: 370px;
}
    .jet-form__field-template {
        width: 100%;
        flex: 1 1 100%;
    }

    .jet-form__field-wrap.radio-wrap {
        max-width: 100%;
    }

    .jet-form__field-wrap.radio-wrap .jet-form__field-label {
        height: 250px; /* Optimized layout tracking height on mobile panels */
    }
    
    /* Calendar System Breakdowns: Split side-by-side calendars into simple vertical stack */
    .date-picker-wrapper .month-wrapper table.month1,
    .date-picker-wrapper .month-wrapper table.month2,
    .date-picker-wrapper table[class*="month"] {
        flex: 1 1 100% !important;
        width: 100% !important;
    }
    
    .date-picker-wrapper {
        margin-bottom: 30px !important;
    }
    
    /* Adjusting absolute positioning checkmark element on stacked panels */
    .jet-form__field-template::before {
        top: -12px;
        left: -12px;
        width: 34px;
        height: 34px;
        font-size: 16px;
    }
    /* 1. Stack the months vertically */
    .date-picker-wrapper .month-wrapper {
        flex-direction: row !important;
        gap: 0px !important;
    }

    /* 2. Make each month take full width and override the desktop 50% split */
    .date-picker-wrapper .month-wrapper table.month1,
    .date-picker-wrapper .month-wrapper table.month2,
    .date-picker-wrapper table[class*="month"] {
        flex: 1 1 100% !important;
        width: 100% !important;
        min-width: 0 !important; /* Clears restriction to prevent clipping */
    }

    /* 3. Tighten calendar cell space to fit smaller screens perfectly */
    .date-picker-wrapper .day {
        padding: 6px 0 !important;
        font-size: 12px !important;
    }

    /* 4. Scale down day labels header row spacing */
    .date-picker-wrapper table.month1 thead tr:nth-child(2),
    .date-picker-wrapper table.month2 thead tr:nth-child(2),
    .date-picker-wrapper .week-name th {
        padding: 6px 0 !important;
        font-size: 11px !important;
    }

    /* 5. Scale down the title text sizes */
    .date-picker-wrapper .month-name, 
    .date-picker-wrapper th.caption .month-element {
        font-size: 14px !important;
    }

    /* 6. Clean up huge desktop margins to keep structural spacing balanced */
    .date-picker-wrapper {
        margin-bottom: 30px !important;
    }
    .jet-abaf-separate-fields{
        display: flex;
        flex-direction: column;
      
    }
    #jet_abaf_field_1,#jet_abaf_field_2{

    width:100%;

    height:40px !important;

    border: 1px solid #3986F257;

    border-radius: 10px;

}
#jet_abaf_field_1{

    margin-bottom: 10px;

} 
.date-picker-wrapper{
    margin-bottom:180px !important;
}
.jet-form, 
form.jet-form,
div.jet-form,
.elementor-widget-jet-engine-booking-form .jet-form {
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    transition: none !important;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-376845c *//* 1. Image Container ko relative position dena zaroori hai */
.fImage {
    position: relative;
    display: inline-block; /* Ya 'block' depend karta hai aapki layout par */
    overflow: hidden;
    border-radius:12px;
}

/* 2. Image ko handle karna taake overlay sahi se baithe */
.fImage img {
    display: block;
    width: 100%;
    height: auto;
}

/* 3. CSS Overlay Layer */
.fImage::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    /* CHOOSE ONE OVERLAY STYLE BELOW: */
    
    /* Option A: Dark/Black Tint Overlay (60% Opacity) */
    background-color:#00000057; 
    

    pointer-events: none; 
    transition: all 0.3s ease;
}
.fImage {
    display: none;
}
@media only screen and (max-width: 1024px) {
    /* 1. Image Container ko relative position dena zaroori hai */
.fImage {
    position:;
    display: inline-block; /* Ya 'block' depend karta hai aapki layout par */
    overflow: hidden;
    border-radius:12px;
    bottom: 80px !important;
    margin: 0px 18px !important;
}

/* 2. Image ko handle karna taake overlay sahi se baithe */
.fImage img {
    display: block;
    width: 100%;
    height: auto;
}

/* 3. CSS Overlay Layer */
.fImage::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    /* CHOOSE ONE OVERLAY STYLE BELOW: */
    
    /* Option A: Dark/Black Tint Overlay (60% Opacity) */
    background-color:#00000057; 
    

    pointer-events: none; 
    transition: all 0.3s ease;
}
.fImage {
    display: none !important;
}
}
@media only screen and (max-width: 767px) {
    /* 1. Image Container ko relative position dena zaroori hai */
.fImage {
    position:relative ;
    display: none !important; /* Ya 'block' depend karta hai aapki layout par */
    overflow: hidden;
    border-radius:12px;
    bottom: 80px !important;
    margin: 0px 18px !important;
}

/* 2. Image ko handle karna taake overlay sahi se baithe */
.fImage img {
    display: none !important;
    width: 100%;
    height: auto;
}

/* 3. CSS Overlay Layer */
.fImage::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    /* CHOOSE ONE OVERLAY STYLE BELOW: */
    
    /* Option A: Dark/Black Tint Overlay (60% Opacity) */
    background-color:#00000057; 
    

    pointer-events: none; 
    transition: all 0.3s ease;
}
.fImage {
    display: none !important;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eccf33e */.heading {
    display: none;
    position: relative;
    bottom: 310px;
}
.jet-form:has(.step-2.step-active) .heading {
    margin-top: -475px !important;
    display: block !important;
}
@media only screen and (max-width: 1024px) {
    .heading {
    display: none;
    position: relative;
    bottom: 520px;
}
.jet-form:has(.step-2.step-active) .heading {
    margin-top: -275px !important;
    display: block !important;
}
}
@media only screen and (max-width: 767px) {
    .heading {
    display: none;
    position: relative;
    bottom: 240px;
}
.jet-form:has(.step-2.step-active) .heading {
    margin-top: -275px !important;
    display: block !important;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a20f81 */.elementor-26934 .elementor-element.elementor-element-6a20f81{
   height: fit-content !important;
}/* End custom CSS */
/* Start custom CSS */body{
    overflow-x: hidden !important;
}/* End custom CSS */