
:root {
	--background: #031f4b;
	--white: #fff;
	--black: #000;
	--gray: #ccc;
	--gray2: #f1f1f1;
	--gray4: #777777;
  --back-desk: #0098ff;
}

.hm-hotel {
    padding: 80px 0;
    /* margin-bottom: 100px; */
}
.hm-airln, .hm-flt-fare,
.hm-testimnal, .htl-offer,
.poplr-dst, .tf-ct {
    margin-bottom: 80px;
}
.al-htl {
    margin: 80px 0;
}
.last-minute {
    margin-bottom: 40px !important;
}
.hm-blog {
	padding: 0;
    margin-bottom: 50px;
}
.hm-tp-airln {
	  margin-bottom: 65px;
}
.hm-benefit {
	margin: 80px 0;
padding: 0;
}
.hm-destina {
    padding: 80px 0 50px;
}
.hm-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.fgy {
    margin-bottom: 80px;
}
.ht-vact.gt.gt-2 {
    margin-bottom: 40px;
}
.header-left .logo a img,
.logo.float-left img,
.footer-logo img {
    width: 180px;
}
.hm-banner {
    position: relative;
}
.hm-banner img, .quick-link img {
width: 100%;
}
.hm-banner .flt {
    position: absolute;
    bottom: 80px;
    left: 0;
    right: 0;
    z-index: 1;
}
.hm-banner:before {
    content: '';
    background: #031f4bcf;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}
.hm-banner .flt h1 {
  color: var(--white);
  font-size: 35px;
  text-align: center;
  margin-bottom: 8px;
  text-shadow: 0 2px #ffffff8f;
}
.hm-banner .flt p {
    color: var(--white);
    font-size: 18px;
    text-align: center;
    margin-bottom: 40px;
}
.hm-hotel .nm h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin: 0 0 4px 0 !important;
}
.hm-hotel .nm p {
  overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      font-size: 15px;
      line-height: 22px;
      margin-bottom: 15px;
      color: var(--black);
}
.single-select-country-style3 .text-holder {
    padding: 15px 0 0 0;
}
.single-select-country-style3 .text-holder span,
.single-select-country-style3 .text-holder h3,
.single-select-country-style3 .text-holder p {
    padding: 0 15px;
}
.nm .bok {
    background: var(--background);
    padding: 6px 15px;
    border-radius: 0 0 10px 10px;
}
.nm .bok span {
    padding: 0;
}
.nm .bok {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.nm .bok span {
    background: var(--white);
    padding: 4px 15px;
    border-radius: 8px;
    font-size: 15px;
    color: var(--background);
    font-weight: 500;
}
.nm .bok span:nth-child(2) {
    background: transparent;
    color: var(--white);
    font-weight: bold;
    font-size: 20px;
    padding: 0;
}
.single-select-country-style3 .img-holder .flug img {
    border-radius: 7px;
    border: 1px solid var(--white);
}
.single-select-country-style3 .text-holder .locatn {
  color: var(--gray4);
      font-size: 16px;
}
.single-select-country-style3 .img-holder .inner img {
    height: 184px;
    width: 100%;
    object-fit: cover;
}
.single-select-country-style3 .img-holder .flug img {
    width: 80px;
    height: 38px;
    object-fit: cover;
}
.hm-hotel .single-select-country-style3 .img-holder .inner::before {
    background: #0047abbf;
}
.hm-hotel .hd-1, .hm-why-us .hd-1,
.hm-route .hd-1, .hm-benefit .hd-1,
.hm-airln .hd-1, .hm-destina .hd-1,
.hm-flt-fare .hd-1, .hm-tp-airln .hd-1,
.hm-faq .hd-1, .hm-testimnal .hd-1,
.hm-blog .hd-1, .abot .hd-1,
.abot-why-us .hd-1, .prvc-quck .hd-1,
.sitemap .hd-1, .hm-flt-fare.flight-fare .hd-1 {
    color: var(--back-desk) !important;
    position: relative;
    font-weight: 500;
    font-size: 17px;
}
.hm-hotel .hd-2, .hm-why-us .hd-2,
.hm-route .hd-2, .hm-benefit .hd-2,
.hm-airln .hd-2, .hm-destina .hd-2,
.hm-flt-fare .hd-2, .hm-tp-airln .hd-2,
.hm-faq .hd-2, .hm-testimnal .hd-2,
.hm-blog .hd-2, .abot .hd-2,
.abot-why-us .hd-2, .prvc-quck .hd-2 {
    font-size: 22px;
    position: relative;
    color: var(--black);
    margin-bottom: 35px;
}
.hm-hotel .hd-1, .hm-why-us .hd-1,
.hm-route .hd-1, .hm-benefit .hd-1,
.hm-airln .hd-1, .hm-destina .hd-1,
.hm-flt-fare .hd-1, .hm-tp-airln .hd-1,
.hm-faq .hd-1, .hm-testimnal .hd-1,
.hm-blog .hd-1, .abot .hd-1,
.abot-why-us .hd-1, .prvc-quck .hd-1,
.sitemap .hd-1, .flight-fare .hd-1 {
    position: relative;
    padding-left: 40px;
}
.hm-hotel .hd-1::before, .hm-why-us .hd-1::before,
.hm-route .hd-1::before, .hm-benefit .hd-1::before,
.hm-airln .hd-1::before, .hm-destina .hd-1::before,
.hm-flt-fare .hd-1::before, .hm-tp-airln .hd-1::before,
.hm-faq .hd-1::before, .hm-testimnal .hd-1::before,
.hm-blog .hd-1::before, .abot .hd-1::before,
.abot-why-us .hd-1::before, .prvc-quck .hd-1::before,
.sitemap .hd-1::before, .hm-flt-fare.flight-fare .hd-1::before {
content: '';
position: absolute;
width: 32px;
height: 2px;
background: var(--black);
bottom: 9px;
left: 0;
}
.hm-flt-fare .hd-1:before,
.hm-route .hd-1:before,
.hm-testimnal .hd-1::before {
background: var(--white);
}
.hm-hotel .hd-1::after, .hm-why-us .hd-1::after,
.hm-route .hd-1::after, .hm-benefit .hd-1::after,
.hm-airln .hd-1::after, .hm-destina .hd-1::after,
.hm-flt-fare .hd-1::after, .hm-tp-airln .hd-1::after,
.hm-faq .hd-1::after, .hm-testimnal .hd-1::after,
.hm-blog .hd-1::after, .abot .hd-1::after,
.abot-why-us .hd-1::after, .prvc-quck .hd-1::after,
.sitemap .hd-1::after, .hm-flt-fare.flight-fare .hd-1::after {
    content: '';
		position: absolute;
    background: var(--back-desk);
    width: 10px;
    height: 10px;
    border-radius: 40px;
    left: 11px;
    bottom: 5px;
}
.hm-flt-fare.flight-fare .hd-2 {
    color: var(--black) !important;
}
.hm-faq .hd-2 {
	margin-bottom: 20px;
}
.hm-hotel .hd-1 i {
    font-size: 20px;
    position: relative;
    top: 2px;
}
.hm-route .hd-1, .hm-route .hd-2,
.hm-flt-fare .hd-1, .hm-flt-fare .hd-2,
.hm-testimnal .hd-1, .hm-testimnal .hd-2 {
    color: var(--white) !important;
}
.hm-route .single-sidebar-style1 .page-links li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
padding-right: 15px;
}
.hm-route .single-sidebar-style1 .page-links li a {
    line-height: 24px;
}
.hm-route .single-sidebar-style1 .page-links li .nm-7 {
  font-size: 17px;
  font-weight: 600;
  margin: 0;
}
.hm-route .single-sidebar-style1 .page-links li .nm-7 span {
    font-size: 15px;
    color: var(--gray4);
    font-weight: normal;
}
.hm-route .single-sidebar-style1 .page-links li a img {
	margin-right: 15px;
width: 40px;
}
.hm-route .single-sidebar-style1 .page-links li .nm-7 i {
  margin-left: 15px;
transform: rotate(-45deg);
}
.hm-route .single-sidebar-style1 .page-links li a:hover i {
    transform: rotate(0deg);
}
.hm-route .single-sidebar-style1 .page-links .pr:hover img {
    filter: invert(1);
}
.hm-route .pr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.hm-route .pr img {
    width: 35px !important;
}
.hm-route .single-sidebar-style1 .page-links li a:hover .delt {
    background: #fff;
    padding: 5px;
    border-radius: 5px;
}
.hm-route .single-sidebar-style1 .page-links a:hover span {
    color: var(--white);
}
.hm-why-us {
    padding-top: 0;
}
.hm-destina .single-coaching-item.text-center {
    padding: 0;
}
.hm-destina .single-coaching-item.text-center h3 {
	margin: 0;
	padding: 15px 0;
	font-size: 18px;
}
.hm-destina .single-coaching-item.text-center img {
    width: 100%;
    height: 270px;
    object-fit: cover;
    border-radius: 10px;
}
.hm-destina .inner-content p {
    text-align: justify;
}
.hm-customr .text-holder h2 {
    font-size: 22px;
    font-weight: 600;
    line-height: 35px;
    color: #000;
}
.hm-customr .text-holder .inner-content p {
    text-align: justify;
    font-size: 16px;
}
.hm-flt-fare.single-select-country {
    flex-wrap: unset;
    max-width: unset;
}
.hm-flt-fare .single-select-country .img-holder {
    max-width: unset;
}
.hm-flt-fare .fr-mg {
	display: flex;
	    align-items: center;
	    background: var(--white);
	    padding: 7px;
	    border-radius: 10px;
	    margin-bottom: 30px;
}

