.refundFeatures {
    display: flex
;
    flex-wrap: wrap;
    font-family: inherit;
}
	.refundFeature {
    align-items: center;
    display: flex
;
    flex: 100%;
    font-size: 1em;
    line-height: 1.1;
    padding: 5px 0;
}
   .rowbill {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
   ;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-right: -15px;
   margin-left: -15px;
   width: 100%;
   margin: 0 auto;
   }
	.wrapper select, .wrapper input[type="text"], .billing input[type="text"], .billing select, .area textarea, .pdetailbox .pinbx .doall select {
    font-size: 1.6em;
    height: 48px;
    padding: 10px 15px;
    border-radius: 8px;
    /* transform: scale(0.75); */
    border: 1px solid grey;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    font-family: inherit;
    transition: all .5s;
    background-color: #ffffff;
    color: #000000;
}
	.refundRoot.large {
    width: 100%;
    border-radius: 8px;
    margin: 15px 0px;
    float: left;
    padding: 10px 28px 30px;
    border: 2px solid #bbbbbb33;
    background-color: white;
}
.customerbox strong {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
    display: block;
}
	.customerbox {
    width: 100%;
    border-radius: 8px;
    margin: 20px 0;
    float: left;
    padding: 20px 20px;
    border: 2px solid #bbbbbb33;
    background-color: #ffffff;
    position: relative;
}
.refundRoot.large {
    width: 100%;
    border-radius: 8px;
    margin: 15px 0px;
    float: left;
    padding: 10px 28px 30px;
    border: 2px solid #bbbbbb33;
    background-color: white;
}	
	.refundRoot {
    background-color: #FFFFFF;
    border-radius: 5px;
    color: #000000;
    display: flex;
    flex-direction: column;
    font-family: inherit;
    font-weight: 400;
    font-size: inherit;
    line-height: 1.5;
    padding: 10px;
    text-align: left;
}
.refundLabel {
    display: flex;
    background-color: #ffc436;
    align-items: center;
    padding-left: 15px;
	justify-content: space-between;
}
.refundLabel h3 {
    font-size: 15px;
	 margin: 0;
}
span.refundHeaderBadge {
    background-color: #ffffff;
    padding: 4px 15px;
    border-radius: 25px;
    font-weight: 500;
    color: #e4a100;
    margin-left: 15px;
    font-size: 14px;
}
.refundPerTicket {
    background-color: #0079cb;
    text-align: center;
    padding: 10px;
}
.refundPerTicket h3 {
    color: #FFF;
    margin: 0;
}
.refundPerTicket p {
    color: #fff;
}
.refundSubHeader {
    background-color: #e1f3ff;
    padding: 10px;
}
.passengersection .row>* {
    padding-left: 0;
}
.refundFeature i {
    position: relative;
    top: -8px;
    margin-right: 10px;
    color: #0279cb;
}
.refundFeatures {
    margin-top: 20px;
}
	.insinfo, .fildnone2
