/* Default for desktop */
.nav-menu {
  display: flex;
}
.menu-button-3 {
  display: none;
}


.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.hero-container {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  max-width: 100%;
  margin-left: 60px;
  margin-right: 60px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}


.content_cards {
  max-width: 100%;
  padding-bottom: 0;
}

.cms_content {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding: 0 80px;
}

.thumbnail {
  aspect-ratio: 16 / 9;
  width: 100%;
  height: auto;
  object-fit: cover;
  background-color: #fff;
  border: 0 solid #eef5f6;
  border-bottom-width: 1px;
  border-radius: 12px 12px 0 0;
  min-width: 100%;
}

.collection-list-new {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: repeat(auto-fit, minmax(328px, 1fr));
  grid-auto-columns: 1fr;
  align-content: stretch;
  padding-bottom: 0;
  display: grid;
}

.sec_container {
  margin-top: 0;
}

.footer {
  background-color: #f7f7f7;
  border: 0 #000;
  margin-top: 40px;
  margin-bottom: 0;
  padding-top: 40px;
  padding-bottom: 32px;
}

.body {
  background-color: var(--white);
}

.link-block {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 100%;
  text-decoration: none;
  display: flex;
}

.link-block.w--current {
  min-width: auto;
  margin-bottom: 0;
}

.body-2 {
  background-color: var(--white);
}

.link-block-3 {
  text-decoration: none;
}

.content {
  max-width: 100%;
  padding: 0;
}

.cards {
  background-color: var(--white);
  border: 1px solid #e7e7e9;
  border-radius: 12px;
  max-width: 490px;
}

.cards:hover {
  box-shadow: 0 4px 4px -1px #0c0c0d1a, 0 4px 4px -1px #0c0c0d0d;
}

