@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;
  --shades02:#3A3A3A;
  --yellow:#FFC415;
  --red:#FF0000;
  --bgColor: #071212;
  --titleColor:#000;
  --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(--lightBg);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: 1024px){
	.container{max-width: none;}
	.modal-dialog{max-width: 1000px;}
	.modal-sm{max-width: 400px;}
}
@media (min-width: 576px){
	.container{max-width: none;}
	.modal-dialog{max-width: 600px;}
	.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 .log-in-btns{display: flex; align-items: center; gap: 20px;}
.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{border: 2px solid var(--primary); background-color: var var(--shades01); color: var(--primary); padding: 10px 32px ; border-radius: 30px; text-transform: uppercase; font-size: 16px; font-family: "IBM plex sans"; font-weight: 600;}
/* .header-sec .container .header-wrapper .log-in-btns .book-now-btn:nth-child(1) button{border: 2px solid var(--primary); background-color: var var(--shades01); color: var(--primary);}
.header-sec .container .header-wrapper .log-in-btns .book-now-btn:nth-child(2) button{border: 1px solid var(--primary); background: var(--primary);  color: var(--shades01);} */

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


/* ********|| BANNER START ||******** */
.upper-banner-section{position: relative; 
  /* height: calc(100vh - 420px);  */
  height: 524px;
  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.webp'); 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 img{width: 100%; height: 100%; object-fit: cover;}
.upper-banner-section  .upper-banner-text .banner-main-title{font-size: 76px; color: var(--primary); font-weight: 700; line-height: 1.3; text-transform: uppercase; font-family: "IBM plex sans"; max-width: 75%;}
.upper-banner-section .upper-banner-text .banner-main-title span{color: var(--primary); background: var(--yellow); padding:0px 14px;}
.upper-banner-section .upper-banner-text .banner-sub-title{font-size: 50px; font-weight: 700; line-height: 1.2; font-family: "IBM plex sans"; max-width: 800px; padding-top: 32px;}

.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 END ||******** */

/* ********|| CONTENT SUMMARY SECTION START ||******** */
.content-summary-section{padding: 100px 0;}
.content-summary-section .content-wrapper{display: flex; align-items: center; gap: 50px;}
.content-summary-section .content-wrapper .content-text{width: calc(50% - 40px);}
.content-summary-section .content-wrapper .content-text .content-heading{font-size: 54px; font-weight: 700; font-family: "IBM plex sans"; padding-bottom: 30px; color: var(--primary); text-transform: capitalize;}
.content-summary-section .content-wrapper .content-text .content-list .content-items{display: flex; gap: 14px; align-items: start; background-color: var(--shades01); padding: 24px; border-radius: 20px; margin-bottom: 20px;}
.content-summary-section .content-wrapper .content-text .content-list .content-items .number{font-size: 24px; font-family: "IBM plex sans"; font-weight: 600; color: var(--primary); flex-shrink: 0;}
.content-summary-section .content-wrapper .content-text .content-list .content-items .items-text{font-size: 20px; line-height: 1.3; font-weight: 600; color: var(--paragraph);}
.content-summary-section .content-wrapper .content-text .last-content{padding: 20px; border: 2px solid var(--primary); border-radius: 20px; background-color: var(--shades01);}
.content-summary-section .content-wrapper .content-text .last-content .content-text{font-size: 24px; width: 100%;}
.content-summary-section .content-wrapper .content-text .last-content .content-text p{padding-bottom: 8px;}
.form-btn-wrapper{display: flex; justify-content: center; align-items: center; width: 100%; margin-top: 30px;}
.content-summary-section .content-wrapper .content-text .form-button{margin-top: 40px;}
.form-button button{font-size: 20PX; text-transform: uppercase; font-weight: 600; padding: 25px 40px; border-radius: 100px; background-image: linear-gradient(to right,var(--yellow), var(--primary)); border: 0; color: var(--shades01);}
.content-summary-section .content-wrapper .content-img-sec{width: calc(50% - 40px);}
.content-summary-section .content-wrapper .content-img-sec .content-image{width: 100%; height: 100%; overflow: hidden; border-radius: 20px; display: flex;}
.content-summary-section .content-wrapper .content-img-sec .content-image img{width: 100%; height: 100%; object-fit: cover;}
.row-revers{flex-direction: row-reverse;}

.content-summary-section .container .content-wrapper:nth-child(odd) {flex-direction: row;}
.content-summary-section .container .content-wrapper:nth-child(even) {flex-direction: row-reverse;}


/* ********|| CONTENT SUMMARY SECTION END ||******** */

/* ********|| DOWNLOAD IMAGE SECTION START ||******** */
.download-image-section{padding-bottom: 80px;}
.download-image-section .container .download-wrapper .download-header{width: 100%; display: flex; justify-content: center; align-items: center; padding-bottom: 16px;}
.download-image-section .container .download-wrapper .download-heading{font-size: 44px; font-weight: 700; color: var(--primary); font-family: "IBM plex sans"; max-width: 50%; text-align: center;}
.download-image-section .container .download-wrapper .photos{position: relative;}
.download-image-section .container .download-wrapper .photos .img-item{width: 100%; border-radius: 20px; position: relative; overflow: hidden; transition: 0.5s all ease; cursor: pointer;}
.download-image-section .container .download-wrapper .photos .img-item .download-image{ position: relative; overflow: hidden; aspect-ratio: 1/1;}
.download-image-section .container .download-wrapper .photos .img-item .download-image img{width: 100%; height: 100%; object-fit: cover; border-radius: 20px; }
.download-image-section .container .download-wrapper .photos .img-item .download-image .overley{background-color: #00000045; position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; transition: 0.5s all ease;}
.download-image-section .container .download-wrapper .photos .img-item:hover .overley{opacity: 1;}
.download-image-section .container .download-wrapper .photos .img-item .download-btn{font-size: 18px; font-family: "IBM plex sans"; font-weight: 700; padding: 14px 32px; border-radius: 50px; background-color: var(--primary); position: absolute; top: 42%; transform: translateY(-50%); left: 50%; transform: translateX(-50%); color: var(--shades01); opacity:0;  transition: 0.5s all ease; text-transform: uppercase; border: 0;}
.download-image-section .container .download-wrapper .photos .img-item:hover .download-btn{opacity: 1;}

.swiper {
  width: 100%;
  height: 100%;
  padding-top: 36px !important;
  padding-bottom: 36px!important;
  position: relative!important;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper-pagination-bullet-active{background-color: var(--yellow)!important; width: 12px!important; height: 12px!important;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{display: flex;justify-content: center; align-items: center;}


.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  z-index: 10;
  color: var(--shades01)!important;
  display: flex;
  width: 60px!important;
  height: 60px!important;
  border-radius: 50px!important;
  justify-content: center;
  align-items: center;
  background-color: var(--yellow);
  flex-shrink: 0;
  font-weight: 700;
}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 28px!important;}
.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);}
.swiper-button-next {
  right: -32px!important;
}

.swiper-button-prev {
  left: -32px!important;
}


/* ********|| DOWNLOAD IMAGE SECTION END ||******** */

/* ********||SIGN UP SECTION START ||******** */
.sign-up-form-section{padding-bottom: 100px;}
.sign-up-form-section .container .signup-form-wrapper{display: flex ; gap: 70px; background: var(--shades01); border-radius: 20px;}
.sign-up-form-section .container .signup-form-wrapper .sign-up-img{ width: 45%; aspect-ratio: 1 / 1.01; overflow: hidden; border-top-left-radius: 20px; border-bottom-left-radius: 20px;}
.sign-up-form-section .container .signup-form-wrapper .sign-up-img img{width: 100%; height: 100%; object-fit: cover;}
.sign-up-form-section .container .signup-form-wrapper .sign-up-text{padding: 65px 46px 65px 0; width: 55%;}
.sign-up-form-section .container .signup-form-wrapper .sign-up-text .sign-up-heading{font-size: 26px; font-weight: 600; font-family: "IBM plex sans"; line-height: 1.4; text-transform: capitalize; max-width: 50%; padding-bottom: 20px;}
.form-section .form-wrap .sign-up-btn-wrapper{padding-bottom: 35px;}
.form-section .form-wrap .sign-up-btn-wrapper{display: flex ; align-items: center; gap: 20px;}
.form-section .form-wrap .sign-up-btn-wrapper .sign-up-btn{padding: 20px 0 ;}
.form-section .form-wrap .sign-up-btn-wrapper .sign-up-btn button { padding: 10px 32px; border-radius: 30px; text-transform: uppercase; font-size: 22px; font-family: "IBM plex sans"; font-weight: 600;}
.form-section .form-wrap .sign-up-btn-wrapper .sign-up-btn:nth-child(1) button{border: 2px solid var(--primary); background: var(--shades01); color: var(--primary);}
.form-section .form-wrap .sign-up-btn-wrapper .sign-up-btn:nth-child(2) button{    border: 2px solid var(--primary); background-color: var var(--shades01); color: var(--primary);}
.form-wrap .panel-body .input-feild input{border: 0; padding: 22px; background: var(--lightBg); border-radius: 10px; width: 100%; margin-bottom: 23px;}
.form-wrap .panel-body .input-feild input::placeholder{font-size: 16px;}
.form-section .form-wrap .panel-body .sign-up-submit{padding-top:35px ;}
.form-section .form-wrap .panel-body .sign-up-submit button{padding: 16px 38px; border-radius: 30px; text-transform: capitalize; font-size: 24px; font-family: "IBM plex sans"; font-weight: 600; background-color:  var(--yellow); color: black; border: 0;}
.form-section .form-wrap .panel-body .login-button button{padding: 16px 38px; border-radius: 30px; text-transform: capitalize; font-size: 24px; font-family: "IBM plex sans"; font-weight: 600; background-color:  var(--yellow); color: black; border: 0;}
a#register-form-link.active {background-color: var(--primary);color: var(--shades01);}
a#login-form-link.active{background-color: var(--primary);color: var(--shades01);}
.input-feild.login-button{padding-top:35px ;}
.panel-body { margin: 0 0 52px; height: 100%; min-height: 262px;}
.input-feild{position: relative;}
.error-message{color: red; position: absolute; left: 21px; bottom: 5px; font-size: 12px;}
.form-group{position: relative;}
.form-group .error-message{color: red; position: absolute; left: 0; bottom: -22px; font-size: 12px;}
.form-section .form-wrap .age-range .error-message { color: red; position: absolute; left: 0; bottom: -22px; font-size: 12px;}
.form-section .form-wrap .age-range .error-message2 { color: red; position: absolute; right: 238px; bottom: -22px; font-size: 12px;}
.gender-list { position: relative; margin: 0 0 38px;}
.gender-list .error-message { color: red; position: absolute; left: 0; bottom: -22px; font-size: 12px;}
.activity-item { display: block; border: 2px solid var(--borderColor); cursor: pointer; transition: border-color 0.3s ease-in-out; padding: 10px; border-radius: 8px;}
.hidden-checkbox {display: none;}
.hidden-checkbox:checked + .activity-image,
.hidden-checkbox:checked ~ .activity-item-text {border: none;}
.activity-item:has(.hidden-checkbox:checked) {border-color: var(--yellow);}

/* ********|| SIGN UP SECTION END ||******** */

/* ********|| SIGN UP BIG BUTTTON SECTION START ||******** */
.big-btn-sec .create-grp-btn{display: flex; width: 100%; justify-content: center; align-items: center; padding-top: 20px; padding-bottom: 55px;}
.big-btn-sec .create-grp-btn button{font-size: 30PX; text-transform: uppercase; font-weight: 800; padding: 30px 45px; border-radius: 100px; background-image: linear-gradient(to right,var(--yellow), var(--primary)); border: 0; color: var(--shades01);}

/* ********|| SIGN UP BIG BUTTTON SECTION END ||******** */

/* ********|| FORM SECTION START ||******** */
.form-section{margin: 20px 0 100px;}
.form-section .form-wrap{background-color: var(--shades01); padding: 30px; border-radius: 20px; margin-top: 40px;}
.form-section .form-wrap .essek-form label{position: relative; font-size: 20px!important; font-family: "IBM plex sans"!important; font-weight: 500; margin-bottom: 0;}
.form-section .form-wrap .form-required label::after{position: absolute; content: "*"; top: -2px; right: -14px; color: #FF0000;}
.form-section .form-wrap .essek-form .form-control{padding: 16px!important; background-color: var(--lightBg)!important; border-radius: 10px!important; margin-top: 15px; border: 0; border-color: var(--lightBg);}
.form-section .form-wrap .form-title{font-size: 28px; font-family: "IBM plex sans" ;font-weight:500; padding: 30px 0;}
.form-section .form-wrap .form-banner-img{width: 100%; height: 100%; overflow: hidden;}
.form-section .form-wrap .form-banner-img img{width: 100%; height: 100%; object-fit: cover; border-radius: 10px;}
.form-section .form-wrap .age-range{display: flex; gap: 10px; align-items: center; position: relative; margin: 0 0 16px;}
.form-section .form-wrap .age-range span{font-size: 16px; font-weight: 500;}
.form-section .form-wrap .essek-radio label{font-size: 20px; font-family: "IBM plex sans"; font-weight: 400;}
.form-section .form-wrap .essek-radio .form-check-input{width: 1.2em; height: 1.2em; margin-right: 10px;}
.form-section .form-wrap .price-input .input-group-text{ padding: 16px; background-color: var(--lightBg); border-right: 0!important; border-radius: 10px; border: 0;}
.form-section .form-wrap .price-input .form-control{ padding: 18px; background-color: var(--lightBg); border-left: 0!important; border-radius: 10px; border: 0;}
.form-section .form-wrap .range-picker .flatpickr-input[readonly]{width: 100%; padding: 20px!important; background-color: var(--lightBg); border-radius: 10px!important; border: 0;}
.form-section .form-wrap .range-picker .date-range-input{position: relative;}
.form-section .form-wrap .range-picker .date-range-input .calender-icon{position: absolute; top: 15px; right: 14px; font-size: 20px; color: var(--primary);}
.form-section .form-wrap .tooltip-required label::after{position: absolute; content: "!"; top: -4px; right: -26px; color: #FF0000; width: 20px; height: 20px; border-radius: 50px; display: flex; justify-content: center; align-items: center; background-color: var(--lightBg); font-size: 18px;}
.form-section .form-wrap .text-area-description .form-control{background-color: var(--lightBg); border-radius: 10px; border: 0;}
.form-section .form-wrap .upload-img{width: 100px; height: 100px; position: relative; border: 1px solid var(--primary); border-radius: 20px; display: flex; justify-content: center; align-items: center; font-size: 30px; color: var(--primary); background-color: var(--lightBg);}
.form-section .form-wrap .upload-img-input{width: 100px; height: 100px; position: absolute; top: 0; left: 0; z-index: 1; opacity: 0;}
.form-section .form-wrap .image-list{padding-left: 0;}
.form-section .form-wrap .image-list li{list-style: none; display: inline-block; padding-right: 20px;}
.form-section .form-wrap .image-list li .image{width: 70px; height: 70px; overflow: hidden; border-radius: 80px;}
.form-section .form-wrap .image-list li .image img{width: 100%; height: 100%; object-fit: cover;}
.form-section .form-wrap .form-heading{font-size: 28px; font-family: "IBM plex sans"; font-weight: 500; padding-bottom: 30px;}
.form-section .form-wrap .essek-form .tagify{background-color: var(--lightBg); padding: 12px; border-radius: 10px; border: 0; margin-top: 20px;}
.form-section .form-wrap .essek-form .form-control option{background-color: var(--lightBg); border: 2px solid var(--borderColor); }
.form-check-input:checked{    background-color: var(--primary); border-color: var(--primary);}
.tooltip-inner {
  /* background-color: var(--lightBg) !important; 
  border: 1px solid var(--borderColor);
  color: #fff !important;
  color: var(--paragraph)!important; */
  padding: 20px!important; 
  font-size: 16px;
  
}
/* .tooltip-arrow::before {
  background-color: var(--lightBg)!important; 
  border: 1px solid var(--borderColor);
} */

.tagify__tag>div{border-radius: 50px;}
.tagify{    
  width: 100%;
  max-width: 700px;
}

.tags-look .tagify__dropdown__item{
  display: inline-block;
  border-radius: 3px;
  padding: .3em .5em;
  border: 1px solid #CCC;
  background: #F3F3F3;
  margin: .2em;
  font-size: .85em;
  color: black;
  transition: 0s;
}

.tags-look .tagify__dropdown__item--active{
  color: black;
}

.tags-look .tagify__dropdown__item:hover{
  background: lightyellow;
  border-color: gold;
}

.modal-button .modal-button-title{    font-size: 20px !important;
  font-family: "IBM plex sans" !important;
  font-weight: 500;
  margin-bottom: 0;}
.modal-button button{width: 100%; margin-top: 16px; border: 0; background-color: var(--lightBg); padding: 16px; border-radius: 10px; display: flex; color: var(--paragraph);}
.modal-button button:hover{background-color: var(--borderColor);}
.modal.show .modal-dialog, .modal.fade .modal-dialog{
  height: calc(100vh - 100px);
  display: flex;
  justify-content: center;
  align-items: center;}
.modal-header{padding: 20px; background-color: var(--primary); color: var(--shades01);}
.modal .btn-close{top: 20px!important; right: 20px!important  ;}
.modal-content-wrapper{display: flex; gap: 30px; flex-wrap: wrap; padding: 20px; max-height: calc(100vh - 300px); overflow: auto;}
.modal-content-wrapper .modal-content-item{width: calc(25% - 30px); border: 1px solid var(--borderColor); border-radius: 10px; padding: 10px;}
.modal-content-wrapper .modal-content-item .content-image{width: 100%; aspect-ratio: 1/1; overflow: hidden; border-radius: 10px;}
.modal-content-wrapper .modal-content-item .content-image img{width: 100%; height: 100%; object-fit: cover;}
.modal-content-wrapper .modal-content-item .content-title{font-size: 14px; padding-top: 10px;}
.modal-title{font-size: 24px!important;}

.activity-item {width: calc(33% - 30px);border-radius: 20px;padding: 6px;display: flex;flex-direction: column;gap: 14px;}
.activity-item .activity-image{ position: relative; width: 100%; aspect-ratio: 1.1 / 1; border-radius: 20px; overflow: hidden;display: flex; flex-shrink: 0;}
.activity-item .activity-image img{width: 100%; height: 100%; object-fit: cover;}
.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;    width: 143px; min-height: 57px; display: flex; justify-content: center; align-items: center;}
.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-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-item .activity-item-text{padding: 0 14px; display: flex; flex-direction: column; gap: 12px; flex-shrink: 1; flex-grow: 1;}
.activity-item .activity-item-text .activity-image img{    width: 100%; height: 100%; object-fit: cover;}
.activity-item .activity-item-text .activity-title{font-size: 18px; font-family: "IBM plex sans"; font-weight: 500;}
.activity-item .activity-item-text .activity-subtitle{font-size: 14px; font-family: "IBM plex sans"; font-weight: 400; color: #3A3A3A;margin-top: auto;}
.favorite-checkbox{display: none;}
/* .checkbox {
  display: none;
} */

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

.checkbox:checked + .favorite-checkbox {
  background: #e74c3c;
}
.submit-form{display: flex; justify-content: end; width: 100%; margin-top: 30px;}
.form-section .form-wrap .essek-form .form-control{ font-size: 16px;}
.modal-button button:hover {
  background-color: var(--lightBg); color: var(--paragraph);}
.form-msg .msg-content{padding: 14px; border: 2px solid var(--primary); background-color: var(--shades01); border-radius: 10px; margin-top: 40px; font-size: 16px; color: var(--paragraph); font-weight: 600; box-shadow: 0px 0px 10px -3px var(--borderColor); } 
.custom-dropdown{    position: relative;
  font-size: 20px !important;
  font-family: "IBM plex sans" !important;
  font-weight: 500;
  margin-bottom: 0;
  display: inline;
}
  .custom-dropdown::after {
    position: absolute;
    content: "*";
    top: -2px;
    right: -14px;
    color: #FF0000;
}


.dropdown-search {
  width: 100%;
  padding: 12px;
  margin-bottom: 0px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.dropdown{position: relative; margin: 0 0 18px;}
.dropdown .dropdown-toggle{position: relative; display: flex; align-items: center; height: 55px; border-radius: 10px; padding: 16px 16px; padding-right: 32px; font-size: 16px; color: var(--shades02); line-height: 0.9; background-color: var(--lightBg); border:none; width: 100%; cursor: pointer; margin-top: 16px;}
.dropdown .dropdown-toggle:after{content: '\f078'; font-family: "Font Awesome 6 Pro"; position: absolute;top: 50%;right: 12px;font-size: 12px;font-weight: 600;transform: translateY(-50%) rotate(0deg);transition: all 0.3s ease; border: 0;}
.dropdown .dropdown-menu{position: absolute;top: 100%;left: 0;width: 100%;z-index: 8;background-color: var(--lightBg);margin: 2px 0 0;border-radius: 4px;box-shadow: 0 2px 20px rgba(var(--shades02-rgb), 0.1);padding: 4px 0;overflow: auto;max-height: 240px;list-style: none;display: none; opacity: 0; transition: opacity 0.3s ease, visibility 0s 0.3s; visibility: hidden;}
.dropdown .dropdown-menu li{display: flex; padding: 10px;}
.dropdown .dropdown-menu .dropdown-menu-item{display: flex;align-items: center;background-color: transparent;border: none;font-family: 'Rajdhani', sans-serif;font-size: 18px;font-weight: 500;height: 24px;padding: 0 12px;width: 100%;cursor: pointer;transition: all 0.3s ease;}
.dropdown .dropdown-menu .dropdown-menu-item:hover{color: var(--primary);}
.dropdown.active .dropdown-menu{display: block;opacity: 1;visibility: visible;transition: opacity 0.3s ease, visibility 0s;}
input#youtubeUrl {margin: 0 0 18px;}
.tab-btn.active{background-color: var(--primary)!important; color: white!important;}
.choose-modal{font-size: 18px; font-weight: 700; color: var(--paragraph);}

/* ********|| FORM SECTION END ||******** */


/* ********|| FAQ SECTION START ||******** */

.faq-section {
  padding: 70px 0 100px; background-color: var(--shades01);
}
.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;
}

.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}

.accordion-header {
  margin-bottom: 0; border-radius: 20px;
}

.faq-section .accordion-item .accordion-button:not(.collapsed) {
  background-color: var(--lightBg) !important;
  box-shadow: none !important;
}

.faq-section .accordion-item .accordion-button.collapsed { background-color: var(--lightBg);border-radius: 20px;}

.faq-section .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}

.faq-section .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  font-size: 30px;
  font-weight: 500;
  font-family: "IBM plex sans"; 
}