Specificity: (0,1,0)
 {
    display: none;
}
	.billing {
    margin-bottom: 15px;
    position: relative;
    padding: 0;
    flex: 0 0 49%;
}
.premocodent input {
    width: 25% !important;
    margin-right: 15px;
}
.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    width: 100%;
    margin: 0 auto;
}
	.justify-space-between {
    justify-content: space-between;
}
   .pdetailbox h2 {
   font-size: 2.2em;
   background-color: #FFE71E;
   background-color: var(--backyellow);
   border-radius: 8px 8px 0 0;
   display: block;
   text-align: center;
   font-weight: 600;
   padding: 10px 0px;
   }
   .pdetailbox {
   width: 100%;
   border: 2px solid #bbbbbb33;
   background-color: #ffffff;
   border-radius: 8px;
   margin: 20px 0px;
   float: left;
   padding: 20px;
   }
   .container1340 {
   width: 100%;
   max-width: 1250px;
   margin: 0 auto;
   padding: 0 1%;
   }
   .result-detail-header a {
   width: 100%;
   display: block;
   text-align: right;
   text-decoration: none;
   color: #000;
   }
   .result-detail-header a i {
   background-color: #FFC436;
   padding: 5px 10px;
   }
   .result-detail-header h1 {
   font-size: 30px;
   font-weight: 600;
   margin-bottom: 30px;
   }
   .bound-style p {
   font-weight: 600;
   font-size: 18px;
   }
   .bound-style-box p {
   background-color: #000;
   text-align: center;
   color: #FFF;
   font-size: 17px;
   padding: 10px 0px;
   border-radius: 10px;
   }
   .bound-style-datetime p {
   margin: 0;
   height: 8vh;
   display: flex;
   justify-content: end;
   align-items: center;
   font-size: 17px;
   }
   .bound-style-datetime i {
   padding-right: 10px;
   padding-left: 10px;
   }
   .bound-style-datetime span {
   color: #f00;
   }
   .result-details-box {
   box-shadow: 1px 1px 5px #00000054;
   padding: 50px;
   border-radius: 10px;
   margin-top: 30px;
   }
   .result-details-box .col-md-3 {
   display: flex;
   align-items: center;
   }
   .result-details-box .col-md-2 {
   display: flex;
   align-items: center;
   text-align: center;
   }
   .result-details-box .col-md-5 {
   text-align: center;
   }
   .result-dbox-con span {
   color: #f00;
   }
   .reult-detaitoggle {
   border-top: 1px solid #ccc;
   padding-top: 20px;
   }
   .reult-detaitoggle button {
   border: 0;
   background-color: transparent;
   padding: 0;
   font-weight: 600;
   color: #e4a100;
   font-size: 18px;
   }
   .reult-detaitoggle .data {
   margin-top: 30px;
   }
   .craftrow {
   display: flex;
   margin-left: -18px;
   width: 100%;
   }
   .craftrow .craft {
   display: flex;
   flex-wrap: wrap;
   }
   .craftrow .craft .cols {
   border-right: 1px dashed grey;
   flex: 0 0 auto;
   padding: 0 18px;
   font-size: .9em;
   }
   .cols b {
   display: flex;
   }
   .craftrow .craft:last-child .cols:last-child {
   border: none;
   }
   div.connector {
   margin: 20px 0;
   position: relative;
   font-size: 1.2em;
   }
   div.connector div.c1 {
   width: 100%;
   position: relative;
   padding-bottom: 15px;
   }
   div.connector div.c1:after, div.connector div.c3:after {
   content: '';
   background: #000;
   width: 8px;
   height: 8px;
   border-radius: 100%;
   position: absolute;
   left: -3px;
   top: 12px;
   }
.billing input#vApplyCode {
    background-color: #1c75bc;
    color: #fff;
    padding: 10px 0;
    border: 0;
	    font-size: 16px;
    font-weight: 600;
}
   div.connector div.c1:before {
   content: '';
   width: 2px;
   background-color: #000;
   height: 100%;
   position: absolute;
   left: 0;
   top: 16px;
   }
   div.connector .ctime {
   font-size: 1.2em;
   font-weight: 700;
   }
   div.connector div.c2 {
   display: none;
   }
   div.connector div.c2 .col-12 .laytime {
   padding: 15px 20px;
   border-left: 1px solid #000;
   position: relative;
   display: block;
   margin-left: -20px;
   }
   div.connector div.c3 {
   width: 100%;
   position: relative;
   }
   div.connector div.c3:after {
   top: 14px;
   }
   div.connector div.c1:after, div.connector div.c3:after {
   content: '';
   background: #000;
   width: 8px;
   height: 8px;
   border-radius: 100%;
   position: absolute;
   left: -3px;
   top: 12px;
   }
   div.connector div.c1 .col-3, div.connector div.c2 .col-12, div.connector div.c3 .col-3 {
   padding: 0 0px 0 25px;
   }
   div.connectingairport {
   background-color: #FFC436;
   padding: 20px;
   font-size: 1.2em;
   border-radius: 10px;
   margin: 30px 0;
   color: rgb(0, 0, 0);
   }
   .result-details-boundss {
   margin-bottom: 45px;
   }
	.pdetailbox .pinbx .passdetail {
	width: 100%;
	display: inherit;
}

.pdetailbox .pinbx .passdetail .passengersection .row.floatrow {
	width: 50%;
}

.pdetailbox .pinbx .passdetail .passengersection .row.dmy {
	width: 30%;
}

.pdetailbox .pinbx .passdetail .passengersection .row.nationality {
	width: 20%;
}

.wrapper select.wdth-01,
.wrapper select.DOB {
	width: 100%;
}

.tsasection .row .col-2 label,
.tsasection .row .tsagender label,
.tsasection .row .dmy label {
	width: 100%;
	font-size: 1.4em;
	font-weight: normal;
	margin-bottom: 6px;
	display: block;
}

.tsasection .row .col-4.tsagender {
	max-width: 15%;
}

.tsasection .row .dmy {
	width: 33%;
}