.hm-flt-fare .fr-mg img {
    width: 60%;
    height: 90px;
    object-fit: cover;
    border-radius: 7px;
		margin-right: 10px;
}
.hm-flt-fare .fr-mg .nm {
    display: flex;
    align-items: center;
    justify-content: space-between;
		    width: 100%;
}
.hm-flt-fare .fr-mg .nm p {
	margin: 0;
	color: var(--black);
	font-weight: 500;
	font-size: 16px;
	line-height: 25px;
}
.hm-flt-fare .fr-mg .nm img {
	width: 30px;
	height: auto;
	margin: 0;
}
.hm-flt-fare .fr-mg .nm p span {
    font-size: 15px;
    color: var(--gray4);
    font-weight: normal;
}
.hm-flt-fare .fr-mg-2 {
    width: 100%;
}
.hm-flt-fare .bok {
    background: var(--black);
    border-radius: 7px;
    padding: 2px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hm-flt-fare .bok span {
    color: var(--white);
    font-size: 18px;
    font-weight: 600;
}
.hm-flt-fare .bok i {
    font-size: 20px;
    font-weight: bold;
    transform: rotate(-45deg);
		color: var(--white);
}
.hm-flt-fare .fr-mg .fr-mg-2:hover .bok {
    background: var(--back-desk);
}
.hm-flt-fare .fr-mg .fr-mg-2:hover .bok i {
  transform: rotate(0deg);
}
.hm-flt-fare {
    padding: 220px 0 50px;
}
.fixed-header .sticky-header {
	background: var(--white);
box-shadow: 0 0 10px var(--gray);
}
.fixed-header .sticky-header .navigation.clearfix li a {
    color: var(--black);
}
.hm-tp-airln .faq-content-box.style2 {
    padding-top: 0;
    padding-left: 0;
}
.hm-tp-airln .accordion-box .accordion .accord-content {
	padding: 15px;
}
.hm-tp-airln .accordion-box .accordion .accord-btn.active h4 {
    color: var(--black);
}
.hm-tp-airln .accordion-box .accordion .accord-content ul li a {
    font-size: 15px;
    color: var(--black);
}
.hm-tp-airln .accordion-box .accordion .accord-btn.active {
    background: var(--background);
    border-radius: 10px 10px 0 0;
}
.hm-tp-airln .accordion-box .accordion {
    border: 1px dashed var(--background);
}
.hm-tp-airln .accordion-box .accordion .accord-btn.active h4 {
    color: var(--white);
}
.accordion-box .accordion .accord-btn.active:after {
    color: var(--back-desk);
}
.hm-benefit .owl-carousel.owl-dot-style1 .owl-stage-outer {
    padding-bottom: 0px;
}
.hm-benefit .owl-dots.disabled {
    display: none;
}
.hm-faq .faq-image-box.style2 {
    padding-top: 80px;
    padding-bottom: 80px;
}
.hm-blog .single-blog-style1 .text-holder h3 {
    margin: 0;
    padding: 0 15px;
    font-size: 22px;
		overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	    color: var(--black);
	    font-weight: 600;
}
.hm-blog .single-blog-style1 .text-holder .read-1 {
    margin: 0;
    padding: 0 15px;
    font-size: 16px;
		color: var(--gray4);
		 text-align: justify;
		 overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.hm-blog .single-blog-style1 .text-holder {
    padding: 15px 0 0px;
    border-bottom: 2px solid #dddddd;
    border-radius: 0 0 15px 15px;
    border-right: 1px solid var(--background);
    border-left: 1px solid var(--background);
}
.hm-blog .single-blog-style1 .text-holder .read {
    margin: 0;
    background: var(--background);
    text-align: center;
    padding: 10px 0;
    border-radius: 0 0 10px 10px;
    color: var(--white);
    font-size: 17px;
    font-weight: 600;
    margin-top: 15px;
}
.hm-blog .single-blog-style1 .text-holder:hover .read {
    background: var(--back-desk);
}
.hm-blog .single-blog-style1 .text-holder:before {
    border-radius: 0 0 10px 10px;
    width: 95%;
    margin: 0 auto;
}
.hm-blog .single-blog-style1 .img-holder .inner {
    border-radius: 10px 10px 0 0;
}
.hm-blog .single-blog-style1 .img-holder .inner:before,
.hm-blog .single-blog-style1 .text-holder:before {
    background-color: #0047abbf;
}
.ftr-quck-1 .countries-links li a:before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    font-size: 16px;
    color: #ffffff;
}

.ftr-quck-1 .countries-links li a:before {
	position: absolute;
	    content: "";
	    background: url(../img/ft-rt.png);
	    background-repeat: no-repeat;
	    width: 12px;
	    height: 18px;
	    background-size: 100%, 100%;
	    left: 0;
	    top: 8px;
}
.ftr-quck-1 .countries-links li a {
    padding-left: 18px;
}
.ftr-quck-2 .countries-links li a:before {
	position: absolute;
	    content: "";
	    background: url(../img/ft-dest.png);
	    background-repeat: no-repeat;
	    width: 25px;
	    height: 25px;
	    background-size: cover;
	    left: 0;
	    top: 2px;
}
.sitemap .list ul li:before {
    position: absolute;
    content: "";
    background: url(../img/dest.png) !important;
    background-repeat: no-repeat !important;
    width: 20px;
    height: 20px;
    background-size: cover !important;
    left: 0;
    top: 5px;
}

.sitemap .list ul li {
	padding-left: 24px;
	    font-size: 16px;
}
.sitemap .list ul li a {
	color: var(--black);
font-weight: normal;
font-size: 15px;
}
.sitemap .hd-1 {
	margin-bottom: 15px;
	display: inline-block;
	color: var(--background) !important;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 1px;
}
.ftr-quck-2 .countries-links li a {
    padding-left: 29px;
}
.ftr-quck-3 .countries-links li a:before {
	position: absolute;
	content: "";
	background: url(../img/ft-pln.png);
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	background-size: cover;
	left: 0;
	top: 7px;
}
.ftr-quck-3 .countries-links li a {
    padding-left: 29px;
}
.icon.ftph {
    width: 25px !important;
}
.icon.ftms, .icon.ftlc {
    width: 30px !important;
}
.icon.ftph img {
    width: 25px;
}
.icon.ftms img, .icon.ftlc img {
    width: 30px;
}
.ftr-contnt .footer-contact-info ul li .text {
    padding-left: 10px;
}
.text.adrs p {
    font-size: 18px;
    font-weight: 500;
}
.disclamr {
    background: rgba(255, 255, 255, 0.10);
    padding: 15px;
    border-radius: 15px;
    margin: 30px 0;
    color: #fff;
    font-size: 16px;
    text-align: justify;
}
.spcl-al {
    margin-top: 90px;
}
.spcl-al {
    display: flex;
    align-items: center;
    background: var(--background);
    border-radius: 15px;
}
.spcl-7 {
	width: 70%;
	position: relative;
}
.spcl-7 img {
    width: 100%;
    border-radius: 15px 0 0 15px;
}
.spcl-al .trend-box {
    width: 30%;
}
.spcl-7 .det-nm-7 {
	position: absolute;
	bottom: 30px;
	left: 30px;
	width: 85%;
}
.spcl-7 .det-nm-7 h3 {
	color: var(--white);
font-size: 22px;
}
.spcl-7 .det-nm-7 p {
	color: var(--white);
	margin: 0;
	font-size: 16px;
}
.trend-box .col-lg-4 {
    padding: 0 8px;
}
.hm-testimnal .testmnl-al {
    display: flex;
    align-items: end;
}
.hm-testimnal .trend-box {
    width: 60%;
}
.hm-testimnal .tesmnl-img img {
    height: 270px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px 15px 15px 0;
}
.hm-testimnal {
    padding: 80px 0 60px 0;
    margin-bottom: 0;
    border-bottom: 1px solid var(--white);
}
.hm-testimnal .single-testimonial-style1 .text-box h3 {
    color: var(--black);
    font-size: 20px;
}
.hm-testimnal .single-testimonial-style1 .text-box h3 span {
    font-size: 16px;
}
.hm-testimnal .single-testimonial-style1 .text-box p {
    font-size: 16px;
    line-height: 30px;
    text-align: justify;
}
.hm-specl .slick-dots {
    bottom: -16px;
}
.abot-col {
    top: 80px;
}
.abot-why-us {
    padding-bottom: 0;
}
.abot {
    margin-top: 80px;
}
.abot-cnt {
    padding-top: 125px !important;
}
.abot-cnt h4 {
    color: var(--white);
    font-size: 22px;
    margin-bottom: 10px;
}
.abot-cnt p {
	color: var(--white);
	font-size: 16px;
	text-align: justify;
}
.select-country-area.air-fare:before {
display: none;
}
.air-fare {
    margin: 60px 0 0px;
    padding: 0;
	}
	.air-fare .fr-mg {
	    box-shadow: 0 0 50px var(--gray);
	}
.air-route {
	    padding: 0;
	    background: transparent;
	    margin: 40px 0;
	}
	.air-route .single-sidebar-style1 .page-links li {
	    box-shadow: 0 0 50px var(--gray);
	}
	.call-air {
 margin: 30px 0;
 border-radius: 15px;
	}
	.dst-cal {
	    margin: 0;
	}
	.dst-cal img {
	    height: 270px !important;
	    border-radius: 10px !important;
	}
	.hm-destina .dst-cal .dst-nb {
		position: absolute;
    bottom: 8px;
    left: 0;
    right: 0;
    padding: 0 !important;
    color: var(--white);
    width: 94%;
    margin: 0 auto;
	}
	.hm-destina .dst-cal .dst-nb h3 {
	    padding: 0;
	    color: var(--white);
	}
.hm-destina .dst-cal .bst-cl {
	    background: var(--white);
	    color: var(--background);
	    margin: 0 !important;
	    padding: 10px 0;
	    font-weight: bold;
			font-size: 20px;
	 border-radius: 10px;
	}
	.hm-destina .dst-cal .dst-nb p {
	    margin: 0 0 10px 0;
	}
	.hm-specl .trend-item .det-nm {
	    position: absolute;
	    top: 20px;
	    left: 30px;
	}
	.hm-specl .trend-item .det-nm h3 {
	    color: var(--white);
	    font-size: 18px;
	}
	.hm-specl .trend-item .det-nm p {
		color: var(--white);
    font-size: 15px;
    line-height: 20px;
		margin: 0 0 8px 0;
}
.hm-specl .trend-item .det-nm span {
    background: var(--white);
    font-size: 15px;
    font-weight: 600;
    padding: 6px 15px;
    border-radius: 5px;
		color: var(--black);
}
.air-back .container {
    position: relative;
}
.air-back .air-back-2 {
    position: absolute;
    top: 0;
    width: 43%;
    right: 0;
    padding: 30px;
}
.air-back img {
    border-radius: 15px;
}
.air-back .air-back-2 ul li {
	width: 50%;
	float: left;
	padding-left: 20px;
	position: relative;
}
.air-back .air-back-2 ul li:before {
	content: '\f046';
    position: absolute;
    left: 0;
    font-family: fontawesome;
    color: var(--background);
    font-weight: bold;
}

.attrac ul li .btn-one.style2 {
    background: transparent;
    border: 1px dashed var(--background);
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}
.attrac ul li:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
    color: #fff;
    text-decoration: none;
}
.attrac ul li:not([href]):not([tabindex]) {
    color: var(--background);
    text-decoration: none;
}
.attrac ul li .btn-one:after {
    background: var(--background);
}
.list.attrac .ad {
    margin-bottom: 20px;
}
.touch-1 {
    position: relative;
}