.faq-section .accordion-item .accordion-button.collapsed {
  background-color: var(--lightBg);
  border-radius: 20px;
  font-size: 30px;
}

.faq-section .accordion-item:first-of-type .accordion-button {
  /* font-size: 30px ; */
  /* border-radius: 20px 0; */
}

.accordion-button{font-size: 30px;     font-weight: 500; font-family: "IBM plex sans";}

.faq-section .accordion-item .accordion-body { border-top: 1px solid #E4E4E4; font-size: 16px; 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 ||******** */


/* ********|| FAQ SECTION END ||******** */

.app-section {
  padding: 70px 0;
}

.app-section .container {
  display: flex
;
  gap: 80px;
  align-items: center;
}
.app-section .app-text-sec {
  width: 60%;
}

.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;
}



/* ********|| 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;}
.form-msg {display: flex; justify-content: center; align-items: center;}

.trip-btn-wrap {
  display: flex;
gap: 16px;
  justify-content: end;
  margin-top: 35px;
  flex-wrap: wrap;
}

.trip-buttons {
  height: 60px;
  font-size: 28px;
  padding: 0 50px;
  background-color: var(--yellow);
  font-weight: 600;
  border-radius: 50px;
  color: var(--secondary);
  text-transform: uppercase;
width: 100%;
}
/* ********|| FOOTER END ||******** */