.tsasection .row .dmy .col-4.tsagender {
	max-width: 100%;
}

.tsasection .row .col-2.tsagender .wrapper i.fa.fa-angle-down,
.tsasection .row .col-4.tsagender .wrapper i.fa.fa-angle-down {
	top: 14px;
}

.pdetailbox .pinbx .passdetail .passengersection strong.paxheadings,
.tsasection strong.paxheadings {
	font-size: 1.6em;
	font-weight: 600;
	width: 100%;
	display: block;
	margin-bottom: 15px;
}

.pdetailbox .pinbx .passdetail .passengersection .row.mwidth100 .col-4.col-auto,
.pdetailbox .pinbx .passdetail .passengersection .row.dmy .col-4.col-auto {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}

@media only screen and (max-width:1200px) {
	.pdetailbox .pinbx .passdetail .passengersection .row.floatrow {
		width: 100%;
	}

	.pdetailbox .pinbx .passdetail .passengersection .row.dmy {
		width: 60%;
	}

	.pdetailbox .pinbx .passdetail .passengersection .row.nationality {
		width: 40%;
	}

	.tsasection .row .col-2 {
		flex: 0 0 33.33%;
		max-width: 33.33%;
	}

	.tsasection .row .col-4.tsagender {
		width: 25%;
	}

	.tsasection .row .dmy {
		width: 66%;
	}

	.tsasection .row .dmy .col-4.tsagender {
		max-width: 33.33%;
	}

	.tsasection .row .col-auto.tsagender {
		width: 100%;
	}

	.col-auto.frequentflyer {
		width: 42%;
	}

	.col-auto.frequentflyercard {
		width: 30%;
	}
}

@media only screen and (max-width:767px) {

	.pdetailbox .pinbx .passdetail .passengersection .row .col-4,
	.tsasection .row .col-4,
	.tsasection .row .col-4.tsagender {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
	}

	.pdetailbox .pinbx .passdetail .passengersection .row.dmy,
	.pdetailbox .pinbx .passdetail .passengersection .row.nationality,
	.tsasection .row .dmy {
		width: 100%;
	}

	.pdetailbox .pinbx .passdetail .passengersection .row.dmy .col-4 {
		-ms-flex: 0 0 33.33%;
		flex: 0 0 33.33%;
		max-width: 33.33%;
	}

	.tsasection .row .col-2,
	.pdetailbox .pinbx .passdetail .passengersection .row.mwidth100 .col-4.col-auto {
		flex: 0 0 100%;
		max-width: 100%;
		margin-left: 0;
	}

	.pdetailbox .pinbx .passdetail .passengersection .row.mwidth100 .col-4.col-auto .wrapper,
	.col-auto.frequentflyer,
	.col-auto.frequentflyercard {
		width: 100%;
	}

	.fltinfo .row .col-3 .fltstops {
		margin-left: 0;
	}

	.fltinfo span {
		margin-right: 20px;
	}

	.billing {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.tsasection .row .col-auto.tsafild {
		width: 100%;
	}

	.wrapper {
		margin-right: 0;
	}
}

/* bof: new funcationlity Css implemented */
.insinfo,
.fildnone2 {
	display: none;
}

.insinfo p {
	font-size: 1.6em;
	padding: 5px 0 10px 0;
}

a.inclnk {
	color: #ffffff;
}

.dmy .col-auto .wrapper label[for="ADTDAY1"] {
	width: 240px;
}

.pdetailbox .pinbx {
	padding: 10px;
}

.refundable.jsRpLabel {
	padding: 22px !important;
	position: relative;
}

div.refundRoot.large .refundSubHeader,
div.refundRoot.large .refundFeaturesWrapper,
div.refundRoot.large .protectionText,
div.refundRoot.large .protectionTextSuffix {
	display: block;
}

.protectionTextSuffix {
	padding-left: 22px;
	margin-bottom: 22px !important;
}

.protectionTextSuffix i.fa.fa-exclamation-triangle,
.protectionTextSuffix p {
	display: inline-block;
}

.refundRoot.large .protectionTextSuffix,
.refundable.jsRpLabel,
.nonRefundable.jsRpLabel {
	border-radius: 0 !important;
}

div.refundRoot.large label.nonRefundable.jsRpLabel {
	margin: 0 !important;
	padding: 5px 10px !important;
}

.refundPerTicket h3,
.include_ipt span#lblInsPrice,
div.refundRoot.large .refundContent .refundPrice .refundPerTicket h3 {
	font-size: 1.4rem !important;
	font-weight: 700;
}

.refundPerTicket p,
.include_ipt small {
	font-size: .90rem;
	font-weight: 500;
	margin: 0;
}

.extendrefundterm .imgarrow span,
.imgarrow>span {
	font-size: .75rem;
}

.rdnone {
	display: none;
}

.extendrefundterm .imgarrow a span,
.include_ipt .imgarrow span {
	text-decoration: underline;
}

.refundRoot.large .refundContent .refundPrice {
	right: -1px;
	top: -1px;
	display: flex;
	align-items: inherit;
	padding: 6px 0 24px;
	width: 120px;
	justify-content: center;
}

.fxdtotalsection,
.filddnone {
	display: none;
}

.extendrefundterm {
	position: relative;
	clear: both;
}

.extendrefundterm .imgarrow {
	position: absolute;
	right: 45px;
	width: auto;
	top: 133px;
	background: none;
	z-index: 2;
}

.extendrefundterm .imgarrow span {
	font-size: 1em;
	color: #000000;
}

div#divTravelInsurance {
	position: relative;
	padding: 20px 0;
}

