@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
:root {
  --primary:#00A19C;
  --borderColor:#A5A5A5;
  --paragraph:#3A3A3A;
  --secondary:#071212;
  --lightBg:#F5F5F5;
  --shades01:#FFFFFF;
  --yellow:#FFC415;
  --red:#FF0000;
  /* --magenta:#720C63;
  --darkMagenta:#5C066B;
  
 
  --shades02:#000000;
  --shades03:#ECECEC;
  --shades04:#646464;
  --shades05:#FAFAF8;
  --shades06:#B4B4B4;
  --shades07:#D9D9D9; */
  --lightPurple-rgb:77, 2, 126;
  --purple-rgb:68, 0, 113;
  --darkPurple-rgb:60, 1, 100;
  --lightMagenta-rgb:102, 8, 104;
  --magenta-rgb:114, 12, 99;
  --darkMagenta-rgb:92, 6, 107;
  --red-rgb:255, 46, 68;
  --shades01-rgb:255, 255, 255;
  --shades02-rgb:0, 0, 0;
  --shades03-rgb:236, 236, 236;
  --shades04-rgb:100, 100, 100;
  --shades05-rgb:250, 250, 248;
  --shades06-rgb:180, 180, 180;
  --shades07-rgb:217, 217, 217;
  scroll-behavior:unset;
}

/* ********|| INITIALIZATION START ||******** */
body, html { width: 100%; line-height:18px; margin:0 auto !important;padding:0 !important;font-family: 'DM Sans', sans-serif; font-weight: 400; -webkit-font-smoothing: subpixel-antialiased;text-shadow: 1px 1px 1px rgba(0,0,0,0.004);font-size: 14px; line-height: 1.2; color: var(--shades02); background:var(--shades01);position: relative; z-index: 0; scroll-behavior: smooth;}
*{transition: all 0s ease;}
*:focus{outline: none !important;outline-offset: none !important;outline-offset: 0 !important;}
*,::after,::before{box-sizing: border-box;}
a {color:var(--green01); text-decoration: none;transition: all 0.3s ease;}
a:hover{text-decoration: none;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;transition: all 0.3s ease;}
a:focus{ outline: none;text-decoration: none;}
button{transition: all 0.3s ease;}
p { margin: 0 0 10px; }
hr{margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid rgba(var(--shades04-rgb), 0.2);}
section{position:relative;}
input:focus, label:focus{outline: none !important;outline-offset: none !important;outline-offset: 0 !important;}
.scrollbar::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; border-radius: 100vh; transition:all 0.3s ease; }
.scrollbar::-webkit-scrollbar-track { border-radius: 0; background-color: #d6c8dd; border-radius: 100vh; transition:all 0.3s ease; }
.scrollbar::-webkit-scrollbar-thumb { background-color: rgba(var(--primary), 1); border-radius: 100vh; transition:all 0.3s ease; }

/* width */
::-webkit-scrollbar {
  width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--primary);
  border-radius: 50px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--primary);
}
/* ********|| INITIALIZATION END ||******** */

/* ********|| PSEUDO ELEMENTS START ||******** */
::selection{ background-color:var(--primary); color:var(--shades01)}
::-moz-selection{ background-color:var(--primary); color:var(--shades01)}
::-webkit-selection{ background-color:var(--primary); color:var(--shades01)}
:-webkit-focus { outline: none !important; }
:-moz-focus { outline: none !important; }
:focus { outline: none !important; }
select:-webkit-focusring { color: var(--primary) !important;text-shadow: 0 0 0 var(--shades01);}
select:-moz-focusring {color: var(--primary) !important;text-shadow: 0 0 0 var(--shades01);}
select:focusring {color: var(--primary) !important; text-shadow: 0 0 0 var(--shades01);}
::input-placeholder{ color:var(--shades02) !important;}
::-moz-input-placeholder{ color:var(--shades02) !important;}
::-webkit-input-placeholder{ color:var(--shades02) !important;}
/* ********|| PSEUDO ELEMENTS END ||******** */

/* ********|| BOOTSTRAP FIX START ||******** */
@media (min-width: 576px){
	.container{max-width: none;}
	.modal-dialog{max-width: 700px;}
	.modal-sm{max-width: 400px;}
}
@media (min-width: 768px){
	.container{max-width: 740px;}
}
@media (min-width: 992px){
	.container{max-width: 960px;}
}
@media (min-width: 1200px){
	.container{max-width: 1170px;}
}
@media (min-width: 1400px){
	.container{max-width: 1280px;}
}
@media (min-width: 1600px){
	.container{max-width: 1400px;}
}
@media (min-width: 1900px){
	.container{max-width: 1600px;}
}
/* ********|| BOOTSTRAP FIX END ||******** */

/* ********|| CHECKBOX START ||******** */
.checkbox{position: relative;padding: 4px 0 4px 30px;display: inline-block;}
.checkbox .checkbox-input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;}
.checkbox .checkbox-label{position: relative;margin: 0;line-height: 16px;font-size: 14px; color: var(--shades02);}
.checkbox .checkbox-label:before{content:'';position:absolute;width: 20px;height: 20px;background-color: transparent;border: 1px solid var(--shades03);top: -1px;left: -30px; border-radius: 4px;transition: all 0.3s ease;}
.checkbox .checkbox-label:after{content: "\f00c";position: absolute;font-family: "Font Awesome 6 Pro";width: 20px;height: 20px;top:-1px;left: -30px;font-weight: 500;font-size: 14px; line-height: 1;color: var(--shades01);display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all 0.3s ease;}
.checkbox .checkbox-input:checked ~ .checkbox-label:after{opacity: 1; visibility: visible;}
.checkbox .checkbox-input:checked ~ .checkbox-label:before{background-color: var(--red);border: 1px solid var(--red);}
/* ********|| CHECKBOX END ||******** */
/* ********|| RADIO START ||******** */
.radio{position: relative;padding: 4px 0 4px 30px;display: inline-block;}
.radio .radio-input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;}
.radio .radio-label{position: relative;margin: 0;line-height: 16px;font-size: 14px; color: var(--shades02);}
.radio .radio-label:before{content:'';position:absolute;width: 20px;height: 20px;background-color: transparent;border: 1px solid var(--shades03);top: -1px;left: -30px; border-radius: 50%;transition: all 0.3s ease;}
.radio .radio-label:after{content: '';position: absolute;width: 11px;height: 11px;top: 4px;left: -25px;font-weight: 500;font-size: 14px;line-height: 1;background-color: var(--red);display: flex;align-items: center;justify-content: center;border-radius: 50%;opacity: 0;visibility: hidden;transition: all 0.3s ease;}
.radio .radio-input:checked ~ .radio-label:after{opacity: 1; visibility: visible;}
/* ********|| RADIO END ||******** */

/* ********|| SWITCH START ||******** */
.switch{position: relative;padding:0;display: block;}
.switch .switch-input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;}
.switch .switch-labels{position: relative;margin: 0;line-height: 16px;font-size: 14px;color: var(--shades02);height: 40px;border-radius: 4px;background-color: var(--shades01);display: flex;align-items: center; z-index: 0;}
.switch .switch-labels span{display: flex;justify-content: center;width: 100%;padding: 0 10px;font-size: 14px;font-weight: 500;color:var(--shades02);transition: all 0.3s ease;}
.switch .switch-labels span+span{color:var(--shades01)}
.switch .switch-labels:after{content: "";position: absolute;transition: all 0.3s ease;top: 4px;left: 4px;width: calc(50% - 8px);height: calc(100% - 8px);background-color: var(--red);border-radius: 4px;z-index: -1;transform: translateX(calc(100% + 4px));}
.switch .switch-input:checked ~ .switch-labels:after{transform: translateX(calc(0% + 4px));}
.switch .switch-input:checked ~ .switch-labels span{color:var(--shades01)}
.switch .switch-input:checked ~ .switch-labels span+span{color:var(--shades02)}
/* ********|| SWITCH END ||******** */

