@media (max-width: 480px) {
  .createAccountButton {
  width: 90%;
  margin-inline: auto;
  margin-bottom: 30px;
  font-size: 18px;
  }
  .aboutPietentialContent {
  margin-right: 0;
  margin-top: 30px !important;
  max-width: 100% !important;
  }
  .loaderInner img {
  margin-left: 0;
  }
  .footerLogoSection img {
  width: 150px;
  height: 49px;
  }
  .loader_inner {
  width: 110px;
  height: 160px;
  }
  .loader_inner img {
  max-width: 55px;
  margin-left: 29px;
  margin-top: 29px;
  }
  .advisorContainer {
  width: 46%;
  margin-bottom: 16px;
  }
  .mapLegendContainer {
  justify-content: center;
  }
  .selfActualizationButton {
  height: 70px !important;
  }
  .headingContainer h3 {
  max-width: 90%;
  font-size: 20px;
  }
  #tableMainContent h4 {
  max-width: 80%;
  font-size: 16px;
  }
  .combineContainer {
  width: 90%;
  margin-top: 3rem;
  }
  .imgContainer {
  top: -22%;
  }
  #sidebarMain {
  overflow-y: visible;
  width: 100%;
  }
  .footerLinks .socialLinks a {
  text-align: left;
  width: auto;
  margin-bottom: 0;
  }
  #mainContainer {
  border-right: 0 !important;
  }
  .inputComboInner {
  min-width: 90%;
  }
  .tableRow {
  flex-direction: column;
  margin-bottom: 12px;
  }
  .tableRow td {
  width: 100% !important;
  padding: 0;
  }
  #table0 {
  padding-left: 12px;
  }
  .ourPieStory2 {
  padding-top: 0;
  position: relative;
  }
  #formContainer {
  flex-direction: column;
  }
  #formContainer input,
  .@@text@area@@,
  .birthYearMainContainer select,
  .birthYearMainContainer {
  width: 100%;
  }
  .countryMain .birthYearMainContainer {
  width: 100%;
  }
  #form_main_container .buttonContainer {
  flex-direction: column;
  }
  #form_main_container #termsMainContainer {
  align-items: center;
  }
  .ourVisionText::before,
  .ourValueText::before,
  .ourMission::after {
  width: 10px;
  height: 10px;
  }
  #cookieSetter {
  width: 100% !important;
  display: flex;
  align-items: center;
  justify-content: center !important;
  flex-direction: column;
  padding: 10px !important;
  }
  .ourVisionText::before,
  .ourValueText::before {
  left: 8%;
  top: -26.5px;
  }
  #ssDesc {
  max-width: 70%;
  }
  .ourValues {
  position: relative;
  }
  .ourPieStory2::before,
  .ourMission::before,
  .ourValues::before {
  content: "";
  position: absolute;
  background: #000;
  height: 1px;
  }
  #countryMainContainer {
  width: calc(100% - 20px) !important;
  }
  .ourValues::before {
  width: 116%;
  left: -10%;
  transform: rotate(4deg);
  top: -10px;
  }
  .ourPieStory2::before {
  top: 0px;
  }
  .ourMission::before {
  top: -30px;
  }
  .ourPieStory2 {
  margin-bottom: 2rem;
  }
  .ourPieStory2::before {
  width: 100%;
  transform: rotate(4deg);
  }
  .ourMission h3 {
  margin-top: 16px;
  }
  .ourMission::after {
  bottom: auto;
  left: 8%;
  top: -23px;
  }
  .ourMission::before {
  width: 116%;
  transform: rotate(-4deg);
  left: -10%;
  }
  .socialLinks {
  display: flex;
  align-items: center;
  justify-content: center;
  }
  .aboutPietentialContent p {
  font-size: 16px;
  }
  .footerLinks a:nth-child(5) {
  width: 50%;
  }
  .footerLinks a:nth-child(6) {
  text-align: right;
  }
  .pietentialAdvisor p,
  span {
  font-size: 14px;
  }
  .imageContainer {
  display: none;
  }
  .videoContainer video {
  width: 100%;
  }
  h2 {
  font-size: 25px !important;
  }
  .howWeDoContent ul li {
  height: 120px;
  align-items: center;
  }
  .aboutPietentialContent h1 {
  font-size: 28px;
  }
  .aboutPietentialContent {
  order: 2;
  }
  .advisorContainer img {
  margin-top: 5px;
  margin-bottom: 8px;
  max-height: 140px;
  }
  .enterprisesImageContainer {
  max-height: 140px;
  }
  .modalOverlay {
  padding-block: 0;
  }
  .modalInner {
  max-width: 100%;
  height: 100vh;
  border-radius: 0;
  }
  .modalInner #closeIcon {
  position: fixed;
  top: 14px;
  left: auto;
  }
  .modalContent .mainSubtitle {
  margin: 0 auto 20px;
  }
  .modalContent .heading {
  font-weight: 600;
  text-align: center;
  }
  #mobileNav div {
  font-size: 22px;
  }
  #navi #myDashboardButton {
  font-size: 22px;
  }
  #modalOverlayBusiness .modalContent .heading::before {
  background: transparent;
  }
  .pietentialAdvisor {
  min-height: 48px;
  border-radius: 14px;
  }
  .whatWeOffer .connectedText {
  font-size: 10px;
  font-weight: 500;
  }
  .footer .container {
  padding-bottom: 18px;
  }
  .lifeBalanceText {
  width: 100%;
  margin: 18px 0 40px;
  font-size: 11px;
  font-weight: 300;
  text-align: center;
  }
  .contactUsSection form {
  flex-direction: column;
  overflow: hidden;
  }
  .contactUsSection form input {
  width: 100%;
  border-radius: 0;
  margin: 0 0 22px 0;
  }
  .footerBottom .address {
  display: none;
  }
  .footer .footerBottom .container {
  justify-content: center;
  }
  .adminImage {
  display: none;
  }
  .admin2 {
  display: none;
  }
  .admin3 {
  display: block;
  }
  .mobileLink {
  display: block;
  }
  .contactUsSection form .buttonContainer {
  margin-inline: 0;
  }
  .buttonContainer .zoomWithUS {
  min-width: 150px;
  margin-right: 0;
  }
  .buttonContainer button {
  margin-right: 6px;
  }
  .buttonContainer a,
  .buttonContainer button {
  font-size: 14px;
  }
  .buttonContainer {
  width: 90%;
  margin-inline: auto;
  }
  .buttonContainer .zoomWithUS {
  order: 1;
  margin-left: 0;
  margin-right: 16px;
  }
  .buttonContainer a {
  order: 2;
  }
  .footer .footerBottom .container p a {
  display: none;
  }
  .footerBottom {
  min-height: 50px;
  }
  .footerLogoSection .socialIcons {
  display: none;
  }
  .mainSocialLink .socialIcons {
  display: block;
  }
  .mainSocialLink .socialIcons a {
  display: flex;
  justify-content: end;
  margin-bottom: 20px;
  }
  .footer .container {
  padding-bottom: 30px;
  }
  .mainSocialLink .socialIcons img {
  padding-right: 0;
  margin-top: 0;
  }
  .mainSocialLink {
  display: flex;
  }
  .textMainContainer {
  width: 100%;
  margin-top: 0;
  max-height: 260px;
  }
  .whatWeOffer {
  padding: 40px 0;
  }
  .footerLinks a {
  margin-bottom: 20px;
  }
  .steppers::after {
  right: -20px;
  }
  .linktosub::after {
  right: -20px;
  }
  .swiper-slide-active .sliderImage {
  min-width: 110px;
  min-height: 110px;
  width: 110px;
  height: 110px;
  }
  #mainContainer {
  width: 100% !important;
  padding-top: 0 !important;
  border-bottom: 0;
  border-right: 0;
  }
  #stepLinks {
  display: none;
  }
  .mobileView {
  background: #00aeef;
  position: fixed;
  height: 100%;
  z-index: 99;
  overflow-y: scroll;
  padding-bottom: 30px;
  }
  .mobileViewTwo {
  background: #20b24b;
  }
  .mobileViewThree {
  background: #f6b918;
  }
  .mobileViewFour {
  background: #f57e20;
  }
  .mobileViewFive {
  background: #ed1c24;
  }
  .selfActualizationButton img {
  display: none;
  }
  .beginCardContainer br {
  display: none;
  }
  .beginCard {
  margin-bottom: 16px;
  }
  .mobileView #stepLinks {
  display: block;
  border-top: 2px solid #fff;
  margin: 0 !important;
  }
  .selfActualizationButton {
  width: 100% !important;
  border-right: 0 !important;
  padding-left: 0 !important;
  border-radius: 0 !important;
  }
  .sectionSteps b,
  .steppers,
  #stepHolder a {
  color: rgba(255, 255, 255, 0.8) !important;
  }
  #stepHolder .dothighlight,
  .activeTextTab {
  color: #fff !important;
  font-weight: 700 !important;
  }
  .steppers .arrow_down {
  -webkit-filter: grayscale(1) invert(1);
  filter: grayscale(1) invert(1);
  }
  .sliderImage {
  min-width: 70px;
  min-height: 70px;
  width: 70px;
  height: 70px;
  }
  .swiper-slide-prev,
  .swiper-slide-next {
  margin-top: -32px;
  }
  .swiper-slide-active {
  margin-top: -50px;
  }
  .ourTeam .swiper-slide-active,
  .ourTeam .swiper-slide-prev,
  .ourTeam .swiper-slide-next {
  margin-top: 0px;
  }
  .rb3 {
  justify-content: center;
  font-size: 18px !important;
  max-height: 40px;
  width: 90%;
  margin: auto;
  }
  .needsButtonContainer {
  width: 100%;
  }
  .steppers::after,
  .linktosub::after {
  content: "" !important;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.8);
  left: 0;
  top: -425% !important;
  visibility: visible;
  transform: translateY(0%) !important;
  display: none;
  }
  .dothighlight::after {
  width: 15px;
  height: 15px;
  }
  .dot {
  width: 10px;
  height: 10px;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  }
  .activeDot {
  width: 15px;
  height: 15px;
  background: #fff;
  }
  #dotContainer {
  display: flex;
  justify-content: space-between;
  margin: auto;
  width: 90%;
  align-items: center;
  }
  .needsButtonContainer button {
  padding-inline: 14px;
  font-size: 15px;
  font-weight: 500;
  }
  .jsonImageContainer {
  flex-direction: column-reverse;
  }
  #dynamicContentContainer {
  flex-direction: column;
  }
  .imgContainer {
  width: 100%;
  }
  .inn {
  width: 100%;
  }
  .tryItButton {
  margin-bottom: 8px;
  font-size: 16px;
  padding: 11px 20px;
  }
  .jsonImageContainer > div,
  .jsonImageContainer > img {
  width: 100% !important;
  margin-bottom: 12px;
  }
  #SAtext b:first-child,
  #ECtext b:first-child,
  #LBtext b:first-child,
  #SNtext b:first-child,
  #PNtext b:first-child {
  width: 90%;
  }
  .aboutTeamContent {
  align-items: center;
  }
  .aboutTeam p {
  font-size: 12px;
  margin-bottom: 8px;
  }
  .aboutTeam h3 {
  font-size: 18px;
  }
  .teamCard .linkedinIcon {
  width: 30px;
  height: 30px;
  }
  .teamCard {
  margin-bottom: 80px;
  }
  .myContainer {
  margin-bottom: 0rem;
  }
  .ourTeam {
  margin-bottom: 4rem;
  }
  .aboutTeamContent {
  width: 100%;
  }
  .swiper {
  padding-top: 50px !important;
  }
  .textMainContainer .swiper {
  padding-top: 0 !important;
  }
  .sliderMain .swiper .swiper-slide-next .sliderImage,
  .swiper-slide-prev .sliderImage {
  width: 70px;
  height: 70px;
  }
  .textContainer h2 {
  margin-top: 20px;
  }
  .sliderMain {
  margin-top: 0;
  }
  .modalInner .pietentialAdvisor {
  min-width: 90%;
  margin: 22px auto 20px;
  }
  .modalImageContainer {
  margin-right: 0;
  margin-top: 20px;
  }
  .modalContent {
  order: 1;
  margin-top: 20px;
  }
  #mobileNav div:hover {
  background: transparent !important;
  }
  .modalInnerSlider img {
  min-width: 120px;
  }
  .modalInner .modalInnerSlider {
  width: 150%;
  }
  .login .loginPageImage {
  display: none;
  }
  .formContainer {
  width: 90%;
  }
  .login .container {
  width: 100%;
  flex-direction: column !important;
  }
  .login .logo {
  margin-bottom: 20px;
  }
  .login {
  background: #fff;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  }
  .button_container {
  justify-content: space-between;
  }
  .formMainContainer {
  box-shadow: none;
  padding-top: 0;
  }
  .formMainContainer::before,
  .formMainContainer::after {
  width: 3px;
  top: -11%;
  }
  .termsLabel {
  font-size: 12px;
  }
  .formContainer .adminButton {
  margin-left: 5px;
  }
  .formContainer .button {
  width: 48%;
  font-size: 16px;
  }
  form input {
  font-size: 15px;
  }
  .btnContainer .loginButton {
  min-width: 80%;
  min-height: 50px;
  }
  .login .btnContainer {
  flex-direction: column;
  margin-top: 30px;
  }
  .button_container .newUserText {
  margin-left: 0;
  }
  .adminRegisterContainer {
  width: 100%;
  text-align: center;
  }
  .form form input {
  width: 100%;
  }
  .adminRegister::before,
  .adminRegister::after {
  width: 3px;
  top: 5%;
  }
  .adminRegister::after {
  right: 0;
  }
  .adminRegister::before {
  left: 0;
  }
  .links {
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
  }
  .links a {
  font-size: 15px;
  width: 50%;
  text-align: center;
  margin-bottom: 8px;
  }
  .thankYouMain p {
  width: 90%;
  font-size: 16px;
  }
  .thankYouMainContainer .buttonContainer {
  flex-direction: column;
  padding-block: 12px;
  width: 100%;
  }
  .buttonContainer .createAccount {
  margin-right: 0;
  margin-bottom: 12px;
  }
  .thankYouMain {
  min-height: 80vh;
  }
  .button_container p {
  margin-left: 0;
  margin-top: 20px;
  }
  .ourVision {
  width: 100%;
  margin-bottom: 40px;
  }
  .ourMission {
  margin-top: 22px;
  text-align: left;
  }
  .ourValues {
  align-items: flex-start;
  }
  .ourVision {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  margin-top: 10px;
  height: 80%;
  }
  .ourMission {
  flex-direction: row-reverse;
  position: relative;
  }
  .ourPieStory {
  margin-bottom: 2.5rem;
  }
  .whatPietentialDo {
  padding-block: 20px;
  background: linear-gradient(
  rgba(255, 255, 255, 0.5),
  rgba(255, 255, 255, 0.5)
  ),
  url("../assets/whatPietentialDo.png");
  height: 350px;
  display: flex;
  align-items: center;
  background-position: center;
  }
  .whatPietentialDoContent p {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  }
  .whatPietentialDo img {
  display: none;
  }
  .whatPietentialDoContent {
  width: 100%;
  }
  .ourVision h3 {
  width: 100%;
  font-size: 18px;
  font-weight: 700;
  }
  .aboutUs h1 {
  font-size: 28px;
  }
  .modalInner .swiper {
  padding-top: 0 !important;
  }
  .howWeDoContent ul li {
  transition: height ease-out 0.45s;
  }
  .howWeDoContent ul .listItem {
  height: 240px;
  }
  .howWeDoContent ul li a {
  font-size: 16px;
  }
  #adminImage {
  margin-block: 20px;
  }
  .modalSliderMain {
  max-height: 160px;
  }
  .aboutUs {
  margin-top: 9rem;
  margin-bottom: 5rem;
  }
  .aboutUsImageContainer {
  width: 100%;
  }
  .aboutUsContent p {
  font-size: 14px;
  }
  .ourVision p {
  width: 70%;
  font-size: 14px;
  padding-right: 12px;
  }
  .ourVision img {
  width: 100px;
  height: 78px;
  }
  .ourValues img {
  width: 54px;
  height: 69px;
  }
  .teamImageContainer img {
  width: 90%;
  margin: 20px auto;
  height: auto;
  }
  .linkedinButton img {
  width: 22px;
  height: 22px;
  margin: 0;
  }
  .linkedinButton {
  margin-bottom: 12px;
  }
  .teamBio {
  width: 100% !important;
  }
  .teamBio .border {
  margin: 0 auto 20px;
  }
  .aboutTeamContainer,
  .teamBio h2,
  .teamBio .about {
  text-align: center;
  }
  .teamBio h2 {
  margin-bottom: 4px;
  }
  .aboutNgoText {
  background-image: none;
  height: auto;
  padding-block: 40px;
  text-align: center;
  }
  .aboutNgoContent h1 {
  font-size: 30px;
  text-align: center;
  }
  .aboutNgoContent h5 {
  text-align: center;
  }
  .aboutNgoContent p {
  text-align: center;
  font-size: 18px;
  }
  .aboutPartnersImage {
  width: 100%;
  margin-left: 0;
  }
  .aboutPartnersImage img {
  width: 100%;
  }
  .aboutPartnersContent {
  width: 100%;
  }
  .partnersText h2 {
  text-align: center;
  }
  .partnersText {
  margin: auto;
  margin-top: 40px;
  border-radius: 52px;
  min-height: 84px;
  width: 90%;
  }
  .aboutPartnersContent p {
  width: 90%;
  margin-bottom: 40px;
  }
  .nextPartnerText {
  margin-bottom: 40px;
  }
  .nextPartner {
  height: auto !important;
  }
  .aboutPartnersContent ul {
  width: 82%;
  margin-bottom: 40px;
  }
  .aboutSpeaker {
  background-image: none;
  height: auto;
  padding-block: 40px;
  }
  .aboutSpeaker img {
  display: block;
  width: 100%;
  margin-bottom: 12px;
  }
  .imageSection {
  width: 100%;
  }
  .aboutSpeakerSection {
  width: 100%;
  text-align: center;
  }
  .cardContainer {
  flex-wrap: wrap;
  justify-content: center;
  }
  .eventDetail .cardContainer {
  align-items: center;
  }
  .aboutSpeakerSection .card {
  margin-bottom: 20px;
  }
  .aboutSpeakerSection .border {
  max-width: 100%;
  }
  .aboutSpeakerSection .experienceText {
  margin-bottom: 26px;
  }
  .coordinatorsMember img {
  width: 140px;
  height: 140px;
  }
  .coordinatorsMember {
  width: 100%;
  margin-bottom: 32px;
  }
  .eventFormatSection {
  background-image: none;
  height: auto;
  flex-direction: column;
  width: 90%;
  }
  #eventFormatSection {
  width: 100%;
  }
  .eventFormat {
  width: 100%;
  }
  .qAndAns {
  justify-content: flex-start;
  min-width: 100%;
  }
  .onlineMarketing {
  margin-left: 0;
  }
  .eventFormat h4 br {
  display: none;
  }
  .eventVisualization h2::after {
  height: 90px;
  bottom: -26px;
  }
  .benefitsOfAttending {
  width: 100%;
  }
  .slider-cards-js .swiper-slide-active {
  margin-top: 0;
  }
  .benefitsOfAttending {
  margin-bottom: 20px;
  }
  .slider-cards-js {
  padding-top: 0 !important;
  }
  .slider-cards-js .swiper-pagination-bullet {
  border: 0;
  }
  .swiper {
  height: auto;
  }
  .nextPartner .welcomeText {
  width: 90%;
  }
  .processSwiper .swiper-slide-active {
  margin-top: 0;
  }
  .modal_inner .modalImageContainer {
  width: 100%;
  margin-right: 0;
  }
  .modal_inner .modalContent {
  width: 100%;
  }
  .modal_inner {
  padding: 30px 12px;
  }
  .modalImageContainer img {
  width: 80%;
  }
  .paragraphText {
  width: 90%;
  margin: 0 auto 30px;
  }
  .wellBeingContent {
  height: auto !important;
  }
  .wellBeingContent .partnersText {
  margin-bottom: 40px;
  }
  .aboutNgoContent .heading {
  margin-bottom: 10px;
  }
  .aboutMhn .aboutNgoContent p {
  margin-bottom: 28px;
  }
  .eventDetail .container {
  width: 100%;
  padding: 30px 0;
  flex-wrap: wrap;
  }
  .eventDetail .imageSection {
  width: 90%;
  margin: auto;
  }
  .eventDetail .aboutSpeakerSection {
  width: 100%;
  }
  .eventDetail .container::before,
  .eventDetail .container::after {
  width: 0;
  }
  .eventDetail .aboutSpeakerSection .border {
  width: 90%;
  margin: auto;
  }
  .aboutSpeakerContainer {
  flex-wrap: wrap;
  }
  .aboutSpeakerContainer {
  width: 90%;
  margin: auto;
  }
  .speakerSection .teamCard {
  width: 80%;
  height: auto;
  }
  .speakerSection .teamCard .aboutEvent {
  flex-direction: row;
  width: 96%;
  padding: 20px 2%;
  }
  .speaker_section .container {
  justify-content: center;
  }
  .speakerSection .slider-cards-js .swiper-wrapper {
  margin-bottom: 0;
  }
  .slider-cards-js .swiper-button-next {
  right: 0px !important;
  }
  .slider-cards-js .swiper-button-prev {
  left: 0px !important;
  }
  .slider-cards-js .swiper-button-next,
  .slider-cards-js .swiper-button-prev {
  width: 24px;
  height: 24px;
  color: #000 !important;
  border: 1px solid #000;
  border-radius: 50%;
  }
  .slider-cards-js .swiper-button-next:after,
  .slider-cards-js .swiper-button-prev:after {
  font-size: 16px;
  }
  .teamCard .imageOuter {
  height: 162px;
  }
  .aboutTeam {
  width: 97%;
  padding: 20px 2%;
  }
  .pietentialImageContainer img {
  height: 300px;
  aspect-ratio: 16/4;
  }
  .pietentialImageContainer {
  margin: auto;
  min-height: 300px;
  }
  .maslowImageContainer img {
  width: 100%;
  }
  .aboutMhn .container .aboutNgoContent img {
  display: none;
  }
  .maslowImageContainer {
  display: none;
  }
  .maslowMobileView {
  display: block;
  position: relative;
  margin-bottom: 36px;
  }
  .aboutNgoContent h1 span {
  margin-top: 18px;
  display: block;
  }
  .maslowMobileView .container {
  flex-wrap: nowrap;
  order: 1;
  }
  .aboutMhn .aboutNgoContent p {
  font-weight: 600;
  }
  .maslowMobileView .container img {
  z-index: 1;
  }
  .maslowMobileView .container img:first-child {
  width: 92px;
  height: 88px;
  position: relative;
  }
  .maslowMobileView .container img:last-child {
  width: 92px;
  height: 88px;
  }
  .maslowMobileView .container img:nth-child(3) {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
  width: 50%;
  }
  .aboutMhn .container .aboutNgoContent {
  order: 2;
  }
  .textMainContainer .swiper {
  width: 100%;
  }
  #container {
  width: 100%;
  }
  .textContainer p,
  .textContainer h2 {
  width: 77%;
  }
  #mobileView {
  display: none;
  }
  .modalImageContainer .heading {
  font-size: 19px;
  margin-bottom: 36px;
  font-weight: 600;
  text-align: center;
  }
  .aboutPietential {
  padding: 50px 0 0;
  }
  .whatIsPietential {
  padding: 0 0 18px;
  }
  .sliderMain .swiper-slide-next {
  justify-content: end;
  }
  .sliderMain .swiper-slide-prev {
  justify-content: start;
  }
  #demographicMainContainer {
  padding: 0 0 12rem;
  }
  .thankYouMainContainer {
  width: 95%;
  }
  .button_main_container {
  flex-direction: column;
  align-items: center;
  }
  .searchBoxContainer {
  margin: auto;
  }
  .searchBox {
  width: 90%;
  padding-left: 30px;
  }
  .searchBoxContainer img {
  width: 14px;
  height: 14px;
  left: 12px;
  }
  .demographicContainer h4 {
  font-size: 20px;
  }
  .thankYouMain .demographicContainer p {
  font-size: 16px;
  text-align: left;
  }
  #checkbox {
  width: 26px;
  height: 26px;
  }
  .demographicFooter {
  width: 94%;
  flex-direction: column;
  }
  .addNewCategory {
  margin-bottom: 12px;
  }
  .demographicContainer {
  width: 88%;
  margin: 6px auto;
  padding: 12px;
  }
  .thankYouMain .readyToExplore {
  margin-bottom: 8px;
  }
  #desktopView {
  display: block;
  }
  .mapLegendContainer p {
  font-size: 12px;
  margin-right: 8px;
  }
  .part {
  width: 90%;
  margin: auto;
  padding-bottom: 10px;
  margin-bottom: 50px;
  }
  .rangeButton {
  margin-right: 5px;
  margin-bottom: 5px;
  font-size: 16px;
  }
  .rangeHolder {
  flex-wrap: wrap;
  justify-content: center;
  width: 90%;
  margin-top: 12px;
  margin-bottom: 20px;
  }
  #scoreContainer {
  max-width: 90%;
  margin: auto;
  }
  .visualizeContainer h1 {
  font-size: 28px;
  }
  .visualizeContainer p {
  font-size: 18px;
  }
  .analyzeIt {
  font-size: 22px;
  }
  .visualizeItContainer .yourGrowth {
  text-align: center;
  }
  #polarArea {
  width: 100%;
  }
  .analyzeborder strong,
  .analyzeborder span {
  font-size: 25px;
  }
  }
  @media (max-width: 900px) {
  #navi {
  align-items: center;
  flex-direction: row !important;
  }
  #navi .borderFour {
  position: absolute;
  top: 100%;
  }
  .exerciseImageContainer {
  width: 100%;
  }
  .exerciseContent {
  width: 100%;
  }
  .actualizeItImageContainer img {
  height: auto;
  }
  .caution {
  align-items: center;
  }
  .exerciseContainer p {
  font-size: 18px;
  }
  .exerciseContent ul .fontSize {
  font-size: 18px;
  }
  .formMainContainer {
  width: 100%;
  }
  #rightSide {
  width: 90% !important;
  margin: auto;
  }
  #index {
  font-size: 28px !important;
  }
  #mainOuter {
  flex-direction: column;
  }
  .actualizeItImageContainer {
  width: 100%;
  }
  #buttonsContainer {
  flex-direction: column;
  }
  #navi .container {
  align-items: flex-start;
  margin: 10px;
  }
  #buttonsContainer .tryItButton {
  margin-bottom: 8px;
  }
  .triangle {
  right: 20%;
  left: auto;
  }
  .aboutNgo .container .aboutNgoContent {
  width: 100%;
  }
  #ngoImageContainer {
  width: 100%;
  }
  .triangle2 {
  left: 18%;
  }
  #main-logo-top {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  width: 150px !important;
  }
  #closeIcon {
  position: absolute;
  top: 18px;
  left: 40%;
  }
  #mitems #closeIcon {
  left: auto;
  }
  .tabs {
  width: 80%;
  }
  .mobileLogo {
  margin-top: 12px;
  margin-bottom: 8px;
  width: 250px;
  }
  .borderTwo {
  margin-top: 70px;
  }
  #mitems {
  padding-bottom: 20px;
  }
  #mitems a {
  margin-bottom: 10px !important;
  }
  .borderThree {
  margin-bottom: 30px;
  }
  #bars {
  display: block;
  }
  html,
  body {
  overflow-x: hidden;
  min-height: 100vh;
  }
  .footer {
  padding: 30px 0 0;
  }
  .footerLogoSection {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  }
  .footerLogo {
  width: 188px;
  }
  .logInImageContainer {
  width: 100%;
  align-items: center;
  }
  .aboutUsContent {
  width: 100%;
  }
  .stickyRegisterBar {
  flex-direction: column;
  }
  #main .footer {
  padding-bottom: 115px;
  }
  .stickyRegisterBar p {
  margin: 10px 0;
  }
  .cookieSetter {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 20px 0px;
  }
  .login-bar {
  margin: 10px 0;
  }
  .wellBeingContainer {
  width: 90%;
  margin: auto;
  }
  .perksAttending h2 {
  text-align: center;
  }
  .aboutNgoContent h1 span {
  font-size: 26px;
  }
  .forumMainContainer {
  margin-top: 50px;
  }
  .forumMainContainer .container {
  flex-direction: column;
  }
  .mapLegendContainer p span {
  width: 20px;
  height: 8px;
  margin-right: 5px;
  }
  .mainSwiper .swiper-button-next,
  .mainSwiper .swiper-button-prev {
  width: 26px;
  height: 26px;
  }
  .mainSwiper .swiper-button-next:after,
  .mainSwiper .swiper-button-prev:after {
  font-size: 16px;
  }
  .theJourneyContent {
  width: 100%;
  margin-bottom: 16px;
  }
  #the_journey_image {
  display: none;
  }
  .theJourneyContent h2 {
  margin-bottom: 16px;
  }
  #theJourneyImage {
  display: block;
  }
  .lastYearDropdownList, .occupationDropdownList, .industryDropdownList, .occupationHeadDropdownList, .nativeLanguageDropdownList, .ruralStateDropdownList, .ruralDistrictDropdownList, .ruralVillageDropdownList, .countryDropdownList, .stateDropdownList, .cityDropdownList, .dropdownSelectedList {
  margin-top: 27%;
  }
  .annualIncomeDropdownList {
  margin-top: 40%;
  }
  .monthlyIncomeDropdownList, .annualIncomeDropdown .annualIncomeDropdownList, .monthlyFamilyIncomeDropdownList {
  margin-top: 15%;
  }
  }
  @media (max-width: 900px) {
  .sliderWrapper {
  flex-wrap: wrap;
  }
  .assessText {
  width: 20% !important;
  font-size: 8px;
  padding-inline: 10px;
  min-height: 44px;
  width: 20%;
  box-sizing: border-box;
  }
  .whatWeOffer .container {
  flex-wrap: wrap;
  }
  .pietentialSelectContainer {
  min-width: 90%;
  flex-direction: column;
  align-items: center;
  }
  .dropdownContainer {
  width: 90%;
  margin-bottom: 16px;
  }
  .adminRegister h2 {
  text-align: center;
  }
  .dropdownList {
  margin-top: 0;
  padding-top: 16px;
  z-index: 9;
  border-top: 0;
  border-radius: 20px;
  left: 6px;
  }
  #bars {
  position: absolute;
  right: -2% !important;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
  }
  #noData .noDataInner {
  max-width: 80%;
  }
  #noData .noDataInner .tryItButtonContainer {
  flex-direction: column;
  }
  #noData .noDataInner .tryItButtonContainer .tryItButton {
  margin-right: 0 !important;
  margin-bottom: 8px !important;
  }
  .modalInner {
  flex-wrap: wrap;
  }
  .modalInner div {
  width: 100%;
  }
  .teamBio {
  width: 90%;
  }
  .innerDashBar {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  }
  .innerDashBar .login-bar {
  margin-top: 10px;
  }
  .aboutEvent {
  flex-direction: column;
  align-items: center;
  }
  .aboutEvent .buttonContainer {
  min-height: 100px;
  }
  .aboutEventContent {
  text-align: center;
  width: 90%;
  }
  .aboutEvent .buttonContainer {
  width: 100%;
  justify-content: center;
  }
  .swiperWrapper {
  grid-template-columns: repeat(2, 1fr) !important;
  }
  .modalOverlay .swiper-button-next,
  .modalOverlay .swiper-button-prev {
  width: 25px;
  height: 25px;
  }
  .benefitsOfAttendingContainer {
  display: none;
  }
  .benefitMobileView {
  display: block;
  }
  .modal_inner .swiper-button-next:after,
  .modal_inner .swiper-button-prev:after {
  font-size: 16px;
  }
  .slider-cards-js .swiper-wrapper {
  margin-bottom: 80px;
  }
  .speaker_section {
  display: none;
  }
  .benefitMobileView .swiper-pointer-events {
  margin-top: 0;
  }
  #mapMobileView {
  display: block;
  }
  #mapDesktopView {
  display: none;
  }
  .scoreContainer {
  flex-direction: column;
  }
  .wellbeingTextContainer {
  display: none;
  }
  .sidebarMain {
  max-width: 100%;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  }
  .assess {
  width: 100%;
  }
  .part::before {
  background: transparent;
  height: 0;
  }
  .visualizeItText {
  border-right: 3px solid #f57e20 !important;
  border-left: 0 !important;
  border-bottom: 0 !important;
  }
  .part b::before {
  background: transparent;
  }
  .part p .roundedCircle {
  display: none;
  }
  .part {
  width: 100%;
  margin-left: 0;
  }
  .scoreHeading {
  padding: 0;
  width: 90%;
  margin: 0 auto 10px auto;
  }
  .part .scale,
  .part p {
  padding: 0;
  max-width: 90%;
  margin: auto;
  }
  .part .scale {
  margin: 0 auto 12px auto;
  }
  .rangeHolder {
  max-width: 90%;
  }
  .rangeButton {
  width: 30px;
  height: 30px;
  font-size: 14px;
  }
  .selfText {
  font-size: 8px;
  padding-inline: 10px;
  min-height: 44px;
  width: 20%;
  box-sizing: border-box;
  border: 2px solid;
  border-bottom: 2px solid;
  border-right: 0;
  }
  .selfEsteemActive,
  .selfActuActive,
  .belongingActive,
  .needsActive,
  .physiologicalActive {
  border: 2px solid;
  }
  .selfEsteemActive {
  border-color: #20b24b;
  }
  .selfActuActive {
  border-color: #00aeef;
  }
  .belongingActive {
  border-color: #f6b918;
  }
  .needsActive {
  border-color: #f57e20;
  }
  .physiologicalActive {
  border-color: #ed1c24;
  }
  .physiological {
  border-right: 2px solid;
  }
  .physiological::after {
  display: none;
  }
  .forMobile {
  display: none;
  }
  .part {
  margin-top: 16px;
  }
  .visualizeText {
  position: relative;
  }
  .visualizeText::before {
  content: "";
  position: absolute;
  background: linear-gradient(
  to right,
  rgba(237, 28, 36, 1),
  rgba(0, 174, 239, 1),
  rgba(32, 178, 75, 1),
  rgba(246, 185, 24, 1),
  rgba(245, 126, 32, 1)
  );
  top: 0;
  width: 100%;
  height: 3px;
  left: 0;
  }
  #modalInner div {
  justify-content: center;
  }
  #modalInner {
  width: 90%;
  }
  .actualizeIt {
  margin-top: 5.6rem;
  }
  .exerciseProgressContainer {
  flex-direction: column;
  padding-block: 8px;
  }
  .exerciseContentContainer {
  flex-direction: column;
  }
  .exerciseProgressContainer h3,
  .exerciseProgressContainer p {
  margin-right: 0;
  }
  .exerciseProgressContainer h3 {
  font-size: 23px;
  margin-bottom: 8px;
  padding: 26px;
  }
  .exerciseProgressContainer .content {
  font-size: 16px;
  margin-bottom: 8px;
  }
  .exerciseProgressContainer .outerSpanContainer {
  margin-bottom: 8px;
  }
  .arrowContainer {
  width: 26px;
  height: 26px;
  }
  }
  @media (max-width: 580px) {
  .eventContainer {
  width: 100%;
  margin-inline: auto;
  }
  .ngoBenefits {
  padding-top: 0;
  }
  .beginCardContainer {
  flex-direction: column;
  }
  }
  @media only screen and (max-width: 1024px) and (min-width: 580px) {
  .aboutPietentialContent {
  max-width: 100%;
  }
  .pietentialImageContainer {
  width: 100%;
  }
  .aboutPietentialContent .aboutPietentialOrganization {
  max-width: 100%;
  }
  .whatIsPietential .container div {
  max-width: 100%;
  width: 100%;
  }
  .logInImageContainer {
  width: 100%;
  }
  .formMainContainer {
  width: 80%;
  margin: auto;
  }
  .advisorContainer {
  width: 22%;
  }
  .pietentialAdvisor p,
  span {
  font-size: 14px;
  }
  .whatWeOffer .connectedText {
  min-height: 100px;
  }
  .container {
  width: 95%;
  }
  .desktopnav {
  width: 70%;
  }
  #navi a {
  font-size: 14px;
  }
  .footerLinks a {
  text-align: right;
  }
  }
  @media only screen and (max-width: 1024px) and (min-width: 768px) {
  .teamImageContainer img {
  width: 300px;
  height: 300px;
  }
  .linkedinButton img {
  width: 22px;
  height: 22px;
  }
  .aboutTeamContainer {
  width: 45%;
  }
  .rangeHolder {
  flex-wrap: wrap;
  justify-content: center;
  }
  .rangeButton {
  margin-bottom: 8px;
  margin-right: 6px;
  }
  .part {
  width: 70%;
  }
  .part b::before {
  left: -60px;
  width: 44px;
  }
  .part p .roundedCircle::before {
  left: -21px;
  }
  .part p,
  .rangeHolder {
  max-width: 75%;
  }
  #rightSide {
  width: 60% !important;
  }
  }
  @media (max-width: 1024px) {
  .aboutPietentialContent {
  margin-bottom: 12px;
  }
  .advisorContainer img {
  margin-top: 0;
  }
  .ourPieStory2 {
  background-image: none;
  }
  .polarGraphContainer {
  width: 100%;
  }
  .justifyContent1024 {
  justify-content: center;
  }
  }
  @media only screen and (max-width: 767px) and (min-width: 481px) {
  .advisorContainer {
  width: 48%;
  max-width: 280px;
  margin-bottom: 12px;
  }
  .whatWeOffer .container {
  justify-content: space-evenly;
  }
  .footerLogoSection {
  width: 44%;
  }
  .socialLinks {
  margin-left: 10px;
  }
  .footerBottom {
  padding-block: 20px;
  }
  .footerBottom .address {
  width: 100%;
  text-align: center;
  }
  .footer .footerBottom .container {
  flex-direction: column;
  }
  .contactUsSection form input {
  width: 100%;
  }
  .howWeDoContent ul .listItem {
  height: auto;
  }
  .whatPietentialDo .container {
  justify-content: center;
  }
  .whatPietentialDoContent {
  width: 100%;
  }
  .whatPietentialDo {
  padding-block: 20px;
  }
  .aboutTeamContent {
  text-align: center;
  align-items: center;
  width: 100%;
  }
  .aboutTeam p {
  margin-bottom: 8px;
  }
  .aboutPartnersImage {
  width: 100%;
  }
  .aboutPartnersImage img {
  width: 100%;
  }
  .aboutPartnersContent {
  width: 100%;
  }
  .partnersText {
  margin: 0 auto 20px;
  border-radius: 100px;
  }
  h2 {
  font-size: 27px !important;
  }
  .aboutPartnersContent p {
  width: 90%;
  margin-bottom: 20px;
  }
  .aboutPartnersContent ul {
  width: 85%;
  margin-bottom: 20px;
  }
  .nextPartner .welcomeText {
  width: 90%;
  }
  .eventDetail .imageSection img {
  width: 100%;
  }
  .eventDetail .imageSection {
  width: 100%;
  }
  .eventDetail .aboutSpeakerSection {
  width: 100%;
  }
  .whoJoinImage {
  margin-top: 62px;
  }
  .speakerSection .teamCard {
  width: 70%;
  }
  .aboutSpeakerContainer {
  flex-direction: column;
  }
  }
  @media only screen and (max-width: 1024px) and (min-width: 768px) {
  h2 {
  font-size: 29px !important;
  }
  .aboutSpeakerSection {
  text-align: center;
  }
  .aboutSpeaker .imageSection {
  margin-bottom: 20px;
  }
  .aboutSpeaker .container {
  justify-content: center;
  }
  .aboutSpeakerSection .border {
  margin: auto;
  }
  .aboutSpeakerSection p {
  margin-bottom: 18px;
  }
  .aboutSpeakerSection .experienceText {
  margin-bottom: 40px;
  }
  .coordinatorsMember img {
  width: 200px;
  height: 200px;
  }
  .coordinatorsMember p {
  width: 90%;
  margin: auto;
  }
  .coordinatorsMember p br {
  display: none;
  }
  .eventFormatSection {
  padding-top: 40px;
  }
  .perksAttending {
  margin-top: 40px;
  }
  .footerLogoSection {
  width: 40%;
  }
  .socialLinks {
  margin-left: 20px;
  }
  .footerLinks {
  max-width: 320px;
  }
  .footer .footerBottom .container p {
  font-size: 15px;
  text-align: center;
  }
  .footerBottom p a:first-child {
  padding-right: 10px;
  }
  .eventFormatSection .container {
  justify-content: space-between;
  }
  p,
  li {
  font-size: 16px !important;
  }
  .whatPietentialDoContent {
  width: 50%;
  }
  .aboutUs .container {
  align-items: center;
  }
  .wellBeingContainer img {
  width: 100%;
  }
  .aboutSpeaker .imageSection img {
  width: 100%;
  }
  .aboutMhn .container {
  justify-content: space-between;
  }
  .maslow_image_container {
  margin-right: 20px;
  }
  .maslowImageContainer {
  width: 30%;
  }
  .aboutMhn .container .aboutNgoContent {
  width: 30%;
  }
  .maslowImageContainer img {
  width: 180px;
  }
  .main_inner {
  width: 90%;
  margin-inline-start: auto;
  }
  .headingContainer h3 {
  max-width: 90%;
  }
  #tableMainContent h4 {
  max-width: 81%;
  }
  }
  @media only screen and (max-width: 1210px) and (min-width: 1025px) {
  .aboutPietentialContent {
  max-width: 50%;
  }
  .pietentialImageContainer {
  width: 35%;
  }
  .wellBeingContainer img {
  width: 100%;
  }
  .eventDetail .imageSection img {
  width: 100%;
  }
  .eventDetail .aboutSpeakerSection {
  margin-left: 20px;
  }
  .part {
  width: 75%;
  }
  .part b::before {
  width: 55px;
  left: -77px;
  }
  .part p .roundedCircle::before {
  left: -23px;
  }
  #rightSide {
  flex: 1;
  margin-bottom: 40px;
  padding: 0 40px;
  }
  }
  @media (min-width: 1441px) {
  .teamBio {
  max-width: 1200px;
  }
  .part {
  margin-right: auto;
  margin-left: 100px;
  }
  .part b::before {
  left: -120px;
  }
  .part p .roundedCircle::before {
  left: -50px;
  }
  }
  @media (max-width: 320px) {
  .alertInner {
  max-width: 90%;
  min-width: 90%;
  }
  }
  @media (max-width: 600px) {
  #welrow {
  width: 100% !important;
  display: flex;
  justify-content: center;
  }
  #welrow a {
  margin-right: 5px !important;
  }
  #dashboard {
  width: 100% !important;
  }
  }
  @media only screen and (max-width: 767px) {
  #arrowSection {
  display: none !important;
  }
  }