div#divTravelInsurance .pinbx {
	margin: 10px auto 15px;
	border: 1px solid #cdcdcd;
	padding: 20px;
}

div#divTravelInsurance .pinbx .insurancefare {
	margin-top: 20px;
}

div#divTravelInsurance h2 {
	font-size: 2.2em;
    display: block;
    font-weight: 600;
    margin: 0 auto;
    border-radius: 0;
    position: relative;
    border: 0;
    top: 12px;
    padding: 0;
    text-align: left;
}

.include_ipt {
	font-weight: 600;
	font-size: 2.6em;
	width: 120px;
	margin-top: 0;
	text-align: center;
	line-height: 20px;
	background: #1c75bc;
	display: flex;
	align-items: center;
	flex-direction: column;
	height: 72px;
	justify-content: center;
	color: #ffffff;
}


label.refundable.jsRpLabel:hover:before {
	color: #ffffff !important
}


div.billing .ctnumber,
div.billing .othctnumber {
	position: absolute;
	z-index: 9;
	font-size: 1.6em;
	right: 0;
	width: 70px;
	background: #ffffff;
	height: 88%;
	top: 3px;
	left: 3px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	border-right: none;
}

div.billing .ctnumber::after,
div.billing .othctnumber::after {
	content: '';
	position: absolute;
	top: 0px;
	width: 1px;
	height: 25px;
	background-color: #808080;
	right: 0px;
	bottom: 0;
	margin: auto;
}

div.billing select.countryno,
div.billing select.othcountryno {
	position: absolute;
	width: 65px;
	border: none;
	padding: 20px;
	left: 10px;
	height: 95%;
	top: 1px;
	border-right: none;
	border-radius: 0;
	appearance: none;
	z-index: 9;
	opacity: 0;
	margin-left: -10px;
}

.billing select.countryno option,
.billing select.othcountryno option {
	padding: 40px;
}

.billing input#CHPhone,
.billing input#CHMobile {
	padding-left: 85px;
}

.imgarrow {
	display: flex;
	align-items: center;
	text-decoration: none;
	width: 78px;
	margin-top: 0px;
	cursor: pointer;
	font-size: 1.2em;
}

.imgarrow>span {
	font-size: .40em;
	font-weight: 500;
}

.imgarrow>img,
.imgarrow a.refundinclusion>img {
	transform: rotate(180deg);
	width: 20px;
	height: 18px;
	transition: all .5s;
}

img.toggleimg {
	transform: rotate(0deg) !important;
}

/* Gender radio Button */
div.wrapper div.gendersection {
	display: flex;
	align-items: center;
	height: 48px;
	justify-content: center;
	padding: 0;
	margin: 0 auto;
	border: 1px solid #808080;
	border-radius: 8px;
	padding: 0px;
	text-align: center;
}

div.wrapper div.gendersection+i.fa.fa-angle-down {
	display: none;
}

div.wrapper div.gendersection label.genchild {
	text-transform: uppercase;
	width: 50% !important;
	margin: 0 !important;
	position: relative;
}

div.wrapper div.gendersection label.genchild::after {
	content: '';
	position: absolute;
	top: 0px;
	width: 1px;
	height: 25px;
	background-color: #808080;
	right: 0px;
	bottom: 0;
	margin: auto;
}

div.wrapper div.gendersection label.genchild:last-child::after {
	display: none;
}