.attrac .btn-one {
    padding: 0 0px;
}
.head-mail {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.head-mail .hed-fb ul {
    display: flex;
    align-items: center;
}
.email .mail {
    margin-right: 15px;
}
.email span {
    color: var(--white);
    font-size: 16px;
    font-weight: 400;
}
.head-mail .hed-fb ul li a i {
    font-size: 18px;
}
.head-mail .hed-fb ul li a {
    color: #fff;
    margin-left: 7px;
}
.airline .quck {
	position: absolute;
	    z-index: 1;
	    top: 40px;
    width: 100%;
}
.airline .quck .flt-htl {
    text-align: left;
}
.breadcrumb-area .inner-content {
    position: relative;
    display: block;
    z-index: 1;
}
.list a {
    font-size: 16px;
    color: var(--background);
    font-weight: bold;
}
.list .stng {
    font-size: 18px;
    font-weight: 600;
    color: var(--background);
    margin: 10px 0 0 0;
}
.list.ar-rute ul li {
	padding: 18px 5px;
	text-align: center;
	box-shadow: 0 0 8px #ccc;
	border-radius: 7px;
	margin-bottom: 30px;
	background: url(../img/map1.png);
	background-position: top;
	font-size: 16px;
	color: var(--background);
	font-weight: 500;
}
.list.ar-rute ul li:hover {
	content: '';
}
.list.ar-rute .ad {
    margin-bottom: 30px;
}
.list strong {
    color: var(--gray4);
}
.list .ad:before, .flight-route .ad:before,
.htl-deals .ad:before, .poplr-dst .ad:before,
.ht-vact .ad:before, .air-route .ad:before {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 5px;
    height: 24px;
    background-color: var(--background);
    content: "";
    top: 0px;
}
.air-route .ad {
    margin-bottom: 20px !important;
}
.list.ar-rute ul li:before {
	display: none;
}
.call-air .icon {
    text-align: center;
    background: var(--back-desk);
}
.call-air .icon img {
	width: 40px;
	margin: 0 auto;
}
.call-air .btn-one {
    background-color: var(--background);
}
.air-route .container,
.air-fare .container {
    padding: 0;
}
.list .stng-2 {
	font-size: 18px;
	font-weight: 600;
	color: var(--background);
	margin: 0px 0 10px 0;
	padding-left: 32px;
	position: relative;
}
.list .stng-2:before {
	position: absolute;
	content: "";
	background: url(../img/sonrg.png);
	background-repeat: no-repeat;
	width: 22px;
	height: 26px;
	background-size: 100%, 100%;
	left: 0;
	top: 0px;
}
.list.ar-rute.ar-rute-2 .ad {
    margin-bottom: 10px;
}
.breadcrumb-area.airline::before {
    background: #031f4ba1;
}
.breadcrumb-area.destina.airline::before {
    background: #031f4bd6;
}
.htl-deals {
    margin: 80px 0;
}
.htl-offer img {
    border-radius: 15px;
}
.htl-offer .slick-dots {
    bottom: 0px;
}
.htl-deals .trend-box {
    position: relative;
}
.htl-deals .trend-box .det-nm {
	position: absolute;
	bottom: 30px;
	left: 20px;
	width: 80%;
}
.htl-deals .trend-box .det-nm p {
    margin: 0;
    color: var(--white);
    font-size: 15px;
}
.every-mood .trend-item .det-nm h5 {
    font-size: 17px;
    font-weight: 600;
}
.htl-deals .trend-box .det-nm h5 {
    color: var(--white);
		font-size: 18px;
}
.htl-deals .trend-box .he-bk {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(14px);
    font-size: 14px;
    color: #fff;
    padding: 7px 20px;
    border-radius: 5px;
		    border: 1px solid rgba(255, 255, 255, 0.25);
}
.htl-deals .trend-box img {
    border-radius: 10px;
}
.list.attrac ul li:before {
    background: transparent;
}
.list.attrac ul li {
  padding-left: 0;
}
.poplr-dst img {
    width: 80px;
    height: 60px;
    object-fit: cover;
    border-radius: 10px;
		margin-right: 10px;
}
.poplr-dst .popul-htl p {
    margin: 0;
    line-height: normal;
    color: var(--background);
}

.list.attrac.poplr-dst li {
    display: flex;
    align-items: center;
    background-color: transparent;
}

.list.attrac.poplr-dst .popul-htl {
    line-height: normal;
}
.list.attrac.poplr-dst .btn-one.style2 {
    display: flex;
    align-items: center;
    text-align: left;
    padding: 10px;
}
.popul-htl.txt span, .popul-htl.txt p {
    font-weight: normal;
}
.poplr-dst .popul-htl p {
    text-align: left;
    font-size: 14px;
		 color: var(--gray4);
}
.poplr-dst .popul-htl.txt span {
    font-size: 18px;
    font-weight: 600;
}
.poplr-dst .btn-one:hover p {
    color: var(--white);
}
.poplr-dst .btn-one:hover img {
    z-index: 1;
}
.every-mood {
    background: url(../img/mood.jpg);
    background-repeat: no-repeat;
    background-size: 100%, 100%;
    padding: 80px 0;
    background-position: bottom;
		position: relative;
		margin: 30px 0;
}
.every-mood:before {
    content: '';
    background: #031f4bde;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
.every-mood .container {
    position: relative;
}
.every-mood .hd-2 {
    color: var(--white);
    margin-bottom: 30px;
    font-size: 25px;
}
.every-mood .trend-item .det-nm {
    position: absolute;
    bottom: 0px;
		padding: 20px;
}
.every-mood .trend-item .det-nm h5,
.every-mood .trend-item .det-nm p {
color: var(--white);
margin: 0;
}
.every-mood .trend-item img {
    border-radius: 15px;
}
.every-mood .trend-item:before {
    content: '';
    background: linear-gradient(45deg, var(--background), transparent);
    position: absolute;
    width: 100%;
    height: 100%;
}
.ht-vact .trend-item .det-nm {
    flex-direction: column;
    padding: 15px;
    align-items: center;
    text-align: center;
    border: 1px solid #cce9ff;
    border-radius: 16px;
    background: #fff;
    position: relative;
    box-shadow: 0px 0px 3px rgb(0 0 0 / 15%);
		    height: 220px;
}
.ht-vact .trend-item .det-nm p {
    margin: 0;
}
.ht-vact .trend-item .det-nm img {
    width: 80px;
    height: 80px;
    margin: -56px auto 12px auto;
    background: #F1F9FF;
    /* border: 1px solid #eee; */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
}
.ht-vact .trend-item {
    padding: 40px 0;
}
.al-htl img {
    width: 100%;
    height: 470px;
    object-fit: cover;
		object-position: bottom;
		    border-radius: 15px;
}
.al-htl .list .row {
    align-items: center;
}
.air-deals .trend-box img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
}
.air-deals .trend-item .det-nm {
	padding: 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: var(--white);
border-radius: 0 0 10px 10px;
	box-shadow: 0 0 7px var(--gray);
}
.air-deals .det-nm span.fmr {
    color: var(--gray4);
    font-size: 14px;
			font-weight: 500;
}
.air-deals .det-nm .dlprc {
    font-size: 19px;
}
.air-deals .det-nm .dlprc del {
	color: var(--gray4);
	font-size: 16px;
}
.air-deals .det-nm .one {
	font-size: 14px;
	color: var(--gray4);
	font-weight: 500;
}
.air-deals .trend-item .det-nm .det2 {
    line-height: 24px;
}
.air-deals .det-nm h6 {
    color: #fff;
    background: var(--back-desk);
    font-size: 15px;
    font-weight: normal;
    padding: 5px 10px;
    border-radius: 5px;
}
.air-deals .trend-item, .air-destina .trend-item {
    padding: 10px 0;
}
.air-destina .trend-item img {
    width: 100%;
    height: 120px;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
}
.air-destina .det-nm {
	border: 1px solid var(--gray2);
	border-radius: 12px;
	box-shadow: 0 0 10px var(--gray);
	border-radius: 0 0 12px 12px;
	text-align: center;
	padding: 12px 12px 5px 12px;
}
.air-destina .det-nm h5 {
    font-size: 16px;
    color: var(--background);
    font-weight: 600;
}
.air-destina .det-nm span {
    font-size: 15px;
    color: var(--gray4);
    font-weight: 500;
}
.air-destina .ad {
    margin-bottom: 15px !important;
}

.air-destina .slick-prev, .air-destina .slick-next,
.air-deals .slick-prev, .air-deals .slick-next {
    background: var(--white);
    border-radius: 30px;
    border: 1px solid var(--gray);
}
.air-destina .slick-prev:before, .air-destina .slick-next:before,
.air-deals .slick-prev:before, .air-deals .slick-next:before {
    color: var(--background);
}
.air-destina .slick-prev, .air-deals .slick-prev {
    left: -12px;
}
.air-destina .slick-next, .air-deals .slick-next {
    right: -12px;
}
.air-destina .slick-prev:hover, .air-destina .slick-prev:focus,
.air-destina .slick-next:hover, .air-destina .slick-next:focus,
.air-deals .slick-prev:hover, .air-deals .slick-prev:focus,
.air-deals .slick-next:hover, .air-deals .slick-next:focus {
    color: transparent;
    outline: none;
    background: var(--back-desk);
}
.ar-rute .stng.st-2 {
    margin-bottom: 20px;
}
.call-air {
    position: relative;
}
.call-air img {
    border-radius: 15px;
}
.call-air span {
	position: absolute;
	right: 14px;
	bottom: 14px;
	color: var(--white);
	font-weight: bold;
	font-size: 20px;
}
.call-air .mob-cl {
    width: 37px;
    margin-right: 20px;
}






.flight-passengr {
  position: absolute;
  background: #fff;
  z-index: 9;
  padding: 15px !important;
  border-radius: 5px;
  border: 1px solid #ccc;
  width: 320px;
}
.eco {
    align-items: center;
    display: flex;
    margin-bottom: 10px;
		padding: 0 !important;
}
.flight-passengr .input-group {
   width: 48%;
    background: var(--back-desk);
    border-radius: 10px;
}
.flight-passengr .pass_bx {
	display: flex;
	    align-items: center;
	    justify-content: space-between;
	    margin-bottom: 10px;
	    width: 100%;
}
.flight-passengr .input-group input {
    padding: 0;
    border: 1px solid #ccc !important;
}
.pass_bx.pasngr-adult label {
    font-size: 15px;
}
.flight-passengr .input-group input {
    border-radius: 5px !important;
		background: var(--white);
}
.left .btn.mns_btn {
	margin-right: 8px;
	line-height: 35px;
	padding: 0;
	width: 35px;
	height: 35px;
	 color: var(--white);
}
.right .btn.add_btn {
	margin-left: 8px;
	line-height: 35px;
	padding: 0;
	width: 35px;
	height: 35px;
	 color: var(--white);
}
.btn_dn button {
    background: var(--background);
    color: var(--white);
    border: unset;
    padding: 5px 16px;
    border-radius: 7px;
		width: 100%;
}
.flight-passengr .child-age {
    display: unset;
    text-align: center;
}
.flight_type .form-check-inline .round {
    position: relative;
    padding-left: 18px;
		    margin-right: 10px;
}
.flight_type .form-check-inline .round input {
    position: absolute;
    left: 0;
    top: 8px;
}
.flight_type .form-check-inline .one {
    position: relative;
    padding-left: 18px;
}
.flight_type .form-check-inline .one input {
    position: absolute;
    left: 0;
    top: 8px;
}
.quick-link {
  position: relative;
}
.banner img, .quick-link img {
  width: 100%;
}
.quick-link .qk-link h1 {
  color: #fff;
  font-size: 40px;
  line-height: normal;
  margin-bottom: 10px;
      text-align: center;
}
.list .ad, .flight-route .ad,
.htl-deals .ad, .poplr-dst .ad,
.ht-vact .ad, .air-route .ad {
font-size: 22px;
margin: 0;
letter-spacing: normal;
margin-bottom: 6px;
position: relative;
padding-left: 10px;
}
 .flight-route .ad {
margin-bottom: 30px;
}
.list .ad-1 {
  font-size: 18px;
  font-weight: 600;
}
.list {
    margin-bottom: 40px;
}
.list:last-child {
    margin-bottom: 0px;
}
.list p {
  margin-bottom: 6px;
  text-align: justify;
	font-size: 16px;
color: var(--gray4);
}
.list p:last-child {
    margin-bottom: 0px;
}
.list ul li {
	  position: relative;
  text-align: justify;
	font-size: 16px;
color: var(--gray4);
padding-left: 20px;
}
.quick-about {
    margin: 70px 0;
}
.quck-ftr ul li:before {
  content: "\ea3c";
  position: absolute;
  font-family: 'icomoon';
  left: 0;
  color: #a3abb0;
  font-size: 12px;
}
.quck-ftr ul li {
    position: relative;
    padding-left: 20px;
}
.list ul li:before {
	position: absolute;
	content: "";
	background: url(../img/rt-1.png);
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	background-size: 100%, 100%;
	left: 0;
	top: 7px;
}
.quick-link .qk-link ul li, .qk-link ul li a {
    color: var(--white);
}
.quick-link .qk-link ul {
  display: flex;
align-items: center;
justify-content: center;
}
.quick-link .qk-link .spec {
    margin: 0 7px 0 5px;
}
.quck-ftr, .ftr-logo, .cont-ftr {
    margin: 0;
}
.ftr-logo p {
    color: #a3abb0;
    margin-top: 15px;
}
.ftr-logo .footer-logo {
    position: relative;
    top: -17px;
}
.banner {
    position: relative;
}
.banner .htl, .quick-link .qk-link, .airline .qk-link {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    z-index: 9;
}
 .quick-link .hd-air {
text-align: center;
}
.banner .htl h1 {
    color: #fff;
    font-size: 45px;
    text-align: center;
}
.banner:before {
    content: '';
    background: linear-gradient(black, transparent);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}
.map-outer iframe {
    width: 100%;
    height: 640px;
}
.map-outer {
    position: relative;
}
.map-outer:before {
    content: '';
    position: absolute;
    background: #00000069;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.air-beneft {
    margin: 60px 0 0px 0;
}
.arlin {
    margin: 0 0 80px 0;
}
.st-4 .ad {
    margin-bottom: 5px !important;
}

.select-country-area.flight-fare:before {
display: none;
}
.flight-route {
	background: transparent;
	margin: 0 0 80px 0;
	padding: 0;
}
.flt-ofre {
    margin: 80px 0;
}
.flt-ofre img, .htl-deals img {
    width: 100%;
    height: 164px;
    object-fit: cover;
}
.flt-ofre .trend-item, .htl-deals .trend-item {
    position: relative;
}
.flt-ofre .trend-item:before,
.htl-deals .trend-item:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, var(--background), transparent);
    border-radius: 10px;
}
.flt-dest {
    margin-bottom: 70px;
}
.air-deals {
    margin-bottom: 30px !important;
}
.gt {
    margin-bottom: 0;
}
.list .air-map {
    border-radius: 15px;
}
.htl-map .ht-map2 {
    width: 100%;
}
.htl-map .ht-map {
		width: 100%;
		border-radius: 15px;
}
.htl-map .ht-map2 img {
    height: 390px;
    object-fit: cover;
    width: 410px;
    object-position: top;
		border-radius: 0px 15px 15px 0px;
}
.slick-prev {
    left: -15px !important;
}
.slick-next {
    right: -15px !important;
}
.slick-prev:before, .slick-next:before {
    color: var(--black) !important;
}
.slick-prev, .slick-next {
    background: var(--white) !important;
		    border-radius: 50px !important;
}
.slogan-area .slogan-content {
    background-image: url(../img/bok-bk.jpg);
}
.air-mapdk, .air-clmb {
    position: relative;
}
.air-mapdk span {
    position: absolute;
    right: 20px;
    bottom: 67px;
    font-size: 20px;
    font-weight: bold;
    color: var(--white);
}
.air-clmb span {
    position: absolute;
    left: 80px;
    bottom: 7px;
    font-size: 28px;
    font-weight: bold;
    color: var(--white);
}
.air-mapdk img {
    border-radius: 15px;
}
.air-clmb img {
    border-radius: 15px;
    box-shadow: 0 0 15px var(--gray);
}
.hm-hotel .hd-2, .hm-benefit .hd-2,
.hm-blog .hd-2, .hm-route .hd-2 {
    width: 70%;
}
.hm-testimnal .hd-2 {
    width: 50%;
}
.footer-social-links h6 {
    font-size: 18px;
    color: #fff;
    margin: 15px 0 7px;
}
.footer-social-links i {
    font-size: 28px;
    line-height: 40px;
    text-align: center;
}
.word {
  margin: auto;
  color: white;
  font: 700 normal 2.5em 'tahoma';
  text-shadow: 5px 2px #222324, 2px 4px #222324, 3px 5px #222324;
}
.airmg {
    position: relative;
}
.airmg .airmg-2 {
    position: absolute;
    bottom: 10px;
    padding: 30px;
    width: 69%;
}
.airmg img {
    border-radius: 15px;
}
.airmg .airmg-2 .ad, .airmg .airmg-2 p, .airmg .airmg-2 strong {
    color: var(--white);
}
.airmg .airmg-2 .ad:before {
background-color: var(--white);

}
.hed-fb span {
    color: var(--white);
    font-size: 16px;
    font-weight: 400;
}
.abot-cnt p, .abot-cnt .list .ad,
.abot-cnt p strong,  .abot-why-us .inner-box a {
    color: var(--white);
}
 .abot-cnt .list .ad:before {
	   background: var(--white);
 }
 .inner-box a {
     color: var(--white) !important;
 }
 .room_aads.dynamic-field h4 {
     font-size: 16px;
     font-weight: 600;
 }
 .flight-passengr .pass_bx label {
     font-weight: normal;
     font-size: 14px;
     color: var(--gray4);
 }
 .flight-passengr .child-age select {
     font-size: 13px;
 }
 .contact-form-area .input-box {
     border: 1px solid var(--gray);
     padding: 15px;
     border-radius: 10px;
     margin-bottom: 30px;
 }

 .air-dstin span {
     bottom: 15px;
     right: 14px;
 }
 .alne img {
     width: 100%;
     border-radius: 15px;
     border: 1px dashed var(--background);
 }
 .ht-vact .trend-item .det-nm h5 {
     font-size: 18px;
     margin-bottom: 10px;
 }
 .next-2 {
     position: absolute;
     bottom: 16px;
     left: 0;
     right: 0;
     display: flex;
     align-items: center;
     justify-content: space-between;
     width: 70%;
     margin: 0 auto;
     padding-left: 10px;
 }
 .htl-offer .trend-item img {
     height: 110px;
     object-fit: cover;
 }
 .poplr-1 ul li a {
padding-left: 25px;
position: relative;
 }
 .poplr-1 ul li a:before {
	 position: absolute;
	 content: "";
	 background: url(../img/ticket.png);
	 background-repeat: no-repeat;
	 width: 18px;
	 height: 18px;
	 background-size: 100%, 100%;
	 left: 0;
	 top: 0px;
 }
 .poplr-3 ul li a {
padding-left: 25px;
position: relative;
 }
 .poplr-3 li a:before {
	 position: absolute;
	 content: "";
	 background: url(../img/ft-pln.png);
	 background-repeat: no-repeat;
	 width: 18px;
	 height: 18px;
	 background-size: cover;
	 left: 0;
	 top: 0;
 }
