/* Explore Page */
.innerHeading h1 {
  font-weight: 900;
  font-size: 44px;
  line-height: 53px;
  text-align: center;
  background: linear-gradient(175deg,
      #ff5d5d 18%,
      #c04cad 48.81%,
      #1857d1 101.59%);
  /* background: linear-gradient(153deg, #FF5D5D 3%, #C04CAD 29.81%, #1857D1 116.59%); */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.virtualHead2 span {
  background: linear-gradient(140.81deg,
      #ff5d5d 8%,
      #c04cad 48.81%,
      #1857d1 101.59%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

a {
  text-decoration: none;
}

.innerHeading p {
  font-weight: 400;
  font-size: 16px;
  line-height: 180%;
  max-width: 530px;
  margin: auto;
  color: #2b2a29;
  font-family: "Nunito Sans", sans-serif;
  margin-top: 26px;
}

.innerHeading1 h1 {
  font-style: normal;
  font-family: "Nunito", sans-serif;
  font-weight: 900;
  font-size: 44px;
  line-height: 53px;
  text-align: center;
  background: linear-gradient(130.15deg, #002f59 25.69%, #000000 128.49%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.innerHeading1 h1 span {
  font-style: normal;
  font-family: "Nunito", sans-serif;
  font-weight: 900;
  font-size: 44px;
  line-height: 53px;
  background: linear-gradient(128.49deg, #de463e -8.23%, #ff8a00 72.36%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.innerHeading1 p {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  max-width: 398px;
  margin: auto;
  color: #2b2a29;
  font-family: "Nunito Sans", sans-serif;
  margin-top: 26px;
}

.blurCircleCenter {
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  width: 895px;
  height: 900px;
  background: linear-gradient(180deg, #ffc082 0%, #f9ecc1 100%);
  opacity: 0.6;
  filter: blur(100px);
  z-index: -1;
  will-change: transform, opacity;
}

.blurCircleLeft {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, 2%);
  width: 622px;
  height: 589px;
  background: linear-gradient(139.26deg, #93e16f -10.77%, #22a26c 99.35%);
  opacity: 0.4;
  filter: blur(100px);
  z-index: -1;
  will-change: transform, opacity;
}

.blurCircleRight {
  position: absolute;
  top: 10%;
  right: -10%;
  width: 506px;
  height: 506px;
  background: linear-gradient(140.81deg,
      #ff5d5d 8%,
      #c04cad 48.81%,
      #1857d1 101.59%);
  opacity: 0.45;
  filter: blur(100px);
  z-index: -1;
  will-change: transform, opacity;
}

.blurCircleCenter.pink {
  background: linear-gradient(140.81deg,
      #ff5d5d 8%,
      #c04cad 48.81%,
      #1857d1 101.59%);
  opacity: 0.2;
  filter: blur(100px);
  transform: translate(-50%, -50%);
  will-change: transform, opacity;
}

.blurCircleOrangeRight.orange {
  background: linear-gradient(90.01deg, #f8d665 -6.24%, #ff7a00 100%);
  opacity: 0.4;
  filter: blur(185.5px);
  transform: matrix(-1, 0, 0, 1, 0, 0);
  will-change: transform, opacity;
}

.headerBtnsWrap {
  max-width: 756px;
  width: 100%;
  margin: auto;
  margin-bottom: 0vh;
  margin-top: 0vh;
}

.headerBtnsWrap .selectImg {
  position: absolute;
  left: 12px;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
}

.headerBtnsWrap .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 15px;
  text-align: left;
  padding-left: 55px;
}

.headerBtnsWrap .select2-container {
  max-height: 64px;
}

.headerBtnsWrap .w-100.position-relative {
  max-width: 244px;
}

.headerBtnsWrap .select2-container--default .select2-selection--single {
  border: none;
}

.headerBtnsWrap .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #1e1e1e;
  font-size: 14px;
  font-family: Nunito Sans;
  line-height: 28px;
  text-align: left;
  font-weight: 700;
}

.headerBtnsWrap .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #1e1e1e;
  font-size: 14px;
  font-family: Nunito Sans;
  line-height: 28px;
  text-align: left;
  font-weight: 700;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: -4px;
  right: 16px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: 1px solid;
  border-width: 0 2px 2px 0;
  padding: 3px;
  transform: rotate(45deg);
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border: 1px solid;
  border-width: 0 2px 2px 0;
  transform: rotate(224deg);
}

.select2-dropdown.customSelect {
  border: none;
  box-shadow: 0px 1px 8px rgba(196, 177, 160, 0.42);
}

.select2-dropdown.customSelect .select2-results__option {
  color: #1e1e1e;
  font-size: 14px;
  font-family: Nunito Sans;
  line-height: 28px;
  text-align: left;
}

.select2-dropdown.customSelect .select2-results__option--highlighted[aria-selected] {
  background-color: #e7e7e7;
}

.headerBtnsWrap .custom-select {
  position: relative;
  display: inline-block;
  width: 100%;
}

.headerBtnsWrap .custom-select:after {
  position: absolute;
  content: "";
  border: 1px solid;
  border-width: 0 2px 2px 0;
  padding: 3px;
  transform: rotate(45deg);
  right: 0;
  right: 15px;
  top: 23px;
}

.headerBtnsWrap .custom-select.open:after {
  transform: rotate(224deg);
}

.headerBtnsWrap .selected-option {
  cursor: pointer;
  padding: 15px;
  padding-left: 55px;
  border: none;
  border-radius: 12px;
  height: 100%;
  background: #fff;
  color: #1e1e1e;
  font-size: 14px;
  font-family: Nunito Sans;
  line-height: 28px;
  text-align: left;
  font-weight: 700;
}

.headerBtnsWrap .options {
  display: none;
  position: absolute;
  z-index: 1;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.headerBtnsWrap .options select {
  display: block;
  width: 100%;
  padding: 8px;
}

.headerBtnsWrap .custom-select.open .options {
  display: block;
}

.explorePage,
.detailPage {
  /* padding-top: 50px;
  padding-bottom: 80px; */
  padding-top: 0px;
  padding-bottom: 0px;
}

.trendingSection {
  background-color: #fff;
  position: relative;
  padding-bottom: 40px;
}

.trendingSection:before {
  position: absolute;
  top: 50%;
  content: "";
  transform: translateY(-50%);
  width: 416px;
  height: 416px;
  left: -165px;
  background: linear-gradient(90.01deg, #f8d665 -6.24%, #ff7a00 100%);
  opacity: 0.2;
  filter: blur(106.5px);
  will-change: transform, opacity;
}

.trendingSection:after {
  position: absolute;
  top: 50%;
  content: "";
  transform: translateY(-50%);
  width: 506px;
  height: 506px;
  right: -400px;
  background: linear-gradient(130.43deg, #44ecf7 -1.47%, #1667e1 93.13%);
  opacity: 0.2;
  filter: blur(47px);
  will-change: transform, opacity;
}

.trendingSection .swiper {
  padding-bottom: 65px;
}

/* InPerson activities */
.activities {
  position: relative;
  padding: 75px 0 40px 0;
}

.activities:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(180deg,
      rgb(255 192 130 / 40%) 0%,
      rgb(249 236 193 / 40%) 100%);
  mix-blend-mode: normal;
  transform: matrix(1, 0, 0, -1, 0, 0);
  z-index: -1;
  will-change: transform, opacity;
}

/* .activities .headingWrap{
    padding-left: 35%;
  } */
.activities .headingWrap h3 {
  font-weight: 900;
  font-size: 40px;
  line-height: 53px;
  /* background: linear-gradient(128.49deg, #DE463E -8.23%, #FF8A00 72.36%); */
  background: linear-gradient(91deg, #de463e -8.23%, #ff8a00 28.36%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.activities .headingWrap p {
  font-style: normal;
  max-width: 590px;
  font-weight: 400;
  font-size: 16px;
  line-height: 180%;
  color: #1e1e1e;
  font-family: "Nunito Sans", sans-serif;
}

.activities .trendingContent p {
  margin-top: 0;
  margin-bottom: 10px;
}

.activities .element1,
.activities .element2 {
  position: absolute;
  right: 10px;
  top: 10px;
  max-width: 110px;
  transform: translateX(-50%);
}

.activities .inPersonImg {
  max-width: 654px;
  position: absolute;
  left: -40px;
}

.activities .element2 {
  right: 37px;
  top: 208px;
  max-width: 336px;
}

.activities .element3 {
  position: absolute;
  right: 130px;
  bottom: 0px;
  max-width: 110px;
}

/* Tech Solutions */
.techSolutions {
  position: relative;
  background: linear-gradient(152deg, #93e16f -10.77%, #22a26c 99.35%);
  overflow: hidden;
  padding-top: 80px;
  z-index: 1;
  will-change: background;
}

/* .techSolutions:after{
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(140.61deg, #7EC0FF 18.04%, #D5EAFF 74.78%, #E7F3FF 74.78%);
    mix-blend-mode: normal;
    opacity: 0.1;
    z-index: -1;
  } */
.techSolutions .headingWrap h3 {
  font-weight: 900;
  font-size: 40px;
  line-height: 53px;
  background: linear-gradient(130.15deg, #002f59 25.69%, #000000 128.49%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.techSolutions .headingWrap p {
  max-width: 653px;
  margin: auto;
  font-family: "Nunito Sans", sans-serif;
}

.techSolutions .whiteBtn {
  transition: all 0.3s ease-out;
}

.techSolutions .whiteBtn:first-child {
  background: linear-gradient(90.6deg, #ff8b37 13.03%, #ffa500 99.64%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.techSolutions .whiteBtn:first-child:hover {
  color: #fff;
  background: linear-gradient(90.6deg, #ff8b37 13.03%, #ffa500 99.64%);
  -webkit-text-fill-color: #fff;
  border-radius: 49px;
  border: 1px solid #fff;
}

.techSolutions .whiteBtn:nth-child(2) {
  background: linear-gradient(140.81deg,
      #ff5d5d 8%,
      #c04cad 48.81%,
      #1857d1 101.59%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.techSolutions .whiteBtn:nth-child(2):hover {
  color: #fff;
  background: linear-gradient(140.81deg,
      #ff5d5d 8%,
      #c04cad 48.81%,
      #1857d1 101.59%);
  -webkit-text-fill-color: #fff;
  border-radius: 49px;
  border: 1px solid #fff;
}

.techSolutions .whiteBtn:nth-child(3) {
  background: linear-gradient(130.43deg, #44ecf7 -1.47%, #1667e1 93.13%);
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.techSolutions .whiteBtn:nth-child(3):hover {
  color: #fff;
  background: linear-gradient(130.43deg, #44ecf7 -1.47%, #1667e1 93.13%);
  -webkit-text-fill-color: #fff;
  border-radius: 49px;
  border: 1px solid #fff;
}

.techSolutions .whiteBtn:nth-child(4) {
  background: linear-gradient(139.26deg, #93e16f -10.77%, #22a26c 99.35%);
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.techSolutions .whiteBtn:nth-child(4):hover {
  color: #fff;
  background: linear-gradient(139.26deg, #93e16f -10.77%, #22a26c 99.35%);
  -webkit-text-fill-color: #fff;
  border-radius: 49px;
  border: 1px solid #fff;
}

.techSolutions .imgContainer {
  margin-top: 50px;
  display: flex;
  justify-content: center;
  bottom: -30px;
  position: relative;
}

/* .techSolutions .imgContainer figure{
    margin: 0;
    margin-bottom: -26px;
  } */
.techSolutions .imgContainer div img {
  height: 100%;
  width: 100%;
  filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.25));
  border-radius: 12px 12px 0px 0px;
}

.techSolutions .imgContainer div:first-child {
  margin-right: -10px;
}

.techSolutions .imgContainer div:last-child {
  margin-left: -50px;
}

.techSolutions .imgContainer div:last-child,
.techSolutions .imgContainer div:first-child {
  position: relative;
  height: 183px;
  bottom: -30px;
}

.techSolutions .imgContainer div:first-child img,
.techSolutions .imgContainer div:last-child img {
  max-width: 309px;
}

.techSolutions .imgContainer div:nth-child(2) {
  z-index: 1;
}

.techSolutions .imgContainer div:nth-child(2) img {
  max-width: 373px;
}

.techSolutions .particle img {
  max-width: 200px;
}

.techSolutions .element1,
.techSolutions .element2,
.techSolutions .element3,
.techSolutions .element4 {
  position: absolute;
  max-width: 120px;
}

.techSolutions .element1 {
  left: 5%;
  top: 10px;
}

.techSolutions .element2 {
  right: 100px;
  top: 15%;
}

.techSolutions .element3 {
  left: 15%;
  bottom: 30%;
}

.techSolutions .element4 {
  right: 10%;
  bottom: 50px;
}

/* Celebrations */
.celebrations {
  padding: 90px 0;
  background: #ffffff;
  mix-blend-mode: normal;
  position: relative;
  overflow: hidden;
}

.celebrations:before {
  position: absolute;
  content: "";
  background: linear-gradient(140.81deg,
      #ff5d5d 8%,
      #c04cad 48.81%,
      #1857d1 101.59%);
  opacity: 0.3;
  filter: blur(116.5px);
  width: 659px;
  height: 661px;
  top: 0;
  left: -20%;
  will-change: background;
}

.celebrations:after {
  position: absolute;
  content: "";
  background: linear-gradient(130.43deg, #44ecf7 -1.47%, #1667e1 93.13%);
  opacity: 0.3;
  filter: blur(185px);
  width: 1008px;
  height: 1008px;
  right: -32%;
  top: 70px;
  z-index: -1;
  will-change: background;
}

.celebrations .headingWrap {
  position: relative;
}

.celebrations .headingWrap h3 {
  font-style: normal;
  font-weight: 900;
  max-width: 421px;
  margin: auto;
  font-size: 40px;
  line-height: 53px;
  text-align: center;
  background: linear-gradient(140.81deg,
      #ff5d5d 8%,
      #c04cad 48.81%,
      #1857d1 101.59%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.celebrations .headingWrap p {
  max-width: 594px;
  margin: auto;
  font-family: "Nunito Sans", sans-serif;
}

.celebrations .blurCircleOrange {
  z-index: 0;
  top: 30%;
  left: 42%;
  height: 656px;
  width: 656px;
  transform: translate(-50%, -50%);
  opacity: 0.3;
  will-change: transform, opacity;
}

.celebrations .scrollingDiv {
  z-index: 1;
  right: -85px;
  top: 5px;
  overflow: visible;
  transform: rotate(4deg);
}

.celebrations .scrollingDiv .scrolling-section {
  justify-content: end;
  gap: 0;
}

.celebrations .scrollingDiv .scrolling-section .scroll-column {
  width: 25%;
}

.celebrations .scrollingDiv .box {
  width: 168px;
  height: 222px;
  /* height: 100%; */
}

.celebrations .scrollingDiv.oppositeDirection {
  left: -55px;
  transform: rotate(-2.47deg);
}

.celebrations .scrollingDiv.oppositeDirection .scrolling-section {
  justify-content: start;
}

/* Virtual activities */
.virtualActivities {
  position: relative;
  padding: 74px 0 30px;
}

.virtualActivities .trendingContainer {
  height: 100%;
}

.virtualActivities::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  /* background: linear-gradient(140.61deg, #7EC0FF 18.04%, #D5EAFF 74.78%, #E7F3FF 74.78%); */
  background: rgb(231, 243, 255);
  background: linear-gradient(180deg,
      rgba(231, 243, 255, 1) 0%,
      rgba(126, 192, 255, 1) 100%);
  mix-blend-mode: normal;
  opacity: 0.8;
  /* transform: rotate(180deg); */
  z-index: -1;
}

.virtualActivities .headingWrap h3 {
  font-style: normal;
  font-weight: 900;
  font-size: 40px;
  line-height: 132%;
  /* identical to box height, or 53px */
  background: linear-gradient(92.02deg, #0697ff 2.12%, #233fcf 104.27%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.virtualActivities .headingWrap p {
  max-width: 653px;
  font-family: "Nunito Sans", sans-serif;
  margin-left: auto;
}

.virtualActivities .element5,
.virtualActivities .element6 {
  position: absolute;
  max-width: 120px;
}

.virtualActivities .element5 {
  left: 0;
  top: 30px;
}

.virtualActivities .element6 {
  right: 12%;
  bottom: 0;
  z-index: 1;
}

.virtualActivities .onlinemeetingImg {
  transform: rotateY(180deg);
  position: absolute;
  right: -15%;
  top: -45px;
}

.virtualActivities .trendingContent h3 {
  background: linear-gradient(130.43deg, #44ecf7 -1.47%, #1667e1 93.13%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.programCards {
  background: #ffffff;
}

.programCards .cardWrap {
  row-gap: 28px;
  column-gap: 0px;
}

.programCards .customcards {
  /* max-width: 309px; */
  height: 100%;
  z-index: 1;
  position: relative;
  min-height: 110px;
  background: #ffffff;
  box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  padding: 20px;
  align-items: center;
}

.programCards .customcards .icon-container img {
  max-width: 68px;
  max-height: 68px;
}

.programCards .customcards h5 {
  font-family: "Nunito", sans-serif;
  margin: 0;
  font-style: normal;
  font-weight: 900;
  font-size: 16px;
  line-height: 24px;
  background: linear-gradient(130.15deg, #002f59 25.69%, #000000 128.49%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.programCards .customcards p {
  font-family: "Nunito Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 15px;
  color: #222222;
  opacity: 0.8;
  margin: 0;
}

/* sort */
select {
  display: block;
}

.dropdown {
  background-image: linear-gradient(to bottom,
      rgba(255, 255, 255, 0.25) 0%,
      rgba(255, 255, 255, 0) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#40FFFFFF", endColorstr="#00FFFFFF", GradientType=0);
  background-color: #f6f6f6;
  border-radius: 6px;
  border: solid 1px #eee;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.0075);
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
}

.dropdown:focus {
  background-color: #f1f1f1;
}

.dropdown:hover {
  background-color: #f3f3f3;
}

.dropdown:active,
.dropdown.open {
  background-color: #f0f0f0 !important;
  border-color: #e4e4e4;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) inset;
}

.dropdown:after {
  height: 0;
  width: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #777;
  transform: origin(50% 20%);
  transition: all 0.125s ease-in-out;
  content: "";
  display: block;
  margin-top: -2px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  top: 50%;
}

.dropdown.open:after {
  transform: rotate(-180deg);
}

.dropdown.open .list {
  transform: scale(1);
  opacity: 1;
  pointer-events: auto;
}

.dropdown.open .option {
  cursor: pointer;
}

.dropdown.wide {
  width: 100%;
}

.dropdown.wide .list {
  left: 0 !important;
  right: 0 !important;
}

.dropdown .list {
  box-sizing: border-box;
  transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
  transform: scale(0.75);
  transform-origin: 50% 0;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09);
  background-color: #fff;
  border-radius: 6px;
  margin-top: 4px;
  padding: 3px 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999;
}

.dropdown .list:hover .option:not(:hover) {
  background-color: transparent !important;
}

.dropdown .option {
  cursor: default;
  font-weight: 400;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  transition: all 0.2s;
}

.dropdown .option:hover,
.dropdown .option:focus {
  background-color: #f6f6f6 !important;
}

.dropdown .option.selected {
  font-weight: 600;
}

.dropdown .option.selected:focus {
  background: #f6f6f6;
}

.viewWrap {
  background: linear-gradient(178.37deg,
      rgba(210, 232, 250, 0) -4.64%,
      #d2e8fa 98.61%);
  position: relative;
  padding: 40px 0;
  padding-top: 10px;
}

.viewWrap::before {
  position: absolute;
  content: "";
  right: 0;
  width: 729px;
  border-radius: 50%;
  height: 729px;
  background: linear-gradient(130.43deg, #44ecf7 -1.47%, #1667e1 93.13%);
  opacity: 0.14;
  filter: blur(146px);
  z-index: -1;
  will-change: opacity;
}

.viewWrap::after {
  position: absolute;
  width: 653px;
  height: 653px;
  left: -70px;
  top: -150px;
  content: "";
  background: linear-gradient(146.46deg, #d344f7 2%, #e116a8 94.93%);
  opacity: 0.08;
  filter: blur(146px);
  z-index: -1;
  will-change: opacity;
}

.viewWrap .headingWrap h3 {
  font-family: "Nunito", sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 32px;
  line-height: 150%;
  background: linear-gradient(130.15deg, #002f59 25.69%, #000000 128.49%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.viewWrap .btnWrap button {
  outline: 0;
  background: #fff;
  display: flex;
  border-radius: 12px;
  font-style: normal;
  font-family: "Nunito Sans", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  color: #000000;
  padding: 15px 18px;
  /* min-width: 135px; */
}

.viewWrap .tabWrap {
  margin-top: 0.5rem;
}

.viewWrap .btnWrap button:focus {
  box-shadow: none;
}

.viewWrap .btnWrap button.active {
  background: linear-gradient(90.6deg, #ff8b37 13.03%, #ffa500 99.64%);
  color: #fff;
}

.viewWrap .btnWrap button.active span svg path {
  stroke: #fff;
}

.gridLayout {
  row-gap: 28px;
}

.viewWrap .listCard {
  background: #f9f9f9;
  border-radius: 20px;
  padding: 12px;
  align-items: center;
}

.viewWrap .listCard .countWrap div {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.viewWrap .listCard .countWrap img {
  max-width: 30px;
}

.viewWrap .listCard .imgcontainer {
  position: relative;
}

.viewWrap .listCard .imgcontainer img {
  max-width: 128px;
  width: 100%;
  border-radius: 16px;
  height: 106px;
  object-fit: cover;
}

.viewWrap .listCard .heading-Wrap h3 {
  font-style: normal;
  font-weight: 800;
  font-size: 20px;
  line-height: 150%;
  background: linear-gradient(90.6deg, #ff8b37 13.03%, #ffa500 99.64%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-family: "Nunito", sans-serif;
  max-width: 92%;
  margin: auto;
}

.viewWrap .listCard .descWrap p {
  text-align: left;
  font-family: "Nunito Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #2b2a29;
  margin: 0;
  /* max-width: 70%; */
}

.viewWrap .listCard .tagWrap {
  gap: 5px;
  justify-content: center;
  max-width: 80%;
  align-items: center;
}

.viewWrap .listCard .tagWrap span {
  background: #eaf2fc;
  padding: 6px 12px;
  mix-blend-mode: normal;
  border-radius: 6px;
  font-family: "Nunito Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 100%;
  color: #01264b;
  opacity: 0.8;
}

.viewWrap .listCard .countWrap {
  justify-content: space-between;
}

.viewWrap .listCard .countWrap p {
  font-family: "Nunito", sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 14px;
  line-height: 150%;
  color: #1e1e1e;
}

.challengeResult .subDetails {
  /* max-width: 65%; */
}

.challengeResult .subDetails h4 {
  font-weight: 800;
  font-family: "Nunito", sans-serif;
  font-size: 32px;
  line-height: 38px;
  text-align: left;
  background: linear-gradient(130.15deg, #002f59 25.69%, #000000 128.49%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-bottom: 1rem;
}

.challengeResult .subDetails p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  color: #2b2a29;
}

.challengeResult .cardWrap .box {
  background: #ffffff;
  position: relative;
  width: 100%;
  max-width: 240px;
  /* box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08); */
  box-shadow: 0px 0px 30px rgba(95, 159, 255, 0.04),
    0px 14px 24px rgba(74, 147, 255, 0.12);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 20px 0;
}

.challengeResult .cardWrap .box .img_wrap {
  max-width: 80px;
  height: 70px;
}

.challengeResult .cardWrap .box .img_wrap img {
  width: 100%;
  max-height: 100%;
}

.challengeResult .cardWrap .box p {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 800;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  background: linear-gradient(130.15deg, #002f59 25.69%, #000000 128.49%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  padding-top: 11px;
}

.preview_wrapper {
  position: relative;
}

.preview_wrapper:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 227px;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  mix-blend-mode: normal;
  opacity: 0.5;
  border-radius: 16px;
  z-index: 1;
}

.preview_wrapper .carousel-inner {
  border-radius: 16px;
}

.preview_wrapper .carousel-indicators {
  justify-content: left;
  margin-left: 20px;
}

.preview_wrapper .carousel-indicators.carousel-indicators--thumbnails li {
  width: 75px;
  height: 60px;
  margin-right: 12px;
  border: none;
  border-radius: 0;
  text-indent: inherit;
}

.preview_wrapper .carousel-indicators.carousel-indicators--thumbnails .thumbnail {
  width: 75px;
  height: 60px;
  border: 0.5px solid #ffffff;
  border-radius: 8px;
}

.preview_wrapper .carousel-indicators.carousel-indicators--thumbnails .thumbnail img {
  width: 100%;
  max-width: 75px;
  height: 100%;
  border-radius: 8px;
}

.preview_wrapper .carousel-indicators.carousel-indicators--thumbnails .active {
  display: none;
}

.preview_wrapper .carousel-indicators.carousel-indicators--thumbnails .active .thumbnail {
  border-color: #337ab7;
}

.preview_wrapper .carousel-indicators [data-bs-target] {
  opacity: 1;
  background-color: transparent;
}

.detailPage {
  position: relative;
  padding-top: 0;
}

.detailPage:after {
  position: absolute;
  content: "";
  width: 660px;
  height: 662px;
  z-index: -1;
  right: -185px;
  top: 15px;
  border-radius: 50%;
  background-image: url(../../assets/images/blueOverlay.svg);
}

.detailPage .cardWrap {
  margin-top: 40px;
}

.detailPage .cardWrap .box {
  background: #ffffff;
  position: relative;
  width: 100%;
  max-width: max-content;
  padding-right: 20px;
  /* box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08); */
  box-shadow: 0px 0px 30px rgba(95, 159, 255, 0.04),
    0px 14px 24px rgba(74, 147, 255, 0.12);
  border-radius: 12px;
  display: flex;
  justify-content: start;
  min-height: 72px;
  gap: 10px;
  height: 100%;
}

.detailPage .cardWrap .box .desc_wrap span {
  color: #494949;
  opacity: 0.8;
  font-weight: 600;
  font-size: 10px;
  line-height: 150%;
  font-family: "Nunito Sans", sans-serif;
  /* background: linear-gradient(128.49deg, #DE463E -8.23%, #FF8A00 72.36%); */
  /* -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent; */
}

.detailPage .cardWrap .box .desc_wrap p {
  font-style: normal;
  font-weight: 900;
  font-size: 14px;
  line-height: 150%;
}

.detailPage .cardWrap .box:first-child .desc_wrap p {
  background: linear-gradient(140.81deg,
      #ff5d5d 8%,
      #c04cad 48.81%,
      #1857d1 101.59%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.detailPage .cardWrap .box:nth-child(2) .desc_wrap p {
  background: linear-gradient(128.49deg, #de463e -8.23%, #ff8a00 72.36%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.detailPage .cardWrap .box:nth-child(3) .desc_wrap p {
  background: linear-gradient(139.26deg, #93e16f -10.77%, #22a26c 99.35%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.detailPage .btnWrap {
  margin-top: 20px;
  gap: 12px;
}

.detailPage .btnWrap .btn {
  background: #ffffff;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.12);
  border-radius: 12px;
}

.detailPage .rightWrap {
  padding-left: 15px;
}

.tech-solutions-banner .element1,
.tech-solutions-banner .element2,
.tech-solutions-banner .element3,
.tech-solutions-banner .element4 {
  position: absolute;
  max-width: 120px;
}

.tech-solutions-banner .element1 {
  left: 5%;
  top: 20px;
}

.tech-solutions-banner .element2 {
  right: 100px;
  top: 15%;
}

.tech-solutions-banner .element3 {
  left: 15%;
  bottom: 20%;
}

.tech-solutions-banner .element4 {
  right: 10%;
  bottom: 50px;
}

.other_apps,
.augmentedReality,
.three-d-activities {
  position: relative;
  padding: 80px 0;
}

.lastoverflow {
  overflow: hidden;
}

.augmentedReality .row {
  align-items: center;
}

.three-d-activities {
  padding-top: 120px;
}

.three-d-activities .rowint {
  align-items: center;
}

.three-d-activities .center_div {
  position: absolute;
  background: linear-gradient(92.02deg, #0697ff 2.12%, #233fcf 104.27%);
  opacity: 0.22;
  filter: blur(170px);
  left: 50%;
  top: 0;
  width: 718px;
  height: 613px;
  margin: auto;
  transform: translate(-50%, 0%);
  z-index: -1;
  will-change: background;
}

.three-d-activities:before,
.three-d-activities:after {
  position: absolute;
  content: "";
  width: 880px;
  height: 882px;
  left: -321px;
  top: -24px;
  background: linear-gradient(140.61deg,
      #7ec0ff 18.04%,
      #d5eaff 74.78%,
      #e7f3ff 74.78%);
  opacity: 0.5;
  filter: blur(170px);
  z-index: -1;
  will-change: background;
}

.three-d-activities:after {
  left: 969px;
  top: 109px;
  opacity: 0.11;
}

.three-d-activities h2 {
  font-weight: 900;
  font-size: 40px;
  line-height: 132%;
  width: max-content;
  background: linear-gradient(92.02deg, #0697ff 2.12%, #233fcf 104.27%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 20px;
}

.three-d-activities p,
.other_apps p,
.augmentedReality p {
  font-style: normal;
  font-weight: 400;
  max-width: 63%;
  font-size: 16px;
  line-height: 200%;
  margin-bottom: 40px;
  font-family: "Nunito Sans", sans-serif;
}

.three-d-activities p,
.other_apps p {
  margin-bottom: 116px;
}

.other_apps.other_apps2 p {
  margin-bottom: 30px;
  max-width: 80%;
}

.other_apps.other_apps2 .row {
  align-items: center;
}

.three-d-activities h6,
.other_apps h6 {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 900;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  background: linear-gradient(130.15deg, #002f59 25.69%, #000000 128.49%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-bottom: 120px;
}

.other_apps .img-container {
  position: relative;
}

.other_apps .img-container img {
  max-width: 395px;
  max-height: 295px;
  border-radius: 20px;
  filter: drop-shadow(0px 6px 10px rgba(0, 0, 0, 0.12));
}

.other_apps .img-container img:nth-child(2) {
  position: absolute;
  right: 25%;
  z-index: -1;
  top: 30%;
}

.other_apps .img-container .element {
  position: absolute;
  right: 30%;
}

.other_apps .img-container .element1 {
  position: absolute;
  left: 10%;
  bottom: -45%;
}

.other_apps .img-container .element img,
.other_apps .img-container .element1 img {
  max-width: 80px;
  max-height: 80px;
}

.other_apps h2 {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 900;
  font-size: 40px;
  line-height: 132%;
  background: linear-gradient(128.49deg, #de463e -8.23%, #ff8a00 72.36%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: max-content;
  background-clip: text;
  text-fill-color: transparent;
  margin-bottom: 24px;
}

.other_apps h6 a {
  text-decoration: underline;
}

.other_apps .center_div {
  position: absolute;
  width: 954px;
  height: 995px;
  left: 327px;
  top: -106px;
  background: linear-gradient(128.49deg, #de463e -8.23%, #ff8a00 72.36%);
  opacity: 0.22;
  filter: blur(170px);
  z-index: -1;
  will-change: background, opacity;
}

.other_apps:after,
.other_apps::before {
  content: "";
  position: absolute;
  width: 750px;
  height: 752px;
  left: 864px;
  top: 101px;
  background: linear-gradient(180deg, #fae059 0%, #ffd056 100%);
  opacity: 0.3;
  filter: blur(170px);
  z-index: -1;
  will-change: background, opacity;
}

.other_apps::before {
  width: 860px;
  height: 861px;
  left: -311px;
  top: -37px;
  opacity: 0.2;
}

.other_apps .element {
  position: absolute;
  right: 10px;
  transform: rotate(15deg);
}

.augmentedReality h2 {
  font-style: normal;
  font-weight: 900;
  margin-bottom: 1.2rem;
  width: max-content;
  width: auto;
  font-size: 40px;
  line-height: 132%;
  background: linear-gradient(139.26deg, #93e16f -10.77%, #22a26c 99.35%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.augmentedReality p {
  margin: auto;
  margin-bottom: 1.5rem;
  max-width: 86%;
}

.augmentedReality .ext-site {
  text-transform: lowercase;
  font-style: normal;
  position: relative;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  text-decoration-line: underline;
  background: linear-gradient(130.15deg, #002f59 25.69%, #000000 128.49%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.augmentedReality .ext-site:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 3px;
  width: 100%;
  height: 1px;
  background-color: #002f59;
}

.augmentedReality .center_div {
  position: absolute;
  width: 718px;
  height: 800px;
  top: -150px;
  left: 361px;
  background: linear-gradient(139.26deg, #93e16f -10.77%, #22a26c 99.35%);
  opacity: 0.22;
  filter: blur(170px);
  z-index: -1;
  will-change: background, opacity;
}

.augmentedReality:before,
.augmentedReality:after {
  position: absolute;
  content: "";
  width: 773px;
  height: 776px;
  left: -387px;
  top: 0px;
  background: linear-gradient(145.56deg, #e3ffe9 -3.69%, #7bab55 86.61%);
  opacity: 0.5;
  filter: blur(170px);
  z-index: -1;
  will-change: background, opacity;
}

.augmentedReality:after {
  width: 878px;
  height: 880px;
  left: 863px;
  top: 27px;
  background: linear-gradient(139.26deg, #93e16f -10.77%, #22a26c 99.35%);
  opacity: 0.23;
  filter: blur(170px);
  will-change: background, opacity;
}

.augmentedReality+.faqSection {
  background-color: transparent;
}

.detailPage .MainHeading {
  margin-top: 50px;
}

.detailPage .MainHeading p {
  width: 75%;
}

.card_Section .cardWrapper {
  /* padding: 0 39px; */
  row-gap: 62px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 40px;
}

.card_Section .cardWrapper .card p {
  margin: auto;
  max-width: 87%;
}

.slider_section {
  padding-top: 35px;
  position: relative;
}

.slider_section:before {
  content: "";
  position: absolute;
  width: 459px;
  height: 453px;
  left: -150px;
  background: linear-gradient(139.26deg, #93e16f -10.77%, #22a26c 99.35%);
  opacity: 0.2;
  filter: blur(100px);
  will-change: background;
}

.slider_section:after {
  position: absolute;
  content: "";
  width: 553px;
  height: 546px;
  right: 0;
  bottom: -150px;
  background: linear-gradient(90.01deg, #f8d665 -6.24%, #ff7a00 100%);
  opacity: 0.2;
  filter: blur(100px);
  will-change: background;
}

.slider_section .container {
  padding-bottom: 0;
}

.slider_section .heading h2 {
  font-style: normal;
  font-weight: 900;
  font-size: 28px;
  line-height: 150%;
  color: #1e1e1e;
  margin-bottom: 40px;
}

.slider_section .swiper-wrapper {
  max-width: 70%;
  margin: auto;
  border-radius: 32px 32px 0px 0px;
}

.slider_section .swiper {
  padding-bottom: 0;
  position: relative;
}

.slider_section .swiper-slide {
  /* width: 100% !important; */
}

.slider_section .swiper-wrapper .wrapper img {
  width: 100%;
  height: 100%;
  max-height: 550px;
  max-width: 990px;
}

.slider_section .swiper-pagination {
  bottom: 30px !important;
}

.slider_section .swiper-wrapper .desc {
  position: relative;
  bottom: 50px;
  width: 100%;
}

.slider_section .swiper-wrapper p {
  text-align: center;
  font-style: normal;
  font-weight: 800;
  font-size: 20px;
  line-height: 30px;
  color: #fff8f0;
}

.slider_section .description {
  position: relative;
}

.slider_section .description .textwrap {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 150px;
  left: 0;
  transform: translateX(-15%);
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.slider_section .description:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 240px;
  background: linear-gradient(180deg, rgba(30, 30, 30, 0) 0%, #1e1e1e 100%);
  border-radius: 32px 32px 0px 0px;
}

.why-three-secion {
  position: relative;
  padding: 75px 0;
}

.why-three-secion:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(180deg, #fae059 0%, #ffd056 100%);
  opacity: 0.5;
  z-index: -1;
}

.why-three-secion h2 {
  font-style: normal;
  font-weight: 900;
  font-size: 36px;
  line-height: 54px;
  background: linear-gradient(130.15deg, #002f59 25.69%, #000000 128.49%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-bottom: 1rem;
}

.why-three-secion p {
  font-style: normal;
  font-family: "Nunito Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  max-width: 70%;
  line-height: 29px;
  background: linear-gradient(130.15deg, #002f59 25.69%, #000000 128.49%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-bottom: 60px;
}

.how-it-works {
  padding: 55px 0 75px 0;
  position: relative;
}

.how-it-works::before {
  content: "";
  position: absolute;
  border-radius: 100%;
  width: 660px;
  height: 662px;
  left: -15px;
  top: -16px;
  background: linear-gradient(140.81deg,
      #ff5d5d 8%,
      #c04cad 48.81%,
      #1857d1 101.59%);
  opacity: 0.21;
  filter: blur(170px);
  will-change: background;
}

.how-it-works .head_wrap h2 {
  font-style: normal;
  font-weight: 900;
  font-size: 36px;
  line-height: 150%;
  color: #1e1e1e;
  margin-bottom: 1rem;
}

.how-it-works .head_wrap p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  max-width: 40%;
  margin: auto;
  line-height: 32px;
  /* or 32px */
  font-family: "Nunito Sans", sans-serif;
  text-align: center;
  color: #1e1e1e;
}

.scrollable_container {
  max-width: 75%;
  margin: auto;
  height: 425px;
  overflow-x: hidden;
  overflow-y: scroll;
}

.scrollable_container .img-container img {
  max-width: 350px;
}

.scrollable_container .desc-container {
  /* position: relative; */
}

.scrollable_container .desc-container h3 {
  font-style: normal;
  font-weight: 900;
  font-size: 32px;
  line-height: 36px;
  color: #1e1e1e;
  margin-bottom: 30px;
}

.scrollable_container .desc-container p {
  font-family: "Nunito Sans", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 40px;
  color: #1e1e1e;
}

.scrollable_container .scroll_cards {
  padding: 30px 0;
  position: relative;
}

.scrollable_container .scroll_cards:nth-child(2n) {
  flex-direction: row-reverse;
}

.scrollable_container .scroll_cards:nth-child(2n) .desc-container {
  text-align: end;
}

.scrollable_container .scroll_cards .counter {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 121.82px;
  line-height: 122px;
  position: absolute;
  top: 50px;
  left: 50%;
  z-index: -1;
}

.scrollable_container .scroll_cards:nth-child(1) .counter {
  background: linear-gradient(90.01deg, #f8d665 -6.24%, #ff7a00 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.scrollable_container .scroll_cards:nth-child(2) .counter {
  background: linear-gradient(139.26deg, #93e16f -10.77%, #22a26c 99.35%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.scrollable_container .scroll_cards:nth-child(3) .counter {
  background: linear-gradient(130.43deg, #44ecf7 -1.47%, #1667e1 93.13%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.scrollable_container .scroll_cards:nth-child(1) .desc-container h3 {
  max-width: 50%;
}

.scrollable_container .scroll_cards:nth-child(2) .desc-container h3 {
  max-width: 45%;
  margin-left: auto;
}

.scrollable_container .scroll_cards:nth-child(3) .desc-container h3 {
  max-width: 50%;
}

.scrollable_container .scroll_cards:nth-child(2) .desc-container .counter {
  left: 45%;
  top: 25px;
}

.scrollable_container .scroll_cards:nth-child(3) .desc-container .counter {
  left: 46%;
  top: 22px;
}

.scrollable_container::-webkit-scrollbar-thumb,
.scrollable_container::-webkit-scrollbar-track {
  /* display: none; */
  width: 5px;
}

.scrollable_container .bottomSection {
  text-align: center;
  padding-top: 50px;
}

.scrollable_container .bottomSection .imgcontainer {
  position: relative;
}

.scrollable_container .bottomSection .imgcontainer img {
  position: absolute;
}

.scrollable_container .bottomSection .imgcontainer:first-child img {
  left: -25px;
}

.scrollable_container .bottomSection .imgcontainer:last-child img {}

.scrollable_container .bottomSection h2 {
  font-style: normal;
  font-weight: 900;
  font-size: 40px;
  line-height: 44px;
  text-align: center;
  background: linear-gradient(140.81deg,
      #ff5d5d 8%,
      #c04cad 48.81%,
      #1857d1 101.59%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-bottom: 1rem;
}

.scrollable_container .bottomSection p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
  color: #2b2a29;
  margin-bottom: 40px;
}

.techsolutionbanner {
  width: 60%;
}

.virtualHead {
  max-width: 46%;
  margin: auto;
}

.banner-icon-container {
  width: 100%;
  height: 100%;
  max-width: 250px;
  max-height: 250px;
}

.banner-icon-container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.activityPage .virtualHead {
  /* padding-top: 120px; */
  padding-top: 0px;
}

.activityPage {
  padding-bottom: 30px !important;
  position: relative;
}

.review.exploreReview {
  padding-top: 15px;
}

.TrendingSection {
  padding-top: 40px;
}

#activity__heading {
  font-style: normal;
  font-weight: 900;
  font-size: 32px;
  line-height: 150%;
  background: linear-gradient(130.15deg, #002f59 25.69%, #000000 128.49%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin: 0;
}

#activity__description {
  color: #2b2a29;
  line-height: 35px;
}

#activity__subheading {
  color: #2b2a29;
  max-width: 424px;
  margin: auto;
}

/* event companies  */

.eventCompaniesTopContainer {
  width: 100%;
  max-width: 640px;
  margin-bottom: 40px;
  margin-top: 40px;
}

.eventCompaniesTopOuterContainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.eventCompaniesTopContainer h1 {
  font-weight: 800;
  font-size: 44px;
  line-height: 55px;
  background: linear-gradient(130.15deg, #002f59 25.69%, #000000 128.49%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-bottom: 30px;
}

.eventCompaniesTopContainer h1 span {
  font-weight: 800;
  font-size: 44px;
  line-height: 50px;
  background: linear-gradient(140.81deg,
      #ff5d5d 8%,
      #c04cad 48.81%,
      #1857d1 101.59%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.eventCompaniesChooseUsContainer {
  margin-top: 60px !important;
}

.eventCompaniesChooseUsContainer h1 {
  font-style: normal;
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 42.6667px;
  line-height: 150%;
  letter-spacing: -0.011em;
  background: linear-gradient(90deg, #2400ff 0%, #ff00b8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.eccu_grid_and_image_container {
  display: flex;
  align-items: center;
  margin-top: 50px;
}

.eccu_image_container {
  border-radius: 20px;
}

.eccu_image_container img {
  width: 524px;
  height: 700px;
  border-radius: 20px;
  object-fit: cover;
}

.eccu_grid_container {
  display: grid;
  gap: 1.5rem;
  /* adjust spacing between items */
  grid-template-columns: repeat(3, 1fr);
  margin-left: -420px;
}

.eccu_grid_container div {
  padding: 40px 30px;
  background-color: white;
  border-radius: 20px;
  box-shadow: 0px 4px 60px 0px #ff00c714;
}

.eccu_grid_container div h2 {
  font-family: Nunito;
  font-weight: 700;
  font-size: 21.33px;
  line-height: 150%;
  letter-spacing: -1.1%;
}

.eventCompaniesWeWorkedWithContainer {
  margin-top: 60px !important;
}

.ecwwHeading_sub {
  max-width: 600px;
  width: 100%;
  margin: auto auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.ecwwHeading_sub h2 {
  font-family: Nunito;
  font-weight: 900;
  font-size: 40px;
  line-height: 120%;
  letter-spacing: 0%;
  text-align: center;
}

.ecwwHeading_sub p {
  text-align: center;
}

.ecww_companies_container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 60px;
  margin-top: 40px;
  flex-wrap: wrap;
}

.ecww_companies_container img {
  width: 200px;
}

.eventCompaniesClientOpinionsContainer.container {
  background: linear-gradient(90.01deg,
      rgba(248, 214, 101, 0.6) -6.24%,
      rgba(255, 122, 0, 0.6) 100%);
  padding-bottom: 90px !important;
  margin-top: 60px !important;
}

.eventCompaniesClientOpinionsContainer h2 {
  font-weight: 900;
  font-size: 40px;
  line-height: 120%;
  letter-spacing: 0%;
  text-align: center;
  color: #8b510c;
  margin-top: 60px;
}

.eventCompaniesCaseStudiesContainer {
  margin-top: 50px !important;
}

.eventCompaniesCaseStudiesContainer div h2 {
  color: #ff3f25;
  font-family: Nunito;
  font-weight: 800;
  font-size: 38px;
  line-height: 100%;
  letter-spacing: 0%;
  margin-bottom: 40px !important;
}

.ecmcInner {
  background: linear-gradient(102.39deg, #ffa500 43.65%, #e1ba74 100%);
  border-radius: 60px;
  padding: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

.ecmcInnerLeft h2 {
  font-weight: 800;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: 0%;
  margin-bottom: 50px;
}

.ecmcInnerLeft div {
  margin-top: 50px;
  display: flex;
  align-items: center;
  gap: 20px;
}

.SecondaryBtn.SecondaryBtnOpacity {
  opacity: 0.6 !important;
}

.brochureCoverEc {
  height: 200px !important;
}

/* event companies  */

@media (max-width: 1400px) and (min-width: 991.9px) {
  .trendingSection .activityCoverImg {
    height: 220px;
  }

  .virtualHead {
    max-width: 55%;
    margin: auto;
  }
}

@media (max-width: 992px) and (min-width: 768px) {
  .celebrations .mobScrollingDiv {
    height: 450px;
    overflow: hidden;
  }

  .celebrations .mobScrollingDiv .scrollingDiv {
    height: 400px;
    overflow: hidden;
  }
}

@media (max-width: 1399.9px) {
  .celebrations .scrollingDiv .box {
    width: 130px;
    height: 180px;
  }

  .activities .element2 {
    display: none;
  }

  .virtualActivities .onlinemeetingImg {
    width: 60%;
    top: 7%;
  }
}

@media (max-width: 1199.9px) {
  .virtualHead {
    max-width: 63%;
    margin: auto;
  }

  .viewWrap .gridLayout {
    justify-content: center;
  }

  .viewWrap .btnWrap button {
    width: 45px;
    overflow: hidden;
    vertical-align: middle;
    height: 45px;
    padding: 12px;
    align-items: center;
  }

  .viewWrap .btnWrap button span {
    margin-right: 20px !important;
  }

  .activities .inPersonImg {
    max-width: 300px;
    top: 100px;
    /* right: -30px;
      left: auto; */
  }

  .virtualActivities .mobileRepo {
    display: none;
  }

  .activities .trendingContainer {
    height: auto;
    min-height: 376px;
  }

  .virtualActivities .onlinemeetingImg {
    max-width: 48%;
    right: -4%;
    top: 20%;
  }
}

@media (max-width: 991.9px) {
  .eccu_image_container {
    display: none;
  }

  .eccu_grid_container {
    grid-template-columns: repeat(2, 1fr);
    margin-left: 0;
  }

  .eventCompaniesBannerImg {
    width: 100%;
  }

  .eventCompaniesBannerImg img {
    width: 100%;
  }

  .eventCompaniesTopContainer h1,
  .eventCompaniesTopContainer h1 span,
  .eventCompaniesChooseUsContainer h1,
  .ecwwHeading_sub h2,
  .eventCompaniesClientOpinionsContainer h2,
  .eventCompaniesCaseStudiesContainer div h2,
  .ecmcInnerLeft h2 {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 10px;
  }

  .eccu_grid_container div {
    padding: 16px;
  }

  .ecmcInner {
    padding: 50px;
    flex-wrap: wrap;
  }

  .ecmcInner div.ec_imgCont {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .activityPage .virtualHead {
    padding-top: 0;
  }

  .virtualHead {
    max-width: 88%;
    margin: auto;
  }

  /* .virtualActivities .headingWrap .text-end{
      text-align: left;
    }
    .virtualActivities .headingWrap h3{
      text-align: left;
    }
    .virtualActivities .headingWrap p{
      margin-left: 0;
      text-align: left;
    } */
  .activities {
    padding: 30px 0;
  }

  .virtualActivities .d-flex.gap-3.my-5.justify-content-md-end.justify-content-center {
    justify-content: flex-start !important;
  }

  .celebrations .scrollingDiv .scrolling-section .scroll-column {
    width: 44%;
  }

  .celebrations .scrollingDiv.oppositeDirection .scrolling-section,
  .celebrations .scrollingDiv .scrolling-section {
    justify-content: center;
  }

  .techSolutions .element2 {
    right: 3px;
  }

  .techSolutions .element1 {
    left: 0;
  }

  .techSolutions .particle img {
    max-width: 130px;
  }

  .techSolutions .element4 {
    bottom: 155px;
  }

  .activities .inPersonImg {
    display: none;
    max-width: 250px;
    top: -114px;
    right: -30px;
    left: auto;
  }

  .virtualActivities .onlinemeetingImg {
    display: none;
  }
}

@media (max-width: 779px) {
  #activity__heading {
    font-size: 24px;
  }

  #activity__subheading {
    font-size: 14px;
  }

  .viewWrap .sortWrap {
    display: block;
  }

  .blurCircleLeft {
    width: 30%;
    height: 100%;
  }

  .blurCircleCenter {
    width: 30%;
    height: 100%;
  }

  .blurCircleRight {
    width: 30%;
    height: 100%;
  }

  .TrendingSection {
    padding-top: 0px !important;
  }

  .activities .inPersonImg {
    width: 152px;
    right: 0;
    left: auto;
  }

  .virtualActivities .onlinemeetingImg {
    width: 150px;
  }

  .virtualActivities .headingWrap h3 {
    text-align: left;
    font-size: 22px;
    line-height: 120%;
  }

  .virtualActivities .headingWrap p {
    text-align: left;
    font-size: 14px;
    line-height: 28px;
  }

  .activities .headingWrap h3 {
    font-size: 22px;
    line-height: 120%;
  }

  .activities .headingWrap p {
    font-size: 14px;
    line-height: 28px;
  }

  .innerHeading h2 {
    text-align: left !important;
  }

  .detailPage .cardWrap .box {
    padding: 12px;
  }

  .why-three-secion {
    padding: 29px 0px;
  }

  .scrollable_container .desc-container h3 {
    margin-bottom: 0px;
    margin-top: 20px;
    text-align: center;
  }

  .scrollable_container .desc-container p {
    text-align: center;
  }

  .scrollable_container .bottomSection h2 {
    font-size: 24px;
    line-height: 40px;
  }

  .scrollable_container {
    max-width: 80%;
  }

  .evntablecoverimg {
    height: auto !important;
    padding-top: 50px;
  }

  .eventcover3d {
    height: auto !important;
    padding-top: 50px;
  }

  .clientsContainer {
    top: 0px;
    margin-top: 60px;
    margin-bottom: 40px;
  }

  .challengeResult .subDetails {
    width: 100%;
    max-width: 100%;
  }

  .videoWrap .video-player {
    width: 100%;
    height: 100%;
  }

  .faqSection .faqHeaderText {
    font-size: 24px !important;
    line-height: 120%;
  }

  .techsolutionbanner {
    width: 100% !important;
  }

  .img-container img {
    width: 100%;
  }

  .rowint {
    flex-direction: column-reverse !important;
  }

  .three-d-activities h2 {
    text-align: center !important;
    font-size: 24px;
    line-height: 24px;
    width: 100%;
  }

  .three-d-activities p,
  .other_apps p,
  .augmentedReality p {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    width: 100%;
    max-width: 100%;
  }

  .eventbtn {
    justify-content: center;
  }

  .other_apps .img-container img {
    width: 100%;
  }

  .other_apps .img-container img:nth-child(2) {
    top: 0;
  }

  .other_apps h2 {
    margin-top: 30px;
    text-align: center;
    width: 100%;
    font-size: 24px;
    line-height: 24px;
  }

  .three-d-activities p,
  .other_apps p,
  .augmentedReality p {
    font-size: 14px;
    line-height: 24px;
  }

  .tsSectionspacing {
    padding-top: 30px !important;
  }

  .evntablecontent {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }

  .augmentedReality h2 {
    font-size: 24px;
    line-height: 24px;
  }

  .other_apps.other_apps2 p {
    max-width: 100%;
  }

  .evntSectionspacing {
    padding-top: 200px !important;
  }

  .innerHeading1 h1 {
    font-size: 28px;
    line-height: 33px;
    margin-top: 100px;
  }

  .innerHeading1 h1 span {
    font-size: 28px;
    line-height: 28px;
  }

  .blurCircleBlueLeft {
    width: 33%;
    height: 100%;
  }

  .cardWrapper {
    flex-direction: column;
  }

  .ecww_companies_container {
    flex-wrap: nowrap;
    gap: 0px;
  }

  .ecww_companies_container img {
    width: 100px;
  }

  .eventCompaniesClientOpinionsContainer h2 {
    padding-top: 40px;
  }
}

@media (max-width: 767px) {
  .detailPage .rightWrap {
    padding-left: 0;
    padding-top: 20px;
  }

  .challengeResult .subDetails h4 {
    font-size: 24px;
  }

  .challengeResult .subDetails p {
    font-size: 14px;
  }

  .challengeResult .left {
    padding: 0;
  }

  .trendingSection .swiper {
    padding-bottom: 45px;
  }

  .review {
    padding-top: 25px;
  }

  .viewWrap {
    padding-bottom: 60px;
  }

  .viewWrap .sortWrap {
    width: 100%;
  }

  .trendingSection {
    padding-bottom: 30px;
  }

  .review.exploreReview {
    padding: 0;
    padding-bottom: 30px;
  }

  .container.explorePage.activityPage {
    padding-bottom: 75px !important;
  }

  .viewWrap .tabWrap {
    margin-top: 0;
  }

  .viewWrap .btnWrap .nav {
    display: none;
  }

  .virtualHead {
    max-width: 64%;
    margin: auto;
  }

  .activities .headingWrap p {
    max-width: 100%;
    text-align: center;
  }

  .virtualActivities .headingWrap .text-end {
    text-align: center;
  }

  .virtualActivities .d-flex.gap-3.my-5.justify-content-md-end.justify-content-center {
    justify-content: center !important;
  }

  .celebrations .headingWrap h3 {
    line-height: 120%;
  }

  .virtualActivities,
  .techSolutions {
    padding: 50px 0;
  }

  .activities .headingWrap h3,
  .virtualActivities .headingWrap h3 {
    font-size: 24px;
    line-height: 120%;
    text-align: center;
  }

  .virtualActivities .headingWrap p,
  .virtualActivities .headingWrap h3 {
    text-align: center;
  }

  .activities .element3 {
    right: 65px;
  }

  .listCard .d-flex.align-items-center {
    flex-wrap: wrap;
  }

  .viewWrap .listCard .heading-Wrap h3 {
    text-align: left;
  }

  .viewWrap .listCard .tagWrap {
    width: 100%;
  }

  .viewWrap .listCard .countWrap {
    gap: 50px !important;
    justify-content: center !important;
  }

  .viewWrap .listCard .descWrap {
    margin: 15px 0;
  }

  .viewWrap .headingWrap h3 {
    font-size: 20px;
  }

  .container.explorePage {
    padding-bottom: 20px !important;
  }

  .container.explorePage.explore {
    padding-bottom: 75px !important;
  }

  .explorePage .innerHeading h1 {
    padding-top: 50px;
    font-size: 28px;
  }

  .e-scoopsSection {
    padding-top: 150px !important;
  }

  .explorePage .innerHeading p {
    padding-bottom: 20px;
  }

  .trendingSection .container {
    padding-top: 20px !important;
  }

  .trendingContainer h3 {
    font-size: 18px;
  }

  .techSolutions .headingWrap h3,
  .celebrations .headingWrap h3 {
    font-size: 30px;
  }

  .techSolutions .imgContainer {
    bottom: -61px;
  }

  .techSolutions .imgContainer div:nth-child(2) img {
    width: 240px;
  }

  .techSolutions .imgContainer div:last-child,
  .techSolutions .imgContainer div:first-child {
    height: 85px;
    bottom: 11px;
  }

  .activities {
    padding: 20px 0;
  }

  .detailPage .cardWrap .box {
    width: 28%;
    height: 81px;
    max-width: 100%;
  }

  .detailPage .cardWrap .box .desc_wrap {
    padding-left: 10px;
  }

  .activities .inPersonImg,
  .virtualActivities .onlinemeetingImg {
    top: -130px;
    display: none;
  }

  .virtualActivities .element6,
  .techSolutions .particle img {
    display: none;
  }

  .scrollable_container .scroll_cards:nth-child(3) .desc-container h3 {
    max-width: 100%;
  }

  .scrollable_container .scroll_cards:nth-child(2) .desc-container h3 {
    max-width: 100%;
  }

  .how-it-works .head_wrap p {
    max-width: 100%;
  }

  .slider_section .swiper-wrapper {
    max-width: 100%;
  }
}

@media (max-width: 575.9px) {
  .eccu_grid_container {
    grid-template-columns: repeat(1, 1fr);
  }

  .review_container div h3 {
    font-size: 18px !important;
  }

  .ecmcInner {
    padding: 50px 20px;
  }

  .ec_imgCont {
    width: 100%;
  }

  .ec_imgCont img {
    width: 100%;
  }

  .eventCompaniesMagicContainer {
    margin-bottom: 40px !important;
  }

  .innerHeading1 h1.virtualHead span {
    display: block;
    line-height: 130%;
  }

  .virtualHead {
    max-width: 100%;
    margin: auto;
  }

  .banner-icon-container {
    display: none;
  }

  .faqflow {
    overflow: none !important;
    padding-bottom: 0px !important;
  }

  .card_Section {
    margin-top: 100px;
  }

  .slider_section .description .textwrap {
    transform: translateX(0);
  }

  .techBtnSpacing {
    margin-bottom: 80px;
  }

  .challengeResult .cardWrap .box .img_wrap img {
    width: 50px;
    height: 50px;
  }

  .challengeResult .cardWrap .box p {
    font-size: 12px;
    padding-top: 0px;
  }

  .placeQuote .threeTag {
    flex-direction: column;
  }

  .right {
    max-height: 100%;
  }
}

.slider_section .swiper-wrapper .wrapper img {
  object-fit: cover;
}

.evntablecoverimg {
  height: 500px;
  object-fit: contain;
}

.Exploreelement2 {
  width: 400px;
}