div.wrapper div.gendersection label.genchild input[type="radio"] {
	margin-right: 6px;
	width: 18px;
	height: 18px;
	vertical-align: bottom;
}

/* Gender radio Button */
.refundRoot.large .protectionTextSuffix {
	margin-bottom: 0px !important;
    padding: 0;
    color: #f00;
}

.protectionTextSuffix p {
    display: inline-block;
    color: #f00;
}

div.refundRoot input.yes[type="radio"]:checked+label,
div.refundRoot input.yes[type="radio"]+label {
	background-color: #ffe71e;
	border: 1px solid #cdcdcd;
	border-bottom: none;
}

div.refundRoot input.yes[type="radio"]:checked+label h3 {
	color: #000000;
	font-weight: 600;
}

div.refundRoot.large .refundContent .refundPrice {
	background-color: #1c75bc;
}

div.refundRoot.large .refundContent .refundPrice .refundPerTicket p,
.extendrefundterm .imgarrow span,
.refundContent .refundPrice .refundPerTicket h3 {
	color: #ffffff !important;
}

div.refundRoot input.yes[type="radio"]:checked+label::before,
div.refundRoot input.yes[type="radio"]+label::before {
	border: 1px solid #9d9d9d !important;
}

div.refundRoot label.refundable h3 {
	color: #000000;
	font-weight: 600;
	font-size: 14px !important;
}

div.arrow {
	border-color: #1c75bc transparent transparent #1c75bc;
}

div.refundRoot.large .refundContent .refundPrice .refundPerTicket h3 {
	font-weight: 700;
}
.accordion {
  background-color: #ffc436;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 20px;
  transition: 0.4s;
  border-bottom: 10px solid #fff !important;
  font-weight: 600;
}



.panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}
.single-flight-accordian {
    margin-top: 40px;
}
.wrapper select, .wrapper input[type="text"], .billing input[type="text"], .billing select, .area textarea, .pdetailbox .pinbx .doall select {
	font-size: 12px !important;
}
div.wrapper div.gendersection label.genchild {
    font-size: 12px;
}
.wrapper {
    margin-bottom: 20px;
}
.ctnumber span {
    font-size: 18px;
}
div.billing .ctnumber, div.billing .othctnumber {
    width: 50px !important;
    left: 15px !important;
}
.othctnumber span {
    font-size: 18px;
}
.genchild input[type=radio] {
    position: relative;
    top: -4px;
}
.passengersection strong {
    margin-bottom: 10px;
    width: 100%;
    display: block;
}
.passdetail strong {
    width: 35%;
    display: block;
    font-size: 16px !important;
}
.premocodent {
    display: flex
;
    align-items: center;
}
.extendrefundcheck {
    display: flex;
}
.extendrefundcheck input[type=checkbox] {
    position: relative;
    top: -10px;
}
.refundContent h3 {
    font-size: 14px;
}
.travalinsubox {
    display: flex;
    justify-content: space-between;
    align-items: anchor-center;
    background-color: #ffc436;
    padding-left: 20px;
}
.passdetail p.total {
    display: flex;
    margin: 10px 0;
    justify-content: space-between;
    border: 1px solid #ffc436;
    padding: 15px;
    border-radius: 5px;
}
.total span.price {
    font-weight: 700;
}
.acceptterm p {
    margin-bottom: 0px;
}
.bookbtn {
    text-align: right;
}
.bookbtn input {
    background-color: #1c75bc;
}
.travalinsubox h2 {
    font-size: 18px;
    margin: 0;
}
.pinbx {
    padding-top: 10px;
}
.standards {
    display: flex;
    padding: 10px 0;
}
.standards strong {
    font-size: 13px;
}



@media only screen and (min-width:768px) and (max-width:1200px) {
	.extendrefundterm .imgarrow {
		top: 155px;
	}

	.include_ipt {
		right: 20px;
	}

	div.wrapper div.gendersection {
		justify-content: flex-start;
	}
}