.ht-fare {
    padding: 0 0 30px 0;
}
.dots {
    width: 14px;
}
ul.megamenu.hep img {
    width: 35px;
    margin-right: 15px;
}
.megamenu.hep .fa-solid.fa-circle-question {
    font-size: 20px;
    margin-right: 18px;
}
.main-menu .navigation>li>.hep>li:hover>a:before {
 display: none;
 Padding-left: 0;
}
.hpl-7 {
    background: #ecf5fc;
        padding-bottom: 20px !important;
        border-radius: 15px;
}
.hpl-7 .col-lg-4.col-md-6 {
    margin-bottom: 30px;
}
.hm-benefit .single-visa-box-style3 img {
    width: 60px;
}





















@media only screen and (min-width:768px) {
.air-clmb, .cal-arimb,
.qick .quck, .alne, 
.ht-map2, .sp-7 {
    display: none;
}
.all-flight-hotel #flight, .all-flight-hotel #hotel {
    border-bottom: 5px solid var(--back-desk);
}
}


  @media only screen and (max-width:767px) {
.hm-banner img, .airline img,
.hm-banner .flt h1, .hm-banner .flt p,
.airline .hd-air, .header,
.airline .inner-content, .breadcrumb-area::before,
.hm-banner:before, .alne .cal-ar span, .ht-map, .spcl-7  {
    display: none;
}
.airline {
    background-image: none !important;
}
.banner .flt, .destion .qk-link {
  position: relative;
  bottom: 0;
  padding: 10px 0;
}
.banner .htl, .airline .qk-link {
    position: relative;
    bottom: 0px !important;
    padding: 20px 0;
}
.quick-link .qk-link {
    position: relative;
    bottom: 100px;
}
.banner, .airline {
    background: linear-gradient(var(--yellow), black);
}
.quick-link img {
    height: 300px;
    object-fit: cover;
}
.hm-banner .flt {
    position: relative;
    bottom: 0;
}
.header-bottom, .airline {
    padding: 0;
}
.airline .quck {
	  position: relative;
    top: 0;
}
.hm-banner .frm img, .airline .frm img {
    display: block;
}
.exch img {
	display: block;
	position: absolute;
	right: 20px;
	top: -35px;
	z-index: 9;
	box-shadow: 0 0 5px #ccc;
	border-radius: 80px;
	width: auto;
}
.spcl-al {
    display: unset;
}
.spcl-7 {
    width: 100%;
}
.spcl-7 img {
	border-radius: 15px;
	height: 200px;
	object-fit: cover;
	object-position: right;
}

.spcl-al .trend-box {
		width: 100%;
		margin-top: 30px;
}
.spcl-7 .det-nm-7 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px 15px 10px;
}
.slick-prev, .slick-next {
    box-shadow: 0 0 15px #ccc;
}
.slick-next {
    right: -7px !important;
}
.slick-prev {
    left: -7px !important;
}
.hm-hotel {
    padding: 30px 0;
    margin-top: 30px;
}
.consultant-box {
		padding: 30px 30px 30px;
}
.coaching-area:before {
    width: 100%;
}
.hm-destina .single-coaching-item.text-center img {
    object-position: top;
}
.hm-flt-fare {
    padding: 200px 0 0px;
    margin-bottom: 40px;
}
.hm-tp-airln {
    margin-bottom: -55px;
}
.hm-testimnal .testmnl-al {
    display: unset;
}
.hm-testimnal .trend-box {
    width: 100%;
}
.hm-testimnal {
	padding: 40px 0;
margin-bottom: 0px;
}
.single-footer-widget .title {
    margin-bottom: 5px;
}
.single-footer-widget.pdtop {
padding-top: 0;
}
.single-footer-widget.marbtm {
		margin-bottom: 20px;
}
.hm-faq .fa-mg {
    order: 2;
}
.hm-airln .inner-contnt .row .col-xl-6.col-lg-6.col-md-6 {
    width: 50%;
}
.air-mapdk, .cal-aridk {
    display: none;
}
.cal-arimb span {
    right: 82px;
    bottom: 5px;
}
.flight-passengr {
    width: 100%;
}
.alne {
    padding: 15px 15px 0;
}
.alne .cal-ar img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: top;
}
.alne .cal-ar {
    margin: 0;
}




}





















