@charset "utf-8";

:root {
  --color-primary: #9500ff;
  --color-btn-primary-bg: linear-gradient(93deg, #53b2fe, #065af3);
  --color-btn-primary-text: #fff;
  --color-btn: #008cff;
  --btn-border-radius: 4px
}

body,
html {
  margin: 0;
  padding: 0
}

*,
html {
  box-sizing: border-box
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
  list-style: none;
  margin: 0;
  padding: 0
}

a {
  color: var(--color-primary, #008cff);
  cursor: pointer
}

a,
a:focus,
a:hover {
  text-decoration: none
}

a:focus,
a:hover {
  outline: 0
}

.makeRelative {
  position: relative
}

.capText {
  text-transform: uppercase
}

.appendBottom2 {
  margin-bottom: 2px
}

.appendBottom5 {
  margin-bottom: 5px
}

.appendBottom6 {
  margin-bottom: 6px
}

.appendBottom10 {
  margin-bottom: 10px
}

.appendBottom12 {
  margin-bottom: 12px
}

.appendBottom15 {
  margin-bottom: 15px
}

.appendBottom20 {
  margin-bottom: 20px
}

.appendBottom25 {
  margin-bottom: 25px
}

.appendBottom30 {
  margin-bottom: 30px
}

.appendBottom40 {
  margin-bottom: 40px
}

.appendBottom50 {
  margin-bottom: 50px
}

.appendBottom52 {
  margin-bottom: 52px
}

html[dir=ltr] .appendLeft2 {
  margin-left: 2px
}

html[dir=ltr] .appendLeft5 {
  margin-left: 5px
}

html[dir=ltr] .appendLeft8 {
  margin-left: 8px
}

html[dir=ltr] .appendLeft10 {
  margin-left: 10px
}

html[dir=ltr] .appendLeft20 {
  margin-left: 20px
}

html[dir=ltr] .appendLeft40 {
  margin-left: 40px
}

html[dir=ltr] .appendLeft50 {
  margin-left: 50px
}

html[dir=ltr] .appendRight5 {
  margin-right: 5px
}

html[dir=ltr] .appendRight8 {
  margin-right: 8px
}

html[dir=ltr] .appendRight10 {
  margin-right: 10px
}

html[dir=ltr] .appendRight15 {
  margin-right: 15px
}

html[dir=ltr] .appendRight20 {
  margin-right: 20px
}

html[dir=ltr] .appendRight25 {
  margin-right: 25px
}

html[dir=ltr] .appendRight30 {
  margin-right: 30px
}

.appendTop3 {
  margin-top: 3px
}

.appendTop5 {
  margin-top: 5px
}

.appendTop10 {
  margin-top: 10px !important
}

.appendTop15 {
  margin-top: 15px
}

.appendTop20 {
  margin-top: 20px
}

.appendTop25 {
  margin-top: 25px
}

.appendTop30 {
  margin-top: 30px
}

.appendTop60 {
  margin-top: 60px
}

.appendTop250 {
  margin-top: 250px
}

.appendTop-50 {
  margin-top: -50px
}

.appendTop23 {
  margin-top: 23px
}

.padding1 {
  padding: 1px
}

.padding20 {
  padding: 20px
}

.font8 {
  font-size: 8px;
  line-height: 8px
}

.font9 {
  font-size: 9px;
  line-height: 9px
}

.font10 {
  font-size: 10px;
  line-height: 10px
}

.font11 {
  font-size: calc(var(--font-scale, 1)*11px);
  line-height: 11px
}

.font12 {
  font-size: calc(var(--font-scale, 1)*12px);
  line-height: 12px
}

.font14 {
  font-size: calc(var(--font-scale, 1)*14px);
  line-height: 14px
}

.font16 {
  font-size: calc(var(--font-scale, 1)*16px);
  line-height: 16px
}

.font18 {
  font-size: calc(var(--font-scale, 1)*18px);
  line-height: 18px
}

.font20 {
  font-size: calc(var(--font-scale, 1)*20px);
  line-height: 20px
}

.font22 {
  font-size: calc(var(--font-scale, 1)*22px);
  line-height: 22px
}

.font23 {
  font-size: calc(var(--font-scale, 1)*23px);
  line-height: 23px
}

.font24 {
  font-size: calc(var(--font-scale, 1)*24px);
  line-height: 24px
}

.font26 {
  font-size: calc(var(--font-scale, 1)*26px);
  line-height: 26px
}

.font28 {
  font-size: calc(var(--font-scale, 1)*28px);
  line-height: 28px
}

.font30 {
  font-size: calc(var(--font-scale, 1)*30px);
  line-height: 30px
}

.lineHeight14 {
  line-height: 14px
}

.lineHeight16 {
  line-height: 16px
}

.lineHeight26 {
  line-height: 26px !important
}

.latoBlack {
  font-weight: 900
}

.latoBold {
  font-weight: 700
}

.whiteText {
  color: #fff
}

.blackText {
  color: #000
}

.darkGreyText {
  color: #4a4a4a
}

.myBizText {
  color: #ff5a5a
}

html[dir=ltr] .textRight {
  text-align: right
}

html[dir=ltr] .pushRight {
  margin-left: auto
}

.makeFlex {
  display: flex
}

.flexOne {
  flex: 1
}

.makeFlex.column {
  flex-direction: column
}

.makeFlex.perfectCenter {
  align-items: center;
  justify-content: center
}
html[dir='ltr'] .appendLeft30 {
  margin-left: 30px;
}
.landingSprite {
  background-image: url(//imgak.mmtcdn.com/pwa_v3/pwa_commons_assets/desktop/landingSprite@24x.png);
  background-repeat: no-repeat;
  display: inline-block;
  background-size: 200px 700px;
  font-size: 0px;
  flex-shrink: 0;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.appDnldCnt {
  padding: 10px 60px 40px 40px;
  border-radius: 10px;
  box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.makeFlex.end {
  align-items: flex-end;
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
html[dir='ltr'] .landingCardSlider .slick-slider .slick-prev {
  right: 69px;
  border: solid 1px;
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.personalOffers .slick-initialized .slick-slide {
  flex-direction: column;
}
.slick-track:before, .slick-track:after {
  display: table;
  content: '';
}
html[dir='ltr'] .landingCardSlider .slick-slider .slick-next {
  right: 33px;
  border: solid 1px;
}
.personalOffers .landingCardSlider .slick-slider button {
  position: absolute;
  top: -65px;
  width: 36px;
  height: 33px;
  background: #ffffff;
  font-size: 0;
  outline: none;
  cursor: pointer;
}
.landingSprite {
  background-image: url(//imgak.mmtcdn.com/pwa_v3/pwa_commons_assets/desktop/landingSprite@24x.png);
  background-repeat: no-repeat;
  display: inline-block;
  background-size: 200px 700px;
  font-size: 0px;
  flex-shrink: 0;
}
html[dir='ltr'] .blueArrowIcon {
  background-position: -174px -86px;
  width: 24px;
  height: 10px;
}
.landingCardSlider .slick-slider .slick-next {
  width: 36px;
  height: 36px;
  border-radius: 0px 20px 20px 0px;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 1px #f1f1f1;
  border-left: none;
  box-shadow: 2px 0px 3px 0 rgba(0, 0, 0, 0.1);
}
.landingCardSlider .slick-next:before, .landingCardSlider .slick-prev:before {
  border: solid var(--color-slider-track);
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  position: relative;
  right: 0;
  top: 0px;
  content: '';
  
}   
.landingCardSlider .slick-prev:before {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  position: relative;
  right: 0;
  top: 0px;
  content: '';
}
.landingCardSlider .slick-next:before, .landingCardSlider .slick-prev:before {
  border: solid var(--color-slider-track);
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
  position: relative;
  right: 0;
  top: 0px;
  content: '';
}
.viewAllCta {
  margin: 0px 80px 20px 0px;
}
.cursorPointer {
  cursor: pointer;
}
.personalOffers .landingCardSlider .slick-slider button {
  position: absolute;
  top: -65px;
  width: 36px;
  height: 33px;
  background: #ffffff;
  font-size: 0;
  outline: none;
  cursor: pointer;
}
.personalOffers.landingCard .landingCardSlider .slideItem {
  padding: 0 10px 10px 0;
  outline: none;
}
.personalOffers.landingCard .slick-slide > div:nth-of-type(even) .slideItem {
  padding-bottom: 0;
}
html[dir='ltr'] .personalOffers .landingCardSlider .slideItem .itemCard {
  margin: 5px 10px 5px 2px;
  padding: 10px;
}
html[dir='ltr'] .personalOffers .landingCardSlider .slideItem .itemCard {
  margin: 5px 10px 5px 2px;
  padding: 10px;
}
.slick-initialized .slick-slide > div {
  display: inline-flex;
  width: 100%;
}
.slick-initialized .slick-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.personalOffers .landingCardSlider .slick-slider button {
  position: absolute;
  top: -65px;
  width: 36px;
  height: 33px;
  background: #ffffff;
  font-size: 0;
  outline: none;
  cursor: pointer;
}
.landingCardSlider .slick-slider .slick-prev {
  width: 36px;
  height: 36px;
  border-radius: 20px 0 0 20px;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 1px #f1f1f1;
  border-right: none;
  box-shadow: -1px 0px 3px 0 rgba(0, 0, 0, 0.1);
}
.landingCardSlider .slick-slider button {
  position: absolute;
  top: -45px;
  width: 40px;
  height: 40px;
  background: transparent;
  box-shadow: none;
  font-size: 0;
  outline: none;
  border: none;
  cursor: pointer;
  border-radius: 0;
  border-color: #f1f1f1 !important;
}
.slick-slider button {
  position: absolute;
  top: 25px;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 26.4px;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);
  font-size: 0;
  outline: none;
  border: none;
  cursor: pointer;
  border-color: transparent !important;
}
.superOffersTab li.active {
  border-bottom: solid 3px var(--color-link-primary);
}
.superOffersTab li.active a {
  color: var(--color-link-primary);
}
html[dir='ltr'] .blueArrowIcon {
  background-position: -174px -86px;
  width: 24px;
  height: 10px;
}
.superOffersTab li.active {
  border-bottom: solid 3px var(--color-link-primary);
}
.superOffersTab li {
  padding: 5px;
  margin-right: 20px;
  border-bottom: solid 3px #fff;
  transition: all 0.2s linear;
  position: relative;
}
html[dir='ltr'] .pushRight {
  margin-left: auto;
}
html[dir='ltr'] .blueArrowIcon {
  background-position: -174px -86px;
  width: 24px;
  height: 10px;
}
html[dir='ltr'] .appendLeft10 {
  margin-left: 10px;
}
.superOffersTab li {
  padding: 5px;
  margin-right: 20px;
  border-bottom: solid 3px #fff;
  transition: all 0.2s linear;
  position: relative;
}
html[dir='ltr'] .appDnldCnt .topbarInputBox {
  width: 280px;
  height: 40px;
  border: solid 1px #9b9b9b;
  background-color: #ffffff;
  outline: 0;
  padding: 0 9px;
  font-weight: 400;
  color: #292828;
  font-size: calc(var(--font-scale, 1) * 14px);
  border-radius: 0;
  border-left: 0;
  font-family: Lato;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: normal;
  color: #000;
}
html[dir='ltr'] .topbarInputBox {
  width: 240px;
  height: 40px;
  border-right: 0;
  background-color: #ffffff;
  outline: 0;
  padding: 0 15px;
  font-weight: 400;
  color: #292828;
  font-size: calc(var(--font-scale, 1) * 14px);
  border: none;
  border-right: solid 1px #9b9b9b;
}
html[dir='ltr'] .appDnldCnt .getAppLinkBtn {
  width: 160px;
  height: 40px;
  border-radius: 0 4px 4px 0;
  border: solid 1px #008cff;
  font-size: calc(var(--font-scale, 1) * 16px);
  font-weight: 900;
  color: #008cff;
  outline: 0;
  cursor: pointer;
  position: relative;
  background-color: #fff;
}
.appDnldCnt__content {
  display: flex;
  justify-content: space-between;
}
.appDnldCnt__lft {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  margin-right: 36px;
}
.appSprite.icPlayStore {
  width: 149px;
  height: 44px;
  background-position: -3px -55px;
  margin: 0 0 20px;
  -o-object-fit: contain;
  object-fit: contain;
}
.appSprite.icAppStore {
  width: 149px;
  height: 44px;
  background-position: -3px -6px;
  -o-object-fit: contain;
  object-fit: contain;
}
.appDnldCnt__rht {
  text-align: center;
}
.appSprite.icQRCode {
  width: 105px;
  height: 105px;
  margin-bottom: 3px;
}
.placeInfo {
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
}
.placeInfo .infoTile {
  width: 330px;
}
.placeInfo .infoTile img {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #f2f2f2;
}
.makeFlex .flexOne {
  flex: 1;
}
.darkGreyText, ._aff .darkGreyText {
  color: #4a4a4a;
}
.appendBottom5 {
  margin-bottom: 5px;
}
.newsLetterSubText p {
  font-size: calc(var(--font-scale, 1) * 14px) !important;
  font-weight: 400 !important;
  line-height: 17px !important;
}
.webp .appSprite {
  background: url(https://imgak.mmtcdn.com/pwa_v3/pwa_mmt_ui_assets/app-sprite.webp) no-repeat;
  display: inline-block;
  background-size: 250px 250px;
  font-size: 0px;
  flex-shrink: 0;
}
.appSprite {
  background: url(https://imgak.mmtcdn.com/pwa_v3/pwa_mmt_ui_assets/app-sprite.png) no-repeat;
  display: inline-block;
  background-size: 250px 250px;
  font-size: 0px;
  flex-shrink: 0;
}
html[dir='ltr'] .getAppLinkBtn {
  width: 136px;
  height: 40px;
  border-radius: 0 4px 4px 0;
  border: none;
  outline: none;
  font-size: calc(var(--font-scale, 1) * 16px);
  font-weight: 700;
  color: #008cff;
  outline: 0;
  cursor: pointer;
  position: relative;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: 0.5px;
}
.topbarInputBox.footerInput {
  width: 220px;
  border-radius: 4px 0 0 4px;
  border: solid 1px #9b9b9b;
}
.placeholderNumber {
  font-family: Lato;
  font-size: calc(var(--font-scale, 1) * 16px);
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: normal;
  color: #000;
  font-weight: 700;
}
.makeFlex.hrtlCenter {
  align-items: center
}
.webp .appSprite {
  background: url(https://imgak.mmtcdn.com/pwa_v3/pwa_mmt_ui_assets/app-sprite.webp) no-repeat;
  display: inline-block;
  background-size: 250px 250px;
  font-size: 0px;
  flex-shrink: 0;
}
.appSprite.icAppDownload {
  width: 92px;
  height: 96px;
  background-position: -155px -4px;
  -o-object-fit: contain;
  object-fit: contain;
  transform: scale(0.6);
  margin-left: -28px;
}
.appSprite {
  background: url(https://imgak.mmtcdn.com/pwa_v3/pwa_mmt_ui_assets/app-sprite.png) no-repeat;
  display: inline-block;
  background-size: 250px 250px;
  font-size: 0px;
  flex-shrink: 0;
}
.appDnldCnt__heading {
  font-size: calc(var(--font-scale, 1) * 32px);
  font-weight: 900;
  color: #000;
  line-height: 50px;
}
.makeFlex.vrtlCenter {
  justify-content: center
}

.makeFlex.spaceBetween {
  justify-content: space-between
}

.makeFlex.end {
  align-items: flex-end
}

.makeFlex.top {
  align-items: flex-start
}

.makeFlex.bottom {
  align-items: flex-end
}

.cursorPointer {
  cursor: pointer
}

img {
  max-width: 100%
}

html[dir=rtl] .textRight {
  text-align: left
}

html[dir=rtl] .pushRight {
  margin-right: auto
}

html[dir=rtl] .appendLeft2 {
  margin-right: 2px
}

html[dir=rtl] .appendLeft5 {
  margin-right: 5px
}

html[dir=rtl] .appendLeft8 {
  margin-right: 8px
}

html[dir=rtl] .appendLeft10 {
  margin-right: 10px
}

html[dir=rtl] .appendLeft20 {
  margin-right: 20px
}

html[dir=rtl] .appendRight5 {
  margin-left: 5px
}

html[dir=rtl] .appendRight8 {
  margin-left: 8px
}

html[dir=rtl] .appendRight10 {
  margin-left: 10px
}

html[dir=rtl] .appendRight15 {
  margin-left: 15px
}

html[dir=rtl] .appendRight20 {
  margin-left: 20px
}

html[dir=rtl] .appendRight25 {
  margin-left: 25px
}

html[dir=rtl] .appendRight30 {
  margin-left: 30px
}

.chSprite {
  background-image: url(https://hotel.tamilinfotechnology.com/icon.png) !important;
  background-repeat: no-repeat;
  background-size: 156px 240px
}

.chHotels {
  background-position: -36.5px 0;
  height: 24px;
  width: 21.5px
}

.chBuses {
  background-position: -126px -1.2px;
  height: 21.6px;
  width: 25.8px
}

.chHolidays {
  background-position: -65px -2.2px;
  height: 20px;
  width: 25px
}

.chCabs {
  background-position: -66px -49px;
  height: 22.2px;
  width: 23.4px
}

.chTrains {
  background-position: -94px -1.8px;
  height: 22px;
  width: 28px
}

.chFlights {
  background-position: -3px -2.5px;
  height: 20px;
  width: 25px
}

.chTravelInsurance {
  background-position: -126px -46.7px;
  height: 29px;
  width: 25px
}

.chForex {
  background-position: -100px -50px;
  height: 20px;
  width: 18px
}

html[dir=ltr] .chMy {
  background-color: initial;
  background-position: -177px -350px;
  background-size: 260px 400px
}

.chHomestays {
  background-position: -34px -50px;
  height: 22px;
  width: 26.4px
}

.flagSprite {
  background-image: url(pwa_v3/pwa_commons_assets/desktop/flagSprite2.png);
  background-repeat: no-repeat;
  background-size: 16px 74px;
  display: inline-block
}

.flagSprite.in {
  background-position: 0 0;
  height: 12px;
  width: 15px
}

.flagSprite.us {
  background-position: 0 -12px;
  height: 12px;
  width: 15px
}

.flagSprite.ae {
  background-position: 0 -24px;
  height: 12px;
  width: 15px
}

._MyBiz .chFlights {
  background-position: -3px -2.5px;
  height: 21px;
  width: 25px
}

._MyBiz .chHotels {
  background-position: -36px 0;
  height: 24px;
  width: 22px
}

._MyBiz .chTrains {
  background-position: -93px -2.5px;
  height: 22px;
  width: 28px
}

._MyBiz .chCabs {
  background-position: -66px -49px;
  height: 22px;
  width: 23.5px
}

._MyBiz .chHolidays {
  background-position: -68px -87px
}

._MyBiz .chBuses {
  background-position: -126.5px -2px;
  height: 21.5px;
  width: 25px
}

html[dir=rtl] .chMy {
  background-color: initial;
  background-position: -171px -351px;
  background-size: 260px 400px
}

._MyBiz .chSprite {
  background-image: url(pwa_v3/pwa_commons_assets/desktop/B2BHeaderSprite.png) !important;
  background-repeat: no-repeat;
  background-size: 156px 288px
}

.listYourPropertyDivWidth {
  max-width: 93px
}

.myTripsIcon {
  background-position: -122px -27px;
  height: 25px;
  width: 16px
}

.myBizIcon {
  background-position: -98px -491px;
  height: 22px;
  width: 44px
}

.mmtLogo {
  align-items: center
}

.mmtLogo img {
  height: 36px;
  width: 113px
}

.navOnly .chHeaderContainer {
  width: 100%
}

.navOnly .chHeaderContainer {
  padding: 0
}

.navOnly .chHeaderContainer nav {
  width: 100%
}

.navOnly .chHeaderContainer nav ul {
  width: 100%
}

.navOnly .chHeaderContainer li a .chNavText {
  border-bottom: 3px solid #fff
}

.navOnly .chHeaderContainer nav ul li {
  display: flex
}

.chHeaderContainer nav ul .menu_Holidays {
  position: relative
}

.chHeaderContainer nav ul li.removeItemMargin,
.navOnly .chHeaderContainer nav ul li.removeItemMargin {
  margin-left: 0;
  margin-right: 0
}

.chHeaderContainer nav ul .newTagImage {
  background-image: linear-gradient(100deg, #976fc3, #e35471);
  border-radius: 4px;
  display: inline-flex;
  font-size: calc(var(--font-scale, 1)*14px);
  font-weight: 700;
  height: 20px;
  justify-content: center;
  left: 50%;
  min-width: 40px;
  padding: 4px 6px;
  position: absolute;
  top: -22px;
  transform: translateX(-50%)
}

.navOnly .font12 {
  font-size: calc(var(--font-scale, 1)*14px)
}

.navOnly .chTravelInsurance {
  background-position: -221px -86px;
  height: 29px;
  width: 25px
}

.navOnly .chFlights {
  background-position: -5px -4px;
  height: 32px;
  width: 42px
}

.navOnly .chHotels {
  background-position: -60px 0;
  height: 40px;
  width: 36px
}

.navOnly .chForex {
  background-position: -167px -83px;
  height: 34px;
  width: 30px
}

.navOnly .chTrains {
  background-position: -156.5px -3px;
  height: 37px;
  width: 47px
}

.navOnly .chBuses {
  background-position: -210.5px -2px;
  height: 36px;
  width: 43px
}

.navOnly .chCabs {
  background-position: -110px -82px;
  height: 37px;
  width: 39px
}

.navOnly .chHomestays {
  background-position: -57px -83px;
  height: 37px;
  width: 44px
}

.navOnly .chSprite {
  background-size: 260px 400px
}

._MyBiz .navOnly .chSprite {
  background-size: 260px 480px
}

.navOnly .chHolidays {
  background-position: -109px -4px;
  height: 33px;
  width: 42px
}

.navOnly .chHeaderContainer li .chNavIcon .chFlights {
  background-position: -4px 1px;
  height: 32px;
  width: 42px
}

.headerOuter {
  left: 0;
  position: absolute;
  right: 0
}

.headerOuter {
  align-items: center;
  display: flex;
  justify-content: center
}

.landingContainer .headerOuter {
  top: 87px
}

.navOnly .headerIconTextAlignment {
  font-size: calc(var(--font-scale, 1)*14px);
  font-weight: 400;
  line-height: 17px;
  text-align: center
}

.navOnly .headerIcons {
  align-items: center;
  display: flex;
  flex-direction: column;
  max-width: 72px
}

.navOnly .headerIconWrapper {
  align-items: center;
  display: flex;
  height: 40px;
  justify-content: center;
  margin-bottom: 4px;
  width: 52px
}

.headerIconWrapper {
  align-items: center;
  display: flex;
  height: 24px;
  justify-content: center;
  margin-bottom: 4px;
  width: 31px
}

.headerIcons {
  align-items: center;
  display: flex;
  flex-direction: column;
  max-width: 62px
}

.headerIconTextAlignment {
  font-size: calc(var(--font-scale, 1)*12px);
  font-weight: 400;
  line-height: 15px;
  text-align: center
}

.navOnly .headerIconsGap {
  gap: 40px
}

.headerIconsGap {
  gap: 20px
}

@keyframes fadeInAnimation {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@-webkit-keyframes fadeinout {

  0%,
  to {
    opacity: 0
  }

  50% {
    opacity: 1
  }
}

@keyframes fadeinout {

  0%,
  to {
    opacity: 0
  }

  50% {
    opacity: 1
  }
}

.login__card {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 7px 0 #0003;
  padding: 12px 10px
}

.appendBottom8 {
  margin-bottom: 8px
}

.geoSwitcher .switcherDownArrow {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  margin-bottom: 4px;
  padding: 3px;
  transform: rotate(45deg)
}

html[dir=ltr] .conCurLang li {
  box-shadow: none;
  margin-left: 0;
  padding: 0
}

html[dir=ltr] .conCurLang li {
  font-size: calc(var(--font-scale, 1)*12px);
  margin-top: 10px
}

html[dir=rtl] .conCurLang li {
  box-shadow: none;
  margin-right: 0;
  padding: 0
}

html[dir=rtl] .conCurLang li {
  font-size: calc(var(--font-scale, 1)*12px);
  margin-top: 10px
}

:root {
  --borderWidth: 2px;
  --height: 10px;
  --width: 5px;
  --borderColor: #4a4a4a
}

html[dir=ltr] .appendLeft7 {
  margin-left: 7px
}

@keyframes change3 {
  0% {
    opacity: 0;
    transform: translateZ(0)
  }

  5% {
    opacity: 1;
    transform: translateZ(0)
  }

  20% {
    opacity: 1;
    transform: translateZ(0)
  }

  40% {
    opacity: 1;
    transform: translate3d(0, -33%, 0)
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -33%, 0)
  }

  80% {
    opacity: 1;
    transform: translate3d(0, -70%, 0)
  }

  90% {
    opacity: .8;
    transform: translate3d(0, -70%, 0)
  }

  to {
    opacity: 0;
    transform: translate3d(0, -70%, 0)
  }
}

@keyframes change4 {
  0% {
    opacity: 0;
    transform: translateZ(0)
  }

  10% {
    opacity: 1;
    transform: translateZ(0)
  }

  30% {
    opacity: 1;
    transform: translate3d(0, -25%, 0)
  }

  50% {
    opacity: 1;
    transform: translate3d(0, -25%, 0)
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -50%, 0)
  }

  80% {
    opacity: 1;
    transform: translate3d(0, -50%, 0)
  }

  95% {
    opacity: 1;
    transform: translate3d(0, -75%, 0)
  }

  to {
    opacity: 0;
    transform: translate3d(0, -75%, 0)
  }
}

@keyframes shimmerAnimation {
  0% {
    background-position: -468px 0
  }

  to {
    background-position: 468px 0
  }
}

@keyframes fadeAnimation {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fadeInList {
  0% {
    opacity: 0;
    transform: translate3d(0, -20%, 0)
  }

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

@keyframes spin {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(1turn)
  }
}

[contenteditable] {
  caret-color: var(--color-primary, #008cff)
}

[contenteditable] {
  caret-color: #ff664b
}

.chHeaderContainer {
  margin: 0 auto;
  padding: 10px 0 12px;
  width: 1200px
}

.myIconWhite {
  background-position: -67px -489px !important;
  height: 22px;
  width: 23px
}

html[dir=ltr] .chHeaderContainer .logoContainer {
  display: flex;
  font-size: calc(var(--font-scale, 1)*14px);
  margin-right: 25px;
  min-width: 120px
}

.chHeaderContainer .chMmtLogo {
  display: inline-block;
  height: 36px;
  width: 113px
}

.myPartner .chHeaderContainer .chMmtLogo {
  display: inline-block;
  height: 36px;
  width: 200px
}

.chHeaderContainer .chMmtLogo img {
  width: 100%
}

.chHeaderContainer nav {
  flex: 2
}

.chHeaderContainer nav ul {
  width: 100% !important
}

.chHeaderContainer nav ul li {
  flex-shrink: 0 !important;
  position: relative
}

.chHeaderWrapper.navOnly {
  position: absolute;
  top: 0;
  z-index: 11
}

.chHeaderWrapper.navOnly._MyBiz {
  z-index: 11
}

.chHeaderContainer li .chNavText {
  border-radius: 10px
}

.chHeaderContainer .chLoggedOutLogo {
  display: inline-block;
  height: 20px;
  width: 20px
}

.chHeaderContainer .userInfoBoxLabel {
  background-image: linear-gradient(45deg, #ace143, #219393);
  border-radius: 50%;
  height: 25px;
  padding: 6px;
  width: 25px
}

.chHeaderContainer .arrow {
  border-bottom: 0;
  border-right: 2px solid var(--color-primary, #008cff);
  border-top: 2px solid var(--color-primary, #008cff);
  display: inline-block;
  height: 5px;
  margin: 0 10px;
  padding: 2px;
  width: 5px
}

.chHeaderContainer .arrowDown {
  transform: rotate(135deg) skew(7deg, 7deg)
}

.chHeaderContainer .chNavText .arrow {
  border-right: 2px solid #4a4a4a;
  border-top: 2px solid #4a4a4a;
  margin: 0 0 2px 2px
}

._MyBiz .chHeaderContainer .userInfoBoxLabel {
  background-image: linear-gradient(222deg, #ff684a, #ff4959)
}

._MyBiz .chHeaderContainer .arrow {
  border-bottom: 0;
  border-right: 2px solid #ff664b;
  border-top: 2px solid #ff664b
}

._MyBiz .chHeaderContainer .chMmtLogo img {
  width: 60px
}

.navOnly .chHeaderContainer>ul,
html[dir=ltr] .navOnly .chHeaderContainer>.logoContainer {
  display: none
}

._MyBiz .navOnly .chHolidays {
  background-position: -109px -3px;
  height: 33px;
  width: 41px
}

._MyBiz .navOnly .chCabs {
  background-position: -110px -82px;
  height: 37px;
  width: 39px
}

._MyBiz .navOnly .chFlights {
  background-position: -5px -4px;
  height: 32px;
  width: 42px
}

._MyBiz .navOnly .chHotels {
  background-position: -60px 0;
  height: 40px;
  width: 35px
}

._MyBiz .navOnly .Visa {
  background-position: 0 -37px
}

._MyBiz .navOnly .chBuses {
  background-position: -211px -4px;
  height: 36px;
  width: 42px
}

._MyBiz .navOnly .chTrains {
  background-position: -155px -4px;
  height: 37px;
  width: 47px
}

._MyBiz .mmtLogo img {
  height: 30px;
  width: 60px
}

._MyBiz .userNameIcon {
  background-image: linear-gradient(45deg, #f38370, #ff664b);
  height: 20px;
  width: 20px
}

.lhMyTrips {
  min-width: 150px;
  padding-right: 8px !important;
  width: max-content
}

.myBizIntro {
  height: 42px;
  min-width: 195px
}

li.countryChange {
  height: 100%
}

.ctrySelectText {
  color: #fff
}

html[dir=rtl] .chHeaderContainer h1 {
  display: flex;
  margin-left: 25px;
  min-width: 120px
}

html[dir=rtl] .chHeaderContainer .logoContainer {
  display: flex;
  font-size: calc(var(--font-scale, 1)*14px);
  margin-left: 25px;
  min-width: 120px
}

.navOnly .chHeaderContainer>ul,
html[dir=rtl] .navOnly .chHeaderContainer>.logoContainer {
  display: none
}

@keyframes toastAnim {
  0% {
    bottom: 0;
    opacity: 0
  }

  to {
    bottom: 200px;
    opacity: 1
  }
}

@keyframes toastAnim2 {
  0% {
    bottom: 0;
    opacity: 0
  }

  to {
    bottom: 60px;
    opacity: 1
  }
}
.inputFlag {
  padding-top: 1px;
  display: flex;
  border-right: 0px;
  border-radius: 4px 0 0 4px;
  border: 1px solid #9b9b9b;
  border-right: 0px;
}
.landingSprite {
  background-image: url(//imgak.mmtcdn.com/pwa_v3/pwa_commons_assets/desktop/landingSprite@24x.png);
  background-repeat: no-repeat;
  display: inline-block;
  background-size: 200px 700px;
  font-size: 0px;
  flex-shrink: 0;
}

.userSection {
  display: flex
}

html[dir=ltr] .userSection>li {
  cursor: pointer;
  margin-left: 0 !important;
  padding: 5px 10px
}

html[dir=ltr] .userSection>li,
html[dir=ltr] .userSection>ul {
  background-color: initial;
  border: dotted #ffffff26;
  border-width: 0 0 0 2px
}

html[dir=ltr] .userSection>li:first-child,
html[dir=ltr] .userSection>ul:first-child {
  border: none
}

html[dir=ltr] .userSection li.lhUser.userLoggedOut {
  background-image: var(--color-btn-primary-bg, linear-gradient(93deg, #53b2fe, #065af3));
  border: 0;
  border-radius: 4px;
  height: 42px;
  margin-right: 0;
  width: 213px
}

html[dir=ltr] .userSection li.geoSwitcher {
  background-color: #ffffff26;
  border: 0;
  border-radius: 4px;
  padding: 0
}

.langSlct {
  height: 100%;
  padding: 5px 10px
}

html[dir=ltr] .userSection li.myBizIntro {
  box-shadow: 0 1px 4px 0 #0003;
  min-width: 195.5px
}

html[dir=ltr] .userSection li.lhUser:after {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  content: "";
  display: inline-block;
  margin-top: -5px;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg)
}

.userPerText {
  color: #c2c2c2;
  min-width: 104px
}

.userNameIcon {
  border-radius: 100%;
  flex-shrink: 0;
  height: 20px;
  width: 20px
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.landingContainer {
  margin: 0 auto;
  width: 1200px
}

.chHeaderWrapper.navOnly nav {
  align-items: center;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 20px 0 #0000001a;
  display: flex;
  height: 100px;
  padding: 8px 30px
}

.textCenter {
  text-align: center
}

html[dir=rtl] .userSection>li,
html[dir=rtl] .userSection>ul {
  background-color: initial;
  border: dotted #ffffff26;
  border-width: 0 2px 0 0
}

html[dir=rtl] .userSection>ul:first-child {
  border: none
}

html[dir=rtl] .userSection li.lhUser.userLoggedOut {
  background-image: var(--color-btn-primary-bg, linear-gradient(93deg, #53b2fe, #065af3));
  border: 0;
  border-radius: 4px;
  margin-left: 0
}

html[dir=rtl] .userSection li.geoSwitcher {
  background-color: #ffffff26;
  border: 0;
  padding: 0
}

html[dir=ltr] .userSection li {
  cursor: pointer;
  margin-left: 5px;
  padding: 5px 10px
}

html[dir=rtl] .userSection li {
  border-radius: 4px;
  cursor: pointer;
  padding: 5px 10px
}

html[dir=rtl] .userSection li.myBizIntro {
  border-radius: 4px;
  box-shadow: 0 1px 4px 0 #0003
}

html[dir=rtl] .userSection li.lhUser:after {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  content: "";
  display: inline-block;
  margin-top: -5px;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg)
}

:root {
  --color-primary: #008cff;
  --color-btn-primary-bg: linear-gradient(93deg, #53b2fe, #065af3);
  --color-btn-primary-text: #ffffff;
  --color-link-primary: #008cff;
  --color-slider-track: #008cff;
  --btn-border-radius: 34px
}

p[title]:hover:after {
  content: attr(title);
  width: 220px;
  position: absolute;
  top: 30px;
  left: 0;
  z-index: 1;
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .3);
  background-color: #eaf5ff;
  border-radius: 4px;
  padding: 8px;
  font-size: 10px
}

.appendTop100 {
  margin-top: 100px
}

html[dir=rtl] .cardInnerInfo {
  min-height: 140px;
  padding: 0 10px
}

html[dir=rtl] .aboutMMT .aboutDesc {
  flex: 1;
  padding-left: 30px
}

@keyframes circularAnimation {
  from {
    transform: rotate(0)
  }

  to {
    transform: rotate(-360deg)
  }
}

@keyframes fadeAndScale {
  0% {
    opacity: 0;
    transform: rotate(-45deg) scale(.2, .2)
  }

  100% {
    opacity: 1;
    transform: rotate(0) scale(1, 1)
  }
}

@keyframes bounceAni {
  0% {
    transform: translateY(0)
  }

  25% {
    transform: translateY(-30px)
  }

  70% {
    transform: translateY(30px)
  }

  100% {
    transform: translateY(0)
  }
}

@keyframes shimmer {
  0% {
    background-position: 50% 0
  }

  100% {
    background-position: -50% 0
  }
}

.arrowDown {
  display: inline-block;
  width: 10px;
  height: 10px;
  padding: 3px;
  border-top: 2px solid #008cff;
  border-right: 2px solid #008cff;
  -webkit-transform: rotate(135deg) skew(3deg, 3deg);
  -moz-transform: rotate(135deg) skew(3deg, 3deg);
  -ms-transform: rotate(135deg) skew(3deg, 3deg);
  -o-transform: rotate(135deg) skew(3deg, 3deg);
  transform: rotate(135deg) skew(3deg, 3deg)
}

@keyframes lds-ring {
  0% {
    transform: rotate(0)
  }

  100% {
    transform: rotate(360deg)
  }
}

@keyframes slideLeft {
  from {
    transform: translateX(-100%)
  }

  to {
    transform: translateX(0)
  }
}

@keyframes successAnimation {
  from {
    transform: scale(0)
  }

  to {
    transform: scale(1)
  }
}

html[dir=ltr] .trip__img {
  width: 61px;
  height: 61px;
  position: absolute;
  left: -22px;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 4px;
  overflow: hidden
}

html[dir=rtl] .trip__img {
  width: 61px;
  height: 61px;
  position: absolute;
  right: -22px;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 4px;
  overflow: hidden
}

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg)
  }
}

.cab__item {
  position: relative;
  width: 360px;
  border-radius: 10px;
  box-shadow: 0 3px 30px 0 rgba(0, 0, 0, .1);
  background-color: #fff;
  padding: 20px 24px;
  display: flex;
  flex-direction: column
}

.cabs__card {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%
}

@keyframes spin {
  from {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.appendBottom24 {
  margin-bottom: 24px
}

html[dir=ltr] .appendLeft6 {
  margin-left: 6px
}

html[dir=ltr] .appendRight16 {
  margin-right: 16px
}

html[dir=ltr] .appendRight40 {
  margin-right: 40px
}

@keyframes fadeInAnim {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes toastAnimation {
  from {
    bottom: -50px;
    opacity: 0
  }

  to {
    bottom: 20px;
    opacity: 1
  }
}

.my__booking_header {
  width: 340px
}

:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1
}

@keyframes fadeIn {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

.lineHeight30 {
  line-height: 30px !important
}

@keyframes rotating {
  0% {
    -webkit-transform: rotate(0)
  }

  20% {
    -webkit-transform: rotate(360deg)
  }

  40% {
    -webkit-transform: rotate(360deg)
  }

  60% {
    -webkit-transform: rotate(360deg)
  }

  80% {
    -webkit-transform: rotate(360deg)
  }

  100% {
    -webkit-transform: rotate(360deg)
  }
}

@-webkit-keyframes rotating {
  0% {
    -webkit-transform: rotate(0)
  }

  20% {
    -webkit-transform: rotate(360deg)
  }

  40% {
    -webkit-transform: rotate(360deg)
  }

  60% {
    -webkit-transform: rotate(360deg)
  }

  80% {
    -webkit-transform: rotate(360deg)
  }

  100% {
    -webkit-transform: rotate(360deg)
  }
}

.w130 {
  width: 130px
}

.blackText {
  color: #000
}

@keyframes blink {
  0% {
    opacity: 0
  }

  25% {
    opacity: .25
  }

  50% {
    opacity: .5
  }

  75% {
    opacity: .75
  }

  100% {
    opacity: 1
  }
}

.card {
  border-radius: 10px;
  box-shadow: 0 3px 30px 0 rgba(0, 0, 0, .1);
  background-color: #fff;
  padding: 30px
}

.dlLoader * {
  animation: Gradient 3s ease infinite
}

@-webkit-keyframes Gradient {
  0% {
    background-position: 0 50%
  }

  50% {
    background-position: 100% 50%
  }

  100% {
    background-position: 0 50%
  }
}

@-moz-keyframes Gradient {
  0% {
    background-position: 0 50%
  }

  50% {
    background-position: 100% 50%
  }

  100% {
    background-position: 0 50%
  }
}

@keyframes Gradient {
  0% {
    background-position: 0 50%
  }

  50% {
    background-position: 100% 50%
  }

  100% {
    background-position: 0 50%
  }
}

.ladingStateHeading {
  width: 100%;
  height: 20px;
  background: linear-gradient(90deg, #dfdddf, #efefef);
  background-size: 400%;
  border-radius: 4px
}

.ladingStateText {
  width: 100%;
  height: 10px;
  background: linear-gradient(90deg, #dfdddf, #efefef);
  background-size: 400%;
  border-radius: 4px
}

.ladingStateText:last-of-type {
  width: 80%
}

.loadingStateImg {
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #dfdddf, #efefef);
  border-radius: 4px
}

.dlLoader {
  overflow: hidden
}

[type=radio]:not(:checked) {
  position: absolute;
  left: -9999px
}

@keyframes blink {
  0% {
    opacity: 0
  }

  25% {
    opacity: .25
  }

  50% {
    opacity: .5
  }

  75% {
    opacity: .75
  }

  100% {
    opacity: 1
  }
}

.appendBottom8 {
  margin-bottom: 8px
}

@keyframes spread-fade {
  0% {
    transform: translate(-50%, -50%) scale(0);
    -webkit-transform: translate(-50%, -50%) scale(0);
    opacity: .9
  }

  25% {
    opacity: .8
  }

  50% {
    opacity: .6
  }

  75% {
    opacity: .2
  }

  100% {
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
    opacity: 0
  }
}

p[title]:hover:after {
  content: attr(title);
  width: 220px;
  position: absolute;
  top: 30px;
  left: 0;
  z-index: 1;
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .3);
  background-color: #eaf5ff;
  border-radius: 4px;
  padding: 8px;
  font-size: 10px
}

body,
html {
  background: #f2f2f2;
  padding: 0;
  margin: 0;
  color: #4a4a4a;
  font-size: calc(var(--font-scale, 1) * 14px);
  font-family: var(--font-family);
  font-weight: 400
}

html {
  box-sizing: border-box;
  scroll-behavior: smooth
}

html[dir=ltr] body {
  font-family: var(--font-family)
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
  margin: 0;
  list-style: none;
  padding: 0
}

a {
  color: var(--color-link-primary);
  text-decoration: none;
  cursor: pointer
}

a:focus,
a:hover {
  text-decoration: none;
  outline: 0
}

img {
  max-width: 100%
}

.capText {
  text-transform: uppercase
}

.blackText {
  color: #000
}

.darkGreyText {
  color: #4a4a4a
}

.whiteText {
  color: #fff
}

.font8 {
  font-size: 8px;
  line-height: 8px
}

.font9 {
  font-size: 9px;
  line-height: 9px
}

.font10 {
  font-size: 10px;
  line-height: 10px
}

.font11 {
  font-size: calc(var(--font-scale, 1) * 11px);
  line-height: 11px
}

.font12 {
  font-size: calc(var(--font-scale, 1) * 12px);
  line-height: 12px
}

.font13 {
  font-size: calc(var(--font-scale, 1) * 13px);
  line-height: 13px
}

.font14 {
  font-size: calc(var(--font-scale, 1) * 14px);
  line-height: 14px
}

.font15 {
  font-size: calc(var(--font-scale, 1) * 15px);
  line-height: 15px
}

.font16 {
  font-size: calc(var(--font-scale, 1) * 16px);
  line-height: 16px
}

.font18 {
  font-size: calc(var(--font-scale, 1) * 18px);
  line-height: 18px
}

.font20 {
  font-size: calc(var(--font-scale, 1) * 20px);
  line-height: 20px
}

.font22 {
  font-size: calc(var(--font-scale, 1) * 22px);
  line-height: 22px
}

.font24 {
  font-size: calc(var(--font-scale, 1) * 24px);
  line-height: 24px
}

.font26 {
  font-size: calc(var(--font-scale, 1) * 26px);
  line-height: 26px
}

.font28 {
  font-size: calc(var(--font-scale, 1) * 28px);
  line-height: 28px
}

.font30 {
  font-size: calc(var(--font-scale, 1) * 30px);
  line-height: 30px
}

.font32 {
  font-size: calc(var(--font-scale, 1) * 32px);
  line-height: 32px
}

.font36 {
  font-size: calc(var(--font-scale, 1) * 36px);
  line-height: 36px
}

.latoBold {
  font-weight: 700
}

.latoBlack {
  font-weight: 900
}

.lineHeight13 {
  line-height: 13px !important
}

.lineHeight14 {
  line-height: 14px !important
}

.lineHeight16 {
  line-height: 16px !important
}

.lineHeight17 {
  line-height: 17px !important
}

.lineHeight18 {
  line-height: 18px !important
}

.lineHeight20 {
  line-height: 20px !important
}

.lineHeight22 {
  line-height: 22px !important
}

.lineHeight23 {
  line-height: 23px !important
}

.lineHeight25 {
  line-height: 25px !important
}

.lineHeight30 {
  line-height: 30px !important
}

html[dir=ltr] .textRight {
  text-align: right
}

.textCenter {
  text-align: center
}

.makeFlex {
  display: flex
}

.makeFlex .flexOne {
  flex: 1
}

.makeFlex.column {
  flex-direction: column
}

.makeFlex.perfectCenter {
  align-items: center;
  justify-content: center
}

.makeFlex.hrtlCenter {
  align-items: center
}

.makeFlex.vrtlCenter {
  justify-content: center
}

.makeFlex.spaceBetween {
  justify-content: space-between
}

.makeFlex.end {
  align-items: flex-end
}

.makeFlex.top {
  align-items: flex-start
}

html[dir=ltr] .pushRight {
  margin-left: auto
}

.flexOne {
  flex: 1
}

.makeRelative {
  position: relative
}

.appendTop2 {
  margin-top: 2px
}

.appendTop3 {
  margin-top: 3px
}

.appendTop5 {
  margin-top: 5px
}

.appendTop8 {
  margin-top: 8px
}

.appendTop10 {
  margin-top: 10px
}

.appendTop12 {
  margin-top: 12px
}

.appendTop15 {
  margin-top: 15px
}

.appendTop16 {
  margin-top: 16px
}

.appendTop18 {
  margin-top: 18px
}

.appendTop20 {
  margin-top: 20px
}

.appendTop25 {
  margin-top: 25px
}

.appendTop30 {
  margin-top: 30px
}

.appendTop40 {
  margin-top: 40px
}

.appendTop50 {
  margin-top: 50px
}

.appendTop52 {
  margin-top: 52px
}

.appendTop60 {
  margin-top: 60px
}

.appendTop70 {
  margin-top: 70px
}

.appendTop80 {
  margin-top: 80px
}

.appendTop120 {
  margin-top: 120px
}

html[dir=ltr] .appendRight1 {
  margin-right: 1px
}

html[dir=ltr] .appendRight3 {
  margin-right: 3px
}

html[dir=ltr] .appendRight5 {
  margin-right: 5px
}

html[dir=ltr] .appendRight10 {
  margin-right: 10px
}

html[dir=ltr] .appendRight12 {
  margin-right: 12px
}

html[dir=ltr] .appendRight15 {
  margin-right: 15px
}

html[dir=ltr] .appendRight17 {
  margin-right: 17px
}

html[dir=ltr] .appendRight20 {
  margin-right: 20px
}

html[dir=ltr] .appendRight26 {
  margin-right: 26px
}

html[dir=ltr] .appendRight30 {
  margin-right: 30px
}

html[dir=ltr] .appendRight80 {
  margin-right: 80px
}

.appendBottom1 {
  margin-bottom: 1px
}

.appendBottom2 {
  margin-bottom: 2px
}

.appendBottom3 {
  margin-bottom: 3px
}

.appendBottom5 {
  margin-bottom: 5px
}

.appendBottom6 {
  margin-bottom: 6px
}

.appendBottom7 {
  margin-bottom: 7px
}

.appendBottom8 {
  margin-bottom: 8px
}

.appendBottom10 {
  margin-bottom: 10px
}

.appendBottom12 {
  margin-bottom: 12px
}

.appendBottom15 {
  margin-bottom: 15px
}

.appendBottom18 {
  margin-bottom: 18px
}

.appendBottom19 {
  margin-bottom: 19px
}

.appendBottom20 {
  margin-bottom: 20px !important
}

.appendBottom22 {
  margin-bottom: 22px
}

.appendBottom25 {
  margin-bottom: 25px
}

.appendBottom30 {
  margin-bottom: 30px
}

.appendBottom35 {
  margin-bottom: 35px
}

.appendBottom40 {
  margin-bottom: 40px !important
}

.appendBottom50 {
  margin-bottom: 50px
}

html[dir=ltr] .appendLeft1 {
  margin-left: 1px
}

html[dir=ltr] .appendLeft3 {
  margin-left: 3px
}

html[dir=ltr] .appendLeft5 {
  margin-left: 5px
}

html[dir=ltr] .appendLeft7 {
  margin-left: 7px
}

html[dir=ltr] .appendLeft10 {
  margin-left: 10px
}

html[dir=ltr] .appendLeft15 {
  margin-left: 15px
}

html[dir=ltr] .appendLeft18 {
  margin-left: 18px
}

html[dir=ltr] .appendLeft20 {
  margin-left: 20px
}

html[dir=ltr] .appendLeft30 {
  margin-left: 30px
}

.padding10 {
  padding: 10px
}

.padding20 {
  padding: 20px
}

.padding15 {
  padding: 15px
}

.prependTop5 {
  padding-top: 5px
}

.prependTop20 {
  padding-top: 20px
}

[type=checkbox]:not(:checked) {
  position: absolute;
  left: -9999px;
  opacity: 0
}

.widgetSection {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 10;
  margin-top: 4rem;
  border-radius: 8px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  padding: 60px 20px 0;
}
.grpBkngOpt {
  display: flex;
}
.grpBkngOpt__item.selected {
  background-color: #eaf5ff;
}
.grpBkngOpt__item {
  display: flex;
  align-items: center;
  margin-right: 15px;
  flex-shrink: 0;
  padding: 4px 6px;
  cursor: pointer;
  border-radius: 14px;
}
.grpBkngOpt__item.selected .grpBkngOpt__item--opt {
  background-color: #008cff;
  border-color: #008cff;
  position: relative;
}
.grpBkngOpt__item--opt {
  width: 12px;
  height: 12px;
  border: 1px #9b9b9b solid;
  border-radius: 50%;
  margin-right: 5px;
}
.grpBkngOpt__item.selected .grpBkngOpt__item--text {
  color: #000;
  font-weight: 900;
}
.grpBkngOpt__item--text {
  font-size: calc(var(--font-scale, 1) * 14px);
  color: #4a4a4a;
}
.grpBkngOpt__item--tag {
  width: 34px;
  height: 15px;
  display: inline-flex;
  border-radius: 4px;
  background: linear-gradient(100deg, #976FC3 0%, #E35471 100%);
  margin-left: 12px;
  position: relative;
}
.makeFlex.perfectCenter {
  align-items: center;
  justify-content: center;
}
.hsw-seo-header h1 {
  display: inline-block;
  font-weight: 900;
}
.widgetSection h1 {
  font-size: calc(var(--font-scale, 1) * 14px);
  text-align: center;
}
.darkGreyText, ._aff .darkGreyText {
  color: #4a4a4a;
}
.capitalize {
  text-transform: capitalize;
}
.hsw {
  background: #fff;
  padding: 11px 0;
}
.hswFullWidth {
  width: 100%;
}
.hsw .hsw_inner {
  width: 100%;
  margin: 0 auto 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  background: #fff;
  border-radius: 10px;
  border: solid 1px #e7e7e7;
  top: 0;
  position: relative;
  z-index: 2;
  padding: 0;
}
html[dir='ltr'] .hsw_inputBox.selectHtlCity {
  width: 385px;
  min-height: 90px;
  border-right: solid 1px #e7e7e7;
}
.widgetSection .hsw .hsw_inputBox {
  border-radius: 0;
  margin-right: 0;
  transition: all 0.2s linear;
}
.hsw .hsw_inputBox {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  margin-right: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}
.hsw_inputBox {
  border-radius: 0;
  margin-right: 0;
  transition: all 0.2s linear;
}
.hsw .hsw_inputBox label {
  padding: 10px 20px;
  display: flex;
  flex-direction: column;
}
.hsw .lbl_input {
  text-transform: capitalize;
}
.hsw .hsw_inputField {
  border: 0;
  outline: 0;
  background: none;
  min-width: 140px;
  cursor: pointer;
}
.hsw_inputBox .lineHeight36 {
  line-height: 40px;
}
.dateErrorMsg {
  display: none;
  position: absolute;
  right: 0;
  top: 30px;
  background: #cf8100;
  padding: 10px;
  border-radius: 4px;
  white-space: nowrap;
  top: 97px;
  z-index: 1;
}
.widgetSection .hsw .hsw_inputBox {
  border-radius: 0;
  margin-right: 0;
  transition: all 0.2s linear;
}
.hsw_inputBox.roomGuests {
  width: 230px;
  min-height: 95px;
  position: relative;
}
.hsw_inputBox.roomGuests label {
  padding-bottom: 29px;
}
.hsw .hsw_inputField.guests {
  min-width: 215px;
}
html[dir='ltr'] .appendRight10 {
  margin-right: 10px;
}
.hsw_inputBox .lineHeight36 {
  line-height: 40px;
}
html[dir='ltr'] .appendRight5 {
  margin-right: 5px;
}
html[dir='ltr'] .hsw_inputBox.travelFor {
  width: 185px;
  min-height: 95px;
  border-left: solid 1px #e7e7e7;
  position: relative;
}
.widgetSection .hsw .hsw_inputBox {
  border-radius: 0;
  margin-right: 0;
  transition: all 0.2s linear;
}
.hsw_inputBox.travelFor {
  width: 171px !important;
  min-height: 95px;
  position: relative;
  border-left: solid 1px #e7e7e7;
}
.travelFor .greyText {
  color: #4a4a4a;
}
.primaryTraveler .hsw_inputBox.travelFor label {
  padding-bottom: 0px !important;
}
.makeFlex.spaceBetween {
  justify-content: space-between;
}
.makeFlex .flexOne {
  flex: 1;
}
.makeFlex.perfectCenter {
  align-items: center;
  justify-content: center;
}
.latoBold {
  font-weight: 700;
}
.font12 {
  font-size: 12px;
  line-height: 12px;
}
.recentSearches {
  display: flex;
}
html[dir='ltr'] .recentSearches li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 8px 10px;
  border-radius: 4px;
  margin-left: 10px;
  background: #f2f2f2;
}
.darkGreyText, ._aff .darkGreyText {
  color: #4a4a4a;
}
.makeFlex.vrtlCenter {
  justify-content: center;
}
#hsw_search_button, #search_button {
  font-family: var(--font-family);
}
.hsw .widgetSearchBtn {
  min-width: 216px;
  width: auto;
  padding: 10px 20px;
}
.widgetSection .widgetSearchBtn {
  width: 216px;
  padding: 10px;
  margin-bottom: -32px;
  opacity: 1;
} 
.primaryBtn {
  border-radius: 34px;
  background-image: linear-gradient(96deg, #53b2fe, #065af3);
  box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.2);
  display: inline-block;
  flex-shrink: 0;
  color: #fff;
  text-transform: uppercase;
  font-weight: 900;
  padding: 9px 20px;
  cursor: pointer;
  outline: 0;
  border: 0;
  text-align: center;
}
.landingContainer {
  width: 1200px;
  margin: 0 auto;
}
element.style {
  --bg-value: url(//imgak.mmtcdn.com/pwa_v3/pwa_commons_assets/desktop/bg1.jpg);
  background-size: 100% 571px;
}.noAvifSupport.bgGradient {
  background-size: 100% 540px;
  background-image: var(--bg-value), linear-gradient(to bottom, #051322, #15457c);
}
.navOnly .headerIconWrapper {
  height: 40px;
  width: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px;
}
.navOnly .active .chHotels {
  background-position: -62px -41.5px;
}
.navOnly .chSprite {
  background-size: 260px 400px;
}
.navOnly .chHeaderContainer ul li .active::after {
  bottom: -9px;
}
.navOnly .chHeaderContainer ul li .active::after {
  width: 100%;
  height: 3px;
  background: var(--color-primary, var(--color-primary, #008cff));
  content: '';
  left: 0;
  z-index: 2;
  display: inline-flex;
  position: absolute;
  border-radius: 10px;
}
.navOnly .chHotels {
  width: 36px;
  height: 40px;
  background-position: -60px 0px;
}
.minHeight90 {
  min-height: 90px;
}
.appendBottom20 {
  margin-bottom: 20px !important;
}
.landingContainer {
  width: 1200px;
  margin: 0 auto;
}
.navOnly .chHeaderContainer li a.active .chNavText {
  color: var(--color-primary, #008cff);
  background: transparent;
}
.navOnly .chHeaderContainer li a .chNavText {
  border-bottom: solid 3px #fff;
}
.makeFlex.hrtlCenter {
  align-items: center;
}
.luxeSel {
  padding: 34px 30px 34px 40px;
  background-size: cover;
  display: flex;
  align-items: center;
  box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  background-color: #fffbf4;
  cursor: pointer;
}
.appendBottom20 {
  margin-bottom: 20px !important;
}
.minHeight0 {
  min-height: 0 !important;
}
.luxeSel {
  padding: 34px 30px 34px 40px;
  background-size: cover;
  display: flex;
  align-items: center;
  box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  background-color: #fffbf4;
  cursor: pointer;
}
.appendBottom20 {
  margin-bottom: 20px !important;
}
.whiteText, ._aff .whiteText {
  color: #ffffff;
}
.widgetSection .hsw .hsw_inputBox.roomGuests {
  flex: 1;
}
html[dir='ltr'] .hsw_inputBox.dates {
  width: 157px;
  min-height: 97px;
  border-right: solid 1px #e7e7e7;
  position: relative;
}
.hsw_inputBox input {
  font-family: 'Mukta', 'Lato', sans-serif;
}
.font18 {
  font-size: 18px;
  line-height: 18px;
}
.blackText, ._aff .blackText {
  color: #000000;
}
.hsw_inputBox .lineHeight36 {
  line-height: 40px;
}
.latoBlack {
  font-weight: 900;
}
.font32 {
  font-size: 32px;
  line-height: 32px;
}
.hsw_inputBox.dates input, .hsw_inputBox.roomGuests input {
  opacity: 0;
  position: absolute;
}
.widgetSection .hsw .hsw_inputBox {
  border-radius: 0;
  margin-right: 0;
  transition: all 0.2s linear;
}

.hsw .hsw_inputBox {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  margin-right: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}
@keyframes slideInUp {
  0% {
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px)
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
}

.cursorPointer {
  cursor: pointer
}

html[dir=rtl] .textRight {
  text-align: left
}

html[dir=rtl] .pushRight {
  margin-right: auto
}

html[dir=rtl] .appendRight3 {
  margin-left: 3px
}

html[dir=rtl] .appendRight5 {
  margin-left: 5px
}

html[dir=rtl] .appendRight10 {
  margin-left: 10px
}

html[dir=rtl] .appendRight12 {
  margin-left: 12px
}

html[dir=rtl] .appendRight15 {
  margin-left: 15px
}

html[dir=rtl] .appendRight17 {
  margin-left: 17px
}

html[dir=rtl] .appendRight20 {
  margin-left: 20px
}

html[dir=rtl] .appendRight26 {
  margin-left: 26px
}

html[dir=rtl] .appendRight30 {
  margin-left: 30px
}

html[dir=rtl] .appendRight80 {
  margin-left: 80px
}

html[dir=rtl] .appendLeft1 {
  margin-right: 1px
}

html[dir=rtl] .appendLeft3 {
  margin-right: 3px
}

html[dir=rtl] .appendLeft5 {
  margin-right: 5px
}

html[dir=rtl] .appendLeft7 {
  margin-right: 7px
}

html[dir=rtl] .appendLeft10 {
  margin-right: 10px
}

html[dir=rtl] .appendLeft15 {
  margin-right: 15px
}

html[dir=rtl] .appendLeft18 {
  margin-right: 18px
}

html[dir=rtl] .appendLeft20 {
  margin-right: 20px
}

html[dir=rtl] .appendLeft30 {
  margin-right: 30px
}

.appendBottom13 {
  margin-bottom: 13px
}

html[dir=rtl] body {
  font-family: Almarai, sans-serif
}



.myTripsIcon {
  width: 16px;
  height: 25px;
  background-position: -122px -30px
}

.listYourPropertyIcon {
  width: 32px;
  height: 33px;
  background-position: -78px -517px
}

.myBizIcon {
  width: 44px;
  height: 22px;
  background-position: -82px -227px
}

.twiiterIcon {
  width: 30px;
  height: 24px;
  background-position: -84px -132px
}

.facebookIcon {
  width: 14px;
  height: 30px;
  background-position: -162px -126px
}

main {
  min-height: 100px
}

.mmtLogo img {
  width: 180px;
  height: 36px
}
.lazyLoadingCard {
  margin-top: 143px;
  margin-top: 20px;
}
.dlLoader * {
  animation: Gradient 3s ease infinite;
}
.landingContainer {
  width: 1200px;
  margin: 0 auto;
}
.landingStateNavTag, .landingStateNavTagPromos {
  width: 520px;
  height: 36px;
  margin: 6px 31px;
  margin-right: 0px;
  margin-bottom: 10px;
}
.landingStateViewAll {
  width: 92px;
  height: 31px;
  margin: 5px auto;
  margin-left: 309px;
  margin-bottom: 10px;
}
.landingSlickSlider, .landingSlickSliderPromos {
  width: 66px;
  height: 36px;
  margin: 0px auto;
  margin-right: 0;
}
.landingContainer {
  width: 1200px;
  margin: 0 auto;
}
.landingContainer {
  width: 1200px;
  margin: 0 auto;
}
.landingContainer {
  margin: 0 auto;
  width: 1200px;
}
.dlLoader {
  overflow: hidden;
}
.dlLoader * {
  animation: Gradient 3s ease infinite;
}
.landingStateOfferstag {
  width: 90px;
  height: 36px;
  margin: 5px 0;
  margin-bottom: 2px;
}
.offerShimmer > * {
  background: linear-gradient(90deg, #dfdddf, #efefef);
  background-size: 400%;
  border-radius: 4px;
}
.landingCard {
  border-radius: 10px;
  box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  padding: 25px 40px 40px;
}
main {
  display: flex;
  flex-direction: column;
}
main {
  min-height: 100px;
}
html[dir='ltr'] .landingCard .landingCardSlider.offers .slideItem {
  padding-top: 0px;
}
.landingCard .landingCardSlider.offers .slideItem {
  padding-top: 0;
}
html[dir='ltr'] .landingCardSlider.offers .slideItem .itemCard {
  padding-left: 10px;
  padding-right: 12px;
  margin-top: 10px;
  margin-right: 18px;
  margin-left: 2px;
}
.cardInnerInfo {
  min-height: 140px;
}
.landingCardSlider .slideItem .itemOffersThumb {
  width: 135px;
  height: 144px;
  margin-top: 10px;
}
.background400per {
  background-size: 400%;
}
.landingCardSlider .slideItem .itemDesc {
  width: 290px;
} 
.landingCardSlider .categTitleOffers {
  background: linear-gradient(90deg, #dfdddf, #efefef);
  border-radius: 4px;
  height: 12px;
  width: 20%;
  margin-top: 10px;
  margin-bottom: 5px;
}
.ladingStateHeading {
  width: 100%;
  height: 20px;
  background: linear-gradient(90deg, #dfdddf, #efefef);
  background-size: 400%;
}
.redBdr {
  width: 33px;
  height: 1px;
  background: #eb2026;
  display: flex;
}
.ladingStateText {
  width: 100%;
  height: 10px;
  background: linear-gradient(90deg, #dfdddf, #efefef);
  background-size: 400%;
}
.ladingStateText:last-of-type {
  width: 80%;
}
.makeFlex.spaceBetween {
  justify-content: space-between;
}
.makeFlex.hrtlCenter {
  align-items: center;
}
.blueText, ._aff .blueText {
  color: #008cff;
}
.landingStateTerms {
  width: 20%;
  margin: 0 25px;
}
.luxeSel {
  padding: 34px 30px 34px 40px;
  background-size: cover;
  display: flex;
  align-items: center;
  box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  background-color: #fffbf4;
  cursor: pointer;
}
.luxeSel__dtl {
  flex: 1;
  position: relative;
  z-index: 1;
}
.appendBottom5 {
  margin-bottom: 5px;
}
.luxeSel__dtl--hdng {
  font-size: calc(var(--font-scale, 1) * 36px);
  font-weight: 900;
  margin-bottom: 5px;
  background: -webkit-linear-gradient(45deg, #edd287 0%, #b8860b 100%);
  background-clip: text;
}
.luxeSel__dtl--desc {
  font-size: calc(var(--font-scale, 1) * 16px);
  line-height: 24px;
  color: #000000;
  font-weight: 700;
}
.luxeSel__cta {
  display: inline-flex;
  background: linear-gradient(45deg, #edd287 0%, #b8860b 100%);
  box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.21);
  border-radius: 64px;
  padding: 12px 32px;
  color: #000000;
  font-size: calc(var(--font-scale, 1) * 14px);
  font-weight: 900;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
}
.luxeSel__list {
  display: flex;
}
.luxeSel__list--item {
  margin-right: 20px;
  width: 233px;
  flex-shrink: 0;
  background: #ffffff;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  overflow: hidden;
}
.luxeSel__list--itemImg {
  height: 170px;
}
.luxeSel__list--itemImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.luxeSel__list--itemDtl {
  padding: 10px 16px;
}
.appendBottom3 {
  margin-bottom: 3px;
}
.latoBlack {
  font-weight: 900;
}
.font20 {
  font-size: 20px;
  line-height: 20px;
}
.blackText, ._aff .blackText {
  color: #000000;
}
.luxeSel__list {
  margin-left: 70px;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}
.latoBlack {
  font-weight: 900;
}
.font14 {
  font-size: 14px;
  line-height: 14px;
}
.loadingStateImg {
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #dfdddf, #efefef);
  border-radius: 4px;
}
html[dir='ltr'] .appendRight20 {
  margin-right: 20px;
}
.appendBottom10 {
  margin-bottom: 10px;
}
.cardInnerInfo {
  min-height: 140px;
}
.personalOffers .landingCardSlider .slideItem .itemThumb {
  width: 135px;
  margin-top: 0 !important;
}
.landingCardSlider .slideItem .itemThumb {
  width: 120px;
  margin-top: -20px;
}
html[dir='ltr'] .appendRight20 {
  margin-right: 20px;
}
.personalOffers .landingCardSlider .slideItem .itemImgWrap {
  height: 125px !important;
}
.slideItem .itemImgWrap {
  width: 100%;
  height: 115px;
  border-radius: 6px;
  background: linear-gradient(90deg, #dfdddf, #efefef);
  background-size: 400%;
}
.slick-slide img {
  display: block;
  width: 100%;
  max-height: 135px;
}
.slideItem .itemThumb img {
  border-radius: 6px;
}
html[dir='ltr'] .landingCardSlider .slideItem .itemCard {
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  margin: 5px 10px 5px 2px;
  padding: 0 15px 15px;
  cursor: pointer;
}
.landingCard .landingCardSlider .slideItem {
  padding: 40px 20px 10px 0;
  border: none;
  outline: none;
}
.landingCardSlider {
  margin-right: -40px;
}
.dlLoader * {
  animation: Gradient 3s ease infinite;
}
.landingCardSlider {
  margin-right: -40px;
}
.landingContainer {
  width: 1200px;
  margin: 0 auto
}

.topSection {
  display: flex;
  flex-direction: column;
  position: relative
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

.userSection {
  display: flex
}

html[dir=ltr] .userSection li {
  cursor: pointer;
  margin-left: 5px;
  padding: 5px 10px
}

.html[dir=ltr] userSection li.myBizIntro {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2)
}

.userPerText {
  color: #c2c2c2
}

.userNameIcon {
  width: 20px;
  height: 20px;
  border-radius: 100%
}

@supports (-moz-appearance:none) {
  .widgetSection .widgetSearchBtn {
    width: 216px;
    padding: 13px 10px 10px;
    margin-bottom: -32px
  }
}

main {
  display: flex;
  flex-direction: column
}

.landingCard {
  border-radius: 10px;
  box-shadow: 0 3px 30px 0 rgba(0, 0, 0, .1);
  background-color: #fff;
  padding: 25px 40px 40px
}

.landingCard h2 {
  font-size: calc(var(--font-scale, 1) * 42px)
}

#Offers .itemCard {
  min-height: 170px
}

.landingCardSlider {
  margin-right: -40px
}

.landingCard .landingCardSlider .slideItem {
  padding: 40px 20px 10px 0;
  border: none;
  outline: 0
}

html[dir=ltr] .landingCardSlider .slideItem .itemCard {
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .2);
  background-color: #fff;
  margin: 5px 10px 5px 2px;
  padding: 0 15px 15px;
  cursor: pointer
}

.landingCardSlider .slideItem .itemDesc {
  width: 290px
}
.personalOffers .landingCardSlider .categTitle {
  margin-top: 0 !important;
}
.landingCardSlider .categTitle {
  margin-top: -20px;
}
.appendBottom5 {
  margin-bottom: 5px;
}
.appendBottom10 {
  margin-bottom: 10px;
}
.redBdr {
  width: 33px;
  height: 1px;
  background: #eb2026;
  display: flex;
}
.lineHeight16 {
  line-height: 16px !important;
}
.sliderFoot {
  display: flex;
  align-items: center;
  margin-top: 10px;
} 

html[dir='ltr'] .sliderFoot__left {
  width: 135px;
  margin-right: 20px;
  display: flex;
  align-items: center;
}
html[dir='ltr'] .appendRight20 {
  margin-right: 20px;
}
html[dir='ltr'] .pushRight {
  margin-left: auto;
}
.font14 {
  font-size: calc(var(--font-scale, 1) * 14px);
  line-height: 14px;
}
.lineHeight22 {
  line-height: 22px !important;
}
.latoBlack {
  font-weight: 900;
}
.font18 {
  font-size: calc(var(--font-scale, 1) * 18px);
  line-height: 18px;
}
.redBdr {
  width: 33px;
  height: 1px;
  background: #eb2026;
  display: flex
}

.cardInnerInfo {
  min-height: 140px
}

.footNav {
  padding: 20px 0
}

.footNav__list li:hover a {
  color: #008cff
}

.footNav__list {
  margin-bottom: 20px
}

.footNav__list li {
  display: inline-block
}

.footNav__list li a {
  font-size: calc(var(--font-scale, 1) * 12px);
  color: #4a4a4a;
  line-height: 14px
}

.aboutMMT {
  background: #e7e7e7;
  padding: 60px 0
}

.aboutMMT .grid-3 .aboutDesc {
  max-width: 33%;
  margin-right: 3%;
  flex-grow: 1;
  flex-basis: 0
}

.aboutMMT .grid-3 .aboutDesc:last-of-type {
  margin-right: 0
}

.aboutMMT .grid {
  flex-wrap: wrap
}

.aboutMMT .grid .aboutDesc {
  width: 50%;
  margin-top: 44px;
  padding-bottom: 28px;
  border-bottom: solid 1px #979797
}

.aboutMMT .grid .aboutDesc:nth-child(even) {
  padding-left: 6%
}

.aboutMMT .grid .aboutDesc:nth-child(odd) {
  padding-right: 6%
}

.aboutMMT .grid .aboutDesc:nth-child(1),
.aboutMMT .grid .aboutDesc:nth-child(2) {
  margin-top: 0
}

.aboutMMT .grid .aboutDesc:nth-last-child(1),
.aboutMMT .grid .aboutDesc:nth-last-child(2):nth-child(odd) {
  border-bottom: none
}

.aboutMMT .aboutDesc a {
  color: inherit !important
}

.aboutMMT .aboutDesc .heading {
  letter-spacing: .31px
}

.footerBottom {
  background: #000;
  padding: 50px 0 60px
}

.socialMediaLinks {
  width: 110px
}

.socialMediaLinks a {
  width: 50px;
  height: 50px
}

.bdrWhite {
  color: #fff
}

._MyBiz .mmtLogo img {
  width: 60px;
  height: 30px
}

.bgGradient {
  background: #f2f2f2;
  background-repeat: no-repeat;
  background-image: linear-gradient(to bottom, #051322, #15457c);
  background-size: 100% 540px;
  min-height: 100vh;
  transition: background .1s linear
}

.noAvifSupport.bgGradient {
  background-size: 100% 540px;
  background-image: var(--bg-value), linear-gradient(to bottom, #051322, #15457c)
}

.myPartner .bgGradient {
  background: #f2f2f2;
  background-repeat: no-repeat;
  background-image: linear-gradient(to bottom, #0b1b29 -60%, #554176);
  background-size: 100% 454px;
  min-height: 100vh
}

.mobile .bgGradient {
  min-width: max-content;
  padding: 0 10px
}

._MyBiz .bgGradient {
  background-image: linear-gradient(to bottom, #371f30, #371f30)
}

.dlLoader * {
  animation: Gradient 3s ease infinite
}

@-webkit-keyframes Gradient {
  0% {
    background-position: 0 50%
  }

  50% {
    background-position: 100% 50%
  }

  100% {
    background-position: 0 50%
  }
}

@-moz-keyframes Gradient {
  0% {
    background-position: 0 50%
  }

  50% {
    background-position: 100% 50%
  }

  100% {
    background-position: 0 50%
  }
}

@keyframes Gradient {
  0% {
    background-position: 0 50%
  }

  50% {
    background-position: 100% 50%
  }

  100% {
    background-position: 0 50%
  }
}

.ladingStateHeading {
  width: 100%;
  height: 20px;
  background: linear-gradient(90deg, #dfdddf, #efefef);
  background-size: 400%
}

.ladingStateText {
  width: 100%;
  height: 10px;
  background: linear-gradient(90deg, #dfdddf, #efefef);
  background-size: 400%
}

.ladingStateText:last-of-type {
  width: 80%
}

.loadingStateImg {
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #dfdddf, #efefef);
  border-radius: 4px
}

.background400per {
  background-size: 400%
}

.dlLoader {
  overflow: hidden
}

.widgetLoader {
  width: 1200px;
  margin: 0 auto;
  background: #fff;
  border-radius: 10px;
  height: 200px;
  position: absolute;
  z-index: 0;
  top: 136px;
  left: 0;
  right: 0
}

.landingSearchWidget {
  margin-bottom: 100px
}

.landingSearchWidget.IN {
  height: 316px
}

.landingSearchWidget.AE {
  height: 307px
}

@keyframes shake {

  10%,
  90% {
    transform: translate3d(-1px, 0, 0)
  }

  20%,
  80% {
    transform: translate3d(2px, 0, 0)
  }

  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0)
  }

  40%,
  60% {
    transform: translate3d(4px, 0, 0)
  }
}

@keyframes page_loader__mover {
  0% {
    width: 0
  }

  100% {
    width: 100%
  }
}

.myIconWhite {
  background-position: -67px -489px !important
}

.myBizIcon {
  background-position: -98px -491px
}

.minContainer {
  min-height: 300px
}

html[dir=rtl] .landingCardSlider .slideItem .itemCard {
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .2);
  background-color: #fff;
  margin: 5px 2px 5px 10px;
  padding: 0 15px 15px;
  cursor: pointer;
  direction: rtl;
  text-align: right
}

html[dir=rtl] .userSection li {
  cursor: pointer;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
  margin-right: 5px;
  border-radius: 4px;
  padding: 5px 10px
}

html[dir=rtl] .userSection li.myBizIntro {
  border-radius: 4px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2)
}

.arrowDown {
  display: inline-block;
  width: 10px;
  height: 10px;
  padding: 3px;
  border-top: 2px solid #008cff;
  border-right: 2px solid #008cff;
  -webkit-transform: rotate(135deg) skew(3deg, 3deg);
  -moz-transform: rotate(135deg) skew(3deg, 3deg);
  -ms-transform: rotate(135deg) skew(3deg, 3deg);
  -o-transform: rotate(135deg) skew(3deg, 3deg);
  transform: rotate(135deg) skew(3deg, 3deg)
}

.landingCardSlider.promos {
  margin-right: 2px
}

.landingCard .landingCardSlider.offers .slideItem {
  padding-top: 0
}

.landingCard.block {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 20px
}

.landingCard.block .ladingStateHeading {
  height: 80px
}

.landingCard.tripMoney .ladingStateHeading {
  height: 20px
}

html[dir=ltr] .landingCardSlider .slideItem .itemOfferCard {
  border-radius: 6px;
  width: 197px;
  height: 231px;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .2);
  background-color: #fff;
  background: linear-gradient(90deg, #dfdddf, #efefef);
  margin: 5px 11px 5px 6px;
  padding: 0 15px 15px;
  cursor: pointer;
  background-size: 400%
}

.ladingStateText {
  width: 100%;
  height: 10px;
  background: linear-gradient(90deg, #dfdddf, #efefef);
  background-size: 400%
}

.ladingStateText:last-of-type {
  width: 80%
}

html[dir=ltr] .landingCardSlider .slideItem .itemOfferCard>p {
  margin: 0 100px
}

html[dir=ltr] .landingCardSlider.offers .slideItem .itemCard {
  padding-left: 10px;
  padding-right: 12px;
  margin-top: 10px;
  margin-right: 18px;
  margin-left: 2px
}

html[dir=ltr] .landingCard .landingCardSlider.offers .slideItem {
  padding-top: 0
}

html[dir=ltr] .landingCard .landingCardSlider.promos .slideItem {
  padding-top: 6px
}

.landingCardSlider .slideItem .itemOffersThumb {
  width: 135px;
  height: 144px;
  margin-top: 10px
}

.landingCardSlider .categTitleOffers {
  background: linear-gradient(90deg, #dfdddf, #efefef);
  border-radius: 4px;
  height: 12px;
  width: 20%;
  margin-top: 10px;
  margin-bottom: 5px
}

.lazyLoadingHome {
  margin-top: 164px
}

.offerShimmer>* {
  background: linear-gradient(90deg, #dfdddf, #efefef);
  background-size: 400%;
  border-radius: 4px
}

.landingStateNavTag,
.landingStateNavTagPromos {
  width: 520px;
  height: 36px;
  margin: 6px 31px;
  margin-right: 0;
  margin-bottom: 10px
}

.landingStateNavTagPromos {
  margin: 15px 0;
  width: 430px
}

.landingStateOfferstag {
  width: 90px;
  height: 36px;
  margin: 5px 0;
  margin-bottom: 2px
}

.landingStateViewAll {
  width: 92px;
  height: 31px;
  margin: 5px auto;
  margin-left: 309px;
  margin-bottom: 10px
}

.landingSlickSlider,
.landingSlickSliderPromos {
  width: 66px;
  height: 36px;
  margin: 0 auto;
  margin-right: 0
}

.landingSlickSliderPromos {
  margin-right: 0
}

.ladingStateText,
.landingStateTerms {
  width: 100%;
  height: 10px;
  background: linear-gradient(90deg, #dfdddf, #efefef);
  background-size: 400%;
  margin-bottom: 5px
}

.landingStateTerms {
  width: 20%;
  margin: 0 25px
}

.legal-body {
  background: #fff;
  color: #4a4a4a;
  font-family: Lato, sans-serif;
  font-size: calc(var(--font-scale, 1) * 18px);
  line-height: 24px;
  min-height: 100vh;
  min-width: 100vw
}

.legal-wrapper {
  display: flex;
  flex-direction: column;
  padding: 16px;
  margin: 0 auto;
  max-width: 990px;
  box-sizing: border-box
}

.legal-wrapper header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 0
}

header a img {
  width: 100%;
  max-width: 113px
}

.main-legal {
  border: solid 1px #e7e7e7;
  padding: 16px;
  margin-bottom: 50px
}

.main-legal p {
  margin-bottom: 10px
}

.main-legal p:last-of-type {
  margin-bottom: unset
}

@media (max-width:768px) {
  .legal-wrapper {
    width: 100%;
    padding: 8px
  }

  header a img {
    max-width: 90px
  }
}

.appendTop14 {
  margin-top: 14px
}

@keyframes shimmer {
  0% {
    background-position: 50% 0
  }

  100% {
    background-position: -50% 0
  }
}

body,
div#footer {
  font-family: Almarai, Arial, Helvetica, sans-serif
}

@keyframes cm--spinner {
  0% {
    transform: rotate(0)
  }

  100% {
    transform: rotate(360deg)
  }
}

@keyframes myprofileShimmer {
  0% {
    background-position: -468px 0
  }

  100% {
    background-position: 468px 0
  }
}

.dropDown {
  display: flex;
  flex-direction: column;
  flex-shrink: 0
}

@keyframes errorMsgGnricAnimation {
  0% {
    bottom: 0;
    opacity: 1
  }

  40% {
    bottom: 48px;
    opacity: 1
  }

  100% {
    bottom: -48px;
    opacity: 1
  }
}