@media screen and (max-width:767px) {
	.refundRoot input.yes[type="radio"]:checked+label .refundHeaderBadge {
		display: none !important
	}

	.fxdtotalsection {
		position: fixed;
		background-color: #1c75bc;
		border-radius: 0;
		padding: 10px 15px;
		bottom: -3px;
		left: 0;
		width: 100%;
		margin: auto;
		right: 0;
		z-index: 99999;
		display: block;
		box-shadow: 0 0 10px rgb(0 0 0 / 20%);
	}

	.fxdtotalsection .fxdrow {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}

	.fxdtotalsection .fxdrow>.col {
		flex: 0 0 50%;
	}

	.fxdtotalsection .fxdrow>.col>strong {
		color: #ffffff;
		font-weight: 500;
		font-size: 2.4em;
	}

	.fxdtotalsection .fxdrow>.col:last-child {
		text-align: right;
	}

	.refundRoot.large .refundContent .refundPrice {
		justify-content: center;
		top: 50px;
		width: 100%;
		left: 0;
	}

	label.refundable.jsRpLabel div.refundContent {
		padding-bottom: 25px;
	}

	div.refundContent {
		position: static;
	}

	.refundRoot label.refundable h3,
	.refundContent h3 {
		font-size: 13px;
	}

	input.no+label.nonRefundable.jsRpLabel {
		padding: 15px 10px !important;
	}

	div#divTravelInsurance h2 {
		padding: 12px 0 70px 15px;
	}

	.include_ipt {
		right: 0;
		left: 0;
		margin: auto;
		top: 71px;
		width: 96%;
		align-items: flex-start;
		padding-left: 18px;
		height: 55px;
	}

	div.include_ipt a.inclnk {
		position: absolute;
		right: 10px;
		bottom: 10px;
	}

	.billing input.txtcode {
		width: calc(100% - 104px);
	}

	div.passdetail .row .billing.mwidth100 strong {
		display: block;
		margin-bottom: 10px;
	}

	div#divTravelInsurance {
		padding-top: 0;
	}

	.refundRoot.large .refundContent .refundPrice {
		justify-content: flex-start;
		align-items: start;
		height: 50px;
		padding-left: 15px;
	}

	.extendrefundterm .imgarrow {
		top: 195px;
		right: 23px;
	}

	div.refundRoot.large label.nonRefundable.jsRpLabel {
		padding: 15px 12px !important;
	}

	.pdetailbox .pinbx .doall span.yesno {
		width: calc(100% - 230px);
	}

	div.pdetailbox .pinbx .doall span.yesno i.fa-angle-down {
		right: 0;
	}

	div.refundRoot.large .refundSubHeader {
		padding-top: 10px;
	}

	.refundRoot input.yes[type="radio"]:checked+label::before {
		margin-right: 10px;
	}

	.refundRoot input.yes[type="radio"]:checked+label {
		height: 100px;
		align-items: flex-start;
	}

	div.refundRoot.large {
		padding: 10px;
	}

	.refundTitle .refundHeaderBadge {
		margin-bottom: 10px;
	}

	.protectionTextSuffix i.fa.fa-exclamation-triangle {
		display: none;
	}

	.refundRoot.large .protectionTextSuffix {
		padding-left: 15px;
	}

	.refundPrice .refundPerTicket,
	.include_ipt span {
		margin-top: 4px;
	}

	.imgarrow span {
		margin-top: 0px;
	}

	div.wrapper div.gendersection {
		justify-content: flex-start;
	}

	/* div.wrapper div.gendersection label.genchild::after{right: 18px;} */
	div.refundRoot label.refundable.jsRpLabel {
		align-items: flex-start;
		height: 53px;
		padding-bottom: 90px !important;
	}

	div.refundRoot.large label.nonRefundable.jsRpLabel {
		align-items: flex-start;
	}

	div.refundRoot label.refundable h3,
	.refundContent h3 {
		font-size: 14px !important;
	}
}





    
    /* ─────────── Header Top Bar ─────────── */
    .top-bar {
      background-color: #004274;
      border-bottom: 1px solid #e0e0e0;
      font-size: 0.9rem;
    }
    .top-bar .container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0.5rem 1rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .top-bar .left-info,
    .top-bar .right-info {
      display: flex;
      align-items: center;
      gap: 1.5rem;
    }
    .top-bar a {
       color: #fff;
    }
    .top-bar a:hover {
       color: #fff;
    }

    /* ─────────── Main Header/Nav ─────────── */
    header.main-header {
      background-color: #fff;
      color: #000;
    }
    header.main-header .container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 1rem 1rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .logo {
      font-size: 1.5rem;
      font-weight: bold;
      letter-spacing: 1px;
      cursor: pointer;
    }
    .nav-menu {
      display: flex;
      gap: 1.5rem;
    }
    .nav-menu a {
      color:#606668;
      font-size: 0.95rem;
      padding: 0.25rem 0.5rem;
      transition: background 0.2s;
    }
    .nav-menu a:hover {
      background-color: rgba(255, 255, 255, 0.2);
      border-radius: 3px;
    }

    
    /* ---------- RESET & BASE STYLES ---------- */
     
  
    #profile-overview ul {
      list-style: none;
    }
     #profile-overview   img {
      max-width: 100%;
      display: block;
    }

  #profile-overview input,
    select,
    textarea {
      font-family: inherit;
      font-size: 1rem;
      padding: 0.5rem;
      border: 1px solid #ccc;
      border-radius: 4px;
      width: 100%;
    
    }

    #profile-overview label {
      font-size: 0.95rem;
      margin-top: 1rem;
      display: block;
      color: var(--text-color);
    }*/

    /* ---------- CONTAINER LAYOUT ---------- */
    .page-wrapper {
      min-height: 100vh;
      display: flex;
      flex-direction: column;
    }
    .content-wrapper {
      flex: 1;
      width: 100%;
      max-width: 1200px;
      margin: 0 auto;
      padding: 40px 20px;
      display: flex;
      gap: 30px;
    }

    /* ---------- SIDEBAR ---------- */
