@import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

:root {
	--white: #fff;
	--light-gray: #e5e5e5;
	--gray: #5F5F5F;
	--gray-dark: #4F4C58;
	--primary: #3276fd;
	--secondary: #969696;
	--success: #00A827;
	--info: #36b9cc;
	--warning: #f6c23e;
	--danger: #EA0000;
	--light: #f8f9fc;
	--dark: #1D1D1D;
	--form-border-color: #FFE3C9; 
	--bg-light: #F6F9FF;
	--bg-color:#FFFBF8;
	--table-border: #F5F5F5;
	--light-primary: #FFD5B8;
	--border-color: #ECECEC;
	--purple: #9B2B8B;
	--darkblue: #2B449B;
}
* {
  padding: 0;
  margin: 0;
  box-shadow: none;
}
*,
::after,
::before {
	box-sizing: border-box
}
html {
	font-family: "K2D", sans-serif !important;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent
}
body {
  position: relative;
  min-height: 100%;
  font-family: "K2D", sans-serif !important;
  color: var(--gray-dark);
}

h1, h2, h3, h4, h5, h6, p {
  color: var(--dark);
}
h5 {
  line-height: 1.5 !important;
}

a {
  text-decoration: none !important;
}
p {
  font-size: 1.125rem;
  color: var(--gray);
  font-weight: 300;
}
p strong {color: #000 !important; font-weight: 600;}

.fw-100 {font-weight: 100;}
.fw-200 {font-weight: 200;}
.fw-300 {font-weight: 300;}
.fw-400 {font-weight: 400;}
.fw-500 {font-weight: 500;}
.fw-600 {font-weight: 600;}

.gray {
  color: var(--gray);
}
.white {color: var(--white) !important;}
.primary {
  color: var(--primary) !important;
}
.bg-primary {
  background: var(--primary);
}
input.form-control {
  border: 1px solid #3B3A42;
  background: var(--white);
  height: 50px;
  border-radius: 15px;
}
.form-control:focus {
  background: none;
  color: var(--gray-dark);
  box-shadow: none;
}
.btn-primary {
  color: var(--white) !important;
  background: var(--primary);
  background: linear-gradient(130deg, var(--primary) 0%, rgba(40,91,192,1) 100%);
  padding: .5rem 1rem !important;
  transition: 0.3s;
}
.btn-primary:hover {
  color: var(--white) !important;
  transition: 0.3s;
  background: var(--primary);
  background: linear-gradient(130deg, var(--primary) 0%, rgba(40,91,192,1) 100%);
}
.btn-primary i {transform: rotate(-45deg); transition: 0.5s; margin-left: 5px;}
.btn-primary:hover i {transform: rotate(0deg); transition: 0.5s; margin-left: 5px;}


.btn-check:focus+.btn-primary, .btn-primary:focus {
  box-shadow: none !important;
}
.form-control:focus {
  border-color: var(--primary) !important;
}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
  color: var(--primary) !important;
  border-bottom: 2px solid var(--primary) !important;
}
.navbar-light .navbar-nav .nav-link {
  color: var(--dark) !important;
}
.index-99 {
  z-index: 99;
}
nav.navbar {
  transition: 0.3s;
}
nav.navbar.navbar-fixed-top {
  position: fixed !important;
  left: 0 !important;
  top: 0;
  width: 100%;
  z-index: 9999;
  background-color: #e7efff;
}
section.top-bar.features-top-bar nav.navbar.navbar-fixed-top {background: var(--white);}
.costum-navbar {
  background-color: var(--white) !important;
  z-index: 9999;
  width: 100%;
  transition: 0.3s;
  box-shadow: rgba(27, 31, 35, 0.04) 0px 1px 0px, rgba(255, 255, 255, 0.25) 0px 1px 0px inset;
}

.costum-navbar  img.main-logo {
  width: 185px;
}

img.main-logo {
  width: 250px;
}
ul.navbar-nav li.nav-item a.nav-link {
  min-width: 130px;
  text-align: center;
  padding: 6px 0;
  font-size: 1.2rem;
  color: var(--gray) !important;
}
ul.navbar-nav li.nav-item a.btn-primary {
  margin-left: 20px;
}