/* ********|| RESPONSIVE START ||******** */
@media screen and (max-width: 1600px) {
  .benifits-container .benifit-wrapper .benifit-heading{max-width: 54%;}
  .upper-banner-section .upper-banner-text .banner-main-title { font-size: 64px;}
  .upper-banner-section .upper-banner-text .banner-sub-title{font-size: 46px;}
  .batch-section .batch-list .batch-item .item-text{padding-left: 222px;}
  .boost-weekend-section .boost-weekend-container .boost-item-list .boost-item{padding: 48px 42px;}
  .boost-weekend-section .boost-weekend-container .boost-item-list .boost-item .boost-details .title{font-size: 34px;}
  .form-section .form-wrap .age-range .error-message2{right: 154px;}

  .app-section {  padding: 35px 0px 70px 0;}
  .app-section .container {  gap: 36px;}
}

@media screen and (max-width: 1540px) {
  .boost-weekend-section .boost-weekend-container .boost-item-list .boost-item{padding: 38px 36px;}
  .boost-weekend-section .boost-weekend-container .boost-item-list .boost-item .boost-details .title{font-size: 32px;}
  .upper-banner-section .upper-banner-text .banner-sub-title{font-size: 46px; line-height: 1.3; max-width: 55%;}
  .sign-up-form-section .container .signup-form-wrapper .sign-up-text .sign-up-heading{max-width: 60%}
  .content-summary-section .content-wrapper .content-text .last-content .content-text { font-size: 22px;}
  .form-section .form-wrap .age-range .error-message2 {right: 106px;}
 
  /* .social-section .social-wrapper{ margin: 90px 0 46px 0;}
  .social-section .social-wrapper .social-text{font-size: 44px; line-height: 1.3; padding-top: 107px;}
  .day-activities-section { padding: 60px 0 20px;}
  .form-section .form-title {font-size: 52px;}
  .app-section .container .app-text-sec .app-heading{font-size: 42px;}  */


  /* FAQ START  */
  .faq-heading {font-size: 52px;}
  /* FAQ END  */
  
}

