@charset "utf-8";
/* CSS Document */

body {
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	padding:0;
	background:#fff;
	color:#000;
	text-align:center;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-family: 'Inter';
	}
div, ul, h1, h2, h3, h4, h5, h6, li, p, img, form, input, textarea {margin:0;padding:0;}
header, section, footer, aside, nav, main, article, figure {display: block;}
table, tr, td {border:0;}
a{outline: none; color:#333; text-decoration:none;}
a:hover {outline: none; text-decoration:none;}
img {border:none; height:auto;}
li {list-style:none;}
*{box-sizing:border-box;}
.clearall{
	clear:both;
	font-size:1px;
	line-height:1px;
	height:1px;
	}
/*-----------------------
MAIN CSS START
------------------------*/
.container{
	width:1170px;
	margin:0 auto;
	padding:0;
	position:relative;
}
.overflow{
	overflow:hidden;
}

.fl{float:left;}
.fr{float:right;}

.hide-desk{display:none;}

button,
input,
select{
	font-family:inherit;
	outline:none;
}

/*-----------------------
FONTS
------------------------*/
@font-face {
    font-family: 'Inter';
    src: url('Inter-Light.woff2') format('woff2'),
        url('Inter-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('Inter-Regular.woff2') format('woff2'),
	url('Inter-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
	}
	
@font-face {
    font-family: 'Inter';
	src: url('Inter-Medium.woff2') format('woff2'),
	url('Inter-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	}

@font-face {
    font-family: 'Inter';
	src: url('Inter-SemiBold.woff2') format('woff2'),
	url('Inter-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
	}
	
@font-face {
    font-family: 'Inter';
    src: url('Inter-Bold.woff2') format('woff2'),
	url('Inter-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
	}
@font-face {
    font-family: 'Inter';
    src: url('Inter-ExtraBold.woff2') format('woff2'),
        url('Inter-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}	

@font-face {
    font-family: 'Poppins';
    src: url('Poppins-Bold.woff2') format('woff2'),
        url('Poppins-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('Poppins-Medium.woff2') format('woff2'),
        url('Poppins-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/*======================================
	header section
======================================*/
.top-fix-bar{
	margin-bottom:65px;
	}
.main_header{
	width:100%;
	background:#ffffff;
	z-index:999;
	box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.1);
	height:65px;
	margin-top: -65px;
	position: relative;
	top:65px;
}
.fixed-nav .main_header{
	position: fixed;
	z-index: 11;
	top: 0;
	border:none;
	-webkit-transition: margin .3s ease-out;
	transition: margin .3s ease-out;
	margin-top:0;
	border-bottom:1px solid #e1e1e1;
	}
.header_inner{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:20px;
}

.header_logo{
	display:inline-flex;
	align-items:center;
	margin-top:13px;
}

.header_logo img{
	width:218px;
	display:block;
}

.header_nav{
	display:flex;
	align-items:center;
	margin-top:10px;
}

.header_menu{
	display:flex;
	align-items:center;
	gap:40px;
	list-style:none;
}

.header_menu li a{
	font-size:15px;
	color:#000;
	text-decoration:none;
	transition:0.3s ease;
}

.header_menu li a:hover{
	color:#2ec7d3;
}

.menu_toggle{
	border:none;
	background:none;
	display:none;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	gap:5px;
	cursor:pointer;
	padding:0;
}

.menu_toggle span{
	width:24px;
	height:2px;
	background:#111111;
	transition:0.3s ease;
}

.menu_toggle.active span:nth-child(1){
	transform:translateY(7px) rotate(45deg);
}

.menu_toggle.active span:nth-child(2){
	opacity:0;
}

.menu_toggle.active span:nth-child(3){
	transform:translateY(-7px) rotate(-45deg);
}

.ed_main{
	padding:40px 0px 50px;
}
.ed_heading_wrap{
	text-align:center;
}
.ed_heading{
	font-size:47px;
	line-height:50px;
	font-weight:700;
	font-family: 'Poppins';
	color:#000000;
}
.ed_heading span{
	color:#25bfc1;
}
.ed_steps{
	display:flex;
	align-items:center;
	justify-content:center;
	margin-top:40px;
}
.ed_step{
	display:flex;
	align-items:center;
}
.ed_step_inr{
	display:flex;
	align-items:center;
}
.ed_step_number{
	width:30px;
	height:30px;
	border-radius:50%;
	background:#000000;
	color:#ffffff;
	font-size:18px;
	font-weight:700;
	display:flex;
	align-items:center;
	justify-content:center;
}

/* CURRENT ACTIVE STEP */
.ed_step.active .ed_step_number{
	background:#25bfc1;
	color:#ffffff;
}

/* COMPLETED STEP */
.ed_step.completed .ed_step_number{
	background:#25bfc1;
	color:transparent;
	position:relative;
}

/* TICK IMAGE */
.ed_step.completed .ed_step_number::before{
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width:14px;
	height:14px;
	background:url(../images/step-tick.webp) no-repeat center center;
	background-size:contain;
}
.ed_step p{
	font-size:16px;
	font-weight:700;
	margin-left:10px;
}
.ed_step_line{
	width:112px;
	height:2px;
	background:#d8d8d8;
	margin:0px 10px;
	position:relative;
}

/* DEFAULT LINE */
.ed_step_line{
	width:135px;
	height:3px;
	background:#d5d5d5;
	position:relative;
	overflow:hidden;
}

/* ACTIVE STEP = HALF LINE */
.ed_step.active .ed_step_line::before{
	content:"";
	position:absolute;
	left:0px;
	top:0px;
	width:50%;
	height:100%;
	background: #25bfc1;
}

/* COMPLETED STEP = FULL LINE */
.ed_step.completed .ed_step_line::before{
	content:"";
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:#25bfc1;
}

/* STEP 1 */
.ed_step_screen{
	display:none;
	opacity:0;
	/*transform:translateY(20px);*/
}
.ed_step_screen.active{
	display:block;
	animation:stepFadeIn 0.45s ease forwards;
}
@keyframes stepFadeIn{
	0%{opacity:0; transform:translateY(20px);}
	100%{opacity:1; transform:translateY(0px);}
}
@keyframes stepFadeOut{
	0%{opacity:1; transform:translateY(0px);}
	100%{opacity:0; transform:translateY(-12px);}
} 

.ed_form_box{
	width:100%;
	max-width:887px;
	margin:30px auto 0px;
	background:#ffffff;
	border-radius:10px;
	padding:26px;
	box-shadow:0px 2px 10px 1px rgba(0,0,0,0.2);
	text-align:left;
}
.ed_trip_section{
	margin-bottom:20px;
}
.ed_trip_section h3,
.ed_info_section h4,
.ed_section_title{
	font-size:20px;
	font-weight:600;
	margin-bottom:18px;
}
.ed_form_grid{
	display:grid;
	gap:18px;
}
.ed_form_grid_2{
	grid-template-columns:repeat(2,1fr);
}
.ed_form_grid_3{
	grid-template-columns:repeat(3,1fr);
}
.ed_form_group{
	margin-bottom:30px;
}
.ed_form_group label{
	display:block;
	font-size:16px;
	font-weight:500;
	margin-bottom:8px;
	position:relative;
}
.ed_form_group input,
.ed_form_group select{
	width:100%;
	height: 100%;
	border-radius:8px;
	font-size:14px;
	background:#ffffff;
	border:none;
	font-family: 'Inter';
}
.ed_select_trigger:has(input:focus){
	border-color: #25bfc1;
}
.ed_note,
.ed_bottom_note{
	font-size:13px;
	line-height:18px;
	color:#858585;
	margin-top:10px;
}
.ed_submit_wrap{
	text-align:center;
	margin-top:8px;
}
.ed_submit_btn{
	min-width:505px;
	height:78px;
	border:none;
	border-radius:12px;
	background:#07bf50;
	color:#ffffff;
	font-size:23px;
	font-weight:600;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:12px;
	cursor:pointer;
	box-shadow:0px 8px 18px rgba(7,191,80,0.10);
	font-family: 'Inter';
}
.button_arrow{
	width:22px;
	display:inline-block;
	vertical-align:middle;
	margin:0 0 0 8px;
}
.ed_prev_btn{
	display:block;
	margin:14px auto 0px;
	border:none;
	background:transparent;
	font-size:13px;
	color:#555555;
	cursor:pointer;
	font-family: 'Inter';
}

/* STEP 2 */
.ed_traveler_box{
	position:relative;
	z-index:1;
	border-radius:10px;
	/* overflow:hidden; */
	margin-bottom:15px;
}
.ed_traveler_box.active{
	z-index:999;
}
.ed_traveler_head{
	height:56px;
	background:#ebe6e7;
	color:#000;
	padding:0px 18px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	cursor:pointer;
	border-radius:10px;
}
.ed_traveler_head h3{
	font-size:18px;
	font-weight:500;
}
.ed_traveler_head h3 span{
	font-weight:700;
}
.ed_traveler_toggle{
	width:14px;
	height:14px;
	border:none;
	background:transparent;
	position:relative;
	cursor:pointer;
}
.ed_traveler_toggle::after{
	content:"";
	position:absolute;
}
.ed_traveler_toggle::after{
	width: 8px;
    height: 8px;
    border-right: 1.5px solid #999999;
    border-bottom: 1.5px solid #999999;
    transform: rotate(45deg);
    margin-top: -4px;
	transition:0.3s;
}
.ed_traveler_box.active .ed_traveler_toggle::after{
	transform: rotate(-135deg);
	border-right: 1.5px solid #fff;
    border-bottom: 1.5px solid #fff;
}
.ed_traveler_box.active .ed_traveler_head{background:#25bfc1; color:#fff;}
.ed_traveler_body{
	/* overflow:hidden; */  
	max-height:0px;
	opacity:0;
	transform:translateY(-10px);
	padding-top:0px;
	transition:
		max-height 0.45s ease,
		opacity 0.35s ease,
		transform 0.35s ease,
		padding 0.35s ease;
}
.ed_traveler_box.active .ed_traveler_body{
	max-height:3000px;
	opacity:1;
	transform:translateY(0px);
	padding-top:20px;
}
.ed_passport_upload button{
	width:100%;
	height:50px;
	border:1px solid #d7d7d7;
	border-radius:8px;
	background:#e5e5e5;
	font-size:14px;
	cursor:pointer;
	font-family: 'Inter';
}
.ed_or_text{
	position:relative;
	text-align:center;
	margin:20px 0;
}
.ed_or_text::before{
	content:"";
	position:absolute;
	left:0px;
	top:50%;
	width:100%;
	height:1px;
	background:#dddddd;
}
.ed_or_text span{
	position:relative;
	background:#ffffff;
	padding:0px 16px;
	font-size:14px;
	font-weight:600;
}
.ed_section_title{
	margin-bottom:15px;
}

.ed_gender_wrap,
.ed_option_grid,
.ed_resume_grid{
	display:grid;
	gap:14px;
}

.ed_gender_wrap{
	grid-template-columns:repeat(3,1fr);
	margin-bottom:30px;
}

.ed_option_grid_2{
	grid-template-columns:repeat(2,1fr);
}

.ed_option_grid_4{
	grid-template-columns:repeat(4,1fr);
}

.ed_gender_box,
.ed_option_box{
	height:52px;
	border:1px solid #d7d7d7;
	border-radius:8px;
	padding:0px 14px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	cursor:pointer;
	flex-direction: row-reverse;
}
.ed_gender_box{flex-direction: row-reverse;}

/* checked border color */
.ed_gender_box:has(input[type="radio"]:checked),
.ed_option_box:has(input[type="radio"]:checked){
	border-color: #25bfc1;
    background: #f9ffff;
}

.ed_gender_box span,
.ed_option_box span{
	font-size:16px;
	font-weight:500;
}
.ed_gender_box input[type="radio"]{
	opacity:0;
	position:absolute;
}
.ed_gender_box input[type="radio"] + span{
	width:20px;
	height:20px;
	border:1px solid #aaa;
}
.ed_gender_box input[type="radio"]:checked + span{background:url(../images/input-tick.webp) center center no-repeat; background-size:70%;}

.ed_option_box{display:flex !important; align-items:center; justify-content:space-between;}
.ed_option_box input[type="radio"]{
	opacity:0;
	position:absolute;
	width:auto;
}
.ed_option_box input[type="radio"] + span{
	width:20px;
	height:20px;
	border:1px solid #aaa;
	display:inline-block;
	vertical-align:middle;
}
.ed_option_box input[type="radio"]:checked + span{background:url(../images/input-tick.webp) center center no-repeat; background-size:70%;}

.ed_add_wrap{
	display:flex;
	justify-content:center;
	margin-top:4px;
	margin-bottom:25px;
	position:relative;
	z-index:99;
}
.ed_add_btn{
	min-width:258px;
	height:48px;
	border:1px solid #d2d2d2;
	border-radius:8px;
	background:#ffffff;
	font-size:16px;
	font-weight:500;
	cursor:pointer;
	font-family: 'Inter';
}
.ed_remove_wrap{
	padding:0px 0 8px;
	text-align:center;
}
.ed_remove_btn{
	height: 35px;
    padding: 0px 15px;
    border: none;
    border-radius: 5px;
    color: #9e0012;
    font-size: 13px;
    cursor: pointer;
	display:none;
	background:none;
}
.ed_remove_btn svg{width:20px; fill:#9e0012; display:inline-block; vertical-align:middle;}
.ed_remove_btn:hover{
	background:#ff5353;
	color:#ffffff;
}
.ed_remove_btn:hover svg{fill:#fff;}


/* STEP 3 */
.ed_resume_head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:22px;
}
.ed_resume_head h3,
.ed_resume_head h4{
	font-size:16px;
	font-weight:700;
}
.ed_resume_grid{
	grid-template-columns:repeat(2,1fr);
	margin-bottom:22px;
}

.ed_price_box{
	min-height:65px;
	border:1px solid #d7d7d7;
	border-radius:10px;
	padding:10px 15px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	cursor:pointer;
}
.ed_price_box:has(input[type="radio"]:checked){
    border-color: #25bfc1;
    background: #f9ffff;
}
.ed_price_box input[type="radio"]{
	opacity:0;
	position:absolute;
}
.ed_price_box input[type="radio"] + span{
	width:20px;
	height:20px;
	border:1px solid #aaa;
}
.ed_price_box input[type="radio"]:checked + span{background:url(../images/input-tick.webp) center center no-repeat; background-size:70%;}
.ed_price_left{
	flex:1;
	padding:0px 14px;
}
.ed_price_left h5{
	font-size:16px;
	font-weight:700;
 	margin-bottom:0; 
}
.ed_price_left p{
	font-size:13px;
	color:#858585;
}
.ed_price_right{
	display:flex;
	align-items:center;
}
.fastest_img{
	margin-right:12px;
}
.ed_price_box h6{
	font-size:16px;
	font-weight:700;
}
.ed_estimated_time{
	font-size:15px;
	margin-bottom:28px;
}
.ed_estimated_time span{
	font-weight:700;
	margin-left:6px;
}
.ed_divider_text{
	position:relative;
	text-align:center;
	margin-bottom:26px;
}
.ed_divider_text::before{
	content:"";
	position:absolute;
	left:0px;
	top:50%;
	width:100%;
	height:1px;
	background:#d8d8d8;
}
.ed_divider_text span{
	position:relative;
	background:#ffffff;
	padding:0px 16px;
	font-size:15px;
	font-weight:700;
}
.ed_esim_box{
	min-height:60px;
	border:1px solid #d7d7d7;
	border-radius:10px;
	padding:0px 18px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:28px;
}
.ed_esim_left{
	display:flex;
	align-items:center;
}
.ed_esim_left img{
	width:17px;
	margin:0 12px 0 0;
}
.ed_esim_left p{
	font-size:15px;
	font-weight:500;
}

.ed_esim_left span{
	font-size:13px;
	color:#777777;
}
.ed_esim_toggle{
	width:14px;
	height:14px;
	border:none;
	background:transparent;
	position:relative;
	cursor:pointer;
}
.ed_esim_toggle::after{
	content:"";
	position:absolute;
	width: 8px;
    height: 8px;
    border-right: 1.5px solid #535353;
    border-bottom: 1.5px solid #535353;
    transform: rotate(-135deg);
    margin-top: -4px;
    transition: 0.3s;
}

/* STEP 4 */
.ed_info_top{
	padding-bottom:20px;
	border-bottom:1px solid #dddddd;
	margin-bottom:22px;
}
.ed_info_top h3{
	font-size:20px;
	font-weight:600;
	margin-bottom:8px;
}
.ed_info_top p{
	font-size:14px;
	color:#000;
}
.ed_info_section{
	margin-bottom:24px;
	position:relative;
}

/* FOR CUSTOM DROPDOWN CSS */
.ed_custom_select{
	position:relative;
	font-family: 'Inter';
}
.ed_custom_select.active{
	z-index:99999;
}
.ed_select_trigger{
	height:54px;
	border:1px solid #d7d7d7;
	border-radius: 8px;
	padding:0px 20px;
	background:#ffffff;
	display:flex;
	align-items:center;
	justify-content:space-between;
	cursor:pointer;
}
.ed_custom_select.active .ed_select_trigger{
	border:1px solid #25bfc1;
	}
.ed_selected_text{
	font-size:13px;
	color:#111111;
	font-family: 'Inter';
	display:flex;
	align-items:center;
	gap:0 6px;
}
.ed_selected_text .fi{
	border-radius:2px;
	flex-shrink:0;
}
.ed_select_arrow{
	width:8px;
	height:8px;
	border-right:1.5px solid #999999;
	border-bottom:1.5px solid #999999;
	transform:rotate(45deg);
	margin-top:-4px;
}
.ed_select_dropdown{
	position:absolute;
	left:0px;
	top:0;
	width:100%;
	background:#ffffff;
	border:1px solid #d7d7d7;
	border-radius: 8px;
	display:none;
	z-index:999999;
	overflow:hidden; 
	max-height:200px;
	overflow-y:scroll;
}
.ed_custom_select.active .ed_select_dropdown{
	display:block;
}
.ed_search_wrap{
	padding: 0px 15px;
	height:58px;
	display:flex;
	align-items:center;
}
.ed_search_input{
	width:100%;
	border:none;
	outline:none;
	font-size:13px;
	color:#111111;
}
.ed_search_input::placeholder{
	color:#858585;
}
.ed_select_list{
	list-style:none;
	margin:0px;
	padding:0px;
}
.ed_select_list li{
	height:48px;
	padding:0px 20px;
	display:flex;
	align-items:center;
	font-size:13px;
	color:#111111;
	cursor:pointer;
	gap:0 5px;
}
.ed_select_list li:hover{
	background:#f3f3f3;
}

/* STEP 5 */
.ed_success_box{
	max-width:900px;
	margin:30px auto 0px;
	background: #ffffff;
	border-radius: 10px;
	padding: 26px 26px 30px;
	box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.2);
	text-align:left;
}
.ed_success_top{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:20px;
	margin-bottom:60px;
}
.ed_status_text{
	font-size:16px;
	line-height:20px;
	font-weight:700;
	color:#25bfc1;
	margin-bottom:3px;
	width: max-content;
	padding:5px 10px;
	background: #f3f7f8;
    border-radius: 5px;
	display:flex;
    align-items: center;
    justify-content: center;
	column-gap:7px;
}
.ed_status_text:before{
	background: #25bfc1;
	border-radius:50%;
	width:5px;
	height:5px;
	content:"";
	animation: fade 1s ease-out infinite;
	}
@keyframes fade{
	0%{ opacity:1;}
	50%{ opacity:0.2;}
	100%{ opacity:1;}
	}
.ed_success_left{
	width:calc(100% - 350px);
}
.ed_success_left h2{
	font-size:30px;
	font-weight:700;
	margin-bottom:12px;
}

/* PROGRESS BAR */
.ed_progress_bar{
	position:relative;
	width:100%;
	height:8px;
	background:#ebebeb;
	border-radius:30px;
}

/* FILL ANIMATION */
.ed_progress_fill{
	width:78%;
	height:100%;
	background: #25bfc1;
    background: linear-gradient(45deg, rgb(37 191 193) 0%, rgb(68 234 225) 100%);
	border-radius:30px;
	animation:progressFill 1.5s ease forwards;
}
@keyframes progressFill{
	0%{width:0%;}
	100%{width:78%;}
}

/* DOT ANIMATION */
.ed_progress_dot{
	position:absolute;
	left:0%;
	top:50%;
	transform:translate(-50%,-50%);
	width:20px;
	height:20px;
	border-radius:50%;
	background:#ffffff;
	border:4px solid #25bfc1;
	animation:progressDot 1.5s ease forwards;
}
@keyframes progressDot{
	0%{left:0%;}
	100%{left:78%;}
}

.ed_delivery_box{
	width:230px;
	background:#f3f7f8;
	border-radius:12px;
	padding:16px;
	text-align:center;
}
.ed_delivery_box p{
	font-size:14px;
	margin-bottom:8px;
}
.ed_delivery_box p img{
	display:inline-block;
	vertical-align:middle;
	width: 17px;
	margin: -3px 5px 0 0;
}
.ed_delivery_box h3{
	font-size:20px;
	font-weight:500;
}
.ed_delivery_box h3 span{
	margin:0px 8px;
	color:#385898;
}
.ed_review_box{
	background:#f3f7f8;
	border-radius:12px;
	padding:20px;
	margin-bottom:40px;
}
.ed_review_head{
	font-size:18px;
	font-weight:600;
	padding-bottom:14px;
	border-bottom:1px solid #dddddd;
	margin-bottom:16px;
}
.ed_review_head img{
	width:13px;
	display:inline-block;
	vertical-align:middle;
	margin:-2px 8px 0 0;
	animation: rotate 2s ease-in-out forwards infinite;
}
@keyframes rotate{
	0%{transform:rotate(0)}
	50%{transform:rotate(180deg)}
	100%{ transform:rotate(180deg)}
}

.ed_review_box h3{
	font-size:25px;
	font-weight:600;
	margin-bottom:10px;
}
.ed_review_box p{
	font-size:16px;
	line-height:24px;
}

/* PROCESSING CARD ANIMATION */
.ed_processing_card{
	max-width:570px;
	margin:0px auto 40px;
	border:1px solid #dddddd;
	border-radius:12px;
	padding:15px 20px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	position:relative;
	overflow:hidden;
}

/* SHIMMER EFFECT */
.ed_processing_card::before{
	content:"";
	position:absolute;
	left:-120%;
	top:0px;
	width:80%;
	height:100%;
	background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.65) 50%, rgba(255,255,255,0) 100%);
	transform:skewX(-18deg);
	animation:processingShimmer 2.4s linear infinite;
}
@keyframes processingShimmer{
	0%{left:-120%;}
	100%{left:140%;}
}

/* PULSE STATUS DOT */
.ed_processing_status{
	position:relative;
	font-size:16px;
	font-weight:700;
	color:#25bfc1;
	margin-bottom:3px;
	gap:10px;
	display: flex;
    align-items: center;
    justify-content: start;
}


.dots { display: flex; gap: 5px;transition: opacity 0.4s; }
.dot { width: 7px; height: 7px; border-radius: 50%; background: #25bfc1; animation: dotbounce 1.2s ease-in-out infinite; }
.dot:nth-child(2) { animation-delay: 0.18s; }
@keyframes dotbounce { 0%,80%,100%{transform:translateY(0);opacity:0.35;} 40%{transform:translateY(-7px);opacity:1;} }



/* DOCUMENT FLOAT */
.ed_processing_right img{
	width:86px;
	animation:documentFloat 3s ease-in-out infinite;
}
@keyframes documentFloat{
	0%{transform:translateY(0px);}
	50%{transform:translateY(-8px);}
	100%{transform:translateY(0px);}
}

.ed_processing_left h4{
	font-size:20px;
	font-weight:600;
	margin-bottom:3px;
}
.ed_processing_left h5{
	font-size:16px;
	font-weight:400;
	margin-bottom:6px;
}
.ed_processing_left span{
	font-size:13px;
	color:#858585;
}
.ed_next_title{
	text-align:center;
	font-size:25px;
	font-weight:600;
	margin-bottom:36px;
}
.ed_timeline{
	max-width:620px;
	margin:0px auto;
}
.ed_timeline_item{
	position:relative;
	padding-left:46px;
	padding-bottom:34px;
}
.ed_timeline_item:last-child{
	padding-bottom:0px;
}
.ed_timeline_item::before{
	content:"";
	position:absolute;
	left:10px;
	top: 30px;
    bottom: 5px;
	width:3px;
	background:#d6d6d6;
}
.ed_timeline_item:last-child::before{
	display:none;
}
.ed_timeline_dot{
	position:absolute;
	left:0px;
	top:0px;
	width:24px;
	height:24px;
	border-radius:50%;
	border:3px solid #929292;
	background:#ffffff;
}
.ed_timeline_item.active .ed_timeline_dot{
	background:url(../images/step-tick.webp) center center no-repeat #25bfc1;
	background-size:70%;
	border-color:#25bfc1;
}
.ed_timeline_item.active .ed_timeline-active-line{
	content:"";
	position:absolute;
	left:10px;
	top:28px;
	width:3px;
	background:#25bfc1;
	animation:timelineLineProgress 2s ease forwards;
	}
@keyframes timelineLineProgress{
	0%{height:0%;}
	100%{height:62%;}
	}

.ed_timeline_content h4{
	font-size:20px;
	line-height:22px;
	font-weight:600;
	margin-bottom:8px;
}
.ed_timeline_content p{
	font-size:16px;
	line-height:22px;
}
.ed_success_footer{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-top:44px;
	padding:20px 0 22px;
	border-top:1px solid #d5d5d5;
	border-bottom:1px solid #d5d5d5;
}
.ed_success_footer a{
	font-size:16px;
	color:#1a54f9;
	text-decoration:underline;
}
.ed_success_footer a img{
	width:20px;
	display:inline-block;
	vertical-align:middle;
	margin:-3px 0 0 8px;
}

/* PAYMENT POPUP */
.ed_payment_popup{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100vh;
	display:none;
	align-items:end;
	justify-content:center;
	z-index:999;
	padding:20px 0 0;
	background:rgba(0,0,0,0.65);
	backdrop-filter:blur(2px);
}
.ed_payment_popup.active{
	display:flex;
}
.ed_payment_overlay{
	position:fixed;
	inset:0;
	width:100%;
	height:100vh;
	background:rgba(0,0,0,0.65);
	backdrop-filter:blur(2px);
}
.ed_payment_modal{
	position: sticky;
    bottom: 0;
	width:100%;
	max-width:770px;
	background:#ffffff;
	border-radius:12px 12px 0 0;
	z-index:2;
	animation:popupFade 0.35s ease;
	margin: 0 auto;
	overflow:hidden;
	text-align:left;
}
@keyframes popupFade{
	from{opacity:0; transform:translateY(30px) scale(0.96);}
	to{opacity:1; transform:translateY(0px) scale(1);}
}

.ed_payment_modal_inner{
	padding:35px 65px;
	max-height:calc(100vh - 80px);
	overflow-y:auto;
}
.ed_payment_close{
	position:absolute;
	right:20px;
	top:5px;
	width:28px;
	height:28px;
	border:none;
	background:none;
	font-size:34px;
	line-height:28px;
	cursor:pointer;
	color:#666666;
	font-family: 'Inter';
}
.pay_button-row{
	display: grid;
    gap: 15px;
	grid-template-columns: repeat(2, 1fr);
	}
.ed_pay_btn{
	width:100%;
	height:62px;
	border:none;
	border-radius:6px;
	background:#000000;
	color:#ffffff;
	font-size:17px;
	line-height:17px;
	font-weight:400;
	cursor:pointer;
	margin-bottom:14px;
	font-family: 'Inter';
	display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
	}
.ed_pay_btn img{
	width:60px;
	vertical-align:middle;
	}
.ed_payment_divider{
	position:relative;
	text-align:center;
	margin:10px 0px;
}
.ed_payment_divider::before{
	content:"";
	position:absolute;
	left:0px;
	top:50%;
	width:100%;
	height:1px;
	background:#dddddd;
}
.ed_payment_divider span{
	position:relative;
	background:#ffffff;
	padding:0px 18px;
	font-size:16px;
	font-weight:600;
}
.ed_card_title{
	display:flex;
	align-items:center;
	gap:12px;
	margin-bottom:20px;
}
.ed_card_title img{
	width:30px;
}
.ed_card_title h4{
	font-size:20px;
	font-weight:700;
}
.ed_card_input{
	position:relative;
}

.ed_card_input input{
	padding-right:120px;
}
.ed_card_icons{
	position:absolute;
	right:14px;
	top:50%;
	transform:translateY(-50%);
	display:flex;
	align-items:center;
	gap:6px;
}
.ed_card_icons img{
	height:22px;
}
.ed_cvv_icon{
	position:absolute;
	right:14px;
	top:50%;
	transform:translateY(-50%);
	width:28px;
}
.ed_payment_submit{
	text-align:center;
	margin-top:10px;
}
.ed_payment_submit .ed_submit_btn{
	width:100%;
	min-width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:10px;
}
.ed_payment_submit .ed_submit_btn img{
	width:17px;
}
.ed_secure_text{
	text-align:center;
	font-size:13px;
	color:#858585;
	margin-top:16px;
}

/* MEDIA CSS */
@media only screen and (max-width:1180px){
.container{width:1000px;}
}

@media only screen and (max-width:1023px){
.container{width:750px;}

.ed_heading{font-size:42px;}

.ed_form_grid_2,
.ed_form_grid_3,
.ed_gender_wrap,
.ed_option_grid_2,
.ed_option_grid_4,
.ed_resume_grid{grid-template-columns:1fr;}

.ed_submit_btn{width:100%;min-width:100%;}
}

@media only screen and (max-width:767px){
.hide-mob{display:none;}
.hide-desk{display:block;}
.container{width:100%; padding:0 15px; max-width:600px; box-sizing:border-box;}

.top-fix-bar{margin-bottom:54px;}
.main_header{height: 54px; margin-top: -54px; top: 54px;}
.header_logo{margin-top:12px;}
.header_logo img{width:162px;}
.menu_toggle{display:flex; margin-top:13px;}
.header_nav{
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	background:#ffffff;
	padding:0 20px;
	max-height:0;
	overflow:hidden;
	transition:0.4s ease;
}
.header_nav.active{max-height:400px;padding:20px; box-shadow: 0 10px 6px 0px rgba(0, 0, 0, 0.1); margin-top:10px;}
.header_nav.active:after{
	content:'';
	position:absolute;
	left:0;
	width:100%;
	top:0;
	border-top:1px solid #d5d5d5;
}

.header_menu{flex-direction:column;align-items:flex-start;gap:12px;}

.ed_heading span{display:block;}

.ed_main{padding:24px 0px 40px;}
.ed_heading{font-size:32px; line-height:40px;}

.ed_steps{ row-gap:10px; margin-top:25px;}
.ed_step_inr{flex-wrap:wrap;}
.ed_step_number{width:26px; height:26px; font-size:13px; margin:0 auto; z-index:2;}
.ed_step p{width:100%; font-size:10px; margin:3px 0 0;}
.ed_step_line{width:120px; margin:-15px -28px 0;}

.ed_trip_section{margin-bottom:10px;}
.ed_form_group { margin-bottom: 20px;}
.ed_form_grid{gap:0;}
.ed_form_box{padding:15px 15px 20px;margin: 25px auto 0px;}
.ed_trip_section h3, .ed_info_section h4, .ed_section_title{font-size:17px;}
.ed_form_group label{font-size:14px;}
.ed_traveler_head h3{font-size:14px;line-height:20px;}
.ed_resume_head{flex-direction:column; align-items:flex-start;gap:8px;}

.ed_add_btn{font-size:14px;}

.ed_price_left p{font-size:11px;}
.fastest_img{width:57px;}
.ed_estimated_time{font-size:13px;}

.ed_success_top{margin-bottom:30px;}
.ed_review_box{margin-bottom:30px;}
.ed_success_box{padding: 25px 15px 25px; margin:10px auto 0;}
.ed_success_left{width: calc(100% - 160px);}
.ed_status_text{font-size:13px;line-height: 15px;padding: 4px 8px;}
.ed_success_left h2{font-size:18px;}
.ed_progress_bar{width:100%; height:6px;}
.ed_progress_dot{width:17px; height:17px; border-width: 3px; }

.ed_review_head{margin-bottom:30px; font-size:14px; margin-bottom:15px;}
.ed_review_box h3{font-size:18px;}
.ed_review_box p{font-size:12px; line-height:20px;}

.ed_processing_card{margin:0 auto 30px;}
.ed_processing_status{font-size:14px;}
.dot{width: 6px; height: 6px;}
.ed_processing_left h4{font-size:17px;}{font-size:11px;}
.ed_processing_left h5{font-size:13px;}
.ed_processing_left span{font-size:11px;}
.ed_processing_right img{width:46px;}

.ed_next_title{font-size:20px; margin-bottom:20px;}
.ed_timeline_item{padding-left:35px; padding-bottom:28px;}
.ed_timeline_dot{width:18px; height:18px;}
.ed_timeline_item:before{left: 8px; top: 26px; width: 2px;}
.ed_timeline_item.active .ed_timeline-active-line{left: 8px; top: 25px; width: 2px;}
.ed_timeline_content h4{font-size:14px;}
.ed_timeline_content p{font-size:13px; line-height:18px;}

.ed_delivery_box{width:140px; padding:15px 10px;}
.ed_delivery_box p{font-size:10px;}
.ed_delivery_box p img{width:13px;}
.ed_delivery_box h3{font-size:13px;}
.ed_delivery_box h3 span{margin:0px;}

.ed_success_footer{gap:10px;align-items:flex-start; margin-top:30px; padding:15px 0 18px;}
.ed_success_footer a{font-size:13px;}
.ed_success_footer a img{width:16px;}

.ed_submit_btn{height:57px; font-size:18px;}
.button_arrow{width:18px; margin:0 0 0 4px;}
.ed_passport_upload button{font-size:12px;}
.ed_note, .ed_bottom_note{font-size:11px; line-height:16px;}

.ed_payment_popup{padding:14px 10px 0; overflow-y:auto; -webkit-overflow-scrolling:touch;}
.ed_payment_modal{margin:auto; width:100%; flex-shrink:0; overflow:hidden;}
.ed_payment_modal_inner{padding:40px 20px 30px; max-height:none; overflow:visible;}
.pay_button-row{gap: 10px;}
.ed_pay_btn{height:50px; font-size:15px;gap: 7px;}
.ed_pay_btn img{width:45px;}
.ed_payment_close{font-size:25px; right:5px; top:2px;}
}