/* a.btn.btn-primary.hover-txt-btn {
  position: relative;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 150px;
}
a.btn.btn-primary.hover-txt-btn:hover span {
    position: absolute;
    top: -30px;
} */
.app-download img {
  width: 170px;
}
img.main-banner {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100vw;
  max-width: 1080px;
  object-fit: contain;
  height: auto;
  top: 0;
  z-index: 99;
}
.top-bar {
  min-height: 100%;
  height: 100vh;
  max-height: 800px;
  background: rgb(229,238,255);
  background: linear-gradient(180deg, rgba(229,238,255,1) 0%, rgba(246,249,255,1) 100%);
  position: relative;
  overflow: hidden;
  padding-top: 70px;
}
.top-bar::before {
  content: '';
  position: absolute;
  width: 300px;
  height: 300px;
  background: url(../img/banner-logo.png);
  background-repeat: no-repeat;
  left: -90px;
  bottom: -90px;
  background-size: contain;
  z-index: 9;
}
.banner-left {
  z-index: 99;
  position: relative;
}
.ticket-card {
  text-align: center;
  min-height: 330px;
  height: 100%;
  width: 100%;
  padding: 30px;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  border: 0;
  display: flex;
  position: relative;
  background-image: url(../img/ticket-bg.png);
  background-position: center;
  background: var(--white);
  box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
}
.ticket-card::before {
  content: '';
  position: absolute;
  left: 0;
  top: -14px;
  background-image: url(../img/tickettop.png);
  z-index: 999;
  background-position: top;
  display: block;
  width: 100%;
  height: 20px;
  background-repeat: round;
}
.ticket-card::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -14px;
  background-image: url(../img/ticketbottom.png);
  z-index: 999;
  background-position: top;
  display: block;
  width: 100%;
  height: 20px;
  background-repeat: round;
}
.ticket-card .content {z-index: 9;}

