/*.login-acc{ border:1px solid #287DFA; border-radius:6px; cursor:pointer; position:relative;}
.lac-parnt{ display: flex; align-items: center; padding: 5px 10px; }
.lac-parnt span.icon{ margin:  0 10px 0 0; border-radius: 50%; height: 18px; width: 18px; display: flex; justify-content: center; align-items: center;}
.lac-parnt span.icon.bg{ background:#287DFA; color: #fff; font-size: 12px;}
.lac-parnt p{ margin: 0; padding: 0; font-size: 12px; color:#287DFA; font-weight:500;}
.head-right{ gap:0 20px;}*/
.mytriphead a{ font-size:14px; color:#474747; text-decoration:none;}
.mytriphead a:hover{ color:#000;}
.login-acc .dropnav{display:none; animation: fadeOut 500ms; position:absolute; background:#fff; border-radius:6px; box-shadow:0 0 6px rgba(0,0,0,0.35); width: 175px; padding: 7px 0; top: calc(100% + 12px);}
.login-acc .dropnav ul li{ list-style:none;}
.login-acc .dropnav ul li a{ list-style:none; color:#8e8e8e; font-size:14px; font-weight:400; padding:10px 12px; border-bottom:1px solid #c7c7c7; display:flex; align-items:center; text-decoration:none; }
.login-acc .dropnav ul li:last-child a{border-bottom:0px;}
.login-acc .dropnav ul li a span{ display:inline-block; width:17px; text-align:left; margin-right:6px; opacity:0.7; margin-top: -1px;}
.login-acc .dropnav ul li a:hover{color:#474747;}
.login-acc .dropnav ul li a:hover span{opacity:1;}
.afterlogin.active .dropnav{animation: fadeInUp 500ms; display:block;}

/********* Poupups Start *********/
.overlaylogin{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.75); z-index:999;}
.close-btn{ position:absolute; right:20px; top:15px; cursor:pointer;}
input:focus{outline:0px !important;}

.error{ font-size:12px; color:#ff0000;}
.floating-label-input.error{ margin-top:-12px;}

/********* Poupups End *********/
.loginbox {position: fixed; z-index: 1000; left: 50%; top: 50%; background: #fff; transform: translate(-50%, -50%); display: grid; border-radius: 20px; overflow: hidden; grid-template-columns: 50% 50%;}
.loginimg{ width:400px;}
.loginimg img{ width:100%;}
.Popbox {width: 400px; box-sizing: border-box; padding: 10px 25px 20px; display: grid; row-gap: 100px;}
.box-header .headingpop{margin:38px 0 24px 0;}
.box-header .headingpop h2 {font-size: 26px; font-weight: bold; color: #000;}
.box-header .headingpop p {margin:8px 0 0 0; font-size: 14px; color: #000;}
.box-header .headingpop p span{color: #287DFA;}
.box-header .headingpop.text-center{text-align:center;}
.box-header .headingpop .iconbx{margin:0 auto 10px auto; border-radius:50%; width:30px; height:30px; background:#8e8e8e; color:#fff; display: flex; align-items: center; justify-content: center;}
.box-header .headingpop .iconbx.green{background:#0DA827;}
.emailsendWrp{display:block;}
.emailsendWrp .box-header .headingpop{margin:38px 0 0 0;}
.Popbox .box-header .backbtn{ margin:15px 0 0 0; cursor:pointer;}
.Popbox .box-header .backbtn + .headingpop{ margin-top:20px;}
.Popbox .box-body > form {display: grid; row-gap: 1.6em;}
.Popbox .box-body .loginsignup{position:relative; border-top:1px solid #C9C9C9;}
.Popbox .box-body .loginsignup span{position:absolute; left:50%; transform:translateX(-50%); background:#fff; padding:0 12px; display:inline-block; color:#919191; font-size:12px; margin-top: -9px;}
.Popbox .box-body .logintype{}
.Popbox .box-body .logintype ul{ display:flex; align-items:center; justify-content:center; gap:10px;}
.Popbox .box-body .logintype ul li{ display:flex; align-items:center; justify-content:center; border:1px solid #CECECE; width:40px; height:40px; border-radius:50%; cursor:pointer; transition:all 0.1s ease-in-out;}
.Popbox .box-body .logintype ul li:hover{ box-shadow:0 2px 2px rgba(0,0,0,0.2)}
.Popbox .box-body .logintype ul li:active{ box-shadow:0 2px 2px rgba(0,0,0,0.2); transform:scale(0.9)}
.with_password .Popbox{row-gap: 36px;}
.with_password.signup .Popbox{row-gap: 12px;}
.with_password.signup .passwordtip{ margin:0px;}


/* Floating Label */
.fields-float .floating-label-input {position: relative; margin-bottom: 15px;}
.fields-float .floating-label-input > label {position: absolute; top: 50%; left: 15px; pointer-events: none; transform: translateY(-50%); cursor: text; transition: all 0.1s ease-out; font-size: 16px; color:#8e8e8e;}
.fields-float .floating-label-input .input-text {width: 100%; padding:23px 15px 7px; border: 1px solid #8e8e8e; border-radius: 6px; box-sizing: border-box; font-size: 16px; color: #222;}
.fields-float .floating-label-input .input-text:focus {outline: 0px; border: 1px solid #474747;}
.fields-float .floating-label-input .input-text:focus + label, 
.fields-float .floating-label-input .input-text:not(:placeholder-shown) + label {top: 13px; left: 10px; font-size: 12px; font-weight: 500; padding: 0 5px; color:#474747;}
.fields-float .button-group > input[type="button"] {font-size: 1rem; width: 100%; font-weight: 600; background-color: #287DFA; color: #fff; border: none; border-radius: 6px; cursor: pointer; padding:8px;}
.fields-float .button-group > input[type="button"]:disabled {opacity:0.3;}
.fields-float .otp-group{ display:flex; align-items:center; justify-content:space-between; gap:12px;}
.fields-float .otp-group .input-text{width: 100%; text-align:center; padding:7px 0px; border: 1px solid #8e8e8e; border-radius: 6px; box-sizing: border-box; font-size: 16px; color: #222;}
.fields-float .otp-group .input-text:focus {outline: 0px; border: 1px solid #474747;}

.fields-float1 .floating-label-input {position: relative; margin-bottom: 15px;}
.fields-float1 .floating-label-input > label {position: absolute; pointer-events:none; top: 50%; left: 15px; transform: translateY(-50%); cursor: text; transition: all 0.1s ease-out; font-size: 16px; color:#8e8e8e;}
.fields-float1 .floating-label-input .input-text {width: 100%; padding:23px 15px 7px; border: 1px solid #c7c7c7; background:#FFF; border-radius: 6px; box-sizing: border-box; font-size: 16px; color: #222;}
.fields-float1 .floating-label-input .input-text:disabled {border: 1px solid #F2F2F2; background:#F2F2F2;}
.fields-float1 .floating-label-input .input-text.bggrey1 {border: 1px solid #F2F2F2; background:#F2F2F2;}
.fields-float1 .floating-label-input .input-text:focus {outline: 0px; border: 1px solid #474747;}
.fields-float1 .floating-label-input .input-text:focus + label, 
.fields-float1 .floating-label-input .input-text:not(:placeholder-shown) + label {top: 13px; left: 10px; font-size: 12px; font-weight: 500; padding: 0 5px; color:#474747;}
.fields-float1 .floating-label-input .select-text {padding:21px 11px 4px; background:#FFF;}
.fields-float1 .floating-label-input .select-text:disabled {background:#F2F2F2;}
.fields-float1 .floating-label-input .select-text.paddingsame {padding:12px 11px 13px;}
.fields-float1 .floating-label-input .select-text:focus-visible {outline:0px;}
.fields-float1 .floating-label-input.datefild .input-text{background:#FFF url(../images/calendar-icon-new.svg) right 15px top 50% no-repeat;}
.fields-float1 .floating-label-input.datefild .input-text:disabled{background:#F2F2F2 url(../images/calendar-icon-new.svg) right 15px top 50% no-repeat;}
.fields-float1 .button-group > input[type="button"] {font-size: 1rem; width: 100%; font-weight: 600; background-color: #287DFA; color: #fff; border: none; border-radius: 6px; cursor: pointer; padding:8px;}
.fields-float1 .button-group > input[type="button"]:disabled {opacity:0.3;}
.fields-float1 .button-group.blankbutton > input[type="button"]{ width:auto; background:#fff; color:#000; border:1px solid #474747;padding: 4px 30px 2px; line-height: 32px; margin-bottom: 10px; transition:all 0.3s ease-in-out;}
.fields-float1 .button-group.blankbutton > input[type="button"]:hover{background:#000; color:#fff; border:1px solid #000;}
/*.fields-float1 .otp-group{ display:flex; align-items:center; justify-content:space-between; gap:12px;}
.fields-float1 .otp-group .input-text{width: 100%; text-align:center; padding:7px 0px; border: 1px solid #8e8e8e; border-radius: 6px; box-sizing: border-box; font-size: 16px; color: #222;}
.fields-float1 .otp-group .input-text:focus {outline: 0px; border: 1px solid #474747;}*/
/* Floating Label */
.datefild .ui-widget.ui-widget-content {
    border: 0px;
    min-width: 295px !important;
    left: 0 !important;
    top: 100% !important;
}
.fields-float1 .floating-label-input.datefild .ui-datepicker .ui-datepicker-prev, 
.fields-float1 .floating-label-input.datefild .ui-datepicker .ui-datepicker-next{ display:none !important;}
.fields-float1 .floating-label-input.datefild .ui-datepicker .ui-datepicker-title select {margin: 4px; font-size: 14px; padding: 2px 4px; border-radius: 4px; font-family: "Mukta"; font-weight: 500;}



.editbtnright{position: absolute; right: 15px; top: 50%; transform: translateY(-50%); font-size: 16px; font-weight: 700; text-decoration: none;}
.editbtnright .button-group button {font-size: 1rem; width: 100%; font-weight: 600; border: none; border-radius: 6px; cursor: pointer; padding: 4px 20px 2px;}
.editbtnright .button-group button:disabled {opacity:0.3;}
.editbtnright .button-group.blankbutton > button{ width:auto; background:#fff; color:#000; border:1px solid #474747;padding: 4px 20px 2px; transition:all 0.3s ease-in-out;}
.editbtnright .button-group.blankbutton > button:hover{background:#000; color:#fff; border:1px solid #000;}
.editbtnright .button-group button i{ display:none;}
.editbtnright .button-group .savcanl{ margin-bottom:0;}




.trevellerPopbox .fields-float1 .floating-label-input .input-text{border: 1px solid #c7c7c7; background: #fff;}
.trevellerPopbox .fields-float1 .floating-label-input .input-text:focus {outline: 0px; border: 1px solid #474747;}
.trevellerPopbox .select-control{ background:#fff; border: 1px solid #c7c7c7;}
.trevellerPopbox .form-wrap .single-details:first-child{ border:0px;}
.trevellerPopbox .fields-float1 .floating-label-input.datefild .input-text {background: #fff url(../images/calendar-icon-new.svg) right 15px top 50% no-repeat;}
.trevellerPopbox .box-footer {padding: 18px 15px 0; box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.16); position: relative;}
.trevellerPopbox .box-footer .footer-btn{ max-width:300px;}
.btn-blue {font-size: 1rem; width: 100%; font-weight: 600; background-color: #287DFA; color: #fff; border: none; border-radius: 6px; cursor: pointer; padding: 8px;}
.btn-gray {font-size: 1rem; width: 100%; font-weight: 600; background-color: #E5E5E5; color: #929292; border: none; border-radius: 6px; cursor: pointer; padding: 8px;}
.noteSubline{ color:#8e8e8e; font-size:13px; display:flex; gap:0 6px; margin-bottom:5px;}
.noteSubline .notelft{ color:#333; font-weight:500;}



.btn-simple {
    padding: 5px 0;
    margin-top: -15px;
}
.btn-simple a:hover{text-decoration:none;}
.text-right{ text-align:right !important;}
.box-footer > p {
    font-size: 12px;
    line-height: 17px;
    text-align: left;
    color: #474747;
}
.box-footer > p a:hover {text-decoration:none;}
.password-manager {display: flex; justify-content: space-between; align-items: center;}
.password-manager p{ color:#8e8e8e; font-size:14px;}
.password-manager a{ color:#000000; font-size:14px;}
.password-manager a:hover{ text-decoration:none;}
.eyeicon {position: absolute; top: 50%; transform: translateY(-50%); right: 15px; color: #8e8e8e;}
.mailNote{ border-top:1px solid #c7c7c7; padding:10px 25px; width: 400px;}
.mailNote .infobox{ display:inline-flex; align-items:flex-start;}
.mailNote .infobox img{ width:18px; margin-right:10px; cursor:pointer;}
.mailNote .infobox p{width:calc(100% - 28px); font-size:13px; color:#8e8e8e;}

.headerpadding{ padding:90px 0 25px 0;}
.headerpadding .footersingle{ margin-top:25px;}

.reset-PassWrp{ background:url(../images/forgot-pass-bg.svg) no-repeat 50% 50%; min-height:670px;}
.reset-PassWrp .forgot-wrp{max-width:400px; border-radius:20px; padding:25px; box-shadow:0 0 16px rgba(0,0,0,0.1); margin:8% auto; background:#fff;}
.reset-PassWrp .forgot-wrp .box-header .headingpop{margin:5px 0 25px 0;}
.passwordtip{margin:15px 0 0 0;}
.passwordtip ul{margin:0; padding:0;}
.passwordtip ul li {background-image: url(../images/red-close.svg); background-repeat: no-repeat; background-position: left 2px; background-size: 16px; padding-left:22px; color: #8e8e8e;}
.passwordtip ul li.active {background-image: url(../images/green-check.svg);}

.expirePassword{ text-align:center;}
.expirePassword .box-body p{ text-align:center; margin-bottom:15px; width: 95%;}
.expirePassword .box-body .resetbtn{
    background-color: #007bff;
    color: white;
    padding: 5px 20px;
    text-decoration: none;
    border-radius: 5px;
    display: inline-block; cursor:pointer;
}
.box-header.emailsendWrp{ position:relative;}
.box-header.emailsendWrp .Popbox, .box-header.emailsendWrp .mailNote{ width:auto; padding:10px 0;}
.box-header.emailsendWrp .close-btn{ right:0; top:0;}

.user_profile .container {
    max-width: 1170px;
}
.up_container{ display:flex; align-items:flex-start; gap:20px;}
.up_container .up_sidebar{ width:304px; margin-bottom: 12px;}
.up_container .up_sidebar .profiletop{padding:15px; background:#fff; display:flex; align-items:center; justify-content:center; flex-direction:column; box-shadow:0 1px 3px rgba(0,0,0,0.07); border-radius:10px;}
.up_container .up_sidebar .profiletop .profilePic{width:96px; height:96px; margin:15px 0; background:#287DFA;border-radius:50%; text-align:center; color:#fff; }
.up_container .up_sidebar .profiletop h2{color:#000; font-size:24px; font-weight:600; padding:0 0 12px 0;}
.up_container .up_sidebar .profiletop .fill_profile{width:100%; text-align:center;padding:0 0 12px 0;}
.up_container .up_sidebar .profiletop .fill_profile .text-two{width:100%; display:flex; align-items:center; justify-content:space-between; padding:5px 0; color:#474747;}
.up_container .up_sidebar .profiletop .fill_profile .profilebar-bg{width:100%; background:#D7E6FE; height:6px; border-radius:3px;}
.up_container .up_sidebar .profiletop .fill_profile .profilebar-bg .profilebar{background:#0DA827; height:6px; border-radius:3px;}
.avatar-upload {position: relative; width: 96px; height:96px;}
.avatar-upload .avatar-edit {position: absolute; top: auto; left: auto; right: 0; bottom: 0; z-index: 1; width: 100%; height: 100%;}
.avatar-upload .avatar-edit input {display: none;}
.avatar-upload .avatar-edit input + label {display: flex; align-items:center; justify-content:center;width: 26px;  height: 26px; border-radius: 100%; background:#287DFA; border: 2px solid #fff; cursor: pointer;position: absolute;   right: 0;   bottom: 0; transition: all 0.2s ease-in-out;}
/*.avatar-upload .avatar-edit input + label:hover {background: #f1f1f1; border-color: #d6d6d6;}*/
.avatar-upload .avatar-edit input + label:after {content: "\f304"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #fff; position: absolute; text-align: center;line-height: 26px; font-size: 10px;}
.avatar-upload .avatar-preview {width: 96px; height: 96px; position: relative; border-radius: 100%;}
.avatar-upload .avatar-preview > div {width: 100%; height: 100%; border-radius: 100%; background-size: cover; background-repeat: no-repeat; background-position: center;}
.avatar-upload .avatar-preview p{ font-size:36px; font-weight:700; line-height:96px;}

.profile_nav ul li{padding:14px; background:#fff; cursor:pointer; display:flex; align-items:flex-start; gap:8px; border-radius:10px; border:1px solid #c7c7c7; list-style:none; margin:12px 0 0 0;}
.profile_nav ul li .nav_icon{min-width:20px;}
.profile_nav ul li .nav_text h4{ font-size:16px; font-weight:500; color:#474747; padding-bottom:4px;}
.profile_nav ul li .nav_text p{ font-size:14px; font-weight:400; color:#8e8e8e; line-height:20px;}
.profile_nav ul li.active{border:1px solid #287DFA;}
.profile_nav ul li.active h4{color:#287DFA;}
.profile_nav ul li.active svg path{fill:#287DFA;}
.profile_nav ul li.active svg rect, .profile_nav ul li.active svg rect + path{fill:none; stroke:#287DFA;}
.profile_nav ul li.active #payment-card-svgrepo-com path{ stroke:#287DFA;}
.profile_nav ul li.active #Ticket path{fill:none; stroke:#287DFA;}
.logout_profile{margin-top:15px;}
.logout_profile button{background:#D7E6FE; border:4px solid #fff; border-radius:10px; padding:6px; color:#287DFA; font-weight:600; text-align:center; width:100%;}


.up_container .up_right {width: calc(100% - 324px); }
.personal_info{ position:relative;}
.whitebox{ background:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.07); border-radius:10px; margin-bottom:20px;}
.whitebox .backtobtn{ padding: 15px 20px 5px; color:#287DFA; font-size:15px; font-weight:500; text-decoration:underline; cursor:pointer;}
.whitebox .backtobtn:hover{ text-decoration:none;}
.whitebox .backtobtn i{font-size:15px; margin-right:10px;}
.whitebox .ac-heading{ position:relative; margin:15px 0; padding:0 20px; display:inline-block; width:100%;}
.whitebox .ac-heading h3{ font-size:20px; color:#000; font-weight:700;}
.whitebox .ac-heading h4{ font-size:18px; color:#000; font-weight:500;}
.whitebox .ac-heading p{ font-size:14px; color:#8e8e8e; font-weight:400; padding-top:3px; line-height:20px;}
.whitebox .ac-heading.withline{ position:relative; margin:22px 0 20px 0;}
.whitebox .ac-heading.withline:before{ position:absolute; background:#287DFA; content:''; width:5px; height:100%; border-radius:0 10px 10px 0; left:0; top:0;}

.form-wrap{ padding:0 20px;}
.form-wrap .single-details{  border-top:1px solid #c7c7c7; padding-top:20px; padding-bottom:10px;}
.form-wrap .single-details .sub-head{ margin-bottom:13px;}
.form-wrap .single-details .sub-head h4{ font-size:15px; font-weight:500; text-transform:uppercase; letter-spacing:2px;}
.form-wrap .single-details .sub-head p{ color:#8a8a8a;}
.pl-0{ padding-left:0px;}

.personal_info .addtravelr{position: absolute; top: 50%; transform: translateY(-50%); right: 15px;}
.personal_info .addtravelr a{padding:8px 25px;background:#D7E6FE; border-radius:6px; text-decoration: none;}
.personal_info .addtravelr svg{display: none;}
.savcanl{max-width:250px; gap: 0 10px; margin-bottom:10px;}

.form-selectbox {position: relative; margin-bottom:15px;}
.select-control {display: block; width: 100%; height: auto; padding: 4px 10px; padding-top: 21px; min-height: 56px; font-size: 1rem; color: #475F7B; border: 1px solid #c7c7c7; background: #FFF; border-radius: 6px;
    -webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.select-control:disabled{border: 1px solid #F2F2F2; background: #F2F2F2;}
select.select-control {padding-top: 5px; transition: 0.15s; font-size: 16px; color: #8e8e8e;}
select.select-control:focus {outline: 0; box-shadow: none; border: 1px solid #474747;} 
.floating-label {font-size: 16px; font-weight: 400; color: #475F7B; opacity: 1; top: 16px; left: 20px; pointer-events: none; position: absolute; transition: 240ms; margin-bottom: 0; z-index: 1;}
.floating-diff .floating-label {opacity: 0;}
.floating-diff.focused .floating-label {opacity: 1;}
.form-selectbox.focused .floating-label {opacity: 1; color: #474747; top: 5px; left: 15px; font-size: 12px;}
.form-selectbox.focused select.select-control {padding-top: 21px; color:#222;}

.other_login {border: 1px solid #CECECE; border-radius: 6px; display: flex; align-items: center; gap: 12px; justify-content: space-between; padding: 12px; margin-bottom: 12px; min-height: 74px;}
.other_login.alignend {align-items: flex-end;}
.other_login a:hover{text-decoration: none;}
.other_login .lftlink {display: inline-flex; align-items: center; gap: 12px; color: #474747; text-decoration: none;}
.other_login .lftlink p span{ display:block; font-size:16px; color:#8e8e8e;}
.other_login .lftlink .namebx{font-size:16px; color:#fff; font-weight:500; width:38px; height:38px; text-align:center; line-height:40px; background:#287DFA; border-radius:50%; text-transform:uppercase;}


.addTrevellerbox {position: fixed; z-index: 1000; left: 50%; top: 50%; background: #fff; transform: translate(-50%, -50%); display: grid; border-radius: 20px; overflow: hidden; grid-template-columns: 50% 50%;}
.trevellerPopbox {width: 750px; box-sizing: border-box; padding:0px; height: calc(100vh - 30px);}
.tp-header .headingpop{padding:18px 20px; border-bottom:1px solid #9E9E9E; margin-bottom: 1px;}
.tp-header .headingpop h2 {font-size: 26px; font-weight: bold; color: #000;}
.tp-header .headingpop p {margin:8px 0 0 0; font-size: 14px; color: #8A8A8A;}
.tp-header .box-body{max-height: calc(100vh - 175px); overflow: auto; margin-right:15px;}
hr.footerhr {background-color: #B3D1FC;opacity: 1; margin: 10px 0 0 0;}
.scrollright::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #DFDFDF;
    border-radius: 10px;
    background-color: #DFDFDF;
    padding-right: 10px;
}
.scrollright::-webkit-scrollbar {
    width: 6px;
    background-color: #DFDFDF;
    padding-right: 10px;
}
.scrollright::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #C4C4C4;
    margin-right: 10px;
}
.hrtitlesort{ display:flex; justify-content:space-between;}
.hrtitlesort .hrleft .title {
    font-size: 24px;
    font-weight: 700;
}
.hrtitlesort .hrleft .sub-title {
    font-size: 14px;
}
.hrtitlesort .hrright .srchOther {
    position: relative;
}
.hrtitlesort .hrright .srchOther input{
    font-size: 14px;
    font-weight: 400;
    color: #7A7A7A;
    padding: 8px 10px;
    border-radius: 10px;
    min-width: 225px;
    height: 38px;
    border: 1px solid #A9A9A9;
}
.hrtitlesort .hrright .srchOther button{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: 0;
    padding: 8px 12px;
    color: #287DFA;
}

.trip-tabs-wrap{ margin:15px 0; padding-bottom:10px;}
.trip-tabs-wrap ul{ background:#25CFC2; border-radius:10px; padding:20px; margin-bottom:15px;}
.trip-tabs-wrap ul li.nav-item{ margin-right:10px;}
.trip-tabs-wrap .nav-tabs .nav-item .nav-link{ background:#33afa5; padding:8px 18px; border:1px solid #fff; border-radius:20px; font-size:14px; font-weight:500; color:#fff; display: flex; align-items: center; gap: 0 6px;}
.trip-tabs-wrap .nav-tabs .nav-item .nav-link.active{ background:#fff; color:#000; box-shadow:0 3px 6px rgba(0,0,0,0.16);}
.trip-tabs-wrap .nav-tabs .nav-item .nav-link.active svg path{ fill:#000;}
.tripbookingBox{ background:#fff; border-radius:10px; margin-bottom:15px;  box-shadow:0 1px 3px rgba(0,0,0,0.07); padding:0 15px;}
.tripbookingBox:hover{box-shadow:0 3px 10px rgba(0,0,0,0.10);}
.tripbookingBox .bkingtop{ display:flex; align-items:center; justify-content:space-between; width:100%; padding:13px 0;}
.tripbookingBox .bkingtop .DateId{font-size:13px; font-weight:400; color:#757575;}
.tripbookingBox .bkingtop .DateId span{font-weight:600; color:#222;}
.tripbookingBox .bkingDetil{ display:flex; gap:0 15px; align-items:flex-start; flex-wrap: wrap;}
.tripbookingBox .bkingDetil .bkngType{min-width:54px;}
.tripbookingBox .bkingDetil .bkngDetails{display: flex; align-items: flex-end; justify-content: space-between; width: calc(100% - 70px);}
.tripbookingBox .bkingDetil .bkng-bottom{ width: calc(100% - 70px); margin-left:70px; padding:10px 0; border-top:1px solid #DEDEDE; font-size:14px; color:#757575;}
.tripbookingBox .bkingDetil .bkng-bottom span{display:inline-block; margin-left:6px; padding-left:8px; border-left:1px solid #757575; line-height: 16px;}
.tripbookingBox .bkingDetil .bkng-bottom img{margin-top:-5px; margin-right:5px;}
.tripbookingBox .bkingDetil .bkngDetails .bkng-left,
.tripbookingBox .bkingDetil .bkngDetails .bkng-right{ padding-bottom:10px;}
.tripbookingBox .bkingDetil .bkng-right{ float:right; margin:-42px 0 0 0;}
.tripbookingBox .bkingDetil .bkng-right a > span{border:0px; display: inline;}
.tripbookingBox .bkingDetil .bkngDetails .bkng-left h4{font-size: 18px; font-weight: 700; display: inline-flex; align-items:center; color:#222; margin-bottom: 3px;}
.tripbookingBox .bkingDetil .bkngDetails .bkng-left h4 img{ display:inline-block; margin:0 6px;}
.tripbookingBox .bkingDetil .bkngDetails .bkng-left p{font-size: 14px; font-weight: 400; display: flex; align-items:center; color:#9F9F9F;}
.tripbookingBox .bkingDetil .bkngDetails .bkng-left p img{display:inline-block; margin:0 5px;}
a:hover{text-decoration: none;}
.mcom_querstions{ margin-bottom:10px;}
.mcom_querstions ul{list-style:none; border:1px solid #cecece; border-radius:10px; overflow:hidden; }
.mcom_querstions ul li{list-style:none; border-bottom:1px solid #cecece; padding:15px;}
.mcom_querstions ul li:hover{background:#fbfbfb;}
.mcom_querstions ul li:last-child{border-bottom:0px;}
.mcom_querstions ul li .questionbx{ display:flex; justify-content:space-between; align-items:flex-end; text-decoration:none !important;}
.mcom_querstions ul li .questionbx h6{font-size:16px; color:#474747;}
.mcom_querstions ul li .questionbx h6 span{font-size:14px; color:#8A8A8A; display:block; margin-top:5px;}
.mcom_querstions ul li .questionbx .ansbtn{ color:#222;} 


.custom-checkbox1 {display: flex; position: relative; align-items: center; padding-left: 0; margin:0; align-items: flex-start;}
.custom-checkbox1 .custom-control-input1{border: 1px solid #287DFA; width: 20px; height: 20px; cursor: pointer; border-radius: 4px; margin: 0px; appearance: none; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center;float: left; background-size: contain;}    
.custom-checkbox1 label {margin: 0 0 0 10px; font-size: 16px; line-height: 21px; color:#4E4E4E; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; width: calc(100% - 30px); font-weight: 500;}
.custom-checkbox1 label:before, .custom-checkbox1 label:after {display: none;}
.custom-checkbox1 .custom-control-input1:checked[type="checkbox"] {border-width: 1px; background-size: 12px; background-color: #FFF; border-color: #287DFA; background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11.738" height="8.62" viewBox="0 0 11.738 8.62"><path id="Path_10453" data-name="Path 10453" d="M13.5,17.5,16.313,20,21,15" transform="translate(-11.382 -12.88)" fill="none" stroke="%23287dfa" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/></svg>');}
.custom-checkbox1 label p{ width:100%; display:block; color:#8A8A8A; font-size:14px; font-weight:400;}
.custom-checkbox1.disabled{opacity: 0.7; pointer-events: none;}
.esw-wrp{ padding-bottom:150px;}
.esw-wrp .fild-group {padding: 15px 0; border-bottom: 1px solid #eaeaea;}

.tripDflight .backtobtn{ padding: 15px 0px 15px; color:#287DFA; font-size:15px; font-weight:500; text-decoration:underline; cursor:pointer;}
.tripDflight .backtobtn:hover{ text-decoration:none;}
.tripDflight .backtobtn i{font-size:15px; margin-right:10px;}

.fd_tripWrp {background: #fff; border-radius: 6px; box-shadow: 0px 0px 3px #00000029; padding: 15px; margin-bottom: 15px; width: 100%;}
.fd_tripWrp .mainhead{ display:flex; align-items:center; justify-content:space-between;padding: 6px 0;}
.fd_tripWrp .mainhead h2{font-size:20px; font-weight:700; color:#000000;}
.fd_tripWrp .mainhead .bkingtop{ display:inline-flex; align-items:center; justify-content:space-between; gap:0 20px;}
.fd_tripWrp .mainhead .bkingtop .DateId{font-size:16px; font-weight:400; color:#757575; line-height:20px;}
.fd_tripWrp .mainhead .bkingtop .DateId span{font-weight:600; color:#222;}
.fd_tripWrp .innerTripBook{margin: 10px 0;}
.fd_tripWrp .innerTripBook .bookTopId{width: 100%; display: flex; align-items: center; justify-content: space-between; background: #F8F8F8; border-radius: 6px; padding: 8px 14px; border: 1px solid #DEDEDE;}
.fd_tripWrp .innerTripBook .bookTopId .lftfrom{display:inline-flex; align-items:center; justify-content:space-between; gap:0 20px;}
.fd_tripWrp .innerTripBook .bookTopId .lftfrom p{font-size:16px; font-weight:400; color:#474747;}
.fd_tripWrp .innerTripBook .bookTopId .lftfrom .fromto{font-weight:600;}
.fd_tripWrp .innerTripBook .bookTopId .ttime{font-size:12px; font-weight:500; color:#647582;}
.fd_tripWrp .innerTripBook .bookdtailBox{ padding:10px 0 15px 0; margin-left: 35px;}
.fd_tripWrp .innerTripBook .bookdtailBox .bdbTop{width: 100%; display: flex; align-items: flex-start; justify-content: space-between; padding:5px 0;}
.fd_tripWrp .innerTripBook .bookdtailBox .bdbTop .airName{display: inline-flex; align-items: flex-start; gap:10px; margin-left:-35px; width: calc(100% - 125px);}
.fd_tripWrp .innerTripBook .bookdtailBox .bdbTop .alinLft{ width:100%;}
.fd_tripWrp .innerTripBook .bookdtailBox .bdbTop .airName .airIcon{min-width:25px; width:25px;margin-top:4px;}
.fd_tripWrp .innerTripBook .bookdtailBox .bdbTop .airName .nme{font-size:14px; font-weight:600; color:#000;}
.fd_tripWrp .innerTripBook .bookdtailBox .bdbTop .airName .nme p{font-size:12px; font-weight:400; color:#647582;}
.fd_tripWrp .innerTripBook .bookdtailBox .bdbTop .airRef {min-width: 150px;text-align: right;} 
.fd_tripWrp .innerTripBook .bookdtailBox .bdbTop .airRef p{font-size:12px; font-weight:400; color:#474747;} 
.fd_tripWrp .innerTripBook .bookdtailBox .bdMiddle{ display:flex; gap:0 30px; align-items:center; padding: 5px 0;}
.fd_tripWrp .innerTripBook .bookdtailBox .bdMiddle .fdFromtoBox{ width:200px;}
.fd_tripWrp .innerTripBook .bookdtailBox .bdMiddle .fdFromtoBox .ddate{font-size:14px; font-weight:400; color:#000;}
.fd_tripWrp .innerTripBook .bookdtailBox .bdMiddle .fdFromtoBox .fdcodetime{ display:inline-flex; align-items:center; gap:0 10px;}
.fd_tripWrp .innerTripBook .bookdtailBox .bdMiddle .fdFromtoBox .fdcodetime .fdcode{font-size:16px; font-weight:400; color:#7e7e7e;}
.fd_tripWrp .innerTripBook .bookdtailBox .bdMiddle .fdFromtoBox .fdcodetime .fdtime{font-size:18px; font-weight:600; color:#000;}
.fd_tripWrp .innerTripBook .bookdtailBox .bdMiddle .fdFromtoBox .fdlocation{font-size:12px; font-weight:400; color:#000;}
.fd_tripWrp .innerTripBook .bookdtailBox .bdMiddle .fdFromtoBox .terminal{font-size:12px; font-weight:400; color:#858585;}
.fd_tripWrp .innerTripBook .bookdtailBox .bdMiddle .fdDivdbox {width: calc(80% - 460px); text-align: center; position: relative;}
.fd_tripWrp .innerTripBook .bookdtailBox .bdMiddle .fdDivdbox .fTimebitwn{font-size:13px; font-weight:400; color:#212529;}
.fd_tripWrp .innerTripBook .bookdtailBox .bdMiddle .fdDivdbox .flightline{position:relative;}
.fd_tripWrp .innerTripBook .bookdtailBox .bdMiddle .fdDivdbox .flightline hr{margin:5px 0;}
.fd_tripWrp .innerTripBook .bookdtailBox .bdBottom{ width:100%; display:flex;} 
.fd_tripWrp .innerTripBook .bookdtailBox .bdBottom .bg-wrp {display: flex; align-items: flex-start; justify-content: space-between; margin-top: 10px; width: 100%;}
.fd_tripWrp .innerTripBook .bookdtailBox .bdBottom .bg-wrp ul{ margin:0; padding:0; display:inline-flex; align-items:center; flex-wrap:wrap;}
.fd_tripWrp .innerTripBook .bookdtailBox .bdBottom .bg-wrp ul li{list-style: none; display: flex; margin-left: 20px;}
.fd_tripWrp .innerTripBook .bookdtailBox .bdBottom .bg-wrp ul li:first-child{margin: 0px;}
.fd_tripWrp .innerTripBook .bookdtailBox .bdBottom .bg-wrp ul li img{margin-right: 10px;}
.fd_tripWrp .innerTripBook .bookdtailBox .bdBottom .bg-wrp ul li .baginfo {font-size: 11px; color: #000; font-weight: 500;}
.fd_tripWrp .innerTripBook .bookdtailBox .bdBottom .bg-wrp ul li .baginfo span {font-size: 11px; color: #8e8e8e; display: block; font-weight: 600;}
.fd_tripWrp .innerTripBook .bookdtailBox .bdBottom .fd_fcname {font-size: 12px; font-weight:500; color: #8e8e8e; display: inline-block; margin-left: 10px; line-height: 1.2em; background: #F1F1F1; border-radius: 4px; padding: 7px 12px;}
.fd_tripWrp .innerTripBook .stopover {text-align: center; position: relative; margin:0;}
.fd_tripWrp .innerTripBook .stopover:before { width:100%; height:1px; top:50%; left:0; background:#c7c7c7; position:absolute; content:'';}
.fd_tripWrp .innerTripBook .stopover span {padding: 4px 12px; position: relative; font-size: 12px; font-weight: 500; color: #8e8e8e; white-space: nowrap; border-radius: 30px; text-align: center; border: 1px solid #8e8e8e; background:#fff;}
.fd_tripWrp .devider{ height:10px; background:#DFDFDF; display:block; margin-bottom:15px;}
.fd_tripWrp .travellerD { margin:0 0 20px 0;}
.fd_tripWrp .travellerD .table-infobtm  { margin-top:10px;}
.fd_tripWrp .travellerD .table-infobtm table {width: 100%; border-top: 1px solid #DEDEDE; border-right: 1px solid #DEDEDE}
.fd_tripWrp .travellerD .table-infobtm thead {background: #F8F8F8;}
.fd_tripWrp .travellerD .table-infobtm thead th {text-align: inherit; text-align: -webkit-match-parent; padding: 9px; font-size: 14px; font-weight: 500; border-bottom: 1px solid #DEDEDE !important; border-left: 1px solid #DEDEDE}
.fd_tripWrp .travellerD .table-infobtm td.pndg {color: #FF850C}
.fd_tripWrp .travellerD .table-infobtm td span {color: #647582; font-size:12px;}
.fd_tripWrp .travellerD .table-infobtm td {padding: 12px 10px; border-bottom: 1px solid #DEDEDE; border-left: 1px solid #DEDEDE}
.fd_tripWrp .travellerD .decm p{font-size: 12px; color: #a5a5a5; font-weight: 400;}
.fd_tripWrp .billingD .billing-infobtm{width: 100%; display: flex;align-items:center; gap:12px 45px; padding:15px 0;}
.fd_tripWrp .billingD .billing-infobtm .bling-r1 {display: flex;}
.fd_tripWrp .billingD .billing-infobtm .bling-r1 .cardimg {min-width: 50px; margin-right: 10px;}
.fd_tripWrp .billingD .billing-infobtm .bling-r1 .crd-detail {margin: 0;}
.fd_tripWrp .billingD .billing-infobtm .bling-r1 .crd-detail p {font-size: 12px;}
.fd_tripWrp .billingD .billing-infobtm .bling-r1 .crd-detail p b {font-size: 14px;font-weight: 600;}
.fd_tripWrp .billingD .billing-infobtm .bling-r1 .crd-detail p span {font-size: 12px; color: #167128;display: inline-block; padding-left: 15px;}
.fd_tripWrp .billingD .billing-infobtm .bling-r11 {display: inline-flex; gap:0 12px;}
.fd_tripWrp .billingD .billing-infobtm .bling-r11 p{font-size:16px;}
.fd_tripWrp .billingD .billing-infobtm .bling-r11 p a{font-size:13px;}
.fd_tripWrp .billingD .bling-row2{ border-top:1px solid #BEBEBE; padding-top:20px;}
.fd_tripWrp .billingD .bling-row2 h4{font-size: 16px;font-weight: 700; color:#000; padding-bottom:10px;}
.fd_tripWrp .billingD .bling-row2 .fa-pd-main {padding:0;}
.fd_tripWrp .billingD .bling-row2 .fa-pd-main .row-fares {padding: 8px 0px; display: flex; justify-content: space-between; border-bottom:1px solid #DEDEDE;}
.fd_tripWrp .billingD .bling-row2 .fa-pd-main .row-fares .rf-left { font-size: 14px; font-weight: 400; color: #000;}
.fd_tripWrp .billingD .bling-row2 .fa-pd-main .row-fares .rf-amt {font-size: 14px; font-weight: 600; color: #000;}
.fd_tripWrp .billingD .bling-row2 .totalcharge .row-fares {padding: 10px 0px; display: flex;justify-content: space-between; align-items: center; border-bottom:1px solid #DEDEDE;}
.fd_tripWrp .billingD .bling-row2 .totalcharge .row-fares .rf-left {font-size: 16px; font-weight: 600; color: #000;}
.fd_tripWrp .billingD .bling-row2 .totalcharge .row-fares .rf-amt {font-size: 22px; font-weight: 600; color: #000;}
.fd_tripWrp .billingD .bling-row2 .pnote{border-bottom:1px solid #EDEDED; padding:14px 0; }
.fd_tripWrp .billingD .bling-row2 .pnote p{font-size: 12px; font-weight: 400; color: #949494; }
.fd_tripWrp .billingD .bling-row2 .information_content{margin:20px 0 0 0;}
.fd_tripWrp .billingD .bling-row2 .information_content h5{font-size: 15px; font-weight: 700; color: #000; padding-bottom:10px;}
.fd_tripWrp .billingD .bling-row2 .information_content h6{font-size: 14px; font-weight: 500; color: #2E2E2E; padding-bottom:6px;}
.fd_tripWrp .billingD .bling-row2 .information_content p{font-size: 12px; font-weight: 400; color: #949494;}

/*********** My Trip V2 Page Start *************/

.confirmtrip2 .cf_details{ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07); border-radius: 10px; background:#fff;}
.confirmtrip2 .cf_details .heading{ border-bottom: 1px solid #DEDEDE; display: flex; width: 100%; justify-content:space-between; align-items: center; font-size: 18px; font-weight: 600; padding: 10px 0 12px 0;}
.confirmtrip2 .cf_details .heading h2{font-size:20px; font-weight:700; color:#000000;}
.confirmtrip2 .cf_details .heading .bkingtop{ display:inline-flex; align-items:center; justify-content:space-between; gap:0 20px;}
.confirmtrip2 .cf_details .heading .bkingtop .DateId{font-size:16px; font-weight:400; color:#757575; line-height:20px;}
.confirmtrip2 .cf_details .heading .bkingtop .DateId span{font-weight:600; color:#222;}

.confirmtrip2 .cfd_Wrp{padding: 5px 20px; border-bottom:10px solid #E1E1E1;}
.confirmtrip2 .cfd_Wrp:last-child{border: 0px;}
.confirmtrip2 .cfd_package .rpBox{ padding: 20px 0 10px 0;}
.confirmtrip2 .cfd_package .rpBox .rpBox_top{width: 100%; display: flex; flex-wrap: wrap;}
.confirmtrip2 .cfd_package .rpBox .rpBox_top .imglft{width: 300px; overflow: hidden; order: 2; max-height: 145px; border-radius: 10px;}
.confirmtrip2 .cfd_package .rpBox .rpBox_top .imglft img{object-fit: cover; max-width: 100%; border-radius:6px;}
.confirmtrip2 .cfd_package .rpBox .rpBox_top .contentRit{ padding-right: 15px; width: calc(100% - 300px); box-sizing: border-box;}
.confirmtrip2 .cfd_package .rpBox .rpBox_top .contentRit h4 {font-size: 20px; line-height: 24px; font-weight: 600; padding-bottom: 5px;} 
.confirmtrip2 .cfd_package .rpBox .rpBox_top .contentRit h6 {text-transform: capitalize; margin-bottom: 10px; display: inline-flex; color:#9F9F9F; flex-wrap: wrap; white-space: nowrap; font-size: 15px; font-weight: 400;}
.confirmtrip2 .cfd_package .rpBox .rpBox_top .contentRit h6 img {margin: 0 5px;}
.confirmtrip2 .cfd_package .rpBox .rpBox_top .contentRit ul.tagstourtype{ list-style: none; margin-bottom: 5px;}
.confirmtrip2 .cfd_package .rpBox .rpBox_top .contentRit ul.tagstourtype li{ background: #cfcfcf; display: inline-block; margin-right: 3px; margin-bottom: 6px; padding: 6px 8px; border-radius: 3px; font-size: 14px; font-weight: 500;}
.confirmtrip2 .cfd_package .rpBox .rpBox_top .contentRit ul.tagstourtype li.adventure{ background: #FFF1D2; color: #988F45;}
.confirmtrip2 .cfd_package .rpBox .rpBox_top .contentRit ul.tagstourtype li.beach{ background: #EFE2FF; color: #6A4D8E;}
.confirmtrip2 .cfd_package .rpBox .rpBox_top .contentRit ul.tagstourtype li.nature{ background:#CBEFED; color: #3D9A66;}
.confirmtrip2 .cfd_package .rpBox .rpBox_top .contentRit .include-sec {margin-top: 2px}
.confirmtrip2 .cfd_package .rpBox .rpBox_top .contentRit .include-sec ul {text-transform: capitalize; color: rgba(0, 0, 0, 0.78); margin-top: 5px; display: inline-flex; align-items: center; flex-wrap: wrap;}
.confirmtrip2 .cfd_package .rpBox .rpBox_top .contentRit .include-sec ul li {margin-right: 15px; font-size: 14px; text-align: center; display: inline-flex; align-items: center; padding-bottom: 5px;}
.confirmtrip2 .cfd_package .rpBox .rpBox_top .contentRit .include-sec ul li img {display: block; margin: 0 5px 0 0;}
.confirmtrip2 .cfd_package .rpBox .rpBox_middle {margin-top: 15px; padding: 15px 0; border-top: 1px solid #E2E2E2;}
.confirmtrip2 .cfd_package .rpBox .rpBox_middle .listng-sec{ margin: 0;}
.confirmtrip2 .cfd_package .rpBox .rpBox_middle .listng-sec .list_td{ display: flex;}
.confirmtrip2 .cfd_package .rpBox .rpBox_middle .listng-sec .list_td li{ margin-right: 40px;}
.confirmtrip2 .cfd_package .rpBox .rpBox_middle .listng-sec .list_td li:last-child{ margin-right: 0px;}
.confirmtrip2 .cfd_package .rpBox .rpBox_middle .listng-sec .list_td li h6{ color: #9B9B9B; font-size: 14px; font-weight: 500; padding-bottom: 5px;}
.confirmtrip2 .cfd_package .rpBox .rpBox_middle .listng-sec .list_td li p{ color: #000; font-size: 16px; font-weight: 500;}
.confirmtrip2 .cfd_package .rpBox .rpBox_bottom{width: 100%;}
.confirmtrip2 .cfd_package .rpBox .rpBox_bottom .your-sec {border-top: 1px solid #E2E2E2;}
.confirmtrip2 .cfd_package .rpBox .rpBox_bottom .your-sec h5{color: #000; font-size: 16px; font-weight: 600; padding: 12px 0 0px 0;}
.confirmtrip2 .cfd_package .rpBox .rpBox_bottom .your-sec ul {text-transform: capitalize; color: rgba(0, 0, 0, 0.78); margin-top: 5px; display: inline-flex; align-items: center; flex-wrap: wrap;}
.confirmtrip2 .cfd_package .rpBox .rpBox_bottom .your-sec ul li {margin-right: 20px; font-size: 14px; font-weight: 500; text-align: center; display: inline-flex; align-items: center; padding: 5px 0;}
.confirmtrip2 .cfd_package .rpBox .rpBox_bottom .your-sec ul li img {display: block; margin: 0 5px 0 0;}

.confirmtrip2 .cfd_flight .confirmed-rthree .rown-box{ width: 100%; display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; padding: 20px 0; border-bottom: 1px solid #E2E2E2;}
.confirmtrip2 .cfd_flight .confirmed-rthree .rown-box:last-child{border: 0px;}
.confirmtrip2 .cfd_flight .confirmed-rthree .rown-box .clasbag{ display: inline-flex; text-align: right; justify-content: flex-end; gap:10px;}
.confirmtrip2 .cfd_flight .confirmed-rthree .rown-box .clasbag .fclas{background-color: #EEF7FE; font-size: 12px; border-radius: 6px; padding: 7px 15px; display: inline-block;}
.confirmtrip2 .cfd_flight .confirmed-rthree .rown-box .clasbag .fbag{background-color: #f1f1f1; color: #5e5e5e; font-size: 12px; font-weight: 500; border-radius: 6px; padding: 2px 10px 2px 2px; display: inline-flex; justify-content: center; align-items: center;}
.confirmtrip2 .cfd_flight .confirmed-rthree .rown-box .clasbag .fbag img{margin-right: 0px;}
.confirmtrip2 .cfd_flight .confirmed-rthree .rown-box .fromtoleft{ width: calc(100% - 270px); display: inline-flex; }
.confirmtrip2 .cfd_flight .confirmed-rthree .rown-box .fromtoleft .colmbox{ width: calc(50% - 32px);; box-sizing: border-box; padding-right: 20px; }
.confirmtrip2 .cfd_flight .confirmed-rthree .rown-box .fromtoleft .colmbox h3{ color: #000; font-size: 18px; font-weight: 500; padding-bottom: 2px;}
.confirmtrip2 .cfd_flight .confirmed-rthree .rown-box .fromtoleft .colmbox p{ color: #9b9b9b; font-size: 14px; font-weight: 400;}
.confirmtrip2 .cfd_flight .confirmed-rthree .rown-box .fromtoleft .colmbox p span{ color: #9B9B9B;}
.confirmtrip2 .cfd_flight .confirmed-rthree .rown-box .fromtoleft .plainicon{ width: 34px; margin-right: 30px; }
.confirmtrip2 .cfd_flight .confirmed-rthree .rown-box .fromtoleft .plainicon img{ max-width: 100%; }
.confirmtrip2 .cfd_flight .confirmed-rthree .rown-box .fromtofd{ color: #161616; font-size: 16px; font-weight: 600; padding-bottom: 15px; width: 100%;}

.confirmtrip2 .ctd_car .row_sec{justify-content: space-between; display: flex; position: relative; flex-wrap: wrap; padding: 15px 0; gap: 20px;}
.confirmtrip2 .ctd_car .row_sec .col02{position: relative; width: calc(50% - 10px);}
.confirmtrip2 .ctd_car .row_sec .td-fromdate{margin-bottom: 12px;}
.confirmtrip2 .ctd_car .row_sec .td-fromdate h3{color: #161616; font-size: 16px; font-weight: 600; padding-bottom: 4px;}
.confirmtrip2 .ctd_car .row_sec .td-fromdate p{color: #777777; font-size: 14px; font-weight: 400;}
.confirmtrip2 .ctd_car .row_sec .cartransfer{ display: inline-flex; align-items: center; width: 100%; border-radius: 6px; border: 1px solid #E3E3E3; padding: 12px 15px;}
.confirmtrip2 .ctd_car .row_sec .cartransfer .imgbx{margin-right: 12px;}
.confirmtrip2 .ctd_car .row_sec .cartransfer .hdcardetail h4{font-size: 16px; font-weight: 500; margin-bottom: 5px;}
.confirmtrip2 .ctd_car .row_sec .cartransfer .hdcardetail .bagincar{display: inline-flex; align-items: center;}
.confirmtrip2 .ctd_car .row_sec .cartransfer .hdcardetail .bagincar img{margin-right: 8px;}
.confirmtrip2 .ctd_car .row_sec .cartohotel > .imgbx1{ margin-right: 15px; max-width: 85px; border-radius: 6px;}
.confirmtrip2 .ctd_car .row_sec .cartohotel > .imgbx1 img{object-fit: cover; max-width: 100%;}

.confirmtrip2 .cpc_detail .row_sec ul{counter-reset: days;}
.confirmtrip2 .cpc_detail .row_sec ul li{position: relative; font-size: 16px; font-weight: 500; color: #3B3B3B; border-bottom: 1px solid #E2E2E2; padding: 18px 0 18px 60px;}
.confirmtrip2 .cpc_detail .row_sec ul li:last-child{border-bottom: 0px;}
.confirmtrip2 .cpc_detail .row_sec ul li:before{counter-increment: days; content: "DAY " counter(days) " : "; color: #8D8D8D; position: absolute; left: 0;}

.confirmtrip2 .cfd_hotel .confirmed-rfour .hotel_sec .checkinhotel{width: 100%; display: grid; grid-template-columns: 86px 1fr; grid-gap: 0 14px; grid-template-areas:
    "l1 t1"
    "l1 b1"; padding: 20px 0; border-bottom: 1px solid #E2E2E2;}
.confirmtrip2 .cfd_hotel .confirmed-rfour .hotel_sec .checkinhotel .l1{ grid-area: l1;}
.confirmtrip2 .cfd_hotel .confirmed-rfour .hotel_sec .checkinhotel .t1{ grid-area: t1;}
.confirmtrip2 .cfd_hotel .confirmed-rfour .hotel_sec .checkinhotel .b1{ grid-area: b1;}
.confirmtrip2 .cfd_hotel .confirmed-rfour .hotel_sec .checkinhotel:last-child{border: 0px;}
.confirmtrip2 .cfd_hotel .confirmed-rfour .hotel_sec .checkinhotel .hotelimg{overflow: hidden; width: 86px; height: 86px; border-radius: 6px;}
.confirmtrip2 .cfd_hotel .confirmed-rfour .hotel_sec .checkinhotel .hotelimg img{object-fit: cover; height: 86px;}
.confirmtrip2 .cfd_hotel .confirmed-rfour .hotel_sec .checkinhotel .hdhoteldetail {}
.confirmtrip2 .cfd_hotel .confirmed-rfour .hotel_sec .checkinhotel .hdhoteldetail h4 {font-size: 16px; font-weight: 600; display: inline-block; margin-bottom: 5px;}
.confirmtrip2 .cfd_hotel .confirmed-rfour .hotel_sec .checkinhotel .hdhoteldetail > p {font-size: 14px; font-weight: 400; color: #8F8F8F; margin-bottom: 10px;}
.confirmtrip2 .cfd_hotel .confirmed-rfour .hotel_sec .checkinhotel .roominc {display: inline-flex; align-items: center; flex-wrap: wrap; width: 100%; padding-top: 8px; border-top: 1px solid #E6E6E6;}
.confirmtrip2 .cfd_hotel .confirmed-rfour .hotel_sec .checkinhotel .roominc ul {list-style: none; padding: 0; margin: 0;}
.confirmtrip2 .cfd_hotel .confirmed-rfour .hotel_sec .checkinhotel .roominc ul li {font-size: 14px; font-weight: 500; color: #000; padding: 0 15px 0 0px; position: relative; display: inline-block;}
.confirmtrip2 .cfd_hotel .confirmed-rfour .hotel_sec .checkinhotel .roominc ul li span{color: #9B9B9B;}

.confirmtrip2 .cf_billing{padding: 0 0 10px; }
.confirmtrip2 .cf_billing h2{font-size: 18px; font-weight: 600; padding-bottom: 15px;}
.confirmtrip2 .cf_billing .bling-r1 {display: flex; padding: 10px 0 15px 0;}
.confirmtrip2 .cf_billing .bling-r1 .cardimg {width: 50px; margin-right: 10px;}
.confirmtrip2 .cf_billing .bling-r1 .crd-detail {margin: 0;}
.confirmtrip2 .cf_billing .bling-r1 .crd-detail p {font-size: 12px;}
.confirmtrip2 .cf_billing .bling-r1 .crd-detail p b {font-size: 14px;font-weight: 600;}
.confirmtrip2 .cf_billing .bling-r1 .crd-detail p span {font-size: 12px; color: #167128;display: inline-block; padding-left: 15px;}
.confirmtrip2 .cf_billing .bling-r11 {display: inline-flex; gap:0 12px;}
.confirmtrip2 .cf_billing .bling-r11 p{font-size:16px;}
.confirmtrip2 .cf_billing .bling-r11 p a{font-size:13px;}
.confirmtrip2 .cf_billing .bling-row2{ border-top:1px solid #BEBEBE; padding-top:20px;}
.confirmtrip2 .cf_billing .bling-row2 h4{font-size: 16px;font-weight: 700; color:#000; padding-bottom:10px;}
.confirmtrip2 .cf_billing .bling-row2 .fa-pd-main {padding:0;}
.confirmtrip2 .cf_billing .bling-row2 .fa-pd-main .row-fares {padding: 8px 0px; display: flex; justify-content: space-between; border-bottom:1px solid #DEDEDE;}
.confirmtrip2 .cf_billing .bling-row2 .fa-pd-main .row-fares .rf-left { font-size: 14px; font-weight: 400; color: #000;}
.confirmtrip2 .cf_billing .bling-row2 .fa-pd-main .row-fares .rf-amt {font-size: 14px; font-weight: 600; color: #000;}
.confirmtrip2 .cf_billing .bling-row2 .totalcharge .row-fares {padding: 10px 0px; display: flex;justify-content: space-between; align-items: center; border-bottom:1px solid #DEDEDE;}
.confirmtrip2 .cf_billing .bling-row2 .totalcharge .row-fares .rf-left {font-size: 16px; font-weight: 600; color: #000;}
.confirmtrip2 .cf_billing .bling-row2 .totalcharge .row-fares .rf-amt {font-size: 22px; font-weight: 600; color: #000;}
.confirmtrip2 .cf_billing .bling-row2 .pnote{padding:14px 0 5px 0; }
.confirmtrip2 .cf_billing .pnote p{font-size: 12px; font-weight: 400; color: #949494; }

.confirmtrip2 .confirmation_info {box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07); border-radius: 10px; background:#fff; padding: 20px; margin-top: 20px; margin-bottom: 20px;}
.confirmtrip2 .confirmation_info .hopolicies-sec .policy_heding{font-size: 16px; font-weight: 600; margin-bottom: 0px;}
.confirmtrip2 .confirmation_info .hopolicies-sec .content-box h6{font-size: 14px; font-weight: 600; padding:15px 0 6px 0; color:#2E2E2E;}
.confirmtrip2 .confirmation_info .hopolicies-sec .content-box p{color: #949494; padding-bottom: 5px; font-size: 12px;}
.confirmtrip2 .confirmation_info .hopolicies-sec .note-policy { border-top: 1px solid #E3E3E3; padding: 10px 0 0 0; margin-top: 12px;}
.confirmtrip2 .confirmation_info .hopolicies-sec .note-policy p{color: #949494; font-size: 12px; padding: 5px 0; }
.confirmtrip2 .confirmation_info .hopolicies-sec .note-policy p b{color: #111; font-weight: 500; }
.mobtopfix .MobHead, .bookTopIdMob, .down_airplane{ display:none;}



@media (max-width:991px) {
    .box-header .headingpop {margin: 20px 0 24px 0;}
    .box-header .headingpop h2{ font-size:24px;}
    .close-btn {background: #fff; width: 30px; height: 30px; border-radius: 50%; text-align: center; line-height: 30px;}
    .onlyLogin{top:0; transform:translate(-50%, 0);grid-template-columns:100%;position: fixed; overflow: auto; height: 100%; border-radius: 0;}
    .onlyLogin .Popbox{ border-radius: 20px 20px 0 0; margin-top: -50px; background: #fff;}
    .loginimg img{ height:auto;}


    .personal_info .addtravelr svg{display: inline-block;}
    .personal_info .addtravelr span{ display:none;}
    .personal_info .addtravelr a {padding: 8px 12px;}
    .pl-991-12{padding-left:12px;}
    .fd_tripWrp .innerTripBook .bookdtailBox .bdMiddle .fdDivdbox {width: calc(80% - 280px); }
    .editbtnright .button-group button span{ display:none;}
    .editbtnright .button-group button i{ display:block;}
    .editbtnright .button-group.blankbutton > button, .editbtnright .button-group button{ padding:6px; width: 30px;}
    .editbtnright{ top:20%;}

}
@media (max-width:767px) {
    .loginbox{top:0; transform:translate(-50%, 0);grid-template-columns:100%;position: fixed; overflow: auto; height: 100%; border-radius: 0;}
    .Popbox{ padding:10px 16px;}

    .other_login.alignend a{ display:inline-block; border: 1px solid #0d6efd; padding: 0px 4px; border-radius: 3px;}
    .other_login.alignend a span{ display:none;}
    .pl-767-12{padding-left:12px;}

    .up_container .up_sidebar{ width:100%;}
    .up_container .up_sidebar .profiletop{justify-content: flex-start; flex-direction: row; gap: 0 20px;}
    .up_container .up_sidebar .profiletop .profilePic{ margin:0;}
    .up_container .up_sidebar .profiletop .fill_profile{ text-align:left;}
    .up_container .up_sidebar .profiletop h2{ padding:10px 0 0 0; font-size: 18px; font-weight: 700;}
    .up_container .up_right {position: fixed; width:100%; left: 0px; overflow: auto; height: 100%; top: 0; z-index:999; display:none;}
    .mobtopfix .MobHead {position: fixed; width: 100%; height: 62px; background: #fff; box-shadow:0 3px 6px rgba(0,0,0,0.06); display: flex; align-items: center; z-index: 9; padding: 0 15px; gap: 0 15px; font-size:18px; font-weight:700;}
    .mobtopfix .MobHead img{filter: brightness(0);}
    .mobtopfix .forMobinner {padding: 82px 15px 20px; background: #edf8ff;}

    .addTrevellerbox {left: 0; top: 0; background: #fff; transform: unset; display: grid;  border-radius: 0; grid-template-columns: 100%;}
    .trevellerPopbox {width: 100%; height: 100vh;}
    .closetravellor{ display:none;}
    .tp-header .headingpop h2{ font-size:18px;}
    .tp-header .headingpop {padding: 20px 15px; border-bottom: 0px solid #9E9E9E;box-shadow:0 3px 6px rgba(0,0,0,0.06);}
    .tp-header .box-body {max-height: calc(100vh - 137px);}
    .trevellerPopbox .form-wrap .single-details .sub-head p{ display:none;}

    .fd_tripWrp .innerTripBook .bookdtailBox .bdBottom, .fd_tripWrp .innerTripBook .bookdtailBox .bdbTop .airRef {width: calc(100% + 35px); min-height: 36px; margin-left: -35px; position:relative;}
    .fd_tripWrp .innerTripBook .bookdtailBox .bdBottom .bg-wrp ul{ display:block;}
    .fd_tripWrp .innerTripBook .bookdtailBox .bdBottom .bg-wrp ul li{ margin:2px 0;}
    .fd_tripWrp .innerTripBook .bookdtailBox .bdBottom .bg-wrp{ align-items:flex-end;}
    .fd_tripWrp .innerTripBook .bookdtailBox .bdbTop{ flex-wrap:wrap; padding-bottom:0px;}
    .fd_tripWrp .innerTripBook .bookdtailBox .bdbTop .airRef{ text-align:center; background:#F8F8F8; border-radius:4px; line-height:28px; margin-top:5px;}
    .fd_tripWrp .innerTripBook .bookdtailBox .bdbTop .airName,
    .fd_tripWrp .innerTripBook .bookdtailBox .bdMiddle .fdDivdbox {width:100%; text-align:left;position:unset;}
    .fd_tripWrp .innerTripBook .bookdtailBox .bdMiddle .fdDivdbox .fTimebitwn{ display:inline-block; margin-left:104px;border: 1px solid #C5C5C5; border-radius: 4px; padding: 1px 10px; position:absolute; bottom:-12px;}
    .fd_tripWrp .innerTripBook .bookdtailBox .bdMiddle .fdDivdbox {position: absolute; top: 0; height: 50%;}
    .fd_tripWrp .innerTripBook .bookdtailBox .bdMiddle .fdDivdbox .flightline{height:100%; position:absolute; left:85px; width:15px; top:28px;}
    .fd_tripWrp .innerTripBook .bookdtailBox .bdMiddle .fdDivdbox .flightline:after{position: absolute; content: ''; width: 11px; height: 11px; background: #ffffff; border-radius: 6px; border: 1px solid #ccc; left: -5px; bottom: -14px;}
    .fd_tripWrp .innerTripBook .bookdtailBox .bdMiddle .fdDivdbox .flightline hr{height:100%; width:1px;}
    .fd_tripWrp .innerTripBook .bookdtailBox .bdMiddle{margin-left:-35px; flex-wrap:wrap; position:relative;}
    .fd_tripWrp .innerTripBook .bookdtailBox .bdMiddle .fdFromtoBox{position:relative; padding-left: 104px; width: 100%;}
    .fd_tripWrp .innerTripBook .bookdtailBox .bdMiddle .fdFromtoBox:first-child{margin-bottom:50px;}
    .fd_tripWrp .innerTripBook .bookdtailBox .bdMiddle .fdFromtoBox .fdcodetime .fdtime {position: absolute;top: 0; left: 0;}
    .down_airplane{ display:block; position: absolute; top: -16px; left: -6px;}
    .fd_tripWrp .billingD .billing-infobtm{flex-wrap:wrap;}
    .fd_tripWrp .billingD .billing-infobtm .bling-r11 .iconbox{text-align:center; min-width:56px;}


    .trip-tabs-wrap .nav-tabs .nav-item .nav-link svg {min-width: 18px;}
    .trip-tabs-wrap ul {border-radius: 0; padding: 15px; margin-bottom: 15px; position: fixed; top: 62px; width: 100%; left: 0; flex-wrap: nowrap; overflow-x:auto;}
    .confirmtrip2 .cfd_flight .confirmed-rthree .rown-box .fromtoleft{ width: 100%;}
    .confirmed-rone .rone-left h2{ font-size: 18px; margin-bottom: 6px;}
    .confirmed-rone .rone-right, .confirmtrip2 .cfd_package .rpBox .rpBox_top .contentRit{ width: 100%; padding: 0;}
    .confirmed-rone .rone-right li:first-child{ width: 100%; margin: 0; }
    .confirmtrip2 .cfd_package .rpBox .rpBox_top .imglft{ width: 100%; max-height: none; order: 0; margin-bottom: 15px;}
    .confirmtrip2 .cfd_package .rpBox .rpBox_top .contentRit h6{ font-size: 12px;}
    .confirmtrip2 .cfd_package .rpBox .rpBox_top .contentRit .include-sec ul li{ font-size: 11px;}
    .confirmtrip2 .cfd_package .rpBox .rpBox_middle .listng-sec .list_td li{ margin-right: 25px;}
    .confirmtrip2 .cfd_flight .confirmed-rthree .rown-box{ padding: 16px 0 12px 0;}
    .confirmtrip2 .cfd_flight .confirmed-rthree .rown-box .clasbag{ width: 100%; display: flex; justify-content: space-between; margin-top: 15px;}
    .confirmtrip2 .ctd_car .row_sec .col02{ width: 100%;}

    .whitebox .backtobtn{ display:none;}
}
@media (max-width:600px) {
    .up_container .up_sidebar .profiletop .profilePic, .avatar-upload, .avatar-upload .avatar-preview{ width:68px; height:68px;}
    .avatar-upload .avatar-preview p{font-size: 25px; line-height: 68px;}
    .up_container .up_sidebar .profiletop .fill_profile, .up_container .up_sidebar .profiletop h2{ padding:0;}
    .up_container .up_sidebar .profiletop{ gap:0 12px;}
    .up_container .up_sidebar .profiletop .fill_profile .text-two{padding:2px 0;}

    .tripbookingBox .bkingDetil{ align-items:center; gap: 0 12px;}
    .tripbookingBox .bkingDetil .bkngDetails .bkng-left, .tripbookingBox .bkingDetil .bkngDetails .bkng-right{ padding:0px; width:100%;}
    .tripbookingBox .bkingDetil .bkng-bottom{ width:100%; margin:10px 0 0 0; font-size:13px;}
    .tripbookingBox .bkingDetil .bkng-right{ margin:0; font-size: 12px;}
    .tripbookingBox .bkingDetil .bkng-right a > span{ display:none;}
    .tripbookingBox .bkingDetil .bkng-right a{ display:inline-block; border: 1px solid #0d6efd; padding: 0px 4px; border-radius: 3px;}
    .tripbookingBox .bkingDetil .bkngDetails .bkng-left p{ white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis; display: block;}

    .fd_tripWrp .mainhead{ flex-wrap:wrap;}
    .fd_tripWrp .mainhead .bkingtop{ width:100%; padding-top:7px;}
    .fd_tripWrp .mainhead .bkingtop .DateId span{ display:block;}
    .fd_tripWrp .mainhead .bkingtop .DateId:last-child{ text-align:right;}
    .fd_tripWrp .innerTripBook .bookTopId .lftfrom .fromto, .fd_tripWrp .innerTripBook .bookTopId .ttime{ display:none;}
    .bookTopIdMob {display: flex; align-items: center; justify-content: space-between; padding: 10px 0 0 0;}
    .bookTopIdMob p{font-size:14px; color:#000; font-weight:500;}
    .bookTopIdMob .ttime{font-size:12px; color:#757575; font-weight:400;}
    
    .confirmtrip2 .cf_details .heading{flex-wrap:wrap;}
    .confirmtrip2 .cf_details .heading .bkingtop{ padding-top:5px; }
    .confirmtrip2 .cf_details .heading .bkingtop .DateId:last-child{ text-align:right;}
    .confirmtrip2 .cfd_flight .confirmed-rthree .rown-box .fromtoleft .colmbox{padding-right:0; width: calc(50% - 12px);}
    .confirmtrip2 .cfd_flight .confirmed-rthree .rown-box .fromtoleft .colmbox p{ font-size:13px; line-height:17px;}
    .confirmtrip2 .cfd_flight .confirmed-rthree .rown-box .clasbag p{ width:50%;}
    .confirmtrip2 .cfd_flight .confirmed-rthree .rown-box .clasbag p span{ width:100%; text-align:center;}
    
}
@media screen and (max-width: 479px) {
    .confirmtrip2 .cfd_package .rpBox .rpBox_bottom .your-sec ul li{ width: 100%; margin: 0; }
    .confirmtrip2 .cfd_flight .confirmed-rthree .rown-box .fromtoleft .plainicon{ margin-right: 10px; min-width: 26px;}
    .confirmtrip2 .cfd_hotel .confirmed-rfour .hotel_sec .checkinhotel .hotelimg{ width: 66px; height: 66px;}
    /* .cfd_hotel .confirmed-rfour .hotel_sec .checkinhotel .hdhoteldetail {width: calc(100% - 80px);} */
    .confirmation_info, .cf_billing{ padding:15px;}
    .confirmtrip2 .cfd_Wrp{ padding: 5px 15px;}
    .confirmtrip2 .ctd_car .row_sec .cartransfer .imgbx{ max-width: 100px;}
    .confirmtrip2 .cpc_detail .row_sec ul li, .confirmtrip2 .cpc_detail .row_sec ul li::before{ font-size: 14px;}
    .confirmtrip2 .cpc_detail .row_sec ul li{ padding-left: 52px;}
    .confirmtrip2 .cfd_hotel .confirmed-rfour .hotel_sec .checkinhotel{grid-template-columns: 66px 1fr; grid-gap:10px 14px; grid-template-areas:"l1 t1" "b1 b1";}
    .confirmtrip2 .cfd_hotel .confirmed-rfour .hotel_sec .checkinhotel .hdhoteldetail > p{margin-bottom:0px;}
}
@media (max-width:400px) {
    .loginbox, .loginimg, .Popbox{ width:100%;}
    .tripbookingBox .bkingtop .DateId span{ display:block;}
    .tripbookingBox .bkingDetil .bkng-bottom img{ display:none;}
    .fd_tripWrp .innerTripBook .bookdtailBox .bdBottom .fd_fcname{ position:absolute; right:0; bottom:0;}
}