.suport-ht .header{
    height:76px;
    background:#fff;
    display:flex;
    align-items:center;
    padding:0 5%;
    justify-content:space-between;
    border-bottom:1px solid #eee;
}

.suport-ht .logo-area{
    display:flex;
    align-items:center;
    gap:12px;
}

.suport-ht .logo-icon{
    width:38px;
    height:38px;
    border-radius:50%;
    background:#145bc1;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:19px;
    transform:rotate(-15deg);
}

.suport-ht .logo-text{
    line-height:1.1;
}

.suport-ht .logo-text strong{
    display:block;
    font-size:21px;
    color:#101a3d;
}

.suport-ht .logo-text span{
    font-size:14px;
    color:#536078;
}

.suport-ht .nav{
    display:flex;
    align-items:center;
    gap:34px;
}

.suport-ht .nav a{
    text-decoration:none;
    color:#11172d;
    font-size:15px;
    transition:.3s;
}

.suport-ht .nav a:hover{
    color:#145bc1;
}

.suport-ht .call-header{
    border:1px solid #2563c7;
    border-radius:14px;
    padding:11px 18px;
    color:#124fa9;
    font-weight:bold;
    display:flex;
    gap:10px;
    align-items:center;
    white-space:nowrap;
}

.suport-ht .call-header i{
    font-size:18px;
}