section.experience-sec .card {
  background: var(--bg-light);
  border: 0;
  border-radius: 20px;
  height: 100%;
  overflow: hidden;
}
section.experience-sec .card-body {padding: 0 !important;}
section.experience-sec .card-1 .card-body {
  padding: 40px 40px 0 40px !important;
}
section.experience-sec .card-2 .card-body {
  padding: 40px 0 0 40px !important;
}
section.experience-sec .card-3 .card-body {
  padding:0 0 0 40px !important;
  max-height: 300px;
  overflow: hidden;
}
.primary-card {
  background: rgb(50,118,253) !important;
  background: linear-gradient(150deg, rgba(50,118,253,1) 0%, rgba(40,91,192,1) 100%) !important;
  padding: 40px;
  position: relative;
}
.btn-white {
  color: var(--primary) !important;
  background: var(--white) !important;
  border: var(--white) !important;
}
.btn-white:hover {color: var(--primary) !important;}
.primary-card a.more-btn {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  font-size: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  z-index: 99;
  position: relative;
}
.primary-card::before {
  content: '';
  position: absolute;
  background-image: url(../img/primary-logo-bg.png);
  z-index: 999;
  left: -30px;
  bottom: -100px;
  background-repeat: no-repeat;
  display: inline-block;
  background-position: center;
  background-size: contain;
  width: 300px;
  height: 100%;
  z-index: 9;
}
section.top-bar h1 {
  font-size: 3.438rem;
  margin-bottom: 30px;
  width: 90%;
}
section.top-bar p {
  font-size: 1.5rem;
  font-weight: 200;
}
section.top-bar span {
  font-size: 1.063rem;
}
.join-us-sec img {
  width: 100%;
  max-width: 600px;
}
.join-us-sec  {
  position: relative;
}
.join-us-sec:before {
  content: '';
  position: absolute;
  background: var(--bg-light);
  width: 100%;
  height: 300px;
  bottom: 0;
  z-index: -9;
  border-radius: 20px;
}
.join-us-rt {
  height: 100%;
  justify-content: space-between;
  padding: 60px 0 50px;
}
.join-us-sec p {
  font-size: 1.25rem;
  width: 80%;
}
.join-us-time {
  padding: 10px;
  background: var(--white);
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  display: inline-block;
  border-radius: 10px;
}
.join-us-time h3 {
  color: var(--primary) !important;
  margin-bottom: 0;
  font-size: 2.5rem;
}
.join-us-time h3 span {
  font-size: 1rem;
}
.join-us-time small {
  color: var(--gray);
}
.join-us-time.time-dtls-1 {
  position: absolute;
  right: 30%;
  top: 30%;
}
.join-us-time.time-dtls-2 {
  position: absolute;
  left: 10%;
  top: 50%;
  transform: translateY(-50%);
}
.join-us-time.time-dtls-3 {
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%);
}
.join-us-time.time-dtls-4 {
  position: absolute;
  right: 10%;
  bottom: 15%;
}
.join-us-time.primary {
  background: var(--primary);
}
.join-us-time.primary h1, .join-us-time.primary h3, .join-us-time.primary small {
  color: var(--white) !important;
}
.join-us-time h1 {
  color: var(--primary);
}
.join-us-time h1 span {
  font-size: 1rem;
}
section.explore-sec {
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  background: rgb(50,118,253) !important;
  background: linear-gradient(150deg, rgba(50,118,253,1) 0%, rgba(40,91,192,1) 100%) !important;
}
section.explore-sec::before {
  content: '';
  position: absolute;
  width: 300px;
  height: 300px;
  background: url(../img/explore-sec-bg-1.png);
  background-repeat: no-repeat;
  left: -90px;
  top: -90px;
  background-size: cover;
  z-index: 9;
}
section.explore-sec::after {
  content: '';
  position: absolute;
  width: 300px;
  height: 300px;
  background: url(../img/explore-sec-bg-2.png);
  background-repeat: no-repeat;
  right: -90px;
  bottom: -90px;
  background-size: cover;
  z-index: 9;
}
.download-app-sec {
  background: var(--bg-light);
  padding: 40px 40px 0  40px;
  border-radius: 20px;
  margin-bottom: -100px;
  position: relative;
  overflow: hidden;
}
.download-app-sec::before {
  content: '';
  background-image: url(../img/app-bg-logo.png);
  position: absolute;
  width: 500px;
  height: 100%;
  left: -100px;
  bottom: 0;
  display: block;
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
  z-index: 9;
}
.mob-app-btns img {
  width: 200px;
}
img.mobile-app {
  width: 100%;
  max-width: 900px;
  margin-top: 50px;
  position: relative;
  z-index: 99;
}
section.footer {
  background: var(--dark);
  padding-top: 150px;
  padding-bottom: 50px;
  color: var(--white);
}
img.logo-white {
  width: 200px;
  padding-left: 10px;
}
ul.footer-menu {
  display: flex;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
ul.footer-menu li{
  padding: 0 10px;
  margin: 5px 0;
}
ul.footer-menu li a{color: var(--white);}
.app-text {
 position: relative;
 width: 60%;
 margin: 0 auto;
}
.app-text::before {
  content: '';
  background-image: url(../img/app-left-arrow.png);
  position: absolute;
  width: 200px;
  height: 100px;
  left: -15%;
  bottom: -150%;
  display: block;
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
}
.app-text::after {
  content: '';
  background-image: url(../img/app-right-arrow.png);
  position: absolute;
  width: 200px;
  height: 100px;
  right: -15%;
  top: -50%;
  display: block;
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
}
.mob-app-btns {
  z-index: 99;
  position: relative;
}
section.top-bar.features-top-bar {
  height: 100%;
  padding-bottom: 50px;
  background: var(--white);
  max-height: 100%;
}
.feature-img-sec {
  background: var(--bg-light);
  padding: 30px 30px 0 30px;
  border-radius: 20px;
}
section.top-bar.features-top-bar::before{display: none;}
.join-us-sec:before {height: 300px;}
.faq-sec .accordion-button, .accordion-body {padding: 1rem 2rem !important;}
.faq-sec .accordion-button::after {display: none;}
.faq-sec a.accordion-button i {
  font-size: 1.25rem; 
  transition: 0.3s;
  color: var(--primary);
}
.faq-sec a.accordion-button.collapsed i {
  transform: rotate(180deg); 
  transition: 0.3s;
}
.faq-sec .accordion-item {
  border: 0 !important;
  margin-bottom: 10px;
}
.faq-sec .accordion-button:not(.collapsed){
  box-shadow: none !important;
  background: var(--bg-light) !important;
  border-radius: 15px 15px 0 0;
}
.faq-sec .accordion-body {
  background: var(--bg-light);
  border-radius: 0 0 15px 15px;
  padding-top: 0 !important;
}
.faq-sec .accordion-button:focus{
  border-color: var(--white) !important;
  box-shadow: none !important;
}
h5.primary {
  font-weight: 200;
}
.faq-sec h4 {
  font-size: 1.125rem;
}
section.top-bar.features-top-bar {
  min-height: 650px;
}
section.top-bar.features-top-bar {min-height: 100%;}
section.explore-sec.why-choose {
  align-items: flex-start;
}
section.why-choose-sec-2 {
  margin-top: -80px;
  position: relative;
  z-index: 9;
}
section.why-choose-sec-2 .card {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  border-radius: 20px;
  text-align: center;
  height: 100%;
  border: 1px solid #f4f4f4;
}
section.why-choose-sec-2 .card-body {
  padding: 30px;
}
.mission-img img {
  border-radius: 20px;
}
section.why-choose-sec-2 img {
  width: 60px;
  margin-bottom: 20px;
}
img.main-banner.about-banner {
  position: absolute;
  left: 30px;
  bottom: 0;
  width: 100vw;
  max-width: 930px;
  object-fit: contain;
  height: auto;
  top: -100px;
}
.users {position: relative;}
.users::before {
  content: '';
  position: absolute;
  width: 100px;
  height: 100px;
  background: var(--bg-light);
  border-radius: 50px;
  left: -40px;
  top: -20px;
  z-index: 9;
}

.contact-us-sec .card {
  border-radius: 20px;
  overflow: hidden;
  border: 0;
  box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
}
.contact-us-sec h1{
  font-size: 4rem;
}
.contact-img {
  position: relative;
  margin-right: -1px;
  height: 100%;
}
.contact-img::after {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}
.contact-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.contact-form form input {
  border: 1px solid #DBDBDB;
  border-radius: 10px;
  min-height: 75px !important;
}
.contact-form form label {
  width: 100%;
  display: flex;
  align-items: center;
  color: var(--secondary);
  font-weight: 200;
  font-size: 1.1rem;
}
.text-area-sec label {
  align-items: baseline !important;
}
.text-area-sec textarea.form-control {
  min-height: 120px;
  border-radius: 10px;
}
.contact-form form {
  max-width: 450px;
}
.contact-form p{
  max-width: 80%;
}
.contact-cards {
  text-align: center;
  background: var(--white);
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
  position: absolute;
  left: -50%;
  top: 7%;
  z-index: 99;
  transform: translateX(40%);
  width: 100%;
  height: 100%;
  max-width: 310px;
  max-height: 210px;
}
.contact-cards.phone-card {
  bottom: 7%;
  top: auto;
  left: -40%;
}
.contact-cards span {
  font-size: 2.5rem;
  color: var(--primary);
}
.contact-cards h4{
  font-size: 1.25rem;
}
.contact-cards p{
  font-size: 0.875rem;
}
p.cntct-hd-p {
  width: 70%;
  margin: 0 auto;
}
.banner-image-responsive{
  position: relative;
  z-index: 99;
}
section.features-sec-3 p {font-size: 22px;}

/* responsive-sec */

@media (min-width: 1600px) {
 .container {max-width: 1600px !important;}
}

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1599.98px) { 
  section.top-bar h1 {font-size: 2.813rem; margin-bottom: 20px;}
}
/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) { 
  .app-text::before {width: 150px; left: -18%; bottom: -45%;}
  .app-text::after {width: 150px; right: -15%; top: -55%;}
 }

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { 
  img.main-logo {width: 200px;}
  ul.navbar-nav li.nav-item a.nav-link{min-width: 100px; font-size: 1rem;}
  section.top-bar h1 {font-size: 2.5rem; width: 100%;}
  .join-us-sec p {width: 100%; padding-top: 30px;}
  .join-us-rt{ padding: 0 0 20px 0;}
  .join-us-sec:before {height: 250px;}
  .join-us-time.time-dtls-1 {right: 0%; top: 20%;}
  .join-us-time.time-dtls-2 {left: 5%; top: 40%; transform: translateY(-40%);}
  .app-text::before {width: 150px; left: -20%; bottom: -30%;}
  .app-text::after {width: 150px; right: -25%; top: -40%;}
  section.top-bar.features-top-bar h1 {font-size: 2.125rem;}
  section.top-bar.features-top-bar p {font-size: 1.25rem;}
  section.top-bar.features-top-bar {padding-bottom: 0;}
  img.main-banner.about-banner {max-width: 680px;}
  section.features-sec-list.mission-sec h1 {font-size: 2rem;}
  section.features-sec-list.mission-sec h1 {font-size: 1.9rem;}
  .contact-form form {max-width: 400px;}
  .contact-us-sec h1 {font-size: 3.25rem;}
  .top-bar{height: 100%; max-height: 100%;}
  img.main-banner { width: calc(100vw - 70px);}
 }

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { 
  .join-us-sec:before {height: 250px;}
  .join-us-time.time-dtls-1 {right: 15%; top: 30%;}
  .join-us-time.time-dtls-2 {left: 10%; top: 50%; transform: translateY(-50%);}
  .join-us-sec p {padding-top: 0;}
  section.explore-sec::before, section.explore-sec::after {width: 200px; height: 200px;}
  .app-text {width: 100%;}
  .app-text::before {display: none;}
  .app-text::after {display: none;}
  .download-app-sec::before {width: 350px;}
  section.top-bar.features-top-bar{padding-bottom: 0;}
  img.main-banner.about-banner {display: none;}
  section.user-sec .border-end {border: 0 !important;}
  .contact-form form {max-width: 100%;}
  .contact-form p{max-width: 100%;}
  p.cntct-hd-p {width: 100%;}
  .contact-us-sec h1 {font-size: 2.5rem;}
  .contact-cards { top: auto; bottom: 7%; left: 5%; transform: translateX(0);}
  .contact-cards.phone-card { left: auto; transform: translateX(0); right: 5%;}
  img.mobile-app {margin-top: 20px;}
  ul.navbar-nav {padding-bottom: 15px;}
  ul.navbar-nav li.nav-item a.btn-primary {margin-left: 0; margin-top: 10px;}
  section.top-bar h1 {margin-bottom: 0;}
  section.top-bar p {font-size: 1.25rem;}
  section.features-sec-3 p {font-size: 1.125rem;}
 }

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 
  p {font-size: 1rem;}
  .join-us-time.time-dtls-1 {right: 3%; top: 27%;}
  .join-us-sec p {font-size: 1rem;}
  section.explore-sec{height: 250px;}
  section.footer {padding-top: 120px; padding-bottom: 20px;}
  .download-app-sec::before {width: 270px;}
  .download-app-sec {padding: 20px 20px 0 20px;}
  .contact-us-sec h1 {font-size: 2rem;}
  .contact-cards { position: relative; left: auto; right: auto; bottom: auto; top: 0; transform: translateX(0); margin: 0 10px 15px; max-width: 100%; width: auto; }
  .contact-cards.phone-card {right: auto;}
 
 }

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
  section.top-bar span {font-size: 0.875rem;}
  section.top-bar h1 {font-size: 1.875rem;}
  section.top-bar p {font-size: 0.938rem;}
  .app-download img {width: 130px;}
  .join-us-sec p {font-size: 1rem; width: 100%;}
  .join-us-rt {padding: 0;}
  .join-us-time h3{font-size: 1.25rem;}
  .join-us-time small{font-size: 0.625rem;}
  .join-us-time.time-dtls-1 {right: 11%; top: 27%;}
  .join-us-time.time-dtls-2{left: 5%;}
  .download-app-sec::before {left: -10%;}
  ul.footer-menu li a{font-size: 0.875rem;}
  .contact-us-sec h1 {font-size: 1.7rem;}
 }

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 400px) { 
  .join-us-time.time-dtls-1 {right: 2%;}
}