@media screen and (max-width: 1440px) {
  .upper-banner-section .upper-banner-text .banner-main-title { font-size: 60px;}
  .day-activities-section{padding: 70px 0 20px;}
  .upper-banner-section .upper-banner-text .banner-sub-title {font-size: 42px;}
  .benifits-container .benifit-wrapper .benifit-heading{max-width: 54%;}
  .form-section .form-wrap .age-range .error-message2{right: 106px;}
  
  
}

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

@media screen and (max-width: 1366px) {
  .boost-weekend-section .boost-weekend-container .boost-item-list{gap: 28px;}
  .boost-weekend-section .boost-weekend-container .boost-item-list .boost-item .boost-details .title { font-size: 28px;}
  .sign-up-form-section .container .signup-form-wrapper{gap: 50px;}
  .sign-up-form-section .container .signup-form-wrapper .sign-up-text .sign-up-submit { padding-top: 25px;}
  .content-summary-section .content-wrapper .content-text .last-content .content-text { font-size: 20px;}
  .content-summary-section .content-wrapper .content-text .content-heading {font-size: 48px;}
  .form-section .form-wrap .age-range .error-message2{right: 62px;}
  
}

@media screen and (max-width: 1280px) {
  .upper-banner-section .upper-banner-text .banner-main-title { font-size: 54px;}
  .upper-banner-section .upper-banner-text .banner-sub-title { font-size: 40px;}
  .form-section .form-wrap .age-range .error-message2{right: 57px;}
  
}

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

