@font-face {
  font-family: "Roboto";
  font-weight: 100;
  src: url(../fonts/Roboto-Thin.ttf);
}
@font-face {
  font-family: "Roboto";
  font-weight: 200;
  src: url(../fonts/Roboto-ExtraLight.ttf);
}
@font-face {
  font-family: "Roboto";
  font-weight: 300;
  src: url(../fonts/Roboto-Light.ttf);
}
@font-face {
  font-family: "Roboto";
  font-weight: 400;
  src: url(../fonts/Roboto-Regular.ttf);
}
@font-face {
  font-family: "Roboto";
  font-weight: 500;
  src: url(../fonts/Roboto-Medium.ttf);
}
@font-face {
  font-family: "Inter";
  font-weight: 500;
  src: url(../fonts/Inter_24pt-Medium.ttf);
}

@font-face {
  font-family: "Roboto";
  font-weight: 600;
  src: url(../fonts/Roboto-SemiBold.ttf);
}
@font-face {
  font-family: "Roboto";
  font-weight: 700;
  src: url(../fonts/Roboto-Bold.ttf);
}
@font-face {
  font-family: "Roboto";
  font-weight: 800;
  src: url(../fonts/Roboto-ExtraBold.ttf);
}
@font-face {
  font-family: "Roboto";
  font-weight: 900;
  src: url(../fonts/Roboto-Black.ttf);
}
body {
  font-family: "Roboto";
}
:root {
  --green: #2f4f2f;
  --blue: #1d5c89;
  --White: #fff;
  --bg: #fdf8f3;
  --Text: #111827;
}

h1,
h2,
h3,
p,
h4 {
  margin: 0;
}
h1 {
  color: var(--blue);
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 111.111%;
  text-transform: capitalize;
}
h2 {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 133.333%;
}
h3 {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
}

p,
h4,
.contactLink a {
  color: var(--Text);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

.boxText span,
.levelUPdesc h2,
p,
h4,
.contactLink a,
h3,
.linearText h2,
.timeLineText p,
.greenText h2,
.levelUpExp h2 .faqData .accordion-body p {
  line-height: 162.5%;
}

h4,
.contactLink a,
.contactLink p {
  font-size: 18px;
}

p {
  line-height: 150%;
}
.contactLinkDir a {
  color: var(--green);
}
.contactCard {
  height: 100%;
}

.banner {
  height: 716px;
  z-index: 1;
}
.Banner {
  height: 1024px;
}
.bannerText {
  max-width: 768px;
}
/* .bannerPadding {
  padding: 0 24px;
} */
.Banner .bannerData {
  max-width: 768px;
}
.circle1 span,
.bannerData h1,
.bannerData h3,
.exceptionalTitle h1,
.spacesData h4,
.counterEexceptional h1,
.greenBox h1,
.linearText h1,
.greenBox,
.footerText h1,
.timeLineTitle h1,
.contactCounter h1,
.eventQutation span,
.disabeled,
.linearBg h2,
.linearBg P,
.faqText h2,
.location span,
.headerItem {
  color: var(--White);
}
/* .BannerTitle {
  max-width: 700px;
} */

.exceptionalSwier {
  padding-top: 64px;
}
.sectionGap {
  gap: 64px;
}
.exceptionalSlide {
  border-radius: 16px;
  background: var(--White);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
.exceptionalBg {
  height: 224px;
  border-radius: 16px 16px 0 0;
  position: relative;
}
.exceptionalBtn {
  border-radius: 9999px;
  position: absolute;
  top: 58% !important;
}

.boxShadow {
  background: var(--White);
  box-shadow: 0 8px 10px -6px rgba(0, 0, 0, 0.1),
    0 20px 25px -5px rgba(0, 0, 0, 0.1);
}
.formData {
  padding: 48px;
  gap: 40px;
  border-radius: 24px;
}

.exceptionalNext {
  right: -16px !important;
}
.exceptionalPrev {
  left: -16px !important;
}
.swiper-button-next,
.swiper-button-prev {
  svg {
    display: none;
  }
}
.exceptionalNext {
  img {
    transform: rotate(180deg);
  }
}
.exceptionalData {
  height: 318.25px;
  overflow: hidden;
}
.boxData {
  padding: 24px;
}
.eventsCard {
  border-radius: 16px;
  background-color: #fff;
  box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1),
    0 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.exceptionalData h2 {
  padding-bottom: 12px;
}
.exceptitialText {
  height: 68.25px;
}
.exceptitialList {
  padding-top: 16px;
}

.excptinalpag {
  bottom: -45px !important;
}
.swiper-pagination-bullet {
  /* display: flex; */
  width: 8px;
  height: 8px;
  /* justify-content: center;
  align-items: flex-start; */
  flex-shrink: 0;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.4);
}
.swiper-pagination-bullet-active {
  background-color: var(--White);
  width: 32px;
  height: 8px;
}
.circleWhite {
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1),
    0 10px 15px -3px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(2px);
  position: absolute;
  right: 16px;
  top: 16px;
  display: flex;
  width: 56px;
  height: 56px;
  justify-content: center;
  align-items: center;
}