.sidebar {
    background-color: #ffffff;
    border-radius: 12px;
    padding: 30px 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    width: 240px;
    margin: 0 auto;
    text-align: center;
    font-family: 'Poppins', sans-serif;
}
.sidebar .profile-pic {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 15px;
    border: 3px solid #ffb700;
}
.sidebar .profile-name {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 15px;
    color: #222;
}
.sidebar .logout-btn {
    background-color: #f44336;
    color: #fff;
    padding: 6px 25px;
    border: none;
    border-radius: 50px;
    font-size: 13px;
    cursor: pointer;
    margin-bottom: 20px;
    transition: 0.3s;
}
.sidebar .logout-btn:hover {
    background-color: #d32f2f;
}
.sidebar nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
}
.sidebar nav ul li {
    margin-bottom: 12px;
}
.sidebar nav ul li a {
    display: block;
    padding: 10px 20px;
    border-radius: 8px;
    color: #333;
    font-weight: 500;
    text-decoration: none;
    transition: 0.3s;
}
.sidebar nav ul li a:hover {
    background-color: #f9f9f9;
}
.sidebar nav ul li a.active {
    background-color: #ffb700;
    color: #fff;
}
    
    /* ---------- MAIN CONTENT ---------- */
    .main-content {
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: 30px;
    }
    /* Page Title */
    .main-content .page-title {
      font-size: 1.8rem;
      font-weight: 600;
      margin-bottom: 20px;
      color: #222;
    }

    /* Top Action Cards (“My Account” & “Billing Address”) */
    .action-cards {
      display: flex;
      gap: 20px;
      flex-wrap: wrap;
    }
    .action-cards .card {
      flex: 1;
      min-width: 240px;
      background: #FFFFFF;
      border-radius: 8px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.05);
      padding: 20px;
      display: flex;
      align-items: center;
      cursor: pointer;
      transition: transform 0.15s, box-shadow 0.15s;
    }
    .action-cards .card:hover {
      transform: translateY(-2px);
      box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    }
    .action-cards .card .icon-wrapper {
      width: 48px;
      height: 48px;
      background-color: #F0F8FF;
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 16px;
    }
    .action-cards .card .icon-wrapper svg {
      width: 24px;
      height: 24px;
      fill: #00aeef;
    }
    .action-cards .card .card-text {
      display: flex;
      flex-direction: column;
    }
    .action-cards .card .card-text h3 {
      font-size: 1rem;
      font-weight: 600;
      margin-bottom: 5px;
      color: #222;
    }
    .action-cards .card .card-text p {
      font-size: 0.875rem;
      color: #555;
    }


  /* ─────────── Table Styles ─────────── */
    table {
      width: 100%;
      border-collapse: collapse;
      margin-top: 1rem;
      font-size: 0.9rem;
    }
    table th,
    table td {
      text-align: left;
      padding: 0.75rem 0.5rem;
      border-bottom: 1px solid #eee;
    }
    table th {
      background-color: #f9f9f9;
      font-weight: 600;
      color: #00aeef;
    }
    .status-confirmed {
      color: #28a745;
      font-weight: 600;
    }
    .status-completed {
      color: #6c757d;
      font-weight: 600;
    }
    .action-link {
      color: var(--primary-color);
      font-weight: 500;
      transition: color 0.2s;
    }
    .action-link:hover {
      color: #00aeef;
    }
        /* ─────────── Section Cards ─────────── */
    .section-card {
     
      margin-bottom: 2rem;
      padding: 1.5rem;
          width: 100%;
    }
    .section-card h2 {
      font-size: 1.3rem;
      margin-bottom: 1rem;
      border-bottom: 1px solid #eee;
      padding-bottom: 0.5rem;
        color: #004274;
    text-transform: uppercase;
    }