@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: 42px; max-width: 100%;}
  .upper-banner-section .upper-banner-text .banner-sub-title{font-size: 36px; line-height: 1.2;}
  .call-to-action-section{padding: 60px 0;}
  .content-summary-section {padding: 70px 0;}
  .content-summary-section .content-wrapper{gap: 45px;}
  .content-summary-section .content-wrapper .content-text { width: 50%;}
  .content-summary-section .content-wrapper .content-img-sec { width: 50%;}
  .benifits-container .benifit-wrapper .benifit-heading { max-width: 68%;}
  .benifits-section .benifits-container { background-color: var(--bgColor); padding: 90px 0;}
  .benifits-container .benifit-wrapper .benifit-heading-wrap{ padding-top: 90px; padding-bottom: 48px;}
  .batch-section .batch-list .batch-item .item-img-wrapper .item-img-wrap{width: 96px; height: 96px;}
  .batch-section .batch-list .batch-item .item-text{ padding-left: 186px; font-size: 26px; line-height: 1.3;}
  .batch-section{padding-top: 130px;}
  .boost-weekend-section{padding-top: 126px;}
  .boost-weekend-section .boost-weekend-container .boost-item-list{grid-template-columns: repeat(2, 1fr);}
  .day-activities-section .container .activities-header .activities-heading{font-size: 52px;}
  .day-activities-section .container .activities-header .activities-subheading{padding-top: 14px;}
  .activity-list .activity-item { width: calc(33% - 30px);}
  .social-section .social-wrapper .social-text { font-size: 34px; line-height: 1.2;}
  .app-section {padding: 80px 0px 70px 0;}
  .form-section .form-title {font-size: 44px;     max-width: 60%;}
  .form-section{padding: 54px 0;}
  .call-to-action-section .cta-text .cta-heading {font-size: 48px;}
  .content-summary-section .content-wrapper .content-text .content-heading{font-size: 52px;}
  .weekend-section { padding: 84px 0; margin: 44px 0;}
  .app-section { padding: 10px 0px 70px 0;}
  .app-section .container .app-text-sec .app-heading {font-size: 39px;}
  .app-section .container .app-text-sec .app-meta-list .meta-items .meta-label {  font-size: 18px;}
  .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;}
  .form-section .form-wrap .age-range .error-message2{right: 17px;}
}