/* ================= HERO ================= */

.hero{
    min-height:380px;
    position:relative;
    overflow:hidden;
    background:
        linear-gradient(90deg,
        rgba(232,245,255,.98) 0%,
        rgba(235,247,255,.90) 35%,
        rgba(255,255,255,.05) 70%),
        url("https://images.unsplash.com/photo-1436491865332-7a61a109cc05?auto=format&fit=crop&w=1800&q=85")
        center/cover no-repeat;
}

.hero-content{
    width:90%;
    max-width:1390px;
    margin:auto;
    padding:32px 0;
    position:relative;
    z-index:2;
}

.hero-title{
    max-width:540px;
}

.hero-title .small-title{
    font-size:31px;
    font-weight:700;
    margin-bottom:0;
}

.hero-title h1{
    font-size:62px;
    line-height:1;
    margin:3px 0 14px;
    font-weight:800;
    letter-spacing:-2px;
}

.hero-title p{
    font-size:19px;
    line-height:1.45;
    margin-bottom:18px;
    max-width:430px;
}

/* Main Call Box */

.hero-call{
    width:420px;
    background:rgba(255,255,255,.94);
    border-radius:20px;
    padding:14px 20px;
    display:flex;
    align-items:center;
    gap:20px;
    box-shadow:0 5px 25px rgba(20,70,130,.08);
}

.phone-circle{
    width:80px;
    height:80px;
    min-width:80px;
    border-radius:50%;
    background:#1962ca;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:36px;
}

.hero-call-title{
    font-weight:bold;
    font-size:17px;
}

.phone-number{
    color:#145bc1;
    font-size:30px;
    font-weight:800;
    margin:3px 0;
}

.hero-call small{
    font-size:15px;
    color:#111;
}

/* Hero bottom features */

.hero-features{
    position:absolute;
    right:5%;
    bottom:34px;
    background:rgba(255,255,255,.94);
    border-radius:18px;
    display:flex;
    align-items:center;
    padding:15px 22px;
    box-shadow:0 4px 20px rgba(0,0,0,.08);
}

.feature{
    display:flex;
    align-items:center;
    gap:12px;
    padding:0 22px;
    border-right:1px solid #ddd;
}

.feature:last-child{
    border:none;
}

.feature i{
    font-size:30px;
    color:#092d70;
}

.feature strong{
    display:block;
    font-size:15px;
}

.feature span{
    font-size:13px;
}

/* ================= SUPPORT CARDS ================= */

.support-card{
    min-height:210px;
    border:1px solid #b9cee9;
    border-radius:20px;
    display:flex;
    align-items:center;
    overflow:hidden;
    background:#f9fcff;
}

.support-card.hotel{
    border-color:#c6dcc6;
    background:#fbfdf9;
}

.support-icon{
    width:88px;
    height:88px;
    min-width:88px;
    border-radius:50%;
    background:#1962ca;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:37px;
    margin:0 18px;
}

.hotel .support-icon{
    background:#217332;
}