.btn-primary {
    display: inline-block;
    padding: 0.5rem 1rem;
    background-color: #004274;
    color: #fff;
    border-radius: 3px;
    font-size: 0.9rem;
    margin-top: 0.75rem;
    transition: background 0.2s;
}


.profile-form-horizontal {
    display: flex;
    flex-direction: column;
    gap: 20px;
}



.profile-form-horizontal input[type="text"],
.profile-form-horizontal input[type="email"],
.profile-form-horizontal input[type="date"],
.profile-form-horizontal select {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    width: 100%;
}

.submit-btn {
    background-color: #4CAF50;
    color: white;
    padding: 12px 24px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
}

    /* RESPONSIVE ADJUSTMENTS */
    @media(max-width: 1024px) {
      .content-wrapper {
        flex-direction: column;
        padding: 30px 15px;
      }
      .sidebar {
        flex-direction: row;
        width: 100%;
        padding: 15px;
        align-items: center;
        justify-content: space-between;
      }
      .sidebar .profile-pic {
        display: none; /* hide on smaller */
      }
      .sidebar .profile-name {
        display: none;
      }
      .sidebar .logout-btn {
        display: none;
      }
      .sidebar nav {
        flex: 1;
        margin-left: 10px;
      }
      .sidebar nav ul {
        display: flex;
        gap: 12px;
      }
      .sidebar nav ul li a {
        font-size: 0.85rem;
        padding: 6px 10px;
      }
      .main-content {
        margin-top: 20px;
      }
    
    }



/* FLIGHTZON Multi-Step Styling */

.container {
  /*  max-width: 800px;
    margin: 40px auto;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0 20px rgba(0,0,0,0.05);
    padding: 30px;*/
}

.step-indicator {
    display: flex;
    justify-content: space-between;
    margin: 30px 0 20px;
    border-bottom: 2px solid #eee;
}

.step-indicator div {
    flex: 1;
    text-align: center;
    padding: 10px;
    font-weight: bold;
    color: #999;
    position: relative;
    transition: color 0.3s;
    cursor: pointer;
    font-size: 14px;
}
.step-indicator div span {
    display: block;
    font-size: 13px;
    margin-top: 4px;
}
.step-indicator .active {
    color: #000;
    border-bottom: 4px solid #FFC436;
}

.progress-bar-container {
    height: 6px;
    background: #eee;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 30px;
}
.progress-bar {
    height: 6px;
    background: #00AEEF;
    width: 33%;
    transition: width 0.3s ease-in-out;
}

.step-section {
    display: none;
    animation: fadeIn 0.4s ease-in-out;
}
.step-section.active {
    display: block;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.form-control {
    border: 2px solid #eee;
    border-radius: 6px;
    padding: 10px 12px;
    font-size: 15px;
    margin-bottom: 15px;
    transition: border-color 0.3s;
}

.form-control:focus {
    border-color: #00AEEF;
    box-shadow: 0 0 0 2px rgba(0,174,239,0.2);
}

.card {
    background: #f9f9f9;
    border-radius: 10px;
    padding: 20px;
}

.btn-step {
    margin-top: 20px;
    padding: 10px 25px;
    font-weight: bold;
    border-radius: 8px;
}

.btn-primary {
    background: #00AEEF;
    border: none;
    color: white;
}
.btn-primary:hover {
    background: #007ca3;
}

.btn-secondary {
    background: #ccc;
    border: none;
    color: #333;
}
.btn-secondary:hover {
    background: #bbb;
}

.btn-success {
    background: #FFC436;
    border: none;
    color: #000;
}
.btn-success:hover {
    background: #e6ae00;
}

.form-check-label {
    margin-left: 5px;
    font-size: 14px;
}

/* Mobile responsive */
@media (max-width: 600px) {
    .container {
        padding: 20px;
    }

    .step-indicator {
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }

    .step-indicator div {
        border-bottom: none;
        border-left: 4px solid transparent;
        text-align: left;
        width: 100%;
        padding-left: 10px;
    }

    .step-indicator .active {
        border-left-color: #FFC436;
    }

    .progress-bar-container {
        margin-top: -10px;
    }
}