@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: 48px;line-height: 1.4;}
  .upper-banner-section .upper-banner-text .banner-sub-title{font-size: 34px; max-width: 90%;}
  .content-summary-section .content-wrapper .content-text .content-heading { font-size: 40px;}
  .section-banner .video-container{height: calc(100vh - 600px);}
  .call-to-action-section .cta-text .cta-heading { font-size: 46px; max-width: 70%;}
  .content-summary-section .container .content-wrapper:nth-child(odd){flex-direction: column-reverse;}
  .content-summary-section .container .content-wrapper:nth-child(even){flex-direction: column-reverse;}
  .content-summary-section .content-wrapper .content-img-sec { width: 60%;}
  .content-summary-section .content-wrapper .content-text { width: 100%;}
  .download-image-section .container .download-wrapper .download-heading{max-width: 80%;}
  .swiper-button-prev { left: -16px !important;}
  .swiper-button-next { right: -16px !important;}
  .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;}
  .sign-up-form-section .container .signup-form-wrapper .sign-up-text .sign-up-heading { max-width: 100%;}
  .sign-up-form-section .container .signup-form-wrapper { gap: 38px;}
  .sign-up-form-section .container .signup-form-wrapper .sign-up-text .sign-up-btn-wrapper .sign-up-btn button{font-size: 20px;}
  .sign-up-form-section .container .signup-form-wrapper .sign-up-text .sign-up-submit button{font-size: 22px;}
  .sign-up-form-section {padding-bottom: 58px;}
  .big-btn-sec .create-grp-btn button {font-size: 26PX;}
  .form-section { padding: 0px 0;}
  .big-btn-sec .create-grp-btn{padding-bottom: 44px;}
  .activity-item .activity-item-text .activity-title {font-size: 14px;}
  .activity-item .activity-item-text .activity-subtitle { font-size: 12px;}
  .sign-up-form-section .container .signup-form-wrapper .sign-up-text .sign-up-btn-wrapper{padding-bottom: 18px;}
  .sign-up-form-section .container .signup-form-wrapper .sign-up-text { padding: 50px 46px 50px 0;}
  .activity-item{width: calc(50% - 20px);}
  .modal-content-wrapper{max-height: calc(100vh - 320px); gap: 20px;}
  .modal-header { padding: 14px; padding-right: 43px !important;}


  .app-section .app-text-sec { width: 90%;}
  .faq-heading { font-size: 48px;}

  .app-section .container { gap: 26px;  flex-direction: column-reverse;}
  .app-section .container .app-image-sec .app-img-wrapper { padding: 28px 24px 3px 60px;}
}