.sectionPadding {
  padding: 96px 0;
}
.filterPadding {
  padding: 32px 0;
}
.bannerData h1 {
  font-size: 72px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}
a {
  color: var(--White);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  cursor: pointer;
  text-decoration: none;
}
.eventName {
  /* max-width: 221px; */
  height: 45px;
}

.eventName h4 {
  line-height: 125%;
}
.headerNavbar {
  background-color: unset !important;
  position: fixed;
  top: 0;
  left: 0;

  z-index: 2;
  right: 0;
}
.whiteHedaer {
  z-index: 15;
  background-color: #fff !important;
}
.whiteHedaer .fixed,
.headerNavbar:not(.whiteHedaer) .default {
  display: block;
}
.whiteHedaer .default,
.headerNavbar:not(.whiteHedaer) .fixed {
  display: none;
}

.errorSection {
  padding: 210px 0 120px;
}
.headerItem,
span,
label,
::placeholder,
option,
select,
.footer-top ul li a,
.footer-bottom a,
ul li,
.recapLink a {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 142.857%;
}
select.form-select {
  font-size: 14px !important;
  line-height: 142.857% !important;
}
label {
  color: var(--Text);
}

::placeholder {
  font-family: "Inter";
}

.whiteHedaer .headerItem {
  color: var(--green);
}
.timeLineBox * {
  color: #fff;
}
.headerGap {
  gap: 32px;
}
.headerItem {
  border-radius: 9999px !important;
  text-transform: capitalize;
  padding: 10px 20px !important;
}
header .nav-item {
  border-radius: 9999px !important;
}
.headerItem:hover,
.headerItem.active,
.headerItem:focus {
  color: var(--White) !important;
  border-radius: 9999px;
  background: rgba(245, 245, 245, 0.2);
}

.whiteHedaer .headerItem:hover,
.whiteHedaer .headerItem.active,
.whiteHedaer .headerItem:focus {
  color: var(--green) !important;
  border-radius: 9999px;

  background: rgba(47, 79, 47, 0.1);
}
.greenBtn {
  background: var(--green);
  color: var(--White) !important;
  border: 1px solid var(--green);
  border-radius: 9999px;
  padding: 10px 24px !important;
}
.whiteGreenBtn:hover,
.greenBtn:hover {
  background-color: var(--bg);
  /* border: 1p solid var(--green) !important; */
  color: var(--green) !important;
}