.heading-5 {
  color: #6c6b77;
  text-align: center;
  letter-spacing: -.252px;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  margin-top: 4px;
  margin-bottom: 0;
  font-family: 'Inter', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.heading-7 {
  color: #fbfcfe;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 0;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.xshae {
  color: #fff;
  background-color: #0d0c20;
  border-radius: 80px;
  max-width: none;
  margin-top: 0;
  margin-left: 0;
  padding: 12px 20px;
  font-family: Satoshi;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
}

.conh {
  align-items: center;
  display: flex;
}

.footertxt {
  background-image: linear-gradient(to bottom, var(--grey500), var(--grey400));
  text-align: center;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cabinetgrotesk, sans-serif;
  font-size: 48px;
  line-height: 48px;
}

.ctas {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-end;
  align-items: center;
  padding-top: 10px;
}

.toggleactive {
  color: #1d294f;
  background-image: radial-gradient(circle, #c4cfef, #d0d8ed);
  border-radius: 10px;
  align-self: center;
  margin-top: 0;
  margin-bottom: 0;
  padding: 10px 14px;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  box-shadow: inset 0 4px 4px #9eafe04d;
}

.toggleinactive {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#121e46, #374264);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  padding: 10px 14px;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
}

.toggle {
  background-image: linear-gradient(235deg, #f1f5ff 3.24%, #eaefff 70.75%);
  border: 2px solid #d9e3ff;
  border-radius: 12px;
  flex-wrap: nowrap;
  width: 200px;
  box-shadow: inset 0 1px 3px #9eafe04d;
}

.link-block-7 {
  text-decoration: none;
}

.dp64 {
  object-fit: cover;
  border-radius: 64px;
  width: 64px;
  height: 64px;
  margin-top: 0;
  margin-left: 0;
  padding-top: 0;
  display: inline-block;
}

.dp {
  border: 3px solid var(--white);
  object-fit: cover;
  border-radius: 40px;
  min-width: 56px;
  max-width: 56px;
  min-height: 56px;
  max-height: 56px;
  margin-top: 0;
  margin-left: 0;
  padding-top: 0;
  display: inline-block;
}

.card-container {
  border: .5px #e7e7e9;
  border-radius: 16px;
  max-width: 490px;
  margin-bottom: 0;
  padding-top: 0;
}

.cslogo {
  border: 2px solid var(--white);
  object-fit: cover;
  background-color: #fff;
  border-radius: 40px;
  min-width: 56px;
  max-width: 56px;
  min-height: 56px;
  max-height: 56px;
  margin-top: 0;
  margin-left: 0;
}

.navbar-3 {
  background-color: #e2e7f5;
  padding-top: 8px;
  padding-bottom: 8px;
  position: fixed;
  inset: 0% 0% auto;
}

.nav-link-2 {
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Satoshi;
  font-weight: 500;
}

.container-25 {
  justify-content: space-between;
  align-items: center;
  display: block;
}

.nav1 {
  padding-right: 12px;
}

.html-embed-3 {
  border: 1px solid #f3f3f3;
  border-radius: 24px;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.dp80x {
  object-fit: cover;
  border-radius: 200px;
  width: 120px;
  max-width: none;
  height: 120px;
  display: block;
}

.dp24sm {
  border: 1px solid #e7e7e9;
  border-radius: 80px;
  width: 34px;
  height: 34px;
}

.logos {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  padding-left: 8px;
  padding-right: 8px;
}

.preview-content {
  max-width: 100%;
  height: 100%;
}

.dp-tag {
  clear: none;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  margin-top: -40px;
  margin-left: 16px;
  margin-right: 16px;
  padding-left: 0;
  display: flex;
}

.job {
  color: #256ef1;
  letter-spacing: -.084px;
  background-color: #f7faff00;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding: 0;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  display: block;
}

.open-to-work-tag {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: var(--grey400);
  text-transform: capitalize;
  background-color: #fff;
  border-top-left-radius: 0;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 0;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 0;
  margin-left: -2px;
  padding: 4px 10px 4px 8px;
  font-family: Satoshi;
  font-size: 16px;
  font-weight: 400;
  position: static;
}

.div-block {
  padding: 0;
}

.category-thumbnails {
  border-radius: 12px 12px 0 0;
}

.label {
  padding: 14px 16px;
}

.link-block-16 {
  text-decoration: none;
}

.link-block-17 {
  margin-bottom: 8px;
}

.div-block-4 {
  padding-top: 8px;
}

.category_block {
  background-image: linear-gradient(#fff, #fff);
  margin-left: 0;
  margin-right: 0;
  padding: 60px 80px 40px;
}

.categories_collection {
  box-sizing: border-box;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  aspect-ratio: auto;
  object-fit: fill;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 0;
  display: flex;
  overflow: auto;
}

.categories-cards {
  border: 1px solid #e7e7e9;
  border-radius: 12px;
  min-width: 312px;
  max-width: none;
}

.categories-cards:hover {
  box-shadow: 0 4px 4px -1px #0c0c0d1a, 0 4px 4px -1px #0c0c0d0d;
}

.bottom-sec {
  border-top: 1px solid #e7e7e9;
  min-width: 100%;
  text-decoration: none;
  display: block;
}

.work_logos {
  border: 1px solid var(--boder-2_v1);
  border-radius: 32px;
  width: 32px;
  height: 32px;
}

.pagination {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  align-items: stretch;
  margin-top: 0;
  padding-top: 24px;
  display: block;
}

.lottie-animation {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 490px;
  height: 100%;
  max-height: none;
  display: flex;
}

.loading {
  background-color: var(--white);
  border-style: none;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

.link, .link-2, .link-4 {
  color: var(--primary-text-color_v1);
  text-decoration: none;
}

.card {
  width: 100%;
  height: 63.8757%;
  text-decoration: none;
}

.csheading {
  color: #333;
  letter-spacing: -.252px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 16px;
  padding-right: 16px;
  font-family: 'Inter', sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  overflow: visible;
}

.body_content {
  width: 100%;
  min-width: auto;
  max-width: none;
  height: 100%;
  min-height: auto;
  margin-left: 0;
  margin-right: 0;
}

.primary-nav {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #fff;
  border-bottom: 0 solid #e7e7e9;
  position: fixed;
  inset: 0% 0% auto;
  box-shadow: 0 1px 1px #e7e7e9;
}

.nav-menu {
  float: right;
  clear: none;
  display: block;
  position: static;
}

.nav-item {
  color: #6c6b77;
  padding-left: 8px;
  padding-right: 8px;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  position: static;
}

.nav-item.w--current {
  color: #6c6b77;
  border: 1px #000;
  border-bottom-width: 2px;
}

.nav-selected {
  color: #0d0c20;
  letter-spacing: 0;
  border-bottom: 2px solid #1a1a1a;
  padding-left: 8px;
  padding-right: 8px;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  position: static;
}

.nav-selected.w--current {
  color: #0d0c20;
}

.submit {
  background-color: #0d0c20;
  border-radius: 40px;
  width: auto;
  padding: 10px 20px;
  text-decoration: none;
}

.submit:hover {
  background-color: #272633;
}

.link-block-23 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  border: 1px solid #9e9ea6;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  padding: 9px 20px;
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.text-block-10 {
  color: #1a1a1a;
}

.image-19 {
  width: 16px;
  height: 16px;
}

.logo {
  width: 120px;
  padding-right: 24px;
}

.container-37 {
  max-width: none;
  margin-left: 40px;
  margin-right: 40px;
}

.count {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.tab_icons {
  border-radius: 0;
  width: 20px;
  max-width: none;
  height: 20px;
}

.dot-sep {
  color: #6c6b77;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}

.image-23 {
  width: 16px;
  height: 16px;
}

.lowercasetext {
  text-transform: lowercase;
}

.textcapital{
  text-transform: capitalize;
}

.opentowork_sec {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
}

.open-to-work-text {
  color: #256ef1;
  letter-spacing: -.084px;
  font-family: 'Inter', sans-serif;
  font-weight: 500;
}

.image-24 {
  width: 16px;
  height: 16px;
}

.iframe-snap-heading {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.iframe-txt {
  text-decoration: underline;
}

.image-25 {
  width: 24px;
  height: 20px;
}

.flex-block-34 {
  color: #333;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
}

.link-block-24 {
  padding-top: 12px;
  text-decoration: none;
}

.ptm_list {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  perspective: 1000px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: center;
  place-items: center start;
  padding-bottom: 0;
  display: flex;
  overflow: auto;
}

.ptm_story_cards {
  background-color: #fff;
  border: .5px solid #e7e7e9;
  border-radius: 24px;
  width: 12%;
  min-width: 348px;
  max-width: none;
  margin-top: 12px;
  margin-bottom: 12px;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  overflow: hidden;
  box-shadow: 4px 4px 12px #00000052;
}

.ptm_story_img {
  border: 6px solid #0d0c201a;
  border-radius: 24px 200px 200px;
  width: 62%;
  height: auto;
  margin-top: -10px;
  margin-left: -10px;
}

.month_symbool {
  color: #0d0c201a;
  margin-bottom: 0;
  font-family: 'Inter', sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 32px;
}

.image-26 {
  width: 80%;
}

.ptmbox {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
}

.div-block-5 {
  background-image: url("../images/BG-Vector_1.1c7b7ffd7a76.svg");
  background-position: 0 0;
  background-size: cover;
  border-radius: 16px;
}

.flex-block-38 {
  border-top-left-radius: 16px;
  justify-content: flex-start;
  align-items: flex-end;
  overflow: hidden;
}

.heading-9, .heading-10 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: 'Inter', sans-serif;
  font-size: 20px;
  line-height: 28px;
}

.flex-block-39 {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: #333;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-left: -72px;
  padding-left: 0;
}

.button {
  color: #0d0c2014;
  background-color: #ecebea;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  padding: 8px 20px;
}

.image-27 {
  width: 20px;
  height: 20px;
}

.heading-11 {
  color: #333;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
}

.lottie_animation {
  z-index: 1;
  height: auto;
  margin-top: 0;
  position: absolute;
  inset: 0% 0% auto;
}

.link-block-28 {
  text-decoration: none;
}

.flex-block-40 {
  background-color: #fff;
  border-radius: 100px;
  padding: 8px 16px;
}

.column {
  background-image: url("../images/bg.592446e178be.svg");
  background-position: 0 0;
  background-size: auto;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  margin-bottom: 0;
  padding-top: 100px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.columns {
  height: 100%;
  display: flex;
}

.column-2 {
  background-color: #fafafb;
  height: auto;
  padding: 66px 60px;
}

.heading-12 {
  color: #1a1a1a;
  text-align: center;
  letter-spacing: -1.92px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: 'Inter', sans-serif;
  font-size: 39px;
  font-weight: 600;
  line-height: 48px;
  display: flex;
}

.company-lgo-slider {
  justify-content: center;
  align-items: center;
  width: 80%;
  padding-top: 80px;
  padding-bottom: 96px;
}

.logo-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: center;
  min-width: 872px;
  display: flex;
  position: relative;
}

.image-28 {
  height: 72px;
}

.country-slider {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border: 1px solid #dadada;
  border-radius: 120px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: 16px 28px;
  box-shadow: 0 1px 4px #0c0c0d0d, 0 1px 4px #0c0c0d1a;
}

.label-2 {
  letter-spacing: -.16px;
  margin-bottom: 0;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  line-height: 18px;
}

.field {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.field-rows {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.submit-button {
  color: #fff;
  letter-spacing: -.084px;
  background-color: #0d0c20;
  border-radius: 80px;
  width: 100%;
  padding: 14px 16px;
  font-family: 'Inter', sans-serif;
}

.submit-button:hover {
  background-color: #272633;
}

.form {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
}

.text-filed {
  background-color: #fff;
  border: .5px solid #0006;
  border-radius: 8px;
  height: auto;
  margin-bottom: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  font-family: 'Inter', sans-serif;
}

.select-field {
  color: #333;
  background-color: #fff;
  border: .5px #0006;
  border-radius: 8px;
  margin-bottom: 0;
  margin-right: 0;
  padding-top: 8px;
  padding-left: 0;
  padding-right: 0;
  font-family: 'Inter', sans-serif;
}

.div-block-7 {
  background-color: #fff;
  border: .5px solid #0006;
  border-radius: 8px;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
}

.caurousel-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  width: 100%;
  min-width: auto;
  display: flex;
  overflow: hidden;
}

.hero-section {
  background-image: url("../images/Wallofportfoliosbg.0fe9726c71f9.svg");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 0;
  padding-top: 120px;
  padding-bottom: 72px;
  overflow: visible;
}

.company-logo-slider-2 {
  justify-content: center;
  align-items: center;
  width: 60%;
  padding-top: 32px;
  padding-bottom: 120px;
}

.profile_section {
  height: 100%;
  padding-top: 60px;
  position: fixed;
  inset: 0% 0% auto;
}

.flex-block-41 {
  justify-content: flex-start;
  align-items: center;
  margin-top: 24px;
  padding-bottom: 0;
}

.wrk-exp {
  border-bottom: .5px solid #1a1a1a3d;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 48px;
}

.profile-active-tab {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #1a1a1a;
  border-radius: 100px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 8px 16px;
}

.image_29 {
  width: 24px;
  height: 24px;
}

.profile_tabs {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 8px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
}

.see_all_cs {
  width: 100%;
  text-decoration: none;
}

.profile_tab {
  width: 100%;
  text-decoration: none;
}

.side_nav_default {
  justify-content: flex-start;
  align-items: center;
  width: 24%;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
}

.col-container {
  height: 100%;
}

.otw {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  margin-top: -20px;
}

.dp_img {
  justify-content: flex-start;
  align-items: center;
}

.global {
  width: 40%;
  margin-bottom: 0;
  font-family: 'Inter', sans-serif;
}

.homepage-country {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border: 1px solid #dadada;
  border-radius: 120px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 60%;
  padding: 16px 20px 16px 28px;
  box-shadow: 0 1px 4px #0c0c0d1a, 0 1px 4px #0c0c0d0d;
}

.lottie-animation-3 {
  width: 22%;
}

.success-message {
  color: #fff;
  background-color: #36b37e;
  border-radius: 8px;
  font-family: 'Inter', sans-serif;
}

.navbar_2 {
  background-color: #fff;
  border-bottom: 1px solid #e1ebec;
  position: fixed;
  inset: 0% 0% auto;
}

.ptm_modal {
  z-index: 40000;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #000c;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}

.profile_card {
  background-color: #fff;
  background-image: url("../images/BG-Vector_2.64b91ce463c5.svg");
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 16px;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  height: auto;
  margin: 100px auto auto;
  padding: 32px;
  overflow: hidden;
}

.checkbox-label {
  color: #1a1a1a;
  letter-spacing: -.14px;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  line-height: 18px;
}

.checkbox {
  border: 2px solid #0006;
  border-radius: 8px;
  width: 24px;
  height: 24px;
  margin-top: 0;
}

.checkbox-field {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 13px;
  display: flex;
}

.form-block {
  justify-content: center;
  align-items: center;
  display: block;
}

.image-29 {
  background-color: #fff;
  border: 2px #000;
  border-radius: 80px;
  width: 80px;
  height: 80px;
  margin: 0;
  padding: 4px;
}

.ptm {
  display: flex;
}

.ptm_stories {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
}

.div-block-11 {
  background-image: radial-gradient(circle, #14ae5c, #ec221f 43%, #d732a8);
  border: 0 #000;
  border-radius: 80px;
  padding: 2px;
}

.div_block_ptm {
  height: auto;
  padding-top: 0%;
  padding-left: 40px;
  padding-right: 40px;
  display: block;
}

.cs_cards {
  border: 1px solid #fff;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  max-width: 490px;
}

.cs_cards:hover {
  border: 1px solid #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 4px -1px #0c0c0d1a, 0 4px 4px -1px #0c0c0d0d;
}

.story_blocks {
  text-decoration: none;
}

.footer-container {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 32px;
}

.fotter-sections {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.footer-elemts-links {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.cc_right {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px #000;
  border-top: 1px solid #0003;
  flex-flow: row;
  justify-content: space-between;
  max-width: none;
  padding-top: 20px;
}

.card_highlight {
  filter: blur(24px);
  background-color: #ffffff1a;
  border-radius: 50%;
  width: 50%;
  height: 400px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.flex-block-46 {
  background-color: #fff0;
  justify-content: flex-end;
  align-items: flex-start;
  padding-top: 2%;
  padding-bottom: 16px;
}

.image-30 {
  width: 120px;
  padding-top: 16px;
  padding-right: 16px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.cs_frame {
  height: 100%;
  display: block;
}

.portfolio_tab {
  width: 100%;
  text-decoration: none;
}

.div-block-13 {
  width: 100%;
  padding-top: 16px;
  padding-right: 16px;
}

.image-36 {
  width: 100%;
  max-width: none;
}

.cs_thumnail {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.cs_thumnail:hover {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.experience_logos {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-end;
  align-items: center;
}

.section {
  margin-top: 60px;
}

.work_history {
  align-self: flex-start;
}

.hide {
  display: none;
}

.form2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: static;
  overflow: auto;
}

.collection-list {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  display: flex;
  overflow: visible;
}

.cms_tabs_inactive {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  border: 1px solid #e7e7e9;
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 8px;
  margin-bottom: 8px;
  padding: 8px 12px;
  display: flex;
}

.cms_tabs_inactive:hover {
  box-shadow: 0 2px 4px #00000014;
}

.cms_tabs_inactive.fs-cmsfilter_active {
  border-width: 2px;
  border-color: #333;
  width: auto;
}

.cms_tabs_inactive_text {
  color: #333;
  text-transform: capitalize;
  width: 100%;
  min-width: auto;
  margin-bottom: 0;
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 500;
  overflow: visible;
}

.form_block_2 {
  margin-bottom: 0;
  position: relative;
  overflow: hidden;
}

.filters_tab {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #fff;
  border: 1px solid #333;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 8px 14px;
}

.text_block {
  color: #222;
  width: 100%;
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
}

.filters_link {
  border-radius: 80px;
  text-decoration: none;
  display: block;
}

.filters_link:hover {
  box-shadow: 0 2px 4px #0000001f;
}

.secondary-nav {
  z-index: 1001;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #ffffff;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 8px;
  padding-left: 80px;
  padding-right: 80px;
  position: sticky;
  top: 60.6px;
}

.filters_modal {
  z-index: 20000;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #000c;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: auto;
  max-width: none;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  display: none;
  position: fixed;
  inset: 0%;
}

.dialoguebox {
  background-color: #fff;
  border-radius: 16px;
  flex-flow: column;
  width: 568px;
  max-width: none;
  height: 80%;
  margin-top: 48px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 12px #83838387;
}

.dialougehead {
  background-color: #fff;
  border-bottom: 1px solid #e7e7e9;
  justify-content: space-between;
  align-items: center;
  padding: 24px 24px 12px;
}

.dialougeclose {
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.dialougeclose:hover {
  background-color: #f1f1f1;
  border-radius: 4px;
}

.dialougeheading {
  align-self: flex-start;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: 'Inter', sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}

.dialougebody {
  background-color: #fff;
  flex-flow: column;
  width: 100%;
  max-width: none;
  height: auto;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  overflow: auto;
}

.filter_sections {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  border-bottom: 1px solid #e7e7e9;
  height: auto;
  padding: 20px 0;
  overflow: visible;
}

.filter_sec_headings {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 16px;
  font-family: 'Inter', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

.option_list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.options {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0;
  display: flex;
}

.checkbox-2 {
  background-color: #ffe7e7;
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-left: -6px;
}

.checkbox-label-2 {
  margin-bottom: 0;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.more_options {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 8px;
  display: grid;
}

.show_m_l {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  margin-top: 0;
  padding-top: 12px;
  display: block;
}

.show-more {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.show-less {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: block;
}

.dialougefooter {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 6px 24px 12px;
  box-shadow: 0 -4px 4px #00000014;
}

.see_results {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #0d0c20;
  border-radius: 80px;
  padding: 10px 20px;
  text-decoration: none;
  display: flex;
}

.see_results:hover {
  background-color: #272633;
}

.clear {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.link-block-29 {
  color: #333;
  font-family: 'Inter', sans-serif;
}

.count_bubble {
  z-index: 100;
  color: #fff;
  text-align: center;
  background-color: #333;
  border: 1px solid #fff;
  border-radius: 50px;
  width: auto;
  height: auto;
  padding-left: 4px;
  padding-right: 4px;
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  line-height: 18px;
  position: relative;
  inset: 0% auto 0% 0%;
}

.flex-block-47 {
  padding-top: 12px;
}

.image-38 {
  width: 20px;
  height: 20px;
}

.fade-right {
  z-index: 10;
  filter: blur(8px);
  background-color: #fff;
  width: 60px;
  height: 100%;
  padding: 24px 20px;
  position: absolute;
  inset: 0 -50px auto auto;
}

.bold-text {
  font-size: 18px;
  line-height: 20px;
}

.flex-block-48 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 12px;
}

.flex-block-49 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-bottom: 1px solid #e7e7e9;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 2px;
}

.code-embed {
  display: none;
}

.linktext, .link-5 {
  color: #333;
}

.t-c {
  text-align: center;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
}

.flex-block-50 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.collection-list-wrapper {
  padding-top: 8px;
}

.content_cards_2 {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 40px;
}

.footer_2 {
  background-color: #f7f7f7;
  padding-top: 40px;
  padding-bottom: 32px;
}

.search_-_filters {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
}

.empty-state {
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.custom-empty-state {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: none;
}

.flex-block-52 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
}


.div-block-14 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.google-login-btn {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #fff;
  border: .5px solid #0006;
  border-radius: 90px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.image-40 {
  width: 28px;
  height: 28px;
}

.section_login {
  height: 100%;
  margin-top: 0;
}

.login_col_1 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  margin-top: 60px;
  padding: 56px 20px 40px;
  display: flex;
}

.login_col_2 {
  background-color: #fafafb;
  justify-content: center;
  align-items: flex-start;
  margin-top: 60px;
  padding-top: 80px;
  display: flex;
}

.flex-block-54 {
  justify-content: flex-start;
  align-items: center;
  width: 448px;
}

.login_form {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  padding-top: 16px;
  display: flex;
}

.login_field_rows {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
}

.authbtn {
  width: 100%;
  text-decoration: none;
}

.text-block-11 {
  color: #1a1a1a;
}

.login_text_field {
  border: .5px solid #0006;
  border-radius: 80px;
  height: 48px;
  margin-bottom: 0;
  padding: 12px 16px;
  font-family: 'Inter', sans-serif;
}

.flex-block-55 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 16px;
}

.slider {
  background-color: #fff;
  width: 100%;
  height: auto;
  padding-left: 0;
  padding-right: 0;
}

.right-arrow {
  background-color: #fff;
  border: 1px solid #e7e7e9;
  border-radius: 80px;
  width: 48px;
  height: 32px;
  margin: 0 0 8px;
  inset: 50% 0% 0% auto;
}

.icon-2 {
  color: #000;
  background-color: #fff;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
}

.left-arrow {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #e7e7e9;
  border-radius: 80px;
  width: 48px;
  height: 32px;
  margin-top: 0;
  margin-bottom: 8px;
  margin-left: 0;
  position: absolute;
  inset: 50% auto 0% 0%;
}

.s1, .text_testimonials {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  width: 100%;
  height: 100%;
}

.videoblock {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border: 1px solid #e7e7e9;
  border-radius: 24px;
  width: 100%;
  height: 100%;
  padding: 16px;
}

.text_box {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid #e7e7e9;
  border-radius: 24px;
  width: 100%;
  height: auto;
  padding: 16px;
}

.designers_testimonials {
  width: 48px;
}

.header {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 0;
}

.flex-block-56 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  width: 100%;
}

.image-41 {
  border: 1px solid #ececec;
  border-radius: 12px;
  width: 100%;
  height: auto;
}

.code-embed-2 {
  width: 100%;
  height: 100%;
}

.slide-nav {
  position: relative;
  bottom: -3%;
}

.image-42 {
  width: 50%;
  max-width: none;
}

@media screen and (min-width: 1280px) {
  .hero-container {
    max-width: 100%;
    margin-left: 100px;
    margin-right: 100px;
  }

  .cms_content {
    padding-left: 80px;
    padding-right: 80px;
  }

  .xshae {
    padding: 14px 24px;
  }

  .ctas {
    padding-top: 10px;
  }

  .style2 {
    font-weight: 400;
  }

  .preview-content {
    height: 100%;
  }


  .pagination {
    grid-template-columns: 1fr 1fr 1fr;
    display: block;
  }

  .lottie-animation {
    max-width: none;
  }

  .nav-item.w--current {
    border-bottom-style: none;
  }

  .nav-selected {
    border-bottom: 2px solid #000;
    padding-left: 8px;
    padding-right: 8px;
  }

  .nav-selected.w--current {
    color: #0d0c20;
  }

  .submit {
    background-color: #0d0c20;
    border-radius: 40px;
    padding: 10px 20px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    text-decoration: none;
  }

  .logo {
    width: 124px;
    margin-right: 48px;
    padding-right: 0;
  }

  .container-37 {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 32px;
    padding-right: 32px;
  }

  .iframe-snap-heading {
    padding-right: 0;
  }

  .image-25 {
    width: 24px;
  }

  .ptm_list {
    padding-bottom: 0;
  }

  .ptm_story_cards {
    min-width: 348px;
  }

  .summary {
    height: auto;
  }

  .lottie_animation {
    margin-top: 0;
    inset: 0% 0% auto;
  }

  .column {
    height: auto;
  }

  .columns {
    height: 100%;
  }

  .heading-12 {
    font-size: 48px;
    line-height: 56px;
  }

  .country-slider {
    width: auto;
  }

  .select-field {
    padding-left: 0;
  }

  .hero-section {
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .company-logo-slider-2 {
    width: 60%;
  }

  .flex-block-41 {
    width: 100%;
    padding-bottom: 0;
  }

  .side_nav_default {
    justify-content: flex-start;
    align-items: flex-start;
    width: 20%;
  }

  .global {
    width: 48%;
  }

  .homepage-country {
    justify-content: space-between;
    width: 56%;
  }

  .lottie-animation-3 {
    width: 16%;
  }

  .ptm_modal {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: none;
  }

  .profile_card {
    width: 50%;
  }

  .div_block_ptm {
    padding-top: 0%;
    padding-left: 60px;
    padding-right: 60px;
  }

  .footer-container {
    padding-bottom: 32px;
  }

  .cms_tabs_inactive {
    min-width: 80px;
  }
  .active-profile-tab-txt {
    color: #ffffff !important;
  }

  .filters_modal {
    display: none;
  }

  .dialoguebox {
    height: 80%;
  }

  .more_options {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .fade-right {
    right: -56px;
  }

  .t-c {
    text-align: center;
  }
}

@media screen and (min-width: 1440px) {
  .hero-container {
    flex-direction: column;
    align-items: center;
    max-width: 100%;
    margin-left: 200px;
    margin-right: 200px;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }


  .heading {
    white-space: normal;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .content_cards {
    margin-left: 0;
    margin-right: 0;
  }

  .cms_content {
    padding-bottom: 0;
    padding-left: 80px;
    padding-right: 80px;
  }

  .thumbnail {
    aspect-ratio: 16 / 9;
    min-width: 100%;
    max-width: 100%;
  }

  .collection-list-new {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .sec_container {
    margin-top: 0;
  }

  .footer {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 32px;
  }

  .body {
    background-color: var(--white);
  }


  .body-2 {
    background-color: #fff;
  }

  .cards {
    box-shadow: none;
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
  }

  .heading-5 {
    color: #6c6b77;
    margin-top: 16px;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 400;
  }

  .heading-7 {
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 6px;
    font-size: 14px;
    font-weight: 500;
  }

  .xshae {
    color: #fbfcfe;
    text-align: justify;
    border: 1px solid #f3f5f9;
    border-radius: 80px;
    flex-wrap: nowrap;
    justify-content: flex-start;
    max-width: none;
    margin-top: 0;
    padding: 14px 24px;
    font-weight: 500;
    text-decoration: none;
    display: flex;
  }

  .conh {
    display: flex;
  }

  .ctas {
    padding-top: 0;
  }

  .toggleactive {
    background-image: linear-gradient(235deg, #e2eaff 3.24%, #d0d8ed);
    border: 0 solid #d9e3ff;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
  }

  .toggleinactive {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
  }

  .toggle {
    border-color: #ebf0ff;
    width: 220px;
  }

  .dp {
    border-width: 4px;
    border-color: var(--white);
    min-width: 56px;
    max-width: 56px;
    min-height: 56px;
    max-height: 56px;
    margin-top: 0;
  }

  .card-container {
    margin-bottom: 0;
  }

  .cslogo {
    margin-top: 0;
  }

  .style2 {
    overflow-wrap: normal;
    font-weight: 400;
  }

  .navbar-3 {
    inset: 0% 0% auto;
  }

  .container-25 {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .html-embed-3 {
    border-radius: 0;
  }

  .dp80x {
    object-fit: cover;
  }

  .dp24sm {
    width: 34px;
    height: 34px;
  }

  .open-to-work-tag {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 400;
  }

  .div-block {
    padding: 0;
  }

  .category-thumbnails {
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    border-radius: 12px 12px 0 0;
  }

  .label {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    padding: 14px 16px;
  }

  .link-block-16 {
    text-decoration: none;
  }

  .categories_collection {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 0;
    display: flex;
    overflow: auto;
  }

  .categories-cards {
    box-shadow: none;
    min-width: 320px;
    max-width: 490px;
  }

  .bottom-sec {
    border-top: 1px solid #e7e7e9;
  }

  .primary-nav {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 0px;
    position: fixed;
    inset: 0% 0% auto;
  }

  .nav-item {
    padding-top: 10px;
    padding-bottom: 20px;
    font-weight: 500;
  }

  .nav-item.w--current {
    border-bottom-style: none;
  }

  .nav-selected {
    padding-top: 10px;
    padding-bottom: 20px;
  }

  .nav-selected.w--current {
    color: #0d0c20;
  }

  .image-19 {
    width: 16px;
    height: 16px;
  }

  .logo {
    width: 124px;
    padding-right: 0;
  }

  .container-37 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 32px;
    padding-right: 32px;
  }
  
  .count {
    color: #333;
    margin-top: 0;
    margin-bottom: 0;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
  }

  .tab_icons {
    width: 20px;
    height: 20px;
  }

  .dot-sep {
    color: #1a1a1a;
  }

  .iframe-snap-heading {
    padding-right: 0;
  }

  .image-25 {
    width: 24px;
  }

  .ptm_scrollcontainer {
    font-size: 22px;
  }

  .ptm_list {
    padding-bottom: 0;
    display: flex;
  }

  .ptm_story_cards {
    min-width: 348px;
    max-width: none;
    height: auto;
  }

  .ptm_story_img {
    height: auto;
    margin-top: -6px;
    margin-left: -6px;
    padding-left: 0;
  }

  .month {
    text-transform: uppercase;
    font-weight: 700;
  }

  .image-26 {
    width: 80%;
  }

  .summary {
    color: #333c;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }

  .div-block-5 {
    background-image: url("../images/BG-Vector_1.1c7b7ffd7a76.svg");
    overflow: hidden;
  }

  .heading-9, .heading-10 {
    font-size: 20px;
    line-height: 28px;
  }

  .flex-block-39 {
    width: 48px;
    height: 48px;
    margin-bottom: 1px;
    padding: 0;
  }

  .heading-11 {
    font-size: 13px;
  }

  .lottie_animation {
    z-index: 1;
    border-radius: 400px;
    height: auto;
    margin-top: 0;
  }

  .link-block-28 {
    height: auto;
  }

  .flex-block-40 {
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .column {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    padding-left: 48px;
    padding-right: 48px;
    display: flex;
  }

  .columns {
    height: 100%;
  }

  .heading-12 {
    margin-top: 0;
    font-weight: 600;
  }

  .company-lgo-slider {
    width: 80%;
  }

  .country-slider {
    width: 70%;
  }

  .label-2 {
    width: 68%;
  }

  .form {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    display: flex;
  }

  .hero-section {
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 180px;
  }

  .company-logo-slider-2 {
    width: 60%;
    padding-top: 56px;
    padding-bottom: 96px;
  }

  .profile_section {
    height: 100%;
    inset: 0% 0% auto;
  }

  .flex-block-41 {
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 0;
  }

  .experience-info {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    justify-content: center;
    align-items: center;
    height: auto;
  }

  .profile-active-tab {
    background-color: #1a1a1a;
    border-radius: 100px;
  }

  .image_29 {
    width: 24px;
    height: 24px;
  }

  .side_nav_default {
    justify-content: flex-start;
    align-items: flex-start;
    display: block;
  }

  .col-container {
    justify-content: center;
    align-items: flex-start;
  }

  .lottie-animation-2 {
    width: 32%;
  }

  .global {
    width: 48%;
    margin-bottom: 0;
  }

  .homepage-country {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: space-between;
    width: 56%;
  }

  .navbar_2 {
    padding-top: 10px;
  }

  .ptm_modal {
    margin-top: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: none;
  }

  .profile_card {
    width: 50%;
  }

  .div_block_ptm {
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    min-height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0%;
    padding-left: 60px;
    padding-right: 60px;
    display: block;
  }

  .cs_cards:hover {
    border-radius: 15px;
  }

  .filters_modal {
    display: none;
  }

  .dialoguebox {
    height: 80%;
  }

  .more_options {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .t-c {
    text-align: center;
  }

  .login_heading {
    color: #1a1a1a;
    font-size: 28px;
    line-height: 32px;
  }

  .login_col_1 {
    height: auto;
  }
  .active-profile-tab-txt {
    color: #ffffff !important;
  }
  .slider {
    width: 90%;
    height: auto;
  }

  .right-arrow, .left-arrow {
    bottom: -2%;
  }

  .s1, .text_testimonials {
    height: auto;
  }

  .videoblock {
    width: 100%;
    height: auto;
  }

  .image-41 {
    border: 1px solid #ececec;
    border-radius: 12px;
    height: auto;
  }

  .code-embed-2 {
    height: auto;
  }

  .slide-nav {
    bottom: -2%;
  }

  .mask {
    height: auto;
  }
}

@media screen and (min-width: 1920px) {
  .hero-container {
    justify-content: center;
    align-items: center;
    width: auto;
    max-width: 100%;
    margin-left: 300px;
    margin-right: 300px;
  }



  .content_cards {
    margin-left: 0;
    margin-right: 0;
  }

  .cms_content {
    max-width: none;
    padding-left: 300px;
    padding-right: 300px;
  }

  .collection-list-new {
    place-items: stretch stretch;
  }

  .footer {
    padding-top: 60px;
    padding-bottom: 32px;
  }

  .body {
    background-color: var(--white);
  }



  .cards {
    max-width: 490px;
  }

  .heading-5 {
    color: #6c6b77;
    margin-top: 16px;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 400;
  }

  .heading-7 {
    padding-right: 0;
  }

  .xshae {
    align-items: flex-start;
    max-width: none;
    display: block;
  }

  .ctas {
    margin-top: 0;
  }

  .toggleactive {
    background-image: linear-gradient(235deg, #c4cfef 3.24%, #d0d8ed 70.75%);
  }

  .toggle {
    width: 220px;
  }

  .card-container {
    max-width: 490px;
  }

  .dp80x {
    object-fit: cover;
  }

  .label {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    padding: 14px 16px;
  }

  .category_block {
    padding: 100px 300px 60px;
  }

  .categories_collection {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
    overflow: auto;
  }

  .card {
    width: 100%;
    height: 64.7676%;
  }

  .body_content {
    min-width: auto;
  }

  .primary-nav {
    position: fixed;
  }

  .nav-item.w--current {
    border-bottom-style: none;
  }

  .nav-selected.w--current {
    color: #0d0c20;
  }

  .logo {
    width: 124px;
    padding-right: 0;
  }

  .container-37 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 32px;
    padding-right: 32px;
  }


  .count {
    color: #333;
    margin-top: 0;
    margin-bottom: 0;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
  }

  .iframe-snap-heading {
    padding-left: 0;
    padding-right: 0;
  }

  .image-25 {
    width: 24px;
  }

  .ptm_list {
    align-content: stretch;
    padding-bottom: 0;
  }

  .ptm_story_cards {
    min-width: 348px;
    height: auto;
    min-height: auto;
  }

  .summary {
    color: #3333338f;
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-5 {
    background-image: url("../images/BG-Vector.ccf3875db1e9.svg");
  }

  .lottie_animation {
    height: auto;
    margin-top: 0;
    inset: 0% 0% auto;
  }

  .column {
    height: auto;
  }

  .company-lgo-slider, .country-slider {
    width: 60%;
  }

  .hero-section {
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
  }

  .profile_section {
    height: 100%;
  }

  .flex-block-41, .wrk-exp {
    width: 100%;
  }

  .side_nav_default {
    display: block;
  }

  .global {
    width: 36%;
    font-size: 14px;
  }

  .active-profile-tab-txt {
    color: #ffffff !important;
  }

  .homepage-country {
    justify-content: space-between;
    width: 48%;
  }

  .ptm_modal {
    padding-left: 0;
    padding-right: 0;
    display: none;
  }

  .profile_card {
    background-image: url("../images/BG-Vector_2.64b91ce463c5.svg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 40%;
    display: flex;
  }

  .div_block_ptm {
    padding-left: 100px;
    padding-right: 100px;
  }

  .cms_tabs_inactive {
    min-width: auto;
  }

  .secondary-nav {
    padding-left: 300px;
    padding-right: 300px;
  }

  .filters_modal {
    display: none;
  }

  .dialoguebox {
    height: 64%;
  }

  .more_options {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .fade-right {
    filter: blur(6px);
    padding-left: 30px;
    padding-right: 30px;
    right: -50px;
  }

  .slider {
    width: 70%;
    height: auto;
  }

  .s1 {
    height: 100%;
  }
}

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

  .w-layout-blockcontainer {
    max-width: 728px;
  }

  .heading {
    white-space: normal;
    margin-bottom: 0;
  }

  .px-2-md {
    padding-left: var(--space-2) !important;
    padding-right: var(--space-2) !important;
  }

  .cms_content {
    padding-top: 0;
    padding-left: 40px;
    padding-right: 40px;
  }


  .content {
    margin-left: 16px;
    margin-right: 16px;
    padding-left: 0;
  }

  .cards {
    box-shadow: none;
    border: 1px solid #e7e7e9;
    border-radius: 12px;
    max-width: none;
  }

  .heading-5 {
    font-size: 14px;
    line-height: 18px;
  }

  .xshae {
    margin-top: 20px;
  }

  .menu-button-2 {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .logos {
    padding-left: 0;
    padding-right: 0;
  }

  .category_block {
    padding-left: 40px;
    padding-right: 40px;
  }

  .body_content {
    min-width: 100%;
    max-width: 100%;
    height: 900px;
  }

  .nav-menu {
    display: none;
  }

  .submit {
    width: 50%;
  }

  .link-block-23 {
    width: 50%;
  }

  .container-37 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .tab_icons {
    width: 20px;
    height: 20px;
  }

  .iframe-snap-heading {
    padding-left: 0;
    padding-right: 0;
  }

  .ptm_story_cards {
    min-width: 348px;
  }

  .column {
    height: auto;
    padding-bottom: 20px;
  }

  .columns {
    flex-flow: column;
    height: auto;
    display: flex;
  }

  .column-2 {
    height: auto;
  }

  .dxxl {
    letter-spacing: -2px !important;
    font-size: 40px !important;
    line-height: 48px !important;
  }

  .profile_section {
    position: static;
  }

  .flex-block-41 {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 16px;
  }

  .experience-info {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .wrk-exp {
    border-bottom-style: none;
    justify-content: center;
    align-items: flex-start;
    padding-bottom: 24px;
  }

  .profile-active-tab {
    background-color: #fff;
    border-bottom: 3px solid #000;
    border-radius: 0;
    justify-content: flex-start;
    align-items: center;
    width: auto;
  }

  .active-profile-tab-txt {
    color: #1a1a1a;
  }

  .profile_tabs {
    border-bottom: 1px solid #e7e7e9;
    flex-flow: row;
  }

  .see_all_cs {
    width: auto;
  }

  .profile_tab {
    width: auto;
  }

  .side_nav_default {
    width: 100%;
  }

  .col-container {
    flex-flow: column;
  }

  .global {
    width: 60%;
    font-size: 12px;
    line-height: 14px;
  }

  .homepage-country {
    justify-content: space-between;
    width: 75%;
  }

  .profile_card {
    width: 80%;
  }

  .footer-container {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column;
  }

  .fotter-sections {
    width: 100%;
  }

  .portfolio_tab {
    width: auto;
  }

  .div-block-13 {
    padding-right: 0;
  }

  .form2 {
    overflow: auto;
  }

  .secondary-nav {
    padding-left: 40px;
    padding-right: 40px;
  }

  .filters_modal {
    display: none;
    inset: 0%;
  }

  .dialoguebox {
    max-width: none;
  }

  .fade-right {
    right: -40px;
  }

  .login_col_1 {
    display: none;
  }
}

@media screen and (max-width: 767px) {
    .nav-menu {
    display: none;
    flex-direction: column;
  }
  .nav-menu.show {
    display: flex;
  }
  .menu-button-3 {
    display: block;
  }

  .hero-container {
    padding-left: 0;
    padding-right: 0;
  }

 .px-2-md {
    padding-left: var(--space-2) !important;
    padding-right: var(--space-2) !important;
  }

  .heading {
    margin-top: 0;
  }

  .cms_content {
    padding-top: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .collection-list-new {
    place-items: stretch start;
  }

  .content {
    margin-left: 16px;
    margin-right: 16px;
    padding-left: 0;
  }

  .cards {
    max-width: none;
  }

  .heading-7 {
    font-weight: 400;
  }

  .xshae {
    max-width: none;
  }

  .container-25 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .preview-content {
    padding-left: 0;
    padding-right: 0;
  }

  .category_block {
    padding-left: 16px;
    padding-right: 16px;
  }

  .pagination {
    grid-template-columns: 1fr;
  }

  .csheading {
    max-width: 408px;
  }

  .nav-menu {
    display: none;
  }

  .logo {
    width: 120px;
    padding-right: 16px;
  }

  .container-37 {
    margin-left: 16px;
    margin-right: 16px;
    padding-left: 0;
    padding-right: 0;
  }

  .iframe-snap-heading {
    padding-left: 0;
    padding-right: 0;
  }

  .column {
    padding-bottom: 20px;
  }

  .profile_tabs {
    border: 1px #e7e7e9;
    border-bottom-style: solid;
  }

  .homepage-country {
    width: 100%;
  }

  .profile_card {
    width: 80%;
  }

  .secondary-nav {
    padding-left: 16px;
    padding-right: 16px;
  }

  .filters_modal {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    order: 0;
    justify-content: flex-end;
    align-items: center;
    display: none;
  }

  .dialoguebox {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    position: fixed;
    inset: auto 0% 0%;
  }

  .fade-right {
    right: -48px;
  }
}

@media screen and (max-width: 479px) {
  .hero-container {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0;
    padding-left: 12px;
    padding-right: 12px;
  }
  .px-2-md {
    padding-left: var(--space-2) !important;
    padding-right: var(--space-2) !important;
  }

  .section-heading {
    font-size: 20px;
    line-height: 24px;
  }

  .heading {
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .cms_content {
    padding-top: 0;
  }

  .thumbnail {
    object-fit: cover;
  }

  .sec_container {
    margin-top: 0;
  }

  .footer {
    border-top-width: 1px;
    padding-top: 40px;
    padding-bottom: 32px;
  }

  .link-block {
    min-width: 100%;
  }

  .body-2 {
    text-align: left;
  }

  .link-block-3 {
    min-width: auto;
  }

  .content {
    margin-left: 16px;
    margin-right: 16px;
    padding-left: 0;
    padding-right: 0;
  }

  .cards {
    box-shadow: none;
    border-radius: 12px;
    max-width: none;
  }

  .heading-5 {
    margin-top: 4px;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 18px;
  }

  .heading-7 {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
  }

  .xshae {
    width: 60%;
    margin-top: 0;
    padding: 16px 0;
  }

  .conh {
    justify-content: center;
    align-items: center;
  }

  .footertxt {
    font-size: 38px;
    line-height: 40px;
  }

  .ctas {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-direction: row;
    align-items: center;
  }

  .toggle {
    background-image: linear-gradient(235deg, #f3f6ff 3.24%, #eaefff 70.75%);
    border-color: #eef3ff;
  }

  .dp {
    border-width: 4px;
    min-width: 56px;
    max-width: 56px;
    min-height: 56px;
    max-height: 56px;
    margin-left: 0;
  }

  .cslogo {
    min-width: 56px;
    max-width: 56px;
    min-height: 56px;
    max-height: 56px;
  }

  .style1 {
    padding-right: 4px;
  }

  .style2 {
    padding-left: 0;
  }

  .navbar-3 {
    position: fixed;
    inset: 0% 0% auto;
  }

  .html-embed-3 {
    padding-top: 8px;
  }

  .dp80x {
    object-fit: cover;
  }

  .dp24sm {
    object-fit: cover;
    width: 34px;
    height: 34px;
  }

  .dp-tag {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-top: -28px;
    margin-left: 12px;
    margin-right: 12px;
  }

  .open-to-work-tag {
    border-radius: 0 8px 0 0;
    margin-top: 6px;
    margin-left: -4px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
  }

  .category_block {
    padding-top: 100px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .categories_collection {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
    overflow: auto;
  }

  .categories-cards {
    min-width: 324px;
  }

  .bottom-sec {
    justify-content: center;
    align-items: center;
  }

  .csheading {
    max-width: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    overflow: hidden;
  }

  .nav-menu {
    width: auto;
    display: block;
  }

  .nav-item {
    color: #6c6b77;
    text-align: center;
    width: 50%;
    padding: 10px 0;
    font-size: 14px;
    line-height: 20px;
  }

  .nav-item.w--current {
    color: #6c6b77;
  }

  .nav-selected {
    text-align: center;
    background-color: #fff0;
    border: 0 solid #000;
    border-bottom-width: 4px;
    border-radius: 0;
    width: 50%;
    padding: 10px 0;
    font-size: 14px;
    line-height: 20px;
  }

  .nav-selected.w--current {
    color: #0d0c20;
    padding-left: 20px;
    padding-right: 20px;
  }

  .submit {
    width: 100%;
  }

  .link-block-23 {
    width: 40%;
    padding-left: 0;
    padding-right: 0;
  }

  .logo {
    width: 156px;
    margin-left: 0;
  }

  .container-37 {
    margin-bottom: 0;
    margin-left: 20px;
    margin-right: 20px;
    padding: 4px 0 0;
    display: flex;
  }

  .worksectxt {
    letter-spacing: -.176px;
    margin-top: 0;
    margin-bottom: 0;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 600;
  }

  .ptm_list {
    box-sizing: border-box;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
  }

  .ptm_story_cards {
    width: 80%;
    min-width: auto;
  }

  .div-block-5 {
    background-image: url("../images/BG-Vector.ccf3875db1e9.svg");
  }

  .lottie_animation {
    height: 600px;
    margin-top: 300px;
  }

  .column {
    justify-content: flex-start;
    align-items: center;
    padding: 24px 16px 48px;
  }

  .columns {
    margin-top: 0;
  }

  .column-2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .heading-12 {
    letter-spacing: -1px;
    font-size: 26px;
    font-weight: 600;
    line-height: 32px;
  }

  .company-lgo-slider {
    width: 100%;
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .p0 {
    font-size: 12px !important;
    line-height: 16px !important;
  }

  .country-slider {
    flex-flow: wrap;
    padding: 12px 24px;
  }

  .label-2 {
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
  }

  .field-rows {
    flex-flow: column;
  }

  .dlg {
    font-size: 20px !important;
    line-height: 24px !important;
  }

  .caurousel-container {
    width: 80%;
  }

  .hero-section {
    background-position: 50% 100%;
    background-size: cover;
    padding-bottom: 60px;
  }

  .dxxl {
    letter-spacing: -1px !important;
    font-size: 24px !important;
    line-height: 32px !important;
  }

  .company-logo-slider-2 {
    width: 80%;
    padding-top: 24px;
    padding-bottom: 60px;
  }

  .profile_section {
    padding-top: 0;
  }

  .flex-block-41 {
    margin-top: 24px;
  }

  .experience-info {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .wrk-exp {
    border-bottom-style: none;
  }

  .profile-active-tab {
    width: auto;
  }

  .profile_tabs {
    overflow: auto;
  }

  .see_all_cs {
    width: auto;
  }

  .profile_tab {
    width: auto;
  }

  .side_nav_default {
    padding-left: 16px;
    padding-right: 16px;
  }

  .lottie-animation-2 {
    width: 96px;
  }

  .global {
    width: 70%;
  }

  .homepage-country {
    box-shadow: none;
    background-color: #fff0;
    border-style: none;
    flex-flow: wrap;
    width: 100%;
    padding-left: 20px;
    display: flex;
  }

  .icon_btn {
    border: 1px solid #e7e7e9;
    border-radius: 56px;
    width: 40px;
    height: 40px;
    margin-bottom: 20px;
    padding: 6px;
  }

  .icon_btn.w--current {
    background-color: #fff;
  }

  .div-block-8 {
    width: 100%;
  }

  .ptm_modal {
    z-index: 40000;
    display: none;
    inset: 0%;
  }

  .profile_card {
    width: 92%;
    margin-top: 20px;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .container-38 {
    background-color: #fff;
    border-bottom: 1px solid #e7e7e9;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .menu-button-3, .menu-button-3.w--open {
    background-color: #fff;
  }

  .icon {
    color: #000;
    background-color: #fff;
  }

  .nav-menu-2 {
    z-index: 21000;
    background-color: #fff;
    margin-bottom: 0;
    padding-bottom: 20px;
    box-shadow: 0 1px 4px #0000000d, 0 1px 4px #0c0c0d1a;
  }

  .submit_nav {
    color: #fff;
    text-align: center;
    background-color: #0d0c20;
    border-radius: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
  }

  .div-block-10 {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-29 {
    max-width: none;
  }

  .ptm {
    overflow: auto;
  }

  .div_block_ptm {
    padding-top: 0%;
    padding-left: 0;
    padding-right: 0;
  }

  .m_logo {
    width: 120px;
  }

  .cc_right {
    flex-flow: column;
  }

  .image-31 {
    padding-right: 16px;
  }

  .section {
    margin-top: 0;
  }

  .form_block_2 {
    overflow: hidden;
  }

  .secondary-nav {
    top: 61px;
  }

  .filters_modal {
    display: none;
  }

  .dialoguebox {
    height: 96%;
    inset: auto 0% 0%;
  }

  .checkbox-label-2 {
    font-size: 14px;
  }

  .count_bubble {
    width: auto;
  }

  .login_col_2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-42 {
    width: auto;
    max-width: 40%;
  }
}

#w-node-_7df2afa0-e5e6-e838-3250-46f489ab4669-a1ee62aa, #w-node-_5bb7771f-6ca0-a7fc-d2e3-8ee3a3da21d2-a1ee62aa, #w-node-_853eaf9f-dd93-18c0-7eb4-a374d59edb6f-a1ee62aa, #w-node-_2997605c-a790-e170-3556-708d3f853705-a1ee62aa, #w-node-_2f0eb1ce-7693-49ce-c543-1bb452453e9e-a1ee62aa, #w-node-af566b43-10a7-a9f5-360a-6a1fb16e8703-a1ee62aa, #w-node-_587bd8a9-4623-220c-1762-d274af89697c-a1ee62aa, #w-node-_6f64764f-7628-cd82-ddd6-057f7fb8033d-a1ee62aa, #w-node-_587bd8a9-4623-220c-1762-d274af896980-a1ee62aa, #w-node-_587bd8a9-4623-220c-1762-d274af896984-a1ee62aa, #w-node-_587bd8a9-4623-220c-1762-d274af896988-a1ee62aa, #w-node-_587bd8a9-4623-220c-1762-d274af89698c-a1ee62aa, #w-node-_587bd8a9-4623-220c-1762-d274af896990-a1ee62aa, #w-node-_50a74816-750f-b1bf-4a9e-cae6b91a635f-a1ee62aa, #w-node-_35950e8c-343f-6ef4-1aa3-92d51bbbfc5b-a1ee62aa, #w-node-_9c89b293-1418-9f86-9ce6-9d4df64b8bee-a1ee62aa, #w-node-_8b1a92ee-52cb-578a-e19c-38c820a6c347-a1ee62aa, #w-node-_8b1a92ee-52cb-578a-e19c-38c820a6c34b-a1ee62aa, #w-node-_8b1a92ee-52cb-578a-e19c-38c820a6c34f-a1ee62aa, #w-node-_8b1a92ee-52cb-578a-e19c-38c820a6c353-a1ee62aa, #w-node-_8b1a92ee-52cb-578a-e19c-38c820a6c357-a1ee62aa, #w-node-_8b1a92ee-52cb-578a-e19c-38c820a6c35b-a1ee62aa, #w-node-_8b1a92ee-52cb-578a-e19c-38c820a6c360-a1ee62aa, #w-node-_8b1a92ee-52cb-578a-e19c-38c820a6c364-a1ee62aa, #w-node-e780979b-773b-1238-246f-29cd17f788b7-a1ee62aa, #w-node-_0f478510-f20d-2698-f034-38c95ebf87a9-a1ee62aa, #w-node-_2ea523d4-d778-ced6-5151-29189df108df-a1ee62aa, #w-node-abf931d3-3116-47b5-5856-91401a370302-a1ee62aa, #w-node-_4f17e114-7b69-28f3-167b-af4b29e13e11-a1ee62aa, #w-node-_3478fc1d-69c2-fe0c-d8cf-630bf36ad8de-a1ee62aa, #w-node-_7d652172-eaa1-4c2c-f68c-0371e1397ee9-a1ee62aa, #w-node-_6e6553a4-000b-8f89-648e-70b88bab191e-a1ee62aa, #w-node-f2ec857c-2ea9-5b03-20d6-471ecd73193d-a1ee62aa, #w-node-_472551c9-c64e-cb9a-19e6-0870bbac1af8-a1ee62aa, #w-node-cdbd7a6a-c8a7-76d6-6dd9-247ebcb13ea2-a1ee62aa, #w-node-_8109fe9b-f1fd-d840-46b5-aab6a9f985dd-a1ee62aa, #w-node-e79370ae-e686-56d2-9a2e-d563c18272bd-a1ee62aa, #w-node-d9955836-dccb-c3e4-f6e8-20809a5f5bd5-a1ee62aa, #w-node-_34c6b973-cef8-bba6-31b3-e7ced800b81c-a1ee62aa, #w-node-b91a9177-4db9-e076-c778-a026dc838b68-a1ee62aa, #w-node-_0e166c79-669f-7e0f-b67b-69ad83672c91-a1ee62aa, #w-node-_68fa8f5b-d005-493e-19f8-c91fe46b14b8-a1ee62aa, #w-node-_68fa8f5b-d005-493e-19f8-c91fe46b14bc-a1ee62aa, #w-node-_68fa8f5b-d005-493e-19f8-c91fe46b14c0-a1ee62aa, #w-node-_68fa8f5b-d005-493e-19f8-c91fe46b14c4-a1ee62aa, #w-node-_68fa8f5b-d005-493e-19f8-c91fe46b14c8-a1ee62aa, #w-node-_68fa8f5b-d005-493e-19f8-c91fe46b14cc-a1ee62aa, #w-node-_68fa8f5b-d005-493e-19f8-c91fe46b14d1-a1ee62aa, #w-node-_68fa8f5b-d005-493e-19f8-c91fe46b14d5-a1ee62aa, #w-node-fb22844c-dca4-24c5-4147-28d53fdf4ce9-a1ee62aa, #w-node-_15f88d52-ac00-7b55-132b-baa8b8fd02ba-a1ee62aa, #w-node-fe41afdf-d938-4ea3-ee08-d53986e7aee1-a1ee62aa, #w-node-_0638fdd4-0066-9d8d-7ad7-34f9ba8b50ed-a1ee62aa, #w-node-_0ee8be44-f861-dfe9-cfb5-dbbc5acfa3e2-a1ee62aa, #w-node-f2f048cd-abdc-d951-ef35-75e537fce7b6-a1ee62aa, #w-node-ac2d7a11-c0a2-aab0-e678-c79e5ae8bbb3-a1ee62aa, #w-node-_5fd3b672-1e52-f692-144f-19d2c51333ab-a1ee62aa, #w-node-_17567ab2-b03e-ca43-b22f-33ff1c1871e7-a1ee62aa, #w-node-a60b1d48-acbc-74d4-2f6a-73f1ff060e57-a1ee62aa, #w-node-fe930288-f4cd-4ae1-7007-fa9e0e25aca8-a1ee62aa, #w-node-_42683165-1426-3d62-4214-f815510bf860-a1ee62aa, #w-node-_2a34efd4-f38d-8529-7e62-a4e192429655-a1ee62aa, #w-node-_9791cc14-61af-270f-908c-e439492d776b-a1ee62aa, #w-node-b2ab7fcd-4c64-eb94-c2ba-26a29363479d-a1ee62aa, #w-node-_9e070521-33bc-d28c-6f49-0589b50adac1-a1ee62aa, #w-node-_708bde6e-bfd7-e656-d82d-84bc7ff4fc15-a1ee62aa, #w-node-_2bcfa069-027e-020a-91e8-0d668ab0e04d-a1ee62aa, #w-node-_52941e96-e0a5-d8a1-71ce-f405e18d5939-a1ee62aa, #w-node-c07c2dd6-e999-edc9-c3aa-405774fcd163-a1ee62aa {
  place-self: end start;
}

#w-node-_6642155b-0e60-cd85-2230-644c30e7e612-a1ee62aa {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

.secondary_btn{
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid var(--grey100);
  border-radius: 80px;
  text-decoration: none;
}

.arrowicon{
  width: 24px;
  height: 24px;
  transform: rotate(-90deg);
}

#dropdownMenu {
  display: none;
  position: fixed;
  right: 0;
  z-index: 1002;
}
#dropdownMenu.show {
  display: block;
}

.profilenav {
  display: none;
  position: absolute;
  top: 56px;
  right: 0px;
  width: 320px;
  height: auto;
  background-color: #ffffff;
  border: 1px solid #E7E7E9;
  border-radius: 20px;
  box-shadow: 0px 0px 6px rgba(0, 9, 22, 0.12);
  z-index: 99999;
}

.profilenav.show {
  display: block;
}

.sticky-shadow {
    padding-bottom: 0;
    padding-left: 40px;
    padding-right: 40px;
    box-shadow: 0 1px 2px #00000014;
}

/* Base Nav Layout */
.nav-inner {
  display: flex;
  align-items: center;
}

.nav-cta {
  display: flex;
  align-items: center;
  gap: 16px;
}



.profileicon{ background-color: white; border-radius: 40px; gap: 0px; }
/* ------------------------------------
   Typography Utility Classes
------------------------------------- */

.dxxl { font-size: 62px; line-height: 70px; text-align: center; letter-spacing: -3px; font-family: 'Inter', sans-serif; font-weight: 600; margin: 0px; padding: 0px;}
.dxl  { font-size: 40px; line-height: 48px; letter-spacing: -1.92px; font-family: 'Inter', sans-serif; font-weight: 600; margin: 0px; padding: 0px;}
.dlg  { font-size: 28px; line-height: 32px; text-align: center; letter-spacing: -.84px; font-family: 'Inter', sans-serif; font-weight: 500; margin: 0px; padding: 0px;}
.dm   { font-size: 24px; line-height: 30px; text-align: center; text-transform: capitalize; font-family: 'Inter', sans-serif; font-weight: 600; margin: 0px; padding: 0px; }
.ds   { font-size: 20px; line-height: 24px; text-transform: capitalize; letter-spacing: -.34px; font-family: 'Inter', sans-serif; font-weight: 700; margin: 0px; padding: 0px;}

.lxl  { font-size: 20px; line-height: 28px; letter-spacing: -.252px; font-weight: 400; overflow: visible; font-family: 'Inter', sans-serif; margin: 0px; padding: 0px; }
.llg  { font-size: 18px; line-height: 21px; letter-spacing: -.252px; font-family: 'Inter', sans-serif; font-weight: 500; text-transform: capitalize; margin: 0px; padding: 0px;}
.lm   { font-size: 14px; line-height: 20px; letter-spacing: -.084px; font-family: 'Inter', sans-serif; font-weight: 500; margin: 0px; padding: 0px;}
.lm2  { font-size: 14px; line-height: 18px; text-transform: capitalize; letter-spacing: -.084px; font-family: 'Inter', sans-serif; font-weight: 400; margin: 0px; padding: 0px;}
.lm3  { font-size: 14px; line-height: 20px; text-transform: capitalize; letter-spacing: -.084px; font-family: 'Inter', sans-serif; font-weight: 400; margin: 0px; padding: 0px;}
.ls   { font-size: 13px; line-height: 20px; letter-spacing: -.084px; font-family: 'Inter', sans-serif; font-weight: 400; margin: 0px; padding: 0px;}
.ls2  { font-size: 12px; line-height: 16px; text-align: center; letter-spacing: 0px; font-family: 'Inter', sans-serif; font-weight: 500; margin: 0px; padding: 0px;}
.ls3  { font-size: 12px; line-height: 16px; font-family: 'Inter', sans-serif; font-weight: 400; margin: 0px; padding: 0px;}

.p0   { font-size: 16px; line-height: 32px; text-align: center; letter-spacing: -.24px; font-family: 'Inter', sans-serif; font-weight: 400; margin: 0px; padding: 0px;}
.p1   { font-size: 14px; line-height: 20px; font-family: 'Inter', sans-serif; font-weight: 400; margin: 0px; padding: 0px;}
.p2   { font-size: 12px; line-height: 16px; font-family: 'Inter', sans-serif; font-weight: 400; margin: 0px; padding: 0px; }

/* ------------------------------------
   Text Color Utility Classes
------------------------------------- */

.text-grey500 { color: var(--grey500); }
.text-grey400 { color: var(--grey400); }
.text-grey300 { color: var(--grey300); }         /* manually added from image */
.text-grey200 { color: var(--grey200); }         /* already used */
.text-grey100 { color: var(--grey100); }         /* already used */
.text-grey75  { color: var(--grey75); }
.text-grey50  { color: var(--grey50); }
.text-white   { color: var(--white); }

/* ------------------------------------
   Background Color Utility Classes
------------------------------------- */

.bg-grey500 { background-color: var(--grey500); }
.bg-grey400 { background-color: var(--grey400); }
.bg-grey300 { background-color: #333333; }
.bg-grey200 { background-color: var(--grey400); }
.bg-grey100 { background-color: #9e9ea6; }
.bg-grey75  { background-color: #e7e7e9; }
.bg-grey50  { background-color: #f7f7f7; }
.bg-grey0   { background-color: #ffffff; }

/* ------------------------------------
   padding Utility Classes
------------------------------------- */
/* Padding All Sides */
.p-1  { padding: var(--space-1); }
.p-2  { padding: var(--space-2); }
.p-3  { padding: var(--space-3); }
.p-4  { padding: var(--space-4); }
.p-5  { padding: var(--space-5); }
.p-7  { padding: var(--space-7); }
.p-8  { padding: var(--space-8); }
.p-10 { padding: var(--space-10); }
.p-12 { padding: var(--space-12); }
.p-14 { padding: var(--space-14); }
.p-18 { padding: var(--space-18); }
.p-20 { padding: var(--space-20); }
.p-24 { padding: var(--space-24); }
.p-45 { padding: var(--space-45); }

/* Padding Vertical (py-*) */
.py-1 { padding-top: var(--space-1); padding-bottom: var(--space-1); }
.py-2 { padding-top: var(--space-2); padding-bottom: var(--space-2); }
.py-3 { padding-top: var(--space-3); padding-bottom: var(--space-3); }
.py-4 { padding-top: var(--space-4); padding-bottom: var(--space-4); }
.py-5 { padding-top: var(--space-5); padding-bottom: var(--space-5); }
.py-7 { padding-top: var(--space-7); padding-bottom: var(--space-7); }
.py-8 { padding-top: var(--space-8); padding-bottom: var(--space-8); }
.py-10 { padding-top: var(--space-10); padding-bottom: var(--space-10); }
.py-12 { padding-top: var(--space-12); padding-bottom: var(--space-12); }
.py-14 { padding-top: var(--space-14); padding-bottom: var(--space-14); }
.py-18 { padding-top: var(--space-18); padding-bottom: var(--space-18); }
.py-20 { padding-top: var(--space-20); padding-bottom: var(--space-20); }
.py-24 { padding-top: var(--space-24); padding-bottom: var(--space-24); }
.py-45 { padding-top: var(--space-45); padding-bottom: var(--space-45); }

/* Padding Horizontal (px-*) */
.px-1 { padding-left: var(--space-1); padding-right: var(--space-1); }
.px-2 { padding-left: var(--space-2); padding-right: var(--space-2); }
.px-3 { padding-left: var(--space-3); padding-right: var(--space-3); }
.px-4 { padding-left: var(--space-4); padding-right: var(--space-4); }
.px-5 { padding-left: var(--space-5); padding-right: var(--space-5); }
.px-7 { padding-left: var(--space-7); padding-right: var(--space-7); }
.px-8 { padding-left: var(--space-8); padding-right: var(--space-8); }
.px-10 { padding-left: var(--space-10); padding-right: var(--space-10); }
.px-12 { padding-left: var(--space-12); padding-right: var(--space-12); }
.px-14 { padding-left: var(--space-14); padding-right: var(--space-14); }
.px-18 { padding-left: var(--space-18); padding-right: var(--space-18); }
.px-20 { padding-left: var(--space-20); padding-right: var(--space-20); }
.px-24 { padding-left: var(--space-24); padding-right: var(--space-24); }
.px-45 { padding-left: var(--space-45); padding-right: var(--space-45); }

/* Padding Top (pt-*) */
.pt-1 { padding-top: var(--space-1); }
.pt-2 { padding-top: var(--space-2); }
.pt-3 { padding-top: var(--space-3); }
.pt-4 { padding-top: var(--space-4); }
.pt-5 { padding-top: var(--space-5); }
.pt-7 { padding-top: var(--space-7); }
.pt-8 { padding-top: var(--space-8); }
.pt-10 { padding-top: var(--space-10); }
.pt-12 { padding-top: var(--space-12); }
.pt-14 { padding-top: var(--space-14); }
.pt-18 { padding-top: var(--space-18); }
.pt-20 { padding-top: var(--space-20); }
.pt-24 { padding-top: var(--space-24); }
.pt-45 { padding-top: var(--space-45); }

/* Padding Bottom (pb-*) */
.pb-1 { padding-bottom: var(--space-1); }
.pb-2 { padding-bottom: var(--space-2); }
.pb-3 { padding-bottom: var(--space-3); }
.pb-4 { padding-bottom: var(--space-4); }
.pb-5 { padding-bottom: var(--space-5); }
.pb-7 { padding-bottom: var(--space-7); }
.pb-8 { padding-bottom: var(--space-8); }
.pb-10 { padding-bottom: var(--space-10); }
.pb-12 { padding-bottom: var(--space-12); }
.pb-14 { padding-bottom: var(--space-14); }
.pb-18 { padding-bottom: var(--space-18); }
.pb-20 { padding-bottom: var(--space-20); }
.pb-24 { padding-bottom: var(--space-24); }
.pb-45 { padding-bottom: var(--space-45); }

/* Padding Left (pl-*) */
.pl-1 { padding-left: var(--space-1); }
.pl-2 { padding-left: var(--space-2); }
.pl-3 { padding-left: var(--space-3); }
.pl-4 { padding-left: var(--space-4); }
.pl-5 { padding-left: var(--space-5); }
.pl-7 { padding-left: var(--space-7); }
.pl-8 { padding-left: var(--space-8); }
.pl-10 { padding-left: var(--space-10); }
.pl-12 { padding-left: var(--space-12); }
.pl-14 { padding-left: var(--space-14); }
.pl-18 { padding-left: var(--space-18); }
.pl-20 { padding-left: var(--space-20); }
.pl-24 { padding-left: var(--space-24); }
.pl-45 { padding-left: var(--space-45); }

/* Padding Right (pr-*) */
.pr-1 { padding-right: var(--space-1); }
.pr-2 { padding-right: var(--space-2); }
.pr-3 { padding-right: var(--space-3); }
.pr-4 { padding-right: var(--space-4); }
.pr-5 { padding-right: var(--space-5); }
.pr-7 { padding-right: var(--space-7); }
.pr-8 { padding-right: var(--space-8); }
.pr-10 { padding-right: var(--space-10); }
.pr-12 { padding-right: var(--space-12); }
.pr-14 { padding-right: var(--space-14); }
.pr-18 { padding-right: var(--space-18); }
.pr-20 { padding-right: var(--space-20); }
.pr-24 { padding-right: var(--space-24); }
.pr-45 { padding-right: var(--space-45); }

/* Margin All Sides (m-*) */
.m-1 { margin: var(--space-1); }
.m-2 { margin: var(--space-2); }
.m-3 { margin: var(--space-3); }
.m-4 { margin: var(--space-4); }
.m-5 { margin: var(--space-5); }
.m-7 { margin: var(--space-7); }
.m-8 { margin: var(--space-8); }
.m-10 { margin: var(--space-10); }
.m-12 { margin: var(--space-12); }
.m-14 { margin: var(--space-14); }
.m-18 { margin: var(--space-18); }
.m-20 { margin: var(--space-20); }
.m-24 { margin: var(--space-24); }
.m-45 { margin: var(--space-45); }

/* Margin Vertical (my-*) */
.my-1 { margin-top: var(--space-1); margin-bottom: var(--space-1); }
.my-2 { margin-top: var(--space-2); margin-bottom: var(--space-2); }
.my-3 { margin-top: var(--space-3); margin-bottom: var(--space-3); }
.my-4 { margin-top: var(--space-4); margin-bottom: var(--space-4); }
.my-5 { margin-top: var(--space-5); margin-bottom: var(--space-5); }
.my-7 { margin-top: var(--space-7); margin-bottom: var(--space-7); }
.my-8 { margin-top: var(--space-8); margin-bottom: var(--space-8); }
.my-10 { margin-top: var(--space-10); margin-bottom: var(--space-10); }
.my-12 { margin-top: var(--space-12); margin-bottom: var(--space-12); }
.my-14 { margin-top: var(--space-14); margin-bottom: var(--space-14); }
.my-18 { margin-top: var(--space-18); margin-bottom: var(--space-18); }
.my-20 { margin-top: var(--space-20); margin-bottom: var(--space-20); }
.my-24 { margin-top: var(--space-24); margin-bottom: var(--space-24); }
.my-45 { margin-top: var(--space-45); margin-bottom: var(--space-45); }

/* Margin Horizontal (mx-*) */
.mx-1 { margin-left: var(--space-1); margin-right: var(--space-1); }
.mx-2 { margin-left: var(--space-2); margin-right: var(--space-2); }
.mx-3 { margin-left: var(--space-3); margin-right: var(--space-3); }
.mx-4 { margin-left: var(--space-4); margin-right: var(--space-4); }
.mx-5 { margin-left: var(--space-5); margin-right: var(--space-5); }
.mx-7 { margin-left: var(--space-7); margin-right: var(--space-7); }
.mx-8 { margin-left: var(--space-8); margin-right: var(--space-8); }
.mx-10 { margin-left: var(--space-10); margin-right: var(--space-10); }
.mx-12 { margin-left: var(--space-12); margin-right: var(--space-12); }
.mx-14 { margin-left: var(--space-14); margin-right: var(--space-14); }
.mx-18 { margin-left: var(--space-18); margin-right: var(--space-18); }
.mx-20 { margin-left: var(--space-20); margin-right: var(--space-20); }
.mx-24 { margin-left: var(--space-24); margin-right: var(--space-24); }
.mx-45 { margin-left: var(--space-45); margin-right: var(--space-45); }

/* Margin Top (mt-*) */
.mt-1 { margin-top: var(--space-1); }
.mt-2 { margin-top: var(--space-2); }
.mt-3 { margin-top: var(--space-3); }
.mt-4 { margin-top: var(--space-4); }
.mt-5 { margin-top: var(--space-5); }
.mt-7 { margin-top: var(--space-7); }
.mt-8 { margin-top: var(--space-8); }
.mt-10 { margin-top: var(--space-10); }
.mt-12 { margin-top: var(--space-12); }
.mt-14 { margin-top: var(--space-14); }
.mt-18 { margin-top: var(--space-18); }
.mt-20 { margin-top: var(--space-20); }
.mt-24 { margin-top: var(--space-24); }
.mt-45 { margin-top: var(--space-45); }

/* Margin Bottom (mb-*) */
.mb-1 { margin-bottom: var(--space-1); }
.mb-2 { margin-bottom: var(--space-2); }
.mb-3 { margin-bottom: var(--space-3); }
.mb-4 { margin-bottom: var(--space-4); }
.mb-5 { margin-bottom: var(--space-5); }
.mb-7 { margin-bottom: var(--space-7); }
.mb-8 { margin-bottom: var(--space-8); }
.mb-10 { margin-bottom: var(--space-10); }
.mb-12 { margin-bottom: var(--space-12); }
.mb-14 { margin-bottom: var(--space-14); }
.mb-18 { margin-bottom: var(--space-18); }
.mb-20 { margin-bottom: var(--space-20); }
.mb-24 { margin-bottom: var(--space-24); }
.mb-45 { margin-bottom: var(--space-45); }

/* Margin Left (ml-*) */
.ml-1 { margin-left: var(--space-1); }
.ml-2 { margin-left: var(--space-2); }
.ml-3 { margin-left: var(--space-3); }
.ml-4 { margin-left: var(--space-4); }
.ml-5 { margin-left: var(--space-5); }
.ml-7 { margin-left: var(--space-7); }
.ml-8 { margin-left: var(--space-8); }
.ml-10 { margin-left: var(--space-10); }
.ml-12 { margin-left: var(--space-12); }
.ml-14 { margin-left: var(--space-14); }
.ml-18 { margin-left: var(--space-18); }
.ml-20 { margin-left: var(--space-20); }
.ml-24 { margin-left: var(--space-24); }
.ml-45 { margin-left: var(--space-45); }

/* Margin Right (mr-*) */
.mr-1 { margin-right: var(--space-1); }
.mr-2 { margin-right: var(--space-2); }
.mr-3 { margin-right: var(--space-3); }
.mr-4 { margin-right: var(--space-4); }
.mr-5 { margin-right: var(--space-5); }
.mr-7 { margin-right: var(--space-7); }
.mr-8 { margin-right: var(--space-8); }
.mr-10 { margin-right: var(--space-10); }
.mr-12 { margin-right: var(--space-12); }
.mr-14 { margin-right: var(--space-14); }
.mr-18 { margin-right: var(--space-18); }
.mr-20 { margin-right: var(--space-20); }
.mr-24 { margin-right: var(--space-24); }
.mr-45 { margin-right: var(--space-45); }


:root {
  --white: white;
  --grey500: #0D0C20;
  --grey400: #1A1A1A;
  --grey300: #333333;
  --grey200: #6C6B77;
  --grey100: #9E9EA6;
  --grey75: #E7E7E9;
  --grey50: #F7F7F7;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-7: 28px;
  --space-8: 32px;
  --space-10: 40px;     /* used instead of 44px */
  --space-12: 48px;
  --space-14: 56px;
  --space-18: 72px;
  --space-20: 80px;
  --space-24: 96px;
  --space-45: 180px;
}


/* Responsive */
@media screen and (max-width: 768px) {
  .hide-on-mobile {
    display: none !important;
  }

  .nav-menu {
    display: none;
    position: absolute;
    top: 59px;
    left: 0;
    right: 0;
    background: #fff;
    flex-direction: column;
    gap: 16px;
    padding: 20px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.05);
    z-index: 9998;
  }

  .nav-menu.show {
    display: flex;
    padding: 0px;
    margin: 0px;
    gap: 0px;
  }

  .menu-button-3 {
    display: block;
  }

  .nav-cta {
    gap: 8px;
    display: flex;
  }

  .profilenav {
    width: 100%;
    max-width: 100%;
    right: 0;
    top: 54px;
    border-radius: 0px 0px 12px 12px;
    margin: 0px;
    box-shadow: 0 1px 4px #0000000d, 0 1px 4px #0c0c0d1a;
  }
  .menu-button-3 {
    display: flex;
  }
  .nav-selected {
  color: #0082f3;
  text-align: start;
  font-size: 20px;
  line-height: 24px;
  width: 100%;
  letter-spacing: 0;
  border-bottom: 1px solid #e7e7e9;
  padding: 20px;
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  position: static;
}
.nav-item {
  color: #6c6b77;
  text-align: start;
  font-size: 20px;
  line-height: 24px;
  width: 100%;
  letter-spacing: 0;
  padding: 20px;
  border-bottom: 1px solid #e7e7e9;
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  position: static;
}
.secondary_btn{
  padding-top: 6px;
  padding-bottom: 6px;
}
}

/* DESKTOP STYLES (≥769px) */
@media screen and (min-width: 769px) {
  .hide-on-desktop {
    display: none !important;
  }
  .nav-menu {
    display: flex !important;
    position: static;
    flex-direction: row;
    gap: 16px;
    padding: 0;
    box-shadow: none;
    background: transparent;
  }

  .nav-cta {
    flex-direction: row;
    align-items: center;
    gap: 20px;
    display: flex !important;
  }

  .menu-button-3 {
    display: none;
  }

  .profilenav {
    top: 48px;
    right: 0;
    width: 320px;
    max-width: 92vw;
    position: absolute;
    border-radius: 12px;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
  }
}

/* DROPDOWN VISIBILITY */
.profilenav {
  display: none;
  background: #fff;
  z-index: 9999;
}

.profilenav.show {
  display: flex;
  flex-direction: column;
}

.gap4 { grid-column-gap: 4px; grid-row-gap: 4px;}
.gap16 { grid-column-gap: 16px; grid-row-gap: 16px;}
.gap24 { grid-column-gap: 24px; grid-row-gap: 24px;}
.decor{text-decoration: none;}
.w100{width: 100%;}
.wmax{width: max-content;}
.alignb {align-items: flex-end;}
.textalignc{text-align: center;}
.alignc {align-items: center;}
.justifysb {justify-content: space-between;}
.nowrap_shrink { white-space: nowrap; /* Prevents the text from breaking to the next line */flex-shrink: 0;      /* Ensures the text won't shrink and takes up enough space */}
.shrink {white-space: nowrap;  /* Prevents the text from breaking to the next line */overflow: hidden;     /* Hides any overflowing text */text-overflow: ellipsis; /* Adds an ellipsis (...) to indicate truncation */flex-shrink: 1;       /* Allows the text to shrink and truncate within the available space */}
.boderb{border-bottom: 0.5px solid var(--grey100);}
.boderl{border-left: 0.5px solid var(--grey50);}
.flex-wrap-center{ flex-wrap: wrap; justify-content: center; align-items: center; }