/* ==================** Jumbotron **================== */
.jumbotron {
  background-color: var(--main-blue);
}

.jumbotron__container__content {
  width: 85%;
}


.jumbotron__container__content__title {
  font-size: clamp(3.88rem, calc(4.5rem + 0.5vw), 8.3rem);
  line-height: clamp(4.5rem, calc(5rem + 2vw), 8.9rem);
  font-weight: 600;
  letter-spacing: 0.1rem;
  text-transform: capitalize;
  background: linear-gradient(
    90.08deg,
    #139f8d 0.09%,
    #147a9b 25.34%,
    #2549c8 99.96%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.jumbotron__container__content__description {
  font-size: clamp(1rem, calc(1rem + 2vw), 1.8rem);
  line-height: clamp(2rem, calc(2rem + 2vw), 3rem);

  text-transform: capitalize;
margin-bottom: 10px;
  color: #fefeff;
}

.jumbotron__container__content_footer {
  bottom: 3%;
  left: 50%;
  transform: translateX(-50%);
}

.arrow-down {
  transition: transform 0.5s cubic-bezier(0.47, 1.64, 0.35, 1.36);
}

.jumbotron__featured-collection__banner-overlay {
  width: 100%;
  height: 100%;
  top: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(1, 6, 12, 0) 57.64%,
    rgba(1, 8, 16, 0.2) 77.42%,
    rgba(2, 17, 34, 0.7) 100%
  );
}

.jumbotron__featured-collection-image-details {
  bottom: 2%;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;

  color: #fefeff;
}

.jumbotron__featured-collection__banner {
  transition: transform 0.5s cubic-bezier(0.47, 1.64, 0.35, 1.36);
}

.jumbotron__featured-collection-image-details h2 {
  font-size: clamp(2.5rem, calc(2rem + 2vw), 4.5rem);
}

.jumbotron__featured-event-time {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0em;
  text-align: left;
}

/* ===========================** Upcoming Event Section **=========================== */

.upcoming-events-section__view-all__link {
  font-size: 16px;
}

.upcoming-events__card-list .swiper-button-prev,
.upcoming-events__card-list .swiper-button-next {
  background: linear-gradient(
    0deg,
    rgba(221, 235, 251, 0.6),
    rgba(221, 235, 251, 0.6)
  );
  color: var(--main-blue);
  font-size: 16px !important;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  border: 1px solid var(--main-blue);
}

/* ============================== Top Collection ============================ */

.collection-rank {
  width: 14%;
}

.collection-rank h2 {
  font-size: clamp(100px, calc(10vw), 120px);
  font-weight: 700;
  line-height: 140px;
  letter-spacing: 0em;
  text-align: center;

  background: linear-gradient(
    90.08deg,
    rgba(19, 159, 141, 0.5) 0.09%,
    rgba(20, 122, 155, 0.5) 25.34%,
    rgba(37, 73, 200, 0.5) 99.96%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ==================== trending card ==================*/
.trending_card{
  background: #FEFEFF;
/* Grey */

border: 1px solid #8D9AA9;
/* test-shadow */

box-shadow: 2px 2px 4px rgba(46, 44, 136, 0.17);
border-radius: 2px;
padding: 8px 8px 12px;
}

.trending_img {
  height: 400px;
}


.trending_title{
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 32px;
/* identical to box height, or 133% */


/* Main Blue */

color: #081F3A;
}

.trending_creator{
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 16px;
color: #086EB5;
}

.trending_price{
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 16px;
color: #081F3A;
text-transform: uppercase;
}

.trending_info > span{
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 16px;
color: #081F3A;
}

.swiper {
  width: 100%;
}
.swiper-wrapper{
  display: flex;
  align-items: center;
}
.swiper-slide {


  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-slide img{
  display: block;
  object-fit: fill;
}

.swiper-button-next, .swiper-button-prev {
  background: rgba(221, 235, 251, 0.6);
  /* Main Blue */
  color: #081F3A;
  border: 1px solid var(--main-blue);
  backdrop-filter: blur(2px);
  height: 40px;
  width: 40px;
  border-radius: 60px;
}

.swiper-button-next::after, .swiper-button-prev::after {
  color: #081F3A;
}

/* ==================== tour ==================*/
.tour>h1{
font-style: normal;
font-weight: 700;
font-size: 72px;
line-height: 80px;
/* or 111% */

text-transform: capitalize;

/* White */

color: #FEFEFF;
}


.tour_info{
  margin: 45px 0;
}
.tour_info >p{

  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #FEFEFF;
}

.tour-container {
  max-width: 1856px;
  margin: 0 auto;
}

.tour_btn{
  display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px 32px;
gap: 10px;
isolation: isolate;
max-width:312px;

left: 88px;
top: 600px;

/* Linear */

background: linear-gradient(90.08deg, #139F8D 0.09%, #147A9B 25.34%, #2549C8 99.96%);


justify-self: flex-end;
}


/* ============================ Animation ============================ */

@media only screen and (min-width: 1025px) {
  .jumbotron__container__content_footer:hover .arrow-down {
    transform: translateY(8px);
  }

  .jumbotron__featured-collection__banner:hover {
    transform: scale(0.99, 0.99);
  }
}

@media only screen and (max-width: 767px) {

  .jumbotron__container__content__title {
    font-size: clamp(3.5rem, calc(3.8rem + 0.5vw), 6.8rem);
  }
}