.support-content{
    flex:1;
    padding: 0px 8px;
}

.support-content h2{
    font-size:18px;
    font-weight:800;
    color: var(--back-desk);
    margin-bottom: 5px;
}

.hotel .support-content h2{
    color: var(--background);
}

.check-list{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap: 0px;
    font-size:14px;
}

.check-list div{
    display:flex;
    align-items:center;
}

.check-list i {
    color: var(--back-desk);
    margin-right: 2px;
}

.hotel .check-list i{
    color: var(--background);
}
.suport-ht .rd-1 {
    padding-right: 8px;
}
.suport-ht .rd-2 {
    padding-left: 8px;
}
.support-btn{
    display:inline-block;
    margin-top:10px;
    padding:10px 30px;
    background:var(--back-desk);
    color:white;
    border-radius:13px;
    text-decoration:none;
    font-size:17px;
    font-weight:bold;
}
.suport-ht {
    margin-bottom: 40px;
}
.hotel .support-btn{
    background: var(--background);
}

.support-image{
    width:190px;
    height:210px;
    object-fit:cover;
}

.flight-image{
    object-position:center;
}

/* ================= HELP SECTION ================= */

.help-section{
    /* border-top: 1px solid #ddd; */
    margin: 0 0 40px;
    padding: 0;
}
.support-btn:hover, .support-btn:hover {
    color: var(--white);
}
.help-container {
    padding-left: 15px;
    border-radius: 15px;
}
.help-intro h2{
    font-size:20px;
    font-weight:800;
    margin-bottom:10px;
}

.help-intro p{
    font-size:16px;
    line-height:1.6;
}

.help-item{
    text-align: center;
    padding: 12px;
    background: var(--white);
    border-radius: 15px;
}
.help-item:before {
    content: '';
    height: 144px;
    position: absolute;
    right: 0;
    border: 1px dashed var(--gray);
}
.help-item.alw:before {
  border: unset;  
}
.help-icon{
    width:60px;
    height:60px;
    margin:auto;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:white;
    font-size:27px;
    background:#4b9bed;
}

.help-item:nth-child(2) .help-icon{
    background:#71b57a;
}

.help-item:nth-child(3) .help-icon{
    background:#ffc332;
}

.help-item h5{
    font-size:15px;
    margin-top:9px;
    font-weight:bold;
}

.help-item p{
    font-size:13px;
    margin:0;
    line-height:1.45;
}

/* ================= RIGHT CTA ================= */

.quick-call{
    background: var(--background);
    border: 1px dashed var(--white);
    border-radius: 18px;
    padding: 13px 20px;
    text-align: center;
    height: 100%;
}

.quick-call h2{
    font-size:22px;
    margin:0 0 7px;
       color: var(--white);
}

.quick-call p{
    margin:0 0 9px;
    font-size:16px;
    color: var(--white);
        line-height: 22px;
}

.quick-number{
    background: var(--white);
    border-radius:15px;
    padding:10px;
    color: var(--background);
    font-size:22px;
    font-weight:800;
}

.quick-call small{
    display:block;
    margin-top:8px;
    font-size:14px;
    color: var(--white);
}

/* ================= BOTTOM BOXES ================= */

.bottom-section{
    width:90%;
    max-width:1390px;
    margin:0 auto 20px;
}

.bottom-box{
    border:1px solid #d1d9e5;
    border-radius:16px;
    padding:14px 20px;
}

.bottom-box h3{
    font-size:16px;
    margin:0 0 13px;
}

.topic-list{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:10px;
}

.topic{
    text-align:center;
    font-size:13px;
}

.topic i{
    display:block;
    font-size:28px;
    margin-bottom:6px;
    color:#135dc6;
}

.contact-box{
    background:#f7fbff;
    border-color:#bdd5f5;
}

.contact-list{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:15px;
}

.contact-item{
    display:flex;
    align-items:center;
    gap:12px;
}

.contact-item i{
    color:#145bc1;
    font-size:27px;
}

.contact-item strong{
    display:block;
    font-size:13px;
}

.contact-item span{
    font-size:12px;
}

/* ================= RESPONSIVE ================= */

@media(max-width:1100px){

    .nav{
        gap:15px;
    }

    .hero-title h1{
        font-size:50px;
    }

    .hero-features{
        right:3%;
    }

    .support-image{
        width:150px;
    }
}

@media(max-width:900px){

    .header{
        height:auto;
        padding:15px 5%;
        flex-wrap:wrap;
        gap:15px;
    }

    .nav{
        order:3;
        width:100%;
        justify-content:center;
        flex-wrap:wrap;
    }

    .hero{
        min-height:600px;
    }

    .hero-title{
        max-width:100%;
    }

    .hero-title h1{
        font-size:48px;
    }

    .hero-features{
        position:relative;
        right:auto;
        bottom:auto;
        width:max-content;
        max-width:90%;
        margin:30px auto 0;
    }

    .support-card{
        margin-bottom:15px;
    }

    .topic-list{
        grid-template-columns:repeat(3,1fr);
    }
}

@media(max-width:600px){

    .header{
        justify-content:center;
    }

    .call-header{
        font-size:13px;
    }

    .nav{
        gap:13px;
    }

    .nav a{
        font-size:13px;
    }

    .hero{
        min-height:650px;
        background:
        linear-gradient(rgba(235,247,255,.9),rgba(235,247,255,.82)),
        url("https://images.unsplash.com/photo-1436491865332-7a61a109cc05?auto=format&fit=crop&w=1000&q=80")
        center/cover;
    }

    .hero-content{
        width:92%;
    }

    .hero-title .small-title{
        font-size:23px;
    }

    .hero-title h1{
        font-size:42px;
        letter-spacing:-1px;
    }

    .hero-title p{
        font-size:16px;
    }

    .hero-call{
        width:100%;
        gap:12px;
        padding:12px;
    }

    .phone-circle{
        width:60px;
        height:60px;
        min-width:60px;
        font-size:27px;
    }

    .phone-number{
        font-size:21px;
    }

    .hero-features{
        width:100%;
        padding:12px 5px;
    }

    .feature{
        padding:0 8px;
        gap:6px;
    }

    .feature i{
        font-size:20px;
    }

    .feature strong{
        font-size:11px;
    }

    .feature span{
        font-size:10px;
    }

    .support-card{
        display:block;
    }

    .support-icon{
        margin:0 auto 5px;
    }

    .support-content{
        padding:10px 20px 20px;
    }

    .support-content h2{
        font-size:22px;
        text-align:center;
    }

    .check-list{
        grid-template-columns:1fr;
    }

    .support-btn{
        width:100%;
        text-align:center;
    }

    .support-image{
        width:100%;
        height:170px;
    }

    .topic-list{
        grid-template-columns:repeat(2,1fr);
    }

    .contact-list{
        grid-template-columns:1fr;
    }

}



/* .help-hero {*/
/*        position: relative;*/
/*        overflow: hidden;*/
/*        padding: 75px 20px 105px;*/
/*   background: linear-gradient(45deg, black, var(--back-desk));*/
/*        color: #fff;*/
/*    }*/

/*    .help-hero:after {*/
/*        content: "";*/
/*        position: absolute;*/
/*        width: 450px;*/
/*        height: 450px;*/
/*        border-radius: 50%;*/
/*        border: 70px solid rgba(255,255,255,.05);*/
/*        right: -180px;*/
/*        top: -200px;*/
/*    }*/

/*    .hero-content {*/
/*        max-width: 850px;*/
/*        margin: auto;*/
/*        text-align: center;*/
/*        position: relative;*/
/*        z-index: 2;*/
/*    }*/

/*    .hero-icon {*/
/*        width: 70px;*/
/*        height: 70px;*/
/*        border-radius: 22px;*/
/*        background: rgba(255,255,255,.15);*/
/*        display: flex;*/
/*        align-items: center;*/
/*        justify-content: center;*/
/*        margin: 0 auto 20px;*/
/*        font-size: 30px;*/
/*        backdrop-filter: blur(10px);*/
/*    }*/

/*    .hero-content h1 {*/
/*        font-size: 48px;*/
/*        font-weight: 800;*/
/*        margin-bottom: 15px;*/
/*    }*/