/* ********|| MODAL START ||******** */
.modal .btn-close{background-image: none;padding: 0;width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;border-radius: 50%;font-size: 20px;opacity: 1;position: absolute;top: -16px;right: -16px;background-color: var(--shades01);box-shadow: 0 2px 5px rgba(0,0,0,0.2);}
.modal .modal-content{border: none;box-shadow: 0 2px 20px rgba(var(--shades02-rgb), 0.5);border-radius: 8px;}
/* ********|| MODAL END ||******** */

/* ********|| HEADER START ||******** */
.upper-header{background: var(--shades01); border-bottom: 1px solid #a5a5a55f; height: 53px; display: flex; align-items: center;}
.upper-header .upper-header-wrapper{display: flex; justify-content: space-between;}
.upper-header .upper-header-wrapper .upper-header-list{display: flex; gap: 18px;}
.upper-header .upper-header-wrapper .upper-header-list .header-items{display: flex; gap: 6px; font-size: 14px;}
.header-sec{background: var(--shades01); height: 93px; display: flex; align-items: center;}
.header-sec .container .header-wrapper{display: flex; justify-content: space-between;}
.header-sec .container .header-wrapper .logo-wrapper{width: 146px; height: 53px; overflow: hidden;}
.header-sec .container .header-wrapper .logo-wrapper img{width: 100%; height: 100%; object-fit: cover;}
.header-sec .container .header-wrapper .book-now-btn button{background: var(--primary); padding: 14px 28px ; border-radius: 30px; border: 0; color: var(--shades01);}

/* ********|| HEADER END ||******** */


/* ********|| BANNER START ||******** */

.upper-banner-section{position: relative; height: calc(100vh - 146px); display: flex; align-items: center;}
.upper-banner-section .upper-banner-image{position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-image: url('../images/banner-img.jpg'); background-position: center; background-repeat: no-repeat;}
.upper-banner-section .upper-banner-image::after{content: ""; position: absolute; top: 0; left: 0; z-index:1;
  background: linear-gradient(90deg, rgba(255,255,255,1) 17%, rgba(239,241,242,0) 100%); width: 100%;
  height: 100%;}

/* .upper-banner-section .upper-banner-image{position: absolute; top: 0; left: 0; width: 100%; overflow: hidden;} */

.upper-banner-section .upper-banner-image img{width: 100%; height: 100%; object-fit: cover;}

.upper-banner-section  .upper-banner-text .banner-main-title{font-size: 80px; color: var(--primary); font-weight: 700; line-height: 1.5; text-transform: uppercase; font-family: "IBM plex sans";}
.upper-banner-section .upper-banner-text .banner-main-title span{color: white; background: var(--yellow); padding:0px 14px;}
.upper-banner-section .upper-banner-text .banner-sub-title{font-size: 50px; font-weight: 500; line-height: 1.2; font-family: "IBM plex sans"; max-width: 800px; padding-top: 22px;}

.section-banner .video-container{width: 100%; height: calc(100vh - 147px); position: relative; overflow: hidden; display: flex; align-items: center;justify-content: center; background-position: center center;}

.section-banner .video-container iframe{ width: 1920px; height:1480px; object-fit: cover; background-position: center;}
.ytp-cued-thumbnail-overlay-image{background-size: contain!important;}
/* .banner .video-container iframe{ width: 100%; height:100%; object-fit: cover;} */

/* ********|| BANNER END ||******** */

/* ********|| CALL TO ACTION END ||******** */

.call-to-action-section{position: relative; min-height: 100%; display: flex; align-items: center; justify-content: center; padding: 92Px 0;}
.call-to-action-section .cta-bg{position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%;}
.call-to-action-section .cta-bg img{ width: 100%; height: 100%; object-fit: cover;}
.call-to-action-section .container{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.call-to-action-section .cta-text{position: relative; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.call-to-action-section .cta-text .cta-heading{font-size: 54px; line-height: 1.4; font-weight: 700; font-family: "IBM plex sans"; text-align: center;}
.call-to-action-section .cta-text .offer{display: flex; align-items: center; padding-top: 54px;}
.call-to-action-section .cta-text .offer .rupees-bg{height: 100%; background: linear-gradient(80deg, #FFC415 ,#00A19C) ;   padding: 14px 40px; transform: skew(160deg); transform-origin: center center; position: relative; border-radius: 10px; box-shadow: 4px 0px 4px 0px #0000008C; z-index:1 ;}
.call-to-action-section .cta-text .offer .rupees{ transform: skewX(0deg); font-size: 80px; line-height: 1.3; font-family: "IBM plex sans"; color: white; font-weight: 700;}
.call-to-action-section .cta-text .offer .rupees-bg p{margin-bottom: 0; transform: skewX(0deg);}
.call-to-action-section .cta-text .offer .off{height: 100%; background: #00A19C ;   padding: 12px 28px; transform: skew(160deg); transform-origin: center center; position: relative; border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
.call-to-action-section .cta-text .offer .off p{margin-bottom: 0; font-size: 35px; font-weight: 700; color: white; font-family: "IBM plex sans";}
.call-to-action-section .cta-text .date{font-size: 50px; font-weight: 700; font-family: "IBM plex sans"; font-style: italic; color: var(--primary); margin-top: 30px;}
.call-to-action-section .cta-text .date span{color: var(--paragraph);}
.call-to-action-section .cta-email{background-color: var(--shades01); width: 60%; border-radius: 100px; padding: 20px;margin-top: 78px;    margin-bottom: -145px;display: flex; justify-content: center; box-shadow: 0px -2px 24px 0px #B7B7B74D; gap: 20px; z-index: 1;}
.call-to-action-section .cta-email-input{background-color: var(--lightBg); border-radius: 100px; padding: 20px; border: 0; width: 74%;}
.call-to-action-section .cta-email-input::placeholder{color: #A8A8A8!important;}
.call-to-action-section .cta-email .cta-book{width: 26%; background-color: var(--yellow); border: 0; border-radius: 100px; color: white; font-size: 20px; font-weight: 700;}

/* ********|| CALL TO ACTION END ||******** */

/* ********|| DOWNLOADING STEPS START ||******** */
.downloading-steps{position: relative; display: flex; flex-direction: column; align-items: center; padding-top: 125px; padding-bottom: 100px;}
.downloading-steps .downloading-steps-bg{position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%;}
.downloading-steps .downloading-steps-bg img{width: 100%; height: 100%; object-fit: cover;}
.downloading-steps .downloading-steps-text{text-align: center;    width: 100%; display: flex; flex-direction: column; align-items: center;}
.downloading-steps .downloading-steps-text .downloading-title{font-size: 54px; font-weight: 700; font-family: "IBM plex sans"; line-height: 1.4; color: var(--shades01);}
.downloading-steps .downloading-steps-text .downloading-description{font-size: 20px; font-weight: 500; font-family: "IBM plex sans"; line-height: 1.3; color: var(--shades01); max-width: 944px; padding-top: 18px;}
.downloading-steps .downloading-step-list{display: flex; flex-wrap: wrap; gap: 36px; justify-content: center;padding-top: 64px; padding-bottom: 60px;}
.downloading-steps .downloading-step-list .downloading-step-items{position: relative; width: calc(25% - 36px); padding: 44px 30px; background-color: var(--shades01); border-radius: 20px; overflow: hidden; z-index: 1;}
.downloading-steps .downloading-step-list .download-icon-wrapper{width: 70px; aspect-ratio: 1/1; overflow: hidden;}
.downloading-steps .downloading-step-list .download-icon-wrapper img{width: 100%; height: 100%; object-fit: cover;}
.downloading-steps .downloading-step-list .downloading-step-items .downloading-item-title{font-size: 24px; font-weight: 700; font-family: "IBM plex sans"; line-height: 1.4; z-index: 1; padding-top: 26px; }
.downloading-steps .downloading-step-list .downloading-step-items .downloading-item-description{font-size: 18px; font-weight: 400; line-height: 1.4; padding-top: 16px;}
.downloading-steps .downloading-step-list .downloading-step-items .number{position: absolute; top: -86px; right: -36px; font-size: 300px; font-weight: 700; line-height: 390px; font-family: "IBM plex sans"; color: #EEEEEE; z-index: -1;}

.download-steps-slider .swiper { width: 100%; height: 100%; padding-bottom: 40px;}
.download-steps-slider .swiper-pagination{ bottom: 0; top: auto;}
.download-steps-slider .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover;}
.download-steps-slider{position: relative;}
.download-steps-slider .swiper .swiper-wrapper .swiper-slide{ aspect-ratio: 1/1; overflow: hidden; border-radius: 20px;}
.swiper-pagination{padding-top: 30px;}
.swiper-pagination-bullet-active{background-color: var(--yellow)!important;width: 12px!important; height: 12px!important;}

/* ********|| DOWNLOADING STEPS END ||******** */

/* ********|| PARTY AND EVENTS SECTION START ||******** */


.party-and-events-section{ padding-top: 130px;}
.party-and-events-section .container{position: relative;}
.party-and-events-section .container .party-and-events{position: relative;}
.party-and-events-section .party-and-events{display: flex; gap: 54px; background-color: var(--primary); padding: 20px 60px 30px; width: 1545px; height: 764px; display: flex; justify-content: end; border-radius: 20px;}
.party-and-events-section .party-and-events .party-and-events-img{width: 504px; overflow: hidden;  height: 100%; flex-shrink: 0;}
.party-and-events-section .party-and-events .party-and-events-img img{width: 100%; height: 100%; object-fit: contain;}
.party-and-events-section .party-and-events .party-and-events-texts{max-width: 730px; padding-top: 30px;}
.party-and-events-section .party-and-events .party-and-events-texts .party-number{width: 76px; aspect-ratio: 1/1; display: flex; justify-content: center; align-items: center; border-radius: 100px; background-color: var(--shades01); color: var(--primary); font-size: 33px; font-weight: 500; font-family: "IBM plex sans";}
.party-and-events-section .party-and-events .party-and-events-texts .party-title{font-size: 54px; font-weight: 600; font-family: "IBM plex sans"; color: var(--shades01); padding-top: 26px; max-width: 80%; line-height: 1.3;}
.party-and-events-section .party-and-events .party-and-events-texts .party-description{font-size: 18px; font-weight: 400; font-family: "IBM plex sans"; color: var(--shades01); padding-top: 26px; line-height: 1.6; max-width: 80%;}
.party-and-events-section .party-and-events .party-slider-body{display: flex; gap: 50px;}
.party-and-events-section .swiper { width: 100%; height: 100%; position: relative;}

.party-and-events-section .swiper-slide { font-size: 18px; display: flex; justify-content: center; align-items: end; width: 100%;}

.party-and-events-section .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover;}

.party-and-events-section .swiper { margin-left: auto; margin-right: auto;}
.party-and-events-section .swiper-backface-hidden .swiper-slide{width: 100%!important;}
.party-and-events-section .swiper-button-next-mySwiper2,
.party-and-events-section .swiper-button-prev-mySwiper2 {
  position: absolute;
  z-index: 10;
  color: var(--shades01)!important;
  display: flex;
  width: 70px!important;
  height: 70px!important;
  border-radius: 50px!important;
  justify-content: center;
  align-items: center;
  background-color: var(--yellow);
  flex-shrink: 0;
  font-weight: 700;
}
.party-and-events-section .swiper-button-next-mySwiper2:after, .swiper-button-prev-mySwiper2:after{font-size: 28px!important;}
.party-and-events-section .swiper-button-next-mySwiper2.swiper-button-disabled, .swiper-button-prev-mySwiper2.swiper-button-disabled{background-color: var(--shades01)!important; color: var(--yellow)!important; opacity: 1; box-shadow: 2px 2px 9px -1px rgb(220, 220, 220);}
.party-and-events-section .swiper-button-next-mySwiper2:after{
  content: '\f105';
  font-family: "Font Awesome 6 Pro";
  font-size: 30px;
  /* font-size: var(--swiper-navigation-size); */
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.party-and-events-section .swiper-button-prev-mySwiper2:after {
  content: '\f104';
  font-family: "Font Awesome 6 Pro";
  font-size: 30px;
  /* font-size: var(--swiper-navigation-size); */
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.party-and-events-section .swiper-button-next-mySwiper2 {
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
}

.party-and-events-section .swiper-button-prev-mySwiper2 {
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
}

/* ********|| PARTY AND EVENTS SECTION END ||******** */

/* ********|| FEATURED START ||******** */
.featured-section{padding: 130px 0px 44px;}
.featured-section .featured-body{display: flex; gap: 50px;}
.featured-section .featured-body .featured-img-wrapper{position: relative; width: 40%; display: flex; gap: 10px; align-items: center;}
.featured-section .featured-body .featured-img-wrapper .img-side-text{transform: rotate(270deg) translateY(-50%); white-space: nowrap; line-height:1; position: absolute; top: 50%; left: -118px; font-size: 18px; font-weight: 500; letter-spacing: 6px; text-transform: uppercase; font-family: "Playfair Display", serif;}
.featured-section .featured-body .featured-img-wrapper .featured-image{ width: 100%; height: 100%; position: relative; padding-left: 46px; border-radius: 20px;}
.featured-section .featured-body .featured-img-wrapper .featured-image img{width: 100%; height: 100%; object-fit: cover; border-radius: 20px;}
.featured-section .featured-text-sec{width: 60%;}
.featured-section .container{display: flex; gap: 80px; align-items: center;}
.featured-section .container .featured-text-sec .featured-heading{font-size: 35px; font-weight: 700; font-family: "IBM Plex Sans";    max-width: 90%; line-height: 1.3;} 
.featured-section .container .featured-text-sec .featured-description{font-size: 18px;; font-family: "IBM Plex Sans"; line-height: 28px; padding-top: 24px; color: var(--paragraph); max-width: 90%;} 
.featured-section .container .featured-text-sec .featured-list{display: grid; grid-template-columns: repeat(3,1fr); column-gap: 20px; row-gap: 32px; padding-top: 26px;}
.featured-section .container .featured-text-sec .featured-list .featured-items{display: flex; align-items: center; gap: 18px;}
.featured-section .container .featured-text-sec .featured-list .featured-items .featured-icon{ width: 50px; aspect-ratio: 1/1; background: var(--primary); border-radius: 50px; display: flex; align-items: center; justify-content: center; font-size: 18px; color: var(--shades01); flex-shrink: 0;}
.featured-section .container .featured-text-sec .featured-list .featured-items .featured-label{ font-size: 20px; font-family: "IBM Plex Sans"; font-weight: 500;}
.featured-section .container .featured-text-sec .featured-list .featured-items .featured-subtitle{font-size: 16px; padding-top: 6px;}
.featured-section .container .featured-text-sec .book-now{padding-top: 16px;}
.featured-section .container .featured-text-sec .book-now button{background: var(--primary); padding: 14px 44px; font-size: 18px; border-radius: 50px; border: 0; color: white;}

/* ********|| FEATURED END ||******** */

/* ********|| GALLERY SECTION START ||******** */
.gallery-section{padding: 70px 0 30px;}
.gallery-section .container .header-center{display: flex; width: 100%; justify-content: center; flex-direction: column; align-items: center; padding-bottom: 50px;}
.gallery-section .container .gallery-header{text-align: center; max-width: 50%;}
.gallery-section .container .gallery-header .gallery-heading{font-size: 54px; font-family: "IBM plex sans"; font-weight: 700; line-height: 1.4;}
.gallery-section .container .gallery-header .gallery-subheading{font-size: 20px; font-family: "IBM plex sans"; font-weight: 500; line-height: 30px; padding-top: 10px; color: var(--paragraph);}
.gallery-images {display: grid;grid-template-columns: repeat(4, auto);grid-template-rows: repeat(2, auto); grid-column-gap: 20px;grid-row-gap: 20px;min-height: 650px;}
.gallery-images .image {width: 100%; height: auto;border-radius: 20px; overflow: hidden;}
.gallery-images .image img{width: 100%; height: 100%; object-fit: cover;}
.gallery-images .image:nth-child(6n+1) { grid-column: span 2; grid-row: span 1;}
.gallery-images .image:nth-child(6n+2) { grid-column: span 1; grid-row: span 2;}
.gallery-images .image:nth-child(6n+3) { grid-column: span 1; grid-row: span 1;}
.gallery-images .image:nth-child(6n+4) { grid-column: span 1; grid-row: span 1;}
.gallery-images .image:nth-child(6n+5) { grid-column: span 1; grid-row: span 1;}
.gallery-images .image:nth-child(6n+6) { grid-column: span 1; grid-row: span 1;}
/* ********|| GALLERY SECTION END ||******** */

/* ********|| DAY-ACTIVITIES SECTION START ||******** */
.day-activities-section{ padding: 90px 0 20px;}
.day-activities-section .container .activities-header{text-align: center;}
.day-activities-section .container .activities-header .activities-heading{font-size: 54px; font-family: "IBM plex sans"; font-weight: 700; line-height: 1.4;}
.day-activities-section .container .activities-header .activities-subheading{font-size: 20px; font-family: "IBM plex sans"; font-weight: 500; line-height: 1.3; padding-top: 10px; color: var(--paragraph);}
.activity-list {display: flex; gap: 30px; justify-content: center; flex-wrap: wrap;padding-top: 40px;}
.activity-list .activity-item{width: calc(25% - 30px); border: 1px solid #DEDEDE; border-radius: 20px; padding: 12px; display: flex; flex-direction: column;gap: 14px;}
.activity-list .activity-item .activity-image{ position: relative; width: 100%; aspect-ratio: 1.1 / 1; border-radius: 20px; overflow: hidden;display: flex; flex-shrink: 0;}
.activity-list .activity-item .activity-image img{width: 100%; height: 100%; object-fit: cover;}
.activity-list .activity-item .percent-off{    position: absolute; top: -8px; left: -42px; background-color: var(--primary); padding: 34px 42px 10px 42px; color: white; transform: rotate(-40deg); font-size: 16px; font-family: "IBM plex sans"; font-weight: 600;}
.activity-list .activity-item .activity-fav{position: absolute; top: 10px; right: 12px; background: var(--shades01); width: 30px; aspect-ratio: 1/1; border-radius: 50px; display: flex; justify-content: center; align-items: center; font-size: 14px; color: var(--red);}
.activity-list .activity-item .activity-sale{position: absolute; top: 10px; right: 12px; background: var(--primary); padding: 6px 10px; border-radius: 50px; font-size: 14px; font-family: "IBM plex sans"; color: var(--shades01); text-transform: uppercase; font-weight: 500; letter-spacing: 1px;}
.activity-list .activity-item .activity-item-text{padding: 0 14px; display: flex; flex-direction: column; gap: 12px; flex-shrink: 1; flex-grow: 1;}
.activity-list .activity-item .activity-item-text .activity-image img{    width: 100%; height: 100%; object-fit: cover;}
.activity-list .activity-item .activity-item-text .activity-title{font-size: 18px; font-family: "IBM plex sans"; font-weight: 500;}
.activity-list .activity-item .activity-item-text .activity-subtitle{font-size: 14px; font-family: "IBM plex sans"; font-weight: 400; color: #3A3A3A;margin-top: auto;}
.view-more-btn{    display: flex; justify-content: center; padding-top: 30px;}
.view-more-btn button{font-size: 24px; background-color: var(--primary); padding: 18px 40px; border: 0; border-radius: 80px; color: var(--shades01); text-transform: uppercase; font-family: "IBM plex sans"; font-weight: 700;}

.day-activities-section .checkbox {
  display: none;
}

.day-activities-section .favorite-checkbox .icon {
  position: absolute;
  top: 10px;
  right: 12px;
  font-size: 15px;
  color: #ccc;
  cursor: pointer;
  transition: color 0.3s;
  background: white;
  border-radius: 50px;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.day-activities-section .checkbox:checked + .icon {
  color: #e74c3c;
}


/* ********|| DAY-ACTIVITIES SECTION END ||******** */

/* ********|| MEET HOST SECTION START ||******** */
.meet-host{padding: 100px 0px 35px 0;}
.meet-host .meet-host-heading{font-size: 54px; font-family: "IBM plex sans"; font-weight: 700; line-height: 1.4; text-align: center;}
.meet-host .meet-host-wrapper{display: flex; gap: 80px; padding-top: 40px; align-items: center;}
.meet-host .meet-host-wrapper .meet-host-imgages{ width: 50%; position: relative; border: 4px solid var(--primary); border-radius: 1000px; padding: 44px;}
.meet-host .meet-host-wrapper .meet-host-text{width: 50%;}
.meet-host .meet-host-wrapper .meet-host-imgages .swiper-slide{ aspect-ratio: 1/1; border-radius: 1000px; overflow: hidden;}
.meet-host .meet-host-wrapper .meet-host-imgages .swiper-slide  img{width: 100%; height: 100%; object-fit: cover;}
.meet-host .meet-host-wrapper .meet-host-imgages .swiper{border-radius: 1000px;}
.meet-host .meet-host-wrapper .swiper-button-next .swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{pointer-events: auto;}
.meet-host .meet-host-wrapper .meet-host-text .meet-host-name{position: relative; font-size: 42px; font-family: "IBM plex sans"; font-weight: 700; line-height: 1.4;}
.meet-host .meet-host-wrapper .meet-host-text .meet-host-name::after{content: ""; position: absolute; bottom: -12px; left: 0; background-color: var(--primary); width: 30%; height: 5px;}
.meet-host .meet-host-wrapper .meet-host-text .meet-host-description{font-size: 22px; font-weight: 700; line-height: 1.4; color: var(--paragraph); margin-top: 40px;}

.meet-host .swiper-button-next-meet,
.meet-host .swiper-button-prev-meet {
  position: absolute;
  z-index: 10;
  color: var(--shades01)!important;
  display: flex;
  width: 70px!important;
  height: 70px!important;
  border-radius: 50px!important;
  justify-content: center;
  align-items: center;
  background-color: var(--yellow);
  flex-shrink: 0;
  font-weight: 700;
}
.meet-host .swiper-button-next-meet:after, .swiper-button-prev-meet:after{font-size: 28px!important;}
.meet-host .swiper-button-next-meet.swiper-button-disabled, .swiper-button-prev-meet.swiper-button-disabled{background-color: var(--shades01)!important; color: var(--yellow)!important; opacity: 1; box-shadow: 2px 2px 9px -1px rgb(220, 220, 220);}
.meet-host .swiper-button-next-meet:after{
  content: '\f105';
  font-family: "Font Awesome 6 Pro";
  font-size: 30px;
  /* font-size: var(--swiper-navigation-size); */
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.meet-host .swiper-button-prev-meet:after {
  content: '\f104';
  font-family: "Font Awesome 6 Pro";
  font-size: 30px;
  /* font-size: var(--swiper-navigation-size); */
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.meet-host .swiper-button-next-meet {
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.meet-host .swiper-button-prev-meet {
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}

/* ********|| MEET HOST SECTION START ||******** */

/* ********|| JOIN-BAR SECTION START ||******** */
.join-bar-section{padding: 90px 0; overflow: hidden;}
.join-bar-section .join-bar-header{display: flex; justify-content: center;}
.join-bar-section .join-bar-header .join-bar-heading{font-size: 54px; font-family: "IBM plex sans"; font-weight: 700; line-height: 1.4;}
/* .join-bar-section .join-bar-body{width: 100%; height: 900px; background-color: var(--primary);} */
.join-bar-section .join-bar-body{position: relative;}
.join-bar-section .join-bar-body .join-bar-video{width: 100%; height: 708px; position: relative; overflow: hidden;display: flex;align-items: center;justify-content: center; background-position: center center; background-position: center center; border-radius: 20px; margin-top: 48px; margin-bottom: 40px;}
.join-bar-section .join-bar-body .join-bar-video iframe{width: 1950px; height: 1280px; object-fit: cover; background-position: center;}
.join-bar-section .join-bar-body::after{content: ""; position: absolute; top: 300px; left: 0;  width: 100%; height: 900px; background-color: var(--primary); z-index: -1;}

.join-bar-slider .swiper { width: 100%; height: 100%;}

/* .join-bar-slider .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center;} */

.join-bar-slider .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover;}
.join-bar-slider{position: relative;}
.join-bar-slider .swiper .swiper-wrapper .swiper-slide{ aspect-ratio: 1/1; overflow: hidden; margin-right: 0!important; border: 8px solid var(--shades01)!important;}
.swiper-pagination{padding-top: 30px;}

.join-bar-section .swiper-button-next,
.join-bar-section .swiper-button-prev {
  position: absolute;
  z-index: 10;
  color: var(--shades01)!important;
  display: flex;
  width: 70px!important;
  height: 70px!important;
  border-radius: 50px!important;
  justify-content: center;
  align-items: center;
  background-color: var(--yellow);
  flex-shrink: 0;
  font-weight: 700;
}
.join-bar-section .swiper-button-next:after, .swiper-button-prev:after{font-size: 28px!important;}
.join-bar-section .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{background-color: var(--shades01)!important; color: var(--yellow)!important; opacity: 1!important; box-shadow: 2px 2px 9px -1px rgb(220, 220, 220);}
.join-bar-slider .swiper-button-next {
  right: -32px!important;
}

.join-bar-slider .swiper-button-prev {
  left: -32px!important;
}
/* ********|| JOIN-BAR SECTION END ||******** */

/* ********|| PEOPLE GOING SECTION START ||******** */
.people-going-section{padding: 100px 0;}
.people-going-section .people-going-header{display: flex; justify-content: center;}
.people-going-section .people-going-header .people-heading{font-size: 54px; font-family: "IBM plex sans"; font-weight: 700; line-height: 1.4;}

.people-going-body .people-list {display: flex; gap: 30px; justify-content: center; flex-wrap: wrap;padding-top: 40px;}
.people-list .people-items{position: relative; width: calc(25% - 30px); border: 1px solid #DEDEDE; border-radius: 20px; padding: 12px; display: flex; flex-direction: column;gap: 14px;}
.people-list .people-items .people-image{ position: relative; width: 100%; aspect-ratio: 1.1 / 1; border-radius: 20px; overflow: hidden;display: flex; flex-shrink: 0;}
.people-list .people-items .people-image img{width: 100%;height: 100%; object-fit: cover;}
.people-list .people-items .people-sale{position: absolute; top: 10px; right: 12px; background: var(--primary); padding: 6px 10px; border-radius: 50px; font-size: 14px; font-family: "IBM plex sans"; color: var(--shades01); text-transform: uppercase; font-weight: 500; letter-spacing: 1px;}
.people-list .people-items .people-gradient{position: absolute; left: 0; bottom: 0; background-image: linear-gradient(#d9d9d900,  var(--primary)); width: 100%; height: 78px; display: flex; justify-content: center; align-items: center; padding-top: 42px;}
.people-list .people-items .people-name{position: absolute; left: 0; bottom: 0; font-size: 24px; font-weight: 700; font-family: "IBM plex sans"; color: var(--shades01); display: flex; justify-content: center; align-items: center; text-align: center; padding: 0 10px 16px 10px;    width: 100%; height: 72px;}

/* ********|| PEOPLE GOING SECTION END ||******** */

/* ********|| APP SECTION START ||******** */
.app-section{padding: 20px 0 70px 0;}
.app-section .app-text-sec{width: 60%;}
.app-section .container{display: flex; gap: 80px; align-items: center;}
.app-section .container .app-text-sec .app-heading{font-size: 54px; font-weight: 700; font-family: "IBM Plex Sans";} 
.app-section .container .app-text-sec .app-description{font-size: 18px;; font-family: "IBM Plex Sans"; line-height: 28px; padding-top: 24px; color: var(--paragraph);} 
.app-section .container .app-text-sec .app-meta-list{display: grid; grid-template-columns: repeat(2,1fr); column-gap: 20px; row-gap: 32px; padding-top: 46px;}
.app-section .container .app-text-sec .app-meta-list .meta-items{display: flex; align-items: center; gap: 18px;}
.app-section .container .app-text-sec .app-meta-list .meta-items .meta-icon{ width: 50px; aspect-ratio: 1/1; background: var(--primary); border-radius: 50px; display: flex; align-items: center; justify-content: center; font-size: 18px; color: var(--shades01); flex-shrink: 0;}
.app-section .container .app-text-sec .app-meta-list .meta-items .meta-label{ font-size: 20px; font-family: "IBM Plex Sans"; font-weight: 500;}
.app-section .container .app-text-sec .app-download-wrapper{display: flex; gap: 50px; padding-top: 46px;}
.app-section .container .app-text-sec .app-download-wrapper .app-download{width: 271px; height: 100px; overflow: hidden;}
.app-section .container .app-text-sec .app-download-wrapper .app-download img{width: 100%; height: 100%; object-fit: contain;}
.app-section .container .app-image-sec{width: 40%; flex-shrink: 0;}
.app-section .container .app-image-sec .app-img-wrapper{padding: 25px 34px 3px 60px; width: 100%; aspect-ratio: 1/1; border: 2px solid var(--primary); border-radius: 50%; overflow: hidden;}
.app-section .container .app-image-sec .app-img-wrapper img{width: 100%; height: 100%; object-fit: contain;}

/* ********|| APP SECTION END ||******** */

/* ********|| WEEKEND SECTION START ||******** */
.weekend-section{background: var(--lightBg); padding: 100px 0; margin: 60px 0;}

.weekend-section .container .weekend-body{display: flex; gap: 30px; background: var(--shades01); border-radius: 20px;}
.weekend-section .container .weekend-body .weekend-image{width: 45%; aspect-ratio: 1 / 1.01; overflow: hidden; border-top-left-radius: 20px; border-bottom-left-radius: 20px;}
.weekend-section .container .weekend-body .weekend-image img{width: 100%; height: 100%; object-fit: cover;}
.weekend-section .container .weekend-body .weekend-text{padding: 65px 30px 65px 0; width: 55%;}
/* .weekend-section .container .weekend-body .weekend-text .week-faq{padding-right: 30px;} */
.weekend-section .container .weekend-body .weekend-text .weekend-heading{font-size: 54px; font-weight: 700; font-family: "IBM plex sans"; line-height: 1.4;}
.weekend-section .accordion-item .accordion-button:not(.collapsed){background-color: var(--lightBg)!important; box-shadow: none!important; }
.weekend-section .accordion-item .accordion-header .accordion-button:not(.collapsed){border-top-right-radius: 20px;
  border-top-left-radius: 20px;}
.weekend-section .accordion-flush .accordion-collapse{box-shadow: none!important;}
.weekend-section .accordion-button:focus{box-shadow: none!important;}
.weekend-section .accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed{background-color: var(--lightBg); border-radius: 20px;}
.weekend-section .accordion-item .accordion-body{border-top: 1px solid #E4E4E4; font-size: 16px; padding: 26px;}
.weekend-section .accordion-item .accordion-body .week-ul li{padding-bottom:10px ;}
.weekend-section .accordion-item .accordion-button.collapsed{font-size: 24px; font-weight: 500; font-family: "IBM plex sans"; padding: 22px;background-color: var(--lightBg); border-radius: 20px;}
.weekend-section .accordion-item .accordion-header .accordion-button:not(.collapsed){font-size: 24px; font-weight: 500; font-family: "IBM plex sans"; padding: 22px;}
.weekend-section .accordion-item .accordion-button::after{content: "\2b"; font-family: "Font Awesome 6 Pro"; background-image:none!important; align-items: center; display: flex; justify-content: center; transition:0.4s all ease;}
.weekend-section .accordion-item .accordion-button:not(.collapsed)::after{content: "\f068"; font-family: "Font Awesome 6 Pro";}
/* ********|| WEEKEND SECTION END ||******** */

/* ********|| FAQ SECTION START ||******** */
.faq-section{padding: 24px 0 100px;}
 .faq-heading{font-size: 54px; font-family: "IBM plex sans"; font-weight: 700; padding-bottom: 30px; line-height: 1.4;}
.accordion-item{background-color: var(--lightBg)!important; border-radius: 20px; border-bottom: 0!important; margin-top: 20px; border: 0!important;}
.faq-section .accordion-item .accordion-button:not(.collapsed){background-color: var(--lightBg)!important; box-shadow: none!important; }
.faq-section .accordion-item .accordion-header .accordion-button:not(.collapsed){border-top-right-radius: 20px;
  border-top-left-radius: 20px;}
.faq-section .accordion-flush .accordion-collapse{box-shadow: none!important;}
.faq-section .accordion-button:focus{box-shadow: none!important;}
.faq-section .accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed{background-color: var(--lightBg); border-radius: 20px;}
.faq-section .accordion-item .accordion-body{border-top: 1px solid #E4E4E4; font-size: 16px; padding: 26px;}
.faq-section .accordion-item .accordion-button.collapsed{font-size: 30px; font-weight: 500; font-family: "IBM plex sans"; padding: 26px;background-color: var(--lightBg); border-radius: 20px;}
.faq-section .accordion-item .accordion-header .accordion-button:not(.collapsed){font-size: 30px; font-weight: 500; font-family: "IBM plex sans"; padding: 26px;}
.faq-section .accordion-item .accordion-button::after{content: "\2b"; font-family: "Font Awesome 6 Pro"; background-image:none!important; align-items: center; display: flex; justify-content: center; transition:0.4s all ease;}
.faq-section .accordion-item .accordion-button:not(.collapsed)::after{content: "\f068"; font-family: "Font Awesome 6 Pro";}
/* ********|| FAQ SECTION END ||******** */

/* ********|| FOOTER START ||******** */
.footer{background-color: var(--secondary); color: white;}
.footer .upperfooter{height: 420px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.footer .upperfooter .footer-title{font-size: 52px; font-family: "IBM Plex Sans"; font-weight: 700; padding-bottom: 24px; padding-top: 20px;}
.footer .upperfooter .footer-subtitle{font-size: 22px; padding-bottom: 44px; max-width: 621px; text-align: center; line-height: 1.4;}
.footer .upperfooter .email-input{position: relative; width: 80%; height: 80px; border-radius: 50px; border: 0;} 
.footer .upperfooter .email-input .email-text{position: relative; width: 100%; height: 100%; border-radius: 50px; border: 0; padding: 12px 86px 12px 30px;} 
.footer .upperfooter .email-input .email-text::placeholder{font-size: 18px;}
.footer .upperfooter .email-input .email-send{position: absolute; right: 8px; top: 5px; background-color: var(--primary); width: 70px; aspect-ratio: 1/1; border-radius: 50px; display: flex; justify-content: center; align-items: center; font-size: 24px;}
.footer .mid-footer{height: 428px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.footer .mid-footer .footer-list{width: 30%;}
.footer .mid-footer .footer-list .footer-logo-wrapper{width: 217px; height: 79px; overflow: hidden;}
.footer .mid-footer .footer-list .footer-logo-wrapper img{width: 100%; height: 100%; object-fit: cover;}
.footer .mid-footer .footer-list .footer-description{font-size: 18px; padding-top: 28px; line-height: 1.5;}
.footer .mid-footer .footer-list .footer-heading{font-size: 30px; font-family: "IBM Plex Sans"; font-weight: 700; padding-bottom: 36px;}
.footer .mid-footer .footer-list .list-items{display: flex; gap: 10px; font-size: 16px; padding-top: 24px;}
.footer .mid-footer .footer-list .list-items-2 a{display: flex; gap: 14px; font-size: 16px; padding-top: 16px; font-size: 20px; align-items: center;}
.footer .mid-footer .footer-list .list-items-2 .social-icon{background-color: var(--primary); width: 46px; aspect-ratio: 1/1; border-radius: 50px; display: flex; justify-content: center; align-items: center; font-size: 22px;}
.footer .footer-line{border: 1px solid gray; margin: 0;}
.copy-right{height: 76px; display: flex; align-items: center; justify-content: center; font-size: 16px;}

/* ********|| FOOTER END ||******** */


/* ********|| RESPONSIVE START ||******** */
@media screen and (max-width: 1600px) {
  .downloading-steps .downloading-step-list .downloading-step-items{width: calc(25% - 25px);}
  .downloading-steps .downloading-step-list{gap: 25px;}
  .downloading-steps .downloading-step-list .downloading-step-items .downloading-item-title{padding-top: 18px; line-height: 1.2;}
  .downloading-steps .downloading-step-list .downloading-step-items .downloading-item-description{line-height: 24px; padding-top: 18px;}
  .downloading-steps .downloading-step-list .downloading-step-items{ padding: 30px 30px;}
  .party-and-events-section .party-and-events .party-and-events-texts .party-title{ max-width: 100%;}
  .party-and-events-section .party-and-events .party-and-events-texts .party-description{ max-width: 100%;}
  .featured-section .container .featured-text-sec .book-now{padding-bottom: 44px;}
  .activity-list{gap: 24px;}
  .activity-list .activity-item{width: calc(25% - 24px);}
  .people-going-body .people-list{gap: 24px;}
  .people-list .people-items { width: calc(25% - 24px);}
  .app-section .container{gap: 36px;}
  .app-section{padding: 35px 0px 70px 0;}
  .downloading-steps .downloading-step-list{padding-bottom: 60px;}
  .call-to-action-section .cta-email{width: 70%;}
  .downloading-steps{padding-bottom: 60px;}
  .party-and-events-section .swiper-button-prev-mySwiper2 { left: -20px;}
  .party-and-events-section .swiper-button-next-mySwiper2{right: -20px;}
  
  
}

@media screen and (max-width: 1540px) {
  .upper-banner-section .upper-banner-text .banner-main-title{font-size: 76px}
  .upper-banner-section .upper-banner-text .banner-sub-title{font-size: 46px; line-height: 1.3; max-width: 55%;}
  .call-to-action-section .cta-text .date{font-size: 48px;}
  .weekend-section .container .weekend-body .weekend-text .weekend-heading{font-size: 52px;}
  .app-section .container .app-text-sec .app-heading{font-size: 49px;}
  
}

@media screen and (max-width: 1440px) {
  .downloading-steps .downloading-step-list .downloading-step-items .downloading-item-title{font-size: 22px;}
  .featured-section .container .featured-text-sec .featured-heading{font-size: 32px;}
  .gallery-section .container .gallery-header{ max-width: 70%;}
  .day-activities-section{padding: 70px 0 20px;}
  .join-bar-section{padding: 70px 0;}
  .party-and-events-section .party-and-events .party-and-events-texts .party-title{font-size: 52px;}
  
  
}

@media screen and (max-width: 1400px) {
  
}

@media screen and (max-width: 1366px) {
  
}

@media screen and (max-width: 1280px) {
  
}

@media screen and (max-width: 1200px) {
  .party-and-events-section { padding-top: 125px;}
  
}

@media screen and (max-width: 1024px) {
  .section-banner .video-container{height: calc(100vh - 200px);}
  .upper-banner-section .upper-banner-text .banner-main-title{font-size: 70px;}
  .upper-banner-section .upper-banner-text .banner-sub-title{font-size: 44px;}
  .downloading-steps .downloading-step-list .downloading-step-items{width: calc(45% - 25px);}
  /* .party-and-events-section .swiper{height: 880px !important;} */
  /* .party-and-events-section .party-and-events{height: 590px;} */
  .party-and-events-section .party-and-events .party-and-events-img{width: 400px;}
  .party-and-events-section .party-and-events{gap: 46px;}
  .party-and-events-section .party-and-events .party-and-events-texts .party-title{font-size: 48px;}
  .featured-section .container .featured-text-sec .featured-list{grid-template-columns: repeat(2, 1fr);}
  .featured-section .featured-body .featured-img-wrapper{width: 45%;}
  .featured-section .featured-text-sec{width: 55%;}
  .featured-section .featured-body{gap: 38px;}
  .featured-section .container .featured-text-sec .featured-heading{font-size: 26px;}
  .featured-section .container .featured-text-sec .featured-list .featured-items .featured-icon{width: 48px;}
  .activity-list .activity-item{width: calc(33% - 24px);}
  .people-list .people-items{width: calc(33% - 24px);}
  .app-section .container .app-text-sec .app-meta-list .meta-items .meta-label{font-size: 18px;}
  .swiper-button-next, .swiper-button-prev{ width: 60px !important; height: 60px !important;}
  .join-bar-section .join-bar-body .join-bar-video{height: 500px;}
  .featured-section{padding: 100px 0px 44px;}
  .gallery-section .container .gallery-header{max-width: 100%;}
  .gallery-section .container .gallery-header .gallery-heading{font-size: 50px;}
  .day-activities-section .container .activities-header .activities-heading{font-size: 50px;}
  .day-activities-section .container .activities-header .activities-subheading{padding-top: 14px;}
  .join-bar-section .join-bar-header .join-bar-heading{font-size: 50px;}
  .people-going-section .people-going-header .people-heading{font-size: 50px;}
  .app-section{padding: 10px 0px 70px 0;}
  .weekend-section { padding: 84px 0; margin: 44px 0;}
  .app-section .container .app-text-sec .app-heading {font-size: 39px;}
  .app-section .container { gap: 26px;}
  .app-section .container .app-text-sec .app-download-wrapper{gap: 20px;}
  .app-section .container .app-image-sec .app-img-wrapper { padding: 28px 24px 3px 60px}
  .faq-heading { font-size: 50px;}
  .call-to-action-section .cta-text .cta-heading { font-size: 52px;}
  .call-to-action-section .cta-text .date {font-size: 46px;}
  .call-to-action-section .cta-text .offer .rupees{font-size: 76px;}
  .call-to-action-section .cta-text .offer .off p{font-size: 32px;}
  .call-to-action-section .cta-email { width: 80%;}
  .downloading-steps .downloading-steps-text .downloading-title{font-size: 50px;}
 
  
  
}

@media screen and (max-width: 990px) {
  
  .footer .upperfooter .email-input{width: 100%;}
  .call-to-action-section .cta-email{width: 100%;}
  .upper-header{height: 70px;}
  .upper-header .upper-header-wrapper{flex-direction: column; gap: 12px;}
  .upper-header .upper-header-wrapper .upper-header-list{justify-content: center;}
  .upper-banner-section .upper-banner-text .banner-main-title{font-size: 64px;line-height: 1.4;}
  .upper-banner-section .upper-banner-text .banner-sub-title{font-size: 38px; max-width: 90%;}
  .section-banner .video-container{height: calc(100vh - 600px);}
  .call-to-action-section .cta-text .cta-heading { font-size: 48px;}
  .call-to-action-section .cta-text .offer{padding-top: 30px;}
  .call-to-action-section .cta-email{margin-top: 46px;}
  .call-to-action-section .cta-text .date { font-size: 42px;}
  .download-steps-slider .swiper .swiper-wrapper .swiper-slide{margin-right: 20px!important;}
  .swiper-button-next, .swiper-button-prev{width: 40px !important;height: 40px !important;}
  .swiper-button-next{right: -20px !important;}
  .swiper-button-prev { left: -20px !important;}
  .swiper-button-next:after, .swiper-button-prev:after { font-size: 24px !important;}
  .party-and-events-section .swiper{height: 100% !important;}
  .party-and-events-section .party-and-events .party-and-events-img{margin-top: 0px; height: 100%;}
  .party-and-events-section .party-and-events{height: 100%; gap: 30p; padding: 20px 36px 30px;}
  .party-and-events-section .party-and-events .party-and-events-texts .party-title{font-size: 32px;}
  .party-and-events-section .party-and-events .party-and-events-img{width: 260px;}
  .party-and-events-section .party-and-events .party-and-events-texts .party-number { width: 72px;}
  .featured-section .featured-body{flex-direction: column;}
  .featured-section .featured-body .featured-img-wrapper{width: 100%;}
  .featured-section .featured-text-sec{width: 100%; padding: 20px;}
  .featured-section .container .featured-text-sec .featured-description{ max-width: 100%;}
  .gallery-section { padding: 38px 0 30px;}
  .gallery-section .container .gallery-header .gallery-heading { font-size: 48px;}
  .day-activities-section { padding: 50px 0 20px;}
  .day-activities-section .container .activities-header .activities-heading { font-size: 48px;}
  .activity-list .activity-item { width: calc(50% - 24px);}
  .join-bar-section .join-bar-header .join-bar-heading {font-size: 48px;}
  .join-bar-section .join-bar-body .join-bar-video { height: 400px;}
  .join-bar-section .join-bar-body::after{top: 198px;}
  .swiper-button-next{right: 0px !important;}
  .swiper-button-prev {left: 0px !important;}
  .join-bar-slider{padding-top: 0;}
  .people-going-section .people-going-header .people-heading { font-size: 48px;}
  .people-going-body .people-list{padding-top: 34px;}
  .people-going-section {padding: 70px 0;}
  .people-list .people-items { width: calc(45% - 24px);}
  .app-section .container{flex-direction: column-reverse;}
  .app-section .app-text-sec {width: 90%;}
  .app-section .container .app-image-sec { width: 50%;}
  .weekend-section .container .weekend-body .weekend-text .weekend-heading {font-size: 48px;}
  .weekend-section .container .weekend-body{flex-direction: column; padding: 24px}
  .weekend-section .container .weekend-body .weekend-image{width: 100%; border-radius: 20px;}
  .weekend-section .container .weekend-body .weekend-text{width: 100%; padding: 0px 30px 20px 0;}
  .weekend-section{ padding: 64px 0; margin-top: 0;}
  .footer .mid-footer .footer-list{width: 45%;}
  .footer .mid-footer{height: 100%;padding: 30px 10px; gap: 30px;}
  .footer .mid-footer .footer-list .footer-heading{padding-bottom: 16px;}
  .meet-host .meet-host-wrapper{flex-direction: column; gap: 34px;}
  .meet-host .meet-host-wrapper .meet-host-text{width: 90%;}
  .meet-host .meet-host-wrapper .meet-host-imgages{width: 100%;}
  .party-and-events-section .swiper-button-next-mySwiper2, .party-and-events-section .swiper-button-prev-mySwiper2{width: 50px !important; height: 50px !important;}
  .party-and-events-section .swiper-button-prev-mySwiper2{left: 0px;}
  .party-and-events-section .swiper-button-next-mySwiper2 { right: 0px;}
  .join-bar-slider .swiper-button-prev { left: -16px !important;}
  .join-bar-slider .swiper-button-next { right: -16px !important;}
  
}

@media screen and (max-width: 990px) and (orientation:landscape){
  .upper-banner-section .upper-banner-text .banner-main-title{font-size: 36px;}
  .upper-banner-section .upper-banner-text .banner-sub-title {font-size: 22px; max-width: 54%;}
  .call-to-action-section .cta-text .cta-heading {font-size: 38px;}
  .call-to-action-section .cta-text .date {font-size: 38px;}
  
}

@media screen and (max-width: 480px) {
 
  .container{padding: 20px!important;}
  .upper-banner-section .upper-banner-image{ background-position-y: 82%; background-position-x: 90%;}
  .upper-banner-section .upper-banner-image::after{background: linear-gradient(70deg, rgba(255, 255, 255, 1) 17%, rgba(239, 241, 242, 0) 100%);}
  .upper-header .upper-header-wrapper .upper-header-list{flex-wrap: wrap;}
  .app-section .container .app-text-sec .app-download-wrapper{flex-wrap: wrap;}
  .upper-header { height: 114px;}
  .upper-banner-section .upper-banner-text .banner-main-title { font-size: 42px; line-height: 1.3;}
  .upper-banner-section .upper-banner-text .banner-sub-title { font-size: 26px; max-width: 100%;}
  .section-banner .video-container {height: 265px;}
  .section-banner .video-container iframe{scale: 1.3!important;}
  .call-to-action-section .cta-text .cta-heading {font-size: 28px;}
  .call-to-action-section .cta-text .offer .rupees { font-size: 44px;}
  .call-to-action-section .cta-text .offer .rupees-bg{padding: 8px 26px;}
  .call-to-action-section .cta-text .offer .off p {font-size: 20px;}
  .call-to-action-section .cta-text .offer .off{padding: 8px 20px}
  .call-to-action-section .cta-text .date {font-size: 28px;}
  .call-to-action-section .cta-email { margin-top: 30px;flex-wrap: wrap; border-radius: 20px;}
  .call-to-action-section .cta-email-input{width: 100%;}
  .call-to-action-section .cta-email .cta-book{width: 50%; padding: 8px;}
  .downloading-steps .downloading-steps-text .downloading-title { font-size: 38px;}
  .downloading-steps .downloading-steps-text .downloading-description{font-size: 18px;}
  .downloading-steps .downloading-step-list .downloading-step-items{width: calc(100% - 25px);}
  .downloading-steps .downloading-step-list{padding-top: 50px;}
  .party-and-events-section .party-and-events{flex-direction: column; gap: 5px}
  .featured-section .container .featured-text-sec .featured-list { grid-template-columns: repeat(1, 1fr);}
  .featured-section .featured-body .featured-img-wrapper .featured-image{padding-left: 0px;}
  .featured-section .featured-body .featured-img-wrapper .img-side-text{left: 50%; top: 103%; transform: rotate(0deg) translatex(-50%);}
  .featured-section .container .featured-text-sec .featured-heading {font-size: 24px; padding-top: 12px;}
  .featured-section .featured-body{gap: 22px}
  .gallery-section{padding: 16px 0 0px;}
  .gallery-section .container .gallery-header .gallery-heading { font-size: 34px;}
  .gallery-section .container .gallery-header .gallery-subheading {font-size: 18px;}
  .day-activities-section { padding: 42px 0 20px;}
  .day-activities-section .container .activities-header .activities-heading {font-size: 34px;}
  .day-activities-section .container .activities-header .activities-subheading {font-size: 18px;}
  .activity-list .activity-item { width: calc(100% - 24px);}
  .view-more-btn button {font-size: 20px;}
  .join-bar-section {padding: 46px 0;}
  .join-bar-section .join-bar-header .join-bar-heading { font-size: 34px; text-align: center;}
  .join-bar-section .join-bar-body .join-bar-video {height: 195px; margin-top: 14px;}
  .join-bar-section .join-bar-body::after {top: 110px;}
  .people-going-section .people-going-header .people-heading {font-size: 34px;}
  .people-going-section { padding: 70px 0;}
  .people-list .people-items { width: calc(100% - 24px);}
  .app-section .container .app-image-sec { width: 100%;}
  .app-section .container .app-text-sec .app-heading {font-size: 32px;}
  .app-section .container .app-text-sec .app-meta-list{grid-template-columns: repeat(1, 1fr); row-gap: 24px;}
  .app-section {padding: 10px 0px 38px 0;}
  .weekend-section .container .weekend-body .weekend-text .weekend-heading {font-size: 34px;}
  .weekend-section .container .weekend-body .weekend-text { width: 100%; padding: 0px 0px 20px 0;}
  .faq-heading { text-align: center; font-size: 34px;}
  .footer .upperfooter .footer-title{font-size: 34px; text-align: center;}
  .footer .mid-footer .footer-list {width: 100%;}
  .weekend-section .accordion-item .accordion-button.collapsed { font-size: 22px;}
  .weekend-section .accordion-item .accordion-header .accordion-button:not(.collapsed) {font-size: 22px}
  .faq-section .accordion-item .accordion-header .accordion-button:not(.collapsed) { font-size: 24px;}
  .faq-section .accordion-item .accordion-button.collapsed {font-size: 24px;}
  .gallery-images{grid-template-columns: repeat(2, auto);}
  .footer .mid-footer .footer-list .footer-logo-wrapper { width: 180px; height: 64px;}
  .app-section .container .app-text-sec .app-download-wrapper { gap: 6px; padding-top: 30px;}
  .app-section .container .app-text-sec .app-download-wrapper .app-download { width: 144px; height: 62px; }
  .footer .upperfooter .email-input{height: 66px;}
  .footer .upperfooter .email-input .email-send{width: 56px;}
  .footer .upperfooter .email-input .email-text{padding: 12px 72px 12px 30px;}
  .upper-header .upper-header-wrapper .upper-header-list{gap: 10px;}
  .upper-header .upper-header-wrapper{gap: 8px;}
  .downloading-steps .downloading-step-list .downloading-step-items .number { position: absolute; top: -104px; right: -16px;font-size: 224px;}
  .call-to-action-section{padding-top: 48px!important;}
  .downloading-steps{padding-bottom: 63px;}
  .day-activities-section .container .activities-header .activities-heading{line-height: 1.3;}
  .featured-section .container .featured-text-sec .featured-list{row-gap: 22px;}
  .meet-host .meet-host-heading{font-size: 34px;}
  .meet-host .meet-host-wrapper .meet-host-text .meet-host-name{font-size: 34px;}
  .meet-host .meet-host-wrapper .meet-host-text .meet-host-description{font-size: 18px;}
  .party-and-events-section .swiper-button-next-mySwiper2, .party-and-events-section .swiper-button-prev-mySwiper2{width: 50px !important; height: 50px !important;}
  .meet-host .swiper-button-next-meet, .meet-host .swiper-button-prev-meet{width: 50px !important; height: 50px !important;}
  .meet-host .meet-host-wrapper .meet-host-imgages{padding: 26px;}
  .join-bar-section .swiper-button-next, .join-bar-section .swiper-button-prev{width: 50px !important; height: 50px !important;}
  .join-bar-section .swiper-button-next:after, .swiper-button-prev:after{font-size: 20px !important;}
  .party-and-events-section { padding-top: 90px;}
  .party-and-events-section .party-and-events .party-and-events-texts .party-number { width: 65px; font-size: 30px;}
  .party-and-events-section .party-and-events .party-and-events-texts .party-title{padding-top: 22px;}
  .party-and-events-section .party-and-events .party-and-events-texts .party-description{ padding-top: 14px;}
  .meet-host{padding: 20px 0px 30px 0;}
  .meet-host .meet-host-wrapper{padding-top: 30px;}
  .party-and-events-section .swiper-button-next-mySwiper2{right: 11px;}
  .party-and-events-section .swiper-button-prev-mySwiper2 {left: 12px;}
  .party-and-events-section .party-and-events .party-and-events-img{width: 100%;}
  .party-and-events-section .party-and-events .party-and-events-texts{   padding-top: 24px;}
  .swiper-button-next{ right: -16px !important;}
  .swiper-button-prev { left: -16px !important;}
  .join-bar-section .join-bar-header .join-bar-heading{padding:0 10px;}
  
}
/* ********|| RESPONSIVE END ||******** */