﻿.box {
max-width: 1240px;
margin: 0 auto;
}

li {
list-style: none;
}

ul, p {
padding: 0px;
margin: 0px;
}



:root {
--primary-color: #081D59;
--secondary-color: #5ce0e6;
}


.header-n {
width: 100%;
background: rgb(0, 48, 73, 0.7);
padding: 12px 0px;
position: fixed;
top: 0;
z-index: 999;
background:linear-gradient(0deg, rgba(0, 0, 0, 0) -0.16%, rgba(0, 0, 0, 0.6) 50%);
}

.header-n{background: #023348;}
.header-n.home{background: linear-gradient(0deg, rgba(0, 0, 0, 0) -0.16%, rgba(0, 0, 0, 0.6) 50%);}

.header-n.scrolled{background:#023348}

.header-n .box {
max-width: 1200px;
padding: 0;
}

.header-n .box {
display: flex;
justify-content: space-between;
align-items: center;
}

.header-n .cta-no {padding: 7px 20px 7px 31px;font-size: 16px;font-weight: 400;color: #fff;border-radius: 21px;display: inline-block;margin: 0 6px;}

.header-n .cta-no.email {
padding: 5px 20px 9px 20px;
}

.header-n .cta-no.phone strong{display:block;font-size: 16.8px;font-weight: n;font-weight: normal;letter-spacing: 1px;line-height: 17px;}
.header-n .cta-no.phone{position:relative;font-size: 11px;padding-right:0px;margin-right:0px;transition:all ease 0.5s;}
.header-n .cta-no.phone i {position: absolute;left: 0px;top: 13px;}
.logo-n{width:180px;}
.header-n .menu{margin-right:10px;}
.header-n .menu ul{display:flex;gap:20px; margin:0px;}
.header-n .menu li a{font-size:16px; color:#fff; transition:all ease 0.5s;}
.header-n .menu li a:hover{color:#5ce0e6;}
.header-n .cta-no.phone:hover strong{color:#5ce0e6;}



.header-n .cta-no i {
    font-size: 25px;
    padding-right: 7px;
    position: relative;
    top: 3px;
    color: #5ce0e6;
}
.header-n .cta-no.email i{font-size:20px;}

.right-side {
    display: flex;
    align-items: center;
}

.support {
display: flex;
align-items: center;
margin-left: 15px;
}

.support .icon-img {
width: 60px;
margin-right: 10px;
position: relative;
}

.support .icon-img .dot {
width: 8px;
height: 8px;
background: #5ce0e6;
position: absolute;
top: 8px;
right: 0;
border-radius: 100%;
animation: blink-animation 1s steps(5, start) infinite;
-webkit-animation: blink-animation 1s steps(5, start) infinite;
}

@keyframes blink-animation {
to {
visibility: hidden;
}
}

@-webkit-keyframes blink-animation {
to {
visibility: hidden;
}
}

.support .text span {
font-size: 14px;
line-height: 18px;
color: #fff;
display: block;
}

.support .text a {
font-size: 22px;
color: var(--secondary-color);
font-weight: 600;
}

.support .text a:hover {
text-decoration: none;
}

.support .text a:hover {
color: #fff;
}




.header-n .icon-us {
width: 40px;
margin-right: 10px;
}

.banner {
background: url(../images/banner-new.jpg) left top no-repeat;
min-height: 500px;
background-size: cover;
}

.SearchEngContent {
text-align: center;
width: 100%;
max-width: 1152px;
margin: auto auto 15px;
padding: 10px 0px;
border-radius: 6px;
}

.SearchEngContent h1 {
    margin: 0;
    color: #fff;
    font-weight: 500;
    font-size: 48px;
    text-transform: uppercase;
    text-shadow: rgb(0, 0, 0, 0.9) 0px 2px 4px;
}

.SearchEngContent h1 span {
display: block;
font-size: 17px;
font-weight: 500;
color: #fff;
text-shadow: none;
margin-top: 2px;
}

.gat-top {
margin-top: 10px;
}

.gat-top .form-group{margin-bottom:0px;}

.airline-box {
position: relative;
}

.pre-air {
background: var(--secondary-color);
padding: 3px 20px 5px 20px;
font-size: 16px;
font-weight: bold;
color: #081d59;
border-radius: 21px;
display: inline-block;
margin: 0 6px;
cursor: pointer;
}

.air-popup {
position: absolute;
background: #fff;
padding: 10px;
top: 0px;
display: none;
}

.air-popup .text-truncate {
margin-bottom: 10px;
}

.btn-done {
background: #081d59;
border: none;
box-shadow: none;
height: 40px;
width: 100%;
color: #fff;
border-radius: 4px;
text-transform: uppercase;
cursor: pointer;
font-size: 14px;
font-weight: bold;
}

.btn-done:hover {
background: #5ce0e6;
color: #081D59;
}

.pre-air:hover {
background: #081d59;
color: #5ce0e6;
}

.footer-n {
width: 100%;
background: var(--primary-color);
padding: 20px 0px;
}

.result-popup .load-in-call {
background: #5ce0e6;
padding: 7px 20px;
font-size: 18px;
font-weight: bold;
color: #081d59;
border-radius: 21px;
display: inline-block;
margin: 10px 0 0 0;
}

.result-popup .load-in-call:hover {
text-decoration: none;
background: #081d59;
color: #5ce0e6;
}


.footer-n .footer-logo a {
display: inline-block;
width: 190px;
}

.footer-n .footer-link, .footer-n .footer-link ul {
width: 100%;
}

.footer-t {
padding-bottom: 10px;
margin-bottom: 10px;
}

.footer-n .footer-link ul {
display: flex;
margin: 0px;
justify-content: end;
}

.footer-n .footer-link li {
margin: 0px 10px;
list-style: none;
}

.footer-n .footer-link li a {
color: #fff;
font-size: 15px;
}

.footer-n .footer-link li a:hover {
text-decoration: none;
color: #5ce0e6
}

.footer-b {
width: 100%;
}

.footer-logo {
width: 25%;
}

.footer-n .footer-link {
width: 75%;
}


.footer-b h5 {
font-size: 15px;
color: #fff;
margin-bottom: 10px;
font-weight: 500;
text-transform: uppercase;
}

.footer-b {
width: 100%;
display: flex;
}

.footer-b .col-n-3 {
width: 33.33%;
padding: 0 10px;
text-align: right;
}

.footer-b .col-n-6 {
width: 66.66%;
padding: 0 10px;
}

.footer-b ul {
display: flex;
align-items: center;
margin-bottom: 0px;
}

.footer-b li {
margin-right: 10px;
}

.footer-b li img {
max-height: 45px;
}

.footer-b .col-n-3 li {
margin-left: 20px;
}

.footer-b li a i {
font-size: 20px;
color: #fff;
}

.footer-b li a:hover i {
color: var(--secondary-color);
}

.footer-b .col-n-3 ul {
float: right;
}


.container-n {
width: 100%;
padding: 0;
}

.service {
width: 100%;
padding: 30px 0px;
}

.service ul {
width: 80%;
}

.service li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: left;
padding: 0 20px;
margin-bottom: 40px;
}

.service li .icon-b {
width: 70px;
margin-right: 10px;
height: 70px;
padding: 5px;
border-radius: 100%;
}

.service li .text-b {
width: 100%;
}

.service li .text-b h4 {
font-size: 16px;
line-height: 20px;
margin-bottom: 0px;
}

.service li .text-b p {
font-size: 18px;
line-height: 28px;
}

.service li img {
max-width: 100%;
margin-bottom: 20px;
}

.service li h3 {
font-size: 20px;
color: #081D59;
font-weight: 600;
}

.service li p {
font-size: 16px;
line-height: 26px;
}
/*
.service li:hover {
box-shadow: rgb(8 29 89) 4px 4px 9px;
}*/
.service .box {
display: flex;
align-items: center;
}

.service .imgb {
width: 40%;
}

.service .right-col {
width: 60%;
padding-left: 5%;
}

.site-copy {
width: 100%;
padding: 10px 0px;
text-align: center;
font-size: 13px;
line-height: 24px;
background: #023348;
color: #fff;
}

.site-copy p {
margin-bottom: 0px;
}

.site-copy a {
     color:#fff;
}

.site-copy .disclaim {
text-align: left;
font-size: 14px;
line-height: 22px;
padding-top: 10px;
}

.our-customer {
width: 100%;
text-align: center;
margin-bottom: 50px;
}

.our-customer img {
margin-bottom: 20px;
}

.our-customer p img {
width: 80px;
margin: 0px;
}

.our-customer p a {
color: #000;
}

.clas-flgt {
padding-right: 16px;
position: relative;
cursor: pointer;
line-height: 20px;
font-size: 15px;
text-transform: uppercase;
color: #000;
font-weight: 600;
display: inline-block;
}

.clas-flgt:after {
content: "";
border: solid black;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 3px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
position: absolute;
right: 0px;
top: 3px;
}

.economy-div {
display: inline-block;
position: relative;
}

.dd-cl {
position: absolute;
z-index: 9;
background: #ffffff;
padding: 10px 13px;
width: 200px;
border-radius: 5px;
display: none;
}

.dd-cl li {
font-size: 14px;
cursor: pointer;
color: #081d59;
text-align: center;
padding: 8px 0px;
}

.dd-cl li ~ li {
border-top: 1px solid #cccccc;
}

.dd-cl li.active {
font-weight: bold;
}

.header-n .cta-no, .footer-n .footer-link li a, .footer-b li a i, .service li {
transition: all ease 0.5s;
}


.pagetitle {
width: 100%;
text-align: center;
padding: 100px 0px 0 0;
}

.pagetitle h2 {
font-size: 30px;
line-height: 36px;
color: #172120;
margin-bottom: 10px;
}

.pagetitle p {
font-size: 17px;
line-height: 25px;
color: #172120;
}

.contact-us-n {
width: 100%;
display: flex;
padding: 50px 0px;
justify-content: space-between;
}

.contact-us-n .box {
width: 100%;
display: flex;
justify-content: space-between;
}

.contact-us-n .address {
width: 40%;
background: #F4F4F4;
padding: 30px;
}

.contact-us-n .form-cont {
width: 58%;
}

.btn-danger {
background-color: #081d59 !important;
border-color: #081d59 !important;
}


.btn:hover, .btn-danger:focus, .fare-btn:hover {
background-color: #5ce0e6 !important;
color: #212529 !important;
}

.modify-search h4 {
background: #5ce0e6;
padding: 5px 20px;
font-size: 18px;
font-weight: bold;
color: #081d59;
border-radius: 21px;
display: inline-block;
margin: 0 15px 0 0 !important;
text-shadow: none;
}

.modify-search-b {
display: none;
margin-bottom: 15px;
}

.modify-column {
width: 100%;
}

.modify-column .col-n {
width: calc(33% - 10px);
margin: 0px 5px;
}

.modify-column .top-row {
display: flex;
align-items: end;
margin-bottom: 10px;
}

.modify-column .search-box label {
margin-bottom: 0px;
}

.info-popup {
position: relative;
}

.info-popup .icon {
width: 30px;
}

.info-popup .info {
background: #081D59;
padding: 10px;
border-radius: 10px;
position: absolute;
bottom: 50px;
width: 90px;
display: none;
right: 0px;
z-index: 99;
text-align: center;
}

.info-popup .info:after {
content: "";
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 12px solid #081D59;
position: absolute;
right: 14px;
bottom: -10px;
}

.info-popup:hover .info {
display: block;
}

.info-popup .info p {
font-size: 13px;
line-height: 17px;
color: #fff;
margin: 0px;
padding-bottom: 10px;
}

.f1_resultboxleft .info-popup .info p {
padding-bottom: 0px;
}


.waiting-b {
background: #e9feff;
width: 70%;
text-align: center;
padding: 30px 50px;
border-radius: 5px;
}

.waiting-b .logo {
width: 250px;
display: inline-block;
margin-bottom: 15px;
}

.processing {
width: 100%;
margin-bottom: 20px;
}

.processing p {
font-size: 20px;
line-height: 30px;
padding-bottom: 10px;
}

.processing .progress {
background: rgba(255,255,255,0.1);
justify-content: flex-start;
align-items: center;
position: relative;
display: flex;
height: 10px;
max-width: 500px;
background: #777777;
margin: 0 auto;
}

.processing .progress-value {
animation: load 5s normal infinite;
background: #081D59;
height: 10px;
width: 0;
}

@keyframes load {
0% {
width: 0;
}

50% {
width: 100%;
}
}

.waiting-b h4 {
font-size: 24px;
line-height: 32px;
color: #004aab;
margin-bottom: 20px;
}

.waiting-b .service-w {
width: 100%;
margin-bottom: 10px;
}

.waiting-b .service-w ul {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
border-top: 2px solid #8c99a1;
border-bottom: 2px solid #8c99a1;
padding: 10px 0px;
}

.waiting-b .service-w li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: left;
width: 30%;
padding: 0 1.5%;
}

.waiting-b .service-w li .icon-b {
width: 50px;
margin-right: 10px;
}

.waiting-b .service-w li .text-b {
width: calc(100% - 60px);
}

.waiting-b .service-w li .text-b h4 {
font-size: 16px;
line-height: 20px;
margin-bottom: 0px;
}

.waiting-b .service-w li .text-b p {
font-size: 13px;
line-height: 20px;
}

.waiting-b h5 {
font-size: 20px;
line-height: 28px;
margin-bottom: 15px;
color: #004aab;
}

.waiting-b .call-btn {
background: #0149ad;
font-size: 20px;
font-weight: bold;
color: #fff;
padding: 8px 20px;
display: inline-block;
border-radius: 20px;
box-shadow: rgba(0,0,0, 0.4) 0px 4px 3px;
transition: all ease 0.5s;
}

.waiting-b .call-btn:hover {
background: #5ce0e5;
color: #0149ad;
text-decoration: none;
}


a:hover {
text-decoration: none;
}

.top-title-info {
width: 100%;
padding: 10px 10px 0px 10px;
}

.top-title-info p {
font-size: 14px;
line-height: 18px;
color: #000;
margin: 0px;
}

.common-text {
width: 100%;
padding:100px 0px 50px 0px;
}

.top-tittle {
font-size: 40px;
text-transform: uppercase;
margin-bottom: 40px;
text-align: center;
}

.common-text h3 {
font-size: 26px;
line-height: 32px;
margin-bottom: 8px;
}

.common-text h4 {
font-size: 22px;
line-height: 28px;
margin-bottom: 5px;
}

.common-text p, .common-text li {
font-size: 16px;
line-height: 23px;
color: #000;
}

.common-text .list-dot, .common-text .list-no {
padding-left: 20px;
}

.common-text .list-dot li {
list-style: disc;
margin-bottom: 10px;
}

.common-text .list-no li {
list-style: auto;
margin-bottom: 10px;
}

.pfdetailsbook-tan {
width: 100%;
background: #081d59;
color: #fff;
font-size: 18px;
line-height: 24px;
padding: 10px 20px;
display: flex;
justify-content: space-between;
align-content: center;
}

.pfdetailsbook-tan h4 {
margin-bottom: 0px;
font-size: 24px;
color: #fff;
}

.pfdetailsbook-tan .flght-d {
padding-right: 25px;
position: relative;
cursor: pointer;
transition: all ease 0.5s;
}

.pfdetailsbook-tan .flght-d:after {
content: "\f107";
font-size: 24px;
color: #5ce0e6;
font-family: FontAwesome;
position: absolute;
right: 0px;
}

.pfdetailsbook-tan .flght-d.active:after {
transform: rotate(180deg);
}

.pfdetailsbook-tan .flght-d:hover {
color: #5ce0e6;
}

.term-text, .term-box {
width: 100%;
padding: 0 25px;
}

.term-box {
padding-top: 20px;
}

.term-text {
display: none;
}

.term-text.active {
display: block;
}

.term-text .common-text {
border: 1px solid #ccc;
padding: 17px;
height: 400px;
overflow-y: scroll;
}

.term-text .common-text h3 {
margin-bottom: 5px;
font-size: 22px;
}

.term-text .common-text .top-tittle {
text-align: left;
margin-bottom: 6px;
font-size: 26px;
}

.term-text .common-text p, .term-text .common-text li {
font-size: 14px;
line-height: 20px;
color: #000;
margin-bottom: 10px;
}

.person-detail {
width: 100%;
padding: 20px 25px 20px 25px;
}

.person-detail .contectpax_box {
padding: 0px;
}

.person-detail p {
font-size: 12.5px;
font-weight: 600;
color: #535353;
margin-bottom: 0;
}

.person-detail .contectpax_box .contpax_item:first-child {
padding-left: 0px;
}

.term-box .paxatol_som {
padding-left: 24px;
position: relative;
}

.term-box .form-check-input {
left: 0;
margin-left: 0px;
}

.term-box .paxatol_som label {
display: inline-block;
padding-bottom: 10px;
font-size: 13px;
line-height: 20px;
}

.right-payment.stick {
position: fixed;
top: 0px;
}

.steps {
width: 100%;
padding: 20px 0px;
}

.steps ul {
display: flex;
}

.steps li {
width: 33.33%;
border-bottom: 4px solid #7d8aaf;
padding-bottom: 10px;
font-size: 16px;
}

.steps li span {
display: inline-block;
width: 30px;
height: 30px;
border: 1px solid #000;
background: #ececec;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
text-align: center;
line-height: 28px;
margin-right: 10px;
}

.steps li.before-active {
color: #6588ea;
border-color: #6588ea;
}

.steps li.before-active span {
background: #6588ea;
border: 3px solid #6588ea;
color: #ffff;
line-height: 24px;
}

.steps li.active {
color: #081D59;
border-color: #011da2
}

.steps li.active span {
background: #011da2;
border: 3px solid #b6dbff;
color: #ffff;
line-height: 24px;
}

.flex-div {
display: flex;
}

.pbook-right .right-payment, .rightSecConf .right-payment, .div-sticky .right-payment {
position: sticky;
top: 70px;
}

.cookies {
width: 320px;
position: fixed;
right: 10px;
bottom: 10px;
border: 2px solid #dfe9fd;
background: #fff;
z-index: 999999;
}

.cookies h3 {
background: #081d59;
color: #fff;
padding: 6px 15px;
margin-bottom: 0px;
font-size: 20px;
}

.cookies .text p {
margin-bottom: 0px;
padding-bottom: 15px;
}

.cookies h3 span {
float: right;
cursor: pointer;
}

.cookies .text {
width: 100%;
padding: 15px;
}

.cookies .continue {
background: #081d59;
width: 100%;
text-align: center;
color: #fff;
font-size: 16px;
font-weight: bold;
padding: 7px 0px;
cursor: pointer;
}

section.f_procsec {
z-index: 9999;
}


.card-info {
font-size: 13px;
line-height: 18px;
}

.under-process .textb {
background: #081d59;
color: #fff;
padding: 15px;
margin-bottom: 15px;
border-radius: 10px
}

.under-process .textb p {
font-size: 14px;
line-height: 20px;
margin-bottom: 0px;
}

.under-process .textb p:first-child {
padding-bottom: 10px;
}

.under-process .textb p a {
font-size: 18px;
color: #5ce0e6;
font-weight: bold;
}

.under-process .textb p a:hover {
color: #fff;
text-decoration: none;
}

.under-process .processing .progress {
background: #081d59;
}

.under-process .processing .progress-value {
background: #5ce0e6;
}

.btm-underp {
background: #081d59;
color: #fff;
padding: 15px;
margin-bottom: 15px;
border-radius: 10px
}

.counter-in {
width: 130px;
height: 130px;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
font-weight: bold;
background: url(../images/img-clock.png) left top no-repeat;
background-size: 100%;
margin-top: 10px;
}

#counter {
display: flex;
text-align: center;
}


.quick-pay {
padding: 50px 0px;
}

.quick-pay .inner-b {
border: 1px solid #081d59;
margin: 0 auto;
display: block;
max-width: 600px;
}

.quick-pay .inner-b h3 {
background: #081d59;
color: #fff;
text-align: center;
padding: 10px 0px;
margin: 0px;
}

.quick-pay .textb {
padding: 20px;
width: 100%;
}

.quick-pay .textb .info {
font-size: 12px;
margin-bottom: 0px;
}

.quick-pay .textb .checl-lbl {
padding-left: 30px;
}

.quick-pay .textb .checl-lbl:before {
left: 0px;
}

.quick-pay .form-control {
border-color: #000;
}


.newdesign {width:100%; padding:50px 0px 10px 0px; position:relative;}
.newdesign .right-col{width:100%;padding-left:0px;}
.newdesign ul{width:100%;display:flex;gap:15px;}
.newdesign li{width: 33%;padding: 35px 20px;margin-bottom: 0px;border-radius: 5px;flex-flow:wrap;justify-content: center;background:#f1f1f1;}
.newdesign li h3{font-size:18px;text-transform:uppercase;margin-bottom:2px;color:#444;}
.newdesign li .text-b{text-align:center;}
.newdesign li .text-b p{font-size:14px;line-height:22px; color:#555;}
.newdesign li .icon-b{width:80px;height:80px; text-align:center; margin:0px 0px 10px 0px;}
.heading-m{font-size:30px;color:#000;text-align:center;padding-bottom:20px;line-height:28px;position:relative;margin-bottom:30px;}
.heading-m:before{content:""; width:100px;height:6px;background:#081d59;position:absolute;left:50%;transform:translateX(-50%);bottom:0px;display:none;}
.newdesign .box{position:relative;z-index:2;}

.best-deal{width:100%;padding:30px 0px;}
.best-deal h2{font-size:28px;margin:0 0 30px 0px;}
.best-deal .row-n{width:100%;display:flex;overflow:hidden;gap:20px;}
.best-deal .row-n .r-col{width:33%;position:relative;border-radius:8px;}
.best-deal .row-n .r-col img{border-radius:8px;}
.best-deal .row-n .r-col h4 {position: absolute;bottom: 0px;width: 100%;background: rgba(0, 0, 0, 0.6);color: #fff;padding: 15px;z-index: 9;margin: 0px;text-align: center;font-size: 24px;border-radius:0px 0px 8px 8px;}
.best-deal .row-n .r-col .caption{position: absolute;top: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);width: 100%;padding: 20px;border-radius:8px;}
.best-deal .row-n .r-col .caption li{padding: 5px 0px;border-bottom: 1px solid #fff;}
.best-deal .row-n .r-col .caption li a {display: flex;justify-content: space-between;color: #fff;}
.best-deal .row-n .r-col:hover h4{bottom:-100%;}
.best-deal .row-n .r-col:hover .caption{top:0px;}

.subscribe{width:100%;padding:30px 0px;text-align:center;margin:40px 0px 0px 0px; background:url(../images/bg-subscribe.jpg) no-repeat center fixed; position:relative;}
.subscribe:before {position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);z-index:1;}
.subscribe form{position:relative;}
.subscribe .input::-webkit-input-placeholder{color:#000;}
.subscribe .input{height: 60px;line-height: 60px;padding:0 230px 0 45px;margin-bottom: 0px;color: #000;width: 100%;border-radius: 30px;  border:none;}
.subscribe form{display:flex; width:700px;margin:0 auto;}
.subscribe .c-btn{width: 30%;background: #023348;color: #fff;position: absolute;right: 6px;min-height: 50px;border-radius: 30px;top: 6px;}
.subscribe p{font-size:18px;line-height:23px;margin-bottom:15px;}
.subscribe .container{position:relative;z-index:2;}
.subscribe .heading{text-transform:uppercase;color:#fff;font-size: 22px;}
.subscribe p{color:#fff;}
.subscribe form i{position: absolute;left: 20px;top: 20px;font-size: 17px; color:#023348}



.desination{width:100%;padding:40px 0 0 0;}
.desination ul{width:100%;display:flex;gap:28px;flex-flow:wrap;}
.desination li{position:relative;border-radius:6px;width:calc(33% - 15px)}
.desination li:nth-child(2n+1){width: calc(66% - 2px);}
.desination li:first-child{order:1;}
.desination li:nth-child(2){order:2;}
.desination li:nth-child(4){order:3;}
.desination li:nth-child(3){order:4;}
.desination li:nth-child(5){order:5;}
.desination li:nth-child(6){order:6;}
.desination li img{width:100%;border-radius:20px;}
.desination li:before{content: '';background: linear-gradient(180deg, rgba(0, 0, 0, 0) 42.19%, #000000 100%);position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;transition: all .5s;border-radius:6px; display:none;}
.desination li h5{font-size: 26px;font-weight: 500;margin-bottom: 5px; color:#fff; margin-bottom:12px;}
.desination li:hover:before{background: rgb(0 0 0 / 30%);}
.desination li .textb {width: 100%;position: absolute;left: 0px;bottom: 0px;text-align: center;padding: 15px 10px 20px 10px;z-index: 2;background: rgb(0, 0, 0, 0.3); border-radius:0px 0px 22px 22px;}
.desination li .textb .btn-view {border: none;background-color: #023348;border-radius: 4px;color: #ffffff;letter-spacing: 0px;min-width: 110px;
padding: 8px 15px;}

.desination .heading-m{margin-bottom:0px;}
.desination p{text-align:center;padding:0 20% 20px 20%}

.search-tab ul{display:flex;}
.search-tab li{margin-right:2px;}
.search-tab li a{display:inline-block;padding:10px 15px;background:#081d59;color:#fff;}
.search-tab li a.active{background:#fff;color:#081D59;}
.hotel-content .ac_input,.hotel-content .select {font-size: 14px;width: 100%;height: 50px;border: 1px solid #464646;background: #fff;box-shadow: none;border-radius: 4px;padding: 5px 30px 5px 10px;}
.hotel-content .row{padding-left:15px;align-items: end;}
.hotel-content .col-lg-2,.hotel-content .col-lg-4,.hotel-content .col-lg-3{padding:0 5px;margin:10px 0px;}
.hotel-content .inputb{position:relative;}
.hotel-content .inputb i{position:absolute;right:10px;font-size:20px;top:16px;color:#081d59;}
.hotel-content .inputb i.fa-mobile{font-size:28px;top:13px;}
.hotel-content .inputb .submit-btn{background: #081d59;border: none;box-shadow: none;height: 50px;width: 100%;color: #fff;border-radius: 4px;text-transform: uppercase;cursor: pointer;font-size: 14px;font-weight: bold;}
.hotel-content .inputb label{font-weight: 600;position: absolute;background: #fff;font-size: 11px;top: -8px;left: 4px;padding: 0 10px;border-radius: 6px;}
.hotel-content .col-lg-3:nth-child(4) ~ .col-lg-3{margin-bottom:0px;}

.hotel-content .inputb .dd-box{width:100%;background:#fff;width:500px;box-shadow: rgba(0,0,0,0.5) 0px 10px 10px;position:absolute;left:0px;top:50px;display:none; z-index:9}
.main-search .box{position:relative; z-index: 2;}

.travelers-b{display:flex; justify-content:space-between;padding:20px 15px 10px 15px;}
.travelers-b h2{background: #346cb3;text-transform: uppercase;font-size:20px;color: #fff;line-height: 30px;padding:4px 30px;font-weight: normal;margin-bottom:10px;text-align:center;}
.travelers-b .passengers-col,
.travelers-b .class-col{width:48%;}
.travelers-b .passengers-col li{display:flex;justify-content:space-between;padding-bottom:7px;margin-bottom:7px; border-bottom: 1px solid #d7d7d7;align-items:center;}
.travelers-b .passengers-col li:last-child,.travelers-b .class-col li:last-child{border: none;;}
.travelers-b .passengers-col li .btn-c{width:40%;display:flex;}
.travelers-b .passengers-col li .btn-c input{width:30px; height:30px;text-align:center;font-size:15px;border:none;}
.travelers-b .passengers-col li .btn-c input[type="button"]{background:#346cb3;color:#fff;font-weight:bold;cursor:pointer;}
.travelers-b .passengers-col li .btn-c input[type="button"]:hover{background:#94c83d;color:#fff;}
.travelers-b .passengers-col li span{font-size: 15px;font-weight: 500;}
.travelers-b .class-col li{text-align:left;font-size:14px;cursor:pointer;padding:4px 15px;}
.travelers-b .class-col .dont-btn{background:#346cb3;color:#fff;cursor:pointer;padding:5px 0px;margin-top:10px;text-align: center;}
.travelers-b .class-col li.active{color: #ffffff;font-weight: 500;background: #081d59;}
.travelers-b .class-col ul{display:flex;width:100%; border:1px solid #081D59;border-radius:5px;}
.hotel-content .inputb .p-room{position: absolute;right: 47px;top: 14px;font-size: 14px;color: #232323;}
.travelers-b .child-age{width: 45%;float: left;margin-bottom: 10px;margin-right: 11px;display:none;}
.travelers-b .child-age label{position:initial;font-size:14px;margin:0px;padding-left:0px;}
.travelers-b .child-age .select{position:initial;height:36px;}
.travelers-b .child-age.active{display:block;}

.search_widget.active{display:block;}

.best-deal .row-n .r-col h4, .best-deal .row-n .r-col .caption {
    transition: all ease 0.5s;
}



.footer{width:100%; padding:50px 0px 25px 0px;background:#75cec9;}
.footer-t{width:100%;}
.footer-t,.site-copy{position:relative;z-index:1;}
.footer-n-e .footer-logo a {display: inline-block;width: 190px;}
.footer-n-e .footer-link, .footer-n-e .footer-link ul {width: 100%;}
.footer-t .box{display: flex;}
.footer-t .col-01{width:25%; padding:0 15px;}
.footer-t .col-01:last-child{width:24%;}
.footer-t .col-01:last-child .add{margin-bottom:0px;}
.footer-t .col-01 h5{font-size:18px;color: #172120;line-height:24px;text-transform:uppercase;font-weight:500;position:relative;margin-bottom:15px;}
.footer-t .col-01 h5 p{color:#172120;}
.footer-t .col-01 li{color: #172120;font-size:14px;padding:5px 0px 0px 0px;}
.footer-t .col-01 li a{color: #172120;font-size:14px;position:relative;padding-left:15px; font-weight:500;}
.footer-t .col-01 li a:before {content: '';width: 7px;height: 11px;flex-shrink: 0;background-image: url(../images/angle-right.7.svg);
background-position: center;background-size: contain;margin-right: 10px; position:absolute; left:3px; top:4px;}
.footer-t .col-01:last-child li a{padding-left:0px;}
.footer-t .col-01:last-child li a:before{display:none;}
.footer-t .col-01 li a:hover,.footer-t .col-01 li a:hover:before{color:#172120; text-decoration:underline;}
.footer-t .follow{width:100%;}
.footer-t .follow h5{margin-bottom:10px;padding-bottom:10px;}
.footer-t .follow ul{display:flex;gap:15px;margin-bottom:0px;}
.footer-t .follow li a{font-size:20px;}
.footer-t .add li{position:relative;padding:0 ;font-size:14px;line-height:20px; margin-bottom:10px; display:inline-flex; align-items:center; gap:15px; font-weight:500;}
.footer-t .add li a{font-size:14px;line-height:20px;}
.footer-t .add li .icon {font-size: 20px;color: #172120;width: 35px;height: 35px;border: 2px solid #172120;border-radius: 50%; text-align:center;line-height:32px;}
.footer-t .add li .icon i{width:33px; height:33px;}

.our-partner ul {display: flex;justify-content: center;gap: 20px;color: #fff;padding: 20px;}
.our-partner li img{max-height:65px;}
.footer-t .col-01.about-f p{font-size:14px;font-weight:500; color:#172120;}

.disclaim{width:100%;font-size: 13px;line-height: 20px;text-align: justify;color: #172120;font-weight: 400;}
.disclaim a{color:#172120;}
.disclaim .footer-text{width:100%; padding:10px 0px 0px 0px;}
.disclaim .footer-text p{padding-bottom:10px;}


.dream-des{width:100%;padding:40px 0px 0px 0px;}
.dream-des ul{columns: 4;gap: 16px;}
.dream-des li{margin-bottom:16px;position:relative;overflow:hidden;border-radius:20px;}
.dream-des li img {width: 100%;border-radius: 10px;-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out; border-radius:20px;}
.dream-des li:hover img{-webkit-transform: scale(1.2);transform: scale(1.2);}
.dream-des li .textb{position: absolute;bottom: 0px;left: 0;display: flex;text-align: center;flex-direction: column;vertical-align: middle;justify-content: center;width: 100%;color: #fff;align-items: center;padding: 20px;z-index: 1;}
.dream-des li .hover-text{max-height:0px;overflow:hidden;}
.dream-des li:after{content: '';background: linear-gradient(180deg, rgba(0, 0, 0, 0) 60.19%, #000000 100%);position: absolute;left: 0;top: 0;
width: 100%;height: 100%;z-index: 0;border-radius:10px;}
.dream-des li h4{font-size:24px;color:#fff;}
.dream-des li .hover-text strong{color:#fff;}
.dream-des li .hover-text p{color:#fff;padding-bottom:15px;}
.dream-des .top-text{width:100%;padding-bottom:20px;text-align:center;}




/*======Responsive ===========*/
img {
    max-width: 100%;
}

@media only screen and (max-width:1920px) { /*1300*/

}

@media only screen and (max-width:1400px) { /*1300*/
.banner {
background: url(../images/banner-new-laptop.jpg) left top no-repeat;
min-height: 600px;
background-size: cover;
}
}

@media only screen and (max-width:1299px) { /*1200 - 1024 */
.waiting-b {
padding: 30px;
}

.waiting-b .logo {
width: 200px;
margin-bottom: 10px
}

.processing {
margin-bottom: 10px;
}

.processing p {
padding-bottom: 0px;
margin-bottom: 10px;
font-size: 16px;
line-height: 20px;
}

.waiting-b h4 {
font-size: 18px;
line-height: 24px;
margin-bottom: 10px;
}

.waiting-b .service-w li {
width: 33.33%;
}

.waiting-b .service-w li .text-b p {
margin-bottom: 0px;
line-height: 16px;
}

.waiting-b .service-w li .icon-b {
width: 40px;
}

.waiting-b .service-w li .text-b {
width: calc(100% - 50px);
}

.waiting-b h5 {
font-size: 18px;
line-height: 24px;
margin-bottom: 10px;
}

.waiting-b .call-btn {
font-size: 18px;
padding: 6px 20px;
}

section.f_procsec {
z-index: 999;
}

.waiting-b .logo img {
width: auto;
}
}

@media only screen and (max-width:1199px) { /*1024 */
.box {
padding: 0 20px;
}

.searchfromab {
padding: 0 20px;
}

.search_widget {
top: 0px;
}

.search_widget form {
flex-direction: column;
flex-flow: row wrap;
}

.search_widget form .widget_destInput {
width: 100%;
margin-bottom: 10px;
}

.search_widget form .widget_datePicker {
width: 80%;
}

.search_widget form .sw_btn {
width: 20%;
padding-right: 5px;
}

.search_widget form .sw_btn input {
background: #062047;
}

.search-box label {
font-size: 12px !important;
margin: 8px 0 2px 0;
}

.form-control {
font-size: 13px;
}

.header-n .cta-no {
font-size: 17px;
}

.custom-control-label {
font-size: 15px;
}

.common-text {
padding: 40px 0px;
}

.top-tittle {
font-size: 32px;
margin-bottom: 20px;
}
}

@media only screen and (max-width:1023px) { /*768*/
.box {
padding: 0 20px;
}

.header-n .box {
padding: 0 20px;
}

.header-n .cta-no {
font-size: 16px;
}

.header-n .cta-no i {
font-size: 20px;
}

.header-n .cta-no.email {
padding: 5px 10px 8px 10px;
font-size: 13px;
width: 240px;
}

.footer-b .col-n-3 li {
margin-right: 15px;
}

.header-n .icon-us {
margin-left: 10px;
width: 30px;
}

.search-box label {
font-size: 12px;
}

.pd-lr12 {
font-size: 12px;
}

.support {
width: 238px;
}

.support .text span {
font-size: 13px;
}

.support .text a {
font-size: 20px;
}

.banner {
min-height: 450px;
}

.service ul {
width: 100%;
}

.service li h3 {
margin-bottom: 0px;
}

.service li .text-b p {
font-size: 16px;
line-height: 24px;
}

.waiting-b .service-w li .text-b h4 {
font-size: 14px;
line-height: 18px;
margin-bottom: 5px;
}

.waiting-b .service-w ul {
margin-bottom: 10px;
}

.waiting-b h4 {
font-size: 16px;
line-height: 22px;
}

.waiting-b .service-w li {
text-align: center;
flex-flow: column;
}

.waiting-b .service-w li .icon-b, .waiting-b .service-w li .text-b {
width: 100%;
}

.waiting-b .service-w li .icon-b img {
max-width: 50px;
}

.main_li_summry li {
font-size: 14px;
}

.info-popup .icon {
width: 25px;
}

.steps li {
font-size: 15px;
}

.flex-div {
flex-flow: wrap;
}

.term-box p {
font-size: 14px;
line-height: 22px;
}

.term-text .common-text .top-tittle {
font-size: 24px;
line-height: 32px;
}

.term-text .common-text h3 {
font-size: 20px;
}

.common-text {
padding: 35px 0px;
}

.box {
padding: 0 15px;
}

.top-tittle {
font-size: 28px;
margin-bottom: 20px;
}

.common-text p {
font-size: 14px;
line-height: 21px;
margin-bottom: 10px;
}

.contact-us-n .address {
padding: 20px;
}

.contact-us-n .address h4, .contact-us-n .form-cont h3 {
font-size: 20px;
}

.form-cont .form-control {
font-size: 14px;
padding: 5px 10px;
}

.contact-us-n .address p {
font-size: 14px;
line-height: 19px;
}
}

@media only screen and (max-width:767px) {
.header-n .box {
padding: 0 20px;
}

.header-n .cta-no span {
display: none;
}

.header-n .cta-no {
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
padding: 0px;
}

.logo-n {
width: 170px;
}

.header-n .cta-no i {
font-size: 23px;
padding: 0px;
top: 2px;
}

.searchfromab {
padding: 0 15px;
}

.SearchEngContent {
padding: 10px;
}

.SearchEngContent h1 {
font-size: 24px;
}

.SearchEngContent h1 span {
font-size: 14px;
line-height: 18px;
}

.header-n {
border: none;
}

.check-custom .checkmark:after {
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}

.checkbox label.check-custom {
color: #fff;
}

.service {
padding: 30px 0px;
}

.service ul {
display: block;
}

.service li {
width: 100%;
margin: 0px;
margin-bottom: 15px;
padding: 20px 10px;
}

.service li p {
font-size: 15px;
line-height: 21px;
}

.our-customer h3 {
font-size: 22px;
line-height: 28px;
}

.footer-t, .footer-b {
display: block;
}

.footer-logo {
margin-bottom: 10px;
}

.footer-logo,
.footer-n .footer-link {
width: 100%;
text-align: center;
}

.footer-n .footer-link ul {
justify-content: center;
flex-flow: wrap;
}

.footer-n .footer-link li {
margin: 5px 4px;
}

.footer-b .col-n-3 {
width: 100%;
margin-bottom: 25px;
padding: 0px;
}

.check-custom .checkmark {
width: 18px;
height: 18px;
}

.check-custom .checkmark:after {
width: 8px;
height: 8px;
}

.checkbox label.check-custom {
padding-left: 28px;
font-size: 14px;
line-height: 16px;
}

.custom_input i {
color: #fff;
}

.custom_input.m-loca label.demo-label.input-has-value {
padding-left: 0px;
line-height: 16px;
margin-bottom: 0px;
}

.banner {
min-height: 700px;
}

.search_widget form .sw_btn {
width: 100%;
}

.clas-flgt:after {
display: none;
}

.pax_dropdown.mobi-clas .boxs1.clas-flgt img {
display: none;
}

.search_widget form .widget_datePicker {
width: 100%;
}

.header-n .cta-no.email {
padding: 0px;
}

.header-n .cta-no.email i {
top: 0px;
font-size: 20px;
}

.footer-b .col-n-6 {
width: 100%;
padding: 0px;
border-bottom: 1px solid var(--secondary-color);
padding-bottom: 10px;
margin-bottom: 10px;
}

.footer-b .col-n-6 ul {
flex-flow: wrap;
justify-content: center;
}

.footer-b .col-n-6 li {
width: calc(20% - 10px);
margin: 10px 5px;
text-align: center;
}

body {
padding-top: 59px;
}

.f1_bookprice {
padding: 0px !important
}

.header-n .cta-no.email {
width: 35px;
height: 35px;
line-height: 39px;
}

.header-n .cta-no.email span {
display: none;
}

.support {
width: auto;
}

.support .text {
display: none;
}

.support .icon-img {
width: 40px;
margin-right: 0px;
}

.header-n .icon-us {
width: 35px;
}

.footer-b h5 {
text-align: center;
}

.footer-b .col-n-3 ul {
width: 100%;
justify-content: center;
}

.site-copy .disclaim {
text-align: center;
font-size: 13px;
line-height: 18px;
}

.service .box {
flex-flow: column;
flex-direction: column-reverse;
}

.service .imgb, .service .right-col {
width: 100%;
}

.service .right-col {
padding: 0 0 30px 0;
}

.service li {
padding: 0px;
}

.service li .text-b p {
font-size: 14px;
line-height: 20px;
}

.service li h3 {
font-size: 18px;
margin-bottom: 5px;
}

.waiting-b {
padding: 20px 10px;
width: 90%;
}

.processing p {
font-size: 14px;
line-height: 18px;
}

.waiting-b h4 {
display: none;
}

.waiting-b .service-w {
display: none;
}

.waiting-b h5 {
font-size: 16px;
line-height: 22px;
}

.processing .progress {
height: 7px;
}

.processing .progress-value {
height: 7px;
}

.modify-column .col-n {
width: 100%;
}

.modify-column .top-row {
flex-flow: wrap;
gap: 7px 0px;
}

.top-title-info {
padding: 5px 10px 10px 10px;
}

.top-title-info p {
font-size: 12px;
line-height: 16px;
}

.pbook-right .right-payment, .rightSecConf .right-payment, .div-sticky .right-payment {
position: initial;
top: 0px;
}

.person-detail {
padding: 20px 15px 20px 15px;
}

.term-box {
padding: 0 15px;
}

.term-box p {
font-size: 12px;
line-height: 18px;
}

.term-box .paxatol_som label {
font-size: 12px;
line-height: 18px;
}

.leftSecConf {
padding-left: 15px !important;
}

.term-text, .term-box {
padding: 0 15px;
}

.term-text .common-text .top-tittle {
font-size: 20px;
line-height: 24px;
}

.term-text .common-text h3 {
font-size: 16px;
line-height: 20px;
}

.term-text .common-text p, .term-text .common-text li {
font-size: 12px;
line-height: 18px;
}

.term-text .common-text {
padding: 13px;
}

.term-text.active {
margin-bottom: 30px;
}

.form-control {
font-size: 13px !important;
padding: 5px 10px !important;
}

.footer-n .footer-link li a {
font-size: 14px;
}

.confirmation_sec .cs_tab-content .fdp_mainContent .fdp_boundInfo .b_baggaeInfo span img {
width: 14px;
}

.modify-search-b .checkbox {
margin-bottom: 10px;
}

.modify-search-b .checkbox label.check-custom {
color: #081d59;
}

.detailContainer .leftSecConf {
padding: 0px !important;
}

.common-text {
padding: 30px 0px;
}

.top-tittle {
font-size: 24px;
margin-bottom: 10px;
}

.contact-us-n {
padding: 30px 0px;
}

.contact-us-n .box {
display: flex;
flex-flow: wrap;
padding: 0px;
flex-direction: column-reverse;
}

.contact-us-n .address {
width: 100%;
}

.contact-us-n .form-cont {
width: 100%;
}

.form-cont .form-group {
margin-bottom: 10px;
padding: 0px;
}

.form-cont .back_cntd {
padding: 0 15px;
}

.pagetitle {
padding: 15px;
}

.form-cont .form-group:nth-child(even) {
padding-left: 10px;
}

.pagetitle h2 {
font-size: 24px;
margin-bottom: 0px;
}

.pagetitle p, .common-text .list-dot li {
font-size: 14px;
line-height: 20px;
margin-bottom: 0px;
}

.common-text .list-dot li {
margin-bottom: 5px;
}

.common-text h3 {
font-size: 20px;
margin-bottom: 5px;
line-height: 25px;
}

.cookies .text {
padding: 10px;
}

.cookies h3 {
font-size: 16px;
}

.cookies .text p {
font-size: 14px;
}

.form-cont .form-group:last-child {
padding-left: 0px;
}

.common-text .list-no li {
font-size: 14px;
line-height: 21px;
}

.common-text .box {
padding: 0px;
}

.best-deal h2{font-size:20px;}
.best-deal .row-n{display:block;}
.best-deal .row-n .r-col{width:100%;overflow:hidden;}
.best-deal .row-n .r-col ~ .r-col{margin-top:20px;}
.subscribe form{padding:0px;}
.subscribe .input{font-size:14px;}
.subscribe p{font-size:15px;line-height:20px;}
.subscribe h3{font-size:22px;}
.subscribe{margin:0px;}

}