/* Smooth scroll behavior */
html {
	scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

.consent_form { max-width: 950px !important;}
.submitSec{ text-align:right; margin-top:10px;}
.submitSec .wpcf7-spinner{ float:left; margin-top:15px;}
.consent_form .wpcf7-submit{ margin-bottom:0; margin-top:5px;}
.dscf7_signature{ margin-top:10px;}
.consent_form span.wpcf7-list-item-label{ padding-left:30px;}
div#otptypestyl {width: 50%;float: left;}

/* Override global otptypestyl rule for privilege card form */
.book-privilege-form #otptypestyl,
.privilege-form-section #otptypestyl,
.book-privilege-form .contactForm #otptypestyl,
.privilege-form-section .contactForm #otptypestyl {
	width: 100% !important;
	float: none !important;
}
.consent_form.form_div{ max-width:550px !important; padding: 100px 60px 40px !important;}

.enquire_page .contactleft { width: 52%; padding-right: 4%;float:left;}
.enquire_page .contactright {width: 48%;float:left;}
.enquire_page .contact_form .container .right .contactForm textarea {height:116px;}
.countrycode { width: 35% !important; float: left; margin-top: 2px;}
.contactnum { width: 65% !important; float: left;margin: -15.3px 0 0 0;}
.enquire_page .intl-tel-input .selected-flag .iti-flag {bottom: 44px;}
.enquire_page .contact_form .container .right .contactForm span.wpcf7-not-valid-tip {top: 38px;}
.enquire_page .contact_form .container .right .contactForm span.wpcf7-form-control-wrap.Condition .wpcf7-not-valid-tip {top: 125px;}
.enquire_page .contact_form .container .right .contactForm span.wpcf7-form-control-wrap.Code .wpcf7-not-valid-tip { width: 124px;top: 50px;}
.enquire_page .contact_form .container .right .contactForm span.wpcf7-form-control-wrap.Number .wpcf7-not-valid-tip { width: 109px;top: 30px;}
.blog_detail .sec2 .container .content ul { padding-bottom: 0px; margin: 0 0 0 5px;}
.blog_detail .sec2 .container .content ul li { font-family: "Helvetica",sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 1.5; color: #1d1d1b;}


/***===vsk===***/
.blog_section1.blogOuter .blog .item .inner .content {padding: 30px 50px;}
.blog_section1.blogOuter .blog .item .inner .content .cat {font-size: 13px;color: #1d9add;font-family: "Helvetica",sans-serif;font-weight: bold; 
margin-bottom:20px;}
.blog_section1.blogOuter .blog .item .inner .content .title { font-size: 18px;font-family: "Helvetica",sans-serif;color: #1d1d1b;font-weight: bold;
margin-bottom: 30px;    min-height: 70px;}
.blog_section1.blogOuter .blog .item .inner .content .date {font-size: 13px;color: #1d1d1b;font-family: "Helvetica",sans-serif;font-weight: normal;position: inherit;bottom: auto;left: auto;}
.blog_section1.blogOuter .blog .item .inner {margin: 0px 20px;margin-right: 20px !important; margin-top: 30px !important;background: #fff;height: 100%;position: relative;padding-bottom: 33px;}
.blog_section1.blogOuter .blog .item:first-child .inner {margin-left: 0px;}
.blog_section1a {padding-top:0 !important; margin-top: -20px;}
.blog_section1.blogOuter .blog .item .inner.innera {margin-top:0 !important;}
.d-flex{display: flex;flex-wrap: wrap;}
.w-100{width:100%}
.service_breadcrumb ul.breadscrumbs{justify-content: left;}



@media (max-width: 767px) { 
.enquire_page .contactleft { width: 100%; padding-right: 0;}
.enquire_page .contactright {width: 100%;}
.countrycode { width: 28% !important; }
.contactnum { width: 72% !important; margin: 4px 0 0 0;}
.enquire_page .contact_form .container .right .contactForm span.wpcf7-not-valid-tip {top: 0;}
.enquire_page .contact_form .container .right .contactForm span.wpcf7-form-control-wrap.Email .wpcf7-not-valid-tip {top: 33px;}
.enquire_page .contact_form .container .right .contactForm span.wpcf7-form-control-wrap.Condition .wpcf7-not-valid-tip {top: 93px;}
.enquire_page .contact_form .container .right .contactForm span.wpcf7-form-control-wrap.Code .wpcf7-not-valid-tip {top: 108px; right: 180px;}
.enquire_page .contact_form .container .right .contactForm span.wpcf7-form-control-wrap.Number .wpcf7-not-valid-tip {top: 50px;}
.d-flex{display: block;}	
.img_med{width:auto !important; margin-left:0 !important;margin-top: 10px;}
.p_w, .h_w{width:100%}
.h_w{padding-top:20px !important;font-size: 42px !important;line-height: 1.2 !important;}
.column{padding-right:0 !important}
ul.breadscrumbs{display:block !important}
ul.breadscrumbs li, ul.breadscrumbs span{display:inline-block !important; line-height:1.2 !important}	
.column{width: 100% !important;}
.consent_form.form_div {padding: 50px 30px 30px !important;}	
	
	
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  div#otptypestyl {
    width: 50% !important; margin-right:20px;
  }
.consent_form { max-width: 900px; padding: 75px 75px 40px; }
 
 
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.enquire_page .contactleft { width: 100%; padding-right: 0;}
.enquire_page .contactright {width: 100%;}
div#otptypestyl {width: 45% !important;  margin-right:10px; }
input.minorgbtn{ font-size: 16px !important;  max-width: 270px !important;}
.consent_form{padding: 75px 60px 40px !important;}
}
.thank {min-height: 80vh;display: flex;justify-content: center;align-items: center;background-size: cover !important;}
.thank-box {text-align: center;}
.thank-box h5 {color: #fff;font-size: 80px;text-align: center;margin: 0;}
.thank-box p {color: #fff;font-size: 14px;text-align: center;margin: 0;}
a.blue-btn {color: #fff;background: #1d9add;padding: 15px 30px;border-radius: 50px;text-decoration: none;display: block;width: fit-content;float: none;margin: auto;margin-top: 34px;transition: .5s;}
a.blue-btn:hover{box-shadow: 5px 5px 5px grey;transition: .5s;}
/*11nov2022*/
.consent_form input {width: 100%;border: none;background-color: transparent;color: #1d1d1b;font-family: "Helvetica",sans-serif;outline: none;border-bottom: 1px solid #999;margin-bottom: 30px;font-size: 18px;padding: 10px 0px;}
.consent_form input::placeholder, .consent_form textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */color: #000;}
.consent_form  select {width: 100%;border: none;background-color: transparent;color: #1d1d1b;font-family: "Helvetica",sans-serif;outline: none;border-bottom: 1px solid #999;margin-bottom: 30px;font-size: 18px;padding: 10px 0px;}
.consent_form   input[type="checkbox"] {text-align: left;float: left;width: auto;margin-right: 20px;scale: 180%;margin-top: 9px;}
.consent_form textarea {width: 100%;border: none;background-color: transparent;color: #1d1d1b;font-family: "Helvetica",sans-serif;outline: none;border-bottom: 1px solid #999;margin-bottom: 30px;font-size: 18px;padding: 10px 0px;height: 115px;resize: none;}
.consent_form .wpcf7-submit {border-radius: 25px;height: 45px;background-color: #1d9add;border: 1px solid #1d9add;color: #fff;font-family: "Helvetica",sans-serif;max-width: 120px;padding-right: 5px;margin-top: 10px;}
.consent_form {max-width: 1000px;margin: auto;padding: 100px 79px 40px;box-shadow: 0px -10px 40px #80808040;border-radius: 30px;margin-top: 30px;}
.consent_form p {margin-bottom:0 !important}
.consent_form span.wpcf7-list-item-label {color: #000;font-weight: lighter;font-size: 15px;padding-left: 40px;display: block;line-height: 24px;}
.consent_form span.wpcf7-form-control-wrap.Code .wpcf7-not-valid-tip {color: #dc3232;font-weight: normal;position: relative;font-size: 12px;display: inline-block;top: 57px;left: -35%;width: 290px;text-align: left;}
.consent_form span.wpcf7-form-control-wrap.Number span.wpcf7-not-valid-tip {position: absolute; font-size: 12px; display: inline-block;top: 40px;   right: 0; width: 130px;}
.consent_form .wpcf7-not-valid-tip {font-size: 12px;}
.wpcf7-response-output {text-align: center;}
/*end 11nov2022*/
/* 18nov2022*/
.privacy p {margin-bottom: 30px; font-size: 18px;}
/*end 18nov2022*/
@media only screen and (max-device-width: 320px) {
canvas{ width:100%;}
.consent_form.form_div {padding: 50px 30px 30px !important;}
}
@media only screen and (max-device-width: 767px) {
.blog_section1.blogOuter .blog .item .inner {margin-top: 0 !important; margin-right: 0px !important;}
.blog_section1.blogOuter .blog .item .inner .content {padding: 15px 20px;}	
.blog_section1.blogOuter .blog .item .inner .content .title{line-height: 25px;}
/*11nov2022*/
.consent_form {padding: 10% 8%;   }
.consent_form select {font-size: 14px;margin-top: 0px;}
.consent_form input {font-size: 14px; border-radius: 0;}
.consent_form span.wpcf7-list-item-label {font-size: 12px;}
.consent_form span.wpcf7-form-control-wrap.Code .wpcf7-not-valid-tip {position: initial;left: 0;}
.consent_form span.wpcf7-form-control-wrap.Number span.wpcf7-not-valid-tip { top: 43px;}
.consent_form input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.contactnum { margin-top: 2.5px;}
.countrycode {width: 100% !important}
.contactnum {width: 100% !important;}
.consent_form span.wpcf7-form-control-wrap.Number span.wpcf7-not-valid-tip {position: initial;}
.consent_form canvas#digital_signature-pad_signature-241 { width: 100%;}
}
.blogOuter .container .bttn {margin-top: 40px;position: relative;left: 50%;border-radius: 8px;transform: translateX(-50%);}
.blogOuter .container .bttn:hover {color: #1d9add;}
.thank-box a {color: #fff;}
.phcode {margin-top: 11px !important;}
.contact_form .container .right .contactForm .submitSec {display:block;}
.contact_form .container .right .contactForm .submitSec input[type="submit"] {float:right;}
.consent_form .contactnum {margin-top: -24px;}
/* Create two equal columns that sits next to each other */
.column {/* flex: 50%; */padding-right: 20px;flex: 0 0 auto; width: 50%;}
.h_w{width: 100%;}
.h_t{background-color: #DDDFE3;height: auto;padding: 20px 0px;}
.h_w{font-style: normal;font-weight: 500;font-size: 72px;line-height: 74px;align-items: center;letter-spacing: -1.44px;padding-top: 120px;}
.p_w{font-style: normal;font-size: 18px;line-height: 26px;display: flex;align-items: center;margin-top: 2vw;width: 480px;color: #1F1F1F; max-width:100%;}
@media screen and (max-width: 480px) {
	.p_w {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}
} 
ul.breadscrumbs {display: flex;list-style: none;margin: 0;padding: 0;}
ul.breadscrumbs li {font-family: "Helvetica",sans-serif;font-weight: normal;color: #1d1d1b;padding-right: 40px;position: relative;}
.img_med{width: 752px;margin-left: 0;max-width: 100%;}
.column .description {display: flex; flex-wrap: wrap; justify-content: space-between;margin-top: 15px;}
.column .description .author { display: flex; flex-wrap: wrap; justify-content: flex-start; font-family: "Helvetica",sans-serif; font-weight: normal; font-size: 18px; color: #1d1d1b; width: 90%; padding-right: 10px;}
.column .description .author .name { font-weight: bold; padding-right: 14px; margin: 5px 0;}
.column .description .author .date { margin: 5px 0;}
.column .description .author .read { padding-left: 14px; position: relative; margin: 5px 0;}
.column .description .author .read::before { content: "."; position: absolute; left: 5px; bottom: 50%; font-size: 22px; line-height: 1;}
.service_breadcrumb ul.breadscrumbs li {font-size: 15px;}
.service_breadcrumb ul.breadscrumbs li span {color: #1d9add}
.bookpage_banner_content{padding-top: 60px;padding-bottom: 60px;}
.bookpage_banner_content .h_w{padding-top:0 !important}
.pr-0{padding-right:0 !important}
.bookpage_ .img_med{height:100%}
.bookpage_ .img_med img{height: 100%;object-fit: cover;}
.service_crumbs{position: absolute;bottom: -15px;left: 15px;}
.position-relative{position:relative}
.align-items-center {align-items: center;}

.bookpage_banner_content {
    padding-top: 60px;
    padding-bottom: 60px;
}
.bookpage_banner_content .h_w {
    padding-top: 0 !important;
}
header .sub-banner .innerContainer .left .content h2 {font-size: 22px;margin-bottom: 80px;color: #fff;}

/*10-01-2024*/
.ui-datepicker-calendar thead tr th{background-color: #1d9add !important; color: #fff !important;}
.ui-datepicker-calendar tbody tr{background-color: #dddfe3 !important;}
.ui-state-highlight{border: 1px solid #8b8888 !important;}
.ui-datepicker-current-day .ui-state-active{border: 1px solid #1d9add !important;}

.error_message{color: red; display:none;text-align: center;}
.success_message{color:green;display:none;text-align: center;}

.ui-widget{font-family: Helvetica,sans-serif !important;}
.contact_page .map .mapContainer iframe{border:0;margin-top:-60px}.contact_page .map .mapContainer{height:390px;}
/* Partners 23may2024 */
.blog_detail .assistance_page .sec1 img {border: 1px solid #E8E8E8;}
.blog_detail .assistance_page .sec1 {background: #fff}
.blog_detail .assistance_page .sec1 h2 {margin-bottom:50px}
.blog_detail .assistance_page .sec1 .itemContainer .item .inner .content h3 {margin-bottom: 16px;font-size: 22px;font-weight: 700;line-height: 1.2;}
@media only screen and (max-device-width: 767px) { 
.blog_detail .assistance_page .sec1 .itemContainer .item .inner .imgSec	{height: auto;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_detail .assistance_page .sec1 .itemContainer .item .inner .imgSec	{height: auto;}
.blog_detail .assistance_page .sec1 .itemContainer .item .inner .content h3 {font-size:18px;min-height:45px}
}
@media only screen and (min-width:992px) and (max-width:1100px){ 
.blog_detail .assistance_page .sec1 .itemContainer .item .inner .imgSec	{height: auto;}
.blog_detail .assistance_page .sec1 .itemContainer .item .inner .content h3 {font-size:20px;min-height:50px}
}
.assistance_page .sec6 #accordion .ui-icon.ui-icon-minus, .assistance_page .sec6 #accordion .ui-icon.ui-icon-plus {display:none}
.assistance_page .sec6 #accordion .question, .assistance_page .sec6 #accordion .ui-widget-content {background:none}
.consent_content p {
    margin-bottom: 30px !important;
}

/* Cookies Popup */
/* .moove-gdpr-info-bar-content{display:block !important;}
.moove-gdpr-button-holder{padding-left: 0 !important;display: flex;}
.moove-gdpr-button-holder button{width: auto !important;text-shadow: none !important; margin-left: 0 !important; margin-right: 10px !important;}
.moove-gdpr-button-holder button.mgbutton:hover{opacity: .8;background-color: #1d9add !important;}
.moove-gdpr-button-holder button.moove-gdpr-infobar-close-btn{top: -20px !important;right: -20px !important;z-index: 10;background-color: #1d9add !important;color: #fff !important;opacity: 1;width: 36px !important;}
#moove_gdpr_cookie_info_bar *{font-family: "Helvetica",sans-serif !important;}
#moove_gdpr_cookie_info_bar { content-visibility: visible !important;}
#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme p{color: #1d1d1b !important; line-height: 1.5 !important;}
#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_left:not(.gdpr-full-screen-infobar) 
.moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder, 
#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_left:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder, #moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_right:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder{justify-content: flex-start !important;}
#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_left:not(.gdpr-full-screen-infobar), #moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_right:not(.gdpr-full-screen-infobar){border-radius: 5px !important;}
#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_left:not(.gdpr-full-screen-infobar).moove-gdpr-dark-scheme, #moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_left:not(.gdpr-full-screen-infobar).moove-gdpr-light-scheme, #moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_right:not(.gdpr-full-screen-infobar).moove-gdpr-dark-scheme, #moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_right:not(.gdpr-full-screen-infobar).moove-gdpr-light-scheme{border: 1px solid #eaeaea !important;}
#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme {background-color: rgba(255,255,255,0.9) !important;} */
.bannerbtn{text-align:center}
.bannerbtn .bttn {position:unset !important;    transform: unset !important;}
.ml-2{margin-left:5px}

/* ============================================
   Privilege Card Landing Page Styles
   ============================================ */

.privilege-card-page {
	background-color: #fff;
	margin-top: 0 !important;
	padding-top: 0 !important;
}

body.privilege-card-page,
body.page-template-page-privilege-card {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.privilege-card-page .clearfix {
	display: none;
}

/* Privilege Header */
.privilege-header {
	position: relative;
	z-index: 100;
	background-color: #fff;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.privilege-header .header {
	background-color: #fff;
	padding: 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 99;
}

.privilege-header .header .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 90px;
}

.privilege-header .logo {
	display: flex;
	align-items: center;
}

.privilege-header .logo img {
	height: 50px;
	width: auto;
	max-width: 200px;
	object-fit: contain;
}

.privilege-header .header-buy-button {
	display: flex;
	align-items: center;
}

.privilege-header .buy-now-btn {
	display: inline-block;
	padding: 14px 35px;
	background: linear-gradient(135deg, #1d9add 0%, #0d7bb8 100%);
	color: #ffffff;
	font-size: 16px;
	font-weight: 700;
	font-family: Helvetica, sans-serif;
	text-decoration: none;
	border-radius: 30px;
	transition: all 0.3s ease;
	box-shadow: 0 4px 15px rgba(29, 154, 221, 0.3);
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

.privilege-header .buy-now-btn:hover {
	background: linear-gradient(135deg, #0d7bb8 0%, #1d9add 100%);
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(29, 154, 221, 0.4);
	color: #ffffff;
}

/* Booking Page Header - Logo Only */
.booking-page-header {
	position: relative;
	z-index: 100;
	background-color: #fff;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
	padding: 20px 0;
}

.booking-page-header .container {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.booking-logo {
	display: flex;
	align-items: center;
}

.booking-logo a {
	display: inline-block;
	text-decoration: none;
}

.booking-logo img {
	height: 50px;
	width: auto;
	max-width: 200px;
	object-fit: contain;
}

/* Payment Page Header - Logo Only */
.payment-page-header {
	position: relative;
	z-index: 100;
	background-color: #fff;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
	padding: 20px 0;
}

.payment-page-header .container {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.payment-logo {
	display: flex;
	align-items: center;
}

.payment-logo a {
	display: inline-block;
	text-decoration: none;
}

.payment-logo img {
	height: 50px;
	width: auto;
	max-width: 200px;
	object-fit: contain;
}

/* Booking Page Styles */
.privilege-card-booking-page {
	min-height: 100vh;
	padding-top: 40px;
	padding-bottom: 40px;
}

/* Hide default WordPress header and footer on booking page */
body.page-template-page-privilege-card-booking > header:not(.booking-page-header),
body.page-template-page-privilege-card-booking > nav.header,
body.page-template-page-privilege-card-booking header:not(.booking-page-header),
body.page-template-page-privilege-card-booking nav.header,
body.page-template-page-privilege-card-booking nav:not(.booking-page-header nav),
body.page-template-page-privilege-card-booking > footer,
body.page-template-page-privilege-card-booking footer,
body.page-template-page-privilege-card-booking .footer,
body.page-template-page-privilege-card-booking section.contact_form,
body.page-template-page-privilege-card-booking section.mini-banner,
body.page-template-page-privilege-card-booking section.sub-banner,
body.page-template-page-privilege-card-booking .menu_outer,
body.page-template-page-privilege-card-booking .callSec,
body.page-template-page-privilege-card-booking .footerBottom {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	overflow: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
	opacity: 0 !important;
}

/* Also hide for page slug */
body.book-privilege-card > header:not(.booking-page-header),
body.book-privilege-card > nav.header,
body.book-privilege-card header:not(.booking-page-header),
body.book-privilege-card nav.header,
body.book-privilege-card nav:not(.booking-page-header nav),
body.book-privilege-card > footer,
body.book-privilege-card footer,
body.book-privilege-card .footer,
body.book-privilege-card section.contact_form,
body.book-privilege-card section.mini-banner,
body.book-privilege-card section.sub-banner,
body.book-privilege-card .menu_outer,
body.book-privilege-card .callSec,
body.book-privilege-card .footerBottom {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	overflow: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
	opacity: 0 !important;
}

/* Spotlight Section */
.privilege-spotlight {
	position: relative;
	min-height: 800px;
	max-height: 80vh;
	width: 100%;
	display: flex;
	align-items: center;
	overflow: hidden;
	margin-top: 0;
	padding-top: 0;
}

.privilege-spotlight .container {
	position: relative;
	z-index: 3;
	width: 100%;
	height: 100%;
	min-height:800px;
	max-height: 80vh;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 60px 20px;
}

.privilege-spotlight .spotlight-logo {
	position: absolute;
	top: 60px;
	left: 20px;
	z-index: 3;
}

.privilege-spotlight .spotlight-logo a {
	display: inline-block;
}

.privilege-spotlight .spotlight-logo img {
	height: 50px;
	width: auto;
	max-width: 200px;
}

.privilege-spotlight .spotlight-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex: 1;
	position: relative;
	z-index: 3;
	padding-top: 60px;
	padding-bottom: 40px;
}

.privilege-spotlight .spotlight-text {
	text-align: center;
	margin-bottom: 40px;
	z-index: 3;
}

.privilege-spotlight .spotlight-question {
	font-size: 72px;
	font-weight: 900;
	color: #fff;
	font-family: Helvetica, sans-serif;
	line-height: 1.15;
	margin-bottom: 30px;
	text-shadow: 0 4px 20px rgba(0,0,0,0.7), 0 2px 8px rgba(0,0,0,0.5);
	letter-spacing: -1px;
}

.privilege-spotlight .spotlight-answer {
	display: inline-block;
	background-color: #1d9add;
	color: #fff;
	padding: 10px 25px;
	border-radius: 8px;
	margin-left: 15px;
	font-size: 72px;
	font-weight: 900;
	line-height: 1.15;
	text-shadow: none;
	letter-spacing: -1px;
	box-shadow: 0 4px 15px rgba(29, 154, 221, 0.4);
}

.privilege-spotlight .spotlight-card-wrapper {
	position: relative;
	z-index: 3;
	margin-top: 20px;
	transform: rotate(-5deg);
	transition: transform 0.3s ease;
}

.privilege-spotlight .spotlight-card-wrapper:hover {
	transform: rotate(0deg) scale(1.05);
}

.privilege-spotlight .spotlight-card-image {
	max-width: 450px;
	width: 100%;
	height: auto;
	object-fit: contain;
	filter: drop-shadow(0 15px 40px rgba(0,0,0,0.4));
}

.privilege-spotlight .spotlight-website {
	position: absolute;
	bottom: 40px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 16px;
	color: #ffffff;
	font-family: Helvetica, sans-serif;
	z-index: 3;
	font-weight: 400;
}

.privilege-spotlight .spotlight-bg-image {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	top: 0;
	left: 0;
	z-index: 1;
}

.privilege-spotlight .spotlight-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.5) 100%);
	z-index: 2;
}

/* Hero Section */
.privilege-hero {
	position: relative;
	padding: 50px 0 30px;
	min-height: 600px;
	display: flex;
	align-items: center;
	overflow: hidden;
}

.privilege-hero .hero-bg-image {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	top: 0;
	left: 0;
	z-index: 1;
	filter: blur(2px);
}

.privilege-hero .hero-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.6) 100%);
	z-index: 2;
}

.privilege-hero .container {
	position: relative;
	z-index: 3;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

.privilege-hero .hero-banner {
	display: inline-block;
	background: rgba(255, 255, 255, 0.15);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.3);
	padding: 10px 24px;
	border-radius: 50px;
	margin-bottom: 30px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1),
		inset 0 1px 0 rgba(255, 255, 255, 0.2);
	position: relative;
	overflow: hidden;
	transition: all 0.3s ease;
}

.privilege-hero .hero-banner::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
	transition: left 0.5s ease;
	pointer-events: none;
	z-index: 0;
}

.privilege-hero .hero-banner:hover::before {
	left: 100%;
}

.privilege-hero .hero-banner:hover {
	background: rgba(255, 255, 255, 0.2);
	border-color: rgba(255, 255, 255, 0.4);
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15),
		inset 0 1px 0 rgba(255, 255, 255, 0.3);
	transform: translateY(-2px);
}

.privilege-hero .banner-text {
	font-size: 14px;
	font-weight: 700;
	color: #ffffff;
	font-family: Helvetica, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	position: relative;
	z-index: 1;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.privilege-hero .hero-content {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
}

.privilege-hero .hero-left {
	width: 100%;
	max-width: 1008px;
}

.privilege-hero .hero-title {
	font-size: 48px;
	font-weight: 700;
	line-height: 1.2;
	color: #ffffff;
	margin-bottom: 20px;
	font-family: Helvetica, sans-serif;
	text-shadow: 0 2px 10px rgba(0,0,0,0.3);
}

.privilege-hero .hero-subtitle {
	font-size: 32px;
	font-weight: 700;
	line-height: 1.3;
	color: #ffffff;
	margin-bottom: 20px;
	font-family: Helvetica, sans-serif;
	text-shadow: 0 2px 10px rgba(0,0,0,0.3);
}

.privilege-hero .hero-text {
	font-size: 18px;
	line-height: 1.6;
	color: #ffffff;
	margin-bottom: 40px;
	font-family: Helvetica, sans-serif;
	text-shadow: 0 1px 5px rgba(0,0,0,0.3);
}

.privilege-hero .hero-benefits {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.privilege-hero .hero-benefits-inline {
	flex-direction: row;
	flex-wrap: wrap;
	/* justify-content: center; */
	gap: 30px;
	margin: 30px 0 40px;
}

.privilege-hero .hero-benefit-item {
	display: flex;
	align-items: center;
	gap: 15px;
	font-size: 20px;
	font-weight: 500;
	color: #ffffff;
	font-family: Helvetica, sans-serif;
	text-shadow: 0 1px 5px rgba(0,0,0,0.3);
}

.privilege-hero .checkmark-icon {
	flex-shrink: 0;
	width: 24px;
	height: 24px;
}

.privilege-hero .hero-benefit-item span {
	line-height: 1.4;
}

/* Privilege Cards in Hero Section */
/* Ensure cards container breaks out of container max-width and centers on full screen */
.privilege-hero .privilege-cards-container {
	position: relative;
	z-index: 3;
	margin-top: 50px;
	display: flex;
	justify-content: center;
	align-items: stretch;
	gap: 30px;
	flex-wrap: wrap;
	width: 100vw;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	padding: 0 20px;
	box-sizing: border-box;
}

.privilege-hero .hero-cards .privilege-option-card {
	background-color: rgba(255, 255, 255, 0.98);
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
}

/* Section Styles */
.privilege-section {
	padding: 80px 0;
}

.privilege-section.privilege-what {
	background-color: #fff;
}

/* What Section - New Professional Design */
.what-content-wrapper {
	display: flex;
	align-items: flex-start;
	gap: 60px;
	/* margin-bottom: 80px; */
	flex-wrap: wrap;
}

.what-text-section {
	flex: 1;
	min-width: 300px;
	max-width: 600px;
}

.what-section-title {
	font-size: 42px;
	font-weight: 700;
	line-height: 1.2;
	color: #1d1d1b;
	margin-bottom: 30px;
	font-family: Helvetica, sans-serif;
	text-align: left;
}

.privilege-section.privilege-what .section-title {
	display: none; /* Hide the old section title if it exists */
}

.what-intro-text {
	font-size: 18px;
	line-height: 1.7;
	color: #1d1d1b;
	margin-bottom: 20px;
	font-family: Helvetica, sans-serif;
}

.what-intro-text strong {
	font-weight: 700;
	color: #1d1d1b;
}

.what-graphic-section {
	flex: 1;
	min-width: 300px;
	max-width: 500px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.privilege-card-graphic {
	position: relative;
	width: 100%;
	max-width: 450px;
}

.card-visual-image {
	width: 100%;
	height: auto;
	object-fit: contain;
	filter: drop-shadow(0 10px 30px rgba(29, 154, 221, 0.2));
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}

/* Disclaimer Styles */
.what-disclaimer {
	margin-top: 60px;
	padding: 30px;
	background-color: #f8f9fa;
	border-left: 4px solid #1d9add;
	border-radius: 8px;
}

.disclaimer-title {
	font-size: 20px;
	font-weight: 700;
	color: #1d1d1b;
	margin-bottom: 20px;
	font-family: Helvetica, sans-serif;
}

.disclaimer-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.disclaimer-list li {
	font-size: 15px;
	line-height: 1.8;
	color: #666;
	margin-bottom: 12px;
	padding-left: 20px;
	position: relative;
	font-family: Helvetica, sans-serif;
}

.disclaimer-list li:before {
	content: "•";
	color: #1d9add;
	font-weight: bold;
	position: absolute;
	left: 0;
	font-size: 18px;
}

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


.privilege-section.privilege-why {
	background-color: #eff0f2;
}

/* Why Choose Section - New Professional Design */
.why-section-title {
	font-size: 42px;
	font-weight: 700;
	line-height: 1.2;
	color: #1f386c;
	margin-bottom: 20px;
	font-family: Helvetica, sans-serif;
	text-align: center;
}

.why-section-intro {
	font-size: 18px;
	line-height: 1.7;
	color: #666;
	margin-bottom: 50px;
	font-family: Helvetica, sans-serif;
	text-align: center;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.why-benefits-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
	margin-bottom: 50px;
}

.why-benefit-card {
	background-color: #ffffff;
	border-radius: 12px;
	padding: 40px 30px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
	/* transition: transform 0.3s ease, box-shadow 0.3s ease; */
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

/* .why-benefit-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
} */

.why-benefit-icon {
	width: 80px;
	height: 80px;
	background-color: #e3f2fd;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 25px;
	flex-shrink: 0;
}

.why-benefit-icon svg {
	width: 48px;
	height: 48px;
}

.why-benefit-title {
	font-size: 20px;
	font-weight: 700;
	color: #1f386c;
	margin-bottom: 15px;
	font-family: Helvetica, sans-serif;
	line-height: 1.3;
}

.why-benefit-description {
	font-size: 16px;
	line-height: 1.6;
	color: #666;
	font-family: Helvetica, sans-serif;
	margin: 0;
}

.why-section-closing {
	font-size: 24px;
	font-weight: 700;
	color: #1d9add;
	text-align: center;
	margin-top: 40px;
	font-family: Helvetica, sans-serif;
}

.privilege-section.privilege-travel {
	background-color: #fff;
}

/* Travel Visa Section - Professional Card Design */
.travel-challenges-card {
	background: linear-gradient(135deg, #fff5f5 0%, #ffe5e5 100%);
	border-radius: 16px;
	padding: 40px;
	margin-bottom: 50px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
	border-left: 4px solid #ff6b6b;
}

.challenges-card-header {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 25px;
}

.challenges-icon {
	width: 50px;
	height: 50px;
	background-color: #fff;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	flex-shrink: 0;
}

.challenges-card-title {
	font-size: 28px;
	font-weight: 700;
	color: #1f386c;
	margin: 0;
	font-family: Helvetica, sans-serif;
}

.challenges-list-modern {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.challenges-list-modern li {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	font-size: 16px;
	color: #333;
	font-family: Helvetica, sans-serif;
	line-height: 1.6;
}

.challenge-icon {
	flex-shrink: 0;
	margin-top: 2px;
}

.travel-solutions-header {
	margin-bottom: 40px;
	text-align: center;
}

.solutions-title {
	font-size: 32px;
	font-weight: 700;
	color: #1f386c;
	margin: 0;
	font-family: Helvetica, sans-serif;
}

.travel-solutions-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 30px;
	margin-bottom: 40px;
}

.travel-solution-card {
	background-color: #ffffff;
	border-radius: 16px;
	padding: 35px 30px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	position: relative;
	overflow: hidden;
	border-top: 3px solid #1d9add;
}

.travel-solution-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, #1d9add 0%, #0d7bb8 100%);
	opacity: 0;
	transition: opacity 0.3s ease;
}

/* .travel-solution-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 12px 40px rgba(29, 154, 221, 0.15);
} */

/* .travel-solution-card:hover::before {
	opacity: 1;
} */

.solution-card-number {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 48px;
	font-weight: 900;
	color: #e3f2fd;
	font-family: Helvetica, sans-serif;
	line-height: 1;
	z-index: 0;
}

.solution-card-icon {
	width: 70px;
	height: 70px;
	background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
	border-radius: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	position: relative;
	z-index: 1;
	box-shadow: 0 4px 12px rgba(29, 154, 221, 0.2);
}

.solution-card-icon svg {
	width: 40px;
	height: 40px;
}

.solution-card-title {
	font-size: 22px;
	font-weight: 700;
	color: #1f386c;
	margin-bottom: 15px;
	font-family: Helvetica, sans-serif;
	line-height: 1.3;
	position: relative;
	z-index: 1;
}

.solution-card-description {
	font-size: 16px;
	line-height: 1.7;
	color: #666;
	font-family: Helvetica, sans-serif;
	margin: 0;
	position: relative;
	z-index: 1;
}

.solution-card-list {
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
	z-index: 1;
}

.solution-card-list li {
	font-size: 16px;
	line-height: 1.8;
	color: #666;
	font-family: Helvetica, sans-serif;
	padding-left: 25px;
	position: relative;
	margin-bottom: 10px;
}

.solution-card-list li:before {
	content: "✓";
	position: absolute;
	left: 0;
	color: #1d9add;
	font-weight: 700;
	font-size: 18px;
}

.travel-closing-card {
	background: linear-gradient(135deg, #1d9add 0%, #0d7bb8 100%);
	border-radius: 16px;
	padding: 40px;
	text-align: center;
	box-shadow: 0 8px 30px rgba(29, 154, 221, 0.3);
	margin-top: 20px;
}

.travel-closing-text {
	font-size: 24px;
	font-weight: 700;
	color: #ffffff;
	margin: 0;
	font-family: Helvetica, sans-serif;
	line-height: 1.5;
}

.privilege-section.privilege-resident {
	background-color: #eff0f2;
}

.privilege-section.privilege-form-section {
	background-color: #eff0f2;
	padding-bottom: 100px;
	scroll-margin-top: 100px; /* Account for fixed header when scrolling */
}

/* Form Section Header */
.form-section-header {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 30px;
	margin-bottom: 50px;
	flex-wrap: wrap;
	text-align: center;
}

.form-header-icon {
	width: 80px;
	height: 80px;
	background: linear-gradient(135deg, #1d9add 0%, #0d7bb8 100%);
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 8px 25px rgba(29, 154, 221, 0.3);
	flex-shrink: 0;
}

.form-header-icon svg {
	width: 56px;
	height: 56px;
	color: #ffffff;
}

.form-header-content {
	flex: 0 1 auto;
	min-width: 300px;
	text-align: center;
}

.form-section-title {
	font-size: 42px;
	font-weight: 700;
	color: #1f386c;
	margin-bottom: 15px;
	font-family: Helvetica, sans-serif;
	line-height: 1.2;
}

.form-section-intro {
	font-size: 18px;
	line-height: 1.7;
	color: #666;
	font-family: Helvetica, sans-serif;
	margin: 0;
}

.privilege-section .section-title {
	font-size: 40px;
	font-weight: 700;
	line-height: 1.2;
	color: #1d1d1b;
	margin-bottom: 30px;
	text-align: center;
}

.privilege-section .section-intro {
	font-size: 18px;
	line-height: 1.6;
	color: #1d1d1b;
	margin-bottom: 30px;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.privilege-section .section-closing {
	font-size: 18px;
	line-height: 1.6;
	color: #1d1d1b;
	margin-top: 30px;
	font-weight: 700;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

/* Benefits Lists */
.privilege-section .benefits-list {
	list-style: none;
	padding: 0;
	margin: 30px 0;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.privilege-section .benefits-list li {
	font-size: 18px;
	line-height: 1.8;
	color: #1d1d1b;
	margin-bottom: 15px;
	padding-left: 30px;
	position: relative;
}

.privilege-section .benefits-list li:before {
	content: "•";
	position: absolute;
	left: 0;
	color: #1d9add;
	font-weight: 700;
	font-size: 24px;
	line-height: 1;
}

/* Inline Benefits List (Horizontal) */
.privilege-section .benefits-list-inline {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 30px;
	margin: 40px 0 60px;
	padding: 0;
}

.privilege-section .benefits-list-inline li {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 18px;
	font-weight: 500;
	color: #1d1d1b;
	font-family: Helvetica, sans-serif;
	padding-left: 0;
	margin-bottom: 0;
	position: relative;
}

.privilege-section .benefits-list-inline li:before {
	display: none;
}

.privilege-section .benefits-list-inline .checkmark-icon {
	flex-shrink: 0;
	width: 20px;
	height: 20px;
}

/* Privilege Option Cards */
.privilege-cards-container {
	display: flex;
	justify-content: center;
	align-items: stretch;
	gap: 30px;
	flex-wrap: wrap;
	margin: 60px 0;
}

.privilege-option-card {
	background-color: #ffffff;
	border-radius: 16px;
	padding: 40px 35px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
	flex: 1;
	min-width: 320px;
	max-width: 550px;
	display: flex;
	flex-direction: column;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.privilege-option-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

.privilege-option-card .card-header {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 12px;
}

.privilege-option-card .card-icon {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #e3f2fd;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #1d9add;
	flex-shrink: 0;
}

.privilege-option-card .card-icon svg {
	width: 24px;
	height: 24px;
}

.privilege-option-card .card-title {
	font-size: 24px;
	font-weight: 700;
	color: #1d1d1b;
	margin: 0;
	font-family: Helvetica, sans-serif;
}

.privilege-option-card .card-validity {
	font-size: 16px;
	color: #666;
	margin-bottom: 20px;
	font-family: Helvetica, sans-serif;
}

.privilege-option-card .card-pricing {
	margin-bottom: 20px;
}

.privilege-option-card .original-price {
	font-size: 18px;
	color: #000;
  -webkit-text-stroke: 0.8px #000;
  font-weight: 600;
	text-decoration: line-through;
	display: block;
	margin-bottom: 8px;
	font-family: Helvetica, sans-serif;
}

.privilege-option-card .original-price .aed-icon,
.privilege-option-card .current-price .aed-icon {
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px;
	width: 20px;
	height: 17px;
	color: inherit;
}

.privilege-option-card .current-price-wrapper {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: nowrap;
	overflow: hidden;
}

.privilege-option-card .current-price {
	font-size: 28px;
	font-weight: 900;
	color: #1d9add;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1.2;
	white-space: nowrap;
	-webkit-text-stroke: 0.4px #1d9add;
	
	letter-spacing: -0.5px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	filter: contrast(1.2);
}

.privilege-option-card .current-price .price-period {
	font-size: 15px;
	font-weight: 900;
	letter-spacing: -0.3px;
	-webkit-text-stroke: 0.25px #1d9add;
	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	filter: contrast(1.2);
}

.privilege-option-card .early-bird-tag {
	background-color: #81c784;
	color: #ffffff;
	padding: 4px 12px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 600;
	font-family: Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.privilege-option-card .card-benefits {
	list-style: none;
	padding: 0;
	margin: 0 0 25px 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.privilege-option-card .card-benefits li {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 16px;
	color: #1d1d1b;
	font-family: Helvetica, sans-serif;
	padding-left: 0;
	margin-bottom: 0;
}

.privilege-option-card .card-benefits li:before {
	display: none;
}

.privilege-option-card .card-benefits .checkmark-icon {
	flex-shrink: 0;
	width: 18px;
	height: 18px;
}

.privilege-option-card .card-button {
	display: inline-block;
	background-color: #1d9add;
	color: #ffffff;
	padding: 14px 30px;
	border-radius: 8px;
	font-size: 16px;
	font-weight: 700;
	font-family: Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
	transition: all 0.3s ease;
	margin-top: auto;
	border: none;
	cursor: pointer;
}

.privilege-option-card .card-button:hover {
	background-color: #0d7bb8;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(29, 154, 221, 0.3);
}

/* Benefits Content Layout */
.privilege-section .benefits-content {
	display: flex;
	flex-wrap: wrap;
	gap: 60px;
	margin-top: 40px;
}

.privilege-section .benefits-challenges,
.privilege-section .benefits-solution {
	flex: 1;
	min-width: 300px;
}

.privilege-section .subsection-title {
	font-size: 28px;
	font-weight: 700;
	line-height: 1.2;
	color: #1d1d1b;
	margin-bottom: 20px;
}

.privilege-section .challenges-list {
	list-style: none;
	padding: 0;
	margin: 20px 0;
}

.privilege-section .challenges-list li {
	font-size: 18px;
	line-height: 1.8;
	color: #1d1d1b;
	margin-bottom: 15px;
	padding-left: 30px;
	position: relative;
}

.privilege-section .challenges-list li:before {
	content: "•";
	position: absolute;
	left: 0;
	color: #1d9add;
	font-weight: 700;
	font-size: 24px;
	line-height: 1;
}

.privilege-section .solution-list {
	list-style: none;
	padding: 0;
	margin: 20px 0;
	counter-reset: solution-counter;
}

.privilege-section .solution-list li {
	font-size: 18px;
	line-height: 1.8;
	color: #1d1d1b;
	margin-bottom: 30px;
	padding-left: 50px;
	position: relative;
	counter-increment: solution-counter;
}

.privilege-section .solution-list li:before {
	content: counter(solution-counter);
	position: absolute;
	left: 0;
	top: 0;
	width: 35px;
	height: 35px;
	background-color: #1d9add;
	color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 18px;
}

.privilege-section .solution-list li strong {
	display: block;
	font-size: 20px;
	font-weight: 700;
	color: #1d1d1b;
	margin-bottom: 10px;
}

.privilege-section .solution-list li p {
	margin-bottom: 10px;
}

.privilege-section .solution-list li ul {
	list-style: none;
	padding: 0;
	margin: 15px 0 0 0;
}

.privilege-section .solution-list li ul li {
	padding-left: 25px;
	margin-bottom: 10px;
	counter-increment: none;
}

.privilege-section .solution-list li ul li:before {
	content: "•";
	position: absolute;
	left: 0;
	color: #1d9add;
	font-weight: 700;
	font-size: 24px;
	line-height: 1;
	background: none;
	width: auto;
	height: auto;
	border-radius: 0;
	display: block;
}

/* Form Section */
.privilege-form-container {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	margin-top: 40px;
	align-items: flex-start;
	position: relative;
	justify-content: center;
}

.privilege-form-left {
	flex: 0 1 auto;
	min-width: 300px;
	max-width: 600px;
	width: 100%;
	position: relative;
}

.book-privilege-form {
	background-color: #fff;
	border-radius: 20px;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
	padding: 0;
	overflow: hidden;
}

.form-card-header {
	background: linear-gradient(135deg, #1f386c 0%, #1d9add 100%);
	padding: 30px 40px;
	display: flex;
	align-items: center;
	gap: 20px;
}

.form-card-icon {
	width: 50px;
	height: 50px;
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.form-card-icon svg {
	width: 32px;
	height: 32px;
	color: #ffffff;
}

.book-privilege-form .form-title {
	font-size: 28px;
	font-weight: 700;
	color: #ffffff;
	margin: 0;
	font-family: Helvetica, sans-serif;
}

.privilege-form-wrapper {
	padding: 40px;
}

/* File Upload Fields Styling - Hide by default, shown via JavaScript */
.visa-copy-upload-wrapper,
.emirates-id-upload-wrapper {
	display: none;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
	clear: both;
}

/* Note: File upload field visibility is controlled by JavaScript */
/* JavaScript will hide/show the parent <p> tags containing #visa-copy-upload and #emirates-id-upload */

.visa-copy-upload-wrapper p,
.emirates-id-upload-wrapper p {
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
}

.visa-copy-upload-wrapper .wpcf7-form-control-wrap,
.emirates-id-upload-wrapper .wpcf7-form-control-wrap {
	width: 100%;
}

.visa-copy-upload-wrapper input[type="file"],
.emirates-id-upload-wrapper input[type="file"] {
	width: 100%;
	padding: 12px;
	border: 1px solid #ddd;
	border-radius: 8px;
	background-color: #f9f9f9;
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	cursor: pointer;
	transition: all 0.3s ease;
}

.visa-copy-upload-wrapper input[type="file"]:hover,
.emirates-id-upload-wrapper input[type="file"]:hover {
	border-color: #1d9add;
	background-color: #fff;
}

.visa-copy-upload-wrapper input[type="file"]:focus,
.emirates-id-upload-wrapper input[type="file"]:focus {
	outline: none;
	border-color: #1d9add;
	box-shadow: 0 0 0 3px rgba(29, 154, 221, 0.1);
}

/* Ensure file upload fields don't break layout */
.visa-copy-upload-wrapper,
.emirates-id-upload-wrapper {
	box-sizing: border-box;
}

.visa-copy-upload-wrapper input[type="file"],
.emirates-id-upload-wrapper input[type="file"] {
	box-sizing: border-box;
}

/* File Upload Description Text */
.file-upload-description {
	margin-bottom: 10px;
	margin-top: 15px;
	color: #666;
	font-size: 14px;
	font-style: italic;
	font-family: Helvetica, sans-serif;
	line-height: 1.5;
}

/* Hidden by default, JavaScript will show when needed */
.file-upload-description.visa-upload-desc,
.file-upload-description.emirates-upload-desc {
	display: none;
}

/* Responsive adjustments for file upload fields */
@media screen and (max-width: 767px) {
	.visa-copy-upload-wrapper,
	.emirates-id-upload-wrapper {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	
	.visa-copy-upload-wrapper input[type="file"],
	.emirates-id-upload-wrapper input[type="file"] {
		padding: 10px;
		font-size: 13px;
	}
	
	.file-upload-description {
		font-size: 13px;
		margin-top: 12px;
		margin-bottom: 8px;
	}
}

.privilege-form-wrapper {
	width: 100%;
}

.privilege-form-wrapper .contactForm {
	padding: 0;
}

.privilege-payment-card {
	flex: 0 0 380px;
	min-width: 300px;
	align-self: flex-start;
	height: fit-content;
}

.payment-card-inner {
	background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
	border: 2px solid #e3f2fd;
	border-radius: 20px;
	padding: 0;
	position: -webkit-sticky !important;
	position: sticky !important;
	top: 120px !important;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	z-index: 10;
	width: 100%;
	box-sizing: border-box;
	margin-top: 0;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

.payment-card-header {
	background: linear-gradient(135deg, #1d9add 0%, #0d7bb8 100%);
	padding: 35px 30px;
	text-align: center;
  border-radius: 15px;
}

.payment-icon-wrapper {
	margin-bottom: 20px;
}

.payment-icon {
	width: 70px;
	height: 70px;
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	color: #ffffff;
}

.payment-icon svg {
	width: 48px;
	height: 48px;
}

.payment-card-title {
	font-size: 28px;
	font-weight: 700;
	color: #ffffff;
	margin-bottom: 10px;
	font-family: Helvetica, sans-serif;
}

.payment-card-subtitle {
	font-size: 15px;
	color: rgba(255, 255, 255, 0.9);
	margin: 0;
	font-family: Helvetica, sans-serif;
	line-height: 1.5;
}

.payment-features {
	padding: 30px;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.payment-feature-item {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 15px;
	color: #666;
	font-family: Helvetica, sans-serif;
}

.payment-feature-item svg {
	flex-shrink: 0;
}

.payment-proceed-btn {
	background: linear-gradient(135deg, #1d9add 0%, #0d7bb8 100%);
	color: #fff;
	border: none;
	padding: 16px 40px;
	border-radius: 25px;
	font-size: 18px;
	font-weight: 700;
	font-family: Helvetica, sans-serif;
	cursor: pointer;
	transition: all 0.3s ease;
	box-shadow: 0 4px 15px rgba(29, 154, 221, 0.3);
	margin: 0 30px 0;
	width: calc(100% - 60px);
}

.payment-proceed-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(29, 154, 221, 0.4);
	background: linear-gradient(135deg, #0d7bb8 0%, #1d9add 100%);
}

/* Privilege Form Styling - Match Contact Form Styles */
.book-privilege-form .contactForm p {
	padding-bottom: 15px;
	margin: 0;
}

.privilege-form-section .contactForm p {
	padding-bottom: 15px;
	margin: 0;
}

.book-privilege-form .contactForm input,
.book-privilege-form .contactForm select,
.book-privilege-form .contactForm textarea,
.privilege-form-section .contactForm input,
.privilege-form-section .contactForm select,
.privilege-form-section .contactForm textarea {
	width: 100%;
	border: none;
	background-color: transparent;
	color: #1d1d1b;
	font-family: Helvetica, sans-serif;
	outline: 0;
	border-bottom: 1px solid #999;
	margin-bottom: 30px;
	font-size: 18px;
	padding: 10px 0;
}

.book-privilege-form .contactForm input::placeholder,
.book-privilege-form .contactForm select::placeholder,
.book-privilege-form .contactForm textarea::placeholder,
.privilege-form-section .contactForm input::placeholder,
.privilege-form-section .contactForm select::placeholder,
.privilege-form-section .contactForm textarea::placeholder {
	color: #1d1d1b;
	opacity: 1;
}

.privilege-form-section .contactForm input:-ms-input-placeholder,
.privilege-form-section .contactForm select:-ms-input-placeholder,
.privilege-form-section .contactForm textarea:-ms-input-placeholder {
	color: #1d1d1b;
}

.privilege-form-section .contactForm input::-ms-input-placeholder,
.privilege-form-section .contactForm select::-ms-input-placeholder,
.privilege-form-section .contactForm textarea::-ms-input-placeholder {
	color: #1d1d1b;
}

.privilege-form-section .contactForm input:active,
.privilege-form-section .contactForm input:focus,
.privilege-form-section .contactForm select:active,
.privilege-form-section .contactForm select:focus,
.privilege-form-section .contactForm textarea:active,
.privilege-form-section .contactForm textarea:focus {
	outline: 0;
	border: none;
	border-bottom: 1px solid #1d9add;
}

.privilege-form-section .contactForm input,
.privilege-form-section .contactForm textarea {
	padding-left: 5px;
}

.book-privilege-form .contactForm textarea,
.privilege-form-section .contactForm textarea {
	height: 115px;
	resize: none;
}

.book-privilege-form .contactForm .submitSec,
.privilege-form-section .contactForm .submitSec {
	display: flex;
	justify-content: flex-end;
	position: relative;
	margin-top: 20px;
	gap: 15px;
	flex-wrap: wrap;
}

.book-privilege-form .contactForm .submitSec button,
.book-privilege-form .contactForm .submitSec input[type="submit"],
.privilege-form-section .contactForm .submitSec button,
.privilege-form-section .contactForm .submitSec input[type="submit"],
.book-privilege-form .contactForm .submit-buttons-wrapper button,
.book-privilege-form .contactForm .submit-buttons-wrapper input[type="submit"],
.privilege-form-section .contactForm .submit-buttons-wrapper button,
.privilege-form-section .contactForm .submit-buttons-wrapper input[type="submit"] {
	border-radius: 25px;
	height: 45px;
	background-color: #1d9add;
	border: 1px solid #1d9add;
	color: #fff;
	font-family: Helvetica, sans-serif;
	max-width: 200px;
	padding-right: 5px;
	cursor: pointer;
	font-size: 16px;
	font-weight: 700;
	transition: all 0.3s ease;
}

.book-privilege-form .contactForm .submitSec button:hover,
.book-privilege-form .contactForm .submitSec input[type="submit"]:hover,
.privilege-form-section .contactForm .submitSec button:hover,
.privilege-form-section .contactForm .submitSec input[type="submit"]:hover,
.book-privilege-form .contactForm .submit-buttons-wrapper button:hover,
.book-privilege-form .contactForm .submit-buttons-wrapper input[type="submit"]:hover,
.privilege-form-section .contactForm .submit-buttons-wrapper button:hover,
.privilege-form-section .contactForm .submit-buttons-wrapper input[type="submit"]:hover {
	background-color: #035d8d;
	border-color: #035d8d;
}

/* Submit Buttons Wrapper */
.book-privilege-form .contactForm .submit-buttons-wrapper,
.privilege-form-section .contactForm .submit-buttons-wrapper {
	display: block;
	margin-top: 30px;
	width: 100%;
	text-align: right;
}

/* Make p tag a flex container to handle button properly (single button) */
.book-privilege-form .contactForm .submit-buttons-wrapper p,
.privilege-form-section .contactForm .submit-buttons-wrapper p {
	display: flex !important;
	flex-direction: row !important;
	justify-content: flex-end !important;
	align-items: center !important;
	margin: 0 !important;
	padding: 0 !important;
	gap: 0;
	width: 100%;
	flex-wrap: nowrap !important;
}

/* Hide the <br> tag between buttons - multiple approaches */
.book-privilege-form .contactForm .submit-buttons-wrapper p br,
.privilege-form-section .contactForm .submit-buttons-wrapper p br {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 0 !important;
	font-size: 0 !important;
	content: "" !important;
}

/* Ensure buttons display side by side in single line */
.book-privilege-form .contactForm .submit-buttons-wrapper input[type="submit"],
.book-privilege-form .contactForm .submit-buttons-wrapper button,
.privilege-form-section .contactForm .submit-buttons-wrapper input[type="submit"],
.privilege-form-section .contactForm .submit-buttons-wrapper button {
	display: inline-block !important;
	margin: 0 !important;
	float: none !important;
	white-space: nowrap;
	vertical-align: middle;
	position: relative;
	flex-shrink: 0;
}

/* Hide Labels in Privilege Form */
.book-privilege-form .contactForm label,
.privilege-form-section .contactForm label {
	display: none !important;
}

/* Ensure form fields display properly without labels */
.book-privilege-form .contactForm p,
.privilege-form-section .contactForm p {
	margin-bottom: 0;
	padding-bottom: 0;
}

.book-privilege-form .contactForm p:has(input),
.book-privilege-form .contactForm p:has(select),
.book-privilege-form .contactForm p:has(textarea),
.privilege-form-section .contactForm p:has(input),
.privilege-form-section .contactForm p:has(select),
.privilege-form-section .contactForm p:has(textarea) {
	margin-bottom: 0;
	padding-bottom: 0;
}

.privilege-form-section .contactForm .submitSec .wpcf7-spinner {
	position: absolute;
	top: 22px;
	right: 10px;
	transform: translateY(-50%);
	margin: 0;
	background-color: #fff;
	opacity: 1;
}

.privilege-form-section .contactForm .submitSec .wpcf7-spinner::before {
	background-color: #379add;
}

.privilege-form-section .contactForm span.wpcf7-not-valid-tip {
	position: absolute;
	font-size: 12px;
	display: inline-block;
	top: 0;
	right: 0;
}

/* Hide OTP Type Field */
.privilege-form-section .contactForm select#otp_type,
.privilege-form-section .contactForm span.wpcf7-form-control-wrap.otp-type,
.privilege-form-section .contactForm span.wpcf7-form-control-wrap.otp-type select,
.privilege-form-section .contactForm span.wpcf7-form-control-wrap.otp-type label,
.privilege-form-section .contactForm p:has(select#otp_type),
.privilege-form-section .contactForm p:has([id="otp_type"]) {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	opacity: 0 !important;
	position: absolute !important;
	left: -9999px !important;
}

/* Alternative selector for OTP type field */
.privilege-form-section .contactForm [id="otp_type"],
.privilege-form-section .contactForm [name="otp-type"] {
	display: none !important;
	visibility: hidden !important;
}

/* OTP Button Styling */
.book-privilege-form .contactForm .otp-button,
.privilege-form-section .contactForm .otp-button {
	background-color: #1d9add;
	color: #fff;
	border: none;
	padding: 12px 24px;
	border-radius: 25px;
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	margin-top: 0;
	margin-bottom: 0;
	transition: all 0.3s ease;
	display: inline-block;
	height: 45px;
	line-height: 1;
	box-shadow: 0 2px 8px rgba(29, 154, 221, 0.2);
}

.book-privilege-form .contactForm .otp-button:hover,
.privilege-form-section .contactForm .otp-button:hover {
	background-color: #035d8d;
	box-shadow: 0 4px 12px rgba(29, 154, 221, 0.3);
	transform: translateY(-1px);
}

.book-privilege-form .contactForm .otp-button:hover,
.privilege-form-section .contactForm .otp-button:hover {
	background-color: #035d8d;
}

/* OTP Container Styling */
.book-privilege-form .contactForm #otptypestyl,
.privilege-form-section .contactForm #otptypestyl {
	width: 100% !important;
	float: none !important;
	margin-bottom: 20px;
	display: flex !important;
	flex-direction: row !important;
	align-items: flex-end !important;
	gap: 15px !important;
	flex-wrap: nowrap !important;
	clear: both !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* Ensure all children of otptypestyl are visible by default (except OTP type field) */
.book-privilege-form .contactForm #otptypestyl > *,
.privilege-form-section .contactForm #otptypestyl > * {
	visibility: visible !important;
	opacity: 1 !important;
}

/* Hide the hidden OTP type field wrapper in the container */
.book-privilege-form .contactForm #otptypestyl p:has([id="otp_type"]),
.privilege-form-section .contactForm #otptypestyl p:has([id="otp_type"]),
.book-privilege-form .contactForm #otptypestyl p:has(select[name="otp-type"]),
.privilege-form-section .contactForm #otptypestyl p:has(select[name="otp-type"]),
.book-privilege-form .contactForm #otptypestyl p:has(input[name="otp-type"]),
.privilege-form-section .contactForm #otptypestyl p:has(input[name="otp-type"]),
.book-privilege-form .contactForm #otptypestyl .wpcf7-form-control-wrap.otp-type,
.privilege-form-section .contactForm #otptypestyl .wpcf7-form-control-wrap.otp-type,
.book-privilege-form .contactForm #otptypestyl select[name="otp-type"],
.privilege-form-section .contactForm #otptypestyl select[name="otp-type"],
.book-privilege-form .contactForm #otptypestyl select#otp_type,
.privilege-form-section .contactForm #otptypestyl select#otp_type,
.book-privilege-form .contactForm #otptypestyl input[name="otp-type"],
.privilege-form-section .contactForm #otptypestyl input[name="otp-type"],
.book-privilege-form .contactForm #otptypestyl input#otp_type,
.privilege-form-section .contactForm #otptypestyl input#otp_type,
.book-privilege-form .contactForm #otptypestyl input[type="hidden"][name="otp-type"],
.privilege-form-section .contactForm #otptypestyl input[type="hidden"][name="otp-type"] {
	display: none !important;
	width: 0 !important;
	flex: 0 !important;
	visibility: hidden !important;
	opacity: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	position: absolute !important;
	left: -9999px !important;
}

/* Email field wrapper inside OTP container */
.book-privilege-form .contactForm #otptypestyl p,
.privilege-form-section .contactForm #otptypestyl p {
	flex: 1 1 auto !important;
	min-width: 250px;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
	width: auto !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* Specifically target the email field wrapper paragraph (not the OTP type field) */
.book-privilege-form .contactForm #otptypestyl p:has(input[name="email-address"]),
.privilege-form-section .contactForm #otptypestyl p:has(input[name="email-address"]),
.book-privilege-form .contactForm #otptypestyl p:has(.wpcf7-form-control-wrap.email-address),
.privilege-form-section .contactForm #otptypestyl p:has(.wpcf7-form-control-wrap.email-address),
.book-privilege-form .contactForm #otptypestyl p:not(:has([id="otp_type"])):not(:has(select[name="otp-type"])),
.privilege-form-section .contactForm #otptypestyl p:not(:has([id="otp_type"])):not(:has(select[name="otp-type"])) {
	display: flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	height: auto !important;
	width: auto !important;
	flex: 1 1 auto !important;
}

/* Ensure email field wrapper paragraph is visible (not hidden by OTP type field rules) */
.book-privilege-form .contactForm #otptypestyl p:has(input[type="email"]),
.privilege-form-section .contactForm #otptypestyl p:has(input[type="email"]),
.book-privilege-form .contactForm #otptypestyl p:has(.wpcf7-form-control-wrap:has(input[type="email"])),
.privilege-form-section .contactForm #otptypestyl p:has(.wpcf7-form-control-wrap:has(input[type="email"])) {
	display: flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	height: auto !important;
	width: auto !important;
}

/* Ensure email field is visible */
.book-privilege-form .contactForm #otptypestyl input[type="email"],
.privilege-form-section .contactForm #otptypestyl input[type="email"],
.book-privilege-form .contactForm #otptypestyl input[name="email-address"],
.privilege-form-section .contactForm #otptypestyl input[name="email-address"],
.book-privilege-form .contactForm #otptypestyl .wpcf7-form-control-wrap.email-address input,
.privilege-form-section .contactForm #otptypestyl .wpcf7-form-control-wrap.email-address input {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	width: 100% !important;
	height: auto !important;
	margin: 0 !important;
	padding: 10px 0 !important;
}

/* Ensure OTP button is visible */
.book-privilege-form .contactForm #otptypestyl .otp-button,
.privilege-form-section .contactForm #otptypestyl .otp-button {
	display: inline-block !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* Email field inside OTP container */
.book-privilege-form .contactForm #otptypestyl input[type="email"],
.privilege-form-section .contactForm #otptypestyl input[type="email"],
.book-privilege-form .contactForm #otptypestyl .wpcf7-form-control-wrap,
.privilege-form-section .contactForm #otptypestyl .wpcf7-form-control-wrap {
	flex: 1;
	min-width: 250px;
	margin-bottom: 0;
	width: 100%;
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* Ensure wpcf7-form-control-wrap for email is visible */
.book-privilege-form .contactForm #otptypestyl .wpcf7-form-control-wrap:has(input[type="email"]),
.privilege-form-section .contactForm #otptypestyl .wpcf7-form-control-wrap:has(input[type="email"]),
.book-privilege-form .contactForm #otptypestyl .wpcf7-form-control-wrap.email-address,
.privilege-form-section .contactForm #otptypestyl .wpcf7-form-control-wrap.email-address,
.book-privilege-form .contactForm #otptypestyl span.wpcf7-form-control-wrap:has(input[name="email-address"]),
.privilege-form-section .contactForm #otptypestyl span.wpcf7-form-control-wrap:has(input[name="email-address"]) {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	width: 100% !important;
	flex: 1 1 auto !important;
}

/* OTP button inline with email */
.book-privilege-form .contactForm #otptypestyl .otp-button,
.privilege-form-section .contactForm #otptypestyl .otp-button {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	white-space: nowrap !important;
	flex-shrink: 0 !important;
	flex-grow: 0 !important;
	height: 45px !important;
	align-self: flex-end !important;
	display: inline-block !important;
	position: relative !important;
}

/* OTP Success Message */
.privilege-form-section .contactForm .otp-success-message {
	color: #05490b;
	font-size: 14px;
	margin-top: 10px;
}

/* Responsive Styles */
@media screen and (max-width: 991px) {
	.privilege-hero {
		padding: 100px 0 80px;
		min-height: 500px;
	}
	
	.privilege-hero .hero-title {
		font-size: 36px;
	}
	
	.privilege-hero .hero-subtitle {
		font-size: 28px;
	}
	
	.privilege-hero .hero-text {
		font-size: 17px;
	}
	
	.privilege-hero .hero-benefit-item {
		font-size: 18px;
	}
	
	.privilege-section .section-title {
		font-size: 32px;
	}
	
	.privilege-section .benefits-content {
		flex-direction: column;
		gap: 40px;
	}
	
	/* What Section Responsive */
	.what-content-wrapper {
		flex-direction: column;
		gap: 40px;
		/* margin-bottom: 60px; */
	}
	
	.what-text-section {
		max-width: 100%;
	}
	
	.what-section-title {
		font-size: 36px;
	}
	
	.what-graphic-section {
		max-width: 100%;
	}
	
	.what-disclaimer {
		margin-top: 50px;
		padding: 25px;
	}
	
	.disclaimer-title {
		font-size: 19px;
		margin-bottom: 18px;
	}
	
	.disclaimer-list li {
		font-size: 14px;
		margin-bottom: 11px;
	}
	
	/* Header Responsive */
	.privilege-header .header .container {
		height: 70px;
		padding: 0 15px;
	}
	
	.privilege-header .logo img {
		height: 40px;
	}
	
	.privilege-header .buy-now-btn {
		padding: 10px 25px;
		font-size: 14px;
		border-radius: 25px;
	}
	
	/* Why Section Responsive */
	.why-section-title {
		font-size: 36px;
	}
	
	.why-section-intro {
		font-size: 17px;
		margin-bottom: 40px;
	}
	
	.why-benefits-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 25px;
		margin-bottom: 40px;
	}
	
	.why-benefit-card {
		padding: 35px 25px;
	}
	
	.why-section-closing {
		font-size: 22px;
		margin-top: 30px;
	}
	
	/* Travel Section Responsive */
	.travel-challenges-card {
		padding: 30px 25px;
		margin-bottom: 40px;
	}
	
	.challenges-card-title {
		font-size: 24px;
	}
	
	.solutions-title {
		font-size: 28px;
	}
	
	.travel-solutions-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 25px;
		margin-bottom: 30px;
	}
	
	.travel-solution-card {
		padding: 30px 25px;
	}
	
	.solution-card-number {
		font-size: 40px;
		top: 15px;
		right: 15px;
	}
	
	.travel-closing-card {
		padding: 30px 25px;
	}
	
	.travel-closing-text {
		font-size: 20px;
	}
}

@media screen and (max-width: 991px) {
	.privilege-spotlight {
		min-height: auto;
	}
	
	.privilege-spotlight .container {
		min-height: auto;
		padding: 40px 20px;
	}
	
	.privilege-spotlight .spotlight-logo {
		top: 40px;
		left: 20px;
	}
	
	.privilege-spotlight .spotlight-logo img {
		height: 40px;
	}
	
	.privilege-spotlight .spotlight-question {
		font-size: 54px;
		font-weight: 900;
	}
	
	.privilege-spotlight .spotlight-answer {
		font-size: 54px;
		font-weight: 900;
		margin-left: 10px;
		padding: 8px 20px;
	}
	
	.privilege-spotlight .spotlight-card-image {
		max-width: 480px;
	}
}

@media screen and (max-width: 767px) {
	.privilege-header .header .container {
		height: 70px;
		padding: 0 15px;
	}
	
	.privilege-header .logo img {
		height: 40px;
	}
	
	.privilege-header .buy-now-btn {
		padding: 10px 25px;
		font-size: 14px;
		border-radius: 25px;
	}
	
	.privilege-hero {
		padding: 80px 0 60px;
		min-height: auto;
	}
	
	.privilege-hero .hero-content {
		flex-direction: column;
	}
	
	.privilege-hero .hero-left {
		width: 100%;
	}
	
	.privilege-hero .hero-banner {
		margin-bottom: 20px;
		padding: 6px 16px;
	}
	
	.privilege-hero .banner-text {
		font-size: 12px;
	}
	
	.privilege-hero .hero-title {
		font-size: 28px;
		margin-bottom: 15px;
	}
	
	.privilege-hero .hero-subtitle {
		font-size: 24px;
		margin-bottom: 15px;
	}
	
	.privilege-hero .hero-text {
		font-size: 16px;
		margin-bottom: 30px;
	}
	
	.privilege-hero .hero-benefits {
		gap: 15px;
	}
	
	.privilege-hero .hero-benefit-item {
		font-size: 16px;
		gap: 12px;
	}
	
	.privilege-hero .checkmark-icon {
		width: 20px;
		height: 20px;
	}
	
	/* Hero Benefits Inline Responsive */
	.privilege-hero .hero-benefits-inline {
		flex-direction: column;
		gap: 20px;
		margin: 30px 0 40px;
	}
	
	.privilege-hero .hero-benefit-item {
		font-size: 16px;
	}
	
	/* Hero Cards Responsive */
	.privilege-hero .privilege-cards-container {
		margin-top: 30px;
		justify-content: center;
		padding: 0 15px;
		width: 100% !important;
		left: 0 !important;
		right: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	
	/* Reduce font sizes for hero cards on mobile */
	.privilege-hero .privilege-cards-container .privilege-option-card .current-price {
		font-size: 20px;
	}
	
	.privilege-hero .privilege-cards-container .privilege-option-card .current-price .price-period {
		font-size: 12px;
	}
	
	/* Inline Benefits List Responsive */
	.privilege-section .benefits-list-inline {
		flex-direction: column;
		gap: 20px;
		margin: 30px 0 40px;
	}
	
	.privilege-section .benefits-list-inline li {
		font-size: 16px;
	}
	
	/* Privilege Cards Responsive */
	.privilege-cards-container {
		flex-direction: column;
		align-items: center;
		gap: 25px;
		margin: 40px 0;
	}
	
	.privilege-option-card {
		width: 100%;
		max-width: 100%;
		min-width: auto;
		padding: 30px 25px;
	}
	
	.privilege-option-card .card-title {
		font-size: 22px;
	}
	
	.privilege-option-card .current-price {
		font-size: 32px;
	}
	
	.privilege-option-card .current-price .price-period {
		font-size: 20px;
	}
	
	.privilege-option-card .card-button {
		padding: 12px 25px;
		font-size: 15px;
	}
	
	/* What Section Mobile Responsive */
	.what-section-title {
		font-size: 28px;
		margin-bottom: 20px;
	}
	
	.what-intro-text {
		font-size: 16px;
		margin-bottom: 15px;
	}
	
	/* .what-content-wrapper {
		margin-bottom: 40px;
	} */
	
	.what-disclaimer {
		margin-top: 40px;
		padding: 20px;
	}
	
	.disclaimer-title {
		font-size: 18px;
		margin-bottom: 15px;
	}
	
	.disclaimer-list li {
		font-size: 14px;
		margin-bottom: 10px;
		line-height: 1.6;
	}
	
	/* Why Section Mobile Responsive */
	.why-section-title {
		font-size: 28px;
		margin-bottom: 15px;
	}
	
	.why-section-intro {
		font-size: 16px;
		margin-bottom: 30px;
	}
	
	.why-benefits-grid {
		grid-template-columns: 1fr;
		gap: 20px;
		margin-bottom: 30px;
	}
	
	.why-benefit-card {
		padding: 30px 25px;
	}
	
	.why-benefit-icon {
		width: 70px;
		height: 70px;
		margin-bottom: 20px;
	}
	
	.why-benefit-icon svg {
		width: 40px;
		height: 40px;
	}
	
	.why-benefit-title {
		font-size: 18px;
		margin-bottom: 12px;
	}
	
	.why-benefit-description {
		font-size: 15px;
	}
	
	.why-section-closing {
		font-size: 20px;
		margin-top: 25px;
	}
	
	/* Travel Section Mobile Responsive */
	.travel-challenges-card {
		padding: 25px 20px;
		margin-bottom: 30px;
		border-radius: 12px;
	}
	
	.challenges-card-header {
		flex-direction: column;
		align-items: flex-start;
		gap: 15px;
		margin-bottom: 20px;
	}
	
	.challenges-icon {
		width: 45px;
		height: 45px;
	}
	
	.challenges-card-title {
		font-size: 22px;
	}
	
	.challenges-list-modern li {
		font-size: 15px;
	}
	
	.travel-solutions-header {
		margin-bottom: 30px;
	}
	
	.solutions-title {
		font-size: 24px;
	}
	
	.travel-solutions-grid {
		grid-template-columns: 1fr;
		gap: 20px;
		margin-bottom: 25px;
	}
	
	.travel-solution-card {
		padding: 25px 20px;
		border-radius: 12px;
	}
	
	.solution-card-number {
		font-size: 36px;
		top: 15px;
		right: 15px;
	}
	
	.solution-card-icon {
		width: 60px;
		height: 60px;
		margin-bottom: 15px;
	}
	
	.solution-card-icon svg {
		width: 35px;
		height: 35px;
	}
	
	.solution-card-title {
		font-size: 20px;
		margin-bottom: 12px;
	}
	
	.solution-card-description {
		font-size: 15px;
	}
	
	.solution-card-list li {
		font-size: 15px;
		margin-bottom: 8px;
	}
	
	.travel-closing-card {
		padding: 25px 20px;
		border-radius: 12px;
		margin-top: 15px;
	}
	
	.travel-closing-text {
		font-size: 18px;
	}
	
	/* Form Section Mobile Responsive */
	.form-section-header {
		margin-bottom: 30px;
	}
	
	.form-header-icon {
		width: 70px;
		height: 70px;
	}
	
	.form-header-icon svg {
		width: 48px;
		height: 48px;
	}
	
	.form-section-title {
		font-size: 28px;
		margin-bottom: 12px;
	}
	
	.form-section-intro {
		font-size: 15px;
	}
	
	.form-card-header {
		padding: 25px 20px;
		flex-direction: column;
		text-align: center;
		gap: 15px;
	}
	
	.form-card-icon {
		margin: 0 auto;
	}
	
	.book-privilege-form .form-title {
		font-size: 22px;
	}
	
	.privilege-form-wrapper {
		padding: 25px 20px;
	}
	
	.payment-card-inner {
		position: relative !important;
		top: auto !important;
	}
	
	.payment-card-header {
		padding: 25px 20px;
	}
	
	.payment-icon {
		width: 60px;
		height: 60px;
	}
	
	.payment-icon svg {
		width: 40px;
		height: 40px;
	}
	
	.payment-card-title {
		font-size: 24px;
	}
	
	.payment-card-subtitle {
		font-size: 14px;
	}
	
	.payment-features {
		padding: 20px;
		gap: 12px;
	}
	
	.payment-feature-item {
		font-size: 14px;
	}
	
	.payment-proceed-btn {
		margin: 0 20px 20px;
		width: calc(100% - 40px);
		padding: 14px 30px;
		font-size: 16px;
	}
	
	.privilege-spotlight {
		min-height: auto;
	}
	
	.privilege-spotlight .container {
		padding: 30px 15px;
	}
	
	.privilege-spotlight .spotlight-logo {
		top: 30px;
		left: 15px;
		position: relative;
		margin-bottom: 20px;
	}
	
	.privilege-spotlight .spotlight-logo img {
		height: 35px;
	}
	
	.privilege-spotlight .spotlight-content {
		padding-top: 20px;
	}
	
	.privilege-spotlight .spotlight-question {
		font-size: 36px;
		font-weight: 900;
		margin-bottom: 20px;
		line-height: 1.3;
		letter-spacing: -0.5px;
	}
	
	.privilege-spotlight .spotlight-answer {
		font-size: 36px;
		font-weight: 900;
		margin-left: 8px;
		padding: 6px 16px;
		display: inline-block;
		letter-spacing: -0.5px;
	}
	
	.privilege-spotlight .spotlight-card-image {
		max-width: 380px;
	}
	
	.privilege-spotlight .spotlight-website {
		bottom: 20px;
		font-size: 14px;
		position: relative;
		transform: none;
		left: auto;
		margin-top: 30px;
	}
	
	.privilege-hero .hero-title {
		font-size: 28px;
	}
	
	.privilege-hero .hero-subtitle {
		font-size: 24px;
	}
	
	.privilege-hero .hero-text {
		font-size: 16px;
	}
	
	.privilege-section {
		padding: 60px 0;
	}
	
	.privilege-section .section-title {
		font-size: 28px;
	}
	
	.privilege-section .section-intro,
	.privilege-section .section-closing,
	.privilege-section .benefits-list li,
	.privilege-section .challenges-list li,
	.privilege-section .solution-list li {
		font-size: 16px;
	}
	
	.privilege-section .subsection-title {
		font-size: 24px;
	}
	
	.privilege-hero .pricing-card {
		padding: 20px;
	}
	
	.privilege-hero .pricing-card-title {
		font-size: 20px;
	}
	
	.privilege-section.privilege-form-section {
		padding-bottom: 60px;
	}
	
	.privilege-form-section .contactForm input,
	.privilege-form-section .contactForm select,
	.privilege-form-section .contactForm textarea {
		font-size: 16px;
	}
	
	.privilege-form-section .contactForm .submitSec {
		justify-content: flex-start;
	}
	
	.privilege-form-section .contactForm .submitSec .wpcf7-spinner {
		left: 10px;
		right: auto;
	}
	
	.privilege-form-container {
		flex-direction: column;
	}
	
	.privilege-payment-card {
		flex: 1 1 100% !important;
		width: 100% !important;
		min-width: 100% !important;
		max-width: 100% !important;
		align-self: stretch;
		height: auto;
	}
	
	.payment-card-inner {
		position: relative !important;
		top: auto !important;
		min-height: auto;
		padding: 40px 30px;
		margin-top: 0;
	}
	
	.book-privilege-form .contactForm .submit-buttons-wrapper,
	.privilege-form-section .contactForm .submit-buttons-wrapper {
		justify-content: center !important;
		flex-wrap: wrap;
	}
	
	.book-privilege-form {
		padding: 0;
	}
	
	.form-card-header {
		padding: 25px 30px;
	}
	
	.book-privilege-form .form-title {
		font-size: 24px;
	}
	
	.privilege-form-wrapper {
		padding: 30px 25px;
	}
	
	.form-section-header {
		flex-direction: column;
		text-align: center;
		gap: 20px;
		margin-bottom: 40px;
	}
	
	.form-header-icon {
		margin: 0 auto;
	}
	
	.form-section-title {
		font-size: 32px;
	}
	
	.form-section-intro {
		font-size: 16px;
	}
	
	.payment-card-header {
		padding: 30px 25px;
	}
	
	.payment-features {
		padding: 25px;
	}
	
	.payment-proceed-btn {
		margin: 0 25px 25px;
		width: calc(100% - 50px);
	}
	
	/* OTP Container Responsive */
	.book-privilege-form .contactForm #otptypestyl,
	.privilege-form-section .contactForm #otptypestyl {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 15px !important;
		display: flex !important;
		margin-bottom: 20px;
		flex-wrap: wrap !important;
	}
	
	.book-privilege-form .contactForm #otptypestyl p,
	.privilege-form-section .contactForm #otptypestyl p {
		min-width: 100% !important;
		width: 100% !important;
		margin-bottom: 0 !important;
		flex: 1 1 100% !important;
		order: 1;
		display: block !important;
	}
	
	.book-privilege-form .contactForm #otptypestyl input[type="email"],
	.book-privilege-form .contactForm #otptypestyl .wpcf7-form-control-wrap,
	.privilege-form-section .contactForm #otptypestyl input[type="email"],
	.privilege-form-section .contactForm #otptypestyl .wpcf7-form-control-wrap {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 100% !important;
		margin-bottom: 0 !important;
	}
	
	.book-privilege-form .contactForm #otptypestyl .otp-button,
	.privilege-form-section .contactForm #otptypestyl .otp-button {
		width: 100% !important;
		max-width: 100% !important;
		align-self: stretch !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		height: 45px !important;
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: relative !important;
		order: 2;
		white-space: normal;
	}
	
	/* Submit Buttons Responsive */
	.book-privilege-form .contactForm .submit-buttons-wrapper,
	.privilege-form-section .contactForm .submit-buttons-wrapper {
		display: block !important;
		width: 100% !important;
		margin-top: 30px !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
	
	.book-privilege-form .contactForm .submit-buttons-wrapper p,
	.privilege-form-section .contactForm .submit-buttons-wrapper p {
		display: flex !important;
		flex-direction: column !important;
		justify-content: center !important;
		align-items: stretch !important;
		gap: 12px !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
	
	.book-privilege-form .contactForm .submit-buttons-wrapper p br,
	.privilege-form-section .contactForm .submit-buttons-wrapper p br {
		display: none !important;
	}
	
	.book-privilege-form .contactForm .submit-buttons-wrapper input[type="submit"],
	.book-privilege-form .contactForm .submit-buttons-wrapper button,
	.privilege-form-section .contactForm .submit-buttons-wrapper input[type="submit"],
	.privilege-form-section .contactForm .submit-buttons-wrapper button {
		width: 100% !important;
		max-width: 100% !important;
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: relative !important;
		margin: 0 !important;
	}
	
	/* Form Container Responsive Fixes */
	.privilege-form-container {
		flex-direction: column;
		gap: 30px;
	}
	
	.privilege-form-left {
		width: 100% !important;
		min-width: 100% !important;
		flex: 1 1 100% !important;
	}
	
	.privilege-payment-card {
		flex: 1 1 100% !important;
		width: 100% !important;
		min-width: 100% !important;
		max-width: 100% !important;
	}
	
	/* Container Padding */
	.privilege-form-section .container {
		padding-left: 15px;
		padding-right: 15px;
		box-sizing: border-box;
	}
	
	/* Global container fixes for mobile */
	.container {
		box-sizing: border-box;
		max-width: 100% !important;
		overflow-x: hidden;
	}
	
	/* Footer container fixes */
	footer .container,
	footer .footer .container,
	footer .contact_form .container,
	footer .footerBottom .container {
		padding-left: 15px !important;
		padding-right: 15px !important;
		box-sizing: border-box;
		max-width: 100% !important;
		overflow-x: hidden !important;
	}
	
	footer .footer .columns {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}
	
	footer .footer .columns .col-1,
	footer .footer .columns .col-2,
	footer .footer .columns .col-3,
	footer .footer .columns .col-4 {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}
}

/* Small Mobile - Below 480px */
@media screen and (max-width: 480px) {
	.privilege-form-container {
		gap: 25px;
	}
	
	.privilege-form-wrapper {
		padding: 25px 20px;
	}
	
	.form-card-header {
		padding: 20px 25px;
	}
	
	.book-privilege-form .form-title {
		font-size: 22px;
	}
	
	.payment-card-inner {
		padding: 30px 20px !important;
	}
	
	.payment-card-header {
		padding: 25px 20px;
	}
	
	.payment-proceed-btn {
		margin: 0 20px 20px;
		width: calc(100% - 40px);
	}
	
	.privilege-form-section .container {
		padding-left: 15px;
		padding-right: 15px;
	}
}

/* Medium Small Mobile - 400px to 440px (specific range fix) */
@media screen and (max-width: 440px) and (min-width: 401px) {
	.privilege-payment-card {
		flex: 1 1 100% !important;
		width: 100% !important;
		min-width: 100% !important;
		max-width: 100% !important;
	}
	
	.privilege-form-left {
		min-width: 100% !important;
		width: 100% !important;
		flex: 1 1 100% !important;
	}
	
	.privilege-form-container {
		gap: 20px;
	}
	
	.privilege-form-section .container {
		padding-left: 12px;
		padding-right: 12px;
		box-sizing: border-box;
	}
}

/* Very Small Mobile - Below 440px (fixes 400-440px range) */
@media screen and (max-width: 440px) {
	.privilege-form-container {
		gap: 20px;
		margin-top: 30px;
	}
	
	.privilege-form-left {
		min-width: 100% !important;
		width: 100% !important;
		flex: 1 1 100% !important;
	}
	
	.privilege-payment-card {
		flex: 1 1 100% !important;
		width: 100% !important;
		min-width: 100% !important;
		max-width: 100% !important;
	}
	
	/* Fix hero cards container viewport width issue */
	.privilege-hero .privilege-cards-container {
		width: 100% !important;
		left: 0 !important;
		right: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding: 0 15px;
	}
	
	/* Fix privilege cards min-width */
	.privilege-option-card {
		min-width: 100% !important;
		max-width: 100% !important;
		width: 100% !important;
	}
	
	.privilege-form-wrapper {
		padding: 20px 15px;
		box-sizing: border-box;
	}
	
	.form-card-header {
		padding: 18px 20px;
	}
	
	.book-privilege-form .form-title {
		font-size: 20px;
	}
	
	.payment-card-inner {
		padding: 25px 15px !important;
		box-sizing: border-box;
	}
	
	.payment-card-header {
		padding: 20px 15px;
	}
	
	.payment-proceed-btn {
		margin: 0 15px 15px;
		width: calc(100% - 30px);
	}
	
	.privilege-form-section .container {
		padding-left: 12px;
		padding-right: 12px;
		box-sizing: border-box;
		max-width: 100%;
		overflow-x: hidden;
	}
	
	/* Form inputs */
	.book-privilege-form .contactForm input,
	.book-privilege-form .contactForm select,
	.book-privilege-form .contactForm textarea {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
		font-size: 16px;
	}
	
	/* OTP Container */
	.book-privilege-form .contactForm #otptypestyl,
	.privilege-form-section .contactForm #otptypestyl {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}
	
	.book-privilege-form .contactForm #otptypestyl p,
	.privilege-form-section .contactForm #otptypestyl p {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}
	
	.book-privilege-form .contactForm #otptypestyl input[type="email"],
	.book-privilege-form .contactForm #otptypestyl .wpcf7-form-control-wrap {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}
	
	.book-privilege-form .contactForm #otptypestyl .otp-button {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: relative !important;
		height: 45px !important;
		margin-top: 15px !important;
	}
	
	/* Submit buttons */
	.book-privilege-form .contactForm .submit-buttons-wrapper {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		margin-top: 30px !important;
	}
	
	.book-privilege-form .contactForm .submit-buttons-wrapper p {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
		display: flex !important;
		flex-direction: column !important;
		gap: 12px !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
	
	.book-privilege-form .contactForm .submit-buttons-wrapper input[type="submit"],
	.book-privilege-form .contactForm .submit-buttons-wrapper button {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: relative !important;
	}
	
	/* Footer fixes for 440px and below */
	footer .footer .container,
	footer .contact_form .container,
	footer .footerBottom .container {
		padding-left: 12px !important;
		padding-right: 12px !important;
		box-sizing: border-box;
		max-width: 100% !important;
		overflow-x: hidden !important;
	}
	
	footer .footer .columns {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}
	
	footer .footer .columns .col-1,
	footer .footer .columns .col-2,
	footer .footer .columns .col-3,
	footer .footer .columns .col-4 {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}
	
	.p_w {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}
	
	ul.breadscrumbs li {
		padding-right: 15px !important;
	}
	
	.img_med {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}
}

/* Small Mobile - 388px to 400px (specific range fix) */
@media screen and (max-width: 400px) and (min-width: 389px) {
	.privilege-payment-card {
		flex: 1 1 100% !important;
		width: 100% !important;
		min-width: 100% !important;
		max-width: 100% !important;
	}
	
	.privilege-form-left {
		min-width: 100% !important;
		width: 100% !important;
		flex: 1 1 100% !important;
	}
	
	.privilege-hero .privilege-cards-container {
		width: 100% !important;
		left: 0 !important;
		right: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding: 0 12px;
	}
	
	.privilege-option-card {
		min-width: 100% !important;
		max-width: 100% !important;
		width: 100% !important;
	}
	
	.privilege-form-section .container {
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box;
	}
	
	/* Global container fixes for 400px range */
	.container {
		padding-left: 10px !important;
		padding-right: 10px !important;
		box-sizing: border-box;
		max-width: 100% !important;
		width: 100% !important;
		overflow-x: hidden !important;
	}
	
	/* Footer specific container fixes */
	footer .container,
	footer .footer .container,
	footer .contact_form .container,
	footer .footerBottom .container {
		padding-left: 10px !important;
		padding-right: 10px !important;
		box-sizing: border-box;
		max-width: 100% !important;
		width: 100% !important;
		overflow-x: hidden !important;
	}
}

/* Tiny Mobile - Below 388px (fixes below 388px range) */
@media screen and (max-width: 388px) {
	.privilege-payment-card {
		flex: 1 1 100% !important;
		width: 100% !important;
		min-width: 100% !important;
		max-width: 100% !important;
	}
	
	.privilege-form-left {
		min-width: 100% !important;
		width: 100% !important;
		flex: 1 1 100% !important;
	}
	
	.privilege-form-container {
		gap: 15px;
		padding: 0;
	}
	
	/* Fix hero cards container viewport width issue */
	.privilege-hero .privilege-cards-container {
		width: 100% !important;
		left: 0 !important;
		right: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding: 0 10px;
	}
	
	/* Fix privilege cards min-width */
	.privilege-option-card {
		min-width: 100% !important;
		max-width: 100% !important;
		width: 100% !important;
		padding: 25px 18px;
	}
	
	.privilege-form-wrapper {
		padding: 18px 12px;
		box-sizing: border-box;
	}
	
	.form-card-header {
		padding: 16px 15px;
		box-sizing: border-box;
	}
	
	.book-privilege-form .form-title {
		font-size: 18px;
	}
	
	.payment-card-inner {
		padding: 22px 12px !important;
		box-sizing: border-box;
	}
	
	.payment-card-header {
		padding: 18px 12px;
		box-sizing: border-box;
	}
	
	.payment-proceed-btn {
		margin: 0 12px 12px;
		width: calc(100% - 24px);
		font-size: 14px;
		padding: 12px 15px;
		box-sizing: border-box;
	}
	
	.privilege-form-section .container {
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box;
		max-width: 100%;
		overflow-x: hidden;
	}
	
	.form-section-header {
		padding: 0 10px;
		box-sizing: border-box;
	}
	
	.form-section-title {
		font-size: 24px;
	}
	
	.form-section-intro {
		font-size: 14px;
	}
	
	/* Fix hero cards container */
	.privilege-hero .privilege-cards-container {
		width: 100% !important;
		left: 0 !important;
		right: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding: 0 10px;
		box-sizing: border-box;
	}
	
	.privilege-option-card {
		min-width: 100% !important;
		max-width: 100% !important;
		width: 100% !important;
		padding: 25px 18px;
		box-sizing: border-box;
	}
	
	/* Prevent horizontal overflow */
	.privilege-form-section {
		overflow-x: hidden;
		max-width: 100%;
	}
	
	.privilege-form-section .container {
		overflow-x: hidden;
	}
	
	/* Footer fixes for 388px and below */
	footer .footer .container,
	footer .contact_form .container,
	footer .footerBottom .container {
		padding-left: 10px !important;
		padding-right: 10px !important;
		box-sizing: border-box;
		max-width: 100% !important;
		overflow-x: hidden !important;
	}
	
	footer .footer .columns {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
		overflow-x: hidden !important;
	}
	
	footer .footer .columns .col-1,
	footer .footer .columns .col-2,
	footer .footer .columns .col-3,
	footer .footer .columns .col-4 {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
		padding: 0 !important;
		margin: 0 0 20px 0 !important;
	}
	
	footer .contact_form .left,
	footer .contact_form .right {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}
	
	ul.breadscrumbs li {
		padding-right: 10px !important;
	}
	
	.img_med {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}
	
	.p_w {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}
	
	/* Global container fixes for 388px and below */
	.container {
		padding-left: 10px !important;
		padding-right: 10px !important;
		box-sizing: border-box;
		max-width: 100% !important;
		width: 100% !important;
		overflow-x: hidden !important;
	}
	
	/* Footer specific container fixes */
	footer .container,
	footer .footer .container,
	footer .contact_form .container,
	footer .footerBottom .container {
		padding-left: 10px !important;
		padding-right: 10px !important;
		box-sizing: border-box;
		max-width: 100% !important;
		width: 100% !important;
		overflow-x: hidden !important;
	}
	
	/* Ensure all form elements fit */
	.book-privilege-form .contactForm input,
	.book-privilege-form .contactForm select,
	.book-privilege-form .contactForm textarea {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}
	
	.book-privilege-form .contactForm #otptypestyl {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}
	
	.book-privilege-form .contactForm .submit-buttons-wrapper {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}
	
	/* Ensure OTP button is visible and below email */
	.book-privilege-form .contactForm #otptypestyl,
	.privilege-form-section .contactForm #otptypestyl {
		flex-direction: column !important;
		display: flex !important;
		align-items: stretch !important;
		gap: 15px !important;
	}
	
	.book-privilege-form .contactForm #otptypestyl p,
	.privilege-form-section .contactForm #otptypestyl p {
		order: 1 !important;
		width: 100% !important;
		margin-bottom: 0 !important;
	}
	
	.book-privilege-form .contactForm #otptypestyl .otp-button,
	.privilege-form-section .contactForm #otptypestyl .otp-button {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		width: 100% !important;
		max-width: 100% !important;
		order: 2 !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		height: 45px !important;
		position: relative !important;
		box-sizing: border-box;
	}
	
	/* Ensure submit buttons are visible */
	.book-privilege-form .contactForm .submit-buttons-wrapper,
	.privilege-form-section .contactForm .submit-buttons-wrapper {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		width: 100% !important;
		margin-top: 30px !important;
	}
	
	.book-privilege-form .contactForm .submit-buttons-wrapper p,
	.privilege-form-section .contactForm .submit-buttons-wrapper p {
		display: flex !important;
		flex-direction: column !important;
		visibility: visible !important;
		opacity: 1 !important;
		width: 100% !important;
		gap: 12px !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.book-privilege-form .contactForm .submit-buttons-wrapper p br,
	.privilege-form-section .contactForm .submit-buttons-wrapper p br {
		display: none !important;
	}
	
	.book-privilege-form .contactForm .submit-buttons-wrapper input[type="submit"],
	.book-privilege-form .contactForm .submit-buttons-wrapper button,
	.privilege-form-section .contactForm .submit-buttons-wrapper input[type="submit"],
	.privilege-form-section .contactForm .submit-buttons-wrapper button {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		width: 100% !important;
		max-width: 100% !important;
		position: relative !important;
		margin: 0 !important;
		box-sizing: border-box;
	}
}

/* ============================================
   Privilege Card Payment Page Styles
   ============================================ */

.privilege-payment-page {
	margin-top: 0;
	padding-top: 0;
}

.privilege-payment-cards-section {
	padding: 120px 0;
	background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%);
	min-height: calc(100vh - 90px);
	position: relative;
}

.privilege-payment-cards-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, #e0e0e0, transparent);
}

.payment-page-title {
	font-size: 48px;
	font-weight: 700;
	color: #1f386c;
	text-align: center;
	margin-bottom: 20px;
	font-family: Helvetica, sans-serif;
	letter-spacing: -0.5px;
	line-height: 1.2;
}

.payment-page-subtitle {
	font-size: 20px;
	color: #666;
	text-align: center;
	margin-bottom: 80px;
	font-family: Helvetica, sans-serif;
	font-weight: 400;
	line-height: 1.6;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.payment-cards-container {
	display: flex;
	justify-content: center;
	align-items: stretch;
	gap: 40px;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	flex-wrap: wrap;
}

.payment-card {
	position: relative;
	display: flex;
	flex-direction: column;
	max-width: 400px;
	width: 100%;
	min-width: 320px;
	flex: 0 0 auto;
}

.payment-card-inner {
	border-radius: 24px;
	padding: 50px 35px;
	text-align: center;
	position: relative;
	overflow: hidden;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	border: 1px solid rgba(255, 255, 255, 0.2);
}

.payment-card-inner::before {
	content: '';
	position: absolute;
	top: -50%;
	right: -50%;
	width: 200%;
	height: 200%;
	background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
	opacity: 0;
	transition: opacity 0.4s ease;
	pointer-events: none;
	z-index: 0;
}

.payment-card-inner:hover {
	transform: translateY(-8px);
	box-shadow: 0 16px 48px rgba(0, 0, 0, 0.18);
}

.payment-card-inner:hover::before {
	opacity: 1;
}

.payment-card-light {
	background: linear-gradient(135deg, #1d9add 0%, #0d7bb8 100%);
}

.payment-card-dark {
	background: linear-gradient(135deg, #1f386c 0%, #152a52 100%);
}

.payment-card-title {
	font-size: 22px;
	font-weight: 700;
	color: #ffffff;
	margin-bottom: 35px;
	font-family: Helvetica, sans-serif;
	text-transform: none;
	letter-spacing: 0.3px;
	position: relative;
	padding-bottom: 20px;
}

.payment-card-title::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 60px;
	height: 3px;
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 2px;
}

.payment-card-price {
	font-size: 56px;
	font-weight: 700;
	color: #ffffff;
	margin-bottom: 8px;
	font-family: Helvetica, sans-serif;
	line-height: 1.1;
	letter-spacing: -1px;
	position: relative;
	display: inline-block;
}

.payment-card-price .aed-icon {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	width: 24px;
	height: 21px;
	color: inherit;
}

.payment-card-validity {
	font-size: 15px;
	color: rgba(255, 255, 255, 0.85);
	margin-bottom: 45px;
	font-family: Helvetica, sans-serif;
	font-weight: 400;
	letter-spacing: 0.2px;
	text-transform: uppercase;
}

.payment-card-button {
	display: inline-block;
	padding: 18px 45px;
	border-radius: 30px;
	font-size: 16px;
	font-weight: 700;
	font-family: Helvetica, sans-serif;
	text-decoration: none;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	cursor: pointer;
	border: 2px solid #ffffff;
	background-color: rgba(255, 255, 255, 0.15);
	backdrop-filter: blur(10px);
	color: #ffffff;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	position: relative;
	overflow: hidden;
	z-index: 10;
}

.payment-card-button::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
	transition: left 0.5s ease;
	pointer-events: none;
	z-index: 1;
}

.payment-card-button:hover::before {
	left: 100%;
}

.payment-card-light .payment-card-button {
	background-color: rgba(255, 255, 255, 0.15);
}

.payment-card-dark .payment-card-button {
	background-color: rgba(255, 255, 255, 0.12);
}

.payment-card-button:hover {
	background-color: #ffffff;
	color: #1d9add;
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
	border-color: #ffffff;
}

.payment-card-dark .payment-card-button:hover {
	color: #1f386c;
}

/* Responsive Styles for Payment Cards */
@media (max-width: 768px) {
	.privilege-payment-cards-section {
		padding: 80px 0;
	}

	.payment-page-title {
		font-size: 36px;
		margin-bottom: 15px;
	}

	.payment-page-subtitle {
		font-size: 18px;
		margin-bottom: 50px;
		padding: 0 20px;
	}

	.payment-cards-container {
		grid-template-columns: 1fr;
		gap: 30px;
		padding: 0 15px;
	}

	.payment-card {
		width: 100%;
		max-width: 100%;
	}

	.payment-card-inner {
		padding: 45px 30px;
	}

	.payment-card-title {
		font-size: 20px;
		margin-bottom: 30px;
		padding-bottom: 18px;
	}

	.payment-card-price {
		font-size: 48px;
	}

	.payment-card-validity {
		font-size: 14px;
		margin-bottom: 40px;
	}

	.payment-card-button {
		padding: 16px 35px;
		font-size: 15px;
	}
}

@media (max-width: 480px) {
	.privilege-payment-cards-section {
		padding: 60px 0;
	}

	.payment-page-title {
		font-size: 28px;
		padding: 0 15px;
	}

	.payment-page-subtitle {
		font-size: 16px;
		margin-bottom: 40px;
		padding: 0 15px;
	}

	.payment-cards-container {
		gap: 25px;
		padding: 0 10px;
	}

	.payment-card-inner {
		padding: 35px 25px;
		border-radius: 20px;
	}

	.payment-card-title {
		font-size: 18px;
		margin-bottom: 25px;
		padding-bottom: 15px;
	}

	.payment-card-price {
		font-size: 42px;
	}

	.payment-card-validity {
		font-size: 13px;
		margin-bottom: 35px;
	}

	.payment-card-button {
		padding: 14px 30px;
		font-size: 14px;
	}
}