/*    .hero-content p {*/
/*        font-size: 18px;*/
/*        opacity: .92;*/
/*        margin-bottom: 32px;*/
/*    }*/

    /* SEARCH */
/*    .help-search {*/
/*        max-width: 650px;*/
/*        margin: auto;*/
/*        position: relative;*/
/*    }*/

/*    .help-search input {*/
/*        width: 100%;*/
/*        height: 62px;*/
/*        border: 0;*/
/*        outline: 0;*/
/*        border-radius: 18px;*/
/*        padding: 0 65px 0 22px;*/
/*        font-size: 16px;*/
/*        box-shadow: 0 15px 40px rgba(0,0,0,.15);*/
/*    }*/

/*    .help-search i {*/
/*        position: absolute;*/
/*        right: 23px;*/
/*        top: 21px;*/
/*        color: #176b8f;*/
/*        font-size: 20px;*/
/*    }*/

    /* MAIN */
/*    .help-container {*/
/*        margin: -55px auto 70px;*/
/*        position: relative;*/
/*        z-index: 5;*/
/*    }*/

    /* CATEGORY CARDS */
/*    .help-card {*/
/*        background: #fff;*/
/*        border-radius: 22px;*/
/*        padding: 30px 25px;*/
/*        height: 100%;*/
/*        border: 1px solid #e8edf3;*/
/*        box-shadow: 0 12px 35px rgba(23,32,51,.07);*/
/*        transition: .3s ease;*/
/*        cursor: pointer;*/
/*    }*/

/*    .help-card:hover {*/
/*        transform: translateY(-8px);*/
/*        box-shadow: 0 20px 45px rgba(23,32,51,.13);*/
/*    }*/

/*    .help-card-icon {*/
/*        width: 58px;*/
/*        height: 58px;*/
/*        border-radius: 17px;*/
/*        display: flex;*/
/*        align-items: center;*/
/*        justify-content: center;*/
/*        font-size: 24px;*/
/*        margin-bottom: 20px;*/
/*        background: #edf8fb;*/
/*        color: var(--back-desk);*/
/*    }*/

/*    .help-card h4 {*/
/*        font-size: 20px;*/
/*        font-weight: 700;*/
/*        margin-bottom: 10px;*/
/*    }*/

/*    .help-card p {*/
/*        color: #6c7788;*/
/*        font-size: 14px;*/
/*        line-height: 1.7;*/
/*        margin-bottom: 18px;*/
/*    }*/

/*    .help-card a {*/
/*           color: var(--back-desk);*/
/*        font-size: 14px;*/
/*        font-weight: 700;*/
/*        text-decoration: none;*/
/*    }*/

    /* SECTION TITLE */
/*    .section-title {*/
/*        text-align: center;*/
/*        margin: 70px 0 35px;*/
/*    }*/

/*    .section-title span {*/
/*        color:var(--back-desk);*/
/*        font-size: 13px;*/
/*        font-weight: 800;*/
/*        letter-spacing: 1.5px;*/
/*        text-transform: uppercase;*/
/*    }*/

/*    .section-title h2 {*/
/*        font-size: 34px;*/
/*        font-weight: 800;*/
/*        margin-top: 8px;*/
/*    }*/

/*    .section-title p {*/
/*        color: #737d8c;*/
/*        max-width: 650px;*/
/*        margin: 10px auto;*/
/*    }*/

    /* STEPS */
/*    .step-box {*/
/*        background: #fff;*/
/*        border-radius: 18px;*/
/*        padding: 28px;*/
/*        border: 1px solid #e9edf3;*/
/*        height: 100%;*/
/*    }*/

/*    .step-number {*/
/*        width: 42px;*/
/*        height: 42px;*/
/*        border-radius: 50%;*/
/*        background: avr(--back-desk);*/
/*        color: #fff;*/
/*        display: flex;*/
/*        align-items: center;*/
/*        justify-content: center;*/
/*        font-weight: 800;*/
/*        margin-bottom: 18px;*/
/*    }*/

/*    .step-box h5 {*/
/*        font-weight: 700;*/
/*    }*/

/*    .step-box p {*/
/*        color: #737d8c;*/
/*        font-size: 14px;*/
/*        line-height: 1.7;*/
/*        margin: 0;*/
/*    }*/

    /* FAQ */
/*    .faq-wrapper {*/
/*        max-width: 850px;*/
/*        margin: auto;*/
/*    }*/

/*    .accordion-item {*/
/*        border: 0;*/
/*        border-radius: 14px !important;*/
/*        margin-bottom: 12px;*/
/*        overflow: hidden;*/
/*        box-shadow: 0 5px 20px rgba(0,0,0,.05);*/
/*    }*/

/*    .accordion-button {*/
/*        padding: 20px;*/
/*        font-weight: 700;*/
/*        color: #172033;*/
/*        background: #fff;*/
/*        box-shadow: none !important;*/
/*    }*/

/*    .accordion-button:not(.collapsed) {*/
/*        color: #16859e;*/
/*        background: #fff;*/
/*    }*/

/*    .accordion-body {*/
/*        padding: 0 20px 22px;*/
/*        color: #707b8a;*/
/*        font-size: 14px;*/
/*        line-height: 1.7;*/
/*    }*/

    /* SUPPORT */
/*    .support-section {*/
/*        padding: 45px;*/
/*        border-radius: 28px;*/
/*        background: linear-gradient(45deg, black, var(--back-desk));*/
/*        color: #fff;*/
/*        position: relative;*/
/*        overflow: hidden;*/
/*    }*/

/*    .support-section:after {*/
/*        content: "\f1d8";*/
/*        font-family: "Font Awesome 6 Free";*/
/*        font-weight: 900;*/
/*        position: absolute;*/
/*        right: 40px;*/
/*        bottom: -35px;*/
/*        font-size: 180px;*/
/*        color: rgba(255,255,255,.06);*/
/*        transform: rotate(-20deg);*/
/*    }*/

/*    .support-content {*/
/*        position: relative;*/
/*        z-index: 2;*/
/*    }*/

/*    .support-section h2 {*/
/*        font-size: 32px;*/
/*        font-weight: 800;*/
/*    }*/

/*    .support-section p {*/
/*        opacity: .9;*/
/*    }*/

/*    .support-btn {*/
/*        display: inline-flex;*/
/*        align-items: center;*/
/*        gap: 10px;*/
/*        background: #fff;*/
/*        color: #0c5270;*/
/*        padding: 14px 24px;*/
/*        border-radius: 12px;*/
/*        text-decoration: none;*/
/*        font-weight: 800;*/
/*        margin-top: 10px;*/
/*        transition: .3s;*/
/*    }*/

/*    .support-btn:hover {*/
/*        transform: translateY(-3px);*/
/*        color: #0c5270;*/
/*    }*/

    /* CONTACT BOXES */
/*    .contact-box {*/
/*        background: #fff;*/
/*        border: 1px solid #e8edf3;*/
/*        border-radius: 18px;*/
/*        padding: 25px;*/
/*        text-align: center;*/
/*        height: 100%;*/
/*    }*/

/*    .contact-box i {*/
/*        font-size: 25px;*/
/*        color: #16859e;*/
/*        margin-bottom: 15px;*/
/*    }*/

/*    .contact-box h6 {*/
/*        font-weight: 800;*/
/*    }*/

/*    .contact-box p {*/
/*        margin: 0;*/
/*        color: #737d8c;*/
/*        font-size: 14px;*/
/*    }*/
/*    .support-grid {*/
/*    display: flex;*/
/*    align-items: center;*/
/*}*/

    /* MOBILE */
/*    @media(max-width: 767px) {*/

/*        .help-hero {*/
/*            padding: 55px 18px 90px;*/
/*        }*/

/*        .hero-content h1 {*/
/*            font-size: 34px;*/
/*        }*/

/*        .hero-content p {*/
/*            font-size: 15px;*/
/*        }*/

/*        .help-container {*/
/*            margin: -45px 15px 50px;*/
/*        }*/

/*        .section-title {*/
/*            margin-top: 50px;*/
/*        }*/

/*        .section-title h2 {*/
/*            font-size: 28px;*/
/*        }*/

/*        .support-section {*/
/*            padding: 30px 25px;*/
/*        }*/

/*        .support-section h2 {*/
/*            font-size: 27px;*/
/*        }*/
/*    }*/
