/*Custom CSS File, overwrite with caution*/
@font-face {
font-family: graphit;
src: url(../font/graphit.otf);
}
@font-face {
font-family: HVD_graphit;
src: url(../font/HvDTrial_Graphit.otf);
}
@font-face {
font-family: HVD_graphit_Light;
src: url(../font/HvDTrial_Graphit-Light.otf);
}
body {
font-family: graphit;
}
/* RTL Support - Global Arrow Flipping */
[dir="rtl"] .fa-chevron-left,
[dir="rtl"] .fa-chevron-right,
[dir="rtl"] .fa-angle-left,
[dir="rtl"] .fa-angle-right,
[dir="rtl"] .fa-angle-double-left,
[dir="rtl"] .fa-angle-double-right,
[dir="rtl"] .fa-arrow-left,
[dir="rtl"] .fa-arrow-right {
display: inline-block;
transform: rotate(180deg);
}
[dir="rtl"] .fa-arrow-left,
[dir="rtl"] .fa-arrow-right {
display: inline-block;
transform: rotate(180deg);
}
[dir="rtl"] .login-section .lang-switcher-container,
[dir="rtl"] .signup-section .lang-switcher-container,
[dir="rtl"] .verify-section .lang-switcher-container {
right: auto !important;
left: 30px !important;
}
[dir="rtl"] label {
text-align: right !important;
}
[dir="rtl"] input:not([type="email"]):not([type="tel"]) {
text-align: right !important;
}
p {
margin-top: 0;
margin-bottom: 0;
}
img {
max-width: 100%;
}
@media (min-width: 1400px) {
.container {
max-width: 1400px;
padding-left: 16px;
padding-right: 16px;
margin-bottom: 20px;
}
nav.navbar .container {
max-width: 90%;
padding: 0;
}
}
tic-navbar {
position: sticky;
top: 0;
z-index: 1001;
}
header {
background: #fff;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding: 0 32px 0 0;
}
.navbar-nav .nav-link {
color: #000;
font-weight: 700;
font-size: 20px;
line-height: 40px;
}
.navbar-collapse {
flex-grow: unset;
}
.viewOrder {
padding: 17px 38px;
background: #ff2976;
color: #fff !important;
font-size: 20px;
font-weight: bold;
border-radius: 118px;
text-decoration: none;
cursor: pointer;
}
.right-nav .bi {
font-size: 10em;
width: 8em;
height: 4em;
font-size: 1em;
width: 1em;
height: 1em;
}
.hero {
background: #050450;
border-radius: 0px 0px 160px 160px;
}
.hero .mascot .content {
padding: 8rem 0 8rem 0;
position: relative;
z-index: 1;
}
.hero .mascot img {
width: 700px;
max-width: 100%;
position: relative;
left: -100px;
}
.tickets {
font-family: HVD_graphit;
transform: rotate(11.807deg);
font-size: 38px;
font-style: normal;
font-weight: 500;
letter-spacing: -1.52px;
color: #fff;
border-radius: 67px;
background: #ff2976;
padding: 2px 30px;
margin-top: -6rem;
display: block;
float: left;
}
.hero-text {
font-family: HVD_graphit;
color: #fff;
font-size: 69px;
font-style: normal;
font-weight: 700;
line-height: 76px;
}
.booking {
font-family: HVD_graphit;
transform: rotate(-5.889deg);
font-size: 43px;
font-style: normal;
font-weight: 500;
letter-spacing: -1.52px;
display: inline-block;
color: #000;
border-radius: 57px;
background: #5dff43;
padding: 2px 40px 2px 26px;
margin-top: -5rem;
}
.hero-text-small {
font-family: HVD_graphit;
color: #fff;
font-size: 36px;
font-style: normal;
font-weight: 500;
line-height: 77px;
/* 213.889% */
}
.blur {
background: url(../images/blur.png);
height: 105%;
background-repeat: no-repeat;
background-size: 100%;
background-position: top center;
position: absolute;
width: 105%;
top: -6rem;
left: -17px;
opacity: 0.7;
}
.ticketing {
padding: 2rem;
background: #fff !important;
position: relative;
margin-top: -9rem;
z-index: 1;
}
tic-flight-search .ticketing {
-moz-box-shadow: 0px 3px 8px #c4c4d3;
-webkit-box-shadow: 0px 3px 8px #c4c4d3;
box-shadow: 0px 5px 25px #c4c4d3;
}
.ticketing:before {
content: "";
background: url(../images/triangle.png);
background-repeat: none;
background-position: left top;
width: 17px;
height: 100%;
margin-left: -16px;
display: block;
position: absolute;
left: 0;
top: 0;
}
.ticketing:after {
content: "";
background: url(../images/triangle-right.png);
background-repeat: none;
background-position: right top;
width: 17px;
height: 100%;
margin-right: -16px;
display: block;
position: absolute;
right: 0;
top: 0;
}
.ticketing .form-control {
padding: 1rem;
}
.ticketing .form-control[readonly] {
background-color: #fff;
}
.ticketLabel {
opacity: 0.55;
padding-left: 10px;
}
.packageType {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
padding: 12px 60px 12px 24px;
align-items: center;
background: #fff;
margin-bottom: 0 !important;
}
.packageType .item {
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
letter-spacing: -0.6px;
display: flex;
align-items: center;
gap: 9px;
}
.packageType {
border-radius: 0.375rem;
border: 1px solid #dee2e6;
padding: 0.75rem;
text-align: center;
}
.blackButton {
background: #000;
color: #fff;
border-radius: 9px;
display: block;
padding: 0.75rem;
text-align: center;
font-weight: 700;
text-decoration: none;
line-height: 2.15rem;
border-radius: 6px !important;
}
span.booking.mobile {
display: none;
}
footer {
background-image: url(../images/footer-bg-image.png);
background-size: cover;
padding-top: 235px;
position: relative;
}
footer .col-brand p {
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 20px;
color: #fff;
max-width: 280px;
margin-top: 26px;
}
footer .row:first-child {
border-bottom: 1px solid rgb(228 228 231 / 30%);
}
footer.home-foot {
/* background-color: #EEE; */
}
footer:before {
position: absolute;
content: url(../images/Shapes.png);
top: 0;
left: 20%;
}
.col-item ul {
list-style-type: none;
padding-left: 0;
margin-top: 26px;
}
.col-item p {
color: #fff;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.col-item ul li a {
color: #fff;
font-family: "HVD_graphit_Light";
font-size: 19px;
font-style: normal;
line-height: 38px;
text-decoration: none;
padding: 5px 0;
opacity: 0.55;
}
.row.copy-row {
padding: 27px 0;
}
p.copyright-text {
color: #52525b;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.social-icons {
text-align: end;
}
section.category-cards {
padding: 20px 0 102px 0;
background: #fff;
}
section.category-cards .col-12 h2 {
color: var(--Black, #000);
font-family: Graphit;
font-size: 26px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 7.54px;
text-transform: uppercase;
}
section.category-cards .col-12 p {
color: #000;
font-family: Graphit;
font-size: 53px;
font-style: normal;
font-weight: bold;
line-height: 65px;
padding-bottom: 100px;
}
.inner-content {
max-width: 270px;
margin: 0 auto;
}
.card-image {
min-height: 170px;
}
.inner-content h3 {
margin: 28px 0 18px 0;
color: var(--Black, #000);
font-family: "HVD_graphit";
font-size: 32.65px;
font-style: normal;
font-weight: 500;
line-height: 38.279px;
letter-spacing: -0.653px;
}
.inner-content p {
color: rgb(0 0 0 / 55%);
text-align: center;
font-family: Graphit;
font-size: 21.391px;
font-style: normal;
font-weight: 400;
line-height: 33.776px;
}
section.booking-sect .row {
align-items: center;
position: relative;
}
section.booking-sect p.tag {
color: #020202;
font-family: Graphit;
font-size: 26px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 7.54px;
text-transform: uppercase;
}
section.booking-sect h2.title {
color: var(--Black, #000);
font-family: "HVD_graphit";
font-size: 53px;
font-style: normal;
font-weight: bold;
line-height: 62px;
padding: 28px 0 24px 0;
}
section.booking-sect p.description {
color: #000;
font-family: "HVD_GRAPHIT";
font-size: 20px;
font-style: normal;
font-weight: medium;
line-height: 34px;
letter-spacing: -0.6px;
margin-bottom: 0;
padding-bottom: 0;
}
section.booking-sect a.button {
border-radius: 9px;
padding: 16px 60px;
color: #fff;
border-radius: 9px;
background: var(--Black, #000);
text-decoration: none;
display: inline-block;
margin-top: 49px;
}
section.booking-sect .row:before {
content: "";
position: absolute;
top: -100px;
right: -20px;
border-radius: 876px;
width: 876px;
height: 876px;
background: radial-gradient(90.37% 90.37% at 31.39% 35.84%,
#fff 0%,
#adadd0 100%);
}
section.booking-sect {
padding: 100px 0 300px 0;
}
section.booking-sect {
position: relative;
}
section.booking-sect:before {
content: url(../images/aero.png);
position: absolute;
right: 0;
top: 0;
width: 596.21px;
height: 182.7px;
z-index: 99;
}
section.best-hotels {
padding-bottom: 228px;
}
section.best-hotels .col-12 h2 {
color: #0b0b0b;
font-family: Graphit;
font-size: 26px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 7.54px;
text-transform: uppercase;
}
section.best-hotels .col-12 p {
color: #0b0b0b;
text-align: center;
font-family: "HVD_GRAPHIT";
font-size: 53px;
font-style: normal;
font-weight: 500;
line-height: 62px;
/* 116.981% */
color: #0b0b0b;
margin-bottom: 80px;
}
.title-price {
display: flex;
justify-content: space-between;
margin-top: 43px;
margin-bottom: 24px;
}
.title-price .title {
color: #000;
font-family: Graphit;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 34px;
max-width: 156px;
opacity: 0.9;
}
p.price {
color: var(--Primary, #050450);
font-family: "HVD_graphit";
font-size: 54px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -1.62px;
}
section.best-hotels p.description {
color: rgb(0 0 0 / 60%);
font-family: Graphit;
font-size: 19px;
font-style: normal;
font-weight: 400;
line-height: 34px;
padding: 0 36px;
}
.title-price {
padding: 0 36px;
}
.inner-card {
text-align: center;
}
.best-hotels .slick-active.slick-center {
border-radius: 20px;
background: var(--White, #fff);
box-shadow: 0px 0px 84px 0px rgba(0, 0, 0, 0.18);
}
.hotels .slick-slide {
margin-right: 24px;
}
.inner-card img {
margin: 0 auto;
}
.hotels:before {
content: url(../images/elbow.png);
position: absolute;
bottom: -70%;
right: 8%;
width: 587px;
height: 587px;
opacity: 1;
}
button.slick-prev.slick-arrow {
width: unset;
bottom: 0 !important;
top: 110%;
left: 43%;
}
.slick-next:before,
.slick-prev:before {
fill: #000;
color: #000;
}
.slick-next:before {
content: url(../images/arrow.png);
transform: rotate(180deg);
}
.slick-prev:before {
content: url(../images/arrow-left.png);
}
button.slick-next.slick-arrow {
width: unset;
bottom: 0 !important;
top: 110%;
right: 43%;
}
section.best-hotels.best-events .slick-slide {
background: unset;
box-shadow: unset;
margin-right: 30px;
}
section.best-hotels.best-events .container {
border-radius: 30px;
background: var(--White, #fff);
box-shadow: 0px 25px 64px 0px rgba(0, 0, 0, 0.09);
padding: 60px 60px 160px 60px;
}
section.best-hotels.best-events {
padding: 96px 0;
}
section.best-hotels.best-events p.title {
font-family: "HVD_graphit";
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 31px;
padding: 35px 35px 35px 0;
margin-bottom: 0;
max-width: 402px;
color: #000;
}
section.best-hotels.best-events .inner-card img {
margin: 0;
}
section.best-hotels.best-events .hotel a {
font-family: "HVD_graphit";
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 31px;
color: var(--Primary, #050450);
text-decoration: none;
}
section.best-hotels.best-events .container {
position: relative;
}
section.best-hotels.best-events .container .row {
background: #fff;
}
section.best-hotels.best-events .container:before {
content: url(../images/elbow2.png);
position: absolute;
bottom: -25%;
left: 8%;
width: 587px;
height: 587px;
z-index: -1;
}
section.best-hotels.best-events .container:after {
content: url(../images/polytri.png);
position: absolute;
top: 30%;
right: -3%;
width: 100px;
height: 100px;
z-index: -1;
}
section.best-hotels.best-events {
margin-bottom: 220px;
}
section.testimonials h4 {
color: var(--Black, #000);
font-family: Graphit;
font-size: 26px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 7.54px;
text-transform: uppercase;
}
.testimonials .slick-active[data-slick-index="1"] {
background: #eaeaf3;
border-radius: 20px !important;
}
section.testimonials h1 {
color: var(--Black, #000);
text-align: center;
font-family: "HVD_graphit";
font-size: 53px;
font-style: normal;
font-weight: 500;
line-height: 62px;
/* 116.981% */
letter-spacing: -1.59px;
margin-bottom: 52px;
}
section.testimonials {
position: relative;
}
section.testimonials .container {
max-width: 1460px;
}
section.testimonials .container {
position: relative;
z-index: 1;
}
.testimonials .slick-slide {
max-width: 482px;
}
section.testimonials:before {
content: url(../images/aero2-bf.png);
position: absolute;
left: 0;
top: -40px;
width: 596.21px;
height: 182.7px;
max-width: 100%;
z-index: 99;
}
section.testimonials:after {
content: url(../images/circle.png);
position: absolute;
right: 0;
top: 0;
width: 735px;
height: 735px;
max-width: 100%;
z-index: -1;
transform: rotate(-180deg);
}
section.testimonials .box p.desc {
color: #2b2b2b;
font-family: Graphit;
font-size: 19px;
font-style: normal;
font-weight: 400;
line-height: 30px;
opacity: 0.65;
}
section.testimonials .box span.name {
color: var(--Black, #000);
font-family: Graphit;
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -0.78px;
}
section.testimonials .box span.job {
color: #1f1f1f;
font-family: Graphit;
font-size: 19px;
font-style: normal;
font-weight: 400;
line-height: 30px;
/* 157.895% */
}
section.work-sect h1 {
color: var(--Black, #000);
text-align: center;
font-family: "HVD_graphit";
font-size: 53px;
font-style: normal;
font-weight: 500;
line-height: 62px;
/* 116.981% */
letter-spacing: -1.59px;
}
section.work-sect {
padding: 371px 0 112px 0;
margin-top: -160px;
background-image: url(../images/greybg.png);
background-size: cover;
background-repeat: no-repeat;
}
section.work-sect h2 {
color: var(--Black, #000);
font-family: "HVD_graphit";
font-size: 29px;
font-style: normal;
font-weight: 500;
line-height: 34px;
letter-spacing: -0.58px;
margin: 0 !important;
padding: 19px 0 25px 0;
}
.testimonial-box button {
display: none !important;
}
section.work-sect p {
color: #413d3d;
text-align: center;
font-family: "HVD_graphit";
font-size: 19px;
font-style: normal;
font-weight: 400;
line-height: 30px;
max-width: 240px;
margin: 0 auto;
}
.testimonials .slick-active {
margin-left: 60px;
}
.testimonials .slick-center {
background: #050450;
border-radius: 20px;
z-index: 999;
margin-left: 0;
}
.testimonials .slick-active:last-child {
background: #eaeaf3;
}
.testimonials .slick-center p.desc {
color: #fff !important;
opacity: 1 !important;
}
section.testimonials .slick-center span.job,
section.testimonials .slick-center span.name {
color: #fff;
}
section.best-hotels.best-events .inner-card {
text-align: left;
}
.mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay {
opacity: 0;
}
.adl-cld .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
border-bottom: 0;
}
.mdc-line-ripple--active {
display: none;
}
.mat-mdc-form-field:hover .mat-mdc-form-field-focus-overlay {
opacity: 0;
}
.hero-text.tablet {
display: none;
}
.hero-text.mobile {
display: none;
}
tic-home-page .ticketing .row.mb {
display: none;
}
@media (min-width: 992px) {
.category-card:before {
content: url(../images/dash.png);
position: absolute;
right: 0;
top: 20px;
width: 1px;
height: 249px;
}
.category-card:last-child::before {
content: unset;
}
tic-home-page .hero .container {
max-width: 85%;
}
}
@media (max-width: 1440px) {
nav.navbar .container {
max-width: 100%;
padding: 0 36px 0 36px;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding: 0 16px 0 0;
font-size: 18px;
}
.viewOrder {
padding: 10px 16px;
font-size: 18px;
cursor: pointer;
}
.right-nav {
align-items: center;
}
.right-nav div {
/* padding-top: 0px !important; */
}
}
@media (max-width: 1280px) {
a.navbar-brand img {
width: 120px;
}
footer {
background-position: 20%;
}
button.slick-next.slick-arrow {
right: 40%;
}
button.slick-prev.slick-arrow {
left: 40%;
}
section.testimonials:after {
content: unset;
}
section.testimonials h4 {
color: var(--Black, #000);
font-family: Graphit;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 5.8px;
text-transform: uppercase;
}
section.testimonials h1 {
color: var(--Black, #000);
text-align: center;
font-family: Graphit;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 40px;
}
section.testimonials:before {
width: 296px;
height: 90px;
}
section.testimonials .slick-center span.job,
section.testimonials .slick-center span.name {
color: #fff;
}
section.work-sect {
background-position: center;
margin: 0;
}
.testimonial-box {
margin-top: 20px;
}
section.best-hotels.best-events .container:before {
bottom: -20%;
left: 0;
}
section.best-hotels.best-events .container:after {
content: unset;
}
section.testimonials {
overflow: hidden;
}
section.testimonials:before {
left: -90px;
top: -50px;
content: url(../images/fly-arrow.png);
}
section.testimonials {
overflow-x: hidden;
padding-bottom: 80px;
}
section.testimonials:before {
left: -90px;
top: -50px;
content: url(../images/fly-arrow.png);
}
}
@media (max-width: 1024px) and (min-width: 768px) {
.hero .mascot .content {
width: 100%;
}
.hero .mascot .content {
margin: 0 auto;
padding-bottom: 27px;
}
.img-hr {
width: 100%;
text-align: center;
}
.hero-text {
text-align: center;
position: relative;
}
.hero-text-small {
text-align: center;
}
.tickets {
position: absolute;
left: 20px;
top: 0px;
}
.booking {
position: absolute;
right: -40px;
bottom: -35px;
}
.hero-text.dsk {
display: none;
}
.hero-text.tablet {
display: block;
}
.hero-text-small {
margin-top: 20px;
font-size: 24px;
}
.hero .mascot img {
left: 0;
}
.category-card:before {
content: unset;
}
}
@media (max-width: 1024px) {
.inner-content h3 {
color: var(--Black, #000);
font-family: Graphit;
font-size: 18.402px;
font-style: normal;
font-weight: 700;
line-height: 21.575px;
/* 117.241% */
letter-spacing: -0.368px;
}
.inner-content p {
color: var(--Black, #000);
text-align: center;
font-family: Graphit;
font-size: 12.057px;
font-style: normal;
font-weight: 400;
line-height: 19.037px;
opacity: 0.55;
}
section.category-cards .col-12 h2 {
font-size: 20px;
}
section.category-cards .col-12 p {
font-size: 32px;
}
section.category-cards .col-12 p {
padding-bottom: 47px;
}
section.booking-sect p.tag {
color: #020202;
font-family: Graphit;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 3.77px;
text-transform: uppercase;
}
section.booking-sect h2.title {
color: var(--Black, #000);
font-family: Graphit;
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: 31.217px;
/* 120.064% */
padding: 18px 0;
}
section.booking-sect:before {
max-width: 300px;
}
section.booking-sect p.description {
font-size: 11px;
line-height: 17.119px;
padding-bottom: 27px;
}
section.booking-sect a.button {
margin-top: 0;
}
section.booking-sect .row:before {
width: 600px;
height: 600px;
}
section.category-cards {
padding-bottom: 75px;
}
section.booking-sect {
padding-bottom: 200px;
overflow: hidden;
}
section.best-hotels .col-12 h2 {
color: #0b0b0b;
font-family: Graphit;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 5.8px;
text-transform: uppercase;
}
section.best-hotels .col-12 p {
color: #0b0b0b;
text-align: center;
font-family: Graphit;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 35.227px;
}
.hotels:before {
content: unset;
}
section.best-hotels {
padding-bottom: 50px;
}
section.best-hotels.best-events {
margin-bottom: 0;
}
.title-price .title {
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 19px;
font-style: normal;
font-weight: 700;
line-height: 19.318px;
}
section.best-hotels p.description {
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 11px;
line-height: 19.318px;
}
p.price {
font-size: 30px;
line-height: 19.318px;
}
tic-testimonial .row {
align-items: center;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.booking {
position: absolute;
right: -10px;
bottom: -35px;
}
.tickets {
left: 0;
}
.hero .mascot .content {
max-width: 676px;
}
}
@media (max-width: 991px) {
.category-card:before {
content: unset;
}
a.navbar-brand img {
width: 120px;
}
.right-nav {
order: 2;
}
button.navbar-toggler {
order: 3;
border: 0;
}
nav.navbar .container {
flex-wrap: unset;
}
.hero .mascot .content {
padding: 8rem 0 0rem 0;
}
section.hero .container {
max-width: 100%;
padding: 0 36px;
}
.hero .mascot img {
left: unset;
display: block;
margin: 0 auto;
}
section.ticketing-sect .container {
max-width: 100%;
padding: 0 36px;
}
.ticketing {
top: 1rem;
padding: 32px 10px;
}
.tickets,
.booking {
font-size: 31px;
line-height: 55px;
}
.hero-text {
color: #fff;
font-size: 55px;
}
div#navbarsMobile {
position: absolute;
right: 0;
top: 100%;
background: #fff;
width: 40%;
z-index: 2;
}
.navbar-expand-lg .navbar-nav .nav-link {
text-align: end;
padding-right: 30px;
border-bottom: 1px solid rgb(0 0 0 / 10%);
}
span.navbar-toggler-icon:focus-visible {
border: 0 !important;
outline: 0;
}
button.navbar-toggler:focus {
border: 0 !important;
outline: 0 !important;
box-shadow: unset;
}
.hotels:before {
content: unset;
}
.testimonials .slick-dots li {
background: #eee;
border-radius: 50%;
height: 15px;
width: 15px;
}
.testimonials .slick-dots li.slick-active {
background: #050450;
}
.testimonials ul.slick-dots {
bottom: -50px;
}
section.testimonials:before {
content: unset;
}
footer:before {
content: unset;
}
section.booking-sect:before {
top: -30px;
}
}
@media (max-width: 767px) {
.ticketing {
top: 0;
background: unset;
}
.ticketing:before,
.ticketing:after {
content: unset;
}
section.ticketing-sect {
background: #f5f5f5;
}
.blur {
display: none;
}
.tickets {
font-family: Graphit;
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 39.143px;
/* 177.924% */
letter-spacing: -0.88px;
margin-top: -4rem;
}
.hero-text {
font-family: Graphit;
font-size: 35px;
font-style: normal;
font-weight: 700;
line-height: 39px;
/* 111.429% */
letter-spacing: -1.4px;
text-align: center;
}
span.booking {
font-family: Graphit;
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 36px;
/* 163.636% */
letter-spacing: -0.88px;
}
.hero-text-small {
font-family: Graphit;
font-size: 19px;
font-style: normal;
font-weight: 400;
line-height: 32px;
text-align: center;
margin-top: 5px;
}
.hero {
border-radius: 0px 0px 50px 50px;
}
span.booking.desktop {
display: none;
}
span.booking.mobile {
display: inline-block;
margin-top: 10px;
}
.hero .mascot .content {
text-align: end;
}
.hero .mascot .content {
padding: 6rem 0 0rem 0;
}
.col-brand {
text-align: center;
}
footer .col-brand p {
margin: 26px auto 0 auto;
}
.col-item {
margin-top: 20px;
}
.col-item p {
text-align: center;
}
.col-item li {
text-align: center;
}
p.copyright-text {
text-align: center;
}
.social-icons {
text-align: center;
}
section.category-cards {
padding: 60px 0;
}
section.category-cards .col-12 h2 {
font-family: Graphit;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 5.8px;
text-transform: uppercase;
}
section.category-cards .col-12 p {
text-align: center;
font-family: Graphit;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 40px;
padding-bottom: 40px;
max-width: 219px;
margin: 0 auto;
}
.inner-content {
max-width: 280px;
}
.inner-content h3 {
font-size: 32.65px;
}
.category-card {
margin-bottom: 52px;
}
section.booking-sect .row:before {
top: 20%;
}
section.best-hotels .col-12 h2 {
color: var(--Black, #000);
font-family: Graphit;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 5.8px;
text-transform: uppercase;
}
section.best-hotels .col-12 p {
text-align: center;
font-family: Graphit;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 40px;
}
section.best-hotels .col-12 p {
margin-bottom: 46px;
}
section.best-hotels .col-12 p {
font-family: Graphit;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 40px;
margin-bottom: 46px;
}
section.best-hotels {
padding: 40px 0;
}
section.best-hotels.best-events .container:before,
section.best-hotels.best-events .container:after {
content: unset;
}
section.best-hotels.best-events .container {
border-radius: 30px;
background: unset;
box-shadow: unset;
padding: 60px 60px 160px 60px;
}
section.best-hotels {
padding-bottom: 0px;
}
section.best-hotels.best-events p.title {
max-width: 315px;
}
section.best-hotels.best-events .inner-card {
text-align: unset;
}
section.best-hotels.best-events .events .hotel {
padding-bottom: 23px;
}
section.best-hotels.best-events .container {
padding: 23px;
}
section.best-hotels.best-events {
margin-bottom: 0;
padding: 60px 0;
}
.ticketing-sect .input-group-prepend {
background: #fff !important;
}
.hero-text.tablet {
display: none;
}
.hero-text.dsk {
display: none;
}
.hero-text.mobile {
display: block;
}
section.booking-sect:before {
content: unset;
}
section.booking-sect .row:before {
width: 120%;
top: 12%;
height: 831px;
left: -10%;
}
section.booking-sect {
padding: 18px 0 189px 0;
}
section.booking-sect p.tag {
margin-top: 33px;
text-align: center;
font-family: Graphit;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 5.8px;
text-transform: uppercase;
}
section.booking-sect h2.title {
text-align: center;
font-family: Graphit;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 40px;
padding: 12px 0 17px 0;
}
section.booking-sect p.description {
text-align: center;
font-family: Graphit;
font-size: 19px;
font-style: normal;
font-weight: 400;
line-height: 26px;
}
section.booking-sect a.button {
margin: 30px auto 0 auto;
}
section.booking-sect .blurb {
text-align: center;
}
tic-home-page .ticketing {
-moz-box-shadow: unset;
-webkit-box-shadow: unset;
box-shadow: unset;
}
tic-home-page .drop-down {
background-color: #fff;
}
tic-home-page .ticketing .row.dsk {
display: none;
}
tic-home-page .ticketing .row.mb {
display: block;
}
}
@media (max-width: 600px) {
section.work-sect {
background-image: url(../images/greybg-mob.png);
background-position: unset;
}
footer.home-foot {
background-image: url(../images/footer-bg-mob.png);
background-position: unset;
}
.navbar-brand {
width: 30%;
}
nav.navbar.navbar-expand-lg {
padding: 17px 0;
}
.viewOrder {
font-size: 9.257px;
padding: 5px 15px;
cursor: pointer;
}
.right-nav div {
padding: 0px 5px !important;
}
.right-nav svg {
width: 20px;
height: 20px;
font-size: 20px !important;
}
section.ticketing-sect .container {
max-width: 100%;
padding: 0 22px;
}
.ticketing {
padding: 32px 0;
}
.selected {
gap: 5px !important;
}
}
@media (max-width: 425px) {
nav.navbar .container {
max-width: 100%;
padding: 0 16px 0 22px;
}
a.navbar-brand img {
width: 78px;
height: 38px;
}
.viewOrder {
padding: 5px 15px;
font-size: 9.257px;
cursor: pointer;
}
.right-nav div {
padding: 0 5px !important;
}
button.navbar-toggler {
padding: 0 10px !important;
}
.right-nav svg {
font-size: 20px !important;
width: 20px;
height: 20px;
}
.navbar-brand {
width: 40%;
}
nav.navbar.navbar-expand-lg {
padding: 17px 0;
}
.ticketing:before,
.ticketing:after {
content: unset;
}
section.best-hotels .container {
max-width: 100%;
}
}
@media (max-width: 400px) {
.navbar-brand {
width: 30%;
cursor: pointer;
}
}
@media (max-width: 360px) {
nav.navbar .container {
width: unset;
padding: 0 10px 0 10px;
}
.viewOrder {
text-align: center;
cursor: pointer;
}
}
/* Ticket Page */
section.hero.hero-ticket {
padding: 16px 0 150px 0;
}
.row.hero_row1 {
display: flex;
align-items: center;
}
.ticket-screens {
display: flex;
margin-bottom: 0.5rem;
}
span.border-icon {
border: 1px solid #fff;
border-radius: 50%;
padding: 12px;
display: inline-block;
height: 52px;
width: 52px;
margin: 0 3px;
}
.ticket-item.active span.border-icon {
border: 1px solid #f4d008;
}
.ticket-item.active svg path {
fill: #f4d008;
}
.ticket-item a {
text-decoration: none;
}
.ticket-screens p {
color: #fff;
padding: 10px 0 0 5px;
font-family: Graphit;
font-size: 16.622px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 0;
}
.ticket-item.lst p {
color: #5dff43;
font-family: Graphit;
font-size: 23.62px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.945px;
}
.ticket footer {
background-color: #fff;
}
.mobile {
display: none;
}
.accrd {
border-bottom: 1px solid rgb(0 0 0 / 25%);
cursor: pointer;
}
.accrd-header {
display: flex;
justify-content: space-between;
padding: 0 0 27px 0;
}
.accrd-header span {
font-family: Graphit;
font-size: 29px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: #121;
}
.accrd:last-child {
border-bottom: 0;
}
.accrd.open .accrd-header svg {
transform: rotate(-90deg);
}
.accrd-body {
display: none;
padding: 20px 0px;
}
.accrd.open .accrd-body {
display: block;
}
.filters label {
padding-left: 5px;
}
section.main-cont-ticket {
position: relative;
}
.accrd .range-slider {
width: 400px;
position: relative;
margin: 15px 0 30px 0;
max-width: 100%;
}
.accrd input[type="range"] {
-webkit-appearance: none;
width: 100%;
background: transparent;
position: absolute;
left: 0;
}
.accrd input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 24px;
height: 24px;
border-radius: 50%;
background: rgb(255, 41, 118) !important;
/* Default color for the circle */
cursor: pointer;
top: 0px;
}
.accrd input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
height: 15px;
width: 15px;
border-radius: 50%;
background: #050450;
cursor: pointer;
margin-top: -5px;
position: relative;
z-index: 1;
}
.accrd input[type="range"]::-webkit-slider-runnable-track {
width: 100%;
height: 5px;
background: #050450;
border-radius: 3px;
border: none;
}
.min-max {
display: flex;
justify-content: space-between;
}
p.show-more {
color: var(--Secondary, #ff2976);
font-family: Graphit;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.star-rating label {
display: inline-block;
margin: 0;
}
.star-rating {
display: flex;
align-items: center;
}
.explore-events h1 {
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 29px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 0;
}
.explore-events label[for="inputState"] {
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 0;
}
.explore-events select#inputState {
color: rgba(0, 0, 0, 0.77);
font-size: 20px;
font-weight: 400;
line-height: 20px;
border: 2px solid #cbcbcb;
border-radius: 10px;
padding: 11px 20px;
}
.explore-events select#inputState {
-webkit-appearance: none;
-moz-appearance: none;
background: transparent;
background-image: url('data:image/svg+xml;utf8,') !important;
background-repeat: no-repeat;
background-position-x: 90%;
background-position-y: center;
}
.explore-events .row:first-child {
align-items: center;
}
.explore-filter {
padding: 10px 0 27px 0;
}
.explore-filter p {
color: rgb(0 0 0 / 55%);
font-family: Graphit;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 13px;
}
.explore-filter a {
border-radius: 10px;
border: 2px solid #cbcbcb;
opacity: 0.8;
background: var(--White, #fff);
padding: 11px 16px;
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration: unset;
display: inline-block;
margin-right: 9px;
margin-bottom: 5px;
display: flex;
align-items: center;
height: 100%;
}
.card {
padding: 30px 13px;
font-family: Graphit;
font-size: 19px;
font-style: normal;
font-weight: 500;
line-height: 20px;
border-radius: 6px;
text-align: center;
min-height: 100%;
justify-content: center;
}
.card h3 {
font-family: Graphit;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.card h1 {
font-family: Graphit;
font-size: 19px;
font-style: normal;
font-weight: 500;
line-height: 20px;
margin-top: 6px;
color: var(--color-main, var(--Primary, #050450));
}
.card.active {
background: var(--Primary, #050450);
box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.25);
}
.card.active h1,
.card.active h3 {
color: #fff;
}
.cheapest {
margin-bottom: 20px;
}
.seatcard {
width: 100%;
position: relative;
border-radius: 20px;
border: 1px solid #9f9f9f;
background: #ffffff;
padding: 27px 19px;
display: flex;
justify-content: flex-start;
align-items: center;
margin: 38px 0;
}
.event .seatcard:first-child {
margin-top: 20px;
}
.seatcard>span {
position: absolute;
top: -15px;
right: 0;
border-radius: 56px;
border: 1px solid #c2c2c2;
background: #f5f5f5;
color: #000000;
font-size: 19px;
font-weight: 700;
line-height: 20px;
padding: 5px 20px;
z-index: 1;
}
.seatcard .logovslogo {
border-radius: 20px;
background: rgba(0, 0, 0, 0.05);
padding: 20px;
margin-right: 25px;
text-align: center;
position: relative;
}
.seatcard .logovslogo .vs {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 18px;
border-bottom: 1px solid #c1bfbf;
margin-bottom: 12px;
}
.seatcard h6 {
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 20px;
opacity: 0.4;
}
.seatcard h1 {
font-family: Graphit;
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: 30px;
}
.selectseat h1 {
font-family: Graphit;
font-size: 25px;
font-style: normal;
font-weight: 700;
line-height: 35px;
/* 140% */
letter-spacing: -0.5px;
}
.selectseat p {
font-family: Graphit;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 27px;
margin-top: 14px;
opacity: 0.77;
}
.seatser {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 10px;
}
.btn_select {
width: 100%;
text-align: right;
}
.pric-pp {
color: #ff2976;
}
.all-services {
display: flex;
align-items: center;
gap: 7px;
}
.all-services span {
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 27px;
opacity: 0.5;
}
.seatcard .logovslogo .vs p {
font-family: Graphit;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 20px;
opacity: 0.55;
padding: 0 20px;
}
.selectseat .btn {
padding: 8px 16px;
border-radius: 4px;
background: var(--Black, #000);
color: #fff;
float: right;
margin-top: 10px;
&:hover {
background-color: #fff !important;
color: #000;
border: 1px solid #000;
}
}
.seatser.selected {
float: right;
}
.logovslogo {
width: 50%;
}
.selectseat {
width: 60%;
}
.filters-sect,
.last-sect {
padding-top: 125px !important;
}
.event .last-sect,
.event .last-sect {
padding-top: 165px !important;
}
.checkoutcard {
width: 100%;
position: relative;
border-radius: 20px;
border: 1px solid #e0e0e0;
background: #ffffff;
padding: 11px 20px;
}
.checkoutcard .summarycard {
border-bottom: 1px solid #e0e0e0;
padding: 10px 0px;
}
.checkoutcard .summarycard .headingcard {
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 5px;
}
.checkoutcard .summarycard .headingcard h2 {
color: rgb(0, 0, 0);
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 20px;
margin-bottom: 0;
}
.checkoutcard .summarycard p {
color: #303030;
font-size: 16px;
font-weight: 400;
line-height: 20px;
letter-spacing: -0.48px;
opacity: 0.77;
margin-bottom: 0;
margin-right: 17px;
}
.checkoutcard .summarycard .headingcard img {
width: 32px;
margin-right: 15px;
object-fit: contain;
}
.checkoutcard .priceinclude {
color: #777;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.checkoutcard .priceinclude h3 {
color: #050450;
text-align: right;
font-size: 20px;
font-weight: 400;
line-height: 25px;
margin-bottom: 13px;
}
.checkoutcard .priceinclude h3 span {
color: #a7a7a7;
font-size: 16px;
font-weight: 400;
line-height: 20px;
letter-spacing: -0.48px;
margin-bottom: 0;
margin-right: 20px;
}
.checkoutcard .priceinclude h4 {
color: #000;
text-align: right;
font-size: 16px;
font-weight: 500;
line-height: 20px;
margin-bottom: 13px;
}
.checkoutcard .priceinclude h5 {
color: #505050;
font-size: 16px;
font-weight: 500;
line-height: 20px;
margin-bottom: 13px;
text-align: right;
margin-bottom: 0;
padding-top: 5px;
}
.checkoutcard .priceinclude button {
background: rgb(0, 0, 0);
padding: 25px 0;
border-radius: 10px;
font-size: 20px;
font-weight: 500;
line-height: 20px;
color: #ffffff;
width: 100%;
height: 77px;
margin-top: 10px;
}
.checkoutcard .priceinclude p {
color: #777;
font-family: Graphit;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-align: center;
margin-top: 13px;
}
section.main-cont-ticket .container {
max-width: 1476px;
}
section.ticketing-sect .container {
max-width: 1476px;
}
.open-filter {
display: none;
text-align: right;
}
.close-filter {
text-align: end;
display: none;
}
.last-sect.tab-mobile {
display: none;
}
.sort-mobile {
display: none;
}
section.booking-sect p.description {
border-bottom: 0;
}
section.booking-sect h2.title {
display: block;
}
section.best-hotels p.description {
border-bottom: 0;
}
.sort-mobile.show .sort-body p {
margin-bottom: 0;
padding: 12px 0;
border-bottom: 1px solid #cbcbcb;
}
.sort-mobile.show .sort-body p:last-child {
border-bottom: 0;
}
.sort-mobile.show .sort-body {
border-radius: 8px;
border: 2px solid #cbcbcb;
}
@media (max-width: 1440px) and (min-width: 991px) {
.seatcard .logovslogo .vs {
flex-direction: column;
}
}
@media (max-width: 1280px) and (min-width: 992px) {
.ticketing .row>div {
flex: 0 0 auto;
width: 33.333333%;
}
.explore-events select#inputState {
padding: 5px;
}
}
@media (max-width: 991px) {
.ticket-screens {
justify-content: center;
}
.row.hero_row1 .col-lg-4 {
text-align: center;
margin-bottom: 20px;
}
.open-filter {
display: block;
}
.filters-sect {
position: fixed;
width: 100%;
bottom: 0;
height: 60%;
overflow: scroll;
transition: all 1s;
z-index: 999999;
background: #fff;
display: none;
}
.filters-sect.open {
display: block;
border-radius: 40px 40px 0 0;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
padding-top: 0px !important;
}
section.main-cont-ticket {
top: 0;
}
.close-filter {
display: block;
}
.price-head {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #d7d7d7;
padding-left: 5px;
}
.price-head h4 {
color: var(--Black, #000);
font-family: Graphit;
font-size: 24px !important;
font-style: normal;
font-weight: 700 !important;
line-height: normal;
}
.checkoutcard {
background: #efefef;
padding-left: 5px;
}
.checkoutcard .priceinclude h5 {
color: #505050;
font-family: graphit;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-align: left;
padding: 10px 5px;
}
.last-sect.desktop {
display: none;
}
.last-sect.tab-mobile {
display: block;
}
.explore-events {
order: 3;
}
.event .last-sect,
.flight .last-sect,
.hotel .last-sect {
padding-top: 20px !important;
padding-bottom: 20px;
}
.sort-body {
position: absolute;
top: 150%;
right: 10px;
background: #fff;
width: 200px;
z-index: 2;
display: none;
}
.sort-mobile.show .sort-body {
display: block;
}
.sort-body {
padding: 10px;
}
.explore-events label[for="inputState"] {
font-size: 29px;
}
}
@media (max-width: 991px) and (min-width: 768px) {
tic-home-page .container {
max-width: 960px;
}
}
@media (max-width: 768px) {
section.hero.hero-ticket .container {
padding: 0 20px;
}
span.border-icon {
height: auto;
width: auto;
text-align: center;
padding: 8px;
}
span.border-icon svg {
width: 20px;
height: 20px;
}
.ticket-screens p {
font-family: Graphit;
font-size: 12.355px;
font-style: normal;
font-weight: 500;
line-height: normal;
padding-top: 7px;
}
.ticket-item.lst p {
color: #5dff43;
font-family: Graphit;
font-size: 17.557px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.702px;
padding-top: 7px;
}
section.hero.hero-ticket .col-lg-12 img {
margin: 0 auto;
}
section.hero.hero-ticket {
padding: 16px 0 100px 0;
}
section.main-cont-ticket {
top: 0;
position: relative;
}
}
@media (max-width: 600px) {
.mobile {
display: block;
}
.desktop {
display: none;
}
.ticket-screens .mobile {
display: inline-block;
}
.ticket-screens {
justify-content: space-evenly;
}
section.hero.hero-ticket {
padding: 20px 0 20px 0;
}
.price-head h4 {
font-size: 20px !important;
}
.checkoutcard .priceinclude h3 span {
display: none;
}
.checkoutcard .priceinclude h3 {
font-size: 20px;
font-weight: 700;
}
.checkoutcard .priceinclude h5 {
font-size: 13px;
}
.checkoutcard .priceinclude p {
display: none;
}
.explore-events h1 {
font-size: 20px;
}
.explore-filter a {
padding: 6.402px 10.359px 7.037px 11.059px;
font-size: 11.64px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.card {
padding: 11px;
}
.seatcard {
flex-direction: column;
}
.seatcard .logovslogo {
display: flex;
width: 100%;
}
.selectseat {
width: 100%;
padding-top: 14px;
}
.seatcard .logovslogo .vs {
border-bottom: 0;
border-right: 1px solid #c1bfbf;
padding-right: 13px;
}
.card-cont {
padding-left: 13px;
}
.card h3 {
font-size: 9px;
}
.card h1 {
font-size: 19px;
}
#inputState {
display: none;
}
.sort-mobile {
display: block;
}
.explore-events label[for="inputState"] {
font-size: 20px;
}
}
@media (max-width: 400px) {
.seatcard .logovslogo {
flex-wrap: wrap;
justify-content: space-evenly;
}
.seatcard .logovslogo .vs {
border: 0;
padding: 0;
}
.card-cont {
padding-left: 0;
}
.seatcard .logovslogo .vs {
width: 100%;
}
}
/* Flight Page */
.seat-accrd-header {
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
}
.title-text h2 {
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 22.329px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 0;
padding: 0 21px;
}
.title-text span {
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 22.329px;
font-style: normal;
font-weight: 400;
line-height: normal;
opacity: 0.5;
padding: 0 21px;
border-left: 1px solid;
}
.title-text {
display: flex;
}
.seat-accrd {
width: 100%;
}
.flight .seatcard {
padding: 5px 30px 45px 30px !important;
}
.seat-accrd-header-inner {
display: flex;
align-items: center;
}
.timings {
display: flex;
align-items: center;
justify-content: space-between;
margin: 22px 0;
}
.timings p {
margin-bottom: 0;
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 22.329px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.timings p.stop {
border-radius: 20px;
border: 1.116px solid #c2c2c2;
background: #d9d9d9;
padding: 5px 15px;
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 14.746px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-align: center;
}
.timings span {
width: 100px;
height: 1.12px;
opacity: 0.11;
background: #000000;
margin: 0 10px;
}
p.total-time {
text-align: center;
margin: 13px 0;
font-family: Graphit;
font-size: 14.746px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.flight-data {
border-radius: 8.931px;
border: 1.116px solid #cecece;
background: #fcfcfc;
padding: 18px;
}
.flight-data-head {
display: flex;
align-items: center;
}
@media (min-width: 992px) {
.flight-data-head,
.departure-arrival {
justify-content: center;
}
}
.flight-data-head p {
margin-bottom: 0;
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 17.863px;
font-style: normal;
font-weight: 400;
line-height: normal;
opacity: 0.65;
padding-left: 21px;
}
.departure-arrival {
display: flex;
align-items: center;
gap: 14px;
}
.departure-arrival p {
margin-bottom: 0;
font-family: Graphit;
font-size: 15.63px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin: 20px 0;
}
.departure-arrival-timing {
display: flex;
justify-content: center;
gap: 45px;
}
.departure-arrival-timing p {
color: var(--color-main, var(--Primary, #050450));
font-family: Graphit;
font-size: 14.514px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.departure-arrival-timing p span {
font-weight: 700;
}
.seat-accrd .seat-accrd-body {
display: none;
}
.seat-accrd.open .seat-accrd-body {
display: block;
}
.seat-accrd .accrd-icon svg {
transform: rotate(90deg);
}
.seat-accrd.open .accrd-icon svg {
transform: rotate(180deg);
}
.flight .seatcard {
display: block !important;
}
.seat-accrd {
padding: 25px 0;
}
.departure-arrival-mobile {
display: none;
}
.departure-arrival p.depature {
font-size: 19px;
margin: 0;
}
.departure-arrival-mobile {
padding: 20px 0;
}
.departure-arrival div p {
margin: 0;
}
.dept {
margin-bottom: 20px;
}
.dept p {
color: var(--color-main, var(--Primary, #050450));
font-family: Graphit;
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.arr p {
color: var(--color-main, var(--Primary, #050450));
font-family: Graphit;
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.dept p span,
.arr p span {
font-weight: 700;
}
p.arrival {
font-size: 15.63px;
}
p.depature {
font-size: 15.63px !important;
}
.listing ul li span {
padding-left: 10px;
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
@media (max-width: 1280px) and (min-width: 992px) {
.flight .seatcard {
padding: 25px;
}
.title-text {
flex-wrap: wrap;
}
.title-text span {
border-left: 0;
}
}
@media (min-width: 992px) {
.explore-events {
width: 45%;
}
.last-sect.desktop {
width: 30%;
}
}
@media (max-width: 768px) {
.ticket-item>svg {
max-width: 38px;
height: 38px;
}
.ticket-item.lst svg {
max-width: unset;
height: unset;
}
}
@media (max-width: 600px) {
.flight .seatcard {
padding: 13px !important;
}
.title-text {
flex-wrap: wrap;
flex-direction: column;
}
.title-text span {
border-left: 0;
}
.title-text h2 {
font-family: Graphit;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.title-text span {
font-family: Graphit;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.timings {
margin-top: 18px;
}
p.total-time {
margin-bottom: 18px;
}
.timings p {
font-size: 12px;
}
.departure-arrival-mobile {
display: block;
}
}
/* Hotel */
.hotel .seatcard {
display: flex;
align-items: stretch;
padding: 0;
line-height: 0;
}
.hotel .content h2 {
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 14px;
max-width: 90%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.hotel .content {
padding: 27px;
width: 60%;
}
.hotel .image-container {
width: 40%;
height: auto;
}
.hotel .image-container>div {
height: 100%;
}
.hotel .content p {
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 7px;
opacity: 0.77;
}
.hotel p.location-review {
margin-bottom: 0 !important;
border-radius: 6px;
background: #ededed;
padding: 7px 10px;
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: normal;
display: flex;
align-items: center;
gap: 7px;
}
.hotel .location {
display: flex;
justify-content: space-between;
}
.hotel .location-rating {
padding: 6px 14px;
border-radius: 6px;
background: #ededed;
display: flex;
align-items: center;
gap: 7px;
}
.hotel .btn-location a {
padding: 8px 16px;
border-radius: 4px;
background: var(--Black, #000);
color: #fff;
text-decoration: none;
color: var(--color-white, var(--White, #fff));
font-family: Graphit;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.hotel .btn-location button {
padding: 8px 16px;
border-radius: 4px;
background: var(--Black, #000);
color: #fff;
text-decoration: none;
color: var(--color-white, var(--White, #fff));
font-family: Graphit;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
border: 1px solid #000;
}
.hotel .btn-location button:hover {
background: #fff;
color: #000;
}
.hotel .image-container img {
border-radius: 18px 0px 0px 18px;
}
.adl-cld .inrow {
display: flex;
justify-content: space-between;
width: 100%;
align-items: center;
margin-bottom: 30px;
}
.adl-cld {
flex-direction: column;
}
tic-adults-children-age .input-container {
width: 100%;
}
tic-adults-children-age {
padding: 32px !important;
}
.adl-cld .mdc-icon-button {
border: 1px solid #b7b7b7;
color: #b7b7b7;
}
tic-adults-children-age .mdc-text-field--filled {
border: 0 !important;
}
tic-adults-children-age .ng-star-inserted {
margin-top: 0;
}
.adl-cld .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
border: 0;
}
.adl-cld .input-container {
align-items: normal !important;
}
.child-age-input {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.age-input-container {
width: 48%;
}
.child-age-input mat-form-field[_ngcontent-kjb-c44] {
width: 100%;
border: 1px solid;
border-radius: 10px;
}
.child-age-input mat-form-field {
width: 100% !important;
}
.child-age-input .mat-mdc-select-placeholder {
margin-top: 0 !important;
}
.child-age-input mat-label {
top: 0 !important;
}
.child-age-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
top: 10px !important;
}
.child-age-input .mat-mdc-form-field-focus-overlay {
background-color: #fff;
}
.child-age-input .mat-mdc-select-arrow svg {
fill: #000;
}
@media (max-width: 600px) {
.hotel .image-container {
width: 100%;
}
.hotel .image-container img {
width: 100%;
border-radius: 18px 18px 0px 0px;
}
.hotel .content {
padding: 22px;
width: 100%;
}
.row.hotel-gallery>div {
padding: 0 20px;
}
.hotel-sub-gallery .row>div {
padding: 0;
}
.hotel-sub-gallery .row>div:nth-child(odd) {
padding: 0 5px 0 0;
}
.hotel-sub-gallery .row {
padding: 0 10px;
}
.view-prod-btn {
padding: 0 15px !important;
left: 0;
}
.view-prod-btn a {
padding: 10px !important;
}
}
/* Hotel Listing */
.row.hotel-header {
padding-bottom: 50px;
align-items: baseline;
flex-wrap: wrap;
}
.title-cont {
display: flex;
align-items: center;
margin-bottom: 16px;
gap: 18px;
flex-wrap: wrap;
}
.title-cont h2 {
margin-bottom: 0;
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 29px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.hotel-location span {
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.hotel-location {
margin-bottom: 12px;
}
.rating span {
color: var(--color-button, var(--Black, #000));
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.reviews span {
color: var(--color-button, var(--Black, #000));
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.reviews .rating {
padding: 5px 16px;
border-radius: 4px;
border: 1px solid var(--color-main, #050450);
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-right: 16px;
}
.social-btns {
display: flex;
align-items: center;
gap: 16px;
justify-content: end;
flex-wrap: wrap;
}
.favourite {
border-radius: 4px;
border: 1px solid var(--color-button, #000);
padding: 5px 16px;
}
.share {
border-radius: 4px;
border: 1px solid var(--color-button, #000);
padding: 5px 16px;
}
.book-now {
border-radius: 4px;
background: var(--Black, #000);
padding: 10px 30px;
color: var(--color-white, var(--White, #fff));
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.book-now:hover {
background: #fff;
color: #000;
border: 1px solid #000;
}
.row.hotel-header.mob {
display: none;
}
.row.hotel-gallery img {
height: 90%;
width: 100%;
}
@media (min-width: 992px) {
tic-hotel-detail .container {
max-width: 70%;
margin: 0 auto;
}
}
@media (max-width: 1170px) {
.hotel-cont {
width: 100%;
}
.social-btns {
width: 100%;
}
}
.row.hotel-gallery:before {
content: "";
position: absolute;
left: 0;
width: 488px;
height: 100%;
left: -50px;
background-image: url(../images/yellow-tri.png);
background-repeat: no-repeat;
}
.row.hotel-gallery {
position: relative;
align-items: center;
}
section.hero.hero-ticket .container {
max-width: 1400px;
}
.row.hotel-gallery {
margin-bottom: 60px;
}
.view-prod-btn {
position: absolute;
bottom: 20px;
width: 100%;
text-align: end;
padding: 0 50px 30px 50px;
}
.col-lg-6.hotel-sub-gallery .row {
position: relative;
}
.view-prod-btn a {
background: #000;
color: #fff !important;
border-radius: 4.211px;
background: var(--Black, #000);
padding: 18px;
text-decoration: none;
display: inline;
cursor: pointer;
}
.view-prod-btn a:hover {
background: #fff;
color: #000 !important;
border: 1px solid #000;
}
.main-cont-header {
display: flex;
justify-content: space-between;
}
.main-cont-header p {
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 18.869px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.main-cont-header p:first-child {
color: var(--Blackish-Green, #121);
font-family: Graphit;
font-size: 30px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.overview>p {
color: var(--color-button, var(--Black, #000));
text-align: justify;
font-family: Graphit;
font-size: 17.926px;
font-style: normal;
font-weight: 400;
line-height: 37.739px;
opacity: 0.75;
}
.services {
display: flex;
flex-wrap: wrap;
margin-top: 60px;
margin-bottom: 77px;
gap: 62px;
}
.service p {
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 18.824px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-top: 22px;
}
.hotel-listing .content-head {
display: flex;
justify-content: space-between;
}
.hotel-listing .content-head a {
display: block;
color: var(--color-main, var(--Primary, #050450));
font-family: Graphit;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.hotel-listing.hotel .content h2>span {
display: block;
}
.hotel-listing.hotel .content {
padding: 37px;
width: 60%;
display: flex;
flex-direction: column;
justify-content: center;
}
.hotel-listing.hotel .seatcard {
margin: 0 0 32px 0;
align-items: normal;
}
section.rooms-sect .col-lg-12>p {
color: var(--Blackish-Green, #121);
font-family: Graphit;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
body.hotel.hotel-listing .image-container {
width: 40%;
}
section.rooms-sect .col-lg-12>p {
margin-bottom: 32px;
margin-top: 32px;
}
.hotel-listing.hotel .content-head h2 {
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 29px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 0;
}
.hotel-listing.hotel .content-head h2 span {
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
padding-top: 8px;
}
.inner-services {
margin-top: 60px;
}
.inner-services {
display: flex;
justify-content: space-between;
}
.select-service {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
.select-service .price p {
margin-bottom: 0 !important;
color: #5a5a5a;
font-family: Graphit;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 20px;
letter-spacing: -0.51px;
}
.select-service label {
color: #5a5a5a;
font-family: Graphit;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 20px;
letter-spacing: -0.51px;
margin-bottom: 0px;
padding-left: 8px;
}
.hotel .image-container img {
border: 0;
padding: 0;
width: 100%;
}
.hotel tic-hotels-result-card .image-container img {
height: 255px;
}
.select-services>div:last-child .select-service {
margin-bottom: 0;
}
body.hotel.hotel-listing .btn-location a {
padding: 15px 70px;
display: block;
}
.select-services {
width: 65%;
height: 100px;
overflow: auto;
padding-right: 15px;
}
body.hotel.hotel-listing .image-container img {
height: 100%;
}
.title {
display: flex;
}
.title p {
margin: 0;
}
.btn-address {
text-align: end;
}
.btn-address a {
border-radius: 4px;
background: var(--Black, #000);
color: #fff;
text-decoration: none;
color: var(--color-white, var(--White, #fff));
font-family: Graphit;
font-size: 14px;
font-style: normal;
padding: 10px 16px;
font-weight: 500;
line-height: normal;
display: inline-block;
margin-top: 5px;
}
section.map-sect {
padding: 38px 0;
}
.title p:first-child {
color: var(--Blackish-Green, #121);
font-family: Graphit;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.title p:nth-child(2) {
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 11px;
font-style: normal;
font-weight: 400;
line-height: normal;
opacity: 0.66;
margin-top: 5px;
}
.inner-map iframe {
width: 100%;
}
.row.amenities {
padding: 62px 0;
}
.row.amenities span {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: inline-block;
width: 80%;
overflow: hidden;
text-overflow: ellipsis;
}
.row.amenities .tooltip {
width: 100%;
/* Adjust as needed */
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.row.amenities .row>div {
display: flex;
margin-bottom: 10px;
gap: 10px;
}
@media (max-width: 767px) {
.row.amenities .row>div {
width: 50%;
}
.seatcard .logovslogo {
margin-right: 0px;
}
}
.row.amenities p {
color: var(--Blackish-Green, #121);
font-family: Graphit;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 10px;
}
.listing {
display: flex;
gap: 300px;
}
.listing ul {
list-style-type: none;
padding-left: 0;
}
.listing ul li {
padding-bottom: 20px;
}
.listing {
margin-top: 34px;
}
.listing ul:nth-child(2) li:last-child span {
color: var(--color-main, var(--Primary, #050450));
font-family: Graphit;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
@media (max-width: 1280px) {
body.hotel.hotel-listing .image-container {
width: 30%;
line-height: 0;
}
.inner-services {
margin: 20px 10px !important;
}
.hotel-listing.hotel .content {
width: 70%;
padding: 30px 10px;
}
}
@media (max-width: 991px) {
section.rooms-sect .container {
max-width: 90%;
}
body.hotel.hotel-listing .image-container {
width: 40%;
}
.hotel-listing.hotel .content {
width: 60%;
}
.hotel-listing.hotel .content-head h2 {
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 29px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.hotel-listing .content-head a {
font-size: 14px;
}
}
@media (max-width: 768px) {
.select-services {
width: 100%;
padding: 21px 20px;
border-top: 2px solid #d7d7d7;
border-bottom: 2px solid #d7d7d7;
}
.btn-location {
width: 100%;
display: block;
padding: 20px 20px 0 20px;
}
tic-hotels-result-card .btn-location {
padding: 0;
}
.inner-services {
flex-wrap: wrap;
}
.btn-location a {
max-width: 220px;
margin-left: auto;
}
.hotel-listing.hotel .content {
padding: 30px 0;
}
.hotel-listing .content-head {
padding: 0px 20px;
margin-bottom: 17px;
}
.inner-services {
margin: 0 !important;
}
.listing {
gap: 20px;
}
}
@media (max-width: 767px) {
.row.hotel-header.dsk {
display: none;
}
.row.hotel-header.mob {
display: block;
}
.rating span {
display: block;
margin-top: 5px;
}
.rating-reviews {
display: flex;
justify-content: space-between;
}
.row.hotel-header.mob {
padding: 30px 0;
}
.title-cont h2 {
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.title-cont {
margin-top: 30px;
}
.hotel-location span {
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.row.inner-map {
margin-top: 20px;
}
}
@media (max-width: 600px) {
.col-lg-6.main-image {
margin-bottom: 10px;
}
.hotel-sub-gallery .row {
margin-bottom: 10px;
}
.main-cont-header p:nth-child(2) {
display: none;
}
.services {
gap: 24px;
}
.main-cont-header p:first-child {
color: var(--Black, #000);
font-family: Graphit;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.overview>p {
font-family: Graphit;
font-size: 17.926px;
font-style: normal;
font-weight: 400;
line-height: 25.7px;
/* 143.367% */
}
body.hotel.hotel-listing .image-container {
width: 100%;
}
.hotel-listing.hotel .content {
width: 100%;
}
.hotel-listing .content-head {
padding: 0 10px;
}
section.rooms-sect .container {
max-width: 100%;
}
.btn-address {
text-align: left;
}
.listing {
flex-wrap: wrap;
}
}
tic-adults-children-age {
display: none;
}
tic-flight-search tic-adults-children-age.open {
position: absolute;
top: 100%;
background: #fff;
z-index: 2;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
padding: 30px 10px;
min-width: 100%;
display: block;
}
tic-adults-children-age .ng-star-inserted {
margin-top: 0px;
}
.child-age-input mat-form-field {
border: 1px solid;
border-radius: 10px;
padding: 0 10px;
}
tic-adults-children-age .mdc-text-field--filled {
border-radius: 0.375rem;
border: 1px solid #dee2e6;
background: transparent !important;
padding: 5px;
height: 45px;
}
tic-adults-children-age .mat-mdc-form-field-infix {
padding: 5px 0 !important;
}
tic-adults-children-age input {
text-align: center;
}
.text-ac {
width: 80%;
padding: 0.75rem;
}
.adl-cld .input-group-prepend {
width: 100%;
}
.adl-cld .input-group-text {
width: 100%;
border: 1px solid #dee2e6 !important;
border-radius: 0.375rem !important;
}
tic-adults-children-age .input-row {
display: flex;
align-items: center;
}
tic-adults-children-age .input-container {
width: 100%;
}
.options {
position: absolute;
display: none;
top: 100%;
background: #fff;
width: 100%;
left: 0;
padding: 10px 13px;
z-index: 999;
}
.options.open {
display: block;
}
.drop-down {
width: 100%;
padding: 13px;
border: 1px solid #dee2e6 !important;
border-radius: 0.375rem !important;
position: relative;
}
tic-auto-complete {
width: 90% !important;
}
tic-date-range .mat-date-range-input-wrapper {
overflow: visible;
max-width: 100%;
}
.selected {
display: flex;
justify-content: normal;
cursor: pointer;
gap: 19px;
flex-wrap: wrap;
background-color: #fff;
}
.selected .item {
display: flex;
align-items: center;
gap: 9px;
}
.options ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.options ul li {
padding: 10px 0;
cursor: pointer;
}
.options ul li,
.selected span {
display: flex;
align-items: center;
gap: 5px;
}
.options ul li {
flex-wrap: wrap;
}
.title-ages-child {
margin-top: 42px;
margin-bottom: 13px;
color: var(--Black, #000);
font-family: Graphit;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: normal;
opacity: 0.4;
}
.done-btn {
text-align: end;
padding: 35px 0 0 0;
border-top: 1px solid rgb(0 0 0 / 10%);
margin-top: 30px;
}
.done-btn button {
padding: 15px 38px;
border-radius: 9px;
background: var(--Black, #000);
color: #f5f5f5;
font-family: Graphit;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.48px;
text-decoration: none;
border: 0;
}
.input-daterange .mdc-text-field--filled:not(.mdc-text-field--disabled) {
background: #fff;
border-radius: var(--bs-border-radius);
}
.input-daterange .mat-mdc-icon-button.mat-mdc-button-base {
display: none;
}
.input-daterange .mdc-line-ripple::before {
border-bottom: 0;
}
.input-daterange {
border: var(--bs-border-width) solid var(--bs-border-color);
border-radius: var(--bs-border-radius);
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.input-daterange .input-group-text {
border: 0;
}
.input-daterange .mat-mdc-form-field-focus-overlay {
background-color: #fff !important;
}
@media (max-width: 600px) {
.age-input-container {
width: 100%;
}
}
/* Trip Summary */
.trip-page footer {
background-color: transparent;
}
.page-desc h2.page-title {
color: var(--color-white, var(--White, #fff));
font-family: Graphit;
font-size: 41px;
font-style: normal;
font-weight: 700;
line-height: 61px;
/* 148.78% */
letter-spacing: -0.41px;
}
.page-desc {
padding-top: 87px;
margin: 0 auto;
}
.row.page-desc a {
color: var(--color-white, var(--White, #fff));
font-family: Graphit;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 31px;
/* 129.167% */
letter-spacing: -0.24px;
text-transform: uppercase;
opacity: 0.5;
text-decoration: none;
display: flex;
align-items: center;
gap: 10px;
padding-top: 13px;
}
section.summary-sect {
padding: 40px 0;
}
.contact-details h2 {
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -0.32px;
}
.contact-details>p {
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 34px;
opacity: 0.6;
}
.cf-field {
padding: 28px 24px;
border-radius: 12px;
border: 1px solid #e7e7e7;
background: var(--White, #fff);
box-shadow: 0px 4px 16px 0px rgba(17, 34, 17, 0.03);
}
.form-field {
display: flex;
gap: 18px;
margin-bottom: 22px;
}
.passenger-detail input[type="radio"]:disabled {
appearance: none;
width: 16px;
height: 16px;
border: 2px solid #ccc;
background-color: #f5f5f5;
border-radius: 50%;
position: relative;
}
.passenger-detail input[type="radio"]:checked:disabled:after {
content: "";
width: 8px;
height: 8px;
background-color: #000;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.form-field>div {
width: 50%;
}
.form-field>div input {
width: 100%;
padding: 10px 20px;
border-radius: 9px;
border: 2px solid #dedede;
background: #fff;
}
.form-field>div label {
display: block;
color: var(--Black, #000);
font-family: Graphit;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
opacity: 0.5;
padding-left: 10px;
}
.mob-no p {
display: flex;
align-items: center;
border-radius: 9px;
border: 2px solid #dedede;
padding: 10px;
direction: ltr;
}
.mob-no p span {
border-right: 1px solid #dedede;
padding-right: 10px;
}
.mob-no p input {
border: 0;
padding: 0;
outline: 0;
}
.contact-details {
margin-bottom: 58px;
}
.passenger-detail h2 {
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 37.833px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -0.378px;
margin-bottom: 13px;
}
.notice {
padding: 13px 20px;
max-width: 690px;
display: flex;
align-items: center;
gap: 13px;
margin-bottom: 24px;
border-radius: 14.187px;
border: 2.365px solid #7390e2;
background: #ebf0fe;
}
.notice span {
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
opacity: 0.6;
}
.form-field:last-child {
margin-bottom: 0;
}
.summary-sect label {
margin-bottom: 8px;
}
.summary-sect input:focus-visible {
outline: unset;
}
.form-field select {
padding: 10px;
width: 100%;
padding: 10px 20px;
border-radius: 9px;
border: 2px solid #dedede;
}
.passport-nmbr label {
display: block;
color: var(--Black, #000);
font-family: Graphit;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
opacity: 0.5;
padding-left: 10px;
}
.passport-nmbr input {
width: 100%;
padding: 10px 20px;
border-radius: 9px;
border: 2px solid #dedede;
}
select#nationality {
-webkit-appearance: none;
-moz-appearance: none;
background: transparent;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position-x: 95%;
background-position-y: center;
}
select#nationality {
outline: 0;
}
.coupon-code .form-field label {
display: block;
color: var(--Black, #000);
font-family: Graphit;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
opacity: 0.5;
padding-left: 10px;
}
.cp-code {
display: flex;
width: 100%;
gap: 27px;
}
button.apply {
border-radius: 10.641px;
background: var(--Black, #000);
padding: 10px 40px;
color: var(--White, #fff);
font-family: Graphit;
font-size: 23.646px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.709px;
}
.cp-code-fld {
width: 100% !important;
}
.cp-code {
display: flex;
width: 100%;
gap: 27px;
}
button.apply {
border-radius: 10.641px;
background: var(--Black, #000);
padding: 10px 40px;
color: var(--White, #fff);
font-family: Graphit;
font-size: 23.646px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.709px;
}
.cp-code-fld {
width: 100% !important;
}
.passenger-detail {
margin-bottom: 58px;
}
.radio-field {
display: flex;
align-items: baseline;
gap: 12px;
}
.payfull {
display: flex;
width: 90%;
justify-content: space-between;
}
.titledsc.title-pr {
display: flex;
justify-content: space-between;
}
.title-pr:first-child {
margin-bottom: 24px;
}
.price p {
margin-bottom: 0;
}
.radio-field>div {
width: 90%;
}
.titledsc h2 {
color: var(--Black, #000);
font-family: Graphit;
font-size: 23.646px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.titledsc p {
color: var(--Black, #000);
font-family: Graphit;
font-size: 15.37px;
font-style: normal;
font-weight: 400;
line-height: normal;
opacity: 0.55;
}
.price p {
color: var(--Black, #000);
font-family: Graphit;
font-size: 28.375px;
font-style: normal;
font-weight: 700;
line-height: normal;
opacity: 1;
}
.radio-field:first-child {
padding-top: 13px;
}
.radio-field {
padding: 27px 0;
}
.radio-field:first-child {
border-bottom: 0;
border-bottom: 1px solid #eaeaea;
}
p.rmp {
margin-top: 34px;
}
.payment-method-pick>div {
display: flex;
justify-content: space-between;
align-items: center;
border-radius: 10.641px;
border: 2.365px solid #dedede;
padding: 10px 20px;
margin-bottom: 26px;
}
.payment-title label {
margin-bottom: revert-layer;
}
.pay-btn button {
padding: 10px;
color: var(--White, #fff);
font-family: Graphit;
font-size: 37.833px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -1.135px;
border-radius: 10.641px;
background: var(--Black, #000);
width: 100%;
border: 0;
transition: background-color 0.3s ease, color 0.3s ease;
}
.pay-btn button {
padding: 10px;
color: var(--White, #fff);
font-family: Graphit;
font-size: 37.833px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -1.135px;
border-radius: 10.641px;
background: var(--Black, #000);
width: 100%;
border: 0;
transition: background-color 0.3s ease, color 0.3s ease;
}
.pay-btn button:hover:not(:disabled) {
background-color: #fff !important;
color: #000 !important;
border: 2px solid #000 !important;
}
.payment-select .notice {
width: 100%;
max-width: 100%;
align-items: normal;
padding: 30px;
}
.payment-select .notice p {
color: var(--Black, #000);
font-family: Graphit;
font-size: 23.646px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.payment-select .notice p span {
display: block;
color: var(--Black, #000);
font-family: Graphit;
font-size: 15.37px;
font-style: normal;
font-weight: 400;
line-height: 21.281px;
/* 138.462% */
margin-top: 12px;
opacity: 0.55;
}
.card-number {
width: 100% !important;
}
.trip-summary {
padding: 5px 20px 42px 29px;
border-radius: 20px;
margin-top: -290px;
background: #fff;
}
.trip-summary>h2 {
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 22.987px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin: 20px 0;
letter-spacing: -0.23px;
}
.trip-summary .item {
display: flex;
justify-content: space-between;
}
p.main-head {
color: var(--Black, #000);
font-family: Graphit;
font-size: 14.134px;
font-style: normal;
font-weight: 400;
line-height: normal;
width: 50%;
}
p.main-val {
color: #5a5a5a;
font-family: Graphit;
font-size: 15.017px;
font-style: normal;
font-weight: 400;
line-height: 17.667px;
/* 117.647% */
opacity: 0.77;
width: 50%;
text-align: end;
}
.item.price {
margin-top: 20px;
margin-bottom: 20px;
}
.item.price p.main-head {
color: var(--Black, #000);
font-family: Graphit;
font-size: 20.29px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.item.price p.main-val {
color: var(--Primary, #050450);
text-align: right;
font-family: Graphit;
font-size: 22.135px;
font-style: normal;
font-weight: 400;
line-height: 18.446px;
/* 83.333% */
}
.rd-fld label {
margin-bottom: 0;
}
.item.bd {
border-bottom: 1.767px solid #eaeaea;
margin-bottom: 22px;
}
.form-field>div input::placeholder,
.passport-nmbr input::placeholder {
font-weight: bold;
color: #dedede;
}
tic-trip-checkout .radio-field input[type="radio"] {
display: none;
}
.radio-field {
position: relative;
}
.radio-field label span:before {
display: flex;
flex-shrink: 0;
content: "";
background-color: #fff;
width: 17px;
height: 17px;
border-radius: 50%;
margin-right: 0.375em;
transition: 0.25s ease;
box-shadow: inset 0 0 0 0.1em #000;
}
.radio-field label input:checked+span:before {
box-shadow: inset 0 0 0 0.2em #00005c;
}
.cst-radio input[type="radio"] {
display: none;
}
.cst-radio {
position: relative;
}
.cst-radio span:before {
display: inline-block;
flex-shrink: 0;
content: "";
background-color: #fff;
width: 17px;
height: 17px;
border-radius: 50%;
transition: 0.25s ease;
box-shadow: inset 0 0 0 0.1em #000;
margin-right: 17px;
position: relative;
top: 2px;
}
.passenger-detail.payment-select.wtp .cf-field {
padding: 10px 24px;
}
.cst-radio input:checked+span:before {
box-shadow: inset 0 0 0 0.2em #00005c;
}
.passenger-detail.payment-select.fp .notice {
border-radius: 14.187px;
border: 2.365px solid #7390e2;
background: #ebf0fe;
}
.passenger-detail.payment-select.fp input::placeholder {
color: var(--Black, #000);
font-family: Graphit;
font-size: 17.734px;
font-style: normal;
font-weight: 400;
line-height: normal;
opacity: 0.3;
}
.passenger-detail .cf-field {
margin-bottom: 10px;
}
@media (min-width: 992px) {
.page-desc {
padding-left: 40px;
padding-right: 40px;
}
}
@media (max-width: 991px) {
.trip-summary {
margin-top: 0;
}
tic-trip-checkout section.summary-sect {
margin-top: 0;
}
tic-trip-checkout .trip-summary {
padding: 0 25px;
}
}
@media (max-width: 767px) {
.page-desc h2.page-title {
font-size: 29px;
line-height: 35px;
}
.row.page-desc a {
font-size: 18px;
line-height: 31px;
}
.contact-details h2,
.passenger-detail h2 {
font-size: 29px;
line-height: 35px;
}
.form-field>div {
width: 100%;
}
.form-field {
flex-wrap: wrap;
}
.form-field.inline {
flex-wrap: unset;
}
.notice span {
font-size: 14px;
line-height: 19px;
}
.cp-code {
flex-wrap: wrap;
}
.titledsc h2 {
font-size: 16px;
margin-bottom: 0;
}
.titledsc p {
font-size: 14px;
line-height: 20px;
}
.price p {
margin-bottom: 0;
font-size: 20px;
}
.sum-frm {
order: 1;
}
.chk-frm {
order: 2;
}
.contact-details {
margin-top: 47px;
}
.pay-btn button {
font-size: 20px;
padding: 26px 0;
}
.trip-summary {
padding: 18px;
}
}
/* Single Room page */
@media (min-width: 768px) {
.room .ticketing,
.ticket .ticketing,
.hotel .ticketing,
.flight .ticketing,
.event .ticketing,
tic-room-detail .ticketing {
background: #f5f5f5;
padding: 2.4rem;
border-top: 1px solid #c3c3c3;
/* border-bottom: 1px solid #c3c3c3; */
}
}
.room .ticketing:before,
.ticket .ticketing::before,
.hotel .ticketing::before,
.flight .ticketing::before,
.event .ticketing::before,
tic-room-detail .ticketing::before {
background: url(../images/triangle.png);
width: 24px;
margin-left: -24px;
left: 8px;
}
.room .ticketing:after,
.ticket .ticketing::after,
.hotel .ticketing::after,
.flight .ticketing::after,
.event .ticketing::after,
tic-room-detail .ticketing::after {
/* background: url(../images/triangle-right.png); */
width: 24px;
margin-right: -24px;
right: 8px;
}
.overview-head {
display: flex;
gap: 85px;
align-items: center;
margin-bottom: 26px;
flex-wrap: wrap;
}
.overview-head h2 {
margin-bottom: 0;
color: var(--Blackish-Green, #121);
font-family: Graphit;
font-size: 30px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.overview-head p {
color: var(--Blackish-Green, #121);
font-family: Graphit;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 0;
}
.description h2,
.stay-structure h2,
.facility h2 {
color: var(--Blackish-Green, #121);
font-family: Graphit;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 15px;
}
.description ul {
padding: 0;
list-style-type: none;
}
.description ul li {
color: var(--color-button, var(--Black, #000));
text-align: justify;
font-family: Graphit;
font-size: 17.926px;
font-style: normal;
font-weight: 400;
line-height: 37.739px;
/* 210.526% */
opacity: 0.75;
}
.description,
.stay-structure {
padding-bottom: 0px;
border-bottom: 2px solid rgb(0 0 0 / 10%);
max-width: 831px;
margin-bottom: 30px;
}
section.overview-sect {
margin-bottom: 50px;
}
.description p,
.stay-structure p,
.facility p {
color: var(--color-button, var(--Black, #000));
text-align: justify;
font-family: Graphit;
font-size: 17.926px;
font-style: normal;
font-weight: 400;
line-height: 37.739px;
/* 210.526% */
opacity: 0.75;
display: flex;
}
.description p svg,
.stay-structure p svg,
.facility p svg {
margin-right: 15px;
}
.room-summary {
border-radius: 20px;
border: 1px solid #e1e1e1;
background: #fff;
padding: 28px 10px 24px 20px;
}
.room-option {
display: flex;
justify-content: space-between;
}
.opt label {
padding-left: 4px;
}
.room-options {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid rgb(0 0 0 / 20%);
}
.opted-lst {
border-bottom: 1px solid rgb(0 0 0 / 20%);
margin-bottom: 10px;
padding-bottom: 10px;
}
.opted-lst-head svg {
margin-right: 14px;
}
.opted-lst-head {
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 12px;
}
.opted-lst p {
color: #303030;
font-family: Graphit;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.payment-summary p.ttl-price {
text-align: end;
color: #a7a7a7;
font-family: Graphit;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.48px;
}
.payment-summary p.ttl-price span {
color: var(--Primary, #050450);
text-align: right;
font-family: Graphit;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-left: 10px;
}
.payment-summary>p {
text-align: end;
}
p.ttl-price {
margin-bottom: 13px;
}
p.prc-incl {
color: #000;
text-align: right;
font-family: Graphit;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 5px;
}
p.opted-opt {
color: #505050;
font-family: Graphit;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 10px;
}
a.slct-rm {
display: block;
text-align: center;
border-radius: 9px;
background: var(--Black, #000);
color: #ffff !important;
font-family: Graphit;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.6px;
padding: 25px 0;
margin-bottom: 9px;
text-decoration: none;
}
a.slct-rm:hover {
background: #fff;
color: #000 !important;
border: 1px solid #000;
}
p.payment-note {
text-align: center;
color: #777;
font-family: Graphit;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.payment-summary {
margin-top: 34px;
}
.room footer {
background-color: transparent;
}
section.room-summary-detail {
display: none;
}
section.room-summary-detail .container {
max-width: 100%;
}
.room-summary.mob {
border-radius: 20px;
border: 1px solid #e1e1e1;
background: #efefef;
margin-bottom: 45px;
}
.inner-overview-head {
display: flex;
flex-direction: column;
gap: 18px;
}
.ticketing-mob {
border-radius: 10px;
border: 2px solid #dedede;
background: var(--White, #fff);
padding: 11px 21px;
display: none;
align-items: center;
justify-content: space-between;
}
section.ticketing-sect {
padding: 28px 0;
/* margin-bottom: 28px; */
}
.ticketing-title h2 {
color: var(--Black, #000);
font-family: Graphit;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.ticketing-title p {
color: var(--Black, #000);
font-family: Graphit;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: normal;
opacity: 0.6;
margin-bottom: 0;
}
@media (min-width: 992px) {
section.ticketing-sect .container {
max-width: 85.4%;
}
section.main-cont-ticket .container {
max-width: 90%;
}
}
@media (max-width: 991px) {
section.room-summary-detail {
display: block;
}
.head-payment {
display: flex;
justify-content: space-between;
padding-bottom: 12px;
border-bottom: 1px solid #d7d7d7;
align-items: center;
}
.head-payment p.prc-incl {
color: var(--Black, #000);
font-family: Graphit;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
p.opted-opt {
margin: 11px 0 21px 0;
}
p.payment-note {
color: #777;
font-family: Graphit;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
padding: 14px 0;
}
p.ttl-price {
margin-bottom: 0;
}
}
@media (max-width: 767px) {
.inner-overview-head {
flex-wrap: wrap;
flex-direction: column;
gap: 0;
align-items: baseline;
gap: 5px;
}
.overview-head {
justify-content: space-between;
gap: 0;
border-bottom: 1px solid rgb(0 0 0 / 10%);
padding-bottom: 20px;
margin-bottom: 20px;
}
.description,
.stay-structure {
padding-bottom: 20px;
}
.ticketing-mob {
display: flex;
}
.room .ticketing {
display: none;
}
}
tic-home-page .ticketing-sect tic-auto-complete-form-field {
width: 85% !important;
}
tic-home-page .ticketing-sect .input-group-prepend {
width: 15%;
}
.ticketing-sect .input-group-prepend {
background: #fff;
border-radius: var(--bs-border-radius);
}
tic-home-page .adl-cld .input-group-prepend {
width: 100%;
}
tic-home-page .ticketing-sect tic-date-range {
width: 85%;
}
tic-home-page .input-group-prepend .input-group-text {
width: 100%;
padding-left: 10px;
padding-right: 0;
}
tic-home-page .input-group-prepend {
background: transparent !important;
}
tic-home-page .ticketing-sect tic-date-range mat-form-field {
width: 100%;
}
.filters {
display: none;
}
.filters.open {
display: block;
}
.primary {
cursor: pointer;
}
.primary.open .accrd-header svg {
transform: rotate(-90deg);
}
.sort-opt {
display: flex;
align-items: center;
justify-content: end;
gap: 26px;
}
select#inputState {
max-width: 200px;
}
.room .ticketing-mob,
.ticket .ticketing-mob,
.hotel .ticketing-mob,
.flight .ticketing-mob,
.event .ticketing-mob {
display: none;
}
.blackButton:hover {
color: #fff;
}
.hotel-listing .content-head button {
display: block;
color: var(--color-main, var(--Primary, #050450));
font-family: Graphit;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
background: unset;
border: 0;
}
.main-image img {
width: 100%;
}
.mat-mdc-form-field-subscript-wrapper {
display: none;
}
.priceinclude {
padding: 13px 0;
}
.main-cont-ticket .priceinclude {
padding: 0;
}
/* The container */
.cst-chkbx {
display: flex;
position: relative;
padding-left: 0px !important;
margin-bottom: 12px;
cursor: pointer;
font-size: 14px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Hide the browser's default checkbox */
.cst-chkbx input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
order: 2;
}
/* Create a custom checkbox */
.checkmark {
position: relative;
top: 0;
left: 0;
height: 18px;
width: 18px;
display: block;
background-color: #fff;
border: 2px solid #000;
border-radius: 3px;
}
.seat-opt .checkmark,
.select-services .checkmark,
.room-options .checkmark {
border-radius: 50%;
background: #fff !important;
}
.seat-opt .cst-chkbx .checkmark:after,
.select-services .cst-chkbx .checkmark:after,
.room-options .cst-chkbx .checkmark:after {
width: 10px;
height: 10px;
border-radius: 50%;
border-width: unset;
background: #000;
border-color: #000;
}
/* When the checkbox is checked, add a blue background */
.cst-chkbx input:checked~.checkmark {
background-color: #ff2976;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.cst-chkbx input:checked~.checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.cst-chkbx .checkmark:after {
left: 7px;
top: 3px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
span.cst-chkbx-lable {
order: 2;
padding-left: 8px;
}
.star-rating label {
display: flex;
}
@media (max-width: 1400px) {
.row.hotel-gallery:before {
width: 250px;
}
}
@media (max-width: 992px) {
.flight .seatcard {
margin-bottom: 60px;
}
.row.hotel-gallery:before {
content: unset;
}
}
@media (max-width: 600px) {
.sort-opt {
gap: 10px;
}
.room .ticketing,
.ticket .ticketing,
.hotel .ticketing,
.flight .ticketing,
.event .ticketing,
tic-room-detail .ticketing {
display: none;
}
.room .ticketing-mob,
.ticket .ticketing-mob,
.hotel .ticketing-mob,
.flight .ticketing-mob,
.event .ticketing-mob {
display: flex;
}
section.ticketing-sect {
padding: 28px 22px;
}
.flight-data-head p {
padding-left: 14px;
}
.timings p.stop {
text-align: center;
padding: 5px 10px;
font-size: 12px;
}
.departure-arrival-timing>span {
width: 0;
}
.title-col {
width: 53%;
}
.srt-col {
width: 47%;
}
.timings span {
width: 60px;
}
.hotel .seatcard {
margin-bottom: 45px;
}
.hotel .image-container img {
border: 0;
padding: 0;
}
.hotel.hotel-listing .btn-location {
justify-content: end;
padding: 20px;
}
}
/* Trip Summary Page */
@media (min-width: 992px) {
.summary_class .container {
max-width: 90% !important;
}
section.single-hotel {
position: relative;
}
}
.summary_class .trip-summary {
margin-top: -250px;
}
.summary_class h2.page-title {
color: var(--color-white, var(--White, #fff));
font-family: Graphit;
font-size: 41px;
font-style: normal;
font-weight: 700;
line-height: 41px;
/* 100% */
letter-spacing: -0.41px;
padding-left: 55px;
}
.summary_class .col-first {
background: unset !important;
}
.summary_class .evt-head {
display: flex;
justify-content: space-between;
align-items: center;
}
.summary_class .evt-head h5 {
color: #000;
font-family: Graphit;
font-size: 29px;
font-style: normal;
font-weight: 700;
line-height: 32px;
/* 110.345% */
}
.summary_class .evt-head h5 b {
padding-left: 15px;
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 29px;
font-style: normal;
font-weight: 700;
line-height: 32px;
/* 110.345% */
}
.summary_class .evt-head a {
padding: 10px 30px;
border-radius: 9px;
background: #000;
color: #fff;
font-family: Graphit;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -0.6px;
text-decoration: none;
}
.summary_class section.hero.hero-ticket {
padding: 16px 0 200px 0;
}
.summary_class .htl .seatcard {
display: block;
}
.summary_class .htl h5,
.summary_class .flight h5,
.summary_class .tipi-pass h5 {
margin-bottom: 0;
display: flex;
align-items: center;
}
.summary_class .evt-head.flt {
margin-top: 50px;
}
.summary_class .evt-head.flt button {
padding: 8px 16px;
border-radius: 9px;
background: var(--Black, #000);
color: var(--White, #fff);
font-family: Graphit;
font-size: 20.364px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.611px;
}
.summary_class .seat-card-btn button {
float: unset !important;
}
.summary_class .seat-card-btn {
text-align: end;
}
.summary_class button.btn:first-child {
margin-right: 14px;
}
.summary_class .htl .seatcard {
padding: 35px;
}
.summary_class .htl .seatcard .main-img img {
width: 100%;
max-height: 320px;
border-radius: 12px;
}
.summary_class .seat-crd-content {
overflow: hidden;
}
.summary_class .seat-crd-content h2 {
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 42px;
font-style: normal;
font-weight: 700;
line-height: 52px;
/* 76.19% */
margin-top: 47px;
margin-bottom: 12px;
}
.summary_class .seat-crd-content p {
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 21px;
/* 175% */
opacity: 0.75;
}
.summary_class .seat-crd-content p:last-child {
padding: 24px 0;
}
.summary_class .seatcard {
border: 1px solid #9f9f9f !important;
}
.trip-summary .seatcard .logovslogo .vs {
justify-content: center;
flex-direction: row;
}
.trip-summary .selectseat p {
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 27.9px;
/* 139.5% */
opacity: 0.4;
}
.trip-summary .selectseat h1 {
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 36px;
font-style: normal;
font-weight: 900;
line-height: 46px;
/* 83.333% */
}
.tipi-pass .pass-lst {
display: flex;
gap: 72px;
}
.tipi-pass .pass-lst p span {
padding-left: 10px;
}
.tipi-pass .selectseat h1 {
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.tipi-pass .selectseat p {
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
/* 157.143% */
opacity: 0.8;
}
.tipi-pass .selectseat p.mr-desc {
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 31px;
/* 155% */
letter-spacing: -0.6px;
}
span.ic-count-11 {
padding: 6px 12px;
background: #58b24a;
border-radius: 50%;
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 22px;
/* 157.143% */
text-align: center;
}
span.ic-count-35 {
padding: 6px 8px;
background: #050450;
border-radius: 50%;
color: var(--color-white, var(--White, #fff));
font-family: Graphit;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 22px;
/* 157.143% */
text-align: center;
}
span.ic-count-30 {
padding: 6px 8px;
background: #3686ff;
border-radius: 50%;
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 22px;
/* 157.143% */
text-align: center;
}
span.ic-count-9 {
padding: 6px 12px;
background: #000;
border-radius: 50%;
color: var(--color-white, var(--White, #fff));
font-family: Graphit;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 22px;
/* 157.143% */
text-align: center;
}
/* .dob input {
background-image: url('data:image/svg+xml;utf8,') !important;
background-repeat: no-repeat!important;
background-position: right center!important;
background-position: calc(100% - 20px) center!important;
} */
input[type="radio"] {
accent-color: #000;
}
@media (max-width: 1110px) and (min-width: 992px) {
.summary_class button.btn:first-child {
margin-right: 0;
margin-bottom: 10px;
display: block;
margin-left: auto;
}
}
.tab-mob.row {
display: none;
margin-top: 55px;
margin-bottom: 35px;
}
.tab-mob-log img {
display: none;
}
.tipi-pass .seatcard.mob-ver {
display: none;
}
@media (min-width: 992px) {
.evt-htl-summary>div:first-child .evt-head.flt h5 svg path {
stroke: #fff;
}
.evt-htl-summary>div:first-child .evt-head.flt h5 b {
color: #fff;
}
}
@media (max-width: 600px) {
.evt-htl-summary>div:first-child .evt-head.flt h5 svg path {
stroke: #fff;
}
.evt-htl-summary>div:first-child .evt-head.flt h5 b {
color: #fff;
}
}
@media (max-width: 991px) {
.trip-summary-page img {
display: none;
}
.summary_class .tab-mob.row {
display: block;
}
.summary_class .tab-mob.row .checkoutcard {
background: #fff;
padding: 15px 0;
}
.summary_class .col-first {
margin-top: 0;
padding: 0;
}
.summary_class .price-head {
padding: 0 20px;
}
.summary_class .inner-summary-cont {
padding: 0 20px;
}
.summary_class h2.page-title {
padding-left: 0;
}
.summary_class .evt-head h5 {
color: #000;
}
.summary_class .evt-head h5 svg {
stroke: #000;
}
.summary_class section.hero.hero-ticket {
padding-bottom: 31px;
}
.summary_class .tab-mob.row .checkoutcard .priceinclude button {
margin-top: 20px;
margin-bottom: 0;
border-radius: 9px;
background: var(--Secondary, #ff2976);
}
.seatcard .logovslogo .vs {
flex-direction: row;
}
.tab-mob-log img {
display: block;
}
.trp-sum-head {
display: flex;
align-items: center;
}
.tipi-pass .seatcard {
display: none;
}
.tipi-pass .seatcard.mob-ver {
display: block;
}
.tipi-pass .seatcard.mob-ver .seat-head {
display: flex;
align-items: center;
}
.tipi-pass .pass-lst {
gap: 0;
justify-content: space-between;
}
.tipi-pass .seatcard.mob-ver .selectseat {
width: 100%;
}
.tipi-pass .selectseat p.mr-desc {
opacity: 0.6;
}
.summary_class .flight-data-head,
.summary_class .departure-arrival {
justify-content: center;
}
.checkoutcard .priceinclude {
padding: 0;
}
}
@media (max-width: 600px) {
.tab-mob-log img {
display: none;
}
.summary_class h2.page-title {
color: var(--color-white, var(--White, #fff));
font-family: Graphit;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 41px;
/* 170.833% */
letter-spacing: -0.24px;
}
.summary_class section.hero.hero-ticket {
padding-bottom: 120px;
}
.summary_class .evt-head h5 {
color: #fff;
}
.summary_class .evt-head h5 {
color: #000;
}
.summary_class .htl .seatcard {
padding: 15px;
}
.summary_class .htl h5,
.summary_class .flight h5,
.summary_class .tipi-pass h5 {
font-size: 16px;
}
.tipi-pass .pass-lst {
flex-wrap: wrap;
}
.summary_class .seat-crd-content h2 {
font-size: 19px;
margin-top: 14px;
margin-bottom: 14px;
}
.summary_class .evt-head.flt button {
padding: 7px;
color: var(--White, #fff);
font-family: Graphit;
font-size: 10px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.3px;
}
.summary_class .evt-head h5 b {
padding-left: 5px;
}
.summary_class .htl h5,
.summary_class .flight h5,
.summary_class .tipi-pass h5 {
padding-left: 0;
}
.summary_class .seatcard {
padding: 25px 15px 15px 15px;
}
.summary_class .seatcard .logovslogo {
margin-right: 0;
}
.summary_class .evt-head a {
padding: 10px 20px;
font-family: Graphit;
font-size: 10px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.3px;
}
.summary_class .flight-data-head,
.summary_class .departure-arrival {
justify-content: start;
}
.trip-summary .selectseat h1 {
font-size: 24px;
line-height: 34px;
}
.tipi-pass .seatcard.mob-ver .seat-head {
flex-direction: column;
}
.tipi-pass .seat-head-inner-content {
margin-top: 32px;
}
.page-desc {
padding-top: 27px;
}
.contact-details>p {
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 19px;
/* 135.714% */
opacity: 1;
}
.cf-field {
padding: 25px 14px;
}
.passenger-detail.payment-select.wtp .cf-field {
padding: 10px 14px;
}
.passenger-detail.payment-select.fp .notice {
padding: 15px 14px;
}
.payment-select .notice p {
margin-bottom: 0;
}
}
@media (max-width: 440px) {
.summary_class .seatcard .logovslogo {
flex-wrap: wrap;
justify-content: center;
}
.summary_class .seatcard .logovslogo .vs {
border-right: 0;
}
.summary_class .seat-card-btn button {
padding: 7px;
color: var(--White, #fff);
font-family: Graphit;
font-size: 10px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.3px;
}
.summary_class .selectseat h1 {
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 39px;
/* 162.5% */
letter-spacing: -0.48px;
}
}
/* Search form */
tic-search-form .input-daterange tic-date-range {
width: 80%;
}
tic-search-form .input-group-prepend {
width: 20% !important;
}
tic-search-form tic-date-range mat-form-field {
width: 100% !important;
}
tic-search-form .adl-cld .input-group-prepend {
width: 100% !important;
}
tic-search-form span#basic-addon3 {
width: 100%;
padding: 0 0 0 10px;
}
tic-search-form .text-ac {
padding-top: 16px;
padding-bottom: 16px;
overflow: hidden;
text-align: justify;
}
.icon-ac {
width: 20%;
text-align: left;
}
.drop-down-pt {
position: relative;
}
tic-search-form tic-adults-children-age.open {
position: absolute;
top: 100%;
width: 350px;
background: #fff;
z-index: 2;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
padding: 30px 10px;
display: block;
}
#basic-addon3 {
cursor: pointer;
}
@media (max-width: 1280px) {
tic-search-form tic-adults-children-age.open {
right: 0;
}
}
@media (min-width: 768px) {
tic-search-form .selected {
gap: 3px;
}
tic-search-form .selected .item {
gap: 2px;
}
}
@media (max-width: 767px) {
tic-search-form tic-adults-children-age.open {
width: 100%;
}
}
/* Chat Widget Css */
.chat-widget {
position: fixed;
top: 80%;
right: 10%;
z-index: 999;
}
.select-service .cst-chkbx input:checked~.checkmark {
background: #000;
}
@media (max-width: 767px) {
.chat-widget {
right: 0;
}
}
@media (max-width: 1230px) and (min-width: 768px) {
.selected {
gap: 0;
}
.selected .item {
gap: 1px;
}
.drop-down {
padding: 13px 5px;
}
.packageType.selected {
padding: 13px 5px;
}
}
@media (max-width: 900px) and (min-width: 767px) {
.selected .item {
font-size: 12px;
}
}
/* Gallery Css */
section.gallery {
background-color: #00000080;
top: 0;
z-index: 10000000;
left: 0;
width: 100%;
height: 100%;
position: fixed;
align-items: center;
align-content: center;
justify-content: center;
flex-direction: column;
cursor: pointer;
display: none;
}
section.gallery.open {
display: flex;
}
section.gallery .container {
width: 75%;
max-width: 1400px;
background: #fff;
padding: 30px 30px 90px 30px;
overflow: hidden;
max-height: 700px;
}
section.gallery img {
display: block;
margin: 0 auto;
width: 100%;
}
section.gallery .slick-slide {
margin: 0 20px;
}
.close-popup {
display: flex;
align-items: center;
justify-content: flex-end;
}
section.gallery button.slick-next.slick-arrow {
top: 111%;
}
@media (max-width: 1600px) {
section.gallery button.slick-next.slick-arrow {
top: 113%;
}
}
/* Responsive Fixes */
.mat-calendar-body-selected {
background-color: #ff2976 !important;
color: #fff !important;
}
.mat-calendar-body-in-range::before {
background: #ff2976 !important;
opacity: 0.2 !important;
}
/* Currency and language swithcer */
.currency-switcher,
.language-switcher {
position: relative;
}
.currency,
.language {
position: absolute;
width: 264px;
background: #fff !important;
right: 90px;
border-radius: 18px;
background: var(--White, #fff);
padding: 33px 14px 33px 33px !important;
display: none;
}
.currency.open,
.language.open {
display: block;
z-index: 999;
}
.curr,
.lang {
color: var(--Black, #000);
font-family: Graphit;
font-size: 20px;
font-style: normal;
font-weight: 900;
line-height: 40px;
/* 200% */
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 14px;
cursor: pointer;
}
.currency-switcher svg,
.language-swithcer svg {
cursor: pointer;
}
/* Event Popup */
.evt-popup {
background-color: #00000080;
top: 0;
z-index: 10000000;
left: 0;
width: 100%;
height: 100%;
position: fixed;
align-items: center;
align-content: center;
justify-content: center;
flex-direction: column;
display: flex;
}
.evt-popup .evt-container {
max-width: 885px;
background: #fff;
margin: 0 auto;
border-radius: 15px;
padding: 33px;
overflow: auto;
max-height: 100%;
width: 100%;
}
.evt-popup .evt-header {
display: flex;
padding-bottom: 41px;
border-bottom: 2px solid rgb(193 180 180 / 20%);
justify-content: space-between;
}
.evt-popup .date .month-year {
background: #050450;
color: #fff;
font-family: Graphit;
font-size: 23.269px;
font-style: normal;
font-weight: 500;
line-height: 31.293px;
text-align: center;
padding: 8px 20px;
}
.evt-popup .evt-detail h2 {
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 27px;
font-style: normal;
font-weight: 700;
line-height: 33px;
/* 122.222% */
margin-bottom: 11px;
}
.evt-popup .evt-detail p {
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.evt-popup .date {
width: 20%;
min-width: 164px;
border-radius: 6.419px;
border: 0.802px solid #d0d0d0;
background: #fafafa;
}
.evt-popup .vs {
width: 25%;
gap: 12px;
}
.evt-popup .evt-detail {
width: 55%;
padding: 0 28px;
}
.evt-popup .vs {
display: flex;
align-items: center;
}
.evt-popup.open {
display: flex;
}
.evt-popup .evt-selection {
display: flex;
align-items: center;
flex-wrap: wrap;
padding: 19px 0 43px 0;
}
.evt-popup .date-num {
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 38.515px;
font-style: normal;
font-weight: 500;
line-height: 31.293px;
/* 81.25% */
text-align: center;
padding: 16px;
}
.evt-popup .seat-opt {
width: 50%;
}
.evt-popup .stadium-selection {
width: 50%;
padding: 0 15px;
}
.evt-popup .seat-total {
display: flex;
justify-content: space-between;
margin-bottom: 28px;
align-items: center;
}
.evt-popup .seat-total p {
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
opacity: 0.4;
margin-bottom: 0;
}
.categories {
height: 200px;
padding: 20px 0;
margin: 20px 0;
overflow-y: auto;
}
.categories .single-category>input {
border-radius: 6px;
border: 2px solid #dedede;
background: #fff;
max-width: 60px;
margin-left: 13px;
text-align: center;
color: var(--Black, #000);
font-family: Graphit;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.6px;
}
.evt-popup .edit-seat input {
border-radius: 6px;
border: 2px solid #dedede;
width: 33px;
margin-left: 13px;
text-align: center;
color: var(--Black, #000);
font-family: Graphit;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.6px;
background: #fff;
}
.evt-popup .single-category {
position: relative;
border-radius: 9px;
border: 2px solid #dedede;
padding: 21px 22px;
margin-bottom: 25px;
display: flex;
justify-content: space-between;
}
.evt-popup .single-category>span:first-child {
position: absolute;
top: -15px;
right: 0;
border-radius: 56px;
border: 1px solid #c2c2c2;
background: #f5f5f5;
color: #000000;
font-size: 15px;
font-weight: 700;
line-height: 20px;
padding: 2px 20px;
}
.evt-popup .single-category .cst-chkbx {
margin-bottom: 0;
}
.evt-popup .single-category .cst-chkbx input:checked~.checkmark {
background: #000;
}
.evt-popup .single-category span.cst-chkbx-lable {
color: var(--Black, #000);
font-family: Graphit;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.6px;
}
.evt-popup .single-category .cst-chkbx {
align-items: center;
}
.cst-chkbx .checkmark:after {
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg);
}
.cont-btn button {
border-radius: 9px;
background: var(--Black, #000);
width: 100%;
padding: 26px 0;
color: var(--White, #fff);
font-family: Graphit;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.6px;
}
.cont-btn button:not([disabled]):hover {
background-color: #fff !important;
color: #000;
border: 1px solid #000 !important;
}
.cont-btn button:disabled {
opacity: 0.3;
}
.cst-chkbx input:disabled+.checkmark {
/* border-color: red; */
border-color: #ff2976;
border-radius: 10px;
width: 20px;
height: 20px;
}
.close-popup svg {
cursor: pointer;
}
.evt_details_popup {
display: none;
}
.evt_details_popup.open {
display: block;
}
.eventCart {
margin: 20px 0;
}
.total_amount {
display: flex;
justify-content: space-between;
margin-top: 20px;
}
.evt .single-evt {
display: flex;
justify-content: space-between;
margin-top: 10px;
}
body .agent-img {
width: 100% !important;
height: 100% !important;
}
@media (max-width: 1440px) and (min-width: 991px) {
.event-popup .seatcard .logovslogo .vs {
flex-direction: row !important;
}
}
@media (max-width: 600px) {
.evt-popup .evt-header {
flex-wrap: wrap;
}
.evt-popup .evt-detail {
width: 100%;
order: 3;
}
.evt-popup .date {
width: 30%;
}
.evt-popup .vs {
width: 70%;
order: 2;
justify-content: center;
}
.evt-popup .date-num {
padding: 10px;
}
.evt-popup .evt-detail {
padding: 20px 0;
text-align: center;
}
.evt-popup .evt-header {
padding-bottom: 0;
}
.evt-popup .evt-header {
border-bottom: 0;
}
.evt-popup .stadium-selection {
width: 100%;
}
.evt-popup .stadium-selection {
text-align: center;
}
.evt-popup .seat-opt {
width: 100%;
}
.evt-popup .evt-selection {
padding: 0;
}
.evt-popup .date-num {
font-size: 34px;
}
.event-popup .logovslogo {
display: flex;
width: 100%;
flex-wrap: unset !important;
justify-content: unset !important;
}
.event-popup .logovslogo .vs {
border-bottom: 0;
border-right: 1px solid #c1bfbf !important;
padding-right: 13px;
}
.event-popup .luggage-container {
padding: 15px !important;
}
.event-popup .seatcard {
padding: 25px 15px;
}
}
@media (max-width: 425px) {
.event-popup .logovslogo .vs {
justify-content: center;
}
}
@media (max-width: 400px) {
.event-popup .seatcard .logovslogo {
flex-wrap: wrap !important;
justify-content: center !important;
}
}
@media (max-width: 375px) {
.event-popup .logovslogo {
flex-wrap: wrap !important;
}
.event-popup .seatcard .logovslogo .vs {
justify-content: center !important;
border: 0 !important;
}
}
/* Room Detail Page */
@media (min-width: 992px) {
tic-room-detail .container {
max-width: 70%;
margin: 0 auto;
}
}
@media (max-width: 767px) and (min-width: 577px) {
.summary_class .evt button.btn:first-child {
margin-right: 0;
margin-bottom: 10px;
}
}
/* Luggage Popup */
section.luggage {
background-color: #00000080;
top: 0;
z-index: 1002;
left: 0;
width: 100%;
height: 100%;
position: fixed;
align-items: center;
align-content: center;
justify-content: center;
flex-direction: column;
display: none;
}
section.luggage.open {
display: flex;
}
.luggage-container {
background: #fff;
margin: 0 auto;
border-radius: 15px;
padding: 48px;
overflow: auto;
max-height: 875px;
max-width: 100%;
}
section.luggage .single-flight>div {
margin-bottom: 50px;
}
.luggage-options {
display: flex;
flex-wrap: wrap;
gap: 32px;
}
.lugg-header p {
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
opacity: 0.5;
}
.lugg-header h2 {
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 27px;
font-style: normal;
font-weight: 700;
line-height: 33px;
/* 122.222% */
}
.lugg-header {
margin-bottom: 36px;
}
.luggage-option {
position: relative;
padding: 60px;
border-radius: 20px;
background: #ffeff5;
display: flex;
align-items: center;
flex-direction: column;
align-items: center;
justify-content: center;
cursor: pointer;
}
.luggage-option.active {
border: 1px solid var(--Secondary, #ff2976);
}
.luggage-option>span {
position: absolute;
top: -15px;
right: 0;
border-radius: 56px;
border: 1px solid #c2c2c2;
background: #f5f5f5;
color: #000000;
font-size: 19px;
font-weight: 700;
line-height: 20px;
padding: 5px 20px;
}
.luggage-image {
margin-bottom: 48px;
min-height: 158px;
min-width: 150px;
display: flex;
align-items: center;
justify-content: center;
}
.luggage-content {
text-align: center;
}
.luggage-content h2 {
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 27px;
font-style: normal;
font-weight: 700;
line-height: 33px;
/* 122.222% */
}
.luggage-content p {
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.luggage .cont-btn {
margin-top: 42px;
}
@media (max-width: 991px) and (min-width: 600px) {
.luggage-option {
padding: 25px;
}
.luggage-options {
gap: 15px;
}
}
@media (max-width: 768px) {
.luggage-image svg {
width: 83px;
height: 83px;
}
}
@media (max-width: 600px) {
.lugg-header {
text-align: center;
}
.luggage-option {
padding: 56px 32px;
}
.luggage-option {
flex-direction: row;
width: 100%;
align-items: center;
gap: 25px;
}
.luggage-image {
min-height: unset;
margin-bottom: 0;
}
.luggage-content {
text-align: left;
}
.luggage-container {
padding: 25px 15px;
border-radius: 15px;
}
.luggage .cont-btn {
margin-top: 15px;
}
}
/* Flight Popup */
section.luggage.flight-popup {
display: flex;
}
section.luggage.flight-popup .luggage-container {
max-width: 752px;
}
section.luggage.flight-popup .luggage-container {
padding: 25px;
}
section.luggage.flight-popup .evt-head.flt {
margin-top: 0;
padding-right: 50px;
}
section.luggage.flight-popup .evt-head h5 b {
color: #000;
}
.full-screen span {
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-right: 17px;
}
section.luggage.flight-popup .seat-accrd:last-child {
padding-bottom: 0;
}
section.luggage.flight-popup .close-popup {
display: none;
}
section.luggage.flight-popup .evt-head a {
padding: 0;
border: 0;
background: unset;
border-radius: 0;
}
section.luggage.flight-popup .flight .seatcard {
margin-bottom: 0;
}
@media (max-width: 991px) {
section.luggage.flight-popup .close-popup {
display: block;
text-align: end;
}
}
@media (max-width: 600px) {
section.luggage.flight-popup .evt-head.flt {
padding-right: 0px;
}
section.luggage.flight-popup .evt-head h5 svg {
width: 26px;
height: 26px;
}
}
/* Event Popup */
section.luggage.event-popup .luggage-container {
max-width: 752px;
width: 100%;
padding: 25px;
}
section.luggage.event-popup .evt-head.flt {
margin-top: 0;
padding-right: 50px;
}
section.luggage.event-popup .evt-head h5 b {
color: #000;
}
.full-screen span {
color: var(--color-button, var(--Black, #000));
font-family: Graphit;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-right: 17px;
}
section.luggage.event-popup .seat-accrd:last-child {
padding-bottom: 0;
}
section.luggage.event-popup .evt-head a {
padding: 0;
border: 0;
background: unset;
border-radius: 0;
cursor: pointer;
}
@media (max-width: 600px) {
section.luggage.event-popup .evt-head.flt {
padding-right: 0px;
}
section.luggage.event-popup .evt-head h5 svg {
width: 26px;
height: 26px;
}
section.luggage.event-popup .close-popup {
display: block;
text-align: end;
margin-bottom: 10px;
}
}
/* View Order popup */
.view-order {
background-color: #00000080;
top: 0;
z-index: 10000000;
left: 0;
width: 100%;
height: 100%;
position: fixed;
align-items: center;
align-content: center;
justify-content: center;
flex-direction: column;
display: flex;
}
.vo-container.container {
background: #fff;
max-width: 885px;
padding: 26px 41px 63px 41px;
overflow: auto;
max-height: 100%;
border-radius: 15px;
}
.vo-container.container .row {
align-items: center;
}
.vo-formfield label {
display: block;
color: var(--Black, #000);
font-family: Graphit;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: normal;
opacity: 0.95;
}
.vo-formfield input[type="text"] {
border-radius: 9px;
border: 2px solid #dedede;
padding: 19px 22px 20px 22px;
width: 100%;
}
.vo-formfield {
margin-bottom: 13px;
}
.view-order button.submit {
border-radius: 9px;
background: var(--Black, #000);
color: var(--White, #fff);
font-family: Graphit;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.6px;
width: 100%;
padding: 26px 0;
margin-top: 15px;
}
.close-popup {
margin-bottom: 11px;
}
.vo-logo {
text-align: center;
}
@media (max-width: 1440px) {
.view-order input[type="text"] {
padding: 15px 22px 15px 22px;
}
.view-order button.submit {
padding: 15px 0;
}
.vo-container.container {
max-width: 700px;
}
}
@media (max-width: 1024px) {
.view-order input[type="text"] {
padding: 12px 22px 12px 22px;
}
.view-order button.submit {
padding: 12px 0;
}
}
@media (max-width: 991px) {
.vo-container.container {
max-width: 375px;
}
}
@media (max-width: 600px) {
.vo-container.container {
padding: 25px;
}
}
/* Thank you popup */
.tycontent {
max-width: 608px;
margin: 0 auto;
text-align: center;
margin-top: 13px;
}
.tycontent h2 {
color: var(--color-button, var(--Black, #000));
text-align: center;
font-family: Graphit;
font-size: 44px;
font-style: normal;
font-weight: 700;
line-height: 56px;
/* 127.273% */
letter-spacing: -0.44px;
margin-bottom: 20px;
}
.tycontent .cont-btn button {
border-radius: 9px;
background: var(--Secondary, #ff2976);
max-width: 230px;
border: 0;
margin-top: 36px;
}
.typopup .logo-image {
position: relative;
}
.typopup .logo-image:before {
content: "";
background-image: url(../images/blueribbon.png);
position: absolute;
left: 50px;
bottom: 0;
width: 49px;
height: 90px;
background-size: contain;
background-repeat: no-repeat;
}
.typopup .cont-btn {
position: relative;
}
.typopup .cont-btn:before {
content: "";
background-image: url(../images/pinkribbon.png);
position: absolute;
right: 0px;
bottom: 30px;
width: 49px;
height: 90px;
background-size: contain;
background-repeat: no-repeat;
}
.mobimg {
display: none;
}
@media (max-width: 991px) {
.typopup .vo-container.container {
max-width: 700px;
}
}
@media (max-width: 600px) {
.desktopimg {
display: none;
}
.mobimg {
display: inline-block;
}
.tycontent h2 {
font-size: 32px;
line-height: 39px;
}
.tycontent p {
padding: 0 54px;
}
.typopup .cont-btn:before {
bottom: 140px;
width: 67px;
}
.typopup .logo-image:before {
left: 0px;
}
.typopup .vo-container.container {
max-width: 400px;
}
.typopup .mobimg {
max-width: 200px;
}
.tycontent h2 {
font-size: 25px;
line-height: 39px;
}
.tycontent .cont-btn button {
margin-top: 15px;
}
.typopup .cont-btn:before {
bottom: 110px;
width: 47px;
}
.typopup .logo-image:before {
width: 47px;
left: 10px;
}
}
/* Search Popup */
section.search-popup {
background-color: rgba(0, 0, 0, 0.5);
top: 0px;
z-index: 10000000;
left: 0px;
width: 100%;
height: 100%;
position: fixed;
align-items: center;
align-content: center;
justify-content: center;
flex-direction: column;
display: flex;
}
section.search-popup .srch-container {
max-width: 100%;
height: 100vh;
max-height: 100%;
background: rgb(245, 245, 245);
padding: 26px 25px 26px 25px;
border-radius: 15px;
}
section.search-popup .ticketing {
display: block !important;
padding: 0;
height: 100%;
}
section.search-popup span#basic-addon3 {
background: #fff !important;
}
section.search-popup .stick-bottom {
position: absolute;
bottom: 0;
width: 100%;
padding: 0;
left: 0;
}
@media (min-width: 577px) {
section.search-popup {
display: none;
}
}
/* Price Summary Popup */
section.price-summary {
background-color: #00000080;
top: 0;
z-index: 10000000;
left: 0;
width: 100%;
height: 100%;
position: fixed;
align-items: center;
align-content: center;
justify-content: center;
flex-direction: column;
display: none;
}
@media (max-width: 991px) {
section.price-summary.open {
display: flex;
}
}
section.price-summary .ps-container {
background: #fff;
max-width: 334px;
padding: 20px;
overflow: auto;
max-height: 100%;
border-radius: 15px;
}
section.price-summary .checkoutcard {
background: #fff;
border: 0;
}
section.price-summary .checkoutcard .priceinclude {
padding: 13px 0;
}
.clickable {
cursor: pointer;
}
.loader {
text-align: center;
}
.lds-spinner {
color: official;
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.lds-spinner div {
transform-origin: 40px 40px;
animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
content: " ";
display: block;
position: absolute;
top: 3px;
left: 37px;
width: 6px;
height: 18px;
border-radius: 20%;
background: #fff;
}
.lds-spinner div:nth-child(1) {
transform: rotate(0deg);
animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
transform: rotate(30deg);
animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
transform: rotate(60deg);
animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
transform: rotate(90deg);
animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
transform: rotate(120deg);
animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
transform: rotate(150deg);
animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
transform: rotate(180deg);
animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
transform: rotate(210deg);
animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
transform: rotate(240deg);
animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
transform: rotate(270deg);
animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
transform: rotate(300deg);
animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
transform: rotate(330deg);
animation-delay: 0s;
}
@keyframes lds-spinner {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/* Filter styles */
.filters mat-slider {
width: 95%;
}
.filters mat-slider .mdc-slider__track--active_fill {
border-color: #000;
border-top-width: 4px;
}
.filters mat-slider .mdc-slider__thumb-knob {
background-color: #ff2976;
border-color: #ff2976;
}
.filters mat-slider .mdc-slider__track--inactive {
border-color: #000;
background: #000;
height: 3px;
}
.filters .mat-mdc-slider .mdc-slider__thumb:hover .mdc-slider__thumb-knob {
background-color: #ff2976;
border-color: #ff2976;
}
.filters .mat-ripple.mat-mdc-focus-indicator {
display: none;
}
.filters .mat-mdc-slider .mdc-slider__thumb--focused .mdc-slider__thumb-knob {
background-color: #ff2976;
border-color: #ff2976;
}
@media screen and (max-width: 900px) and (min-width: 767px) {
.hero {
border-radius: 0px 0px 50px 50px;
}
}
/* Custom Css For RTL */
body[dir="rtl"] .input-group {
flex-direction: row-reverse;
}
body[dir="rtl"] span#basic-addon3 {
justify-content: center;
}
body[dir="rtl"] tic-offer-services .row {
flex-direction: row-reverse;
}
body[dir="rtl"] section.booking-sect .row:before {
left: -20px;
right: unset;
}
[dir="rtl"] .slick-slide {
float: left;
}
[dir="rtl"] .slick-slider .slick-track,
.slick-slider .slick-list {
direction: ltr;
}
[dir="rtl"] div#navbarsMobile {
left: 0;
right: unset;
}
body[dir="rtl"] .currency,
body[dir="rtl"] .language {
left: 0;
right: unset;
}
body[dir="rtl"] ul.navbar-nav {
padding-right: 0;
}
body[dir="rtl"] .col-item ul {
padding-right: 0;
}
body[dir="rtl"] .mdc-dialog__container .checkoutcardMob .summarycard .headingcard {
flex-direction: row-reverse;
}
body[dir="rtl"] .checkoutcard .summarycard .headingcard {
gap: 10px;
}
body[dir="rtl"] .event-details {
justify-content: right;
}
body[dir="rtl"] span.cst-chkbx-lable {
padding-right: 5px;
}
body[dir="rtl"] .chk-frm {
overflow: hidden;
}
body[dir="rtl"] .cst-radio span:before {
margin-right: 0;
margin-left: 17px;
}
body[dir="rtl"] .title-price {
flex-direction: row-reverse;
}
body[dir="rtl"] section.best-hotels p.description {
text-align: end;
}
body[dir="rtl"] .title-price .title {
text-align: end;
}
body[dir="rtl"] section.testimonials:before {
left: unset;
right: 0;
z-index: -1;
}
body[dir="rtl"] section.testimonials:after {
left: 0;
right: unset;
}
body[dir="rtl"] .explore-events select#inputState {
background-position-x: 5%;
padding: 11px 10px 11px 30px;
}
.explore-events select#inputState {
background-position-x: 95%;
padding: 11px 30px 11px 10px;
}
body[dir="rtl"] div#package {
padding: 0 10px;
}
body[dir="rtl"] .ticketing .row {
padding: 0;
margin: 0;
}
body[dir="rtl"] .sort-opt {
gap: 10px;
}
tic-search-form-panel .icon_inputs {
padding: 0 10px;
min-height: 58px;
}
body[dir="rtl"] tic-trip-checkout select {
background-position: calc(0% + 15px) center !important;
}
body[dir="rtl"] .seatcard>span,
body[dir="rtl"] .evt-popup .single-category>span:first-child {
left: 0;
right: unset !important;
}
body[dir="rtl"] .cdiscountType select {
background-position: calc(10%) center !important;
}
/* @media(max-width: 991px)
{
.navbar-nav{
display: none;
}
} */
/* @media(min-width: 577px)
{
body[dir="rtl"] .seatcard {
flex-direction: row-reverse;
}
} */
@media (max-width: 577px) {
body[dir="rtl"] .navbar-expand-lg .navbar-nav .nav-link {
padding-right: 0;
text-align: center;
}
}
/* Skeleton Implementation */
tic-filter-skeleton .rectangle-sect {
display: flex;
justify-content: space-between;
}
tic-filter-skeleton .rectangle-wide {
height: 16px;
background: #e0d9d9;
width: 213px;
border-radius: 8px;
max-width: 70%;
background: -webkit-gradient(linear,
left top,
right top,
color-stop(8%, rgba(130, 130, 130, 0.2)),
color-stop(18%, rgba(130, 130, 130, 0.3)),
color-stop(33%, rgba(130, 130, 130, 0.2)));
background: linear-gradient(to right,
rgba(130, 130, 130, 0.2) 8%,
rgba(130, 130, 130, 0.3) 18%,
rgba(130, 130, 130, 0.2) 33%);
background-size: 800px 100px;
animation: wave-squares 1s infinite ease-out;
}
tic-filter-skeleton .rectangle-compact {
width: 30px;
max-width: 30%;
background: #e0d9d9;
height: 16px;
background: -webkit-gradient(linear,
left top,
right top,
color-stop(8%, rgba(130, 130, 130, 0.2)),
color-stop(18%, rgba(130, 130, 130, 0.3)),
color-stop(33%, rgba(130, 130, 130, 0.2)));
background: linear-gradient(to right,
rgba(130, 130, 130, 0.2) 8%,
rgba(130, 130, 130, 0.3) 18%,
rgba(130, 130, 130, 0.2) 33%);
background-size: 800px 100px;
animation: wave-squares 1s infinite ease-out;
}
tic-filter-skeleton .rectangle_without_inner,
tic-filter-skeleton .rectangle_with_inner {
margin-bottom: 80px;
}
tic-filter-skeleton .rectangle_checkboxes {
margin-top: 30px;
}
tic-filter-skeleton .rectangle_checkbox {
display: flex;
gap: 10px;
margin-bottom: 10px;
align-items: center;
}
tic-filter-skeleton .rectangle-box {
width: 30px;
max-width: 30%;
background: #e0d9d9;
height: 16px;
background: -webkit-gradient(linear,
left top,
right top,
color-stop(8%, rgba(130, 130, 130, 0.2)),
color-stop(18%, rgba(130, 130, 130, 0.3)),
color-stop(33%, rgba(130, 130, 130, 0.2)));
background: linear-gradient(to right,
rgba(130, 130, 130, 0.2) 8%,
rgba(130, 130, 130, 0.3) 18%,
rgba(130, 130, 130, 0.2) 33%);
background-size: 800px 100px;
animation: wave-squares 1s infinite ease-out;
}
tic-filter-skeleton .rectangle-label {
max-width: 70%;
width: 117px;
height: 8.71px;
background: #e0d9d9;
border-radius: 8px;
background: -webkit-gradient(linear,
left top,
right top,
color-stop(8%, rgba(130, 130, 130, 0.2)),
color-stop(18%, rgba(130, 130, 130, 0.3)),
color-stop(33%, rgba(130, 130, 130, 0.2)));
background: linear-gradient(to right,
rgba(130, 130, 130, 0.2) 8%,
rgba(130, 130, 130, 0.3) 18%,
rgba(130, 130, 130, 0.2) 33%);
background-size: 800px 100px;
animation: wave-squares 1s infinite ease-out;
}
.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,
.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background,
.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control[data-indeterminate="true"]:enabled~.mdc-checkbox__background {
border-color: #ff2976 !important;
background: #ff2976 !important;
}
.mat-mdc-checkbox .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate="true"])~.mdc-checkbox__background {
border-color: #ff2976 !important;
}
.mdc-form-field>label {
margin-bottom: 0 !important;
}
@keyframes wave-squares {
0% {
background-position: -468px 0;
}
100% {
background-position: 468px 0;
}
}
tic-hotel-detail .luggage-container {
max-width: 90% !important;
}
tic-hotel-detail section.luggage.flight-popup .close-popup {
display: flex;
}
tic-hotel-detail tic-room-detail .container {
max-width: 90%;
}
.iticks-pop-button {
box-shadow: none !important;
z-index: 1000 !important;
}
.iticks-notif-msg {
display: none !important;
}
@media (max-width: 991px) {
.iticks-pop-button {
bottom: 90px !important;
}
}
/* Dashboard CSS */
.date-selector .mdc-text-field--filled:not(.mdc-text-field--disabled) {
background: #d9d9d9;
padding: 0 10px;
border-radius: var(--mdc-shape-small, 4px);
}
.date-selector .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
border-bottom: 0;
}
.date-selector .mat-mdc-select-value-text {
font-size: 12px;
font-family: Graphit;
font-weight: 400;
color: #000;
}
.date-selector .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
padding-top: 5px;
padding-bottom: 5px;
min-height: unset;
width: 120px;
}
.cdk-overlay-pane .mdc-menu-surface.mat-mdc-select-panel {
background-color: #d9d9d9;
color: var(--mdc-theme-on-surface, #000);
max-height: unset;
box-shadow: unset;
}
.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text {
font-size: 12px;
font-family: Graphit;
font-weight: 400;
color: #000;
}
.cdk-overlay-pane .mat-primary .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
color: #ff2976 !important;
}
.cdk-overlay-pane .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
color: #ff2976 !important;
}
.cdk-overlay-pane .mat-mdc-option {
min-height: 40px;
}
.date-calendar .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
width: 150px;
}
.date-calendar .mat-date-range-input-inner {
font-size: 12px;
font-family: Graphit;
font-weight: 400;
color: #000;
}
.date-calendar .mat-mdc-icon-button.mat-mdc-button-base {
height: 34px;
padding: 5px;
}
.date-calendar .mat-mdc-icon-button svg,
.date-selector .mat-mdc-icon-button svg {
color: #000 !important;
}
span.mat-calendar-body-cell-content.mat-focus-indicator.mat-calendar-body-today {
background-color: rgb(255 41 118 / 30%) !important;
}
@media (hover: hover) {
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
background-color: rgb(255 41 118 / 30%) !important;
}
}
highcharts-chart {
width: 100%;
height: 100%;
display: block;
}
tic-price-selector mat-form-field {
max-width: 62px;
}
tic-price-selector .price-range-input .mat-mdc-form-field:first-child .mdc-text-field--filled {
border-radius: 4px 0px 0px 4px !important;
}
tic-price-selector .price-range-input .mat-mdc-form-field:nth-child(2) .mdc-text-field--filled {
border-radius: 0px 4px 4px 0px !important;
}
tic-price-selector .date-selector input {
font-size: 12px !important;
font-family: Graphit !important;
font-weight: 400 !important;
color: #000 !important;
}
tic-button button {
color: #fff;
padding: 10px 15px !important;
border-radius: 5px !important;
}
.blue button {
background: #050450 !important;
}
.yellow button {
background: #f4d008 !important;
}
.pink button {
background: #ff2976 !important;
}
.black button {
background: #000 !important;
}
.skyblue button {
background: #1276e7 !important;
}
.fr-second-toolbar,
.fr-wrapper,
.fr-toolbar.fr-desktop.fr-top.fr-basic.fr-sticky-off {
border-color: #000 !important;
}
.table-responsive svg.mdc-checkbox__checkmark {
color: #fff !important;
}
.date-selector .mat-mdc-form-field-infix {
height: 40px;
}
.date-calendar .mat-mdc-icon-button svg,
.date-selector .mat-mdc-icon-button svg {
height: 20px;
}
tic-price-selector .price-range-input button.btnBack {
border: 0;
display: inline-block;
background: #d9d9d9;
padding: 0 10px;
border-radius: 0 4px 4px 0;
}
tic-price-selector .price-range-input {
display: flex;
}
tic-price-selector .price-range-input .mat-mdc-form-field:nth-child(2) .mdc-text-field--filled {
border-radius: 0px !important;
}
tic-price-selector .price-range-input mat-icon {
height: 100%;
display: flex;
align-items: center;
}
tic-price-selector .price-range-input input {
height: 100%;
}
@media (max-width: 576px) {
.date-selector>span {
font-size: 12px;
}
}
.angular-editor .angular-editor-textarea {
text-align: start !important;
outline: 0;
}
.angular-editor .angular-editor-toolbar {
text-align: start !important;
}
.cdk-overlay-pane {
min-width: 125px;
}
.summary_class section.luggage.flight-popup .evt-head.flt {
position: sticky;
top: 0;
z-index: 99999;
background: #fff;
}
.summary_class .luggage-container>.flight,
.summary_class .luggage-container>.event {
max-height: 750px;
overflow-y: scroll;
}
.summary_class .luggage-container {
overflow: auto;
}
@media (max-width: 576px) {
.evt-popup .evt-container {
padding: 33px 15px;
}
}
@media (max-width: 815px) {
.hotel-listing .content-head .room-opt {
margin-top: 10px;
}
.hotel-listing .content-head button {
width: 100%;
text-align: end;
}
}
@media (max-width: 767px) {
.evt-popup .evt-header {
flex-wrap: wrap;
justify-content: space-evenly;
gap: 13px;
}
}
/* Dashboard RTL LTR and other styles */
tic-admin-dashboard .evt-popup .evt-container {
max-width: 580px;
}
tic-admin-dashboard tic-email-notification .evt-popup .evt-container {
max-width: 680px;
}
body[dir="rtl"] .saveView {
text-align: left !important;
}
body[dir="rtl"] .user-profile {
margin-left: 0;
margin-right: auto;
}
body[dir="rtl"] .user-profile button {
margin-right: 0;
margin-left: 15px;
}
body[dir="rtl"] .hambugger-menu {
margin-left: 30px;
margin-right: 0;
}
body[dir="rtl"] .search-option .input-group {
flex-direction: unset;
}
body[dir="rtl"] .main-panel {
padding-right: 170px;
margin-left: 0;
padding-left: 50px;
}
body[dir="rtl"] .main-panel.active {
padding-right: 285px;
margin-left: 0;
padding-left: 50px;
}
body[dir="rtl"] nav#sidebar span.menu-title {
margin-right: 0.5rem;
margin-left: 0;
}
body[dir="rtl"] .card-body {
padding-right: 0;
}
.cdk-overlay-pane .allPackage {
background: #fff !important;
}
.modifySearch {
max-width: 465px;
}
.noRecordFound {
font-weight: 700;
}
@media (max-width: 767px) {
body[dir="rtl"] .main-panel.active {
margin-left: unset;
margin-right: 0;
padding-right: 15px;
padding-left: 15px;
}
body[dir="rtl"] .main-panel {
width: 100%;
padding: 100px 15px;
margin-right: 0;
}
body[dir="rtl"] .user-profile {
margin-right: unset;
}
body[dir="rtl"] #sidebar.active {
left: 0;
right: unset;
}
body[dir="rtl"] #sidebar {
left: -235px;
}
}
/* Coupon form styles */
.date-picker-coupon .mat-mdc-form-field {
width: 100%;
}
.date-picker-coupon .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
padding-top: 0px;
padding-bottom: 0px;
display: flex;
align-items: center;
}
.date-picker-coupon .mdc-text-field--filled:not(.mdc-text-field--disabled) {
background-color: #fff;
border-radius: 9px;
border: 2px solid #dedede;
}
.date-picker-coupon .mat-datepicker-toggle-active {
color: rgb(255 41 118 / 100%) !important;
}
.date-picker-coupon .mat-date-range-input-wrapper input {
background: unset;
border: 0;
padding: unset;
}
.date-picker-coupon .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
border-bottom: 0;
}
tic-footer.background footer {
background-color: #eee;
}
.summary_class .flight-popup .luggage-container {
width: 100%;
}
.saveView .mat-mdc-text-field-wrapper {
background: unset !important;
border: 1px solid;
border-radius: 8px;
}
.saveView .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
padding-top: 10px !important;
padding-bottom: 10px !important;
min-height: auto !important;
}
.saveView mat-form-field {
margin-right: 10px;
margin-left: 9px;
}
.saveView .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
border-bottom-color: unset !important;
border-bottom: 0;
}
tic-save-view .evt-container {
max-width: 350px !important;
}
tic-save-view button {
margin-top: 15px;
}
.nationalityPanel,
.no-close-menu {
background: #fff !important;
}
.map-address {
cursor: pointer !important;
}
.mat-mdc-menu-content {
padding: 0;
}
.price_tag {
direction: ltr;
}
.hotel-gallery img {
cursor: pointer;
}
.gallery img {
cursor: pointer;
}
body[dir="rtl"] .selectseat .evet-opt {
left: 0;
}
body[dir="rtl"] .selectseat .evet-opt {
left: 0;
}
body[dir="rtl"] .hotel-opt {
left: 25px;
}
body[dir="rtl"] .flight-opt {
left: 25px;
}
body[dir="rtl"] .form .icon_inputs input {
direction: ltr;
}
body[dir="rtl"] .infomation_icon {
transform: rotate(180deg);
}
.iti--allow-dropdown input,
.iti--allow-dropdown input[type="text"],
.iti--allow-dropdown input[type="tel"],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type="text"],
.iti--separate-dial-code input[type="tel"] {
padding-left: 115px !important;
}
body[dir="rtl"] .flight_icon {
transform: rotate(180deg);
}
.matCheck mat-pseudo-checkbox {
display: none;
}
.matCheck mat-icon {
order: 2;
color: #ff2976 !important;
}
body[dir="rtl"] .matCheck span.mdc-list-item__primary-text {
order: 2;
}
body[dir="rtl"] .dob mat-datepicker-toggle {
left: 30px;
right: unset;
}
body[dir="rtl"] .item.price p.main-val {
text-align: left;
}
body[dir="rtl"] .nationalityPanel {
direction: rtl;
}
body[dir="rtl"] .dayDiff {
direction: ltr;
}
body[dir="rtl"] mat-calendar .mat-calendar-previous-button::after {
transform: translateX(2px) rotate(135deg);
}
body[dir="rtl"] mat-calendar .mat-calendar-next-button::after {
transform: translateX(2px) rotate(230deg);
}
body[dir="rtl"] .hotel .image-container img {
border-radius: 0px 18px 18px 0px;
}
body[dir="rtl"] .hotel_skeleton .logovslogo.skeleton_col_1 {
border-radius: 0px 20px 20px 0px !important;
}
body[dir="rtl"] .seatcard .logovslogo {
margin-right: 0;
margin-left: 25px;
}
body[dir="rtl"] .example-label-container {
direction: ltr;
}
body[dir="rtl"] mat-slider {
direction: ltr;
}
body[dir="rtl"] .cCurrency select {
background-position: calc(10%) center !important;
}
body[dir="rtl"] .remove-event-wrapper .confirm-inline {
right: unset !important;
left: 0;
}
body[dir="rtl"] .seatser.selected {
float: left;
}
body[dir="rtl"] .sort-dropdown.mobile .options-list {
right: unset !important;
left: 0 !important;
}
body[dir="rtl"] .sort-body1::after {
right: unset !important;
}
body[dir="rtl"] .card-body .mdc-data-table__cell:not(.mat-column-status),
body[dir="rtl"] .card-body .mdc-data-table__header-cell:not(.mat-column-status) {
text-align: right !important;
}
body[dir="rtl"] .full-screen span {
margin-right: 0;
margin-left: 17px;
}
body[dir="rtl"] .chartOptions .mat-mdc-option {
flex-direction: row-reverse;
}
body[dir="rtl"] .date-selector-select .mat-mdc-option {
flex-direction: row-reverse;
}
body[dir="rtl"] .price-selector-select .mat-mdc-option {
flex-direction: row-reverse;
}
body[dir="rtl"] .filters-dropdown .mat-mdc-option {
flex-direction: row-reverse;
}
body[dir="rtl"] .dashboard-buttons button:first-child {
margin-right: 0;
margin-left: 20px;
}
body[dir="rtl"] li.open-panel {
right: unset !important;
left: -50% !important;
transform: rotate(180deg);
}
body[dir="rtl"] .vo-formfield label {
direction: rtl;
}
body[dir="rtl"] .type_badge span {
right: 2px;
left: unset !important;
}
@media (max-width: 600px) {
body[dir="rtl"] .hotel-opt {
left: 10px;
}
span.mat-mdc-tooltip-trigger {
margin-right: 1px !important;
}
body[dir="rtl"] .seatcard .logovslogo .vs {
border-bottom: 0;
border-left: 1px solid #c1bfbf;
border-right: 0;
padding-right: 0;
padding-left: 13px;
}
body[dir="rtl"] .card-cont {
padding-right: 13px;
padding-left: 0;
}
.saveView button {
margin-right: 16px !important;
margin-top: 5px !important;
}
.saveView:dir(rtl) button {
margin-left: 15px;
}
}
body .agent-img {
width: 100% !important;
height: 100% !important;
}
.selection-dropdown-panel mat-pseudo-checkbox {
display: none;
}
.selection-dropdown-panel .mat-mdc-option:hover {
background-color: unset !important;
}
.no-scroll {
overflow: hidden !important;
}
@media (min-width: 992px) {
tic-filters-panel,
tic-summary-card {
position: sticky;
top: 160px;
}
}
.cdk-overlay-container:has(.chartOptions),
.cdk-overlay-container:has(.date-selector-select),
.cdk-overlay-container:has(.filters-dropdown),
.cdk-overlay-container:has(.price-selector-select) {
z-index: 98 !important;
}
.custom-overlay,
.origin-overlay,
.destination-overlay,
.person-overlay {
z-index: 10003 !important;
}
body .uwy {
z-index: 1002 !important;
}
body .uwy.userway_p5 .userway_buttons_wrapper {
bottom: 50px !important;
}
@media (max-width: 991px) {
body .uwy.userway_p5 .userway_buttons_wrapper {
bottom: 90px !important;
}
}
@media(max-width: 800px) {
.date-overlay {
z-index: 100003 !important;
}
}
@media(min-width: 600px) {
.hotel .image-container img {
height: 350px;
}
}
.mdc-dialog__surface,
.mat-mdc-dialog-surface {
border-radius: 15px !important;
}
body[dir="rtl"] .providers-container th,
body[dir="rtl"] .providers-container td {
text-align: right !important;
}
body[dir="rtl"] .providers-container .header-section .btn-back i {
transform: rotate(180deg);
}
body[dir="rtl"] .inventory-container .custom-table th {
text-align: right !important;
}
body[dir="rtl"] .inventory-container .custom-table td {
text-align: right !important;
}
body[dir="rtl"] .consumers-container .custom-table th {
text-align: right !important;
}
body[dir="rtl"] .consumers-container .custom-table td {
text-align: right !important;
}
body[dir="rtl"] .api-keys-container .api-keys-table thead th {
text-align: right !important;
}
body[dir="rtl"] .api-keys-container .api-keys-table td {
text-align: right !important;
}
body[dir="rtl"] .language-swithcer {
padding-right: 0px !important;
padding-left: 16px !important;
}
.mat-mdc-select-panel.no-transform,
.no-transform {
transform: none !important;
transition: none !important;
animation: none !important;
}
body[dir="rtl"] .language-swithcer {
padding-right: 0px !important;
padding-left: 16px !important;
}
.mat-mdc-select-panel.no-transform,
.no-transform {
transform: none !important;
transition: none !important;
animation: none !important;
}
[dir="rtl"] .signup-form .iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
left: auto;
}
[dir="rtl"] .signup-form input:not([type="email"]):not([type="tel"]) {
padding-left: 6px;
padding-right: 60px;
}
[dir="rtl"] .signup-form .iti__selected-flag {
gap: 10px
}
[dir="rtl"] .signup-form .iti__country {
text-align: right;
}
[dir="rtl"] .signup-form .iti__flag-box {
margin-right: 0px;
margin-left: 6px;
}