@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;}

  /* .app-section .container { flex-direction: column-reverse;} */
  .app-section .container .app-image-sec { width: 50%;}
  .app-section .container .app-image-sec .app-img-wrapper { padding: 28px 24px 3px 60px;}

 
 
  
}

@media screen and (max-width: 768px){
  .form-section .form-wrap .age-range .error-message2{right: 279px;}
}

@media screen and (max-width: 480px) {
  .container{padding: 20px!important;}
  .upper-banner-section .upper-banner-image{ background-position-y: 2%; background-position-x: 72%;}
  .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: 32px; line-height: 1.3;}
  .upper-banner-section .upper-banner-text .banner-sub-title { font-size: 26px; max-width: 100%;}
  .section-banner .video-container {height: 264px;}
  .section-banner .video-container iframe {scale: 1.3 !important;}
  .download-image-section .container .download-wrapper .download-heading { max-width: 100%; font-size: 26px;}
  .content-summary-section { padding: 60px 0;}
  .header-sec .container .header-wrapper { display: flex ; flex-direction: column; justify-content: center; align-items: center;gap: 10px;}
  .header-sec{height: 140px;}
  .content-summary-section .content-wrapper .content-text .content-heading { font-size: 28px; padding-bottom: 24px;}
  .content-summary-section .content-wrapper .content-text .content-list .content-items .number {font-size: 20px;}
  .content-summary-section .content-wrapper { gap: 28px;}
  .content-summary-section .content-wrapper .content-text .content-list .content-items .items-text { font-size: 16px;}
  .content-summary-section .content-wrapper .content-img-sec { width: 100%;}
  .footer .upperfooter .footer-title{font-size: 34px; text-align: center;}
  .footer .mid-footer .footer-list {width: 100%;}
  .footer .mid-footer .footer-list .footer-logo-wrapper { width: 180px; height: 64px;}
  .footer .upperfooter .footer-subtitle { font-size: 18px;}
  .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;}
  .sign-up-form-section .container .signup-form-wrapper{flex-direction: column; padding: 20px;}
  .sign-up-form-section .container .signup-form-wrapper .sign-up-img {width: 100%; border-radius: 20px;}
  .sign-up-form-section .container .signup-form-wrapper .sign-up-text{width: 100%;}
  .sign-up-form-section .container .signup-form-wrapper .sign-up-text { padding: 0px 0px 0px 0;}
  .sign-up-form-section .container .signup-form-wrapper .sign-up-text .sign-up-btn-wrapper .sign-up-btn{padding: 6px 0;}
  /* .sign-up-form-section .container .signup-form-wrapper .sign-up-text .sign-up-btn-wrapper{flex-direction: column; gap: 0;} */
  .sign-up-form-section .container .signup-form-wrapper .sign-up-text .sign-up-heading {font-size: 22px;}
  .sign-up-form-section { padding-bottom: 18px;}
  .big-btn-sec .create-grp-btn button {font-size: 16PX; padding: 26px 38px;}
  .form-section .form-wrap{margin-top: 20px; padding: 24px;}
  .form-section { margin: 10px 0 100px;}
  .sign-up-form-section .container .signup-form-wrapper .sign-up-text .sign-up-btn-wrapper .sign-up-btn button {font-size: 16px;}
  .form-button button {font-size: 16PX;}
  .download-image-section { padding-bottom: 64px;}
  .form-section .form-wrap .essek-form label { position: relative; font-size: 18px !important; margin: 17px 0 0;}
  .form-section .form-wrap .form-title { font-size: 24px; max-width: 100%;}
  .form-section .form-wrap .essek-radio label {font-size: 16px;}
  .form-section .form-wrap .form-heading{padding-bottom: 16px;}
  .form-section .form-wrap .image-list li .image{width: 50px; height: 50px;}
  .form-section .form-wrap .image-list li{padding-right: 12px;}
  .form-button button{padding: 20px 36px;}
  .modal-button .modal-button-title {font-size: 18px !important;}
  .content-summary-section .content-wrapper .content-text .last-content .content-text { font-size: 18px;}
  .sign-up-form-section .container .signup-form-wrapper .sign-up-text .sign-up-submit button {font-size: 18px; padding: 14px 34px}
  .activity-item { width: 100%;}
  .modal.show .modal-dialog, .modal.fade .modal-dialog{height: calc(100vh - 30px);}
  .swiper-button-next, .swiper-button-prev{width: 50px !important; height: 50px !important;}
  .download-image-section .container .download-wrapper .photos .img-item .download-btn{font-size: 12px; padding: 10px 14px;}
  .sign-up-form-section .container .signup-form-wrapper .sign-up-text .sign-up-btn-wrapper .sign-up-btn a{font-size: 17px;}
  .form-section .form-wrap .sign-up-btn-wrapper .sign-up-btn button{font-size: 15px;}
  .form-section .form-wrap .age-range .error-message2{right: 0;}


  .faq-heading { font-size: 34px; text-align: center;}
  .faq-section .accordion-item .accordion-header .accordion-button:not(.collapsed) { font-size: 24px;} 
  .faq-section .accordion-item .accordion-button.collapsed {   font-size: 24px;}
  
  .app-section { padding: 10px 0px 38px 0;}
  .app-section .container .app-text-sec .app-meta-list {grid-template-columns: repeat(1, 1fr);row-gap: 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-download-wrapper {gap: 6px;padding-top: 30px;}
  .app-section .container .app-text-sec .app-download-wrapper .app-download { width: 144px; height: 62px;}

}
/* ********|| RESPONSIVE END ||******** */