/* .contact .whiteGreenBtn:hover,
.greenBtn {
  
} */
/* .whiteHedaer .logo {
  background-color: #fff;
} */
.logo img {
  /* mix-blend-mode: multiply; */
  width: 82px;
  height: 82px;
}
/* .greenBtn:hover {
  color: var(--green) !important;
  background-color: var(--White);
} */
.whiteBtn {
  border-radius: 9999px;
  padding: 18px 34px !important;
  border: 2px solid var(--White, #fff);
}
.bannerData .greenBtn {
  padding: 16px 32px !important;
}
.whiteBtn:hover,
.footer-top ul li a:hover,
.footer-bottom a:hover {
  color: var(--White);
}
.location {
  padding: 8px 16px;
  backdrop-filter: blur(2px);
}

.smallTitle {
  border-radius: 9999px;
  background: rgba(47, 79, 47, 0.1);
  padding: 10px 16px;
}

.smallTitle span {
  color: var(--green);
}

.ourStoryText {
  padding: 12px 0 0 1px;
}

.storyNotes {
  border-radius: 8px;
  border-left: 4px solid var(--Primary-1, #2f4f2f);
  background: rgba(47, 79, 47, 0.05);
  padding: 24px;
}
.storyNotes h3 {
  font-style: italic;
  color: var(--green);
  line-height: 140%;
  font-weight: 500;
}

.imagesGrid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  /* align-items: center; */
  gap: 16px;
}

.img1 {
  height: 288px;
}
.img3 {
  height: 256px;
}
.img4 {
  height: 192px;
}
.img2 {
  height: 224px;
}
.event,
.imagesStory {
  border-radius: 16px;
}
.event,
.imagesStory,
.exceptionalBg,
.greenBox,
.spaceImage,
.banner,
.timeLine::before,
.gallaryImage {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
/* .imagesStory img {
    background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  border-radius: 20%;
  height: 100%;
  object-fit: cover;
} */

.storySection,
.whyLevelUp,
.whyStandSection,
.levelUpExp,
.levelUPdesc,
.contactCard,
.cantactUsSection {
  background-color: var(--bg) !important;
}

.event {
  height: 400px;
}

.eventText {
  padding: 24px;
}
.eventText h2,
.eventText p,
.footer-top h4 {
  color: var(--White);
}

.rowGap {
  row-gap: 24px;
}

.totalGuest {
  position: absolute;
  /* right: 72px; */
  top: 106px;
  padding: 12px 24px;
  border-radius: 9999px;
  background: var(--White);
  box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1),
    0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.boxTitle p,
.standCard h3,
.contactCard h3,
.totalGuest h4,
.boxTitle h3,
.whiteDiv span,
.notesOwner p,
.totalGuest h4,
.cardEstate h3,
.cardBoxData h3,
.footer-top h4,
.eventCard h4,
.gallaryImage h3 {
  font-weight: 700;
}

.contactLink a,
.contactLink,
.totalGuest h4 {
  line-height: 155.556%;
}
.exceptionalSection,
footer {
  background-color: var(--green);
}
footer {
  padding: 80px 0;
  color: var(--White);
}
.footerText {
  max-width: 296px;
}
.footerText h1 {
  font-size: 28px;
  font-style: normal;
  font-weight: 300;
  line-height: 128.571%;
}

.circle {
  padding: 16px;
  display: flex;
  /* width: 48px;
  height: 48px; */
  border: unset;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.circle2 {
  padding: 4px 8px;
}

.gap-20 {
  gap: 20px;
}

.footer-top ul {
  margin: 0;
  padding: 0;
  list-style: none;
  gap: 12px;
}

.footer-top {
  padding-bottom: 64px;
}

.footer-bottom {
  padding-top: 33px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.location,
.circle,
.counterEexceptionalImage,
.greyCircleWhite {
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.2);
}
.socialBox {
  border-radius: 8px;
  padding: 12px;
  display: flex;
  width: 40px;
  height: 40px;
  /* padding: 2px; */
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border: 2px solid rgba(255, 255, 255, 0.2);
}

.counterEexceptionalImage {
  display: flex;
  width: 64px;
  height: 64px;
  justify-content: center;
  align-items: center;
}

.counterEexceptional {
  margin: 86px 0 48px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(2px);
}

.whiteGreenBtn {
  padding: 15px 32px;
  color: var(--green);
  text-align: center;
  border-radius: 9999px;
  background: var(--White);
  border: 1px solid var(--green);
}
/* 
.whiteGreenBtn:hover {
  color: var(--White);
  background-color: unset;
  border: 1px solid var(--White);
}
.levelUPdesc .whiteGreenBtn:hover {
  color: var(--green);
  border: 1px solid var(--green);
} */
.spacesData .whiteBtn {
  padding: 14px 34px !important;
}

.boxQutation {
  border-radius: 16px;
  background: var(--bg);
}

.notesOwner p {
  line-height: 150%;
}

.notesText {
  height: 117px;
}
.lastBox {
  padding: 24px 24px 32px;
}
.lastBox .notesText {
  height: 86px;
}
.eventQutation {
  height: 256px;
}

.eventQutation span {
  padding-bottom: 4px;
}

.eventQutationText {
  max-width: 512px;
  padding: 0;
}

.contact {
  background: #f9fafb;
}

.greyCircle {
  border-radius: 9999px;
  background: rgba(47, 79, 47, 0.1);
  display: flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.gap-32 {
  gap: 32px;
}

.box {
  border-radius: 24px;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.contactBox {
  padding: 48px 36px 48px 24px;
}
.contact iframe {
  border-radius: 20px 0 0 20px;
}
.notesText h4,
.eventName h4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.eventName h4 {
  -webkit-line-clamp: 2;
}
.filter {
  background-color: var(--White);
}

.filterData {
  padding: 16px 0;
  overflow-x: scroll;
  scrollbar-width: none;
  white-space: nowrap;
}
.rowGap32 {
  row-gap: 32px;
}
.fliterItem {
  justify-content: center;
  padding: 8px 16px;
  border-radius: 9999px;
  background: #f3f4f6;
  cursor: pointer;
}

.fliterItem.active {
  background-color: var(--blue);
}

.fliterItem.active span {
  color: var(--White);
  text-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 10px 15px rgba(0, 0, 0, 0.1);
}
.filterPadding .fliterItem {
  padding: 12px 24px;
}
.fliterItem.active .imgActive,
.fliterItem .imgDefault,
.pastEventsBtn .imgDefault,
.pastEventsBtn.active .imgActive {
  display: flex;
}

.fliterItem .imgActive,
.fliterItem.active .imgDefault,
.pastEventsBtn.active .imgDefault,
.pastEventsBtn .imgActive {
  display: none;
}

.pastEventContent {
  padding-top: 32px;
}
.fixedSectionPadding {
  padding: 64px 0;
}
.eventsSection {
  background: #fdf8f3;
}
.bs-gutter-x-32 {
  --bs-gutter-x: 32px;
}
.bs-gutter-x-48 {
  --bs-gutter-x: 48px;
}
.bs-gutter-x-64 {
  --bs-gutter-x: 64px;
}
.spacesGap {
  row-gap: 96px;
}
.spacesRow:nth-child(even) {
  flex-direction: row-reverse;
}
.whiteDiv {
  border-radius: 9999px;
  padding: 4px 12px;
  background: rgba(255, 255, 255, 0.8);
}

.whiteDiv.category span {
  font-size: 12px;
  line-height: 133.333%;
}

.caltDiv {
  background: rgba(47, 79, 47, 0.1);
  padding: 4px 12px;
  border-radius: 9999px;
}
.gap-12 {
  gap: 12px;
}

.organizSite {
  padding: 12px 16px !important;
  width: 100%;
}

.link {
  width: 166.672px;
  border-radius: 9999px;
  padding: 8px 20px;
  white-space: nowrap;
  text-align: center;
  background: var(--Grey, #f3f4f6);
}

.link a span {
  padding-left: 8px;
}

.exceptitialText span,
.exceptitialList li,
.footer-top ul li a,
.footer-bottom a,
select,
option,
.counterDesc span,
.notesOwner span,
.eventQutation span,
.boxText span,
.dateEvent span,
.greenText h2,
.levelUPdesc h2,
label span,
.circle1 span,
.gallaryImage span,
.Agree label,
.greenContactText h2 {
  font-weight: 400;
}
.exceptitialText span {
  line-height: 162.857%;
}
.greenContactText {
  height: 78px;
}

.contactText h2,
.contactDetails p:first-child,
.whiteDiv.category span,
.moreData,
label,
.contactLink a,
.contactLink p,
.smallTitle span,
.caltDiv span,
.momentSmallText p {
  font-weight: 600;
}

.linearText h3 {
  color: rgba(255, 255, 255, 0.9);
  opacity: 0.9;
}
.mapData {
  height: 100%;
}
.pastEventsTitle p {
  color: #4b5563;
  line-height: 150%;
}
.greenBox,
.levelUPdesc {
  border-radius: 24px;
  padding: 80px 48px;
}

.title h1 {
  font-size: 48px;
  line-height: 100%;
}
.ourStoryText .title h1,
.boxTitle h3 {
  line-height: 125%;
}
.greenText {
  max-width: 875px;
}
.levelUPdescText {
  max-width: 768px;
}

.disabeled {
  pointer-events: none;
  background: var(--Borders, #d1d5db);
  border-color: var(--Borders, #d1d5db);
}

.caltDiv span {
  color: var(--green);
}
.hoverText p {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 0.5s ease, max-height 0.5s ease;
  transform: translateY(-10px);
}
.hoverText.show p,
.Animation.active .eventText p {
  opacity: 1;
  transition: opacity 0.9s ease, max-height 0.9s ease;
  transform: translateY(-10px);
  max-height: 300px;
}
.boxText {
  height: 75px;
  text-overflow: ellipsis;
  transition: height 0.4s ease;
}
.boxText span {
  /* max-width: 175ch; */
  /* display: inline-block;  */
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.more {
  cursor: pointer;
}
.more:hover {
  color: var(--green);
}
.boxData.active .boxText span {
  display: block;
}
.boxData.active .boxText {
  height: auto;
}
.boxData.active .moreData img {
  transform: rotate(180deg);
}
.category.red span {
  color: #991b1b;
}
.greyCircleCounter {
  border-radius: 9999px;
  background: rgba(29, 92, 137, 0.1);
  padding: 17px;
  margin-bottom: 8px;
}

.filterSpace {
  border-bottom: 1px solid var(--Borders, #d1d5db);
}

.boxCard {
  padding: 24px;
  border-radius: 16px;
  background: var(--White, #fff);
  box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1),
    0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.spaceImage {
  height: 600px;
  border-radius: 24px;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.whiteCircle {
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.6);
  box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1),
    0 10px 15px -3px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(2px);
  padding: 17px;
}

.standCard h3,
.contactCard h3 {
  line-height: 140%;
}

.whiteDiv span,
.totalGuest h4,
.eventsLink span,
.contactLink a,
.contactLink p,
.moreData,
.ourStoryText a,
.moreData {
  color: var(--blue);
}

.spacesIcon p {
  font-weight: 500;
}

.exceptitialList ul {
  position: relative;
  padding-left: 15px;
  list-style: none;
  margin: 0;
}
.exceptitialList ul li::before {
  background: url(../listCheck.svg) no-repeat center;
  background-size: 11px;
  padding: 8px;
  position: absolute;
  left: -3px;
  align-items: center;
  content: "";
}

.styeldList ul {
  list-style: none;
}

.styeldList ul li:before {
  background: url(../listStyle.svg) no-repeat left;
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
}

.styeldList ul li {
  font-weight: 400;
  padding-left: 26px;
  position: relative;
  color: var(--Text);
}
.cardEstate ul li:before {
  background: url(../Icon-321.svg) no-repeat left;
}
.gap-18 {
  gap: 18px;
}
.hostCard {
  border-radius: 16px;
  height: 100%;
  background: var(--White);
}
.contactFormBox,
.linearContact,
.timeLineBox,
.cardEstate,
.cardEstate,
.hostCard,
.counterEexceptional,
.boxQutation,
.eventQutation {
  padding: 32px;
}
.greyCircleHost {
  border-radius: 9999px;
  background: rgba(47, 79, 47, 0.1);
  padding: 17px;
}

.proposalText h3 {
  color: #4b5563;
  line-height: 140%;
}
label span,
::placeholder,
option,
select {
  color: #9ca3af !important;
}
::placeholder,
option,
select {
  font-weight: 400 !important;
}
input[type="date"]::-webkit-calendar-picker-indicator {
  /* cursor: pointer;
  border-radius: 4px;
  margin-right: 2px; */
  opacity: 0.6;
  filter: invert(0.4);
}

input[type="date"]::-webkit-calendar-picker-indicator:hover {
  opacity: 1;
}
.reqierd {
  color: #991b1b !important;
}

input:not([type="button"]),
textarea,
select,
.uploadFile .uploadLabel {
  padding: 13px 17px !important;
  border-radius: 8px !important;
  border: 1px solid #d1d5db !important;
  background: var(--White);
}
.contactFormBox button[type="submit"] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
input:focus,
textarea:focus,
select:focus,
.uploadFile .uploadLabel:focus {
  border: 2px solid var(--green) !important;
  box-shadow: unset !important;
}
.Agree label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.uploadFile .uploadLabel {
  height: 56px;
}
input[type="checkbox"] {
  accent-color: #2f4f2f;
  stroke-width: 0.8px;
  stroke: var(--Borders, #d1d5db);
}
.footer-top input {
  color: #fff;
  padding: 13px 25px !important;
  border-radius: 9999px !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  background-color: unset;
}
textarea {
  height: 186px;
}
textarea::placeholder {
  max-width: 718px;
}
select {
  background-color: #f3f4f6 !important;
}

.comment span {
  color: #9ca3af;
  font-size: 12px;
  font-weight: 400;
  line-height: 133.333%;
}

.uploadFile {
  position: relative;
}

.uploadFile label {
  cursor: pointer;
}
.uploadFile input {
  opacity: 0;
  padding: 0 !important;
  pointer-events: none;
}

.uploadFile .fileUploadImage {
  position: absolute;
  cursor: pointer;
}

.lightGreen {
  border-radius: 9999px;
  background: #16a34a;
  box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.1),
    0 4px 6px -1px rgba(0, 0, 0, 0.1);
  padding: 16px 32px;
  border: 1px solid #16a34a;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.1);
}

.lightGreen:hover {
  background-color: var(--White);
  color: #16a34a;
}

.scrollLine {
  position: absolute;
  bottom: 32px;
  z-index: 2;
}
.Banner .scrollLine {
  right: 32px;
}
.scrollLine span {
  color: #fff;
  font-size: 12px;
  line-height: 133.333%;
}

.scrollBorder {
  display: flex;
  width: 1px;
  height: 48px;
  align-items: flex-start;
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.5);
}

.beginningTitle {
  height: 120px;
}

.linearBg {
  border-radius: 24px;
  background: var(
    --Gradient,
    linear-gradient(135deg, #1d5c89 0%, #2f4f2f 100%)
  );
}
.linearSection {
  padding: 48px;
  margin-bottom: 96px;
}

.greyCircleWhite {
  padding: 22px;
  color: var(--White);
}

.linearText {
  max-width: 896px;
  color: #fff;
}

.whyUsText {
  max-width: 768px;
}
.whyUsText h3 {
  text-align: center;
  color: #4b5563;
}

.whyChooseUs {
  padding: 96px 0 64px;
}

.estateTitle h1,
.contactTitle h1,
.contactFormBox h1 {
  line-height: 120%;
}
.contactCounter h1 {
  text-align: center;
}
.levelUpExp {
  border-radius: 24px;
  padding: 48px 100px;
  text-align: center;
}
.levelUpExp h2 {
  color: var(--blue);
  font-weight: 500;
}

.cardEstate {
  border-radius: 16px;
  border: 2px solid var(--Grey, #f3f4f6);
  background: var(--White);
  height: 100%;
}

.greenCircle {
  border-radius: 9999px;
  background: var(--green);
  padding: 16px;
}
.timeLine::before {
  content: "";
  position: absolute;
  opacity: 0.2;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
}
.timeLineTEST {
  z-index: 1;
  position: relative;
}
.timeLine {
  /* z-index: 1; */
  position: relative;
  background-color: var(--green);
}

.timeLineFull {
  position: relative;
  z-index: 2;
}
.timeLineBox {
  width: 45%;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(2px);
  position: relative;
}

.timeLineData {
  position: relative;
  /* padding: 0 24px; */
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.timeLineFull:nth-child(odd),
.timeLineFull:nth-child(even) .timeLineBox {
  align-items: start;
}

.timeLineFull:nth-child(even),
.timeLineFull:nth-child(odd) .timeLineBox {
  align-items: end;
}
.timeLineFull .timeLineBox::before {
  content: url(../DIV-361.svg);
  position: absolute;
  z-index: 3;
  top: 50px;
}
.timeLineFull:nth-child(odd) .timeLineBox::before {
  right: -20%;
}
.timeLineFull:nth-child(even) .timeLineBox::before {
  left: -20.5%;
}
.timeLineData::after {
  height: 100%;
  /* width: 1px; */
  width: 2px;
  top: -2px;
  left: 50%;
  content: "";
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  /* background: var(--green); */
  z-index: 1;
}

.timeLineText {
  max-width: 490px;
}

.timeLineBox p {
  color: rgba(255, 255, 255, 0.6);
  line-height: 150%;
}

.timeLineText p,
.timeLineTitle h3,
.contactCounter .counterDesc span {
  opacity: 0.8;
  color: rgba(255, 255, 255, 0.8);
}
.cardBox iframe,
.faqText {
  border-radius: 24px 24px 0 0;
}
.cardBox {
  border-radius: 24px;
  background: var(--White);
  box-shadow: 0 8px 10px -6px rgba(0, 0, 0, 0.1),
    0 20px 25px -5px rgba(0, 0, 0, 0.1);
}
.cardBoxData {
  padding: 24px;
  border-radius: 0 0 24px 24px;
  background: var(--White);
  box-shadow: 0 8px 10px -6px rgba(0, 0, 0, 0.1),
    0 20px 25px -5px rgba(0, 0, 0, 0.1);
}
.contactLocaton iframe {
  border-radius: 24px 24px 0 0;
}

.whiteBlueBtn {
  color: var(--blue);
}

.smallGreyCircle {
  padding: 11px;
}

.linearLinks .whiteBtn {
  padding: 14px 2px !important;
}

.linearLinks .whiteBlueBtn {
  padding: 12px 0 !important;
}

.contactFormBox textarea {
  height: 126px;
}
.faqContent {
  border-radius: 24px;
  box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1),
    0 10px 15px -3px rgba(0, 0, 0, 0.1);
  background: var(--White, #fff);
}
.faqText {
  padding: 24px;
}

.faqContent:nth-child(odd) .faqText {
  background-color: var(--blue);
}

.faqContent:nth-child(even) .faqText {
  background-color: var(--green);
}

.smallCircle {
  padding: 12px;
}
.circle1 {
  padding: 4px 12px;
}

.circle1 span {
  white-space: nowrap;
}

.accordion-body {
  padding: 0 32px 24px 32px;
}
.faqData .accordion-button {
  padding: 24px 32px;
  font-weight: 600;
  color: var(--Text);
  box-shadow: unset;
  bottom: unset;
  background-color: var(--White);
}
.faqData .accordion-button:not(:first-child) {
  border-top: 1px solid #d1d5db;
}
.accordion-body {
  border-radius: 0 0 24px 24px;
}

.accordion-button::after {
  /* background-image: url(../DIV-136.svg); */
  border-radius: 9999px;
  background-image: url(../Icon-138.svg);
  background-position: center;
  border: 2px solid #9ca3af;
  display: flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  background-size: unset;
  border-radius: 9999px;
}

.accordion-button:not(.collapsed)::after {
  background-image: url(../Icon-124.svg);
  transform: unset;
}
.faqContent:nth-child(odd) .accordion-button:not(.collapsed)::after {
  background-color: var(--blue);
}
.faqContent:nth-child(even) .accordion-button:not(.collapsed)::after {
  background-color: var(--green);
}
.faqTextBody {
  border-left: 4px solid;
  padding-left: 28px;
}

.faqContent:nth-child(odd) .faqTextBody,
.faqContent:nth-child(odd) .accordion-button:not(.collapsed)::after {
  border-color: var(--blue);
}

.faqContent:nth-child(even) .faqTextBody,
.faqContent:nth-child(even) .accordion-button:not(.collapsed)::after {
  border-color: var(--green);
}

.pastEventImage {
  height: 160px;
}
.pastEventImage img {
  border-radius: 12px 12px 0 0;
}
.eventCard {
  padding: 20px;
  background: #f9fafb;
  border-radius: 0 0 12px 12px;
}
.eventCard span {
  color: #6b7280;
}
.recapLink a {
  line-height: 120%;
  color: #1d5c89;
}
.recapLink {
  height: 20px;
}
.gallaryImage {
  /* padding: 16px; */
  cursor: pointer;
  position: relative;
  align-items: flex-start;
  border-radius: 16px;
  /* background-color: var(--White, #fff); */
  /* min-height: 416px; */
  box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1),
    0 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.gallaryImage img {
  object-fit: cover;
  width: 100%;
  border-radius: 16px;
}
.textGallary {
  position: absolute;
  bottom: 16px;
  left: 16px;
}
.circleGallary {
  position: absolute;
  top: 16px;
  right: 16px;
}
.gallaryImage .circleGallary,
.gallaryImage span {
  opacity: 0;
}
.gallaryImage:hover .circleGallary,
.gallaryImage:hover span {
  opacity: 1;
  display: flex !important;
}
.gallaryImage span {
  display: none !important;
}
.pastEventsBtn:hover {
  background-color: var(--green);
  color: #fff !important;
}
.gallaryImage img {
  position: relative;
}
.gallaryImage::after {
  border-radius: 16px;
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.3) 0%,
    rgba(0, 0, 0, 0) 50%,
    rgba(0, 0, 0, 0) 100%
  );
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.gallaryImage.Active,
.gallaryImage:hover::after {
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.7) 0%,
    rgba(0, 0, 0, 0.3) 50%,
    rgba(0, 0, 0, 0) 100%
  );
}

.gallaryImage h3,
.gallaryImage span {
  position: relative;
  z-index: 2;
  color: #fff;
}

.Animation.active {
  transition: width 2s;
  /* flex: 4.12 !important; */
}
.imageGallaryModal {
  height: 500px;
  text-align: center;
}

.imageGallaryModal img {
  object-fit: cover;
  height: 100%;
  /* width: 100%; */
}
.multiImages {
  display: grid;
  grid-template-columns: auto auto;
  gap: 16px;
}
.multiImages :nth-child(2) {
  margin-top: 64px;
}
/* .multiImages :nth-child(2).img4 {
  margin-top: 60px;
} */
.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(59, 59, 66, 0.7);
  z-index: 13333330;
  background: rgba(17, 24, 39, 0.9);
}

/* .GALLARYModalContent {
  border: unset;
  background-color: unset;
} */

.closeModal,
.circleSwiper {
  border-radius: 9999px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.1);
}

.galaryText p {
  color: #fff;
}
.swiper-button-prev.circleSwiper {
  transform: rotate(180deg);
}

.closeModal {
  cursor: pointer;
}

.bannerBtn a,
.whiteGreenBtn,
.whiteBtn,
.linearLinks a,
.levelUPdesc .greenBtn {
  height: 56px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hostEvent a {
  font-size: 18px;
}
.sectionTitle h3 {
  line-height: 140%;
}
.hostEvent {
  padding-bottom: 96px;
}
.exceptionalTitle h3,
.counterDesc span {
  color: rgba(255, 255, 255, 0.8);
}
.greenText h2 {
  color: rgba(255, 255, 255, 0.9);
}
.headerItem.greenBtn.active {
  background-color: var(--green);
  color: var(--White) !important;
}
.greenBtnSchdual {
  padding: 15px 24px !important;
}
.linearBg h2 {
  font-weight: 400;
}
.eventsSection .sectionGap {
  gap: 48px;
}

.eventsSection .exceptionalBg {
  height: 192px;
}
.dateEvent span {
  color: var(--Text);
}
.moreData,
.dateEvent {
  height: 20px;
}

.contactFormBox .form-select,
.formData .form-select {
  background-image: url(../select-icon-198.svg);
}
.formData .form-select {
  color: var(--text) !important;
}
.navbar-toggler:focus {
  box-shadow: unset !important;
}

.errorSection h1 {
  color: var(--Text);
}

.errorSection .whiteGreenBtn {
  padding: 18px 34px;
  height: 64px !important;
  font-weight: 500;
}

.errorSection .greenBtn {
  height: 60px !important;
  font-weight: 500;
  padding: 16px 32px;
}
/* .errorSection .whiteGreenBtn:hover {
  color: var(--green) !important;
  border-color: var(--green) !important;
} */

.errorText {
  max-width: 512px;
  text-align: center;
}

.pagesErrorBottom {
  margin-top: 48px;
  padding-top: 33px;
  border-top: 1px solid var(--Borders, #d1d5db);
}

.pages span {
  color: var(--green);
  /* position: relative; */
}
/* .pages span:before {
  position: absolute;
  content: "";
  width: 16px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  height: 16px;
  background-color: var(--green);
} */

.circleGreen {
  width: 4px;
  height: 4px;
  background-color: var(--green);
  border-radius: 50%;
}

.footer-top a:hover,
.footer-top a.active {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

a.socialBox:hover {
  color: rgba(255, 255, 255, 0.7);
}
.codedropz-upload-handler {
  display: none !important;
}
.wpcf7-form p:has(.greenBtn) {
  width: 100%;
}
.wpcf7-form .greenBtn {
  display: block;
  width: 100%;
  text-align: center;
}
.uploadFile .wpcf7-not-valid-tip {
  display: block;
  margin-top: 6px;

  /* margin-top: 15px; */
  color: #dc3545 !important;
}

.uploadLabel {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  cursor: pointer;
  padding: 0.5rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}
.uploadInput {
  display: none;
}
.fileUploadImage {
  max-width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.fileNameDisplay {
  font-size: 0.9rem;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 40px);
}
.native-time.is-invalid {
  border: 2px solid #e74c3c;
  border-radius: 4px;
}
.copy-toast {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  background: #2f4f2f;
  color: #fff;
  padding: 10px 18px;
  border-radius: 6px;
  font-size: 14px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 9999;
}
.copy-toast.show {
  opacity: 1;
}

.userAttend {
  height: 20px;
}

* newPage */ .bannerPages {
  height: 600px;
}

.share {
  border-radius: 9999px;
  border: 2px solid var(--White, #fff);
  backdrop-filter: blur(2px);
  height: unset !important;
  padding: 18px 26px;
  flex-shrink: 0;
}
.bannerPages h1 {
  font-size: 60px;
}

.bannerPages .bannerBtn a {
  height: 64px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.eventTimeBox p {
  color: #111827;
  font-weight: 700;
}
.eventTimeBox span,
.eventDataBox span,
.eventPrice p {
  color: #4b5563;
  font-weight: 400;
}
.eventData h4,
.bannerPages h6,
.timeBox span {
  color: var(--White);
}
.timeBox span {
  font-weight: 600;
}
h6 {
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 133.333%;
  margin: 0;
}
.bs-gutter-x-48 {
  --bs-gutter-x: 48px;
}

.cardBox {
  padding: 32px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1),
    0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.agentBox {
  margin-top: 32px;
}
.eventBox h1 {
  font-size: 30px;
  line-height: 120%;
}

.eventTimeBox:not(:last-child) {
  padding-bottom: 17px;
  border-bottom: 1px solid #e5e7eb;
}

.timeBox {
  padding: 4px 12px;
  border-radius: 8px;
  background: #1d5c89;
  white-space: nowrap;
  display: flex;
  align-items: center;
}

.eventDataBox {
  border-radius: 8px;
  background: #fdf8f3;
  padding: 12px;
}

.eventBoxLocation span {
  color: #111827;
  font-weight: 600;
}

.backLink:hover {
  color: var(--White) !important;
  opacity: 0.7;
}