/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
body.compensate-for-scrollbar {
  overflow: hidden
}

.fancybox-active {
  height: auto
}

.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden
}

.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  transform: translateZ(0);
  width: 100%;
  z-index: 99992
}

.fancybox-container * {
  box-sizing: border-box
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto
}

.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
  opacity: .9;
  transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity .25s ease, visibility 0s ease .25s;
  visibility: hidden;
  z-index: 99997
}

.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
  opacity: 1;
  transition: opacity .25s ease 0s, visibility 0s ease 0s;
  visibility: visible
}

.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.fancybox-toolbar {
  right: 0;
  top: 0
}

.fancybox-stage {
  direction: ltr;
  overflow: visible;
  transform: translateZ(0);
  z-index: 99994
}

.fancybox-is-open .fancybox-stage {
  overflow: hidden
}

.fancybox-slide {
  -webkit-backface-visibility: hidden;
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: transform, opacity;
  white-space: normal;
  width: 100%;
  z-index: 99994
}

.fancybox-slide:before {
  content: "";
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
  display: block
}

.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0
}

.fancybox-slide--image:before {
  display: none
}

.fancybox-slide--html {
  padding: 6px
}

.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
  animation-timing-function: cubic-bezier(.5, 0, .14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  transform-origin: top left;
  transition-property: transform, opacity;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
  cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
  cursor: zoom-in
}

.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
  cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
  cursor: grabbing
}

.fancybox-container [data-selectable=true] {
  cursor: text
}

.fancybox-image,
.fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%
}

.fancybox-spaceball {
  z-index: 1
}

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%
}

.fancybox-slide--video .fancybox-content {
  background: #000
}

.fancybox-slide--map .fancybox-content {
  background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
  background: #fff
}

.fancybox-iframe,
.fancybox-video {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%
}

.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0
}

.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%
}

.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0
}

.fancybox-button {
  background: rgba(30, 30, 30, .6);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  transition: color .2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
  color: #ccc
}

.fancybox-button:hover {
  color: #fff
}

.fancybox-button:focus {
  outline: none
}

.fancybox-button.fancybox-focus {
  outline: 1px dotted
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none
}

.fancybox-button div {
  height: 100%
}

.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%
}

.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--fsexit svg:first-child,
.fancybox-button--pause svg:first-child,
.fancybox-button--play svg:nth-child(2) {
  display: none
}

.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scaleX(0);
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 99998
}

.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: .8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401
}

.fancybox-close-small:hover {
  color: #fff;
  opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none
}

.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  position: absolute;
  top: calc(50% - 50px);
  width: 70px
}

.fancybox-navigation .fancybox-button div {
  padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  left: env(safe-area-inset-left);
  padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0;
  right: env(safe-area-inset-right)
}

.fancybox-caption {
  background: linear-gradient(0deg, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent);
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996
}

@supports (padding:max(0px)) {
  .fancybox-caption {
    padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))
  }
}

.fancybox-caption--separate {
  margin-top: -50px
}

.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none
}

.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline
}

.fancybox-loading {
  animation: a 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: .7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999
}

@keyframes a {
  to {
    transform: rotate(1turn)
  }
}

.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
  opacity: 0;
  transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(.5, .5, .5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
  transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
  transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
  transform: translateZ(0) scale(1)
}

@media (max-height:576px) {
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px
  }

  .fancybox-slide--image {
    padding: 6px 0
  }

  .fancybox-close-small {
    right: -6px
  }

  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px
  }

  .fancybox-caption {
    padding-left: 12px;
    padding-right: 12px
  }

  @supports (padding:max(0px)) {
    .fancybox-caption {
      padding-left: max(12px, env(safe-area-inset-left));
      padding-right: max(12px, env(safe-area-inset-right))
    }
  }
}

.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center
}

.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px
}

.fancybox-share p {
  margin: 0;
  padding: 0
}

.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  transition: all .2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap
}

.fancybox-share__button:link,
.fancybox-share__button:visited {
  color: #fff
}

.fancybox-share__button:hover {
  text-decoration: none
}

.fancybox-share__button--fb {
  background: #3b5998
}

.fancybox-share__button--fb:hover {
  background: #344e86
}

.fancybox-share__button--pt {
  background: #bd081d
}

.fancybox-share__button--pt:hover {
  background: #aa0719
}

.fancybox-share__button--tw {
  background: #1da1f2
}

.fancybox-share__button--tw:hover {
  background: #0d95e8
}

.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px
}

.fancybox-share__button svg path {
  fill: #fff
}

.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%
}

.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 0;
  width: 212px;
  z-index: 99995
}

.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
  display: block
}

.fancybox-show-thumbs .fancybox-inner {
  right: 212px
}

.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px
}

.fancybox-thumbs__list a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, .1);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px
}

.fancybox-thumbs__list a:before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all .2s cubic-bezier(.25, .46, .45, .94);
  z-index: 99991
}

.fancybox-thumbs__list a:focus:before {
  opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
  opacity: 1
}

@media (max-width:576px) {
  .fancybox-thumbs {
    width: 110px
  }

  .fancybox-show-thumbs .fancybox-inner {
    right: 110px
  }

  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px)
  }
}

:root,
[data-bs-theme=light] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: #6ea8fe;
  --bs-secondary-text-emphasis: #a7acb1;
  --bs-success-text-emphasis: #75b798;
  --bs-info-text-emphasis: #6edff6;
  --bs-warning-text-emphasis: #ffda6a;
  --bs-danger-text-emphasis: #ea868f;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #031633;
  --bs-secondary-bg-subtle: #161719;
  --bs-success-bg-subtle: #051b11;
  --bs-info-bg-subtle: #032830;
  --bs-warning-bg-subtle: #332701;
  --bs-danger-bg-subtle: #2c0b0e;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #084298;
  --bs-secondary-border-subtle: #41464b;
  --bs-success-border-subtle: #0f5132;
  --bs-info-border-subtle: #087990;
  --bs-warning-border-subtle: #997404;
  --bs-danger-border-subtle: #842029;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: #6ea8fe;
  --bs-link-hover-color: #8bb9fe;
  --bs-link-color-rgb: 110, 168, 254;
  --bs-link-hover-color-rgb: 139, 185, 254;
  --bs-code-color: #e685b5;
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: #75b798;
  --bs-form-valid-border-color: #75b798;
  --bs-form-invalid-color: #ea868f;
  --bs-form-invalid-border-color: #ea868f
}

*,
::after,
::before {
  box-sizing: border-box
}

@media (prefers-reduced-motion:no-preference) {
  :root {
    scroll-behavior: smooth
  }
}

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent
}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: .25
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color)
}

.h1,
h1 {
  font-size: calc(1.375rem + 1.5vw)
}

@media (min-width:1200px) {

  .h1,
  h1 {
    font-size: 2.5rem
  }
}

.h2,
h2 {
  font-size: calc(1.325rem + .9vw)
}

@media (min-width:1200px) {

  .h2,
  h2 {
    font-size: 2rem
  }
}

.h3,
h3 {
  font-size: calc(1.3rem + .6vw)
}

@media (min-width:1200px) {

  .h3,
  h3 {
    font-size: 1.75rem
  }
}

.h4,
h4 {
  font-size: calc(1.275rem + .3vw)
}

@media (min-width:1200px) {

  .h4,
  h4 {
    font-size: 1.5rem
  }
}

.h5,
h5 {
  font-size: 1.25rem
}

.h6,
h6 {
  font-size: 1rem
}

p {
  margin-top: 0;
  margin-bottom: 1rem
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit
}

ol,
ul {
  padding-left: 2rem
}

dl,
ol,
ul {
  margin-top: 0;
  margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0
}

dt {
  font-weight: 700
}

dd {
  margin-bottom: .5rem;
  margin-left: 0
}

blockquote {
  margin: 0 0 1rem
}

b,
strong {
  font-weight: bolder
}

.small,
small {
  font-size: .875em
}

.mark,
mark {
  padding: .1875em;
  background-color: var(--bs-highlight-bg)
}

sub,
sup {
  position: relative;
  font-size: .75em;
  line-height: 0;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline
}

a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb)
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none
}

code,
kbd,
pre,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: .875em
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal
}

code {
  font-size: .875em;
  color: var(--bs-code-color);
  word-wrap: break-word
}

a>code {
  color: inherit
}

kbd {
  padding: .1875rem .375rem;
  font-size: .875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: .25rem
}

kbd kbd {
  padding: 0;
  font-size: 1em
}

figure {
  margin: 0 0 1rem
}

img,
svg {
  vertical-align: middle
}

table {
  caption-side: bottom;
  border-collapse: collapse
}

caption {
  padding-top: .5rem;
  padding-bottom: .5rem;
  color: var(--bs-secondary-color);
  text-align: left
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent
}

tbody,
td,
tfoot,
th,
thead,
tr {
  border-color: inherit;
  border-style: solid;
  border-width: 0
}

label {
  display: inline-block
}

button {
  border-radius: 0
}

button:focus:not(:focus-visible) {
  outline: 0
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}

button,
select {
  text-transform: none
}

[role=button] {
  cursor: pointer
}

select {
  word-wrap: normal
}

select:disabled {
  opacity: 1
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
  cursor: pointer
}

::-moz-focus-inner {
  padding: 0;
  border-style: none
}

textarea {
  resize: vertical
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: calc(1.275rem + .3vw);
  line-height: inherit
}

@media (min-width:1200px) {
  legend {
    font-size: 1.5rem
  }
}

legend+* {
  clear: left
}

::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
  padding: 0
}

::-webkit-inner-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
  padding: 0
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button
}

::file-selector-button {
  font: inherit;
  -webkit-appearance: button
}

output {
  display: inline-block
}

iframe {
  border: 0
}

summary {
  display: list-item;
  cursor: pointer
}

progress {
  vertical-align: baseline
}

[hidden] {
  display: none !important
}

.lead {
  font-size: 1.25rem;
  font-weight: 300
}

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width:1200px) {
  .display-1 {
    font-size: 5rem
  }
}

.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width:1200px) {
  .display-2 {
    font-size: 4.5rem
  }
}

.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width:1200px) {
  .display-3 {
    font-size: 4rem
  }
}

.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width:1200px) {
  .display-4 {
    font-size: 3.5rem
  }
}

.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width:1200px) {
  .display-5 {
    font-size: 3rem
  }
}

.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width:1200px) {
  .display-6 {
    font-size: 2.5rem
  }
}

.list-unstyled {
  padding-left: 0;
  list-style: none
}

.list-inline {
  padding-left: 0;
  list-style: none
}

.list-inline-item {
  display: inline-block
}

.list-inline-item:not(:last-child) {
  margin-right: .5rem
}

.initialism {
  font-size: .875em;
  text-transform: uppercase
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem
}

.blockquote>:last-child {
  margin-bottom: 0
}

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: .875em;
  color: #6c757d
}

.blockquote-footer::before {
  content: "— "
}

.img-fluid {
  max-width: 100%;
  height: auto
}

.img-thumbnail {
  padding: .25rem;
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto
}

.figure {
  display: inline-block
}

.figure-img {
  margin-bottom: .5rem;
  line-height: 1
}

.figure-caption {
  font-size: .875em;
  color: var(--bs-secondary-color)
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-right: auto;
  margin-left: auto
}

@media (min-width:576px) {

  .container,
  .container-sm {
    max-width: 540px
  }
}

@media (min-width:768px) {

  .container,
  .container-md,
  .container-sm {
    max-width: 720px
  }
}

@media (min-width:992px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px
  }
}

@media (min-width:1200px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px
  }
}

@media (min-width:1400px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1320px
  }
}

:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x))
}

.row>* {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y)
}

.col {
  flex: 1 0 0%
}

.row-cols-auto>* {
  flex: 0 0 auto;
  width: auto
}

.row-cols-1>* {
  flex: 0 0 auto;
  width: 100%
}

.row-cols-2>* {
  flex: 0 0 auto;
  width: 50%
}

.row-cols-3>* {
  flex: 0 0 auto;
  width: 33.3333333333%
}

.row-cols-4>* {
  flex: 0 0 auto;
  width: 25%
}

.row-cols-5>* {
  flex: 0 0 auto;
  width: 20%
}

.row-cols-6>* {
  flex: 0 0 auto;
  width: 16.6666666667%
}

.col-auto {
  flex: 0 0 auto;
  width: auto
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%
}

.col-3 {
  flex: 0 0 auto;
  width: 25%
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%
}

.col-6 {
  flex: 0 0 auto;
  width: 50%
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%
}

.col-9 {
  flex: 0 0 auto;
  width: 75%
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%
}

.col-12 {
  flex: 0 0 auto;
  width: 100%
}

.offset-1 {
  margin-left: 8.33333333%
}

.offset-2 {
  margin-left: 16.66666667%
}

.offset-3 {
  margin-left: 25%
}

.offset-4 {
  margin-left: 33.33333333%
}

.offset-5 {
  margin-left: 41.66666667%
}

.offset-6 {
  margin-left: 50%
}

.offset-7 {
  margin-left: 58.33333333%
}

.offset-8 {
  margin-left: 66.66666667%
}

.offset-9 {
  margin-left: 75%
}

.offset-10 {
  margin-left: 83.33333333%
}

.offset-11 {
  margin-left: 91.66666667%
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem
}

@media (min-width:576px) {
  .col-sm {
    flex: 1 0 0%
  }

  .row-cols-sm-auto>* {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-sm-1>* {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-sm-2>* {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-sm-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-sm-4>* {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-sm-5>* {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-sm-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }

  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%
  }

  .offset-sm-0 {
    margin-left: 0
  }

  .offset-sm-1 {
    margin-left: 8.33333333%
  }

  .offset-sm-2 {
    margin-left: 16.66666667%
  }

  .offset-sm-3 {
    margin-left: 25%
  }

  .offset-sm-4 {
    margin-left: 33.33333333%
  }

  .offset-sm-5 {
    margin-left: 41.66666667%
  }

  .offset-sm-6 {
    margin-left: 50%
  }

  .offset-sm-7 {
    margin-left: 58.33333333%
  }

  .offset-sm-8 {
    margin-left: 66.66666667%
  }

  .offset-sm-9 {
    margin-left: 75%
  }

  .offset-sm-10 {
    margin-left: 83.33333333%
  }

  .offset-sm-11 {
    margin-left: 91.66666667%
  }

  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0
  }

  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0
  }

  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem
  }

  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem
  }

  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem
  }

  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem
  }
}

@media (min-width:768px) {
  .col-md {
    flex: 1 0 0%
  }

  .row-cols-md-auto>* {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-md-1>* {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-md-2>* {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-md-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-md-4>* {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-md-5>* {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-md-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }

  .col-md-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

  .col-md-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

  .col-md-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

  .col-md-12 {
    flex: 0 0 auto;
    width: 100%
  }

  .offset-md-0 {
    margin-left: 0
  }

  .offset-md-1 {
    margin-left: 8.33333333%
  }

  .offset-md-2 {
    margin-left: 16.66666667%
  }

  .offset-md-3 {
    margin-left: 25%
  }

  .offset-md-4 {
    margin-left: 33.33333333%
  }

  .offset-md-5 {
    margin-left: 41.66666667%
  }

  .offset-md-6 {
    margin-left: 50%
  }

  .offset-md-7 {
    margin-left: 58.33333333%
  }

  .offset-md-8 {
    margin-left: 66.66666667%
  }

  .offset-md-9 {
    margin-left: 75%
  }

  .offset-md-10 {
    margin-left: 83.33333333%
  }

  .offset-md-11 {
    margin-left: 91.66666667%
  }

  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0
  }

  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0
  }

  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem
  }

  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem
  }

  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem
  }

  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem
  }
}

@media (min-width:992px) {
  .col-lg {
    flex: 1 0 0%
  }

  .row-cols-lg-auto>* {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-lg-1>* {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-lg-2>* {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-lg-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-lg-4>* {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-lg-5>* {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-lg-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }

  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%
  }

  .offset-lg-0 {
    margin-left: 0
  }

  .offset-lg-1 {
    margin-left: 8.33333333%
  }

  .offset-lg-2 {
    margin-left: 16.66666667%
  }

  .offset-lg-3 {
    margin-left: 25%
  }

  .offset-lg-4 {
    margin-left: 33.33333333%
  }

  .offset-lg-5 {
    margin-left: 41.66666667%
  }

  .offset-lg-6 {
    margin-left: 50%
  }

  .offset-lg-7 {
    margin-left: 58.33333333%
  }

  .offset-lg-8 {
    margin-left: 66.66666667%
  }

  .offset-lg-9 {
    margin-left: 75%
  }

  .offset-lg-10 {
    margin-left: 83.33333333%
  }

  .offset-lg-11 {
    margin-left: 91.66666667%
  }

  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0
  }

  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0
  }

  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem
  }

  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem
  }

  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem
  }

  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem
  }
}

@media (min-width:1200px) {
  .col-xl {
    flex: 1 0 0%
  }

  .row-cols-xl-auto>* {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-xl-1>* {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-xl-2>* {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-xl-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-xl-4>* {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-xl-5>* {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-xl-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }

  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%
  }

  .offset-xl-0 {
    margin-left: 0
  }

  .offset-xl-1 {
    margin-left: 8.33333333%
  }

  .offset-xl-2 {
    margin-left: 16.66666667%
  }

  .offset-xl-3 {
    margin-left: 25%
  }

  .offset-xl-4 {
    margin-left: 33.33333333%
  }

  .offset-xl-5 {
    margin-left: 41.66666667%
  }

  .offset-xl-6 {
    margin-left: 50%
  }

  .offset-xl-7 {
    margin-left: 58.33333333%
  }

  .offset-xl-8 {
    margin-left: 66.66666667%
  }

  .offset-xl-9 {
    margin-left: 75%
  }

  .offset-xl-10 {
    margin-left: 83.33333333%
  }

  .offset-xl-11 {
    margin-left: 91.66666667%
  }

  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0
  }

  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0
  }

  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem
  }

  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem
  }

  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem
  }

  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem
  }
}

@media (min-width:1400px) {
  .col-xxl {
    flex: 1 0 0%
  }

  .row-cols-xxl-auto>* {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-xxl-1>* {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-xxl-2>* {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-xxl-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-xxl-4>* {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-xxl-5>* {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-xxl-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }

  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%
  }

  .offset-xxl-0 {
    margin-left: 0
  }

  .offset-xxl-1 {
    margin-left: 8.33333333%
  }

  .offset-xxl-2 {
    margin-left: 16.66666667%
  }

  .offset-xxl-3 {
    margin-left: 25%
  }

  .offset-xxl-4 {
    margin-left: 33.33333333%
  }

  .offset-xxl-5 {
    margin-left: 41.66666667%
  }

  .offset-xxl-6 {
    margin-left: 50%
  }

  .offset-xxl-7 {
    margin-left: 58.33333333%
  }

  .offset-xxl-8 {
    margin-left: 66.66666667%
  }

  .offset-xxl-9 {
    margin-left: 75%
  }

  .offset-xxl-10 {
    margin-left: 83.33333333%
  }

  .offset-xxl-11 {
    margin-left: 91.66666667%
  }

  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0
  }

  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0
  }

  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem
  }

  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem
  }

  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem
  }

  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem
  }
}

.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-body-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-body-color);
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: var(--bs-body-color);
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: var(--bs-body-color);
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color)
}

.table>:not(caption)>*>* {
  padding: .5rem .5rem;
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)))
}

.table>tbody {
  vertical-align: inherit
}

.table>thead {
  vertical-align: bottom
}

.table-group-divider {
  border-top: calc(var(--bs-border-width) * 2) solid currentcolor
}

.caption-top {
  caption-side: top
}

.table-sm>:not(caption)>*>* {
  padding: .25rem .25rem
}

.table-bordered>:not(caption)>* {
  border-width: var(--bs-border-width) 0
}

.table-bordered>:not(caption)>*>* {
  border-width: 0 var(--bs-border-width)
}

.table-borderless>:not(caption)>*>* {
  border-bottom-width: 0
}

.table-borderless>:not(:first-child) {
  border-top-width: 0
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg)
}

.table-striped-columns>:not(caption)>tr>:nth-child(2n) {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg)
}

.table-active {
  --bs-table-color-state: var(--bs-table-active-color);
  --bs-table-bg-state: var(--bs-table-active-bg)
}

.table-hover>tbody>tr:hover>* {
  --bs-table-color-state: var(--bs-table-hover-color);
  --bs-table-bg-state: var(--bs-table-hover-bg)
}

.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: #cfe2ff;
  --bs-table-border-color: #bacbe6;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bacbe6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: #e2e3e5;
  --bs-table-border-color: #cbccce;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-success {
  --bs-table-color: #000;
  --bs-table-bg: #d1e7dd;
  --bs-table-border-color: #bcd0c7;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-info {
  --bs-table-color: #000;
  --bs-table-bg: #cff4fc;
  --bs-table-border-color: #badce3;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: #fff3cd;
  --bs-table-border-color: #e6dbb9;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: #f8d7da;
  --bs-table-border-color: #dfc2c4;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: #dfe0e1;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: #373b3e;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch
}

@media (max-width:575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

@media (max-width:767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

@media (max-width:991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

@media (max-width:1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

@media (max-width:1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

.form-label {
  margin-bottom: .5rem
}

.col-form-label {
  padding-top: calc(.375rem + var(--bs-border-width));
  padding-bottom: calc(.375rem + var(--bs-border-width));
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5
}

.col-form-label-lg {
  padding-top: calc(.5rem + var(--bs-border-width));
  padding-bottom: calc(.5rem + var(--bs-border-width));
  font-size: 1.25rem
}

.col-form-label-sm {
  padding-top: calc(.25rem + var(--bs-border-width));
  padding-bottom: calc(.25rem + var(--bs-border-width));
  font-size: .875rem
}

.form-text {
  margin-top: .25rem;
  font-size: .875em;
  color: var(--bs-secondary-color)
}

.form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .form-control {
    transition: none
  }
}

.form-control[type=file] {
  overflow: hidden
}

.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer
}

.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.5em;
  margin: 0
}

.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0
}

.form-control::-moz-placeholder {
  color: var(--bs-secondary-color);
  opacity: 1
}

.form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1
}

.form-control:disabled {
  background-color: var(--bs-secondary-bg);
  opacity: 1
}

.form-control::-webkit-file-upload-button {
  padding: .375rem .75rem;
  margin: -.375rem -.75rem;
  -webkit-margin-end: .75rem;
  margin-inline-end: .75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control::file-selector-button {
  padding: .375rem .75rem;
  margin: -.375rem -.75rem;
  -webkit-margin-end: .75rem;
  margin-inline-end: .75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .form-control::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none
  }

  .form-control::file-selector-button {
    transition: none
  }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: var(--bs-secondary-bg)
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-secondary-bg)
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: .375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: transparent;
  border: solid transparent;
  border-width: var(--bs-border-width) 0
}

.form-control-plaintext:focus {
  outline: 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
  padding-right: 0;
  padding-left: 0
}

.form-control-sm {
  min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));
  padding: .25rem .5rem;
  font-size: .875rem;
  border-radius: var(--bs-border-radius-sm)
}

.form-control-sm::-webkit-file-upload-button {
  padding: .25rem .5rem;
  margin: -.25rem -.5rem;
  -webkit-margin-end: .5rem;
  margin-inline-end: .5rem
}

.form-control-sm::file-selector-button {
  padding: .25rem .5rem;
  margin: -.25rem -.5rem;
  -webkit-margin-end: .5rem;
  margin-inline-end: .5rem
}

.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
  padding: .5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg)
}

.form-control-lg::-webkit-file-upload-button {
  padding: .5rem 1rem;
  margin: -.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem
}

.form-control-lg::file-selector-button {
  padding: .5rem 1rem;
  margin: -.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem
}

textarea.form-control {
  min-height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))
}

textarea.form-control-sm {
  min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))
}

textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))
}

.form-control-color {
  width: 3rem;
  height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));
  padding: .375rem
}

.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer
}

.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius)
}

.form-control-color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius)
}

.form-control-color.form-control-sm {
  height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))
}

.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))
}

.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: .375rem 2.25rem .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .form-select {
    transition: none
  }
}

.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-select[multiple],
.form-select[size]:not([size="1"]) {
  padding-right: .75rem;
  background-image: none
}

.form-select:disabled {
  background-color: var(--bs-secondary-bg)
}

.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--bs-body-color)
}

.form-select-sm {
  padding-top: .25rem;
  padding-bottom: .25rem;
  padding-left: .5rem;
  font-size: .875rem;
  border-radius: var(--bs-border-radius-sm)
}

.form-select-lg {
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg)
}

[data-bs-theme=dark] .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: .125rem
}

.form-check .form-check-input {
  float: left;
  margin-left: -1.5em
}

.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right
}

.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0
}

.form-check-input {
  --bs-form-check-bg: var(--bs-body-bg);
  width: 1em;
  height: 1em;
  margin-top: .25em;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: var(--bs-border-width) solid var(--bs-border-color);
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  print-color-adjust: exact
}

.form-check-input[type=checkbox] {
  border-radius: .25em
}

.form-check-input[type=radio] {
  border-radius: 50%
}

.form-check-input:active {
  filter: brightness(90%)
}

.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd
}

.form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
}

.form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: .5
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
  cursor: default;
  opacity: .5
}

.form-switch {
  padding-left: 2.5em
}

.form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  width: 2em;
  margin-left: -2.5em;
  background-image: var(--bs-form-switch-bg);
  background-position: left center;
  border-radius: 2em;
  transition: background-position .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .form-switch .form-check-input {
    transition: none
  }
}

.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
  background-position: right center;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0
}

.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none
}

.btn-check:disabled+.btn,
.btn-check[disabled]+.btn {
  pointer-events: none;
  filter: none;
  opacity: .65
}

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")
}

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent
}

.form-range:focus {
  outline: 0
}

.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-range::-moz-focus-outer {
  border: 0
}

.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -.25rem;
  -webkit-appearance: none;
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none
  }
}

.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe
}

.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: .5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-tertiary-bg);
  border-color: transparent;
  border-radius: 1rem
}

.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  -moz-appearance: none;
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none
  }
}

.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe
}

.form-range::-moz-range-track {
  width: 100%;
  height: .5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-tertiary-bg);
  border-color: transparent;
  border-radius: 1rem
}

.form-range:disabled {
  pointer-events: none
}

.form-range:disabled::-webkit-slider-thumb {
  background-color: var(--bs-secondary-color)
}

.form-range:disabled::-moz-range-thumb {
  background-color: var(--bs-secondary-color)
}

.form-floating {
  position: relative
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
  height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  line-height: 1.25
}

.form-floating>label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: 100%;
  padding: 1rem .75rem;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--bs-border-width) solid transparent;
  transform-origin: 0 0;
  transition: opacity .1s ease-in-out, transform .1s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .form-floating>label {
    transition: none
  }
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext {
  padding: 1rem .75rem
}

.form-floating>.form-control-plaintext::-moz-placeholder,
.form-floating>.form-control::-moz-placeholder {
  color: transparent
}

.form-floating>.form-control-plaintext::placeholder,
.form-floating>.form-control::placeholder {
  color: transparent
}

.form-floating>.form-control-plaintext:not(:-moz-placeholder-shown),
.form-floating>.form-control:not(:-moz-placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: .625rem
}

.form-floating>.form-control-plaintext:focus,
.form-floating>.form-control-plaintext:not(:placeholder-shown),
.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: .625rem
}

.form-floating>.form-control-plaintext:-webkit-autofill,
.form-floating>.form-control:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: .625rem
}

.form-floating>.form-select {
  padding-top: 1.625rem;
  padding-bottom: .625rem
}

.form-floating>.form-control:not(:-moz-placeholder-shown)~label {
  color: rgba(var(--bs-body-color-rgb), .65);
  transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control-plaintext~label,
.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
  color: rgba(var(--bs-body-color-rgb), .65);
  transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control:not(:-moz-placeholder-shown)~label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius)
}

.form-floating>.form-control-plaintext~label::after,
.form-floating>.form-control:focus~label::after,
.form-floating>.form-control:not(:placeholder-shown)~label::after,
.form-floating>.form-select~label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius)
}

.form-floating>.form-control:-webkit-autofill~label {
  color: rgba(var(--bs-body-color-rgb), .65);
  transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control-plaintext~label {
  border-width: var(--bs-border-width) 0
}

.form-floating>.form-control:disabled~label,
.form-floating>:disabled~label {
  color: #6c757d
}

.form-floating>.form-control:disabled~label::after,
.form-floating>:disabled~label::after {
  background-color: var(--bs-secondary-bg)
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%
}

.input-group>.form-control,
.input-group>.form-floating,
.input-group>.form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0
}

.input-group>.form-control:focus,
.input-group>.form-floating:focus-within,
.input-group>.form-select:focus {
  z-index: 5
}

.input-group .btn {
  position: relative;
  z-index: 2
}

.input-group .btn:focus {
  z-index: 5
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-tertiary-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius)
}

.input-group-lg>.btn,
.input-group-lg>.form-control,
.input-group-lg>.form-select,
.input-group-lg>.input-group-text {
  padding: .5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg)
}

.input-group-sm>.btn,
.input-group-sm>.form-control,
.input-group-sm>.form-select,
.input-group-sm>.input-group-text {
  padding: .25rem .5rem;
  font-size: .875rem;
  border-radius: var(--bs-border-radius-sm)
}

.input-group-lg>.form-select,
.input-group-sm>.form-select {
  padding-right: 3rem
}

.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,
.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(var(--bs-border-width) * -1);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.input-group>.form-floating:not(:first-child)>.form-control,
.input-group>.form-floating:not(:first-child)>.form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: .875em;
  color: var(--bs-form-valid-color)
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .25rem .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  color: #fff;
  background-color: var(--bs-success);
  border-radius: var(--bs-border-radius)
}

.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
  display: block
}

.form-control.is-valid,
.was-validated .form-control:valid {
  border-color: var(--bs-form-valid-border-color);
  padding-right: calc(1.5em + .75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  padding-right: calc(1.5em + .75rem);
  background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-valid,
.was-validated .form-select:valid {
  border-color: var(--bs-form-valid-border-color)
}

.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"],
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right .75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-select.is-valid:focus,
.was-validated .form-select:valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
}

.form-control-color.is-valid,
.was-validated .form-control-color:valid {
  width: calc(3rem + calc(1.5em + .75rem))
}

.form-check-input.is-valid,
.was-validated .form-check-input:valid {
  border-color: var(--bs-form-valid-border-color)
}

.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
  background-color: var(--bs-form-valid-color)
}

.form-check-input.is-valid:focus,
.was-validated .form-check-input:valid:focus {
  box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
  color: var(--bs-form-valid-color)
}

.form-check-inline .form-check-input~.valid-feedback {
  margin-left: .5em
}

.input-group>.form-control:not(:focus).is-valid,
.input-group>.form-floating:not(:focus-within).is-valid,
.input-group>.form-select:not(:focus).is-valid,
.was-validated .input-group>.form-control:not(:focus):valid,
.was-validated .input-group>.form-floating:not(:focus-within):valid,
.was-validated .input-group>.form-select:not(:focus):valid {
  z-index: 3
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: .875em;
  color: var(--bs-form-invalid-color)
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .25rem .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  color: #fff;
  background-color: var(--bs-danger);
  border-radius: var(--bs-border-radius)
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
  display: block
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.5em + .75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  padding-right: calc(1.5em + .75rem);
  background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-invalid,
.was-validated .form-select:invalid {
  border-color: var(--bs-form-invalid-border-color)
}

.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right .75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
}

.form-control-color.is-invalid,
.was-validated .form-control-color:invalid {
  width: calc(3rem + calc(1.5em + .75rem))
}

.form-check-input.is-invalid,
.was-validated .form-check-input:invalid {
  border-color: var(--bs-form-invalid-border-color)
}

.form-check-input.is-invalid:checked,
.was-validated .form-check-input:invalid:checked {
  background-color: var(--bs-form-invalid-color)
}

.form-check-input.is-invalid:focus,
.was-validated .form-check-input:invalid:focus {
  box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
  color: var(--bs-form-invalid-color)
}

.form-check-inline .form-check-input~.invalid-feedback {
  margin-left: .5em
}

.input-group>.form-control:not(:focus).is-invalid,
.input-group>.form-floating:not(:focus-within).is-invalid,
.input-group>.form-select:not(:focus).is-invalid,
.was-validated .input-group>.form-control:not(:focus):invalid,
.was-validated .input-group>.form-floating:not(:focus-within):invalid,
.was-validated .input-group>.form-select:not(:focus):invalid {
  z-index: 4
}

.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .btn {
    transition: none
  }
}

.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color)
}

.btn-check+.btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color)
}

.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:focus-visible+.btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color)
}

.btn-check:checked+.btn:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible,
.btn:first-child:active:focus-visible,
:not(.btn-check)+.btn:active:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity)
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5c636a;
  --bs-btn-hover-border-color: #565e64;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #565e64;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #157347;
  --bs-btn-hover-border-color: #146c43;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #146c43;
  --bs-btn-active-border-color: #13653f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754
}

.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #31d2f2;
  --bs-btn-hover-border-color: #25cff2;
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #3dd5f3;
  --bs-btn-active-border-color: #25cff2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0
}

.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffca2c;
  --bs-btn-hover-border-color: #ffc720;
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffcd39;
  --bs-btn-active-border-color: #ffc720;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107
}

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb2d3b;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #a52834;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545
}

.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529
}

.btn-outline-primary {
  --bs-btn-color: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0d6efd;
  --bs-btn-hover-border-color: #0d6efd;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d6efd;
  --bs-btn-active-border-color: #0d6efd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0d6efd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0d6efd;
  --bs-gradient: none
}

.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none
}

.btn-outline-success {
  --bs-btn-color: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198754;
  --bs-btn-hover-border-color: #198754;
  --bs-btn-focus-shadow-rgb: 25, 135, 84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #198754;
  --bs-btn-active-border-color: #198754;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #198754;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #198754;
  --bs-gradient: none
}

.btn-outline-info {
  --bs-btn-color: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #0dcaf0;
  --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0dcaf0;
  --bs-gradient: none
}

.btn-outline-warning {
  --bs-btn-color: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffc107;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffc107;
  --bs-gradient: none
}

.btn-outline-danger {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb: 220, 53, 69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none
}

.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none
}

.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none
}

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  text-decoration: underline
}

.btn-link:focus-visible {
  color: var(--bs-btn-color)
}

.btn-link:hover {
  color: var(--bs-btn-hover-color)
}

.btn-group-lg>.btn,
.btn-lg {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg)
}

.btn-group-sm>.btn,
.btn-sm {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm)
}

.fade {
  transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
  .fade {
    transition: none
  }
}

.fade:not(.show) {
  opacity: 0
}

.collapse:not(.show) {
  display: none
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
  .collapsing {
    transition: none
  }
}

.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width .35s ease
}

@media (prefers-reduced-motion:reduce) {
  .collapsing.collapse-horizontal {
    transition: none
  }
}

.dropdown,
.dropdown-center,
.dropend,
.dropstart,
.dropup,
.dropup-center {
  position: relative
}

.dropdown-toggle {
  white-space: nowrap
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
  margin-left: 0
}

.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius)
}

.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer)
}

.dropdown-menu-start {
  --bs-position: start
}

.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0
}

.dropdown-menu-end {
  --bs-position: end
}

.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto
}

@media (min-width:576px) {
  .dropdown-menu-sm-start {
    --bs-position: start
  }

  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0
  }

  .dropdown-menu-sm-end {
    --bs-position: end
  }

  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto
  }
}

@media (min-width:768px) {
  .dropdown-menu-md-start {
    --bs-position: start
  }

  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0
  }

  .dropdown-menu-md-end {
    --bs-position: end
  }

  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto
  }
}

@media (min-width:992px) {
  .dropdown-menu-lg-start {
    --bs-position: start
  }

  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0
  }

  .dropdown-menu-lg-end {
    --bs-position: end
  }

  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto
  }
}

@media (min-width:1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start
  }

  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0
  }

  .dropdown-menu-xl-end {
    --bs-position: end
  }

  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto
  }
}

@media (min-width:1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start
  }

  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0
  }

  .dropdown-menu-xxl-end {
    --bs-position: end
  }

  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto
  }
}

.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer)
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: 0;
  border-right: .3em solid transparent;
  border-bottom: .3em solid;
  border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
  margin-left: 0
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer)
}

.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid transparent;
  border-right: 0;
  border-bottom: .3em solid transparent;
  border-left: .3em solid
}

.dropend .dropdown-toggle:empty::after {
  margin-left: 0
}

.dropend .dropdown-toggle::after {
  vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer)
}

.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: ""
}

.dropstart .dropdown-toggle::after {
  display: none
}

.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid transparent;
  border-right: .3em solid;
  border-bottom: .3em solid transparent
}

.dropstart .dropdown-toggle:empty::after {
  margin-left: 0
}

.dropstart .dropdown-toggle::before {
  vertical-align: 0
}

.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0)
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg)
}

.dropdown-item.active,
.dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg)
}

.dropdown-item.disabled,
.dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent
}

.dropdown-menu.show {
  display: block
}

.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: .875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap
}

.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color)
}

.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
  position: relative;
  flex: 1 1 auto
}

.btn-group-vertical>.btn-check:checked+.btn,
.btn-group-vertical>.btn-check:focus+.btn,
.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn-check:checked+.btn,
.btn-group>.btn-check:focus+.btn,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
  z-index: 1
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start
}

.btn-toolbar .input-group {
  width: auto
}

.btn-group {
  border-radius: var(--bs-border-radius)
}

.btn-group>.btn-group:not(:first-child),
.btn-group>:not(.btn-check:first-child)+.btn {
  margin-left: calc(var(--bs-border-width) * -1)
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn.dropdown-toggle-split:first-child,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:nth-child(n+3),
.btn-group>:not(.btn-check)+.btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.dropdown-toggle-split {
  padding-right: .5625rem;
  padding-left: .5625rem
}

.dropdown-toggle-split::after,
.dropend .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
  margin-left: 0
}

.dropstart .dropdown-toggle-split::before {
  margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
  padding-right: .375rem;
  padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
  padding-right: .75rem;
  padding-left: .75rem
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
  width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
  margin-top: calc(var(--bs-border-width) * -1)
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn~.btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}

.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  background: 0 0;
  border: 0;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .nav-link {
    transition: none
  }
}

.nav-link:focus,
.nav-link:hover {
  color: var(--bs-nav-link-hover-color)
}

.nav-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.nav-link.disabled,
.nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default
}

.nav-tabs {
  --bs-nav-tabs-border-width: var(--bs-border-width);
  --bs-nav-tabs-border-color: var(--bs-border-color);
  --bs-nav-tabs-border-radius: var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}

.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius)
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color)
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color)
}

.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.nav-pills {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #0d6efd
}

.nav-pills .nav-link {
  border-radius: var(--bs-nav-pills-border-radius)
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg)
}

.nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
  gap: var(--bs-nav-underline-gap)
}

.nav-underline .nav-link {
  padding-right: 0;
  padding-left: 0;
  border-bottom: var(--bs-nav-underline-border-width) solid transparent
}

.nav-underline .nav-link:focus,
.nav-underline .nav-link:hover {
  border-bottom-color: currentcolor
}

.nav-underline .nav-link.active,
.nav-underline .show>.nav-link {
  font-weight: 700;
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-color: currentcolor
}

.nav-fill .nav-item,
.nav-fill>.nav-link {
  flex: 1 1 auto;
  text-align: center
}

.nav-justified .nav-item,
.nav-justified>.nav-link {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%
}

.tab-content>.tab-pane {
  display: none
}

.tab-content>.active {
  display: block
}

.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: var(--bs-border-radius);
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)
}

.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-lg,
.navbar>.container-md,
.navbar>.container-sm,
.navbar>.container-xl,
.navbar>.container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between
}

.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
  color: var(--bs-navbar-brand-hover-color)
}

.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color)
}

.navbar-nav .dropdown-menu {
  position: static
}

.navbar-text {
  padding-top: .5rem;
  padding-bottom: .5rem;
  color: var(--bs-navbar-color)
}

.navbar-text a,
.navbar-text a:focus,
.navbar-text a:hover {
  color: var(--bs-navbar-active-color)
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center
}

.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition)
}

@media (prefers-reduced-motion:reduce) {
  .navbar-toggler {
    transition: none
  }
}

.navbar-toggler:hover {
  text-decoration: none
}

.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width)
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%
}

.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto
}

@media (min-width:576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start
  }

  .navbar-expand-sm .navbar-nav {
    flex-direction: row
  }

  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x)
  }

  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto
  }

  .navbar-expand-sm .navbar-toggler {
    display: none
  }

  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none
  }

  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none
  }

  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
  }
}

@media (min-width:768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start
  }

  .navbar-expand-md .navbar-nav {
    flex-direction: row
  }

  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x)
  }

  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto
  }

  .navbar-expand-md .navbar-toggler {
    display: none
  }

  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none
  }

  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none
  }

  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
  }
}

@media (min-width:992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start
  }

  .navbar-expand-lg .navbar-nav {
    flex-direction: row
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x)
  }

  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto
  }

  .navbar-expand-lg .navbar-toggler {
    display: none
  }

  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none
  }

  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none
  }

  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
  }
}

@media (min-width:1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start
  }

  .navbar-expand-xl .navbar-nav {
    flex-direction: row
  }

  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x)
  }

  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto
  }

  .navbar-expand-xl .navbar-toggler {
    display: none
  }

  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none
  }

  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none
  }

  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
  }
}

@media (min-width:1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start
  }

  .navbar-expand-xxl .navbar-nav {
    flex-direction: row
  }

  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x)
  }

  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto
  }

  .navbar-expand-xxl .navbar-toggler {
    display: none
  }

  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none
  }

  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none
  }

  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
  }
}

.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start
}

.navbar-expand .navbar-nav {
  flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute
}

.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x)
}

.navbar-expand .navbar-nav-scroll {
  overflow: visible
}

.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto
}

.navbar-expand .navbar-toggler {
  display: none
}

.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none
}

.navbar-expand .offcanvas .offcanvas-header {
  display: none
}

.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible
}

.navbar-dark,
.navbar[data-bs-theme=dark] {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

[data-bs-theme=dark] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius)
}

.card>hr {
  margin-right: 0;
  margin-left: 0
}

.card>.list-group {
  border-top: inherit;
  border-bottom: inherit
}

.card>.list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card>.list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius)
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
  border-top: 0
}

.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color)
}

.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
  color: var(--bs-card-title-color)
}

.card-subtitle {
  margin-top: calc(-.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
  color: var(--bs-card-subtitle-color)
}

.card-text:last-child {
  margin-bottom: 0
}

.card-link+.card-link {
  margin-left: var(--bs-card-spacer-x)
}

.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
}

.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
}

.card-header-tabs {
  margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0
}

.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg)
}

.card-header-pills {
  margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-.5 * var(--bs-card-cap-padding-x))
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius)
}

.card-img,
.card-img-bottom,
.card-img-top {
  width: 100%
}

.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius)
}

.card-group>.card {
  margin-bottom: var(--bs-card-group-margin)
}

@media (min-width:576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap
  }

  .card-group>.card {
    flex: 1 0 0%;
    margin-bottom: 0
  }

  .card-group>.card+.card {
    margin-left: 0;
    border-left: 0
  }

  .card-group>.card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
  }

  .card-group>.card:not(:last-child) .card-header,
  .card-group>.card:not(:last-child) .card-img-top {
    border-top-right-radius: 0
  }

  .card-group>.card:not(:last-child) .card-footer,
  .card-group>.card:not(:last-child) .card-img-bottom {
    border-bottom-right-radius: 0
  }

  .card-group>.card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
  }

  .card-group>.card:not(:first-child) .card-header,
  .card-group>.card:not(:first-child) .card-img-top {
    border-top-left-radius: 0
  }

  .card-group>.card:not(:first-child) .card-footer,
  .card-group>.card:not(:first-child) .card-img-bottom {
    border-bottom-left-radius: 0
  }
}

.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: #86b7fe;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle)
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition)
}

@media (prefers-reduced-motion:reduce) {
  .accordion-button {
    transition: none
  }
}

.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)
}

.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform)
}

.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition)
}

@media (prefers-reduced-motion:reduce) {
  .accordion-button::after {
    transition: none
  }
}

.accordion-button:hover {
  z-index: 2
}

.accordion-button:focus {
  z-index: 3;
  border-color: var(--bs-accordion-btn-focus-border-color);
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow)
}

.accordion-header {
  margin-bottom: 0
}

.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
}

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

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

.accordion-item:not(:first-of-type) {
  border-top: 0
}

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

.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius)
}

.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
}

.accordion-flush .accordion-collapse {
  border-width: 0
}

.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0
}

.accordion-flush .accordion-item:first-child {
  border-top: 0
}

.accordion-flush .accordion-item:last-child {
  border-bottom: 0
}

.accordion-flush .accordion-item .accordion-button,
.accordion-flush .accordion-item .accordion-button.collapsed {
  border-radius: 0
}

[data-bs-theme=dark] .accordion-button::after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius)
}

.breadcrumb-item+.breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x)
}

.breadcrumb-item+.breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/")
}

.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color)
}

.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: var(--bs-body-bg);
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #0d6efd;
  --bs-pagination-active-border-color: #0d6efd;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  display: flex;
  padding-left: 0;
  list-style: none
}

.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .page-link {
    transition: none
  }
}

.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color)
}

.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow)
}

.active>.page-link,
.page-link.active {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color)
}

.disabled>.page-link,
.page-link.disabled {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color)
}

.page-item:not(:first-child) .page-link {
  margin-left: calc(var(--bs-border-width) * -1)
}

.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius)
}

.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius)
}

.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.25rem;
  --bs-pagination-border-radius: var(--bs-border-radius-lg)
}

.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-border-radius: var(--bs-border-radius-sm)
}

.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: var(--bs-border-radius);
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius)
}

.badge:empty {
  display: none
}

.btn .badge {
  position: relative;
  top: -1px
}

.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius: var(--bs-border-radius);
  --bs-alert-link-color: inherit;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius)
}

.alert-heading {
  color: inherit
}

.alert-link {
  font-weight: 700;
  color: var(--bs-alert-link-color)
}

.alert-dismissible {
  padding-right: 3rem
}

.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem
}

.alert-primary {
  --bs-alert-color: var(--bs-primary-text-emphasis);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text-emphasis)
}

.alert-secondary {
  --bs-alert-color: var(--bs-secondary-text-emphasis);
  --bs-alert-bg: var(--bs-secondary-bg-subtle);
  --bs-alert-border-color: var(--bs-secondary-border-subtle);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis)
}

.alert-success {
  --bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
  --bs-alert-link-color: var(--bs-success-text-emphasis)
}

.alert-info {
  --bs-alert-color: var(--bs-info-text-emphasis);
  --bs-alert-bg: var(--bs-info-bg-subtle);
  --bs-alert-border-color: var(--bs-info-border-subtle);
  --bs-alert-link-color: var(--bs-info-text-emphasis)
}

.alert-warning {
  --bs-alert-color: var(--bs-warning-text-emphasis);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-border-subtle);
  --bs-alert-link-color: var(--bs-warning-text-emphasis)
}

.alert-danger {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis)
}

.alert-light {
  --bs-alert-color: var(--bs-light-text-emphasis);
  --bs-alert-bg: var(--bs-light-bg-subtle);
  --bs-alert-border-color: var(--bs-light-border-subtle);
  --bs-alert-link-color: var(--bs-light-text-emphasis)
}

.alert-dark {
  --bs-alert-color: var(--bs-dark-text-emphasis);
  --bs-alert-bg: var(--bs-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-dark-border-subtle);
  --bs-alert-link-color: var(--bs-dark-text-emphasis)
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem
  }
}

.progress,
.progress-stacked {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: var(--bs-secondary-bg);
  --bs-progress-border-radius: var(--bs-border-radius);
  --bs-progress-box-shadow: var(--bs-box-shadow-inset);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #0d6efd;
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius)
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition)
}

@media (prefers-reduced-motion:reduce) {
  .progress-bar {
    transition: none
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height)
}

.progress-stacked>.progress {
  overflow: visible
}

.progress-stacked>.progress>.progress-bar {
  width: 100%
}

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion:reduce) {
  .progress-bar-animated {
    animation: none
  }
}

.list-group {
  --bs-list-group-color: var(--bs-body-color);
  --bs-list-group-bg: var(--bs-body-bg);
  --bs-list-group-border-color: var(--bs-border-color);
  --bs-list-group-border-width: var(--bs-border-width);
  --bs-list-group-border-radius: var(--bs-border-radius);
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: var(--bs-secondary-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
  --bs-list-group-action-active-color: var(--bs-body-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-bg);
  --bs-list-group-disabled-color: var(--bs-secondary-color);
  --bs-list-group-disabled-bg: var(--bs-body-bg);
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #0d6efd;
  --bs-list-group-active-border-color: #0d6efd;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius)
}

.list-group-numbered {
  list-style-type: none;
  counter-reset: section
}

.list-group-numbered>.list-group-item::before {
  content: counters(section, ".") ". ";
  counter-increment: section
}

.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg)
}

.list-group-item-action:active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg)
}

.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)
}

.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit
}

.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg)
}

.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color)
}

.list-group-item+.list-group-item {
  border-top-width: 0
}

.list-group-item+.list-group-item.active {
  margin-top: calc(-1 * var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width)
}

.list-group-horizontal {
  flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
  margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
  border-top-width: var(--bs-list-group-border-width);
  border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
  margin-left: calc(-1 * var(--bs-list-group-border-width));
  border-left-width: var(--bs-list-group-border-width)
}

@media (min-width:576px) {
  .list-group-horizontal-sm {
    flex-direction: row
  }

  .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
  }

  .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0
  }

  .list-group-horizontal-sm>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-sm>.list-group-item+.list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0
  }

  .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width)
  }
}

@media (min-width:768px) {
  .list-group-horizontal-md {
    flex-direction: row
  }

  .list-group-horizontal-md>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
  }

  .list-group-horizontal-md>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0
  }

  .list-group-horizontal-md>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-md>.list-group-item+.list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0
  }

  .list-group-horizontal-md>.list-group-item+.list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width)
  }
}

@media (min-width:992px) {
  .list-group-horizontal-lg {
    flex-direction: row
  }

  .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
  }

  .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0
  }

  .list-group-horizontal-lg>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-lg>.list-group-item+.list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0
  }

  .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width)
  }
}

@media (min-width:1200px) {
  .list-group-horizontal-xl {
    flex-direction: row
  }

  .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
  }

  .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0
  }

  .list-group-horizontal-xl>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-xl>.list-group-item+.list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0
  }

  .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width)
  }
}

@media (min-width:1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row
  }

  .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
  }

  .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0
  }

  .list-group-horizontal-xxl>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-xxl>.list-group-item+.list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0
  }

  .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width)
  }
}

.list-group-flush {
  border-radius: 0
}

.list-group-flush>.list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width)
}

.list-group-flush>.list-group-item:last-child {
  border-bottom-width: 0
}

.list-group-item-primary {
  --bs-list-group-color: var(--bs-primary-text-emphasis);
  --bs-list-group-bg: var(--bs-primary-bg-subtle);
  --bs-list-group-border-color: var(--bs-primary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
  --bs-list-group-active-color: var(--bs-primary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-primary-text-emphasis)
}

.list-group-item-secondary {
  --bs-list-group-color: var(--bs-secondary-text-emphasis);
  --bs-list-group-bg: var(--bs-secondary-bg-subtle);
  --bs-list-group-border-color: var(--bs-secondary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis)
}

.list-group-item-success {
  --bs-list-group-color: var(--bs-success-text-emphasis);
  --bs-list-group-bg: var(--bs-success-bg-subtle);
  --bs-list-group-border-color: var(--bs-success-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
  --bs-list-group-active-color: var(--bs-success-bg-subtle);
  --bs-list-group-active-bg: var(--bs-success-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-success-text-emphasis)
}

.list-group-item-info {
  --bs-list-group-color: var(--bs-info-text-emphasis);
  --bs-list-group-bg: var(--bs-info-bg-subtle);
  --bs-list-group-border-color: var(--bs-info-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
  --bs-list-group-active-color: var(--bs-info-bg-subtle);
  --bs-list-group-active-bg: var(--bs-info-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-info-text-emphasis)
}

.list-group-item-warning {
  --bs-list-group-color: var(--bs-warning-text-emphasis);
  --bs-list-group-bg: var(--bs-warning-bg-subtle);
  --bs-list-group-border-color: var(--bs-warning-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
  --bs-list-group-active-color: var(--bs-warning-bg-subtle);
  --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-warning-text-emphasis)
}

.list-group-item-danger {
  --bs-list-group-color: var(--bs-danger-text-emphasis);
  --bs-list-group-bg: var(--bs-danger-bg-subtle);
  --bs-list-group-border-color: var(--bs-danger-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
  --bs-list-group-active-color: var(--bs-danger-bg-subtle);
  --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-danger-text-emphasis)
}

.list-group-item-light {
  --bs-list-group-color: var(--bs-light-text-emphasis);
  --bs-list-group-bg: var(--bs-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
  --bs-list-group-active-color: var(--bs-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-light-text-emphasis)
}

.list-group-item-dark {
  --bs-list-group-color: var(--bs-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-dark-text-emphasis)
}

.btn-close {
  --bs-btn-close-color: #000;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: .25em .25em;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  border: 0;
  border-radius: .375rem;
  opacity: var(--bs-btn-close-opacity)
}

.btn-close:hover {
  color: var(--bs-btn-close-color);
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity)
}

.btn-close:focus {
  outline: 0;
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity)
}

.btn-close.disabled,
.btn-close:disabled {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity)
}

.btn-close-white {
  filter: var(--bs-btn-close-white-filter)
}

[data-bs-theme=dark] .btn-close {
  filter: var(--bs-btn-close-white-filter)
}

.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-border-width: var(--bs-border-width);
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: var(--bs-border-radius);
  --bs-toast-box-shadow: var(--bs-box-shadow);
  --bs-toast-header-color: var(--bs-secondary-color);
  --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-border-color: var(--bs-border-color-translucent);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius)
}

.toast.showing {
  opacity: 0
}

.toast:not(.show) {
  display: none
}

.toast-container {
  --bs-toast-zindex: 1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  pointer-events: none
}

.toast-container>:not(:last-child) {
  margin-bottom: var(--bs-toast-spacing)
}

.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))
}

.toast-header .btn-close {
  margin-right: calc(-.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x)
}

.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word
}

.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: ;
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none
}

.modal.fade .modal-dialog {
  transition: transform .3s ease-out;
  transform: translate(0, -50px)
}

@media (prefers-reduced-motion:reduce) {
  .modal.fade .modal-dialog {
    transition: none
  }
}

.modal.show .modal-dialog {
  transform: none
}

.modal.modal-static .modal-dialog {
  transform: scale(1.02)
}

.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0
}

.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg)
}

.modal-backdrop.fade {
  opacity: 0
}

.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity)
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius)
}

.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
  margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto
}

.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height)
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding)
}

.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius)
}

.modal-footer>* {
  margin: calc(var(--bs-modal-footer-gap) * .5)
}

@media (min-width:576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15)
  }

  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto
  }

  .modal-sm {
    --bs-modal-width: 300px
  }
}

@media (min-width:992px) {

  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px
  }
}

@media (min-width:1200px) {
  .modal-xl {
    --bs-modal-width: 1140px
  }
}

.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0
}

.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0
}

.modal-fullscreen .modal-footer,
.modal-fullscreen .modal-header {
  border-radius: 0
}

.modal-fullscreen .modal-body {
  overflow-y: auto
}

@media (max-width:575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }

  .modal-fullscreen-sm-down .modal-footer,
  .modal-fullscreen-sm-down .modal-header {
    border-radius: 0
  }

  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto
  }
}

@media (max-width:767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }

  .modal-fullscreen-md-down .modal-footer,
  .modal-fullscreen-md-down .modal-header {
    border-radius: 0
  }

  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto
  }
}

@media (max-width:991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }

  .modal-fullscreen-lg-down .modal-footer,
  .modal-fullscreen-lg-down .modal-header {
    border-radius: 0
  }

  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto
  }
}

@media (max-width:1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }

  .modal-fullscreen-xl-down .modal-footer,
  .modal-fullscreen-xl-down .modal-header {
    border-radius: 0
  }

  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto
  }
}

@media (max-width:1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }

  .modal-fullscreen-xxl-down .modal-footer,
  .modal-fullscreen-xxl-down .modal-header {
    border-radius: 0
  }

  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto
  }
}

.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: var(--bs-body-bg);
  --bs-tooltip-bg: var(--bs-emphasis-color);
  --bs-tooltip-border-radius: var(--bs-border-radius);
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0
}

.tooltip.show {
  opacity: var(--bs-tooltip-opacity)
}

.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height)
}

.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,
.bs-tooltip-top .tooltip-arrow {
  bottom: calc(-1 * var(--bs-tooltip-arrow-height))
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
  border-top-color: var(--bs-tooltip-bg)
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,
.bs-tooltip-end .tooltip-arrow {
  left: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width)
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.bs-tooltip-end .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
  border-right-color: var(--bs-tooltip-bg)
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,
.bs-tooltip-bottom .tooltip-arrow {
  top: calc(-1 * var(--bs-tooltip-arrow-height))
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg)
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,
.bs-tooltip-start .tooltip-arrow {
  right: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width)
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg)
}

.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius)
}

.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: var(--bs-body-bg);
  --bs-popover-border-width: var(--bs-border-width);
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: inherit;
  --bs-popover-header-bg: var(--bs-secondary-bg);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: var(--bs-body-color);
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius)
}

.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height)
}

.popover .popover-arrow::after,
.popover .popover-arrow::before {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,
.bs-popover-top>.popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,
.bs-popover-top>.popover-arrow::after,
.bs-popover-top>.popover-arrow::before {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,
.bs-popover-top>.popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border)
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,
.bs-popover-top>.popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg)
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,
.bs-popover-end>.popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width)
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,
.bs-popover-end>.popover-arrow::after,
.bs-popover-end>.popover-arrow::before {
  border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,
.bs-popover-end>.popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border)
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,
.bs-popover-end>.popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,
.bs-popover-bottom>.popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,
.bs-popover-bottom>.popover-arrow::after,
.bs-popover-bottom>.popover-arrow::before {
  border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,
.bs-popover-bottom>.popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,
.bs-popover-bottom>.popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg)
}

.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,
.bs-popover-start>.popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,
.bs-popover-start>.popover-arrow::after,
.bs-popover-start>.popover-arrow::before {
  border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,
.bs-popover-start>.popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,
.bs-popover-start>.popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg)
}

.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius)
}

.popover-header:empty {
  display: none
}

.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color)
}

.carousel {
  position: relative
}

.carousel.pointer-event {
  touch-action: pan-y
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden
}

.carousel-inner::after {
  display: block;
  clear: both;
  content: ""
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .carousel-item {
    transition: none
  }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
  display: block
}

.active.carousel-item-end,
.carousel-item-next:not(.carousel-item-start) {
  transform: translateX(100%)
}

.active.carousel-item-start,
.carousel-item-prev:not(.carousel-item-end) {
  transform: translateX(-100%)
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none
}

.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end,
.carousel-fade .carousel-item.active {
  z-index: 1;
  opacity: 1
}

.carousel-fade .active.carousel-item-end,
.carousel-fade .active.carousel-item-start {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {

  .carousel-fade .active.carousel-item-end,
  .carousel-fade .active.carousel-item-start {
    transition: none
  }
}

.carousel-control-next,
.carousel-control-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: 0 0;
  border: 0;
  opacity: .5;
  transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {

  .carousel-control-next,
  .carousel-control-prev {
    transition: none
  }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: .9
}

.carousel-control-prev {
  left: 0
}

.carousel-control-next {
  right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%
}

.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none
  }
}

.carousel-indicators .active {
  opacity: 1
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center
}

.carousel-dark .carousel-control-next-icon,
.carousel-dark .carousel-control-prev-icon {
  filter: invert(1) grayscale(100)
}

.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000
}

.carousel-dark .carousel-caption {
  color: #000
}

[data-bs-theme=dark] .carousel .carousel-control-next-icon,
[data-bs-theme=dark] .carousel .carousel-control-prev-icon,
[data-bs-theme=dark].carousel .carousel-control-next-icon,
[data-bs-theme=dark].carousel .carousel-control-prev-icon {
  filter: invert(1) grayscale(100)
}

[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target],
[data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
  background-color: #000
}

[data-bs-theme=dark] .carousel .carousel-caption,
[data-bs-theme=dark].carousel .carousel-caption {
  color: #000
}

.spinner-border,
.spinner-grow {
  display: inline-block;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg)
  }
}

.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent
}

.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em
}

@keyframes spinner-grow {
  0% {
    transform: scale(0)
  }

  50% {
    opacity: 1;
    transform: none
  }
}

.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0
}

.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem
}

@media (prefers-reduced-motion:reduce) {

  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed: 1.5s
  }
}

.offcanvas,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm,
.offcanvas-xl,
.offcanvas-xxl {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: var(--bs-body-color);
  --bs-offcanvas-bg: var(--bs-body-bg);
  --bs-offcanvas-border-width: var(--bs-border-width);
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-offcanvas-transition: transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height: 1.5
}

@media (max-width:575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition)
  }
}

@media (max-width:575.98px) and (prefers-reduced-motion:reduce) {
  .offcanvas-sm {
    transition: none
  }
}

@media (max-width:575.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%)
  }

  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%)
  }

  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%)
  }

  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
  }

  .offcanvas-sm.show:not(.hiding),
  .offcanvas-sm.showing {
    transform: none
  }

  .offcanvas-sm.hiding,
  .offcanvas-sm.show,
  .offcanvas-sm.showing {
    visibility: visible
  }
}

@media (min-width:576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important
  }

  .offcanvas-sm .offcanvas-header {
    display: none
  }

  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important
  }
}

@media (max-width:767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition)
  }
}

@media (max-width:767.98px) and (prefers-reduced-motion:reduce) {
  .offcanvas-md {
    transition: none
  }
}

@media (max-width:767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%)
  }

  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%)
  }

  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%)
  }

  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
  }

  .offcanvas-md.show:not(.hiding),
  .offcanvas-md.showing {
    transform: none
  }

  .offcanvas-md.hiding,
  .offcanvas-md.show,
  .offcanvas-md.showing {
    visibility: visible
  }
}

@media (min-width:768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important
  }

  .offcanvas-md .offcanvas-header {
    display: none
  }

  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important
  }
}

@media (max-width:991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition)
  }
}

@media (max-width:991.98px) and (prefers-reduced-motion:reduce) {
  .offcanvas-lg {
    transition: none
  }
}

@media (max-width:991.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%)
  }

  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%)
  }

  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%)
  }

  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
  }

  .offcanvas-lg.show:not(.hiding),
  .offcanvas-lg.showing {
    transform: none
  }

  .offcanvas-lg.hiding,
  .offcanvas-lg.show,
  .offcanvas-lg.showing {
    visibility: visible
  }
}

@media (min-width:992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important
  }

  .offcanvas-lg .offcanvas-header {
    display: none
  }

  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important
  }
}

@media (max-width:1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition)
  }
}

@media (max-width:1199.98px) and (prefers-reduced-motion:reduce) {
  .offcanvas-xl {
    transition: none
  }
}

@media (max-width:1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%)
  }

  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%)
  }

  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%)
  }

  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
  }

  .offcanvas-xl.show:not(.hiding),
  .offcanvas-xl.showing {
    transform: none
  }

  .offcanvas-xl.hiding,
  .offcanvas-xl.show,
  .offcanvas-xl.showing {
    visibility: visible
  }
}

@media (min-width:1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important
  }

  .offcanvas-xl .offcanvas-header {
    display: none
  }

  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important
  }
}

@media (max-width:1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition)
  }
}

@media (max-width:1399.98px) and (prefers-reduced-motion:reduce) {
  .offcanvas-xxl {
    transition: none
  }
}

@media (max-width:1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%)
  }

  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%)
  }

  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%)
  }

  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
  }

  .offcanvas-xxl.show:not(.hiding),
  .offcanvas-xxl.showing {
    transform: none
  }

  .offcanvas-xxl.hiding,
  .offcanvas-xxl.show,
  .offcanvas-xxl.showing {
    visibility: visible
  }
}

@media (min-width:1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important
  }

  .offcanvas-xxl .offcanvas-header {
    display: none
  }

  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important
  }
}

.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: var(--bs-offcanvas-transition)
}

@media (prefers-reduced-motion:reduce) {
  .offcanvas {
    transition: none
  }
}

.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%)
}

.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(100%)
}

.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(-100%)
}

.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%)
}

.offcanvas.show:not(.hiding),
.offcanvas.showing {
  transform: none
}

.offcanvas.hiding,
.offcanvas.show,
.offcanvas.showing {
  visibility: visible
}

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000
}

.offcanvas-backdrop.fade {
  opacity: 0
}

.offcanvas-backdrop.show {
  opacity: .5
}

.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
}

.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
  margin-top: calc(-.5 * var(--bs-offcanvas-padding-y));
  margin-right: calc(-.5 * var(--bs-offcanvas-padding-x));
  margin-bottom: calc(-.5 * var(--bs-offcanvas-padding-y))
}

.offcanvas-title {
  margin-bottom: 0;
  line-height: var(--bs-offcanvas-title-line-height)
}

.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto
}

.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: .5
}

.placeholder.btn::before {
  display: inline-block;
  content: ""
}

.placeholder-xs {
  min-height: .6em
}

.placeholder-sm {
  min-height: .8em
}

.placeholder-lg {
  min-height: 1.2em
}

.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite
}

@keyframes placeholder-glow {
  50% {
    opacity: .2
  }
}

.placeholder-wave {
  -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  -webkit-mask-size: 200% 100%;
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite
}

@keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0%;
    mask-position: -200% 0%
  }
}

.clearfix::after {
  display: block;
  clear: both;
  content: ""
}

.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-success {
  color: #fff !important;
  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-info {
  color: #000 !important;
  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important
}

.link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-primary:focus,
.link-primary:hover {
  color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important
}

.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-secondary:focus,
.link-secondary:hover {
  color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important
}

.link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-success:focus,
.link-success:hover {
  color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important
}

.link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-info:focus,
.link-info:hover {
  color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important
}

.link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-warning:focus,
.link-warning:hover {
  color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important
}

.link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-danger:focus,
.link-danger:hover {
  color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important
}

.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-light:focus,
.link-light:hover {
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important
}

.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-dark:focus,
.link-dark:hover {
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important
}

.link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-body-emphasis:focus,
.link-body-emphasis:hover {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, .75)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important
}

.focus-ring:focus {
  outline: 0;
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)
}

.icon-link {
  display: inline-flex;
  gap: .375rem;
  align-items: center;
  -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
  text-underline-offset: 0.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.icon-link>.bi {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  transition: .2s ease-in-out transform
}

@media (prefers-reduced-motion:reduce) {
  .icon-link>.bi {
    transition: none
  }
}

.icon-link-hover:focus-visible>.bi,
.icon-link-hover:hover>.bi {
  transform: var(--bs-icon-link-transform, translate3d(.25em, 0, 0))
}

.ratio {
  position: relative;
  width: 100%
}

.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: ""
}

.ratio>* {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%
}

.ratio-4x3 {
  --bs-aspect-ratio: 75%
}

.ratio-16x9 {
  --bs-aspect-ratio: 56.25%
}

.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030
}

.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1020
}

.sticky-bottom {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 1020
}

@media (min-width:576px) {
  .sticky-sm-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
  }

  .sticky-sm-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020
  }
}

@media (min-width:768px) {
  .sticky-md-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
  }

  .sticky-md-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020
  }
}

@media (min-width:992px) {
  .sticky-lg-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
  }

  .sticky-lg-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020
  }
}

@media (min-width:1200px) {
  .sticky-xl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
  }

  .sticky-xl-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020
  }
}

@media (min-width:1400px) {
  .sticky-xxl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
  }

  .sticky-xxl-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020
  }
}

.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important
}

.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),
.visually-hidden:not(caption) {
  position: absolute !important
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: ""
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.vr {
  display: inline-block;
  align-self: stretch;
  width: var(--bs-border-width);
  min-height: 1em;
  background-color: currentcolor;
  opacity: .25
}

.align-baseline {
  vertical-align: baseline !important
}

.align-top {
  vertical-align: top !important
}

.align-middle {
  vertical-align: middle !important
}

.align-bottom {
  vertical-align: bottom !important
}

.align-text-bottom {
  vertical-align: text-bottom !important
}

.align-text-top {
  vertical-align: text-top !important
}

.float-start {
  float: left !important
}

.float-end {
  float: right !important
}

.float-none {
  float: none !important
}

.object-fit-contain {
  -o-object-fit: contain !important;
  object-fit: contain !important
}

.object-fit-cover {
  -o-object-fit: cover !important;
  object-fit: cover !important
}

.object-fit-fill {
  -o-object-fit: fill !important;
  object-fit: fill !important
}

.object-fit-scale {
  -o-object-fit: scale-down !important;
  object-fit: scale-down !important
}

.object-fit-none {
  -o-object-fit: none !important;
  object-fit: none !important
}

.opacity-0 {
  opacity: 0 !important
}

.opacity-25 {
  opacity: .25 !important
}

.opacity-50 {
  opacity: .5 !important
}

.opacity-75 {
  opacity: .75 !important
}

.opacity-100 {
  opacity: 1 !important
}

.overflow-auto {
  overflow: auto !important
}

.overflow-hidden {
  overflow: hidden !important
}

.overflow-visible {
  overflow: visible !important
}

.overflow-scroll {
  overflow: scroll !important
}

.overflow-x-auto {
  overflow-x: auto !important
}

.overflow-x-hidden {
  overflow-x: hidden !important
}

.overflow-x-visible {
  overflow-x: visible !important
}

.overflow-x-scroll {
  overflow-x: scroll !important
}

.overflow-y-auto {
  overflow-y: auto !important
}

.overflow-y-hidden {
  overflow-y: hidden !important
}

.overflow-y-visible {
  overflow-y: visible !important
}

.overflow-y-scroll {
  overflow-y: scroll !important
}

.d-inline {
  display: inline !important
}

.d-inline-block {
  display: inline-block !important
}

.d-block {
  display: block !important
}

.d-grid {
  display: grid !important
}

.d-inline-grid {
  display: inline-grid !important
}

.d-table {
  display: table !important
}

.d-table-row {
  display: table-row !important
}

.d-table-cell {
  display: table-cell !important
}

.d-flex {
  display: flex !important
}

.d-inline-flex {
  display: inline-flex !important
}

.d-none {
  display: none !important
}

.shadow {
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-sm {
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
  box-shadow: none !important
}

.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-success {
  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-danger {
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-light {
  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))
}

.position-static {
  position: static !important
}

.position-relative {
  position: relative !important
}

.position-absolute {
  position: absolute !important
}

.position-fixed {
  position: fixed !important
}

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important
}

.top-0 {
  top: 0 !important
}

.top-50 {
  top: 50% !important
}

.top-100 {
  top: 100% !important
}

.bottom-0 {
  bottom: 0 !important
}

.bottom-50 {
  bottom: 50% !important
}

.bottom-100 {
  bottom: 100% !important
}

.start-0 {
  left: 0 !important
}

.start-50 {
  left: 50% !important
}

.start-100 {
  left: 100% !important
}

.end-0 {
  right: 0 !important
}

.end-50 {
  right: 50% !important
}

.end-100 {
  right: 100% !important
}

.translate-middle {
  transform: translate(-50%, -50%) !important
}

.translate-middle-x {
  transform: translateX(-50%) !important
}

.translate-middle-y {
  transform: translateY(-50%) !important
}

.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-0 {
  border: 0 !important
}

.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-top-0 {
  border-top: 0 !important
}

.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-end-0 {
  border-right: 0 !important
}

.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-bottom-0 {
  border-bottom: 0 !important
}

.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-start-0 {
  border-left: 0 !important
}

.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important
}

.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important
}

.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important
}

.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important
}

.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important
}

.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important
}

.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important
}

.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important
}

.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important
}

.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important
}

.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important
}

.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important
}

.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important
}

.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important
}

.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important
}

.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important
}

.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important
}

.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important
}

.border-1 {
  border-width: 1px !important
}

.border-2 {
  border-width: 2px !important
}

.border-3 {
  border-width: 3px !important
}

.border-4 {
  border-width: 4px !important
}

.border-5 {
  border-width: 5px !important
}

.border-opacity-10 {
  --bs-border-opacity: 0.1
}

.border-opacity-25 {
  --bs-border-opacity: 0.25
}

.border-opacity-50 {
  --bs-border-opacity: 0.5
}

.border-opacity-75 {
  --bs-border-opacity: 0.75
}

.border-opacity-100 {
  --bs-border-opacity: 1
}

.w-25 {
  width: 25% !important
}

.w-50 {
  width: 50% !important
}

.w-75 {
  width: 75% !important
}

.w-100 {
  width: 100% !important
}

.w-auto {
  width: auto !important
}

.mw-100 {
  max-width: 100% !important
}

.vw-100 {
  width: 100vw !important
}

.min-vw-100 {
  min-width: 100vw !important
}

.h-25 {
  height: 25% !important
}

.h-50 {
  height: 50% !important
}

.h-75 {
  height: 75% !important
}

.h-100 {
  height: 100% !important
}

.h-auto {
  height: auto !important
}

.mh-100 {
  max-height: 100% !important
}

.vh-100 {
  height: 100vh !important
}

.min-vh-100 {
  min-height: 100vh !important
}

.flex-fill {
  flex: 1 1 auto !important
}

.flex-row {
  flex-direction: row !important
}

.flex-column {
  flex-direction: column !important
}

.flex-row-reverse {
  flex-direction: row-reverse !important
}

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

.flex-grow-0 {
  flex-grow: 0 !important
}

.flex-grow-1 {
  flex-grow: 1 !important
}

.flex-shrink-0 {
  flex-shrink: 0 !important
}

.flex-shrink-1 {
  flex-shrink: 1 !important
}

.flex-wrap {
  flex-wrap: wrap !important
}

.flex-nowrap {
  flex-wrap: nowrap !important
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important
}

.justify-content-start {
  justify-content: flex-start !important
}

.justify-content-end {
  justify-content: flex-end !important
}

.justify-content-center {
  justify-content: center !important
}

.justify-content-between {
  justify-content: space-between !important
}

.justify-content-around {
  justify-content: space-around !important
}

.justify-content-evenly {
  justify-content: space-evenly !important
}

.align-items-start {
  align-items: flex-start !important
}

.align-items-end {
  align-items: flex-end !important
}

.align-items-center {
  align-items: center !important
}

.align-items-baseline {
  align-items: baseline !important
}

.align-items-stretch {
  align-items: stretch !important
}

.align-content-start {
  align-content: flex-start !important
}

.align-content-end {
  align-content: flex-end !important
}

.align-content-center {
  align-content: center !important
}

.align-content-between {
  align-content: space-between !important
}

.align-content-around {
  align-content: space-around !important
}

.align-content-stretch {
  align-content: stretch !important
}

.align-self-auto {
  align-self: auto !important
}

.align-self-start {
  align-self: flex-start !important
}

.align-self-end {
  align-self: flex-end !important
}

.align-self-center {
  align-self: center !important
}

.align-self-baseline {
  align-self: baseline !important
}

.align-self-stretch {
  align-self: stretch !important
}

.order-first {
  order: -1 !important
}

.order-0 {
  order: 0 !important
}

.order-1 {
  order: 1 !important
}

.order-2 {
  order: 2 !important
}

.order-3 {
  order: 3 !important
}

.order-4 {
  order: 4 !important
}

.order-5 {
  order: 5 !important
}

.order-last {
  order: 6 !important
}

.m-0 {
  margin: 0 !important
}

.m-1 {
  margin: .25rem !important
}

.m-2 {
  margin: .5rem !important
}

.m-3 {
  margin: 1rem !important
}

.m-4 {
  margin: 1.5rem !important
}

.m-5 {
  margin: 3rem !important
}

.m-auto {
  margin: auto !important
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important
}

.mx-1 {
  margin-right: .25rem !important;
  margin-left: .25rem !important
}

.mx-2 {
  margin-right: .5rem !important;
  margin-left: .5rem !important
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important
}

.my-1 {
  margin-top: .25rem !important;
  margin-bottom: .25rem !important
}

.my-2 {
  margin-top: .5rem !important;
  margin-bottom: .5rem !important
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important
}

.mt-0 {
  margin-top: 0 !important
}

.mt-1 {
  margin-top: .25rem !important
}

.mt-2 {
  margin-top: .5rem !important
}

.mt-3 {
  margin-top: 1rem !important
}

.mt-4 {
  margin-top: 1.5rem !important
}

.mt-5 {
  margin-top: 3rem !important
}

.mt-auto {
  margin-top: auto !important
}

.me-0 {
  margin-right: 0 !important
}

.me-1 {
  margin-right: .25rem !important
}

.me-2 {
  margin-right: .5rem !important
}

.me-3 {
  margin-right: 1rem !important
}

.me-4 {
  margin-right: 1.5rem !important
}

.me-5 {
  margin-right: 3rem !important
}

.me-auto {
  margin-right: auto !important
}

.mb-0 {
  margin-bottom: 0 !important
}

.mb-1 {
  margin-bottom: .25rem !important
}

.mb-2 {
  margin-bottom: .5rem !important
}

.mb-3 {
  margin-bottom: 1rem !important
}

.mb-4 {
  margin-bottom: 1.5rem !important
}

.mb-5 {
  margin-bottom: 3rem !important
}

.mb-auto {
  margin-bottom: auto !important
}

.ms-0 {
  margin-left: 0 !important
}

.ms-1 {
  margin-left: .25rem !important
}

.ms-2 {
  margin-left: .5rem !important
}

.ms-3 {
  margin-left: 1rem !important
}

.ms-4 {
  margin-left: 1.5rem !important
}

.ms-5 {
  margin-left: 3rem !important
}

.ms-auto {
  margin-left: auto !important
}

.p-0 {
  padding: 0 !important
}

.p-1 {
  padding: .25rem !important
}

.p-2 {
  padding: .5rem !important
}

.p-3 {
  padding: 1rem !important
}

.p-4 {
  padding: 1.5rem !important
}

.p-5 {
  padding: 3rem !important
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important
}

.px-1 {
  padding-right: .25rem !important;
  padding-left: .25rem !important
}

.px-2 {
  padding-right: .5rem !important;
  padding-left: .5rem !important
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important
}

.py-1 {
  padding-top: .25rem !important;
  padding-bottom: .25rem !important
}

.py-2 {
  padding-top: .5rem !important;
  padding-bottom: .5rem !important
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important
}

.pt-0 {
  padding-top: 0 !important
}

.pt-1 {
  padding-top: .25rem !important
}

.pt-2 {
  padding-top: .5rem !important
}

.pt-3 {
  padding-top: 1rem !important
}

.pt-4 {
  padding-top: 1.5rem !important
}

.pt-5 {
  padding-top: 3rem !important
}

.pe-0 {
  padding-right: 0 !important
}

.pe-1 {
  padding-right: .25rem !important
}

.pe-2 {
  padding-right: .5rem !important
}

.pe-3 {
  padding-right: 1rem !important
}

.pe-4 {
  padding-right: 1.5rem !important
}

.pe-5 {
  padding-right: 3rem !important
}

.pb-0 {
  padding-bottom: 0 !important
}

.pb-1 {
  padding-bottom: .25rem !important
}

.pb-2 {
  padding-bottom: .5rem !important
}

.pb-3 {
  padding-bottom: 1rem !important
}

.pb-4 {
  padding-bottom: 1.5rem !important
}

.pb-5 {
  padding-bottom: 3rem !important
}

.ps-0 {
  padding-left: 0 !important
}

.ps-1 {
  padding-left: .25rem !important
}

.ps-2 {
  padding-left: .5rem !important
}

.ps-3 {
  padding-left: 1rem !important
}

.ps-4 {
  padding-left: 1.5rem !important
}

.ps-5 {
  padding-left: 3rem !important
}

.gap-0 {
  gap: 0 !important
}

.gap-1 {
  gap: .25rem !important
}

.gap-2 {
  gap: .5rem !important
}

.gap-3 {
  gap: 1rem !important
}

.gap-4 {
  gap: 1.5rem !important
}

.gap-5 {
  gap: 3rem !important
}

.row-gap-0 {
  row-gap: 0 !important
}

.row-gap-1 {
  row-gap: .25rem !important
}

.row-gap-2 {
  row-gap: .5rem !important
}

.row-gap-3 {
  row-gap: 1rem !important
}

.row-gap-4 {
  row-gap: 1.5rem !important
}

.row-gap-5 {
  row-gap: 3rem !important
}

.column-gap-0 {
  -moz-column-gap: 0 !important;
  column-gap: 0 !important
}

.column-gap-1 {
  -moz-column-gap: 0.25rem !important;
  column-gap: .25rem !important
}

.column-gap-2 {
  -moz-column-gap: 0.5rem !important;
  column-gap: .5rem !important
}

.column-gap-3 {
  -moz-column-gap: 1rem !important;
  column-gap: 1rem !important
}

.column-gap-4 {
  -moz-column-gap: 1.5rem !important;
  column-gap: 1.5rem !important
}

.column-gap-5 {
  -moz-column-gap: 3rem !important;
  column-gap: 3rem !important
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2 {
  font-size: calc(1.325rem + .9vw) !important
}

.fs-3 {
  font-size: calc(1.3rem + .6vw) !important
}

.fs-4 {
  font-size: calc(1.275rem + .3vw) !important
}

.fs-5 {
  font-size: 1.25rem !important
}

.fs-6 {
  font-size: 1rem !important
}

.fst-italic {
  font-style: italic !important
}

.fst-normal {
  font-style: normal !important
}

.fw-lighter {
  font-weight: lighter !important
}

.fw-light {
  font-weight: 300 !important
}

.fw-normal {
  font-weight: 400 !important
}

.fw-medium {
  font-weight: 500 !important
}

.fw-semibold {
  font-weight: 600 !important
}

.fw-bold {
  font-weight: 700 !important
}

.fw-bolder {
  font-weight: bolder !important
}

.lh-1 {
  line-height: 1 !important
}

.lh-sm {
  line-height: 1.25 !important
}

.lh-base {
  line-height: 1.5 !important
}

.lh-lg {
  line-height: 2 !important
}

.text-start {
  text-align: left !important
}

.text-end {
  text-align: right !important
}

.text-center {
  text-align: center !important
}

.text-decoration-none {
  text-decoration: none !important
}

.text-decoration-underline {
  text-decoration: underline !important
}

.text-decoration-line-through {
  text-decoration: line-through !important
}

.text-lowercase {
  text-transform: lowercase !important
}

.text-uppercase {
  text-transform: uppercase !important
}

.text-capitalize {
  text-transform: capitalize !important
}

.text-wrap {
  white-space: normal !important
}

.text-nowrap {
  white-space: nowrap !important
}

.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important
}

.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
}

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important
}

.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important
}

.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, .5) !important
}

.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important
}

.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important
}

.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important
}

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important
}

.text-opacity-25 {
  --bs-text-opacity: 0.25
}

.text-opacity-50 {
  --bs-text-opacity: 0.5
}

.text-opacity-75 {
  --bs-text-opacity: 0.75
}

.text-opacity-100 {
  --bs-text-opacity: 1
}

.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important
}

.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important
}

.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important
}

.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important
}

.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important
}

.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important
}

.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important
}

.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important
}

.link-opacity-10 {
  --bs-link-opacity: 0.1
}

.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1
}

.link-opacity-25 {
  --bs-link-opacity: 0.25
}

.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25
}

.link-opacity-50 {
  --bs-link-opacity: 0.5
}

.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5
}

.link-opacity-75 {
  --bs-link-opacity: 0.75
}

.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75
}

.link-opacity-100 {
  --bs-link-opacity: 1
}

.link-opacity-100-hover:hover {
  --bs-link-opacity: 1
}

.link-offset-1 {
  text-underline-offset: 0.125em !important
}

.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important
}

.link-offset-2 {
  text-underline-offset: 0.25em !important
}

.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important
}

.link-offset-3 {
  text-underline-offset: 0.375em !important
}

.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important
}

.link-underline-primary {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-success {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-info {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-warning {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-danger {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-light {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-dark {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-underline-opacity-0 {
  --bs-link-underline-opacity: 0
}

.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0
}

.link-underline-opacity-10 {
  --bs-link-underline-opacity: 0.1
}

.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1
}

.link-underline-opacity-25 {
  --bs-link-underline-opacity: 0.25
}

.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25
}

.link-underline-opacity-50 {
  --bs-link-underline-opacity: 0.5
}

.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5
}

.link-underline-opacity-75 {
  --bs-link-underline-opacity: 0.75
}

.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75
}

.link-underline-opacity-100 {
  --bs-link-underline-opacity: 1
}

.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important
}

.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-opacity-10 {
  --bs-bg-opacity: 0.1
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75
}

.bg-opacity-100 {
  --bs-bg-opacity: 1
}

.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important
}

.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important
}

.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important
}

.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important
}

.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important
}

.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important
}

.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important
}

.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important
}

.bg-gradient {
  background-image: var(--bs-gradient) !important
}

.user-select-all {
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  user-select: all !important
}

.user-select-auto {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  user-select: auto !important
}

.user-select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important
}

.pe-none {
  pointer-events: none !important
}

.pe-auto {
  pointer-events: auto !important
}

.rounded {
  border-radius: var(--bs-border-radius) !important
}

.rounded-0 {
  border-radius: 0 !important
}

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important
}

.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important
}

.rounded-circle {
  border-radius: 50% !important
}

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important
}

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important
}

.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important
}

.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important
}

.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important
}

.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important
}

.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important
}

.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important
}

.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important
}

.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important
}

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important
}

.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important
}

.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important
}

.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important
}

.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important
}

.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important
}

.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important
}

.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important
}

.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important
}

.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important
}

.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important
}

.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important
}

.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important
}

.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important
}

.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important
}

.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important
}

.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important
}

.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important
}

.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important
}

.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important
}

.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important
}

.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important
}

.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important
}

.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important
}

.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important
}

.visible {
  visibility: visible !important
}

.invisible {
  visibility: hidden !important
}

.z-n1 {
  z-index: -1 !important
}

.z-0 {
  z-index: 0 !important
}

.z-1 {
  z-index: 1 !important
}

.z-2 {
  z-index: 2 !important
}

.z-3 {
  z-index: 3 !important
}

@media (min-width:576px) {
  .float-sm-start {
    float: left !important
  }

  .float-sm-end {
    float: right !important
  }

  .float-sm-none {
    float: none !important
  }

  .object-fit-sm-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important
  }

  .object-fit-sm-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important
  }

  .object-fit-sm-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important
  }

  .object-fit-sm-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important
  }

  .object-fit-sm-none {
    -o-object-fit: none !important;
    object-fit: none !important
  }

  .d-sm-inline {
    display: inline !important
  }

  .d-sm-inline-block {
    display: inline-block !important
  }

  .d-sm-block {
    display: block !important
  }

  .d-sm-grid {
    display: grid !important
  }

  .d-sm-inline-grid {
    display: inline-grid !important
  }

  .d-sm-table {
    display: table !important
  }

  .d-sm-table-row {
    display: table-row !important
  }

  .d-sm-table-cell {
    display: table-cell !important
  }

  .d-sm-flex {
    display: flex !important
  }

  .d-sm-inline-flex {
    display: inline-flex !important
  }

  .d-sm-none {
    display: none !important
  }

  .flex-sm-fill {
    flex: 1 1 auto !important
  }

  .flex-sm-row {
    flex-direction: row !important
  }

  .flex-sm-column {
    flex-direction: column !important
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .justify-content-sm-start {
    justify-content: flex-start !important
  }

  .justify-content-sm-end {
    justify-content: flex-end !important
  }

  .justify-content-sm-center {
    justify-content: center !important
  }

  .justify-content-sm-between {
    justify-content: space-between !important
  }

  .justify-content-sm-around {
    justify-content: space-around !important
  }

  .justify-content-sm-evenly {
    justify-content: space-evenly !important
  }

  .align-items-sm-start {
    align-items: flex-start !important
  }

  .align-items-sm-end {
    align-items: flex-end !important
  }

  .align-items-sm-center {
    align-items: center !important
  }

  .align-items-sm-baseline {
    align-items: baseline !important
  }

  .align-items-sm-stretch {
    align-items: stretch !important
  }

  .align-content-sm-start {
    align-content: flex-start !important
  }

  .align-content-sm-end {
    align-content: flex-end !important
  }

  .align-content-sm-center {
    align-content: center !important
  }

  .align-content-sm-between {
    align-content: space-between !important
  }

  .align-content-sm-around {
    align-content: space-around !important
  }

  .align-content-sm-stretch {
    align-content: stretch !important
  }

  .align-self-sm-auto {
    align-self: auto !important
  }

  .align-self-sm-start {
    align-self: flex-start !important
  }

  .align-self-sm-end {
    align-self: flex-end !important
  }

  .align-self-sm-center {
    align-self: center !important
  }

  .align-self-sm-baseline {
    align-self: baseline !important
  }

  .align-self-sm-stretch {
    align-self: stretch !important
  }

  .order-sm-first {
    order: -1 !important
  }

  .order-sm-0 {
    order: 0 !important
  }

  .order-sm-1 {
    order: 1 !important
  }

  .order-sm-2 {
    order: 2 !important
  }

  .order-sm-3 {
    order: 3 !important
  }

  .order-sm-4 {
    order: 4 !important
  }

  .order-sm-5 {
    order: 5 !important
  }

  .order-sm-last {
    order: 6 !important
  }

  .m-sm-0 {
    margin: 0 !important
  }

  .m-sm-1 {
    margin: .25rem !important
  }

  .m-sm-2 {
    margin: .5rem !important
  }

  .m-sm-3 {
    margin: 1rem !important
  }

  .m-sm-4 {
    margin: 1.5rem !important
  }

  .m-sm-5 {
    margin: 3rem !important
  }

  .m-sm-auto {
    margin: auto !important
  }

  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .mx-sm-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
  }

  .mx-sm-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
  }

  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
  }

  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
  }

  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
  }

  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important
  }

  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-sm-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }

  .my-sm-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }

  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }

  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-sm-0 {
    margin-top: 0 !important
  }

  .mt-sm-1 {
    margin-top: .25rem !important
  }

  .mt-sm-2 {
    margin-top: .5rem !important
  }

  .mt-sm-3 {
    margin-top: 1rem !important
  }

  .mt-sm-4 {
    margin-top: 1.5rem !important
  }

  .mt-sm-5 {
    margin-top: 3rem !important
  }

  .mt-sm-auto {
    margin-top: auto !important
  }

  .me-sm-0 {
    margin-right: 0 !important
  }

  .me-sm-1 {
    margin-right: .25rem !important
  }

  .me-sm-2 {
    margin-right: .5rem !important
  }

  .me-sm-3 {
    margin-right: 1rem !important
  }

  .me-sm-4 {
    margin-right: 1.5rem !important
  }

  .me-sm-5 {
    margin-right: 3rem !important
  }

  .me-sm-auto {
    margin-right: auto !important
  }

  .mb-sm-0 {
    margin-bottom: 0 !important
  }

  .mb-sm-1 {
    margin-bottom: .25rem !important
  }

  .mb-sm-2 {
    margin-bottom: .5rem !important
  }

  .mb-sm-3 {
    margin-bottom: 1rem !important
  }

  .mb-sm-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-sm-5 {
    margin-bottom: 3rem !important
  }

  .mb-sm-auto {
    margin-bottom: auto !important
  }

  .ms-sm-0 {
    margin-left: 0 !important
  }

  .ms-sm-1 {
    margin-left: .25rem !important
  }

  .ms-sm-2 {
    margin-left: .5rem !important
  }

  .ms-sm-3 {
    margin-left: 1rem !important
  }

  .ms-sm-4 {
    margin-left: 1.5rem !important
  }

  .ms-sm-5 {
    margin-left: 3rem !important
  }

  .ms-sm-auto {
    margin-left: auto !important
  }

  .p-sm-0 {
    padding: 0 !important
  }

  .p-sm-1 {
    padding: .25rem !important
  }

  .p-sm-2 {
    padding: .5rem !important
  }

  .p-sm-3 {
    padding: 1rem !important
  }

  .p-sm-4 {
    padding: 1.5rem !important
  }

  .p-sm-5 {
    padding: 3rem !important
  }

  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .px-sm-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
  }

  .px-sm-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }

  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }

  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }

  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-sm-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }

  .py-sm-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }

  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }

  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }

  .pt-sm-0 {
    padding-top: 0 !important
  }

  .pt-sm-1 {
    padding-top: .25rem !important
  }

  .pt-sm-2 {
    padding-top: .5rem !important
  }

  .pt-sm-3 {
    padding-top: 1rem !important
  }

  .pt-sm-4 {
    padding-top: 1.5rem !important
  }

  .pt-sm-5 {
    padding-top: 3rem !important
  }

  .pe-sm-0 {
    padding-right: 0 !important
  }

  .pe-sm-1 {
    padding-right: .25rem !important
  }

  .pe-sm-2 {
    padding-right: .5rem !important
  }

  .pe-sm-3 {
    padding-right: 1rem !important
  }

  .pe-sm-4 {
    padding-right: 1.5rem !important
  }

  .pe-sm-5 {
    padding-right: 3rem !important
  }

  .pb-sm-0 {
    padding-bottom: 0 !important
  }

  .pb-sm-1 {
    padding-bottom: .25rem !important
  }

  .pb-sm-2 {
    padding-bottom: .5rem !important
  }

  .pb-sm-3 {
    padding-bottom: 1rem !important
  }

  .pb-sm-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-sm-5 {
    padding-bottom: 3rem !important
  }

  .ps-sm-0 {
    padding-left: 0 !important
  }

  .ps-sm-1 {
    padding-left: .25rem !important
  }

  .ps-sm-2 {
    padding-left: .5rem !important
  }

  .ps-sm-3 {
    padding-left: 1rem !important
  }

  .ps-sm-4 {
    padding-left: 1.5rem !important
  }

  .ps-sm-5 {
    padding-left: 3rem !important
  }

  .gap-sm-0 {
    gap: 0 !important
  }

  .gap-sm-1 {
    gap: .25rem !important
  }

  .gap-sm-2 {
    gap: .5rem !important
  }

  .gap-sm-3 {
    gap: 1rem !important
  }

  .gap-sm-4 {
    gap: 1.5rem !important
  }

  .gap-sm-5 {
    gap: 3rem !important
  }

  .row-gap-sm-0 {
    row-gap: 0 !important
  }

  .row-gap-sm-1 {
    row-gap: .25rem !important
  }

  .row-gap-sm-2 {
    row-gap: .5rem !important
  }

  .row-gap-sm-3 {
    row-gap: 1rem !important
  }

  .row-gap-sm-4 {
    row-gap: 1.5rem !important
  }

  .row-gap-sm-5 {
    row-gap: 3rem !important
  }

  .column-gap-sm-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important
  }

  .column-gap-sm-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: .25rem !important
  }

  .column-gap-sm-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: .5rem !important
  }

  .column-gap-sm-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important
  }

  .column-gap-sm-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important
  }

  .column-gap-sm-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important
  }

  .text-sm-start {
    text-align: left !important
  }

  .text-sm-end {
    text-align: right !important
  }

  .text-sm-center {
    text-align: center !important
  }
}

@media (min-width:768px) {
  .float-md-start {
    float: left !important
  }

  .float-md-end {
    float: right !important
  }

  .float-md-none {
    float: none !important
  }

  .object-fit-md-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important
  }

  .object-fit-md-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important
  }

  .object-fit-md-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important
  }

  .object-fit-md-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important
  }

  .object-fit-md-none {
    -o-object-fit: none !important;
    object-fit: none !important
  }

  .d-md-inline {
    display: inline !important
  }

  .d-md-inline-block {
    display: inline-block !important
  }

  .d-md-block {
    display: block !important
  }

  .d-md-grid {
    display: grid !important
  }

  .d-md-inline-grid {
    display: inline-grid !important
  }

  .d-md-table {
    display: table !important
  }

  .d-md-table-row {
    display: table-row !important
  }

  .d-md-table-cell {
    display: table-cell !important
  }

  .d-md-flex {
    display: flex !important
  }

  .d-md-inline-flex {
    display: inline-flex !important
  }

  .d-md-none {
    display: none !important
  }

  .flex-md-fill {
    flex: 1 1 auto !important
  }

  .flex-md-row {
    flex-direction: row !important
  }

  .flex-md-column {
    flex-direction: column !important
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-md-wrap {
    flex-wrap: wrap !important
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .justify-content-md-start {
    justify-content: flex-start !important
  }

  .justify-content-md-end {
    justify-content: flex-end !important
  }

  .justify-content-md-center {
    justify-content: center !important
  }

  .justify-content-md-between {
    justify-content: space-between !important
  }

  .justify-content-md-around {
    justify-content: space-around !important
  }

  .justify-content-md-evenly {
    justify-content: space-evenly !important
  }

  .align-items-md-start {
    align-items: flex-start !important
  }

  .align-items-md-end {
    align-items: flex-end !important
  }

  .align-items-md-center {
    align-items: center !important
  }

  .align-items-md-baseline {
    align-items: baseline !important
  }

  .align-items-md-stretch {
    align-items: stretch !important
  }

  .align-content-md-start {
    align-content: flex-start !important
  }

  .align-content-md-end {
    align-content: flex-end !important
  }

  .align-content-md-center {
    align-content: center !important
  }

  .align-content-md-between {
    align-content: space-between !important
  }

  .align-content-md-around {
    align-content: space-around !important
  }

  .align-content-md-stretch {
    align-content: stretch !important
  }

  .align-self-md-auto {
    align-self: auto !important
  }

  .align-self-md-start {
    align-self: flex-start !important
  }

  .align-self-md-end {
    align-self: flex-end !important
  }

  .align-self-md-center {
    align-self: center !important
  }

  .align-self-md-baseline {
    align-self: baseline !important
  }

  .align-self-md-stretch {
    align-self: stretch !important
  }

  .order-md-first {
    order: -1 !important
  }

  .order-md-0 {
    order: 0 !important
  }

  .order-md-1 {
    order: 1 !important
  }

  .order-md-2 {
    order: 2 !important
  }

  .order-md-3 {
    order: 3 !important
  }

  .order-md-4 {
    order: 4 !important
  }

  .order-md-5 {
    order: 5 !important
  }

  .order-md-last {
    order: 6 !important
  }

  .m-md-0 {
    margin: 0 !important
  }

  .m-md-1 {
    margin: .25rem !important
  }

  .m-md-2 {
    margin: .5rem !important
  }

  .m-md-3 {
    margin: 1rem !important
  }

  .m-md-4 {
    margin: 1.5rem !important
  }

  .m-md-5 {
    margin: 3rem !important
  }

  .m-md-auto {
    margin: auto !important
  }

  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .mx-md-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
  }

  .mx-md-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
  }

  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
  }

  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
  }

  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
  }

  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important
  }

  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-md-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }

  .my-md-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }

  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }

  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-md-0 {
    margin-top: 0 !important
  }

  .mt-md-1 {
    margin-top: .25rem !important
  }

  .mt-md-2 {
    margin-top: .5rem !important
  }

  .mt-md-3 {
    margin-top: 1rem !important
  }

  .mt-md-4 {
    margin-top: 1.5rem !important
  }

  .mt-md-5 {
    margin-top: 3rem !important
  }

  .mt-md-auto {
    margin-top: auto !important
  }

  .me-md-0 {
    margin-right: 0 !important
  }

  .me-md-1 {
    margin-right: .25rem !important
  }

  .me-md-2 {
    margin-right: .5rem !important
  }

  .me-md-3 {
    margin-right: 1rem !important
  }

  .me-md-4 {
    margin-right: 1.5rem !important
  }

  .me-md-5 {
    margin-right: 3rem !important
  }

  .me-md-auto {
    margin-right: auto !important
  }

  .mb-md-0 {
    margin-bottom: 0 !important
  }

  .mb-md-1 {
    margin-bottom: .25rem !important
  }

  .mb-md-2 {
    margin-bottom: .5rem !important
  }

  .mb-md-3 {
    margin-bottom: 1rem !important
  }

  .mb-md-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-md-5 {
    margin-bottom: 3rem !important
  }

  .mb-md-auto {
    margin-bottom: auto !important
  }

  .ms-md-0 {
    margin-left: 0 !important
  }

  .ms-md-1 {
    margin-left: .25rem !important
  }

  .ms-md-2 {
    margin-left: .5rem !important
  }

  .ms-md-3 {
    margin-left: 1rem !important
  }

  .ms-md-4 {
    margin-left: 1.5rem !important
  }

  .ms-md-5 {
    margin-left: 3rem !important
  }

  .ms-md-auto {
    margin-left: auto !important
  }

  .p-md-0 {
    padding: 0 !important
  }

  .p-md-1 {
    padding: .25rem !important
  }

  .p-md-2 {
    padding: .5rem !important
  }

  .p-md-3 {
    padding: 1rem !important
  }

  .p-md-4 {
    padding: 1.5rem !important
  }

  .p-md-5 {
    padding: 3rem !important
  }

  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .px-md-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
  }

  .px-md-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }

  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }

  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }

  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-md-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }

  .py-md-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }

  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }

  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }

  .pt-md-0 {
    padding-top: 0 !important
  }

  .pt-md-1 {
    padding-top: .25rem !important
  }

  .pt-md-2 {
    padding-top: .5rem !important
  }

  .pt-md-3 {
    padding-top: 1rem !important
  }

  .pt-md-4 {
    padding-top: 1.5rem !important
  }

  .pt-md-5 {
    padding-top: 3rem !important
  }

  .pe-md-0 {
    padding-right: 0 !important
  }

  .pe-md-1 {
    padding-right: .25rem !important
  }

  .pe-md-2 {
    padding-right: .5rem !important
  }

  .pe-md-3 {
    padding-right: 1rem !important
  }

  .pe-md-4 {
    padding-right: 1.5rem !important
  }

  .pe-md-5 {
    padding-right: 3rem !important
  }

  .pb-md-0 {
    padding-bottom: 0 !important
  }

  .pb-md-1 {
    padding-bottom: .25rem !important
  }

  .pb-md-2 {
    padding-bottom: .5rem !important
  }

  .pb-md-3 {
    padding-bottom: 1rem !important
  }

  .pb-md-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-md-5 {
    padding-bottom: 3rem !important
  }

  .ps-md-0 {
    padding-left: 0 !important
  }

  .ps-md-1 {
    padding-left: .25rem !important
  }

  .ps-md-2 {
    padding-left: .5rem !important
  }

  .ps-md-3 {
    padding-left: 1rem !important
  }

  .ps-md-4 {
    padding-left: 1.5rem !important
  }

  .ps-md-5 {
    padding-left: 3rem !important
  }

  .gap-md-0 {
    gap: 0 !important
  }

  .gap-md-1 {
    gap: .25rem !important
  }

  .gap-md-2 {
    gap: .5rem !important
  }

  .gap-md-3 {
    gap: 1rem !important
  }

  .gap-md-4 {
    gap: 1.5rem !important
  }

  .gap-md-5 {
    gap: 3rem !important
  }

  .row-gap-md-0 {
    row-gap: 0 !important
  }

  .row-gap-md-1 {
    row-gap: .25rem !important
  }

  .row-gap-md-2 {
    row-gap: .5rem !important
  }

  .row-gap-md-3 {
    row-gap: 1rem !important
  }

  .row-gap-md-4 {
    row-gap: 1.5rem !important
  }

  .row-gap-md-5 {
    row-gap: 3rem !important
  }

  .column-gap-md-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important
  }

  .column-gap-md-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: .25rem !important
  }

  .column-gap-md-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: .5rem !important
  }

  .column-gap-md-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important
  }

  .column-gap-md-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important
  }

  .column-gap-md-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important
  }

  .text-md-start {
    text-align: left !important
  }

  .text-md-end {
    text-align: right !important
  }

  .text-md-center {
    text-align: center !important
  }
}

@media (min-width:992px) {
  .float-lg-start {
    float: left !important
  }

  .float-lg-end {
    float: right !important
  }

  .float-lg-none {
    float: none !important
  }

  .object-fit-lg-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important
  }

  .object-fit-lg-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important
  }

  .object-fit-lg-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important
  }

  .object-fit-lg-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important
  }

  .object-fit-lg-none {
    -o-object-fit: none !important;
    object-fit: none !important
  }

  .d-lg-inline {
    display: inline !important
  }

  .d-lg-inline-block {
    display: inline-block !important
  }

  .d-lg-block {
    display: block !important
  }

  .d-lg-grid {
    display: grid !important
  }

  .d-lg-inline-grid {
    display: inline-grid !important
  }

  .d-lg-table {
    display: table !important
  }

  .d-lg-table-row {
    display: table-row !important
  }

  .d-lg-table-cell {
    display: table-cell !important
  }

  .d-lg-flex {
    display: flex !important
  }

  .d-lg-inline-flex {
    display: inline-flex !important
  }

  .d-lg-none {
    display: none !important
  }

  .flex-lg-fill {
    flex: 1 1 auto !important
  }

  .flex-lg-row {
    flex-direction: row !important
  }

  .flex-lg-column {
    flex-direction: column !important
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .justify-content-lg-start {
    justify-content: flex-start !important
  }

  .justify-content-lg-end {
    justify-content: flex-end !important
  }

  .justify-content-lg-center {
    justify-content: center !important
  }

  .justify-content-lg-between {
    justify-content: space-between !important
  }

  .justify-content-lg-around {
    justify-content: space-around !important
  }

  .justify-content-lg-evenly {
    justify-content: space-evenly !important
  }

  .align-items-lg-start {
    align-items: flex-start !important
  }

  .align-items-lg-end {
    align-items: flex-end !important
  }

  .align-items-lg-center {
    align-items: center !important
  }

  .align-items-lg-baseline {
    align-items: baseline !important
  }

  .align-items-lg-stretch {
    align-items: stretch !important
  }

  .align-content-lg-start {
    align-content: flex-start !important
  }

  .align-content-lg-end {
    align-content: flex-end !important
  }

  .align-content-lg-center {
    align-content: center !important
  }

  .align-content-lg-between {
    align-content: space-between !important
  }

  .align-content-lg-around {
    align-content: space-around !important
  }

  .align-content-lg-stretch {
    align-content: stretch !important
  }

  .align-self-lg-auto {
    align-self: auto !important
  }

  .align-self-lg-start {
    align-self: flex-start !important
  }

  .align-self-lg-end {
    align-self: flex-end !important
  }

  .align-self-lg-center {
    align-self: center !important
  }

  .align-self-lg-baseline {
    align-self: baseline !important
  }

  .align-self-lg-stretch {
    align-self: stretch !important
  }

  .order-lg-first {
    order: -1 !important
  }

  .order-lg-0 {
    order: 0 !important
  }

  .order-lg-1 {
    order: 1 !important
  }

  .order-lg-2 {
    order: 2 !important
  }

  .order-lg-3 {
    order: 3 !important
  }

  .order-lg-4 {
    order: 4 !important
  }

  .order-lg-5 {
    order: 5 !important
  }

  .order-lg-last {
    order: 6 !important
  }

  .m-lg-0 {
    margin: 0 !important
  }

  .m-lg-1 {
    margin: .25rem !important
  }

  .m-lg-2 {
    margin: .5rem !important
  }

  .m-lg-3 {
    margin: 1rem !important
  }

  .m-lg-4 {
    margin: 1.5rem !important
  }

  .m-lg-5 {
    margin: 3rem !important
  }

  .m-lg-auto {
    margin: auto !important
  }

  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .mx-lg-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
  }

  .mx-lg-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
  }

  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
  }

  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
  }

  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
  }

  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important
  }

  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-lg-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }

  .my-lg-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }

  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }

  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-lg-0 {
    margin-top: 0 !important
  }

  .mt-lg-1 {
    margin-top: .25rem !important
  }

  .mt-lg-2 {
    margin-top: .5rem !important
  }

  .mt-lg-3 {
    margin-top: 1rem !important
  }

  .mt-lg-4 {
    margin-top: 1.5rem !important
  }

  .mt-lg-5 {
    margin-top: 3rem !important
  }

  .mt-lg-auto {
    margin-top: auto !important
  }

  .me-lg-0 {
    margin-right: 0 !important
  }

  .me-lg-1 {
    margin-right: .25rem !important
  }

  .me-lg-2 {
    margin-right: .5rem !important
  }

  .me-lg-3 {
    margin-right: 1rem !important
  }

  .me-lg-4 {
    margin-right: 1.5rem !important
  }

  .me-lg-5 {
    margin-right: 3rem !important
  }

  .me-lg-auto {
    margin-right: auto !important
  }

  .mb-lg-0 {
    margin-bottom: 0 !important
  }

  .mb-lg-1 {
    margin-bottom: .25rem !important
  }

  .mb-lg-2 {
    margin-bottom: .5rem !important
  }

  .mb-lg-3 {
    margin-bottom: 1rem !important
  }

  .mb-lg-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-lg-5 {
    margin-bottom: 3rem !important
  }

  .mb-lg-auto {
    margin-bottom: auto !important
  }

  .ms-lg-0 {
    margin-left: 0 !important
  }

  .ms-lg-1 {
    margin-left: .25rem !important
  }

  .ms-lg-2 {
    margin-left: .5rem !important
  }

  .ms-lg-3 {
    margin-left: 1rem !important
  }

  .ms-lg-4 {
    margin-left: 1.5rem !important
  }

  .ms-lg-5 {
    margin-left: 3rem !important
  }

  .ms-lg-auto {
    margin-left: auto !important
  }

  .p-lg-0 {
    padding: 0 !important
  }

  .p-lg-1 {
    padding: .25rem !important
  }

  .p-lg-2 {
    padding: .5rem !important
  }

  .p-lg-3 {
    padding: 1rem !important
  }

  .p-lg-4 {
    padding: 1.5rem !important
  }

  .p-lg-5 {
    padding: 3rem !important
  }

  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .px-lg-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
  }

  .px-lg-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }

  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }

  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }

  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-lg-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }

  .py-lg-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }

  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }

  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }

  .pt-lg-0 {
    padding-top: 0 !important
  }

  .pt-lg-1 {
    padding-top: .25rem !important
  }

  .pt-lg-2 {
    padding-top: .5rem !important
  }

  .pt-lg-3 {
    padding-top: 1rem !important
  }

  .pt-lg-4 {
    padding-top: 1.5rem !important
  }

  .pt-lg-5 {
    padding-top: 3rem !important
  }

  .pe-lg-0 {
    padding-right: 0 !important
  }

  .pe-lg-1 {
    padding-right: .25rem !important
  }

  .pe-lg-2 {
    padding-right: .5rem !important
  }

  .pe-lg-3 {
    padding-right: 1rem !important
  }

  .pe-lg-4 {
    padding-right: 1.5rem !important
  }

  .pe-lg-5 {
    padding-right: 3rem !important
  }

  .pb-lg-0 {
    padding-bottom: 0 !important
  }

  .pb-lg-1 {
    padding-bottom: .25rem !important
  }

  .pb-lg-2 {
    padding-bottom: .5rem !important
  }

  .pb-lg-3 {
    padding-bottom: 1rem !important
  }

  .pb-lg-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-lg-5 {
    padding-bottom: 3rem !important
  }

  .ps-lg-0 {
    padding-left: 0 !important
  }

  .ps-lg-1 {
    padding-left: .25rem !important
  }

  .ps-lg-2 {
    padding-left: .5rem !important
  }

  .ps-lg-3 {
    padding-left: 1rem !important
  }

  .ps-lg-4 {
    padding-left: 1.5rem !important
  }

  .ps-lg-5 {
    padding-left: 3rem !important
  }

  .gap-lg-0 {
    gap: 0 !important
  }

  .gap-lg-1 {
    gap: .25rem !important
  }

  .gap-lg-2 {
    gap: .5rem !important
  }

  .gap-lg-3 {
    gap: 1rem !important
  }

  .gap-lg-4 {
    gap: 1.5rem !important
  }

  .gap-lg-5 {
    gap: 3rem !important
  }

  .row-gap-lg-0 {
    row-gap: 0 !important
  }

  .row-gap-lg-1 {
    row-gap: .25rem !important
  }

  .row-gap-lg-2 {
    row-gap: .5rem !important
  }

  .row-gap-lg-3 {
    row-gap: 1rem !important
  }

  .row-gap-lg-4 {
    row-gap: 1.5rem !important
  }

  .row-gap-lg-5 {
    row-gap: 3rem !important
  }

  .column-gap-lg-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important
  }

  .column-gap-lg-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: .25rem !important
  }

  .column-gap-lg-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: .5rem !important
  }

  .column-gap-lg-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important
  }

  .column-gap-lg-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important
  }

  .column-gap-lg-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important
  }

  .text-lg-start {
    text-align: left !important
  }

  .text-lg-end {
    text-align: right !important
  }

  .text-lg-center {
    text-align: center !important
  }
}

@media (min-width:1200px) {
  .float-xl-start {
    float: left !important
  }

  .float-xl-end {
    float: right !important
  }

  .float-xl-none {
    float: none !important
  }

  .object-fit-xl-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important
  }

  .object-fit-xl-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important
  }

  .object-fit-xl-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important
  }

  .object-fit-xl-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important
  }

  .object-fit-xl-none {
    -o-object-fit: none !important;
    object-fit: none !important
  }

  .d-xl-inline {
    display: inline !important
  }

  .d-xl-inline-block {
    display: inline-block !important
  }

  .d-xl-block {
    display: block !important
  }

  .d-xl-grid {
    display: grid !important
  }

  .d-xl-inline-grid {
    display: inline-grid !important
  }

  .d-xl-table {
    display: table !important
  }

  .d-xl-table-row {
    display: table-row !important
  }

  .d-xl-table-cell {
    display: table-cell !important
  }

  .d-xl-flex {
    display: flex !important
  }

  .d-xl-inline-flex {
    display: inline-flex !important
  }

  .d-xl-none {
    display: none !important
  }

  .flex-xl-fill {
    flex: 1 1 auto !important
  }

  .flex-xl-row {
    flex-direction: row !important
  }

  .flex-xl-column {
    flex-direction: column !important
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .justify-content-xl-start {
    justify-content: flex-start !important
  }

  .justify-content-xl-end {
    justify-content: flex-end !important
  }

  .justify-content-xl-center {
    justify-content: center !important
  }

  .justify-content-xl-between {
    justify-content: space-between !important
  }

  .justify-content-xl-around {
    justify-content: space-around !important
  }

  .justify-content-xl-evenly {
    justify-content: space-evenly !important
  }

  .align-items-xl-start {
    align-items: flex-start !important
  }

  .align-items-xl-end {
    align-items: flex-end !important
  }

  .align-items-xl-center {
    align-items: center !important
  }

  .align-items-xl-baseline {
    align-items: baseline !important
  }

  .align-items-xl-stretch {
    align-items: stretch !important
  }

  .align-content-xl-start {
    align-content: flex-start !important
  }

  .align-content-xl-end {
    align-content: flex-end !important
  }

  .align-content-xl-center {
    align-content: center !important
  }

  .align-content-xl-between {
    align-content: space-between !important
  }

  .align-content-xl-around {
    align-content: space-around !important
  }

  .align-content-xl-stretch {
    align-content: stretch !important
  }

  .align-self-xl-auto {
    align-self: auto !important
  }

  .align-self-xl-start {
    align-self: flex-start !important
  }

  .align-self-xl-end {
    align-self: flex-end !important
  }

  .align-self-xl-center {
    align-self: center !important
  }

  .align-self-xl-baseline {
    align-self: baseline !important
  }

  .align-self-xl-stretch {
    align-self: stretch !important
  }

  .order-xl-first {
    order: -1 !important
  }

  .order-xl-0 {
    order: 0 !important
  }

  .order-xl-1 {
    order: 1 !important
  }

  .order-xl-2 {
    order: 2 !important
  }

  .order-xl-3 {
    order: 3 !important
  }

  .order-xl-4 {
    order: 4 !important
  }

  .order-xl-5 {
    order: 5 !important
  }

  .order-xl-last {
    order: 6 !important
  }

  .m-xl-0 {
    margin: 0 !important
  }

  .m-xl-1 {
    margin: .25rem !important
  }

  .m-xl-2 {
    margin: .5rem !important
  }

  .m-xl-3 {
    margin: 1rem !important
  }

  .m-xl-4 {
    margin: 1.5rem !important
  }

  .m-xl-5 {
    margin: 3rem !important
  }

  .m-xl-auto {
    margin: auto !important
  }

  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .mx-xl-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
  }

  .mx-xl-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
  }

  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
  }

  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
  }

  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
  }

  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important
  }

  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-xl-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }

  .my-xl-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }

  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }

  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-xl-0 {
    margin-top: 0 !important
  }

  .mt-xl-1 {
    margin-top: .25rem !important
  }

  .mt-xl-2 {
    margin-top: .5rem !important
  }

  .mt-xl-3 {
    margin-top: 1rem !important
  }

  .mt-xl-4 {
    margin-top: 1.5rem !important
  }

  .mt-xl-5 {
    margin-top: 3rem !important
  }

  .mt-xl-auto {
    margin-top: auto !important
  }

  .me-xl-0 {
    margin-right: 0 !important
  }

  .me-xl-1 {
    margin-right: .25rem !important
  }

  .me-xl-2 {
    margin-right: .5rem !important
  }

  .me-xl-3 {
    margin-right: 1rem !important
  }

  .me-xl-4 {
    margin-right: 1.5rem !important
  }

  .me-xl-5 {
    margin-right: 3rem !important
  }

  .me-xl-auto {
    margin-right: auto !important
  }

  .mb-xl-0 {
    margin-bottom: 0 !important
  }

  .mb-xl-1 {
    margin-bottom: .25rem !important
  }

  .mb-xl-2 {
    margin-bottom: .5rem !important
  }

  .mb-xl-3 {
    margin-bottom: 1rem !important
  }

  .mb-xl-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-xl-5 {
    margin-bottom: 3rem !important
  }

  .mb-xl-auto {
    margin-bottom: auto !important
  }

  .ms-xl-0 {
    margin-left: 0 !important
  }

  .ms-xl-1 {
    margin-left: .25rem !important
  }

  .ms-xl-2 {
    margin-left: .5rem !important
  }

  .ms-xl-3 {
    margin-left: 1rem !important
  }

  .ms-xl-4 {
    margin-left: 1.5rem !important
  }

  .ms-xl-5 {
    margin-left: 3rem !important
  }

  .ms-xl-auto {
    margin-left: auto !important
  }

  .p-xl-0 {
    padding: 0 !important
  }

  .p-xl-1 {
    padding: .25rem !important
  }

  .p-xl-2 {
    padding: .5rem !important
  }

  .p-xl-3 {
    padding: 1rem !important
  }

  .p-xl-4 {
    padding: 1.5rem !important
  }

  .p-xl-5 {
    padding: 3rem !important
  }

  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .px-xl-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
  }

  .px-xl-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }

  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }

  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }

  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-xl-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }

  .py-xl-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }

  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }

  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }

  .pt-xl-0 {
    padding-top: 0 !important
  }

  .pt-xl-1 {
    padding-top: .25rem !important
  }

  .pt-xl-2 {
    padding-top: .5rem !important
  }

  .pt-xl-3 {
    padding-top: 1rem !important
  }

  .pt-xl-4 {
    padding-top: 1.5rem !important
  }

  .pt-xl-5 {
    padding-top: 3rem !important
  }

  .pe-xl-0 {
    padding-right: 0 !important
  }

  .pe-xl-1 {
    padding-right: .25rem !important
  }

  .pe-xl-2 {
    padding-right: .5rem !important
  }

  .pe-xl-3 {
    padding-right: 1rem !important
  }

  .pe-xl-4 {
    padding-right: 1.5rem !important
  }

  .pe-xl-5 {
    padding-right: 3rem !important
  }

  .pb-xl-0 {
    padding-bottom: 0 !important
  }

  .pb-xl-1 {
    padding-bottom: .25rem !important
  }

  .pb-xl-2 {
    padding-bottom: .5rem !important
  }

  .pb-xl-3 {
    padding-bottom: 1rem !important
  }

  .pb-xl-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-xl-5 {
    padding-bottom: 3rem !important
  }

  .ps-xl-0 {
    padding-left: 0 !important
  }

  .ps-xl-1 {
    padding-left: .25rem !important
  }

  .ps-xl-2 {
    padding-left: .5rem !important
  }

  .ps-xl-3 {
    padding-left: 1rem !important
  }

  .ps-xl-4 {
    padding-left: 1.5rem !important
  }

  .ps-xl-5 {
    padding-left: 3rem !important
  }

  .gap-xl-0 {
    gap: 0 !important
  }

  .gap-xl-1 {
    gap: .25rem !important
  }

  .gap-xl-2 {
    gap: .5rem !important
  }

  .gap-xl-3 {
    gap: 1rem !important
  }

  .gap-xl-4 {
    gap: 1.5rem !important
  }

  .gap-xl-5 {
    gap: 3rem !important
  }

  .row-gap-xl-0 {
    row-gap: 0 !important
  }

  .row-gap-xl-1 {
    row-gap: .25rem !important
  }

  .row-gap-xl-2 {
    row-gap: .5rem !important
  }

  .row-gap-xl-3 {
    row-gap: 1rem !important
  }

  .row-gap-xl-4 {
    row-gap: 1.5rem !important
  }

  .row-gap-xl-5 {
    row-gap: 3rem !important
  }

  .column-gap-xl-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important
  }

  .column-gap-xl-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: .25rem !important
  }

  .column-gap-xl-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: .5rem !important
  }

  .column-gap-xl-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important
  }

  .column-gap-xl-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important
  }

  .column-gap-xl-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important
  }

  .text-xl-start {
    text-align: left !important
  }

  .text-xl-end {
    text-align: right !important
  }

  .text-xl-center {
    text-align: center !important
  }
}

@media (min-width:1400px) {
  .float-xxl-start {
    float: left !important
  }

  .float-xxl-end {
    float: right !important
  }

  .float-xxl-none {
    float: none !important
  }

  .object-fit-xxl-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important
  }

  .object-fit-xxl-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important
  }

  .object-fit-xxl-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important
  }

  .object-fit-xxl-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important
  }

  .object-fit-xxl-none {
    -o-object-fit: none !important;
    object-fit: none !important
  }

  .d-xxl-inline {
    display: inline !important
  }

  .d-xxl-inline-block {
    display: inline-block !important
  }

  .d-xxl-block {
    display: block !important
  }

  .d-xxl-grid {
    display: grid !important
  }

  .d-xxl-inline-grid {
    display: inline-grid !important
  }

  .d-xxl-table {
    display: table !important
  }

  .d-xxl-table-row {
    display: table-row !important
  }

  .d-xxl-table-cell {
    display: table-cell !important
  }

  .d-xxl-flex {
    display: flex !important
  }

  .d-xxl-inline-flex {
    display: inline-flex !important
  }

  .d-xxl-none {
    display: none !important
  }

  .flex-xxl-fill {
    flex: 1 1 auto !important
  }

  .flex-xxl-row {
    flex-direction: row !important
  }

  .flex-xxl-column {
    flex-direction: column !important
  }

  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-xxl-grow-0 {
    flex-grow: 0 !important
  }

  .flex-xxl-grow-1 {
    flex-grow: 1 !important
  }

  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-xxl-wrap {
    flex-wrap: wrap !important
  }

  .flex-xxl-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .justify-content-xxl-start {
    justify-content: flex-start !important
  }

  .justify-content-xxl-end {
    justify-content: flex-end !important
  }

  .justify-content-xxl-center {
    justify-content: center !important
  }

  .justify-content-xxl-between {
    justify-content: space-between !important
  }

  .justify-content-xxl-around {
    justify-content: space-around !important
  }

  .justify-content-xxl-evenly {
    justify-content: space-evenly !important
  }

  .align-items-xxl-start {
    align-items: flex-start !important
  }

  .align-items-xxl-end {
    align-items: flex-end !important
  }

  .align-items-xxl-center {
    align-items: center !important
  }

  .align-items-xxl-baseline {
    align-items: baseline !important
  }

  .align-items-xxl-stretch {
    align-items: stretch !important
  }

  .align-content-xxl-start {
    align-content: flex-start !important
  }

  .align-content-xxl-end {
    align-content: flex-end !important
  }

  .align-content-xxl-center {
    align-content: center !important
  }

  .align-content-xxl-between {
    align-content: space-between !important
  }

  .align-content-xxl-around {
    align-content: space-around !important
  }

  .align-content-xxl-stretch {
    align-content: stretch !important
  }

  .align-self-xxl-auto {
    align-self: auto !important
  }

  .align-self-xxl-start {
    align-self: flex-start !important
  }

  .align-self-xxl-end {
    align-self: flex-end !important
  }

  .align-self-xxl-center {
    align-self: center !important
  }

  .align-self-xxl-baseline {
    align-self: baseline !important
  }

  .align-self-xxl-stretch {
    align-self: stretch !important
  }

  .order-xxl-first {
    order: -1 !important
  }

  .order-xxl-0 {
    order: 0 !important
  }

  .order-xxl-1 {
    order: 1 !important
  }

  .order-xxl-2 {
    order: 2 !important
  }

  .order-xxl-3 {
    order: 3 !important
  }

  .order-xxl-4 {
    order: 4 !important
  }

  .order-xxl-5 {
    order: 5 !important
  }

  .order-xxl-last {
    order: 6 !important
  }

  .m-xxl-0 {
    margin: 0 !important
  }

  .m-xxl-1 {
    margin: .25rem !important
  }

  .m-xxl-2 {
    margin: .5rem !important
  }

  .m-xxl-3 {
    margin: 1rem !important
  }

  .m-xxl-4 {
    margin: 1.5rem !important
  }

  .m-xxl-5 {
    margin: 3rem !important
  }

  .m-xxl-auto {
    margin: auto !important
  }

  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .mx-xxl-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
  }

  .mx-xxl-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
  }

  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
  }

  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
  }

  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
  }

  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important
  }

  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-xxl-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }

  .my-xxl-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }

  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }

  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-xxl-0 {
    margin-top: 0 !important
  }

  .mt-xxl-1 {
    margin-top: .25rem !important
  }

  .mt-xxl-2 {
    margin-top: .5rem !important
  }

  .mt-xxl-3 {
    margin-top: 1rem !important
  }

  .mt-xxl-4 {
    margin-top: 1.5rem !important
  }

  .mt-xxl-5 {
    margin-top: 3rem !important
  }

  .mt-xxl-auto {
    margin-top: auto !important
  }

  .me-xxl-0 {
    margin-right: 0 !important
  }

  .me-xxl-1 {
    margin-right: .25rem !important
  }

  .me-xxl-2 {
    margin-right: .5rem !important
  }

  .me-xxl-3 {
    margin-right: 1rem !important
  }

  .me-xxl-4 {
    margin-right: 1.5rem !important
  }

  .me-xxl-5 {
    margin-right: 3rem !important
  }

  .me-xxl-auto {
    margin-right: auto !important
  }

  .mb-xxl-0 {
    margin-bottom: 0 !important
  }

  .mb-xxl-1 {
    margin-bottom: .25rem !important
  }

  .mb-xxl-2 {
    margin-bottom: .5rem !important
  }

  .mb-xxl-3 {
    margin-bottom: 1rem !important
  }

  .mb-xxl-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-xxl-5 {
    margin-bottom: 3rem !important
  }

  .mb-xxl-auto {
    margin-bottom: auto !important
  }

  .ms-xxl-0 {
    margin-left: 0 !important
  }

  .ms-xxl-1 {
    margin-left: .25rem !important
  }

  .ms-xxl-2 {
    margin-left: .5rem !important
  }

  .ms-xxl-3 {
    margin-left: 1rem !important
  }

  .ms-xxl-4 {
    margin-left: 1.5rem !important
  }

  .ms-xxl-5 {
    margin-left: 3rem !important
  }

  .ms-xxl-auto {
    margin-left: auto !important
  }

  .p-xxl-0 {
    padding: 0 !important
  }

  .p-xxl-1 {
    padding: .25rem !important
  }

  .p-xxl-2 {
    padding: .5rem !important
  }

  .p-xxl-3 {
    padding: 1rem !important
  }

  .p-xxl-4 {
    padding: 1.5rem !important
  }

  .p-xxl-5 {
    padding: 3rem !important
  }

  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .px-xxl-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
  }

  .px-xxl-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }

  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }

  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }

  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-xxl-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }

  .py-xxl-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }

  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }

  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }

  .pt-xxl-0 {
    padding-top: 0 !important
  }

  .pt-xxl-1 {
    padding-top: .25rem !important
  }

  .pt-xxl-2 {
    padding-top: .5rem !important
  }

  .pt-xxl-3 {
    padding-top: 1rem !important
  }

  .pt-xxl-4 {
    padding-top: 1.5rem !important
  }

  .pt-xxl-5 {
    padding-top: 3rem !important
  }

  .pe-xxl-0 {
    padding-right: 0 !important
  }

  .pe-xxl-1 {
    padding-right: .25rem !important
  }

  .pe-xxl-2 {
    padding-right: .5rem !important
  }

  .pe-xxl-3 {
    padding-right: 1rem !important
  }

  .pe-xxl-4 {
    padding-right: 1.5rem !important
  }

  .pe-xxl-5 {
    padding-right: 3rem !important
  }

  .pb-xxl-0 {
    padding-bottom: 0 !important
  }

  .pb-xxl-1 {
    padding-bottom: .25rem !important
  }

  .pb-xxl-2 {
    padding-bottom: .5rem !important
  }

  .pb-xxl-3 {
    padding-bottom: 1rem !important
  }

  .pb-xxl-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-xxl-5 {
    padding-bottom: 3rem !important
  }

  .ps-xxl-0 {
    padding-left: 0 !important
  }

  .ps-xxl-1 {
    padding-left: .25rem !important
  }

  .ps-xxl-2 {
    padding-left: .5rem !important
  }

  .ps-xxl-3 {
    padding-left: 1rem !important
  }

  .ps-xxl-4 {
    padding-left: 1.5rem !important
  }

  .ps-xxl-5 {
    padding-left: 3rem !important
  }

  .gap-xxl-0 {
    gap: 0 !important
  }

  .gap-xxl-1 {
    gap: .25rem !important
  }

  .gap-xxl-2 {
    gap: .5rem !important
  }

  .gap-xxl-3 {
    gap: 1rem !important
  }

  .gap-xxl-4 {
    gap: 1.5rem !important
  }

  .gap-xxl-5 {
    gap: 3rem !important
  }

  .row-gap-xxl-0 {
    row-gap: 0 !important
  }

  .row-gap-xxl-1 {
    row-gap: .25rem !important
  }

  .row-gap-xxl-2 {
    row-gap: .5rem !important
  }

  .row-gap-xxl-3 {
    row-gap: 1rem !important
  }

  .row-gap-xxl-4 {
    row-gap: 1.5rem !important
  }

  .row-gap-xxl-5 {
    row-gap: 3rem !important
  }

  .column-gap-xxl-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important
  }

  .column-gap-xxl-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: .25rem !important
  }

  .column-gap-xxl-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: .5rem !important
  }

  .column-gap-xxl-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important
  }

  .column-gap-xxl-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important
  }

  .column-gap-xxl-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important
  }

  .text-xxl-start {
    text-align: left !important
  }

  .text-xxl-end {
    text-align: right !important
  }

  .text-xxl-center {
    text-align: center !important
  }
}

@media (min-width:1200px) {
  .fs-1 {
    font-size: 2.5rem !important
  }

  .fs-2 {
    font-size: 2rem !important
  }

  .fs-3 {
    font-size: 1.75rem !important
  }

  .fs-4 {
    font-size: 1.5rem !important
  }
}

@media print {
  .d-print-inline {
    display: inline !important
  }

  .d-print-inline-block {
    display: inline-block !important
  }

  .d-print-block {
    display: block !important
  }

  .d-print-grid {
    display: grid !important
  }

  .d-print-inline-grid {
    display: inline-grid !important
  }

  .d-print-table {
    display: table !important
  }

  .d-print-table-row {
    display: table-row !important
  }

  .d-print-table-cell {
    display: table-cell !important
  }

  .d-print-flex {
    display: flex !important
  }

  .d-print-inline-flex {
    display: inline-flex !important
  }

  .d-print-none {
    display: none !important
  }
}

:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1
}

.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat)
}

.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2;
  -webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
  animation-iteration-count: calc(var(--animate-repeat)*2)
}

.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: 3;
  animation-iteration-count: 3;
  -webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
  animation-iteration-count: calc(var(--animate-repeat)*3)
}

.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay)
}

.animate__animated.animate__delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-delay: calc(var(--animate-delay)*2);
  animation-delay: calc(var(--animate-delay)*2)
}

.animate__animated.animate__delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-delay: calc(var(--animate-delay)*3);
  animation-delay: calc(var(--animate-delay)*3)
}

.animate__animated.animate__delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
  -webkit-animation-delay: calc(var(--animate-delay)*4);
  animation-delay: calc(var(--animate-delay)*4)
}

.animate__animated.animate__delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-delay: calc(var(--animate-delay)*5);
  animation-delay: calc(var(--animate-delay)*5)
}

.animate__animated.animate__faster {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-duration: calc(var(--animate-duration)/2);
  animation-duration: calc(var(--animate-duration)/2)
}

.animate__animated.animate__fast {
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.8);
  animation-duration: calc(var(--animate-duration)*0.8)
}

.animate__animated.animate__slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration)*2);
  animation-duration: calc(var(--animate-duration)*2)
}

.animate__animated.animate__slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-duration: calc(var(--animate-duration)*3);
  animation-duration: calc(var(--animate-duration)*3)
}

@media (prefers-reduced-motion:reduce),
print {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important
  }

  .animate__animated[class*=Out] {
    opacity: 0
  }
}

@-webkit-keyframes bounce {

  0%,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1)
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05)
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0) scaleY(.95);
    transform: translateZ(0) scaleY(.95)
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02)
  }
}

@keyframes bounce {

  0%,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1)
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05)
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0) scaleY(.95);
    transform: translateZ(0) scaleY(.95)
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02)
  }
}

.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom
}

@-webkit-keyframes flash {

  0%,
  50%,
  to {
    opacity: 1
  }

  25%,
  75% {
    opacity: 0
  }
}

@keyframes flash {

  0%,
  50%,
  to {
    opacity: 1
  }

  25%,
  75% {
    opacity: 0
  }
}

.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05)
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05)
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

.animate__pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }

  30% {
    -webkit-transform: scale3d(1.25, .75, 1);
    transform: scale3d(1.25, .75, 1)
  }

  40% {
    -webkit-transform: scale3d(.75, 1.25, 1);
    transform: scale3d(.75, 1.25, 1)
  }

  50% {
    -webkit-transform: scale3d(1.15, .85, 1);
    transform: scale3d(1.15, .85, 1)
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1)
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1)
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }

  30% {
    -webkit-transform: scale3d(1.25, .75, 1);
    transform: scale3d(1.25, .75, 1)
  }

  40% {
    -webkit-transform: scale3d(.75, 1.25, 1);
    transform: scale3d(.75, 1.25, 1)
  }

  50% {
    -webkit-transform: scale3d(1.15, .85, 1);
    transform: scale3d(1.15, .85, 1)
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1)
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1)
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand
}

@-webkit-keyframes shakeX {

  0%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }
}

@keyframes shakeX {

  0%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }
}

.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX
}

@-webkit-keyframes shakeY {

  0%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }
}

@keyframes shakeY {

  0%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }
}

.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg)
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg)
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg)
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg)
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg)
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg)
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg)
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg)
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

.animate__headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
  }

  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
  }

  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}

.animate__swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }

  10%,
  20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
    transform: scale3d(.9, .9, .9) rotate(-3deg)
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }

  10%,
  20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
    transform: scale3d(.9, .9, .9) rotate(-3deg)
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada
}

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg)
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg)
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg)
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg)
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg)
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg)
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg)
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg)
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble
}

@-webkit-keyframes jello {

  0%,
  11.1%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg)
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg)
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg)
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg)
  }

  66.6% {
    -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
    transform: skewX(-.78125deg) skewY(-.78125deg)
  }

  77.7% {
    -webkit-transform: skewX(.390625deg) skewY(.390625deg);
    transform: skewX(.390625deg) skewY(.390625deg)
  }

  88.8% {
    -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
    transform: skewX(-.1953125deg) skewY(-.1953125deg)
  }
}

@keyframes jello {

  0%,
  11.1%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg)
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg)
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg)
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg)
  }

  66.6% {
    -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
    transform: skewX(-.78125deg) skewY(-.78125deg)
  }

  77.7% {
    -webkit-transform: skewX(.390625deg) skewY(.390625deg);
    transform: skewX(.390625deg) skewY(.390625deg)
  }

  88.8% {
    -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
    transform: skewX(-.1953125deg) skewY(-.1953125deg)
  }
}

.animate__jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-duration: calc(var(--animate-duration)*1.3);
  animation-duration: calc(var(--animate-duration)*1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out
}

@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(.7);
    transform: translateY(-1200px) scale(.7);
    opacity: .7
  }

  80% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}

@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(.7);
    transform: translateY(-1200px) scale(.7);
    opacity: .7
  }

  80% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}

.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown
}

@-webkit-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(.7);
    transform: translateX(-2000px) scale(.7);
    opacity: .7
  }

  80% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}

@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(.7);
    transform: translateX(-2000px) scale(.7);
    opacity: .7
  }

  80% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}

.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft
}

@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(.7);
    transform: translateX(2000px) scale(.7);
    opacity: .7
  }

  80% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}

@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(.7);
    transform: translateX(2000px) scale(.7);
    opacity: .7
  }

  80% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}

.animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight
}

@-webkit-keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(.7);
    transform: translateY(1200px) scale(.7);
    opacity: .7
  }

  80% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}

@keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(.7);
    transform: translateY(1200px) scale(.7);
    opacity: .7
  }

  80% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}

.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp
}

@-webkit-keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }

  20% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7
  }

  to {
    -webkit-transform: translateY(700px) scale(.7);
    transform: translateY(700px) scale(.7);
    opacity: .7
  }
}

@keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }

  20% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7
  }

  to {
    -webkit-transform: translateY(700px) scale(.7);
    transform: translateY(700px) scale(.7);
    opacity: .7
  }
}

.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown
}

@-webkit-keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }

  20% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7
  }

  to {
    -webkit-transform: translateX(-2000px) scale(.7);
    transform: translateX(-2000px) scale(.7);
    opacity: .7
  }
}

@keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }

  20% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7
  }

  to {
    -webkit-transform: translateX(-2000px) scale(.7);
    transform: translateX(-2000px) scale(.7);
    opacity: .7
  }
}

.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft
}

@-webkit-keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }

  20% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7
  }

  to {
    -webkit-transform: translateX(2000px) scale(.7);
    transform: translateX(2000px) scale(.7);
    opacity: .7
  }
}

@keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }

  20% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7
  }

  to {
    -webkit-transform: translateX(2000px) scale(.7);
    transform: translateX(2000px) scale(.7);
    opacity: .7
  }
}

.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight
}

@-webkit-keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }

  20% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7
  }

  to {
    -webkit-transform: translateY(-700px) scale(.7);
    transform: translateY(-700px) scale(.7);
    opacity: .7
  }
}

@keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }

  20% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7
  }

  to {
    -webkit-transform: translateY(-700px) scale(.7);
    transform: translateY(-700px) scale(.7);
    opacity: .7
  }
}

.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp
}

@-webkit-keyframes bounceIn {

  0%,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03)
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97)
  }

  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

@keyframes bounceIn {

  0%,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03)
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97)
  }

  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

.animate__bounceIn {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.75);
  animation-duration: calc(var(--animate-duration)*0.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
    transform: translate3d(0, 25px, 0) scaleY(.9)
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
    transform: translate3d(0, -10px, 0) scaleY(.95)
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
    transform: translate3d(0, 5px, 0) scaleY(.985)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes bounceInDown {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
    transform: translate3d(0, 25px, 0) scaleY(.9)
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
    transform: translate3d(0, -10px, 0) scaleY(.95)
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
    transform: translate3d(0, 5px, 0) scaleY(.985)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1)
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
    transform: translate3d(-10px, 0, 0) scaleX(.98)
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
    transform: translate3d(5px, 0, 0) scaleX(.995)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes bounceInLeft {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1)
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
    transform: translate3d(-10px, 0, 0) scaleX(.98)
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
    transform: translate3d(5px, 0, 0) scaleX(.995)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1)
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
    transform: translate3d(10px, 0, 0) scaleX(.98)
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
    transform: translate3d(-5px, 0, 0) scaleX(.995)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes bounceInRight {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1)
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
    transform: translate3d(10px, 0, 0) scaleX(.98)
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
    transform: translate3d(-5px, 0, 0) scaleX(.995)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
    transform: translate3d(0, -20px, 0) scaleY(.9)
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
    transform: translate3d(0, 10px, 0) scaleY(.95)
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
    transform: translate3d(0, -5px, 0) scaleY(.985)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes bounceInUp {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
    transform: translate3d(0, -20px, 0) scaleY(.9)
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
    transform: translate3d(0, 10px, 0) scaleY(.95)
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
    transform: translate3d(0, -5px, 0) scaleY(.985)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
}

.animate__bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.75);
  animation-duration: calc(var(--animate-duration)*0.75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
    transform: translate3d(0, 10px, 0) scaleY(.985)
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
    transform: translate3d(0, -20px, 0) scaleY(.9)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3)
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
    transform: translate3d(0, 10px, 0) scaleY(.985)
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
    transform: translate3d(0, -20px, 0) scaleY(.9)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3)
  }
}

.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
    transform: translate3d(20px, 0, 0) scaleX(.9)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2)
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
    transform: translate3d(20px, 0, 0) scaleX(.9)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2)
  }
}

.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
    transform: translate3d(-20px, 0, 0) scaleX(.9)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2)
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
    transform: translate3d(-20px, 0, 0) scaleX(.9)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2)
  }
}

.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
    transform: translate3d(0, -10px, 0) scaleY(.985)
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
    transform: translate3d(0, 20px, 0) scaleY(.9)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3)
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
    transform: translate3d(0, -10px, 0) scaleY(.985)
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
    transform: translate3d(0, 20px, 0) scaleY(.9)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3)
  }
}

.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig
}

@-webkit-keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft
}

@-webkit-keyframes fadeInTopRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInTopRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight
}

@-webkit-keyframes fadeInBottomLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInBottomLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft
}

@-webkit-keyframes fadeInBottomRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInBottomRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}

.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}

.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}

.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
}

.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}

.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
}

.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}

.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}

.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig
}

@-webkit-keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0)
  }
}

@keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0)
  }
}

.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft
}

@-webkit-keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0)
  }
}

@keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0)
  }
}

.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight
}

@-webkit-keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0)
  }
}

@keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0)
  }
}

.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight
}

@-webkit-keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0)
  }
}

@keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0)
  }
}

.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  40% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  50% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  to {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  40% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  50% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  to {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
}

.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1
  }

  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg)
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1
  }

  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg)
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

.animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1
  }

  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg)
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1
  }

  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg)
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }

  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1
  }

  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }

  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1
  }

  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0
  }
}

.animate__flipOutX {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.75);
  animation-duration: calc(var(--animate-duration)*0.75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }

  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1
  }

  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }

  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1
  }

  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0
  }
}

.animate__flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.75);
  animation-duration: calc(var(--animate-duration)*0.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY
}

@-webkit-keyframes lightSpeedInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes lightSpeedInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0
  }

  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1
  }

  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes lightSpeedInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0
  }

  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1
  }

  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOutRight {
  0% {
    opacity: 1
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0
  }
}

@keyframes lightSpeedOutRight {
  0% {
    opacity: 1
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0
  }
}

.animate__lightSpeedOutRight {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in
}

@-webkit-keyframes lightSpeedOutLeft {
  0% {
    opacity: 1
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0
  }
}

@keyframes lightSpeedOutLeft {
  0% {
    opacity: 1
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0
  }
}

.animate__lightSpeedOutLeft {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-transform-origin: center;
  transform-origin: center
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom
}

@-webkit-keyframes rotateOut {
  0% {
    opacity: 1
  }

  to {
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0
  }
}

@keyframes rotateOut {
  0% {
    opacity: 1
  }

  to {
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0
  }
}

.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-transform-origin: center;
  transform-origin: center
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    opacity: 1
  }

  to {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }
}

@keyframes rotateOutDownLeft {
  0% {
    opacity: 1
  }

  to {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }
}

.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    opacity: 1
  }

  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }
}

@keyframes rotateOutDownRight {
  0% {
    opacity: 1
  }

  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }
}

.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    opacity: 1
  }

  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }
}

@keyframes rotateOutUpLeft {
  0% {
    opacity: 1
  }

  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }
}

.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    opacity: 1
  }

  to {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0
  }
}

@keyframes rotateOutUpRight {
  0% {
    opacity: 1
  }

  to {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0
  }
}

.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom
}

@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }

  20%,
  60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }

  40%,
  80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0
  }
}

@keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }

  20%,
  60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }

  40%,
  80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0
  }
}

.animate__hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration)*2);
  animation-duration: calc(var(--animate-duration)*2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-transform-origin: top left;
  transform-origin: top left
}

@-webkit-keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) rotate(30deg);
    transform: scale(.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg)
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) rotate(30deg);
    transform: scale(.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg)
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn
}

@-webkit-keyframes rollOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg)
  }
}

@keyframes rollOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg)
  }
}

.animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  50% {
    opacity: 1
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  50% {
    opacity: 1
  }
}

.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  to {
    opacity: 0
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  to {
    opacity: 0
  }
}

.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0)
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0)
  }
}

.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  transform-origin: left center
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0)
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0)
  }
}

.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  transform-origin: right center
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}

.animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}

.animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}

.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}

.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp
}

@font-face {
  font-family: "Objektiv_Mk1XBD";
  src: url(/inoa/themes/custom/inoatheme/fonts/ObjektivMk1_XBd.ttf);
}

@font-face {
  font-family: "Objektiv_Mk1BD";
  src: url(/inoa/themes/custom/inoatheme/fonts/ObjektivMk1_Bold.ttf);
}

@font-face {
  font-family: "Objektiv_Mk1MD";
  src: url(/inoa/themes/custom/inoatheme/fonts/ObjektivMk1_Medium.ttf);
}

@font-face {
  font-family: "Objektiv_Mk1RG";
  src: url(/inoa/themes/custom/inoatheme/fonts/ObjektivMk1_Regular.ttf);
}

@font-face {
  font-family: "Objektiv_Mk1LT";
  src: url(/inoa/themes/custom/inoatheme/fonts/ObjektivMk1_Light.ttf);
}

html {
  scroll-behavior: smooth;
}

:root {
  --red-primary: #013a9b;
  --red-secondary: #e3ad25;
  --grey-primary: #dedede;
  --grey-secondary: #939393;
  --black-primary: #000000;
  --white-primary: #ffffff;
  --light-font: "Objektiv_Mk1LT";
  --regular-font: "Objektiv_Mk1RG";
  --medium-font: "Objektiv_Mk1MD";
  --bold-font: "Objektiv_Mk1BD";
  --extrabold-font: "Objektiv_Mk1XBD";
}

@media (min-width:1500px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1552px;
  }
}

.media_kit_card h3 {
  font-size: 30px;
  line-height: 37px;
}

img.play-butn {
  height: auto !important;
  width: 100px !important;
  height: 100px !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.rd-btn {
  width: auto;
  padding: 1vw 1.75vw 1vw 1.75vw;
  border-radius: 2.5vw;
  color: var(--red-primary);
  text-transform: uppercase;
  background: var(--red-secondary);
  font-size: 0.9vw;
  line-height: 1.35vw;
  text-align: center;
  font-family: var(--bold-font);
  text-decoration: none;
  text-decoration: none;
  display: inline-block;
}

.rd-btn_light {
  width: auto;
  padding: 1vw 1.75vw 1vw 1.75vw;
  border-radius: 2.5vw;
  color: var(--white-primary);
  text-transform: uppercase;
  background: var(--red-primary);
  font-size: 0.9vw;
  line-height: 1.35vw;
  text-align: center;
  font-family: var(--bold-font);
  text-decoration: none;
  display: inline-block;
}

.white-btn {
  width: auto;
  padding: 1vw 1.75vw 1vw 1.75vw;
  border-radius: 2.5vw;
  color: var(--red-primary);
  text-transform: uppercase;
  background: var(--white-primary);
  font-size: 0.9vw;
  line-height: 1.35vw;
  text-align: center;
  font-family: var(--bold-font);
  text-decoration: none;
  display: inline-block;
}

.white-btn-trans {
  width: auto;
  padding: 1vw 1.75vw 1vw 1.75vw;
  border-radius: 2.5vw;
  color: var(--white-primary);
  text-transform: uppercase;
  background: transparent;
  font-size: 0.9vw;
  line-height: 1.35vw;
  text-align: center;
  font-family: var(--bold-font);
  text-decoration: none;
  display: inline-block;
}

.outline-btn {
  width: max-content;
  height: 3vw;
  padding: 0.8vw 1.25vw 0.8vw 1.25vw;
  border-radius: 8px;
  color: var(--red-primary);
  text-transform: uppercase;
  background: var(--white-primary);
  font-size: 0.8vw;
  line-height: 1.35vw;
  text-align: center;
  font-family: var(--bold-font);
  text-decoration: none;
  display: inline-block;
  border: 1px solid var(--red-primary);
}

.outline-btn:hover {
  background: var(--red-primary);
  color: var(--white-primary);
}

.pb-6 {
  padding-bottom: 100px !important;
}

body {
  margin: 0;
  overflow-x: hidden;
  font-size: 1vw;
  line-height: 1.5vw;
}

header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  padding: 0;
  z-index: 1;
}

.title_h1 {
  font-family: var(--medium-font);
  font-size: 4.8vw;
  line-height: 5.75vw;
  text-align: left;
  font-weight: 300;
}

.title_h3 {
  font-family: var(--medium-font);
  font-size: 3.5vw;
  line-height: 4.3vw;
  text-align: left;
}

.title_h4 {
  font-family: var(--medium-font);
  font-size: 2.1vw;
  line-height: 3.35vw;
  text-align: left;
}

.title_h5 {
  font-family: var(--bold-font);
  font-size: 1.5vw;
  line-height: 1.875vw;
  text-align: left;
}

.title_h6 {
  font-family: var(--bold-font);
  font-size: 1.2vw;
  line-height: 1.8vw;
  text-align: left;
}

header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  padding: 0;
  z-index: 999;
}

.nsm_main-logo {
  opacity: 1;
  margin: 0;
  position: absolute;
  bottom: 0;
}

.nsm_main-logo img {
  width: 50vw;
  margin-bottom: 1vw;
}

.secondary-header .nsm_main-logo {
  top: 0.4vw;
}

.main-home-screen .tag-title {
  font-family: var(--medium-font);
  font-size: 3.5vw;
  color: var(--red-primary);
  line-height: 4.5vw;
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

#fullpage {
  width: 72%;
}

.nsm_side-area {
  width: 400px;
  background: var(--black-primary);
  height: 100vh;
  float: left;
  position: fixed;
  right: 0;
  padding: 1vw 1vw;
  margin-bottom: 1.5vw;
  position: fixed;
  transition: 1s ease;
  z-index: 99;
}

.nsm_side-area .col-md-4 {
  flex: 0 0 auto;
  width: 100%;
  padding: 0 .8vw 0 0;
}

.nsm_side-area-full {
  width: 100%;
  z-index: 999;
}

.nsm_side-area-full .col-md-4 {
  flex: 0 0 auto;
  width: 25%;
}

.ovflw {
  overflow-y: scroll;
  padding: 1vw;
  -ms-overflow-style: none;
  scrollbar-width: none;
  height: 95vh;
}

.ovflw::-webkit-scrollbar {
  display: none;
}

.nsm_overflow-scroll::-webkit-scrollbar {
  width: 0;
}

.nsm_side-area .container {
  width: 100%;
}

.nsm_side-area .title_h5 {
  color: var(--white-primary);
  text-transform: uppercase;
  margin-bottom: 1vw;
  margin-top: 1vw;
}

.nsm_single-card {
  background-size: cover;
  background-position: center;
  height: 23vw;
  position: relative;
  margin-bottom: 1vw;
  border-radius: 1.4vw;
}

.nsm_single-card .nsm_cat {
  font-size: 0.7vw;
  line-height: 0.875vw;
  text-transform: uppercase;
  font-family: var(--regular-font);
  position: absolute;
  top: 1.2vw;
  left: 1.2vw;
  color: var(--white-primary);
}

.nsm_single-card .nsm_cat-arrow {
  position: absolute;
  top: 1.2vw;
  right: 1.2vw;
}

.nsm_single-card .nsm_cat-arrow img {
  width: 1.4vw;
}

.nsm_single-card .title_h6 {
  color: var(--white-primary);
  font-family: var(--regular-font);
  position: absolute;
  bottom: 1.2vw;
  left: 1.2vw;
}

.nsm_cat-menu {
  padding: 1.5vw 0vw;
  border-top: 1px solid var(--white-primary);
  border-bottom: 1px solid var(--white-primary);
  display: flex;
}

.nsm_cat-menu li {
  display: inline-block;
  margin-right: 2%;
}

.nsm_cat-menu li a {
  font-family: var(--regular-font);
  font-size: 1.5vw;
  line-height: 1.875vw;
  text-align: left;
  color: var(--red-primary);
  text-decoration: none;
  width: max-content;
  display: block;
}

.expand-btn {
  position: absolute;
  background: var(--black-primary);
  padding: 5px 10px;
  color: var(--white-primary);
  text-transform: uppercase;
  font-size: 0.7vw;
  letter-spacing: 0.1vw;
  top: 46%;
  transform: rotate(-90deg);
  left: -4.5vw;
  cursor: pointer;
  z-index: 999;
}

.collapse-btn {
  position: fixed;
  background: var(--black-primary);
  padding: 5px 10px;
  color: var(--white-primary);
  text-transform: uppercase;
  font-size: 0.7vw;
  letter-spacing: 0.1vw;
  top: 46%;
  transform: rotate(-90deg);
  left: -0.5%;
  cursor: pointer;
  z-index: 9;
}

.nsm_side-area-expand {
  width: 100%;
  background: var(--black-primary);
  height: 100vh;
  padding: 1vw 1vw;
  margin-bottom: 1.5vw;
}

.nsm_side-area-expand .cat.title_h6 {
  color: var(--white-primary);
  text-transform: uppercase;
  margin-bottom: 1.5vw;
  font-family: var(--medium-font);
}

.nsm_side-area-expand .title_h5 {
  color: var(--white-primary);
  text-transform: uppercase;
  margin-bottom: 1vw;
}

.nsm_homeofinnovation {
  position: relative;
  padding-left: 20%;
}

.nsm_homeofinnovation .title_h1 {
  color: var(--red-primary);
  margin-bottom: 3vw;
  margin-top: 3vw;
  width: 48vw;
}

.nsm_fix-nav {
  position: fixed;
  bottom: 2%;
  left: 2%;
  z-index: 990;
}

.nsm_navbar {
  list-style-type: none;
  padding: 0;
  margin-bottom: 0;
  z-index: 999;
  opacity: 1;
  margin: 0;
}

.nsm_navbar li {
  padding: 0.6vw 0vw;
}

.nsm_navbar li a {
  text-decoration: none;
  color: var(--red-primary);
  text-transform: uppercase;
  font-family: var(--regular-font);
  font-size: 0.9vw;
  line-height: 1.35vw;
}

.nsm_side-area-expand {
  width: 100%;
  background: var(--black-primary);
  height: 100vh;
  padding: 1vw 1vw;
  margin-bottom: 1.5vw;
}

.nsm_side-area-expand .cat.title_h6 {
  color: var(--white-primary);
  text-transform: uppercase;
  margin-bottom: 1.5vw;
  font-family: var(--medium-font);
}

.nsm_side-area-expand .title_h5 {
  color: var(--white-primary);
  text-transform: uppercase;
  margin-bottom: 1vw;
}

.fp-warning,
.fp-watermark {
  display: none;
}

.nsm_card-box {
  padding: 2.5vw;
  border-radius: 1.5vw;
  background: url(themes/custom/inoatheme/images/Mesh-Gradient-Red.svg);
  background-size: cover;
  height: 28vw;
  margin: 0;
  position: absolute;
  bottom: -20%;
  right: 5%;
}

.nsm_card-box .title_h4 {
  color: var(--white-primary);
  margin-bottom: 1.5vw;
}

.nsm_card-box .list-item {
  padding: 0;
}

.nsm_card-box .list-item li {
  list-style-type: none;
  margin-bottom: 1.5vw;
}

.nsm_card-box .list-item li .list-title {
  font-size: 1vw;
  line-height: 1.5vw;
  color: var(--white-primary);
  font-family: var(--bold-font);
  margin-bottom: 0.5vw;
}

.nsm_card-box .list-item li .list-context {
  font-size: 0.8vw;
  line-height: 1.2vw;
  color: var(--white-primary);
  font-family: var(--regular-font);
}

.nsm_leadershipred {
  padding-left: 20%;
}

.min-icon-element {
  position: absolute;
  right: 2%;
  top: 2%;
  width: 19vw;
}

.dollar-icon-element {
  position: absolute;
  left: 20%;
  bottom: -18%;
  width: 18vw;
}

.nsm_card-box-open .title_h4 {
  color: var(--white-primary);
  margin-bottom: 2vw;
}

.nsm_card-box-open .list-item {
  padding: 0;
}

.nsm_card-box-open .list-item li {
  list-style-type: none;
  margin-bottom: 2.5vw;
}

.nsm_card-box-open .list-item li .list-title {
  font-size: 1vw;
  line-height: 1.5vw;
  color: var(--white-primary);
  font-family: var(--bold-font);
  margin-bottom: 0.5vw;
}

.nsm_card-box-open .list-item li .list-context {
  font-size: 0.8vw;
  line-height: 1.2vw;
  color: var(--white-primary);
  font-family: var(--regular-font);
}

.nsm_card-round {
  padding: 5vw 2.5vw;
  border-radius: 1.5vw;
  background: url(themes/custom/inoatheme/images/BG-Red.svg);
  background-size: cover;
  height: 26vw;
  width: 26vw;
  margin: 0;
  position: absolute;
  bottom: -10%;
  right: 5%;
  border-radius: 50%;
}

.nsm_card-round .desc {
  font-size: 1.8vw;
  line-height: 2.25vw;
  text-align: center;
  color: var(--white-primary);
  font-family: var(--regular-font);
  font-weight: 200;
}

.eco-rejuvenation {
  background: url(themes/custom/inoatheme/images/change-red-bg.svg);
  background-size: cover;
}

.eco-rejuvenation .nsm_card-box-open {
  position: absolute;
  right: 5%;
  top: 28%;
}

.eco-rejuvenation .dollar-icon-element {
  position: absolute;
  left: 30%;
  bottom: 0%;
  width: 22vw;
}

.inclusive-growth {
  background: url(themes/custom/inoatheme/images/change-red-bg.svg);
  background-size: cover;
}

.inclusive-growth .nsm_card-box-open {
  position: absolute;
  right: 8%;
  top: 15%;
}

.inclusive-growth .dollar-icon-element {
  position: absolute;
  left: 18%;
  top: 4%;
  width: 25vw;
}

.inclusive-growth .trending-up-element {
  position: absolute;
  left: 35%;
  bottom: -10%;
  width: 22vw;
}

.nsm_card-round-left {
  padding: 5vw 2.5vw;
  border-radius: 1.5vw;
  background: url(themes/custom/inoatheme/images/BG-Red.svg);
  background-size: cover;
  height: 24vw;
  width: 24vw;
  margin: 0;
  position: absolute;
  top: 5%;
  left: 16%;
  border-radius: 50%;
}

.nsm_card-round-left .desc {
  font-size: 1.6vw;
  line-height: 2vw;
  text-align: center;
  color: var(--white-primary);
  font-family: var(--regular-font);
}

.nsm_leadershipred {
  background: url(themes/custom/inoatheme/images/change-red-bg.svg);
  background-size: cover;
}

.nsm_footer-area {
  background: var(--white-primary);
  width: 100vw;
  position: absolute;
  z-index: 9;
}

.nsm_footer-area .container {
  margin-left: 15%;
}

.nsm_footer-area .title_h1 {
  color: var(--red-primary);
  margin-bottom: 3.5vw;
}

.scrolling-wrapper {
  display: flex;
  flex-wrap: no-wrap;
  overflow-x: auto;
  cursor: grab;
  width: 100%;
}

.scrolling-wrapper::-webkit-scrollbar {
  display: none;
}

.scrolling-wrapper.active {
  cursor: grabbing;
}

.scrolling-wrapper[data-dragging="true"] a {
  pointer-events: none;
}

.nsm_home-footer.nsm_footer-widget {
  display: flex;
  background: var(--white-primary);
  width: 100%;
}

.nsm_block_footer {
  flex: 0 0 auto;
  display: flex;
}

.nsm_footer-text {
  font-size: 1.5vw;
  font-family: var(--regular-font);
  color: var(--red-primary);
  margin-bottom: 1vw;
  font-weight: 200;
}

.nsm_footer-social {
  font-size: 1.5vw;
  font-family: var(--medium-font);
  color: var(--red-primary);
  margin-bottom: 0;
  text-decoration: none;
}

.nsm_footer-social img {
  width: 3vw;
  margin-right: 1vw;
}

.nsm_footer-social a {
  text-decoration: none;
  color: var(--red-primary);
  font-size: 1.2vw;
}

.nsm_withimage-block {
  width: 45%;
  border-radius: 2vw;
  margin-right: 1%;
}

.nsm_withimage-block img {
  border-radius: 2vw;
}

.nsm_withtext-block {
  width: 30%;
  border-radius: 2vw;
  margin-right: 1%;
  padding: 2vw;
  position: relative;
}

.nsm_withtext-block .nsm_desc {
  color: var(--white-primary);
  font-size: 1.2vw;
  line-height: 1.8vw;
  font-family: var(--regular-font);
}

.nsm_withtext-block .nsm_detail {
  bottom: 1.8vw;
  position: absolute;
  display: flex;
  width: 100%;
}

.nsm_withtext-block .nsm_detail .label {
  color: var(--white-primary);
  font-size: 1.2vw;
  line-height: 2vw;
  font-family: var(--bold-font);
}

.nsm_withtext-block .nsm_detail .date {
  color: var(--white-primary);
  font-size: 1.2vw;
  line-height: 1.8vw;
  font-family: var(--bold-font);
  position: absolute;
  right: 15%;
}

.widget-reddark {
  background: var(--red-secondary);
}

.widget-blackdark {
  background: var(--black-primary);
}

.widget-redlight {
  background: var(--black-primary);
}

.secondary-header {
  position: fixed;
  left: 0;
  top: 1vw;
  width: 100%;
  padding: 0;
  z-index: 999;
  padding: 1.5vw 0px;
}

.secondary-header .nsm_main-logo {
  opacity: 1;
}

.secondary-header .nsm_main-logo img {
  width: 17.25vw;
  margin-bottom: 1vw;
  transition: all 0.5s ease-in-out;
}

.secondary-header.logoSmall .nsm_main-logo img {
  width: 10.25vw;
  margin-bottom: 1vw;
  transition: all 0.5s ease-in-out;
}

@media (max-width:767px) {
  .secondary-header.logoSmall .nsm_main-logo img {
    width: 35.25vw;
    margin-bottom: 1vw;
    transition: all 0.5s ease-in-out;
  }
}

.nsm_fix-nav-inner {
  position: fixed;
  bottom: 0;
  left: 2%;
  z-index: 10;
}

.nsm_navbar-inner {
  list-style-type: none;
  padding: 0;
  margin-bottom: 0;
}

.nsm_navbar-inner li {
  padding: 1vw 0vw;
}

.dropdown_menu li {
  padding: 0.8vw 0vw;
}

.nsm_navbar-inner li a {
  text-decoration: none;
  color: var(--red-primary);
  text-transform: uppercase;
  font-family: var(--regular-font);
  font-size: 0.9vw;
  line-height: 1.35vw;
}

.main-content-area {
  margin-top: 5%;
}

.about-intro {
  padding: 2vw 0vw;
  margin-bottom: -8%;
  margin-left: 20%;
}

.about-intro .title_h1 {
  padding: 2.5vw 0vw 3.5vw 0vw;
  color: var(--red-primary);
  font-family: var(--regular-font);
  line-height: 5.75vw;
}

.nsm-button-row {
  display: flex;
  margin-bottom: 3vw;
}

.nsm-button-row .outline-btn {
  margin-right: 0.5vw;
}

.about-intro .nsm_context {
  font-size: 0.9vw;
  line-height: 1.35vw;
  color: var(--black-primary);
  font-family: var(--regular-font);
}

.about-intro .nsm_image {
  position: relative;
  z-index: 9;
}

.about-intro .nsm_image img {
  border-radius: 1.5vw;
  width: 100%;
}

.about-intro .nsm-image-element {
  position: absolute;
  bottom: -18%;
  left: 35%;
}

.about-intro .nsm-image-element {
  width: 14.75vw;
}

.about-intro .nsm-image-element img {
  width: 100%;
  filter: hue-rotate(230deg);
}

@media (max-width:767px) {
  .about-intro .nsm-image-element {
    position: absolute;
    bottom: -16%;
    left: 35%;
  }

  .about-intro .nsm-image-element {
    width: 36.75vw;
  }

  .about-intro .nsm-image-element img {
    width: 100%;
  }
}

.custom-margin {
  margin-top: 35%;
}

.nsm_strategic-section {
  background: linear-gradient(to bottom, #0251c3, #002c83);
  background-size: cover;
  padding: 6vw 0vw 3vw 0vw;
}

.nsm_strategic-section#membership-strategic {
  padding: 6vw 0vw 6vw 0vw;
}

.nsm_strategic-section .container {
  margin-left: 20%;
}

.nsm_strat-slider {
  cursor: grab;
}

.nsm_strategic-section .title_h3 {
  color: var(--white-primary);
  margin-bottom: 3vw;
  margin-top: 2vw;
  font-family: var(--regular-font);
}

.nsm_strategic-section .nsm_strat-slider .item-block {
  margin-right: 1vw;
}

.nsm_strategic-section .nsm_strat-slider .item-block img {
  border-radius: 1.5vw;
  margin-bottom: 1.8vw;
}

.nsm_strategic-section .nsm_strat-slider .item-block .block-title {
  font-size: 1.8vw;
  line-height: 2.25vw;
  color: #fff;
  font-family: var(--bold-font);
  margin-bottom: 10px;
}

.nsm_strategic-section .nsm_strat-slider .item-block .block-desc {
  font-size: 1.2vw;
  line-height: 1.8vw;
  color: var(--white-primary);
  font-family: var(--regular-font);
  margin-bottom: 1.5vw;
}

.nsm_spirit-nasscom {
  background: url(themes/custom/inoatheme/images/Spirit%20of%20nasscomSpirit-of-nasscom.jpg);
  background-size: cover;
  padding: 6vw 0vw 6vw 0vw;
  border-radius: 1.5vw
}

.nsm_spirit-nasscom .title_h3 {
  text-align: center;
  color: var(--white-primary);
}

.nsm_spirit-nasscom .title_h3::after {
  content: '';
  width: 65%;
  height: 2px;
  background: var(--white-primary);
  display: block;
  margin: 4vw auto;
}

@media (max-width:767px) {
  .nsm_spirit-nasscom .title_h3::after {
    margin: 4vw auto 6vw;
  }

  .nsm_spirit-nasscom .title_h3 {
    font-family: var(--bold-font);
  }
}

.nsm_spirit-nasscom ul {
  list-style-type: none;
}

.nsm_spirit-nasscom ul li {
  font-size: 26px;
  line-height: 32px;
  text-align: center;
  color: var(--white-primary);
}

.nsm_spirit-nasscom ul li::after {
  content: '*';
  padding: 0vw 0.5vw;
}

.slick-list {
  padding: 0 20% 0 0 !important;
}

.sv_video .slick-list {
  padding: 0 0 0 0 !important;
}

@media (max-width:767px) {
  .slick-list {
    padding: 0 10% 0 0 !important;
  }

  .sv_video .slick-list {
    padding: 0 0 0 0 !important;
  }
}

.nsm_strat-slider .slick-list {
  padding: 0 32% 0 0 !important;
}

.nsm_path-traveled {
  padding: 4vw 0vw;
  margin-left: 20%;
}

.nsm_path-traveled .title_h3 {
  color: var(--red-primary);
  font-family: var(--regular-font);
  margin-bottom: 0;
}

.nsm_path-traveled .subtext {
  font-size: 0.9vw;
  line-height: 1.35vw;
  color: var(--red-primary);
  text-align: right;
  font-family: var(--medium-font);
}

.nsm_pathimage-block .nsm_path-year {
  font-size: 3vw;
  line-height: 2vw;
  font-family: var(--bold-font);
  color: var(--red-primary);
  margin-bottom: 1.5vw;
}

.nsm_pathimage-block .nsm_path-image img {
  width: 100%;
  border-radius: 1.5vw;
}

.nsm_pathcontext-block {
  width: 100%;
  background: linear-gradient(to bottom, #0251c3, #002c83);
  background-size: cover;
  padding: 2vw;
  border-radius: 1.5vw;
}

.nsm_pathcontext-block .sub-title {
  font-size: 0.9vw;
  line-height: 1.35vw;
  font-family: var(--bold-font);
  color: var(--white-primary);
  margin-bottom: 1.5vw;
   border-bottom: 1px dashed #fff;
   padding-bottom: 10px;
}

.nsm_pathcontext-block .title_h4 {
  font-family: var(--bold-font);
  color: var(--white-primary);
  border-top: 0.1vw solid var(--white-primary);
  border-bottom: 0.1vw solid var(--white-primary);
  padding: 0.9vw 0vw;
  margin-bottom: 1.5vw;
}

.nsm_pathcontext-block .desc {
  font-size: 1.5vw;
  line-height: 1.875vw;
  font-family: var(--regular-font);
  color: var(--white-primary);
  margin-bottom: 1.5vw;
}

.nsm_pathcontext-block .desc p {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 22px;
}
.nsm_pathcontext-block .desc ul li
{
  font-size: 14px;
  line-height: 20px;
}

.nsm_blockarrow-down {
  height: 24vw;
  width: 24vw;
  margin: auto;
  margin-bottom: -12%;
}

.nsm_blockarrow-down img {
  width: 100%;
  margin-top: -20%;
  margin-bottom: -20%;
  filter: hue-rotate(230deg);
}

.nsm_membership_slider_div {
  padding: 2vw 0vw;
  position: absolute;
  height: 0vh;
  left: 0px;
  overflow: hidden;
  width: 100%;
}

.nsm_membership_slider_div .image-block {
  width: 100%;
  position: relative;
  margin-top: 5%;
  border-radius: 1.5vw !important;
}

.animate-cstm {
  margin: 0;
  position: absolute;
}

.nsm_membership_slider_div .carousel {
  border-radius: 1.5vw !important;
  overflow: hidden !important;
}

.nsm_membership_slider_div .carousel-inner {
  border-radius: 1.5vw !important;
  overflow: hidden !important;
}

.nsm_membership_slider_div .carousel-item {
  border-radius: 1.5vw !important;
}

.nsm_membership_slider_div .image-block img {
  width: 100%;
  border-radius: 1.5vw;
  height: 27.3vw;
  object-fit: cover;
  object-position: center;
}

.nsm_membership_slider_div .image-block .image-tag {
  font-size: 0.9vw;
  line-height: 1.3vw;
  color: var(--white-primary);
  font-family: var(--medium-font);
  text-transform: capitalize;
  position: absolute;
  right: 3%;
  bottom: 5%;
}

.nsm_membership_slider_div .content-block {
  margin-left: 20%;
  padding-top: 1.5vw;
  position: relative;
}

.nsm_membership_slider_div .content-block .row {
  align-items: center;
}

.nsm_membership_slider_div .content-block .title_h4 {
  color: var(--red-primary);
  margin-bottom: 1vw;
}

.nsm_membership_slider_div .content-block .desc {
  font-size: 1.2vw;
  line-height: 1.875vw;
  color: var(--red-primary);
  font-family: var(--regular-font);
  margin-bottom: 1vw;
  font-weight: 200;
}

.nsm_membership_slider_div .content-block .link-btn {
  font-size: 0.9vw;
  line-height: 1.35vw;
  color: var(--red-primary);
  font-family: var(--bold-font);
  text-transform: uppercase;
  text-decoration: none;
  position: absolute;
}

.nsm_membership_slider_div .content-block .link-btn:hover {
  text-decoration: underline;
}

.page-intro {
  padding: 5vw 0vw;
  margin-bottom: -8%;
  margin-left: 20%;
}

.page-intro .title_h1 {
  padding: 2.5vw 0vw 3.5vw 0vw;
  color: var(--red-primary);
  font-family: var(--regular-font);
}

.page-intro .nsm_context {
  color: var(--black-primary);
  font-family: var(--regular-font);
}

.market-industry-intro {
  padding: 5vw 0vw;
  margin-bottom: -8%;
  margin-left: 20%;
}

.market-industry-intro .title_h1 {
  padding: 2.5vw 0vw 3.5vw 0vw;
  color: var(--red-primary);
  font-family: var(--regular-font);
}

.market-industry-intro .nsm_context {
  color: var(--black-primary);
  font-family: var(--regular-font);
}

.market-industry-intro .nsm_context p {
  margin-bottom: 0;
}

@media (max-width:767px) {
  .market-industry-intro .nsm_context {
    color: var(--black-primary);
    font-family: var(--regular-font);
    font-size: 3.8vw;
    line-height: 5.6vw;
  }

  .market-industry-intro .title_h1 {
    padding: 5.5vw 0vw 5.5vw 0vw;
    color: var(--red-primary);
    font-family: var(--bold-font);
    font-size: 9vw;
  }
}

.market-industry-main-content {
  padding: 5vw 0vw;
  margin-bottom: -8%;
  margin-left: 20%;
}

.market-industry-main-content .tab {
  text-decoration: none;
  font-size: 0.9vw;
  line-height: 1.35vw;
  font-family: var(--medium-font);
  color: var(--black-primary);
  text-transform: uppercase;
  margin-right: 20px;
}

.market-industry-main-content .tab.active {
  color: var(--red-primary);
  border-bottom: 1px solid var(--red-primary);
  padding-bottom: 0.25vw;
}

.tabs-nav {
  background: var(--white-primary);
  padding: 30px 0px;
  z-index: 99;
}

.tabs-nav h4 {
  font-size: 1.6vw;
  line-height: 2.2vw;
  font-family: var(--bold-font);
  color: var(--red-primary);
  margin-bottom: 2vw;
}

.stickyelement {
  position: sticky;
  background: var(--white-primary);
  top: 0;
}

.tabs-nav ul {
  margin: 0;
  padding: 0;
}

.tabs-nav li {
  display: inline-block;
  color: var(--black-primary);
  margin-right: 5px;
}

.tabs-nav a {
  display: block;
  color: var(--black-primary);
  font-family: var(--medium-font);
  font-size: 0.9vw;
  line-height: 1.35vw;
  text-decoration: none;
  text-transform: uppercase;
  margin-right: 0.75vw;
}

.tabs-nav p {
  color: var(--black-primary);
  font-family: var(--bold-font);
  font-size: 0.9vw;
  line-height: 1.35vw;
}

.tabs-nav li.active {
  color: var(--red-primary);
}

.tabs-nav li.active a {
  color: var(--red-primary);
  padding-bottom: 0.25vw;
}

.tabs-content {
  border-top: 1px solid var(--black-primary);
  margin-top: 2vw;
  margin-bottom: 2vw;
  padding-top: 4vw;
  overflow: hidden;
}

.tabs-content IMG {
  margin-right: 10px;
}

.tabs-content .tab-item:not(:first-child) {
  display: none;
}

.tabs-content .main-title h3 {
  font-family: var(--bold-font);
  font-size: 2.4vw;
  line-height: 3.36vw;
  letter-spacing: -0.02em;
  text-align: left;
  color: var(--red-primary);
  text-transform: uppercase;
}

.tabs-content .main-title p {
  font-family: var(--bold-font);
  font-size: 1.2vw;
  line-height: 1.8vw;
  letter-spacing: 0em;
  text-align: left;
  color: var(--red-primary);
  margin-bottom: 0;
}

.tabs-content .main-button {
  text-align: right;
}

.tabs-content .rd-btn {
  color: var(--white-primary);
}

.tabs-content .content-block {
  width: 95%;
  padding-top: 1.5VW;
}

.tabs-content .content-block h5 {
  font-family: var(--bold-font);
  font-size: 1vw;
  line-height: 1.5vw;
  color: var(--red-primary);
  text-transform: uppercase;
  margin-bottom: 2.5vw;
}

.tabs-content .content-block .inner-context {
  font-family: var(--regular-font);
  font-size: 1vw;
  line-height: 1.6vw;
  color: var(--black-primary);
  margin-bottom: 2.5vw;
}

.tabs-content .content-block a {
  line-height: 1.5vw;
  color: var(--black-primary);
  text-transform: uppercase;
  text-decoration: none;
}

.tabs-content .image-block img {
  width: 100%;
  border-radius: 1.5vw;
}

@media (max-width:767px) {
  .tabs-content .image-block img {
    width: 100%;
    border-radius: 1.5vw;
    margin-bottom: 6vw;
  }
}

.tabs-content .objective-point h6 {
  font-family: var(--bold-font);
  font-size: 1vw;
  line-height: 1.6vw;
  color: var(--black-primary);
  text-transform: uppercase;
}

.tabs-content .objective-point {
  margin-bottom: 1.5vw;
}

.tabs-content .objective-point p {
  font-family: var(--regular-font);
  font-size: 1vw;
  line-height: 1.6vw;
  color: var(--black-primary);
  width: 85%;
}

.tabcontent-slider .item-block img {
  margin-bottom: 1vw;
}

.tabcontent-slider .item-block .block-title {
  text-transform: capitalize;
  color: var(--black-primary);
  font-size: 1.5vw;
  line-height: 1.875vw;
  margin-bottom: 1vw;
  font-family: var(--bold-font);
}

.tabcontent-slider .item-block .block-desc {
  color: var(--black-primary);
  font-size: 1vw;
  line-height: 1.5vw;
  font-family: var(--regular-font);
}

.tabcontent-slider .item-block {
  margin-right: 1vw;
}

.innovation-tab-row {
  position: relative;
}

.innovation-tab-row .content-block a {
  color: var(--red-primary);
  position: absolute;
  bottom: 0;
  font-family: var(--bold-font);
}

#people {
  padding: 5vw 0vw;
  margin-bottom: -8%;
  margin-left: 15%;
}

#people .tabs-nav {
  padding-left: 6%;
}

#people .tabs-content {
  border-top: 0px solid var(--black-primary);
  margin-top: 3vw;
  padding-top: 0vw;
}

@media (min-width:768px) {
  #people .tabs-content .col-5 {
    width: 20%;
  }
}

.people-card {
  margin-bottom: 1.5vw;
}

.people-card img {
  width: 100%;
  margin-bottom: 1vw;
}

.people-card .name {
  font-size: 1vw;
  line-height: 1.5vw;
  color: var(--black-primary);
  font-family: var(--bold-font);
  margin-bottom: 0.5vw;
}

.people-card .desg {
  font-size: 0.8vw;
  line-height: 1.2vw;
  color: var(--black-primary);
  font-family: var(--regular-font);
}

.contact-main-content {
  padding: 5vw 0vw 0vw 0vw;
  margin-bottom: -5%;
  margin-left: 20%;
}

.contact-main-content .tabs-nav.stickyelement {
  position: sticky;
  top: 0;
  width: 100%;
}

@media (max-width:767px) {
  .contact-main-content .tabs-nav.stickyelement {
    position: sticky;
    top: 15vw;
    width: 100%;
  }
}

.contact-main-content .tab {
  text-decoration: none;
  font-size: 0.9vw;
  line-height: 1.35vw;
  font-family: var(--medium-font);
  color: var(--black-primary);
  text-transform: uppercase;
  margin-right: 20px;
}

.contact-main-content .tabs-nav {
  border-bottom: 1px solid var(--black-primary);
}

.contact-main-content .tab.active {
  color: var(--red-primary);
  border-bottom: 1px solid var(--red-primary);
  padding-bottom: 0.25vw;
}

.contact-main-content .tabs-content {
  padding-top: 0vw;
  margin-bottom: 0vw;
  border-top: 0 solid var(--black-primary);
  margin-top: 0;
}

.contact-main-content .tabs-content .heading {
  font-family: var(--bold-font);
  margin-bottom: 0.4vw;
}

.contact-main-content .tabs-content .desc {
  margin-bottom: 30px;
}

.map-block iframe {
  width: 100%;
  height: 36vw;
  border-radius: 1vw;
}

.page-intro {
  padding: 5vw 0vw;
  margin-bottom: -8%;
  margin-left: 20%;
}

.careerpage {
  position: relative;
}

.careerpage .title_h1 {
  padding: 2.5vw 0vw 1.5vw 0vw;
  color: var(--red-primary);
  font-family: var(--regular-font);
}

.careerpage .title_h3 {
  padding: 0vw 0vw 1.5vw 0vw;
  color: var(--red-primary);
  font-family: var(--medium-font);
  font-size: 3vw;
  line-height: 4vw;
}

.careerpage .row {
  position: relative;
}

.careerpage .rd-btn_light {
  position: absolute;
  right: 0;
  top: 20%;
}

.careerpage .rd-btn {
  position: absolute;
  right: 5%;
  top: 10%;
  color: var(--white-primary);
}

@media(max-width:767px) {
  .careerpage .rd-btn {
    position: static;
    padding: 5vw 6.75vw 5vw 6.75vw;
    border-radius: 8.5vw;
    color: var(--red-primary);
    text-transform: uppercase;
    background: #955c03;;
    font-size: 3.6vw;
    line-height: 5.35vw;
    color: var(--white-primary);
    margin-bottom: 8vw;
    width: 100%;
  }
}

.career-main-content .tabs-nav.stickyelement {
  position: fixed;
  top: 0;
  width: 75%;
}

.careerpage .video_block {
  position: relative;
}

.careerpage .video_block img {
  width: 100%;
  border-radius: 1vw;
}

.careerpage .video-playbtn {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 9;
}

.careerpage .video-playbtn img {
  height: 6vw;
  width: 6vw;
}

.careerpage_slick .container {
  margin-left: 15%;
}

@media (max-width:767px) {
  .careerpage_slick .white-btn {
    width: 100%;
  }
}

.career_join_section {
  padding: 3vw 0vw 0vw 0vw;
}

.career_join_section .container {
  padding-left: 15%;
  margin: 0;
}

.career_join_section .title_h3 {
  padding: 2.5vw 0vw 1.5vw 0vw;
  color: var(--red-primary);
  font-family: var(--regular-font);
}

.career_join_section p {
  color: var(--black-primary);
  font-family: var(--regular-font);
  font-size: 1vw;
  width: 60vw;
}

.career-main-content {
  padding: 0vw 0vw 3vw 0vw;
  margin-bottom: 0;
  margin-left: 20%;
}

.career-main-content .tab {
  text-decoration: none;
  font-size: 0.9vw;
  line-height: 1.35vw;
  font-family: var(--medium-font);
  color: var(--black-primary);
  text-transform: uppercase;
  margin-right: 20px;
}

.career-main-content .tab.active {
  color: var(--red-primary);
  border-bottom: 1px solid var(--red-primary);
  padding-bottom: 0.25vw;
}

.career-main-content .tabs-content {
  padding-top: 0vw;
  margin-bottom: 0vw;
  border-top: 0px solid var(--black-primary);
}

.career-main-content .tabs-nav {
  border-bottom: 1px solid var(--black-primary);
}

.career-main-content .tabs-content .heading {
  font-family: var(--bold-font);
  margin-bottom: 0.4vw;
}

.career-main-content .tabs-content .desc {
  margin-bottom: 30px;
}

.career-main-content .tabs-content .career_card {
  background: #eeeeee;
  border: 2px solid var(--grey-primary);
  border-radius: 1vw;
  margin-bottom: 2vw;
}

.career-main-content .tabs-content .career_card .job_title {
  font-family: var(--bold-font);
  color: var(--red-primary);
  font-size: 0.9vw;
  line-height: 1.6;
  text-align: left;
  margin-bottom: 0.5vw;
  padding: 1vw 1vw 0vw 1vw;
  overflow: hidden;
}

.career-main-content .tabs-content .career_card .job_desc {
  font-family: var(--regular-font);
  color: var(--black-primary);
  font-size: 0.7vw;
  line-height: 1.1vw;
  text-align: left;
  margin-bottom: 1.5vw;
  padding: 0vw 1vw;
  height: 4.5vw;
  overflow-y: hidden;
}

.career-main-content .tabs-content .career_card .seperator {
  height: 1.5px;
  width: 100%;
  background: var(--grey-primary);
}

.career_card .action-btn {
  padding: 0.8vw 1vw;
  display: flex;
}

.career_card .action-btn .cat {
  width: 70%;
  color: var(--black-primary);
  font-family: var(--regular-font);
  font-size: 0.7vw;
  height: 1.8vw;
  overflow: hidden;
}

.career_card .action-btn .apply {
  width: 70%;
  text-align: right;
}

.career_card .action-btn .apply a {
  text-decoration: none;
  color: var(--black-primary);
  font-family: var(--regular-font);
  font-size: 0.7vw;
}

.career_card .action-btn .apply a:hover {
  color: var(--red-primary);
}

.career-main-content .tabs-nav select {
  border: 0 !important;
  color: var(--black-primary);
  font-family: var(--medium-font);
  font-size: 0.9vw;
  line-height: 1.35vw;
  text-decoration: none;
  text-transform: uppercase;
  margin-right: 0.75vw;
  margin-left: -0.3vw;
  background: url(themes/custom/inoatheme/images/red_drop_arrow.svg) no-repeat !important;
  background-size: 0.8vw !important;
  background-position: calc(100% - 0%) 0.4vw !important;
  background-repeat: no-repeat !important;
  width: 5vw;
}

.career-main-content .tabs-nav select:focus {
  outline: 0;
}

.market-industry-main-content .tabs-nav select {
  border: 0;
  color: var(--black-primary);
  font-family: var(--medium-font);
  font-size: 0.9vw;
  line-height: 1.35vw;
  text-decoration: none;
  text-transform: uppercase;
  margin-right: 0.75vw;
  margin-left: -0.3vw;
  background: url(themes/custom/inoatheme/images/red_drop_arrow.svg) no-repeat !important;
  background-size: 0.8vw !important;
  background-position: calc(100% - 0%) 0.4vw !important;
  background-repeat: no-repeat !important;
  width: 5vw;
}

.market-industry-main-content .tabs-nav select:focus {
  outline: 0;
}

.dropdown_menu {
  list-style-type: none;
  padding: 10px 10px 0px 10px;
  display: none;
}

.dropdown_menu li a {
  color: var(--black-primary);
  text-decoration: none;
  text-transform: capitalize;
}

.dropdown_menu li a:hover {
  color: var(--red-primary);
}

li.bold>a {
  font-family: var(--bold-font);
}

.dropdown_menu li.active a {
  color: var(--red-primary);
}

.career_job_detail {
  padding: 3vw 0vw 3vw 0vw;
  margin-left: 20%;
}

.career_job_detail .title_h3 {
  padding: 2.5vw 0vw 1.5vw 0vw;
  color: var(--red-primary);
  font-family: var(--regular-font);
}

.career_job_detail h4 {
  font-size: 1.6vw;
  line-height: 2.2vw;
  font-family: var(--bold-font);
  color: var(--red-primary);
  margin-bottom: 5vw;
  margin-top: 3vw;
}

.career_job_detail p {
  color: var(--black-primary);
  font-family: var(--regular-font);
  font-size: 1vw;
  width: 60vw;
  margin-bottom: 0.2vw;
}

.careerpage.detailed .rd-btn_light {
  position: fixed;
  right: 2%;
  top: 20%;
}

@media (max-width:767px) {
  .careerpage.detailed .pb-5 {
    padding-bottom: 0.8rem !important;
  }

  .careerpage.detailed .rd-btn_light {
    position: static;
    font-size: 3.6vw;
    margin-bottom: 5vw;
    border-radius: 8.5vw;
    height: max-content;
    padding: 5.4vw 6.25vw 5.4vw 6.25vw;
    font-size: 3.4vw;
    line-height: 4.6vw;
    width: 100%;
  }
}

.career_job_detail .red_text {
  font-family: var(--bold-font);
  color: var(--red-primary);
  margin-bottom: 1.5vw;
}

.career_job_detail ul {
  margin-bottom: 1.5vw;
}

.career_job_detail ul li {
  color: var(--black-primary);
  font-family: var(--regular-font);
  font-size: 1vw;
  width: 60vw;
  margin-bottom: 0.2vw;
}

.career_job_detail p span {
  font-family: var(--bold-font);
}

.cstm_divider {
  height: 0.1vw;
  width: 100%;
  background: var(--black-primary);
  margin-top: 2vw;
}

.nsm_form_section {
  background: #efefef;
  padding: 5vw 0vw 5vw 0vw;
  margin-bottom: -5%;
  position: relative;
  z-index: 9;
}

.nsm_form_section .title_h3 {
  color: var(--red-primary);
  font-family: var(--bold-font);
  margin-bottom: 1.8vw;
}

.nsm_form_section .sub_text {
  color: var(--red-primary);
  font-family: var(--regular-font);
  font-size: 1vw;
  width: 60vw;
  margin-bottom: 0.2vw;
}

.nsm_form_section .container {
  padding-left: 15%;
}

@media (max-width:767px) {
  .application_form input[type="submit"] {
    padding: 5.4vw 6.25vw 5.4vw 6.25vw;
    border-radius: 8vw;
    font-size: 3.4vw;
    line-height: 4.6vw;
    width: 100%;
    margin-bottom: 3vw;
    margin-top: 3vw;
  }

  .application_form input[type="file"] {
    padding: 1.2rem 3.5vw;
    min-height: 3.5rem;
  }

  #applynow .application_form input[type="file"] {
    padding: 3vw 1.5vw;
    min-height: 2.5rem;
  }
}

.application_form #fileLabel {
  width: 85%;
}

.application_form #fileLabel2 {
  width: 85%;
}

@media (max-width:767px) {
  .application_form #fileLabel2 {
    width: 80%;
  }
}

form input[type="submit"]:hover {
  background: var(--red-secondary);
}

form.application_form {
  margin-top: 2.4vw;
}

.fileupload {
  position: relative;
}

#fileLabel {
  color: var(--black-primary);
  font-family: var(--regular-font);
  font-size: 1vw;
  position: absolute;
  left: 2.4vw;
  top: 14px;
}

#fileLabel2 {
  color: var(--black-primary);
  font-family: var(--regular-font);
  font-size: 1vw;
  position: absolute;
  left: 2.4vw;
  top: 14px;
}

.membership_form_single .title_h1 {
  padding: 2.5vw 0vw 1.5vw 0vw;
  color: var(--red-primary);
  font-family: var(--regular-font);
}

.membership_form_single .nsm_context .bold_red {
  color: var(--red-primary);
  font-family: var(--bold-font);
  margin-bottom: 1.5vw;
}

.membership_form_single .nsm_context {
  color: var(--black-primary);
  font-family: var(--regular-font);
  width: 90%;
}

.nsm_membership_section {
  padding: 5vw 0vw 0vw 0vw;
  margin-left: 20%;
}

.nsm_membership_section h4 {
  font-size: 1.8vw;
  line-height: 2.2vw;
  font-family: var(--bold-font);
  color: var(--red-primary);
  margin-bottom: 2vw;
}
}

form.node-member-profile-form .form-textarea {
  padding: 1vw 1.5vw !important;
}

form.node-member-profile-form .form-textarea::placeholder {
  font-size: 1vw !important;
  color: var(--black-primary) !important;
  font-family: var(--regular-font) !important;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/> </svg>') no-repeat !important;
  background-size: 1vw !important;
  background-position: calc(100% - 1.5vw) 1.2vw !important;
  background-repeat: no-repeat !important;
}

@media (max-width:767px) {
  select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/> </svg>') no-repeat !important;
    background-size: 3.5vw !important;
    background-position: calc(100% - 3.5vw) 3.5vw !important;
    background-repeat: no-repeat !important;
  }
}

#register input[type="submit"] {
  margin-top: 3vw;
}

.submit-btnblock {
  text-align: center;
  margin: 3vw 0vw 0vw;
}

.submit-btnblock input[type="submit"] {
  padding: 1vw 8vw 1vw 8vw;
}

@media (max-width:767px) {
  .submit-btnblock input[type="submit"] {
    border-radius: 8.5vw;
    height: max-content;
    padding: 5.4vw 6.25vw 5.4vw 6.25vw;
    font-size: 3.4vw;
    line-height: 4.6vw;
    width: 100%;
    margin-bottom: 3vw;
  }
}

.nsm_membership_section .sub_text {
  font-size: 1vw;
  line-height: 2.2vw;
  font-family: var(--bold-font);
  color: var(--red-primary);
  margin-bottom: 2vw;
}

.container-checkbox {
  display: block;
  position: relative;
  padding-left: 1.5vw;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 0.8vw;
  line-height: 1.2vw;
  font-family: var(--regular-font);
  color: var(--black-primary);
  margin-bottom: 1.5vw;
}

.container-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.container-checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 1vw;
  width: 1vw;
  background-color: #fff;
  border: 1px solid black;
}

.container-checkbox:hover input~.checkmark {
  background-color: #f5f5f5;
}

.container-checkbox input:checked~.checkmark {
  background-color: #013a9b;
  border: 0px solid black;
}

.container-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.container-checkbox input:checked~.checkmark:after {
  display: block;
}

.container-checkbox .checkmark:after {
  left: 0.4vw;
  top: 0.1vw;
  width: 0.3vw;
  height: 0.6vw;
  border: solid white;
  border-width: 0 0.2vw 0.2vw 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.tc_content .container-checkbox {
  width: 62%;
}

.tc_content .container-checkbox a {
  text-decoration: underline;
  color: var(--black-primary);
}

.filter_search {
  text-align: end;
}

.filter_search img {
  height: 1.2vw;
  width: 1.2vw;
  margin-top: 1.2vw;
}

.tabs-content .media_card {
  margin-bottom: 2vw;
}

.tabs-content .media_card .media_card_content {
  border: 2px solid var(--grey-primary);
  border-radius: 0vw 0vw 1vw 1vw;
  background: #eeeeee;
}

.tabs-content .media_card img {
  width: 100%;
  border-radius: 1vw 1vw 0vw 0vw;
}

.tabs-content .media_card .job_title {
  font-family: var(--bold-font);
  color: var(--red-primary);
  font-size: 0.9vw;
  line-height: 1.6;
  text-align: left;
  margin-bottom: 0.5vw;
  padding: 1vw 1vw 0vw 1vw;
  height: 4vw;
  overflow: hidden;
}

.tabs-content .media_card .job_desc {
  font-family: var(--regular-font);
  color: var(--black-primary);
  font-size: 0.7vw;
  line-height: 1.1vw;
  text-align: left;
  margin-bottom: 1.5vw;
  padding: 0vw 1vw;
  height: 3.5vw;
  overflow-x: hidden;
}

.tabs-content .media_card .seperator {
  height: 1.5px;
  width: 100%;
  background: var(--grey-primary);
}

.media_card .action-btn {
  padding: 0.8vw 1vw;
  display: flex;
}

.media_card .action-btn .postdate {
  width: 50%;
  color: var(--black-primary);
  font-family: var(--regular-font);
  font-size: 0.7vw;
}

.media_card .action-btn .category {
  width: 50%;
  text-align: right;
}

.media_card .action-btn .category a {
  text-decoration: none;
  color: var(--black-primary);
  font-family: var(--regular-font);
  font-size: 0.7vw;
}

.media_card .action-btn .apply a:hover {
  color: var(--red-primary);
}

.media_press_tabcontent {
  margin-bottom: 0vw;
}

.media_contact {
  padding: 5vw 0vw 0vw 0vw;
  margin-left: 20%;
}

.media_contact h4 {
  font-size: 1.6vw;
  line-height: 2.2vw;
  font-family: var(--bold-font);
  color: var(--red-primary);
  margin-bottom: 2vw;
}

.media_contact p {
  color: var(--black-primary);
  font-family: var(--regular-font);
  font-size: 1vw;
  line-height: 1.35vw;
  margin-bottom: 0.4vw;
}

.media_contact a {
  color: var(--black-primary);
  font-family: var(--regular-font);
  font-size: 1vw;
  line-height: 1.35vw;
  text-decoration: none;
  display: block;
}

.media_contact a:hover {
  color: var(--red-primary);
}

.media_contact .bold_text {
  font-family: var(--bold-font);
}

.media_contact .seperator {
  height: 1px;
  width: 100%;
  background: var(--black-primary);
  margin-top: 2.5vw;
}

.media_kit .section_title h5 {
  font-size: 1.6vw;
  line-height: 2.2vw;
  font-family: var(--bold-font);
  color: var(--red-primary);
  margin-bottom: 2vw;
}

.media_kit {
  margin-left: 15%;
  padding-top: 5vw;
  border-top: 1px solid var(--black-primary);
}

.media_press_page {
  margin-bottom: 0;
}

.nsm_faq_section {
  background: #efefef;
  padding: 5vw 0vw 5vw 0vw;
  margin-bottom: -5%;
  position: relative;
  z-index: 999;
}

.nsm_faq_section .title_h3 {
  color: var(--red-primary);
  font-family: var(--bold-font);
  margin-bottom: 3vw;
  font-size: 3vw;
  line-height: 4vw;
  margin-bottom: 4vw;
}

.nsm_faq_section .accordion-item {
  margin-bottom: 0.8vw;
  background: var(--red-primary);
  border-radius: 1vw !important;
}

.nsm_faq_section .accordion-item .accordion-button {
  background: var(--red-primary);
  border-radius: 1vw !important;
  color: var(--white-primary);
  box-shadow: none;
  font-size: 1vw;
  line-height: 1.5vw;
  font-family: var(--bold-font);
  padding: 1vw 2vw;
}

.nsm_faq_section .accordion-body {
  color: var(--white-primary);
  background: var(--red-primary);
  border-radius: 0vw 0vw 1vw 1vw;
  font-size: 1vw;
  font-family: var(--medium-font);
}

.accordion-button::after {
  background-image: url(themes/custom/inoatheme/images/acc.svg) !important;
}

.nsm_faq_section .container {
  padding-left: 15%;
}

.media_kit-slider .item-block {
  margin-right: 1vw;
}

.media_kit-slider .item-block img {
  border-radius: 1.5vw;
  margin-bottom: 1.8vw;
  height: 24vw;
  object-fit: cover;
  border-radius: 1.5vw;
}

.media_kit-slider .item-block .block-title {
  font-size: 1.5vw;
  line-height: 2.25vw;
  color: var(--black-primary);
  font-family: var(--bold-font);
  margin-bottom: 1.5vw;
}

.nsm_footer-area-dark {
  background: url(themes/custom/inoatheme/images/footer-dark-bg.svg);
  background-size: cover;
  margin-left: 22.8%;
  margin-top: 5%;
  padding: 4vw 0vw 2.5vw 0vw;
  z-index: 99;
  position: relative;
}

.nsm_footer-area-dark .title_h3 {
  color: var(--white-primary);
  margin-bottom: 3.5vw;
  font-family: var(--regular-font);
  border-top: 0px solid var(--white-primary);
}

.nsm_footer-area-dark .nsm_footer-widget {
  background: transparent;
  width: 100%;
}

.nsm_footer-area-dark .nsm_withimage-block {
  width: 55%;
  border-radius: 2vw;
  margin-right: 1%;
}

.nsm_footer-area-dark .nsm_withtext-block {
  width: 38%;
  border-radius: 2vw;
  margin-right: 1%;
  padding: 2vw;
  position: relative;
}

.nsm_footer-area-dark .nsm_withtext-block .nsm_desc {
  color: var(--white-primary);
  font-size: 1.2vw;
  line-height: 1.8vw;
  font-family: var(--regular-font);
}

.nsm_footer-area-dark .nsm_withtext-block .nsm_detail {
  bottom: 1.8vw;
  position: absolute;
  display: flex;
  width: 100%;
}

.nsm_footer-area-dark .nsm_withtext-block .nsm_detail .label {
  color: var(--white-primary);
  font-size: 1.2vw;
  line-height: 2vw;
  font-family: var(--bold-font);
}

.nsm_footer-area-dark .nsm_withtext-block .nsm_detail .date {
  color: var(--white-primary);
  font-size: 1.2vw;
  line-height: 1.8vw;
  font-family: var(--bold-font);
  position: absolute;
  right: 15%;
}

.nsm_footer-area-dark .container {
  padding-right: 0;
  margin-right: 0;
}

.nsm_footer-area-dark .container .col-md-12 {
  padding-right: 0;
}

.scrolling-wrapper {
  display: flex;
  flex-wrap: no-wrap;
  overflow-x: auto;
  cursor: grab;
}

.scrolling-wrapper::-webkit-scrollbar {
  display: none !important;
}

.scrolling-wrapper.active {
  cursor: grabbing;
}

.scrolling-wrapper[data-dragging="true"] a {
  pointer-events: none;
}

.footer_slider {
  height: 22vw;
}

.footer_slider .nsm_block_footer {
  flex: 0 0 auto;
  display: flex;
  height: 22vw;
}

.footer_slider .nsm_withtext-block {
  margin-right: 0.5%;
  width: 340px !important;
}

.footer_slider .nsm_withimage-block {
  margin-right: 0.5%;
  width: 480px !important;
}

.footer_slider .nsm_withimage-block img {
  object-fit: cover;
}

.widget-reddark {
  background: var(--red-secondary);
}

.widget-blackdark {
  background: var(--black-primary);
}

.widget-redlight {
  background: var(--black-primary);
}

.nsm_footer-area-dark .nsm_footer-text {
  font-size: 1.5vw;
  font-family: var(--regular-font);
  color: var(--white-primary);
  margin-bottom: 1.5vw;
}

.nsm_footer-area-dark .nsm_footer-social {
  font-size: 1.5vw;
  font-family: var(--medium-font);
  color: var(--white-primary);
  margin-bottom: 1.5vw;
  text-decoration: none;
}

.nsm_footer-area-dark .nsm_footer-social a {
  text-decoration: none;
  color: var(--white-primary);
  font-size: 1.2vw;
}

.section {
  height: 100vh;
}

.loginregister_page .tabs-nav-login ul {
  margin: 0;
  padding: 0;
}

.loginregister_page .tabs-nav-login li {
  display: inline-block;
  color: var(--black-primary);
  margin-right: 5px;
}

.loginregister_page .tabs-nav-login a {
  display: block;
  color: var(--black-primary);
  font-family: var(--medium-font);
  font-size: 0.9vw;
  line-height: 1.35vw;
  text-decoration: none;
  text-transform: uppercase;
  margin-right: 0.75vw;
}

.loginregister_page .tabs-nav-login p {
  color: var(--black-primary);
  font-family: var(--bold-font);
  font-size: 0.9vw;
  line-height: 1.35vw;
  text-transform: uppercase;
}

.loginregister_page .tabs-nav-login li.active {
  color: var(--red-primary);
}

.loginregister_page .tabs-nav-login li.active a {
  color: var(--red-primary);
  border-bottom: 1px solid var(--red-primary);
  padding-bottom: 0.25vw;
}

.loginregister_page .tabs-content-login {
  border-top: 1px solid var(--black-primary);
  margin-top: 2vw;
  margin-bottom: 2vw;
  padding-top: 4vw;
  overflow: hidden;
}

.loginregister_page .tabs-content-login .tab-item:not(:first-child) {
  display: none;
}

.loginregister_page {
  background: var(--black-primary);
  padding: 3vw 0px;
  height: 100vh;
  width: 100%;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.9);
  overflow-y: hidden;
  transition: 0.5s;
  display: none;
}

.loginregister_page .form_card {
  background: var(--white-primary);
  width: 30vw;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 3vw 2vw;
}

.loginregister_page .form_card .form_logo {
  width: 100%;
  text-align: center;
  margin-bottom: 1.2vw;
}

.loginregister_page .form_card .form_logo img {
  width: 12vw;
}

.loginregister_page .form_card .form_close {
  position: absolute;
  top: 2.5%;
  right: 5%;
  cursor: pointer;
}

.loginregister_page .form_card .form_close img {
  width: 1.8vw;
}

.loginregister_page .form_card .form_close2 {
  position: absolute;
  top: 2.5%;
  right: 5%;
  cursor: pointer;
}

.loginregister_page .form_card .form_close2 img {
  width: 1.8vw;
}

.loginregister_page .form_card form input[type="submit"] {
  padding: 1vw 2vw 1vw 2vw;
  border-radius: 2.5vw;
  color: var(--white-primary);
  text-transform: uppercase;
  background: var(--red-primary);
  font-size: 0.9vw;
  line-height: 1.35vw;
  text-align: center;
  font-family: var(--bold-font);
  text-decoration: none;
  display: inline-block;
  border: 0;
  width: 100%;
  margin-bottom: 0;
}

.loginregister_page .form_card form input[type="submit"]:hover {
  background: var(--red-secondary);
}

.loginregister_page .form_card form input[type="checkbox"] {
  width: max-content;
  accent-color: var(--red-secondary);
  height: 15px;
  width: 15px;
  padding: 0;
  margin-right: 10px;
  margin-bottom: 0;
  -webkit-appearance: checkbox;
}

.loginregister_page .form_card form label {
  color: var(--black-primary);
  font-family: var(--regular-font);
  font-size: 12px;
}

.loginregister_page .tabs-nav-login {
  padding-bottom: 0;
  padding-top: 1.5vw;
}

.loginregister_page .tabs-content-login {
  padding-top: 3vw;
}

.loginregister_page .tabs-nav-login li {
  margin-right: 0.2vw;
}

.loginregister_page .tabs-nav-login li.active a {
  padding-bottom: 0.8vw;
}

.loginregister_page .tabs-content-login {
  margin-top: 0;
}

.calculatepopup .popup-title {
  font-family: var(--medium-font);
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 2vw;
  font-size: 1.1vw;
  line-height: 2.1vw;
  border-bottom: 1px solid var(--black-primary);
  padding-bottom: 1.5vw;
  margin-top: 2vw;
}

.calculatepopup table {
  margin-bottom: 2vw;
  font-size: 0.9vw;
  font-family: var(--medium-font);
  color: var(--black-primary);
  width: 100%;
}

.calculatepopup .total-charge {
  margin-bottom: 0vw;
  border-top: 1px solid var(--black-primary);
}

.calculatepopup table .desc {
  width: 75%;
}

.calculatepopup table .value {
  text-align: right;
}

.calculatepopup table td {
  padding: 0.7vw 0vw;
}

.calculatepopup table.total-charge td {
  font-family: var(--bold-font);
  color: var(--black-primary);
  padding-top: 1.5vw;
}

@media (max-width:767px) {
  .calculate-btn .rd-btn {
    color: var(--white-primary);
    background: var(--red-primary);
    cursor: pointer;
    border-radius: 8vw;
    height: max-content;
    padding: 5.4vw 6.25vw 5.4vw 6.25vw !important;
    font-size: 3.4vw;
    line-height: 4.6vw;
    width: 100%;
    margin-bottom: 3vw;
  }

  .loginregister_page .form_card .form_close2 img {
    width: 4.8vw;
  }

  .calculatepopup .popup-title {
    font-family: var(--medium-font);
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 5vw;
    font-size: 4.2vw;
    line-height: 5.2vw;
    border-bottom: 1px solid var(--black-primary);
    padding-bottom: 5.5vw;
    margin-top: 5vw;
  }

  .calculatepopup .form_card .form_logo img {
    width: 48vw !important;
  }

  .calculatepopup table {
    margin-bottom: 5vw;
    font-size: 3.2vw;
    font-family: var(--medium-font);
    color: var(--black-primary);
    width: 100%;
  }

  .calculatepopup table td {
    padding: 2.1vw 0vw;
  }

  .calculatepopup table.total-charge td {
    padding-top: 3.5vw;
  }
}

#fullpage {
  width: calc(100% - 400px);
}

.main {
  position: relative;
  height: 100vh;
  padding: 0;
}

.logo-div {
  opacity: 1;
  left: -14%;
  top: 80vh;
  position: fixed;
  z-index: 9;
  width: 100%;
}

.nsm_navbar.nsm_navbar_white li a {
  color: #fff;
}

.driving-innovative-carousel {}

.we-are-innovation-div {
  color: var(--red-primary);
  padding: 0 70px 0 200px;
}

.we-are-innovation-div .title_h1 {
  font-size: 3.4vw;
  line-height: 4.4vw;
}

.thought-leadership-div {
  position: absolute;
  bottom: -18%;
  right: 5%;
  background-image: linear-gradient(to right, #781a19, #9d1f1a);
  border-radius: 20px;
  width: 40%;
  height: 57vh;
}

.thought-leadership-div .thought-leadership-box {
  padding: 2.5vw;
  background-size: cover;
  height: 28vw;
  width: 100%;
  margin: 0;
}

.thought-leadership-div .thought-leadership-box .title_h4 {
  color: var(--white-primary);
  margin-bottom: 1.5vw;
}

.thought-leadership-div .thought-leadership-box .list-item {
  padding: 0;
  width: 24vw;
}

.thought-leadership-div .thought-leadership-box .list-item li {
  list-style-type: none;
  margin-bottom: 1.5vw;
}

.thought-leadership-div .thought-leadership-box .list-item li .list-title {
  font-size: 1vw;
  line-height: 1.5vw;
  color: var(--white-primary);
  font-family: var(--bold-font);
  margin-bottom: 0.5vw;
}

.thought-leadership-div .list-item li .list-context {
  font-size: 0.8vw;
  line-height: 1.2vw;
  color: var(--white-primary);
  font-family: var(--regular-font);
}

.nasscom-members-container {
  padding: 5vw 2.5vw;
  border-radius: 1.5vw;
  background: url(themes/custom/inoatheme/images/BG-Red.svg);
  background-size: cover;
  height: 22vw;
  width: 22vw;
  margin: 0;
  position: absolute;
  border-radius: 50%;
  display: flex;
}

.nasscom-members-content {
  align-self: center;
}

.nasscom-members-desc {
  font-size: 1.5vw;
  line-height: 2.25vw;
  text-align: center;
  color: var(--white-primary);
  font-family: var(--regular-font);
  font-weight: 200;
}

.brain-icon-container {
  opacity: 0;
  position: absolute;
  right: 2%;
  top: 2%;
  width: 19vw;
}

.dollar-icon-container {
  opacity: 0;
  position: absolute;
  left: 20%;
  bottom: -18%;
  width: 18vw;
}

.economic-rejuvenation-div {
  position: absolute;
  right: 5%;
  top: 28%;
  width: 24vw;
}

.economic-rejuvenation-div .title_h4 {
  color: var(--white-primary);
  margin-bottom: 2vw;
}

.economic-rejuvenation-div .list-item {
  padding: 0;
}

.economic-rejuvenation-div .list-item li {
  list-style-type: none;
  margin-bottom: 1.5vw;
}

.economic-rejuvenation-div .list-item li .list-title {
  font-size: 1vw;
  line-height: 1.5vw;
  color: var(--white-primary);
  font-family: var(--bold-font);
  margin-bottom: 0.5vw;
}

.economic-rejuvenation-div .list-item li .list-context {
  font-size: 0.8vw;
  line-height: 1.2vw;
  color: var(--white-primary);
  font-family: var(--regular-font);
}

.inclusive-growth-div {
  position: absolute;
  right: 5%;
  top: 28%;
  width: 24vw;
}

.inclusive-growth-div .title_h4 {
  color: var(--white-primary);
  margin-bottom: 2vw;
}

.inclusive-growth-div .list-item {
  padding: 0;
}

.inclusive-growth-div .list-item li {
  list-style-type: none;
  margin-bottom: 1.5vw;
}

.inclusive-growth-div .list-item li .list-title {
  font-size: 1vw;
  line-height: 1.5vw;
  color: var(--white-primary);
  font-family: var(--bold-font);
  margin-bottom: 0.5vw;
}

.inclusive-growth-div .list-item li .list-context {
  font-size: 0.8vw;
  line-height: 1.2vw;
  color: var(--white-primary);
  font-family: var(--regular-font);
}

.trending-icon-container {
  position: absolute;
  left: 35%;
  bottom: -10%;
  width: 20vw;
}

#membership_page {
  z-index: 0;
}

.nsm_membership_review {
  background: linear-gradient(45deg, #000000a6, #000000a6), url(themes/custom/inoatheme/images/membership_page_gif.gif);
  background-size: cover;
  padding: 6vw 0vw 6vw 0vw;
  border-radius: 1.5vw;
  height: 100vh;
  position: relative;
}

.nsm_membership_review .title_h3 {
  text-align: center;
  color: var(--white-primary);
  font-family: var(--medium-font);
  font-size: 3vw;
  line-height: 4vw;
  width: 62%;
  margin: auto;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.nsm_membership_review .title_h3 span {
  text-align: center;
  color: var(--white-primary);
  font-family: var(--medium-font);
  font-size: 1.8vw;
  line-height: 2.25vw;
  font-style: italic;
  margin-top: 3.5vw;
  display: block;
}

.membership_detail_section {
  padding: 3vw 0vw 3vw 0vw;
}

.membership_detail_section .container {
  padding-left: 15%;
}

.membership_detail_section .row:nth-child(1) {
  border-bottom: 0px solid var(--black-primary);
  margin-bottom: 3vw;
  padding-bottom: 3vw;
  align-items: center;
}

.membership_detail_section .rd-btn {
  color: var(--white-primary);
  float: right;
}

.membership_detail_section .title_h3 {
  padding: 2.5vw 0vw 1.5vw 0vw;
  color: var(--red-primary);
  font-family: var(--regular-font);
}

@media(max-width:767px) {
  .membership_detail_section .rd-btn {
    float: none;
    padding: 5vw 6.75vw 5vw 6.75vw;
    border-radius: 8.5vw;
    color: var(--red-primary);
    text-transform: uppercase;
    background: #955c03;
    font-size: 3.6vw;
    line-height: 5.35vw;
    color: var(--white-primary);
    margin-bottom: 6vw;
    width: 100%;
  }

  .membership_detail_section .title_h3 {
    padding: 5.5vw 0vw 3.5vw 0vw;
    color: var(--red-primary);
    font-family: var(--bold-font);
  }
}

.membership_detail_section .joining_criteria {
  margin-bottom: 3vw;
  padding-bottom: 2vw;
  border-bottom: 1px solid var(--black-primary);
}

.membership_detail_section .joining_criteria h4 {
  padding: 0vw 0vw 1.5vw 0vw;
  color: var(--red-primary);
  font-family: var(--bold-font);
  font-size: 3vw;
  line-height: 4vw;
  margin-bottom: 1vw;
}

.membership_detail_section .joining_criteria .point {
  font-family: var(--bold-font);
  text-transform: uppercase;
  color: #fff;
  font-size: 0.8vw;
  background-color: #013a9b;
  line-height: 1.2vw;
  padding: 5px;
  display: inline-block;
}

.membership_detail_section .joining_criteria .desc {
  font-family: var(--regular-font);
  color: var(--black-primary);
  font-size: 1.1vw;
  line-height: 1.8vw;
  width: 94%;
}

.membership_detail_section .membership_fees h4 {
  padding: 0vw 0vw 1.5vw 0vw;
  color: var(--red-primary);
  font-family: var(--bold-font);
  font-size: 3vw;
  line-height: 4vw;
  margin-bottom: 1vw;
}

.membership_detail_section .membership_fees .point {
  font-family: var(--bold-font);
  text-transform: uppercase;
  color: var(--black-primary);
  font-size: 0.8vw;
  line-height: 1.2vw;
}

.membership_detail_section .membership_fees .desc {
  font-family: var(--regular-font);
  color: var(--black-primary);
  font-size: 1.1vw;
  line-height: 1.8vw;
  width: 94%;
  margin-bottom: 2.5vw;
}

.membership_detail_section .membership_fees a {
  width: auto;
  padding: 1vw 1.75vw 1vw 1.75vw;
  border-radius: 0.5vw;
  color: var(--red-primary);
  text-transform: uppercase;
  background: var(--white-primary);
  font-size: 0.9vw;
  line-height: 1.35vw;
  text-align: center;
  font-family: var(--bold-font);
  text-decoration: none;
  text-decoration: none;
  display: inline-block;
  border: 1px solid var(--red-primary);
}

.membership_detail_section .membership_fees a:hover {
  background: var(--red-primary);
  color: var(--white-primary);
}

.nsm_footer_div {
  width: 100vw;
  height: 0vh;
  position: absolute;
  z-index: 9;
}

.nsm_footer_div .container {
  margin-left: 20%;
  margin-top: 2%;
}

.nsm_footer_div .title_h3 {
  color: var(--red-primary);
  margin-bottom: 2.5vw;
}

.footer-text-div {
  position: absolute;
}

.perspectives-industry-intro {
  padding: 5vw 0vw;
  margin-bottom: -8%;
  margin-left: 20%;
}

.perspectives-industry-intro .title_h1 {
  padding: 2.5vw 0vw 3.5vw 0vw;
  color: var(--red-primary);
  font-family: var(--regular-font);
}

.perspectives-industry-intro .nsm_context {
  color: var(--black-primary);
  font-family: var(--regular-font);
}

.perspectives-industry-intro .banner_block {
  position: relative;
}

.perspectives-industry-intro .banner_block img {
  width: 100%;
  height: 36vw;
  object-fit: cover;
  object-position: center;
  border-radius: 1vw;
}

.perspectives-main-content {
  padding: 5vw 0vw;
  margin-bottom: -8%;
  margin-left: 20%;
}

.perspectives-main-content .tab {
  text-decoration: none;
  font-size: 0.9vw;
  line-height: 1.35vw;
  font-family: var(--medium-font);
  color: var(--black-primary);
  text-transform: uppercase;
  margin-right: 20px;
}

.perspectives-main-content .tab.active {
  color: var(--red-primary);
  border-bottom: 1px solid var(--red-primary);
  padding-bottom: 0.25vw;
}

.perspectives-main-content .tabs-nav select {
  border: 0;
  color: var(--black-primary);
  font-family: var(--medium-font);
  font-size: 0.9vw;
  line-height: 1.35vw;
  text-decoration: none;
  text-transform: uppercase;
  margin-right: 0.75vw;
  margin-left: -0.3vw;
  background: url(themes/custom/inoatheme/images/red_drop_arrow.svg) no-repeat !important;
  background-size: 0.8vw !important;
  background-position: calc(100% - 0%) 0.4vw !important;
  background-repeat: no-repeat !important;
  width: 5vw;
}

.perspectives-main-content .tabs-nav select:focus {
  outline: 0;
}

.perspectives_card {
  margin-bottom: 2vw;
}

.perspectives_card .perspectives_card_content {
  border: 2px solid var(--grey-primary);
  border-radius: 0vw 0vw 1vw 1vw;
  background: #eeeeee;
}

.perspectives_card img {
  width: 100%;
  height: 15.5vw;
  object-fit: cover;
  border-radius: 1vw 1vw 0vw 0vw;
}

.perspectives_card .job_title {
  font-family: var(--bold-font);
  color: var(--red-primary);
  font-size: 0.9vw;
  line-height: 1.6;
  text-align: left;
  margin-bottom: 0.5vw;
  padding: 1vw 1vw 0vw 1vw;
  height: 4.2vw;
  overflow: hidden;
}

.perspectives_card .job_desc {
  font-family: var(--regular-font);
  color: var(--black-primary);
  font-size: 0.7vw;
  line-height: 1.1vw;
  text-align: left;
  margin-bottom: 1.5vw;
  padding: 0vw 1vw;
  height: 3.5vw;
  overflow-y: hidden;
}

.perspectives_card .seperator {
  height: 2px;
  width: 100%;
  background: #e3e3e3;
}

.perspectives_card .action-btn {
  padding: 0.8vw 1vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.perspectives_card .action-btn .postdate {
  color: var(--black-primary);
  font-family: var(--regular-font);
  font-size: 0.7vw;
}

.perspectives_card .action-btn .category {
  text-align: center;
}

.perspectives_card .action-btn .category a {
  text-decoration: none;
  color: var(--black-primary);
  font-family: var(--regular-font);
  font-size: 0.7vw;
}

.perspectives_card .action-btn .fee {
  text-align: right;
}

.perspectives_card .action-btn .fee a {
  text-decoration: none;
  color: var(--red-primary);
  font-family: var(--regular-font);
  font-size: 0.7vw;
}

.perspectives_card .action-btn .start a {
  text-decoration: none;
  color: var(--red-primary);
  font-family: var(--regular-font);
  font-size: 0.7vw;
}

.perspectives_card .action-btn .apply a:hover {
  color: var(--red-primary);
}

.perspectives-main-content {
  padding: 5vw 0vw;
  margin-bottom: -8%;
  margin-left: 20%;
}

.perspectives-industry-intro.detailpage .title_h1 {
  padding: 2.5vw 0vw 1.5vw 0vw;
  color: var(--red-primary);
  font-family: var(--regular-font);
}

.perspectives-industry-intro.detailpage .nsm_context {
  color: var(--black-primary);
  font-family: var(--regular-font);
  width: 98%;
}

.perspectives-industry-intro.detailpage .rd-btn_light {
  position: fixed;
  right: 3%;
  top: 20%;
  z-index: 9;
}

.perspectives-industry-intro.detailpage .white-btn {
  position: fixed;
  right: 3%;
  top: 28%;
  z-index: 9;
  background: none;
}

@media (max-width:767px) {
  .perspectives-industry-intro.detailpage .rd-btn_light {
    position: static;
    border-radius: 8.5vw;
    color: var(--white-primary);
    text-transform: uppercase;
    background: var(--red-primary);
    margin-bottom: 4vw;
    height: max-content;
    padding: 5.4vw 6.25vw 5.4vw 6.25vw;
    font-size: 3.4vw;
    line-height: 4.6vw;
    width: 100%;
  }

  .perspectives-industry-intro.detailpage .white-btn {
    position: static;
    height: max-content;
    padding: 5.4vw 6.25vw 5.4vw 6.25vw;
    font-size: 3.4vw;
    line-height: 4.6vw;
    width: 100%;
  }
}

.perspectives_card .action-btn .category {
  height: 1.8vw;
  overflow: hidden;
}

.perspectives_card .action-btn .postdate {
  height: 1.8vw;
  overflow: hidden;
}

.event-page .tabs-content .row {
  align-items: flex-start;
}

@media (max-width:767px) {
  .event-page .perspectives_card .action-btn .category {
    height: max-content;
    overflow: visible;
  }

  .event-page .perspectives_card .action-btn .postdate {
    height: max-content;
    overflow: visible;
  }
}

#members_listing .tabs-nav select {
  width: 130px;
}

#members_listing .perspectives_card .action-btn {
  padding: 0.8vw 1vw 1.5vw 1vw;
}

#members_listing .perspectives_card .perspectives_card_content {
  border-radius: 10px;
  min-height: 9vw;
}

@media (max-width:767px) {
  #members_listing .perspectives_card .perspectives_card_content {
    border-radius: 10px;
  }
}

#members_listing .perspectives_card .job_title {
  margin-bottom: 0vw;
  padding: 1vw 1vw 1vw 1vw;
  max-height: 5vw;
  min-height: 2.5vw;
  overflow-x: hidden;
}

#members_listing .perspectives_card .action-btn .category {
  width: auto;
  text-align: left;
}

#members_listing .perspectives_card .action-btn .category a {
  font-family: var(--medium-font);
}

#members_listing .perspectives_card .action-btn .fee {
  width: auto;
  text-align: left;
}

#members_listing .perspectives_card .action-btn .fee img {
  height: 0.8vw;
  width: 1.8vw;
  object-fit: contain;
  border-radius: 0;
  margin-left: 0.5vw;
}

#members_listing .tabs-nav ul {
  position: relative;
}

#members_listing .tabs-nav ul input {
  position: absolute;
  right: 1vw;
  top: 0.8vw;
  background: transparent;
  border-bottom: 1px solid var(--black-primary);
  border-width: 0px 0px 1px 0px;
  padding: 0.3vw 0.6vw;
  font-family: var(--regular-font);
  font-size: 0.9vw;
  display: none;
}

#members_listing .tabs-nav ul input:focus {
  border-bottom: 1px solid var(--black-primary);
  outline: 0;
}

#members_listing .filter_search {
  cursor: pointer;
}

@media (max-width:767px) {
  #members_listing .tabs-nav ul input {
    position: absolute;
    right: 5vw;
    top: 8.8vw;
    background: transparent;
    border-bottom: 1px solid var(--black-primary);
    border-width: 0px 0px 1px 0px;
    padding: 0.3vw 0.6vw;
    font-family: var(--regular-font);
    font-size: 2.7vw;
  }
}

.cstm_pagination {
  text-align: center;
}

.cstm_pagination ul {
  padding: 0;
  list-style-type: none;
  display: inline-block;
  margin-top: 2vw;
}

.cstm_pagination ul li {
  display: inline-block;
}

.cstm_pagination ul li a {
  background: var(--grey-primary);
  min-width: 3vw;
  display: block;
  height: 2vw;
  text-align: center;
  font-size: 1vw;
  line-height: 2.1vw;
  text-decoration: none;
  color: var(--black-primary);
  padding: 0vw 0.5vw;
  border-radius: 0.3vw;
  font-family: var(--medium-font);
}

.cstm_pagination ul li.disabled {
  display: none;
}

.cstm_pagination ul li.active a {
  background: var(--red-primary);
  color: var(--white-primary);
}

.cstm_pagination ul li a:hover {
  background: var(--red-secondary);
  color: var(--white-primary);
}

@media (max-width:767px) {
  .cstm_pagination ul li a {
    background: var(--grey-primary);
    min-width: 5vw;
    display: block;
    height: 6.5vw;
    text-align: center;
    font-size: 3.5vw;
    line-height: 6.5vw;
    text-decoration: none;
    color: var(--black-primary);
    padding: 0vw 4vw;
    border-radius: 1.4vw;
    font-family: var(--medium-font);
  }
}

@media (min-width:768px) {
  .nsm_main-logo .mobile_logo {
    display: none;
  }
}

.key_finding-section {
  background: var(--white-primary);
  padding: 6vw 0vw 3vw 0vw;
}

.key_finding-section .container {
  margin-left: 15%;
}

.key_finding {
  cursor: grab;
}

.key_finding .slick-list {
  padding: 0 30% 0 0 !important;
}

.key_finding-section .title_h3 {
  color: var(--red-primary);
  margin-bottom: 3vw;
  margin-top: 2vw;
  font-family: var(--regular-font);
}

.key_finding-section h4 {
  color: var(--red-primary);
  margin-bottom: 3vw;
  margin-top: 2vw;
  font-family: var(--bold-font);
  font-size: 1.8vw;
  line-height: 2.2vw;
}

.key_finding-section .key_finding .item-block {
  margin-right: 1vw;
}

.key_finding-section .key_finding .item-block img {
  border-radius: 1.5vw;
  margin-bottom: 1.8vw;
}

.key_finding-section .key_finding .item-block .block-title {
  font-size: 1.5vw;
  line-height: 1.8vw;
  color: var(--black-primary);
  font-family: var(--bold-font);
  margin-bottom: 1.5vw;
  padding-bottom: 2vw;
  border-bottom: 0.1vw solid var(--black-primary);
  display: flex;
  align-items: top;
}

.key_finding-section .key_finding .item-block .block-desc {
  font-size: 0.9vw;
  line-height: 1.3vw;
  color: var(--black-primary);
  font-family: var(--regular-font);
}

.video_block {
  position: relative;
}

.video_block img {
  width: 100% !important;
  height: auto;
  object-fit: cover;
  border-radius: 1vw;
}

.video-playbtn {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 9;
}

.video-playbtn img {
  height: 6vw;
  width: 6vw;
}

.fact_figures-section {
  background: url(themes/custom/inoatheme/images/Thought-Leadership.svg);
  background-size: cover;
  padding: 6vw 0vw 3vw 0vw;
}

.fact_figures-section .container {
  margin-left: 15%;
}

.fact_figures_slider {
  cursor: grab;
}

.fact_figures-section .title_h3 {
  color: var(--white-primary);
  margin-bottom: 3vw;
  margin-top: 2vw;
  font-family: var(--regular-font);
}

.fact_figures_slider .item-block img {
  border-radius: 1.5vw;
}

.fact_figures_slider .slick-list {
  padding: 0 40% 0 0 !important;
}

.fact_figures_slider .slick-slide {
  margin: 0px 15px 0px 0px !important;
}

.perspectives-main-content-detailpage {
  padding: 5vw 0vw;
  margin-bottom: -8%;
  margin-left: 15%;
}

.perspectives-main-content-detailpage .title_h3 {
  color: var(--red-primary);
  font-family: var(--regular-font);
  margin-bottom: 3.5vw;
}

.event_detail-intro {
  padding: 5vw 0vw;
  margin-bottom: -4%;
  margin-left: 20%;
}

.event_detail-intro .title_h1 {
  padding: 2.5vw 0vw 3.5vw 0vw;
  color: var(--red-primary);
  font-family: var(--regular-font);
}

@media (max-width:767px) {
  .event_detail-intro .title_h1 {
    padding: 5.5vw 0vw 5.5vw 0vw;
    color: var(--red-primary);
    font-family: var(--bold-font);
  }
}

.event_detail-intro .nsm_context {
  color: var(--black-primary);
  font-family: var(--regular-font);
  width: 92%;
}

@media (max-width:767px) {
  .event_detail-intro .nsm_context {
    color: var(--black-primary);
    font-family: var(--regular-font);
    width: 98%;
    font-size: 4.2vw;
    line-height: 5.8vw;
  }
}

.event_detail-intro .nsm_event_detail_date {
  font-size: 1.2vw;
  line-height: 1.6vw;
  font-family: var(--bold-font);
  color: var(--red-primary);
  text-align: left;
}

.event_detail-intro .nsm_event_detail_date p {
  margin-bottom: 1.6vw;
}

.event_detail-intro .banner_block {
  position: relative;
}

.event_detail-intro .banner_block img {
  width: 100%;
  height: 36vw;
  object-fit: cover;
  object-position: center;
  border-radius: 1vw;
}

.event_detail-content {
  padding: 3.5vw 0vw 0vw 0vw;
}

.event_detail-content .container {
  padding-left: 20%;
}

.event_detail-content h4 {
  font-size: 1.6vw;
  line-height: 2.2vw;
  font-family: var(--bold-font);
  color: var(--red-primary);
  margin-bottom: 2vw;
}

.event_detail-content h5 {
  font-size: 3vw;
  line-height: 3.6vw;
  font-family: var(--bold-font);
  color: var(--red-primary);
  margin-bottom: 2vw;
}

.event_detail-content p {
  margin-bottom: 0;
  font-size: 0.9vw;
  line-height: 1.4vw;
  font-family: var(--bold-font);
  color: var(--black-primary);
}

.event_detail-content ul li {
  font-size: 0.9vw;
  line-height: 1.4vw;
  font-family: var(--regular-font);
  color: var(--black-primary);
}

.event_detail-intro .rd-btn_light {
  position: fixed;
  right: 3%;
  top: 20%;
  z-index: 9;
}

@media (max-width:767px) {
  .event_detail-intro .rd-btn_light {
    position: static;
    border-radius: 8.5vw;
    color: var(--white-primary);
    text-transform: uppercase;
    background: var(--red-primary);
    height: max-content;
    padding: 5.4vw 6.25vw 5.4vw 6.25vw;
    font-size: 3.4vw;
    line-height: 4.6vw;
    width: 100%;
    margin-bottom: 4vw;
  }
}

#desktop_tab {
  display: block;
}

#mobile_tab {
  display: none;
}

.recent_newsletters-section {
  background: var(--white-primary);
  padding: 3vw 0vw 3vw 0vw;
}

.recent_newsletters-section .container {
  margin-left: 15%;
}

.recent_newsletters-section h4 {
  color: var(--red-primary);
  margin-bottom: 3vw;
  margin-top: 2vw;
  font-family: var(--bold-font);
  font-size: 1.8vw;
  line-height: 2.2vw;
}

.recent_newsletters-section .rd-btn {
  color: var(--white-primary);
  margin: 1.5vw;
}

.newsletter_slider .item-block {
  margin-right: 1vw;
}

.newsletter_card .newsletter_card_content {
  border: 2px solid var(--grey-primary);
  border-radius: 0vw 0vw 1vw 1vw;
  background: #eeeeee;
}

.newsletter_card img {
  width: 100%;
  height: 15.5vw;
  object-fit: cover;
  border-radius: 1vw 1vw 0vw 0vw;
}

.newsletter_card .job_title {
  font-family: var(--bold-font);
  color: var(--red-primary);
  font-size: 0.9vw;
  line-height: 1.6;
  text-align: left;
  margin-bottom: 0.5vw;
  padding: 1vw 1vw 0vw 1vw;
  min-height: 2.8vw;
}

.newsletter_card .job_desc {
  font-family: var(--regular-font);
  color: var(--black-primary);
  font-size: 0.7vw;
  line-height: 1.1vw;
  text-align: left;
  margin-bottom: 1.5vw;
  padding: 0vw 1vw;
}

.recent_newsletters-section .newsletter_card .job_title {
  height: 4vw;
  overflow: hidden;
}

.recent_newsletters-section .newsletter_card .job_desc {
  height: 3.5vw;
  overflow-y: auto;
}

.newsletter_card .seperator {
  height: 2px;
  width: 100%;
  background: #e3e3e3;
}

.newsletter_card .action-btn {
  padding: 0.8vw 1vw;
  display: flex;
  align-items: center;
}

.newsletter_card .action-btn .postdate {
  width: 33.33%;
  color: var(--black-primary);
  font-family: var(--regular-font);
  font-size: 0.7vw;
}

.newsletter_card .action-btn .category {
  width: 33.33%;
  text-align: center;
}

.newsletter_card .action-btn .category a {
  text-decoration: none;
  color: var(--black-primary);
  font-family: var(--regular-font);
  font-size: 0.7vw;
}

.newsletter_card .action-btn .fee {
  width: 33.33%;
  text-align: right;
}

.newsletter_card .action-btn .fee a {
  text-decoration: none;
  color: var(--red-primary);
  font-family: var(--regular-font);
  font-size: 0.7vw;
}

.newsletter_card .action-btn .apply a:hover {
  color: var(--red-primary);
}

.reg_complete .nsm_context {
  width: 90%;
  padding-bottom: 1vw;
}

.reg_complete .btn-block {
  margin-bottom: 3vw;
}

.reg_complete .btn-block a {
  text-transform: capitalize;
  margin-right: 1vw;
}

.reg_complete .nsm_context a {
  color: var(--red-primary);
  text-decoration: none;
  font-family: var(--bold-font);
}

.reg_complete .nsm_context a:hover {
  color: var(--red-secondary);
}

.reg_complete h4 {
  font-size: 1.6vw;
  line-height: 2.2vw;
  font-family: var(--bold-font);
  color: var(--red-primary);
  margin-bottom: 2vw;
}

@media (max-width:767px) {
  .reg_complete {
    margin-bottom: 3vw;
  }

  .reg_complete .nsm_context {
    width: 100%;
  }

  .reg_complete .btn-block {
    margin-bottom: 12vw;
  }

  .reg_complete h4 {
    font-size: 7.5vw;
    line-height: 9.3vw;
    text-align: left;
    margin-bottom: 6vw;
  }

  .reg_complete .btn-block a {
    text-transform: capitalize;
    margin-right: 2vw;
    font-size: 3.6vw;
    line-height: 4.6vw;
    height: max-content;
    padding: 5.4vw 6.25vw 5.4vw 6.25vw;
    margin-bottom: 2vw;
    display: block;
    width: 100%;
  }
}

.key_finding-section#policypage {
  padding: 6vw 0vw 0vw 0vw;
}

@media (max-width:767px) {
  .key_finding-section#policypage {
    padding: 9vw 0vw 0vw 0vw;
  }
}

.key_finding-section#policypage .container .key_finding {
  border-bottom: 1px solid var(--black-primary);
  padding-bottom: 6vw;
}

.nsm_focusarea-section {
  background: url(themes/custom/inoatheme/images/Thought-Leadership.svg);
  background-size: cover;
  padding: 6vw 0vw 3vw 0vw;
}

.nsm_focusarea-section .container {
  margin-left: 15%;
}

.nsm_focusarea-slider {
  cursor: grab;
}

.nsm_focusarea-slider .slick-list {
  padding: 0 30% 0 0 !important;
}

.nsm_focusarea-section .title_h3 {
  color: var(--white-primary);
  margin-bottom: 3vw;
  margin-top: 2vw;
  font-family: var(--regular-font);
}

.nsm_focusarea-section .nsm_focusarea-slider .item-block img {
  border-radius: 1.5vw;
  margin-bottom: 1.8vw;
  height: 15vw;
  object-fit: cover;
}

.nsm_focusarea-section .nsm_focusarea-slider .item-block .block-title {
  font-size: 1.8vw;
  line-height: 2.25vw;
  color: var(--white-primary);
  font-family: var(--bold-font);
  margin-bottom: 1.5vw;
}

.nsm_focusarea-section .nsm_focusarea-slider .item-block .block-list {
  font-size: 1.2vw;
  line-height: 1.8vw;
  color: var(--white-primary);
  font-family: var(--regular-font);
  margin-bottom: 1.5vw;
}

.nsm_focusarea-section .nsm_focusarea-slider .item-block .block-desc {
  font-size: 0.9vw;
  line-height: 1.4vw;
  color: var(--white-primary);
  font-family: var(--regular-font);
  margin-bottom: 1.5vw;
}

.hamburger_icon {
  display: none;
}

.secondary-header .desk_logo {
  display: block;
}

.secondary-header .mobile_logo {
  display: none;
}

@media (max-width:767px) {
  body {
    margin: 0;
    overflow-x: clip;
    font-size: 3vw;
    line-height: 4.2vw;
  }

  .white-btn {
    width: auto;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    display: inline-block;
    padding: 5vw 6.75vw 5vw 6.75vw;
    border-radius: 8.5vw;
    color: var(--red-primary);
    text-transform: uppercase;
    background: var(--white-primary);
    font-size: 3.6vw;
    line-height: 5.35vw;
    margin-bottom: 6vw;
  }

  .slick-slider {
    margin-bottom: 15vw;
  }

  .title_h1 {
    font-family: var(--medium-font);
    font-size: 9.8vw;
    line-height: 11.75vw;
    text-align: left;
    font-weight: 300;
  }

  .title_h3 {
    font-family: var(--medium-font);
    font-size: 7.5vw;
    line-height: 9.3vw;
    text-align: left;
  }

  .page-intro {
    margin-left: 0%;
  }

  .contact-main-content {
    margin-left: 0%;
    padding: 5vw 0vw 5vw 0vw;
    margin-bottom: 0;
  }

  .tabs-nav {
    padding: 0px 0px 1vw 0px;
    margin-bottom: 1vw;
  }

  .tabs-nav.stickyelement {
    position: sticky;
    background: var(--white-primary);
    top: 16vw;
  }

  .tabs-nav p {
    color: var(--black-primary);
    font-family: var(--bold-font);
    font-size: 4.2vw;
    line-height: 5.4vw;
    margin-right: 5vw;
    width: max-content;
  }

  .tabs-nav a {
    display: block;
    color: var(--black-primary);
    font-family: var(--medium-font);
    font-size: 2.8vw;
    line-height: 3.70vw;
    text-decoration: none;
    text-transform: uppercase;
    margin-right: 2.75vw;
    margin-bottom: 1.75vw;
  }

  .tabs-nav li {
    margin-bottom: 2vw;
  }

  .tabs-content .content-block {
    margin-top: 3vw;
  }

  .tabs-content .content-block .inner-context {
    font-family: var(--regular-font);
    font-size: 2vw;
    line-height: 2.6vw;
    color: var(--black-primary);
    margin-bottom: 1.5vw;
  }

  .mobile_tabitems_block .headtab_item {
    display: none;
  }

  .mobile_tabitems_block .headtab_item.active {
    display: block;
  }

  .contact-main-content .tabs-content .heading {
    font-size: 4.2vw;
    line-height: 5.4vw;
  }

  .contact-main-content .tabs-content .desc {
    margin-bottom: 5.5vw;
    font-size: 4.2vw;
    line-height: 5.4vw;
  }

  .map-block iframe {
    height: 52vw;
  }

  .market-industry-intro {
    margin-left: 0%;
  }

  #people {
    padding: 10vw 0vw 0vw 0vw;
    margin-bottom: 0%;
    margin-left: 0%;
  }

  #people .tabs-nav {
    padding-left: 0%;
  }

  #people .tabs-content .col-5 {
    width: 50%;
  }

  .people-card img {
    margin-bottom: 2vw;
  }

  .people-card .name {
    font-size: 3.4vw;
    line-height: 3.8vw;
    color: var(--black-primary);
    font-family: var(--bold-font);
    margin-bottom: 1.4vw;
  }

  .people-card .desg {
    font-size: 2.9vw;
    line-height: 3.4vw;
    color: var(--black-primary);
    font-family: var(--regular-font);
  }

  .perspectives-industry-intro {
    margin-left: 0%;
  }

  .perspectives-industry-intro .title_h1 {
    padding: 5.5vw 0vw 5.5vw 0vw;
    color: var(--red-primary);
    font-family: var(--bold-font);
  }

  .perspectives-industry-intro.detailpage .title_h1 {
    font-family: var(--bold-font);
    padding: 5.5vw 0vw 5.5vw 0vw;
  }

  .perspectives-industry-intro .nsm_context {
    color: var(--black-primary);
    font-family: var(--regular-font);
    font-size: 4.2vw;
    line-height: 5.8vw;
  }

  .perspectives-main-content {
    margin-left: 0%;
    margin-bottom: 0;
    padding: 0px !important;
  }

  .perspectives-main-content .tabs-nav select {
    border: 0;
    color: var(--black-primary);
    font-family: var(--medium-font);
    font-size: 3.6vw;
    line-height: 4.8vw;
    text-decoration: none;
    text-transform: uppercase;
    margin-right: 0.75vw;
    margin-left: -0.3vw;
    background: url(themes/custom/inoatheme/images/red_drop_arrow.svg) no-repeat !important;
    background-size: 2.7vw !important;
    background-position: calc(100% - 0%) 1.2vw !important;
    background-repeat: no-repeat !important;
    width: 100%;
    margin-bottom: 3vw;
  }

  .perspectives_card {
    margin-bottom: 6vw;
  }

  .perspectives_card img {
    width: 100%;
    height: 56.5vw;
    object-fit: cover;
    border-radius: 3vw 3vw 0vw 0vw;
  }

  .perspectives_card .perspectives_card_content {
    border: 2px solid var(--grey-primary);
    border-radius: 0vw 0vw 3vw 3vw;
    background: #eeeeee;
  }

  .perspectives-main-content-detailpage .title_h3 {
    color: var(--red-primary);
    font-family: var(--bold-font);
    margin-bottom: 8vw;
  }

  .nsm_focusarea-section {
    background: url(themes/custom/inoatheme/images/Thought-Leadership.svg);
    background-size: cover;
    padding: 9vw 0vw 9vw 0vw;
  }

  .nsm_focusarea-section .container {
    margin-left: 0%;
  }

  .nsm_focusarea-section .title_h3 {
    color: var(--white-primary);
    margin-bottom: 4vw;
    margin-top: 7vw;
    font-family: var(--bold-font);
  }

  .nsm_focusarea-slider .slick-list {
    padding: 0 15% 0 0 !important;
  }

  .nsm_focusarea-section .nsm_focusarea-slider .item-block img {
    border-radius: 3.5vw;
    margin-bottom: 3.8vw;
    height: 35vw;
    object-fit: cover;
  }

  .nsm_focusarea-section .nsm_focusarea-slider .item-block .block-title {
    font-size: 4.6vw;
    line-height: 5.8vw;
    color: var(--white-primary);
    font-family: var(--bold-font);
    margin-bottom: 3.5vw;
  }

  .nsm_focusarea-section .nsm_focusarea-slider ul {
    padding-left: 1rem;
  }

  .nsm_focusarea-section .nsm_focusarea-slider .item-block .block-list {
    font-size: 3.8vw;
    line-height: 5vw;
    color: var(--white-primary);
    font-family: var(--regular-font);
    margin-bottom: 3.5vw;
  }

  .nsm_focusarea-section .nsm_focusarea-slider .item-block .block-desc {
    font-size: 3.6vw;
    line-height: 4.8vw;
    color: var(--white-primary);
    font-family: var(--regular-font);
    margin-bottom: 3.5vw;
  }

  .career_job_detail .title_h3 {
    padding: 5.5vw 0vw 3.5vw 0vw;
    color: var(--red-primary);
    font-family: var(--bold-font);
  }

  .recent_newsletters-section {
    padding: 6vw 0vw 28vw 0vw;
    position: relative;
  }

  .recent_newsletters-section .container {
    margin-left: 0%;
  }

  .recent_newsletters-section h4 {
    color: var(--red-primary);
    margin-bottom: 8vw;
    margin-top: 2vw;
    font-family: var(--bold-font);
    font-size: 4.8vw;
    line-height: 6vw;
  }

  .recent_newsletters-section .rd-btn {
    color: var(--white-primary);
    margin: 0;
    border-radius: 8.5vw;
    position: absolute;
    right: 3%;
    bottom: 0;
    height: max-content;
    padding: 5.4vw 6.25vw 5.4vw 6.25vw;
    font-size: 3.4vw;
    line-height: 4.6vw;
    width: 93%;
    margin-bottom: 8vw;
  }

  .newsletter_card img {
    width: 100%;
    height: 55.5vw;
    object-fit: cover;
    border-radius: 3vw 3vw 0vw 0vw;
  }

  .newsletter_card .newsletter_card_content {
    border: 2px solid var(--grey-primary);
    border-radius: 0vw 0vw 3vw 3vw;
    background: #eeeeee;
  }

  .newsletter_card .job_title {
    font-family: var(--bold-font);
    color: var(--red-primary);
    font-size: 3.6vw;
    line-height: 4.8vw;
    text-align: left;
    margin-bottom: 1.5vw;
    padding: 3vw 3vw 0vw 3vw;
    min-height: 5.8vw;
  }

  .newsletter_card .job_desc {
    font-family: var(--regular-font);
    color: var(--black-primary);
    font-size: 2.8vw;
    line-height: 4vw;
    text-align: left;
    margin-bottom: 3.5vw;
    padding: 0vw 3vw;
  }

  .newsletter_card .action-btn {
    padding: 2.4vw 3vw;
    display: flex;
    align-items: center;
  }

  .newsletter_card .action-btn .postdate {
    width: 33.33%;
    color: var(--black-primary);
    font-family: var(--regular-font);
    font-size: 2.8vw;
  }

  .newsletter_card .action-btn .category {
    width: 33.33%;
    text-align: center;
  }

  .newsletter_card .action-btn .category a {
    text-decoration: none;
    color: var(--black-primary);
    font-family: var(--regular-font);
    font-size: 2.8vw;
  }

  .newsletter_card .action-btn .fee {
    width: 33.33%;
    text-align: right;
  }

  .newsletter_card .action-btn .fee a {
    text-decoration: none;
    color: var(--red-primary);
    font-family: var(--regular-font);
    font-size: 2.8vw;
  }

  .recent_newsletters-section .job_title {
    height: 20vw;
    min-height: 20vw;
    overflow: hidden;
  }

  .recent_newsletters-section .job_desc {
    height: 30vw;
    min-height: 30vw;
    overflow: hidden;
  }

  .tabs-content .content-block h5 {
    font-family: var(--extrabold-font);
    font-size: 5.5vw;
    line-height: 8.5vw;
    color: var(--red-primary);
    text-transform: capitalize;
    margin-bottom: 8.5vw;
  }

  .tabs-content .objective-point h6 {
    font-family: var(--bold-font);
    font-size: 4.2vw;
    line-height: 5.4vw;
    color: var(--black-primary);
    text-transform: uppercase;
    margin-bottom: 3.5vw;
  }

  .tabs-content .objective-point p {
    font-family: var(--regular-font);
    font-size: 4vw;
    line-height: 5.2vw;
    color: var(--black-primary);
    width: 100%;
    margin-bottom: 8vw;
  }

  .tabcontent-slider .item-block img {
    margin-bottom: 3vw;
  }

  .market-industry-main-content .tabs-nav#mobile_tab {
    border-top: 0px;
  }

  .market-industry-main-content .tabs-nav h4 {
    font-family: var(--extrabold-font);
    font-size: 5.5vw;
    line-height: 5.5vw;
    color: var(--red-primary);
    text-transform: uppercase;
    margin-bottom: 8.5vw;
  }

  .market-industry-main-content .tabcontent-slider .item-block .block-title {
    text-transform: capitalize;
    color: var(--black-primary);
    font-size: 4vw;
    line-height: 5.2vw;
    margin-bottom: 3vw;
    font-family: var(--bold-font);
  }

  .market-industry-main-content .tabcontent-slider .item-block .block-desc {
    color: var(--black-primary);
    font-size: 3.8vw;
    line-height: 4.2vw;
    font-family: var(--regular-font);
  }

  .market-industry-main-content .tabs-content .content-block .inner-context {
    font-family: var(--regular-font);
    font-size: 3.6vw;
    line-height: 4.8vw;
    color: var(--black-primary);
    margin-bottom: 5.5vw;
  }

  .market-industry-main-content .tabs-content .content-block a {
    font-family: var(--bold-font);
    font-size: 3.6vw;
    line-height: 4.8vw;
    color: var(--black-primary);
    text-transform: uppercase;
    text-decoration: none;
    margin-bottom: 5vw;
    display: block;
    border-radius: 8.5vw;
    height: max-content;
    padding: 5.4vw 6.25vw 5.4vw 6.25vw;
    font-size: 3.4vw;
    line-height: 4.6vw;
    width: 100%;
    margin-bottom: 3vw;
    text-align: center;
  }

  .innovation-tab-row .content-block a {
    position: static;
  }

  .market-industry-main-content .tabs-content {
    border-top: 0px solid var(--black-primary);
    margin-top: 3vw;
    margin-bottom: 8vw;
    padding-top: 7vw;
    overflow: hidden;
  }

  .market-industry-main-content .tabs-content .main-title h3 {
    font-family: var(--bold-font);
    font-size: 6vw;
    line-height: 8.2vw;
    letter-spacing: -0.02em;
    text-align: left;
    color: var(--red-primary);
  }

  .market-industry-main-content .tabs-content .main-title p {
    font-family: var(--bold-font);
    font-size: 3.6vw;
    line-height: 5.4vw;
    letter-spacing: 0em;
    text-align: left;
    color: var(--red-primary);
    margin-bottom: 0;
  }

  .market-industry-main-content .tabs-content .tab-item>.pb-5 {
    padding-bottom: 1rem !important;
  }

  .nsm_footer-area-dark .title_h3 {
    color: var(--white-primary);
    margin-bottom: 8.5vw;
    font-family: var(--regular-font);
    border-top: 1px solid var(--white-primary);
    padding-top: 10vw;
  }

  .perspectives_card .job_title {
    font-family: var(--bold-font);
    color: var(--red-primary);
    font-size: 3.6vw;
    line-height: 4.8vw;
    text-align: left;
    margin-bottom: 3.5vw;
    padding: 3vw 3vw 0vw 3vw;
    min-height: max-content;
    height: max-content;
  }

  .perspectives_card .job_desc {
    font-family: var(--regular-font);
    color: var(--black-primary);
    font-size: 3.2vw;
    line-height: 4.4vw;
    text-align: left;
    margin-bottom: 4.5vw;
    padding: 0vw 3vw;
    height: max-content;
    overflow-y: visible;
  }

  .perspectives_card .action-btn {
    padding: 2.4vw 3vw;
    display: flex;
    align-items: center;
  }

  .perspectives_card .action-btn .postdate {
    color: var(--black-primary);
    font-family: var(--regular-font);
    font-size: 3.2vw;
    height: max-content;
    width: 33.33%;
    text-align: left;
  }

  .perspectives_card .action-btn .city {
    color: var(--black-primary);
    font-family: var(--regular-font);
    font-size: 3.2vw !important;
    height: max-content;
  }

  .perspectives_card .action-btn .category {
    width: 33.33%;
    text-align: center;
    height: max-content;
  }

  .perspectives_card .action-btn .category a {
    text-decoration: none;
    color: var(--black-primary);
    font-family: var(--regular-font);
    font-size: 3.2vw;
  }

  .perspectives_card .action-btn .fee {
    width: 33.33%;
    text-align: right;
  }

  .perspectives_card .action-btn .fee a {
    text-decoration: none;
    color: var(--red-primary);
    font-family: var(--regular-font);
    font-size: 3.2vw;
  }

  .perspectives_card .action-btn .start {
    width: 33.33% !important;
    text-align: center;
  }

  .perspectives_card .action-btn .start a {
    text-decoration: none;
    color: var(--red-primary);
    font-family: var(--regular-font);
    font-size: 3.2vw;
    white-space: nowrap;
  }

  .filter_search img {
    height: 4.2vw;
    width: 4.2vw;
    margin-top: -16.8vw;
  }

  .event_detail-intro {
    margin-left: 0%;
  }

  .event_detail-intro .nsm_event_detail_date {
    font-size: 3.2vw;
    line-height: 3.8vw;
    font-family: var(--bold-font);
    color: var(--red-primary);
    text-align: left;
  }

  .event_detail-intro .nsm_event_detail_date p {
    margin-bottom: 3.2vw;
    font-size: 4.2vw;
    line-height: 4.8vw;
  }

  .event_detail-intro .banner_block img {
    width: 100%;
    height: 52vw;
    object-fit: cover;
    object-position: center;
    border-radius: 1vw;
  }

  .event_detail-content .container {
    padding-left: 3%;
  }

  .event_detail-content h4 {
    font-size: 4.2vw;
    line-height: 5.4vw;
    font-family: var(--bold-font);
    color: var(--red-primary);
    margin-bottom: 20px;
  }

  .event_detail-content h5 {
    font-size: 3.6vw;
    line-height: 4.8vw;
    font-family: var(--bold-font);
    color: var(--red-primary);
    margin-bottom: 5vw;
  }

  .event_detail-content p {
    margin-bottom: 0;
    font-size: 3.6vw;
    line-height: 4.8vw;
    font-family: var(--bold-font);
    color: var(--black-primary);
    margin-bottom: 5vw;
  }

  .event_detail-content ul {
    padding-left: 1rem;
  }

  .event_detail-content ul li {
    margin-bottom: 0;
    font-size: 3.6vw;
    line-height: 4.8vw;
    font-family: var(--regular-font);
    color: var(--black-primary);
  }

  .event_detail-content .pb-5 {
    padding-bottom: 0.8rem !important;
  }

  .careerpage .title_h3 {
    padding: 0vw 0vw 3.5vw 0vw;
    color: var(--red-primary);
    font-family: var(--medium-font);
    font-size: 6vw;
    line-height: 8vw;
  }

  .careerpage .video_block img {
    width: 100%;
    border-radius: 3vw;
    height: auto;
  }

  .voice_article .video_block img {
    height: 45vw;
    object-fit: cover;
    border-radius: 10px;
  }

  .careerpage .video-playbtn img {
    height: 12vw;
    width: 12vw;
  }

  .careerpage_slick .container {
    margin-left: 0;
  }

  .careerpage_slick .white-btn {
    width: 100%;
  }

  .career_job_detail .pt-5 {
    padding-top: 1rem !important;
  }

  .career_job_detail .col-md-12 {
    padding-bottom: 1rem !important;
  }

  .nsm_strategic-section {
    padding: 9vw 0vw 9vw 0vw;
  }

  .nsm_strategic-section .title_h3 {
    color: var(--white-primary);
    margin-bottom: 6vw;
    margin-top: 5vw;
    font-family: var(--bold-font);
  }

  .nsm_strategic-section .nsm_strat-slider .item-block .block-title {
    font-size: 4.6vw;
    line-height: 5.8vw;
    color: #fff;
    font-family: var(--bold-font);
    margin-bottom: 12px;
  }

  .nsm_strategic-section .nsm_strat-slider .item-block .block-desc {
    font-size: 3.6vw;
    line-height: 4.8vw;
    color: var(--white-primary);
    font-family: var(--regular-font);
    margin-bottom: 3.5vw;
  }

  .nsm_strategic-section .nsm_strat-slider .item-block img {
    border-radius: 3.5vw;
    margin-bottom: 1.8vw;
  }

  .career_join_section .container {
    padding-left: 3%;
  }

  .career_join_section {
    padding: 9vw 0vw 9vw 0vw;
  }

  .career_join_section .title_h3 {
    padding: 3.5vw 0vw 2.5vw 0vw;
    color: var(--red-primary);
    font-family: var(--bold-font);
  }

  .career_join_section p {
    color: var(--black-primary);
    font-family: var(--regular-font);
    font-size: 3.6vw;
    line-height: 4.8vw;
    width: 100%;
  }

  .career-main-content {
    margin-left: 0%;
  }

  .career-main-content .tabs-content {
    padding-top: 8vw;
  }

  .career-main-content .tabs-nav select {
    border: 0;
    color: var(--black-primary);
    font-family: var(--medium-font);
    font-size: 2.8vw;
    line-height: 3.70vw;
    text-decoration: none;
    text-transform: uppercase;
    margin-right: 0.75vw;
    margin-left: -0.3vw;
    background: url(themes/custom/inoatheme/images/red_drop_arrow.svg) no-repeat !important;
    background-size: 2.7vw !important;
    background-position: calc(100% - 0%) 1.2vw !important;
    background-repeat: no-repeat !important;
    width: 100%;
    margin-bottom: 3vw;
    font-size: 3.6vw;
    line-height: 4.8vw;
  }

  .career-main-content .tabs-nav.stickyelement {
    width: 100%;
    position: sticky;
    top: 16vw;
  }

  .career-main-content .tabs-content .career_card {
    background: #eeeeee;
    border: 2px solid var(--grey-primary);
    border-radius: 3vw;
    margin-bottom: 5vw;
  }

  .career-main-content .tabs-content .career_card .job_title {
    font-family: var(--bold-font);
    color: var(--red-primary);
    font-size: 3.6vw;
    line-height: 4.8vw;
    text-align: left;
    margin-bottom: 3.5vw;
    padding: 3vw 3vw 0vw 3vw;
    height: max-content;
    overflow: visible;
  }

  .career-main-content .tabs-content .career_card .job_desc {
    font-family: var(--regular-font);
    color: var(--black-primary);
    font-size: 3.2vw;
    line-height: 4.4vw;
    text-align: left;
    margin-bottom: 4.5vw;
    padding: 0vw 3vw;
    height: max-content;
    overflow: visible;
  }

  .career_card .action-btn .cat {
    width: 50%;
    color: var(--black-primary);
    font-family: var(--regular-font);
    font-size: 3.2vw;
    height: max-content;
  }

  .career_card .action-btn .apply {
    width: 50%;
    text-align: right;
  }

  .career_card .action-btn .apply a {
    text-decoration: none;
    color: var(--black-primary);
    font-family: var(--regular-font);
    font-size: 3.2vw;
  }

  .career_card .action-btn {
    padding: 2.4vw 3vw;
    display: flex;
  }

  .career_card .action-btn .apply a:hover {
    color: var(--red-primary);
  }

  .career_job_detail {
    padding: 3vw 0vw 3vw 0vw;
    margin-left: 0%;
  }

  .career_job_detail h4 {
    font-size: 3.6vw;
    line-height: 5.2vw;
    font-family: var(--bold-font);
    color: var(--red-primary);
    margin-bottom: 2vw;
  }

  .career_job_detail p {
    color: var(--black-primary);
    font-family: var(--regular-font);
    font-size: 3.6vw;
    line-height: 4.8vw;
    width: 100%;
    margin-bottom: 2.4vw;
  }

  .cstm_divider {
    height: 0.1vw;
    width: 100%;
    background: var(--black-primary);
    margin-top: 6vw;
  }

  .career_job_detail ul {
    margin-bottom: 1.5vw;
    padding-left: 1rem;
  }

  .career_job_detail ul li {
    color: var(--black-primary);
    font-family: var(--regular-font);
    font-size: 3.4vw;
    line-height: 4.6vw;
    width: 90%;
    margin-bottom: 1.2vw;
  }

  .career_job_detail .red_text {
    font-family: var(--bold-font);
    color: var(--red-primary);
    margin-bottom: 3vw;
    margin-top: 3vw;
  }

  .nsm_form_section {
    background: #efefef;
    padding: 10vw 0vw 10vw 0vw;
    margin-bottom: -5%;
    position: relative;
    z-index: 9;
  }

  .nsm_form_section .title_h3 {
    color: var(--red-primary);
    font-family: var(--bold-font);
    margin-bottom: 3.6vw;
  }

  form input[type="submit"] {
    width: auto;
    padding: 5vw 8vw 5vw 8vw;
    border-radius: 8.5vw;
    color: var(--white-primary);
    text-transform: uppercase;
    background: var(--red-primary);
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    display: inline-block;
    border: 0;
  }

  .nsm_form_section .sub_text {
    color: var(--red-primary);
    font-family: var(--regular-font);
    font-size: 4.2vw;
    line-height: 5.4vw;
    width: 100%;
    margin-bottom: 2.4vw;
  }

  .nsm_form_section .container {
    padding-left: 3%;
  }

  #fileLabel {
    color: var(--black-primary);
    font-family: var(--regular-font);
    font-size: 3.6vw;
    margin-bottom: 0;
    position: absolute;
    left: 6.4vw;
    top: 17px;
  }

  #fileLabel2 {
    color: var(--black-primary);
    font-family: var(--regular-font);
    font-size: 3.6vw;
    margin-bottom: 0;
    position: absolute;
    left: 6.4vw;
    top: 17px;
  }

  form input[type="file"] {
    background-image: url(themes/custom/inoatheme/images/lucide_upload.svg);
    background-size: 6vw 6vw;
    background-position: calc(100% - 15px) calc(100% - 16px);
    background-repeat: no-repeat;
    color: transparent;
    cursor: pointer;
    margin-bottom: 8px;
  }

  .nsm_faq_section {
    background: #efefef;
    padding: 12vw 0vw 12vw 0vw;
    margin-bottom: -5%;
    position: relative;
    z-index: 999;
  }

  .nsm_faq_section .container {
    padding-left: 3%;
    max-width: 100%;
  }

  .nsm_faq_section .title_h3 {
    color: var(--red-primary);
    font-family: var(--bold-font);
    font-size: 6vw;
    line-height: 7vw;
    margin-bottom: 10vw;
  }

  .nsm_faq_section .accordion-item {
    border-radius: 3vw !important;
  }

  .nsm_faq_section .accordion-item .accordion-button {
    background: var(--red-primary);
    border-radius: 3vw !important;
    color: var(--white-primary);
    box-shadow: none;
    font-size: 3.6vw;
    line-height: 4.8vw;
    font-family: var(--bold-font);
    padding: 3vw 5vw;
  }

  .nsm_faq_section .accordion-body {
    color: var(--white-primary);
    background: var(--red-primary);
    border-radius: 0vw 0vw 3vw 3vw;
    font-size: 3.2vw;
    font-family: var(--medium-font);
  }

  .tabs-nav h4 {
    font-size: 3.6vw;
    line-height: 5.2vw;
    font-family: var(--bold-font);
    color: var(--red-primary);
    margin-bottom: 6vw;
  }

  .loginregister_page .form_card {
    top: 48%;
  }

  .loginregister_page .form_card .form_logo img {
    width: 32vw;
  }

  .loginregister_page .form_card .form_close img {
    width: 5.8vw;
  }

  .loginregister_page .form_card {
    width: 85vw;
    padding: 9vw 6vw;
  }

  .loginregister_page .form_card .form_logo {
    margin-bottom: 3.2vw;
  }

  form input {
    background: transparent;
    border: 1px solid var(--black-primary);
    padding: 3vw 3.5vw;
    width: 100%;
    margin-bottom: 10px;
    --webkit-appearance: none;
    border-radius: 0;
    color: var(--black-primary);
    height: max-content;
  }

  form input::placeholder {
    color: var(--black-primary) !important;
    font-family: var(--regular-font);
    font-size: 3.6vw;
    width: 60vw;
    margin-bottom: 0.6vw;
  }

  .loginregister_page .form_card form input[type="checkbox"] {
    width: max-content;
    accent-color: var(--red-secondary);
    height: 15px;
    width: 15px;
    padding: 0.3rem;
    float: left;
    margin-right: 0.3rem;
  }

  form select {
    background: transparent;
    border: 1px solid var(--black-primary);
    padding: 3vw 3.5vw;
    width: 100%;
    margin-bottom: 3.5vw;
    color: var(--black-primary);
    font-family: var(--regular-font);
    font-size: 3.6vw;
    -webkit-appearance: none;
    border-radius: 0;
  }

  form {
    font-family: var(--regular-font) !important;
  }

  .loginregister_page .form_card form label {
    font-size: 12px;
  }

  .loginregister_page .form_card form input[type="submit"] {
    padding: 3vw 6vw 3vw 6vw;
    border-radius: 6.5vw;
    color: var(--white-primary);
    text-transform: uppercase;
    background: var(--red-primary);
    font-size: 2.7vw;
    line-height: 4.05vw;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    display: inline-block;
    border: 0;
    width: 100%;
    margin-bottom: 0;
  }

  .media_kit {
    margin-left: 3%;
    padding-top: 8vw;
    border-top: 1px solid var(--black-primary);
    overflow-x: hidden;
  }

  .media_kit .section_title h5 {
    font-family: var(--extrabold-font);
    font-size: 5.5vw;
    line-height: 5.5vw;
    color: var(--red-primary);
    text-transform: uppercase;
    margin-bottom: 8.5vw;
  }

  .media_kit-slider .item-block img {
    margin-bottom: 3.8vw;
    height: 48vw;
    object-fit: cover;
    border-radius: 3.5vw;
  }

  .media_kit-slider .item-block .block-title {
    font-size: 4.2vw;
    line-height: 5.4vw;
    color: var(--black-primary);
    font-family: var(--bold-font);
    margin-bottom: 3.5vw;
  }

  .media_contact {
    padding: 5vw 0vw 0vw 0vw;
    margin-left: 0%;
  }

  .media_contact h4 {
    font-family: var(--extrabold-font);
    font-size: 5.5vw;
    line-height: 5.5vw;
    color: var(--red-primary);
    text-transform: uppercase;
    margin-bottom: 8.5vw;
  }

  .media_contact p {
    color: var(--black-primary);
    font-family: var(--regular-font);
    font-size: 3.8vw;
    line-height: 4.8vw;
    margin-bottom: 2.2vw;
  }

  .media_contact p:last-child {
    margin-bottom: 5vw;
  }

  .media_contact a {
    color: var(--black-primary);
    font-family: var(--regular-font);
    font-size: 3.8vw;
    line-height: 4.8vw;
    text-decoration: none;
    display: block;
  }

  .market-industry-main-content {
    padding: 5vw 0vw;
    margin-bottom: -8%;
    margin-left: 0%;
  }

  .market-industry-main-content .tabs-nav select {
    border: 0;
    color: var(--black-primary);
    font-family: var(--medium-font);
    font-size: 3.6vw;
    line-height: 4.8vw;
    text-decoration: none;
    text-transform: uppercase;
    background: url(themes/custom/inoatheme/images/red_drop_arrow.svg) no-repeat !important;
    background-size: 10px !important;
    background-position: calc(100% - 0%) 2px !important;
    background-repeat: no-repeat !important;
    width: 100%;
    margin-bottom: 12px;
    padding-left: 0px;
  }

  .tabs-content .media_card .job_title {
    font-family: var(--bold-font);
    color: var(--red-primary);
    font-size: 3.6vw;
    line-height: 4.8vw;
    text-align: left;
    margin-bottom: 3.5vw;
    padding: 3vw 3vw 0vw 3vw;
    height: max-content;
    overflow: visible;
  }

  .tabs-content .media_card .job_desc {
    font-family: var(--regular-font);
    color: var(--black-primary);
    font-size: 3.2vw;
    line-height: 4.4vw;
    text-align: left;
    margin-bottom: 4.5vw;
    padding: 0vw 3vw;
    height: max-content;
  }

  .tabs-content .media_card {
    margin-bottom: 6vw;
  }

  .media_card .action-btn .postdate {
    width: 50%;
    color: var(--black-primary);
    font-family: var(--regular-font);
    font-size: 3.2vw;
  }

  .media_card .action-btn .category a {
    text-decoration: none;
    color: var(--black-primary);
    font-family: var(--regular-font);
    font-size: 3.2vw;
  }

  .media_card .action-btn {
    padding: 2.4vw 3vw;
    display: flex;
  }

  .white-btn-trans {
    width: auto;
    padding: 3vw 3.75vw 3vw 3.75vw;
    border-radius: 5.5vw;
    color: var(--white-primary);
    text-transform: uppercase;
    background: transparent;
    font-size: 3.6vw;
    line-height: 5.35vw;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    display: inline-block;
  }

  .nsm_strategic-section#membership-strategic {
    padding: 9vw 0vw 9vw 0vw;
  }

  .nsm_strategic-section#membership-strategic .white-btn-trans {
    width: 100%;
  }

  .nsm_membership_review {
    background: linear-gradient(45deg, #000000a6, #000000a6), url(themes/custom/inoatheme/images/membership_page_gif.gif);
    background-size: cover;
    padding: 12vw 0vw 12vw 0vw;
    border-radius: 3.5vw;
    height: 50vh;
    position: relative;
  }

  .nsm_membership_review .title_h3 {
    text-align: center;
    color: var(--white-primary);
    font-family: var(--medium-font);
    font-size: 6vw;
    line-height: 7vw;
    width: 86%;
    margin: auto;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .nsm_membership_review .title_h3 span {
    text-align: center;
    color: var(--white-primary);
    font-family: var(--medium-font);
    font-size: 4.2vw;
    line-height: 5.25vw;
    font-style: italic;
    margin-top: 5.5vw;
    display: block;
  }

  .membership_detail_section .container {
    padding-left: 3%;
    margin: 0;
    max-width: 100%;
  }

  .membership_detail_section .joining_criteria .point {
    font-family: var(--bold-font);
    text-transform: uppercase;
    color: #fff;
    font-size: 4.2vw;
    line-height: 5.4vw;
  }

  .membership_detail_section .joining_criteria .desc {
    font-family: var(--regular-font);
    color: var(--black-primary);
    font-size: 4vw;
    line-height: 5.2vw;
    width: 95%;
  }

  .membership_detail_section .joining_criteria h4 {
    padding: 0vw 0vw 3.5vw 0vw;
    color: var(--red-primary);
    font-family: var(--extrabold-font);
    font-size: 5.5vw;
    line-height: 5.5vw;
    margin-bottom: 3vw;
  }

  .membership_detail_section .joining_criteria .pb-5 {
    padding-bottom: 1rem !important;
  }

  .membership_detail_section .joining_criteria {
    margin-bottom: 6vw;
    padding-bottom: 3vw;
    border-bottom: 1px solid var(--black-primary);
  }

  .membership_detail_section .membership_fees h4 {
    padding: 0vw 0vw 3.5vw 0vw;
    color: var(--red-primary);
    font-family: var(--extrabold-font);
    font-size: 5.5vw;
    line-height: 5.5vw;
    margin-bottom: 3vw;
  }

  .membership_detail_section {
    padding: 6vw 0vw 6vw 0vw;
  }

  .membership_detail_section .membership_fees .point {
    font-family: var(--bold-font);
    text-transform: uppercase;
    color: var(--black-primary);
    font-size: 4.2vw;
    line-height: 5.4vw;
  }

  .membership_detail_section .membership_fees .desc {
    font-family: var(--regular-font);
    color: var(--black-primary);
    font-size: 4vw;
    line-height: 5.2vw;
    width: 100%;
    margin-bottom: 5.5vw;
  }

  .membership_detail_section .membership_fees a {
    border-radius: 3vw;
    color: var(--red-primary);
    text-transform: uppercase;
    background: var(--white-primary);
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    text-decoration: none;
    display: inline-block;
    border: 1px solid var(--red-primary);
    padding: 5.4vw 6.25vw 5.4vw 6.25vw;
    border-radius: 3vw;
    font-size: 3.4vw;
    line-height: 4.6vw;
    width: 100%;
  }

  .membership_fees .pb-5 {
    padding-bottom: 2.5rem !important;
  }

  .nsm_membership_section {
    padding: 8vw 0vw 0vw 0vw;
    margin-left: 0%;
    overflow-x: hidden;
  }

  .membership_detail_section .row:nth-child(1) {
    margin-bottom: 8vw;
    padding-bottom: 5vw;
  }

  .nsm_membership_section h4 {
    font-size: 5.2vw;
    line-height: 6.4vw;
    font-family: var(--bold-font);
    color: var(--red-primary);
    margin-bottom: 5vw;
  }

  .nsm_membership_section .sub_text {
    font-size: 4.2vw;
    line-height: 5.4vw;
    font-family: var(--bold-font);
    color: var(--red-primary);
    margin-bottom: 5vw;
  }

  .container-checkbox .checkmark {
    position: absolute;
    top: 0.3vw;
    left: 0;
    height: 4vw;
    width: 4vw;
    background-color: #fff;
    border: 1px solid black;
  }

  .container-checkbox {
    display: block;
    position: relative;
    padding-left: 5.5vw;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 3.4vw;
    line-height: 4.6vw;
    font-family: var(--regular-font);
    color: var(--black-primary);
    margin-bottom: 3.5vw;
  }

  .tc_content .container-checkbox {
    width: 100%;
  }

  .container-checkbox .checkmark:after {
    left: 1.2vw;
    top: 0.2vw;
    width: 1.2vw;
    height: 2.5vw;
    border: solid white;
    border-width: 0 0.2vw 0.2vw 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .tabs-content .media_card .media_card_content {
    border: 2px solid var(--grey-primary);
    border-radius: 0vw 0vw 3vw 3vw;
    background: #eeeeee;
  }

  .key_finding-section {
    background: var(--white-primary);
    padding: 9vw 0vw 6vw 0vw;
  }

  .key_finding-section .container {
    margin-left: 0;
  }

  .key_finding-section .title_h3 {
    color: var(--red-primary);
    margin-bottom: 3vw;
    margin-top: 2vw;
    font-family: var(--bold-font);
  }

  .key_finding-section .key_finding .item-block .block-title {
    font-size: 4.2vw;
    line-height: 5.4vw;
    color: var(--black-primary);
    font-family: var(--bold-font);
    margin-bottom: 5.5vw;
    padding-bottom: 5vw;
    border-bottom: 0.1vw solid var(--black-primary);
    display: flex;
    align-items: center;
    height: 12vw;
  }

  .key_finding-section .key_finding .item-block .block-desc {
    font-size: 3.6vw;
    line-height: 4.8vw;
    color: var(--black-primary);
    font-family: var(--regular-font);
  }

  .key_finding-section .key_finding .item-block img {
    border-radius: 3.5vw;
    margin-bottom: 3.8vw;
  }

  .key_finding .slick-list {
    padding: 0 15% 0 0 !important;
  }

  .key_finding-section .key_finding .item-block {
    margin-right: 2.5vw;
  }

  .key_finding-section h4 {
    color: var(--red-primary);
    margin-bottom: 6vw;
    margin-top: 5vw;
    font-family: var(--bold-font);
    font-size: 4.2vw;
    line-height: 5.4vw;
  }

  .video_block img {
    height: auto !important;
  }


  .fact_figures_slider .slick-list {
    padding: 0 15% 0 0 !important;
  }

  .fact_figures-section .title_h3 {
    color: var(--white-primary);
    margin-bottom: 8vw;
    margin-top: 2vw;
    font-family: var(--bold-font);
  }

  .perspectives-main-content-detailpage {
    padding: 10vw 0vw;
    margin-bottom: -8%;
    margin-left: 0%;
  }

  .fact_figures-section .container {
    margin-left: 0%;
  }

  .fact_figures-section {
    background: url(themes/custom/inoatheme/images/Thought-Leadership.svg);
    background-size: cover;
    padding: 9vw 0vw 6vw 0vw;
  }

  .tabs-content .rd-btn {
    color: var(--white-primary);
    border-radius: 8.5vw;
    height: max-content;
    padding: 5.4vw 6.25vw 5.4vw 6.25vw;
    font-size: 3.4vw;
    line-height: 4.6vw;
    width: 100%;
    margin-bottom: 3vw;
  }

  .tabs-content .main-button {
    text-align: left;
    margin-top: 5vw;
  }

  .nsm_strategic-section .container {
    margin-left: 0;
  }

  .about-intro {
    margin-left: 0%;
  }

  .nsm_strat-slider .slick-list {
    padding: 0 15% 0 0 !important;
  }

  .about-intro .title_h1 {
    line-height: 11.75vw;
    padding: 5.5vw 0vw 5.5vw 0vw;
    color: var(--red-primary);
    font-family: var(--bold-font);
  }

  .tabs-content {
    display: block !important;
  }

  .nsm_spirit-nasscom ul li {
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: var(--white-primary);
    font-family: var(--regular-font);
  }

  .nsm_spirit-nasscom ul {
    padding: 0;
  }

  .nsm_spirit-nasscom {
    background: url(themes/custom/inoatheme/images/Spirit%20of%20nasscomSpirit-of-nasscom.jpg);
    background-size: cover;
    padding: 12vw 0vw 12vw 0vw;
    border-radius: 3.5vw;
  }

  .nsm_path-traveled {
    padding: 12vw 0vw;
    margin-left: 0%;
  }

  .nsm_path-traveled .pb-5 {
    padding-bottom: 1.5rem !important;
  }

  .nsm_path-traveled .title_h3 {
    font-family: var(--bold-font);
  }

  .nsm_pathimage-block {
    padding-top: 4vw;
  }

  .nsm_pathimage-block .nsm_path-year {
    font-size: 26px;
    line-height: 30px;
    font-family: var(--bold-font);
    color: var(--red-primary);
    margin-bottom: 20px;
  }

  .nsm_pathimage-block .nsm_path-image img {
    width: 100%;
    border-radius: 3.5vw;
    margin-bottom: 3vw;
  }

  .nsm_pathcontext-block .sub-title {
    font-size: 3.7vw;
    line-height: 4.35vw;
    font-family: var(--bold-font);
    color: var(--white-primary);
    margin-bottom: 3.5vw;
  }

  .nsm_pathcontext-block .title_h4 {
    font-family: var(--bold-font);
    color: var(--white-primary);
    border-top: 0.1vw solid var(--white-primary);
    border-bottom: 0.1vw solid var(--white-primary);
    padding: 3.7vw 0vw;
    margin-bottom: 3.5vw;
    font-size: 6.4vw;
    line-height: 6.35vw;
  }

  .nsm-button-row {
    margin-bottom: 6vw;
    display: block;
  }

  .nsm-button-row .outline-btn {
    margin-right: 2vw;
    height: max-content;
    padding: 5.4vw 6.25vw 5.4vw 6.25vw;
    border-radius: 3vw;
    font-size: 3.4vw;
    line-height: 4.6vw;
    width: 100%;
    margin-bottom: 3vw;
  }

  .page-intro .title_h1 {
    padding: 5.5vw 0vw 5.5vw 0vw;
    color: var(--red-primary);
    font-family: var(--bold-font);
    font-size: 9vw;
  }

  .page-intro .author_h3 {
    font-size: 6vw;
    color: var(--red-primary) !important;
  }

  .page-intro .nsm_context {
    font-size: 3.8vw;
    line-height: 5.6vw;
  }

  .about-intro .nsm_context {
    font-size: 3.8vw;
    line-height: 5.6vw;
    color: var(--black-primary);
    font-family: var(--regular-font);
  }

  .nsm_blockarrow-down {
    height: 38vw;
    width: 38vw;
    margin: auto;
    margin-bottom: -8%;
  }

  .nsm_path-traveled>.row {
    padding-bottom: 1.5rem !important;
  }

  .nsm_pathcontext-block .desc {
    font-size: 3.2vw;
    line-height: 4.8vw;
    font-family: var(--regular-font);
    color: var(--white-primary);
    margin-bottom: 3.5vw;
  }

  .nsm_pathcontext-block {
    width: 100%;
    background: linear-gradient(to bottom, #0251c3, #002c83);
    background-size: cover;
    padding: 5vw;
    border-radius: 3.5vw;
  }

  .nsm_footer-area-dark {
    margin-left: 0%;
    padding: 15vw 0vw 20vw 0vw;
    overflow-x: hidden;
  }

  .nsm_footer-area-dark .pb-5 {
    padding-bottom: 1.5rem !important;
  }

  .nsm_footer-area-dark .nsm_footer-text {
    font-size: 4.2vw;
    line-height: 5.4vw;
    font-family: var(--medium-font);
    color: var(--white-primary);
    margin-bottom: 5vw;
  }

  .nsm_footer-area-dark .nsm_withimage-block {
    width: 90%;
    border-radius: 2vw;
    margin-right: 1%;
  }

  .nsm_footer-area-dark .nsm_withtext-block {
    width: 58%;
    padding: 3vw;
  }

  .nsm_footer-area-dark .nsm_withtext-block .nsm_desc {
    color: var(--white-primary);
    font-size: 2.8vw;
    line-height: 3.8vw;
    width: 90%;
    font-family: var(--regular-font);
  }

  .nsm_footer-area-dark .nsm_withtext-block .nsm_detail .label {
    color: var(--white-primary);
    font-size: 2.8vw;
    line-height: 3.8vw;
    font-family: var(--bold-font);
  }

  .nsm_footer-area-dark .nsm_withtext-block .nsm_detail .date {
    color: var(--white-primary);
    font-size: 2vw;
    line-height: 2.6vw;
    font-family: var(--bold-font);
    position: absolute;
    right: 15%;
  }

  .nsm_footer-social img {
    width: 15vw;
    margin-right: 8vw;
  }

  .nsm_footer-area-dark .nsm_footer-social.footer_links {
    font-size: 4.2vw;
    line-height: 5.4vw;
    width: 95%;
  }

  .nsm_footer-area-dark .nsm_footer-social.footer_links a {
    text-decoration: none;
    color: var(--white-primary);
    font-size: 4.2vw;
    line-height: 5.4vw;
    margin-right: 2vw;
    margin-left: 2vw;
  }

  .nsm_footer-area-dark .nsm_footer-social:nth-child(2) {
    border-bottom: 1px solid var(--white-primary);
    padding-bottom: 10vw;
    margin-bottom: 10vw;
  }

  .secondary-header {
    position: sticky;
    padding: 6.5vw 0;
    background: var(--red-primary);
    top: 0vw;
    z-index: 999;
  }

  .nsm_main-logo {
    position: static;
  }

  .secondary-header .nsm_main-logo img {
    width: 35.25vw;
  }

  .secondary-header .container.p-0 {
    padding-right: calc(var(--bs-gutter-x)* .5) !important;
    padding-left: calc(var(--bs-gutter-x)* .5) !important;
  }

  .secondary-header .col-md-12.p-0 {
    padding-right: calc(var(--bs-gutter-x)* .5) !important;
    padding-left: calc(var(--bs-gutter-x)* .5) !important;
  }

  .accordion-button::after {
    background-size: 4vw;
    height: 4vw;
  }

  .accordion-button:not(.collapsed)::after {
    background-size: 4vw;
    height: 4vw;
    margin-right: 1vw;
  }

  .nsm_fix-nav-inner {
    background:linear-gradient(to bottom, #0251c3, #002c83);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: none;
    z-index: 9999;
  }

  .hamburger_icon {
    position: absolute;
    top: 5.2vw;
    right: 3%;
    display: block;
  }

  .hamburger_icon .toggle_icon {
    width: 8vw;
    filter: invert(1);
  }
  .header_home .top-head .mainlogo img
  {
  	height: 60px;
  	width: auto !important;
  }

  .hamburger_icon .close_icon {
    width: 6.8vw;
    z-index: 9999;
  }

  .mobilelogin_icon {
    position: absolute;
    top: 5.2vw;
    right: 14%;
    display: block;
  }

  .mobilelogin_icon img {
    width: 6.8vw;
  }

  .mobilemenu_logo {
    padding: 6.5vw 3.5vw;
  }

  .mobilemenu_logo img {
    width: 40vw;
    filter: brightness(0) invert(1);
  }

  .overflowhidden {
    overflow-y: hidden;
  }

  .nsm_navbar-inner {
    margin: 3.5vw;
    position: static;
    padding: 0vw;
    border-top: 1px solid var(--white-primary);
    border-bottom: 1px solid var(--white-primary);
    padding-top: 3vw;
    padding-bottom: 3vw;
  }

  .nsm_navbar-inner li {
    padding: 5vw 0vw;
    text-align: left;
  }

  .nsm_navbar-inner li a {
    text-decoration: none;
    color: var(--white-primary);
    text-transform: uppercase;
    font-family: var(--bold-font);
    font-size: 3.3vw;
    line-height: 3.4vw;
    letter-spacing: 0.1vw;
  }

  .nsm_navbar-inner .dropdown_menu {
    padding: 0;
    margin-top: 3.5vw;
  }

  .nsm_navbar-inner .dropdown_menu li {
    padding: 5vw 8vw 5vw 0vw;
    text-align: left;
    width: max-content;
    display: inline-block;
  }

  .nsm_navbar-inner .dropdown_menu li:last-child a {
    padding-bottom: 0;
  }

  .nsm_navbar-inner .dropdown_menu li a {
    text-transform: capitalize;
    font-family: var(--regular-font);
    font-size: 3.3vw;
    line-height: 3.4vw;
  }

  .nsm_navbar-moreinner {
    list-style-type: none;
    padding: 0;
    margin: 3.5vw;
  }

  .nsm_navbar-moreinner li {
    padding: 5vw 8vw 5vw 0vw;
    text-align: left;
    width: max-content;
    display: inline-block;
  }

  .nsm_navbar-moreinner li a {
    text-decoration: none;
    color: var(--white-primary);
    text-transform: uppercase;
    font-family: var(--bold-font);
    font-size: 3.3vw;
    line-height: 3.4vw;
    letter-spacing: 0.1vw;
  }

  #desktop_tab {
    display: none;
  }

  #mobile_tab {
    display: block;
    padding-top: 0vw;
    margin-top: 0vw;
  }

  .mobile_tabitems_block {
    width: 100%;
    display: flex;
    overflow-x: auto;
  }

  .mobile_tabitems_block::-webkit-scrollbar {
    display: none;
  }

  .mobile_tabitems_block li.active a {
    padding-bottom: 2.5vw;
    font-family: var(--bold-font);
    border-bottom: 2px solid var(--red-primary);
  }

  .mobile_tabitems_block li a {
    display: block;
    color: var(--black-primary);
    font-family: var(--medium-font);
    font-size: 3.6vw;
    line-height: 4.8vw;
    text-decoration: none;
    text-transform: uppercase;
    margin-right: 2.75vw;
    margin-bottom: 1.75vw;
    width: max-content;
  }

  .mobilehead_tab {
    border-bottom: 0px;
    width: 100%;
    overflow-x: unset;
    display: flex;
    flex-wrap: unset;
  }

  .mobilehead_tab::-webkit-scrollbar {
    display: none;
  }

  .mobilehead_tab .nav-link {
    border: 0;
    padding: 0;
    color: #000;
    font-family: var(--medium-font);
    font-size: 4.2vw;
    line-height: 5.4vw;
    text-transform: uppercase;
    margin-right: 5vw;
    width: max-content;
  }

  .mobilehead_tab .nav-link.active {
    color: var(--black-primary);
    font-family: var(--bold-font);
  }

  .mobilehead_tab li {
    margin-bottom: 6vw;
  }

  .secondary-header .desk_logo {
    display: none;
  }

  .secondary-header .mobile_logo {
    display: block;
  }

  #members_listing .tabs-nav {
    padding: 0;
    margin-bottom: 1vw;
    height: 28vw;
    padding-top: 8vw;
    padding-bottom: 4vw;
  }

  #members_listing .perspectives_card .job_title {
    margin-bottom: 0vw;
    padding: 5vw 5vw 5vw 5vw;
    min-height: auto;
    font-size: 4.2vw;
    line-height: 5.4vw;
    min-height: max-content;
    max-height: max-content;
  }

  #members_listing .perspectives_card .action-btn {
    padding: 2.5vw 5vw 5vw 5vw;
  }

  #members_listing .perspectives_card .action-btn .category a {
    font-size: 3.8vw;
    line-height: 5vw;
  }

  #members_listing .perspectives_card .action-btn .fee img {
    height: 2.4vw;
    width: 4.32vw;
    object-fit: contain;
    border-radius: 0;
    margin-left: 1.5vw;
  }

  #members_listing .tabs-nav select {
    font-family: var(--medium-font);
    font-size: 3.6vw;
    line-height: 4.8vw;
    width: 36vw;
  }

  #members_listing .tabs-nav select {}

  .recent_newsletters-section .newsletter_card .job_desc {
    height: max-content;
    overflow-y: auto;
  }
}

@media (max-width:767px) {
  section .container {
    padding: 0vw 4vw;
  }

  .section {}

  .home-mobile {
    padding: 6.5vw 5vw;
    display: none;
  }

  .showheader {
    display: block;
    position: fixed;
  }

  .homepage .row {
    --bs-gutter-x: 0rem !important;
    --bs-gutter-y: 0;
    margin-right: calc(var(--bs-gutter-x)) !important;
    margin-left: calc(var(--bs-gutter-x)) !important;
  }

  .nsm_side-area {
    display: none;
  }

  .logo-div {
    position: static;
    padding: 10vw 0vw;
    margin: auto;
    width: 100%;
    text-align: center;
  }

  .logo-div img {
    width: 45vw;
    margin: auto;
  }

  .carousel_section_home {
    height: 100vh;
  }

  .carousel_section_home .tag-title {
    line-height: 10.75vw;
    padding: 0vw 5.5vw 0vw 5.5vw;
    color: var(--red-primary);
    font-family: var(--medium-font);
    font-size: 8vw;
    display: block;
    text-align: center;
  }

  .carousel_section_home .col-md-8 {
    margin-top: 10%;
  }

  .nsm_fix-nav {
    background: var(--red-secondary);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: none;
    z-index: 9999;
  }

  .nsm_navbar {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .nsm_navbar li {
    padding: 1vw 0vw;
    text-align: center;
  }

  .nsm_navbar li a {
    text-decoration: none;
    color: var(--white-primary);
    text-transform: uppercase;
    font-family: var(--regular-font);
    font-size: 6.97vw;
    line-height: 12.35vw;
  }

  .nsm_navbar .dropdown_menu li a {
    text-transform: capitalize;
    font-size: 4.97vw;
    line-height: 10.35vw;
  }

  .nsm_membership_slider_div {
    padding: 8vw 0vw;
    position: static;
    height: 100vh;
    opacity: 1 !important;
  }

  .nsm_membership_slider_div .container {
    padding: 0;
  }

  .nsm_membership_slider_div .image-block img {
    border-radius: 0;
    height: 65vw;
  }

  .nsm_membership_slider_div .image-block .image-tag {
    font-size: 3vw;
    line-height: 4.2vw;
    color: var(--white-primary);
    font-family: var(--medium-font);
    text-transform: capitalize;
    position: absolute;
    left: 5%;
    bottom: 5%;
  }

  .nsm_membership_slider_div .content-block {
    margin-left: 0%;
    padding-top: 3.5vw;
  }

  .nsm_membership_slider_div .content-block .title_h4 {
    font-family: var(--bold-font);
    color: var(--red-primary);
    font-size: 7.5vw;
    line-height: 9.3vw;
    margin: 3vw 12vw 6vw 12vw;
    text-align: center;
  }

  .nsm_membership_slider_div .content-block .desc {
    font-size: 4.2vw;
    line-height: 5.4vw;
    color: var(--red-primary);
    font-family: var(--medium-font);
    text-align: center;
    padding: 0px 12vw;
  }

  .nsm_membership_slider_div .content-block .col-md-4 {
    margin: 6vw auto;
    text-align: center;
  }

  .nsm_membership_slider_div .content-block .rd-btn {
    float: none;
    padding: 5vw 6.75vw 5vw 6.75vw !important;
    border-radius: 8.5vw;
    font-size: 3.6vw;
    line-height: 4.8vw;
    color: var(--white-primary);
    margin-bottom: 6vw;
  }

  .nsm_membership_slider_div .content-block .link-btn {
    font-size: 3.6vw;
    line-height: 4.8vw;
    color: var(--red-primary);
    font-family: var(--bold-font);
    text-transform: uppercase;
    text-decoration: none;
    width: 100%;
    display: block;
  }

  .nsm_mobile_arrow {
    padding: 6vw 0vw;
    text-align: center;
  }

  .nsm_whats_new_strip {
    position: fixed;
    z-index: 999;
    bottom: 0;
    width: 100%;
  }

  .nsm_whats_new_strip .strip_box {
    background: var(--black-primary);
    padding: 6vw 6vw;
    display: flex;
    align-items: center;
  }

  .nsm_whats_new_strip .strip_box .title {
    color: var(--white-primary);
    text-transform: uppercase;
    font-size: 4.8vw;
    line-height: 6vw;
    font-family: var(--bold-font);
    width: 80%;
  }

  .nsm_whats_new_strip .strip_box .expand_icon {
    width: 10%;
  }

  .nsm_whats_new_strip .strip_box .halfexpand_icon {
    width: 10%;
  }

  .main-home-screen {
    height: 500vh;
    background-image: linear-gradient(to right, #781a19, #9d1f1a);
  }

  .we-are-innovation-div {
    display: block !important;
    padding: 8vw 12vw 8vw 5vw;
    position: relative;
    overflow: hidden;
  }

  .we-are-innovation-div .title_h1 {
    font-size: 9.8vw;
    line-height: 11.75vw;
    font-family: var(--regular-font);
    color: var(--white-primary);
  }

  .brain-icon-container {
    opacity: 1;
    position: static;
    right: unset;
    top: unset;
    width: 92vw;
  }

  .main-home-screen .nsm_mobile_arrow {
    position: absolute;
    bottom: 32vw;
    margin-left: 42vw;
  }

  .thought-leadership-div {
    display: block !important;
    position: relative;
    background-image: none;
    overflow-x: hidden;
    height: 100vh;
    right: 0%;
    bottom: 0%;
  }

  .thought-leadership-div .thought-leadership-box {
    width: 100%;
    height: auto;
    padding: 30vw 5vw;
    z-index: 99;
    position: relative;
  }

  .thought-leadership-div .thought-leadership-box .title_h4 {
    font-family: var(--bold-font);
    color: var(--white-primary);
    font-size: 8vw;
    line-height: 9.2vw;
    margin-bottom: 8.5vw;
  }

  .thought-leadership-div .thought-leadership-box .list-item li {
    margin-bottom: 8.5vw;
  }

  .thought-leadership-div .thought-leadership-box .list-item li .list-title {
    font-size: 4.2vw;
    line-height: 5.4vw;
    color: var(--white-primary);
    font-family: var(--bold-font);
    margin-bottom: 2.5vw;
  }

  .thought-leadership-div .list-item li .list-context {
    font-size: 3.6vw;
    line-height: 4.8vw;
    color: var(--white-primary);
    font-family: var(--medium-font);
  }

  .thought-leadership-div .brain-icon-container {
    position: absolute;
    top: -15vw;
    left: 40vw;
    z-index: 9;
  }

  .thought-leadership-div .dollar-icon-container {
    opacity: 1;
    position: absolute;
    left: -25%;
    bottom: 5%;
    width: 85vw;
    z-index: 9;
  }

  .red-bg-container {
    display: block !important;
    height: 100vh;
    position: relative;
    overflow-x: hidden;
  }

  .red-bg-container .dollar-icon-container {
    opacity: 1;
    position: absolute;
    left: 30%;
    bottom: 16%;
    width: 92vw;
    z-index: 9;
  }

  .red-bg-container .brain-icon-container {
    position: absolute;
    top: -10%;
    left: -18%;
    width: 60vw;
  }

  .nasscom-members-container {
    padding: 5vw 5.5vw;
    border-radius: 1.5vw;
    background: url(themes/custom/inoatheme/images/BG-Red.svg);
    background-size: cover;
    height: 85vw;
    width: 85vw;
    margin: 0;
    position: absolute;
    right: 6%;
    border-radius: 50%;
    display: flex;
    margin: 35% 0;
    z-index: 99;
  }

  .nasscom-members-desc {
    font-size: 6.8vw;
    line-height: 9.2vw;
    text-align: center;
    color: var(--white-primary);
    font-family: var(--regular-font);
    font-weight: 200;
  }

  .red-bg-container-2 {
    display: block !important;
    height: 100vh;
    position: relative;
    overflow-x: hidden;
  }

  .red-bg-container-2 .economic-rejuvenation-div {
    opacity: 1 !important;
    position: absolute;
    right: 3%;
    top: 28%;
    width: 92vw;
  }

  .red-bg-container-2 .economic-rejuvenation-div .title_h4 {
    font-family: var(--bold-font);
    color: var(--white-primary);
    font-size: 8vw;
    line-height: 9.2vw;
    margin-bottom: 8.5vw;
  }

  .red-bg-container-2 .economic-rejuvenation-div .list-item li {
    margin-bottom: 8.5vw;
  }

  .red-bg-container-2 .economic-rejuvenation-div .list-item li .list-title {
    font-size: 4.2vw;
    line-height: 5.4vw;
    color: var(--white-primary);
    font-family: var(--bold-font);
    margin-bottom: 2.5vw;
  }

  .red-bg-container-2 .economic-rejuvenation-div .list-item li .list-context {
    font-size: 3.6vw;
    line-height: 4.8vw;
    color: var(--white-primary);
    font-family: var(--medium-font);
  }

  .red-bg-container-2 .economic-rejuvenation-div .list-item {
    padding: 0;
    width: 92%;
  }

  .red-bg-container-2 .economic-rejuvenation-div .dollar-icon-container {
    position: absolute;
    top: -35%;
    left: 35%;
    width: 70vw;
    opacity: 1 !important;
  }

  .red-bg-container-2 .economic-rejuvenation-div .trending-icon-container {
    position: absolute;
    left: -15%;
    bottom: -55%;
    width: 85vw;
  }

  .red-bg-container-3 {
    display: block !important;
    height: 100vh;
    position: relative;
    overflow-x: hidden;
  }

  .red-bg-container-3 .inclusive-growth-div {
    position: absolute;
    opacity: 1 !important;
    right: 3%;
    top: 28%;
    width: 92vw;
  }

  .red-bg-container-3 .inclusive-growth-div .title_h4 {
    font-family: var(--bold-font);
    color: var(--white-primary);
    font-size: 8vw;
    line-height: 9.2vw;
    margin-bottom: 8.5vw;
  }

  .red-bg-container-3 .inclusive-growth-div .list-item li {
    margin-bottom: 8.5vw;
  }

  .red-bg-container-3 .inclusive-growth-div .list-item li .list-title {
    font-size: 4.2vw;
    line-height: 5.4vw;
    color: var(--white-primary);
    font-family: var(--bold-font);
    margin-bottom: 2.5vw;
  }

  .red-bg-container-3 .inclusive-growth-div .list-item li .list-context {
    font-size: 3.6vw;
    line-height: 4.8vw;
    color: var(--white-primary);
    font-family: var(--medium-font);
  }

  .red-bg-container-3 .inclusive-growth-div .list-item {
    padding: 0;
    width: 92%;
  }

  .red-bg-container-3 .inclusive-growth-div .trending-icon-container {
    position: absolute;
    left: 5%;
    bottom: 58%;
    width: 85vw;
    opacity: 1 !important;
  }
}

ul.pager li.pager__item a.button {
  width: auto !important;
  padding: 0.5vw 1vw 0.5vw 1vw !important;
  color: var(--white-primary) !important;
  text-transform: capitalize !important;
  background: var(--red-primary) !important;
  font-size: 0.9vw !important;
  line-height: 1.35vw !important;
  text-align: center !important;
  font-family: var(--bold-font) !important;
  text-decoration: none !important;
  display: inline-block !important;
  border: 0 !important;
  border-radius: 0.5vw !important;
}

ul.pager li.pager__item a.button:hover {
  background: var(--red-secondary) !important;
}

.js-pager__items.pager {
  padding: 0 !important;
  text-align: center !important;
}

@media (max-width:767px) {
  ul.pager li.pager__item a.button {
    width: auto !important;
    padding: 1.5vw 3vw 1.5vw 3vw !important;
    color: var(--white-primary) !important;
    text-transform: capitalize !important;
    background: var(--red-primary) !important;
    font-size: 2.7vw !important;
    line-height: 3.35vw !important;
    text-align: center !important;
    font-family: var(--bold-font) !important;
    text-decoration: none !important;
    display: inline-block !important;
    border: 0 !important;
    border-radius: 1.5vw !important;
  }
}

.nsm_membership_slider_div .content-block .rd-btn {
  float: right;
  color: var(--white-primary);
  position: relative;
  z-index: 99;
}

.nsm_membership_slider_div .content-block .rd-btn:hover {
  color: var(--white-primary);
  background: var(--red-primary);
}

.calculate-btn {
  margin-bottom: 3vw;
}

.calculate-btn .rd-btn {
  color: var(--white-primary);
  background: var(--red-primary);
  padding: 1.25vw 2.5vw;
  cursor: pointer;
}

.calculate-btn .rd-btn:hover {
  background: var(--red-secondary);
  color: var(--white-primary);
}

::-webkit-scrollbar-track {
  background-color: #c0c0c0 !important;
}

::-webkit-scrollbar {
  width: 0.5vw !important;
  background-color: #002c83 !important;
}

::-webkit-scrollbar-thumb {
  background-color: #002c83 !important;
  border: 0px solid #555555 !important;
}

::-webkit-input-placeholder {
  color: var(--black-primary);
  opacity: 1;
}

::-moz-placeholder {
  color: var(--black-primary);
  opacity: 1;
}

:-ms-input-placeholder {
  color: var(--black-primary);
  opacity: 1;
}

:-moz-placeholder {
  color: var(--black-primary);
  opacity: 1;
}

.checkbox-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  margin-bottom: 0px;
}

#policypage #v1 .item-block .block-title {
  height: max-content;
  border-bottom: 0;
  margin-bottom: 0;
  align-items: flex-start;
}

#policypage #v1 .item-block .title-btn-hr {
  margin-top: 0;
}

#policypage #v2 .item-block .block-title {
  height: 3.6vw;
  border-bottom: 0;
  margin-bottom: 0;
  align-items: flex-start;
  overflow: hidden;
}

#policypage div.click-here {
  margin-top: 50px;
}

#policypage div.click-here a.btn-primary {
  width: auto;
  padding: 1vw 1.75vw 1vw 1.75vw;
  border-radius: 2.5vw;
  color: var(--white-primary);
  text-transform: uppercase;
  background: var(--red-primary);
  font-size: 0.9vw;
  line-height: 1.35vw;
  text-align: center;
  font-family: var(--bold-font);
  text-decoration: none;
  text-decoration: none;
  display: inline-block;
  height: max-content;
  border: 0;
}

@media (max-width:767px) {
  #policypage #v2 .item-block .block-title {
    height: 10vw;
    border-bottom: 0;
    margin-bottom: 0;
    align-items: flex-start;
    overflow: hidden;
  }

  #policypage div.click-here a.btn-primary {
    width: auto;
    padding: 3vw 3.75vw 3vw 3.75vw;
    border-radius: 5.5vw;
    color: var(--white-primary);
    text-transform: uppercase;
    background: var(--red-primary);
    font-size: 3.2vw;
    line-height: 1.35vw;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    text-decoration: none;
    display: inline-block;
    height: max-content;
    border: 0;
  }
}

.orientation-popup {
  background: var(--black-primary);
  padding: 20px 0px;
  height: 100% !important;
  width: 100%;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.9);
  overflow-y: hidden;
  transition: 0.5s;
  display: none;
}

.orientation-popup .popup_card {
  background: var(--white-primary);
  width: 65%;
  height: max-content;
  margin: 0 auto;
  padding: 30px 30px !important;
}

.orientation-popup .popup_card .popup_close {
  position: absolute;
  top: 2.5%;
  right: 5%;
  cursor: pointer;
}

.orientation-popup .popup_card .popup_close img {
  width: 1.8vw;
}

.orientation-popup .popup_card .popup_logo {
  width: 100%;
  text-align: center;
  margin-bottom: 2.2vw;
}

.orientation-popup .popup_card .popup_logo img {
  width: 180px;
}

.orientation-popup .popup_card .text-center {
  background: transparent;
  border: 0px solid var(--black-primary);
  padding: 0vw 0vw;
  width: 100%;
  margin-bottom: 1.5vw;
  border-radius: 0;
  color: var(--black-primary);
  height: max-content;
  color: var(--black-primary) !important;
  font-family: var(--regular-font);
  font-size: 26px;
  margin-bottom: 0;
}

@media (max-width:767px) {
  .home-toggle {
    position: absolute;
    top: -0.8vw !important;
    right: 3%;
    display: block;
  }

  .slick-dots li {
    width: 3.6vw;
    height: 3.6vw;
  }

  .slick-dots li button {
    width: 3.6vw;
    height: 3.6vw;
  }

  .slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 3.6vw;
    height: 3.6vw;
    background: white;
    border: 1px solid var(--red-primary);
    border-radius: 50%;
    display: block;
    content: '';
    text-align: center;
    opacity: 1;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .slick-dots li.slick-active button:before {
    opacity: 1;
    background: var(--red-primary);
    border: 1px solid var(--red-primary);
  }
}

.navigation-arrow {
  position: absolute;
  right: 2%;
  z-index: 99;
  display: flex;
  bottom: 3%;
}

.navigation-arrow .navigate-down {
  cursor: pointer;
}

.navigation-arrow .navigate-up {
  cursor: pointer;
  display: none;
}

#people .tabs-content {
  margin-top: 1vw;
}

.desktophead_tab {
  border: 0;
}

.desktophead_tab .nav-link {
  border: 0;
  padding: 0;
  color: var(--black-primary);
  font-family: var(--bold-font);
  font-size: 1vw;
  line-height: 1vw;
  text-transform: uppercase;
  margin-right: 2.4vw;
  width: max-content;
}

.desktophead_tab .nav-link.active {
  color: var(--red-primary);
  font-family: var(--bold-font);
}

.desktophead_tab li {
  margin-bottom: 2vw;
}

.desktop_tabitems_block li.active a {
  font-size: 1vw;
  line-height: 1.35vw;
  text-decoration: none;
  text-transform: capitalize;
}

.desktop_tabitems_block li a {
  font-size: 1vw;
  line-height: 1.35vw;
  text-decoration: none;
  text-transform: capitalize;
}

#myVideo {
  position: absolute;
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 110vh;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.banner-nasscom::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 110vh;
  content: '';
  background-image: linear-gradient(#000000b9, #000000b9);
}

.header_home .top-head {
  background: linear-gradient(to right, #fff, #ffffff);
  padding: 1.5vw 2.5vw;
  border-radius: 0.5vw 0.5vw 0vw 0vw;
}

.header_home .top-head .mainlogo {
  width: 12vw;
}

.header_home .top-head .mainlogo img {
  width: 100%;
}

.header_home .top-head .mainmenu ul {
  display: flex;
  list-style-type: none;
  padding: 0;
  justify-content: right;
  margin: 0;
}

.header_home .top-head .mainmenu ul li {
  margin-left: 1vw !important;
}

.header_home .top-head .mainmenu ul li a {
  text-decoration: none;
  font-size: 0.8vw;
  text-transform: uppercase;
  color: #012b8c;
  font-family: var(--bold-font);
}

.header_home .row .bottom-head {
  background: linear-gradient(to bottom, #0251c3, #002c83);
  border-radius: 0vw 0vw 0.5vw 0.5vw;
  padding: 0.5vw 2.5vw;
  box-shadow: 0 14px 28px rgb(0 0 0 / 6%), 0 10px 10px rgb(0 0 0 / 3%);
}

.header_home .row .bottom-head .row {
  align-items: center;
}

.header_home .bottom-head .leftmenu ul {
  display: flex;
  list-style-type: none;
  padding: 0;
  justify-content: left;
  margin: 0;
}

.header_home .bottom-head .leftmenu ul li {
  margin-right: 1.5vw;
}

.header_home .bottom-head .leftmenu ul li a {
  text-decoration: none;
  font-size: 0.8vw;
  text-transform: uppercase;
  color: #fff;
  font-family: var(--bold-font);
}

.header_home .bottom-head .rightmenu ul {
  display: flex;
  list-style-type: none;
  padding: 0;
  justify-content: right;
  margin: 0;
}

.header_home .bottom-head .rightmenu ul li {
  margin-left: 1.5vw;
}

.header_home .bottom-head .rightmenu ul li a {
  text-decoration: none;
  font-size: 0.8vw;
  text-transform: uppercase;
  color: #fff;
  font-family: var(--bold-font);
}

.iconblock img {
  height: 1.8vw;
  width: 1.8vw;
  margin-left: 1vw;
}

.header_home .bottom-head .rightblock {
  display: flex;
  justify-content: right;
  align-items: center;
}

.header_home .bottom-head .rightblock .rightmenu {
  /*border-right: 0.2vw solid var(--red-primary);*/
  margin-right: 1vw;
  margin-left: 1vw;
  padding-right: 2vw;
}

.banner-nasscom {
  background: url(themes/custom/inoatheme/images/banner-bg.png);
  background-size: cover;
  height: 110vh;
}

.main-banner-text h2 {
  font-size: 4vw;
  line-height: 5vw;
  color: var(--white-primary);
  font-family: var(--medium-font);
  width: 90%;
}

.main-banner-text {
  margin-bottom: 10vw;
}

.header_home.hide {
  top: -10vw;
}

.header_home {
  position: fixed;
  left: 0;
  top: 1.5vw;
  width: 100%;
  padding: 0;
  z-index: 999;
  transition: all 0.5s ease-in-out;
}

.banner-nasscom .row {
  padding-top: 22vw;
  position: relative;
  z-index: 9;
}

.banner-nasscom .action-btn {
  text-align: right;
}

.banner-nasscom .action-btn a {
  background: linear-gradient(to right, #fff, #ffffff);
  padding: 1.4vw 2.2vw;
  border-radius: 3vw;
  font-family: var(--bold-font);
  color: var(--white-primary);
  text-transform: uppercase;
  text-decoration: none;
  font-size: 0.8vw;
  display: inline-block;
  margin-left: 0.8vw;
}

.banner-nasscom .down-arrow img {
  width: 4vw;
  height: 4vw;
  cursor: pointer;
}

.news-us {
  background: var(--white-primary);
  padding: 3.6vw 0vw 4.2vw 0vw;
}

.news-seperator {
  border-bottom: 0.5px solid var(--black-primary);
}

.news-us .title_h4 {
  font-family: var(--bold-font);
  color: var(--red-primary);
  margin: 0;
  font-size: 2.4vw;
}

.news-us .view-btn {
  font-size: 1vw;
  font-family: var(--medium-font);
  text-decoration: none;
  color: var(--red-primary);
  display: block;
  width: max-content;
  float: right;
}

.news-us .news-slider img {
  border-radius: 0.5vw;
  margin-bottom: 1.5vw;
  height: 28vw;
  object-fit: cover;
}

.news-us .news-slider {
  margin-bottom: 0;
  margin-top: 2.8vw;
}

.news-us .news-slider .news-title {
  font-size: 1vw;
  line-height: 1.5vw;
  color: var(--red-primary);
  font-family: var(--bold-font);
  margin-bottom: 0.2vw;
  text-transform: uppercase;
}

.news-us .news-slider .news-desc {
  font-size: 1vw;
  line-height: 1.5vw;
  color: var(--black-primary);
  font-family: var(--regular-font);
  width: 90%;
  margin-bottom: 0;
}

.news-us .news-slider .slick-slide {
  margin: 0vw 0.4vw;
}

.news-us .news-slider .slick-list {
  padding: 0 !important;
  margin: 0vw -0.4vw 0vw -0.4vw;
}

.key-insights {
  background: var(--white-primary);
  padding: 3.6vw 0vw 4.2vw 0vw;
}

.key-insights .title_h5 {
  font-family: var(--bold-font);
  color: var(--red-primary);
  margin-bottom: 1.5vw;
  font-size: 1.8vw;
  line-height: 2.2vw;
  margin-top: 1vw;
}

.key-insights .title_h4 {
  font-family: var(--bold-font);
  color: var(--red-primary);
  margin: 0;
  font-size: 2.4vw;
}

.key-insights .view-btn {
  font-size: 1vw;
  font-family: var(--medium-font);
  text-decoration: none;
  color: var(--red-primary);
  display: block;
  width: max-content;
  float: right;
}

.key-insights img {
  width: 96%;
  height: 38vw;
  object-fit: cover;
  border-radius: 0.5vw;
}

.key-insights .desc {
  font-size: 1.2vw;
  line-height: 1.8vw;
  font-family: var(--regular-font);
  color: var(--black-primary);
}

.key-insights .action-btn {
  position: absolute;
  bottom: 0;
}

.key-insights .action-btn a {
  background: linear-gradient(to right, #fff, #ffffff);
  padding: 1.4vw 2.2vw;
  border-radius: 3vw;
  font-family: var(--bold-font);
  color: var(--white-primary);
  text-transform: uppercase;
  text-decoration: none;
  font-size: 0.9vw;
  display: block;
}

.dedicated-goals {
  padding: 3.6vw 0vw 4.2vw 0vw;
  position: relative;
  background: url(themes/custom/inoatheme/images/Mesh-Gradient-Red-1.svg);
  overflow: hidden;
  animation: gradient 12s ease infinite;
}

@keyframes gradient {
  0% {
    background: url(themes/custom/inoatheme/images/Light-Gradient-4-min.jpg);
    background-size: cover;
  }

  10% {
    background: url(themes/custom/inoatheme/images/Light-Gradient-5-min.jpg);
    background-size: cover;
  }

  20% {
    background: url(themes/custom/inoatheme/images/Light-Gradient-6-min.jpg);
    background-size: cover;
  }

  30% {
    background: url(themes/custom/inoatheme/images/Light-Gradient-7-min.jpg);
    background-size: cover;
  }

  40% {
    background: url(themes/custom/inoatheme/images/Light-Gradient-4-min.jpg);
    background-size: cover;
  }

  50% {
    background: url(themes/custom/inoatheme/images/Light-Gradient-5-min.jpg);
    background-size: cover;
  }

  60% {
    background: url(themes/custom/inoatheme/images/Light-Gradient-6-min.jpg);
    background-size: cover;
  }

  70% {
    background: url(themes/custom/inoatheme/images/Light-Gradient-7-min.jpg);
    background-size: cover;
  }

  80% {
    background: url(themes/custom/inoatheme/images/Light-Gradient-4-min.jpg);
    background-size: cover;
  }

  90% {
    background: url(themes/custom/inoatheme/images/Light-Gradient-5-min.jpg);
    background-size: cover;
  }

  100% {
    background: url(themes/custom/inoatheme/images/Light-Gradient-6-min.jpg);
    background-size: cover;
  }
}

.dedicated-goals .title_h4 {
  font-family: var(--bold-font);
  color: var(--white-primary);
  margin: 0;
  font-size: 2.4vw;
}

.dedicated-goals .view-btn {
  display: flex;
  justify-content: right;
}

.dedicated-goals .prev-slide-g {
  margin-left: 1vw;
  cursor: pointer;
}

.dedicated-goals .next-slide-g {
  margin-left: 1.5vw;
  cursor: pointer;
}

.dedicated-goals .goals_slider {
  margin-left: 6%;
  margin-top: 2.8vw;
  margin-bottom: 0;
}

.dedicated-goals .goals_slider .slick-slide {
  margin: 0vw 0.4vw;
}

.dedicated-goals .goals_slider .slick-list {
  padding: 0 30% 0 0 !important;
  margin: 0vw -0.4vw 0vw -0.4vw;
}

.dedicated-goals .goal-card {
  padding: 1.5vw 2vw;
  border: 0.1vw solid var(--white-primary);
  border-radius: 0.5vw;
}

.dedicated-goals .goal-card .title_h5 {
  font-size: 1.6vw;
  color: var(--white-primary);
  margin-bottom: 2vw;
  border-bottom: 0.1vw solid #fff;
  padding-bottom: 2vw;
  margin-top: 0.5vw;
}

.dedicated-goals .goal-card .content-pointer {
  padding-bottom: 0.8vw;
}

.dedicated-goals .goal-card .content-pointer h6 {
  font-size: 1vw;
  font-family: var(--bold-font);
  color: var(--white-primary);
}

.dedicated-goals .goal-card .content-pointer p {
  font-size: 0.8vw;
  color: var(--white-primary);
  font-family: var(--regular-font);
  width: 90%;
}

.nasscom-bcmember {
  background: var(--white-primary);
  padding: 3.6vw 0vw 4.2vw 0vw;
}

.nasscom-bcmember .title_h4 {
  font-family: var(--bold-font);
  color: var(--red-primary);
  margin: 0;
  font-size: 2.4vw;
}

.nasscom-bcmember .view-btn {
  font-size: 1vw;
  font-family: var(--medium-font);
  text-decoration: none;
  color: var(--red-primary);
  display: block;
  width: max-content;
  float: right;
}

.nasscom-bcmember img {
  width: 96%;
  height: 38vw;
  object-fit: cover;
  border-radius: 0.5vw;
}

.nasscom-bcmember .desc {
  font-size: 1.2vw;
  line-height: 1.8vw;
  font-family: var(--regular-font);
  color: var(--black-primary);
  margin-top: 1vw;
}

.nasscom-bcmember .action-btn {
  position: absolute;
  bottom: 0;
}

.nasscom-bcmember .action-btn a {
  background: linear-gradient(to right, #fff, #ffffff);
  padding: 1.4vw 2.2vw;
  border-radius: 3vw;
  font-family: var(--bold-font);
  color: var(--white-primary);
  text-transform: uppercase;
  text-decoration: none;
  font-size: 0.9vw;
  display: block;
}

.nasscom-konnect {
  background: #EBEBEB;
  padding: 3.6vw 0vw 6.2vw 0vw;
  position: relative;
}

.nasscom-konnect .title_h3 {
  text-transform: capitalize;
  color: var(--red-primary);
  font-family: var(--bold-font);
  margin-bottom: 0vw;
  font-size: 3vw;
}

.nasscom-konnect .view-btn {
  margin-bottom: 0vw;
  display: block;
  color: var(--red-primary);
  text-decoration: none;
  font-size: 1vw;
  font-family: var(--medium-font);
  width: max-content;
  float: right;
}

.nasscom-konnect .outline-btn {
  background: #EBEBEB;
  margin-right: 1vw;
}

.nasscom-konnect .outline-btn:hover {
  background: var(--red-primary);
}

.nasscom-konnect .prev-slide-k {
  position: absolute;
  left: 2%;
  top: 50%;
}

.nasscom-konnect .prev-slide-k img {
  cursor: pointer;
  height: 2.4vw;
  width: 2.4vw;
}

.nasscom-konnect .next-slide-k img {
  cursor: pointer;
  height: 2.4vw;
  width: 2.4vw;
}

.nasscom-konnect .next-slide-k {
  position: absolute;
  right: 2%;
  top: 50%;
}

.home-konnect {
  margin-top: 2.4vw;
}

.home-konnect .slick-slide {
  margin: 0vw 0.4vw;
}

.home-konnect .slick-list {
  padding: 0 !important;
  margin: 0vw -0.4vw 0vw -0.4vw;
}

.home-konnect .slick-dots {
  bottom: -80px;
}

.home-konnect .slick-dots li {
  margin: 0vw 0.1vw;
}

.home-konnect .slick-dots li button:before {
  content: '' !important;
  height: 0.9vw;
  width: 0.9vw;
  border: 0.2vw solid var(--red-primary);
  background: #ebebeb;
  border-radius: 50%;
  display: block;
  opacity: 1;
}

.home-konnect .slick-dots li.slick-active button:before {
  background: var(--red-primary);
  opacity: 1;
}

.nasscom-konnect .konnect-card img {
  border-radius: 0.5vw;
  margin-bottom: 1.5vw;
}

.nasscom-konnect .konnect-card .card-title {
  font-size: 1.2vw;
  line-height: 1.8vw;
  color: var(--red-primary);
  font-family: var(--bold-font);
  margin-bottom: 1vw;
}

.nasscom-konnect .konnect-card .card-desc {
  font-size: 0.8vw;
  line-height: 1.2vw;
  color: var(--black-primary);
  font-family: var(--regular-font);
  margin-bottom: 1vw;
}

.nasscom-konnect .konnect-card .card-details {
  color: var(--black-primary);
  font-family: var(--bold-font);
  text-transform: capitalize;
  font-size: 0.8vw;
  line-height: 1.2vw;
  margin-bottom: 1.8vw;
}

.action-btn a:hover {
  background: linear-gradient(to right, #9d1f1a, #013a9b);
}

.nsm_footer-homepage {
  background: linear-gradient(to bottom, #0251c3, #002c83);
  background-size: cover;
  padding: 4vw 0vw;
}

.nsm_footer-homepage .footer_logo {
  width: 55%;
}

.nsm_footer-homepage .nsm_footer-social {
  text-align: right !important;
}

.nsm_footer-homepage .nsm_footer-social img {
  width: 3.8vw;
  margin-left: 1vw;
  margin-right: 0;
}

.nsm_footer-homepage .footer_links {
  width: 100%;
  text-align: left;
}

.nsm_footer-homepage .footer_links a {
  text-decoration: none;
  color: var(--white-primary);
  font-size: 0.9vw;
  line-height: 1.2vw;
  margin-right: 1.8vw;
  font-family: var(--bold-font);
  text-transform: uppercase;
}

.nsm_footer-homepage .hastagfooter {
  font-family: var(--medium-font);
  font-size: 1.6vw;
  line-height: 1.8vw;
  text-align: right;
  color: var(--white-primary);
  margin: 0;
}

.nsm_footer-homepage .scroll-footerslider {
  padding-left: 6%;
  margin-bottom: 3vw;
  margin-top: 2vw;
}

.nsm_footer-homepage .scroll-footerslider .slick-slide {
  margin: 0vw 0.4vw;
}

.nsm_footer-homepage .scroll-footerslider .slick-list {
  padding: 0 20% 0 0 !important;
  margin: 0vw -0.4vw 0vw -0.4vw;
}

.nsm_footer-homepage .scroll-footerslider .nsm_withimage-block {
  width: 38vw !important;
  height: 26vw !important;
  margin-right: 0 !important;
}

.nsm_footer-homepage .scroll-footerslider .nsm_withimage-block img {
  object-fit: cover;
}

.nsm_footer-homepage .scroll-footerslider .nsm_withtext-block {
  width: 25vw !important;
  height: 26vw !important;
  margin-right: 0 !important;
}

.section-for-mobile {
  display: none;
}

.dedicated-goals-mobile {
  display: none;
}

.header_home .bottom-head .rightblock.formobile {
  display: none;
}

@media (max-width:767px) {
  html {
    overflow-x: hidden;
  }

  .header_home.hide {
    top: 0;
  }

  .header_home.hide .row .bottom-head {
    margin-top: -9vw;
    z-index: -1;
  }

  .header_home {
    top: 0;
  }

  .header_home .top-head {
    background: #fff;
    padding: 1.5vw 3.5vw;
    border-radius: 0vw;
  }

  .header_home .top-head .mainlogo {
    width: 40vw
  }

  .header_home .top-head .mainmenu ul {
    display: none;
  }

  .header_home .row .bottom-head {
    background: var(--white-primary);
    padding: 2vw 3.5vw;
  }

  .header_home .row .bottom-head .leftmenu {
    display: none;
  }

  .header_home .bottom-head .rightblock.fordesk {
    display: none;
  }

  .header_home .bottom-head .rightblock.formobile {
    display: flex;
  }

  .header_home .bottom-head .rightblock .rightmenu {
    width: 100%;
  }

  .header_home .bottom-head .rightmenu ul {
    justify-content: left
;  }

  .header_home .bottom-head .rightmenu ul li {
    margin-left: 0;
    margin-right: 5.6vw;
  }

  .header_home .bottom-head .rightmenu ul li:last-child {
    margin-right: 0;
  }

  .header_home .bottom-head .rightmenu ul li a {
    text-decoration: none;
    font-size: 3vw;
    text-transform: capitalize;
    color: #013a9b;
    font-family: var(--bold-font);
  }

  .header_home .bottom-head .iconblock li {
    list-style-type: none;
  }

  .header_home .bottom-head .iconblock {
    width: 20vw;
    text-align: center;
  }

  .header_home .bottom-head .iconblock li a {
    text-decoration: none;
    font-size: 3vw;
    text-transform: capitalize;
    color: #fff;
    font-family: var(--bold-font);
  }

  .section-for-mobile {
    display: block;
  }

  .section-for-desktop {
    display: none;
  }

  .down-arrow {
    position: absolute;
    bottom: -12vw;
    left: 45%;
  }

  .banner-nasscom {
    position: relative;
  }

  .banner-nasscom .down-arrow img {
    width: 10vw;
    height: 10vw;
    cursor: pointer;
  }

  .banner-nasscom .row {
    position: absolute;
    bottom: 12%;
    padding-top: 0;
    width: 100%;
  }

  .main-banner-text h2 {
    font-size: 8vw;
    line-height: 12vw;
    color: var(--white-primary);
    font-family: var(--medium-font);
    width: 100%;
    text-align: center;
    padding: 0px 2vw;
    height: 50vw;
    display: flex;
    align-items: center;
  }

  .main-banner-text {
    margin-bottom: 0;
  }

  .banner-nasscom .action-btn {
    height: 38vw;
  }

  .banner-nasscom .action-btn a {
    font-size: 3.4vw;
    line-height: 4.8vw;
    font-family: var(--bold-font);
    padding: 4.6vw 7.2vw;
    width: max-content;
    border-radius: 8vw;
    display: block;
    margin: 5vw auto;
  }

  .banner-nasscom {
    background: url(themes/custom/inoatheme/images/banner-bg.png);
    background-size: cover;
    height: 80vh;
  }

  .banner-nasscom::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80vh;
    content: '';
    background-image: linear-gradient(#000000b9, #000000b9);
  }

  #myVideo {
    position: absolute;
    z-index: 0;
    object-fit: cover;
    width: 100%;
    height: 100vh;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .key-insights {
    background: var(--white-primary);
    padding: 12vw 0vw 12vw 0vw;
  }

  .key-insights .title_h4 {
    font-size: 7.5vw;
    line-height: 9.3vw;
  }

  .key-insights .view-btn {
    font-size: 3.4vw;
    line-height: 4.6vw;
    float: none;
    margin-top: 3.2vw;
  }

  .key-insights img {
    width: 100%;
    height: 85vw;
    object-fit: cover;
    border-radius: 2vw;
  }

  .key-insights .pb-5 {
    padding-bottom: 8vw !important;
  }

  .key-insights img {
    width: 100%;
    height: 85vw;
    object-fit: cover;
    border-radius: 3vw;
    margin-bottom: 5vw;
  }

  .key-insights .title_h5 {
    font-size: 5.5vw;
    line-height: 8.5vw;
    margin-bottom: 3.6vw;
    width: 90%;
  }

  .key-insights .desc {
    font-size: 3.95vw;
    line-height: 6.85vw;
  }

  .key-insights .desc p {
    margin-bottom: 6vw;
  }

  .key-insights .action-btn {
    position: static;
    margin-top: 8vw;
  }

  .key-insights .action-btn a {
    font-size: 3.4vw;
    line-height: 4.6vw;
    font-family: var(--bold-font);
    padding: 4.6vw 5.8vw;
    width: max-content;
    border-radius: 8vw;
  }

  .dedicated-goals-mobile {
    padding: 12vw 0vw 6vw 0vw;
    position: relative;
    background: url(themes/custom/inoatheme/images/Mesh-Gradient-Red-1.svg);
    overflow: hidden;
    animation: gradient 12s ease infinite;
    display: block;
  }

  @keyframes gradient {
    0% {
      background: url(themes/custom/inoatheme/images/Light-Gradient-4-min.png);
    }

    10% {
      background: url(themes/custom/inoatheme/images/Light-Gradient-5-min.png);
    }

    20% {
      background: url(themes/custom/inoatheme/images/Light-Gradient-6-min.png);
    }

    30% {
      background: url(themes/custom/inoatheme/images/Light-Gradient-7-min.png);
    }

    40% {
      background: url(themes/custom/inoatheme/images/Light-Gradient-4-min.png);
    }

    50% {
      background: url(themes/custom/inoatheme/images/Light-Gradient-5-min.png);
    }

    60% {
      background: url(themes/custom/inoatheme/images/Light-Gradient-6-min.png);
    }

    70% {
      background: url(themes/custom/inoatheme/images/Light-Gradient-7-min.png);
    }

    80% {
      background: url(themes/custom/inoatheme/images/Light-Gradient-4-min.png);
    }

    90% {
      background: url(themes/custom/inoatheme/images/Light-Gradient-5-min.png);
    }

    100% {
      background: url(themes/custom/inoatheme/images/Light-Gradient-6-min.png);
    }
  }

  .dedicated-goals-mobile .goals_slider {
    margin-bottom: 0vw;
  }

  .dedicated-goals-mobile .goals_slider .slick-list {
    padding: 0 !important;
  }

  .dedicated-goals-mobile .title_h4 {
    font-size: 7.5vw;
    line-height: 9.3vw;
    color: var(--white-primary);
    width: 90%;
    margin-bottom: 12vw;
    font-family: var(--bold-font);
  }

  .dedicated-goals-mobile .goal-card .title_h5 {
    font-size: 5.6vw;
    line-height: 6.4vw;
    color: var(--white-primary);
    margin-bottom: 6vw;
    padding-bottom: 6vw;
    border-bottom: 0.2vw solid var(--white-primary);
  }

  .dedicated-goals-mobile .goal-card .content-pointer {
    font-size: 3.6vw;
    line-height: 5.6vw;
    font-family: var(--regular-font);
    color: var(--white-primary);
    margin-bottom: 6vw;
    width: 95%;
  }

  .dedicated-goals-mobile .goal-card .content-pointer span {
    font-size: 3.6vw;
    line-height: 5.6vw;
    font-family: var(--medium-font);
  }

  .dedicated-goals-mobile .goal-card .content-pointer:last-child {
    margin-bottom: 0;
  }

  .news-us {
    background: var(--white-primary);
    padding: 12vw 0vw 20vw 0vw;
  }

  .news-us .title_h4 {
    font-size: 7.5vw;
    line-height: 9.3vw;
  }

  .news-us .view-btn {
    font-size: 3.4vw;
    line-height: 4.6vw;
    float: none;
    margin-top: 3.6vw;
    font-family: var(--medium-font);
  }

  .news-us .news-slider img {
    width: 100%;
    height: 85vw;
    object-fit: cover;
    border-radius: 3vw;
    margin-bottom: 5vw;
    margin-top: 3vw;
  }

  .news-us .news-slider {
    margin-top: 5vw;
    margin-bottom: 5vw;
  }

  .news-us .news-slider .news-title {
    font-size: 5vw;
    line-height: 6.5vw;
    margin-bottom: 2.4vw;
    text-transform: capitalize;
  }

  .news-us .news-slider .news-desc {
    font-size: 3.95vw;
    line-height: 5.45vw;
    width: 100%;
  }

  .news-slider .slick-dots {
    bottom: -75px;
  }

  .news-slider .slick-dots li {
    margin: 0vw 1.5vw;
  }

  .news-slider .slick-dots li button:before {
    height: 2.8vw;
    width: 2.8vw;
    border: 0.4vw solid var(--red-primary);
  }

  .nasscom-bcmember {
    background: var(--white-primary);
    padding: 12vw 0vw 16vw 0vw;
  }

  .nasscom-bcmember .title_h4 {
    font-size: 7.5vw;
    line-height: 9.3vw;
  }

  .nasscom-bcmember .view-btn {
    font-size: 3.4vw;
    line-height: 4.6vw;
    float: none;
    margin-top: 2.8vw;
  }

  .nasscom-bcmember img {
    width: 100%;
    height: 85vw;
    object-fit: cover;
    border-radius: 3vw;
  }

  .nasscom-bcmember .pb-5 {
    padding-bottom: 8vw !important;
  }

  .nasscom-bcmember img {
    width: 100%;
    height: 85vw;
    object-fit: cover;
    border-radius: 3vw;
    margin-bottom: 5vw;
  }

  .nasscom-bcmember .title_h5 {
    font-size: 5.5vw;
    line-height: 8.5vw;
    margin-bottom: 3.6vw;
    width: 90%;
  }

  .nasscom-bcmember .desc {
    font-size: 3.95vw;
    line-height: 6.85vw;
  }

  .nasscom-bcmember .action-btn {
    position: static;
    margin-top: 8vw;
  }

  .nasscom-bcmember .action-btn a {
    font-size: 3.4vw;
    line-height: 4.6vw;
    font-family: var(--bold-font);
    padding: 4.6vw 5.8vw;
    width: 100%;
    text-align: center;
    border-radius: 8vw;
  }

  .nasscom-konnect {
    padding: 12vw 0vw 12vw 0vw;
  }

  .nasscom-konnect .title_h3 {
    font-size: 7.5vw;
    line-height: 9.3vw;
  }

  .nasscom-konnect .view-btn {
    font-size: 3.4vw;
    line-height: 4.6vw;
    float: none;
    margin-top: 2.8vw;
  }

  .nasscom-konnect .konnect-card img {
    margin-top: 5vw;
    margin-bottom: 5vw;
    border-radius: 3vw;
  }

  .nasscom-konnect .konnect-card .card-title {
    font-size: 5.5vw;
    line-height: 8.5vw;
    margin-bottom: 3.6vw;
  }

  .nasscom-konnect .konnect-card .card-desc {
    font-size: 3.6vw;
    line-height: 5.95vw;
    margin-bottom: 5vw;
  }

  .nasscom-konnect .konnect-card .card-details {
    font-size: 3.6vw;
    line-height: 5.2vw;
  }

  .home-konnect .slick-dots li {
    margin: 0vw 1.5vw;
  }

  .home-konnect .slick-dots li button:before {
    height: 2.8vw;
    width: 2.8vw;
    border: 0.4vw solid var(--red-primary);
  }

  .nasscom-konnect .outline-btn {
    background: #EBEBEB;
    margin-right: 1vw;
    font-size: 3.4vw;
    line-height: 4.6vw;
    font-family: var(--bold-font);
    padding: 4.2vw 5.8vw;
    height: max-content;
    border: 0.8vw solid var(--red-primary);
  }

  .nasscom-konnect .outline-btn {
    background: #EBEBEB;
    margin-right: 6vw;
    font-size: 3.6vw;
    line-height: 4.6vw;
    font-family: var(--bold-font);
    padding: 4.2vw 5.8vw;
    height: max-content;
    width: 46%;
    border: 0.6vw solid var(--red-primary);
  }

  .nasscom-konnect .outline-btn:last-child {
    margin-right: 0;
  }

  .nasscom-konnect .prev-slide-k {
    display: none !important;
  }

  .nasscom-konnect .next-slide-k {
    display: none !important;
  }

  .nasscom-konnect .konnect-card .card-details {
    margin-bottom: 10vw;
  }

  .home-konnect .slick-dots {
    bottom: -75px;
  }

  .nsm_footer-homepage {
    padding: 12vw 0vw;
  }

  .nsm_footer-homepage .footer_logo {
    display: none;
  }

  .nsm_footer-homepage .nsm_footer-social {
    text-align: left;
    border-top: 0.5vw solid var(--white-primary);
    margin-top: 6vw;
    padding-top: 6vw;
    display: flex;
    width: 100%;
  }

  .nsm_footer-homepage .nsm_footer-social a {
    display: block;
    width: 25%;
    text-align: center;
  }

  .nsm_footer-homepage .nsm_footer-social img {
    width: 14.8vw;
    margin-right: 0;
  }

  .nsm_footer-homepage .nsm_footer-social .twitternass {
    width: 10.8vw;
    margin-right: 0;
    margin-top: 2vw;
  }

  .nsm_footer-homepage .scroll-footerslider .nsm_withimage-block {
    width: 85vw !important;
    height: 46vw !important;
    margin-right: 0 !important;
  }

  .nsm_footer-homepage .scroll-footerslider .nsm_withtext-block {
    width: 45vw !important;
    height: 46vw !important;
    margin-right: 0 !important;
    padding: 4vw;
  }

  .nsm_footer-homepage .scroll-footerslider .slick-slide {
    margin: 0vw 0.8vw;
  }

  .nsm_footer-homepage .scroll-footerslider .slick-list {
    padding: 0 10% 0 0 !important;
    margin: 0vw -0.8vw 0vw -0.8vw;
  }

  .nsm_footer-homepage .scroll-footerslider .slick-slide {
    margin: 0vw 0.4vw;
  }

  .nsm_withtext-block .nsm_desc {
    color: var(--white-primary);
    font-size: 2.4vw;
    line-height: 3.6vw;
    font-family: var(--regular-font);
    height: 33vw;
    overflow-y: auto;
  }

  .nsm_withtext-block .nsm_desc::-webkit-scrollbar {
    display: none !important;
  }

  .nsm_withtext-block .nsm_detail {
    bottom: 2.8vw;
  }

  .nsm_withtext-block .nsm_detail .label {
    color: var(--white-primary);
    font-size: 2.4vw;
    line-height: 2.4vw;
    font-family: var(--bold-font);
  }

  .nsm_withtext-block .nsm_detail .date {
    color: var(--white-primary);
    font-size: 2.4vw;
    line-height: 2.4vw;
    font-family: var(--bold-font);
    position: absolute;
    right: 15%;
  }

  .nsm_footer-homepage .hastagfooter {
    display: none;
  }

  .nsm_footer-homepage .footer_links {
    text-align: left;
    border-top: 0.5vw solid var(--white-primary);
    margin-top: 8vw;
    padding-top: 3vw;
    margin-left: 2vw;
    margin-right: 2vw;
    width: 96%;
  }

  .nsm_footer-homepage .footer_links a {
    text-decoration: none;
    color: var(--white-primary);
    font-size: 3.6vw;
    line-height: 6.6vw;
    margin-left: 0vw;
    font-family: var(--bold-font);
    text-transform: uppercase;
    display: block;
    margin-bottom: 7vw;
    margin-top: 7vw;
  }

  .dedicated-goals {
    display: none;
  }

  #membership-strategic .customcontain {
    padding-left: 3.5%;
  }

  #strategic-imperative .customcontain {
    padding-left: 3.5%;
  }

  .scroll-footerslider2 .nsm_withimage-block {
    width: 85vw !important;
    height: 46vw !important;
    margin-right: 0 !important;
  }

  .scroll-footerslider2 .nsm_withtext-block {
    width: 45vw !important;
    height: 46vw !important;
    margin-right: 0 !important;
    padding: 4vw;
  }

  .scroll-footerslider2 {
    margin-left: 4%;
  }

  .fact_figures_slider {
    margin-left: 4%;
  }

  .perspectives-single .rd-btn_light {
    width: auto;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    display: inline-block;
    padding: 5vw 6.75vw 5vw 6.75vw;
    border-radius: 8.5vw;
    color: var(--white-primary);
    text-transform: uppercase;
    background: var(--red-primary);
    font-size: 3.6vw;
    line-height: 5.35vw;
    margin-bottom: 0vw;
  }
}

.market-industry-intro {
  padding: 10vw 0vw 5vw 0vw;
  margin-bottom: 0%;
  margin-left: 0%;
}

#people .tabs-nav {
  padding-left: 0;
}

.market-industry-intro .title_h1 {
  padding: 3.5vw 0vw 3.5vw 0vw;
}

.market-industry-main-content {
  padding: 0vw 0vw 3vw 0vw !important;
}

.people-card {
  margin-bottom: 2.5vw;
}

#innovation {
  margin-left: 0% !important;
  margin-bottom: 0 !important;
}

.nsm_fix-nav-inner {
  display: none;
}

.page-intro {
  padding: 10vw 0vw 5vw 0vw;
  margin-bottom: 0%;
  margin-left: 0%;
}

.careerpage .rd-btn {
  position: static;
  float: right;
  margin-bottom: 1rem;
}

.nsm_faq_section {
  margin-bottom: 0;
}

.nsm_faq_section .container {
  padding-left: calc(var(--bs-gutter-x)* .5);
  max-width: auto;
}

.membership_detail_section .container {
  padding-left: calc(var(--bs-gutter-x)* .5);
}

.nsm_path-traveled {
  margin-left: auto;
  padding: 5vw 0vw;
}

.nsm_strategic-section .container {
  margin-left: auto;
}

.about-intro {
  padding: 10vw 0vw 5vw 0vw;
  margin-bottom: -8%;
  margin-left: auto;
}

.about-intro .nsm_context {
  font-size: 1.06vw;
  line-height: 1.75vw;
  color: var(--black-primary);
  font-family: var(--regular-font);
}

.nsm_spirit-nasscom {
  border-radius: 0;
}

.nsm_spirit-nasscom ul li::after {
  display: none;
}

.nsm_spirit-nasscom {
  background: linear-gradient(#000000c7, #000000c7), url(themes/custom/inoatheme/images/012799292e2e10add92df8ea52485f1e.jpg);
  position: relative;
  border: 0;
}

.nsm_blockarrow-down {
  height: 16vw;
  width: 16vw;
}

.nsm_blockarrow-down.right {
  margin: inherit;
  margin-bottom: 0;
  margin-top: 5vw;
}

.nsm_blockarrow-down.left {
  margin: inherit;
  margin-bottom: 0;
  margin-top: 5vw;
  float: right;
}

.slick-slider .slick-slide {
  margin: 0vw 0.8vw;
}

.nsm_strategic-section .nsm_strat-slider .item-block {
  margin-right: 0;
}

.slick-slider .slick-list {
  margin: 0vw -0.8vw 0vw -0.8vw;
}

#strategic-imperative {
  padding: 3vw 0vw 3vw 0vw;
}

#membershipmainpage {
  margin-bottom: -14%;
}

#membershipmainpage .video_block img {
  width: 100%;
  border-radius: 0.5vw;
  height: auto;
}

.nsm_membership_review {
  border-radius: 0;
}

#membership-strategic .nsm_strat-slider {
  margin-bottom: 3vw;
}

.nsm_strategic-section#membership-strategic {
  padding: 12vw 0vw 6vw 0vw;
}

@media(max-width:767px) {
  #strategic-imperative {
    padding: 15vw 0vw 9vw 0vw;
  }

  .about-intro {
    padding: 30vw 0vw 5vw 0vw;
    margin-bottom: -20%;
  }

  .about-intro .nsm-image-element {
    width: 32.75vw;
    bottom: -10%;
  }

  .nsm_blockarrow-down {
    height: 38vw;
    width: 38vw;
    margin: auto !important;
    margin-bottom: -4%;
    float: none !important;
    padding-top: 12vw;
  }

  #strategic-imperative .slick-slider {
    margin-bottom: 0;
  }

  .about-intro {
    padding: 30vw 0vw 5vw 0vw;
  }

  .nsm_path-traveled {
    padding: 12vw 0vw;
  }

  .about-intro .nsm_context {
    font-size: 3.8vw;
    line-height: 5.6vw;
    color: var(--black-primary);
    font-family: var(--regular-font);
  }

  .page-intro {
    padding: 30vw 0vw 0vw 0vw;
  }

  .market-industry-intro {
    padding: 30vw 0vw 5vw 0vw;
  }

  .market-industry-main-content .tabs-content .content-block a {
    color: var(--red-primary);
    text-align: left;
    padding: 3vw 0;
  }

  #people .tabs-content .col-md-3 {
    width: 50%;
  }

  .market-industry-main-content .tabcontent-slider {
    margin-left: 4%;
  }

  .market-industry-main-content .outline-btn {
    background: var(--white-primary);
    margin-right: 6vw;
    font-size: 3.6vw;
    line-height: 4.6vw;
    font-family: var(--bold-font);
    padding: 4.2vw 5.8vw;
    height: max-content;
    width: 46%;
    border: 0.6vw solid var(--red-primary);
    margin-top: 5vw;
  }

  .market-industry-main-content .customcontain h5 {
    margin-left: 4%;
  }

  .recent_newsletters-section {
    padding: 6vw 0vw 6vw 0vw;
  }

  .recent_newsletters-section .pb-6 {
    padding-bottom: 0 !important;
  }

  .recent_newsletters-section .slick-list {
    padding: 0% 15% 0% 0% !important;
  }

  .recent_newsletters-section .slick-slider {
    margin: 0% 4%;
    margin-bottom: 0;
  }

  .recent_newsletters-section .newsletter_card .job_title {
    height: max-content;
    min-height: max-content;
  }

  .nsm_focusarea-section {
    padding: 12vw 0vw 6vw 0vw;
  }

  .nsm_focusarea-section .slick-slider {
    margin-left: 2.5%;
    margin-bottom: 0;
  }

  .key_finding-section .slick-slider {
    margin-left: 4%;
    margin-bottom: 0;
  }

  .page-intro.careerpage {
    margin-bottom: -14%;
  }

  #policypage div.click-here a.btn-primary {
    font-size: 3.4vw;
    line-height: 4.6vw;
    font-family: var(--bold-font);
    padding: 4.6vw 5.8vw;
    width: max-content;
    border-radius: 8vw;
  }

  .slick-slider .slick-slide {
    margin-right: 2.5vw !important;
  }

  .nsm_withimage-block img {
    margin-right: 0;
  }

  .membership_detail_section .membership_fees .pb-6 {
    padding-bottom: 50px !important;
  }

  .membership_detail_section .joining_criteria {
    margin-bottom: 12vw;
    padding-bottom: 3vw;
  }

  .mobile_tabitems_block li a {
    margin-right: 4.75vw;
  }

  .nsm_footer-homepage .pb-4 {
    padding-bottom: 0rem !important;
  }

  .nsm_footer-homepage .nsm_footer-social {
    align-items: center !important;
  }

  .nsm_footer-homepage .nsm_footer-social .twitternass {
    width: 13vw;
    margin-right: 0;
    margin-top: 0vw !important;
  }
}

@media (min-width:768px) and (max-width:1499px) {
  .header_home .top-head .mainlogo {
    width: 200px;
  }

  .header_home .top-head .mainmenu ul li {
    margin-left: 10px !important;
    white-space: normal;
  }

  .header_home .top-head .mainmenu ul li a {
    font-size: 10px;
    line-height: 12px;
  }

  .header_home .bottom-head .leftmenu ul li a {
    font-size: 11px;
    line-height: 12px;
  }

  .header_home .bottom-head .rightmenu ul li a {
    font-size: 11px;
    line-height: 12px;
  }

  .header_home .top-head .row {
    align-items: center;
  }

  .iconblock img {
    height: 28px;
    width: 28px;
    margin-left: 14px;
  }

  .iconblock a {
    font-size: 11px;
    line-height: 12px;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    font-family: var(--bold-font);
  }

  .header_home .top-head {
    background: linear-gradient(to right, #fff, #ffffff);
    padding: 20px 35px;
    border-radius: 10px 10px 0vw 0vw;
  }

  .market-industry-intro {
    padding: 150px 0px 60px 0px;
  }

  .market-industry-intro .title_h1 {
    padding: 45px 0px 45px 0px;
    font-size: 65px;
  }

  .desktophead_tab .nav-link {
    font-size: 18px;
    line-height: 18px;
    margin-right: 42px;
  }

  .market-industry-intro .nsm_context {
    font-size: 14px;
    line-height: 22px;
  }

  .desktop_tabitems_block li a {
    font-size: 18px;
    line-height: 24px;
  }

  .desktop_tabitems_block li.active a {
    font-size: 18px;
    line-height: 24px;
    text-decoration: none;
    text-transform: capitalize;
  }

  .desktophead_tab li {
    margin-bottom: 32px;
  }

  #people #mycontainer {
    border-bottom: 0px solid var(--black-primary);
  }

  .people-card .name {
    font-size: 18px;
    line-height: 24px;
  }

  .people-card .desg {
    font-size: 16px;
    line-height: 22px;
  }

  .nsm_footer-homepage .footer_logo {
    width: 300px;
  }

  .nsm_footer-homepage .nsm_footer-social img {
    width: 52px !important;
    margin-left: 16px;
    margin-right: 0;
  }

  .nsm_footer-homepage .nsm_footer-social .twitternass {
    width: 46px;
    margin-left: 16px;
    margin-right: 0;
  }

  .nsm_footer-homepage .hastagfooter {
    font-size: 26px;
    line-height: 26px;
  }

  .nsm_footer-homepage .footer_links a {
    font-size: 12px;
    line-height: 21px;
  }

  .header_home .bottom-head .rightblock .rightmenu {
    /*border-right: 2px solid var(--white-primary);*/
    margin-right: 30px;
    margin-left: 20px;
    padding-right: 30px;
  }

  .header_home .bottom-head .rightmenu ul li {
    margin-left: 22px;
  }

  .main-banner-text h2 {
    font-size: 50px;
    line-height: 62px;
    color: var(--white-primary);
    font-family: var(--medium-font);
    width: 90%;
  }

  .banner-nasscom .action-btn a {
    background: linear-gradient(to right, #fff, #ffffff);
    padding: 20px 28px;
    border-radius: 60px;
    font-family: var(--bold-font);
    color: var(--white-primary);
    text-transform: uppercase;
    text-decoration: none;
    font-size: 13px;
    display: inline-block;
    margin-left: 13px;
  }

  .banner-nasscom .down-arrow img {
    width: 62px;
    height: 62px;
    cursor: pointer;
  }

  .banner-nasscom {
    background: url(themes/custom/inoatheme/images/banner-bg.png);
    background-size: cover;
    height: 750px;
    position: relative;
  }

  .banner-nasscom::after {
    height: 100%;
  }

  #myVideo {
    height: 750px;
  }

  .banner-nasscom .container {
    position: relative;
    height: 100%;
  }

  .banner-nasscom .row {
    padding-top: 0px;
  }

  .banner-nasscom .buttonrow {
    position: absolute;
    width: 100%;
    bottom: 5%;
  }

  .main-banner-text {
    margin-bottom: 0px;
  }

  .banner-nasscom .rowslider {
    padding-top: 300px;
  }

  .key-insights {
    background: var(--white-primary);
    padding: 60px 0px 80px 0px;
  }

  .key-insights .title_h4 {
    font-family: var(--bold-font);
    color: var(--red-primary);
    margin: 0;
    font-size: 38px;
    line-height: 54.2px;
    letter-spacing: -0.02em;
    text-align: left;
  }

  .key-insights .view-btn {
    font-size: 14px;
    line-height: 22px;
    font-family: var(--medium-font);
    text-decoration: none;
    color: var(--red-primary);
    display: block;
    width: max-content;
    float: right;
  }

  .key-insights img {
    width: 96%;
    height: 524px;
    object-fit: cover;
    border-radius: 10px;
  }

  .key-insights .title_h5 {
    font-family: var(--bold-font);
    color: var(--red-primary);
    margin-bottom: 25px;
    font-size: 26px;
    line-height: 38px;
    margin-top: 15px;
  }

  .key-insights .desc {
    font-size: 14px;
    line-height: 26px;
    font-family: var(--regular-font);
    color: var(--black-primary);
  }

  .key-insights .action-btn a {
    background: linear-gradient(to right, #fff, #ffffff);
    padding: 18px 32px;
    border-radius: 60px;
    font-family: var(--bold-font);
    color: var(--white-primary);
    text-transform: uppercase;
    text-decoration: none;
    font-size: 13px;
    display: block;
  }

  .nasscom-bcmember {
    background: var(--white-primary);
    padding: 60px 0px 80px 0px;
  }

  .nasscom-bcmember .title_h4 {
    font-family: var(--bold-font);
    color: var(--red-primary);
    margin: 0;
    font-size: 38px;
    line-height: 54.2px;
    letter-spacing: -0.02em;
    text-align: left;
  }

  .nasscom-bcmember .view-btn {
    font-size: 14px;
    line-height: 22px;
    font-family: var(--medium-font);
    text-decoration: none;
    color: var(--red-primary);
    display: block;
    width: max-content;
    float: right;
  }

  .nasscom-bcmember img {
    width: 96%;
    height: 524px;
    object-fit: cover;
    border-radius: 10px;
  }

  .nasscom-bcmember .title_h5 {
    font-family: var(--bold-font);
    color: var(--red-primary);
    margin-bottom: 25px;
    font-size: 26px;
    line-height: 38px;
    margin-top: 15px;
  }

  .nasscom-bcmember .desc {
    font-size: 14px;
    line-height: 26px;
    font-family: var(--regular-font);
    color: var(--black-primary);
  }

  .nasscom-bcmember .action-btn a {
    background: linear-gradient(to right, #fff, #ffffff);
    padding: 18px 32px;
    border-radius: 60px;
    font-family: var(--bold-font);
    color: var(--white-primary);
    text-transform: uppercase;
    text-decoration: none;
    font-size: 13px;
    display: block;
  }

  .dedicated-goals {
    padding: 60px 0px 80px 0px;
    background-size: cover;
  }

  .dedicated-goals .title_h4 {
    font-family: var(--bold-font);
    color: var(--white-primary);
    margin: 0;
    font-size: 38px;
    line-height: 54.2px;
    letter-spacing: -0.02em;
    text-align: left;
  }

  .dedicated-goals .prev-slide-g {
    margin-left: 30px;
    cursor: pointer;
  }

  .dedicated-goals .next-slide-g {
    margin-left: 30px;
    cursor: pointer;
  }

  .dedicated-goals .goals_slider {
    margin-left: 0%;
    margin-top: 48px;
    margin-bottom: 0;
  }

  .dedicated-goals .goals_slider .slick-slide {
    margin: 0vw 0.4vw;
    height: 545px;
  }

  .dedicated-goals .goals_slider .slick-list {
    padding: 0 30% 0 0 !important;
    margin: 0vw -0.4vw 0vw -0.4vw;
  }

  .dedicated-goals .goal-card {
    padding: 20px 25px;
    border: 1px solid var(--white-primary);
    border-radius: 10px;
  }

  .dedicated-goals .goal-card .title_h5 {
    font-size: 24px;
    line-height: 30px;
    color: var(--white-primary);
    margin-bottom: 28px;
    border-bottom: 1px solid #fff;
    padding-bottom: 28px;
    margin-top: 10px;
  }

  .dedicated-goals .goal-card .content-pointer {
    padding-bottom: 12px;
  }

  .dedicated-goals .goal-card .content-pointer h6 {
    font-size: 14px;
    line-height: 24px;
    font-family: var(--bold-font);
    color: var(--white-primary);
  }

  .dedicated-goals .goal-card .content-pointer p {
    font-size: 12px;
    line-height: 20px;
    color: var(--white-primary);
    font-family: var(--regular-font);
    width: 100%;
  }

  .news-us {
    background: var(--white-primary);
    padding: 60px 0px 80px 0px;
  }

  .news-us .title_h4 {
    font-family: var(--bold-font);
    color: var(--red-primary);
    margin: 0;
    font-size: 38px;
    line-height: 54.2px;
    letter-spacing: -0.02em;
    text-align: left;
  }

  .news-us .view-btn {
    font-size: 14px;
    line-height: 22px;
    font-family: var(--medium-font);
    text-decoration: none;
    color: var(--red-primary);
    display: block;
    width: max-content;
    float: right;
  }

  .news-us .news-slider .news-title {
    font-size: 16px;
    line-height: 26px;
    color: var(--red-primary);
    font-family: var(--bold-font);
    margin-bottom: 4px;
    text-transform: uppercase;
  }

  .news-us .news-slider .news-desc {
    font-size: 15px;
    line-height: 26px;
    color: var(--black-primary);
    font-family: var(--regular-font);
    width: 100%;
    margin-bottom: 0;
    letter-spacing: -1%;
  }

  .news-us .news-slider img {
    border-radius: 10px;
    margin-bottom: 30px;
    height: 365px;
    object-fit: cover;
  }

  .nasscom-konnect {
    background: #EBEBEB;
    padding: 60px 0vw 100px 0vw;
    position: relative;
  }

  .nasscom-konnect .prev-slide-k img {
    cursor: pointer;
    height: 34px;
    width: 34px;
  }

  .nasscom-konnect .next-slide-k img {
    cursor: pointer;
    height: 34px;
    width: 34px;
  }

  .nasscom-konnect .prev-slide-k {
    position: absolute;
    left: -5%;
    top: 50%;
  }

  .nasscom-konnect .next-slide-k {
    position: absolute;
    right: -5%;
    top: 50%;
  }

  .home-konnect .slick-dots li {
    margin: 0px 2px;
  }

  .home-konnect .slick-dots li button:before {
    content: '' !important;
    height: 14px;
    width: 14px;
    border: 1px solid var(--red-primary);
    background: #ebebeb;
    border-radius: 50%;
    display: block;
    opacity: 1;
  }

  .nasscom-konnect .title_h3 {
    text-transform: capitalize;
    color: var(--red-primary);
    font-family: var(--bold-font);
    margin-bottom: 0vw;
    font-size: 52px;
    line-height: 66px;
  }

  .nasscom-konnect .view-btn {
    margin-bottom: 0vw;
    display: block;
    color: var(--red-primary);
    text-decoration: none;
    font-size: 14px;
    line-height: 22px;
    font-family: var(--medium-font);
    width: max-content;
    float: right;
  }

  .nasscom-konnect .konnect-card .card-title {
    font-size: 18px;
    line-height: 30px;
    color: var(--red-primary);
    font-family: var(--bold-font);
    margin-bottom: 18px;
  }

  .nasscom-konnect .konnect-card .card-desc {
    font-size: 12px;
    line-height: 20px;
    color: var(--black-primary);
    font-family: var(--regular-font);
    margin-bottom: 18px;
  }

  .nasscom-konnect .konnect-card .card-details {
    color: var(--black-primary);
    font-family: var(--bold-font);
    text-transform: capitalize;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 34px;
  }

  .nasscom-konnect .konnect-card .outline-btn {
    width: max-content;
    height: max-content;
    padding: 14px 24px 14px 24px;
    border-radius: 8px;
    color: var(--red-primary);
    text-transform: uppercase;
    background: #ebebeb;
    font-size: 13px;
    line-height: 25px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    display: inline-block;
    border: 1px solid var(--red-primary);
  }

  .nasscom-konnect .konnect-card .outline-btn:hover {
    background: var(--red-primary);
    color: var(--white-primary)
  }

  .nasscom-konnect .outline-btn {
    margin-right: 16px;
  }

  .desktophead_tab li {
    margin-bottom: 24px;
  }

  .desktophead_tab .nav-link {
    font-size: 15px;
    line-height: 24px;
    margin-right: 42px;
    font-family: var(--extrabold-font);
  }

  .desktophead_tab .nav-link.active {
    font-family: var(--extrabold-font);
  }

  .desktop_tabitems_block li.active a {
    font-size: 15px;
    line-height: 24px;
    text-decoration: none;
    text-transform: capitalize;
  }

  .desktop_tabitems_block li a {
    font-size: 15px;
    line-height: 24px;
    text-decoration: none;
    text-transform: capitalize;
  }

  .people-card img {
    width: 100%;
    margin-bottom: 20px;
  }

  .people-card .name {
    font-size: 16px;
    line-height: 24px;
    color: var(--black-primary);
    font-family: var(--bold-font);
    margin-bottom: 0px;
  }

  .people-card .desg {
    font-size: 13px;
    line-height: 21px;
    color: var(--black-primary);
    font-family: var(--regular-font);
  }

  .people-card {
    margin-bottom: 30px;
  }

  .tabs-nav p {
    color: var(--black-primary);
    font-family: var(--extrabold-font);
    font-size: 15px;
    line-height: 24px;
    margin-right: 42px;
    text-transform: uppercase;
  }

  .tabs-nav a {
    display: block;
    color: var(--black-primary);
    font-family: var(--medium-font);
    font-size: 14px;
    line-height: 24px;
    margin-right: 24px;
    text-decoration: none;
    text-transform: uppercase;
  }

  .careerpagefilter .tabs-nav a {
    margin-right: 16px;
  }

  .tabs-content {
    border-top: 1px solid var(--black-primary);
    margin-top: 30px;
    margin-bottom: 30px;
    padding-top: 40px;
    overflow: hidden;
  }

  .tabs-content .main-title h3 {
    font-size: 36px;
    line-height: 48.2px;
    letter-spacing: -0.02em;
  }

  .tabs-content .main-title p {
    font-size: 18.5px;
    line-height: 28px;
    letter-spacing: -0.02em;
  }

  .tabs-content .content-block {
    width: 95%;
    padding-top: 30px;
  }

  .tabs-content .content-block .inner-context {
    font-family: var(--regular-font);
    font-size: 14px;
    line-height: 26px;
    color: var(--black-primary);
    margin-bottom: 40px;
  }

  .tabs-content .content-block a {
    font-size: 16px;
    line-height: 24px;
  }

  .tabs-content .main-button .rd-btn {
    width: auto;
    padding: 17px 40px 17px 40px;
    border-radius: 60px;
    color: var(--white-primary);
    text-transform: uppercase;
    background: var(--red-secondary);
    font-size: 13px;
    line-height: 21px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    text-decoration: none;
    display: inline-block;
  }

  .membership_detail_section {
    padding: 60px 0px 60px 0px;
  }

  .membership_detail_section .title_h3 {
    font-size: 42px;
    font-weight: 400;
    line-height: 52.4px;
    text-align: left;
    padding: 0;
  }

  .membership_detail_section .joining_criteria h4 {
    padding: 0px 0px 20px 0px;
    color: var(--red-primary);
    font-family: var(--bold-font);
    font-size: 30px;
    line-height: 40px;
    letter-spacing: -0.02em;
    margin-bottom: 20px;
  }

  .membership_detail_section .membership_fees h4 {
    padding: 0px 0px 20px 0px;
    color: var(--red-primary);
    font-family: var(--bold-font);
    font-size: 30px;
    line-height: 40px;
    letter-spacing: -0.02em;
    margin-bottom: 20px;
  }

  .membership_detail_section .joining_criteria .point {
    font-family: var(--extrabold-font);
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
  }

  .membership_detail_section .joining_criteria .desc {
    font-family: var(--regular-font);
    color: var(--black-primary);
    width: 100%;
    font-size: 16px;
    line-height: 26.2px;
    letter-spacing: -0.01em;
  }

  .membership_detail_section .joining_criteria a {
    width: auto;
    padding: 10px 20px 10px 20px;
    border-radius: 10px;
    color: var(--red-primary);
    text-transform: uppercase;
    background: var(--white-primary);
    font-size: 13px;
    line-height: 24px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    text-decoration: none;
    display: inline-block;
    border: 1px solid var(--red-primary);
  }

  .membership_detail_section .membership_fees .point {
    font-family: var(--extrabold-font);
    text-transform: uppercase;
    color: var(--black-primary);
    font-size: 12px;
    line-height: 20px;
  }

  .membership_detail_section .membership_fees .desc {
    font-family: var(--regular-font);
    color: var(--black-primary);
    width: 100%;
    margin-bottom: 40px;
    font-size: 16px;
    line-height: 26.2px;
    letter-spacing: -0.01em;
  }

  .membership_detail_section .membership_fees a {
    width: auto;
    padding: 12px 24px 12px 24px;
    border-radius: 10px;
    color: var(--red-primary);
    text-transform: uppercase;
    background: var(--white-primary);
    font-size: 13px;
    line-height: 21px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    text-decoration: none;
    display: inline-block;
    border: 1px solid var(--red-primary);
  }

  .membership_detail_section .rd-btn {
    width: auto;
    padding: 17px 40px 17px 40px;
    border-radius: 60px;
    text-transform: uppercase;
    background: #955c03;
    font-size: 13px;
    line-height: 22px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    text-decoration: none;
    display: inline-block;
    color: var(--white-primary);
  }

  .joining_criteria .col-md-6:last-child {
    padding-bottom: 1.5rem !important;
  }

  .membership_fees .col-md-6:last-child {
    padding-bottom: 1.5rem !important;
  }

  .membership_detail_section .joining_criteria {
    margin-bottom: 60px;
    padding-bottom: 40px;
    padding-top: 60px;
    border-bottom: 1px solid var(--black-primary);
    border-top: 1px solid var(--black-primary)
  }

  .membership_detail_section .row:nth-child(1) {
    margin-bottom: 0px;
  }

  .nsm_faq_section {
    padding: 80px 0px 100px 0px;
  }

  .nsm_faq_section .title_h3 {
    font-size: 38px;
    line-height: 54.2px;
    letter-spacing: -0.02em;
    margin-bottom: 40px;
  }

  .nsm_faq_section .accordion-item .accordion-button {
    background: var(--red-primary);
    border-radius: 20px !important;
    color: var(--white-primary);
    box-shadow: none;
    font-size: 14px;
    line-height: 24px;
    font-family: var(--bold-font);
    padding: 20px 40px;
  }

  .nsm_faq_section .accordion-body {
    color: var(--white-primary);
    background: var(--red-primary);
    border-radius: 0vw 0vw 20px 20px;
    font-size: 14px;
    line-height: 24px;
    font-family: var(--medium-font);
    padding: 10px 40px;
  }

  .nsm_faq_section {
    padding: 60px 0px 80px 0px;
  }

  .page-intro {
    padding: 150px 0px 20px 0px;
    margin-bottom: -14%;
  }

  .careerpage .title_h1 {
    padding: 45px 0px 45px 0px;
    font-size: 65px;
  }

  .careerpage .title_h3 {
    font-size: 35px;
    line-height: 47px;
    padding: 0px 0px 20px 0px;
  }

  .page-intro .nsm_context {
    font-size: 14px;
    line-height: 22px;
  }

  .careerpage .rd-btn {
    width: auto;
    padding: 17px 40px 17px 40px;
    border-radius: 60px;
    text-transform: uppercase;
    background: #955c03;;
    font-size: 13px;
    line-height: 21px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    text-decoration: none;
    display: inline-block;
    color: var(--white-primary);
  }

  .careerpage .video_block img {
    height: 680px;
    object-fit: cover;
    border-radius: 10px;
  }

  .voice_article .video_block img {
    height: 400px;
    object-fit: cover;
    border-radius: 10px;
  }

  .careerpage .video_block iframe {
    height: 680px;
    object-fit: cover;
    border-radius: 10px;
  }

  .nsm_membership_review {
    background: linear-gradient(45deg, #000000a6, #000000a6), url(themes/custom/inoatheme/images/membership_page_gif.gif);
    background-size: cover;
    padding: 80px 0px 80px 0px;
    border-radius: 0;
    height: 900px;
    position: relative;
  }

  .nsm_membership_review .title_h3 {
    text-align: center;
    color: var(--white-primary);
    font-family: var(--medium-font);
    font-size: 39px;
    line-height: 49px;
    width: 64%;
    margin: auto;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .nsm_membership_review .title_h3 span {
    text-align: center;
    color: var(--white-primary);
    font-family: var(--medium-font);
    font-size: 25px;
    line-height: 35px;
    font-style: italic;
    margin-top: 54px;
    display: block;
  }

  .nsm_strategic-section .title_h3 {
    color: var(--white-primary);
    margin-bottom: 50px;
    margin-top: 30px;
    font-size: 42px;
    line-height: 52.4px;
    font-family: var(--regular-font);
  }

  .nsm_strategic-section .nsm_strat-slider .item-block img {
    border-radius: 10px;
    margin-bottom: 18px;
    height: 215px;
    object-fit: cover;
  }

  .nsm_strategic-section .nsm_strat-slider .item-block .block-title {
    font-size: 18px;
    line-height: 28.5px;
    color: #fff;
    font-family: var(--bold-font);
    margin-bottom: 10px;
  }

  .nsm_strategic-section .nsm_strat-slider .item-block .block-desc {
    font-size: 14px;
    line-height: 26px;
    color: var(--white-primary);
    font-family: var(--regular-font);
    margin-bottom: 15px;
  }

  .nsm_strategic-section .white-btn {
    width: auto;
    padding: 17px 40px 17px 40px;
    border-radius: 60px;
    color: var(--red-primary);
    text-transform: uppercase;
    background: var(--white-primary);
    font-size: 13px;
    line-height: 21px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    display: inline-block;
  }

  .nsm_strategic-section .white-btn-trans {
    width: auto;
    padding: 17px 40px 17px 40px;
    border-radius: 60px;
    color: var(--white-primary);
    text-transform: uppercase;
    background: transparent;
    font-size: 13px;
    line-height: 21px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    display: inline-block;
  }

  #membership-strategic .nsm_strat-slider {
    margin-bottom: 50px;
  }

  .nsm_strategic-section#membership-strategic {
    padding: 160px 0px 80px 0px;
  }

  .about-intro {
    padding: 150px 0px 80px 0px;
    margin-bottom: -12%;
    margin-left: auto;
  }

  .about-intro .title_h1 {
    color: var(--red-primary);
    font-family: var(--regular-font);
    line-height: 78.2px;
    padding: 45px 0px 45px 0px;
    font-size: 65px;
  }

  .about-intro .nsm_context {
    font-size: 14px;
    line-height: 22px;
  }

  .about-intro .nsm-button-row .outline-btn {
    width: auto;
    padding: 12px 24px 12px 24px;
    border-radius: 10px;
    color: var(--red-primary);
    text-transform: uppercase;
    background: var(--white-primary);
    font-size: 13px;
    line-height: 21px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    text-decoration: none;
    display: inline-block;
    border: 1px solid var(--red-primary);
    height: max-content;
  }

  .about-intro .nsm-button-row .outline-btn:hover {
    background: var(--red-primary);
    color: var(--white-primary);
  }

  .about-intro .nsm_image img {
    border-radius: 10px;
    width: 100%;
  }

  .about-intro .nsm-image-element {
    width: 201.23px;
  }

  #strategic-imperative {
    padding: 80px 0px 60px 0px;
  }

  #strategic-imperative .slick-slider {
    margin-bottom: 0px;
  }

  .nsm_spirit-nasscom {
    padding: 80px 0px 80px 0px;
    height: max-content;
  }

  .nsm_spirit-nasscom .title_h3 {
    font-size: 32px;
    line-height: 36px;
  }

  .nsm_spirit-nasscom .title_h3::after {
    content: '';
    width: 65%;
    height: 1px;
    background: var(--white-primary);
    display: block;
    margin: 10px auto;
  }

  .nsm_spirit-nasscom ul li {
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    color: var(--white-primary);
    font-family: var(--regular-font);
  }

  .nsm_path-traveled {
    margin-left: auto;
    padding: 60px 0px;
  }

  .nsm_path-traveled .title_h3 {
    font-size: 42px;
    line-height: 52.4px;
  }

  .nsm_pathimage-block .nsm_path-year {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 20px;
    letter-spacing: -0.02em;
    text-align: left;
    font-family: var(--bold-font);
  }

  .nsm_pathcontext-block {
    width: 100%;
    background: linear-gradient(to bottom, #0251c3, #002c83);
    background-size: cover;
    padding: 30px;
    border-radius: 10px;
  }

  .nsm_pathcontext-block .sub-title {
    font-size: 12px;
    line-height: 21px;
    font-family: var(--extrabold-font);
    color: var(--white-primary);
    margin-bottom: 20px;
  }

  .nsm_pathcontext-block .title_h4 {
    font-family: var(--bold-font);
    color: var(--white-primary);
    border-top: 1px solid var(--white-primary);
    border-bottom: 1px solid var(--white-primary);
    padding: 12px 0px;
    margin-bottom: 1.5vw;
    font-size: 32px;
    line-height: 51.2px;
    letter-spacing: -0.02em;
  }

  .nsm_pathcontext-block .desc {
    font-size: 20px;
    line-height: 30.5px;
    font-family: var(--regular-font);
    color: var(--white-primary);
    margin-bottom: 20px;
  }

  .nsm_pathimage-block .nsm_path-image img {
    width: 100%;
    border-radius: 10px;
  }

  .tabs-content .image-block img {
    border-radius: 10px;
  }

  .nsm_blockarrow-down {
    width: 180px;
  }

  .nsm_focusarea-section .container {
    margin-left: auto;
  }

  .nsm_focusarea-section {
    padding: 160px 0px 80px 0px;
  }

  .nsm_focusarea-section .nsm_focusarea-slider .item-block img {
    height: 225px;
  }

  .nsm_focusarea-section .title_h3 {
    color: var(--white-primary);
    margin-bottom: 30px;
    margin-top: 60px;
    font-size: 42px;
    line-height: 52.4px;
    font-family: var(--regular-font);
  }

  .nsm_focusarea-section .nsm_focusarea-slider {
    margin-bottom: 0;
  }

  .nsm_focusarea-section .nsm_focusarea-slider .item-block img {
    border-radius: 10px;
    margin-bottom: 1.8vw;
  }

  .nsm_focusarea-section .nsm_focusarea-slider .item-block .block-title {
    font-size: 22px;
    line-height: 32px;
    color: var(--white-primary);
    font-family: var(--bold-font);
    margin-bottom: 30px;
  }

  .nsm_focusarea-section .nsm_focusarea-slider .item-block .block-desc {
    font-size: 13px;
    line-height: 24px;
    color: var(--white-primary);
    font-family: var(--regular-font);
    margin-bottom: 0px;
  }

  .nsm_focusarea-section .nsm_focusarea-slider .item-block .block-list {
    font-size: 16px;
    line-height: 28px;
    color: var(--white-primary);
    font-family: var(--regular-font);
  }

  .key_finding-section .container {
    margin-left: auto;
  }

  .key_finding-section .container {
    margin-left: auto;
  }

  .key_finding-section#policypage {
    padding: 60px 0px 60px 0px;
  }

  .key_finding-section .title_h3 {
    font-size: 42px;
    font-weight: 400;
    line-height: 52.4px;
    text-align: left;
    padding: 0;
    margin: 0;
  }

  .key_finding-section h4 {
    padding: 0px 0px 20px 0px;
    color: var(--red-primary);
    font-family: var(--bold-font);
    font-size: 30px;
    line-height: 40px;
    letter-spacing: -0.02em;
    margin-bottom: 20px;
    margin-top: 40px;
  }

  .key_finding-section .key_finding .item-block .block-title {
    text-align: left;
    font-size: 22px;
    line-height: 32.5px;
    color: var(--black-primary);
    font-family: var(--bold-font);
    margin-bottom: 30px;
    padding-bottom: 30px;
  }

  .key_finding-section .key_finding .item-block .block-desc {
    font-size: 13px;
    line-height: 21px;
    text-align: left;
    color: var(--black-primary);
    font-family: var(--regular-font);
  }

  .key_finding-section .key_finding .item-block .blog-author {
    font-size: 13px;
    line-height: 21px;
    text-align: left;
    color: var(--black-primary);
    font-family: var(--regular-font);
  }

  .key_finding-section .key_finding .item-block img {
    border-radius: 10px;
    margin-bottom: 36px;
  }

  .key_finding#v1 {
    margin-bottom: 0;
  }

  .key_finding-section#policypage .container .key_finding {
    padding-bottom: 100px;
    margin-bottom: 100px;
  }

  .recent_newsletters-section .pb-6 {
    padding-bottom: 30px !important;
  }

  #policypage div.click-here a.btn-primary {
    width: auto;
    padding: 17px 40px 17px 40px;
    border-radius: 60px;
    text-transform: uppercase;
    background: var(--red-primary);
    font-size: 13px;
    line-height: 21px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    text-decoration: none;
    display: inline-block;
    color: var(--white-primary);
  }

  .recent_newsletters-section {
    padding: 30px 0px 60px 0px;
  }

  .recent_newsletters-section .container {
    margin-left: auto;
  }

  .newsletter_card .newsletter_card_content {
    border-radius: 0px 0px 20px 20px;
  }

  .recent_newsletters-section h4 {
    padding: 0px 0px 0px 0px;
    color: var(--red-primary);
    font-family: var(--bold-font);
    font-size: 30px;
    line-height: 40px;
    letter-spacing: -0.02em;
    margin-bottom: 0px;
    margin-top: 0px;
  }

  .newsletter_card img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 10px 10px 0px 0px;
  }

  .newsletter_card .newsletter_card_content {
    border-radius: 0px 0px 10px 10px;
    border: 2px solid #E3E3E3;
  }

  .recent_newsletters-section .rd-btn {
    width: auto;
    padding: 17px 40px 17px 40px;
    border-radius: 60px;
    text-transform: uppercase;
    background: var(--red-secondary);
    font-size: 13px;
    line-height: 21px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    text-decoration: none;
    display: inline-block;
    color: var(--white-primary);
  }

  .recent_newsletters-section .newsletter_card .job_title {
    font-family: var(--bold-font);
    color: var(--red-primary);
    font-size: 13px;
    line-height: 21px;
    text-align: left;
    margin-bottom: 0px;
    padding: 20px 20px 0px 20px;
    min-height: 48px;
    height: 48px;
    overflow: hidden;
  }

  .recent_newsletters-section .newsletter_card .job_desc {
    font-family: var(--regular-font);
    color: var(--black-primary);
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    margin-bottom: 20px;
    padding: 0px 20px;
    height: 90px;
    overflow-y: hidden;
  }

  .newsletter_card .action-btn .postdate {
    font-size: 11px;
    line-height: 18px;
  }

  .newsletter_card .action-btn .category {
    display: flex;
    justify-content: center;
  }

  .newsletter_card .action-btn .category a {
    font-size: 11px;
    line-height: 18px;
  }

  .newsletter_card .action-btn .category a:hover {
    background: transparent;
  }

  .newsletter_card .action-btn .fee {
    display: flex;
    justify-content: center;
  }

  .newsletter_card .action-btn .fee a {
    font-size: 11px;
    line-height: 18px;
  }

  .newsletter_card .action-btn .fee a:hover {
    background: transparent;
  }

  .newsletter_card .action-btn {
    padding: 16px 20px;
  }

  .recent_newsletters-section .col-md-4 {
    text-align: right;
  }

  .policy-sep {
    height: 1px;
    width: 98%;
    background: var(--black-primary);
    margin: 0px 15px;
  }

  .market-industry-main-content {
    margin-left: 0;
    padding: 0px 0px 60px 0px !important;
    margin-bottom: 0%;
  }

  .market-industry-main-content .tabs-content {
    margin-bottom: 0;
  }

  .market-industry-main-content .tabs-content .content-block a {
    font-size: 14px;
    line-height: 26px;
    font-family: var(--bold-font);
  }

  .market-industry-main-content .tabs-content .content-block h5 {
    font-family: var(--extrabold-font);
    font-size: 14px;
    line-height: 22px;
    color: var(--red-primary);
    text-transform: capitalize;
    margin-bottom: 20px;
  }

  .market-industry-main-content .tabs-content .content-block {
    padding-top: 0;
  }

  .market-industry-main-content .tabcontent-slider .item-block .block-title {
    font-size: 18px;
    line-height: 28.5px;
    color: var(--black-primary);
    font-family: var(--bold-font);
    margin-bottom: 15px;
  }

  .market-industry-main-content .tabcontent-slider .item-block .block-desc {
    font-size: 14px;
    line-height: 26px;
    color: var(--black-primary);
    font-family: var(--regular-font);
    margin-bottom: 15px;
    height: 52px;
    overflow: hidden;
  }

  .market-industry-main-content .tabcontent-slider {
    margin-bottom: 50px;
  }

  .market-industry-main-content .slick-list {
    padding: 0 30% 0 0 !important;
  }

  .sv_video .slick-list {
    padding: 0 0 0 0 !important;
  }

  .market-industry-main-content .tabs-content {
    border-top: 0;
    margin-top: 0;
  }

  .market-industry-main-content .tabs-content .objective-point {
    margin-bottom: 30px;
  }

  .tabs-content .objective-point h6 {
    font-family: var(--bold-font);
    font-size: 14px;
    line-height: 24.2px;
    letter-spacing: -0.01em;
    color: var(--black-primary);
    text-transform: uppercase;
  }

  .tabs-content .objective-point p {
    font-family: var(--regular-font);
    color: var(--black-primary);
    width: 85%;
    font-size: 14px;
    line-height: 24.2px;
    letter-spacing: -0.01em;
  }

  .market-industry-main-content .tabs-content .objective-point {
    margin-bottom: 30px;
  }

  .market-industry-main-content#innovation #mycontainer {
    border-bottom: 0px solid var(--black-primary) !important;
    padding-bottom: 40px;
  }

  .market-industry-main-content#innovation .tabs-content {
    border-top: 1px solid var(--black-primary) !important;
    margin-top: 20px;
  }

  .innovation_section#innovation .tabs-content {
    border-top: none !important;
  }

  .market-industry-main-content .tabcontent-slider .item-block img {
    border-radius: 10px;
    height: 215px;
    object-fit: cover;
  }

  .market-industry-main-content .outline-btn {
    width: max-content;
    height: max-content;
    padding: 12px 24px 12px 24px;
    border-radius: 8px;
    color: var(--red-primary);
    text-transform: uppercase;
    background: var(--white-primary);
    font-size: 13px;
    line-height: 21px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    display: inline-block;
    border: 1px solid var(--red-primary);
  }

  .market-industry-main-content .outline-btn:hover {
    background: var(--red-primary);
    color: var(--white-primary);
  }

  .scroll-footerslider2 .nsm_withtext-block {
    width: 342px !important;
    height: 355px !important;
    margin-right: 0 !important;
  }

  .scroll-footerslider2 .nsm_withimage-block {
    width: 520px !important;
    height: 355px !important;
    margin-right: 0 !important;
  }

  .reachus {
    margin-bottom: 0;
  }

  .contact-main-content {
    padding: 0px 0px 0px 0px;
    margin-bottom: 0;
    margin-left: 0;
  }

  .map-block iframe {
    width: 100%;
    height: 581.02px;
    border-radius: 0;
  }

  .contact-main-content .tabs-nav {
    padding: 30px 0px 50px 0px;
    border-bottom: 0;
  }

  .contact-main-content .tabs-content {
    border-top: 1px solid var(--black-primary);
  }

  .page-intro .title_h1 {
    padding: 45px 0px 30px 0px;
    font-size: 65px;
    margin-bottom: 0;
  }

  .reachus .nsm_context p {
    margin-bottom: 0;
  }

  .contact-main-content .tabs-content .heading {
    margin-bottom: 8px;
  }

  .page-intro.perspectivepage {
    margin-bottom: 0%;
    padding: 150px 0px 25px 0px;
  }

  .perspectives-main-content {
    padding: 0px 0px 60px 0px;
    margin-bottom: 0;
    margin-left: 0;
  }

  .perspectives-main-content .tabs-content {
    margin-top: 20px;
  }

  .perspectives-main-content .tabs-nav select {
    border: 0;
    color: var(--black-primary);
    font-family: var(--medium-font);
    font-size: 14px;
    line-height: 24px;
    text-decoration: none;
    text-transform: uppercase;
    margin-right: 24px;
    margin-left: -3px;
    background: url(themes/custom/inoatheme/images/red_drop_arrow.svg) no-repeat !important;
    background-size: 12px !important;
    background-position: calc(100% - 0%) 8px !important;
    background-repeat: no-repeat !important;
    width: 80px;
  }

  .perspectives_card img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 10px 10px 0px 0px;
  }

  .perspectives_card .perspectives_card_content {
    border-radius: 0px 0px 10px 10px;
    border: 2px solid #E3E3E3;
  }

  .perspectives_card .job_title {
    font-family: var(--bold-font);
    color: var(--red-primary);
    font-size: 13px;
    line-height: 21px;
    text-align: left;
    margin-bottom: 10px;
    padding: 20px 20px 0px 20px;
    min-height: 70px;
    height: 70px;
    overflow: hidden;
  }

  .perspectives_card .job_desc {
    font-family: var(--regular-font);
    color: var(--black-primary);
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    margin-bottom: 30px;
    padding: 0px 20px;
    height: 75px;
  }

  .perspectives_card .action-btn .postdate {
    font-size: 11px;
    line-height: 18px;
    height: 16px;
    width: 33.33%;
    text-align: left;
  }

  .perspectives_card .action-btn .city {
    font-size: 11px !important;
    line-height: 18px !important;
    height: 16px !important;
    width: 33.33%;
    text-align: center;
  }

  .perspectives_card .action-btn .category {
    display: flex;
    justify-content: center;
    height: 16px;
    width: 33.33%;
    text-align: center;
  }

  .perspectives_card .action-btn .category a {
    font-size: 11px;
    line-height: 18px;
  }

  .perspectives_card .action-btn .fee {
    display: flex;
    justify-content: right;
    height: 16px;
    width: 33.33% !important;
    text-align: right;
    white-space: nowrap;
  }

  .perspectives_card .action-btn .fee a {
    font-size: 11px;
    line-height: 18px;
  }

  .perspectives_card .action-btn .start {
    display: flex;
    justify-content: right;
    height: 16px;
    width: 33.33% !important;
    text-align: center;
    white-space: nowrap;
  }

  .perspectives_card .action-btn {
    padding: 16px 20px;
  }

  .perspectives_card .action-btn a:hover {
    background: transparent;
  }

  .perspectives_card {
    margin-bottom: 30px;
  }

  #members_listing .perspectives_card .perspectives_card_content {
    border-radius: 10px;
    min-height: 110px;
  }

  #members_listing .perspectives_card .job_title {
    height: auto;
    max-height: 70px;
    overflow: hidden;
    padding: 20px 20px;
  }

  #members_listing .perspectives_card .action-btn {
    padding: 10px 20px;
  }

  .filter_search {
    margin-right: 0 !important;
  }

  .filter_search img {
    height: 24px;
    width: 24px;
    margin-top: 0;
    margin-bottom: 6px;
  }

  .perspectives-main-content .tabs-nav .row {
    align-items: start;
  }

  .perspectives-single {
    margin-bottom: 0;
  }

  .perspectives-single .btn-block {
    text-align: right;
  }

  .perspectives-single .rd-btn_light {
    width: auto;
    padding: 17px 40px 17px 40px;
    border-radius: 60px;
    text-transform: uppercase;
    background: var(--red-primary);
    font-size: 13px;
    line-height: 21px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    text-decoration: none;
    display: inline-block;
    color: var(--white-primary);
    position: static;
  }

  .perspectives-single .white-btn {
    width: auto;
    padding: 17px 70px 17px 70px;
    border-radius: 60px;
    text-transform: uppercase;
    background: transparent;
    font-size: 13px;
    line-height: 21px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    text-decoration: none;
    display: inline-block;
    color: var(--red-primary);
    position: static;
  }

  .key_finding-section {
    padding: 0px 0px 60px 0px;
  }

  .perspectivevideo .video-block-image {
    height: 713px !important;
    border-radius: 0;
  }

  .perspectivevideo .video-playbtn img {
    height: 90px !important;
    width: 90px !important;
  }

  .perspectives-main-content-detailpage {
    margin-left: 0%;
    padding: 60px 0px;
    margin-bottom: 0;
  }

  .perspectives-main-content-detailpage .title_h3 {
    font-size: 42px;
    font-weight: 400;
    line-height: 52.4px;
    text-align: left;
    padding: 0;
    margin-bottom: 40px;
  }

  .fact_figures-section {
    padding: 60px 0px 60px 0px;
  }

  .fact_figures-section .container {
    margin-left: auto;
  }

  .fact_figures-section .title_h3 {
    font-size: 42px;
    font-weight: 400;
    line-height: 52.4px;
    text-align: left;
    padding: 0;
    margin-bottom: 50px;
    margin-top: 0;
  }

  .fact_figures_slider .item-block img {
    border-radius: 10px;
  }

  .fact_figures_slider {
    margin-left: 1%;
  }

  .eventintro {
    margin-bottom: 0;
  }

  .event_detail-intro .nsm_event_detail_date p {
    margin-bottom: 26px;
    font-size: 16px;
    line-height: 24px;
  }

  .eventintro p {
    margin-bottom: 0;
  }

  .event_detail-intro {
    margin-bottom: 0;
  }

  .event_detail-intro .nsm_event_detail_date {
    font-family: var(--bold-font);
    color: var(--red-primary);
    text-align: left;
  }

  .event_detail-intro .rd-btn_light {
    width: auto;
    padding: 17px 40px 17px 40px;
    border-radius: 60px;
    text-transform: uppercase;
    background: var(--red-primary);
    font-size: 13px;
    line-height: 21px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    text-decoration: none;
    display: inline-block;
    color: var(--white-primary);
    position: static;
  }

  .event_detail-content {
    padding: 0px 0px 40px 0px;
  }

  .event_detail-content h4 {
    font-size: 24px;
    line-height: 33px;
    font-family: var(--bold-font);
    color: var(--red-primary);
    margin-bottom: 20px;
    text-align: left;
  }

  .event_detail-content p {
    font-size: 13px;
    line-height: 21px;
    font-family: var(--bold-font);
    color: var(--black-primary);
  }

  .event_detail-content p span {
    font-size: 13px;
    line-height: 21px;
    font-family: var(--regular-font);
    color: var(--black-primary);
  }

  .event_detail-content ul li {
    font-size: 13px;
    line-height: 21px;
    font-family: var(--regular-font);
    color: var(--black-primary);
  }

  .event_detail-content h5 {
    font-size: 14px;
    line-height: 22px;
    font-family: var(--extrabold-font);
    color: var(--red-primary);
    margin-bottom: 20px;
  }

  .event_detail-content .container {
    padding-left: calc(var(--bs-gutter-x)* .5);
  }

  .event_detail-intro .btn-block {
    text-align: right;
  }

  .event_detail-content .pb-5 {
    padding-bottom: 1.2rem !important;
  }

  .mediapresscontent {
    padding: 40px 0px 40px 0px;
  }

  .media_kit_card img {
    height: auto;
    object-fit: cover;
    border-radius: 10px;
  }

  .media_kit_card h3 {
    font-family: var(--bold-font);
    font-size: 18px;
    line-height: 28.5px;
    color: var(--black-primary);
    width: 95%;
    margin-top: 24px;
  }

  .media_press_tabcontent {
    border-top: 1px solid var(--black-primary);
    margin-top: 20px !important;
    margin-bottom: 0px !important;
    padding-top: 40px;
    overflow: hidden;
  }

  .join_context label {
    font-size: 13px;
    line-height: 21px;
    font-family: var(--regular-font);
    color: #000;
  }

  .tabs-nav select {
    padding-bottom: 5px;
    height: 28px;
  }

  .tabs-nav li:last-child {
    margin-right: 0;
  }

  .tabs-nav li.active a {
    padding-bottom: 5px;
  }

  .upload-div {
    position: relative;
  }

  .upload-div .upload-file {
    position: absolute !important;
    top: 0 !important;
    left: 0;
  }

  form input {
    background: transparent;
    border: 1px solid var(--black-primary);
    padding: 16px 24px;
    width: 100%;
    margin-bottom: 30px;
    -webkit-appearance: none;
    border-radius: 0;
    color: var(--black-primary);
  }

  form input::placeholder {
    color: var(--black-primary) !important;
    font-family: var(--regular-font);
    font-size: 13px;
    line-height: 21px;
    width: 100%;
    margin-bottom: 4px;
  }

  form select {
    background: transparent;
    border: 1px solid var(--black-primary);
    padding: 16px 24px;
    width: 100%;
    margin-bottom: 30px;
    color: var(--black-primary);
    font-family: var(--regular-font);
    font-size: 13px;
    line-height: 21px;
    --webkit-appearance: none;
    border-radius: 0;
  }

  form select:focus {
    outline: 0;
  }

  form input:focus {
    outline: 0;
  }

  form input[type="url"]:focus {
    outline: 0;
  }

  form input[type="submit"] {
    width: auto;
    padding: 24px 40px 24px 40px;
    border-radius: 60px;
    color: var(--white-primary);
    text-transform: uppercase;
    background: var(--red-primary);
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    display: inline-block;
    border: 0;
  }

  form input[type="file"] {
    background-image: url(themes/custom/inoatheme/images/lucide_upload.svg);
    background-size: 30px 30px;
    background-position: calc(100% - 15px) calc(100% - 10px);
    background-repeat: no-repeat;
    color: transparent;
    cursor: pointer;
  }

  form input[type="file"]::-webkit-file-upload-button {
    display: none;
  }

  form input[type="file"]::-ms-browse {
    display: none;
  }

  form input[type=file]::file-selector-button {
    display: none;
  }

  .application_form input[type="file"] {
    padding: 20px 30px;
  }

  .video_block img {
    height: auto !important;
    object-fit: cover;
    border-radius: 10px;
  }

  .careerpagefilter {}

  .nsm_footer-homepage {
    padding: 60px 0px;
  }

  .nsm_footer-homepage .scroll-footerslider {
    padding-left: 0;
  }

  .customcontain {
    margin-left: calc((100% - 1230px) / 2);
    display: flex;
    flex-wrap: wrap;
  }

  .nsm_footer-homepage .scroll-footerslider {
    padding-left: 0;
  }

  .nsm_footer-homepage .scroll-footerslider .nsm_withtext-block {
    width: 342px !important;
    height: 355px !important;
    margin-right: 0 !important;
  }

  .nsm_footer-homepage .scroll-footerslider .nsm_withimage-block {
    width: 520px !important;
    height: 355px !important;
    margin-right: 0 !important;
  }

  .nsm_withtext-block .nsm_detail .label {
    color: var(--white-primary);
    font-size: 16px;
    line-height: 24px;
    font-family: var(--bold-font);
  }

  .nsm_withtext-block .nsm_detail .date {
    color: var(--white-primary);
    font-size: 16px;
    line-height: 24px;
    font-family: var(--bold-font);
    position: absolute;
    right: 15%;
  }

  .nsm_withtext-block .nsm_desc {
    color: var(--white-primary);
    font-size: 18px;
    line-height: 26px;
    font-family: var(--regular-font);
    height: 235px;
    overflow: auto;
  }

  .nsm_withtext-block .nsm_desc::-webkit-scrollbar {
    display: none;
  }

  .nsm_withtext-block {
    padding: 20px;
    border-radius: 20px;
  }

  .mymodal {
    display: none;
  }

  .mymodal {
    width: 100%;
    height: 100%;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9999;
  }

  .mymodal .overlay {
    background: #000000e0;
    height: 100%;
    width: 100%;
  }

  .mymodal .modal-copy {
    width: 600px;
    background: var(--white-primary);
    z-index: 99;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 99;
    border-radius: 10px;
    border: 1px solid var(--white-primary);
  }

  .mymodal .modal-copy .contxt {
    text-align: center;
    padding: 30px 30px;
  }

  .mymodal .modal-copy video {
    width: 100%;
    border-radius: 10px 10px 0px 0px;
  }

  .mymodal .modal-copy h2 {
    font-family: var(--bold-font);
    font-size: 30px;
    line-height: 37.5px;
    text-align: center;
    color: var(--red-primary);
    margin-bottom: 24px;
  }

  .mymodal .modal-copy p {
    font-family: var(--medium-font);
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: var(--red-primary);
    margin-bottom: 36px;
  }

  .mymodal .modal-copy p span {
    font-family: var(--bold-font);
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: var(--red-primary);
    display: block;
  }

  .mymodal .modal-copy .modallogo {
    width: 200px;
  }

  .overflowhide {
    overflow-y: hidden;
  }

  .mymodal .modal-copy .closebtn {
    position: absolute;
    top: 0;
    right: -50px;
    cursor: pointer;
  }

  img.play-butn {
    height: 100px !important;
  }

  .loginregister_page .tabs-nav-login a {
    display: block;
    color: var(--black-primary);
    font-family: var(--medium-font);
    font-size: 0.9vw;
    line-height: 1.2vw;
    margin-right: 0.9vw;
    text-decoration: none;
    text-transform: uppercase;
  }

  .loginregister_page form input {
    font-size: 0.9vw;
    line-height: 1.2vw;
    padding: 1vw 1.5vw;
    margin-bottom: 1vw;
  }

  .loginregister_page form select {
    font-size: 0.9vw;
    line-height: 1.2vw;
    padding: 1vw 1.5vw;
    margin-bottom: 1vw;
  }

  .loginregister_page form select option {
    font-size: 0.9vw;
    line-height: 1.2vw;
    padding: 1vw 1.5vw;
    margin-bottom: 1vw;
  }

  .loginregister_page form input::placeholder {
    font-size: 0.9vw;
    line-height: 1.2vw;
  }

  .loginregister_page .form_card form label {
    font-size: 0.8vw;
  }

  .mediapresscard .perspectives_card .action-btn .postdate {
    width: 50%;
    text-align: left;
  }

  .mediapresscard .perspectives_card .action-btn .category {
    width: 50%;
    justify-content: right;
  }

  .membership_form_single {
    margin-bottom: 0;
  }

  .nsm_membership_section {
    margin-left: 0%;
    padding: 0px 0px 80px 0px;
  }

  .nsm_membership_section form {
    margin: 0;
  }

  #fileLabel {
    color: var(--black-primary);
    font-family: var(--regular-font);
    position: absolute;
    left: 36px;
    top: 18px;
    font-size: 14px;
    line-height: 24px;
  }

  #fileLabel2 {
    color: var(--black-primary);
    font-family: var(--regular-font);
    position: absolute;
    left: 36px;
    top: 18px;
    font-size: 14px;
    line-height: 24px;
  }

  .tc_content .container-checkbox {
    width: 62%;
  }

  .calculate-btn .rd-btn {
    width: auto;
    padding: 17px 40px 17px 40px;
    border-radius: 60px;
    text-transform: uppercase;
    background: var(--red-primary);
    font-size: 13px;
    line-height: 21px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    text-decoration: none;
    display: inline-block;
    color: var(--white-primary);
  }

  .container-checkbox {
    display: block;
    position: relative;
    padding-left: 20px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 12px;
    line-height: 20px;
    font-family: var(--regular-font);
    color: var(--black-primary);
    margin-bottom: 15px;
  }

  .container-checkbox .checkmark {
    height: 14px;
    width: 14px;
  }

  .nsm_membership_section h4 {
    font-size: 28px;
    line-height: 38px;
    font-family: var(--bold-font);
    color: var(--red-primary);
    margin-bottom: 20px;
  }

  .nsm_membership_section .sub_text {
    font-size: 14px;
    line-height: 24px;
    font-family: var(--bold-font);
    color: var(--red-primary);
    margin-bottom: 20px;
  }

  select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/> </svg>) no-repeat !important;
    background-size: 18px !important;
    background-position: calc(100% - 24px) 16px !important;
    background-repeat: no-repeat !important;
  }

  .submit-btnblock input[type="submit"] {
    padding: 20px 120px 20px 120px;
  }

  .application_form input {
    margin-bottom: 15px;
  }

  .application_form select {
    margin-bottom: 15px;
  }

  .reg_complete {
    margin-bottom: 0;
  }

  .reg_complete h4 {
    font-size: 24px;
    line-height: 34px;
    font-family: var(--bold-font);
    color: var(--red-primary);
    margin-bottom: 30px;
  }

  .reg_complete .btn-block {
    margin-bottom: 70px;
  }

  .reg_complete .btn-block .outline-btn {
    width: auto;
    padding: 12px 24px 12px 24px;
    border-radius: 8px;
    color: var(--red-primary);
    text-transform: uppercase;
    background: var(--white-primary);
    font-size: 13px;
    line-height: 21px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    display: inline-block;
    border: 1px solid var(--red-primary);
    height: max-content;
  }

  .reg_complete .btn-block .outline-btn:hover {
    background: var(--red-primary);
    color: var(--white-primary);
  }

  .block-title-new p {
    font-family: var(--regular-font);
    font-size: 14px !important;
    line-height: 26px !important;
  }

  .nsm_footer-homepage .pb-4 {
    margin-bottom: 20px !important;
  }
}

@media (min-width:1500px) {
  .header_home {
    top: 30px;
  }

  .header_home .top-head .mainlogo {
    width: 200px;
  }

  .nsm_footer-homepage .footer_logo {
    width: 340px;
  }

  .header_home .top-head {
    background: linear-gradient(to right, #fff, #ffffff);
    padding: 20px 35px;
    border-radius: 10px 10px 0vw 0vw;
  }

  .header_home .top-head .mainmenu ul li a {
    font-size: 13px;
    line-height: 14px;
  }

  .header_home .bottom-head .leftmenu ul li a {
    font-size: 13px;
    line-height: 14px;
  }

  .header_home .bottom-head .rightmenu ul li a {
    font-size: 13px;
    line-height: 14px;
  }

  .iconblock a {
    font-size: 13px;
    line-height: 14px;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    font-family: var(--bold-font);
  }

  .main-banner-text h2 {
    font-size: 89px;
    line-height: 107px;
    color: var(--white-primary);
    font-family: var(--medium-font);
    width: 100%;
  }

  .banner-nasscom .action-btn a {
    background: linear-gradient(to right, #fff, #ffffff);
    padding: 28px 44px;
    border-radius: 60px;
    font-family: var(--bold-font);
    color: var(--white-primary);
    text-transform: uppercase;
    text-decoration: none;
    font-size: 18px;
    display: inline-block;
    margin-left: 18px;
  }

  .banner-nasscom .down-arrow img {
    width: 62px;
    height: 62px;
    cursor: pointer;
  }

  .banner-nasscom {
    background: url(themes/custom/inoatheme/images/banner-bg.png);
    background-size: cover;
    height: 1000px;
    position: relative;
  }

  .banner-nasscom::after {
    height: 100%;
  }

  #myVideo {
    height: 1000px;
  }

  .banner-nasscom .container {
    position: relative;
    height: 100%;
  }

  .banner-nasscom .row {
    padding-top: 0px;
  }

  .banner-nasscom .buttonrow {
    position: absolute;
    width: 100%;
    bottom: 5%;
  }

  .main-banner-text {
    margin-bottom: 0px;
  }

  .banner-nasscom .rowslider {
    padding-top: 350px;
  }

  .header_home .row .bottom-head {
    background: linear-gradient(to bottom, #0251c3, #002c83);
    border-radius: 0px 0px 10px 10px;
    padding: 10px 40px;
  }

  .header_home .bottom-head .rightblock .rightmenu {
    /*border-right: 3px solid var(--white-primary);*/
    margin-right: 20px;
    margin-left: 20px;
    padding-right: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .iconblock {
    display: flex;
    align-items: end;
    margin-top: 0px;
  }

  .iconblock img {
    height: 28px;
    width: 28px;
    margin-left: 14px;
  }

  .header_home .top-head .row {
    align-items: center;
  }

  .header_home .bottom-head .row {
    align-items: center;
  }

  .header_home .bottom-head .leftmenu ul li {
    margin-right: 30px;
    display: flex;
  }

  .header_home .bottom-head .rightmenu ul li {
    display: flex;
  }

  .header_home .top-head .mainmenu ul li {
    display: flex;
  }

  .key-insights {
    background: var(--white-primary);
    padding: 80px 0px 100px 0px;
  }

  .key-insights .title_h4 {
    font-family: var(--bold-font);
    color: var(--red-primary);
    margin: 0;
    font-size: 48px;
    line-height: 67.2px;
    letter-spacing: -0.02em;
    text-align: left;
  }

  .key-insights .view-btn {
    font-size: 18px;
    line-height: 27px;
    font-family: var(--medium-font);
    text-decoration: none;
    color: var(--red-primary);
    display: block;
    width: max-content;
    float: right;
  }

  .key-insights img {
    width: 96%;
    height: 766px;
    object-fit: cover;
    border-radius: 0.5vw;
  }

  .key-insights .title_h5 {
    font-family: var(--bold-font);
    color: var(--red-primary);
    margin-bottom: 30px;
    font-size: 36px;
    line-height: 45px;
    margin-top: 20px;
  }

  .key-insights .desc {
    font-size: 24px;
    line-height: 36px;
    font-family: var(--regular-font);
    color: var(--black-primary);
  }

  .key-insights .action-btn a {
    background: linear-gradient(to right, #fff, #ffffff);
    padding: 22px 38px;
    border-radius: 60px;
    font-family: var(--bold-font);
    color: var(--white-primary);
    text-transform: uppercase;
    text-decoration: none;
    font-size: 18px;
    display: block;
  }

  .dedicated-goals {
    padding: 80px 0px 100px 0px;
    background-size: cover;
  }

  .dedicated-goals .title_h4 {
    font-family: var(--bold-font);
    color: var(--white-primary);
    margin: 0;
    font-size: 48px;
    line-height: 67.2px;
    letter-spacing: -0.02em;
    text-align: left;
  }

  .dedicated-goals .prev-slide-g {
    margin-left: 1vw;
    cursor: pointer;
  }

  .dedicated-goals .next-slide-g {
    margin-left: 1.5vw;
    cursor: pointer;
  }

  .dedicated-goals .goals_slider {
    margin-left: 0%;
    margin-top: 48px;
    margin-bottom: 0;
  }

  .dedicated-goals .goals_slider .slick-slide {
    margin: 0vw 0.4vw;
    height: 662px;
  }

  .dedicated-goals .goals_slider .slick-list {
    padding: 0 30% 0 0 !important;
    margin: 0vw -0.4vw 0vw -0.4vw;
  }

  .dedicated-goals .goal-card {
    padding: 1.5vw 2vw;
    border: 0.1vw solid var(--white-primary);
    border-radius: 0.5vw;
  }

  .dedicated-goals .goal-card .title_h5 {
    font-size: 36px;
    line-height: 45px;
    color: var(--white-primary);
    margin-bottom: 40px;
    border-bottom: 1px solid #fff;
    padding-bottom: 40px;
    margin-top: 10px;
  }

  .dedicated-goals .goal-card .content-pointer {
    padding-bottom: 16px;
  }

  .dedicated-goals .goal-card .content-pointer h6 {
    font-size: 20px;
    line-height: 30px;
    font-family: var(--bold-font);
    color: var(--white-primary);
  }

  .dedicated-goals .goal-card .content-pointer p {
    font-size: 16px;
    line-height: 24px;
    color: var(--white-primary);
    font-family: var(--regular-font);
    width: 100%;
  }

  .news-us {
    background: var(--white-primary);
    padding: 80px 0px 100px 0px;
  }

  .news-us .title_h4 {
    font-family: var(--bold-font);
    color: var(--red-primary);
    margin: 0;
    font-size: 48px;
    line-height: 67.2px;
    letter-spacing: -0.02em;
    text-align: left;
  }

  .news-us .view-btn {
    font-size: 18px;
    line-height: 27px;
    font-family: var(--medium-font);
    text-decoration: none;
    color: var(--red-primary);
    display: block;
    width: max-content;
    float: right;
  }

  .news-us .news-slider .news-title {
    font-size: 20px;
    line-height: 30px;
    color: var(--red-primary);
    font-family: var(--bold-font);
    margin-bottom: 4px;
    text-transform: uppercase;
  }

  .news-us .news-slider .news-desc {
    font-size: 21px;
    line-height: 35px;
    color: var(--black-primary);
    font-family: var(--regular-font);
    width: 100%;
    margin-bottom: 0;
    letter-spacing: -1%;
  }

  .news-us .news-slider img {
    border-radius: 10px;
    margin-bottom: 30px;
    height: 495px;
    object-fit: cover;
  }

  .nasscom-bcmember {
    background: var(--white-primary);
    padding: 80px 0px 100px 0px;
  }

  .nasscom-bcmember .title_h4 {
    font-family: var(--bold-font);
    color: var(--red-primary);
    margin: 0;
    font-size: 48px;
    line-height: 67.2px;
    letter-spacing: -0.02em;
    text-align: left;
  }

  .nasscom-bcmember .view-btn {
    font-size: 18px;
    line-height: 27px;
    font-family: var(--medium-font);
    text-decoration: none;
    color: var(--red-primary);
    display: block;
    width: max-content;
    float: right;
  }

  .nasscom-bcmember img {
    width: 96%;
    height: 766px;
    object-fit: cover;
    border-radius: 0.5vw;
  }

  .nasscom-bcmember .title_h5 {
    font-family: var(--bold-font);
    color: var(--red-primary);
    margin-bottom: 30px;
    font-size: 36px;
    line-height: 45px;
    margin-top: 20px;
  }

  .nasscom-bcmember .desc {
    font-size: 24px;
    line-height: 36px;
    font-family: var(--regular-font);
    color: var(--black-primary);
  }

  .nasscom-bcmember .action-btn a {
    background: linear-gradient(to right, #fff, #ffffff);
    padding: 22px 38px;
    border-radius: 60px;
    font-family: var(--bold-font);
    color: var(--white-primary);
    text-transform: uppercase;
    text-decoration: none;
    font-size: 18px;
    display: block;
  }

  .nasscom-konnect {
    background: #EBEBEB;
    padding: 80px 0vw 120px 0vw;
    position: relative;
  }

  .nasscom-konnect .prev-slide-k img {
    cursor: pointer;
    height: 42px;
    width: 42px;
  }

  .nasscom-konnect .next-slide-k img {
    cursor: pointer;
    height: 42px;
    width: 42px;
  }

  .nasscom-konnect .prev-slide-k {
    position: absolute;
    left: -5%;
    top: 50%;
  }

  .nasscom-konnect .next-slide-k {
    position: absolute;
    right: -5%;
    top: 50%;
  }

  .home-konnect .slick-dots li {
    margin: 0px 2px;
  }

  .home-konnect .slick-dots li button:before {
    content: '' !important;
    height: 16px;
    width: 16px;
    border: 1px solid var(--red-primary);
    background: #ebebeb;
    border-radius: 50%;
    display: block;
    opacity: 1;
  }

  .nasscom-konnect .title_h3 {
    text-transform: capitalize;
    color: var(--red-primary);
    font-family: var(--bold-font);
    margin-bottom: 0vw;
    font-size: 60px;
    line-height: 72px;
  }

  .nasscom-konnect .view-btn {
    margin-bottom: 0vw;
    display: block;
    color: var(--red-primary);
    text-decoration: none;
    font-size: 18px;
    line-height: 27px;
    font-family: var(--medium-font);
    width: max-content;
    float: right;
  }

  .nasscom-konnect .konnect-card .card-title {
    font-size: 24px;
    line-height: 36px;
    color: var(--red-primary);
    font-family: var(--bold-font);
    margin-bottom: 20px;
  }

  .nasscom-konnect .konnect-card .card-desc {
    font-size: 16px;
    line-height: 24px;
    color: var(--black-primary);
    font-family: var(--regular-font);
    margin-bottom: 20px;
  }

  .nasscom-konnect .konnect-card .card-details {
    color: var(--black-primary);
    font-family: var(--bold-font);
    text-transform: capitalize;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 36px;
  }

  .nasscom-konnect .konnect-card .outline-btn {
    width: max-content;
    height: max-content;
    padding: 16px 26px 16px 26px;
    border-radius: 8px;
    color: var(--red-primary);
    text-transform: uppercase;
    background: #ebebeb;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    display: inline-block;
    border: 1px solid var(--red-primary);
  }

  .nasscom-konnect .konnect-card .outline-btn:hover {
    background: var(--red-primary);
    color: var(--white-primary)
  }

  .nasscom-konnect .outline-btn {
    margin-right: 20px;
  }

  .customcontain {
    margin-left: calc((100% - 1400px) / 2);
    display: flex;
    flex-wrap: wrap;
  }

  .market-industry-intro {
    padding: 180px 0px 100px 0px;
  }

  .market-industry-intro .title_h1 {
    font-size: 96px;
    line-height: 115.2px;
    padding: 65px 0px;
  }

  .market-industry-intro .nsm_context {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
  }

  .desktophead_tab li {
    margin-bottom: 24px;
  }

  .desktophead_tab .nav-link {
    font-size: 18px;
    line-height: 27px;
    margin-right: 48px;
    font-family: var(--extrabold-font);
  }

  .desktophead_tab .nav-link.active {
    font-family: var(--extrabold-font);
  }

  .desktop_tabitems_block li.active a {
    font-size: 18px;
    line-height: 27px;
    text-decoration: none;
    text-transform: capitalize;
  }

  .desktop_tabitems_block li a {
    font-size: 18px;
    line-height: 27px;
    text-decoration: none;
    text-transform: capitalize;
  }

  #people #mycontainer {
    border-bottom: 0px solid var(--black-primary);
  }

  .people-card img {
    width: 100%;
    margin-bottom: 20px;
  }

  .people-card .name {
    font-size: 20px;
    line-height: 30px;
    color: var(--black-primary);
    font-family: var(--bold-font);
    margin-bottom: 0px;
  }

  .people-card .desg {
    font-size: 16px;
    line-height: 24px;
    color: var(--black-primary);
    font-family: var(--regular-font);
  }

  .people-card {
    margin-bottom: 50px;
  }

  .tabs-nav select {
    padding-bottom: 5px;
    height: 34px;
  }

  .tabs-nav li:last-child {
    margin-right: 0;
  }

  .tabs-nav li.active a {
    padding-bottom: 5px;
  }

  .tabs-nav p {
    color: var(--black-primary);
    font-family: var(--extrabold-font);
    font-size: 18px;
    line-height: 27px;
    margin-right: 48px;
    text-transform: uppercase;
  }

  .tabs-nav a {
    display: block;
    color: var(--black-primary);
    font-family: var(--medium-font);
    font-size: 18px;
    line-height: 27px;
    margin-right: 28px;
    text-decoration: none;
    text-transform: uppercase;
  }

  .tabs-content {
    border-top: 1px solid var(--black-primary);
    margin-top: 40px;
    margin-bottom: 40px;
    padding-top: 60px;
    overflow: hidden;
  }

  .media_press_tabcontent {
    border-top: 1px solid var(--black-primary);
    margin-top: 30px !important;
    margin-bottom: 0px !important;
    padding-top: 45px;
    overflow: hidden;
  }

  .tabs-content .main-title h3 {
    font-size: 48px;
    line-height: 67.2px;
    letter-spacing: -0.02em;
  }

  .tabs-content .main-title p {
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.02em;
  }

  .tabs-content .content-block .inner-context {
    font-family: var(--regular-font);
    font-size: 20px;
    line-height: 32px;
    color: var(--black-primary);
    margin-bottom: 2.5vw;
  }

  .tabs-content .content-block a {
    font-size: 24px;
    line-height: 36px;
  }

  .tabs-content .main-button .rd-btn {
    width: auto;
    padding: 28px 38px 28px 38px;
    border-radius: 60px;
    color: var(--white-primary);
    text-transform: uppercase;
    background: var(--red-secondary);
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    text-decoration: none;
    display: inline-block;
  }

  .nsm_faq_section {
    padding: 80px 0px 100px 0px;
  }

  .nsm_faq_section .title_h3 {
    font-size: 48px;
    line-height: 67.2px;
    letter-spacing: -0.02em;
    margin-bottom: 60px;
  }

  .nsm_faq_section .accordion-item .accordion-button {
    background: var(--red-primary);
    border-radius: 20px !important;
    color: var(--white-primary);
    box-shadow: none;
    font-size: 20px;
    line-height: 30px;
    font-family: var(--bold-font);
    padding: 20px 40px;
  }

  .nsm_faq_section .accordion-body {
    color: var(--white-primary);
    background: var(--red-primary);
    border-radius: 0vw 0vw 20px 20px;
    font-size: 20px;
    line-height: 30px;
    font-family: var(--medium-font);
    padding: 10px 40px;
  }

  .membership_detail_section .title_h3 {
    font-size: 72px;
    font-weight: 400;
    line-height: 86.4px;
    text-align: left;
    padding: 0;
  }

  .membership_detail_section .row:nth-child(1) {
    border-bottom: 0px solid var(--black-primary);
    margin-bottom: 0px;
    padding-bottom: 60px;
    align-items: center;
  }

  .membership_detail_section .rd-btn {
    width: auto;
    padding: 24.55px 46.04px 20.46px 46.04px;
    border-radius: 60px;
    text-transform: uppercase;
    background: #955c03;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    text-decoration: none;
    display: inline-block;
    color: var(--white-primary);
  }

  .membership_detail_section .joining_criteria {
    margin-bottom: 60px;
    padding-bottom: 40px;
    padding-top: 60px;
    border-bottom: 1px solid var(--black-primary);
    border-top: 1px solid var(--black-primary);
  }

  .membership_detail_section .joining_criteria h4 {
    padding: 0px 0px 30px 0px;
    color: var(--red-primary);
    font-family: var(--bold-font);
    font-size: 48px;
    line-height: 67.2px;
    letter-spacing: -0.02em;
    margin-bottom: 20px
  }

  .membership_detail_section .membership_fees h4 {
    padding: 0px 0px 30px 0px;
    color: var(--red-primary);
    font-family: var(--bold-font);
    font-size: 48px;
    line-height: 67.2px;
    letter-spacing: -0.02em;
    margin-bottom: 20px
  }

  .membership_detail_section .joining_criteria .point {
    font-family: var(--bold-font);
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
  }

  .membership_detail_section .joining_criteria .desc {
    font-family: var(--regular-font);
    color: var(--black-primary);
    font-size: 22px;
    line-height: 35.2px;
    width: 100%;
  }

  .membership_detail_section {
    padding: 80px 0px 80px 0px;
  }

  .membership_detail_section .membership_fees .point {
    font-family: var(--extrabold-font);
    text-transform: uppercase;
    color: var(--black-primary);
    font-size: 16px;
    line-height: 24px;
  }

  .membership_detail_section .membership_fees .desc {
    font-family: var(--regular-font);
    color: var(--black-primary);
    width: 100%;
    margin-bottom: 50px;
    font-size: 22px;
    line-height: 35.2px;
    letter-spacing: -0.01em;
  }

  .membership_detail_section .membership_fees a {
    width: auto;
    padding: 20px 28px 20px 28px;
    border-radius: 10px;
    color: var(--red-primary);
    text-transform: uppercase;
    background: var(--white-primary);
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    text-decoration: none;
    display: inline-block;
    border: 1px solid var(--red-primary);
  }

  .page-intro {
    padding: 310px 0px 20px 0px;
    margin-bottom: -14%;
  }

  .careerpage .title_h1 {
    font-size: 96px;
    line-height: 115.2px;
    padding: 65px 0px;
  }

  .careerpage .title_h3 {
    font-size: 48px;
    line-height: 62.4px;
    padding: 0px 0px 30px 0px;
  }

  .page-intro .nsm_context {
    font-size: 20px;
    line-height: 32px;
  }

  .careerpage .rd-btn {
    width: auto;
    padding: 24.55px 46.04px 20.46px 46.04px;
    border-radius: 60px;
    text-transform: uppercase;
    background: #955c03;;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    text-decoration: none;
    display: inline-block;
    color: var(--white-primary);
  }

  .careerpage .video_block img {
    height: 727px;
    object-fit: cover;
    border-radius: 10px;
  }

  .voice_article .video_block img {
    height: 500px;
    object-fit: cover;
    border-radius: 10px;
  }

  .careerpage .video_block iframe {
    height: 727px;
    object-fit: cover;
    border-radius: 10px;
  }

  .nsm_membership_review {
    background: linear-gradient(45deg, #000000a6, #000000a6), url(themes/custom/inoatheme/images/membership_page_gif.gif);
    background-size: cover;
    padding: 120px 0px 120px 0px;
    border-radius: 0;
    height: 1080px;
    position: relative;
  }

  .nsm_membership_review .title_h3 {
    text-align: center;
    color: var(--white-primary);
    font-family: var(--medium-font);
    font-size: 48px;
    line-height: 62.4px;
    width: 36%;
    margin: auto;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .nsm_membership_review .title_h3 span {
    text-align: center;
    color: var(--white-primary);
    font-family: var(--medium-font);
    font-size: 36px;
    line-height: 46.8px;
    font-style: italic;
    margin-top: 60px;
    display: block;
  }

  .nsm_strategic-section .title_h3 {
    color: var(--white-primary);
    margin-bottom: 60px;
    margin-top: 40px;
    font-size: 72px;
    line-height: 86.4px;
    font-family: var(--regular-font);
  }

  .nsm_strategic-section .nsm_strat-slider .item-block img {
    border-radius: 10px;
    margin-bottom: 16px;
    height: 306.92px;
    object-fit: cover;
  }

  .nsm_strategic-section .nsm_strat-slider .item-block .block-title {
    font-size: 30px;
    line-height: 37.5px;
    color: #fff;
    font-family: var(--bold-font);
    margin-bottom: 12px;
  }

  .nsm_strategic-section .nsm_strat-slider .item-block .block-desc {
    font-size: 20px;
    line-height: 32px;
    color: var(--white-primary);
    font-family: var(--regular-font);
    margin-bottom: 30px
  }

  .nsm_strategic-section .white-btn {
    width: auto;
    padding: 25px 60px 25px 60px;
    border-radius: 60px;
    color: var(--red-primary);
    text-transform: uppercase;
    background: var(--white-primary);
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    display: inline-block;
  }

  .nsm_strategic-section .white-btn-trans {
    width: auto;
    padding: 25px 60px 25px 60px;
    border-radius: 60px;
    color: var(--white-primary);
    text-transform: uppercase;
    background: transparent;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    display: inline-block;
  }

  #membership-strategic .nsm_strat-slider {
    margin-bottom: 60px;
  }

  .nsm_strategic-section#membership-strategic {
    padding: 320px 0px 120px 0px;
  }

  .about-intro {
    padding: 180px 0px 100px 0px;
    margin-bottom: -8%;
    margin-left: auto;
  }

  .about-intro .title_h1 {
    color: var(--red-primary);
    font-family: var(--regular-font);
    font-size: 96px;
    line-height: 115.2px;
    padding: 65px 0px;
  }

  .about-intro .nsm_context {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
  }

  .about-intro .nsm-button-row .outline-btn {
    width: auto;
    padding: 20px 28px 20px 28px;
    border-radius: 8px;
    color: var(--red-primary);
    text-transform: uppercase;
    background: var(--white-primary);
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    text-decoration: none;
    display: inline-block;
    border: 1px solid var(--red-primary);
    height: max-content;
  }

  .about-intro .nsm-button-row .outline-btn:hover {
    background: var(--red-primary);
    color: var(--white-primary);
  }

  .about-intro .nsm_image img {
    border-radius: 10px;
    width: 100%;
  }

  .about-intro .nsm-image-element {
    width: 302.23px;
  }

  #strategic-imperative {
    padding: 120px 0px 60px 0px;
  }

  .nsm_spirit-nasscom {
    padding: 120px 0px 120px 0px;
    height: 1080px;
  }

  .nsm_spirit-nasscom .title_h3 {
    font-size: 32px;
  }

  .nsm_spirit-nasscom .title_h3::after {
    content: '';
    width: 65%;
    height: 1px;
    background: var(--white-primary);
    display: block;
    margin: 10px auto;
  }

  .nsm_spirit-nasscom ul li {
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: var(--white-primary);
    font-family: var(--regular-font);
  }

  .nsm_path-traveled {
    margin-left: auto;
    padding: 100px 0px;
  }

  .nsm_path-traveled .title_h3 {
    font-size: 72px;
    line-height: 86.4px;
  }

  .nsm_pathimage-block .nsm_path-year {
    font-size: 26px;
    margin-bottom: 20px;
    letter-spacing: -0.02em;
    text-align: left;
    font-family: var(--bold-font);
  }

  .nsm_pathcontext-block {
    width: 100%;
    background: linear-gradient(to bottom, #0251c3, #002c83);
    background-size: cover;
    padding: 40px;
    border-radius: 10px;
  }

  .nsm_pathcontext-block .sub-title {
    font-size: 18px;
    line-height: 27px;
    font-family: var(--extrabold-font);
    color: var(--white-primary);
    margin-bottom: 30px;
  }

  .nsm_pathcontext-block .title_h4 {
    font-family: var(--bold-font);
    color: var(--white-primary);
    border-top: 1px solid var(--white-primary);
    border-bottom: 1px solid var(--white-primary);
    padding: 18px 0px;
    margin-bottom: 1.5vw;
    font-size: 48px;
    line-height: 67.2px;
    letter-spacing: -0.02em;
  }

  .nsm_pathcontext-block .desc {
    font-size: 30px;
    line-height: 37.5px;
    font-family: var(--regular-font);
    color: var(--white-primary);
    margin-bottom: 30px;
  }

  .nsm_pathimage-block .nsm_path-image img {
    width: 100%;
    border-radius: 10px;
  }

  .tabs-content .image-block img {
    border-radius: 10px;
  }

  .nsm_blockarrow-down {
    height: 320px;
    width: 320px;
  }

  .nsm_focusarea-section .container {
    margin-left: auto;
  }

  .nsm_focusarea-section {
    padding: 320px 0px 120px 0px;
  }

  .nsm_focusarea-section .title_h3 {
    color: var(--white-primary);
    margin-bottom: 60px;
    margin-top: 0px;
    font-size: 72px;
    line-height: 86.4px;
    font-family: var(--regular-font);
  }

  .nsm_focusarea-section .nsm_focusarea-slider {
    margin-bottom: 0;
  }

  .nsm_focusarea-section .nsm_focusarea-slider .item-block img {
    border-radius: 10px;
    margin-bottom: 1.8vw;
  }

  .nsm_focusarea-section .nsm_focusarea-slider .item-block .block-title {
    font-size: 36px;
    line-height: 47px;
    color: var(--white-primary);
    font-family: var(--bold-font);
    margin-bottom: 30px;
  }

  .nsm_focusarea-section .nsm_focusarea-slider .item-block .block-desc {
    font-size: 18px;
    line-height: 27px;
    color: var(--white-primary);
    font-family: var(--regular-font);
    margin-bottom: 0px;
  }

  .nsm_focusarea-section .nsm_focusarea-slider .item-block .block-list {
    font-size: 24px;
    line-height: 36px;
    color: var(--white-primary);
    font-family: var(--regular-font);
  }

  .key_finding-section .container {
    margin-left: auto;
  }

  .key_finding-section#policypage {
    padding: 80px 0px 80px 0px;
  }

  .key_finding-section .title_h3 {
    font-size: 72px;
    font-weight: 400;
    line-height: 86.4px;
    text-align: left;
    padding: 0;
    margin: 0;
  }

  .key_finding-section h4 {
    padding: 0px 0px 30px 0px;
    color: var(--red-primary);
    font-family: var(--bold-font);
    font-size: 48px;
    line-height: 67.2px;
    letter-spacing: -0.02em;
    margin-bottom: 20px;
    margin-top: 40px;
  }

  .key_finding-section .key_finding .item-block .block-title {
    text-align: left;
    font-size: 30px;
    line-height: 37.5px;
    color: var(--black-primary);
    font-family: var(--bold-font);
    margin-bottom: 30px;
    padding-bottom: 30px;
  }

  .key_finding-section .key_finding .item-block .block-desc {
    font-size: 18px;
    line-height: 27px;
    text-align: left;
    color: var(--black-primary);
    font-family: var(--regular-font);
  }

  .key_finding#v1 {
    margin-bottom: 0;
  }

  .key_finding-section .key_finding .item-block .blog-author {
    font-size: 18px;
    line-height: 27px;
    text-align: left;
    color: var(--black-primary);
    font-family: var(--regular-font);
  }

  .key_finding-section .key_finding .item-block img {
    border-radius: 10px;
    margin-bottom: 36px;
  }

  .key_finding-section#policypage .container .key_finding {
    padding-bottom: 100px;
    margin-bottom: 100px;
  }

  #policypage div.click-here a.btn-primary {
    width: auto;
    padding: 24.55px 46.04px 20.46px 46.04px;
    border-radius: 60px;
    text-transform: uppercase;
    background: var(--red-primary);
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    text-decoration: none;
    display: inline-block;
    color: var(--white-primary);
  }

  #members_listing .tabs-nav select {
    width: 175px;
  }

  .recent_newsletters-section {
    padding: 60px 0px 80px 0px;
  }

  .recent_newsletters-section .pb-6 {
    padding-bottom: 60px !important;
  }

  .recent_newsletters-section .container {
    margin-left: auto;
  }

  .recent_newsletters-section h4 {
    padding: 0px 0px 0px 0px;
    color: var(--red-primary);
    font-family: var(--bold-font);
    font-size: 48px;
    line-height: 67.2px;
    letter-spacing: -0.02em;
    margin-bottom: 0;
    margin-top: 0;
  }

  .newsletter_card img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    border-radius: 10px 10px 0px 0px;
  }

  .newsletter_card .newsletter_card_content {
    border-radius: 0px 0px 10px 10px;
    border: 2px solid #E3E3E3;
  }

  .recent_newsletters-section .rd-btn {
    width: auto;
    padding: 24.55px 46.04px 20.46px 46.04px;
    border-radius: 60px;
    text-transform: uppercase;
    background: var(--red-secondary);
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    text-decoration: none;
    display: inline-block;
    color: var(--white-primary);
    margin: 0;
  }

  .recent_newsletters-section .newsletter_card .job_title {
    font-family: var(--bold-font);
    color: var(--red-primary);
    font-size: 18px;
    line-height: 27px;
    text-align: left;
    margin-bottom: 10px;
    padding: 20px 20px 0px 20px;
    min-height: 52px;
    height: 52px;
    overflow: hidden;
  }

  .recent_newsletters-section .newsletter_card .job_desc {
    font-family: var(--regular-font);
    color: var(--black-primary);
    font-size: 14px;
    line-height: 21px;
    text-align: left;
    margin-bottom: 30px;
    padding: 0px 20px;
    height: 105px;
  }

  .mediapresscontent {
    padding: 50px 0px 0px 0px;
  }

  .mediapresscontent h4 {
    padding: 0px 0px 0px 0px;
    color: var(--red-primary);
    font-family: var(--bold-font);
    font-size: 36px;
    line-height: 45px;
    letter-spacing: -0.02em;
    margin-bottom: 0;
    margin-top: 0;
  }

  .newsletter_card .action-btn .postdate {
    font-size: 14px;
    line-height: 21px;
  }

  .newsletter_card .action-btn .category {
    display: flex;
    justify-content: center;
  }

  .newsletter_card .action-btn .category a {
    font-size: 14px;
    line-height: 21px;
  }

  .newsletter_card .action-btn .fee {
    display: flex;
    justify-content: center;
  }

  .newsletter_card .action-btn .fee a {
    font-size: 14px;
    line-height: 21px;
  }

  .newsletter_card .action-btn {
    padding: 16px 20px;
  }

  .recent_newsletters-section .col-md-4 {
    text-align: right;
  }

  .policy-sep {
    height: 1px;
    width: 99%;
    background: var(--black-primary);
    margin: 0px 10px;
  }

  .media_kit_card img {
    height: auto;
    object-fit: cover;
    border-radius: 10px;
  }

  .media_kit_card h3 {
    font-family: var(--bold-font);
    font-size: 22px;
    line-height: 32px;
    color: var(--black-primary);
    width: 95%;
    margin-top: 30px;
    margin-bottom: 50px;
  }

  .market-industry-main-content {
    margin-left: 0;
    padding: 0px 0px 80px 0px !important;
    margin-bottom: 0%;
  }

  .market-industry-main-content .tabs-content {
    margin-bottom: 0;
  }

  .market-industry-main-content .tabs-content .content-block a {
    font-size: 20px;
    line-height: 30px;
    font-family: var(--bold-font);
  }

  .market-industry-main-content .tabs-content .content-block h5 {
    font-family: var(--extrabold-font);
    font-size: 20px;
    line-height: 30px;
    color: var(--red-primary);
    text-transform: capitalize;
    margin-bottom: 30px;
  }

  .market-industry-main-content .tabs-content .content-block {
    padding-top: 0;
  }

  .market-industry-main-content .tabcontent-slider .item-block .block-title {
    font-size: 30px;
    line-height: 37.5px;
    color: var(--black-primary);
    font-family: var(--bold-font);
    margin-bottom: 30px;
  }

  .market-industry-main-content .tabcontent-slider .item-block .block-desc {
    font-size: 20px;
    line-height: 32px;
    color: var(--black-primary);
    font-family: var(--regular-font);
    margin-bottom: 30px;
  }

  .market-industry-main-content .slick-list {
    padding: 0 30% 0 0 !important;
  }

  .sv_video .slick-list {
    padding: 0 0 0 0 !important;
  }

  .market-industry-main-content .tabs-content {
    border-top: 0;
    margin-top: 0;
  }

  .market-industry-main-content .tabs-content .objective-point {
    margin-bottom: 30px;
  }

  .tabs-content .objective-point h6 {
    font-family: var(--bold-font);
    font-size: 20px;
    line-height: 32px;
    color: var(--black-primary);
    text-transform: uppercase;
  }

  .tabs-content .objective-point p {
    font-family: var(--regular-font);
    font-size: 20px;
    line-height: 32px;
    color: var(--black-primary);
    width: 85%;
  }

  .market-industry-main-content#innovation #mycontainer {
    border-bottom: 0px solid var(--black-primary) !important;
    padding-bottom: 40px;
  }

  .market-industry-main-content#innovation .tabs-content {
    border-top: 1px solid var(--black-primary) !important;
    margin-top: 30px;
  }

  .innovation_section#innovation .tabs-content {
    border-top: none !important;
  }

  .market-industry-main-content .tabcontent-slider {
    margin-bottom: 60px;
  }

  .market-industry-main-content .tabcontent-slider .item-block img {
    border-radius: 10px;
    height: 306.92px;
    object-fit: cover;
  }

  .market-industry-main-content .outline-btn {
    width: max-content;
    height: max-content;
    padding: 16px 26px 16px 26px;
    border-radius: 8px;
    color: var(--red-primary);
    text-transform: uppercase;
    background: var(--white-primary);
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    display: inline-block;
    border: 1px solid var(--red-primary);
  }

  .market-industry-main-content .outline-btn:hover {
    background: var(--red-primary);
    color: var(--white-primary);
  }

  .scroll-footerslider2 .nsm_withimage-block {
    width: 692px !important;
    height: 473px !important;
    margin-right: 0 !important;
  }

  .scroll-footerslider2 .nsm_withimage-block img {
    object-fit: cover;
  }

  .scroll-footerslider2 .slick-slide {
    margin: 0vw 0.4vw;
  }

  .scroll-footerslider2 .nsm_withtext-block {
    width: 455px !important;
    height: 473px !important;
    margin-right: 0 !important;
  }

  .reachus {
    margin-bottom: 0;
  }

  .contact-main-content {
    padding: 0px 0px 0px 0px;
    margin-bottom: 0;
    margin-left: 0;
  }

  .map-block iframe {
    width: 100%;
    height: 781.02px;
    border-radius: 0;
  }

  .contact-main-content .tabs-nav {
    padding: 30px 0px 60px 0px;
    border-bottom: 0;
  }

  .contact-main-content .tabs-content {
    border-top: 1px solid var(--black-primary);
  }

  .page-intro .title_h1 {
    font-size: 96px;
    line-height: 115.2px;
    padding: 65px 0px 25px 0px;
  }

  .reachus .nsm_context p {
    margin-bottom: 0;
  }

  .contact-main-content .tabs-content .heading {
    margin-bottom: 8px;
  }

  .page-intro.perspectivepage {
    margin-bottom: 0%;
    padding: 180px 0px 50px 0px;
  }

  .perspectives-main-content {
    padding: 0px 0px 80px 0px;
    margin-bottom: 0;
    margin-left: 0;
  }

  .perspectives-main-content .tabs-content {
    margin-top: 20px;
  }

  .perspectives-main-content .tabs-nav select {
    border: 0;
    color: var(--black-primary);
    font-family: var(--medium-font);
    font-size: 18px;
    line-height: 27px;
    text-decoration: none;
    text-transform: uppercase;
    margin-right: 48px;
    margin-left: 0px;
    background: url(themes/custom/inoatheme/images/red_drop_arrow.svg) no-repeat !important;
    background-size: 16px !important;
    background-position: calc(100% - 0%) 8px !important;
    background-repeat: no-repeat !important;
    width: 100px;
  }

  #members_listing .perspectives_card .perspectives_card_content {
    border-radius: 10px;
    min-height: max-content;
  }

  .perspectives_card img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    border-radius: 10px 10px 0px 0px;
  }

  .perspectives_card .perspectives_card_content {
    border-radius: 0px 0px 10px 10px;
    border: 2px solid #E3E3E3;
  }

  #members_listing .perspectives_card .perspectives_card_content {
    border-radius: 10px;
    min-height: 110px;
  }

  #members_listing .perspectives_card .job_title {
    margin-bottom: 0vw;
    padding: 30px 20px;
    max-height: 75px;
    min-height: 75px;
    overflow-x: hidden;
  }

  #members_listing .perspectives_card .action-btn {
    padding: 15px 20px;
  }

  .perspectives_card .job_title a {
    font-family: var(--bold-font);
    color: var(--red-primary);
    font-size: 18px;
    line-height: 27px;
    text-align: left;
    margin-bottom: 10px;
    min-height: 80px;
    height: 80px;
    overflow: hidden;
    text-decoration: none;
  }

  .perspectives_card .job_desc {
    font-family: var(--regular-font);
    color: var(--black-primary);
    font-size: 14px;
    line-height: 21px;
    text-align: left;
    margin-bottom: 30px;
    padding: 0px 20px;
    height: 65px;
  }

  .perspectives_card .action-btn .postdate {
    font-size: 14px;
    line-height: 21px;
    height: 22px;
    width: 33.33%;
    text-align: left;
  }

  .perspectives_card .action-btn .city {
    font-size: 14px;
    line-height: 21px;
    height: 22px;
    width: 33.33%;
    text-align: center;
  }

  .perspectives_card .action-btn .category {
    display: flex;
    justify-content: center;
    height: 22px;
    width: 33.33%;
    text-align: center;
  }

  .perspectives_card .action-btn .category a {
    font-size: 14px;
    line-height: 21px;
  }

  .perspectives_card .action-btn .fee {
    display: flex;
    justify-content: right;
    height: 22px;
    width: 33.33% !important;
    text-align: right;
    white-space: nowrap;
  }

  .perspectives_card .action-btn .fee a {
    font-size: 14px;
    line-height: 21px;
  }

  .perspectives_card .action-btn .start {
    display: flex;
    justify-content: right;
    height: 22px;
    width: 33.33%;
    text-align: center;
    white-space: nowrap;
  }

  .perspectives_card .action-btn .start a {
    font-size: 14px;
    line-height: 21px;
  }

  .perspectives_card .action-btn {
    padding: 16px 20px;
  }

  .perspectives_card .action-btn a:hover {
    background: transparent;
  }

  .perspectives_card {
    margin-bottom: 30px;
  }

  .filter_search {
    margin-right: 0 !important;
  }

  .filter_search img {
    height: 32px;
    width: 32px;
    margin-top: 0;
    margin-bottom: 12px;
  }

  .perspectives-main-content .tabs-nav .row {
    align-items: start;
  }

  .perspectives-single {
    margin-bottom: 0;
  }

  .perspectives-single .btn-block {
    text-align: right;
  }

  .perspectives-single .rd-btn_light {
    width: auto;
    padding: 24.55px 46.04px 20.46px 46.04px;
    border-radius: 60px;
    text-transform: uppercase;
    background: var(--red-primary);
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    text-decoration: none;
    display: inline-block;
    color: var(--white-primary);
    position: static;
  }

  .perspectives-single .white-btn {
    width: auto;
    padding: 24.55px 85.04px 20.46px 85.04px;
    border-radius: 60px;
    text-transform: uppercase;
    background: transparent;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    text-decoration: none;
    display: inline-block;
    color: var(--red-primary);
    position: static;
  }

  .key_finding-section {
    padding: 0px 0px 80px 0px;
  }

  .perspectivevideo .video-block-image {
    height: 913px !important;
    border-radius: 0;
  }

  .perspectivevideo .video-playbtn img {
    height: 120px !important;
    width: 120px !important;
  }

  .perspectives-main-content-detailpage {
    margin-left: 0%;
    padding: 80px 0px;
    margin-bottom: 0;
  }

  .perspectives-main-content-detailpage .title_h3 {
    font-size: 72px;
    font-weight: 400;
    line-height: 86.4px;
    text-align: left;
    padding: 0;
    margin-bottom: 60px;
  }

  .fact_figures-section {
    padding: 80px 0px 80px 0px;
  }

  .fact_figures-section .container {
    margin-left: auto;
  }

  .fact_figures-section .title_h3 {
    font-size: 72px;
    font-weight: 400;
    line-height: 86.4px;
    text-align: left;
    padding: 0;
    margin-bottom: 60px;
    margin-top: 0;
  }

  .fact_figures_slider .item-block img {
    border-radius: 10px;
  }

  .fact_figures_slider {
    margin-left: 1%;
  }

  .eventintro {
    margin-bottom: 0;
  }

  .event_detail-intro .nsm_event_detail_date p {
    margin-bottom: 32px;
  }

  .eventintro p {
    margin-bottom: 0;
  }

  .event_detail-intro {
    margin-bottom: 0;
  }

  .event_detail-intro .nsm_event_detail_date {
    font-size: 24px;
    line-height: 36px;
    font-family: var(--bold-font);
    color: var(--red-primary);
    text-align: left;
  }

  .event_detail-intro .rd-btn_light {
    width: auto;
    padding: 24.55px 46.04px 20.46px 46.04px;
    border-radius: 60px;
    text-transform: uppercase;
    background: var(--red-primary);
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    display: inline-block;
    color: var(--white-primary);
    position: static;
  }

  .event_detail-content {
    padding: 0px 0px 60px 0px;
  }

  .event_detail-content h4 {
    font-size: 36px;
    line-height: 45px;
    font-family: var(--bold-font);
    color: var(--red-primary);
    margin-bottom: 40px;
    text-align: left;
  }

  .event_detail-content p {
    font-size: 18px;
    line-height: 27px;
    font-family: var(--bold-font);
    color: var(--black-primary);
  }

  .event_detail-content p span {
    font-size: 18px;
    line-height: 27px;
    font-family: var(--regular-font);
    color: var(--black-primary);
  }

  .event_detail-content ul li {
    font-size: 18px;
    line-height: 27px;
    font-family: var(--regular-font);
    color: var(--black-primary);
  }

  .event_detail-content h5 {
    font-size: 20px;
    line-height: 30px;
    font-family: var(--extrabold-font);
    color: var(--red-primary);
    margin-bottom: 40px;
  }

  .event_detail-content .container {
    padding-left: calc(var(--bs-gutter-x)* .5);
  }

  .event_detail-intro .btn-block {
    text-align: right;
  }

  .join_context label {
    font-size: 18px;
    line-height: 27px;
    font-family: var(--regular-font);
    color: #000;
  }

  form input {
    background: transparent;
    border: 1px solid var(--black-primary);
    padding: 20px 30px;
    width: 100%;
    margin-bottom: 30px;
    -webkit-appearance: none;
    border-radius: 0;
    color: var(--black-primary);
    font-size: 20px;
    line-height: 30px;
  }

  form input::placeholder {
    color: var(--black-primary) !important;
    font-family: var(--regular-font);
    font-size: 20px;
    line-height: 30px;
    width: 100%;
    margin-bottom: 4px;
  }

  form select {
    background: transparent;
    border: 1px solid var(--black-primary);
    padding: 20px 30px;
    width: 100%;
    margin-bottom: 30px;
    color: var(--black-primary);
    font-family: var(--regular-font);
    font-size: 20px;
    line-height: 30px;
    --webkit-appearance: none;
    border-radius: 0;
  }

  form select:focus {
    outline: 0;
  }

  form input:focus {
    outline: 0;
  }

  form input[type="url"]:focus {
    outline: 0;
  }

  form input[type="submit"] {
    width: auto;
    padding: 24px 40px 24px 40px;
    border-radius: 60px;
    color: var(--white-primary);
    text-transform: uppercase;
    background: var(--red-primary);
    font-size: 18.41px;
    line-height: 27.62px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    display: inline-block;
    border: 0;
  }

  form input[type="file"] {
    background-image: url(themes/custom/inoatheme/images/lucide_upload.svg);
    background-size: 40px 40px;
    background-position: calc(100% - 15px) calc(100% - 10px);
    background-repeat: no-repeat;
    color: transparent;
    cursor: pointer;
  }

  form input[type="file"]::-webkit-file-upload-button {
    display: none;
  }

  form input[type="file"]::-ms-browse {
    display: none;
  }

  form input[type=file]::file-selector-button {
    display: none;
  }

  .application_form input[type="file"] {
    padding: 20px 30px;
  }

  .video_block img {
    height: auto;
    object-fit: cover;
    border-radius: 10px;
  }

  .nsm_footer-homepage {
    padding: 80px 0px;
  }

  .nsm_footer-homepage .scroll-footerslider {
    padding-left: 0;
  }

  .nsm_footer-homepage .scroll-footerslider .nsm_withtext-block {
    width: 455px !important;
    height: 473px !important;
    margin-right: 0 !important;
  }

  .nsm_footer-homepage .scroll-footerslider .nsm_withimage-block {
    width: 692px !important;
    height: 473px !important;
    margin-right: 0 !important;
  }

  .nsm_withtext-block .nsm_detail .label {
    color: var(--white-primary);
    font-size: 20px;
    line-height: 36px;
    font-family: var(--bold-font);
  }

  .nsm_withtext-block .nsm_detail .date {
    color: var(--white-primary);
    font-size: 20px;
    line-height: 36px;
    font-family: var(--bold-font);
    position: absolute;
    right: 15%;
  }

  .nsm_withtext-block .nsm_desc {
    color: var(--white-primary);
    font-size: 24px;
    line-height: 36px;
    font-family: var(--regular-font);
    height: 325px;
    overflow: auto;
  }

  .nsm_withtext-block .nsm_desc::-webkit-scrollbar {
    display: none;
  }

  .nsm_withtext-block {
    padding: 24px;
    border-radius: 24px;
  }

  .nsm_footer-homepage .nsm_footer-social img {
    width: 67px;
    margin-left: 20px;
    margin-right: 0;
  }

  .nsm_footer-homepage .nsm_footer-social .twitternass {
    width: 56px;
    margin-left: 16px;
    margin-right: 0;
  }

  .nsm_withimage-block img {
    border-radius: 24px;
  }

  .nsm_footer-homepage .hastagfooter {
    font-family: var(--medium-font);
    font-size: 42px;
    line-height: 46px;
    text-align: right;
    color: var(--white-primary);
    margin: 0;
  }

  .nsm_footer-homepage .footer_links a {
    text-decoration: none;
    color: var(--white-primary);
    font-size: 17px;
    line-height: 27px;
    margin-right: 20px;
    font-family: var(--bold-font);
    text-transform: uppercase;
  }

  #members_listing .perspectives_card .action-btn .fee img {
    height: 0.6vw;
    width: 1.2vw;
    object-fit: contain;
    border-radius: 0;
    margin-left: 0.5vw;
  }

  .upload-div {
    position: relative;
  }

  .upload-div .upload-file {
    position: absolute !important;
    top: 0 !important;
    left: 0;
  }

  .overflowhide {
    overflow-y: hidden;
  }

  .loginregister_page .tabs-nav-login a {
    display: block;
    color: var(--black-primary);
    font-family: var(--medium-font);
    font-size: 0.9vw;
    line-height: 1.2vw;
    margin-right: 0.9vw;
    text-decoration: none;
    text-transform: uppercase;
  }

  .loginregister_page form input {
    font-size: 0.9vw;
    line-height: 1.2vw;
    padding: 1vw 1.5vw;
    margin-bottom: 1vw;
  }

  .loginregister_page form select {
    font-size: 0.9vw;
    line-height: 1.2vw;
    padding: 1vw 1.5vw;
    margin-bottom: 1vw;
  }

  .loginregister_page form input::placeholder {
    font-size: 0.9vw;
    line-height: 1.2vw;
  }

  .loginregister_page .form_card form label {
    font-size: 0.8vw;
  }

  .mediapresscard .perspectives_card .action-btn .postdate {
    width: 50%;
    text-align: left;
  }

  .mediapresscard .perspectives_card .action-btn .category {
    width: 50%;
    justify-content: right;
  }

  .membership_form_single {
    margin-bottom: 0;
  }

  .nsm_membership_section {
    margin-left: 0%;
    padding: 0px 0px 80px 0px;
  }

  .nsm_membership_section form {
    margin: 0;
  }

  #fileLabel {
    color: var(--black-primary);
    font-family: var(--regular-font);
    position: absolute;
    left: 46px;
    top: 22px;
    font-size: 20px;
    line-height: 30px;
  }

  #fileLabel2 {
    color: var(--black-primary);
    font-family: var(--regular-font);
    position: absolute;
    left: 46px;
    top: 22px;
    font-size: 20px;
    line-height: 30px;
  }

  select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/> </svg>) no-repeat !important;
    background-size: 28px !important;
    background-position: calc(100% - 30px) 28px !important;
    background-repeat: no-repeat !important;
  }

  .tc_content .container-checkbox {
    width: 62%;
  }

  .calculate-btn .rd-btn {
    width: auto;
    padding: 24.55px 46.04px 20.46px 46.04px;
    border-radius: 60px;
    text-transform: uppercase;
    background: var(--red-primary);
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    text-decoration: none;
    display: inline-block;
    color: var(--white-primary);
  }

  .container-checkbox {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--regular-font);
    color: var(--black-primary);
    margin-bottom: 30px;
  }

  .container-checkbox .checkmark {
    height: 20px;
    width: 20px;
  }

  .nsm_membership_section h4 {
    font-size: 36px;
    line-height: 45px;
    font-family: var(--bold-font);
    color: var(--red-primary);
    margin-bottom: 40px;
  }

  .nsm_membership_section .sub_text {
    font-size: 20px;
    line-height: 30px;
    font-family: var(--bold-font);
    color: var(--red-primary);
    margin-bottom: 40px;
  }

  .reg_complete {
    margin-bottom: 0;
  }

  .reg_complete h4 {
    font-size: 36px;
    line-height: 45px;
    font-family: var(--bold-font);
    color: var(--red-primary);
    margin-bottom: 40px;
  }

  .reg_complete .btn-block {
    margin-bottom: 90px;
  }

  .reg_complete .btn-block .outline-btn {
    width: auto;
    padding: 20px 28px 20px 28px;
    border-radius: 8px;
    color: var(--red-primary);
    text-transform: uppercase;
    background: var(--white-primary);
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    display: inline-block;
    border: 1px solid var(--red-primary);
    height: max-content;
  }

  .reg_complete .btn-block .outline-btn:hover {
    background: var(--red-primary);
    color: var(--white-primary);
  }
}

.mymodal #deskvideo {
  display: block;
}

.mymodal #mobvideo {
  display: none;
}

@media (max-width:767px) {
  .careerpage .video_block iframe {
    border: 0;
    height: 195px;
    border-radius: 3vw;
  }

  .media_kit_card h3 {
    font-size: 4.8vw;
    line-height: 5.6vw;
    font-family: var(--bold-font);
    margin-top: 3vw;
  }

  .media_kit_card img {
    height: 52vw;
    object-fit: cover;
    border-radius: 10px;
  }

  .mymodal {
    display: none;
  }

  img.play-butn {
    width: 60px !important;
    height: 60px !important;
  }

  .mymodal #deskvideo {
    display: none;
  }

  .mymodal #mobvideo {
    display: block;
  }

  .mymodal {
    width: 100%;
    height: 100%;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9999;
  }

  .mymodal .overlay {
    background: #000000e0;
    height: 100%;
    width: 100%;
  }

  .mymodal .modal-copy {
    width: 95%;
    background: var(--white-primary);
    z-index: 99;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 99;
    border-radius: 10px;
    border: 1px solid var(--white-primary);
  }

  .mymodal .modal-copy .contxt {
    text-align: center;
    padding: 20px 20px;
  }

  .mymodal .modal-copy video {
    width: 100%;
    border-radius: 10px 10px 0px 0px;
  }

  .mymodal .modal-copy h2 {
    font-family: var(--bold-font);
    font-size: 30px;
    line-height: 37.5px;
    text-align: center;
    color: var(--red-primary);
    margin-bottom: 24px;
  }

  .mymodal .modal-copy p {
    font-family: var(--medium-font);
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: var(--red-primary);
    margin-bottom: 36px;
  }

  .mymodal .modal-copy p span {
    font-family: var(--bold-font);
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: var(--red-primary);
    display: block;
  }

  .mymodal .modal-copy .modallogo {
    width: 200px;
  }

  .overflowhide {
    overflow-y: hidden;
  }

  .mymodal .modal-copy .closebtn {
    position: absolute;
    top: -50px;
    right: 0px;
    cursor: pointer;
  }

  .policy-sep {
    height: 1px;
    width: 95%;
    background: var(--black-primary);
    margin: 22px 8px 0px 8px;
  }

  .mediapresscontent .col-md-8 h4 {
    color: var(--red-primary);
    margin-bottom: 4vw;
    margin-top: 2vw;
    font-family: var(--bold-font);
    font-size: 4.8vw;
    line-height: 6vw;
  }

  .mediapresscontent .col-md-8 p {
    font-family: var(--regular-font);
    font-size: 3.2vw;
    line-height: 4.4vw;
  }

  .recent_newsletters-section .job_desc {
    min-height: max-content;
  }

  .youtube__logo--width {
    width: 95px !important;
  }
}

.header_home .top-head .showdrop ul li {
  margin-left: 0 !important;
}

.header_home .top-head .mainmenu ul li a {
  padding: 28px 10px;
  text-align: center;
}

.header_home .top-head .mainmenu ul li:nth-child(5) a {
  padding: 28px 0px 28px 18px;
}

.nav_hasdropdown {
  position: relative;
}

.nav_hasdropdown.showdrop>a {
  background:#012b8c;
  padding: 28px 18px;
  color: #fff !important;
}

.nav_submenu {
  display: none !important;
  padding: 15px 20px !important;
  margin: 0 !important;
  position: absolute;
  top: 45px !important;
  box-shadow: 0 5px 15px rgb(0 0 0 / 6%), 0 5px 5px rgb(0 0 0 / 3%);
  background: var(--white-primary);
  width: max-content !important;
}

.nav_hasdropdown.showdrop .nav_submenu {
  display: block !important;
}

.nav_submenu li {
  margin-left: 0px !important;
  padding: 10px 0px !important;
}

.nav_submenu li a {
  color: #012b8c !important;
  padding: 5px 0px !important;
  display: block;
  font-size: 12px !important;
  text-transform: capitalize !important;
  border-bottom: 1px solid var(--white-primary) !important;
}

.nav_submenu li a:hover {
  border-bottom: 1px solid #012b8c !important;
}

@media (min-width:1500px) {
  .header_home .top-head {
    padding: 20px 35px;
  }

  .header_home .top-head .nav_submenu li {
    margin-left: 0% !important;
  }

  .header_home .top-head .mainmenu ul li a {
    padding: 38px 18px;
  }

  .header_home .top-head .mainmenu ul li:nth-child(5) a {
    padding: 38px 0px 38px 18px;
  }

  .nav_hasdropdown {
    position: relative;
  }

  .nav_hasdropdown.showdrop>a {
    padding: 38px 28px;
  }

  .nav_submenu {
    display: none !important;
    padding: 15px 20px !important;
    margin: 0 !important;
    position: absolute;
    top: 90px !important;
    box-shadow: 0 5px 15px rgb(0 0 0 / 6%), 0 5px 5px rgb(0 0 0 / 3%);
    background: var(--white-primary);
    width: max-content !important;
  }

  .nav_hasdropdown.showdrop .nav_submenu {
    display: block !important;
  }

  .nav_submenu li {
    margin-left: 0px !important;
    padding: 10px 0px !important;
  }

  .nav_submenu li a {
    color: var(--red-primary) !important;
    padding: 10px 0px !important;
    display: block;
    font-size: 14px !important;
    text-transform: capitalize !important;
    border-bottom: 1px solid var(--white-primary) !important;
  }

  .nav_submenu li a:hover {
    border-bottom: 1px solid #012b8c !important;
  }
}

.hide_element {
  display: none !important;
}

.key-insights .view-btn {
  pointer-events: none !important;
}

.news-us .view-btn {
  pointer-events: none !important;
}

.nasscom-bcmember .view-btn {
  pointer-events: none !important;
}

.nasscom-konnect .view-btn {
  pointer-events: none !important;
}

.news-card:hover .news-desc {
  color: var(--red-primary);
}

.news-card a {
  text-decoration: none;
}

.news-card .image-block {
  width: 100%;
  overflow: hidden;
  height: 365px;
  border-radius: 10px;
  margin-bottom: 30px;
  object-fit: cover;
}

.news-card .image-block img {
  transition: all 0.5s ease-in-out;
}

.news-card .image-block img:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  z-index: 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

@media (min-width:1500px) {
  .news-card .image-block {
    width: 100%;
    overflow: hidden;
    height: 495px;
    border-radius: 10px;
    margin-bottom: 30px;
    object-fit: cover;
  }
}

@media (max-width:767px) {
  .news-card .image-block {
    width: 100%;
    height: 85vw;
    object-fit: cover;
    border-radius: 3vw;
    margin-bottom: 5vw;
    margin-top: 3vw;
    overflow: hidden;
  }
}

@media (min-width:1080px) and (max-width:1230px) {
  .nasscom-konnect .slick-arrow {
    display: none !important;
  }

  .customcontain {
    margin-left: calc((100% - 960px) / 2) !important;
    display: flex;
    flex-wrap: wrap;
  }
}

@media (min-width:1230px) and (max-width:1270px) {
  .nasscom-konnect .slick-arrow {
    display: none !important;
  }

  .customcontain {
    margin-left: calc((100% - 1140px) / 2) !important;
    display: flex;
    flex-wrap: wrap;
  }
}

.voicegrid {
  margin-bottom: 0;
}

.policy_advocacy {
  margin-bottom: 0 !important;
  padding-bottom: 20px;
}

.policy_advocacy .container {
  padding: 0px;
}

.voicegrid_content .perspectives_card .action-btn .fee {
  width: max-content;
}

@media (min-width:768px) and (max-width:1499px) {
  .voicegrid_content .perspectives_card .job_desc {
    height: 55px;
  }

  .voicegrid_content .title_h3 {
    font-size: 42px;
    font-weight: 400;
    line-height: 52.4px;
    text-align: left;
    padding: 0;
    margin: 0;
    color: var(--red-primary);
    margin-bottom: 60px;
    font-family: var(--regular-font);
  }

  .voicepod .title_h1 {
    width: 90%;
  }

  .voice-slider .slick-list {
    padding: 0 !important;
  }

  .voicegrid .prev-slide-k img {
    cursor: pointer;
    height: 34px;
    width: 34px;
  }

  .voicegrid .next-slide-k img {
    cursor: pointer;
    height: 34px;
    width: 34px;
  }

  .voicegrid .prev-slide-k {
    position: absolute;
    left: -5%;
    top: 45%;
  }

  .voicegrid .next-slide-k {
    position: absolute;
    right: -5%;
    top: 45%;
  }

  .content-forblock {
    position: absolute;
    bottom: 0;
    padding: 35px;
    width: 100%;
  }

  .content-forblock .title_h3 {
    color: var(--white-primary);
    font-family: var(--bold-font);
    margin-bottom: 16px;
    padding: 0;
    font-size: 40px;
    line-height: 52px;
  }

  .content-forblock .desc {
    font-family: var(--medium-font);
    font-size: 18px;
    line-height: 30px;
    text-align: left;
    color: var(--white-primary);
  }

  .content-forblock .aud-details {
    border-top: 1px solid var(--white-primary);
    margin-top: 16px;
    padding-top: 18px;
    display: flex;
    font-size: 14px;
    line-height: 24px;
    color: var(--white-primary);
    font-family: var(--medium-font);
    text-transform: uppercase;
  }

  .content-forblock .aud-details div {
    margin-right: 35px;
  }

  .video_block .highlight a {
    font-size: 14px;
    line-height: 24px;
    color: #000000;
    font-family: var(--medium-font);
    position: absolute;
    top: 35px;
    left: 0px;
    text-decoration: none;
    font-weight: 700;
    white-space: nowrap;
  }

  .overlayer {
    background: var(--black-primary);
    height: 527px;
    width: 100%;
    position: absolute;
    top: 0;
    opacity: 0.5;
    border-radius: 10px;
  }

  .paymentpage .container {
    text-align: center;
  }

  .paymentpage .title_h1 {
    font-size: 48px;
    margin-bottom: 50px;
    text-align: center;
  }

  .paymentpage .action-btn a {
    background: linear-gradient(to right, #fff, #ffffff);
    padding: 18px 32px;
    border-radius: 60px;
    font-family: var(--bold-font);
    color: var(--white-primary);
    text-transform: uppercase;
    text-decoration: none;
    font-size: 13px;
    display: inline-block;
  }

  .paymentpage .action-btn a:hover {
    background: linear-gradient(to right, #9d1f1a, #013a9b);
  }

  .paymentpage .action-btn.trans a {
    background: white;
    padding: 18px 32px;
    border-radius: 60px;
    font-family: var(--bold-font);
    color: var(--black-primary);
    text-transform: uppercase;
    text-decoration: none;
    font-size: 13px;
    display: inline-block;
  }

  .paymentpage .action-btn.trans a:hover {
    color: var(--red-primary);
  }

  .paymentpagebilling {
    padding-bottom: 30px;
  }

  .paymentpagebilling .title_h1 {
    font-size: 48px;
    margin-bottom: 0px;
    text-align: left;
  }

  .billing-details input {
    font-size: 14px;
    line-height: 22px;
    font-family: var(--regular-font);
  }

  .billing-details select {
    font-size: 14px;
    line-height: 22px;
    font-family: var(--regular-font);
  }

  .billing-details input::placeholder {
    font-size: 14px;
    line-height: 22px;
    font-family: var(--regular-font);
  }

  .billing-details .submit-btnblock input[type="submit"] {
    background: linear-gradient(to right, #fff, #ffffff);
    padding: 18px 32px;
    border-radius: 60px;
    font-family: var(--bold-font);
    color: var(--white-primary);
    text-transform: uppercase;
    text-decoration: none;
    font-size: 13px;
  }

  .billing-details .submit-btnblock input[type="submit"]:hover {
    background: linear-gradient(to right, #9d1f1a, #013a9b);
  }

  .context-of-paymentpage {
    padding: 0px 0px 80px 0px;
  }

  .context-of-paymentpage .container {
    border-top: 1px solid var(--black-primary);
  }

  .context-of-paymentpage form {
    padding-top: 60px;
  }

  .steps-payment .label {
    color: var(--black-primary);
    font-family: var(--extrabold-font);
    font-size: 14px;
    line-height: 23px;
    text-transform: uppercase;
    margin-bottom: 16px;
  }

  .steps-payment .steps-to {
    display: flex;
    list-style-type: none;
    padding: 0;
  }

  .steps-payment .steps-to li a {
    display: block;
    color: var(--black-primary);
    font-family: var(--medium-font);
    font-size: 14px;
    line-height: 23px;
    margin-right: 28px;
    text-decoration: none;
    text-transform: uppercase;
  }

  .steps-payment .steps-to li.active a {
    color: var(--red-primary);
    border-bottom: 1px solid var(--red-primary);
    padding-bottom: 0.25vw;
  }

  .steps-payment .steps-to li.hidden a {
    color: var(--grey-secondary);
    border-bottom: 0px solid var(--red-primary);
    padding-bottom: 0.25vw;
  }

  .arrowstep {
    margin-right: 22px;
    color: var(--grey-secondary);
  }

  .context-of-paymentpage .action-btn a {
    background: linear-gradient(to right, #fff, #ffffff);
    padding: 18px 32px;
    border-radius: 60px;
    font-family: var(--bold-font);
    color: var(--white-primary);
    text-transform: uppercase;
    text-decoration: none;
    font-size: 13px;
    display: block;
    width: max-content;
    border: 0;
    margin: 40px auto 0px auto;
  }

  .context-of-paymentpage .action-btn a:hover {
    background: linear-gradient(to right, #9d1f1a, #013a9b);
  }

  .context-of-paymentpage input[type="submit"] {
    background: linear-gradient(to right, #fff, #ffffff);
    padding: 18px 32px;
    border-radius: 60px;
    font-family: var(--bold-font);
    color: var(--white-primary);
    text-transform: uppercase;
    text-decoration: none;
    font-size: 13px;
    line-height: 21px;
    display: block;
    width: max-content;
    border: 0;
    margin: 40px auto 0px auto;
  }

  .context-of-paymentpage input[type="submit"]:hover {
    background: linear-gradient(to right, #9d1f1a, #013a9b);
  }

  .context-of-paymentpage table {
    margin-top: 50px;
  }

  .context-of-paymentpage table th {
    font-family: var(--bold-font);
    color: var(--grey-secondary);
    text-align: right;
    font-weight: normal;
    padding-bottom: 40px;
    font-size: 14px;
    line-height: 21px;
  }

  .context-of-paymentpage table th:nth-child(1) {
    text-align: left;
  }

  .context-of-paymentpage table td {
    font-family: var(--bold-font);
    color: var(--black-primary);
    text-align: right;
    font-weight: normal;
    padding-bottom: 40px;
    font-size: 14px;
    line-height: 21px;
  }

  .context-of-paymentpage table td:nth-child(1) {
    width: 42%;
    padding-right: 15px;
    text-align: left;
  }

  .context-of-paymentpage table a {
    text-decoration: none;
    color: var(--black-primary);
    padding-bottom: 5px;
    border-bottom: 1px solid var(--black-primary);
  }

  .context-of-paymentpage table input[type="submit"] {
    text-decoration: none;
    color: var(--black-primary);
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--black-primary);
    background: transparent;
    border-radius: 0;
    text-transform: capitalize;
    margin-right: 0;
    margin-top: 0;
  }

  .context-of-paymentpage table input[type="submit"]:hover {
    text-decoration: none;
    color: var(--black-primary);
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--black-primary);
    background: transparent;
    border-radius: 0;
    text-transform: capitalize;
    margin-right: 0;
    margin-top: 0;
  }

  .context-of-paymentpage table .quantity {
    display: flex;
    justify-content: flex-end;
  }

  .context-of-paymentpage table .quantity button {
    background-color: var(--black-primary);
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 14px;
    width: 30px;
    height: auto;
    text-align: center;
    transition: background-color 0.2s;
  }

  .context-of-paymentpage table .quantity button:hover {
    background-color: var(--black-primary);
  }

  .context-of-paymentpage table .input-box {
    width: 40px;
    text-align: center;
    padding: 2px 10px;
    font-size: 14px;
    outline: none;
    color: var(--red-primary);
    border: 1px solid var(--black-primary);
  }

  .context-of-paymentpage table .input-box::-webkit-inner-spin-button,
  .input-box::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  .context-of-paymentpage table .input-box[type="number"] {
    -moz-appearance: textfield;
  }

  .context-of-paymentpage table .total-cart {
    border-top: 1px solid var(--black-primary);
    border-bottom: 1px solid var(--black-primary);
  }

  .context-of-paymentpage table .total-cart td {
    padding-top: 50px;
  }

  .context-of-paymentpage .action-btn a {
    background: linear-gradient(to right, #fff, #ffffff);
    padding: 18px 32px;
    border-radius: 60px;
    font-family: var(--bold-font);
    color: var(--white-primary);
    text-transform: uppercase;
    text-decoration: none;
    font-size: 13px;
    border: 0;
  }

  .context-of-paymentpage .action-btn a:hover {
    background: linear-gradient(to right, #9d1f1a, #013a9b);
  }

  .context-of-paymentpage .review-table td:nth-child(1) {
    width: 60%;
    padding-right: 15px;
    text-align: left;
  }

  .orderinfo .title_h1 {
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 0px;
    text-align: left;
    padding: 20px 0px;
  }

  .orderinfosection {
    padding: 150px 0px 40px 0px;
  }

  .orderinfosection.sectiontwo {
    padding: 40px 0px 0px 0px;
  }

  .orderinfosection h2 {
    font-family: var(--regular-font);
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 0px;
    text-align: left;
    padding: 45px 0px 45px 0px;
    color: var(--red-primary);
  }

  .orderinfosection.sectiontwo h2 {
    padding: 20px 0px 45px 0px;
  }

  .orderinfo-table {
    width: 100%;
  }

  .formobonly {
    display: none;
  }

  .orderinfo-table td {
    font-family: var(--regular-font);
    color: var(--black-primary);
    text-align: left;
    font-weight: normal;
    padding-bottom: 24px;
    font-size: 14px;
    line-height: 21px;
    width: 80%;
  }

  .orderinfo-table th {
    font-family: var(--bold-font);
    color: var(--black-primary);
    text-align: left;
    font-weight: normal;
    padding-bottom: 24px;
    font-size: 14px;
    line-height: 21px;
    width: 20%;
  }

  .orderinfosection .container {
    border: 0;
  }

  .orderinfosection table {
    margin-top: 0;
  }

  .spacerforinfo {
    height: 60px;
  }

  .voicearticle_content {
    padding: 60px 0px 60px 0px;
  }

  .voicearticle_content .title_h3 {
    font-size: 42px;
    font-weight: 400;
    line-height: 52.4px;
    text-align: left;
    padding: 0;
    margin: 0;
    color: var(--red-primary);
    margin-bottom: 60px;
    font-family: var(--regular-font);
  }

  .voice_detail-content h4 {
    font-size: 24px;
    line-height: 33px;
    font-family: var(--bold-font);
    color: var(--red-primary);
    margin-bottom: 20px;
    text-align: left;
  }

  .voice_detail-content p {
    font-size: 13px;
    line-height: 21px;
    font-family: var(--regular-font);
    color: var(--black-primary);
    margin-bottom: 16px;
  }

  .voice_detail-content p:last-child {
    margin-bottom: 0;
  }

  .voice_detail-content.sectiontoppadding {
    padding-top: 60px;
  }

  #mobview {
    display: none;
  }

  .voicegrid_content .perspectives_card .job_title {
    height: 65px;
    min-height: 65px;
  }
}

@media (min-width:1500px) {
  .voicegrid_content .perspectives_card .job_title {
    height: 75px;
    min-height: 75px;
  }

  .voicepod .title_h1 {
    width: 90%;
  }

  .voicegrid_content .title_h3 {
    font-size: 72px;
    font-weight: 400;
    line-height: 86.4px;
    text-align: left;
    padding: 0;
    margin: 0;
    color: var(--red-primary);
    margin-bottom: 80px;
    font-family: var(--regular-font);
  }

  .voice-slider .slick-list {
    padding: 0 !important;
  }

  .voicegrid {
    position: relative;
  }

  .voicegrid .prev-slide-k {
    position: absolute;
    left: -5%;
    top: 45%;
  }

  .voicegrid .next-slide-k {
    position: absolute;
    right: -5%;
    top: 45%;
  }

  .voicegrid .prev-slide-k img {
    cursor: pointer;
    height: 42px;
    width: 42px;
  }

  .voicegrid .next-slide-k img {
    cursor: pointer;
    height: 42px;
    width: 42px;
  }

  .content-forblock {
    position: absolute;
    bottom: 0;
    padding: 35px;
    width: 100%
  }

  .content-forblock .title_h3 {
    color: var(--white-primary);
    font-family: var(--bold-font);
    margin-bottom: 10px;
    padding: 0;
    font-size: 60px;
    line-height: 72px;
  }

  .content-forblock .desc {
    font-family: var(--medium-font);
    font-size: 18px;
    line-height: 30px;
    text-align: left;
    color: var(--white-primary);
  }

  .content-forblock .aud-details {
    border-top: 1px solid var(--white-primary);
    margin-top: 16px;
    padding-top: 18px;
    display: flex;
    font-size: 14px;
    line-height: 24px;
    color: var(--white-primary);
    font-family: var(--medium-font);
    text-transform: uppercase;
  }

  .video_block .highlight a {
    font-size: 14px;
    line-height: 24px;
    color: #000000;
    font-family: var(--medium-font);
    position: absolute;
    top: 35px;
    left: 0px;
    text-decoration: none;
    font-weight: 700;
    white-space: nowrap;
  }

  .content-forblock .aud-details div {
    margin-right: 35px;
  }

  .overlayer {
    background: var(--black-primary);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    opacity: 0.5;
    border-radius: 10px;
  }

  .paymentpage .container {
    text-align: center;
  }

  .paymentpage .title_h1 {
    font-size: 60px;
    margin-bottom: 50px;
    text-align: center;
  }

  .paymentpage .action-btn a {
    background: linear-gradient(to right, #fff, #ffffff);
    padding: 22px 38px;
    border-radius: 60px;
    font-family: var(--bold-font);
    color: var(--white-primary);
    text-transform: uppercase;
    text-decoration: none;
    font-size: 18px;
    display: inline-block;
  }

  .paymentpage .action-btn a:hover {
    background: linear-gradient(to right, #9d1f1a, #013a9b);
  }

  .paymentpage .action-btn.trans a {
    background: white;
    padding: 22px 38px;
    border-radius: 60px;
    font-family: var(--bold-font);
    color: var(--black-primary);
    text-transform: uppercase;
    text-decoration: none;
    font-size: 18px;
    display: inline-block;
  }

  .paymentpage .action-btn.trans a:hover {
    color: var(--red-primary);
  }

  .paymentpagebilling {
    padding-bottom: 30px;
  }

  .paymentpagebilling .title_h1 {
    font-size: 60px;
    margin-bottom: 0px;
    text-align: left;
  }

  .billing-details input {
    font-size: 18px;
    line-height: 27px;
    font-family: var(--regular-font);
  }

  .billing-details select {
    font-size: 18px;
    line-height: 27px;
    font-family: var(--regular-font);
  }

  .billing-details input::placeholder {
    font-size: 18px;
    line-height: 27px;
    font-family: var(--regular-font);
  }

  .billing-details .submit-btnblock input[type="submit"] {
    background: linear-gradient(to right, #fff, #ffffff);
    padding: 22px 38px;
    border-radius: 60px;
    font-family: var(--bold-font);
    color: var(--white-primary);
    text-transform: uppercase;
    text-decoration: none;
    font-size: 18px;
  }

  .billing-details .submit-btnblock input[type="submit"]:hover {
    background: linear-gradient(to right, #9d1f1a, #013a9b);
  }

  .context-of-paymentpage {
    padding: 0px 0px 80px 0px;
  }

  .context-of-paymentpage .container>.row {
    border-top: 1px solid var(--black-primary);
  }

  .context-of-paymentpage form {
    padding-top: 60px;
  }

  .orderinfosection {
    padding: 180px 0px 40px 0px;
  }

  .orderinfosection.sectiontwo {
    padding: 40px 0px 40px 0px;
  }

  .orderinfosection h2 {
    font-family: var(--regular-font);
    font-size: 48px;
    line-height: 48px;
    margin-bottom: 0px;
    text-align: left;
    padding: 65px 0px 65px 0px;
    color: var(--red-primary);
  }

  .orderinfo-table {
    width: 100%;
  }

  .orderinfo-table td {
    font-family: var(--regular-font);
    color: var(--black-primary);
    text-align: left;
    font-weight: normal;
    padding-bottom: 30px;
    font-size: 20px;
    line-height: 30px;
    width: 75%;
  }

  .orderinfo-table th {
    font-family: var(--bold-font);
    color: var(--black-primary);
    text-align: left;
    font-weight: normal;
    padding-bottom: 30px;
    font-size: 20px;
    line-height: 30px;
    width: 25%;
  }

  .steps-payment .label {
    color: var(--black-primary);
    font-family: var(--extrabold-font);
    font-size: 18px;
    line-height: 27px;
    text-transform: uppercase;
    margin-bottom: 16px;
  }

  .steps-payment .steps-to {
    display: flex;
    list-style-type: none;
    padding: 0;
    align-items: center;
  }

  .steps-payment .steps-to li a {
    display: block;
    color: var(--black-primary);
    font-family: var(--medium-font);
    font-size: 18px;
    line-height: 27px;
    margin-right: 28px;
    text-decoration: none;
    text-transform: uppercase;
  }

  .steps-payment .steps-to li.active a {
    color: var(--red-primary);
    border-bottom: 1px solid var(--red-primary);
    padding-bottom: 0.25vw;
  }

  .steps-payment .steps-to li.hidden a {
    color: var(--grey-secondary);
    border-bottom: 0px solid var(--red-primary);
    padding-bottom: 0.25vw;
  }

  .arrowstep {
    margin-right: 28px;
    color: var(--grey-secondary);
  }

  .context-of-paymentpage .action-btn a {
    background: linear-gradient(to right, #fff, #ffffff);
    padding: 22px 38px;
    border-radius: 60px;
    font-family: var(--bold-font);
    color: var(--white-primary);
    text-transform: uppercase;
    text-decoration: none;
    font-size: 18px;
    display: block;
    width: max-content;
    border: 0;
    margin: 60px auto 0px auto;
  }

  .context-of-paymentpage .action-btn a:hover {
    background: linear-gradient(to right, #9d1f1a, #013a9b);
  }

  .context-of-paymentpage input[type="submit"] {
    background: linear-gradient(to right, #fff, #ffffff);
    padding: 22px 38px;
    border-radius: 60px;
    font-family: var(--bold-font);
    color: var(--white-primary);
    text-transform: uppercase;
    text-decoration: none;
    font-size: 18px;
    display: block;
    width: max-content;
    border: 0;
    margin: 60px auto 0px auto;
  }

  .context-of-paymentpage input[type="submit"]:hover {
    background: linear-gradient(to right, #9d1f1a, #013a9b);
  }

  .context-of-paymentpage table {
    margin-top: 50px;
  }

  .context-of-paymentpage table th {
    font-family: var(--bold-font);
    color: var(--grey-secondary);
    text-align: right;
    font-weight: normal;
    padding-bottom: 50px;
    font-size: 18px;
    line-height: 27px;
  }

  .context-of-paymentpage table th:nth-child(1) {
    text-align: left;
  }

  .context-of-paymentpage table td {
    font-family: var(--bold-font);
    color: var(--black-primary);
    text-align: right;
    font-weight: normal;
    padding-bottom: 60px;
    font-size: 20px;
    line-height: 30px;
  }

  .context-of-paymentpage table td:nth-child(1) {
    width: 42%;
    padding-right: 15px;
    text-align: left;
  }

  .context-of-paymentpage table a {
    text-decoration: none;
    color: var(--black-primary);
    padding-bottom: 5px;
    border-bottom: 1px solid var(--black-primary);
  }

  .context-of-paymentpage table input[type="submit"] {
    text-decoration: none;
    color: var(--black-primary);
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--black-primary);
    background: transparent;
    border-radius: 0;
    text-transform: capitalize;
    margin-right: 0;
    margin-top: 0;
  }

  .context-of-paymentpage table input[type="submit"]:hover {
    text-decoration: none;
    color: var(--black-primary);
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--black-primary);
    background: transparent;
    border-radius: 0;
    text-transform: capitalize;
    margin-right: 0;
    margin-top: 0;
  }

  .context-of-paymentpage table .quantity {
    display: flex;
    justify-content: flex-end;
  }

  .formobonly {
    display: none;
  }

  .context-of-paymentpage table .quantity button {
    background-color: var(--black-primary);
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 20px;
    width: 30px;
    height: auto;
    text-align: center;
    transition: background-color 0.2s;
  }

  .context-of-paymentpage table .quantity button:hover {
    background-color: var(--black-primary);
  }

  .context-of-paymentpage table .input-box {
    width: 40px;
    text-align: center;
    padding: 2px 10px;
    font-size: 16px;
    outline: none;
    color: var(--red-primary);
    border: 1px solid var(--black-primary);
  }

  .context-of-paymentpage table .input-box::-webkit-inner-spin-button,
  .input-box::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  .context-of-paymentpage table .input-box[type="number"] {
    -moz-appearance: textfield;
  }

  .context-of-paymentpage table .total-cart {
    border-top: 1px solid var(--black-primary);
    border-bottom: 1px solid var(--black-primary);
  }

  .context-of-paymentpage table .total-cart td {
    padding-top: 50px;
  }

  .context-of-paymentpage .action-btn a {
    background: linear-gradient(to right, #fff, #ffffff);
    padding: 22px 38px;
    border-radius: 60px;
    font-family: var(--bold-font);
    color: var(--white-primary);
    text-transform: uppercase;
    text-decoration: none;
    font-size: 18px;
    border: 0;
  }

  .context-of-paymentpage .action-btn a:hover {
    background: linear-gradient(to right, #9d1f1a, #013a9b);
  }

  .context-of-paymentpage .review-table td:nth-child(1) {
    width: 60%;
    padding-right: 15px;
    text-align: left;
  }

  .orderinfo .title_h1 {
    font-size: 48px;
    line-height: 48px;
    margin-bottom: 0px;
    text-align: left;
    padding: 30px 0px;
  }

  .orderinfosection .container .row {
    border: 0;
  }

  .orderinfosection table {
    margin-top: 0;
  }

  .spacerforinfo {
    height: 80px;
  }

  .orderinfosection.sectiontwo h2 {
    padding: 25px 0px 65px 0px;
  }

  .voicearticle_content {
    padding: 80px 0px 80px 0px;
  }

  .voicearticle_content .title_h3 {
    font-size: 72px;
    font-weight: 400;
    line-height: 86.4px;
    text-align: left;
    padding: 0;
    margin: 0;
    color: var(--red-primary);
    margin-bottom: 80px;
    font-family: var(--regular-font);
  }

  .voice_detail-content h4 {
    font-size: 36px;
    line-height: 45px;
    font-family: var(--bold-font);
    color: var(--red-primary);
    margin-bottom: 40px;
    text-align: left;
  }

  .voice_detail-content p {
    font-size: 18px;
    line-height: 27px;
    font-family: var(--regular-font);
    color: var(--black-primary);
    margin-bottom: 16px;
  }

  .voice_detail-content p:last-child {
    margin-bottom: 0;
  }

  .voice_detail-content.sectiontoppadding {
    padding-top: 80px;
  }

  #mobview {
    display: none;
  }
}

@media (max-width:767px) {
  .voice-slider .slick-list {
    padding: 0 !important;
  }

  .voicegrid {
    margin-bottom: 0 !important;
  }

  .voicegrid_content .title_h3 {
    color: var(--red-primary);
    margin-bottom: 8vw;
    margin-top: 2vw;
    font-family: var(--bold-font);
    font-size: 7.5vw;
    line-height: 9.3vw;
    text-align: left;
  }

  .voicegrid_content .perspectives_card_content .job_desc {
    height: 13.5vw;
    overflow-y: hidden;
  }

  .voicegrid .prev-slide-k {
    display: none !important;
  }

  .voicegrid .next-slide-k {
    display: none !important;
  }

  .content-forblock {
    position: absolute;
    bottom: 0;
    padding: 5vw;
  }

  .content-forblock .title_h3 {
    color: var(--white-primary);
    font-family: var(--bold-font);
    margin-bottom: 3vw;
    padding: 0;
    font-size: 8.8vw !important;
    line-height: 11.6vw !important;
  }

  .media_press_tabcontent .tab_title_h3 {
    font-size: 6.8vw;
    line-height: 8.6vw;
    margin-top: 20px;
    color: var(--red-primary) !important;
    font-family: var(--medium-font);
  }

  .voicegrid_content .tab_content p {
    font-family: var(--regular-font);
    font-size: 3.8vw !important;
    line-height: 5.6vw !important;
  }

  .content-forblock .desc {
    font-family: var(--medium-font);
    font-size: 3.2vw;
    line-height: 4.4vw;
    text-align: left;
    color: var(--white-primary);
  }

  .content-forblock .aud-details {
    border-top: 1px solid var(--white-primary);
    margin-top: 1vw;
    padding-top: 4vw;
    display: flex;
    font-size: 3vw;
    line-height: 4.2vw;
    color: var(--white-primary);
    font-family: var(--medium-font);
    text-transform: uppercase;
  }

  .content-forblock .aud-details div {
    margin-right: 3vw;
  }

  .video_block .highlight a {
    font-size: 3vw;
    line-height: 4.2vw;
    color: #000000;
    font-family: var(--medium-font);
    position: absolute;
    top: 5vw;
    left: 0vw;
    text-decoration: none;
    white-space: nowrap;
  }

  .overlayer {
    background: var(--black-primary);
    height: 80vw !important;
    width: 100%;
    position: absolute;
    top: 0;
    opacity: 0.5;
    border-radius: 10px;
  }

  .paymentpage {
    padding: 60vw 0vw 30vw 0vw;
  }

  .paymentpage .container {
    text-align: center;
  }

  .paymentpage .title_h1 {
    font-size: 7.5vw;
    line-height: 9.3vw;
    color: var(--red-primary);
    width: 100%;
    margin-bottom: 12vw;
    font-family: var(--bold-font);
    text-align: center;
  }

  .paymentpage .action-btn a {
    background: linear-gradient(to right, #fff, #ffffff);
    font-size: 3.4vw;
    line-height: 4.6vw;
    font-family: var(--bold-font);
    color: var(--white-primary);
    padding: 4.6vw 5.8vw;
    border-radius: 8vw;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    width: 90%;
  }

  .paymentpage .action-btn a:hover {
    background: linear-gradient(to right, #9d1f1a, #013a9b);
  }

  .paymentpage .action-btn.trans a {
    background: var(--white-primary);
    font-size: 3.4vw;
    line-height: 4.6vw;
    font-family: var(--bold-font);
    color: var(--black-primary);
    padding: 4.6vw 5.8vw;
    width: max-content;
    border-radius: 8vw;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
  }

  .paymentpage .action-btn.trans a:hover {
    color: var(--red-primary);
  }

  .steps-payment .label {
    font-size: 4.2vw;
    line-height: 5.4vw;
    font-family: var(--bold-font);
    color: var(--black-primary);
    margin-bottom: 5vw;
  }

  .steps-payment .steps-to {
    display: flex;
    list-style-type: none;
    padding: 0;
    align-items: center;
    margin-bottom: 0;
    width: 100%;
    overflow-x: auto;
  }

  .steps-payment .steps-to::-webkit-scrollbar {
    display: none;
  }

  .steps-payment .steps-to li a {
    display: block;
    color: var(--black-primary);
    font-family: var(--medium-font);
    font-size: 3.6vw;
    line-height: 4.8vw;
    text-decoration: none;
    text-transform: uppercase;
    margin-right: 2.75vw;
    margin-bottom: 1.75vw;
    width: max-content;
  }

  .steps-payment .steps-to li.active a {
    color: var(--red-primary);
    border-bottom: 1px solid var(--red-primary);
    padding-bottom: 0.25vw;
  }

  .steps-payment .steps-to li.hidden a {
    color: var(--grey-secondary);
    border-bottom: 0px solid var(--red-primary);
    padding-bottom: 0.25vw;
  }

  .arrowstep {
    margin-right: 3vw;
    margin-top: -3vw;
    color: var(--grey-secondary);
  }

  .context-of-paymentpage .action-btn a {
    background: linear-gradient(to right, #fff, #ffffff);
    border-radius: 8.5vw;
    height: max-content;
    padding: 5.4vw 6.25vw 5.4vw 6.25vw;
    font-size: 3.4vw;
    line-height: 4.6vw;
    width: 100%;
    margin-bottom: 3vw;
    text-align: center;
    text-transform: uppercase;
  }

  .context-of-paymentpage .action-btn a:hover {
    background: linear-gradient(to right, #9d1f1a, #013a9b);
  }

  .context-of-paymentpage input[type="submit"] {
    background: linear-gradient(to right, #fff, #ffffff);
    border-radius: 8.5vw;
    height: max-content;
    padding: 5.4vw 6.25vw 5.4vw 6.25vw;
    font-size: 3.4vw;
    line-height: 4.6vw;
    width: 100%;
    margin-bottom: 3vw;
    text-align: center;
    text-transform: uppercase;
  }

  .context-of-paymentpage input[type="submit"]:hover {
    background: linear-gradient(to right, #9d1f1a, #013a9b);
  }

  #deskview {
    display: none;
  }

  .context-of-paymentpage table {
    margin-top: 0;
  }

  .context-of-paymentpage table tr {
    margin-bottom: 5vw;
    padding-bottom: 3vw;
    vertical-align: text-top;
  }

  .context-of-paymentpage table th {
    font-family: var(--bold-font);
    color: var(--grey-secondary);
    text-align: left;
    font-weight: normal;
    padding-bottom: 5vw;
    font-size: 3.2vw;
    line-height: 4.4vw;
  }

  .context-of-paymentpage table th:nth-child(1) {
    text-align: right;
    padding-right: 6vw;
  }

  .context-of-paymentpage table td {
    font-family: var(--bold-font);
    color: var(--black-primary);
    text-align: left;
    font-weight: normal;
    padding-bottom: 5vw;
    font-size: 3.2vw;
    line-height: 4.4vw;
  }

  .context-of-paymentpage table a {
    text-decoration: none;
    color: var(--black-primary);
    padding-bottom: 5px;
    border-bottom: 1px solid var(--black-primary);
  }

  .context-of-paymentpage table input[type="submit"] {
    text-decoration: none;
    color: var(--black-primary);
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--black-primary);
    background: transparent !important;
    border-radius: 0;
    text-transform: capitalize;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    width: max-content;
  }

  .context-of-paymentpage table input[type="submit"]:hover {
    text-decoration: none;
    color: var(--black-primary);
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--black-primary);
    background: transparent !important;
    border-radius: 0;
    text-transform: capitalize;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    width: max-content;
  }

  .context-of-paymentpage table .quantity {
    display: flex;
    justify-content: flex-start;
  }

  .context-of-paymentpage table .quantity button {
    background-color: var(--black-primary);
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 3.2vw;
    width: 6vw;
    height: auto;
    text-align: center;
    transition: background-color 0.2s;
    border-radius: 0;
  }

  .context-of-paymentpage table .quantity button:hover {
    background-color: var(--black-primary);
  }

  .context-of-paymentpage table .input-box {
    width: 6.5vw;
    text-align: center;
    padding: 0.5vw 2vw;
    font-size: 3.2vw;
    outline: none;
    color: var(--red-primary);
    border: 1px solid var(--black-primary);
    border-radius: 0;
  }

  .context-of-paymentpage table .input-box::-webkit-inner-spin-button,
  .input-box::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
  }

  .context-of-paymentpage table .input-box[type="number"] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    ;
  }

  .context-of-paymentpage table .total-cart {
    border-top: 1px solid var(--black-primary);
    border-bottom: 1px solid var(--black-primary);
  }

  .context-of-paymentpage table .total-cart th {
    padding-bottom: 0;
  }

  .context-of-paymentpage table .total-cart td {
    padding-top: 3vw;
    padding-bottom: 3vw;
  }

  .context-of-paymentpage table td.sep {
    height: 8vw;
  }

  .context-of-paymentpage table.review-table td.sep {
    height: 8vw;
    padding: 0;
  }

  .context-of-paymentpage .action-btn a {
    background: linear-gradient(to right, #fff, #ffffff) !important;
    color: var(--white-primary);
    border-radius: 8.5vw;
    height: max-content;
    padding: 5.4vw 6.25vw 5.4vw 6.25vw;
    font-size: 3.4vw;
    line-height: 4.6vw;
    width: 100%;
    margin-bottom: 3vw;
    text-align: center;
    display: block;
    text-decoration: none;
    font-family: var(--bold-font) !important;
    margin: 8vw 0vw 16vw 0vw;
  }

  .context-of-paymentpage .action-btn a:hover {
    background: linear-gradient(to right, #9d1f1a, #013a9b);
  }

  .context-of-paymentpage input[type="submit"] {
    background: linear-gradient(to right, #fff, #ffffff) !important;
    color: var(--white-primary);
    border-radius: 8.5vw;
    height: max-content;
    padding: 5.4vw 6.25vw 5.4vw 6.25vw;
    font-size: 3.4vw;
    line-height: 4.6vw;
    width: 100%;
    margin-bottom: 3vw;
    text-align: center;
    display: block;
    text-decoration: none;
    font-family: var(--bold-font) !important;
    margin: 8vw 0vw 16vw 0vw;
    border: 0;
  }

  .context-of-paymentpage input[type="submit"]:hover {
    background: linear-gradient(to right, #9d1f1a, #013a9b);
  }

  .orderinfosection {
    padding: 30vw 0vw 5vw 0vw;
  }

  .orderinfosection.sectiontwo {
    padding: 5vw 0vw 5vw 0vw;
  }

  .orderinfosection .title_h1 {
    padding: 5.5vw 0vw 5.5vw 0vw;
    color: var(--red-primary);
    font-family: var(--bold-font);
    font-size: 9vw;
  }

  .orderinfo-table td {
    font-family: var(--regular-font);
    color: var(--black-primary);
    text-align: left;
    font-weight: normal;
    padding-bottom: 5vw;
    font-size: 3.2vw;
    line-height: 4.4vw;
    width: 50%;
  }

  .orderinfo-table th {
    font-family: var(--bold-font);
    color: var(--black-primary);
    text-align: left;
    font-weight: normal;
    padding-bottom: 5vw;
    font-size: 3.2vw;
    line-height: 4.4vw;
    width: 50%;
  }

  .spacerforinfo {
    height: 15vw;
  }

  .formobonly {
    display: block;
  }

  .steps-payment .steps-to {
    margin-top: 3vw !important;
  }

  .billing-details {
    margin-top: 3vw !important;
  }

  .review-table {
    margin-top: 3vw !important;
  }

  .voicearticle_content {
    padding: 5vw 0vw;
  }

  .voicearticle_content .title_h3 {
    color: var(--red-primary);
    margin-bottom: 8vw;
    margin-top: 2vw;
    font-family: var(--bold-font);
    font-size: 7.5vw;
    line-height: 9.3vw;
    text-align: left;
  }

  .voice_detail-content h4 {
    font-size: 4.8vw;
    line-height: 5.8vw;
    font-family: var(--bold-font);
    color: var(--red-primary);
    margin-bottom: 3vw;
  }

  .voice_detail-content p {
    font-size: 3.6vw;
    line-height: 4.8vw;
    font-family: var(--regular-font);
    color: var(--black-primary);
    margin-bottom: 6vw;
  }

  .voice_detail-content p:last-child {
    margin-bottom: 0;
  }

  .voice_detail-content.sectiontoppadding {
    padding-top: 6vw;
  }

  .review-table td:nth-child(1) {
    padding-right: 6vw;
  }

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

.recent_newsletters-section .newsletter_card .newsletter_card_content .fee {
  display: flex;
  justify-content: right;
}

.recent_newsletters-section .newsletter_card .newsletter_card_content .fee a {
  pointer-events: none;
}

.perspectives-main-content .perspectives_card .action-btn .fee a {
  pointer-events: none;
}

.main-banner-text .carousel-item {
  transition: none !important;
}

@media (min-width:690px) and (max-width:767px) {
  .banner-nasscom .down-arrow img {
    width: 40px;
    height: 40px;
  }

  .down-arrow {
    position: absolute;
    bottom: -38px;
    left: 46%;
  }

  .banner-nasscom .row {
    position: absolute;
    bottom: 12%;
    padding-top: 0;
    width: 100%;
    left: 20px;
  }

  .main-banner-text h2 {
    font-size: 34.59px;
    line-height: 44.97px;
    text-align: center;
    height: max-content;
    justify-content: center;
  }

  .header_home .top-head {
    background: #fff;
    padding: 10px 30px;
    border-radius: 0vw;
  }

  .header_home .top-head .mainlogo {
    width: 164px;
  }
  .header_home .top-head .mainlogo img
  {
  	width: auto;
  	height: 60px;
  }

  .hamburger_icon {
    position: absolute;
    top: 18px;
    right: 3%;
    display: block;
  }

  .hamburger_icon .toggle_icon {
    width: 38px;
    filter: invert(1);
  }

  .header_home .bottom-head .rightblock .rightmenu {
    margin-top: 0;
  }

  .mobilemenu_logo img {
    width: 164px;
    filter: brightness(0) invert(1);
  }

  .hamburger_icon .close_icon {
    width: 38px;
  }

  .mobilemenu_logo {
    padding: 25px 30px;
  }

  .nsm_navbar-inner li {
    padding: 25px 0px;
    text-align: left;
  }

  .nsm_navbar-inner li a {
    font-size: 13px;
    line-height: 14px;
  }

  .nsm_navbar-inner {
    margin: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .nsm_navbar-moreinner li a {
    font-size: 13px;
    line-height: 14px;
  }

  .nsm_navbar-moreinner li {
    padding: 25px 45px 25px 0px;
    text-align: left;
    width: max-content;
    display: inline-block;
  }

  .nsm_navbar-inner .dropdown_menu li a {
    font-size: 13px;
    line-height: 14px;
  }

  .nsm_navbar-inner .dropdown_menu li {
    padding: 20px 30px 20px 0px;
    text-align: left;
    width: max-content;
    display: inline-block;
  }

  .header_home .bottom-head .rightmenu ul {
    line-height: 0;
  }

  .header_home .row .bottom-head {
    background: linear-gradient(to bottom, #0251c3, #002c83);
    padding: 10px 25px 10px 25px;
  }

  .header_home .bottom-head .iconblock li {
    line-height: 0;
  }

  .header_home .bottom-head .rightmenu ul li a {
    font-size: 12px;
    line-height: 14px;
  }

  .header_home .bottom-head .rightmenu ul li {
    margin-left: 0;
    margin-right: 36px;
  }

  .header_home .bottom-head .iconblock li a {
    font-size: 12px;
    line-height: 14px;
  }

  .banner-nasscom .action-btn a {
    font-family: var(--bold-font);
    width: max-content;
    margin: 10px auto;
    padding: 18px 25px 18px 25px;
    font-size: 14px;
    line-height: 17.5px;
    margin-bottom: 10px;
    border-radius: 60px;
  }

  .key-insights .title_h4 {
    font-size: 30px;
    line-height: 37.5px;
  }

  .key-insights .view-btn {
    font-size: 14px;
    line-height: 21px;
    margin-top: 10px;
  }

  .key-insights .pb-5 {
    padding-bottom: 40px !important;
  }

  .key-insights {
    background: var(--white-primary);
    padding: 50px 0px 50px 0px;
  }

  .key-insights img {
    width: 100%;
    height: 85vw;
    object-fit: cover;
    border-radius: 10px;
    margin-bottom: 20px;
  }

  .key-insights .title_h5 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
    width: 90%;
  }

  .key-insights .desc {
    font-size: 14px;
    line-height: 21px;
  }

  .key-insights .desc p {
    margin-bottom: 20px;
  }

  .key-insights .action-btn {
    position: static;
    margin-top: 30px;
  }

  .key-insights .action-btn a {
    font-family: var(--bold-font);
    width: max-content;
    padding: 18px 25px 18px 25px;
    font-size: 14px;
    line-height: 17.5px;
    margin-bottom: 20px;
    border-radius: 60px;
  }

  .nasscom-konnect .outline-btn {
    padding: 18px 25px 18px 25px;
    font-size: 14px;
    line-height: 17.5px;
    margin-bottom: 20px;
    border-radius: 10px;
    width: 35%;
  }

  .banner-nasscom {
    height: 829px;
  }

  #myVideo {
    height: 829px;
  }

  .banner-nasscom::after {
    height: 829px;
  }

  #myVideo {
    top: 50%;
  }

  .nasscom-konnect {
    padding: 50px 0px 50px 0px;
  }

  .nasscom-konnect .title_h3 {
    font-size: 30px;
    line-height: 37.5px;
  }

  .nasscom-konnect .konnect-card .card-title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
  }

  .nasscom-konnect .konnect-card .card-desc {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 30px;
  }

  .home-konnect {
    margin-bottom: 80px;
  }

  .nasscom-konnect .konnect-card .card-details {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 40px;
  }

  .nasscom-konnect .outline-btn {
    font-size: 14px;
    line-height: 21px;
    padding: 20px 30px 20px 30px;
    border: 2px solid;
  }

  .nasscom-konnect .view-btn {
    font-size: 14px;
    line-height: 21px;
    float: none;
    margin-top: 10px;
  }

  .news-us .title_h4 {
    font-size: 30px;
    line-height: 37.5px;
  }

  .news-us .news-slider {
    margin-top: 20px;
    margin-bottom: 60px;
  }

  .news-us .view-btn {
    font-size: 14px;
    line-height: 21px;
    float: none;
    margin-top: 10px;
  }

  .news-card .image-block {
    margin-top: 0;
  }

  .news-us .news-slider .news-title {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 5px;
  }

  .news-slider .slick-dots li button:before {
    height: 16px;
    width: 16px;
    border: 0.4vw solid var(--red-primary);
  }

  .news-us .news-slider .news-desc {
    font-size: 14px;
    line-height: 21px;
  }

  .nasscom-konnect .konnect-card img {
    margin-top: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
  }

  .news-us .news-slider img {
    width: 100%;
    height: 85vw;
    object-fit: cover;
    border-radius: 10px;
    margin-bottom: 20px;
  }

  .news-us {
    padding: 50px 0px 50px 0px;
  }

  .dedicated-goals-mobile .title_h4 {
    font-size: 30px;
    line-height: 37.5px;
    margin-bottom: 50px;
  }

  .dedicated-goals-mobile {
    padding: 50px 0px 50px 0px;
  }

  .dedicated-goals-mobile .goal-card .title_h5 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 30px;
    padding-bottom: 30px;
  }

  .dedicated-goals-mobile .goal-card .content-pointer {
    margin-bottom: 30px;
  }

  .dedicated-goals-mobile .goal-card .content-pointer span {
    font-size: 16px;
    line-height: 24px;
    font-family: var(--medium-font);
  }

  .dedicated-goals-mobile .goal-card .content-pointer {
    font-size: 16px;
    line-height: 24px;
  }

  .nasscom-bcmember {
    padding: 50px 0px 60px 0px;
  }

  .nasscom-bcmember .title_h4 {
    font-size: 30px;
    line-height: 37.5px;
  }

  .nasscom-bcmember .view-btn {
    font-size: 14px;
    line-height: 21px;
    float: none;
    margin-top: 10px;
  }

  .nasscom-bcmember .pb-5 {
    padding-bottom: 40px !important;
  }

  .nasscom-bcmember .action-btn {
    position: static;
    margin-top: 30px;
  }

  .nasscom-bcmember .desc {
    font-size: 14px;
    line-height: 21px;
  }

  .nasscom-bcmember .pb-5 {
    padding-bottom: 50px;
  }

  .nasscom-bcmember .action-btn a {
    font-size: 14px;
    line-height: 17.5px;
    padding: 20px 30px 20px 30px;
  }

  .nsm-button-row {
    margin-bottom: 20px;
    display: block;
  }

  #strategic-imperative {
    padding: 80px 0px 40px 0px;
  }

  .nsm_strategic-section .title_h3 {
    font-size: 30px;
    line-height: 37.5px;
  }

  .nsm_strategic-section .nsm_strat-slider .item-block .block-title {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 12px;
  }

  .nsm_strategic-section .nsm_strat-slider .item-block .block-desc {
    font-size: 12px;
    line-height: 19px;
  }

  .about-intro {
    padding: 140px 0px 100px 0px;
  }

  .about-intro .title_h1 {
    font-size: 30px;
    line-height: 37.5px;
  }

  .about-intro .nsm_context {
    font-size: 14px;
    line-height: 21px;
  }

  .nsm-button-row .outline-btn {
    padding: 18px 25px 18px 25px;
    font-size: 14px;
    line-height: 17.5px;
    margin-bottom: 20px;
    border-radius: 6px;
  }

  .nsm_spirit-nasscom {
    padding: 80px 0px 80px 0px;
  }

  .nsm_spirit-nasscom .title_h3 {
    font-size: 30px;
    line-height: 37.5px;
  }

  .nsm_spirit-nasscom ul li {
    font-size: 20px;
    line-height: 30px;
  }

  .nsm_path-traveled {
    padding: 80px 0px;
  }

  .nsm_path-traveled .title_h3 {
    font-size: 30px;
    line-height: 37.5px;
  }

  .nsm_pathcontext-block {
    padding: 30px;
  }

  .nsm_pathimage-block .nsm_path-year {
    font-size: 30px;
    line-height: 37.5px;
  }

  .nsm_pathcontext-block .sub-title {
    font-size: 12px;
    line-height: 24px;
    margin-bottom: 20px;
  }

  .nsm_pathcontext-block .title_h4 {
    font-size: 30px;
    line-height: 37.5px;
    padding: 20px 0px;
    margin-bottom: 20px;
  }

  .nsm_pathcontext-block .desc {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 10px;
  }

  .event_detail-intro .rd-btn_light {
    padding: 18px 25px 18px 25px;
    font-size: 14px;
    line-height: 17.5px;
    margin-bottom: 20px;
    border-radius: 60px;
  }

  .policy-sep {
    height: 1px;
    width: 100%;
    background: var(--black-primary);
    margin: 25px 0px -25px 0px;
  }

  .event_detail-intro {
    padding-bottom: 20px !important;
  }

  .key_finding-section .container {
    padding: 0px 15px;
  }

  form input {
    padding: 18px 25px 18px 25px;
    font-size: 14px;
    line-height: 17.5px;
    margin-bottom: 10px;
    border-radius: 0;
  }

  form input::placeholder {
    color: var(--black-primary) !important;
    font-family: var(--regular-font);
    font-size: 14px;
    line-height: 17.5px;
    margin-bottom: 10px;
  }

  form input[type="file"] {
    background-image: url(themes/custom/inoatheme/images/lucide_upload.svg);
    background-size: 30px;
    background-position: calc(100% - 15px) calc(100% - 16px);
    background-repeat: no-repeat;
    color: transparent;
    cursor: pointer;
    margin-bottom: 8px;
  }

  form input[type="submit"] {
    padding: 18px 25px 18px 25px;
    font-size: 14px;
    line-height: 17.5px;
    margin-bottom: 20px;
    border-radius: 60px;
  }

  form select {
    padding: 18px 25px 18px 25px;
    font-size: 14px;
    line-height: 17.5px;
    margin-bottom: 10px;
    border-radius: 0;
  }

  select {
    background-size: 18px !important;
    background-position: calc(100% - 18px) 18px !important;
  }

  .nsm_membership_section h4 {
    font-size: 30px;
    line-height: 37.5px;
  }

  .nsm_membership_section .sub_text {
    font-size: 24px;
    line-height: 28.5px;
  }

  .nsm_membership_section {
    padding: 20px 0px 80px 0px;
  }

  .submit-btnblock input[type="submit"] {
    padding: 18px 25px 18px 25px;
    font-size: 14px;
    line-height: 17.5px;
    margin-bottom: 10px;
    border-radius: 60px;
  }

  .calculate-btn .rd-btn {
    padding: 18px 25px 18px 25px !important;
    font-size: 14px;
    line-height: 17.5px;
    margin-bottom: 10px;
    border-radius: 60px;
  }

  .container-checkbox {
    font-size: 12px;
    line-height: 19px;
  }

  .container-checkbox .checkmark {
    height: 16px;
    width: 16px;
  }

  .container-checkbox .checkmark:after {
    left: 5px;
    top: 0.2vw;
    width: 6px;
    height: 10px;
  }

  #fileLabel {
    font-size: 14px;
    line-height: 17.5px;
  }

  #fileLabel2 {
    font-size: 14px;
    line-height: 17.5px;
  }

  .perspectives_card .action-btn .category a {
    font-size: 12px;
    line-height: 19px;
  }

  .perspectives_card img {
    width: 100%;
    height: 360px;
    object-fit: cover;
    border-radius: 10px 10px 0px 0px;
  }

  .perspectives_card .perspectives_card_content {
    border-radius: 0px 0px 10px 10px;
  }

  .event_detail-content h4 {
    font-size: 30px;
    line-height: 37.5px;
    margin-bottom: 30px !important;
  }

  .event_detail-content ul li {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 21px;
    font-family: var(--regular-font);
    color: var(--black-primary);
  }

  .nsm_context label {
    margin-bottom: 0;
    font-size: 14px !important;
    line-height: 21px !important;
    font-family: var(--regular-font);
    color: var(--black-primary);
  }

  .event_detail-content p {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 10px;
  }

  .event_detail-content .nsm_context.join_context {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 10px;
  }

  .page-intro .title_h1 {
    font-size: 30px;
    line-height: 37.5px;
  }

  .page-intro.careerpage {
    padding: 140px 0px 40px 0px;
  }

  .page-intro {
    padding: 140px 0px 100px 0px;
  }

  .careerpage .title_h3 {
    font-size: 20px;
    line-height: 24px;
  }

  .page-intro .nsm_context {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 30px;
  }

  .careerpage .rd-btn {
    padding: 18px 25px 18px 25px;
    font-size: 14px;
    line-height: 17.5px;
    margin-bottom: 20px;
    border-radius: 60px;
  }

  .nsm_focusarea-section .title_h3 {
    font-size: 30px;
    line-height: 37.5px;
    margin-bottom: 30px;
  }

  .nsm_focusarea-section .nsm_focusarea-slider .item-block .block-title {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 20px;
  }

  .nsm_focusarea-section .nsm_focusarea-slider .item-block .block-desc {
    font-size: 14px;
    line-height: 21px;
  }

  .nsm_focusarea-section {
    padding: 80px 0px 20px 0px;
  }

  .key_finding-section#policypage {
    padding: 40px 0px 40px 0px;
  }

  .key_finding-section .title_h3 {
    font-size: 30px;
    line-height: 37.5px;
  }

  .nsm_faq_section {
    padding: 60px 0px 60px 0px;
  }

  .nsm_faq_section .title_h3 {
    font-size: 30px;
    line-height: 37.5px;
    margin-bottom: 30px;
  }

  .nsm_faq_section .accordion-item .accordion-button {
    background: var(--red-primary);
    border-radius: 10px !important;
    color: var(--white-primary);
    box-shadow: none;
    font-size: 14px;
    line-height: 21px;
    font-family: var(--bold-font);
    padding: 20px 25px;
  }

  .nsm_faq_section .accordion-body {
    font-size: 12px;
    line-height: 19px;
  }

  .accordion-button::after {
    background-size: 20px;
    height: 24px;
  }

  .accordion-button:not(.collapsed)::after {
    background-size: 20px;
    height: 24px;
  }

  .perspectives_card .job_title {
    font-size: 14px;
    line-height: 21px;
    padding: 20px 20px 0px 20px;
    margin-bottom: 10px;
  }

  .perspectives_card .job_desc {
    font-size: 12px;
    line-height: 19px;
    padding: 0px 20px;
    margin-bottom: 10px;
  }

  .perspectives_card .action-btn {
    padding: 10px 20px;
  }

  .perspectives_card .action-btn .postdate {
    font-size: 12px;
    line-height: 19px;
  }

  .perspectives_card .action-btn .fee a {
    font-size: 12px;
    line-height: 19px;
  }

  .event_detail-content {
    padding: 30px 0px 60px 0px;
  }

  .event_detail-content h5 {
    font-size: 22px;
    line-height: 28px;
  }

  .event_detail-intro .nsm_event_detail_date p {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 28px;
  }

  .mobilehead_tab .nav-link {
    font-size: 16px;
    line-height: 24px;
  }

  .perspectives-main-content .tabs-nav select {
    font-size: 14px;
    line-height: 21px;
  }

  .mobilehead_tab li {
    margin-bottom: 30px;
  }

  #mobile_tab {
    display: block;
    padding-top: 40px;
    margin-top: 0;
    border-top: 1px solid var(--black-primary);
  }

  .mobile_tabitems_block li a {
    font-size: 14px;
    line-height: 21px;
  }

  .mobile_tabitems_block li.active a {
    padding-bottom: 10px;
  }

  .eventintro {
    padding-bottom: 0;
  }

  .market-industry-intro {
    padding: 140px 0px 40px 0px;
  }

  .market-industry-intro .title_h1 {
    font-size: 30px;
    line-height: 37.5px;
  }

  .market-industry-intro .nsm_context {
    font-size: 14px;
    line-height: 21px;
  }

  .tabs-content .image-block img {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 0px;
  }

  .tabs-content .rd-btn {
    padding: 18px 25px 18px 25px;
    font-size: 14px;
    line-height: 17.5px;
    margin-bottom: 20px;
    border-radius: 60px;
  }

  .market-industry-main-content .tabs-content .content-block .inner-context {
    font-size: 14px;
    line-height: 21px;
  }

  .market-industry-main-content .tabs-content .content-block a {
    color: var(--red-primary);
    text-align: left;
    padding: 0;
    font-size: 14px;
    line-height: 21px;
  }

  .market-industry-main-content .tabs-content .main-title h3 {
    font-size: 30px;
    line-height: 37.5px;
  }

  .market-industry-main-content .tabs-content .main-title p {
    font-size: 18px;
    line-height: 24px;
  }

  .contact-main-content .tabs-content .heading {
    font-size: 14px;
    line-height: 21px;
  }

  .contact-main-content .tabs-content .desc {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 20px;
  }

  .reachus {
    padding-bottom: 0;
  }

  .people-card .name {
    font-size: 14px;
    line-height: 21px;
    color: var(--black-primary);
    font-family: var(--bold-font);
    margin-bottom: 5px;
  }

  .people-card .desg {
    font-size: 14px;
    line-height: 21px;
  }

  .mediapresscontent .col-md-8 h4 {
    color: var(--red-primary);
    margin-bottom: 20px;
    margin-top: 15px;
    font-family: var(--bold-font);
    font-size: 30px;
    line-height: 37.5px;
  }

  .media_kit_card h3 {
    font-size: 20px;
    line-height: 24px;
    font-family: var(--bold-font);
    margin-top: 20px;
  }

  .mediapresscontent .col-md-8 p {
    font-family: var(--regular-font);
    font-size: 14px;
    line-height: 21px;
  }

  .recent_newsletters-section {
    padding: 20px 0px;
  }

  .membership_form_single {
    padding-bottom: 0;
  }

  #members_listing .tabs-nav {
    padding: 0;
    margin-bottom: 1vw;
    height: auto;
    padding-top: 20px;
    padding-bottom: 0px;
  }

  .tabs-nav p {
    font-size: 16px;
    line-height: 24px;
  }

  .reg_complete .btn-block a {
    padding: 18px 25px 18px 25px;
    font-size: 14px;
    line-height: 17.5px;
    margin-bottom: 20px;
    border-radius: 10px;
  }

  .reg_complete h4 {
    font-size: 30px;
    line-height: 37.5px;
  }

  .reg_complete .btn-block {
    margin-bottom: 60px;
  }

  #members_listing .tabs-nav select {
    font-size: 14px;
    line-height: 21px;
  }

  .perspectives-main-content .tabs-nav select {
    background-size: 15px !important;
  }

  #members_listing .perspectives_card .job_title {
    font-size: 14px;
    line-height: 21px;
    padding: 20px 20px 0px 20px;
    margin-bottom: 10px;
  }

  #members_listing .perspectives_card .action-btn .category a {
    font-size: 14px;
    line-height: 21px;
  }

  #members_listing .perspectives_card .action-btn {
    padding: 10px 20px 20px 20px;
  }

  .white-btn {
    padding: 18px 25px 18px 25px;
    font-size: 14px;
    line-height: 17.5px;
    margin-bottom: 20px;
    border-radius: 60px;
  }

  .nsm_strategic-section#membership-strategic .white-btn-trans {
    padding: 18px 25px 18px 25px;
    font-size: 14px;
    line-height: 17.5px;
    margin-bottom: 20px;
    border-radius: 60px;
  }

  .membership_detail_section .membership_fees a {
    padding: 18px 25px 18px 25px;
    font-size: 14px;
    line-height: 17.5px;
    margin-bottom: 20px;
    border-radius: 10px;
  }

  .membership_detail_section .membership_fees .desc {
    font-size: 14px;
    line-height: 21px;
    width: 100%;
    margin-bottom: 30px;
  }

  .membership_detail_section .membership_fees .point {
    font-size: 14px;
    line-height: 21px;
  }

  .membership_detail_section .membership_fees .pb-6 {
    padding-bottom: 30px !important;
  }

  .membership_detail_section .membership_fees h4 {
    font-size: 22px;
    line-height: 28px;
  }

  .membership_detail_section .joining_criteria {
    margin-bottom: 60px;
    padding-bottom: 30px;
  }

  .membership_detail_section .joining_criteria .desc {
    font-size: 14px;
    line-height: 21px;
    width: 100%;
    margin-bottom: 30px;
  }

  .membership_detail_section .joining_criteria .point {
    font-size: 14px;
    line-height: 21px;
  }

  .membership_detail_section .joining_criteria h4 {
    font-size: 22px;
    line-height: 28px;
  }

  .membership_detail_section .rd-btn {
    padding: 18px 25px 18px 25px;
    font-size: 14px;
    line-height: 17.5px;
    margin-bottom: 20px;
    border-radius: 60px;
  }

  .membership_detail_section .row:nth-child(1) {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  .membership_detail_section .title_h3 {
    font-size: 30px;
    line-height: 37.5px;
  }

  .nsm_membership_review .title_h3 {
    font-size: 20px;
    line-height: 32px;
  }

  .nsm_membership_review .title_h3 span {
    font-size: 18px;
    line-height: 24px;
    margin-top: 30px;
  }

  .nsm_membership_review {
    height: 380px;
    padding: 60px 0px;
  }

  .paymentpage .title_h1 {
    margin-bottom: 30px;
  }

  .paymentpage {
    margin-bottom: 60px;
  }

  .paymentpage .action-btn a {
    font-size: 14px;
    line-height: 17.5px;
    padding: 20px 30px 20px 30px;
  }

  .paymentpage .action-btn.trans a {
    font-size: 14px;
    line-height: 17.5px;
    padding: 20px 30px 20px 30px;
  }

  .context-of-paymentpage .action-btn a {
    font-size: 14px;
    line-height: 17.5px;
    padding: 20px 30px 20px 30px;
    margin: 40px 0px 80px 0px;
  }

  .steps-payment .label {
    font-size: 20px;
    line-height: 24px;
  }

  .steps-payment .steps-to li a {
    font-size: 14px;
    line-height: 21px;
  }

  .context-of-paymentpage table td {
    font-size: 14px;
    line-height: 21px;
    padding-bottom: 20px;
  }

  .context-of-paymentpage table th {
    font-size: 14px;
    line-height: 21px;
    padding-bottom: 20px;
  }

  .context-of-paymentpage table {
    margin-top: 20px;
    width: 100%;
  }

  .nsm_footer-homepage {
    height: max-content;
    padding: 60px 0px;
  }

  .nsm_footer-homepage .nsm_footer-social img {
    width: 56px;
    margin-right: 0;
  }

  .nsm_footer-homepage .nsm_footer-social .twitternass {
    width: 52px;
    margin-right: 0;
    margin-top: 0px;
  }

  .nsm_fix-nav-inner {
    height: 100%;
    overflow-y: auto;
  }

  .nsm_footer-homepage .footer_links a {
    font-size: 15px;
    line-height: 22.5px;
    margin-bottom: 60px;
    margin-top: 60px;
  }

  .context-of-paymentpage table .input-box {
    width: 25px;
    text-align: center;
    padding: 1px 1px;
    font-size: 14px;
    outline: none;
    color: var(--red-primary);
    border: 1px solid var(--black-primary);
    border-radius: 0;
  }

  .context-of-paymentpage table .quantity button {
    background-color: var(--black-primary);
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 12px;
    width: 20px;
    height: auto;
    text-align: center;
    transition: background-color 0.2s;
    border-radius: 0;
  }

  .perspectives-single .rd-btn_light {
    padding: 18px 25px 18px 25px;
    font-size: 14px;
    line-height: 17.5px;
    margin-bottom: 20px;
    border-radius: 60px;
  }

  .fact_figures-section .title_h3 {
    font-size: 30px;
    line-height: 37.5px;
  }

  .perspectives-main-content-detailpage .title_h3 {
    font-size: 30px;
    line-height: 37.5px;
  }

  .fact_figures_slider {
    margin-left: 4%;
    margin-bottom: 30px;
  }

  .key_finding-section .key_finding .item-block .block-title {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  .key_finding-section .key_finding .item-block .block-desc {
    font-size: 14px;
    line-height: 21px;
  }

  .perspectives-single {
    padding-bottom: 0;
  }

  .voicegrid {
    padding-bottom: 0;
  }

  .voicegrid .voice-slider {
    margin-bottom: 0;
  }

  .voicegrid_content .title_h3 {
    font-size: 30px;
    line-height: 37.5px;
  }

  .voice_detail-content h4 {
    font-size: 20px;
    line-height: 24px;
  }

  .voice_detail-content p {
    font-size: 14px;
    line-height: 21px;
  }

  .voicearticle_content .title_h3 {
    font-size: 30px;
    line-height: 37.5px;
  }

  .header_home .bottom-head .iconblock {
    width: 10vw;
    text-align: right;
  }

  .tabs-nav.stickyelement {
    top: 65px;
  }

  .main-banner-text {
    margin-bottom: 30px;
  }

  .news-us .news-slider img {
    width: 100%;
    height: 85vw;
    object-fit: cover;
    border-radius: 10px;
    margin-bottom: 30px;
  }

  .nasscom-bcmember img {
    width: 100%;
    height: 85vw;
    object-fit: cover;
    border-radius: 10px;
    margin-bottom: 30px;
  }
}

@media (min-width:768px) and (max-width:1024px) {
  .banner-nasscom .buttonrow .col-md-7 {
    width: 50.333333%;
  }

  .banner-nasscom .buttonrow .col-md-5 {
    width: 49.666667%;
  }

  .banner-nasscom .main-banner-text {
    margin-bottom: 0px;
    height: 200px;
    display: flex;
    align-items: center;
  }
}

@media (min-width:768px) and (max-width:1499px) {
  .banner-nasscom {
    background: url(themes/custom/inoatheme/images/ntlf-bg.jpg);
    background-size: cover;
  }

  .landingpage .main-banner-text h2 {
    font-size: 72px;
    line-height: 82.2px;
    color: var(--white-primary);
    font-family: var(--medium-font);
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
  }

  .landingpage .main-banner-text h3 {
    font-size: 26px;
    line-height: 44px;
    color: var(--white-primary);
    font-family: var(--light-font);
    width: 100%;
    text-align: center;
  }

  .landingpage .main-banner-text .sep-ele {
    font-size: 40px;
    line-height: 40px;
    border-bottom: 1px solid var(--white-primary);
    font-family: var(--medium-font);
    padding-bottom: 36px;
    padding-left: 56px;
    padding-right: 56px;
    margin: 0 auto 36px auto;
    width: max-content;
  }

  .landingpage .down-arrow {
    text-align: right;
    display: none;
  }

  .banner-nasscom .action-btn {
    text-align: center;
    margin: 30px 0px 30px 0px;
  }

  .banner-nasscom .action-btn a {
    background: var(--white-primary);
    padding: 22px 42px;
    border-radius: 60px;
    font-family: var(--bold-font);
    color: var(--red-primary);
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    display: inline-block;
    width: max-content;
    margin-left: 0;
  }

  .banner-nasscom .rowslider {
    padding-top: 200px;
  }

  .banner-nasscom {
    height: 800px;
  }

  #myVideo {
    height: 800px;
  }

  .nasstext {
    text-align: center;
  }

  .nasstext img {
    width: 251px;
    margin-bottom: 34px;
  }
}

@media (min-width:1500px) {
  .banner-nasscom {
    background: url(themes/custom/inoatheme/images/ntlf-bg.jpg);
    background-size: cover;
    background-position: center;
  }

  .landingpage .main-banner-text h2 {
    font-size: 96px;
    line-height: 115.2px;
    color: var(--white-primary);
    font-family: var(--medium-font);
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
  }

  .landingpage .main-banner-text h3 {
    font-size: 36px;
    line-height: 54px;
    color: var(--white-primary);
    font-family: var(--light-font);
    width: 100%;
    text-align: center;
  }

  .landingpage .main-banner-text .sep-ele {
    font-size: 60px;
    line-height: 60px;
    border-bottom: 1px solid var(--white-primary);
    font-family: var(--medium-font);
    padding-bottom: 50px;
    padding-left: 76px;
    padding-right: 76px;
    margin: 0 auto 50px auto;
    width: max-content;
  }

  .landingpage .down-arrow {
    text-align: right;
    display: none;
  }

  .banner-nasscom .action-btn {
    text-align: center;
    margin: 50px 0px 50px 0px;
  }

  .banner-nasscom .action-btn a {
    background: var(--white-primary);
    padding: 28px 58px;
    border-radius: 60px;
    font-family: var(--bold-font);
    color: var(--red-primary);
    text-transform: uppercase;
    text-decoration: none;
    font-size: 18px;
    line-height: 27px;
    display: inline-block;
    width: max-content;
  }

  .banner-nasscom .rowslider {
    padding-top: 250px;
  }

  .banner-nasscom {
    height: 1100px;
  }

  #myVideo {
    height: 1100px;
  }

  .nasstext {
    text-align: center;
  }

  .nasstext img {
    width: 351px;
    margin-bottom: 34px;
  }
}

@media (max-width:767px) {
  .banner-nasscom .row {
    bottom: 12%;
  }

  .banner-nasscom {
    background: url(themes/custom/inoatheme/images/ntlf-bg.jpg);
    background-size: cover;
    height: 90vh;
  }

  .banner-nasscom::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 90vh;
    content: '';
    background-image: linear-gradient(#000000b9, #000000b9);
  }

  #myVideo {
    position: absolute;
    z-index: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0%;
    transform: none;
  }

  .main-banner-text h2 {
    font-size: 10vw;
    line-height: 14vw;
    color: var(--white-primary);
    font-family: var(--medium-font);
    width: 100%;
    text-align: center;
    padding: 0;
    height: max-content;
    display: flex;
    align-items: flex-start;
    justify-content: left;
    margin-bottom: 5vw;
  }

  .main-banner-text h3 {
    font-size: 4vw;
    line-height: 6vw;
    color: var(--white-primary);
    font-family: var(--medium-font);
    text-align: center;
    margin-bottom: 0vw;
  }

  .main-banner-text h3.sep-ele {
    font-size: 6vw;
    line-height: 8vw;
    border-bottom: 1px solid var(--white-primary);
    font-family: var(--medium-font);
    padding-bottom: 4vw;
    padding-left: 0vw;
    padding-right: 0vw;
    margin: 0 auto 4vw auto;
    width: max-content;
  }

  .main-banner-text {
    margin-bottom: 0;
  }

  .banner-nasscom .action-btn {
    height: 38vw;
    text-align: center;
  }

  .banner-nasscom .action-btn a {
    font-size: 3.4vw;
    line-height: 4.6vw;
    font-family: var(--bold-font);
    padding: 4.6vw 7.2vw;
    width: max-content;
    border-radius: 8vw;
    background: var(--white-primary);
    color: var(--red-primary);
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    margin-top: 10vw;
  }

  .nasstext {
    text-align: center;
  }

  .nasstext img {
    width: 46vw;
    margin-bottom: 6vw;
  }

  .banner-nasscom .row {
    bottom: auto;
    top: 25%;
  }

  .banner-nasscom .buttonrow {
    display: none;
  }
}

@media (min-width:690px) and (max-width:767px) {
  .landingpage .main-banner-text h3 {
    font-size: 24px;
    line-height: 34.2px;
    color: var(--white-primary);
    font-family: var(--light-font);
    width: 100%;
    text-align: center;
  }

  .landingpage .main-banner-text .sep-ele {
    font-size: 40px;
    line-height: 40px;
  }

  .landingpage .main-banner-text h2 {
    font-size: 58px;
    line-height: 62.2px;
    margin-bottom: 30px;
    text-align: center;
  }

  .nasstext img {
    text-align: center;
  }

  .nasstext img {
    width: 220px;
    margin-bottom: 34px;
  }

  .action-btn {
    margin-top: 0px;
  }

  .banner-nasscom .action-btn a {
    font-family: var(--bold-font);
    width: max-content;
    padding: 18px 25px 18px 25px;
    font-size: 14px;
    line-height: 17.5px;
    margin-bottom: 20px;
    border-radius: 60px;
    margin-top: 50px;
  }
}

@media (min-width:768px) and (max-width:1499px) {
  .mymodal {
    display: none;
  }

  .mymodal {
    width: 100%;
    height: 100%;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9999;
  }

  .mymodal .overlay {
    background: #000000e0;
    height: 100%;
    width: 100%;
  }

  .mymodal .modal-copy {
    width: 550px;
    height: 450px;
    display: flex;
    align-items: end;
    background: var(--white-primary);
    z-index: 99;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 99;
    border-radius: 10px;
    border: 1px solid var(--white-primary);
  }

  .mymodal .modal-copy .contxt {
    text-align: center;
    padding: 30px 90px;
  }

  .mymodal .modal-copy video {
    width: 100%;
    border-radius: 10px 10px 0px 0px;
  }

  .mymodal .modal-copy h2 {
    font-family: var(--bold-font);
    font-size: 20px;
    line-height: 26.5px;
    text-align: center;
    color: var(--red-primary);
    margin-bottom: 10px;
  }

  .mymodal .modal-copy p {
    font-family: var(--medium-font);
    font-size: 11px;
    line-height: 20px;
    text-align: center;
    color: var(--red-primary);
    margin-bottom: 15px;
  }

  .mymodal .modal-copy p span {
    font-family: var(--bold-font);
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: var(--red-primary);
    display: block;
  }

  .mymodal .modal-copy .modallogo {
    width: 120px;
  }

  .overflowhide {
    overflow-y: hidden;
  }

  .mymodal .modal-copy .closebtn {
    position: absolute;
    top: 0;
    right: -40px;
    cursor: pointer;
  }

  .mymodal .modal-copy .closebtn img {
    height: 32px;
    width: 32px;
  }
}

@media (min-width:1500px) {
  .mymodal {
    display: none;
  }

  .mymodal {
    width: 100%;
    height: 100%;
    margin: 0;
    position: fixed;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9999;
  }

  .mymodal .overlay {
    background: #000000e0;
    height: 100%;
    width: 100%;
  }

  .mymodal .modal-copy {
    width: 800px;
    height: 700px;
    display: flex;
    align-items: end;
    background: var(--white-primary);
    z-index: 99;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 99;
    border-radius: 10px;
    border: 1px solid var(--white-primary);
  }

  .mymodal .modal-copy .contxt {
    text-align: center;
    padding: 30px 98px;
  }

  .mymodal .modal-copy video {
    width: 100%;
    border-radius: 10px 10px 0px 0px;
  }

  .mymodal .modal-copy h2 {
    font-family: var(--bold-font);
    font-size: 30px;
    line-height: 37.5px;
    text-align: center;
    color: var(--red-primary);
    margin-bottom: 24px;
  }

  .mymodal .modal-copy p {
    font-family: var(--medium-font);
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: var(--red-primary);
    margin-bottom: 36px;
  }

  .mymodal .modal-copy p span {
    font-family: var(--bold-font);
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: var(--red-primary);
    display: block;
  }

  .mymodal .modal-copy .closebtn {
    position: absolute;
    top: 0;
    right: -50px;
    cursor: pointer;
  }

  .mymodal .modal-copy .modallogo {
    width: 200px;
    margin-bottom: 16px;
  }
}

@media (max-width:767px) {
  .mymodal {
    display: none;
  }

  img.play-butn {
    width: 60px !important;
    height: 60px !important;
  }

  .mymodal #deskvideo {
    display: none;
  }

  .mymodal #mobvideo {
    display: block;
  }

  .mymodal {
    width: 100%;
    height: 100%;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9999;
  }

  .mymodal .overlay {
    background: #000000e0;
    height: 100%;
    width: 100%;
  }

  .mymodal .modal-copy {
    width: 95%;
    height: 300px;
    display: flex;
    align-items: end;
    background: var(--white-primary);
    z-index: 99;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 99;
    border-radius: 10px;
    border: 1px solid var(--white-primary);
    background-size: cover !important;
    background-position: center !important;
  }

  .mymodal .modal-copy .contxt {
    text-align: center;
    padding: 20px 30px;
  }

  .mymodal .modal-copy video {
    width: 100%;
    border-radius: 10px 10px 0px 0px;
  }

  .mymodal .modal-copy h2 {
    font-family: var(--bold-font);
    font-size: 16px;
    line-height: 26.5px;
    text-align: center;
    color: var(--red-primary);
    margin-bottom: 2px;
  }

  .mymodal .modal-copy p {
    font-family: var(--medium-font);
    font-size: 8px;
    line-height: 12px;
    text-align: center;
    color: var(--red-primary);
    margin-bottom: 10px;
  }

  .mymodal .modal-copy .modallogo {
    width: 90px;
    margin-bottom: 5px;
  }

  .overflowhide {
    overflow-y: hidden;
  }

  .mymodal .modal-copy .closebtn {
    position: absolute;
    top: -50px;
    right: 0px;
    cursor: pointer;
  }
}

@media (min-width:690px) and (max-width:767px) {
  .mymodal .modal-copy {
    width: 65%;
    height: 372px;
  }

  .mymodal .modal-copy .contxt {
    text-align: center;
    padding: 20px 98px;
  }
}

.desktophead_tab .nav-link {
  text-transform: capitalize;
}

.mobilehead_tab .nav-link {
  text-transform: uppercase;
}

#people .desktop_tabitems_block li a {
  font-family: var(--bold-font);
  border-bottom: 0;
}

@media (min-width:768px) {
  #people .tab-item .col-md-3 {
    width: 20%;
  }

  .tab-item .col-md-3 {
    width: 20%;
  }
}

@media (max-width:767px) {
  #people .mobile_tabitems_block li a {
    font-family: var(--bold-font) !important;
    border-bottom: 0 !important;
    text-transform: capitalize !important;
  }

  .mobile_tabitems_block li.active a {
    font-family: var(--bold-font) !important;
    border-bottom: 0 !important;
    text-transform: uppercase !important;
  }
}

.author_h3 {
  font-weight: 400;
  color: var(--red-primary);
  font-size: 30px;
  font-family: var(--medium-font);
}

.tab_title_h3 {
  font-weight: 400;
  color: var(--red-primary) !important;
  font-size: 60px;
  line-height: 84px;
  font-family: var(--medium-font);
}

.tab_content p {
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
}

@media (min-width:768px) and (max-width:1499px) {
  .sharepopup_page {
    background: var(--black-primary);
    padding: 3vw 0px;
    height: 100vh;
    width: 100%;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.92);
    overflow-y: hidden;
    transition: 0.5s;
    display: none;
  }

  .sharepopup_page .popupLogo {
    width: 324px;
    margin: 0 auto 60px auto;
  }

  .sharepopup_page .popupCard {
    background: var(--white-primary);
    width: 92%;
    margin: auto;
    padding: 40px 40px;
    border-radius: 10px;
    position: relative;
  }

  .sharepopup_page .popupCard h4 {
    font-family: var(--medium-font);
    color: var(--red-primary);
    font-size: 38px;
    line-height: 52.4px;
    text-align: left;
  }

  .sharepopup_page .popupCard .popclosebtn {
    position: absolute;
    right: -40px;
    height: 30px;
    width: 30px;
    top: 0;
  }

  .sharepopup_page .popupCard .popclosebtn img {
    width: 100%;
    cursor: pointer;
  }

  .popupCard .social-strip {
    display: flex;
    justify-content: center;
  }

  .popupCard .social-strip a {
    text-decoration: none;
    display: inline-block;
    margin: 0px 18px;
    text-align: center;
  }

  .popupCard .social-strip .imgblk {
    height: 80px;
    width: 80px;
    background: #ebebeb;
    padding: 24px 24px;
    border-radius: 60px;
  }

  .popupCard .social-strip .imgblk img {
    width: 100%;
  }

  .popupCard .social-strip p {
    font-family: var(--regular-font);
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: var(--black-primary);
    margin-top: 8px;
  }

  .popupCard .social-strip a:hover .imgblk {
    background: var(--red-primary);
  }

  .popupCard .social-strip a:hover img {
    filter: invert(1);
  }

  .popupCard .social-strip a:hover p {
    color: var(--red-primary);
  }

  .popupCard .sharewithlink p {
    font-family: var(--bold-font);
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: var(--black-primary);
    margin-top: 8px;
  }

  .popupCard .linkbox {
    background: #ebebeb;
    border-radius: 26px;
    padding: 20px 25px;
    position: relative;
  }

  .popupCard .linkbox .linktext {
    font-family: var(--regular-font);
    font-size: 16px;
    line-height: 28px;
    text-align: left;
    color: var(--black-primary);
  }

  .popupCard .linkbox .linkbtn {
    width: 38px;
    height: 38px;
    position: absolute;
    right: 30px;
    top: 15px;
    cursor: pointer;
  }

  .popupCard .linkbox .linkbtn img {
    width: 100%;
  }

  .voicepod .btn-block {
    text-align: right;
  }

  .voicepod .rd-btn_light {
    width: auto;
    padding: 17px 40px 17px 40px;
    border-radius: 60px;
    text-transform: uppercase;
    background: var(--red-primary);
    font-size: 13px;
    line-height: 21px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    text-decoration: none;
    display: inline-block;
    color: var(--white-primary);
    position: static;
  }

  .voicepod .white-btn {
    width: auto;
    padding: 17px 40px 17px 40px;
    border-radius: 60px;
    text-transform: uppercase;
    background: transparent;
    font-size: 13px;
    line-height: 21px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    text-decoration: none;
    display: inline-block;
    color: var(--red-primary);
    position: static;
  }

  .voicegrid .btn-block {
    text-align: right;
  }

  .voicegrid .rd-btn_light {
    width: auto;
    padding: 17px 40px 17px 40px;
    border-radius: 60px;
    text-transform: uppercase;
    background: var(--red-primary);
    font-size: 13px;
    line-height: 21px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    text-decoration: none;
    display: inline-block;
    color: var(--white-primary);
    position: static;
  }

  .voicegrid .white-btn {
    width: auto;
    padding: 17px 40px 17px 40px;
    border-radius: 60px;
    text-transform: uppercase;
    background: transparent;
    font-size: 13px;
    line-height: 21px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    text-decoration: none;
    display: inline-block;
    color: var(--red-primary);
    position: static;
  }

  .sharepopup_page .col-md-11 {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: max-content;
  }
}

@media (min-width:1500px) {
  .sharepopup_page {
    background: var(--black-primary);
    padding: 3vw 0px;
    height: 100vh;
    width: 100%;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.92);
    overflow-y: hidden;
    transition: 0.5s;
    display: none;
  }

  .sharepopup_page .popupLogo {
    width: 464px;
    margin: 0 auto 80px auto;
  }

  .sharepopup_page .popupCard {
    background: var(--white-primary);
    width: 94%;
    margin: auto;
    padding: 40px 40px;
    border-radius: 10px;
    position: relative;
  }

  .sharepopup_page .popupCard h4 {
    font-family: var(--medium-font);
    color: var(--red-primary);
    font-size: 48px;
    line-height: 62.4px;
    text-align: left;
  }

  .sharepopup_page .popupCard .popclosebtn {
    position: absolute;
    right: -60px;
    height: 42px;
    width: 42px;
    top: 0;
  }

  .sharepopup_page .popupCard .popclosebtn img {
    width: 100%;
    cursor: pointer;
  }

  .popupCard .social-strip {
    display: flex;
    justify-content: center;
  }

  .popupCard .social-strip a {
    text-decoration: none;
    display: inline-block;
    margin: 0px 18px;
    text-align: center;
  }

  .popupCard .social-strip .imgblk {
    height: 120px;
    width: 120px;
    background: #ebebeb;
    padding: 32px 32px;
    border-radius: 80px;
  }

  .popupCard .social-strip .imgblk img {
    width: 100%;
  }

  .popupCard .social-strip p {
    font-family: var(--regular-font);
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    color: var(--black-primary);
    margin-top: 16px;
  }

  .popupCard .social-strip a:hover .imgblk {
    background: var(--red-primary);
  }

  .popupCard .social-strip a:hover img {
    filter: invert(1);
  }

  .popupCard .social-strip a:hover p {
    color: var(--red-primary);
  }

  .popupCard .sharewithlink p {
    font-family: var(--bold-font);
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    color: var(--black-primary);
    margin-top: 16px;
  }

  .popupCard .linkbox {
    background: #ebebeb;
    border-radius: 32px;
    padding: 30px 35px;
    position: relative;
  }

  .popupCard .linkbox .linktext {
    font-family: var(--regular-font);
    font-size: 24px;
    line-height: 36px;
    text-align: left;
    color: var(--black-primary);
  }

  .popupCard .linkbox .linkbtn {
    width: 48px;
    height: 48px;
    position: absolute;
    right: 40px;
    top: 20px;
    cursor: pointer;
  }

  .popupCard .linkbox .linkbtn img {
    width: 100%;
  }

  .voicepod .btn-block {
    text-align: right;
  }

  .voicepod .rd-btn_light {
    width: auto;
    padding: 24.55px 46.04px 20.46px 46.04px;
    border-radius: 60px;
    text-transform: uppercase;
    background: var(--red-primary);
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    text-decoration: none;
    display: inline-block;
    color: var(--white-primary);
    position: static;
  }

  .voicepod .white-btn {
    width: auto;
    padding: 24.55px 46.04px 20.46px 46.04px;
    border-radius: 60px;
    text-transform: uppercase;
    background: transparent;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    text-decoration: none;
    display: inline-block;
    color: var(--red-primary);
    position: static;
  }

  .voicegrid .btn-block {
    text-align: right;
  }

  .voicegrid .rd-btn_light {
    width: auto;
    padding: 24.55px 46.04px 20.46px 46.04px;
    border-radius: 60px;
    text-transform: uppercase;
    background: var(--red-primary);
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    text-decoration: none;
    display: inline-block;
    color: var(--white-primary);
    position: static;
  }

  .voicegrid .white-btn {
    width: auto;
    padding: 24.55px 46.04px 20.46px 46.04px;
    border-radius: 60px;
    text-transform: uppercase;
    background: transparent;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    text-decoration: none;
    display: inline-block;
    color: var(--red-primary);
    position: static;
  }

  .sharepopup_page .col-md-11 {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: max-content;
  }
}

@media (max-width:767px) {
  .sharepopup_page {
    background: var(--black-primary);
    padding: 3vw 0px;
    height: 100vh;
    width: 100%;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.92);
    overflow-y: hidden;
    transition: 0.5s;
    display: none;
  }

  .sharepopup_page .popupLogo {
    width: 264px;
    margin: 80px auto 80px auto;
  }

  .sharepopup_page .popupCard {
    background: var(--white-primary);
    width: 100%;
    margin: 0;
    padding: 30px 30px;
    border-radius: 10px;
    position: relative;
  }

  .sharepopup_page .popupCard h4 {
    font-family: var(--medium-font);
    color: var(--red-primary);
    font-size: 28px;
    line-height: 42.4px;
    text-align: center;
    margin-bottom: 30px;
  }

  .sharepopup_page .popupCard .popclosebtn {
    position: absolute;
    right: 0;
    height: 42px;
    width: 42px;
    top: -55px;
  }

  .sharepopup_page .popupCard .popclosebtn img {
    width: 100%;
    cursor: pointer;
  }

  .popupCard .social-strip {
    display: flex;
    width: 100%;
    overflow-x: auto;
  }

  .popupCard .social-strip a {
    text-decoration: none;
    display: inline-block;
    margin: 0px 12px;
    text-align: center;
  }

  .popupCard .social-strip .imgblk {
    height: 60px;
    width: 60px;
    background: #ebebeb;
    padding: 16px 16px;
    border-radius: 80px;
    margin: auto;
  }

  .popupCard .social-strip .imgblk img {
    width: 100%;
  }

  .popupCard .social-strip p {
    font-family: var(--regular-font);
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: var(--black-primary);
    margin-top: 12px;
  }

  .popupCard .social-strip a:hover .imgblk {
    background: var(--red-primary);
  }

  .popupCard .social-strip a:hover img {
    filter: invert(1);
  }

  .popupCard .social-strip a:hover p {
    color: var(--red-primary);
  }

  .popupCard .sharewithlink p {
    font-family: var(--bold-font);
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: var(--black-primary);
    margin-top: 12px;
  }

  .popupCard .linkbox {
    background: #ebebeb;
    border-radius: 16px;
    padding: 20px 25px;
    position: relative;
  }

  .popupCard .linkbox .linktext {
    font-family: var(--regular-font);
    font-size: 16px;
    line-height: 28px;
    text-align: left;
    color: var(--black-primary);
    width: 80%;
    overflow-x: hidden;
  }

  .popupCard .linkbox .linkbtn {
    width: 28px;
    height: 28px;
    position: absolute;
    right: 30px;
    top: 20px;
    cursor: pointer;
  }

  .popupCard .linkbox .linkbtn img {
    width: 100%;
  }

  .voicepod .btn-block {
    text-align: center;
  }

  .voicepod .white-btn {
    width: auto;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    display: inline-block;
    padding: 5vw 6.75vw 5vw 6.75vw;
    border-radius: 8.5vw;
    color: var(--red-primary);
    text-transform: uppercase;
    background: var(--white-primary);
    font-size: 3.6vw;
    line-height: 5.35vw;
    margin-bottom: 6vw;
    position: static;
  }

  .voicepod .rd-btn_light {
    width: auto;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    display: inline-block;
    padding: 5vw 6.75vw 5vw 6.75vw;
    border-radius: 8.5vw;
    color: var(--white-primary);
    text-transform: uppercase;
    background: var(--red-primary);
    font-size: 3.6vw;
    line-height: 5.35vw;
    margin-bottom: 0vw;
    position: static;
  }

  .voicegrid .btn-block {
    text-align: center;
  }

  .voicegrid .white-btn {
    width: auto;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    display: inline-block;
    padding: 5vw 6.75vw 5vw 6.75vw;
    border-radius: 8.5vw;
    color: var(--red-primary);
    text-transform: uppercase;
    background: var(--white-primary);
    font-size: 3.6vw;
    line-height: 5.35vw;
    margin-bottom: 6vw;
    position: static;
  }

  .voicegrid .rd-btn_light {
    width: auto;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    display: inline-block;
    padding: 5vw 6.75vw 5vw 6.75vw;
    border-radius: 8.5vw;
    color: var(--white-primary);
    text-transform: uppercase;
    background: var(--red-primary);
    font-size: 3.6vw;
    line-height: 5.35vw;
    margin-bottom: 0vw;
    position: static;
  }

  .sharepopup_page .col-md-11 {
    margin: 0;
    position: absolute;
    top: 40%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: max-content;
  }
}

@media (min-width:768px) and (max-width:1499px) {
  .download-report {
    padding: 60px 0px 0px 0px;
  }

  .download-report .container {
    border-style: solid;
    border-color: #939393;
    border-width: 2px 0px 2px 0px;
    padding: 60px 0px 60px 0px;
  }

  .download-report .sectionTitle {
    font-family: var(--medium-font);
    font-size: 32px;
    line-height: 46.4px;
    text-align: left;
    color: var(--red-primary);
  }

  .download-report .download-card {
    background: var(--red-primary);
    border-radius: 10px;
    padding: 30px 30px;
    text-align: center;
  }

  .download-report .download-card ul {
    list-style-type: none;
    padding: 0;
    margin-bottom: 30px;
  }

  .download-report .download-card ul li {
    font-family: var(--bold-font);
    font-size: 14px;
    color: var(--white-primary);
    line-height: 24px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    margin-bottom: 12px;
  }

  .download-report .download-card .btn-block a {
    width: auto;
    padding: 17px 40px 17px 40px;
    border-radius: 60px;
    color: var(--red-primary);
    text-transform: uppercase;
    background: var(--white-primary);
    font-size: 13px;
    line-height: 21px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    display: inline-block;
  }

  .newkeyfind-section {
    padding: 50px 0px 0px 0px;
  }

  .newkeyfind-section .container {
    border-style: solid;
    border-color: #939393;
    border-width: 2px 0px 0px 0px;
    padding: 30px 0px 30px 0px;
  }

  .newkeyfind-section .sectionTitle {
    font-family: var(--medium-font);
    font-size: 32px;
    line-height: 46.4px;
    text-align: left;
    color: var(--red-primary);
    margin-bottom: 40px;
  }

  .newkeyfind-section .subtitle {
    font-family: var(--medium-font);
    font-size: 14px;
    line-height: 21px;
    text-align: left;
    color: var(--grey-secondary);
    margin-bottom: 15px;
  }

  .newkeyfind-section .accordion-item {
    margin-bottom: 16px;
    background: #ebebeb;
    border-radius: 10px !important;
  }

  .newkeyfind-section .accordion-item .accordion-button {
    background: #EBEBEB;
    border-radius: 10px !important;
    color: var(--black-primary);
    box-shadow: none;
    font-size: 14px;
    line-height: 24px;
    font-family: var(--bold-font);
    padding: 16px 40px;
  }

  .newkeyfind-section .accordion-body {
    color: var(--black-primary);
    background: #EBEBEB;
    border-radius: 0vw 0vw 20px 20px;
    font-size: 14px;
    line-height: 24px;
    font-family: var(--medium-font);
    padding: 10px 120px 10px 30px;
  }

  .newkeyfind-section .accordion-body p:first-child {
    border-top: 1px solid var(--black-primary);
    padding-top: 20px;
  }

  .newkeyfind-section .accordion-button::after {
    background-image: url(themes/custom/inoatheme/images/acc.svg) !important;
    filter: invert(1);
  }

  .newkeyfind-section .accordion .single-item {
    display: flex;
  }

  .newkeyfind-section .accordion .single-item .serial-num {
    font-family: var(--regular-font);
    color: var(--red-primary);
    font-size: 20px;
    font-weight: 400;
    line-height: 35px;
    text-align: left;
    width: 8%;
    margin-top: 10px;
  }

  .newkeyfind-section .accordion .single-item .accordion-item {
    width: 92%;
  }

  .modifpage {
    padding-bottom: 0px;
  }

  .cstm-breadcrumbs {
    list-style-type: none;
    display: flex;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 0;
  }

  .cstm-breadcrumbs li {
    padding-right: 10px;
  }

  .cstm-breadcrumbs li::after {
    content: '>';
    font-family: var(--medium-font);
    color: var(--red-primary);
    font-size: 14px;
    line-height: 23px;
    padding-left: 5px;
  }

  .cstm-breadcrumbs li a {
    font-family: var(--medium-font);
    color: var(--red-primary);
    font-size: 14px;
    line-height: 23px;
    text-align: left;
    text-decoration: none;
  }

  .viewbtn-block .rd-btn_light {
    width: auto;
    padding: 17px 40px 17px 40px;
    border-radius: 60px;
    text-transform: uppercase;
    background: var(--red-primary);
    font-size: 13px;
    line-height: 21px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    text-decoration: none;
    display: inline-block;
    color: var(--white-primary);
    position: static;
  }

  .viewbtn-block {
    margin: auto;
    text-align: center;
  }

  .expand-button.rd-btn_light.active {
    display: none;
  }

  .expand-button {
    cursor: pointer;
    display: block;
    margin-top: 1rem;
    margin-left: auto;
    margin-right: auto;
    padding: 0.5rem;
  }

  .voice_detail-content {
    position: relative;
    height: 500px;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
  }

  .voice_detail-content.pdct {
    height: max-content;
  }

  .voice_detail-content.-expanded {
    height: 100%;
  }

  .voice_detail-content:not(.-expanded)::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(rgba(255, 255, 255, 0), white);
  }

  .voice_detail-content.pdct::after {
    display: none;
  }

  .voicegrid_content .bootstrap-select>.dropdown-toggle {
    color: var(--black-primary);
    font-family: var(--medium-font);
    font-size: 14px;
    line-height: 24px;
    margin-right: 24px;
    text-decoration: none;
    text-transform: capitalize;
    padding: 0;
    background: transparent;
    border: 0;
    width: max-content;
  }

  .voicegrid_content .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: max-content;
    margin-top: -6px;
  }

  .voicegrid_content .dropdown-menu .bs-searchbox .form-control {
    display: none !important;
  }

  .voicegrid_content .bootstrap-select.show-tick .dropdown-menu li a span.text {
    font-size: 14px;
    line-height: 21px;
    text-transform: capitalize;
  }

  .newtabsvoice li {
    color: var(--black-primary);
    font-family: var(--medium-font);
    font-size: 14px;
    line-height: 24px;
    margin-right: 24px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0;
    background: transparent;
    border: 0;
    padding-bottom: 5px;
  }

  .voicegrid_content .dropdown-toggle::after {
    border: solid #af2a25 !important;
    border-width: 0 2px 2px 0 !important;
    display: inline-block !important;
    padding: 3px !important;
    transform: rotate(45deg) !important;
    margin-left: 10px !important;
    -webkit-transform: rotate(45deg) !important;
  }

  .voicegrid_content .btn.dropdown-toggle.show::after {
    transform: rotate(-135deg) !important;
    -webkit-transform: rotate(-135deg) !important;
    margin-bottom: -5px;
  }

  .voicegrid_content .bootstrap-select>.dropdown-toggle.bs-placeholder:focus {
    outline: none !important;
    border: 0 !important;
  }
}

@media (min-width:1500px) {
  .download-report {
    padding: 50px 0px 0px 0px;
  }

  .download-report .container {
    border-style: solid;
    border-color: #939393;
    border-width: 2px 0px 2px 0px;
    padding: 80px 0px 80px 0px;
  }

  .download-report .sectionTitle {
    font-family: var(--medium-font);
    font-size: 48px;
    line-height: 62.4px;
    text-align: left;
    color: var(--red-primary);
  }

  .download-report .download-card {
    background: var(--red-primary);
    border-radius: 10px;
    padding: 40px 40px;
    text-align: center;
  }

  .download-report .download-card ul {
    list-style-type: none;
    padding: 0;
    margin-bottom: 50px;
  }

  .download-report .download-card ul li {
    font-family: var(--bold-font);
    font-size: 20px;
    color: var(--white-primary);
    line-height: 30px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    margin-bottom: 12px;
  }

  .download-report .download-card .btn-block a {
    width: auto;
    padding: 25px 50px 25px 50px;
    border-radius: 60px;
    color: var(--red-primary);
    text-transform: uppercase;
    background: var(--white-primary);
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    display: inline-block;
  }

  .newkeyfind-section {
    padding: 50px 0px 0px 0px;
  }

  .newkeyfind-section .container {
    border-style: solid;
    border-color: #939393;
    border-width: 2px 0px 0px 0px;
    padding: 30px 0px 30px 0px;
  }

  .newkeyfind-section .sectionTitle {
    font-family: var(--medium-font);
    font-size: 48px;
    line-height: 62.4px;
    text-align: left;
    color: var(--red-primary);
    margin-bottom: 50px;
  }

  .newkeyfind-section .subtitle {
    font-family: var(--medium-font);
    font-size: 20px;
    line-height: 30px;
    text-align: left;
    color: var(--grey-secondary);
    margin-bottom: 20px;
  }

  .newkeyfind-section .accordion-item {
    margin-bottom: 16px;
    background: #ebebeb;
    border-radius: 10px !important;
  }

  .newkeyfind-section .accordion-item .accordion-button {
    background: #EBEBEB;
    border-radius: 10px !important;
    color: var(--black-primary);
    box-shadow: none;
    font-size: 20px;
    line-height: 30px;
    font-family: var(--bold-font);
    padding: 20px 40px;
  }

  .newkeyfind-section .accordion-body {
    color: var(--black-primary);
    background: #EBEBEB;
    border-radius: 0vw 0vw 20px 20px;
    font-size: 20px;
    line-height: 30px;
    font-family: var(--medium-font);
    padding: 10px 120px 10px 40px;
  }

  .newkeyfind-section .accordion-body p:first-child {
    border-top: 1px solid var(--black-primary);
    padding-top: 20px;
  }

  .newkeyfind-section .accordion-button::after {
    background-image: url(themes/custom/inoatheme/images/acc.svg) !important;
    filter: invert(1);
  }

  .newkeyfind-section .accordion .single-item {
    display: flex;
  }

  .newkeyfind-section .accordion .single-item .serial-num {
    font-family: var(--regular-font);
    color: var(--red-primary);
    font-size: 30px;
    font-weight: 400;
    line-height: 45px;
    text-align: left;
    width: 8%;
    margin-top: 16px;
  }

  .newkeyfind-section .accordion .single-item .accordion-item {
    width: 92%;
  }

  .modifpage {
    padding-bottom: 30px;
  }

  .cstm-breadcrumbs {
    list-style-type: none;
    display: flex;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 0;
  }

  .cstm-breadcrumbs li {
    padding-right: 10px;
  }

  .cstm-breadcrumbs li::after {
    content: '>';
    font-family: var(--medium-font);
    color: var(--red-primary);
    font-size: 18px;
    line-height: 27px;
    padding-left: 5px;
  }

  .cstm-breadcrumbs li a {
    font-family: var(--medium-font);
    color: var(--red-primary);
    font-size: 18px;
    line-height: 27px;
    text-align: left;
    text-decoration: none;
  }

  .expand-button {
    cursor: pointer;
    display: block;
    margin-top: 1rem;
    margin-left: auto;
    margin-right: auto;
    padding: 0.5rem;
  }

  .voice_detail-content {
    position: relative;
    max-height: 500px;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
  }

  .voice_detail-content.-expanded {
    max-height: 100%;
  }

  .voice_detail-content.-expanded .expand-button {
    display: none;
  }

  .voice_detail-content:not(.-expanded)::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(rgba(255, 255, 255, 0), white);
  }

  .voice_detail-content.pdct {
    height: max-content;
  }

  .voice_detail-content.pdct::after {
    display: none;
  }

  .viewbtn-block .rd-btn_light {
    width: auto;
    padding: 24.55px 46.04px 20.46px 46.04px;
    border-radius: 60px;
    text-transform: uppercase;
    background: var(--red-primary);
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    text-decoration: none;
    display: inline-block;
    color: var(--white-primary);
    position: static;
  }

  .viewbtn-block {
    margin: auto;
    text-align: center;
  }

  .expand-button.rd-btn_light.active {
    display: none;
  }

  .voicegrid_content .bootstrap-select>.dropdown-toggle {
    color: var(--black-primary);
    font-family: var(--medium-font);
    font-size: 18px;
    line-height: 27px;
    margin-right: 28px;
    text-decoration: none;
    text-transform: capitalize;
    padding: 0;
    background: transparent;
    border: 0;
    width: max-content;
  }

  .voicegrid_content .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: max-content;
    margin-top: -6px;
  }

  .voicegrid_content .dropdown-menu .bs-searchbox .form-control {
    display: none !important;
  }

  .voicegrid_content .bootstrap-select.show-tick .dropdown-menu li a span.text {
    font-size: 14px;
    line-height: 21px;
    text-transform: capitalize;
  }

  .newtabsvoice li {
    color: var(--black-primary);
    font-family: var(--medium-font);
    font-size: 18px;
    line-height: 27px;
    margin-right: 24px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0;
    background: transparent;
    border: 0;
    padding-bottom: 5px;
  }

  .voicegrid_content .dropdown-toggle::after {
    border: solid #af2a25 !important;
    border-width: 0 2px 2px 0 !important;
    display: inline-block !important;
    padding: 4.5px !important;
    transform: rotate(45deg) !important;
    margin-left: 10px !important;
    -webkit-transform: rotate(45deg) !important;
  }

  .voicegrid_content .btn.dropdown-toggle.show::after {
    transform: rotate(-135deg) !important;
    -webkit-transform: rotate(-135deg) !important;
    margin-bottom: -5px;
  }

  .bootstrap-select>.dropdown-toggle.bs-placeholder:focus {
    outline: none !important;
    border: 0 !important;
  }

  .voicegrid_content .bootstrap-select>.dropdown-toggle.bs-placeholder:focus {
    outline: none !important;
    border: 0 !important;
  }

  .voicegrid_content .filter_search {
    margin-top: 30px;
  }
}

@media (max-width:767px) {
  .download-report {
    padding: 60px 0px 60px 0px;
  }

  .download-report .container {
    border-style: solid;
    border-color: #939393;
    border-width: 2px 0px 2px 0px;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .download-report .sectionTitle {
    font-family: var(--medium-font);
    font-size: 7.5vw;
    line-height: 9.3vw;
    text-align: left;
    color: var(--red-primary);
    margin-bottom: 6vw;
  }

  .download-report .sectionTitle br {
    display: none;
  }

  .download-report .download-card {
    background: var(--red-primary);
    border-radius: 10px;
    padding: 30px 30px;
    text-align: center;
    width: 100%;
  }

  .download-report .download-card ul {
    list-style-type: none;
    padding: 0;
    margin-bottom: 30px;
  }

  .download-report .download-card ul li {
    font-family: var(--bold-font);
    color: var(--white-primary);
    font-size: 3.8vw;
    line-height: 5.6vw;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    margin-bottom: 2.4vw;
  }

  .download-report .download-card .btn-block a {
    width: auto;
    padding: 17px 40px 17px 40px;
    border-radius: 60px;
    color: var(--red-primary);
    text-transform: uppercase;
    background: var(--white-primary);
    font-size: 13px;
    line-height: 21px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    display: inline-block;
    margin-bottom: 0;
  }

  .newkeyfind-section {
    padding: 50px 0px 0px 0px;
  }

  .newkeyfind-section .container {
    border-style: solid;
    border-color: #939393;
    border-width: 2px 0px 0px 0px;
    padding-top: 30px;
    padding-bottom: 0px;
  }

  .newkeyfind-section .sectionTitle {
    font-family: var(--medium-font);
    font-size: 7.5vw;
    line-height: 9.3vw;
    text-align: left;
    color: var(--red-primary);
    margin-bottom: 8vw;
  }

  .newkeyfind-section .subtitle {
    font-family: var(--medium-font);
    font-size: 3.5vw;
    line-height: 6.3vw;
    text-align: left;
    color: var(--grey-secondary);
    margin-bottom: 2vw;
  }

  .newkeyfind-section .accordion-item {
    margin-bottom: 3.2vw;
    background: #ebebeb;
    border-radius: 2vw !important;
  }

  .newkeyfind-section .accordion-item .accordion-button {
    background: #EBEBEB;
    border-radius: 2vw !important;
    color: var(--black-primary);
    box-shadow: none;
    font-size: 3.6vw;
    line-height: 4.8vw;
    font-family: var(--bold-font);
    padding: 4vw 6vw;
  }

  .newkeyfind-section .accordion-body {
    color: var(--black-primary);
    background: #EBEBEB;
    border-radius: 0vw 0vw 2vw 2vw;
    font-size: 3.6vw;
    line-height: 4.8vw;
    font-family: var(--medium-font);
    padding: 2vw 6vw 4vw 6vw;
  }

  .newkeyfind-section .accordion-body p:first-child {
    border-top: 1px solid var(--black-primary);
    padding-top: 4vw;
  }

  .newkeyfind-section .accordion-button::after {
    background-image: url(themes/custom/inoatheme/images/acc.svg) !important;
    filter: invert(1);
  }

  .newkeyfind-section .accordion .single-item {
    display: flex;
  }

  .newkeyfind-section .accordion .single-item .serial-num {
    font-family: var(--regular-font);
    color: var(--red-primary);
    font-size: 4.6vw;
    font-weight: 400;
    line-height: 5.6vw;
    text-align: left;
    width: 10%;
    margin-top: 3vw;
  }

  .newkeyfind-section .accordion .single-item .accordion-item {
    width: 90%;
  }

  .cstm-breadcrumbs {
    list-style-type: none;
    display: flex;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 0;
  }

  .cstm-breadcrumbs li {
    padding-right: 10px;
  }

  .cstm-breadcrumbs li::after {
    content: '>';
    font-family: var(--medium-font);
    color: var(--red-primary);
    font-size: 3.8vw;
    line-height: 5.6vw;
    padding-left: 5px;
  }

  .cstm-breadcrumbs li a {
    font-family: var(--medium-font);
    color: var(--red-primary);
    font-size: 3.8vw;
    line-height: 5.6vw;
    text-align: left;
    text-decoration: none;
  }

  .expand-button {
    cursor: pointer;
    display: block;
    margin-top: 1rem;
    margin-left: auto;
    margin-right: auto;
    padding: 0.5rem;
  }

  .voice_detail-content {
    position: relative;
    height: 500px;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
    padding-top: 30px;
  }

  .voice_detail-content.-expanded {
    height: 100%;
  }

  .voice_detail-content.-expanded .expand-button {
    display: none;
  }

  .voice_detail-content:not(.-expanded)::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(rgba(255, 255, 255, 0), white);
  }

  .voice_detail-content.pdct {
    height: max-content;
  }

  .voice_detail-content.pdct::after {
    display: none;
  }

  .viewbtn-block .rd-btn_light {
    width: auto;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    display: inline-block;
    padding: 5vw 6.75vw 5vw 6.75vw;
    border-radius: 8.5vw;
    color: var(--white-primary);
    text-transform: uppercase;
    background: var(--red-primary);
    font-size: 3.6vw;
    line-height: 5.35vw;
    margin-bottom: 0vw;
    position: static;
  }

  .viewbtn-block {
    margin: auto;
    text-align: center;
  }

  .expand-button.rd-btn_light.active {
    display: none;
  }

  .voicegrid_content .bootstrap-select>.dropdown-toggle {
    color: var(--black-primary);
    font-family: var(--medium-font);
    font-size: 3.6vw;
    line-height: 4.8vw;
    text-decoration: none;
    text-transform: uppercase;
    margin-right: 0.75vw;
    margin-left: -0.3vw;
    text-decoration: none;
    text-transform: capitalize;
    padding: 0;
    background: transparent;
    border: 0;
    width: 32vw;
    margin-left: 3.6vw;
  }

  .voicegrid_content .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: max-content;
    margin-top: -6px;
  }

  .voicegrid_content .dropdown-menu .bs-searchbox .form-control {
    display: none !important;
  }

  .voicegrid_content .bootstrap-select.show-tick .dropdown-menu li a span.text {
    font-size: 14px;
    line-height: 21px;
    text-transform: capitalize;
  }

  .newtabsvoice li {
    color: var(--black-primary);
    font-family: var(--medium-font);
    font-size: 3.6vw;
    line-height: 4.8vw;
    text-decoration: none;
    text-transform: uppercase;
    margin-right: 0.75vw;
    margin-left: -0.3vw;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0;
    background: transparent;
    border: 0;
    padding-bottom: 0px;
  }

  .voicegrid_content .dropdown-toggle::after {
    border: solid #af2a25 !important;
    border-width: 0 2px 2px 0 !important;
    display: inline-block !important;
    padding: 2.5px !important;
    transform: rotate(45deg) !important;
    margin-left: 10px !important;
    -webkit-transform: rotate(45deg) !important;
  }

  .voicegrid_content .btn.dropdown-toggle.show::after {
    transform: rotate(-135deg) !important;
    -webkit-transform: rotate(-135deg) !important;
    margin-bottom: -5px;
  }

  .bootstrap-select>.dropdown-toggle.bs-placeholder:focus {
    outline: none !important;
    border: 0 !important;
  }

  .voicegrid_content .bootstrap-select>.dropdown-toggle.bs-placeholder:focus {
    outline: none !important;
    border: 0 !important;
  }

  .voicegrid_content .filter_search {
    margin-top: 30px;
  }

  .voicegrid_content .mobile_tabitems_block {
    width: 100%;
    display: flex;
    overflow-x: clip;
  }
}

@media (min-width:1400px) and (max-width:1499px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1240px !important;
  }

  .voicegrid .prev-slide-k {
    left: -3%;
  }

  .voicegrid .prev-slide-k img {
    cursor: pointer;
    height: 26px;
    width: 26px;
  }

  .voicegrid .next-slide-k {
    right: -3%;
  }

  .voicegrid .next-slide-k img {
    cursor: pointer;
    height: 26px;
    width: 26px;
  }
}

@media (min-width:1500px) and (max-width:1699px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1440px !important;
  }

  .voicegrid .prev-slide-k {
    left: -3%;
  }

  .voicegrid .prev-slide-k img {
    cursor: pointer;
    height: 26px;
    width: 26px;
  }

  .voicegrid .next-slide-k {
    right: -3%;
  }

  .voicegrid .next-slide-k img {
    cursor: pointer;
    height: 26px;
    width: 26px;
  }
}

.voicegrid_content .checkbox-dropdown {
  width: max-content;
  border: 0px solid #aaa;
  padding: 0px 30px 0px 10px;
  position: relative;
  margin: 0 auto;
  user-select: none;
}

.voicegrid_content .checkbox-dropdown:after {
  content: '';
  height: 20px;
  position: absolute;
  width: 20px;
  border-top-color: #000;
  top: 50%;
  right: 0px;
  margin-top: -6px;
  background: url(themes/custom/inoatheme/images/red_drop_arrow.svg);
  background-size: 16px;
  background-repeat: no-repeat;
  transform: rotate(0deg);
}

.voicegrid_content .checkbox-dropdown.is-active:after {
  border-top-color: #fff;
  margin-top: -16px;
  background: url(themes/custom/inoatheme/images/red_drop_arrow.svg);
  background-size: 16px;
  background-repeat: no-repeat;
  transform: rotate(180deg);
  right: 0px;
}

.voicegrid_content .checkbox-dropdown-list {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 100%;
  border: inherit;
  border-top: none;
  left: -1px;
  right: -1px;
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
  overflow-x: hidden;
  pointer-events: none;
}

.voicegrid_content .is-active .checkbox-dropdown-list {
  opacity: 1;
  pointer-events: auto;
  padding: 15px 20px;
  background: var(--white-primary);
  border: 1px solid #e3e3e3;
  width: 225px;
}

.voicegrid_content .forareas.is-active .checkbox-dropdown-list {
  width: 210px;
}

.voicegrid_content .checkbox-dropdown-list li label:hover {
  background-color: var(--white-primary);
  color: var(--red-primary);
}

.voicegrid_content .checkbox-dropdown-list li label input {
  margin-right: 12px;
}

.voicegrid_content .checkbox-dropdown-list li label input {
  accent-color: var(--red-primary);
}

.voicegrid_content .newtabsvoice .btn-success {
  background: transparent;
  padding: 0;
  border: 0;
  color: var(--black-primary);
  padding-bottom: 5px;
}

.voicegrid_content .newtabsvoice button:focus:not(:focus-visible) {
  outline: 0;
  background: transparent;
  padding: 0;
  border: 0;
  padding-bottom: 5px;
}

.voicegrid_content .newtabsvoice .btn:hover {
  outline: 0;
  background: transparent;
  padding: 0;
  border: 0;
  padding-bottom: 5px;
}

.voicegrid_content .newtabsvoice .dropdown-menu input {
  accent-color: var(--red-primary);
  margin-right: 12px;
}

.voicegrid_content .newtabsvoice .dropdown-menu {
  padding: 15px 20px;
  background: var(--white-primary);
  border: 1px solid #e3e3e3;
  border-radius: 0;
}

.voicegrid_content .newtabsvoice .dropdown-menu li label {
  display: block;
  border-bottom: 0px solid silver;
  padding: 10px 0px;
  transition: all 0.2s ease-out;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: 0%;
  text-transform: capitalize;
  width: max-content;
  color: var(--red-primary);
  font-family: var(--medium-font);
}

.voicegrid_content .newtabsvoice li.active .btn-success {
  color: var(--red-primary);
}

@media (min-width:768px) and (max-width:1499px) {
  .voicegrid_content .checkbox-dropdown {
    width: max-content;
    border: 0px solid #aaa;
    padding: 0px 30px 0px 10px;
    position: relative;
    margin: 0 auto;
    user-select: none;
  }

  .voicegrid_content .checkbox-dropdown:after {
    content: '';
    height: 14px;
    position: absolute;
    width: 14px;
    border-top-color: #000;
    top: 50%;
    right: 0px;
    margin-top: -6px;
    background: url(themes/custom/inoatheme/images/red_drop_arrow.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    transform: rotate(0deg);
  }

  .voicegrid_content .checkbox-dropdown.is-active:after {
    border-top-color: #fff;
    margin-top: -12px;
    background: url(themes/custom/inoatheme/images/red_drop_arrow.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    transform: rotate(180deg);
    right: 0px;
  }

  .voicegrid_content .checkbox-dropdown-list {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    border: inherit;
    border-top: none;
    left: -1px;
    right: -1px;
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
    overflow-x: hidden;
    pointer-events: none;
  }

  .voicegrid_content .is-active .checkbox-dropdown-list {
    opacity: 1;
    pointer-events: auto;
    padding: 15px 20px;
    background: var(--white-primary);
    border: 1px solid #e3e3e3;
    width: 205px;
  }

  .voicegrid_content .forareas.is-active .checkbox-dropdown-list {
    width: 190px;
  }

  .voicegrid_content .checkbox-dropdown-list li label {
    display: block;
    border-bottom: 0px solid silver;
    padding: 10px 0px;
    transition: all 0.2s ease-out;
    font-size: 14px;
    line-height: 23px;
    letter-spacing: 0%;
    text-transform: capitalize;
    width: max-content;
    color: var(--red-primary);
    font-family: var(--medium-font);
  }

  .voicegrid_content .checkbox-dropdown-list li label:hover {
    background-color: var(--white-primary);
    color: var(--red-primary);
  }

  .voicegrid_content .checkbox-dropdown-list li label input {
    margin-right: 12px;
  }

  .voicegrid_content .checkbox-dropdown-list li label input {
    accent-color: var(--red-primary);
  }

  .voice_article .video_block img {
    height: 400px !important;
    object-fit: cover;
    border-radius: 10px;
  }
}

@media (max-width:767px) {
  .voicegrid_content .newtabsvoice .dropdown {
    width: max-content;
    border: 0px solid #aaa;
    padding: 0px 3vw 2vw 3vw;
    position: relative;
    margin: 0 auto;
    user-select: none;
  }

  .voicegrid_content .newtabsvoice .btn-success {
    font-size: 3.6vw;
    line-height: 4.8vw;
  }

  .voicegrid_content .checkbox-dropdown:after {
    content: '';
    height: 2.7vw;
    ;
    position: absolute;
    width: 2.7vw;
    ;
    border-top-color: #000;
    top: 50%;
    right: 0px;
    margin-top: -6px;
    background: url(themes/custom/inoatheme/images/red_drop_arrow.svg);
    background-size: 2.7vw;
    ;
    background-repeat: no-repeat;
    transform: rotate(0deg);
  }

  .voicegrid_content .checkbox-dropdown.is-active:after {
    border-top-color: #fff;
    margin-top: -12px;
    background: url(themes/custom/inoatheme/images/red_drop_arrow.svg);
    background-size: 2.7vw;
    background-repeat: no-repeat;
    transform: rotate(180deg);
    right: 0px;
  }

  .voicegrid_content .checkbox-dropdown-list li label {
    display: block;
    border-bottom: 0px solid silver;
    padding: 10px 0px;
    transition: all 0.2s ease-out;
    font-size: 3.6vw;
    line-height: 4.8vw;
    letter-spacing: 0%;
    text-transform: capitalize;
    width: max-content;
    color: var(--red-primary);
    font-family: var(--medium-font);
  }

  .newtabsvoice .active {
    border-bottom: 0px solid var(--red-primary);
  }

  .voicegrid_content .forareas.is-active .checkbox-dropdown-list {
    width: 160px;
  }

  .voicegrid_content .container {
    border-style: none !important;
    border-color: #939393;
    border-width: 2px 0px 0px 0px;
    padding: 80px 0px 30px 0px;
  }
}

@media (max-width:360px) {
  .voicegrid_content .is-active .checkbox-dropdown-list {
    width: 190px;
  }

  .voicegrid_content .forareas.is-active .checkbox-dropdown-list {
    width: 145px;
  }
}

.checkbox-dropdown-list li.active {
  border-bottom: 0px solid var(--red-primary);
}

.voicegrid_content .checkbox-dropdown.checkactive {
  color: var(--red-primary);
}

.accordion-body .col-md-6 h2 {
  color: #013a9b;
  font-size: 18px;
  font-family: var(--medium-font);
  line-height: 27px;
}

.accordion-body .single-line {
  border-style: solid;
  border-color: #013a9b;
  border-width: 1px 0px 0px 0px;
  padding: 30px 0px 30px 0px;
}

.accordion-body .line-top {
  border-style: solid;
  border-color: #939393;
  border-width: 1px 0px 0px 0px;
  padding: 30px 0px 30px 0px;
}

.accordion-body .col-md-6 p {
  color: #000000;
  font-size: 18px;
  font-family: var(--medium-font);
  margin-bottom: 30px;
  line-height: 27px;
}

.accordion-body .col-md-6 .parha-2 {
  margin-top: 30px;
  margin-bottom: 0px;
}

.accordion-body .col-md-6 a {
  color: #000000;
  font-size: 16px;
  text-decoration: none;
  font-weight: bold;
}

.newsocial .title_h4 {
  font-family: var(--bold-font);
  color: var(--red-primary);
  margin: 0;
  font-size: 48px;
  line-height: 67.2px;
  letter-spacing: -0.02em;
  text-align: center;
  margin-bottom: 28px;
}

.newsocial {
  background: #ebebeb;
  padding: 60px 0px;
}

.newsocial .context-block {
  font-family: var(--regular-font);
  color: var(--red-secondary);
  font-size: 30px;
  line-height: 37.5px;
  text-align: center;
}

.newsocial .context-block a {
  text-decoration: none;
  color: var(--red-secondary);
}

.stayinform .col-md-3 h3 {
  font-size: 48px;
  font-weight: 500;
  color: #013a9b;
}

.stayinform .col-md-4 a {
  text-decoration: none !important;
}

.stayinform .staycard h3 {
  line-height: 45px;
  font-size: 36px;
  font-weight: 300;
  width: 100% !important;
}

.stayinform .container {
  border-style: solid;
  border-color: #939393;
  border-width: 2px 0px 0px 0px;
  padding: 80px 0px 30px 0px;
}

.stayinform {
  padding: 40px 0px 0px 0px !important;
}

.voicegrid_content .container {
  border-style: none;
  border-color: #939393;
  border-width: 2px 0px 0px 0px;
  padding: 0px 0px 30px 0px;
}

.perspectives_card .action-btn .gcc {
  font-size: 14px;
  line-height: 21px;
  height: 22px;
  color: var(--black-primary);
  font-family: var(--regular-font);
}

@media (min-width:768px) and (max-width:1499px) {
  .accordion-body .col-md-6 p {
    color: var(--black-primary);
    font-size: 14px;
    line-height: 24px;
    font-family: var(--medium-font);
  }

  .accordion-body .col-md-6 h2 {
    font-size: 14px;
    line-height: 24px;
    font-family: var(--medium-font);
  }

  .accordion-body .col-md-6 a {
    font-size: 14px;
    line-height: 24px;
  }
}

@media (max-width:767px) {
  .policy_advocacy .container {
    padding: 0vw 4vw !important;
  }

  .stayinform .container {
    padding: 0vw 4vw;
    padding-top: 30px;
  }

  .voicegrid_content .container {
    padding: 0vw 4vw;
    padding-top: 0px;
  }
}

@media (min-width:768px) and (max-width:1499px) {
  .perspectives_card .action-btn .gcc {
    font-size: 11px;
    line-height: 18px;
    height: 16px;
  }
}

@media (min-width:690px) and (max-width:767px) {
  .perspectives_card .action-btn .gcc {
    font-size: 12px;
    line-height: 19px;
  }
}

@media (max-width:767px) {
  .perspectives_card .action-btn .gcc {
    color: var(--black-primary);
    font-family: var(--regular-font);
    font-size: 3.2vw;
    height: max-content;
  }
}

@media (max-width:767px) {
  .accordion-body .col-md-6 h2 {
    color: var(--red-primary);
    font-size: 3.6vw;
    font-family: var(--medium-font);
    padding-top: 7vw;
  }

  .accordion-body .col-md-6 p {
    color: var(--black-primary);
    font-size: 3.6vw;
    font-family: var(--medium-font);
  }

  .accordion-body .col-md-6 a {
    color: var(--black-primary);
    font-size: 3.6vw;
    font-family: var(--medium-font);
  }

  .accordion-body .single-line {
    border-style: solid;
    border-color: #013a9b;
    border-width: 1px 0px 0px 0px;
    padding: 0px;
  }

  .accordion-body .line-top {
    border-style: solid;
    border-color: #939393;
    border-width: 1px 0px 0px 0px;
    padding: 0px 0px 30px 0px;
  }
}

@media (min-width:1200px) and (max-width:1400px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1060px;
  }

  .stayinform .staycard h3 {
    width: 60%;
  }
}

.highlight a {
  --r: 15px;
  --b: 2px;
  position: relative;
  color: #000000;
  background-color: #FFCC00;
  padding: 12px 30px 12px 20px;
  clip-path: polygon(0 0, 100% 0, calc(100% - (var(--r) - (var(--b) / 2))) 50%, 100% 100%, 0 100%, calc(var(--r) - (var(--b) / 0)) 50%);
}

.highlight a::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-color: red;
  z-index: -1;
  clip-path: polygon(calc(var(--b) * 2) var(--b), calc(100% - (var(--b) * 2)) var(--b), calc(calc(100% - var(--b)) - var(--r)) 50%, calc(100% - (var(--b) * 2)) calc(100% - var(--b)), calc(var(--b) * 2) calc(100% - var(--b)), calc(var(--r) + var(--b)) 50%);
}

.award-event .container {
  padding-right: calc(var(--bs-gutter-x)* .5);
  padding-left: calc(var(--bs-gutter-x)* .5);
}

.hr-line {
  color: inherit;
  border: 1px solid #050505;
  margin-top: 25px;
}

.list-section {
  font-weight: 400;
  color: var(--red-primary);
  font-size: 20px;
  font-family: var(--medium-font);
  display: flex;
  justify-content: end;
  gap: 20px;
}

.list-section ul {
  display: flex;
  gap: 20px;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.list-section ul li:first-child {
  list-style: none;
}

.list-section p {
  margin-bottom: 0px !important;
}

.listen-heading h2 {
  font-weight: 500;
  color: var(--red-primary);
  font-size: 36px;
  font-family: var(--medium-font);
  margin-bottom: 35px;
}

.listen-article {
  text-align: end;
  align-items: center;
  justify-content: end;
  display: flex
}

.voice-slider .video_block .highlight {
  font-size: 18px;
  line-height: 24px;
  color: var(--white-primary);
  font-family: var(--medium-font);
  text-transform: uppercase;
  position: absolute;
  top: 35px;
  left: 35px;
  text-decoration: none;
  font-weight: 700;
}

@media (max-width:767px) {
  .listen-article {
    text-align: end;
    align-items: center;
    justify-content: start;
    display: flex;
    margin-top: 10px;
  }

  .list-section {
    font-weight: 400;
    color: var(--red-primary);
    font-size: 12px;
    font-family: var(--medium-font);
    display: flex;
    justify-content: start !important;
    gap: 18px;
  }

  .list-section-style {
    justify-content: start !important;
  }
}

.perspectives_card {
  position: relative;
}

.perspectives_card .highlight-red a {
  font-size: 14px;
  line-height: 24px;
  color: #FFFFFF;
  font-family: var(--medium-font);
  position: absolute;
  top: 35px;
  left: 0px;
  text-decoration: none;
  font-weight: 700;
}

.perspectives_card .highlight-black a {
  font-size: 14px;
  line-height: 24px;
  color: #FFFFFF;
  font-family: var(--medium-font);
  position: absolute;
  top: 35px;
  left: 0px;
  text-decoration: none;
  font-weight: 700;
}

.perspectives_card .highlight-yellow a {
  font-size: 14px;
  line-height: 24px;
  color: #000000;
  font-family: var(--medium-font);
  position: absolute;
  top: 35px;
  left: 0px;
  text-decoration: none;
  font-weight: 700;
}

.highlight-red a {
  --r: 15px;
  --b: 2px;
  position: relative;
  color: #FFFFFF;
  background-color: #013a9b;
  padding: 12px 30px 12px 20px;
  clip-path: polygon(0 0, 100% 0, calc(100% - (var(--r) - (var(--b) / 2))) 50%, 100% 100%, 0 100%, calc(var(--r) - (var(--b) / 0)) 50%);
}

.highlight-red a::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-color: red;
  z-index: -1;
  clip-path: polygon(calc(var(--b) * 2) var(--b), calc(100% - (var(--b) * 2)) var(--b), calc(calc(100% - var(--b)) - var(--r)) 50%, calc(100% - (var(--b) * 2)) calc(100% - var(--b)), calc(var(--b) * 2) calc(100% - var(--b)), calc(var(--r) + var(--b)) 50%);
}

.highlight-black a {
  --r: 15px;
  --b: 2px;
  position: relative;
  color: #FFFFFF;
  background-color: #000000;
  padding: 12px 30px 12px 20px;
  clip-path: polygon(0 0, 100% 0, calc(100% - (var(--r) - (var(--b) / 2))) 50%, 100% 100%, 0 100%, calc(var(--r) - (var(--b) / 0)) 50%);
}

.highlight-black a::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-color: red;
  z-index: -1;
  clip-path: polygon(calc(var(--b) * 2) var(--b), calc(100% - (var(--b) * 2)) var(--b), calc(calc(100% - var(--b)) - var(--r)) 50%, calc(100% - (var(--b) * 2)) calc(100% - var(--b)), calc(var(--b) * 2) calc(100% - var(--b)), calc(var(--r) + var(--b)) 50%);
}

.highlight-yellow a {
  --r: 15px;
  --b: 2px;
  position: relative;
  color: #000000;
  background-color: #FFCC00;
  padding: 12px 30px 12px 20px;
  clip-path: polygon(0 0, 100% 0, calc(100% - (var(--r) - (var(--b) / 2))) 50%, 100% 100%, 0 100%, calc(var(--r) - (var(--b) / 0)) 50%);
}

.highlight-yellow a::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-color: red;
  z-index: -1;
  clip-path: polygon(calc(var(--b) * 2) var(--b), calc(100% - (var(--b) * 2)) var(--b), calc(calc(100% - var(--b)) - var(--r)) 50%, calc(100% - (var(--b) * 2)) calc(100% - var(--b)), calc(var(--b) * 2) calc(100% - var(--b)), calc(var(--r) + var(--b)) 50%);
}

@media (max-width:767px) {
  .perspectives_card .highlight-yellow a {
    font-size: 2vw;
    line-height: 8px;
    color: #000000;
    font-family: var(--medium-font);
    position: absolute;
    top: 35px;
    left: 0px;
    text-decoration: none;
    font-weight: 700;
  }

  .highlight-yellow a {
    --r: 15px;
    --b: 2px;
    position: relative;
    color: #FFFFFF;
    background-color: #FFCC00;
    padding: 10px 25px 10px 15px;
  }

  .perspectives_card .highlight-black a {
    font-size: 2vw;
    line-height: 8px;
    color: #FFFFFF;
    font-family: var(--medium-font);
    position: absolute;
    top: 35px;
    left: 0px;
    text-decoration: none;
    font-weight: 700;
  }

  .highlight-black a {
    --r: 15px;
    --b: 2px;
    position: relative;
    color: #FFFFFF;
    background-color: #000000;
    padding: 10px 25px 10px 15px;
  }

  .perspectives_card .highlight-red a {
    font-size: 2vw;
    line-height: 8px;
    color: #FFFFFF;
    font-family: var(--medium-font);
    position: absolute;
    top: 35px;
    left: 0px;
    text-decoration: none;
    font-weight: 700;
  }

  .highlight-red a {
    --r: 15px;
    --b: 2px;
    position: relative;
    color: #FFFFFF;
    background-color: #013a9b;
    padding: 10px 25px 10px 15px;
  }

  .play-button {
    padding: 0px 10px;
  }

  .progress-container {
    width: 100%;
    background: #eee;
    padding: 10px 10px 10px 0px !important;
    border-radius: 10px;
    display: flex;
    align-items: center;
    height: 60px !important;
  }

  .play-btn {
    width: 25px !important;
    height: 20px !important;
    background: #013a9b;
    clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
    cursor: pointer;
    margin-right: 10px;
    margin-left: 10px;
  }

  .time {
    font-size: 18px;
    font-weight: 500;
    margin-right: 15px !important;
    margin-left: 0px !important;
    white-space: nowrap;
    color: #939393;
  }

  .voice-slider .video_block .highlight {
    font-size: 14px;
    line-height: 24px;
    color: var(--white-primary);
    font-family: var(--medium-font);
    text-transform: uppercase;
    position: absolute;
    top: 28px;
    left: 25px;
    text-decoration: none;
    font-weight: 700;
  }

  .block-title-new p {
    font-family: var(--regular-font);
    font-size: 3.6vw !important;
    line-height: 4.8vw !important;
    color: var(--black-primary);
  }
}

@media (min-width:768px) and (max-width:1499px) {
  .perspectives_card .highlight-yellow a {
    font-size: 13px;
    line-height: 13px;
    color: #000000;
    font-family: var(--medium-font);
    position: absolute;
    top: 35px;
    left: 0px;
    text-decoration: none;
    font-weight: 700;
  }

  .highlight-yellow a {
    --r: 15px;
    --b: 2px;
    position: relative;
    color: #000000;
    background-color: #FFCC00;
    padding: 10px 25px 10px 15px;
  }

  .perspectives_card .highlight-black a {
    font-size: 13px;
    line-height: 13px;
    color: #FFFFFF;
    font-family: var(--medium-font);
    position: absolute;
    top: 35px;
    left: 0px;
    text-decoration: none;
    font-weight: 700;
  }

  .highlight-black a {
    --r: 15px;
    --b: 2px;
    position: relative;
    color: #000000;
    background-color: #000000;
    padding: 10px 25px 10px 15px;
  }

  .perspectives_card .highlight-red a {
    font-size: 13px;
    line-height: 13px;
    color: #FFFFFF;
    font-family: var(--medium-font);
    position: absolute;
    top: 35px;
    left: 0px;
    text-decoration: none;
    font-weight: 700;
  }

  .highlight-red a {
    --r: 15px;
    --b: 2px;
    position: relative;
    color: #000000;
    background-color: #013a9b;
    padding: 10px 25px 10px 15px;
  }

  .voice-slider .video_block .highlight {
    font-size: 18px;
    line-height: 24px;
    color: var(--white-primary);
    font-family: var(--medium-font);
    text-transform: uppercase;
    position: absolute;
    top: 35px;
    left: 35;
    text-decoration: none;
    font-weight: 700;
  }
}

@media (min-width:768px) and (max-width:1366px) {
  .header_home .top-head .mainmenu ul li a {
    padding: 29px 18px;
  }
}

.progress-container {
  width: 100%;
  background: #eee;
  padding: 15px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  height: 90px;
}

.play-btn {
  width: 30px;
  height: 30px;
  background: #013a9b;
  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
  cursor: pointer;
  margin-right: 10px;
  margin-left: 10px;
}

.progress-bar {
  width: 87%;
  height: 5px;
  background: #939393;
  position: relative;
  border-radius: 10px;
}

.progress {
  width: 30%;
  height: 100%;
  background: #013a9b;
  position: absolute;
}

.time {
  font-size: 18px;
  font-weight: 500;
  margin-right: 20px;
  margin-left: 10px;
  white-space: nowrap;
  color: #939393;
}

.action-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 100%;
}

.postdate {
  text-align: left;
}

.city {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}

.fee {
  text-align: right;
  margin-left: auto;
}

.perspectives_card .action-btn .city {
  color: var(--black-primary);
  font-family: var(--regular-font);
  font-size: 3.2vw;
  height: max-content;
}

.perspectives_card .action-btn .city {
  font-size: 14px;
  line-height: 21px;
  height: 22px;
}

.list-section ul li::marker {
  font-size: 10px;
  vertical-align: middle;
}

.list-section ul {
  list-style-position: inside;
}

.list-section ul {
  list-style: none;
  padding: 0;
}

.list-section ul li {
  display: flex;
  align-items: center;
  gap: 8px;
}

.list-section ul li::before {
  content: "●";
  font-size: 12px;
  color: var(--red-primary);
  padding-right: 10px;
}

.list-section ul li.no-dot::before {
  content: none;
}

.list-section-style {
  justify-content: end;
}

@media (min-width:1400px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1320px;
  }
}

@media (min-width:1500px) {
  .nsm_footer-homepage .footer_logo {
    width: 340px;
  }

  .nsm_footer-homepage .hastagfooter {
    font-family: var(--medium-font);
    font-size: 30px;
    line-height: 37.5px;
    text-align: right;
    color: var(--white-primary);
    margin: 0;
  }

  .nsm_footer-homepage .pb-4 {
    margin-bottom: 30px !important;
  }

  .nsm_footer-homepage {
    padding: 110px 0px;
    background: linear-gradient(to bottom, #0251c3, #002c83);
    background-size: cover;
  }

  .voice-slider .video_block .highlight {
    font-size: 18px;
    line-height: 24px;
    color: var(--white-primary);
    font-family: var(--medium-font);
    text-transform: uppercase;
    position: absolute;
    top: 35px;
    text-decoration: none;
    font-weight: 700;
  }

  .header_home .top-head .mainmenu ul li {
    /*white-space: nowrap;*/
  }

  .header_home .top-head {
    padding: 0px 35px;
  }
}

.youtube__logo--width {
  width: 100px !important;
}

.hs_bold {
  font-family: var(--bold-font) !important;
}

.block-title-new p {
  font-size: 19px;
  line-height: 28.5px;
  color: #000000 !important;
  font-family: var(--regular-font) !important;
  margin-bottom: 5px !important;
}

.tabcontent-slider a {
  text-decoration: none;
}

@media (min-width:1230px) and (max-width:1370px) {
  .customcontain {
    margin-left: calc((100% - 1050px) / 2);
    display: flex;
    flex-wrap: wrap;
  }
}

@media (min-width:1660px) and (max-width:1920px) {
  .customcontain {
    margin-left: calc((100% - 1300px) / 2);
    display: flex;
    flex-wrap: wrap;
  }
}

#mycontainer-new {
  border-bottom: 1px solid var(--black-primary);
  padding-bottom: 20px;
  margin-bottom: 50px;
}

.youtube__logo--width {
  width: 100px !important;
}

.nsm_footer-social a:first-child img {
  width: 75px !important;
}

.sv-slider .col-md-12 {
  padding-left: 0px !important;
}

.hr-line-new {
  color: #000000;
  margin-bottom: 50px;
  opacity: 1.25;
}

.sv-slider {
  padding: 0px !important;
}

.regional-member .nav-link.active,
.nav-pills .show>.nav-link {
  color: var(--red-primary);
  background-color: none !important;
}

.indian-region .nav-link,
.regional-member .nav-link {
  background-color: transparent !important;
  border: none;
  font-size: 18px;
  color: #000;
}

.nav-tabs .nav-link.active,
.nav-pills .nav-link.active {
  background-color: transparent !important;
  color: var(--red-primary);
  font-family: var(--bold-font);
}

.tab-content>.tab-pane {
  background-color: transparent !important;
}

.indian-region-button {
  font-size: 18px;
  line-height: 27px;
  text-decoration: none;
  text-transform: capitalize;
  font-family: var(--bold-font);
  padding: 10px 15px 10px 0px;
}

.indian-region li.active {
  color: var(--red-primary);
}

.regional-section .tabs-content {
  display: none;
}

.hs_regional_tab li button {
  padding: 0px;
}

.hs_regional_tab li {
  padding: 7px;
}

.hs_regional_tab li button.active {
  border-bottom: 1px solid var(--red-primary);
  border-radius: 0px;
}

#isd-content {
  display: none;
}

#gst-content {
  display: none;
}

.nwhome .action-btn {
  display: block !important;
}

.indian-region {
  border-bottom: none;
}

.item-block {
  padding: 10px;
}

.video-slider .item-block {
  width: 100%;
}

.video-slider .slide {
  padding: 10px;
}

.video-slider img {
  width: 100%;
  height: auto;
  display: block;
}

.block-title-new {
  margin-top: 10px;
}

.block-title-new b {
  display: block;
  font-size: 16px;
}

.block-title-new p {
  font-size: 14px;
  margin: 0;
  color: #333;
}

.sv_video {
  margin-bottom: 80px;
}

.sv_video .slick-dots {
  position: absolute;
  bottom: -100px;
  display: block;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: center;
}

.sv_video .slick-dots {
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 20px 0;
}

.sv_video .slick-dots li button:before {
  display: none;
}

.sv_video .slick-dots li button {
  font-size: 0;
  width: 14px;
  height: 14px;
  border: 3px solid var(--red-primary);
  border-radius: 50%;
  background: transparent;
  transition: background 0.3s ease, border-color 0.3s ease;
}

.sv_video .slick-dots li.slick-active button {
  background-color: var(--red-primary);
  border-color: var(--red-primary);
}

.article_authors {
  padding: 0px 0px;
}

.article_authors .col-md-6 {
  display: flex;
}

.author_box {
  display: flex;
  flex-direction: column;
  height: 100%;
}

@media (min-width:768px) {
  .author_box {
    flex-direction: row;
  }

  .authors_image,
  .authors_content {
    flex: 1;
  }
}

.authors_image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.article_authors .row {
  align-items: stretch;
}

.authors_content {
  padding: 0px 0px 0px 15px;
}

.authors_content p {
  color: var(--black-primary);
  font-family: var(--regular-font);
  font-size: 16px;
  line-height: 28px;
}

.authors_content .red_praha {
  color: var(--red-primary);
  font-family: var(--regular-font);
  font-size: 16px;
  line-height: 28px;
}

.authors_content h3 {
  color: var(--red-primary);
  font-family: var(--bold-font);
  font-size: 20px;
  line-height: 28px;
}

.article_authors .col-md-12 h3 {
  font-size: 72px;
  font-weight: 400;
  line-height: 86.4px;
  text-align: left;
  padding: 0;
  margin: 0;
  color: var(--red-primary);
  margin-bottom: 80px;
  font-family: var(--regular-font);
}

.article_authors i {
  color: #939393;
  font-size: 24px;
}

.author_line {
  margin: 80px 0px;
}

.article_authors_one {
  margin-bottom: 50px;
}

.article_authors_four {
  margin-top: 100px;
}

.cxo_forum {
  padding: 50px 0px;
  margin-top: 14%;
}

.cxo_forum .col-md-12 {
  text-align: center;
}

.cxo_forum .col-md-12 h2 {
  font-size: 48px;
  font-weight: 500;
  font-family: 'Objektiv_Mk1MD';
  line-height: 60px;
  color: #013a9b;
}

.cxo_forum .col-md-12 h3 {
  font-size: 48px;
  font-weight: 500;
  font-family: 'Objektiv_Mk1MD';
  line-height: 60px;
  color: #000000;
  margin-bottom: 15px;
}

.cxo_forum .col-md-12 h5 {
  font-size: 20px;
  font-weight: 500;
  font-family: 'Objektiv_Mk1MD';
  line-height: 40px;
}

.bottom-head-new {
  background-color: #e3ad25 !important;
  color: #fff;
}

.header_home .bottom-head .leftmenu_new ul li a {
  text-decoration: none;
  font-size: 0.8vw;
  text-transform: uppercase;
  color: var(--white-primary);
  font-family: var(--bold-font);
}

.iconblock_new a {
  font-size: 13px;
  line-height: 14px;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--white-primary);
  font-family: var(--bold-font);
}

.header_home .bottom-head .rightblock .rightmenu_new {
  border-right: 0px solid var(--red-primary);
  margin-right: 20px;
  margin-left: 20px;
  padding-right: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.header_home .row .bottom-head-new {
  background: #ffffffe7;
  border-radius: 0px 0px 10px 10px;
  padding: 20px 35px;
}

.cxo_forum .agenda_content .main_parha {
  font-size: 24px;
  color: #013a9b;
  font-weight: 500;
  font-family: var(--medium-font);
  line-height: 30px;
}

.cxo_forum .agenda_content p {
  font-size: 22px;
  color: #000;
  font-weight: 500;
  font-family: var(--medium-font);
  line-height: 40px;
  margin-bottom: 0px;
}

.cxo_forum .agenda_content ul li {
  font-size: 22px;
  color: #000;
  font-weight: 500;
  font-family: var(--medium-font);
  line-height: 40px;
}

.cxo_forum .agenda_date p {
  font-size: 22px;
  color: #013a9b;
  font-weight: 400;
  font-family: var(--regular-font);
  line-height: 30px;
}

.cxo_forum .row {
  margin-bottom: 30px;
}

.header_home .bottom-head .rightblock .rightmenu_new {
  border-right: 0px solid var(--red-primary) !important;
  margin-right: 0px !important;
  margin-left: 20px;
  padding-right: 0px !important;
  padding-top: 5px;
  padding-bottom: 5px;
}

.header_home .bottom-head .rightmenu_new ul li a {
  text-decoration: none;
  font-size: 0.8vw;
  text-transform: uppercase;
  color: var(--white-primary);
  font-family: var(--bold-font);
  line-height: 32px;
}

.top-head .col-md-9 {
  padding: 0px;
}

.market-industry-main-content .tabs-content .helping_sme_content b {
  font-family: var(--regular-font);
  font-weight: 400;
  font-size: 20px;
  line-height: 160%;
  color: #013a9b;
}

.market-industry-main-content .tabs-content .helping_sme_content p {
  font-family: var(--regular-font);
  font-weight: 700;
  font-size: 20px;
  line-height: 160%;
  color: #000000;
  margin-top: 20px;
}

.market-industry-main-content .tabs-content .helping_sme_content li {
  font-family: var(--regular-font);
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  color: #000000;
}

.market-industry-main-content .tabs-content .helping_sme_content ul li::marker {
  color: #013a9b;
}

.market-industry-main-content .tabs-content .content_block_new h5 {
  font-family: var(--medium-font) !important;
  font-weight: 500 !important;
  font-size: 48px !important;
  line-height: 130% !important;
}

.market-industry-main-content .tabs-content .helping_sme_heading h5 {
  font-family: var(--bold-font);
  font-size: 20px;
  line-height: 30px;
  color: var(--red-primary);
  text-transform: uppercase;
  margin-bottom: 30px;
}

.smepageline {
  opacity: 1;
  margin-bottom: 50px;
}

.helping_sme_image img {
  border-radius: 10px;
}

.slider-wrapper {
  position: relative;
}

.slick-arrow-custom {
  position: absolute;
  top: 25%;
  transform: translateY(-50%);
  z-index: 10;
  background: none;
  border: none;
  font-size: 28px;
  color: black;
  cursor: pointer;
}

.slick-prev {
  left: -170px;
}

.slick-next {
  right: -115px;
}

.slider-container .content-block p {
  font-size: 20px;
  line-height: 32px;
  color: var(--black-primary);
  font-family: var(--regular-font);
  margin-bottom: 30px;
}

.slider-container .block-title-new ul li {
  font-size: 20px;
  line-height: 32px;
  color: var(--black-primary);
  font-family: var(--regular-font);
}

.stakeholder_content p {
  margin-top: 1rem;
  font-family: var(--regular-font);
  font-size: 20px;
  line-height: 32px;
  color: var(--black-primary);
}

.stakeholder_content b {
  font-family: var(--bold-font);
}

.erd_hrline {
  opacity: 1;
  margin-bottom: 60px;
}

.stakeholder_image img {
  border-radius: 10px;
}

.video_frame_content p {
  margin-top: 15px;
}

.rnd_slider_container .sv_video {
  margin-bottom: 50px;
}

.stakeholder_content h5 {
  font-size: 20px;
  margin-top: 20px;
  font-family: var(--bold-font);
  line-height: 32px;
}

.rnd_slider_container p {
  font-family: var(--regular-font);
  font-size: 20px;
  line-height: 32px;
  color: var(--black-primary);
}

.hs_video_frame_content h5 {
  font-size: 20px;
  line-height: 32px;
  margin-top: 20px;
  font-family: var(--bold-font);
}

.hs_video_frame_content ul li {
  font-family: var(--regular-font);
  font-size: 20px;
  line-height: 32px;
  color: var(--black-primary);
}

.erd_hrline_second {
  margin-top: 50px;
}

.slick-slidernew .slick-dots {
  display: none !important;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 20px 0;
}

.stakeholder_image {
  text-align: center;
}

.content-block p {
  font-family: var(--regular-font);
  font-size: 20px;
  line-height: 32px;
  color: var(--black-primary);
}

#talentVideo {
  width: 100%;
  border-radius: 10px;
  height: 500px;
  object-fit: cover;
}

.talent_council_section {
  margin-top: 210px;
}

.talent_council_section .talent_council h2 {
  font-size: 80px;
  font-family: var(--regular-font);
  font-weight: 400;
  line-height: 85px;
  color: #013a9b;
  margin-bottom: 40px;
}

.talent_council_section .talent_council h5 {
  font-size: 38px;
  line-height: 50px;
  font-family: var(--medium-font);
  font-weight: 500;
  color: #013a9b;
  margin-bottom: 30px;
}

.talent_council_section .talent_council p {
  font-size: 14px;
  line-height: 26px;
  font-family: var(--regular-font);
  font-weight: 400;
}

.talent_council_vedio #talentVideo {
  width: 100%;
  height: auto;
}

.what_we_solving .content-block h5 {
  font-family: var(--extrabold-font);
  font-size: 14px;
  line-height: 22px;
  color: var(--red-primary);
  text-transform: capitalize;
  margin-bottom: 20px;
}

.solving-for-section {
  padding: 40px 20px;
  background-color: #fff;
}

.solving-slider .slide-card {
  padding: 7px;
  text-align: left;
}

.slide-card img {
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}

.solving-for-section .section-title {
  font-size: 48px;
  line-height: 60px;
  font-family: var(--medium-font);
  font-weight: 500;
  color: #013a9b;
  margin-bottom: 15px;
}

.solving-for-section .section-desc {
  font-size: 14px;
  line-height: 26px;
  font-family: var(--regular-font);
  font-weight: 400;
}

.solving-slider h4 {
  font-size: 18px;
  line-height: 36px;
  font-family: var(--bold-font);
  font-weight: 500;
}

.solving-slider p {
  font-size: 14px;
  line-height: 26px;
  font-family: var(--regular-font);
  font-weight: 400;
}

.slider-wrapper {
  position: relative;
}

.slick-arrow-custom {
  position: absolute;
  top: 30%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  z-index: 1;
  cursor: pointer;
}

.slick-prev {
  left: -40px;
}

.slick-next {
  right: -40px;
}

.slick-arrow-custom img {
  width: 24px;
  height: auto;
}

.quote-section {
  text-align: center;
  padding: 0px 20px;
  position: relative;
}

.quote-icon-top,
.quote-icon-bottom {
  font-size: 28px;
  color: #c0392b;
  margin-bottom: 20px;
}

.quote-heading {
  font-size: 18px;
  font-family: var(--medium-font);
  line-height: 28px;
  font-weight: 500;
  color: #939393;
  margin-bottom: 14px;
}

.quote-box {
  background-color: #013a9b;
  color: white;
  padding: 45px 40px;
  margin: 0 auto;
  border-radius: 10px;
  max-width: 660px;
  text-align: left;
}

.quote-author {
  font-size: 18px;
  font-family: var(--medium-font);
  line-height: 28px;
  font-weight: 500;
  color: #939393;
  margin-top: 20px;
}

.quote-section .quote-box p {
  font-size: 18px;
  font-family: var(--medium-font);
  line-height: 28px;
  font-weight: 500;
}

.quote-icon-top img {
  width: 32px;
}

.quote-icon-bottom img {
  width: 32px;
}

.solving-for-section .section-desc b {
  font-family: var(--bold-font);
}

.our_focus_areas .slide-card {
  padding: 7px;
  text-align: left;
}

.our_focus_areas h4 {
  font-size: 16px;
  line-height: 36px;
  font-family: var(--bold-font);
  font-weight: 500;
}

.our_focus_areas ul li {
  font-size: 14px;
  line-height: 26px;
  font-family: var(--regular-font);
  font-weight: 400;
}

.our_focus_areas p {
  font-size: 14px;
  line-height: 26px;
  font-family: var(--regular-font);
  font-weight: 400;
}

.slide-card-new img {
  width: 130px;
  height: 150px;
}

.slide-card-new {
  justify-content: center;
  display: flex !important;
  text-align: center !important;
  flex-direction: column;
  align-items: center;
}

.solving-slider .slide-card-new h4 {
  font-size: 18px;
  line-height: 24px;
  font-family: var(--bold-font);
  font-weight: 500;
}

.people-card .desg {
  font-size: 13px;
  line-height: 21px;
  color: var(--black-primary);
  font-family: var(--regular-font);
}

.people-card .name {
  font-size: 15px;
  line-height: 24px;
  color: var(--black-primary);
  font-family: var(--bold-font);
  margin-bottom: 0px;
}

.talent_council_members .col-md-3 {
  width: 20%;
}

.talent_council_members .content-block h5 {
  font-size: 38px;
  line-height: 60px;
  font-family: var(--medium-font);
  font-weight: 500;
  color: #013a9b;
  margin-bottom: 30px;
  margin-top: 50px;
}

.contact_us_section .contact_title h2 {
  font-size: 42px;
  line-height: 60px;
  font-family: var(--bold-font);
  font-weight: 500;
  color: #013a9b;
  text-align: center;
}

.contact_us_section .contact_title a {
  font-size: 26px;
  line-height: 40px;
  font-family: var(--regular-font);
  font-weight: 400;
  color: #e3ad25;
  text-align: center;
  text-decoration: none;
  display: flex;
  justify-content: center;
}

.contact_us_section {
  background-color: #EBEBEB;
  padding: 30px 0px;
}

.fordesk .rightmenu img {
  width: 20px;
  height: 20px;
}

.solving-for-section h5 {
  font-size: 18px;
  line-height: 32px;
  font-family: var(--bold-font);
  font-weight: 500;
}

.key_takeaways {
  padding: 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.contact_us_section {
  margin-top: 50px;
}

.talent_hrline {
  opacity: 1;
  margin-top: 60px;
  margin-bottom: 50px;
}

.key_takeaways .section-title {
  margin-bottom: 40px;
}

.talent_council_parha {
  width: 70%;
}

@media (max-width:767px) {
  .talent_council_section .talent_council h2 {
    font-size: 46px;
    font-family: var(--regular-font);
    font-weight: 400;
    line-height: 66px;
    color: #013a9b;
  }

  .talent_council_section .talent_council h5 {
    font-size: 28px;
    line-height: 38px;
    font-family: var(--medium-font);
    font-weight: 500;
    color: #013a9b;
  }

  .talent_council_section .talent_council p {
    color: var(--black-primary);
    font-family: var(--regular-font);
    font-size: 3.8vw;
    line-height: 5.6vw;
  }

  .talent_council_vedio #talentVideo {
    width: 100%;
    height: auto;
  }

  .solving-for-section {
    padding: 40px 0px;
    background-color: #fff;
  }

  .solving-for-section .section-title {
    font-size: 28px;
    line-height: 50px;
    font-family: var(--medium-font);
    font-weight: 500;
    color: #013a9b;
    margin-bottom: 1px;
  }

  .solving-slider p {
    color: var(--black-primary);
    font-family: var(--regular-font);
    font-size: 3.8vw;
    line-height: 5.6vw;
  }

  .solving-for-section .section-desc {
    color: var(--black-primary);
    font-family: var(--regular-font);
    font-size: 3.8vw;
    line-height: 5.6vw;
  }

  .solving-for-section h5 {
    font-size: 18px;
    line-height: 30px;
    font-family: var(--bold-font);
    font-weight: 500;
  }

  .our_focus_areas p {
    color: var(--black-primary);
    font-family: var(--regular-font);
    font-size: 3.8vw;
    line-height: 5.6vw;
  }

  .our_focus_areas ul li {
    color: var(--black-primary);
    font-family: var(--regular-font);
    font-size: 3.8vw;
    line-height: 5.6vw;
  }

  .key_takeaways {
    padding: 0px !important;
  }

  .slide-card-new {
    margin-top: 30px;
  }

  .talent_council_members .content-block h5 {
    font-size: 28px;
    line-height: 42px;
    font-family: var(--medium-font);
    font-weight: 500;
    color: #013a9b;
    margin-bottom: 25px;
    margin-top: 50px;
  }

  .talent_council_members .col-md-3 {
    width: 50%;
  }

  .contact_us_section .contact_title h2 {
    font-size: 28px;
    line-height: 50px;
    font-family: var(--bold-font);
    font-weight: 500;
    color: #013a9b;
    text-align: center;
  }

  .contact_us_section .contact_title h5 {
    font-size: 24px;
    line-height: 36px;
    font-family: var(--regular-font);
    font-weight: 400;
    color: #e3ad25;
    text-align: center;
  }
}

.key_takeaways img {
  height: 150px;
  width: 130px;
}

.rnd_slider_container .content-block h5 {
  font-size: 38px;
  line-height: 48px;
  font-family: var(--medium-font);
  font-weight: 500;
  color: #013a9b;
  margin-top: 30px;
  margin-bottom: 20px;
}

.sv_video .slick-dots {
  display: none !important;
}

.key_takeways h5 {
  margin-bottom: 50px;
}

.key_takeaways_content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.rnd_slider_container .content-block {
  width: 70%;
}

.rnd_slider_container .content-block b {
  font-family: var(--medium-font);
  font-size: 16px;
  line-height: 26px;
  color: var(--black-primary);
}

.keytackeaways_content h5 {
  margin-bottom: 50px !important;
}

.bold_heading {
  margin: 0px;
}

.hs_video_frame_content p {
  margin: 0px;
}

.hs_video_frame_content span {
  font-size: 14px;
  line-height: 30px;
  font-family: var(--bold-font);
  font-weight: 700;
}

.hs_video_frame_content span a {
  color: #013a9b;
  text-decoration: none;
}

.council_focus_area .col-md-10 h5 {
  font-size: 38px;
  line-height: 48px;
  font-family: var(--medium-font);
  font-weight: 500;
  color: #013a9b;
  margin-top: 30px;
  margin-bottom: 20px;
}

.council_focus_area .col-md-10 .parha_regular {
  font-family: var(--regular-font);
  font-size: 14px;
  line-height: 26px;
  color: var(--black-primary);
}

.council_focus_area .col-md-10 .parha_bold {
  font-family: var(--bold-font);
  font-size: 14px;
  line-height: 26px;
  color: var(--black-primary);
  margin-bottom: 0px;
  font-weight: 600;
}

.grid_line_colum {
  align-items: center;
  margin: 20px 0px 40px 0px;
}

.grid_line {
  flex: 1;
  height: 2px;
  background-color: #013a9b;
  margin-left: 15px;
}

.grid_line_colum h4 {
  color: #013a9b;
  font-size: 18px;
  margin-right: 15px;
}

.hs_video_frame_content a {
  padding: 20px 20px;
  background: linear-gradient(to right, #C93733, #900804);
  border-radius: 50px;
  color: #ffffff;
  text-decoration: none;
  font-size: 12px;
  font-family: var(--bold-font);
}

.hr-line-hs {
  color: #000000;
  margin-bottom: 40px;
  opacity: 1.25;
}

.hs_video_spacing {
  height: 100%;
  padding-bottom: 50px;
}

.hs_video_spacing a {
  color: #013a9b !important;
  background: transparent;
  padding: 0px;
  font-size: 14px;
  line-height: 26px;
}

.slick-slidernew .slick-dots {
  display: none !important;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 20px 0;
}

.bpm_hrline {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: .25;
  margin: 0px 0px 50px 0px;
  opacity: 1;
}

@media (min-width:1500px) {
  .bpm_hrline {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: var(--bs-border-width) solid;
    opacity: .25;
    margin: 50px 0px 50px 0px;
    opacity: 1;
  }
}

@media (max-width:767px) {
  .hamburger_icon .close_icon .close_icon_image {
    width: 6.8vw;
    z-index: 9999;
  }
}

@media (min-width:1500px) {
  .page-intro {
    padding: 180px 0px 20px 0px;
  }

  .nsm_strategic-section#membership-strategic {
    padding: 240px 0px 120px 0px;
  }
}

.nsm_spirit-nasscom {
  background: url(../themes/custom/inoatheme/images/about_us_banner_image.jpg);
  padding: 120px 0px 120px 0px;
  height: auto;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center;
}

.loginregister_page input,
.loginregister_page select {
  border: 1px solid #000000;
  color: #000000;
  outline: none;
  padding: 10px;
  border-radius: 6px;
  width: 100%;
  box-sizing: border-box;
}

.loginregister_page label {
  color: #CFD3D4;
}

.loginregister_page input:focus,
.loginregister_page select:focus {
  border-color: #000000;
  color: #000000;
}

.loginregister_page input.valid,
.loginregister_page select.valid {
  border-color: #32936F;
  color: #32936F;
}

.loginregister_page input.error,
.loginregister_page select.error {
  border-color: #F57E77;
  color: #F57E77;
}

.loginregister_page input:disabled,
.loginregister_page select:disabled {
  background-color: #F9FAFA;
  border-color: #DDE2E5;
  color: #DDE2E5;
  cursor: not-allowed;
}

.loginregister_page input:-webkit-autofill {
  -webkit-text-fill-color: #000000 !important;
  box-shadow: 0 0 0px 1000px white inset;
}

.form-field {
  position: relative;
}

.form-field input {
  width: 100%;
  padding: 1.5vw 0.6vw 0.5vw 0.6vw !important;
  border-radius: 6px;
  font-size: 15px;
  outline: none;
  background: transparent;
  margin-bottom: 0px !important;
}

.form-field-defult input {
  border: 1px solid #ccc;
  color: #ccc;
  outline: none;
}

.form-field-defult input::placeholder {
  color: #ccc;
  opacity: 0.2;
}

.form-field-defult select {
  border: 1px solid #ccc;
  color: #ccc;
}

.form-field .user_field {
  position: absolute;
  left: 12px;
  top: 40%;
  transform: translateY(-50%);
  color: #666;
  font-size: 15px;
  pointer-events: none;
  transition: all 0.2s ease;
  background: transparent;
  padding: 0 4px;
}

.form-field .password_field {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #666;
  font-size: 15px;
  pointer-events: none;
  transition: all 0.2s ease;
  background: transparent;
  padding: 0 4px;
}

.form-field input:focus+label,
.form-field input:not(:placeholder-shown)+label {
  top: 16px;
  left: 8px;
  font-size: 12px;
  color: #000;
}

.form-group.error input {
  border-color: #e74c3c;
}

.form-group.error label {
  color: #e74c3c;
}

.error-message {
  font-size: 12px;
  color: #e74c3c;
  margin-top: 0px;
  font-family: var(--regular-font);
  font-weight: 400;
  margin-bottom: 10px;
}

.btn-submit {
  width: 100%;
  background: #000;
  color: #fff;
  padding: 12px;
  border: none;
  border-radius: 6px;
  font-size: 16px;
  cursor: pointer;
}

.btn-submit:hover {
  background: #333;
}

.form-field .password_field {
  color: #e74c3c !important;
}

.toggle-password {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.form-field-password {
  margin-bottom: 0px;
}

.form-field input:valid {
  border-color: #000000 !important;
  color: #000000 !important;
}

.input-icon {
  position: absolute;
  right: 15px;
  top: 40%;
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  pointer-events: none;
}

.heart_icon {
  position: absolute;
  left: 26px;
  top: 30%;
  transform: translateY(-50%);
  width: 23px;
  height: 22px;
  pointer-events: none;
}

.form_coloum_helper .error-message {
  margin-bottom: 10px;
  color: #ABAFB1;
  font-size: 12px;
  margin-top: 0px;
  font-family: var(--regular-font);
  font-weight: 400;
}

.form-field-password .eye-on {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  display: none;
}

.form-field-password .eye-off {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.tabs-nav {
  background: var(--white-primary);
  padding: 10px 0px 0px 0px;
  z-index: 99;
}

.tabs-content {
  border-top: 1px solid var(--black-primary);
  margin-top: 0px;
  margin-bottom: 40px;
  padding-top: 20px;
  overflow: hidden;
}

.tabs-nav li.active a {
  color: var(--red-primary);
  padding-bottom: 0.25vw;
}

.loginregister_page .form_card .form_logo {
  width: 100%;
  text-align: left;
  margin-bottom: 1.2vw;
}

.loginregister_page .form_card .hs_form_close {
  position: relative;
  top: 7%;
  right: 0%;
  cursor: pointer;
}

.loginregister_page .form_card {
  background: var(--white-primary);
  width: 30vw;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 2vw 2vw;
}

.form_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.form_logo img {
  height: 40px;
}

.form_close img {
  height: 35px;
  width: 35px !important;
  cursor: pointer;
}

.loginregister_page .form_card .form_logo {
  width: 100%;
  text-align: left;
  margin-bottom: 0px;
}

.form_coloum input {
  margin-bottom: 20px !important;
}

.form-error-message input {
  margin-bottom: 0px !important;
}

.form_coloum select {
  background-position: calc(100% - 14px) 19px !important;
}

.search_box_section {
  margin-top: 0px;
  margin-bottom: 10px;
  padding-top: 40px;
  overflow: hidden;
  margin-top: 200px;
}

.tabs-content {
  border-top: 0px solid var(--black-primary);
}

.search_box_heading h2 {
  font-size: 60px;
  font-weight: 400;
  line-height: 70px;
  font-family: var(--regular-font);
  color: #013a9b;
  margin-bottom: 20px;
}

.search_box_heading p {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  font-family: var(--regular-font);
  color: #000;
}

.search_box_filter {
  position: relative;
  width: 100%;
}

.search_box_filter img {
  position: absolute;
  top: 30%;
  width: 20px;
  left: 2%;
}

.search_box_coloum {
  margin: 0px auto;
  margin-top: 30px;
}

.search_box_coloum .form-control {
  padding-left: 50px;
}

.search_box_filter input {
  border: none !important;
  border: 1px solid #ccc !important;
  outline: none !important;
  box-shadow: none !important;
  color: #ccc !important;
  transition: all 0.3s ease;
}

.search_box_filter input:focus {
  border-color: #000 !important;
  color: #000 !important;
  outline: none !important;
  box-shadow: none !important;
}

.search_box_filter input:not(:placeholder-shown) {
  color: #000 !important;
  border-color: #000 !important;
}

.eror_message_box {
  border: 1px solid #939393;
  height: 250px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 50px;
}

.eror_message_box h5 {
  font-size: 18px;
  line-height: 28px;
  font-family: var(--extrabold-font);
  font-weight: 800;
}

.eror_message_box p {
  font-size: 18px;
  line-height: 28px;
  font-family: var(--regular-font);
  font-weight: 400;
  color: #013a9b;
  margin-bottom: 0px;
}

.play_sample_quiz {
  background-image: url(themes/custom/inoatheme/images/play_quiz_bg_image.jpg);
  width: 100%;
  height: 500px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 10px;
}

.play_sample_quiz h3 {
  font-size: 56px;
  line-height: 66px;
  font-family: var(--medium-font);
  font-weight: 500;
  color: #fff;
  margin-bottom: 30px;
}

.play_sample_quiz p {
  font-size: 30px;
  line-height: 40px;
  font-family: var(--light-font);
  font-weight: 300;
  color: #fff;
}

.play_sample_quiz a {
  font-size: 18px;
  line-height: 28px;
  font-family: var(--medium-font);
  font-weight: 700;
  color: #013a9b;
  background-color: #fff;
  padding: 15px 40px;
  border-radius: 50px;
  display: inline-block;
  border: 2px solid #fff;
}

.play_divider {
  height: 4px;
  width: 70px;
  background-color: #fff;
  margin: 30px auto 50px;
}

.play_sample_quiz::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#000000B2, #000000B2);
  z-index: 0;
  border-radius: 10px;
}

.play_sample_content {
  position: relative;
  z-index: 1;
  width: 75%;
  margin: 0px auto;
}

@media (min-width:2000px) {
  .about-intro {
    padding: 180px 0px 100px 0px;
    margin-bottom: -5%;
    margin-left: auto;
  }

  .about-intro .nsm-image-element {
    position: absolute;
    bottom: -9%;
    left: 35%;
  }

  .nsm_image_new {
    height: 575px;
  }

  #membershipmainpage {
    margin-bottom: -7%;
  }

  .nsm_strategic-section#membership-strategic {
    padding: 260px 0px 120px 0px;
  }

  .voicegrid_content .perspectives_card .job_title {
    height: 126px;
    min-height: 126px;
  }

  .perspectives_card .job_title {
    font-family: var(--bold-font);
    color: var(--red-primary);
    font-size: 32px;
    line-height: 44px;
    text-align: left;
    margin-bottom: 0.5vw;
    padding: 20px 20px 0px 20px;
    height: 112px;
    overflow: hidden;
  }

  .perspectives_card .job_title {
    font-family: var(--bold-font);
    color: var(--red-primary);
    font-size: 0.5vw;
    line-height: 0.8vw;
    text-align: left;
    margin-bottom: 0.5vw;
    padding: 20px 20px 0px 20px;
    height: 0px !important;
    overflow: hidden;
    min-height: 80px !important;
  }

  .hs-page-intro {
    margin-bottom: -8%;
  }

  .stayinform .staycard {
    height: 190px !important;
  }

  .nsm_footer-homepage .footer_links a {
    text-decoration: none;
    color: var(--white-primary);
    font-size: 17px;
    line-height: 27px;
    margin-right: 17px;
    font-family: var(--bold-font);
    text-transform: uppercase;
  }

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

  .nsm-button-row {
    display: flex;
    margin-bottom: 1vw;
  }

  .market-industry-main-content#innovation .tabs-content {
    border-top: 2px solid var(--black-primary) !important;
    margin-top: 30px;
  }

  .media_press_tabcontent {
    border-top: 2px solid var(--black-primary) !important;
    margin-top: 30px !important;
    margin-bottom: 0px !important;
    padding-top: 45px;
    overflow: hidden;
  }

  .press-detail-tab {
    border-top: none !important;
  }
}

.search_margin {
  margin-right: 20px;
}

.search_box_heading {
  text-align: center;
}

.search_box_filter .form-control {
  padding: 10px 0px 10px 50px;
}

.search_box_section.active {
  display: block;
}

.search_function_section {
  margin-top: 0px !important;
  padding-top: 0px !important;
  margin-bottom: 50px !important;
}

.search-feature-heading h2 {
  font-size: 48px;
  line-height: 70px;
  font-family: var(--regular-font);
  font-weight: 400;
  color: #013a9b;
  margin-bottom: 25px;
  margin-top: 50px;
}

.search_card_content {
  border-radius: 10px 10px 10px 10px !important;
}

.search_line {
  margin-top: 80px;
  opacity: 1;
}

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

.update_result_coloum a {
  font-family: var(--bold-font);
  font-size: 16px;
  line-height: 27px;
  margin-right: 27px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff !important;
  background-color: #013a9b;
  white-space: nowrap;
  padding: 10px 40px;
  border-radius: 50px;
  margin-right: 0px !important;
  display: inline;
}

.sarch_nav_submenu {
  flex-direction: column;
  display: flex !important;
}

.sarch_nav_submenu {
  display: none !important;
}

.search_menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 20px;
}

.search_menu li {
  position: relative;
}

.search_menu li a {
  text-decoration: none;
  color: #000;
  font-weight: bold;
  text-transform: uppercase;
}

.search_menu .search_nav_submenu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: white;
  border: 1px solid #ddd;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  padding: 10px 0;
  min-width: 150px;
  z-index: 10;
}

.search_menu .search_nav_submenu li {
  padding: 5px 20px 10px 20px;
  white-space: nowrap;
}

.search_menu .search_nav_submenu li label {
  cursor: pointer;
  color: #013a9b;
  font-size: 13px;
  font-family: var(--medium-font);
  font-weight: 500;
  font-weight: normal;
}

.search_menu .dropdown:hover .search_nav_submenu {
  display: block;
}

.search_nav_submenu input {
  color: #E3E3E3;
  border-color: #E3E3E3;
  margin-right: 5px;
}

.menu li.dropdown:hover>a {
  color: #a00;
}

.arrow-img {
  width: 12px;
  transition: transform 0.3s ease;
}

.dropdown:hover .arrow-img {
  transform: rotate(180deg);
}

.search_tabs_nav {
  background: var(--white-primary);
  padding: 40px 0px 60px 0px;
  z-index: 99;
}

.results_logical h2 {
  font-size: 60px;
  line-height: 70px;
  font-family: var(--regular-font);
  font-weight: 400;
  color: #013a9b;
  text-align: center;
  margin-bottom: 60px;
}

.results_events h4 {
  font-size: 36px;
  line-height: 46px;
  font-family: var(--bold-font);
  font-weight: 700;
  color: #000;
  text-align: center;
  margin-bottom: 30px;
}

.results_events a {
  font-family: var(--bold-font);
  font-size: 16px;
  line-height: 27px;
  margin-right: 27px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  color: #013a9b !important;
  border: 2px solid #013a9b;
  white-space: nowrap;
  padding: 10px 35px;
  border-radius: 50px;
  margin: 0px;
}

.results_events span {
  color: #013a9b;
}

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

.search_load_more a {
  font-family: var(--bold-font);
  font-size: 16px;
  line-height: 27px;
  margin-right: 27px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff !important;
  background-color: #013a9b;
  white-space: nowrap;
  padding: 18px 40px;
  border-radius: 50px;
  margin: 0px;
  text-align: center;
}

.search_tab_item {
  margin-bottom: 50px;
}

.search_load_more {
  margin-top: 40px;
}

.serch_reault_line {
  margin: 90px 0px 70px 0px;
  opacity: 1;
}

.search_menu a {
  font-weight: 500 !important;
}

.search_menu a:hover {
  color: #013a9b;
}

.search_menu li.active a {
  color: var(--red-primary);
  border-bottom: 0px solid var(--red-primary);
  padding-bottom: 0.25vw;
}

.tabs_search_line {
  margin-top: 10px;
  opacity: 1;
}

.update_result_coloum {
  display: flex;
  justify-content: end;
}

.perspectives_search_heading h2 {
  font-size: 60px;
  line-height: 70px;
  font-family: var(--regular-font);
  font-weight: 400;
  color: #013a9b;
}

.perspectives_search_heading p {
  font-size: 18px;
  line-height: 28px;
  font-family: var(--regular-font);
  font-weight: 400;
  color: #000;
}

.perspectives_search_filter {
  position: relative;
  width: 100%;
}

.perspectives_search_filter img {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 20px;
}

.perspectives_search_filter input {
  padding-left: 40px;
  border: none !important;
  border: 1px solid #939393 !important;
  outline: none !important;
  box-shadow: none !important;
  color: #939393 !important;
  transition: all 0.3s ease;
}

.perspectives_search_filter input:focus {
  border-color: #5E6366 !important;
  color: #5E6366 !important;
  outline: none !important;
  box-shadow: none !important;
}

.perspectives_search_coloum {
  display: flex;
  align-items: center;
  justify-content: end;
}

.perspectives_search_section {
  padding: 50px 0px 10px 0px;
}

.arrow-img {
  width: 15px;
  height: 15px;
  transition: transform 0.3s ease;
  margin-bottom: 5px;
  margin-left: 7px;
}

.perspectives_search_line {
  margin: 0px 0px 50px 0px;
  opacity: 1;
  width: 98%;
  margin-left: 1%;
}

.iconblock_icons img {
  height: 22px;
  width: 22px;
  margin-left: 18px;
}

.icon_search_image {
  margin-left: 0px !important;
}

.search_nav_submenu input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  border: 2px solid #ccc;
  border-radius: 0px;
  background-color: #fff;
  position: relative;
  cursor: pointer;
  transition: all 0.2s;
  margin-bottom: -2px;
}

.search_nav_submenu input[type="checkbox"]:checked {
  background-color: #013a9b;
  border-color: #013a9b;
}

.search_nav_submenu input[type="checkbox"]:checked::after {
  content: '';
  position: absolute;
  left: 3px;
  top: 0px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.search_menu_tabs li.active a {
  color: var(--red-primary);
  border-bottom: 0px solid var(--red-primary) !important;
  padding-bottom: 1.5vw;
}

@media (min-width:992px) {
  .search_menu .dropdown:hover .search_nav_submenu {
    display: block;
  }
}

@media (max-width:767px) {
  .search_nav_submenu {
    display: none !important;
    position: relative;
  }

  .dropdown.open .search_nav_submenu {
    display: block !important;
  }
}

.perspectives_container {
  padding: 0px !important;
}

.form_group_labal {
  display: flex;
  flex-direction: column;
  margin-bottom: 0px;
}

.loginregister_page {
  overflow-y: auto;
  overflow-x: hidden;
}

.form-group-question {
  display: flex;
}

.form-group-question .form_group_labal {
  width: 30%;
}

.form-group-question input {
  width: 70%;
}

.meet_the_council .custom-arrow {
  position: absolute;
  top: 57%;
  transform: translateY(-50%);
  color: #000;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
}

.custom-prev {
  left: 215px;
}

.custom-next {
  right: 215px;
}

.meet_the_council {
  position: relative;
  padding: 20px 0px 90px 0px;
}

.meet_the_council .swiper-pagination {
  display: none;
}

.meet_the_council_slider {
  background-color: #EFEBE2;
  padding: 30px 20px;
  border-radius: 10px;
}

.meet_the_council_slider .swiper-slide img {
  border-radius: 10px;
}

.meet-the-council-heading {
  padding: 0px 18px;
}

.meet-the-council-heading h5 {
  font-size: 20px;
  line-height: 30px;
  font-family: var(--medium-font);
  font-weight: 500;
  color: #939393;
  text-align: center;
}

.meet-the-council-heading h2 {
  font-size: 72px;
  line-height: 82px;
  font-family: var(--light-font);
  font-weight: 300;
  color: #013a9b;
  text-align: center;
  margin-bottom: 40px;
}

.meet-the-council-heading p {
  font-size: 20px;
  line-height: 30px;
  font-family: var(--regular-font);
  font-weight: 400;
  text-align: center;
  margin-bottom: 40px;
}

.slider_video_content h5 {
  font-size: 16px;
  line-height: 26px;
  font-family: var(--bold-font);
  font-weight: 700;
  margin-bottom: 20px;
}

.slider_video_content h4 {
  font-size: 30px;
  line-height: 40px;
  font-family: var(--bold-font);
  font-weight: 700;
  margin-bottom: 20px;
}

.slider_video_content h4 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.slider_video_content p {
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.slider_video_content p {
  font-size: 18px;
  line-height: 28px;
  font-family: var(--medium-font);
  font-weight: 500;
  margin-bottom: 30px;
}

.slider_video_content a {
  font-size: 18px;
  line-height: 28px;
  font-family: var(--bold-font);
  font-weight: 700;
  background: linear-gradient(to right, #C93733, #900804);
  color: #fff;
  padding: 15px 0px;
  border-radius: 60px;
  width: 200px;
  text-align: center;
  position: fixed;
  bottom: 0%;
}

.meet_the_council .swiper-slide .row {
  align-items: stretch;
}

.slider-image-wrap {
  height: 100%;
}

.slider-image-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.slider_video_content {
  height: 540px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.tabs-nav .career_categories li {
  padding-bottom: 10px;
}

#mycontainer .tabs-nav {
  border-bottom: 1px solid;
  padding-bottom: 30px;
  z-index: 99;
  padding-top: 40px;
}

.perspectives_card_content a {
  text-decoration: none;
}

.carrer_apply_section {
  padding: 230px 0px 50px 0px;
}

.carrer_apply_heading h5 {
  font-size: 20px;
  line-height: 30px;
  font-family: var(--medium-font);
  font-weight: 500;
  text-align: center;
}

.carrer_apply_heading h2 {
  font-size: 72px;
  line-height: 30px;
  font-family: var(--light-font);
  font-weight: 300;
  text-align: center;
  color: #013a9b;
  margin-top: 30px;
}

.carrer_apply_heading p {
  font-size: 20px;
  line-height: 30px;
  font-family: var(--regular-font);
  font-weight: 400;
  text-align: center;
  margin-top: 40px;
}

.answers-box {
  width: 85%;
  padding: 25px 50px 30px 50px;
  margin: 0 auto;
}

.custom-checkbox {
  display: flex;
  align-items: center;
  padding: 15px 12px;
  margin-bottom: 10px;
  border: 1px solid #000000;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s;
  position: relative;
  background-color: #fff;
}

.custom-checkbox input {
  display: none;
}

.custom-checkbox .checkmark {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border: 2px solid #EFEBE2;
  border-radius: 50%;
  margin-right: 12px;
  font-weight: 500;
  color: #013a9b;
  background-color: #EFEBE2;
  flex-shrink: 0;
  transition: all 0.3s;
}

.custom-checkbox .answer-text {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  font-family: var(--regular-font);
  margin-left: 15px;
}

.correct_answer {
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #fff;
}

.questions_box h5 {
  font-size: 20px;
  line-height: 30px;
  font-family: var(--medium-font);
  font-weight: 500;
  text-align: center;
  color: #013a9b;
}

.questions_box p {
  font-size: 24px;
  line-height: 34px;
  font-family: var(--medium-font);
  font-weight: 500;
  text-align: center;
  margin-top: 30px;
}

.answer_line {
  padding: 0px 0px 25px 0px;
}

.carrer_apply_form {
  background-color: #fff;
  padding: 40px 0px 100px 0px
}

.carrer_apply_form h3 {
  text-align: center;
  margin-bottom: 30px !important;
}

.carrer_apply_form p {
  text-align: center;
  font-size: 18px;
  line-height: 28px;
  font-family: var(--regular-font);
  font-weight: 400;
  color: #000 !important;
}

.apply_button {
  display: flex;
  justify-content: center;
  margin-top: 70px !important;
}

.apply_button input {
  background: linear-gradient(to right, #C93733, #900804) !important;
  padding: 24px 50px 20px 50px !important;
}

.field-wrap {
  position: relative;
  margin-top: 20px;
}

.field-wrap input {
  background: transparent;
  border: 1px solid var(--black-primary);
  padding: 25px 30px;
  width: 100%;
  margin-bottom: 30px;
  -webkit-appearance: none;
  border-radius: 0;
  color: var(--black-primary);
  font-size: 20px;
  line-height: 30px;
}

.fake-placeholder {
  position: absolute;
  top: 36%;
  left: 35px;
  transform: translateY(-50%);
  color: #111;
  font-size: 20px;
  line-height: 30px;
  font-family: var(--regular-font);
  font-weight: 400;
  cursor: text;
}

.star {
  color: #013a9b;
}

.field-wrap input:focus+.fake-placeholder,
.field-wrap input:not(:placeholder-shown)+.fake-placeholder {
  display: none;
}

.fake-placeholder p {
  font-size: 14px;
  line-height: 24px;
  font-family: var(--medium-font);
  text-align: left;
  margin: 0px;
}

form .upload-wrap input[type="file"] {
  background-image: url(themes/custom/inoatheme/images/lucide_upload.svg);
  background-size: 40px 40px;
  background-position: calc(100% - 20px) calc(100% - 20px);
  background-repeat: no-repeat;
  color: transparent;
  cursor: pointer;
}

.apply-wrapper.is-fixed {
  position: fixed;
  top: 32px;
  z-index: 99;
}

.bottom_button {
  display: none;
}

.apply_button_disable input[type="submit"] {
  background: #999 !important;
  color: #fff;
}

.tab_row {
  background-color: #fff;
}

.tab-item {
  margin-top: 60px;
}

.who_line {
  opacity: 1;
  padding: 0px 0px 50px 0px;
}

.gcc_council_content h5 {
  font-size: 20px;
  line-height: 30px;
  font-family: var(--bold-font);
  font-weight: 700;
  margin-top: 25px;
}

.gcc_council_content ul li {
  font-size: 20px;
  line-height: 30px;
  font-family: var(--regular-font);
  font-weight: 400;
}

.gcc_council_content p {
  font-size: 20px;
  line-height: 30px;
  font-family: var(--regular-font);
  font-weight: 400;
}

.gcc_council_colum {
  margin-top: 80px;
}

.stickytab {
  position: sticky;
  background: var(--white-primary);
  top: 0;
}

.career_tabs_section .tab-item {
  margin-top: 0px;
}

@media (min-width:1500px) {
  .meet_the_council .custom-prev {
    left: 30px;
  }

  .meet_the_council .custom-next {
    right: 30px;
  }
}

.new_homepage_banner_section .key_initiatives-image {
  position: relative;
}

.new_homepage_banner_section .key_initiatives-image video {
  width: 100%;
  display: block;
  border-radius: 20px;
  height: 90vh;
  object-fit: cover;
}

.new_homepage_banner_section .key_initiatives-image::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  border-radius: 20px;
}

.new_homepage_banner_section .slider_video_content {
  position: absolute;
  top: 70%;
  left: 40%;
  transform: translate(-50%, -50%);
  text-align: left;
  color: #fff;
  width: 50%;
  z-index: 2;
}

.new_homepage_banner_section {
  padding: 50px 40px 95px 40px;
}

.new_homepage_banner_section .swiper-pagination {
  display: none;
}

.new_homepage_banner_section .custom-arrow {
  position: absolute;
  top: 72%;
  transform: translateY(-50%);
  color: #000;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1;
}

.new_homepage_banner_section .key-custom-prev {
  right: 20%;
}

.new_homepage_banner_section .key-custom-next {
  right: 16%;
}

.new_homepage_banner_section {
  position: relative;
}

.slider_video_content h3 {
  font-size: 56px;
  line-height: 66px;
  font-family: var(--medium-font);
  font-weight: 500;
  color: #fff;
  margin-bottom: 112px;
}

.new_homepage_banner_section .slider_video_content a {
  font-size: 18px;
  line-height: 28px;
  font-family: var(--bold-font);
  font-weight: 700;
  background: transparent;
  color: #fff;
  padding: 15px 30px;
  border-radius: 60px;
  border: 2px solid #fff;
  position: absolute;
  bottom: 170px;
  width: fit-content;
}

.empowering-inoa .new_home_section_heading {
  font-family: var(--light-font);
  color: var(--red-primary);
  font-size: 62px;
  line-height: 72px;
  text-align: center;
  margin-bottom: 50px;
  margin-top: 60px;
}

.new_page_videobrick .video-title {
  font-size: 30px !important;
  line-height: 40px !important;
}

.new_page_videobrick .overlay-context p {
  font-size: 18px !important;
  line-height: 28px !important;
}

.new_page_videobrick {
  height: 520px !important;
}

.new-spotlight .new_home_section_heading {
  font-family: var(--light-font);
  color: var(--red-primary);
  font-size: 62px;
  line-height: 72px;
  text-align: center;
  margin-bottom: 40px;
}

.new-spotlight .new_sub_heading {
  font-family: var(--medium-font);
  color: var(--grey-secondary);
  font-size: 18px;
  line-height: 28px;
  text-align: center;
  margin-bottom: 15px;
}

.new-spotlight .news_potlight_overlay h3 {
  font-size: 38px !important;
  line-height: 50px !important;
}

.new-spotlight .new_spotlight_context p {
  font-size: 18px !important;
  line-height: 28px !important;
}

.new-spotlight .new_spotlight_context li {
  font-size: 18px !important;
  line-height: 28px !important;
}

.become_member_section {
  position: relative;
  overflow: visible;
  padding: 0 0 70px;
  margin-top: 140px;
  background: #020817;
}

.become_member_section video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.become_member_section .member-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
}

.become_member_section .container {
  position: relative;
  z-index: 2;
  max-width: 1250px;
}

.become_member_section .member-content-box {
  position: relative;
  z-index: 1;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 3.95), rgba(0, 0, 0, 0.75));
  border-radius: 32px;
  text-align: center;
  padding: 55px 90px 90px;
  color: #fff;
  backdrop-filter: blur(6px);
  transform: translateY(-90px);
  width: 70%;
  margin: 0px auto;
}

.become_member_section .sub-heading {
  display: block;
  color: #939393;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 10px;
  font-weight: 500;
}

.become_member_section .section-heading {
  font-size: 62px;
  line-height: 72px;
  font-family: var(--light-font);
  font-weight: 300;
  margin-bottom: 20px;
  color: #fff;
}

.become_member_section .top-desc {
  font-size: 18px;
  line-height: 28px;
  color: #fff;
  font-family: var(--regular-font);
  margin-bottom: 25px;
  font-weight: 400;
}

.become_member_section .become-description {
  max-width: 780px;
  margin: auto;
}

.become_member_section .become-description p {
  font-size: 18px;
  line-height: 28px;
  color: #fff;
  font-family: var(--regular-font);
  margin-bottom: 25px;
  font-weight: 400;
}

.become_member_section .action-btn {
  margin-top: 38px;
}

.become_member_section .action-btn a {
  align-items: center;
  justify-content: center;
  border-radius: 60px;
  text-decoration: none;
  padding: 25px 45px;
  color: #013b9d;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  text-transform: uppercase;
  background: linear-gradient(to right, #fff, #ffffff);
  transition: 0.4s ease;
  border: 2px solid #013a9b;
}

.become_member_section .action-btn a:hover {
  transform: translateY(-4px);
  color: #fff;
}

.member-slider {
  margin-top: -60px;
  padding-bottom: 60px;
}

.become_member_section .member-card {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  height: 330px;
}

.member-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s;
}

.become_member_section .member-card:hover img {
  transform: scale(1.08);
}

.become_member_section .card-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.10));
}

.become_member_section .card-content {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 25px;
  z-index: 2;
  text-align: center;
}

.become_member_section .card-content h4 {
  font-size: 17px;
  line-height: 27px;
  color: #fff;
  font-family: var(--bold-font);
  font-weight: 700;
  margin-bottom: 10px;
}

.become_member_section .card-content p {
  color: #e5e5e5;
  font-size: 16px;
  line-height: 26px;
  font-family: var(--regular-font);
  font-weight: 400;
  margin-bottom: 0;
}

.become_member_section .swiper-pagination {
  bottom: 0 !important;
}

.become_member_section .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  background: transparent;
  opacity: 1;
  border: 2px solid #013a9b;
}

.become_member_section .swiper-pagination-bullet-active {
  background: #013a9b;
  border: 2px solid #013a9b;
  opacity: 1;
}

.member-slider {
  margin-top: -140px;
  padding-bottom: 60px;
  position: relative;
  z-index: 6;
}

.become_member_section .swiper-wrapper {
  margin-bottom: 70px;
}

.eventsawads_section {
  padding: 70px 0px 120px 0px;
  position: relative;
  overflow: hidden;
}

.eventsawads_colum {
  position: relative;
  margin-bottom: 20px;
}

.eventsawads_colum video {
  width: 100%;
  display: block;
  height: 500px;
  object-fit: cover;
  border-radius: 15px;
}

.eventsawads_content {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  text-align: center;
  color: #fff;
  z-index: 2;
  width: 50%;
}

.eventsawads_heading h2 {
  font-family: var(--light-font);
  color: var(--red-primary);
  font-weight: 300;
  font-size: 62px;
  line-height: 72px;
  text-align: center;
  margin-bottom: 20px;
}

.eventsawads_heading span {
  display: block;
  color: #939393;
  font-size: 18px;
  line-height: 28px;
  font-family: var(--medium-font);
  font-weight: 500;
  text-align: center;
  margin-bottom: 10px;
}

.eventsawads_heading p {
  display: block;
  color: #000;
  font-size: 18px;
  line-height: 28px;
  font-family: var(--regular-font);
  font-weight: 400;
  text-align: center;
  margin-bottom: 50px;
}

.eventsawads_content h4 {
  font-size: 54px;
  line-height: 70px;
  font-family: var(--medium-font);
  font-weight: 500;
  color: #fff;
  margin-bottom: 50px;
}

.eventsawads_content p {
  font-size: 28px;
  line-height: 38px;
  font-family: var(--regular-font);
  font-weight: 400;
  color: #fff;
  margin-bottom: 70px;
}

.eventsawads_content a {
  font-size: 18px;
  line-height: 28px;
  font-family: var(--bold-font);
  font-weight: 700;
  color: #013a9b;
  background: #fff;
  padding: 20px 35px;
  border-radius: 60px;
  text-decoration: none;
  display: inline-block;
}

.eventsawads_colum::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 1;
  border-radius: 15px;
}

.awardcard_grid {
  position: relative;
}

.awardcard_grid_content {
  position: absolute;
  bottom: 15px;
  z-index: 2;
  color: #fff;
  padding: 0px 30px;
}

.awardcard_grid img {
  border-radius: 15px;
}

.awardcard_grid::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
  z-index: 1;
  border-radius: 15px;
  height: 100%;
  width: 100%;
}

.awardcard_grid_content h5 {
  font-size: 22px;
  line-height: 32px;
  font-family: var(--bold-font);
  font-weight: 700;
  color: #fff;
}

.awardcard_grid_content p {
  font-size: 18px;
  line-height: 28px;
  font-family: var(--regular-font);
  font-weight: 400;
  color: #fff;
}

.awardcard_grid_button a {
  align-items: center;
  justify-content: center;
  border-radius: 60px;
  text-decoration: none;
  padding: 25px 45px;
  color: #fff;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  text-transform: uppercase;
  background: linear-gradient(to bottom, #0251c3, #002c83);
  transition: 0.4s ease;
}

.awardcard_button_column {
  margin-top: 80px;
}

.awardcard_grid_button {
  text-align: center;
}

.meet_the_council .section-heading {
  font-family: var(--light-font);
  color: var(--red-primary);
  font-weight: 300;
  font-size: 62px;
  line-height: 72px;
  text-align: center;
  margin-bottom: 50px;
}

.meet-the-council-heading span {
  display: block;
  color: #939393;
  font-size: 18px;
  line-height: 28px;
  font-family: var(--medium-font);
  font-weight: 500;
  text-align: center;
  margin-bottom: 10px;
}

.from_inoa_section .meet_the_council_slider {
  background-color: transparent;
  padding: 30px 20px;
  border-radius: 10px;
  border: 2px solid #013a9b;
}

.ecosystem_heading .section-heading {
  font-family: var(--light-font);
  color: var(--red-primary);
  font-weight: 300;
  font-size: 62px;
  line-height: 75px;
  text-align: center;
  margin-bottom: 35px;
  padding: 0px 75px;
}

.ecosystem_heading span {
  display: block;
  color: #939393;
  font-size: 18px;
  line-height: 28px;
  font-family: var(--medium-font);
  font-weight: 500;
  text-align: center;
  margin-bottom: 10px;
}

.ecosystem_heading p {
  color: #000;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--regular-font);
  font-weight: 400;
  text-align: center;
  margin-bottom: 60px;
}

.ecosystem_heading a {
  align-items: center;
  justify-content: center;
  border-radius: 60px;
  text-decoration: none;
  padding: 25px 45px;
  color: #fff;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  text-transform: uppercase;
  background: linear-gradient(to right, #fff, #ffffff);
  transition: 0.4s ease;
}

.ecosystem_heading {
  text-align: center;
}

.ecosystem_grid_card {
  border: 1px solid #939393;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  transition: all 0.4s ease;
  cursor: pointer;
  background: #fff;
}

.ecosystem-slider {
  margin-top: 70px;
}

.ecosystem_grid_card img {
  border-radius: 15px 15px 0px 0px;
  width: 100%;
  display: block;
  transition: transform 0.5s ease, filter 0.5s ease;
}

.ecosystem_card_content {
  padding: 25px 20px 20px 20px;
  position: relative;
  z-index: 2;
  transition: all 0.4s ease;
}

.ecosystem_card_content h5 {
  font-size: 18px;
  line-height: 28px;
  font-family: var(--bold-font);
  font-weight: 700;
  color: #013a9b;
}

.ecosystem_card_content p {
  font-size: 17px;
  line-height: 27px;
  font-family: var(--regular-font);
  font-weight: 400;
  color: #000;
}

.ecosystem_section .swiper-wrapper {
  margin-bottom: 70px;
}

.ecosystem_section .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  background: transparent;
  opacity: 1;
  border: 2px solid #013a9b;
}

.ecosystem_section .swiper-pagination-bullet-active {
  background: #013a9b;
  border: 2px solid #013a9b;
  opacity: 1;
}

.stayinform_video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.stayinform_section {
  position: relative;
  overflow: hidden;
  height: 480px;
  margin-top: 50px;
  padding: 0px !important;
}

.stayinform_container {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-style: none !important;
  z-index: 99;
}

.stayinform_section::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: #000000B2;
  z-index: 1;
}

.stayinform_container .section-heading {
  font-size: 62px !important;
  line-height: 72px !important;
  color: #fff !important;
  font-weight: 300;
  margin-bottom: 50px !important;
}

.stayinform_section span {
  display: block;
  color: #fff;
  font-size: 18px;
  line-height: 28px;
  font-family: var(--medium-font);
  font-weight: 500;
  text-align: center;
  margin-bottom: 10px;
}

.stayinform_section .staycard {
  padding: 30px 115px 30px 30px !important;
}

.latest_events_section span {
  display: block;
  color: #939393;
  font-size: 18px;
  line-height: 28px;
  font-family: var(--medium-font);
  font-weight: 500;
  text-align: center;
  margin-bottom: 30px;
}

.latest_events_section .section-heading {
  font-weight: 300;
  font-size: 62px !important;
  line-height: 72px !important;
  margin-bottom: 40px !important;
  padding: 0px 100px;
}

.latest_events_section .col-md-9 p {
  color: #000;
  font-size: 16px;
  line-height: 26px;
  font-family: var(--regular-font);
  font-weight: 400;
  text-align: center;
  margin-bottom: 60px;
  padding: 0px 100px;
}

.latest_events_section .down-context h2 {
  font-size: 42px !important;
  line-height: 52px !important;
  margin-bottom: 15px !important;
}

.latest_events_section .down-context h6 {
  font-size: 28px !important;
  line-height: 38px !important;
}

.from_inoa_section .slider_video_content h4 {
  font-size: 30px;
  line-height: 40px;
  font-family: var(--bold-font);
  font-weight: 700;
  margin-bottom: 20px;
  color: #013a9b;
}

.from_inoa_section .slider_video_content {
  height: auto !important;
}

.from_inoa_section .slider_video_content p {
  font-size: 17px;
  line-height: 27px;
  font-family: var(--regular-font);
  font-weight: 400;
  color: #000;
}

.from_inoa_section .slider_video_content b {
  font-size: 14px;
  line-height: 24px;
  font-family: var(--bold-font);
  font-weight: 800;
}

.from_inoa_section .slider_video_content ul {
  margin-bottom: 115px
}

.from_inoa_section .slider_video_content ul li {
  font-size: 17px;
  line-height: 27px;
  font-family: var(--regular-font);
  font-weight: 400;
  color: #000;
  margin-top: 0px;
}

.from_inoa_section .slider_video_content a {
  font-size: 18px;
  line-height: 28px;
  font-family: var(--bold-font);
  font-weight: 700;
  color: #fff;
  background: #013a9b;
  padding: 15px 30px;
  border-radius: 60px;
  border: 2px solid #013a9b;
  text-decoration: none;
}

.from_inoa_section .slider-image-wrap video {
  width: 100%;
  height: 600px;
  object-fit: cover;
  border-radius: 20px;
}

.from_inoa_section .slider-image-wrap {
  padding-left: 50px;
}

.from_inoa_section .custom-arrow {
  display: none;
}

.from_inoa_section .swiper-pagination {
  display: block;
  margin-bottom: 25px;
}

.from_inoa_section .swiper-wrapper {
  margin-bottom: 70px;
}

.from_inoa_section .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  background: transparent;
  opacity: 1;
  border: 2px solid #013a9b;
}

.from_inoa_section .swiper-pagination-bullet-active {
  background: #013a9b;
  border: 2px solid #013a9b;
  opacity: 1;
}

.ecosystem_grid_card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.18);
}

.ecosystem_grid_card:hover img {
  transform: scale(1.08);
  filter: brightness(0.7);
}

.ecosystem_grid_card:hover .ecosystem_card_content {
  transform: translateY(-5px);
}

.ecosystem_card_content h5 {
  transition: all 0.4s ease;
}

.ecosystem_link {
  text-decoration: none;
  display: block;
  height: 100%;
  color: inherit;
}

.new_page_spotlight {
  padding: 115px 0px 40px 0px !important;
}

.from_inoa_section {
  padding: 20px 0px 120px 0px !important;
}

.new_homepage_banner_section .slider_video_content a:hover {
  background-color: #fff;
  border: 2px solid #fff;
  color: #013a9b;
}

.play_sample_quiz a:hover {
  background-color: transparent;
  border: 2px solid #fff;
  color: #fff;
}

.new-spotlight .action-btn a:hover {
  background: transparent;
  border: 2px solid #013a9b;
  color: #013a9b;
}

.become_member_section .action-btn a:hover {
  background: transparent;
  border: 2px solid #fff;
}

.eventsawads_content a:hover {
  background: transparent;
  border: 2px solid #fff;
  color: #fff;
}

.awardcard_grid_button a:hover {
  background: transparent;
  border: 2px solid #013a9b;
  color: #013a9b;
}

.from_inoa_section .slider_video_content a:hover {
  background: transparent;
  border: 2px solid #013a9b;
  color: #013a9b;
}

.ecosystem_heading a:hover {
  background: transparent;
  border: 2px solid #013a9b;
  color: #013a9b;
}

.home_footer_logo img {
  padding-bottom: 14px;
}

.new_homepage_footer .footer_links {
  width: 100%;
  text-align: right !important;
}

.new_homepage_footer .col-md-9 {
  padding-right: 0px;
}

.new_homepage_footer .nsm_footer-social {
  text-align: left;
}

.new_page_spotlight .action-btn a {
  display: inline !important;
}

.ecosystem_section .swiper-slide {
  display: inline-block;
}

.become_member_section .action-btn {
  display: flex !important;
  justify-content: center;
}

.awardcard_grid_content h5 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.awardcard_grid_content p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.eventsawads_content h4 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.eventsawads_content p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.become_member_section .card-content h4 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.become_member_section .card-content p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ecosystem_card_content h5 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ecosystem_card_content p {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.new_header_home {
  top: 16px !important;
}

.stayinform_section .staycard {
  height: 160px !important;
}

.stayinform_section .staycard.active {
  height: 200px !important;
}

.mobile-empowering-inoa {
  display: none;
}

.desktop-empowering-inoa {
  display: block;
}

.desktop_eventsawads_section {
  display: block;
}

.mobile_eventsawads_section {
  display: none;
}

.cookies-section {
  position: fixed;
  left: 0;
  bottom: 30px;
  width: 100%;
  z-index: 999;
  transform: translateY(100%);
  visibility: hidden;
  transition: transform 0.8s ease;
}

.cookies-section.show {
  transform: translateY(0);
  visibility: visible;
}

.cookies-section .container {
  background: #fff;
  border: 2px solid rgba(195, 53, 49, 1);
  border-radius: 20px;
  padding: 40px 40px;
}

.cookies-content p {
  font-size: 18px;
  line-height: 28px;
  font-family: var(--regular-font);
  font-weight: 400;
  margin: 5px;
}

.cookies-content p b {
  font-family: var(--bold-font);
  font-weight: 700;
}

.cookies-content p a {
  color: rgba(195, 53, 49, 1);
}

.cookies-button .cookies-accept {
  font-size: 18px;
  line-height: 28px;
  color: #fff;
  font-family: var(--bold-font);
  font-weight: 700;
  background: linear-gradient(90deg, rgba(201, 55, 51, 1) 0%, rgba(144, 8, 4, 1) 100%);
  padding: 15px 30px;
  border-radius: 50px;
  border: 1px solid;
}

.cookies-button .cookies-reject {
  font-size: 18px;
  line-height: 28px;
  color: rgba(147, 147, 147, 1);
  font-family: var(--bold-font);
  font-weight: 700;
  background: transparent;
  padding: 15px 30px;
  border-radius: 50px;
  border: 1px solid rgba(147, 147, 147, 1);
}

.cookies-button {
  display: flex;
  gap: 20px;
  flex-direction: column;
}

.cookies-section .col-md-2 {
  display: flex;
  align-items: center;
}

.cookies-ratio {
  margin-top: 35px;
}

.cookies-ratio label {
  font-size: 18px;
  line-height: 28px;
  font-family: var(--regular-font);
  font-weight: 400;
}

.cookies-ratio .form-switch {
  padding-left: 50px;
  display: flex;
  gap: 10px;
}

.cookies-ratio {
  display: flex;
  align-items: center;
  gap: 30px;
}

.cookies-ratio .form-check-input {
  margin-top: 5px;
}

.nsm_context_button {
  justify-content: end;
  display: flex;
}

.nsm_context_button a {
  font-size: 16px;
  line-height: 26px;
  font-family: var(--bold-font);
  font-weight: 700;
  color: #fff;
  background-color: #013a9b;
  text-decoration: none;
  padding: 15px 35px;
  border-radius: 50px;
  border: 2px solid #013a9b;
}

.nsm_context_button a:hover {
  background-color: transparent;
  color: #013a9b;
  border: 2px solid #013a9b;
}

.press-detail-tab .tab_title_h3 {
  font-weight: 400;
  color: var(--red-primary) !important;
  font-size: 32px;
  line-height: 42px;
  font-family: var(--medium-font);
}

.press-detail-tab {
  padding-top: 0px !important;
  margin-top: 0px !important;
}

.press_years {
  margin: 10px 0px 35px 0px;
}

.press_years a {
  font-size: 16px;
  line-height: 26px;
  font-family: var(--medium-font);
  font-weight: 500;
  color: #013a9b;
  text-decoration: none;
}

.copyright-text p {
  font-size: 16px;
  line-height: 26px;
  font-family: var(--medium-font);
  font-weight: 500;
  color: #fff;
  margin-top: 25px;
}

.voices-details .title_h3 {
  font-size: 32px;
  line-height: 42px;
  font-family: var(--medium-font);
  font-weight: 500;
}

.press_hastagfooter {
  font-size: 22px !important;
  line-height: 32px !important;
}

.new_homepage_footer .press_footer_links {
  width: 100%;
  text-align: left !important;
}

.tags-dropdown input[type="checkbox"] {
  display: none;
}

.tags-dropdown li label {
  font-size: 13px !important;
  line-height: 23px !important;
  font-family: var(--medium-font) !important;
  color: #000 !important;
  padding: 5px 15px !important;
  border: 1px solid #ccc;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.3s ease;
  border-bottom: 1px solid #ccc !important;
}

.tags-dropdown-menu {
  width: 1031px;
  flex-wrap: wrap;
}

.tags-dropdown-menu li {
  margin-right: 10px !important;
  padding-bottom: 13px;
}

.tags-dropdown-menu {
  padding: 20px 20px;
}

.tags-dropdown input[type="checkbox"]:checked+label {
  background: rgba(195, 53, 49, 1);
  color: #fff !important;
  border-color: rgba(195, 53, 49, 1);
  border: 1px solid rgba(195, 53, 49, 1) !important;
}

.tags-dropdown-menu li.active {
  border: none !important;
}

.tags-dropdown-menu a {
  font-size: 14px !important;
  line-height: 23px !important;
  font-family: var(--medium-font) !important;
  font-weight: 500 !important;
  color: rgba(195, 53, 49, 1) !important;
  border-bottom: none !important;
  padding: 10px 10px 5px 15px;
}

.tags-dropdown-menu li.active a {
  border-bottom: none !important;
}

.awardtags-dropdown-menu {
  width: 1011px;
  flex-wrap: wrap;
}

.filter_search_colum {
  display: none;
}

.newtabsvoice li button {
  color: var(--black-primary);
  font-family: var(--medium-font);
  font-size: 18px;
  line-height: 27px;
  margin-right: 24px;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0;
  background: transparent;
  border: 0;
  padding-bottom: 5px;
}

.tags_video_slider .slick-slide {
  margin: 0vw;
}

.voicegrid_content .newtabsvoice .btn-success:hover {
  color: var(--red-primary);
}

.tabs-newtabsvoice li {
  margin-right: 10px !important;
}

.tags_video_block {
  padding: 0px;
}

.perspectives-dropdown-menu {
  width: 1018px;
  flex-wrap: wrap;
}

.hr-media-line {
  margin-bottom: 50px;
  opacity: 1;
}

.mediapresscontent .slick-list {
  padding: 0 !important;
}

.mediapresscontent .item-block {
  padding: 0px !important;
}

.recent_newsletters-section .slick-slider {
  margin: 0%;
  margin-bottom: 0;
}

.newsletter_slider_wraper {
  position: relative;
}

.newsletter_slider_wraper .prev-slide-k,
.newsletter_slider_wraper .next-slide-k {
  position: absolute;
  top: 35%;
  transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
}

.newsletter_slider_wraper .prev-slide-k {
  left: -55px;
}

.newsletter_slider_wraper .next-slide-k {
  right: -55px;
}

.newsletter_slider_wraper .slick-arrow img {
  width: 35px;
}

.media-latter {
  padding: 0px;
}

.eventintro-media {
  padding-bottom: 50px !important;
}

@media (min-width:768px) and (max-width:1499px) {
  .article_authors .col-md-12 h3 {
    font-size: 42px;
    font-weight: 400;
    line-height: 52.4px;
    text-align: left;
    padding: 0;
    margin: 0;
    color: var(--red-primary);
    margin-bottom: 60px;
    font-family: var(--regular-font);
  }

  .authors_content p {
    color: var(--black-primary);
    font-family: var(--regular-font);
    font-size: 14px;
    line-height: 26px;
  }

  .authors_content .red_praha {
    color: var(--red-primary);
    font-family: var(--regular-font);
    font-size: 16px;
    line-height: 24px;
  }

  .authors_content h3 {
    color: var(--red-primary);
    font-family: var(--bold-font);
    font-size: 18px;
    line-height: 21px;
  }

  .cxo_forum .agenda_date p {
    font-size: 18px;
    color: #013a9b;
    font-weight: 400;
    font-family: var(--regular-font);
    line-height: 30px;
  }

  .cxo_forum .agenda_content .main_parha {
    font-size: 20px;
    color: #013a9b;
    font-weight: 500;
    font-family: var(--medium-font);
    line-height: 30px;
  }

  .cxo_forum .agenda_content p {
    font-size: 18px;
    color: #000;
    font-weight: 400;
    font-family: var(--regular-font);
    line-height: 35px;
  }

  .cxo_forum .agenda_content b {
    font-size: 18px;
    color: #000;
    font-weight: 500;
    font-family: var(--medium-font);
    line-height: 35px;
  }

  .cxo_forum .agenda_content ul li {
    font-size: 18px;
    color: #000;
    font-weight: 400;
    font-family: var(--regular-font);
    line-height: 35px;
  }

  .nsm_footer-social a:first-child img {
    width: 70px !important;
  }

  .market-industry-main-content .tabs-content .helping_sme_content li {
    font-family: var(--regular-font);
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    color: #000000;
  }

  .market-industry-main-content .tabs-content .helping_sme_content b {
    font-family: var(--regular-font);
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    color: #013a9b;
  }

  .market-industry-main-content .tabs-content .helping_sme_content p {
    font-family: var(--regular-font);
    font-weight: 600;
    font-size: 20px;
    line-height: 160%;
    color: #000000;
    margin-top: 20px;
  }

  .market-industry-main-content .tabs-content .content_block_new h5 {
    font-family: var(--medium-font) !important;
    font-weight: 500 !important;
    font-size: 36px !important;
    line-height: 57px !important;
  }

  .slider-container .content-block p {
    font-family: var(--regular-font);
    font-size: 14px;
    line-height: 26px;
    color: var(--black-primary);
  }

  .slider-container .block-title-new ul li {
    font-family: var(--regular-font);
    font-size: 14px;
    line-height: 26px;
    color: var(--black-primary);
  }

  .slick-next {
    right: -55px;
  }

  .slick-prev {
    left: -75px;
  }

  .slider-container .slick-prev img {
    width: 100%;
  }

  .slider-container .slick-next img {
    width: 100%;
  }

  .stakeholder_content p {
    font-family: var(--regular-font);
    font-size: 14px;
    line-height: 26px;
    color: var(--black-primary);
  }

  .stakeholder_content b {
    font-family: var(--bold-font);
  }

  .stakeholder_content h5 {
    font-family: var(--bold-font);
    font-size: 18px;
    line-height: 28px;
    color: var(--black-primary);
    margin-top: 15px;
  }

  .hs_video_frame_content h5 {
    font-family: var(--bold-font);
    font-size: 16px;
    line-height: 28px;
    color: var(--black-primary);
    margin-top: 15px;
  }

  .hs_video_frame_content b {
    font-family: var(--bold-font);
    font-size: 14px;
    line-height: 28px;
    color: var(--black-primary);
  }

  .rnd_slider_container p {
    font-family: var(--regular-font);
    font-size: 14px;
    line-height: 26px;
    color: var(--black-primary);
  }

  .hs_video_frame_content ul li {
    font-family: var(--regular-font);
    font-size: 14px;
    line-height: 26px;
    color: var(--black-primary);
  }

  .content-block p {
    font-family: var(--regular-font);
    font-size: 14px;
    line-height: 22px;
    color: var(--black-primary);
  }

  .slick-arrow-custom img {
    width: 30px;
  }

  .page-talent {
    padding-top: 150px;
  }

  .contact_us_section .contact_title h2 {
    font-size: 38px;
    line-height: 60px;
    font-family: var(--bold-font);
    font-weight: 500;
    color: #013a9b;
    text-align: center;
  }

  .bpm_hrline {
    opacity: 1;
    margin-bottom: 60px;
    margin-top: 50px;
  }

  .form-field input:focus+label,
  .form-field input:not(:placeholder-shown)+label {
    top: 16px;
    left: 8px;
    font-size: 12px;
    line-height: 22px;
    color: #000;
    font-family: var(--regular-font);
    font-weight: 400;
  }

  .loginregister_page .form_card form label {
    font-size: 12px;
    line-height: 22px;
    font-family: var(--regular-font);
    font-weight: 400;
  }

  .loginregister_page form input {
    font-size: 16px !important;
    line-height: 26px;
    padding: 1vw 1.5vw;
    margin-bottom: 1vw;
    font-family: var(--regular-font);
    font-weight: 400;
  }

  .form-field input {
    width: 100%;
    padding: 1.7vw 0.6vw 0.5vw 0.6vw !important;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 15px;
    outline: none;
    background: transparent;
    margin-bottom: 0px !important;
  }

  .error-message {
    font-size: 12px;
    color: #e74c3c;
    margin-top: 0px;
    font-family: var(--regular-font);
    font-weight: 400;
    margin-bottom: 10px;
  }

  .input-icon {
    position: absolute;
    right: 15px;
    top: 40%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    pointer-events: none;
  }

  .heart_icon {
    position: absolute;
    left: 30px;
    top: 34%;
    transform: translateY(-50%);
    width: 18px;
    height: 17px;
    pointer-events: none;
  }

  .form-field-password .eye-on {
    position: absolute;
    right: 20px;
    top: 57%;
    transform: translateY(-50%);
    cursor: pointer;
    display: none;
  }

  .form-field-password .eye-off {
    position: absolute;
    right: 20px;
    top: 57%;
    transform: translateY(-50%);
    cursor: pointer;
  }

  .form_close img {
    height: 28px;
    width: 28px !important;
    cursor: pointer;
  }

  .tabs-nav a {
    display: block;
    color: var(--black-primary);
    font-family: var(--medium-font);
    font-size: 14px;
    line-height: 24px;
    margin-right: 20px;
    text-decoration: none;
    text-transform: uppercase;
  }

  .form_coloum input {
    margin-bottom: 20px !important;
  }

  .form-field .user_field {
    position: absolute;
    left: 12px;
    top: 38%;
    transform: translateY(-50%);
    color: #666;
    font-size: 15px;
    pointer-events: none;
    transition: all 0.2s ease;
    background: transparent;
    padding: 0 4px;
  }

  .form-field .password_field {
    position: absolute;
    left: 12px;
    top: 48%;
    transform: translateY(-50%);
    color: #666;
    font-size: 15px;
    pointer-events: none;
    transition: all 0.2s ease;
    background: transparent;
    padding: 0 4px;
  }

  .form-error-message input {
    margin-bottom: 0px !important;
  }

  .form_coloum select {
    height: 55px;
  }

  .form_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
  }

  .tabs-content {
    margin-top: 0px;
    margin-bottom: 10px;
    padding-top: 30px;
    overflow: hidden;
  }

  .hs_media_press {
    border-top: 0px solid var(--black-primary);
  }

  #register input[type="submit"] {
    margin-top: 1vw;
  }

  .loginregister_page .form_card {
    background: var(--white-primary);
    width: 30vw;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 1.5vw 1.5vw;
  }

  .search_box_heading h2 {
    font-size: 48px;
    font-weight: 400;
    line-height: 58px;
    font-family: var(--regular-font);
    color: #013a9b;
  }

  .search_box_heading p {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    font-family: var(--regular-font);
    color: #000;
  }

  .eror_message_box p {
    font-size: 16px;
    line-height: 26px;
    font-family: var(--regular-font);
    font-weight: 400;
    color: #013a9b;
    margin-bottom: 0px;
  }

  .play_sample_quiz h3 {
    font-size: 44px;
    line-height: 54px;
    font-family: var(--medium-font);
    font-weight: 500;
    color: #fff;
    margin-bottom: 25px;
  }

  .play_sample_quiz p {
    font-size: 24px;
    line-height: 34px;
    font-family: var(--light-font);
    font-weight: 300;
    color: #fff;
  }

  .play_sample_quiz a {
    font-size: 16px;
    line-height: 28px;
    font-family: var(--medium-font);
    font-weight: 700;
    color: #013a9b;
    background-color: #fff;
    padding: 15px 40px;
    border-radius: 50px;
  }

  .play_sample_content {
    position: relative;
    z-index: 1;
    width: 62%;
    margin: 0px auto;
  }

  .search_function_section {
    border-top: 0px solid var(--black-primary) !important;
  }

  .search-feature-heading h2 {
    font-size: 42px;
    line-height: 52px;
    font-family: var(--regular-font);
    font-weight: 400;
    color: #013a9b;
    margin-bottom: 25px;
    margin-top: 50px;
  }

  .search_function_section .perspectives_card .job_title {
    margin-bottom: 0px;
    padding: 20px 20px 0px 20px;
    min-height: 70px;
    height: 70px;
    overflow: hidden;
  }

  .search_function_section .perspectives_card .job_desc {
    margin-bottom: 15px;
    padding: 0px 20px;
    height: 75px;
  }

  .results_logical h2 {
    font-size: 56px;
    line-height: 66px;
    font-family: var(--regular-font);
    font-weight: 400;
    color: #013a9b;
    text-align: center;
    margin-bottom: 60px;
  }

  .results_events h4 {
    font-size: 32px;
    line-height: 42px;
    font-family: var(--bold-font);
    font-weight: 700;
    color: #000;
    text-align: center;
    margin-bottom: 30px;
  }

  .arrow-img {
    width: 13px;
    height: 13px;
    transition: transform 0.3s ease;
    margin-bottom: 3px;
    margin-left: 5px;
  }

  .perspectives_search_heading h2 {
    font-size: 54px;
    line-height: 64px;
    font-family: var(--regular-font);
    font-weight: 400;
    color: #013a9b;
  }

  .perspectives_search_heading p {
    font-size: 16px;
    line-height: 26px;
    font-family: var(--regular-font);
    font-weight: 400;
    color: #000;
  }

  .perspectives_search_filter img {
    position: absolute;
    top: 11px;
    left: 10px;
    width: 18px;
  }

  .perspectives_search_filter input {
    padding-left: 37px;
    border: none !important;
    border: 1px solid #939393 !important;
    outline: none !important;
    box-shadow: none !important;
    color: #939393 !important;
    transition: all 0.3s ease;
  }

  .eror_message_box h5 {
    font-size: 15px;
    line-height: 25px;
    font-family: var(--extrabold-font);
    font-weight: 800;
  }

  .meet-the-council-heading h5 {
    font-size: 18px;
    line-height: 28px;
    font-family: var(--medium-font);
    font-weight: 500;
    color: #939393;
    text-align: center;
  }

  .meet-the-council-heading h2 {
    font-size: 52px;
    line-height: 62px;
    font-family: var(--light-font);
    font-weight: 300;
    color: #013a9b;
    text-align: center;
    margin-bottom: 30px;
  }

  .meet-the-council-heading p {
    font-size: 18px;
    line-height: 28px;
    font-family: var(--regular-font);
    font-weight: 400;
    text-align: center;
    margin-bottom: 40px;
  }

  .meet-the-council-heading {
    padding: 0px 18px;
  }

  .slider_video_content h5 {
    font-size: 15px;
    line-height: 25px;
    font-family: var(--bold-font);
    font-weight: 700;
    margin-bottom: 20px;
  }

  .slider_video_content h4 {
    font-size: 28px;
    line-height: 38px;
    font-family: var(--bold-font);
    font-weight: 700;
    margin-bottom: 20px;
  }

  .slider_video_content p {
    font-size: 16px;
    line-height: 26px;
    font-family: var(--medium-font);
    font-weight: 500;
    margin-bottom: 30px;
  }

  .slider_video_content a {
    font-size: 16px;
    line-height: 26px;
    font-family: var(--bold-font);
    font-weight: 700;
    background: linear-gradient(to right, #C93733, #900804);
    color: #fff;
    padding: 15px 0px;
    border-radius: 60px;
    width: 200px;
    text-align: center;
  }

  .custom-prev {
    left: 30px;
  }

  .custom-next {
    right: 30px;
  }

  .apply_button input {
    background: linear-gradient(to right, #C93733, #900804) !important;
    padding: 24px 50px 24px 50px !important;
  }

  .fake-placeholder {
    position: absolute;
    top: 42%;
    left: 35px;
    transform: translateY(-50%);
    color: #111;
    font-size: 18px;
    line-height: 28px;
    font-family: var(--regular-font);
    font-weight: 400;
    cursor: text;
  }

  .field-wrap input {
    background: transparent;
    border: 1px solid var(--black-primary);
    padding: 20px 30px;
    width: 100%;
    margin-bottom: 15px;
    -webkit-appearance: none;
    border-radius: 0;
    color: var(--black-primary);
    font-size: 20px;
    line-height: 30px;
  }

  form .upload-wrap input[type="file"] {
    background-image: url(themes/custom/inoatheme/images/lucide_upload.svg);
    background-size: 40px 40px;
    background-position: calc(100% - 20px) calc(100% - 15px);
    background-repeat: no-repeat;
    color: transparent;
    cursor: pointer;
  }

  .carrer_apply_heading h2 {
    font-size: 58px;
    line-height: 68px;
    font-family: var(--light-font);
    font-weight: 300;
    text-align: center;
    color: #013a9b;
    margin-top: 20px;
  }

  .carrer_apply_heading p {
    font-size: 18px;
    line-height: 28px;
    font-family: var(--regular-font);
    font-weight: 400;
    text-align: center;
    margin-top: 20px;
  }

  .custom-checkbox .checkmark {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border: 2px solid #EFEBE2;
    border-radius: 50%;
    margin-right: 12px;
    font-weight: 500;
    color: #013a9b;
    background-color: #EFEBE2;
    flex-shrink: 0;
    transition: all 0.3s;
  }

  .custom-checkbox .answer-text {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    font-family: var(--regular-font);
    margin-left: 15px;
  }

  .custom-checkbox {
    display: flex;
    align-items: center;
    padding: 12px 12px;
    margin-bottom: 10px;
    border: 1px solid #000000;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s;
    position: relative;
    background-color: #fff;
  }

  .who_line {
    opacity: 1;
    padding: 0px 0px 50px 0px;
    margin-top: 60px;
  }

  .gcc_council_content ul li {
    font-size: 14px;
    line-height: 24px;
    font-family: var(--regular-font);
    font-weight: 400;
  }

  .gcc_council_content p {
    font-size: 14px;
    line-height: 24px;
    font-family: var(--regular-font);
    font-weight: 400;
  }

  .gcc_council_content h5 {
    font-size: 16px;
    line-height: 26px;
    font-family: var(--bold-font);
    font-weight: 700;
    margin-top: 25px;
  }
}

@media (min-width:1500px) {
  .rnd_slider_container .content-block h5 {
    font-size: 48px;
    line-height: 58px;
    font-family: var(--medium-font);
    font-weight: 500;
    color: #013a9b;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .tabs-nav a {
    display: block;
    color: var(--black-primary);
    font-family: var(--medium-font);
    font-size: 18px;
    line-height: 28px;
    margin-right: 27px;
    text-decoration: none;
    text-transform: uppercase;
  }

  .form_coloum select {
    background-position: calc(100% - 30px) 12px !important;
  }
}

@media (max-width:767px) {
  .authors_content p {
    color: var(--black-primary);
    font-family: var(--regular-font);
    font-size: 3.2vw;
    line-height: 4.4vw;
  }

  .authors_content .red_praha {
    color: var(--red-primary);
    font-family: var(--regular-font);
    font-size: 3.2vw;
    line-height: 4.4vw;
  }

  .authors_content h3 {
    font-size: 3.6vw;
    line-height: 4.8vw;
    font-weight: 400;
    text-align: left;
    padding: 0;
    margin: 0;
    color: var(--red-primary);
    margin-bottom: 10px;
    font-family: var(--regular-font);
    margin-top: 15px;
  }

  .article_authors .col-md-12 h3 {
    color: var(--red-primary);
    margin-bottom: 8vw;
    margin-top: 2vw;
    font-family: var(--bold-font);
    font-size: 7.5vw;
    line-height: 9.3vw;
    text-align: left;
  }

  .article_authors .col-md-6 {
    margin-bottom: 30px;
  }

  .authors_content {
    padding: 0px 0px 0px 0px;
  }

  .cxo_forum .col-md-12 h2 {
    font-size: 24px;
    font-weight: 500;
    font-family: 'Objektiv_Mk1MD';
    line-height: 35px;
    color: #013a9b;
  }

  .cxo_forum .col-md-12 h3 {
    font-size: 24px;
    font-weight: 500;
    font-family: 'Objektiv_Mk1MD';
    line-height: 35px;
    color: #000000;
  }

  .cxo_forum {
    padding: 50px 0px;
    margin-top: 40%;
  }

  .cxo_forum .col-md-12 h5 {
    font-size: 16px;
    font-weight: 500;
    font-family: 'Objektiv_Mk1MD';
    line-height: 30px;
    margin-bottom: 0px;
  }

  .cxo_forum .agenda_date p {
    font-size: 14px;
    color: #013a9b;
    font-weight: 400;
    font-family: var(--regular-font);
    line-height: 10px;
    margin-bottom: 10px;
  }

  .cxo_forum .agenda_content .main_parha {
    font-size: 16px;
    color: #013a9b;
    font-weight: 500;
    font-family: var(--medium-font);
    line-height: 30px;
  }

  .cxo_forum .agenda_content p {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    font-family: var(--regular-font);
    line-height: 26px;
  }

  .cxo_forum .agenda_content b {
    font-size: 14px;
    color: #000;
    font-weight: 500;
    font-family: var(--medium-font);
    line-height: 26px;
  }

  .cxo_forum .agenda_content ul li {
    font-size: 14px;
    color: #000;
    font-weight: 500;
    font-family: var(--medium-font);
    line-height: 26px;
  }

  .header_home .bottom-head .rightblock .rightmenu_new {
    border-right: 0vw solid var(--red-primary);
    margin-right: 1vw;
    margin-left: 0vw;
    padding: 0px;
  }

  .header_home .bottom-head .rightblock .rightmenu_new a {
    color: #fff;
    font-size: 2.8vw;
  }

  .header_home .bottom-head .iconblock_new li a {
    text-decoration: none;
    font-size: 3vw;
    text-transform: capitalize;
    color: var(--white-primary);
    font-family: var(--bold-font);
  }

  .header_home .row .bottom-head-new {
    background: #ffffffe7;
    border-radius: 0px 0px 10px 10px;
    padding: 10px 15px;
  }

  .header_home .bottom-head .iconblock_new {
    width: 100%;
    text-align: center;
  }

  .header_home.hide .row .bottom-head-new {
    margin-top: -20vw;
    z-index: -1;
  }

  .header_home .bottom-head .formobile_new {
    display: block !important;
  }

  .header_home .bottom-head .rightmenu_new ul li a {
    text-decoration: none;
    font-size: 0.8vw;
    text-transform: uppercase;
    color: var(--white-primary);
    font-family: var(--bold-font);
    line-height: 25px;
  }

  .nsm_footer-social a:first-child img {
    width: 80px !important;
  }

  .header_home .bottom-head .rightmenu_new ul {
    justify-content: center;
  }

  .market-industry-main-content .tabs-content .helping_sme_content li {
    font-family: 'Objektiv_Mk1RG';
    font-weight: 400;
    font-size: 3.6vw;
    line-height: 5.8vw;
    color: #000000;
  }

  .market-industry-main-content .tabs-content .helping_sme_content b {
    font-family: var(--regular-font);
    font-weight: 400;
    font-size: 3.6vw;
    line-height: 5.8vw;
    color: #013a9b;
  }

  .market-industry-main-content .tabs-content .helping_sme_content p {
    font-family: var(--regular-font);
    font-weight: 500;
    font-size: 19px;
    line-height: 160%;
    color: #000000;
    margin-top: 20px;
  }

  .market-industry-main-content .tabs-content .content_block_new h5 {
    font-family: var(--medium-font) !important;
    font-weight: 500 !important;
    font-size: 6vw !important;
    line-height: 7.2vw !important;
  }

  .container_block_content .col-md-3 {
    width: 100%;
  }

  .tabs-content .col-md-3 {
    width: 50%;
  }

  .market-industry-main-content .tabs-content .helping_sme_heading h5 {
    font-family: var(--extrabold-font);
    font-size: 5.5vw;
    line-height: 8.5vw;
    color: var(--red-primary);
    text-transform: uppercase;
    margin-bottom: 8.5vw;
  }

  .slider-container .block-title-new ul li {
    font-family: var(--regular-font);
    font-size: 3.6vw;
    line-height: 4.8vw;
    color: var(--black-primary);
  }

  .slider-container .content-block p {
    font-family: var(--regular-font);
    font-size: 3.6vw;
    line-height: 4.8vw;
    color: var(--black-primary);
    margin-bottom: 5.5vw;
  }

  .stakeholder_content p {
    font-family: var(--regular-font);
    font-size: 3.6vw;
    line-height: 4.8vw;
    color: var(--black-primary);
    margin-bottom: 5.5vw;
  }

  .stakeholder_content h5 {
    font-family: var(--bold-font);
    font-size: 16px;
    line-height: 26px;
    color: var(--black-primary);
    margin-top: 15px;
  }

  .rnd_slider_container p {
    font-family: var(--regular-font);
    font-size: 3.6vw;
    line-height: 4.8vw;
    color: var(--black-primary);
  }

  .hs_video_frame_content h5 {
    font-family: var(--bold-font);
    font-size: 14px;
    line-height: 24px;
    color: var(--black-primary);
    margin-top: 15px;
  }

  .hs_video_frame_content ul li {
    font-family: var(--regular-font);
    font-size: 3.6vw;
    line-height: 4.8vw;
    color: var(--black-primary);
  }

  .erd_hrline {
    opacity: 1;
    margin-bottom: 40px;
  }

  .slick-slidernew .slick-dots {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 20px 0;
  }

  .erd_hrline_second {
    margin-top: 110px;
  }

  .slick-slidernew .slick-dots {
    position: absolute;
    bottom: -60px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
  }

  .content-block p {
    font-family: var(--regular-font);
    font-size: 3.6vw;
    line-height: 4.8vw;
    color: var(--black-primary);
  }

  .rnd_slider_container .content-block h5 {
    font-size: 28px;
    line-height: 38px;
    font-family: var(--medium-font);
    font-weight: 500;
    color: #013a9b;
    margin-top: 0px;
  }

  #talentVideo {
    width: 100%;
    border-radius: 10px;
    height: 350px;
    object-fit: cover;
  }

  .quote-section {
    text-align: center;
    padding: 0px;
    position: relative;
  }

  .rnd_slider_container .content-block {
    width: 100%;
  }

  .slick-slidernew-talent .slick-dots {
    position: absolute;
    bottom: -90px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
  }

  .slick-slidernew-talent .slick-dots {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 20px 0;
  }

  .sv_video .slick-dots li button {
    font-size: 0;
    width: 14px;
    height: 14px;
    border: 3px solid var(--red-primary);
    border-radius: 50%;
    background: transparent;
    transition: background 0.3s ease, border-color 0.3s ease;
  }

  .council_focus_area .col-md-10 h5 {
    font-size: 28px;
    line-height: 42px;
    font-family: var(--medium-font);
    font-weight: 500;
    color: #013a9b;
    margin-bottom: 25px;
    margin-top: 0px;
  }

  .council_focus_area .col-md-10 .parha_bold {
    font-family: var(--bold-font);
    font-size: 3.6vw;
    line-height: 4.8vw;
    color: var(--black-primary);
    font-weight: 600;
  }

  .council_focus_area .col-md-10 .parha_regular {
    font-family: var(--regular-font);
    font-size: 3.6vw;
    line-height: 4.8vw;
    color: var(--black-primary);
  }

  .contact_us_section {
    margin-top: 95px;
  }

  .erd_hrline_slider {
    margin-top: 100px;
  }

  .talent_hrline {
    opacity: 1;
    margin-top: 40px;
    margin-bottom: 50px;
  }

  .contact_us_section .contact_title a {
    font-size: 19px;
    line-height: 40px;
    font-family: var(--regular-font);
    font-weight: 400;
    color: #e3ad25;
    text-align: center;
    text-decoration: none;
    display: flex;
    justify-content: center;
  }

  .rnd_slider_container .hs-content-block h5 {
    font-family: var(--extrabold-font) !important;
    font-size: 5.5vw !important;
    line-height: 8.5vw !important;
    color: var(--red-primary) !important;
    text-transform: capitalize !important;
    margin-bottom: 8.5vw !important;
  }

  .sv_video {
    margin-bottom: 100px;
  }

  .bpm_hrline {
    opacity: 1;
    margin-bottom: 40px;
    margin-top: 10px;
  }

  .smepageline {
    opacity: 1;
    margin-bottom: 30px;
  }

  .bpm-slick-slider .slick-dots {
    position: absolute;
    bottom: -60px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
  }

  .bpm-slick-slider .slick-dots {
    position: absolute;
    bottom: -80px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
  }

  .bpm-slick-slider .slick-dots {
    display: block !important;
  }

  .mdi_linkedin {
    width: 16vw !important;
  }

  .sv_video .slick-dots {
    display: block !important;
  }

  .loginregister_page .form_card {
    background: var(--white-primary);
    width: 90%;
    margin: 0;
    position: absolute;
    top: 40%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 5vw 5vw;
  }

  .form_close img {
    height: 24px;
    width: 25px !important;
    cursor: pointer;
  }

  .form_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
  }

  .tabs-nav a {
    display: block;
    color: var(--black-primary);
    font-family: var(--medium-font);
    font-size: 2.8vw;
    line-height: 3.70vw;
    text-decoration: none;
    text-transform: uppercase;
    margin-right: 2.75vw;
    margin-bottom: 0vw;
  }

  .tabs-nav li {
    margin-bottom: 0vw;
  }

  .tabs-nav {
    background: var(--white-primary);
    padding: 10px 0px 0px 0px;
    z-index: 99;
    margin-bottom: 0px;
  }

  .tabs-nav li.active a {
    color: var(--red-primary);
    border-bottom: 2px solid var(--red-primary);
    padding-bottom: 1.5vw;
  }

  .tabs-content {
    margin-top: 0px;
    margin-bottom: 10px;
    padding-top: 30px;
    overflow: hidden;
  }

  .form-field input {
    width: 100%;
    padding: 4vw 0.6vw 0vw 2.6vw !important;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 15px;
    outline: none;
    background: transparent;
    margin-bottom: 0px !important;
    height: 50px;
  }

  .form-field-password .eye-off {
    position: absolute;
    right: 10px;
    top: 63%;
    transform: translateY(-50%);
    cursor: pointer;
  }

  .form-field-password .eye-on {
    position: absolute;
    right: 10px;
    top: 64%;
    transform: translateY(-50%);
    cursor: pointer;
    display: none;
  }

  .input-icon {
    position: absolute;
    right: 15px;
    top: 40%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    pointer-events: none;
  }

  .heart_icon {
    position: absolute;
    left: 24px;
    top: 32%;
    transform: translateY(-50%);
    width: 18px;
    height: 17px;
    pointer-events: none;
  }

  .form_coloum_helper input {
    margin-bottom: 8px !important;
    padding-left: 10px !important;
  }

  .form_coloum input {
    height: 50px;
    margin-bottom: 20px;
  }

  .form_coloum select {
    height: 50px;
  }

  .form_coloum input {
    margin-bottom: 20px !important;
  }

  .form-error-message input {
    margin-bottom: 0px !important;
  }

  .form_coloum_helper .error-message {
    margin-bottom: 10px;
    color: #ABAFB1;
    font-size: 12px;
    margin-top: 5px;
    font-family: var(--regular-font);
    font-weight: 400;
  }

  select {
    background-position: calc(100% - 3.5vw) 4.5vw !important;
    background-repeat: no-repeat !important;
  }

  .error-message {
    margin-top: 5px;
  }

  .search_box_heading h2 {
    font-size: 34px;
    font-weight: 400;
    line-height: 44px;
    font-family: var(--regular-font);
    color: #013a9b;
  }

  .search_box_heading p {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    font-family: var(--regular-font);
    color: #000;
  }

  .search_box_section .col-md-8 {
    padding: 0px;
  }

  .search_box_coloum {
    padding: 0px;
    justify-content: start;
    display: flex;
    align-items: center;
    margin-bottom: 35px;
  }

  .eror_message_box p {
    font-size: 13px;
    line-height: 23px;
    font-family: var(--regular-font);
    font-weight: 400;
    color: #013a9b;
    margin-bottom: 0px;
  }

  .eror_message_box {
    border: 1px solid #939393;
    height: 130px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 0px;
    margin-bottom: 30px;
  }

  .play_sample_content {
    position: relative;
    z-index: 1;
    width: 100%;
    margin: 0px auto;
  }

  .play_sample_quiz h3 {
    font-size: 32px;
    line-height: 42px;
    font-family: var(--medium-font);
    font-weight: 500;
    color: #fff;
    margin-bottom: 20px;
  }

  .play_sample_quiz p {
    font-size: 19px;
    line-height: 29px;
    font-family: var(--light-font);
    font-weight: 300;
    color: #fff;
  }

  .play_sample_quiz a {
    font-size: 16px;
    line-height: 26px;
    font-family: var(--medium-font);
    font-weight: 700;
    color: #013a9b;
    background-color: #fff;
    padding: 15px 40px;
    border-radius: 50px;
  }

  .search_box_section {
    margin-top: 0px;
    margin-bottom: 10px;
    padding-top: 40px;
    overflow: hidden;
    margin-top: 165px;
  }

  .search_box_coloum {
    width: 95%;
  }

  .search_line {
    margin-top: 50px;
  }

  .search-feature-heading h2 {
    font-size: 30px;
    line-height: 40px;
    font-family: var(--regular-font);
    font-weight: 400;
    color: #013a9b;
    margin-bottom: 25px;
    margin-top: 50px;
  }

  .header_home .bottom-head .search_rightmenu ul li a {
    white-space: nowrap;
  }

  .header_home .bottom-head .rightblock .search_rightmenu {
    width: 82%;
  }

  .header_home .bottom-head .search_iconblock {
    width: 15%;
    text-align: center;
    display: flex;
  }

  .header_home .bottom-head .search_rightmenu ul li {
    margin-left: 0;
    margin-right: 8.6vw;
  }

  .results_logical h2 {
    font-size: 36px;
    line-height: 46px;
    font-family: var(--regular-font);
    font-weight: 400;
    color: #013a9b;
    text-align: center;
    margin-bottom: 60px;
  }

  .results_events {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 50px;
  }

  .results_events h4 {
    font-size: 28px;
    line-height: 38px;
    font-family: var(--bold-font);
    font-weight: 700;
    color: #000;
    text-align: center;
    margin-bottom: 30px;
  }

  .update_result_coloum {
    margin-top: 20px;
    text-align: center;
    margin-bottom: 20px;
  }

  .search_menu .search_nav_submenu {
    display: none !important;
    position: absolute;
    top: 100%;
    left: -59px;
    background: white;
    border: 1px solid #ddd;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    padding: 10px 0;
    min-width: 150px;
    z-index: 10;
    width: 150px;
  }

  .tabs-nav.stickyelement {
    position: sticky;
    background: var(--white-primary);
    top: 19vw;
  }

  .search_margin {
    margin-right: 17px;
    margin-left: 6px;
  }

  .update_result_coloum {
    display: flex;
    justify-content: center;
  }

  .arrow-img {
    width: 11px;
    height: 10px;
    margin-left: 0px;
    transition: transform 0.3s ease;
  }

  .search_box_filter img {
    position: absolute;
    top: 34%;
    width: 16px;
    left: 3%;
  }

  .search_box_filter .form-control {
    padding: 10px 0px 10px 38px;
  }

  .search_tabs_content {
    margin-top: 20px !important;
  }

  #mobile_tab {
    display: block;
    padding-top: 3vw;
    margin-top: 0vw;
  }

  .results_events a {
    font-family: var(--bold-font);
    font-size: 14px;
    line-height: 25px;
    margin-right: 27px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    color: #013a9b !important;
    border: 2px solid #013a9b;
    white-space: nowrap;
    padding: 10px 35px;
    border-radius: 50px;
    margin: 0px;
  }

  .search_load_more a {
    font-family: var(--bold-font);
    font-size: 14px;
    line-height: 25px;
    margin-right: 27px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff !important;
    background-color: #013a9b;
    white-space: nowrap;
    padding: 15px 40px;
    border-radius: 50px;
    margin: 0px;
    text-align: center;
  }

  .perspectives_search_heading h2 {
    font-size: 34px;
    line-height: 44px;
    font-family: var(--regular-font);
    font-weight: 400;
    color: #013a9b;
  }

  .perspectives_search_heading p {
    font-size: 14px;
    line-height: 24px;
    font-family: var(--regular-font);
    font-weight: 400;
    color: #000;
  }

  .perspectives_search_filter {
    position: relative;
    width: 100%;
    margin: 20px 0px 40px 0px;
  }

  .perspectives_search_filter img {
    position: absolute;
    top: 13px;
    left: 10px;
    width: 15px;
  }

  .perspectives_search_filter input {
    padding-left: 35px;
    border: none !important;
    border: 1px solid #939393 !important;
    outline: none !important;
    box-shadow: none !important;
    color: #939393 !important;
    transition: all 0.3s ease;
  }

  .eror_message_box h5 {
    font-size: 13px;
    line-height: 23px;
    font-family: var(--bold-font);
    font-weight: 800;
    margin-bottom: 0px;
  }

  .iconblock_icons img {
    height: 15px;
    width: 15px;
    margin-left: 11px;
  }

  .icon_search_image {
    margin-left: 10px !important;
  }

  .search_short p {
    margin-bottom: 10px;
  }

  .search_short select {
    margin-bottom: 20px !important;
  }

  .search_menu_tabs {
    gap: 5px;
  }

  .search_menu_tabs a {
    font-size: 3.6vw;
    line-height: 4.8vw;
  }

  .search_nav_submenu input:checked {
    background-color: #013a9b;
  }

  .search_nav_submenu {
    display: none !important;
    position: relative;
  }

  .open .search_nav_submenu {
    display: block;
  }

  .dropdown-toggle::after {
    display: none;
  }

  .mobilehead_tab {
    margin-bottom: 15px !important;
  }

  .perspectives_container {
    padding: 0px !important;
  }

  .perspectives_search_line {
    margin: 0px 0px 50px 0px;
    opacity: 1;
    width: 94%;
    margin-left: 3%;
  }

  .header_home .bottom-head .rightblock .rightmenu {
    border-right: 0.2vw solid var(--white-primary);
    margin-right: 4vw;
    margin-left: 1vw;
    padding-right: 2vw;
  }

  .form_group_labal {
    display: flex;
    flex-direction: column;
    margin-bottom: 5px;
    margin-top: 10px;
  }

  .meet_the_council .custom-arrow {
    display: none;
  }

  .meet_the_council_slider {
    background-color: #EFEBE2;
    padding: 30px 0px;
    border-radius: 0px;
  }

  .slider_video_content h5 {
    font-size: 16px;
    line-height: 26px;
    font-family: var(--bold-font);
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 20px;
  }

  .slider_video_content h4 {
    font-size: 24px;
    line-height: 34px;
    font-family: var(--bold-font);
    font-weight: 700;
    margin-bottom: 20px;
  }

  .slider_video_content p {
    font-size: 15px;
    line-height: 25px;
    font-family: var(--medium-font);
    font-weight: 500;
    margin-bottom: 40px;
  }

  .slider_video_content a {
    font-size: 16px;
    line-height: 26px;
    font-family: var(--bold-font);
    font-weight: 700;
    background: linear-gradient(to right, #C93733, #900804);
    color: #fff;
    padding: 15px 0px;
    border-radius: 60px;
    width: 200px;
    text-align: center;
    margin: 0px auto;
    position: relative;
  }

  .meet-the-council-heading h2 {
    font-size: 42px;
    line-height: 44px;
    font-family: var(--light-font);
    font-weight: 300;
    color: #013a9b;
    text-align: center;
    margin-bottom: 25px;
  }

  .meet-the-council-heading h5 {
    font-size: 17px;
    line-height: 27px;
    font-family: var(--medium-font);
    font-weight: 500;
    color: #939393;
    text-align: center;
  }

  .meet-the-council-heading p {
    font-size: 16px;
    line-height: 26px;
    font-family: var(--regular-font);
    font-weight: 400;
    text-align: center;
    margin-bottom: 40px;
  }

  .meet_the_council .container_section {
    padding: 0px;
  }

  .meet_the_council .swiper-pagination {
    position: relative !important;
    margin-top: 20px;
    text-align: center;
  }

  .swiper-pagination-bullet {
    background: #013a9b !important;
    opacity: 0.5;
    width: 12px !important;
    height: 12px !important;
  }

  .meet_the_council .swiper-pagination-bullet-active {
    background: #013a9b !important;
    opacity: 1;
  }

  .meet_the_council .swiper-pagination {
    display: block;
    margin-top: 55px;
  }

  .slider_video_content p {
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .slider_video_content {
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }

  .carrer_apply_heading h2 {
    font-size: 42px;
    line-height: 53px;
    font-family: var(--light-font);
    font-weight: 300;
    text-align: center;
    color: #013a9b;
    margin-top: 25px;
  }

  .carrer_apply_heading h5 {
    font-size: 18px;
    line-height: 28px;
    font-family: var(--medium-font);
    font-weight: 500;
    text-align: center;
  }

  .carrer_apply_heading p {
    font-size: 18px;
    line-height: 27px;
    font-family: var(--regular-font);
    font-weight: 400;
    text-align: center;
    margin-top: 30px;
  }

  .carrer_apply_section {
    padding: 190px 0px 40px 0px;
  }

  .questions_box h5 {
    font-size: 18px;
    line-height: 28px;
    font-family: var(--medium-font);
    font-weight: 500;
    text-align: center;
    color: #013a9b;
  }

  .questions_box p {
    font-size: 20px;
    line-height: 30px;
    font-family: var(--medium-font);
    font-weight: 500;
    text-align: center;
    margin-top: 20px;
  }

  .answers-box {
    width: 100%;
    padding: 25px 0px 30px 0px;
    margin: 0 auto;
  }

  .custom-checkbox .answer-text {
    font-size: 17px;
    line-height: 27px;
    font-weight: 400;
    font-family: var(--regular-font);
    margin-left: 15px;
  }

  .correct_checkmark img {
    width: 22px;
  }

  .upload-wrap {
    background: transparent;
    border: 1px solid var(--black-primary);
    padding: 33px 30px;
    width: 94%;
    margin-bottom: 10px;
    -webkit-appearance: none;
    border-radius: 0;
    color: var(--black-primary);
    font-size: 16px;
    line-height: 26px;
  }

  .upload-wrap input[type="file"] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
  }

  .upload-wrap .fake-placeholder {
    position: absolute;
    left: 22px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 1;
    color: #000;
  }

  .upload-wrap .fake-placeholder p {
    font-size: 12px;
    color: #555;
  }

  .upload-wrap .upload-icon {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    pointer-events: none;
  }

  .upload-wrap .upload-icon {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url(themes/custom/inoatheme/images/lucide_upload.svg) no-repeat center;
    background-size: contain;
    z-index: 3;
    pointer-events: none;
  }

  .fake-placeholder {
    position: absolute;
    top: 45%;
    left: 35px;
    transform: translateY(-50%);
    color: #111;
    font-size: 16px;
    line-height: 26px;
    font-family: var(--regular-font);
    font-weight: 400;
    cursor: text;
  }

  .field-wrap input {
    background: transparent;
    border: 1px solid var(--black-primary);
    padding: 15px 30px;
    width: 100%;
    margin-bottom: 10px;
    -webkit-appearance: none;
    border-radius: 0;
    color: var(--black-primary);
  }

  input:focus,
  input:focus-visible {
    outline: none;
  }

  .apply-wrapper.is-fixed {
    position: relative;
    top: 0px;
    z-index: 0;
  }

  .nsm_context label {
    margin-bottom: 0;
    font-size: 3.6vw;
    line-height: 4.8vw;
    font-family: var(--regular-font);
    color: var(--black-primary);
  }

  .bottom_button a {
    border-radius: 8.5vw;
    color: var(--white-primary);
    text-transform: uppercase;
    background: var(--red-primary);
    height: max-content;
    padding: 5.4vw 6.25vw 5.4vw 6.25vw;
    font-size: 3.4vw;
    line-height: 4.6vw;
    width: 95%;
    margin-bottom: 4vw;
    text-decoration: none;
    display: inline-block;
    font-family: var(--bold-font);
  }

  .apply-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 12px 0;
    z-index: 999;
    text-align: center;
    transition: all 0.2s ease;
  }

  .apply-fixed.stop-fixed {
    position: absolute;
    bottom: auto;
    margin-top: 10px;
  }

  .bottom_button {
    display: block;
  }

  .apply-wrapper {
    display: none;
  }

  .event_detail_section {
    margin-bottom: 90px;
  }

  .apply_button input {
    background: linear-gradient(to right, #C93733, #900804) !important;
    padding: 23px 50px 23px 50px !important;
  }

  .tab-item {
    margin-top: 30px;
  }

  .who_line {
    opacity: 1;
    padding: 0px 0px 15px 0px;
  }

  .gcc_council_content h5 {
    font-size: 16px;
    line-height: 26px;
    font-family: var(--bold-font);
    font-weight: 700;
    margin-top: 25px;
  }

  .gcc_council_content ul li {
    font-size: 14px;
    line-height: 20px;
    font-family: var(--regular-font);
    font-weight: 400;
  }

  .gcc_council_content p {
    font-size: 14px;
    line-height: 20px;
    font-family: var(--regular-font);
    font-weight: 400;
  }

  .gcc_container {
    margin: 0px !important;
  }

  .gcc_row {
    padding: 0px !important;
  }

  .gcc_council_colum {
    margin-top: 40px !important;
  }

  .free_div {
    width: 38.33% !important;
    text-align: right;
  }

  #mycontainer .tabs-nav {
    border-bottom: 1px solid;
    padding-bottom: 40px;
    z-index: 99;
  }
}

@media (min-width:768px) and (max-width:1366px) {
  .stayinform_section .staycard {
    padding: 30px 140px 30px 30px !important;
  }

  .new_homepage_banner_section .slider_video_content {
    position: absolute;
    top: 75%;
    left: 34%;
    transform: translate(-50%, -50%);
    text-align: left;
    color: #fff;
    width: 50%;
    z-index: 2;
  }

  .slider_video_content {
    height: 480px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }

  .new_homepage_banner_section .key-custom-prev {
    right: 17%;
  }

  .new_homepage_banner_section .key-custom-next {
    right: 12%;
  }

  .new_homepage_footer .col-md-9 {
    padding-right: 15px;
  }

  .from_inoa_section .slider-image-wrap video {
    width: 100%;
    height: 700px;
    object-fit: cover;
    border-radius: 20px;
  }

  .new_page_videobrick .video-title {
    font-size: 26px !important;
    line-height: 40px !important;
  }

  .new_homepage_banner_section .key_initiatives-image video {
    width: 100%;
    display: block;
    border-radius: 20px;
    height: 85vh;
    object-fit: cover;
  }

  .cookies-content p {
    font-size: 15px;
    line-height: 25px;
    font-family: var(--regular-font);
    font-weight: 400;
    margin: 5px;
  }

  .cookies-ratio label {
    font-size: 14px;
    line-height: 24px;
    font-family: var(--regular-font);
    font-weight: 400;
  }

  .cookies-button .cookies-accept {
    font-size: 15px;
    line-height: 25px;
    color: #fff;
    font-family: var(--bold-font);
    font-weight: 700;
    background: linear-gradient(90deg, rgba(201, 55, 51, 1) 0%, rgba(144, 8, 4, 1) 100%);
    padding: 15px 20px;
    border-radius: 50px;
    border: 1px solid;
  }

  .cookies-button .cookies-reject {
    font-size: 15px;
    line-height: 25px;
    color: rgba(147, 147, 147, 1);
    font-family: var(--bold-font);
    font-weight: 700;
    background: transparent;
    padding: 15px 20px;
    border-radius: 50px;
    border: 1px solid rgba(147, 147, 147, 1);
  }

  .cookies-section .container {
    background: #fff;
    border: 2px solid rgba(195, 53, 49, 1);
    border-radius: 20px;
    padding: 40px 40px;
  }

  .voices-details .title_h3 {
    font-size: 24px;
    line-height: 34px;
    font-family: var(--medium-font);
    font-weight: 500;
  }

  .tags-dropdown-menu {
    width: 824px;
    flex-wrap: wrap;
  }

  .awardtags-dropdown-menu {
    width: 803px;
    flex-wrap: wrap;
  }

  .perspectives-dropdown-menu {
    width: 817px;
    flex-wrap: wrap;
  }
}

@media (min-width:1367px) and (max-width:1499px) {
  .stayinform_section .staycard {
    padding: 30px 180px 30px 30px !important;
  }

  .new_homepage_banner_section .slider_video_content {
    position: absolute;
    top: 70%;
    left: 29.5%;
    transform: translate(-50%, -50%);
    text-align: left;
    color: #fff;
    width: 50%;
    z-index: 2;
  }

  .new_homepage_banner_section .key-custom-prev {
    right: 11%;
  }

  .new_homepage_banner_section .key-custom-next {
    right: 7%;
  }

  .new_homepage_footer .nsm_footer-social {
    text-align: center !important;
  }

  .new_homepage_footer .hastagfooter {
    text-align: left;
  }

  .from_inoa_section .slider-image-wrap video {
    width: 100%;
    height: 600px;
    object-fit: cover;
    border-radius: 20px;
  }

  .new_homepage_banner_section .key_initiatives-image video {
    width: 100%;
    display: block;
    border-radius: 20px;
    height: 88vh;
    object-fit: cover;
  }

  .cookies-content p {
    font-size: 18px;
    line-height: 28px;
    font-family: var(--regular-font);
    font-weight: 400;
    margin: 5px;
  }

  .cookies-ratio label {
    font-size: 16px;
    line-height: 26px;
    font-family: var(--regular-font);
    font-weight: 400;
  }

  .cookies-button .cookies-accept {
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    font-family: var(--bold-font);
    font-weight: 700;
    background: linear-gradient(90deg, rgba(201, 55, 51, 1) 0%, rgba(144, 8, 4, 1) 100%);
    padding: 15px 30px;
    border-radius: 50px;
    border: 1px solid;
  }

  .cookies-button .cookies-reject {
    font-size: 16px;
    line-height: 26px;
    color: rgba(147, 147, 147, 1);
    font-family: var(--bold-font);
    font-weight: 700;
    background: transparent;
    padding: 15px 30px;
    border-radius: 50px;
    border: 1px solid rgba(147, 147, 147, 1);
  }

  .cookies-section .container {
    background: #fff;
    border: 2px solid rgba(195, 53, 49, 1);
    border-radius: 20px;
    padding: 40px 40px;
  }

  .voices-details .title_h3 {
    font-size: 28px;
    line-height: 38px;
    font-family: var(--medium-font);
    font-weight: 500;
  }

  .tags-dropdown-menu {
    width: 1007px;
    flex-wrap: wrap;
  }

  .awardtags-dropdown-menu {
    width: 987px;
    flex-wrap: wrap;
  }

  .perspectives-dropdown-menu {
    width: 1001px;
    flex-wrap: wrap;
  }
}

@media (min-width:768px) and (max-width:1499px) {
  .new_homepage_banner_section {
    padding: 55px 35px 100px 35px;
  }

  .slider_video_content a {
    font-size: 16px;
    line-height: 26px;
    font-family: var(--bold-font);
    font-weight: 700;
    background: transparent;
    color: #fff;
    padding: 15px 0px;
    border-radius: 60px;
    border: 2px solid #fff;
    position: relative;
  }

  .slider_video_content h3 {
    font-size: 42px;
    line-height: 52px;
    font-family: var(--medium-font);
    font-weight: 500;
    color: #fff;
    margin-bottom: 155px;
  }

  .empowering-inoa .new_home_section_heading {
    font-family: var(--light-font);
    color: var(--red-primary);
    font-size: 58px;
    line-height: 68px;
    text-align: center;
    margin-bottom: 50px;
    margin-top: 60px;
  }

  .new-spotlight .new_sub_heading {
    font-family: var(--medium-font);
    color: var(--grey-secondary);
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    margin-bottom: 15px;
  }

  .new-spotlight .new_home_section_heading {
    font-family: var(--light-font);
    color: var(--red-primary);
    font-size: 58px;
    line-height: 68px;
    text-align: center;
    margin-bottom: 40px;
  }

  .new-spotlight .news_potlight_overlay h3 {
    font-size: 35px !important;
    line-height: 47px !important;
  }

  .new-spotlight .new_spotlight_context p {
    font-size: 16px !important;
    line-height: 26px !important;
  }

  .new-spotlight .new_spotlight_context li {
    font-size: 16px !important;
    line-height: 26px !important;
  }

  .new-spotlight .action-btn a {
    background: linear-gradient(to right, #fff, #ffffff);
    padding: 22px 38px;
    border-radius: 60px;
    font-family: var(--bold-font);
    color: var(--white-primary);
    text-transform: uppercase;
    text-decoration: none;
    font-size: 16px;
    display: inline-block;
  }

  .become_member_section .member-content-box {
    position: relative;
    z-index: 1;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 3.95), rgba(0, 0, 0, 0.75));
    border-radius: 32px;
    text-align: center;
    padding: 55px 90px 60px;
    color: #fff;
    backdrop-filter: blur(6px);
    transform: translateY(-90px);
    width: 95%;
    margin: 0px auto;
  }

  .become_member_section .sub-heading {
    display: block;
    color: #939393;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 10px;
    font-weight: 500;
  }

  .become_member_section .section-heading {
    font-size: 54px;
    line-height: 64px;
    font-family: var(--light-font);
    font-weight: 300;
    margin-bottom: 15px;
    color: #fff;
  }

  .become_member_section .top-desc {
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    font-family: var(--regular-font);
    margin-bottom: 25px;
    font-weight: 400;
  }

  .become_member_section .become-description p {
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    font-family: var(--regular-font);
    margin-bottom: 55px;
    font-weight: 400;
    padding: 0px 74px;
  }

  .become_member_section .action-btn a {
    align-items: center;
    justify-content: center;
    border-radius: 60px;
    text-decoration: none;
    padding: 25px 45px;
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    text-transform: uppercase;
    background: linear-gradient(to right, #fff, #ffffff);
    transition: 0.4s ease;
  }

  .eventsawads_heading span {
    display: block;
    color: #939393;
    font-size: 16px;
    line-height: 26px;
    font-family: var(--medium-font);
    font-weight: 500;
    text-align: center;
    margin-bottom: 10px;
  }

  .eventsawads_heading h2 {
    font-family: var(--light-font);
    color: var(--red-primary);
    font-weight: 300;
    font-size: 58px;
    line-height: 68px;
    text-align: center;
    margin-bottom: 15px;
  }

  .eventsawads_heading p {
    display: block;
    color: #000;
    font-size: 16px;
    line-height: 26px;
    font-family: var(--regular-font);
    font-weight: 400;
    text-align: center;
    margin-bottom: 50px;
  }

  .eventsawads_content h4 {
    font-size: 44px;
    line-height: 56px;
    font-family: var(--medium-font);
    font-weight: 500;
    color: #fff;
    margin-bottom: 40px;
  }

  .eventsawads_content p {
    font-size: 21px;
    line-height: 31px;
    font-family: var(--regular-font);
    font-weight: 400;
    color: #fff;
    margin-bottom: 70px;
  }

  .eventsawads_content a {
    font-size: 16px;
    line-height: 26px;
    font-family: var(--bold-font);
    font-weight: 700;
    color: #013a9b;
    background: #fff;
    padding: 20px 35px;
    border-radius: 60px;
    text-decoration: none;
  }

  .awardcard_grid_content h5 {
    font-size: 18px;
    line-height: 28px;
    font-family: var(--bold-font);
    font-weight: 700;
    color: #fff;
  }

  .awardcard_grid_content p {
    font-size: 16px;
    line-height: 26px;
    font-family: var(--regular-font);
    font-weight: 400;
    color: #fff;
  }

  .awardcard_grid_button a {
    align-items: center;
    justify-content: center;
    border-radius: 60px;
    text-decoration: none;
    padding: 25px 45px;
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    text-transform: uppercase;
    background: linear-gradient(to right, #fff, #ffffff);
    transition: 0.4s ease;
  }

  .meet-the-council-heading span {
    display: block;
    color: #939393;
    font-size: 16px;
    line-height: 26px;
    font-family: var(--medium-font);
    font-weight: 500;
    text-align: center;
    margin-bottom: 10px;
  }

  .meet_the_council .section-heading {
    font-family: var(--light-font);
    color: var(--red-primary);
    font-weight: 300;
    font-size: 58px;
    line-height: 68px;
    text-align: center;
    margin-bottom: 50px;
  }

  .from_inoa_section .slider_video_content h4 {
    font-size: 28px;
    line-height: 38px;
    font-family: var(--bold-font);
    font-weight: 700;
    margin-bottom: 20px;
    color: #013a9b;
  }

  .from_inoa_section .slider_video_content p {
    font-size: 16px;
    line-height: 26px;
    font-family: var(--regular-font);
    font-weight: 400;
    color: #000;
  }

  .from_inoa_section .slider_video_content ul li {
    font-size: 16px;
    line-height: 26px;
    font-family: var(--regular-font);
    font-weight: 400;
    color: #000;
    margin-top: 0px;
  }

  .from_inoa_section .slider_video_content a {
    font-size: 16px;
    line-height: 26px;
    font-family: var(--bold-font);
    font-weight: 700;
    color: #fff;
    background: #013a9b;
    padding: 15px 30px;
    border-radius: 60px;
    border: 2px solid #013a9b;
    text-decoration: none;
  }

  .ecosystem_heading span {
    display: block;
    color: #939393;
    font-size: 16px;
    line-height: 26px;
    font-family: var(--medium-font);
    font-weight: 500;
    text-align: center;
    margin-bottom: 10px;
  }

  .ecosystem_heading .section-heading {
    font-family: var(--light-font);
    color: var(--red-primary);
    font-weight: 300;
    font-size: 60px;
    line-height: 70px;
    text-align: center;
    margin-bottom: 35px;
    padding: 0px 75px;
  }

  .ecosystem_heading p {
    color: #000;
    font-size: 16px;
    line-height: 26px;
    font-family: var(--regular-font);
    font-weight: 400;
    text-align: center;
    margin-bottom: 60px;
  }

  .ecosystem_heading a {
    align-items: center;
    justify-content: center;
    border-radius: 60px;
    text-decoration: none;
    padding: 25px 45px;
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    text-transform: uppercase;
    background: linear-gradient(to right, #fff, #ffffff);
    transition: 0.4s ease;
    display: inline-block;
  }

  .ecosystem_card_content h5 {
    font-size: 15px;
    line-height: 25px;
    font-family: var(--bold-font);
    font-weight: 700;
    color: #013a9b;
  }

  .ecosystem_card_content p {
    font-size: 16px;
    line-height: 25px;
    font-family: var(--regular-font);
    font-weight: 400;
    color: #000;
  }

  .stayinform_section span {
    display: block;
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    font-family: var(--medium-font);
    font-weight: 500;
    text-align: center;
    margin-bottom: 10px;
  }

  .stayinform_container .section-heading {
    font-size: 58px !important;
    line-height: 68px !important;
    color: #fff !important;
    font-weight: 300;
    margin-bottom: 50px !important;
  }

  .latest_events_section span {
    display: block;
    color: #939393;
    font-size: 16px;
    line-height: 26px;
    font-family: var(--medium-font);
    font-weight: 500;
    text-align: center;
    margin-bottom: 15px;
  }

  .latest_events_section .section-heading {
    font-weight: 300;
    font-size: 58px !important;
    line-height: 68px !important;
    margin-bottom: 40px !important;
    padding: 0px 95px;
  }

  .latest_events_section p {
    color: #000;
    font-size: 16px;
    line-height: 26px;
    font-family: var(--regular-font);
    font-weight: 400;
    text-align: center;
    margin-bottom: 60px;
    padding: 0px 17px;
  }

  .latest_events_section .down-context h2 {
    font-size: 38px !important;
    line-height: 48px !important;
    margin-bottom: 10px !important;
  }

  .latest_events_section .down-context h6 {
    font-size: 26px !important;
    line-height: 36px !important;
  }

  .new_homepage_banner_section .custom-arrow {
    position: absolute;
    top: 72%;
    transform: translateY(-50%);
    color: #000;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1;
  }

  .nsm_footer-social .youtub_icon {
    width: 55px !important;
  }

  .new_homepage_banner_section .slider_video_content a {
    font-size: 16px;
    line-height: 26px;
    font-family: var(--bold-font);
    font-weight: 700;
    background: transparent;
    color: #fff;
    padding: 15px 30px;
    border-radius: 60px;
    border: 2px solid #fff;
    position: absolute;
    bottom: 170px;
    width: fit-content;
  }

  .home_footer_logo img {
    padding-bottom: 7px;
    filter: brightness(0) invert(1);
  }

  .nsm_footer-social a:first-child img {
    width: 55px !important;
  }

  .ecosystem_card_content p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .from_inoa_section .slider_video_content ul {
    margin-bottom: 80px;
  }

  .new_page_videobrick {
    height: 413px !important;
  }

  .stayinform_section .staycard {
    height: 140px !important;
  }

  .stayinform_section .staycard.active {
    height: 190px !important;
  }

  .nsm_context_button a {
    font-size: 14px;
    line-height: 24px;
    font-family: var(--bold-font);
    font-weight: 700;
    color: #fff;
    background-color: #013a9b;
    text-decoration: none;
    padding: 15px 35px;
    border-radius: 50px;
  }

  .press-detail-tab .tab_title_h3 {
    font-weight: 400;
    color: var(--red-primary) !important;
    font-size: 28px;
    line-height: 38px;
    font-family: var(--medium-font);
  }

  .copyright-text p {
    font-size: 14px;
    line-height: 24px;
    font-family: var(--medium-font);
    font-weight: 500;
    color: #fff;
    margin-top: 25px;
  }

  .press_hastagfooter {
    font-size: 16px !important;
    line-height: 26px !important;
  }

  .newtabsvoice li button {
    color: var(--black-primary);
    font-family: var(--medium-font);
    font-size: 14px;
    line-height: 24px;
    margin-right: 24px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0;
    background: transparent;
    border: 0;
    padding-bottom: 5px;
  }
}

@media(max-width:767px) {
  .new_homepage_banner_section {
    padding: 110px 10px 50px 10px;
  }

  .slider_video_content h3 {
    font-size: 32px;
    line-height: 42px;
    font-family: var(--medium-font);
    font-weight: 500;
    color: #fff;
    margin-bottom: 150px;
  }

  .new_homepage_banner_section .slider_video_content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: left;
    color: #fff;
    width: 90%;
    z-index: 2;
  }

  .new_homepage_banner_section .slider_video_content a {
    font-size: 14px;
    line-height: 24px;
    font-family: var(--bold-font);
    font-weight: 700;
    background: transparent;
    color: #fff;
    padding: 15px 30px;
    border-radius: 60px;
    border: 2px solid #fff;
    position: absolute;
    bottom: 0px;
    width: fit-content;
    margin: 0px !important;
  }

  .new_homepage_banner_section .key_initiatives-image video {
    width: 100%;
    display: block;
    border-radius: 20px;
    height: 600px;
    object-fit: cover;
  }

  .new_homepage_banner_section .custom-arrow {
    display: none;
  }

  .empowering-inoa .new_home_section_heading {
    font-family: var(--light-font);
    color: var(--red-primary);
    font-size: 36px;
    line-height: 46px;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 0px;
  }

  .new_page_videobrick .overlay-context p {
    font-size: 16px !important;
    line-height: 26px !important;
  }

  .new_page_videobrick .video-title {
    font-size: 34px !important;
    line-height: 44px !important;
  }

  .new-spotlight .new_sub_heading {
    font-family: var(--medium-font);
    color: var(--grey-secondary);
    font-size: 15px;
    line-height: 25px;
    text-align: center;
    margin-bottom: 15px;
  }

  .new-spotlight .new_home_section_heading {
    font-family: var(--light-font);
    color: var(--red-primary);
    font-size: 36px;
    line-height: 46px;
    text-align: center;
    margin-bottom: 35px;
  }

  .new-spotlight .news_potlight_overlay h3 {
    font-size: 24px !important;
    line-height: 34px !important;
  }

  .new-spotlight .new_spotlight_context p {
    font-size: 14px !important;
    line-height: 25px !important;
  }

  .new-spotlight .new_spotlight_context li {
    font-size: 14px !important;
    line-height: 24px !important;
  }

  .new_page_spotlight {
    padding: 75px 0px 40px 0px !important;
  }

  .become_member_section .member-content-box {
    position: relative;
    z-index: 1;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 3.95), rgba(0, 0, 0, 0.75));
    border-radius: 32px;
    text-align: center;
    padding: 55px 13px 50px;
    color: #fff;
    backdrop-filter: blur(6px);
    transform: translateY(-90px);
    width: 97%;
    margin: 0px auto;
  }

  .become_member_section .sub-heading {
    display: block;
    color: #939393;
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 10px;
    font-weight: 500;
  }

  .become_member_section .section-heading {
    font-size: 36px;
    line-height: 46px;
    font-family: var(--light-font);
    font-weight: 300;
    margin-bottom: 20px;
    color: #fff;
  }

  .become_member_section .become-description p {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    font-family: var(--regular-font);
    margin-bottom: 55px;
    font-weight: 400;
  }

  .become_member_section .action-btn a {
    align-items: center;
    justify-content: center;
    border-radius: 60px;
    text-decoration: none;
    padding: 25px 45px;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    text-transform: uppercase;
    background: linear-gradient(to right, #fff, #ffffff);
    transition: 0.4s ease;
  }

  .become_member_section .card-content p {
    color: #e5e5e5;
    font-size: 15px;
    line-height: 25px;
    font-family: var(--regular-font);
    font-weight: 400;
    margin-bottom: 0;
  }

  .become_member_section .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    background: transparent !important;
    opacity: 1;
    border: 2px solid #013a9b;
  }

  .become_member_section .swiper-pagination-bullet-active {
    background: #013a9b !important;
    border: 2px solid #013a9b;
    opacity: 1;
  }

  .eventsawads_heading span {
    display: block;
    color: #939393;
    font-size: 15px;
    line-height: 25px;
    font-family: var(--medium-font);
    font-weight: 500;
    text-align: center;
    margin-bottom: 10px;
  }

  .eventsawads_heading h2 {
    font-family: var(--light-font);
    color: var(--red-primary);
    font-weight: 300;
    font-size: 36px;
    line-height: 46px;
    text-align: center;
    margin-bottom: 20px;
  }

  .eventsawads_heading p {
    display: block;
    color: #000;
    font-size: 14px;
    line-height: 24px;
    font-family: var(--regular-font);
    font-weight: 400;
    text-align: center;
    margin-bottom: 50px;
  }

  .eventsawads_content {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    z-index: 2;
    width: 90%;
  }

  .eventsawads_content h4 {
    font-size: 32px;
    line-height: 42px;
    font-family: var(--medium-font);
    font-weight: 500;
    color: #fff;
    margin-bottom: 50px;
  }

  .eventsawads_content p {
    font-size: 20px;
    line-height: 30px;
    font-family: var(--regular-font);
    font-weight: 400;
    color: #fff;
    margin-bottom: 70px;
  }

  .awardcard_grid_content h5 {
    font-size: 20px;
    line-height: 30px;
    font-family: var(--bold-font);
    font-weight: 700;
    color: #fff;
  }

  .awardcard_grid_content p {
    font-size: 16px;
    line-height: 26px;
    font-family: var(--regular-font);
    font-weight: 400;
    color: #fff;
  }

  .awardcard_grid {
    position: relative;
    margin-bottom: 25px;
  }

  .awardcard_grid_button a {
    align-items: center;
    justify-content: center;
    border-radius: 60px;
    display: flex;
    text-decoration: none;
    padding: 25px 50px;
    color: #fff;
    font-size: 15px;
    line-height: 25px;
    font-weight: 700;
    font-family: var(--bold-font);
    text-transform: uppercase;
    background: linear-gradient(to right, #fff, #ffffff);
    transition: 0.4s ease;
  }

  .awardcard_button_column {
    margin-top: 30px;
  }

  .eventsawads_section {
    padding: 70px 0px 65px 0px;
    position: relative;
    overflow: hidden;
  }

  .meet-the-council-heading span {
    display: block;
    color: #939393;
    font-size: 15px;
    line-height: 25px;
    font-family: var(--medium-font);
    font-weight: 500;
    text-align: center;
    margin-bottom: 10px;
  }

  .meet_the_council .section-heading {
    font-family: var(--light-font);
    color: var(--red-primary);
    font-weight: 300;
    font-size: 36px;
    line-height: 46px;
    text-align: center;
    margin-bottom: 40px;
  }

  .from_inoa_section .container_section {
    padding: 15px;
  }

  .from_inoa_section .slider_video_content h4 {
    font-size: 21px;
    line-height: 30px;
    font-family: var(--bold-font);
    font-weight: 700;
    margin-bottom: 20px;
    color: #013a9b;
    text-align: center;
  }

  .from_inoa_section .slider_video_content p {
    font-size: 14px;
    line-height: 24px;
    font-family: var(--regular-font);
    font-weight: 400;
    color: #000;
    margin-bottom: 24px;
    text-align: center;
  }

  .from_inoa_section .slider_video_content ul li {
    font-size: 14px;
    line-height: 24px;
    font-family: var(--regular-font);
    font-weight: 400;
    color: #000;
    margin-top: 0px;
  }

  .from_inoa_section .meet_the_council_slider {
    background-color: transparent;
    padding: 30px 0px 0px 0px;
    border-radius: 10px;
    border: 2px solid #013a9b;
  }

  .from_inoa_section .slider-image-wrap {
    padding-left: 0px;
  }

  .from_inoa_section .slider-image-wrap video {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 20px;
  }

  .from_inoa_section .council_row {
    flex-direction: column-reverse;
  }

  .from_inoa_section .slider_video_content {
    margin-top: 20px;
  }

  .from_inoa_section .slider_video_content a {
    font-size: 14px;
    line-height: 24px;
    font-family: var(--bold-font);
    font-weight: 700;
    color: #fff;
    background: #013a9b;
    padding: 15px 30px;
    border-radius: 60px;
    border: 2px solid #013a9b;
    text-decoration: none;
    margin: 0px auto;
  }

  .from_inoa_section .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    background: transparent !important;
    opacity: 1;
    border: 2px solid #013a9b;
  }

  .from_inoa_section .swiper-pagination-bullet-active {
    background: #013a9b !important;
    border: 2px solid #013a9b;
    opacity: 1;
  }

  .from_inoa_section {
    padding: 20px 0px 70px 0px !important;
  }

  .ecosystem_heading span {
    display: block;
    color: #939393;
    font-size: 15px;
    line-height: 25px;
    font-family: var(--medium-font);
    font-weight: 500;
    text-align: center;
    margin-bottom: 10px;
  }

  .ecosystem_heading .section-heading {
    font-family: var(--light-font);
    color: var(--red-primary);
    font-weight: 300;
    font-size: 36px;
    line-height: 46px;
    text-align: center;
    margin-bottom: 35px;
    padding: 0px 0px;
  }

  .ecosystem_heading p {
    color: #000;
    font-size: 14px;
    line-height: 24px;
    font-family: var(--regular-font);
    font-weight: 400;
    text-align: center;
    margin-bottom: 60px;
  }

  .ecosystem_heading a {
    align-items: center;
    justify-content: center;
    border-radius: 60px;
    text-decoration: none;
    padding: 25px 45px;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    text-transform: uppercase;
    background: linear-gradient(to right, #fff, #ffffff);
    transition: 0.4s ease;
  }

  .ecosystem_card_content h5 {
    font-size: 16px;
    line-height: 26px;
    font-family: var(--bold-font);
    font-weight: 700;
    color: #013a9b;
  }

  .ecosystem_card_content p {
    font-size: 14px;
    line-height: 24px;
    font-family: var(--regular-font);
    font-weight: 400;
    color: #000;
  }

  .ecosystem_section .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    background: transparent !important;
    opacity: 1;
    border: 2px solid #013a9b;
  }

  .ecosystem_section .swiper-pagination-bullet-active {
    background: #013a9b !important;
    border: 2px solid #013a9b;
    opacity: 1;
  }

  .stayinform_container .section-heading {
    font-size: 36px !important;
    line-height: 46px !important;
    color: #fff !important;
    font-weight: 300;
    margin-bottom: 50px !important;
  }

  .stayinform_video video {
    width: 100%;
    height: 700px;
    object-fit: cover;
  }

  .stayinform_section {
    position: relative;
    overflow: hidden;
    height: 700px;
    margin-top: 50px;
    padding: 0px !important;
  }

  .latest_events_section span {
    display: block;
    color: #939393;
    font-size: 15px;
    line-height: 25px;
    font-family: var(--medium-font);
    font-weight: 500;
    text-align: center;
    margin-bottom: 10px;
  }

  .latest_events_section .section-heading {
    font-weight: 300;
    font-size: 36px !important;
    line-height: 46px !important;
    margin-bottom: 40px !important;
    padding: 0px 0px;
  }

  .latest_events_section p {
    color: #000;
    font-size: 14px;
    line-height: 24px;
    font-family: var(--regular-font);
    font-weight: 400;
    text-align: center;
    margin-bottom: 60px;
    padding: 0px 0px;
  }

  .latest_events_section .down-context h2 {
    font-size: 34px !important;
    line-height: 44px !important;
    margin-bottom: 15px !important;
  }

  .latest_events_section .down-context h6 {
    font-size: 22px !important;
    line-height: 32px !important;
  }

  .nsm_footer-social a:first-child img {
    width: 65px !important;
  }

  .eventsawads_content a {
    font-size: 14px;
    line-height: 24px;
    font-family: var(--bold-font);
    font-weight: 700;
    color: #013a9b;
    background: #fff;
    padding: 20px 35px;
    border-radius: 60px;
    text-decoration: none;
  }

  .ecosystem_section .ecosystem-slider {
    padding: 0px 10px;
  }

  .latest_events_section .col-md-9 p {
    color: #000;
    font-size: 15px;
    line-height: 25px;
    font-family: var(--regular-font);
    font-weight: 400;
    text-align: center;
    margin-bottom: 60px;
    padding: 0px;
  }

  .new_homepage_footer .footer_links {
    width: 100%;
    text-align: left !important;
  }

  .new_homepage_banner_section .swiper-pagination {
    display: block;
  }

  .new_homepage_banner_section .swiper-pagination-bullet {
    background-color: transparent !important;
    border: 2px solid #fff;
    opacity: 0.5;
    width: 15px !important;
    height: 15px !important;
  }

  .new_homepage_banner_section .swiper-pagination-bullet-active {
    background-color: #fff !important;
    border: 2px solid #fff;
    opacity: 1;
  }

  .new_homepage_banner_section .swiper-pagination {
    margin-bottom: 30px;
  }

  .eventsawads_colum video {
    width: 100%;
    display: block;
    height: 550px;
    object-fit: cover;
    border-radius: 15px;
  }

  .new_homepage_banner_section .key_initiatives-image::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    border-radius: 20px;
  }

  .new_homepage_banner_section {
    padding: 125px 15px 15px 15px;
    height: 94vh;
  }

  .new_homepage_banner_section .swiper,
  .new_homepage_banner_section .swiper-wrapper,
  .new_homepage_banner_section .swiper-slide,
  .new_homepage_banner_section .home_slider_content,
  .new_homepage_banner_section .key_initiatives-image,
  .new_homepage_banner_section .key_initiatives-image video {
    height: 75vh;
  }

  .new_homepage_banner_section .key_initiatives-image video {
    object-fit: cover;
  }

  .become_member_section .top-desc {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    font-family: var(--regular-font);
    margin-bottom: 20px;
    font-weight: 400;
  }

  .stayinform_section span {
    display: block;
    color: #fff;
    font-size: 15px;
    line-height: 25px;
    font-family: var(--medium-font);
    font-weight: 500;
    text-align: center;
    margin-bottom: 10px;
    padding: 0px 30px;
  }

  .from_inoa_section .slider_video_content ul {
    margin-bottom: 65px;
  }

  .latest_events_section .col-md-6:nth-child(1) .card-block.active .down-context {
    bottom: 270px;
  }

  .latest_events_section .col-md-6:nth-child(2) .card-block.active .down-context {
    bottom: 230px;
  }

  .latest_events_section .card-block.active .lt-eventcard {
    margin-left: -400px;
  }

  .eventsawads_content h4 {
    display: -webkit-box;
    -webkit-line-clamp: none;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .eventsawads_content p {
    display: -webkit-box;
    -webkit-line-clamp: none;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .new_header_home {
    top: 0px !important;
  }

  .mobile-empowering-inoa {
    display: block;
  }

  .desktop-empowering-inoa {
    display: none;
  }

  .mobile-empowering-inoa .swiper-pagination-bullet {
    background: transparent !important;
    width: 12px !important;
    height: 12px !important;
    border: 2px solid #013a9b;
    opacity: 1;
  }

  .mobile-empowering-inoa .swiper-pagination-bullet-active {
    background: #013a9b !important;
    border: 2px solid #013a9b;
  }

  .mobile-empowering-inoa .swiper-wrapper {
    margin-bottom: 30px;
  }

  .mobile-empowering-inoa {
    padding: 30px 0px 50px 0px !important;
  }

  .desktop_eventsawads_section {
    display: none;
  }

  .mobile_eventsawads_section {
    display: block;
  }

  .mobile_eventsawads_section .swiper-pagination-bullet {
    background: transparent !important;
    width: 12px !important;
    height: 12px !important;
    border: 2px solid #013a9b;
    opacity: 1;
  }

  .mobile_eventsawads_section .swiper-pagination-bullet-active {
    background: #013a9b !important;
    border: 2px solid #013a9b;
  }

  .mobile_eventsawads_section .swiper-wrapper {
    margin-bottom: 30px;
  }

  .takeaways {
    display: none;
  }

  .cookies-image img {
    width: 50px;
  }

  .cookies-content p {
    font-size: 14px;
    line-height: 22px;
    font-family: var(--regular-font);
    font-weight: 400;
    margin: 5px;
  }

  .cookies-section .container {
    background: #fff;
    border: 2px solid rgba(195, 53, 49, 1);
    border-radius: 20px;
    padding: 20px 10px;
  }

  .cookies-ratio {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }

  .cookies-ratio {
    margin-top: 15px;
  }

  .cookies-ratio .form-switch {
    padding-left: 40px;
    display: flex;
    gap: 10px;
  }

  .cookies-ratio label {
    font-size: 14px;
    line-height: 24px;
    font-family: var(--regular-font);
    font-weight: 400;
  }

  .cookies-section .col-md-2 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
  }

  .cookies-button .cookies-accept {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    font-family: var(--bold-font);
    font-weight: 700;
    background: linear-gradient(90deg, rgba(201, 55, 51, 1) 0%, rgba(144, 8, 4, 1) 100%);
    padding: 15px 50px;
    border-radius: 50px;
    border: 1px solid;
  }

  .cookies-button .cookies-reject {
    font-size: 14px;
    line-height: 24px;
    color: rgba(147, 147, 147, 1);
    font-family: var(--bold-font);
    font-weight: 700;
    background: transparent;
    padding: 15px 50px;
    border-radius: 50px;
    border: 1px solid rgba(147, 147, 147, 1);
  }

  .cookies-section {
    position: fixed;
    left: 8px;
    bottom: 30px;
    width: 96%;
    z-index: 999;
    transform: translateY(100%);
    transition: transform 0.8s ease;
  }

  .press-detail-tab .tab_title_h3 {
    font-weight: 400;
    color: var(--red-primary) !important;
    font-size: 22px;
    line-height: 32px;
    font-family: var(--medium-font);
    margin-bottom: 0px;
  }

  .nsm_context_button a {
    font-size: 14px;
    line-height: 24px;
    font-family: var(--bold-font);
    font-weight: 700;
    color: #fff;
    background-color: #013a9b;
    text-decoration: none;
    padding: 15px 35px;
    border-radius: 50px;
  }

  .nsm_context_button {
    justify-content: center;
    display: flex;
  }

  .copyright-text p {
    font-size: 14px;
    line-height: 24px;
    font-family: var(--medium-font);
    font-weight: 500;
    color: #fff;
    margin-top: 25px;
  }

  .filter-checkbox-list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 6px;
    padding: 0px;
    margin-bottom: 20px;
    padding-bottom: 10px;
  }

  .modal-footer .modal-clear-button {
    font-size: 14px;
    line-height: 24px;
    font-family: var(--bold-font);
    font-weight: 700;
    color: rgba(147, 147, 147, 1);
    background-color: transparent;
    padding: 15px 40px;
    border-radius: 50px;
    text-decoration: none;
    border: 1px solid rgba(147, 147, 147, 1);
  }

  .modal-footer .modal-apply-button {
    font-size: 14px;
    line-height: 24px;
    font-family: var(--bold-font);
    font-weight: 700;
    color: #fff;
    background: linear-gradient(90deg, rgba(201, 55, 51, 1) 0%, rgba(144, 8, 4, 1) 100%);
    padding: 15px 40px;
    border-radius: 50px;
    text-decoration: none;
    border: 1px solid rgba(195, 53, 49, 1);
  }

  .modal-footer {
    display: flex;
    justify-content: center;
    gap: 5px;
  }

  .modal-title {
    font-size: 20px;
    line-height: 30px;
    font-family: var(--medium-font);
    font-weight: 600;
  }

  .filter-group h4 {
    font-size: 15px;
    line-height: 25px;
    font-family: var(--medium-font);
    font-weight: 500;
    margin-bottom: 15px;
  }

  .modal-header .btn-close {
    font-size: 22px;
  }

  .tags-dropdown .filter-checkbox-list li label {
    font-size: 9px !important;
    line-height: 19px !important;
    font-family: var(--medium-font) !important;
    color: #000 !important;
    padding: 6px 15px !important;
    border: 1px solid #ccc;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-weight: 500;
    transition: all 0.3s ease;
    border-bottom: 1px solid #ccc !important;
  }

  .mobile-tab-item {
    margin-top: 0px;
  }

  .mobile-tags-dropdown .dropdown-menu {
    padding: 0px 20px 15px 0px;
    background: var(--white-primary);
    border: none;
    border-radius: 0;
    display: block;
  }

  .mobile-tags-dropdown .dropdown-menu li label {
    display: flex !important;
    border-bottom: 0px solid silver !important;
    padding: 10px 0px !important;
    transition: all 0.2s ease-out !important;
    font-size: 16px !important;
    line-height: 27px;
    letter-spacing: 0%;
    text-transform: capitalize !important;
    width: max-content !important;
    color: var(--red-primary) !important;
    font-family: var(--medium-font) !important;
    border: none;
  }

  .mobile-tags-dropdown .dropdown-menu input {
    accent-color: var(--red-primary);
    margin-right: 12px;
    display: block;
  }

  .mobile-tags-dropdown .dropdown-menu {
    position: static !important;
  }

  .mobile-tags-dropdown {
    border-top: 1px solid #ccc;
    padding-top: 20px;
    margin-top: 0px;
  }

  .tags_video_slider .slick-slide {
    margin: 0vw 0.8vw !important;
  }

  .tags_video_block {
    padding: 0px 10px;
  }

  .eventintro-media {
    padding-bottom: 0px !important;
  }
}

@media (min-width:820px) and (max-width:820px) and (orientation:portrait) {
  .slider_video_content h3 {
    font-size: 34px;
    line-height: 44px;
    font-family: var(--medium-font);
    font-weight: 500;
    color: #fff;
    margin-bottom: 155px;
  }

  .new_homepage_banner_section .slider_video_content {
    position: absolute;
    top: 75%;
    left: 46%;
    transform: translate(-50%, -50%);
    text-align: left;
    color: #fff;
    width: 70%;
    z-index: 2;
  }

  .new_homepage_banner_section .key_initiatives-image video {
    width: 100%;
    display: block;
    border-radius: 20px;
    height: 55vh;
    object-fit: cover;
  }

  .mobile-empowering-inoa {
    display: block;
  }

  .desktop-empowering-inoa {
    display: none;
  }

  .mobile-empowering-inoa .swiper-pagination-bullet {
    background: transparent !important;
    width: 12px !important;
    height: 12px !important;
    border: 2px solid #013a9b;
    opacity: 1;
  }

  .mobile-empowering-inoa .swiper-pagination-bullet-active {
    background: #013a9b !important;
    border: 2px solid #013a9b;
  }

  .mobile-empowering-inoa .swiper-wrapper {
    margin-bottom: 70px;
  }

  .eventsawads_heading h2 {
    font-family: var(--light-font);
    color: var(--red-primary);
    font-weight: 300;
    font-size: 48px;
    line-height: 58px;
    text-align: center;
    margin-bottom: 15px;
  }

  .eventsawads_heading p {
    display: block;
    color: #000;
    font-size: 15px;
    line-height: 25px;
    font-family: var(--regular-font);
    font-weight: 400;
    text-align: center;
    margin-bottom: 50px;
  }

  .eventsawads_content {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    text-align: center;
    color: #fff;
    z-index: 2;
    width: 50%;
  }

  .mobile_eventsawads_section {
    display: block;
  }

  .desktop_eventsawads_section {
    display: none;
  }

  .mobile_eventsawads_section .swiper-pagination-bullet {
    background: transparent !important;
    width: 12px !important;
    height: 12px !important;
    border: 2px solid #013a9b;
    opacity: 1;
  }

  .mobile_eventsawads_section .swiper-pagination-bullet-active {
    background: #013a9b !important;
    border: 2px solid #013a9b;
  }

  .mobile_eventsawads_section .swiper-wrapper {
    margin-bottom: 70px;
  }

  .from_inoa_section .council_row {
    flex-direction: column-reverse;
  }

  .tablet-full-width {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .from_inoa_section .slider-image-wrap video {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 20px;
    margin-bottom: 25px;
  }

  .from_inoa_section .slider-image-wrap {
    padding-left: 0px;
  }

  .ecosystem_heading .section-heading {
    font-family: var(--light-font);
    color: var(--red-primary);
    font-weight: 300;
    font-size: 48px;
    line-height: 58px;
    text-align: center;
    margin-bottom: 35px;
    padding: 0px;
  }

  .stayinform_section .staycard {
    padding: 30px 10px 30px 30px !important;
  }

  .stayinform_section {
    position: relative;
    overflow: hidden;
    height: 100%;
    margin-top: 50px;
    padding: 0px !important;
  }

  .latest_events_section .section-heading {
    font-weight: 300;
    font-size: 48px !important;
    line-height: 58px !important;
    margin-bottom: 40px !important;
    padding: 0px;
  }

  .latest_events_section .col-md-9 p {
    color: #000;
    font-size: 16px;
    line-height: 26px;
    font-family: var(--regular-font);
    font-weight: 400;
    text-align: center;
    margin-bottom: 60px;
    padding: 0px;
  }

  .latest-events .card-block .lt-eventcontext {
    background-size: cover;
    border-radius: 25.6px;
    padding: 20px;
    height: 494px;
    width: 100%;
    position: absolute;
    left: 575px;
    margin-bottom: 30px;
    overflow: hidden;
    background: var(--red-primary);
    font-family: var(--regular-font);
    font-size: 14.43px;
    line-height: 25.64px;
    text-align: left;
    color: var(--white-primary);
    display: flex;
    align-items: end;
    align-items: end;
    animation: none;
    transition: all 0.8s ease-in-out;
  }

  .nsm_footer-homepage .footer_links a {
    text-decoration: none;
    color: var(--white-primary);
    font-size: 0.9vw;
    line-height: 1.2vw;
    margin-right: 1vw;
    font-family: var(--bold-font);
    text-transform: uppercase;
  }

  .header_home {
    top: 0;
  }

  .header_home .top-head {
    background: var(--red-primary);
    padding: 6.5vw 3.5vw;
    border-radius: 0vw;
  }

  .header_home .top-head .mainlogo {
    width: 40vw;
  }

  .header_home .top-head .mainmenu ul {
    display: none;
  }

  .hamburger_icon {
    position: absolute;
    top: 5.2vw;
    right: 3%;
    display: block;
  }

  .hamburger_icon .toggle_icon {
    width: 8vw;
  }

  .header_home .row .bottom-head {
    background: var(--white-primary);
    padding: 2vw 3.5vw;
  }

  .header_home .row .bottom-head .leftmenu {
    display: none;
  }

  .header_home .bottom-head .rightblock.fordesk {
    display: none;
  }

  .header_home .bottom-head .rightmenu ul {
    justify-content: left;
  }

  .header_home .bottom-head .rightmenu ul li {
    margin-left: 0;
    margin-right: 8.6vw;
  }

  .header_home .bottom-head .rightmenu ul li a {
    text-decoration: none;
    font-size: 3vw;
    text-transform: capitalize;
    color: var(--red-primary);
    font-family: var(--bold-font);
  }

  .header_home .bottom-head .search_iconblock {
    width: 15%;
    text-align: center;
    display: flex;
  }

  .header_home .bottom-head .iconblock li {
    list-style-type: none;
  }

  .header_home .bottom-head .iconblock li a {
    text-decoration: none;
    font-size: 3vw;
    text-transform: capitalize;
    color: var(--red-primary);
    font-family: var(--bold-font);
  }

  .nsm_footer-area-dark .title_h3 {
    color: var(--white-primary);
    margin-bottom: 8.5vw;
    font-family: var(--regular-font);
    border-top: 1px solid var(--white-primary);
    padding-top: 10vw;
  }

  .nsm_footer-area-dark {
    margin-left: 0%;
    padding: 15vw 0vw 20vw 0vw;
    overflow-x: hidden;
  }

  .nsm_footer-area-dark .pb-5 {
    padding-bottom: 1.5rem !important;
  }

  .nsm_footer-area-dark .nsm_footer-text {
    font-size: 4.2vw;
    line-height: 5.4vw;
    font-family: var(--medium-font);
    color: var(--white-primary);
    margin-bottom: 5vw;
  }

  .nsm_footer-area-dark .nsm_withimage-block {
    width: 90%;
    border-radius: 2vw;
    margin-right: 1%;
  }

  .nsm_footer-area-dark .nsm_withtext-block {
    width: 58%;
    padding: 3vw;
  }

  .nsm_footer-area-dark .nsm_withtext-block .nsm_desc {
    color: var(--white-primary);
    font-size: 2.8vw;
    line-height: 3.8vw;
    width: 90%;
    font-family: var(--regular-font);
  }

  .nsm_footer-area-dark .nsm_withtext-block .nsm_detail .label {
    color: var(--white-primary);
    font-size: 2.8vw;
    line-height: 3.8vw;
    font-family: var(--bold-font);
  }

  .nsm_footer-area-dark .nsm_withtext-block .nsm_detail .date {
    color: var(--white-primary);
    font-size: 2vw;
    line-height: 2.6vw;
    font-family: var(--bold-font);
    position: absolute;
    right: 15%;
  }

  .nsm_footer-social img {
    width: 15vw;
    margin-right: 8vw;
  }

  .nsm_footer-area-dark .nsm_footer-social.footer_links {
    font-size: 4.2vw;
    line-height: 5.4vw;
    width: 95%;
  }

  .nsm_footer-area-dark .nsm_footer-social.footer_links a {
    text-decoration: none;
    color: var(--white-primary);
    font-size: 4.2vw;
    line-height: 5.4vw;
    margin-right: 2vw;
    margin-left: 2vw;
  }

  .nsm_footer-area-dark .nsm_footer-social:nth-child(2) {
    border-bottom: 1px solid var(--white-primary);
    padding-bottom: 10vw;
    margin-bottom: 10vw;
  }

  .secondary-header {
    position: sticky;
    padding: 6.5vw 0;
    background: var(--red-primary);
    top: 0vw;
    z-index: 999;
  }

  .nsm_main-logo {
    position: static;
  }

  .secondary-header .nsm_main-logo img {
    width: 35.25vw;
  }

  .secondary-header .container.p-0 {
    padding-right: calc(var(--bs-gutter-x)* .5) !important;
    padding-left: calc(var(--bs-gutter-x)* .5) !important;
  }

  .secondary-header .col-md-12.p-0 {
    padding-right: calc(var(--bs-gutter-x)* .5) !important;
    padding-left: calc(var(--bs-gutter-x)* .5) !important;
  }

  .nsm_fix-nav-inner {
    background: var(--red-primary);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: none;
    z-index: 9999;
  }

  .hamburger_icon {
    position: absolute;
    top: 3.2vw;
    right: 3%;
    display: block;
  }

  .hamburger_icon .toggle_icon {
    width: 8vw;
  }

  .hamburger_icon .close_icon {
    width: 6.8vw;
    z-index: 9999;
  }

  .mobilelogin_icon {
    position: absolute;
    top: 5.2vw;
    right: 14%;
    display: block;
  }

  .mobilelogin_icon img {
    width: 6.8vw;
  }

  .mobilemenu_logo {
    padding: 3vw 3.5vw;
  }

  .mobilemenu_logo img {
    width: 30vw;
  }

  .overflowhidden {
    overflow-y: hidden;
  }

  .nsm_navbar-inner {
    margin: 1.5vw 2.5vw 2.5vw 2.5vw;
    position: static;
    padding: 0vw;
    border-top: 1px solid var(--white-primary);
    border-bottom: 1px solid var(--white-primary);
    padding-top: 2vw;
    padding-bottom: 3vw;
  }

  .close_icon_image {
    position: absolute;
    top: -12px;
    right: 0px;
  }

  .nsm_navbar-inner li {
    padding: 2vw 0vw;
    text-align: left;
  }

  .nsm_navbar-inner li a {
    text-decoration: none;
    color: var(--white-primary);
    text-transform: uppercase;
    font-family: var(--bold-font);
    font-size: 2vw;
    line-height: 0vw;
    letter-spacing: 0.1vw;
  }

  .nsm_navbar-inner .dropdown_menu {
    padding: 0;
    margin-top: 3.5vw;
  }

  .nsm_navbar-inner .dropdown_menu li {
    padding: 5vw 8vw 5vw 0vw;
    text-align: left;
    width: max-content;
    display: inline-block;
  }

  .nsm_navbar-inner .dropdown_menu li:last-child a {
    padding-bottom: 0;
  }

  .nsm_navbar-inner .dropdown_menu li a {
    text-transform: capitalize;
    font-family: var(--regular-font);
    font-size: 3.3vw;
    line-height: 3.4vw;
  }

  .nsm_navbar-moreinner {
    list-style-type: none;
    padding: 0;
    margin: 3.5vw;
  }

  .nsm_navbar-moreinner li {
    padding: 2vw 6vw 3vw 0vw;
    text-align: left;
    width: max-content;
    display: inline-block;
  }

  .nsm_navbar-moreinner li a {
    text-decoration: none;
    color: var(--white-primary);
    text-transform: uppercase;
    font-family: var(--bold-font);
    font-size: 2vw;
    line-height: 0vw;
    letter-spacing: 0.1vw;
  }

  #desktop_tab {
    display: none;
  }

  #mobile_tab {
    display: block;
    padding-top: 0vw;
    margin-top: 0vw;
  }

  .mobile_tabitems_block {
    width: 100%;
    display: flex;
    overflow-x: auto;
  }

  .mobile_tabitems_block::-webkit-scrollbar {
    display: none;
  }

  .mobile_tabitems_block li.active a {
    padding-bottom: 2.5vw;
    font-family: var(--bold-font);
    border-bottom: 2px solid var(--red-primary);
  }

  .mobile_tabitems_block li a {
    display: block;
    color: var(--black-primary);
    font-family: var(--medium-font);
    font-size: 3.6vw;
    line-height: 4.8vw;
    text-decoration: none;
    text-transform: uppercase;
    margin-right: 2.75vw;
    margin-bottom: 1.75vw;
    width: max-content;
  }

  .mobilehead_tab {
    border-bottom: 0px;
    width: 100%;
    overflow-x: unset;
    display: flex;
    flex-wrap: unset;
  }

  .mobilehead_tab::-webkit-scrollbar {
    display: none;
  }

  .mobilehead_tab .nav-link {
    border: 0;
    padding: 0;
    color: #000;
    font-family: var(--bold-font);
    font-size: 2vw;
    line-height: 4vw;
    text-transform: uppercase;
    margin-right: 5vw;
    width: max-content;
  }

  .mobilehead_tab .nav-link.active {
    color: var(--black-primary);
    font-family: var(--bold-font);
  }

  .mobilehead_tab li {
    margin-bottom: 2vw;
  }

  .secondary-header .desk_logo {
    display: none;
  }

  .secondary-header .mobile_logo {
    display: block;
  }

  .header_home .container {
    max-width: 100%;
  }

  .home-mobile {
    padding: 6.5vw 5vw;
    display: none;
  }

  .showheader {
    display: block;
    position: fixed;
  }

  .homepage .row {
    --bs-gutter-x: 0rem !important;
    --bs-gutter-y: 0;
    margin-right: calc(var(--bs-gutter-x)) !important;
    margin-left: calc(var(--bs-gutter-x)) !important;
  }

  .nsm_side-area {
    display: none;
  }

  .logo-div {
    position: static;
    padding: 10vw 0vw;
    margin: auto;
    width: 100%;
    text-align: center;
  }

  .logo-div img {
    width: 45vw;
    margin: auto;
  }

  .nsm_fix-nav {
    background: var(--red-secondary);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: none;
    z-index: 9999;
  }

  .nsm_navbar {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .nsm_navbar li {
    padding: 1vw 0vw;
    text-align: center;
  }

  .nsm_navbar li a {
    text-decoration: none;
    color: var(--white-primary);
    text-transform: uppercase;
    font-family: var(--regular-font);
    font-size: 6.97vw;
    line-height: 12.35vw;
  }

  .nsm_navbar .dropdown_menu li a {
    text-transform: capitalize;
    font-size: 4.97vw;
    line-height: 10.35vw;
  }

  .nsm_mobile_arrow {
    padding: 6vw 0vw;
    text-align: center;
  }

  .main-home-screen .nsm_mobile_arrow {
    position: absolute;
    bottom: 32vw;
    margin-left: 42vw;
  }

  .thought-leadership-div {
    display: block !important;
    position: relative;
    background-image: none;
    overflow-x: hidden;
    height: 100vh;
    right: 0%;
    bottom: 0%;
  }

  .nasscom-members-container {
    padding: 5vw 5.5vw;
    border-radius: 1.5vw;
    background: url(themes/custom/inoatheme/images/BG-Red.svg);
    background-size: cover;
    height: 85vw;
    width: 85vw;
    margin: 0;
    position: absolute;
    right: 6%;
    border-radius: 50%;
    display: flex;
    margin: 35% 0;
    z-index: 99;
  }

  html {
    overflow-x: hidden;
  }

  .header_home.hide {
    top: 0;
  }

  .header_home.hide .row .bottom-head {
    margin-top: -9vw;
    z-index: -1;
  }

  .header_home {
    top: 0;
  }

  .header_home .top-head {
    background: var(--red-primary);
    padding: 4vw 3.5vw;
    border-radius: 0vw;
  }

  .header_home .top-head .mainlogo {
    width: 40vw
  }

  .header_home .top-head .mainmenu ul {
    display: none;
  }

  .header_home .row .bottom-head {
    background: var(--white-primary);
    padding: 2vw 3.5vw;
  }

  .header_home .row .bottom-head .leftmenu {
    display: none;
  }

  .header_home .bottom-head .rightblock.fordesk {
    display: none;
  }

  .header_home .bottom-head .rightblock.formobile {
    display: flex;
  }

  .header_home .bottom-head .rightblock .rightmenu {
    width: 100%;
  }

  .header_home .bottom-head .rightmenu ul {
    justify-content: left;
  }

  .header_home .bottom-head .rightmenu ul li {
    margin-left: 0;
    margin-right: 3.6vw;
  }

  .header_home .bottom-head .rightmenu ul li:last-child {
    margin-right: 0;
  }

  .header_home .bottom-head .rightmenu ul li a {
    text-decoration: none;
    font-size: 20px;
    text-transform: capitalize;
    color: var(--red-primary);
    font-family: var(--bold-font);
    white-space: nowrap;
  }

  .header_home .bottom-head .iconblock li {
    list-style-type: none;
  }

  .header_home .bottom-head .iconblock {
    width: 20vw;
    text-align: center;
  }

  .header_home .bottom-head .iconblock li a {
    text-decoration: none;
    font-size: 20px;
    text-transform: capitalize;
    color: var(--red-primary);
    font-family: var(--bold-font);
  }

  .section-for-mobile {
    display: block;
  }

  .section-for-desktop {
    display: none;
  }

  .down-arrow {
    position: absolute;
    bottom: -12vw;
    left: 45%;
  }

  .banner-nasscom {
    position: relative;
  }

  .banner-nasscom .down-arrow img {
    width: 10vw;
    height: 10vw;
    cursor: pointer;
  }

  .banner-nasscom .row {
    position: absolute;
    bottom: 12%;
    padding-top: 0;
    width: 100%;
  }

  .main-banner-text h2 {
    font-size: 8vw;
    line-height: 12vw;
    color: var(--white-primary);
    font-family: var(--medium-font);
    width: 100%;
    text-align: center;
    padding: 0px 2vw;
    height: 50vw;
    display: flex;
    align-items: center;
  }

  .main-banner-text {
    margin-bottom: 0;
  }

  .banner-nasscom .action-btn {
    height: 38vw;
  }

  .banner-nasscom .action-btn a {
    font-size: 3.4vw;
    line-height: 4.8vw;
    font-family: var(--bold-font);
    padding: 4.6vw 7.2vw;
    width: max-content;
    border-radius: 8vw;
    display: block;
    margin: 5vw auto;
  }

  .banner-nasscom {
    background: url(themes/custom/inoatheme/images/banner-bg.png);
    background-size: cover;
    height: 80vh;
  }

  .banner-nasscom::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80vh;
    content: '';
    background-image: linear-gradient(#000000b9, #000000b9);
  }

  #myVideo {
    position: absolute;
    z-index: 0;
    object-fit: cover;
    width: 100%;
    height: 100vh;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .nsm_footer-homepage {
    padding: 12vw 0vw;
  }

  .nsm_footer-homepage .footer_logo {
    display: none;
  }

  .nsm_footer-homepage .nsm_footer-social {
    text-align: left;
    border-top: 0.5vw solid var(--white-primary);
    margin-top: 6vw;
    padding-top: 6vw;
    display: flex;
    width: 100%;
  }

  .nsm_footer-homepage .nsm_footer-social a {
    display: block;
    width: 10%;
    text-align: center;
  }

  .nsm_footer-homepage .nsm_footer-social img {
    width: 14.8vw;
    margin-right: 0;
  }

  .nsm_footer-homepage .nsm_footer-social .twitternass {
    width: 10.8vw;
    margin-right: 0;
    margin-top: 2vw;
  }

  .nsm_footer-homepage .scroll-footerslider .nsm_withimage-block {
    width: 85vw !important;
    height: 46vw !important;
    margin-right: 0 !important;
  }

  .nsm_footer-homepage .scroll-footerslider .nsm_withtext-block {
    width: 45vw !important;
    height: 46vw !important;
    margin-right: 0 !important;
    padding: 4vw;
  }

  .nsm_footer-homepage .scroll-footerslider .slick-slide {
    margin: 0vw 0.8vw;
  }

  .nsm_footer-homepage .scroll-footerslider .slick-list {
    padding: 0 10% 0 0 !important;
    margin: 0vw -0.8vw 0vw -0.8vw;
  }

  .nsm_footer-homepage .scroll-footerslider .slick-slide {
    margin: 0vw 0.4vw;
  }

  .nsm_withtext-block .nsm_desc {
    color: var(--white-primary);
    font-size: 2.4vw;
    line-height: 3.6vw;
    font-family: var(--regular-font);
    height: 33vw;
    overflow-y: auto;
  }

  .nsm_withtext-block .nsm_desc::-webkit-scrollbar {
    display: none !important;
  }

  .nsm_withtext-block .nsm_detail {
    bottom: 2.8vw;
  }

  .nsm_withtext-block .nsm_detail .label {
    color: var(--white-primary);
    font-size: 2.4vw;
    line-height: 2.4vw;
    font-family: var(--bold-font);
  }

  .nsm_withtext-block .nsm_detail .date {
    color: var(--white-primary);
    font-size: 2.4vw;
    line-height: 2.4vw;
    font-family: var(--bold-font);
    position: absolute;
    right: 15%;
  }

  .nsm_footer-homepage .hastagfooter {
    display: none;
  }

  .nsm_footer-homepage .footer_links {
    text-align: left;
    border-top: 0.5vw solid var(--white-primary);
    margin-top: 0vw;
    padding-top: 0vw;
    margin-left: 0vw;
    margin-right: 2vw;
    width: 98%;
  }

  .nsm_footer-homepage .footer_links a {
    text-decoration: none;
    color: var(--white-primary);
    font-size: 2.5vw;
    line-height: 0vw;
    margin-left: 0vw;
    font-family: var(--bold-font);
    text-transform: uppercase;
    display: block;
    margin-bottom: 7vw;
    margin-top: 7vw;
  }

  .hamburger_icon img {
    width: 50px;
  }

  .new_homepage_banner_section {
    padding: 210px 35px 100px 35px;
  }

  .new_homepage_footer .footer_links {
    width: 100%;
    text-align: left !important;
  }

  .new_homepage_footer .col-md-3 {
    width: 100%;
  }

  .new_homepage_footer .col-md-6 {
    width: 100%;
  }

  .new_homepage_footer .col-md-9 {
    width: 100%;
  }

  .new_homepage_footer .pb-5 {
    padding-bottom: 0px !important;
  }

  .nsm_footer-homepage .nsm_footer-social {
    align-items: center !important;
  }

  .nsm_footer-homepage .nsm_footer-social .twitternass {
    width: 13vw;
    margin-right: 0;
    margin-top: 0vw !important;
  }

  .nsm_footer-homepage .nsm_footer-social img {
    width: 14.8vw;
    margin-right: 0;
  }

  .nsm_footer-homepage .nsm_footer-social img {
    width: 14.8vw;
    margin-right: 0;
  }

  .nsm_footer-homepage .nsm_footer-social img {
    width: 14.8vw;
    margin-right: 0;
  }

  .twitternass {
    width: 113px !important;
  }

  .new_homepage_banner_section .custom-arrow {
    position: absolute;
    top: 77%;
    transform: translateY(-50%);
    color: #000;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1;
  }

  .become_member_section .container {
    position: relative;
    z-index: 2;
    max-width: 700px;
  }

  .search_margin {
    margin-right: 0px;
  }

  .cookies-content p {
    font-size: 12px;
    line-height: 22px;
    font-family: var(--regular-font);
    font-weight: 400;
    margin: 5px;
  }

  .cookies-ratio label {
    font-size: 11px;
    line-height: 21px;
    font-family: var(--regular-font);
    font-weight: 400;
  }

  .cookies-ratio .form-switch {
    padding-left: 25px;
    display: flex;
    gap: 10px;
  }

  .cookies-section .col-md-2 {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 20px;
    justify-content: center;
  }

  .cookies-section .col-md-9 {
    margin-left: 75px;
  }

  .cookies-button .cookies-accept {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    font-family: var(--bold-font);
    font-weight: 700;
    background: linear-gradient(90deg, rgba(201, 55, 51, 1) 0%, rgba(144, 8, 4, 1) 100%);
    padding: 15px 49px;
    border-radius: 50px;
    border: 1px solid;
  }

  .cookies-button .cookies-reject {
    font-size: 14px;
    line-height: 24px;
    color: rgba(147, 147, 147, 1);
    font-family: var(--bold-font);
    font-weight: 700;
    background: transparent;
    padding: 15px 40px;
    border-radius: 50px;
    border: 1px solid rgba(147, 147, 147, 1);
  }

  .cookies-image img {
    width: 100px;
  }

  .cookies-button {
    display: flex;
    gap: 20px;
    flex-direction: row;
    margin-top: 0px;
  }

  .cookies-ratio .form-check-input {
    margin-top: 7px;
  }

  .cookies-ratio {
    margin-top: 20px;
  }

  .voices-details .title_h3 {
    font-size: 18px;
    line-height: 28px;
    font-family: var(--medium-font);
    font-weight: 500;
  }

  .press_years {
    margin: 55px 0px 35px 0px;
  }

  .press-detail-tab .col-md-4 {
    width: 50%;
  }

  .filter-checkbox-list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0px;
    margin-bottom: 20px;
    padding-bottom: 30px;
  }

  .modal-footer .modal-clear-button {
    font-size: 14px;
    line-height: 24px;
    font-family: var(--bold-font);
    font-weight: 700;
    color: rgba(147, 147, 147, 1);
    background-color: transparent;
    padding: 15px 40px;
    border-radius: 50px;
    text-decoration: none;
    border: 1px solid rgba(147, 147, 147, 1);
  }

  .modal-footer .modal-apply-button {
    font-size: 14px;
    line-height: 24px;
    font-family: var(--bold-font);
    font-weight: 700;
    color: #fff;
    background: linear-gradient(90deg, rgba(201, 55, 51, 1) 0%, rgba(144, 8, 4, 1) 100%);
    padding: 15px 40px;
    border-radius: 50px;
    text-decoration: none;
    border: 1px solid rgba(195, 53, 49, 1);
  }

  .modal-footer {
    display: flex;
    justify-content: center;
    gap: 50px;
  }

  .modal-title {
    font-size: 22px;
    line-height: 32px;
    font-family: var(--medium-font);
    font-weight: 600;
  }

  .filter-group h4 {
    font-size: 18px;
    line-height: 28px;
    font-family: var(--medium-font);
    font-weight: 500;
    margin-bottom: 15px;
  }

  .modal-header .btn-close {
    font-size: 22px;
  }

  .tags-dropdown .filter-checkbox-list li label {
    font-size: 9px !important;
    line-height: 19px !important;
    font-family: var(--medium-font) !important;
    color: #000 !important;
    padding: 6px 15px !important;
    border: 1px solid #ccc;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-weight: 500;
    transition: all 0.3s ease;
    border-bottom: 1px solid #ccc !important;
  }

  .content-forblock .title_h3 {
    color: var(--white-primary);
    font-family: var(--bold-font);
    margin-bottom: 16px;
    padding: 0;
    font-size: 34px;
    line-height: 44px;
  }

  .content-forblock .desc {
    font-family: var(--medium-font);
    font-size: 17px;
    line-height: 27px;
    text-align: left;
    color: var(--white-primary);
  }

  .newtabsvoice .active {
    border-bottom: 0px solid var(--red-primary);
  }

  .perspectives-main-content .tabs-nav select {
    margin-left: 0px;
  }

  .page-intro .title_h1 {
    padding: 75px 0px 30px 0px;
    font-size: 65px;
    line-height: 75px;
    margin-bottom: 0;
  }

  .tab-item {
    margin-top: 0px;
  }

  .mobile-tags-dropdown .dropdown-menu {
    padding: 0px 20px 15px 0px;
    background: var(--white-primary);
    border: none;
    border-radius: 0;
    display: block;
  }

  .mobile-tags-dropdown .dropdown-menu li label {
    display: flex !important;
    border-bottom: 0px solid silver !important;
    padding: 10px 0px !important;
    transition: all 0.2s ease-out !important;
    font-size: 18px !important;
    line-height: 27px;
    letter-spacing: 0%;
    text-transform: capitalize !important;
    width: max-content !important;
    color: var(--red-primary) !important;
    font-family: var(--medium-font) !important;
    border: none;
  }

  .mobile-tags-dropdown .dropdown-menu input {
    accent-color: var(--red-primary);
    margin-right: 12px;
    display: block;
  }

  .mobile-tags-dropdown .dropdown-menu {
    position: static !important;
  }

  .mobile-tags-dropdown {
    border-top: 1px solid #ccc;
    padding-top: 35px;
    margin-top: 20px;
  }

  .tabs-nav.stickyelement {
    position: sticky !important;
    background: var(--white-primary);
    top: 19vw;
  }

  .media_press_tabcontent .col-md-4 {
    width: 50%;
  }
}

@media (min-width:1180px) and (max-width:1180px) and (orientation:landscape) {
  .slider_video_content h3 {
    font-size: 34px;
    line-height: 44px;
    font-family: var(--medium-font);
    font-weight: 500;
    color: #fff;
    margin-bottom: 155px;
  }

  .new_homepage_banner_section .slider_video_content {
    position: absolute;
    top: 75%;
    left: 35%;
    transform: translate(-50%, -50%);
    text-align: left;
    color: #fff;
    width: 50%;
    z-index: 2;
  }

  .new_homepage_banner_section .key_initiatives-image video {
    width: 100%;
    display: block;
    border-radius: 20px;
    height: 55vh;
    object-fit: cover;
  }

  .mobile-empowering-inoa {
    display: block;
  }

  .desktop-empowering-inoa {
    display: none;
  }

  .mobile-empowering-inoa .swiper-pagination-bullet {
    background: transparent !important;
    width: 12px !important;
    height: 12px !important;
    border: 2px solid #013a9b;
    opacity: 1;
  }

  .mobile-empowering-inoa .swiper-pagination-bullet-active {
    background: #013a9b !important;
    border: 2px solid #013a9b;
  }

  .mobile-empowering-inoa .swiper-wrapper {
    margin-bottom: 70px;
  }

  .eventsawads_heading h2 {
    font-family: var(--light-font);
    color: var(--red-primary);
    font-weight: 300;
    font-size: 48px;
    line-height: 58px;
    text-align: center;
    margin-bottom: 15px;
  }

  .eventsawads_heading p {
    display: block;
    color: #000;
    font-size: 15px;
    line-height: 25px;
    font-family: var(--regular-font);
    font-weight: 400;
    text-align: center;
    margin-bottom: 50px;
  }

  .eventsawads_content {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    text-align: center;
    color: #fff;
    z-index: 2;
    width: 50%;
  }

  .mobile_eventsawads_section {
    display: block;
  }

  .desktop_eventsawads_section {
    display: none;
  }

  .mobile_eventsawads_section .swiper-pagination-bullet {
    background: transparent !important;
    width: 12px !important;
    height: 12px !important;
    border: 2px solid #013a9b;
    opacity: 1;
  }

  .mobile_eventsawads_section .swiper-pagination-bullet-active {
    background: #013a9b !important;
    border: 2px solid #013a9b;
  }

  .mobile_eventsawads_section .swiper-wrapper {
    margin-bottom: 70px;
  }

  .from_inoa_section .council_row {
    flex-direction: column-reverse;
  }

  .tablet-full-width {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .from_inoa_section .slider-image-wrap video {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 20px;
    margin-bottom: 25px;
  }

  .from_inoa_section .slider-image-wrap {
    padding-left: 0px;
  }

  .ecosystem_heading .section-heading {
    font-family: var(--light-font);
    color: var(--red-primary);
    font-weight: 300;
    font-size: 48px;
    line-height: 58px;
    text-align: center;
    margin-bottom: 35px;
    padding: 0px;
  }

  .stayinform_section .staycard {
    padding: 30px 10px 30px 30px !important;
  }

  .stayinform_section {
    position: relative;
    overflow: hidden;
    height: 100%;
    margin-top: 50px;
    padding: 0px !important;
  }

  .latest_events_section .section-heading {
    font-weight: 300;
    font-size: 48px !important;
    line-height: 58px !important;
    margin-bottom: 40px !important;
    padding: 0px;
  }

  .latest_events_section .col-md-9 p {
    color: #000;
    font-size: 16px;
    line-height: 26px;
    font-family: var(--regular-font);
    font-weight: 400;
    text-align: center;
    margin-bottom: 60px;
    padding: 0px;
  }

  .latest-events .card-block .lt-eventcontext {
    background-size: cover;
    border-radius: 25.6px;
    padding: 20px;
    height: 494px;
    width: 100%;
    position: absolute;
    left: 575px;
    margin-bottom: 30px;
    overflow: hidden;
    background: var(--red-primary);
    font-family: var(--regular-font);
    font-size: 14.43px;
    line-height: 25.64px;
    text-align: left;
    color: var(--white-primary);
    display: flex;
    align-items: end;
    align-items: end;
    animation: none;
    transition: all 0.8s ease-in-out;
  }

  .nsm_footer-homepage .footer_links a {
    text-decoration: none;
    color: var(--white-primary);
    font-size: 0.9vw;
    line-height: 1.2vw;
    margin-right: 1vw;
    font-family: var(--bold-font);
    text-transform: uppercase;
  }

  .header_home {
    top: 0;
  }

  .header_home .top-head {
    background: var(--red-primary);
    padding: 6.5vw 3.5vw;
    border-radius: 0vw;
  }

  .header_home .top-head .mainlogo {
    width: 40vw;
  }

  .header_home .top-head .mainmenu ul {
    display: none;
  }

  .hamburger_icon {
    position: absolute;
    top: 5.2vw;
    right: 3%;
    display: block;
  }

  .hamburger_icon .toggle_icon {
    width: 8vw;
  }

  .header_home .row .bottom-head {
    background: var(--white-primary);
    padding: 2vw 3.5vw;
  }

  .header_home .row .bottom-head .leftmenu {
    display: none;
  }

  .header_home .bottom-head .rightblock.fordesk {
    display: none;
  }

  .header_home .bottom-head .rightmenu ul {
    justify-content: right;
  }

  .header_home .bottom-head .rightmenu ul li {
    margin-left: 0;
    margin-right: 8.6vw;
  }

  .header_home .bottom-head .rightmenu ul li a {
    text-decoration: none;
    font-size: 3vw;
    text-transform: capitalize;
    color: var(--red-primary);
    font-family: var(--bold-font);
  }

  .header_home .bottom-head .search_iconblock {
    width: 15%;
    text-align: center;
    display: flex;
  }

  .header_home .bottom-head .iconblock li {
    list-style-type: none;
  }

  .header_home .bottom-head .iconblock li a {
    text-decoration: none;
    font-size: 3vw;
    text-transform: capitalize;
    color: var(--red-primary);
    font-family: var(--bold-font);
  }

  .nsm_footer-area-dark .title_h3 {
    color: var(--white-primary);
    margin-bottom: 8.5vw;
    font-family: var(--regular-font);
    border-top: 1px solid var(--white-primary);
    padding-top: 10vw;
  }

  .nsm_footer-area-dark {
    margin-left: 0%;
    padding: 15vw 0vw 20vw 0vw;
    overflow-x: hidden;
  }

  .nsm_footer-area-dark .pb-5 {
    padding-bottom: 1.5rem !important;
  }

  .nsm_footer-area-dark .nsm_footer-text {
    font-size: 4.2vw;
    line-height: 5.4vw;
    font-family: var(--medium-font);
    color: var(--white-primary);
    margin-bottom: 5vw;
  }

  .nsm_footer-area-dark .nsm_withimage-block {
    width: 90%;
    border-radius: 2vw;
    margin-right: 1%;
  }

  .nsm_footer-area-dark .nsm_withtext-block {
    width: 58%;
    padding: 3vw;
  }

  .nsm_footer-area-dark .nsm_withtext-block .nsm_desc {
    color: var(--white-primary);
    font-size: 2.8vw;
    line-height: 3.8vw;
    width: 90%;
    font-family: var(--regular-font);
  }

  .nsm_footer-area-dark .nsm_withtext-block .nsm_detail .label {
    color: var(--white-primary);
    font-size: 2.8vw;
    line-height: 3.8vw;
    font-family: var(--bold-font);
  }

  .nsm_footer-area-dark .nsm_withtext-block .nsm_detail .date {
    color: var(--white-primary);
    font-size: 2vw;
    line-height: 2.6vw;
    font-family: var(--bold-font);
    position: absolute;
    right: 15%;
  }

  .nsm_footer-social img {
    width: 15vw;
    margin-right: 8vw;
  }

  .nsm_footer-area-dark .nsm_footer-social.footer_links {
    font-size: 4.2vw;
    line-height: 5.4vw;
    width: 95%;
  }

  .nsm_footer-area-dark .nsm_footer-social.footer_links a {
    text-decoration: none;
    color: var(--white-primary);
    font-size: 4.2vw;
    line-height: 5.4vw;
    margin-right: 2vw;
    margin-left: 2vw;
  }

  .nsm_footer-area-dark .nsm_footer-social:nth-child(2) {
    border-bottom: 1px solid var(--white-primary);
    padding-bottom: 10vw;
    margin-bottom: 10vw;
  }

  .secondary-header {
    position: sticky;
    padding: 6.5vw 0;
    background: var(--red-primary);
    top: 0vw;
    z-index: 999;
  }

  .nsm_main-logo {
    position: static;
  }

  .secondary-header .nsm_main-logo img {
    width: 35.25vw;
  }

  .secondary-header .container.p-0 {
    padding-right: calc(var(--bs-gutter-x)* .5) !important;
    padding-left: calc(var(--bs-gutter-x)* .5) !important;
  }

  .secondary-header .col-md-12.p-0 {
    padding-right: calc(var(--bs-gutter-x)* .5) !important;
    padding-left: calc(var(--bs-gutter-x)* .5) !important;
  }

  .accordion-button::after {
    background-size: 4vw;
    height: 4vw;
  }

  .accordion-button:not(.collapsed)::after {
    background-size: 4vw;
    height: 4vw;
    margin-right: 1vw;
  }

  .nsm_fix-nav-inner {
    background: var(--red-primary);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: none;
    z-index: 9999;
  }

  .hamburger_icon {
    position: absolute;
    top: 2.2vw;
    right: 3%;
    display: block;
  }

  .hamburger_icon .toggle_icon {
    width: 7vw;
  }

  .hamburger_icon .close_icon {
    width: 6.8vw;
    z-index: 9999;
  }

  .mobilelogin_icon {
    position: absolute;
    top: 5.2vw;
    right: 14%;
    display: block;
  }

  .mobilelogin_icon img {
    width: 6.8vw;
  }

  .mobilemenu_logo {
    padding: 3vw 3.5vw;
  }

  .mobilemenu_logo img {
    width: 40vw;
  }

  .overflowhidden {
    overflow-y: hidden;
  }

  .nsm_navbar-inner {
    margin: 0vw 3.5vw 3.5vw 3.5vw;
    position: static;
    padding: 0vw;
    border-top: 1px solid var(--white-primary);
    border-bottom: 1px solid var(--white-primary);
    padding-top: 2vw;
    padding-bottom: 3vw;
  }

  .nsm_navbar-inner li {
    padding: 2vw 0vw;
    text-align: left;
  }

  .nsm_navbar-inner li a {
    text-decoration: none;
    color: var(--white-primary);
    text-transform: uppercase;
    font-family: var(--bold-font);
    font-size: 2vw;
    line-height: 0vw;
    letter-spacing: 0.1vw;
  }

  .nsm_navbar-inner .dropdown_menu {
    padding: 0;
    margin-top: 3.5vw;
  }

  .nsm_navbar-inner .dropdown_menu li {
    padding: 5vw 8vw 5vw 0vw;
    text-align: left;
    width: max-content;
    display: inline-block;
  }

  .nsm_navbar-inner .dropdown_menu li:last-child a {
    padding-bottom: 0;
  }

  .nsm_navbar-inner .dropdown_menu li a {
    text-transform: capitalize;
    font-family: var(--regular-font);
    font-size: 3.3vw;
    line-height: 3.4vw;
  }

  .nsm_navbar-moreinner {
    list-style-type: none;
    padding: 0;
    margin: 3.5vw;
  }

  .nsm_navbar-moreinner li {
    padding: 1vw 6vw 3vw 0vw;
    text-align: left;
    width: max-content;
    display: inline-block;
  }

  .nsm_navbar-moreinner li a {
    text-decoration: none;
    color: var(--white-primary);
    text-transform: uppercase;
    font-family: var(--bold-font);
    font-size: 2vw;
    line-height: 0vw;
    letter-spacing: 0.1vw;
  }

  #desktop_tab {
    display: none;
  }

  #mobile_tab {
    display: block;
    padding-top: 0vw;
    margin-top: 0vw;
  }

  .mobile_tabitems_block {
    width: 100%;
    display: flex;
    overflow-x: auto;
  }

  .mobile_tabitems_block::-webkit-scrollbar {
    display: none;
  }

  .mobile_tabitems_block li.active a {
    padding-bottom: 2.5vw;
    font-family: var(--bold-font);
    border-bottom: 2px solid var(--red-primary);
  }

  .mobile_tabitems_block li a {
    display: block;
    color: var(--black-primary);
    font-family: var(--medium-font);
    font-size: 3.6vw;
    line-height: 4.8vw;
    text-decoration: none;
    text-transform: uppercase;
    margin-right: 2.75vw;
    margin-bottom: 1.75vw;
    width: max-content;
  }

  .mobilehead_tab {
    border-bottom: 0px;
    width: 100%;
    overflow-x: unset;
    display: flex;
    flex-wrap: unset;
  }

  .mobilehead_tab::-webkit-scrollbar {
    display: none;
  }

  .mobilehead_tab .nav-link {
    border: 0;
    padding: 0;
    color: #000;
    font-family: var(--bold-font);
    font-size: 2vw;
    line-height: 5vw;
    text-transform: uppercase;
    margin-right: 5vw;
    width: max-content;
  }

  .mobilehead_tab .nav-link.active {
    color: var(--black-primary);
    font-family: var(--bold-font);
  }

  .mobilehead_tab li {
    margin-bottom: 1vw;
  }

  .secondary-header .desk_logo {
    display: none;
  }

  .secondary-header .mobile_logo {
    display: block;
  }

  #members_listing .tabs-nav {
    padding: 0;
    margin-bottom: 1vw;
    height: 28vw;
    padding-top: 8vw;
    padding-bottom: 4vw;
  }

  #members_listing .perspectives_card .job_title {
    margin-bottom: 0vw;
    padding: 5vw 5vw 5vw 5vw;
    min-height: auto;
    font-size: 4.2vw;
    line-height: 5.4vw;
    min-height: max-content;
    max-height: max-content;
  }

  #members_listing .perspectives_card .action-btn {
    padding: 2.5vw 5vw 5vw 5vw;
  }

  #members_listing .perspectives_card .action-btn .category a {
    font-size: 3.8vw;
    line-height: 5vw;
  }

  #members_listing .perspectives_card .action-btn .fee img {
    height: 2.4vw;
    width: 4.32vw;
    object-fit: contain;
    border-radius: 0;
    margin-left: 1.5vw;
  }

  #members_listing .tabs-nav select {
    font-family: var(--medium-font);
    font-size: 3.6vw;
    line-height: 4.8vw;
    width: 36vw;
  }

  #members_listing .tabs-nav select {}

  .recent_newsletters-section .newsletter_card .job_desc {
    height: max-content;
    overflow-y: auto;
  }

  .header_home .container {
    max-width: 100%;
  }

  .section {}

  .home-mobile {
    padding: 6.5vw 5vw;
    display: none;
  }

  .showheader {
    display: block;
    position: fixed;
  }

  .homepage .row {
    --bs-gutter-x: 0rem !important;
    --bs-gutter-y: 0;
    margin-right: calc(var(--bs-gutter-x)) !important;
    margin-left: calc(var(--bs-gutter-x)) !important;
  }

  .nsm_side-area {
    display: none;
  }

  .logo-div {
    position: static;
    padding: 10vw 0vw;
    margin: auto;
    width: 100%;
    text-align: center;
  }

  .logo-div img {
    width: 45vw;
    margin: auto;
  }

  .carousel_section_home {
    height: 100vh;
  }

  .carousel_section_home .tag-title {
    line-height: 10.75vw;
    padding: 0vw 5.5vw 0vw 5.5vw;
    color: var(--red-primary);
    font-family: var(--medium-font);
    font-size: 8vw;
    display: block;
    text-align: center;
  }

  .carousel_section_home .col-md-8 {
    margin-top: 10%;
  }

  .nsm_fix-nav {
    background: var(--red-secondary);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: none;
    z-index: 9999;
  }

  .nsm_navbar {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .nsm_navbar li {
    padding: 1vw 0vw;
    text-align: center;
  }

  .nsm_navbar li a {
    text-decoration: none;
    color: var(--white-primary);
    text-transform: uppercase;
    font-family: var(--regular-font);
    font-size: 6.97vw;
    line-height: 12.35vw;
  }

  .nsm_navbar .dropdown_menu li a {
    text-transform: capitalize;
    font-size: 4.97vw;
    line-height: 10.35vw;
  }

  .nsm_membership_slider_div {
    padding: 8vw 0vw;
    position: static;
    height: 100vh;
    opacity: 1 !important;
  }

  .nsm_membership_slider_div .container {
    padding: 0;
  }

  .nsm_membership_slider_div .image-block img {
    border-radius: 0;
    height: 65vw;
  }

  .nsm_membership_slider_div .image-block .image-tag {
    font-size: 3vw;
    line-height: 4.2vw;
    color: var(--white-primary);
    font-family: var(--medium-font);
    text-transform: capitalize;
    position: absolute;
    left: 5%;
    bottom: 5%;
  }

  .nsm_membership_slider_div .content-block {
    margin-left: 0%;
    padding-top: 3.5vw;
  }

  .nsm_membership_slider_div .content-block .title_h4 {
    font-family: var(--bold-font);
    color: var(--red-primary);
    font-size: 7.5vw;
    line-height: 9.3vw;
    margin: 3vw 12vw 6vw 12vw;
    text-align: center;
  }

  .nsm_membership_slider_div .content-block .desc {
    font-size: 4.2vw;
    line-height: 5.4vw;
    color: var(--red-primary);
    font-family: var(--medium-font);
    text-align: center;
    padding: 0px 12vw;
  }

  .nsm_membership_slider_div .content-block .col-md-4 {
    margin: 6vw auto;
    text-align: center;
  }

  .nsm_membership_slider_div .content-block .rd-btn {
    float: none;
    padding: 5vw 6.75vw 5vw 6.75vw !important;
    border-radius: 8.5vw;
    font-size: 3.6vw;
    line-height: 4.8vw;
    color: var(--white-primary);
    margin-bottom: 6vw;
  }

  .nsm_membership_slider_div .content-block .link-btn {
    font-size: 3.6vw;
    line-height: 4.8vw;
    color: var(--red-primary);
    font-family: var(--bold-font);
    text-transform: uppercase;
    text-decoration: none;
    width: 100%;
    display: block;
  }

  .nsm_mobile_arrow {
    padding: 6vw 0vw;
    text-align: center;
  }

  .nsm_whats_new_strip {
    position: fixed;
    z-index: 999;
    bottom: 0;
    width: 100%;
  }

  .nsm_whats_new_strip .strip_box {
    background: var(--black-primary);
    padding: 6vw 6vw;
    display: flex;
    align-items: center;
  }

  .nsm_whats_new_strip .strip_box .title {
    color: var(--white-primary);
    text-transform: uppercase;
    font-size: 4.8vw;
    line-height: 6vw;
    font-family: var(--bold-font);
    width: 80%;
  }

  .nsm_whats_new_strip .strip_box .expand_icon {
    width: 10%;
  }

  .nsm_whats_new_strip .strip_box .halfexpand_icon {
    width: 10%;
  }

  .main-home-screen {
    height: 500vh;
    background-image: linear-gradient(to right, #781a19, #9d1f1a);
  }

  .we-are-innovation-div {
    display: block !important;
    padding: 8vw 12vw 8vw 5vw;
    position: relative;
    overflow: hidden;
  }

  .we-are-innovation-div .title_h1 {
    font-size: 9.8vw;
    line-height: 11.75vw;
    font-family: var(--regular-font);
    color: var(--white-primary);
  }

  .brain-icon-container {
    opacity: 1;
    position: static;
    right: unset;
    top: unset;
    width: 92vw;
  }

  .main-home-screen .nsm_mobile_arrow {
    position: absolute;
    bottom: 32vw;
    margin-left: 42vw;
  }

  .thought-leadership-div {
    display: block !important;
    position: relative;
    background-image: none;
    overflow-x: hidden;
    height: 100vh;
    right: 0%;
    bottom: 0%;
  }

  .thought-leadership-div .thought-leadership-box {
    width: 100%;
    height: auto;
    padding: 30vw 5vw;
    z-index: 99;
    position: relative;
  }

  .thought-leadership-div .thought-leadership-box .title_h4 {
    font-family: var(--bold-font);
    color: var(--white-primary);
    font-size: 8vw;
    line-height: 9.2vw;
    margin-bottom: 8.5vw;
  }

  .thought-leadership-div .thought-leadership-box .list-item li {
    margin-bottom: 8.5vw;
  }

  .thought-leadership-div .thought-leadership-box .list-item li .list-title {
    font-size: 4.2vw;
    line-height: 5.4vw;
    color: var(--white-primary);
    font-family: var(--bold-font);
    margin-bottom: 2.5vw;
  }

  .thought-leadership-div .list-item li .list-context {
    font-size: 3.6vw;
    line-height: 4.8vw;
    color: var(--white-primary);
    font-family: var(--medium-font);
  }

  .thought-leadership-div .brain-icon-container {
    position: absolute;
    top: -15vw;
    left: 40vw;
    z-index: 9;
  }

  .thought-leadership-div .dollar-icon-container {
    opacity: 1;
    position: absolute;
    left: -25%;
    bottom: 5%;
    width: 85vw;
    z-index: 9;
  }

  .red-bg-container {
    display: block !important;
    height: 100vh;
    position: relative;
    overflow-x: hidden;
  }

  .red-bg-container .dollar-icon-container {
    opacity: 1;
    position: absolute;
    left: 30%;
    bottom: 16%;
    width: 92vw;
    z-index: 9;
  }

  .red-bg-container .brain-icon-container {
    position: absolute;
    top: -10%;
    left: -18%;
    width: 60vw;
  }

  .nasscom-members-container {
    padding: 5vw 5.5vw;
    border-radius: 1.5vw;
    background: url(themes/custom/inoatheme/images/BG-Red.svg);
    background-size: cover;
    height: 85vw;
    width: 85vw;
    margin: 0;
    position: absolute;
    right: 6%;
    border-radius: 50%;
    display: flex;
    margin: 35% 0;
    z-index: 99;
  }

  .nasscom-members-desc {
    font-size: 6.8vw;
    line-height: 9.2vw;
    text-align: center;
    color: var(--white-primary);
    font-family: var(--regular-font);
    font-weight: 200;
  }

  .red-bg-container-2 {
    display: block !important;
    height: 100vh;
    position: relative;
    overflow-x: hidden;
  }

  .red-bg-container-2 .economic-rejuvenation-div {
    opacity: 1 !important;
    position: absolute;
    right: 3%;
    top: 28%;
    width: 92vw;
  }

  .red-bg-container-2 .economic-rejuvenation-div .title_h4 {
    font-family: var(--bold-font);
    color: var(--white-primary);
    font-size: 8vw;
    line-height: 9.2vw;
    margin-bottom: 8.5vw;
  }

  .red-bg-container-2 .economic-rejuvenation-div .list-item li {
    margin-bottom: 8.5vw;
  }

  .red-bg-container-2 .economic-rejuvenation-div .list-item li .list-title {
    font-size: 4.2vw;
    line-height: 5.4vw;
    color: var(--white-primary);
    font-family: var(--bold-font);
    margin-bottom: 2.5vw;
  }

  .red-bg-container-2 .economic-rejuvenation-div .list-item li .list-context {
    font-size: 3.6vw;
    line-height: 4.8vw;
    color: var(--white-primary);
    font-family: var(--medium-font);
  }

  .red-bg-container-2 .economic-rejuvenation-div .list-item {
    padding: 0;
    width: 92%;
  }

  .red-bg-container-2 .economic-rejuvenation-div .dollar-icon-container {
    position: absolute;
    top: -35%;
    left: 35%;
    width: 70vw;
    opacity: 1 !important;
  }

  .red-bg-container-2 .economic-rejuvenation-div .trending-icon-container {
    position: absolute;
    left: -15%;
    bottom: -55%;
    width: 85vw;
  }

  .red-bg-container-3 {
    display: block !important;
    height: 100vh;
    position: relative;
    overflow-x: hidden;
  }

  .red-bg-container-3 .inclusive-growth-div {
    position: absolute;
    opacity: 1 !important;
    right: 3%;
    top: 28%;
    width: 92vw;
  }

  .red-bg-container-3 .inclusive-growth-div .title_h4 {
    font-family: var(--bold-font);
    color: var(--white-primary);
    font-size: 8vw;
    line-height: 9.2vw;
    margin-bottom: 8.5vw;
  }

  .red-bg-container-3 .inclusive-growth-div .list-item li {
    margin-bottom: 8.5vw;
  }

  .red-bg-container-3 .inclusive-growth-div .list-item li .list-title {
    font-size: 4.2vw;
    line-height: 5.4vw;
    color: var(--white-primary);
    font-family: var(--bold-font);
    margin-bottom: 2.5vw;
  }

  .red-bg-container-3 .inclusive-growth-div .list-item li .list-context {
    font-size: 3.6vw;
    line-height: 4.8vw;
    color: var(--white-primary);
    font-family: var(--medium-font);
  }

  .red-bg-container-3 .inclusive-growth-div .list-item {
    padding: 0;
    width: 92%;
  }

  .red-bg-container-3 .inclusive-growth-div .trending-icon-container {
    position: absolute;
    left: 5%;
    bottom: 58%;
    width: 85vw;
    opacity: 1 !important;
  }

  ul.pager li.pager__item a.button {
    width: auto !important;
    padding: 1.5vw 3vw 1.5vw 3vw !important;
    color: var(--white-primary) !important;
    text-transform: capitalize !important;
    background: var(--red-primary) !important;
    font-size: 2.7vw !important;
    line-height: 3.35vw !important;
    text-align: center !important;
    font-family: var(--bold-font) !important;
    text-decoration: none !important;
    display: inline-block !important;
    border: 0 !important;
    border-radius: 1.5vw !important;
  }

  html {
    overflow-x: hidden;
  }

  .header_home.hide {
    top: 0;
  }

  .header_home.hide .row .bottom-head {
    margin-top: -9vw;
    z-index: -1;
  }

  .header_home {
    top: 0;
  }

  .header_home .top-head {
    background: var(--red-primary);
    padding: 2.7vw 3.5vw;
    border-radius: 0vw;
  }

  .header_home .top-head .mainlogo {
    width: 40vw
  }

  .header_home .top-head .mainmenu ul {
    display: none;
  }

  .header_home .row .bottom-head {
    background: var(--white-primary);
    padding: 0vw 3.5vw 1vw 3.5vw;
  }

  .header_home .row .bottom-head .leftmenu {
    display: none;
  }

  .header_home .bottom-head .rightblock.fordesk {
    display: none;
  }

  .header_home .bottom-head .rightblock.formobile {
    display: flex;
  }

  .header_home .bottom-head .rightblock .rightmenu {
    width: 100%;
    margin-top: 10px;
  }

  .header_home .bottom-head .rightmenu ul li {
    margin-left: 0;
    margin-right: 3.6vw;
    margin-bottom: 10px;
    margin-top: 14px;
  }

  .header_home .bottom-head .rightmenu ul li:last-child {
    margin-right: 0;
  }

  .header_home .bottom-head .rightmenu ul li a {
    text-decoration: none;
    font-size: 20px;
    text-transform: capitalize;
    color: var(--red-primary);
    font-family: var(--bold-font);
    white-space: nowrap;
  }

  .header_home .bottom-head .iconblock li {
    list-style-type: none;
    margin-bottom: 0px;
    margin-top: 16px;
  }

  .header_home .bottom-head .iconblock {
    width: 7vw;
    text-align: end;
  }

  .header_home .bottom-head .iconblock li a {
    text-decoration: none;
    font-size: 20px;
    text-transform: capitalize;
    color: var(--red-primary);
    font-family: var(--bold-font);
  }

  .section-for-mobile {
    display: block;
  }

  .section-for-desktop {
    display: none;
  }

  .down-arrow {
    position: absolute;
    bottom: -12vw;
    left: 45%;
  }

  .banner-nasscom {
    position: relative;
  }

  .banner-nasscom .down-arrow img {
    width: 10vw;
    height: 10vw;
    cursor: pointer;
  }

  .banner-nasscom .row {
    position: absolute;
    bottom: 12%;
    padding-top: 0;
    width: 100%;
  }

  .main-banner-text h2 {
    font-size: 8vw;
    line-height: 12vw;
    color: var(--white-primary);
    font-family: var(--medium-font);
    width: 100%;
    text-align: center;
    padding: 0px 2vw;
    height: 50vw;
    display: flex;
    align-items: center;
  }

  .main-banner-text {
    margin-bottom: 0;
  }

  .banner-nasscom .action-btn {
    height: 38vw;
  }

  .banner-nasscom .action-btn a {
    font-size: 3.4vw;
    line-height: 4.8vw;
    font-family: var(--bold-font);
    padding: 4.6vw 7.2vw;
    width: max-content;
    border-radius: 8vw;
    display: block;
    margin: 5vw auto;
  }

  .banner-nasscom {
    background: url(themes/custom/inoatheme/images/banner-bg.png);
    background-size: cover;
    height: 80vh;
  }

  .banner-nasscom::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80vh;
    content: '';
    background-image: linear-gradient(#000000b9, #000000b9);
  }

  #myVideo {
    position: absolute;
    z-index: 0;
    object-fit: cover;
    width: 100%;
    height: 100vh;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .nsm_footer-homepage {
    padding: 12vw 0vw;
  }

  .nsm_footer-homepage .footer_logo {
    display: none;
  }

  .nsm_footer-homepage .nsm_footer-social {
    text-align: left;
    border-top: 0.5vw solid var(--white-primary);
    margin-top: 6vw;
    padding-top: 4vw;
    display: flex;
    width: 100%;
  }

  .nsm_footer-homepage .nsm_footer-social a {
    display: block;
    width: 10%;
    text-align: center;
  }

  .nsm_footer-homepage .nsm_footer-social img {
    width: 14.8vw;
    margin-right: 0;
  }

  .nsm_footer-homepage .nsm_footer-social .twitternass {
    width: 10.8vw;
    margin-right: 0;
    margin-top: 2vw;
  }

  .nsm_footer-homepage .scroll-footerslider .nsm_withimage-block {
    width: 85vw !important;
    height: 46vw !important;
    margin-right: 0 !important;
  }

  .nsm_footer-homepage .scroll-footerslider .nsm_withtext-block {
    width: 45vw !important;
    height: 46vw !important;
    margin-right: 0 !important;
    padding: 4vw;
  }

  .nsm_footer-homepage .scroll-footerslider .slick-slide {
    margin: 0vw 0.8vw;
  }

  .nsm_footer-homepage .scroll-footerslider .slick-list {
    padding: 0 10% 0 0 !important;
    margin: 0vw -0.8vw 0vw -0.8vw;
  }

  .nsm_footer-homepage .scroll-footerslider .slick-slide {
    margin: 0vw 0.4vw;
  }

  .nsm_footer-homepage .hastagfooter {
    display: none;
  }

  .nsm_footer-homepage .footer_links {
    text-align: left;
    border-top: 0.5vw solid var(--white-primary);
    margin-top: 0vw;
    padding-top: 0vw;
    margin-left: 0vw;
    margin-right: 2vw;
    width: 98%;
  }

  .nsm_footer-homepage .footer_links a {
    text-decoration: none;
    color: var(--white-primary);
    font-size: 2vw;
    line-height: 0vw;
    margin-left: 0vw;
    font-family: var(--bold-font);
    text-transform: uppercase;
    display: block;
    margin-bottom: 0vw;
    margin-top: 5vw;
  }

  .hamburger_icon img {
    width: 50px;
  }

  .new_homepage_banner_section {
    padding: 250px 35px 100px 35px;
  }

  .new_homepage_footer .footer_links {
    width: 100%;
    text-align: left !important;
  }

  .new_homepage_footer .col-md-3 {
    width: 100%;
  }

  .new_homepage_footer .col-md-6 {
    width: 100%;
  }

  .new_homepage_footer .col-md-9 {
    width: 100%;
  }

  .new_homepage_footer .pb-5 {
    padding-bottom: 0px !important;
  }

  .nsm_footer-homepage .nsm_footer-social {
    align-items: center !important;
  }

  .nsm_footer-homepage .nsm_footer-social .twitternass {
    width: 13vw;
    margin-right: 0;
    margin-top: 0vw !important;
  }

  .nsm_footer-homepage .nsm_footer-social img {
    width: 14.8vw;
    margin-right: 0;
  }

  .nsm_footer-homepage .nsm_footer-social img {
    width: 14.8vw;
    margin-right: 0;
  }

  .nsm_footer-homepage .nsm_footer-social img {
    width: 14.8vw;
    margin-right: 0;
  }

  .twitternass {
    width: 113px !important;
  }

  .new_homepage_banner_section .custom-arrow {
    position: absolute;
    top: 79%;
    transform: translateY(-50%);
    color: #000;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1;
  }

  .become_member_section .container {
    position: relative;
    z-index: 2;
    max-width: 1050px;
  }

  .stayinform_section::before {
    content: "";
    position: absolute;
    height: 99%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000000B2;
    z-index: 1;
  }

  .search_margin {
    margin-right: 0px;
  }

  .close_icon_image {
    position: absolute;
    top: 8px;
    right: 0px;
  }

  .cookies-content p {
    font-size: 14px;
    line-height: 24px;
    font-family: var(--regular-font);
    font-weight: 400;
    margin: 5px;
  }

  .cookies-button .cookies-accept {
    font-size: 12px;
    line-height: 22px;
    color: #fff;
    font-family: var(--bold-font);
    font-weight: 700;
    background: linear-gradient(90deg, rgba(201, 55, 51, 1) 0%, rgba(144, 8, 4, 1) 100%);
    padding: 15px 20px;
    border-radius: 50px;
    border: 1px solid;
  }

  .cookies-button .cookies-reject {
    font-size: 12px;
    line-height: 22px;
    color: rgba(147, 147, 147, 1);
    font-family: var(--bold-font);
    font-weight: 700;
    background: transparent;
    padding: 15px 20px;
    border-radius: 50px;
    border: 1px solid rgba(147, 147, 147, 1);
  }

  .cookies-ratio label {
    font-size: 13px;
    line-height: 23px;
    font-family: var(--regular-font);
    font-weight: 400;
  }

  .copyright-text p {
    font-size: 18px;
    line-height: 28px;
    font-family: var(--medium-font);
    font-weight: 500;
    color: #fff;
    margin-top: 50px;
  }

  .press_years {
    margin: 80px 0px 35px 0px;
  }

  .filter-checkbox-list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0px;
    margin-bottom: 20px;
    padding-bottom: 30px;
  }

  .modal-footer .modal-clear-button {
    font-size: 14px;
    line-height: 24px;
    font-family: var(--bold-font);
    font-weight: 700;
    color: rgba(147, 147, 147, 1);
    background-color: transparent;
    padding: 15px 40px;
    border-radius: 50px;
    text-decoration: none;
    border: 1px solid rgba(147, 147, 147, 1);
  }

  .modal-footer .modal-apply-button {
    font-size: 14px;
    line-height: 24px;
    font-family: var(--bold-font);
    font-weight: 700;
    color: #fff;
    background: linear-gradient(90deg, rgba(201, 55, 51, 1) 0%, rgba(144, 8, 4, 1) 100%);
    padding: 15px 40px;
    border-radius: 50px;
    text-decoration: none;
    border: 1px solid rgba(195, 53, 49, 1);
  }

  .modal-footer {
    display: flex;
    justify-content: center;
    gap: 50px;
  }

  .modal-title {
    font-size: 22px;
    line-height: 32px;
    font-family: var(--medium-font);
    font-weight: 600;
  }

  .filter-group h4 {
    font-size: 18px;
    line-height: 28px;
    font-family: var(--medium-font);
    font-weight: 500;
    margin-bottom: 15px;
  }

  .modal-header .btn-close {
    font-size: 22px;
  }

  .tags-dropdown .filter-checkbox-list li label {
    font-size: 11px !important;
    line-height: 21px !important;
    font-family: var(--medium-font) !important;
    color: #000 !important;
    padding: 6px 15px !important;
    border: 1px solid #ccc;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-weight: 500;
    transition: all 0.3s ease;
    border-bottom: 1px solid #ccc !important;
  }

  .content-forblock .title_h3 {
    color: var(--white-primary);
    font-family: var(--bold-font);
    margin-bottom: 16px;
    padding: 0;
    font-size: 34px;
    line-height: 44px;
  }

  .content-forblock .desc {
    font-family: var(--medium-font);
    font-size: 17px;
    line-height: 27px;
    text-align: left;
    color: var(--white-primary);
  }

  .newtabsvoice .active {
    border-bottom: 0px solid var(--red-primary);
  }

  .perspectives-main-content .tabs-nav select {
    margin-left: 0px;
  }

  .page-intro .title_h1 {
    padding: 100px 0px 30px 0px;
    font-size: 65px;
    line-height: 75px;
    margin-bottom: 0;
  }

  .tab-item {
    margin-top: 20px;
  }

  .mobile-tags-dropdown .dropdown-menu {
    padding: 0px 20px 15px 0px;
    background: var(--white-primary);
    border: none;
    border-radius: 0;
    display: block;
  }

  .mobile-tags-dropdown .dropdown-menu li label {
    display: flex !important;
    border-bottom: 0px solid silver !important;
    padding: 10px 0px !important;
    transition: all 0.2s ease-out !important;
    font-size: 18px !important;
    line-height: 27px;
    letter-spacing: 0%;
    text-transform: capitalize !important;
    width: max-content !important;
    color: var(--red-primary) !important;
    font-family: var(--medium-font) !important;
    border: none;
  }

  .mobile-tags-dropdown .dropdown-menu input {
    accent-color: var(--red-primary);
    margin-right: 12px;
    display: block;
  }

  .mobile-tags-dropdown .dropdown-menu {
    position: static !important;
  }

  .mobile-tags-dropdown {
    border-top: 1px solid #ccc;
    padding-top: 35px;
    margin-top: 20px;
  }

  .tabs-nav.stickyelement {
    position: sticky;
    background: var(--white-primary);
    top: 19vw;
  }
}

@media (min-width:1500px) {
  .talent_council_members .content-block h5 {
    font-size: 48px;
    line-height: 60px;
    font-family: var(--medium-font);
    font-weight: 500;
    color: #013a9b;
    margin-bottom: 30px;
    margin-top: 50px;
  }

  .hs_video_frame_content span {
    font-size: 20px;
    line-height: 32px;
    font-family: var(--bold-font);
    font-weight: 700;
  }

  .council_focus_area .col-md-10 .parha_bold {
    font-family: var(--bold-font);
    font-size: 20px;
    line-height: 32px;
    color: var(--black-primary);
    font-weight: 600;
  }

  .council_focus_area .col-md-10 .parha_regular {
    font-family: var(--regular-font);
    font-size: 20px;
    line-height: 32px;
    color: var(--black-primary);
  }
}

.region-sidebar-first,
.region-sidebar-second,
.region-footer,
.region-content {
  padding: 0;
}

.perspectives_card .job_title a {
  text-decoration: none;
  color: var(--red-primary);
  font-family: var(--bold-font);
}

.nsm_single-card .title_h6 {
  height: 61px;
  color: var(--white-primary);
  font-family: var(--regular-font);
  position: absolute;
  bottom: -9px;
  left: 0px;
  padding: 0px 12px;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  background-image: linear-gradient(#9d969600, #1e1f20);
}

.nsm_block_footer .youtube-container,
.nsm_block_footer .youtube-field-player {
  width: 100%;
}

.nsm_navbar-inner li a.nav-link:focus,
.nsm_navbar-inner li a.nav-link:hover {
  color: var(--red-primary);
}

.tabs-nav.form-select {
  border: 0;
  border-bottom: 1px solid var(--black-primary);
}

.form-item-sort-by select,
.form-item-sort-order label {
  display: none;
}

.form-item-field-career-location-target-id .bef-link--selected,
.form-item-field-publication-type-target-id .bef-link--selected,
.form-item-field-voice-type-target-id .bef-link--selected {
  color: var(--red-primary);
  border-bottom: 2px solid var(--red-primary);
  padding-bottom: 0.25vw;
}

.form-item-sort-by,
.form-item-sort-order {
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 10px;
}

.form-item-sort-order {
  width: 100px;
}

.perspectives-main-content .form-item-sort-by label {
  display: none;
}

.form-item-field-career-location-target-id label {
  display: none;
}

.nsm_strategic-section .nsm_strat-slider .item-block .block-title a {
  color: #002c83;
}

form.node-member-profile-form .js-form-type-checkbox input {
  width: auto;
  margin-right: 9px;
  margin-top: 6px;
}

form.node-member-profile-form .js-form-type-checkbox {
  display: inline-flex;
  clear: both;
  width: 100%;
}

form.node-member-profile-form .form-textarea {
  width: 100%;
  margin-bottom: 22px;
}

.page-node-type-career .application_form .form-text,
.node-member-profile-form .form-text {
  color: var(--black-primary);
}

.node-member-profile-form label,
.page-node-type-career .application_form label,
.loginregister_page .user-register-form label,
.loginregister_page .user-pass label,
.loginregister_page .user-login-form div.description,
.node-member-profile-form .form-item-field-membership-type div.description,
.member-listing .form-item-sort-bef-combine label,
.loginregister_page .user-pass div.description,
.loginregister_page .user-register-form div.description {
  display: none;
}

.node-member-profile-form .form-textarea {
  padding-left: 27px;
  padding-top: 18px;
}

.node-member-profile-form .form-checkboxes label,
.page-node-type-career .application_form .fileupload label,
.node-member-profile-form .form-item-captcha-response label,
.loginregister_page .user-login-form .form-item-captcha-response label,
.loginregister_page .user-register-form .form-item-captcha-response label,
.loginregister_page .user-pass .form-item-captcha-response label,
.loginregister_page .form-item-remember-me label,
.node-member-profile-form .js-form-type-managed-file label {
  display: block;
}

.loginregister_page .form-item-remember-me label {
  display: contents;
}

.node-member-profile-form label.error,
.page-node-type-career #edit-cmail-error,
.page-node-type-career #edit-cname-error,
.loginregister_page .form_card form label.error,
.nsm_form_section .career-form form label.error {
  font-size: 16px;
  color: #b61328;
  display: block;
  width: 100%;
  margin-bottom: 16px;
}

.node-member-profile-form input.error,
.career-form input.error,
.loginregister_page input.error,
.loginregister_page select.error {
  margin-bottom: 9px;
}

.node-member-profile-form .areas-of-interest legend,
.node-member-profile-form .tc_content legend,
.node-member-profile-form .js-form-type-url div.description {
  display: none;
}

.node-member-profile-form .captcha__title.js-form-required.form-required {
  font-size: 1vw;
  line-height: 2.2vw;
  font-family: var(--bold-font);
  color: var(--red-primary);
  margin-top: 2vw;
}

.node-member-profile-form label.form-required::after,
.application_form label.form-required::after {
  display: inline-block;
  margin-right: 0.15em;
  margin-left: 0.15em;
  content: "*";
  color: var(--red-primary);
  font-size: 0.875rem;
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}

.alert .alert-link {
  font-weight: bold;
}

.alert>p,
.alert>ul {
  margin-bottom: 0;
}

.alert>p+p {
  margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}

.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}

.alert-warning hr {
  border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}

.alert-danger hr {
  border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
  color: #843534;
}

.messages--error {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
  padding: 12px;
  font-size: 15px;
}

.messages--error .placeholder {
  background-color: unset;
  opacity: 1;
}

.messages--error hr {
  border-top-color: #e4b9c0;
}

.messages--error .alert-link {
  color: #843534;
}

.market-industry-main-content .form-item-sort-by {
  display: none;
}

.market-industry-main-content form select,
.perspectives-main-content form select {
  padding: 0;
  margin-left: 0px !important;
}

.career-main-content .form-item-sort-order select,
.perspectives-main-content .form-item-sort-order select {
  border: 0;
  color: var(--black-primary);
  font-family: var(--medium-font);
  font-size: 0.9vw;
  line-height: 1.35vw;
  text-decoration: none;
  text-transform: uppercase;
  margin-right: 0.75vw;
  margin-left: -0.3vw;
  background: url(themes/custom/inoatheme/images/red_drop_arrow.svg) no-repeat !important;
  background-size: 0.8vw !important;
  background-position: calc(100% - 0%) 0.4vw !important;
  background-repeat: no-repeat !important;
  width: 5vw;
  padding: 0px;
  height: unset;
}

.career-main-content .form-item-sort-order select:focus,
.perspectives-main-content .form-item-sort-order select:focus {
  outline: 0;
}

.event-page .form-item-sort-order {
  margin-left: 5px;
}

.path-user .loginregister_page .field--name-user-picture,
.user-logged-in .loginregister_page {
  display: none;
}

.fileupload div.field--type-file:first-child,
.page-node-type-career .application_form .fileupload div.js-form-type-managed-file {
  border: 1px solid var(--black-primary);
  padding: 1vw 1.5vw;
  width: 100%;
  margin-bottom: 1.5vw;
}

.fileupload input.form-file {
  border: unset;
  color: unset;
}

#code-of-conduct {
  max-width: 900px;
  border: 5px solid #b61328;
  padding: 30px;
}

#code-of-conduct p {
  font-size: 13px;
  line-height: 1.46;
  color: #4e4e4e;
}

.media_kit-slider .item-block a {
  text-decoration: none;
}

.get-the-report {
  padding: 50px 0;
}

.get-the-report .heading {
  text-align: center;
  font-size: 36px;
  font-weight: 400;
  margin-bottom: 15px;
}

.get-the-report .get-the-report-header {
  margin-bottom: 40px;
}

.get-the-report p {
  text-align: center;
  font-size: 20px;
  margin-bottom: 35px;
}

.get-the-report .regular-price {
  background: #f0f0f0;
  padding: 43px 15px 15px 15px;
  width: 49%;
  margin: 0 0.5%;
  font-size: 21px;
  line-height: 27px;
  min-height: 125px;
  color: #000;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.get-the-report .regular-price>span {
  height: 43px;
  line-height: 43px;
}

.get-the-report .regular-price .buy-now {
  background: var(--red-primary);
  ;
  color: #fff;
  font-size: 24px;
  height: 43px;
  line-height: 43px;
  text-align: center;
  max-width: 205px;
  width: 100%;
  display: block;
  margin-left: 5px;
}

.get-the-report .regular-price .buy-now:hover {
  text-decoration: none;
  background-color: #fff;
  color: #b61328;
  border: 1px solid #b61328;
}

.get-the-report .regular-price p {
  text-align: center;
  width: 100%;
  font-size: 14px;
}

.get-the-report .regular-price p.not-activated {
  color: #b61328;
}

.event-award {
  margin-top: 35px;
}

.membership-fee-modal .modal-dialog {
  max-width: 100%;
}

.membership-fee-modal .modal-content {
  border: 6px solid #b61328;
  border-radius: 0;
  max-width: 900px;
  width: 90%;
  max-height: 90%;
  min-height: auto;
  border-radius: 0;
  margin: 0 auto;
}

.membership-fee-modal .modal-header {
  position: relative;
}

.membership-fee-modal .modal-header img {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.membership-fee-modal .modal-title {
  font-size: 30px;
  font-weight: 400;
  width: 100%;
  text-align: center;
}

.membership-fee-modal .modal-body {
  width: calc(100% - 220px);
  margin: 0 auto;
  color: #242424;
  font-size: 17px;
  line-height: 1.3;
}

.membership-fee-modal .modal-body .row {
  margin-top: 18px;
}

.membership-fee-modal .modal-footer {
  background-color: #b61328;
  color: #fff;
  display: block;
  width: calc(100% - 220px);
  margin: 0 auto 30px;
  border-radius: 5px;
  padding: 7px 15px;
  font-size: 17px;
}

.membership-fee-modal .modal-footer .row {
  margin: 0 -15px;
}

.modal-header .close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
}

.popupBox {
  display: none;
  max-width: 1098px !important;
  width: 95% !important;
  padding: 15px !important;
}

.popupBox .fancybox-close-small {
  background-color: #b61328;
  opacity: 1;
  color: #fff;
  border-radius: 50%;
}

.popupBox .heading {
  width: 100%;
  background: #3d7a96;
  text-align: center;
  margin: 0;
}

.popupBox .heading h2 {
  font-size: 24px;
  line-height: 30px;
  color: #fff;
  text-transform: uppercase;
  padding: 30px 0;
  margin: 0px;
}

.popupBox .content table {
  width: 100%;
  margin: 0px;
}

.popupBox .content table th {
  background: #fbc72b;
  text-align: left;
  padding: 15px 15px 15px 48px;
  color: #000;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
}

.popupBox .content table td {
  width: 33.33%;
  text-align: left;
  padding: 18px 15px 15px 48px;
  color: #000;
  font-size: 14px;
  line-height: 18px;
}

.popupBox .content table th:nth-of-type(2),
.popupBox .content table td:nth-of-type(2) {
  text-align: center;
}

.popupBox .content .click {
  color: #f00;
  margin: 30px 0 0 48px;
  font-style: italic;
  font-size: 14px;
  line-height: 22px;
  display: block;
}

@media (max-width:767px) {

  .career-main-content .form-item-sort-order select,
  .perspectives-main-content .form-item-sort-order select {
    border: 0;
    color: var(--black-primary);
    font-family: var(--medium-font);
    font-size: 3.6vw;
    line-height: 3.70vw;
    text-decoration: none;
    text-transform: uppercase;
    margin-right: 0.75vw;
    margin-left: -0.3vw;
    background: url(themes/custom/inoatheme/images/red_drop_arrow.svg) no-repeat !important;
    background-size: 2.7vw !important;
    background-position: calc(100% - 0%) 1.2vw !important;
    background-repeat: no-repeat !important;
    width: 15vw;
    margin-bottom: 3vw;
  }
}

.captcha-type-challenge--recaptcha legend.captcha__title {
  display: none;
}

.g-recaptcha {
  margin-bottom: 20px;
}

.captcha-type-challenge--math legend {
  display: none;
}

.perspectives-main-content .member-listing .form-item-sort-by label {
  display: none;
}

.views-infinite-scroll-content-wrapper section.tabs-content:not(:first-child) {
  border-top: unset;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  overflow: hidden;
}

.twitter-profile-url a {
  color: #FFF;
}

.career-form.application_form {
  margin-top: 2.4vw;
}

.alert .placeholder,
.path-user .placeholder {
  background-color: unset;
}

.form-managed-file input.form-submit {
  padding: 7px 13px 7px 12px;
  border-radius: 0;
  margin-bottom: 51px;
}

#perspectivesstickyelement .form-item-sort-by {
  float: left;
  width: 20%;
  margin-top: 30px;
  display: none;
}

.career-main-content .form-item-sort-by {
  display: none;
}

#perspectivesstickyelement .views-infinite-scroll-content-wrapper .tabs-content {
  margin-top: 0;
}

#perspectivesstickyelement #edit-sort-order {
  margin-top: 5px;
}

.youtub-image {
  height: 100%;
}

.node-member-profile-form .container-checkbox input {
  margin: 38px;
}

.user-pass p {
  display: none;
}

#loginregister_page {
  overflow-y: scroll;
}

.tabs-content .content-block a.mailto {
  font-family: unset;
  font-size: unset;
  line-height: unset;
  color: unset;
  text-transform: unset;
  text-decoration: unset;
}

.member-listing form .form-item-title input.form-text {
  width: unset;
}

.member-listing .media_press_tabcontent {
  margin-top: 0px;
}

#members_listing .perspectives_card .action-btn .category {
  width: auto;
  text-align: left;
  font-size: 0.7vw;
  text-decoration: none;
  color: var(--black-primary);
  font-family: var(--medium-font);
  height: unset;
}

@media (max-width:767px) {
  #members_listing .perspectives_card .action-btn .category {
    font-size: unset;
  }

  .user-logged-in.path-user .membership_form_single h1.title_h1 {
    font-size: 6vw;
  }

  .membership-fee-modal img {
    width: 20%;
  }

  .membership-fee-modal .modal-title {
    font-size: 24px;
  }

  .membership-fee-modal .modal-body {
    width: 100%;
    font-size: 14px;
  }

  .membership-fee-modal .modal-footer {
    width: calc(100% - 2rem);
    font-size: 15px;
  }

  #people .perspectives_card .job_title {
    height: unset;
  }

  #perspectivesstickyelement .form-item-sort-by {
    float: unset;
    width: 100%;
    margin-top: 0;
    display: none;
  }

  #perspectivesstickyelement .form-item-sort-order select,
  .perspectives-main-content .form-item-sort-order select {
    margin-top: 0;
    width: 100%;
  }

  #perspectivesstickyelement .sort-pers,
  .perspectives-main-content .sort-pers {
    margin-top: 14px;
  }

  #perspectivesstickyelement .form-item-sort-order,
  .perspectives-main-content .form-item-sort-order {
    width: 100%;
  }

  .event-page .form-item-sort-order {
    margin-left: 0;
  }

  form.node-member-profile-form .form-textarea::placeholder {
    font-size: 3.6vw !important;
  }

  .node-member-profile-form .form-textarea {
    padding-left: 9px;
    padding-top: 18px;
  }

  .modal-login .user-login-form .captcha-type-challenge--math {
    width: 100%;
    margin-top: 16px;
  }

  .modal-login .user-pass .captcha-type-challenge--math,
  .modal-login .user-register-form .captcha-type-challenge--math {
    width: 100%;
  }
}

@media (max-width:599px) {
  #members_listing .tabs-nav.stickyelement {
    margin-top: 50px;
  }

  .user-logged-in.path-user .membership_form_single h1.title_h1 {
    font-size: 5vw;
  }

  #members_listing .perspectives_card .action-btn .category {
    font-size: unset;
  }

  .membership-fee-modal .modal-header {
    flex-wrap: wrap;
  }

  .membership-fee-modal .modal-header img {
    position: static;
    max-width: 200px;
    width: auto;
  }

  .membership-fee-modal .close {
    position: absolute;
    right: 10px;
    top: 10px;
  }

  .membership-fee-modal .modal-body .col-3 {
    padding-left: 0;
  }

  .membership-fee-modal .modal-footer .col-9 {
    width: 50%;
    flex: 0 0 50%;
  }

  .membership-fee-modal .modal-footer .col-3 {
    width: 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  #people .perspectives_card .job_title {
    height: unset;
  }

  #perspectivesstickyelement .form-item-sort-by {
    float: unset;
    width: 100%;
    margin-top: 0;
    display: none;
  }

  #perspectivesstickyelement .form-item-sort-order select,
  .perspectives-main-content .form-item-sort-order select {
    margin-top: 0;
    width: 100%;
  }

  #perspectivesstickyelement .sort-pers,
  .perspectives-main-content .sort-pers {
    margin-top: 14px;
  }

  .event-page .form-item-sort-order {
    margin-left: 0;
  }

  #perspectivesstickyelement .form-item-sort-order,
  .perspectives-main-content .form-item-sort-order {
    width: 100%;
  }

  form.node-member-profile-form .form-textarea::placeholder {
    font-size: 3.6vw !important;
  }

  .node-member-profile-form .form-textarea {
    padding-left: 9px;
    padding-top: 18px;
  }

  .modal-login .user-login-form .captcha-type-challenge--math {
    width: 100%;
    margin-top: 16px;
  }

  .modal-login .user-pass .captcha-type-challenge--math,
  .modal-login .user-register-form .captcha-type-challenge--math {
    width: 100%;
  }

  .voice-slider .content-forblock .title_h3 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .award-event .svall {
    margin-top: 0;
  }
}

@media (max-width:767px) {
  form input[type="submit"] {
    width: auto;
    padding: 5vw 2vw 5vw 2vw !important;
    border-radius: 8.5vw;
    color: var(--white-primary);
    text-transform: uppercase;
    background: var(--red-primary);
    font-size: 11px;
    line-height: 14px;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    display: inline-block;
    border: 0;
  }
}

.views-field-purchased-entity div div>div {
  display: none;
}

.key_finding .blog-author span {
  padding: 10px;
}

@media (max-width:1199px) {
  .get-the-report .heading {
    font-size: 32px;
  }

  .get-the-report p {
    font-size: 16px;
  }

  .get-the-report .regular-price {
    font-size: 18px;
    min-height: auto;
    padding: 30px 15px;
    display: block;
    text-align: center;
  }

  .get-the-report .regular-price .buy-now {
    font-size: 18px;
    max-width: 160px;
    margin: 0 auto;
  }
}

@media (max-width:1023px) {
  .get-the-report .regular-price {
    align-content: flex-start;
  }
}

@media (max-width:767px) {
  .get-the-report .get-the-report-header {
    margin-bottom: 20px;
  }

  .get-the-report .heading {
    font-size: 26px;
  }

  .get-the-report .regular-price {
    width: 100%;
  }

  .get-the-report .regular-price.r {
    margin-top: 20px;
  }
}

.title-btn-hr {
  height: 20px;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

#deipage #v1 .item-block .block-title {
  height: max-content;
  border-bottom: 0;
  margin-bottom: 0;
  align-items: flex-start;
}

#deipage #v1 .item-block .title-btn-hr {
  margin-top: 0;
}

#deipage #v2 .item-block .block-title {
  height: 3.6vw;
  border-bottom: 0;
  margin-bottom: 0;
  align-items: flex-start;
  overflow: hidden;
}

#deipage div.click-here {
  margin-top: 50px;
}

#deipage div.click-here a.btn-primary {
  width: auto;
  padding: 1vw 1.75vw 1vw 1.75vw;
  border-radius: 2.5vw;
  color: var(--white-primary);
  text-transform: uppercase;
  background: var(--red-primary);
  font-size: 0.9vw;
  line-height: 1.35vw;
  text-align: center;
  font-family: var(--bold-font);
  text-decoration: none;
  text-decoration: none;
  display: inline-block;
  height: max-content;
  border: 0;
}

@media (max-width:767px) {
  #deipage #v2 .item-block .block-title {
    height: 10vw;
    border-bottom: 0;
    margin-bottom: 0;
    align-items: flex-start;
    overflow: hidden;
  }

  #deipage div.click-here a.btn-primary {
    width: auto;
    padding: 3vw 3.75vw 3vw 3.75vw;
    border-radius: 5.5vw;
    color: var(--white-primary);
    text-transform: uppercase;
    background: var(--red-primary);
    font-size: 3.2vw;
    line-height: 1.35vw;
    text-align: center;
    font-family: var(--bold-font);
    text-decoration: none;
    text-decoration: none;
    display: inline-block;
    height: max-content;
    border: 0;
  }
}

.newsletter_card .job_title a {
  color: var(--red-primary);
  text-decoration: none;
  font-family: var(--regular-font);
}

#perskeypage #v1 .item-block .block-title {
  height: max-content;
  border-bottom: 0;
  margin-bottom: 0;
  align-items: flex-start;
}

#policypage.key_finding-section .key_finding .item-block .block-title a,
#deipage.key_finding-section .key_finding .item-block .block-title a {
  color: var(--black-primary);
  text-decoration: none;
}

.perspectives-main-content .tabs-nav .row {
  align-items: initial;
}

.js-pager__items.pager {
  text-align: center !important;
  list-style-type: none;
}

.key_finding-section#policypage {
  padding: 6vw 0vw 0vw 0vw;
}

@media (max-width:767px) {
  .key_finding-section#policypage {
    padding: 9vw 0vw 0vw 0vw;
  }
}

@media (min-width:768px) and (max-width:1499px) {
  .key_finding-section#policypage {
    padding: 60px 0px 60px 0px;
  }
}

#people {
  margin-left: 0%;
  margin-bottom: 0;
}

.login-details li {
  list-style-type: none;
}

.nasscom-konnect .konnect-card img {
  width: 100%;
}

.market-industry-main-content.markets-industry section.tabs-content {
  margin-top: 20px;
  overflow: visible;
}

@media (max-width:767px) {
  .careerpagefilter #mobile_tab {
    padding-top: 23vw;
  }

  .careerpagefilter #mobile_tab .form-item-sort-order {
    width: 100%;
  }

  .careerpagefilter #mobile_tab .form-item-sort-order select {
    width: 100%;
  }

  .bpm-slick-slider .slick-dots {
    bottom: -44px;
  }

  .market-industry-main-content.markets-industry section.tabs-content {
    margin-top: 0;
    overflow: hidden;
  }
}

.key_finding-section.perspectivekey h3.title_h3 {
  margin-bottom: 14px;
}

.former-presidents .perspectives_card .job_desc {
  overflow: auto;
  height: 104px;
}

@media (max-width:767px) {
  #members_listing .tabs-nav select {
    width: 20vw;
  }

  #members_listing .tabs-nav.stickyelement {
    margin-top: 50px;
  }
}

#members_listing.perspectives-main-content .tabs-nav .row {
  align-items: end;
}

#members_listing.perspectives-main-content form select {
  margin-bottom: 0px;
}

.event_detail-intro .event_detail-content p {
  font-family: unset;
  margin-bottom: 10px;
}

.perspectives-main-content .perspectives_card .action-btn .fee a {
  pointer-events: initial !important;
}

.node-423 #edit-submit-events {
  display: none;
}

.node-423 .event-page #mobile_tab {
  padding-top: 23vw;
}

.node-423 .event-page #desktop_tab {
  padding: 0px;
}

.recent_newsletters-section .newsletter_card .newsletter_card_content .fee a {
  pointer-events: initial !important;
}

.recent_newsletters-section .newsletter_card .newsletter_card_content .action-btn a:hover {
  background: unset;
}

@media (max-width:767px) {
  .loginregister_page .tabs-nav a {
    font-size: 3vw;
  }

  .context-of-paymentpage table .views-field-purchased-entity a {
    border-bottom: initial;
  }

  .context-of-paymentpage table .views-field-edit-quantity .js-form-type-number .quantity button {
    height: 25px;
  }

  .cart-form .views-field-remove-button .delete-order-item {
    padding: 6px !important;
    font-size: 3.2vw;
  }

  .context-of-paymentpage .order-total-summary table .total-cart td {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .address-book-edit-button.form-submit {
    padding: 2px 34px 4px 40px !important;
  }

  .voice-slider .content-forblock .title_h3 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .award-event .svall {
    margin-top: 0;
  }
}

.steps-to .hidden {
  display: block;
}

.cart-form .delete-order-item {
  text-decoration: none;
  color: var(--black-primary);
  padding-bottom: 5px;
  border-bottom: 1px solid var(--black-primary);
  width: auto;
  padding: unset;
  padding-bottom: unset;
  border-radius: unset;
  color: unset;
  text-transform: unset;
  background: unset;
  font-size: 20px;
}

.cart-form input[type="submit"].delete-order-item:hover {
  background: unset;
}

.cart-form .table-bordered> :not(caption)>*,
.orderinfosection.context-of-paymentpage .table-bordered> :not(caption)>* {
  border-width: inherit !important;
}

.cart-form tbody,
.cart-review tbody,
.cart-form td,
.cart-review td,
.cart-form tfoot,
.cart-review tfoot,
.cart-form th,
.cart-review th,
.cart-form thead,
.cart-review thead,
.cart-review tr,
.cart-form tr {
  border-color: inherit;
  border-style: unset;
  border-width: 0;
}

.context-of-paymentpage .cart-form form {
  padding-top: 0px;
}

.order-total-summary {
  margin-bottom: 20px;
}

.order-total-summary table {
  width: 100%;
}

.context-of-paymentpage .form-actions {
  display: block;
  text-align: center;
}

.payment-info-section.border {
  border: initial !important;
}

.payment-info-section.border div.title {
  font-size: 1.75rem;
  font-weight: 500;
  margin-bottom: 35px;
  margin-top: 36px;
}

.payment-info-section.border .checkout-pane-payment-information legend {
  display: none;
}

@media screen and (min-width:780px),
(orientation:landscape) and (min-device-height:780px) {

  .layout-region-checkout-main,
  .layout-region-checkout-footer {
    width: 100%;
  }

  .award-event .svall {
    margin-top: 0;
  }
}

.cart-review .table-bordered> :not(caption)>*>*,
.orderinfosection.context-of-paymentpage .table-bordered> :not(caption)>*>* {
  border-width: 0;
}

.checkout-pane-review fieldset {
  padding-bottom: 38px;
}

.context-of-paymentpage table .js-form-type-number .quantity button {
  height: 36px;
}

.added-address-details .fieldset-legend {
  font-size: 1.5rem;
  margin-top: 36px;
}

.added-address-details {
  margin-bottom: 10px;
}

.address-book-edit-button.form-submit {
  padding: 2px 34px 4px 40px;
}

.context-of-paymentpage table .views-field-purchased-entity a {
  border-bottom: initial !important;
}

.update-cart-submit,
.cart-billing .selected-order-summery,
.cart-review .payment-info-section {
  display: none !important;
}

.context-of-paymentpage .cart-review table {
  margin-top: 0px;
}

table.order-review thead.heading {
  display: none;
}

.context-of-paymentpage .form-actions .link--previous,
.context-of-paymentpage .payment-page #edit-actions a {
  display: none;
}

#commerce-checkout-flow-multistep-default label.error {
  font-size: 16px;
  color: #b61328;
  display: block;
  width: 100%;
}

.key-insight-responsive-video {
  width: 100%;
  max-width: 720px;
  height: auto;
  display: block;
  margin: 0 auto;
}

.policy-landing-page-ctx .nsm_focusarea-section {
  margin-bottom: 5px;
}

#careerscrollLink {
  cursor: pointer;
}

.orderinfosection.context-of-paymentpage table a {
  border-bottom: 0;
}

.content-forblock a.slider-link {
  text-decoration: none;
}

#block-nasscomredesigntheme-tabs {
  display: none;
}

.local_tasks #block-nasscomredesigntheme-tabs {
  display: block;
  margin-bottom: 14px;
}

.local_tasks ul.nav-tabs {
  border-bottom: 1px solid #c8cfd6;
  display: flex;
  padding: 0;
  width: 100%;
  gap: 16px;
}

.local_tasks ul.nav-tabs li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.local_tasks ul.nav-tabs li::marker {
  display: none;
}

.local_tasks ul.nav-tabs li:last-child {
  margin-right: 0;
}

.local_tasks ul.nav-tabs li a {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  color: #000000;
  opacity: 0.6;
  padding: 14px 20px;
  display: flex;
  position: relative;
  cursor: pointer;
  height: 100%;
  flex-wrap: wrap;
  align-items: center;
}

.local_tasks ul.nav-tabs li a:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  height: 4px;
  width: 0;
  background: var(--red-primary);
  opacity: 1;
  transition: all ease 0.3s;
}

.local_tasks ul.nav-tabs li a:hover {
  color: #000;
}

.local_tasks ul.nav-tabs li a:hover:after {
  width: 100%;
}

.local_tasks ul.nav-tabs li a.active {
  color: #000;
  opacity: 1;
}

.local_tasks ul.nav-tabs li a.active:after {
  width: 100%;
}

.local_tasks ul.nav-tabs li a span {
  width: 100%;
  line-height: 24px;
  height: 100%;
}

.local_tasks .nav-item.active {
  background-color: var(--red-primary);
}

.local_tasks .nav-item.active a.is-active {
  color: #FFF;
}

.perspectives_card_content .action-btn .fee a:hover {
  background: none;
}

.form-item-field-voice-type-target-id .bef-links-use-ajax {
  display: flex;
}

.former_presidents .people-card .desg {
  overflow-y: scroll;
  height: 80px;
}

a.color-trantransparent {
  color: transparent;
}

.voice-author-name {
  text-decoration: unset;
}

#a2apage_full .a2a_svg svg {
  background: #000 !important;
}

#a2apage_full a.a2a_i .a2a_svg {
  height: 45px;
  line-height: 45px;
  width: 45px;
  background: #ebebeb !important;
}

#a2apage_full div.a2a_full_footer a {
  color: #000 !important;
}

#a2apage_full .a2a_full_services .a2a_i {
  color: black !important;
}

#a2apage_full .a2a_svg#a2apage_find_icon svg {
  background: transparent !important;
}

.social-strip .imgblk.a2a_dd {
  margin-bottom: 14px;
}

.sharepopup_page .linkbtn-copy {
  display: none;
}

ul.cstm-breadcrumbs li:last-child::after {
  content: initial;
}

form .newtabsvoice input {
  background: transparent;
  border: 1px solid var(--black-primary);
  padding: 20px 30px;
  width: auto;
  margin-bottom: 0px;
  -webkit-appearance: auto;
  border-radius: 0;
  color: var(--black-primary);
  font-size: 20px;
  line-height: 30px;
}

.views-reset-link {
  border-bottom: unset !important;
  margin: 0px !important;
}

.podcast-player {
  max-width: 900px;
  margin: 30px auto;
  padding: 20px;
  background: #1a1a1a;
  border-radius: 12px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

.podcast-player audio {
  width: 100%;
  background: transparent;
  outline: none;
}

.cart-complete .action-btn {
  margin-bottom: 10px;
}

.page-node-type-voices .listen-heading h2 {
  margin: 0;
}

.page-node-type-voices .list-section ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.page-node-type-voices .list-section li.download-link a {
  font-weight: bold;
  color: #013a9b;
  text-decoration: none;
  transition: color 0.3s;
}

.page-node-type-voices .list-section li.download-link a:hover {
  color: #e04f4b;
}

.page-node-type-voices .list-section li.speed-control {
  cursor: pointer;
  color: #013a9b;
  transition: color 0.3s;
}

.page-node-type-voices .list-section li.speed-control:hover {
  color: #e04f4b;
}

.page-node-type-voices .progress-container {
  width: 100%;
  background: #eee;
  padding: 15px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  height: 90px;
}

.page-node-type-voices .play-btn {
  width: 30px;
  height: 30px;
  background: #013a9b;
  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
  cursor: pointer;
  margin-right: 10px;
  margin-left: 10px;
  transition: all 0.3s;
}

.page-node-type-voices .play-btn.pause {
  background: #013a9b;
  position: relative;
  clip-path: none;
}

.page-node-type-voices .play-btn.pause::before,
.page-node-type-voices .play-btn.pause::after {
  content: '';
  position: absolute;
  width: 8px;
  height: 20px;
  background: #013a9b;
  top: 50%;
  transform: translateY(-50%);
}

.page-node-type-voices .play-btn.pause::before {
  left: 6px;
}

.page-node-type-voices .play-btn.pause::after {
  right: 6px;
}

.page-node-type-voices .progress-bar {
  width: 87%;
  height: 5px;
  background: #939393;
  position: relative;
  border-radius: 10px;
}

.page-node-type-voices .progress {
  width: 0%;
  height: 100%;
  background: #013a9b;
  position: absolute;
  border-radius: 10px;
}

.page-node-type-voices .time {
  font-size: 18px;
  font-weight: 500;
  margin-right: 20px;
  margin-left: 10px;
  white-space: nowrap;
  color: #939393;
}

.award-event .form-item-event-date-filter {
  display: none;
}

.youtube-video-render {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin-bottom: 5px;
}

.youtube-video-render iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.footer_links .footer-menu {
  padding-left: 0px;
}

#block-nasscomredesigntheme-footer {
  margin-top: 11px;
}

.award-event .perspectives_card .action-btn .fee a,
.award-event .perspectives_card .action-btn .city,
.award-event .perspectives_card .action-btn .postdate {
  font-size: 11px;
}

.award-event .perspectives_card .action-btn {
  padding: 8px 16px;
}

.article_authors .row .col-md-6 {
  margin-bottom: 3rem !important;
}

@media (min-width:768px) {
  .tab-item .mi-council-member .col-md-3 {}
}

.market-industry-main-content .tabs-content .helping_sme_content strong {
  font-family: var(--regular-font);
  font-weight: 400;
  font-size: 20px;
  line-height: 160%;
  color: #013a9b;
}

.tabs-nav .col-md-12.grid_line_colum h4 {
  line-height: unset;
  font-family: unset;
  margin-bottom: unset;
}

.slider-wrapper.slider-talent .slick-arrow.slick-hidden {
  display: block;
}

.bef-links .bef-link-active {
  color: var(--red-primary);
  border-bottom: 1px solid var(--red-primary);
  padding-bottom: 0.25vw;
}

.col-md-12.cart-complete .action-btn {
  display: block;
}

section.sample_quiz_section a {
  text-decoration: none;
}

.user-register-form .input-icon,
.user-login-form .input-icon,
.user-pass .input-icon,
.user-pass-form .input-icon {
  position: absolute;
  right: 15px;
  top: unset;
  width: 25px;
  height: 25px;
  pointer-events: none;
  margin-right: 30px;
  margin-top: 34px;
}

.user-login-form .form-item-pass .eye-off {
  position: absolute;
  right: 26px;
  top: 41%;
  transform: translateY(-50%);
  cursor: pointer;
}

.user-login-form .form-item-pass .eye-on {
  position: absolute;
  right: 26px;
  top: 41%;
  transform: translateY(-50%);
  cursor: pointer;
  display: block;
}

.user-login-form .form-item-pass {
  position: relative;
}

.user-register-form select {
  background-position: calc(100% - 30px) 16px !important;
}

.user-login-form .form-item-name img.input-icon {
  right: 0px;
  margin-right: 19px;
  top: 0px;
}

.user-register-form .form-item-field-fname-reg-0-value .input-icon {
  left: 226px;
}

.user-register-form .form-item-field-lname-0-value .input-icon {
  left: 205px;
}

@media (max-width:767px) {

  .user-register-form .input-icon,
  .user-login-form .input-icon,
  .user-pass .input-icon,
  .user-pass-form .input-icon {
    position: absolute;
    right: 7px;
    top: unset;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    pointer-events: none;
    margin-right: 25px;
    margin-top: 22px;
  }

  .user-login-form .form-item-pass .eye-off {
    position: absolute;
    right: 14px;
    top: 40%;
    transform: translateY(-50%);
    cursor: pointer;
  }

  .user-register-form select {
    background-position: calc(100% - 3.5vw) 2.5vw !important;
  }

  .user-login-form .form-item-name img.input-icon {
    right: 0px;
    margin-right: 15px;
    top: 6px;
  }

  .user-register-form .form-item-field-fname-reg-0-value .input-icon {
    left: unset;
  }

  .user-register-form .form-item-field-lname-0-value .input-icon {
    left: unset;
  }
}

.search_function_section {
  margin-bottom: 0px !important;
}

form#nasscom-search-form input {
  margin-bottom: 0px;
}

.search_function_section {
  margin-bottom: 0px !important;
}

form#nasscom-search-form input {
  margin-bottom: 0px;
}

.perspective-filter.mobile_tabitems_block .bef-nested {
  display: inline-flex
}

.newtabsvoice .mobile_tabitems_block .svall {
  margin-top: 8px;
}

.loginregister_page .user-register-form .form-group-question label,
.loginregister_page .user-pass .form-group-question label {
  display: block;
}

.node-member-profile-form .form-group-question input,
.node-member-profile-form .form-group-question .form_group_labal {
  width: 100%;
}

.node-member-profile-form .form-group-question .form_group_labal label {
  display: block;
}

.node-member-profile-form .form-group-question {
  display: block;
}

.mynewmodal {
  display: none;
}

.mynewmodal .nsm_popup-social,
.mymodal .nsm_popup-social {
  margin-top: 20px;
}

.mymodal .contxt h5 {
  text-shadow: 0px 0px 5px #000000 !important;
  background-color: rgba(0, 0, 0, 0.3) !important;
  color: #FFF;
  padding: 10px;
}

.meet_the_council .slider_video_content a {
  text-decoration: none;
}

span.field-suffix {
  position: absolute;
  top: 36%;
  left: 35px;
  transform: translateY(-50%);
  color: #111;
  font-size: 20px;
  line-height: 30px;
  font-family: var(--regular-font);
  font-weight: 400;
  cursor: text;
}

.field-wrap input:focus+span.field-suffix,
.field-wrap input:not(:placeholder-shown)+span.field-suffix {
  display: none;
}

span.field-suffix p {
  font-size: 14px;
  line-height: 24px;
  font-family: var(--medium-font);
  text-align: left;
  margin: 0px;
}

@media (min-width:768px) and (max-width:1499px) {
  span.field-suffix {
    position: absolute;
    top: 37%;
    left: 35px;
    transform: translateY(-50%);
    color: #111;
    font-size: 18px;
    line-height: 28px;
    font-family: var(--regular-font);
    font-weight: 400;
    cursor: text;
  }
}

@media (max-width:767px) {
  .upload-wrap span.field-suffix {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 1;
    color: #000;
  }

  .upload-wrap span.field-suffix p {
    font-size: 12px;
    color: #555;
  }

  span.field-suffix {
    position: absolute;
    top: 45%;
    left: 35px;
    transform: translateY(-50%);
    color: #111;
    font-size: 16px;
    line-height: 26px;
    font-family: var(--regular-font);
    font-weight: 400;
    cursor: text;
  }

  .user-logged-in .toolbar .toolbar-tray.is-active {
    display: none;
  }
}

.carrer_apply_section .carrer_apply_heading h2 {
  line-height: 1.2;
}

.nasscom-common-questionnaire-form img.input-icon {
  display: none;
}

.market-industry-main-content.markets-industry #mycontainer .tabs-nav.stickyelement {
  border-bottom: 0;
}

.nasscom-common-questionnaire-form .file-uploaded .field-suffix {
  display: none;
}

.page-node-type-career .event_detail-content.event_detail_section p {
  font-size: unset;
  line-height: unset;
  font-family: unset;
  color: unset;
}

.stickyelement {
  z-index: 25;
}

.perspectives-main-content #mobile_tab.tabs-nav.stickyelement {
  padding-top: 3vw;
}

#mycontainer .tabs-content.media_press_tabcontent {
  margin-top: 0px !important;
}

#mycontainer .tabs-content.media_press_tabcontent .tab-item {
  margin-top: 0px;
}

#edit-field-audited-balance-sheet-for-0--description label.error,
#edit-field-additional-document-0--description label.error {
  display: none !important;
}

#edit-field-audited-balance-sheet-for-0--description label.error:not(:empty):last-of-type,
#edit-field-additional-document-0--description label.error:not(:empty):last-of-type {
  display: block !important;
}

.remove-error {
  display: none;
}

#loginregister_page #mycontainer .tabs-content .tab-item,
.loginregister_page .direct-page #mycontainer .tabs-content .tab-item {
  margin-top: 10px;
}

@media (min-width:768px) and (max-width:1499px) {
  .loginregister_page .container .form_card {
    width: 34vw;
    padding: 1.5vw 1.3vw;
  }
}

.form_coloum input.user-login-form-error {
  margin-bottom: 0px !important;
}

.error-message.captch-error-message {
  float: right;
  width: 70%;
}

.user-register-form .error-message.captch-error-message,
.user-pass .error-message.captch-error-message {
  float: right;
  width: 70%;
  margin-top: 0px;
}

.error-message .placeholder {
  display: inline-block;
  min-height: unset;
  vertical-align: middle;
  cursor: wait;
  background-color: unset;
  opacity: 1;
}

.user-register-form .form-item input.valid,
.user-login-form .form-item input.valid,
.user-pass .form-item input.valid,
.user-register-form .form_coloum input.valid,
.user-register-form .form_coloum select.valid,
.user-login-form .form_coloum input.valid,
.user-pass .form_coloum input.valid,
.user-pass .form-item input.valid {
  border-color: #32936F !important;
  color: #000000 !important;
}

.user-register-form .form_coloum input.valid.user-login-form-error,
.user-register-form .form-item input.valid.user-login-form-error,
.user-login-form .form-item input.valid.user-login-form-error,
.user-login-form .form_coloum input.valid.user-login-form-error,
.user-pass .form_coloum input.valid.user-login-form-error,
.user-pass .form-item input.valid.user-login-form-error {
  border-color: #e55353 !important;
  color: #000000 !important;
}

.user-login-form [type="submit"]:disabled,
.user-pass [type="submit"]:disabled,
.user-register-form [type="submit"]:disabled {
  opacity: 0.85;
  cursor: not-allowed;
}

.perspectives-page #perspectivesstickyelement .views-exposed-form.bef-exposed-form h2,
.voicegrid_content #perspectivesstickyelement .views-exposed-form.bef-exposed-form h2,
.award-event .common-tabs .views-exposed-form.bef-exposed-form h2 {
  display: none;
}

.perspectives-page #perspectivesstickyelement .perspectives_search_section h2,
.voicegrid_content #perspectivesstickyelement .perspectives_search_section h2,
.award-event .common-tabs .perspectives_search_section h2 {
  display: block !important;
}

.perspectives-page #perspectivesstickyelement #mycontainer .tabs-nav {
  padding-bottom: 3px;
}

#mycontainer .tabs-nav li.active {
  color: var(--red-primary);
}

#mycontainer .tabs-nav.stickyelement {
  position: fixed;
  background: #fff;
}

.award-event .common-tabs #mycontainer .tabs-nav p {
  margin-bottom: 16px;
}

#mobile_tab .form-item-sort-by,
#mobile_tab .form-item-sort-order {
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 0px;
}

.perspectives_search_filter input {
  margin-top: 0px;
}

.perspectives_search_filter .form-item-combine input::placeholder {
  font-size: 16px;
  color: #939393 !important;
}

#loginregister_page #communitytheme-messages,
.loginregister_page .direct-page #communitytheme-messages {
  margin-bottom: 6px;
}

.loginregister_page .direct-page #register input[type="submit"] {
  margin-top: 0px;
}

.search_box_heading h1 {
  font-size: 60px;
  font-weight: 400;
  line-height: 70px;
  font-family: var(--regular-font);
  color: #013a9b;
  margin-bottom: 20px;
}

@media (min-width:768px) and (max-width:1499px) {
  .search_box_heading h1 {
    font-size: 48px;
    font-weight: 400;
    line-height: 58px;
    font-family: var(--regular-font);
    color: #013a9b;
  }
}

@media (max-width:767px) {
  .search_box_heading h1 {
    font-size: 34px;
    font-weight: 400;
    line-height: 44px;
    font-family: var(--regular-font);
    color: #013a9b;
  }
}

.eventsawads_colum img {
  width: 100%;
  display: block;
  height: 500px;
  object-fit: cover;
  border-radius: 15px;
}

.login-separator {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 20px 0;
}

.login-separator::before,
.login-separator::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #ccc;
}

.login-separator span {
  padding: 0 10px;
  color: #666;
  font-weight: 600;
  text-transform: uppercase;
}

.path-frontpage .slider_video_content a,
.path-frontpage .ecosystem-slider .swiper-slide a {
  text-decoration: none;
}

.path-frontpage .become_member_section .container .member-slider {
  padding-bottom: 0px;
}

.from_inoa_section .slider_video_content strong {
  font-size: 14px;
  line-height: 24px;
  font-family: var(--bold-font);
  font-weight: 800;
}

.grecaptcha-badge {
  display: none;
}

#sliding-popup h1,
#sliding-popup h2,
#sliding-popup h3,
#sliding-popup p,
#sliding-popup label,
#sliding-popup div,
.eu-cookie-compliance-more-button,
.eu-cookie-compliance-secondary-button,
.eu-cookie-withdraw-tab {
  color: unset;
}

.save-preferences-button .eu-cookie-compliance-save-preferences-button {
  font-size: 18px;
  line-height: 28px;
  color: rgba(147, 147, 147, 1);
  font-family: var(--bold-font);
  font-weight: 700;
  background: transparent;
  padding: 6px 30px;
  border-radius: 50px;
  border: 1px solid rgba(147, 147, 147, 1);
  margin-top: 0px;
}

.voicegrid-filter-field>legend,
.voicegrid-filter-field legend {
  display: none;
}

.voicegrid_content .dropdown-menu .voicegrid-category-option,
.perspectives-page .dropdown-menu .voicegrid-category-option {
  display: flex !important;
  align-items: center;
  cursor: pointer;
  margin: 0;
  font-weight: inherit;
}

.voicegrid_content .tags-dropdown-menu>li,
.perspectives-page .tags-dropdown-menu>li,
.voicegrid_content .perspectives-dropdown-menu>li,
.perspectives-page .perspectives-dropdown-menu>li {
  list-style: none;
}

.voicegrid_content .tags-dropdown-menu label,
.perspectives-page .tags-dropdown-menu label,
.voicegrid_content .perspectives-dropdown-menu label,
.perspectives-page .perspectives-dropdown-menu label {
  margin-bottom: 0;
  cursor: pointer;
}

.perspectives-page .form-item-field-publication-type-target-id>label,
.perspectives-page .form-item-field-publications-tags-target-id>label,
.voicegrid_content .form-item-field-voice-type-target-id>label,
.voicegrid_content .form-item-field-focus-areas-target-id>label,
.voicegrid_content .form-item-field-related-tag-target-id>label,
.voicegrid_content .form-item-event-staus-filter>label,
.voicegrid_content .form-item-award-staus-filter>label {
  display: none;
}

.perspectives-page #desktop_tab .bef-links,
.voicegrid_content #desktop_tab .bef-links {
  display: inline;
}

.perspectives-page #perspectivesstickyelement .form-item-field-publication-type-target-id .bef-links,
.perspectives-page #perspectivesstickyelement .form-item-field-publications-tags-target-id .bef-links,
.voicegrid_content #perspectivesstickyelement .form-item-field-voice-type-target-id .bef-links,
.voicegrid_content #perspectivesstickyelement .form-item-field-focus-areas-target-id .bef-links,
.voicegrid_content #perspectivesstickyelement .form-item-field-related-tag-target-id .bef-links,
.voicegrid_content #mediastickyelement .form-item-field-related-tag-target-id .bef-links,
.award-event .common-tabs #mycontainer .form-item-field-related-tag-target-id .bef-links,
.award-event .common-tabs #mycontainer .form-item-event-staus-filter .bef-links,
.award-event .common-tabs #mycontainer .form-item-award-staus-filter .bef-links {
  margin-bottom: 0;
}

.form-item-field-focus-areas .form-autocomplete,
.form-item-field-related-tag .form-autocomplete,
.form-item-field-publications-tags .form-autocomplete {
  max-width: 100%;
}

.form-item-field-focus-areas .description,
.form-item-field-related-tag .description,
.form-item-field-publications-tags .description {
  margin-top: 4px;
  color: #5e6366;
}

.voicegrid-exposed-form-layout .filter-popup .dropdown>.dropdown-toggle,
.voicegrid-exposed-form-layout .filter-popup .voicegrid-clear-tags-link,
.voicegrid-exposed-form-layout .filter-popup .perspectives-clear-tags-link {
  display: none !important;
}

.voicegrid-exposed-form-layout .filter-popup .mobile-tags-dropdown .dropdown-menu {
  display: block;
  position: static !important;
  transform: none !important;
  float: none;
  min-width: 0;
  width: 100% !important;
  max-width: 100%;
  box-shadow: none;
  border: 0;
  padding: 0;
  margin: 0;
  background: transparent;
}

.voicegrid-exposed-form-layout .filter-popup .voicegrid-mobile-tags-list,
.voicegrid-exposed-form-layout .filter-popup .filter-group .filter-checkbox-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 6px;
  list-style: none;
  width: 100% !important;
  max-width: 100%;
  padding: 0 0 10px;
  margin: 0 0 20px;
  border: 0;
  box-shadow: none;
  position: static !important;
  transform: none !important;
  float: none;
  background: transparent;
}

.voicegrid-exposed-form-layout .filter-popup .voicegrid-mobile-tags-list li,
.voicegrid-exposed-form-layout .filter-popup .filter-group .filter-checkbox-list li {
  margin: 0 !important;
  padding: 0 !important;
}

.voicegrid-exposed-form-layout .filter-popup .voicegrid-mobile-tags-list li label,
.voicegrid-exposed-form-layout .filter-popup .filter-group .filter-checkbox-list li label {
  font-size: 9px !important;
  line-height: 19px !important;
  font-family: var(--medium-font) !important;
  color: #000 !important;
  padding: 6px 15px !important;
  border: 1px solid #ccc !important;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-weight: 500;
}

.voicegrid-exposed-form-layout .filter-popup .voicegrid-mobile-tags-list input[type="checkbox"],
.voicegrid-exposed-form-layout .filter-popup .filter-group:not(.mobile-tags-dropdown) input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  display: none !important;
}

.voicegrid-exposed-form-layout .filter-popup .voicegrid-mobile-tags-list input[type="checkbox"]:checked+label,
.voicegrid-exposed-form-layout .filter-popup .filter-group:not(.mobile-tags-dropdown) input[type="checkbox"]:checked+label {
  background: rgba(195, 53, 49, 1);
  color: #fff !important;
  border-color: rgba(195, 53, 49, 1) !important;
}

.voicegrid-exposed-form-layout .filter-popup .mobile-tags-dropdown input[type="checkbox"],
.voicegrid-exposed-form-layout .filter-popup .mobile-tags-dropdown input.myCheckbox {
  display: inline-block !important;
  position: static !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  accent-color: var(--red-primary);
  margin-right: 12px;
  width: auto !important;
  height: auto !important;
  appearance: auto;
  -webkit-appearance: checkbox;
}

.voicegrid-exposed-form-layout #desktop_tab .row {
  align-items: flex-start;
}

.voicegrid-exposed-form-layout #desktop_tab .form-item-sort-order,
.voicegrid-exposed-form-layout #desktop_tab .form-item-sort-by {
  margin-top: 0;
  margin-bottom: 0;
  width: auto;
  font-weight: inherit;
}

.voicegrid-exposed-form-layout #desktop_tab .form-item-sort-order select,
.voicegrid-exposed-form-layout #desktop_tab #edit-sort-order {
  margin-top: 0;
  margin-bottom: 0;
}

.voicegrid-exposed-form-layout #desktop_tab legend {
  display: none;
  margin: 0;
  padding: 0;
  height: 0;
  border: 0;
}

.voicegrid-exposed-form-layout #desktop_tab fieldset,
.voicegrid-exposed-form-layout #desktop_tab .fieldset-wrapper,
.voicegrid-exposed-form-layout #desktop_tab .form-checkboxes {
  margin: 0;
  padding: 0;
  border: 0;
  min-inline-size: 0;
}

.voicegrid-exposed-form-layout #desktop_tab .voicegrid-slot {
  display: inline;
}

.voicegrid-exposed-form-layout #desktop_tab .newtabsvoice>li {
  vertical-align: top;
}

.voicegrid-exposed-form-layout #desktop_tab .tabs-newtabsvoice>li.svall>a.views-reset-link {
  margin-right: 24px !important;
}

.voicegrid-exposed-form-layout #desktop_tab .newtabsvoice:not(.tabs-newtabsvoice)>li.svall>a.views-reset-link {
  margin-right: 0 !important;
}

@media (min-width:768px) and (max-width:1499px) {
  .voicegrid-exposed-form-layout #desktop_tab .form-item-sort-order select {
    border: 0;
    color: var(--black-primary);
    font-family: var(--medium-font);
    font-size: 14px;
    line-height: 24px;
    text-decoration: none;
    text-transform: uppercase;
    margin-right: 24px;
    margin-left: -3px !important;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    padding-bottom: 5px;
    height: auto;
    width: 80px;
    background: url(themes/custom/inoatheme/images/red_drop_arrow.svg) no-repeat !important;
    background-size: 12px !important;
    background-position: calc(100% - 0%) 8px !important;
    background-repeat: no-repeat !important;
  }

  .voicegrid-exposed-form-layout #desktop_tab .tabs-newtabsvoice>li.svall>a.views-reset-link {
    margin-right: 24px !important;
  }

  .perspectives-page #perspectivesstickyelement #mycontainer .tabs-nav {
    padding-bottom: 30px;
  }
}

@media (min-width:1500px) {
  .voicegrid-exposed-form-layout #desktop_tab .form-item-sort-order select {
    border: 0;
    color: var(--black-primary);
    font-family: var(--medium-font);
    font-size: 18px;
    line-height: 27px;
    text-decoration: none;
    text-transform: uppercase;
    margin-right: 48px;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    padding-bottom: 5px;
    height: auto;
    width: 100px;
    background: url(themes/custom/inoatheme/images/red_drop_arrow.svg) no-repeat !important;
    background-size: 16px !important;
    background-position: calc(100% - 0%) 8px !important;
    background-repeat: no-repeat !important;
  }

  .voicegrid-exposed-form-layout #desktop_tab .tabs-newtabsvoice>li.svall>a.views-reset-link {
    margin-right: 28px !important;
  }

  .perspectives-page #perspectivesstickyelement #mycontainer .tabs-nav {
    padding-bottom: 30px;
  }
}

@media (max-width:767px) {
  .voicegrid-exposed-form-layout #mobile_tab .form-item-sort-order {
    width: 100%;
    margin-top: 0;
    margin-bottom: 10px;
  }

  .voicegrid-exposed-form-layout #mobile_tab .form-item-sort-order select {
    width: 100%;
    margin-left: 0;
  }
}

.nasscom-loader {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.nasscom-loader__ring {
  width: 48px;
  height: 48px;
  border: 3px solid rgba(195, 53, 49, 0.2);
  border-top-color: var(--red-primary, #013a9b);
  border-radius: 50%;
  animation: nasscom-loader-spin 0.8s linear infinite;
}

.nasscom-loader__text {
  color: var(--red-primary, #013a9b);
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.02em;
  text-align: center;
}

@keyframes nasscom-loader-spin {
  to {
    transform: rotate(360deg);
  }
}

.ajax-progress.ajax-progress-fullscreen {
  position: fixed;
  inset: 0;
  z-index: 11000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 1;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.92);
  background-image: none;
}

.ajax-progress.ajax-progress-throbber {
  display: inline-flex;
  align-items: center;
  padding: 0;
  vertical-align: middle;
}

.ajax-progress.ajax-progress-throbber .nasscom-loader {
  flex-direction: row;
  gap: 10px;
}

.ajax-progress.ajax-progress-throbber .nasscom-loader__ring {
  width: 22px;
  height: 22px;
  border-width: 2px;
}

.ajax-progress.ajax-progress-throbber .nasscom-loader__text {
  font-size: 13px;
}

.ajax-progress.ajax-progress-throbber .message,
.ajax-progress .ajax-loader {
  display: none;
}

.page-loader {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.92);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.page-loader.active {
  opacity: 1;
  visibility: visible;
}

body.loading-cursor {
  cursor: wait !important;
}

.nasscom-inline-loading-host.is-loading {
  pointer-events: none;
  cursor: wait;
}

.nasscom-inline-loading-host.is-loading:not(.search_box_filter) {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.nasscom-inline-loading-host.is-loading.search_box_filter {
  position: relative;
}

.nasscom-inline-loading__spinner {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 2px solid rgba(195, 53, 49, 0.2);
  border-top-color: var(--red-primary, #013a9b);
  border-radius: 50%;
  animation: nasscom-loader-spin 0.8s linear infinite;
  flex-shrink: 0;
}

.nasscom-inline-loading--inverse .nasscom-inline-loading__spinner {
  border-color: rgba(255, 255, 255, 0.35);
  border-top-color: #fff;
}

.search_box_filter.is-loading .nasscom-inline-loading__spinner {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  z-index: 2;
}

.search_load_more .nasscom-load-more.is-loading {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  opacity: 0.85;
}

@font-face {
  font-family: "Objektiv_Mk1XBD";
  src: url(themes/custom/inoatheme/fonts/ObjektivMk1_XBd.ttf);
}

@font-face {
  font-family: "Objektiv_Mk1BD";
  src: url(themes/custom/inoatheme/fonts/ObjektivMk1_Bold.ttf);
}

@font-face {
  font-family: "Objektiv_Mk1MD";
  src: url(themes/custom/inoatheme/fonts/ObjektivMk1_Medium.ttf);
}

@font-face {
  font-family: "Objektiv_Mk1RG";
  src: url(themes/custom/inoatheme/fonts/ObjektivMk1_Regular.ttf);
}

@font-face {
  font-family: "Objektiv_Mk1LT";
  src: url(themes/custom/inoatheme/fonts/ObjektivMk1_Light.ttf);
}

html {
  scroll-behavior: smooth;
}

:root {
  --red-primary: #013a9b;
  --red-secondary: #e3ad25;
  --grey-primary: #dedede;
  --grey-secondary: #939393;
  --black-primary: #000000;
  --white-primary: #ffffff;
  --light-font: "Objektiv_Mk1LT";
  --regular-font: "Objektiv_Mk1RG";
  --medium-font: "Objektiv_Mk1MD";
  --bold-font: "Objektiv_Mk1BD";
  --extrabold-font: "Objektiv_Mk1XBD";
}

.splash-screen {
  position: relative;
  height: 900px;
}

#splashVideo {
  position: absolute;
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 99%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0;
  clip-path: fill-box;
}

.splash-screen::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  background: #ffffff8a;
}

.splash-screen .main-banner-text {
  margin-top: 40%;
}

.splash-screen .main-banner-text h2 {
  color: var(--black-primary);
  font-family: var(--bold-font);
  position: relative;
  z-index: 99;
  font-size: 64px;
  line-height: 76.8px;
  text-align: center;
  display: flex;
  align-items: center;
}

.empowering-inoa {
  padding: 0px 0px 80px 0px;
  margin-top: -70px;
  position: relative;
  z-index: 9;
}

.empowering-inoa .section-heading {
  font-family: var(--light-font);
  color: var(--red-primary);
  font-size: 72px;
  line-height: 72px;
  text-align: center;
  margin-bottom: 80px;
}

.videobrick {
  width: 100%;
  height: 613px;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}

.videobrick video {
  position: absolute;
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
}

.videobrick.active video {
  transform: translate(-50%, -50%) scale(1.6);
  transition: transform 0.4s ease-in-out;
}

.videobrick::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  background-image: linear-gradient(#0000007a, #00000000);
  border-radius: 10px;
}

.videobrick .video-title {
  font-family: var(--bold-font);
  color: var(--white-primary);
  font-size: 36px;
  line-height: 45px;
  text-align: left;
  width: 95%;
  z-index: 99;
  position: relative;
  padding: 30px;
  transition: all 0.5s ease-in-out;
}

.videobrick.active .video-title {
  color: #fff;
  font-size: 36px;
  line-height: 45px;
  z-index: 100;
  position: relative;
}

.videobrick .overlay-context {
  position: absolute;
  top: 0;
  left: 380px;
  width: 100%;
  height: 100%;
  content: '';
  background: var(--red-primary);
  border-radius: 10px;
  z-index: 99;
  padding: 30px;
  transition: all 0.3s ease-in-out;
  display: flex;
  align-items: end;
  opacity: 0;
  visibility: hidden;
}

.videobrick.active .overlay-context {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  background: var(--red-primary);
  border-radius: 10px;
  z-index: 99;
  padding: 30px;
  animation: slideback .7s linear;
  opacity: 1;
  visibility: visible;
}

@keyframes slideback {
  0% {
    left: 380px;
  }

  50% {
    left: -20px;
  }

  100% {
    left: 0px;
  }
}

.videobrick .overlay-context p {
  font-family: var(--regular-font);
  color: var(--white-primary);
  font-size: 22px;
  line-height: 34px;
  text-align: left;
}

.new-spotlight {
  padding: 80px 0px 80px 0px;
}

.new-spotlight .sub-heading {
  font-family: var(--medium-font);
  color: var(--grey-secondary);
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  margin-bottom: 30px;
}

.new-spotlight .section-heading {
  font-family: var(--light-font);
  color: var(--red-primary);
  font-size: 72px;
  line-height: 72px;
  text-align: center;
  margin-bottom: 80px;
}

.new-spotlight .spotlight-image {
  margin-bottom: 60px;
}

.new-spotlight .spotlight-image img {
  width: 100%;
  height: 766px;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}

.new-spotlight .spotlight-image video {
  width: 100%;
  height: 766px;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}

.new-spotlight .spotlight-overlay {
  margin-top: -108px;
}

.new-spotlight .spotlight-overlay h3 {
  font-family: var(--bold-font);
  font-size: 48px;
  line-height: 67.2px;
  letter-spacing: -0.02em;
  text-align: left;
  background: var(--red-primary);
  padding: 50px 120px;
  color: var(--white-primary);
  border-radius: 10px;
}

.new-spotlight .spotlight-image.withvideo .spotlight-overlay h3 {
  position: relative;
  z-index: 999;
}

.new-spotlight .spotlight-context p {
  font-family: var(--regular-font);
  font-size: 20px;
  line-height: 32px;
  text-align: left;
  color: var(--black-primary);
}

.new-spotlight .spotlight-context li {
  font-family: var(--regular-font);
  font-size: 20px;
  line-height: 32px;
  text-align: left;
  color: var(--black-primary);
}

.new-spotlight .action-btn {
  text-align: center;
  margin-top: 60px;
}

.new-spotlight .action-btn a {
  background: linear-gradient(to right, #fff, #ffffff);
  padding: 22px 38px;
  border-radius: 60px;
  font-family: var(--bold-font);
  color: var(--white-primary);
  text-transform: uppercase;
  text-decoration: none;
  font-size: 18px;
  display: inline-block;
}

.stayinform {
  padding: 120px 0px 120px 0px;
}

.stayinform .sub-heading {
  font-family: var(--medium-font);
  color: var(--grey-secondary);
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  margin-bottom: 24px;
}

.stayinform .section-heading {
  font-family: var(--light-font);
  color: var(--red-primary);
  font-size: 72px;
  line-height: 72px;
  text-align: center;
  margin-bottom: 80px;
}

.stayinform .staycard {
  background: var(--red-primary);
  padding: 30px;
  border-radius: 10px;
  position: relative;
  height: 185px;
  transition: all 0.3s ease-in-out;
}

.stayinform .col-md-4 {
  height: 197px;
}

.stayinform .staycard.active {
  height: 197px;
}

.stayinform .staycard video {
  position: absolute;
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
  display: none;
}

.stayinform .staycard.active video {
  display: block;
}

.stayinform .staycard.active::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  background-image: linear-gradient(#0000007a, #0000007a);
  border-radius: 10px;
}

.stayinform .staycard h3 {
  font-family: var(--light-font);
  color: var(--white-primary);
  font-size: 36px;
  line-height: 45px;
  text-align: left;
  width: 50%;
  z-index: 99;
  position: relative;
}

.stayinform .staycard.inactive {
  background: var(--grey-primary);
}

.stayinform .staycard.inactive h3 {
  color: var(--red-primary);
}

.become-member {
  padding: 160px 0px 160px 0px;
  position: relative;
}

.become-member video {
  position: absolute;
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.become-member::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  background-image: linear-gradient(#0000007a, #0000007a);
  border-radius: 10px;
}

.become-member .container {
  position: relative;
  z-index: 9;
}

.become-member .sub-heading {
  font-family: var(--medium-font);
  color: var(--white-primary);
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  margin-bottom: 24px;
}

.become-member .section-heading {
  font-family: var(--light-font);
  color: var(--white-primary);
  font-size: 72px;
  line-height: 72px;
  text-align: center;
  margin-bottom: 0px;
}

.become-member .become-description {
  font-family: var(--regular-font);
  color: var(--white-primary);
  font-size: 30px;
  line-height: 45px;
  text-align: center;
  width: 62%;
  margin: auto;
}

.become-member .become-description p {
  margin-bottom: 30px;
}

.become-member .bec-sep {
  height: 4px;
  width: 92px;
  background: var(--white-primary);
  margin: 50px auto;
}

.become-member .action-btn {
  text-align: center;
}

.become-member .action-btn a {
  background: linear-gradient(to right, #fff, #ffffff);
  padding: 22px 38px;
  border-radius: 60px;
  font-family: var(--bold-font);
  color: var(--white-primary);
  text-transform: uppercase;
  text-decoration: none;
  font-size: 18px;
  display: inline-block;
}

.latest-events {
  padding: 120px 0px 120px 0px;
}

.latest-events .sub-heading {
  font-family: var(--medium-font);
  color: var(--grey-secondary);
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  margin-bottom: 24px;
}

.latest-events .section-heading {
  font-family: var(--light-font);
  color: var(--red-primary);
  font-size: 72px;
  line-height: 72px;
  text-align: center;
  margin-bottom: 80px;
}

.latest-events .lt-eventcard {
  background-size: cover;
  border-radius: 25.6px;
  padding: 60px;
  height: 694px;
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
  width: 100%;
  transition: all 0.8s ease-in-out;
}

.latest-events .card-block .down-context {
  position: absolute;
  width: 100%;
  bottom: 80px;
  padding: 0px 60px;
  transition: all 0.8s ease-in-out;
  min-height: 260px;
  display: flex;
  flex-direction: column;
  justify-content: end;
}

.card-block.active .down-context {
  bottom: 400px;
  animation: bounce 2s;
  -webkit-animation: bounce 2s;
  -moz-animation: bounce 2s;
  -o-animation: bounce 2s;
  justify-content: flex-start;
}

@keyframes bounce {

  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }

  40% {
    transform: translateY(-35px);
  }

  60% {
    transform: translateY(-5px);
  }
}

.latest-events .card-block .down-context h2 {
  font-family: var(--bold-font);
  color: var(--white-primary);
  font-size: 53.83px;
  line-height: 64.59px;
  text-align: left;
  margin-bottom: 24px;
  text-transform: capitalize;
}

.latest-events .card-block .down-context h6 {
  font-family: var(--bold-font);
  color: var(--white-primary);
  font-size: 35.88px;
  line-height: 43.06px;
  letter-spacing: -0.02em;
  text-align: left;
  margin-bottom: 0;
}

.latest-events .card-block {
  position: relative;
  display: flex;
  overflow: hidden;
}

.latest-events .card-block .lt-eventcontext {
  background-size: cover;
  border-radius: 25.6px;
  padding: 60px;
  height: 694px;
  width: 100%;
  position: absolute;
  left: 775px;
  margin-bottom: 30px;
  overflow: hidden;
  background: var(--red-primary);
  font-family: var(--regular-font);
  font-size: 22.43px;
  line-height: 33.64px;
  text-align: left;
  color: var(--white-primary);
  display: flex;
  align-items: end;
  align-items: end;
  animation: none;
  transition: all 0.8s ease-in-out;
}

.latest-events .card-block .lt-eventcontext p {
  font-family: var(--regular-font);
  font-size: 22.43px;
  line-height: 33.64px;
  text-align: left;
  color: var(--white-primary);
  margin-bottom: 0;
}

.latest-events .card-block.active .lt-eventcard {
  margin-left: -752px;
}

.latest-events .card-block.active .lt-eventcontext {
  opacity: 1;
  visibility: visible;
  left: 0;
}

.latest-events .card-block.active .lt-eventcontext {
  opacity: 1;
  visibility: visible;
}

@keyframes slideback2 {
  0% {
    left: 775px;
  }

  50% {
    left: -40px;
  }

  100% {
    left: 0px;
  }
}

@media (min-width:768px) and (max-width:1499px) {
  .splash-screen {
    position: relative;
    height: 650px;
  }

  #splashVideo {
    position: absolute;
    z-index: 0;
    object-fit: cover;
    width: 100%;
    height: 99%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0;
    clip-path: fill-box;
  }

  .splash-screen::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: #ffffff8a;
  }

  .splash-screen .main-banner-text {
    margin-top: 35%;
  }

  .splash-screen .main-banner-text h2 {
    color: var(--black-primary);
    font-family: var(--bold-font);
    position: relative;
    z-index: 99;
    font-size: 42px;
    line-height: 54.8px;
    text-align: center;
    display: flex;
    align-items: center;
    margin-left: 50px;
  }

  .empowering-inoa {
    padding: 0px 0px 60px 0px;
    margin-top: -50px;
    position: relative;
    z-index: 9;
  }

  .empowering-inoa .section-heading {
    font-family: var(--light-font);
    color: var(--red-primary);
    font-size: 52px;
    line-height: 52px;
    text-align: center;
    margin-bottom: 80px;
  }

  .videobrick {
    width: 100%;
    height: 413px;
    border-radius: 10px;
    position: relative;
  }

  .videobrick video {
    position: absolute;
    z-index: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
  }

  .videobrick::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-image: linear-gradient(#0000007a, #00000000);
    border-radius: 10px;
  }

  .videobrick .video-title {
    font-family: var(--bold-font);
    color: var(--white-primary);
    font-size: 26px;
    line-height: 35px;
    text-align: left;
    width: 95%;
    z-index: 99;
    position: relative;
    padding: 20px;
    transition: all 0.5s ease-in-out;
  }

  .videobrick.active .video-title {
    color: var(--red-secondary);
    font-size: 26px;
    line-height: 35px;
    z-index: 100;
    position: relative;
  }

  .videobrick .overlay-context {
    position: absolute;
    top: 0;
    left: 380px;
    width: 100%;
    height: 100%;
    content: '';
    background: var(--red-primary);
    border-radius: 10px;
    z-index: 99;
    padding: 20px;
    transition: all 0.3s ease-in-out;
    display: flex;
    align-items: end;
    opacity: 0;
    visibility: hidden;
  }

  .videobrick.active .overlay-context {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: var(--red-primary);
    border-radius: 10px;
    z-index: 99;
    padding: 20px;
    animation: slideback 1s linear;
    opacity: 1;
    visibility: visible;
  }

  @keyframes slideback {
    0% {
      left: 380px;
    }

    50% {
      left: -20px;
    }

    100% {
      left: 0px;
    }
  }

  .videobrick .overlay-context p {
    font-family: var(--regular-font);
    color: var(--white-primary);
    font-size: 15px;
    line-height: 27px;
    text-align: left;
  }

  .new-spotlight {
    padding: 60px 0px 60px 0px;
  }

  .new-spotlight .sub-heading {
    font-family: var(--medium-font);
    color: var(--grey-secondary);
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    margin-bottom: 20px;
  }

  .new-spotlight .section-heading {
    font-family: var(--light-font);
    color: var(--red-primary);
    font-size: 52px;
    line-height: 52px;
    text-align: center;
    margin-bottom: 60px;
  }

  .new-spotlight .spotlight-image {
    margin-bottom: 40px;
  }

  .new-spotlight .spotlight-image img {
    width: 100%;
    height: 566px;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
  }

  .new-spotlight .spotlight-image video {
    width: 100%;
    height: 566px;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
  }

  .new-spotlight .spotlight-overlay {
    margin-top: -108px;
  }

  .new-spotlight .spotlight-overlay h3 {
    font-family: var(--bold-font);
    font-size: 34px;
    line-height: 54.2px;
    letter-spacing: -0.02em;
    text-align: left;
    background: var(--red-primary);
    padding: 40px 90px;
    color: var(--white-primary);
    border-radius: 10px;
  }

  .new-spotlight .spotlight-image.withvideo .spotlight-overlay h3 {
    position: relative;
    z-index: 999;
  }

  .new-spotlight .spotlight-context p {
    font-family: var(--regular-font);
    font-size: 14px;
    line-height: 26px;
    text-align: left;
    color: var(--black-primary);
  }

  .new-spotlight .spotlight-context li {
    font-family: var(--regular-font);
    font-size: 14px;
    line-height: 26px;
    text-align: left;
    color: var(--black-primary);
  }

  .new-spotlight .action-btn {
    text-align: center;
    margin-top: 40px;
  }

  .new-spotlight .action-btn a {
    background: linear-gradient(to right, #fff, #ffffff);
    padding: 18px 32px;
    border-radius: 60px;
    font-family: var(--bold-font);
    color: var(--white-primary);
    text-transform: uppercase;
    text-decoration: none;
    font-size: 13px;
  }

  .stayinform {
    padding: 80px 0px 80px 0px;
  }

  .stayinform .sub-heading {
    font-family: var(--medium-font);
    color: var(--grey-secondary);
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    margin-bottom: 20px;
  }

  .stayinform .section-heading {
    font-family: var(--light-font);
    color: var(--red-primary);
    font-size: 52px;
    line-height: 52px;
    text-align: center;
    margin-bottom: 60px;
  }

  .stayinform .staycard {
    background: var(--red-primary);
    padding: 20px;
    border-radius: 10px;
    position: relative;
    height: 140px;
    transition: all 0.3s ease-in-out;
  }

  .stayinform .col-md-4 {
    height: 157px;
  }

  .stayinform .staycard.active {
    height: 157px;
  }

  .stayinform .staycard video {
    position: absolute;
    z-index: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    display: none;
  }

  .stayinform .staycard.active video {
    display: block;
  }

  .stayinform .staycard.active::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-image: linear-gradient(#0000007a, #0000007a);
    border-radius: 10px;
  }

  .stayinform .staycard h3 {
    font-family: var(--light-font);
    color: var(--white-primary);
    font-size: 26px;
    line-height: 35px;
    text-align: left;
    width: 50%;
    z-index: 99;
    position: relative;
  }

  .become-member {
    padding: 120px 0px 120px 0px;
    position: relative;
  }

  .become-member video {
    position: absolute;
    z-index: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .become-member::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-image: linear-gradient(#0000007a, #0000007a);
    border-radius: 10px;
  }

  .become-member .container {
    position: relative;
    z-index: 9;
  }

  .become-member .sub-heading {
    font-family: var(--medium-font);
    color: var(--white-primary);
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    margin-bottom: 24px;
  }

  .become-member .section-heading {
    font-family: var(--light-font);
    color: var(--white-primary);
    font-size: 52px;
    line-height: 52px;
    text-align: center;
    margin-bottom: 0px;
  }

  .become-member .become-description {
    font-family: var(--regular-font);
    color: var(--white-primary);
    font-size: 20px;
    line-height: 35px;
    text-align: center;
    width: 56%;
    margin: auto;
  }

  .become-member .become-description p {
    margin-bottom: 30px;
  }

  .become-member .bec-sep {
    height: 4px;
    width: 72px;
    background: var(--white-primary);
    margin: 50px auto;
  }

  .become-member .action-btn {
    text-align: center;
  }

  .become-member .action-btn a {
    background: linear-gradient(to right, #fff, #ffffff);
    padding: 18px 32px;
    border-radius: 60px;
    font-family: var(--bold-font);
    color: var(--white-primary);
    text-transform: uppercase;
    text-decoration: none;
    font-size: 13px;
  }

  .latest-events {
    padding: 80px 0px 80px 0px;
  }

  .latest-events .sub-heading {
    font-family: var(--medium-font);
    color: var(--grey-secondary);
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    margin-bottom: 24px;
  }

  .latest-events .section-heading {
    font-family: var(--light-font);
    color: var(--red-primary);
    font-size: 52px;
    line-height: 52px;
    text-align: center;
    margin-bottom: 60px;
  }

  .latest-events .lt-eventcard {
    background-size: cover;
    border-radius: 25.6px;
    padding: 40px;
    height: 494px;
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
    width: 100%;
    transition: all 0.8s ease-in-out;
  }

  .latest-events .card-block .down-context {
    position: absolute;
    width: 100%;
    bottom: 60px;
    padding: 0px 40px;
    transition: all 0.8s ease-in-out;
  }

  .card-block.active .down-context {
    bottom: 330px;
    animation: bounce 2s;
    -webkit-animation: bounce 2s;
    -moz-animation: bounce 2s;
    -o-animation: bounce 2s;
  }

  @keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
      transform: translateY(0);
    }

    40% {
      transform: translateY(-35px);
    }

    60% {
      transform: translateY(-5px);
    }
  }

  .latest-events .card-block .down-context h2 {
    font-family: var(--bold-font);
    color: var(--white-primary);
    font-size: 33.83px;
    line-height: 44.59px;
    text-align: left;
    margin-bottom: 16px;
    text-transform: capitalize;
  }

  .latest-events .card-block .down-context h6 {
    font-family: var(--bold-font);
    color: var(--white-primary);
    font-size: 25.88px;
    line-height: 33.06px;
    letter-spacing: -0.02em;
    text-align: left;
    margin-bottom: 0;
  }

  .latest-events .card-block {
    position: relative;
    display: flex;
    overflow: hidden;
  }

  .latest-events .card-block .lt-eventcontext {
    background-size: cover;
    border-radius: 25.6px;
    padding: 40px;
    height: 494px;
    width: 100%;
    position: absolute;
    left: 575px;
    margin-bottom: 30px;
    overflow: hidden;
    background: var(--red-primary);
    font-family: var(--regular-font);
    font-size: 14.43px;
    line-height: 25.64px;
    text-align: left;
    color: var(--white-primary);
    display: flex;
    align-items: end;
    align-items: end;
    animation: none;
    transition: all 0.8s ease-in-out;
  }

  .latest-events .card-block .lt-eventcontext p {
    font-family: var(--regular-font);
    font-size: 14.43px;
    line-height: 25.64px;
    text-align: left;
    color: var(--white-primary);
    margin-bottom: 0;
  }

  .latest-events .card-block.active .lt-eventcard {
    margin-left: -552px;
  }

  .latest-events .card-block.active .lt-eventcontext {
    opacity: 1;
    visibility: visible;
  }

  @keyframes slideback2 {
    0% {
      left: 575px;
    }

    50% {
      left: -40px;
    }

    100% {
      left: 0px;
    }
  }
}

@media (max-width:767px) {
  .empowering-inoa {
    padding: 30px 0px 30px 0px;
    margin-top: 0;
  }

  .empowering-inoa .section-heading {
    font-size: 42px;
    line-height: 42px;
    margin-bottom: 40px;
  }

  .videobrick {
    width: 100%;
    height: 513px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
  }

  .videobrick .video-title {
    font-family: var(--bold-font);
    color: var(--white-primary);
    font-size: 26px;
    line-height: 35px;
    text-align: left;
    width: 95%;
    z-index: 99;
    position: relative;
    padding: 30px;
  }

  .videobrick.active .video-title {
    color: var(--red-secondary);
    font-size: 26px;
    line-height: 35px;
    z-index: 100;
    position: relative;
  }

  .videobrick .overlay-context {
    position: absolute;
    top: 0;
    left: 380px;
    width: 100%;
    height: 100%;
    content: '';
    background: var(--red-primary);
    border-radius: 10px;
    z-index: 99;
    padding: 30px;
    transition: all 0.3s ease-in-out;
    display: flex;
    align-items: end;
    opacity: 0;
    visibility: hidden;
  }

  .videobrick.active .overlay-context {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: var(--red-primary);
    border-radius: 10px;
    z-index: 99;
    padding: 30px;
    animation: slideback 1s linear;
    opacity: 1;
    visibility: visible;
  }

  @keyframes slideback {
    0% {
      left: 380px;
    }

    50% {
      left: -20px;
    }

    100% {
      left: 0px;
    }
  }

  .videobrick .overlay-context p {
    font-family: var(--regular-font);
    color: var(--white-primary);
    font-size: 15px;
    line-height: 27px;
    text-align: left;
  }

  .new-spotlight {
    padding: 60px 0px 60px 0px;
  }

  .new-spotlight .section-heading {
    font-size: 42px;
    line-height: 42px;
    margin-bottom: 40px;
  }

  .new-spotlight .sub-heading {
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    margin-bottom: 15px;
  }

  .new-spotlight .spotlight-overlay {
    margin-top: 10px;
  }

  .new-spotlight .spotlight-overlay h3 {
    font-size: 24.83px;
    line-height: 38.59px;
    padding: 30px 30px;
    padding: 0;
    background: none;
    color: var(--red-primary);
    margin-top: 20px;
  }

  .new-spotlight .spotlight-image img {
    height: auto;
  }

  .new-spotlight .spotlight-image video {
    height: auto;
  }

  .new-spotlight .spotlight-image {
    margin-bottom: 20px;
  }

  .new-spotlight .spotlight-context p {
    font-size: 14px;
    line-height: 21px;
  }

  .new-spotlight .spotlight-context li {
    font-size: 14px;
    line-height: 21px;
  }

  .new-spotlight .action-btn {
    text-align: center;
    margin-top: 30px;
  }

  .new-spotlight .action-btn a {
    padding: 20px 30px 20px 30px;
    font-family: var(--bold-font);
    font-size: 14px;
    line-height: 17.5px;
    text-align: center;
  }

  .stayinform {
    padding: 80px 0px 80px 0px;
  }

  .stayinform .sub-heading {
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    margin-bottom: 15px;
  }

  .stayinform .section-heading {
    font-size: 42px;
    line-height: 42px;
    margin-bottom: 40px;
  }

  .stayinform .staycard {
    height: auto !important;
  }

  .stayinform .staycard h3 {
    font-family: var(--light-font);
    color: var(--white-primary);
    font-size: 26px;
    line-height: 35px;
    text-align: left;
    width: 100%;
    z-index: 99;
    position: relative;
    margin-bottom: 0;
  }

  .stayinform .staycard.active {
    height: 157px;
  }

  .stayinform .col-md-4 {
    height: auto;
    margin-bottom: 30px;
  }

  .stayinform .col-md-4:last-child {
    margin-bottom: 0px;
  }

  .become-member {
    padding: 120px 0px 120px 0px;
  }

  .become-member .sub-heading {
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    margin-bottom: 15px;
  }

  .become-member .section-heading {
    font-size: 42px;
    line-height: 42px;
  }

  .become-member .bec-sep {
    height: 2px;
    width: 62px;
    background: var(--white-primary);
    margin: 25px auto;
  }

  .become-member .become-description {
    font-size: 16px;
    line-height: 31px;
    text-align: center;
    width: 95%;
    margin: auto;
  }

  .become-member .action-btn a {
    padding: 20px 30px 20px 30px;
    font-family: var(--bold-font);
    font-size: 14px;
    line-height: 17.5px;
    text-align: center;
  }

  .latest-events {
    padding: 90px 0px 35px 0px;
  }

  .latest-events .sub-heading {
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    margin-bottom: 15px;
  }

  .latest-events .section-heading {
    font-size: 42px;
    line-height: 42px;
    margin-bottom: 40px;
  }

  .latest-events .lt-eventcard {
    background-size: cover;
    border-radius: 25.6px;
    padding: 30px;
    height: 394px;
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
    width: 100%;
    transition: all 0.6s ease-in-out;
  }

  .latest-events .card-block .down-context {
    position: absolute;
    width: 100%;
    bottom: 60px;
    padding: 0px 30px;
    transition: all 0.8s ease-in-out;
  }

  .card-block.active .down-context {
    bottom: 280px;
    animation: bounce 2s;
    -webkit-animation: bounce 2s;
    -moz-animation: bounce 2s -o-animation:bounce 2s;
  }

  @keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
      transform: translateY(0);
    }

    40% {
      transform: translateY(-35px);
    }

    60% {
      transform: translateY(-5px);
    }
  }

  .latest-events .card-block .down-context h2 {
    font-family: var(--bold-font);
    color: var(--white-primary);
    font-size: 23.83px;
    line-height: 33.59px;
    text-align: left;
    margin-bottom: 12px;
    text-transform: capitalize;
  }

  .latest-events .card-block .down-context h6 {
    font-family: var(--bold-font);
    color: var(--white-primary);
    font-size: 16.88px;
    line-height: 24.06px;
    letter-spacing: -0.02em;
    text-align: left;
    margin-bottom: 0;
  }

  .latest-events .card-block {
    position: relative;
    display: flex;
    overflow: hidden;
  }

  .latest-events .card-block .lt-eventcontext {
    background-size: cover;
    border-radius: 25.6px;
    padding: 30px;
    height: 394px;
    width: 100%;
    position: absolute;
    left: 475px;
    margin-bottom: 30px;
    overflow: hidden;
    background: var(--red-primary);
    font-family: var(--regular-font);
    font-size: 14px;
    line-height: 21px;
    text-align: left;
    color: var(--white-primary);
    display: flex;
    align-items: end;
    align-items: end;
    animation: none;
    transition: all 0.6s ease-in-out;
  }

  .latest-events .card-block .lt-eventcontext p {
    font-family: var(--regular-font);
    font-size: 14px;
    line-height: 21px;
    text-align: left;
    color: var(--white-primary);
    margin-bottom: 0;
  }

  .latest-events .card-block.active .lt-eventcard {
    margin-left: -382px;
  }

  .latest-events .card-block.active .lt-eventcontext {
    opacity: 1;
    visibility: visible;
    left: 0;
  }

  .latest-events .card-block.active .lt-eventcontext {
    opacity: 1;
    visibility: visible;
  }

  @keyframes slideback2 {
    0% {
      left: 475px;
    }

    50% {
      left: -40px;
    }

    100% {
      left: 0px;
    }
  }

  .splash-screen {
    position: relative;
    height: 450px;
  }

  .splash-screen .main-banner-text h2 {
    font-size: 34px;
    line-height: 46.8px;
  }

  .nsm_footer-homepage .pb-5 {
    padding-bottom: 0 !important;
  }

  .nsm_footer-homepage .pb-4 {
    padding-bottom: 0 !important;
  }

  .splash-screen .main-banner-text {
    margin-top: 50%;
  }

  .stayinform .col-md-4:first-child .staycard {
    height: auto;
  }

  .stayinform .col-md-4 .staycard {
    height: auto !important;
  }

  .stayinform .col-md-4:first-child .staycard.active {
    height: 157px;
  }

  .stayinform .col-md-4 .staycard.active {
    height: 157px;
  }

  .nsm_footer-homepage {
    height: auto;
  }
}

@media (min-width:1400px) and (max-width:1499px) {
  .latest-events .card-block .lt-eventcontext {
    left: 665px;
  }

  .latest-events .card-block.active .lt-eventcard {
    margin-left: -652px;
  }

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1280px !important;
  }
}

@media (max-width:340px) {
  .new-spotlight .spotlight-image img {
    height: 295px;
  }

  .stayinform .staycard.active {
    height: 157px;
  }

  .latest-events .lt-eventcard {
    height: 295px;
  }

  .latest-events .card-block .lt-eventcontext {
    height: 295px;
  }

  .latest-events .card-block .down-context h2 {
    font-size: 18.83px;
    line-height: 28.59px;
  }

  .latest-events .card-block .down-context h6 {
    font-size: 11.88px;
    line-height: 19.06px;
    margin-bottom: 0;
  }

  .latest-events .card-block .lt-eventcontext p {
    font-size: 9px;
    line-height: 16px;
    margin-bottom: 0;
  }

  .card-block.active .down-context {
    bottom: 210px;
    animation: bounce 2s;
    -webkit-animation: bounce 2s;
    -moz-animation: bounce 2s -o-animation:bounce 2s;
  }

  @keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
      transform: translateY(0);
    }

    40% {
      transform: translateY(-35px);
    }

    60% {
      transform: translateY(-5px);
    }
  }

  .new-spotlight .spotlight-overlay h3 {
    font-size: 20.83px;
    line-height: 34.59px;
    padding: 0;
    background: none;
    color: var(--red-primary);
  }

  .empowering-inoa .section-heading {
    font-size: 36px;
    line-height: 46px;
    margin-bottom: 40px;
  }

  .new-spotlight .section-heading {
    font-size: 36px;
    line-height: 36px;
  }

  .stayinform .section-heading {
    font-size: 36px;
    line-height: 36px;
  }

  .become-member .section-heading {
    font-size: 36px;
    line-height: 46px;
  }

  .latest-events .section-heading {
    font-size: 36px;
    line-height: 36px;
  }

  .latest-events .card-block .lt-eventcontext {
    left: 375px;
  }

  .latest-events .card-block.active .lt-eventcard {
    margin-left: -322px;
  }

  .stayinform .col-md-4:first-child .staycard {
    height: 130px;
  }

  .stayinform .col-md-4 .staycard {
    height: 95px;
  }

  .stayinform .col-md-4:first-child .staycard.active {
    height: 157px;
  }

  .stayinform .col-md-4 .staycard.active {
    height: 157px;
  }

  .videobrick {
    height: 413px;
  }

  .videobrick .video-title {
    font-size: 26px;
    line-height: 35px;
    transition: all 0.5s ease-in-out;
  }

  .banner-nasscom {
    height: 600px;
  }

  .banner-nasscom::after {
    height: 600px;
  }
}

@media (min-width:690px) and (max-width:767px) {
  .splash-screen .main-banner-text {
    margin-top: 35%;
  }

  .empowering-inoa .col-md-3 {
    width: 50%;
  }

  .stayinform .col-md-4 {
    width: 50%;
  }

  .stayinform .row {
    justify-content: center;
  }

  .latest-events .col-md-6 {
    width: 50%;
  }
}

.footer_logo {
  display: block !important;
}

@media (max-width:767px) {
  .nsm_footer-homepage .footer_logo {
    display: block;
    width: 55%;
    margin-bottom: 26px;
  }
}

@media (min-width:768px) and (max-width:1499px) {
  .card-block .down-context {
    min-height: 190px;
  }

  .card-block.active .down-context {
    display: flex;
    flex-direction: column;
    justify-content: start;
    bottom: 230px;
  }
}

@media (max-width:767px) {
  .card-block.active .down-context {
    display: flex;
    flex-direction: column;
    justify-content: start;
    bottom: 130px;
  }
}

@media (min-width:1600px) and (max-width:1699px) {
  .latest-events .card-block .down-context h2 {
    font-family: var(--bold-font);
    color: var(--white-primary);
    font-size: 48.83px;
    line-height: 64.59px;
    text-align: left;
    margin-bottom: 24px;
    text-transform: capitalize;
  }
}

@media (max-width:767px) {
  .latest-events .card-block .down-context {
    min-height: max-content;
  }

  .latest-events .col-md-6:nth-child(1) .card-block.active .down-context {
    bottom: 320px;
  }

  .latest-events .col-md-6:nth-child(2) .card-block.active .down-context {
    bottom: 250px;
  }

  .latest-events .col-md-6:nth-child(3) .card-block.active .down-context {
    bottom: 280px;
  }

  .latest-events .col-md-6:nth-child(4) .card-block.active .down-context {
    bottom: 280px;
  }
}

@media (max-width:360px) {
  .latest-events .card-block .down-context {
    min-height: max-content;
  }

  .latest-events .col-md-6:nth-child(1) .card-block.active .down-context {
    bottom: 290px;
  }

  .latest-events .col-md-6:nth-child(2) .card-block.active .down-context {
    bottom: 220px;
  }

  .latest-events .col-md-6:nth-child(3) .card-block.active .down-context {
    bottom: 280px;
  }

  .latest-events .col-md-6:nth-child(4) .card-block.active .down-context {
    bottom: 220px;
  }
}

@media (min-width:1200px) and (max-width:1399px) {
  .latest-events .card-block .down-context {
    min-height: max-content;
  }

  .latest-events .col-md-6:nth-child(1) .card-block.active .down-context {
    bottom: 380px;
  }

  .latest-events .col-md-6:nth-child(2) .card-block.active .down-context {
    bottom: 350px;
  }

  .latest-events .col-md-6:nth-child(3) .card-block.active .down-context {
    bottom: 340px;
  }

  .latest-events .col-md-6:nth-child(4) .card-block.active .down-context {
    bottom: 340px;
  }
}

@media (min-width:1400px) and (max-width:1499px) {
  .latest-events .card-block .down-context {
    min-height: max-content;
  }

  .latest-events .col-md-6:nth-child(1) .card-block.active .down-context {
    bottom: 380px;
  }

  .latest-events .col-md-6:nth-child(2) .card-block.active .down-context {
    bottom: 385px;
  }

  .latest-events .col-md-6:nth-child(3) .card-block.active .down-context {
    bottom: 380px;
  }

  .latest-events .col-md-6:nth-child(4) .card-block.active .down-context {
    bottom: 340px;
  }
}

@media (min-width:1500px) and (max-width:1699px) {
  .latest-events .card-block .down-context {
    min-height: max-content;
  }

  .latest-events .col-md-6:nth-child(1) .card-block.active .down-context {
    bottom: 520px;
  }

  .latest-events .col-md-6:nth-child(2) .card-block.active .down-context {
    bottom: 400px;
  }

  .latest-events .col-md-6:nth-child(3) .card-block.active .down-context {
    bottom: 460px;
  }

  .latest-events .col-md-6:nth-child(4) .card-block.active .down-context {
    bottom: 440px;
  }
}


.nsm_spirit-nasscom h5, .nsm_spirit-nasscom p
{
  color: #fff;
  text-align: center;
}




 .nsm_membership_promise {
      padding: 60px 0;
      text-align: center;
   }
   .nsm_membership_promise .promise-subtitle {
      font-weight: 700;
      font-size: 22px;
      margin-bottom: 40px;
   }
   .nsm_membership_promise .promise-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 32px;
   }
   .nsm_membership_promise .promise-col {
      position: relative;
      padding-right: 32px;
   }
   .nsm_membership_promise .promise-col:not(:last-child)::after {
      content: "";
      position: absolute;
      top: 4px;
      right: 0;
      bottom: 4px;
      width: 1px;
      background: #e0e0e0;
   }
   .nsm_membership_promise .promise-col h4 {
      font-weight: 700;
      font-size: 18px;
      letter-spacing: 0.5px;
      color: #013a9b;
      margin-bottom: 16px;
      text-transform: uppercase;
   }
   .nsm_membership_promise .promise-col ul {
      list-style: none;
      margin: 0;
      padding: 0;
   }
   .nsm_membership_promise .promise-col ul li {
          margin-bottom: 12px;
    line-height: 1.4;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
   }
   .nsm_membership_promise .promise-col ul li a,
   .nsm_membership_promise .promise-col ul li span {
      color: #000;
      text-decoration: none;
   }
   .nsm_membership_promise .promise-col ul li a:hover {
      text-decoration: underline;
   }
   .nsm_membership_promise .title_h3
   {
    text-align: center;
    color: #013a9b;

   }

   /* Tablet: 2 columns per row */
   @media (max-width: 991px) {
      .nsm_membership_promise .promise-grid {
         grid-template-columns: repeat(2, 1fr);
         row-gap: 32px;
      }
      .nsm_membership_promise .promise-col:nth-child(2n)::after {
         display: none;
      }
   }

   /* Mobile: single column, no dividers */
   @media (max-width: 575px) {
      .nsm_membership_promise {
         padding: 40px 0;
      }
      .nsm_membership_promise .promise-grid {
         grid-template-columns: 1fr;
         gap: 24px;
      }
      .nsm_membership_promise .promise-col {
         padding-right: 0;
      }
      .nsm_membership_promise .promise-col::after {
         display: none !important;
      }
      .nsm_membership_promise .promise-subtitle {
         font-size: 18px;
         margin-bottom: 24px;
      }
   }



   

   .nsm_membership_journey {
      padding: 30px 0;
      overflow: hidden;
   }
   .nsm_membership_journey .journey-heading {
      text-align: center;
      margin-bottom: 56px;
   }
   .nsm_membership_journey .journey-heading .title_h3 {
      margin-bottom: 8px;
      text-align: center;
      color: #013a9b;
   }
   .nsm_membership_journey .journey-heading p {
      color: #667085;
      font-size: 16px;
      margin: 0;
   }
 
   /* ---------- Timeline container ---------- */
   .journey-timeline {
      position: relative;
      display: flex;
      justify-content: space-between;
      gap: 16px;
   }
   .journey-timeline::before {
      content: "";
      position: absolute;
      top: 28px;
      left: 6%;
      right: 6%;
      height: 3px;
      background: linear-gradient(
         90deg,
         #0d6efd 0%,
         #17a2b8 25%,
         #6f42c1 50%,
         #fd7e14 75%,
         #20c997 100%
      );
      z-index: 0;
      border-radius: 3px;
   }
 
   /* ---------- Step ---------- */
   .journey-step {
      position: relative;
      z-index: 1;
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      opacity: 0;
      transform: translateY(24px);
      animation: journeyFadeIn 0.6s ease forwards;
   }
   .journey-step:nth-child(1) { animation-delay: 0.05s; }
   .journey-step:nth-child(2) { animation-delay: 0.2s; }
   .journey-step:nth-child(3) { animation-delay: 0.35s; }
   .journey-step:nth-child(4) { animation-delay: 0.5s; }
   .journey-step:nth-child(5) { animation-delay: 0.65s; }
 
   @keyframes journeyFadeIn {
      to {
         opacity: 1;
         transform: translateY(0);
      }
   }
 
   .journey-icon-wrap {
      position: relative;
      width: 60px;
      height: 60px;
      margin-bottom: 18px;
   }
   .journey-icon {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      box-shadow: 0 8px 20px -6px rgba(0, 0, 0, 0.35);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
   }
   .journey-icon svg {
      width: 26px;
      height: 26px;
      stroke: currentColor;
      fill: none;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
   }
   .journey-step:hover .journey-icon {
      transform: translateY(-6px) scale(1.06);
      box-shadow: 0 14px 26px -8px rgba(0, 0, 0, 0.45);
   }
   .journey-badge {
      position: absolute;
      top: -6px;
      right: -6px;
      width: 22px;
      height: 22px;
      border-radius: 50%;
      background: #fff;
      border: 2px solid currentColor;
      font-size: 11px;
      font-weight: 700;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #1a1a1a;
   }
 
   .journey-step:nth-child(1) .journey-icon { background: linear-gradient(135deg, #0d6efd, #4f9bff); }
   .journey-step:nth-child(2) .journey-icon { background: linear-gradient(135deg, #17a2b8, #4fd1e3); }
   .journey-step:nth-child(3) .journey-icon { background: linear-gradient(135deg, #6f42c1, #a377e0); }
   .journey-step:nth-child(4) .journey-icon { background: linear-gradient(135deg, #fd7e14, #ffb066); }
   .journey-step:nth-child(5) .journey-icon { background: linear-gradient(135deg, #20c997, #6fe3bd); }
   .journey-step:nth-child(1) .journey-badge { color: #0d6efd; }
   .journey-step:nth-child(2) .journey-badge { color: #17a2b8; }
   .journey-step:nth-child(3) .journey-badge { color: #6f42c1; }
   .journey-step:nth-child(4) .journey-badge { color: #fd7e14; }
   .journey-step:nth-child(5) .journey-badge { color: #20c997; }
 
   .journey-step h4 {
      font-weight: 700;
      font-size: 17px;
      letter-spacing: 0.5px;
      text-transform: uppercase;
      margin: 0 0 12px;
   }
 
   .journey-chips {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 6px;
      max-width: 220px;
   }
   .journey-chips span {
      font-size: 12.5px;
      font-weight: 500;
      color: #344054;
      background: #f2f4f7;
      border: 1px solid #e4e7ec;
      border-radius: 20px;
      padding: 4px 10px;
      white-space: nowrap;
      transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
   }
   .journey-step:nth-child(1):hover .journey-chips span { background: #e7f1ff; border-color: #b6d4ff; color: #0d6efd; }
   .journey-step:nth-child(2):hover .journey-chips span { background: #e5f7fa; border-color: #b6e8f0; color: #17a2b8; }
   .journey-step:nth-child(3):hover .journey-chips span { background: #f0eafb; border-color: #d6c4f2; color: #6f42c1; }
   .journey-step:nth-child(4):hover .journey-chips span { background: #fff1e2; border-color: #ffd8ac; color: #fd7e14; }
   .journey-step:nth-child(5):hover .journey-chips span { background: #e6faf3; border-color: #b3ecd9; color: #20c997; }
 
   /* ---------- Tablet: vertical timeline, icon left / text right ---------- */
   @media (max-width: 991px) {
      .nsm_membership_journey { padding: 56px 0; }
      .journey-timeline {
         flex-direction: column;
         gap: 36px;
      }
      .journey-timeline::before {
         top: 0;
         bottom: 0;
         left: 29px;
         right: auto;
         width: 3px;
         height: auto;
         background: linear-gradient(
            180deg,
            #0d6efd 0%,
            #17a2b8 25%,
            #6f42c1 50%,
            #fd7e14 75%,
            #20c997 100%
         );
      }
      .journey-step {
         flex-direction: row;
         align-items: flex-start;
         text-align: left;
         gap: 20px;
         transform: translateX(-24px);
      }
      @keyframes journeyFadeIn {
         to {
            opacity: 1;
            transform: translateX(0);
         }
      }
      .journey-icon-wrap { margin-bottom: 0; flex: none; }
      .journey-chips { justify-content: flex-start; max-width: none; }
   }
 
   /* ---------- Mobile ---------- */
   @media (max-width: 480px) {
      .journey-icon-wrap { width: 48px; height: 48px; }
      .journey-icon { width: 48px; height: 48px; }
      .journey-icon svg { width: 20px; height: 20px; }
      .journey-timeline::before { left: 23px; }
      .journey-step h4 { font-size: 15px; }
      .journey-chips span { font-size: 12px; padding: 3px 9px; }
   }
 
   @media (prefers-reduced-motion: reduce) {
      .journey-step {
         animation: none;
         opacity: 1;
         transform: none;
      }
      .journey-icon { transition: none; }
   }

   .nsm_inoa_difference {
      padding: 70px 0;
      background: #fafbfc;
      position: relative;
      overflow: hidden;
      text-align: center;
   }
   .nsm_inoa_difference::before {
      content: "";
      position: absolute;
      top: -80px;
      right: -80px;
      width: 260px;
      height: 260px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(13, 110, 253, 0.08), transparent 70%);
   }
   .nsm_inoa_difference::after {
      content: "";
      position: absolute;
      bottom: -100px;
      left: -100px;
      width: 300px;
      height: 300px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(32, 201, 151, 0.07), transparent 70%);
   }

   .difference-inner {
      position: relative;
      z-index: 1;
      max-width: 100%;
   }
.difference-inner .title_h3
{
  text-align: center;
  color: #013a9b;
}
   .difference-lines {
      margin: 28px 0 0;
   }
   .difference-lines p {
      font-weight: 700;
      font-size: 20px;
      line-height: 1.5;
      margin: 0 0 10px;
      color: #1a1a1a;
   }
   .difference-lines p.muted {
      color: #667085;
      font-weight: 600;
   }
   .difference-lines p .accent {
      color: #0d6efd;
   }

   .difference-headline {
      margin: 44px 0 40px;
      padding: 26px 32px;
      border-left: 4px solid #0d6efd;
      background: linear-gradient(90deg, rgba(13, 110, 253, 0.06), transparent);
   }
   .difference-headline h3 {
      font-weight: 800;
      font-size: 28px;
      line-height: 1.3;
      letter-spacing: 0.3px;
      margin: 0;
      text-transform: uppercase;
   }

   .difference-cta-label {
      font-size: 14px;
      color: #667085;
      margin-bottom: 16px;
   }
   .difference-cta {
      display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
   }
   .difference-cta a {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-weight: 700;
      font-size: 14px;
      letter-spacing: 0.3px;
      text-decoration: none;
      padding: 14px 26px;
      border-radius: 4px;
      transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease, color 0.25s ease;
   }
   .difference-cta a .arrow {
      transition: transform 0.25s ease;
   }
   .difference-cta a:hover .arrow {
      transform: translateX(4px);
   }

   .difference-cta a.btn-primary {
      background: #0d6efd;
      color: #fff;
      box-shadow: 0 6px 16px -6px rgba(13, 110, 253, 0.55);
   }
   .difference-cta a.btn-primary:hover {
      background: #0b5ed7;
      transform: translateY(-3px);
      box-shadow: 0 10px 22px -6px rgba(13, 110, 253, 0.6);
   }

   .difference-cta a.btn-secondary {
      background: transparent;
      color: #1a1a1a;
      border: 2px solid #1a1a1a;
   }
   .difference-cta a.btn-secondary:hover {
      background: #1a1a1a;
      color: #fff;
      transform: translateY(-3px);
   }

   @media (max-width: 767px) {
      .nsm_inoa_difference { padding: 50px 0; }
      .difference-lines p { font-size: 17px; }
      .difference-headline {
         margin: 32px 0 30px;
         padding: 20px 20px;
      }
      .difference-headline h3 { font-size: 21px; }
      .difference-cta { flex-direction: column; }
      .difference-cta a { justify-content: center; width: 100%; }
   }

   .gpr-hero {
   position: relative;
   overflow: hidden;
   padding: 84px 0 0;
   background: linear-gradient(180deg, #f6f8fc 0%, #eef1f8 100%);
}
.gpr-hero-grid {
   display: grid;
   grid-template-columns: 1.05fr 0.75fr;
   gap: 48px;
   align-items: center;
}
.gpr-eyebrow {
   font-family: var(--bold-font);
   font-size: 13px;
   letter-spacing: 1.5px;
   text-transform: uppercase;
   color: var(--red-secondary);
   margin: 0 0 14px;
}
.gpr-hero h1.gpr-title {
   font-family: var(--medium-font);
   font-weight: 300;
   font-size: 46px;
   line-height: 1.15;
   color: var(--red-primary);
   margin: 0 0 14px;
}
.gpr-hero .gpr-subtitle {
   font-family: var(--medium-font);
   font-size: 21px;
   line-height: 1.4;
   color: #1a1a1a;
   margin: 0 0 18px;
}
.gpr-connector-line {
   font-size: 14px;
   font-weight: 600;
   color: #556;
   letter-spacing: 0.2px;
   margin: 0 0 26px;
}
.gpr-hero-copy p {
   font-size: 15.5px;
   line-height: 1.7;
   color: #495066;
   max-width: 620px;
   margin: 0 0 16px;
}
.gpr-hero-ctas {
   display: flex;
   flex-wrap: wrap;
   gap: 14px;
   margin-top: 28px;
}
.gpr-btn-solid,
.gpr-btn-outline {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   font-family: var(--bold-font);
   font-size: 13px;
   letter-spacing: 0.4px;
   text-transform: uppercase;
   text-decoration: none;
   padding: 15px 26px;
   border-radius: 4px;
   transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, color 0.2s ease;
}
.gpr-btn-solid {
   background: var(--red-primary);
   color: #fff;
   box-shadow: 0 10px 22px -8px rgba(1, 58, 155, 0.55);
}
.gpr-btn-solid:hover { background: #012c78; color: #fff; transform: translateY(-2px); }
.gpr-btn-outline {
   background: transparent;
   color: var(--red-primary);
   border: 1.5px solid var(--red-primary);
}
.gpr-btn-outline:hover { background: var(--red-primary); color: #fff; transform: translateY(-2px); }
.gpr-btn-gold {
   background: var(--red-secondary);
   color: #1a1a1a;
   box-shadow: 0 10px 22px -8px rgba(227, 173, 37, 0.55);
}
.gpr-btn-gold:hover { background: #c99614; color: #1a1a1a; transform: translateY(-2px); }

/* Roundtable motif (SVG) */
.gpr-hero-visual { display: flex; align-items: center; justify-content: center; padding: 20px 0; }
.gpr-roundtable-svg { width: 100%; max-width: 380px; height: auto; }
.gpr-roundtable-svg .gpr-seat { fill: #fff; stroke: var(--red-primary); stroke-width: 2; }
.gpr-roundtable-svg .gpr-seat.gold { stroke: var(--red-secondary); }
.gpr-roundtable-svg .gpr-spoke { stroke: #c9d3e8; stroke-width: 1.5; }
.gpr-roundtable-svg .gpr-table { fill: #ffffff; stroke: var(--red-primary); stroke-width: 2.5; }
.gpr-roundtable-svg text { font-family: var(--bold-font); fill: var(--red-primary); }

.gpr-tagline-strip {
   margin-top: 56px;
   background: linear-gradient(90deg, #012c78, var(--red-primary) 55%, #012c78);
   padding: 20px 0;
}
.gpr-tagline-strip p {
   margin: 0;
   text-align: center;
   color: #fff;
   font-family: var(--bold-font);
   letter-spacing: 1.5px;
   font-size: 14px;
   text-transform: uppercase;
}
.gpr-tagline-strip p span { color: var(--red-secondary); }

/* Section shell */
.gpr-section { padding: 76px 0; }
.gpr-section.alt { background: #f7f8fb; }
.gpr-section-head { max-width: 780px; margin: 0 0 36px; }
.gpr-section-head h2 {
   font-family: var(--medium-font);
   font-weight: 300;
   font-size: 34px;
   color: var(--red-primary);
   margin: 0 0 10px;
}
.gpr-section-head h3 {
   font-family: var(--medium-font);
   font-size: 19px;
   color: #1a1a1a;
   margin: 0 0 14px;
   font-weight: 400;
}
.gpr-section-head p { font-size: 15.5px; line-height: 1.7; color: #495066; margin: 0 0 12px; }

/* Bridge grid (Government <-> Industry etc) */
.gpr-bridge-grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 14px;
   margin: 30px 0 34px;
}
.gpr-bridge-chip {
   background: #fff;
   border-left: 4px solid var(--red-secondary);
   border-radius: 6px;
   box-shadow: 0 4px 16px -8px rgba(1, 58, 155, 0.25);
   padding: 16px 18px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 10px;
   font-family: var(--bold-font);
   font-size: 14.5px;
   color: var(--red-primary);
}
.gpr-bridge-chip .gpr-arrow { color: var(--red-secondary); font-size: 16px; }

.gpr-objective {
   border-left: 4px solid var(--red-primary);
   background: linear-gradient(90deg, rgba(1, 58, 155, 0.06), transparent);
   padding: 18px 24px;
   margin: 8px 0 30px;
   font-size: 16px;
   font-weight: 600;
   color: #1a1a1a;
}

.gpr-check-list {
   list-style: none;
   margin: 0;
   padding: 0;
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 12px 28px;
}
.gpr-check-list li {
   display: flex;
   align-items: flex-start;
   gap: 10px;
   font-size: 15px;
   color: #2b2f3a;
   line-height: 1.5;
}
.gpr-check-list li svg { flex: none; width: 18px; height: 18px; margin-top: 2px; color: var(--red-secondary); }


.gpr-table-graphic {
   position: relative;
   width: 260px;
   height: 260px;
}
.gpr-table-graphic .ring {
   position: absolute;
   border-radius: 50%;
   border: 1.5px solid rgba(227, 173, 37, 0.35);
   top: 50%; left: 50%;
   transform: translate(-50%, -50%);
}
.gpr-table-graphic .ring1 { width: 100%; height: 100%; }
.gpr-table-graphic .ring2 { width: 72%; height: 72%; border-color: rgba(255,255,255,0.25); }
.gpr-table-graphic .core {
   position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
   width: 86px; height: 86px; border-radius: 50%;
   background: var(--red-secondary);
   display: flex; align-items: center; justify-content: center;
   font-family: var(--bold-font); color: #011c4d; font-size: 12px; text-align: center; line-height: 1.3;
   box-shadow: 0 0 0 10px rgba(227,173,37,0.12);
}
.gpr-table-graphic .seat {
   position: absolute;
   width: 16px; height: 16px; border-radius: 50%;
   background: #fff; box-shadow: 0 0 0 3px rgba(255,255,255,0.18);
}


/* Audience tabs */
.gpr-audience-nav {
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
   border: none;
   margin-bottom: 30px;
}
.gpr-audience-nav .nav-link {
   font-family: var(--bold-font);
   font-size: 13px;
   letter-spacing: 0.3px;
   text-transform: uppercase;
   color: var(--red-primary);
   background: #fff;
   border: 1.5px solid #dbe1ee;
   border-radius: 24px;
   padding: 10px 20px;
}
.gpr-audience-nav .nav-link.active {
   background: var(--red-primary);
   color: #fff;
   border-color: var(--red-primary);
}
.gpr-audience-panel h4 {
   font-family: var(--bold-font);
   color: var(--red-primary);
   font-size: 15px;
   text-transform: uppercase;
   letter-spacing: 0.3px;
   margin: 0 0 6px;
}
.gpr-audience-panel .gpr-panel-sub { color: #495066; font-size: 14.5px; margin: 0 0 20px; }
.gpr-role-grid {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 10px 22px;
   list-style: none;
   margin: 0 0 20px;
   padding: 0;
}
.gpr-role-grid li {
   position: relative;
   padding-left: 16px;
   font-size: 14.5px;
   color: #2b2f3a;
   line-height: 1.55;
}
.gpr-role-grid li::before {
   content: "";
   position: absolute;
   left: 0; top: 9px;
   width: 6px; height: 6px;
   border-radius: 50%;
   background: var(--red-secondary);
}
.gpr-panel-note { font-size: 14.5px; color: #495066; line-height: 1.7; border-top: 1px solid #e6e9f2; padding-top: 16px; }

/* Sessions */
.gpr-theme-box {
   text-align: center;
   max-width: 780px;
   margin: 0 auto 46px;
}
.gpr-theme-label {
   font-family: var(--bold-font);
   font-size: 12.5px;
   letter-spacing: 1.5px;
   text-transform: uppercase;
   color: var(--red-secondary);
}
.gpr-theme-box h3 {
   font-family: var(--medium-font);
   font-size: 25px;
   color: var(--red-primary);
   margin: 8px 0 0;
   font-weight: 400;
}
.gpr-sessions-grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 24px;
}
.gpr-session-card {
   background: #fff;
   border-radius: 10px;
   border: 1px solid #e9ecf5;
   box-shadow: 0 14px 30px -18px rgba(1, 58, 155, 0.35);
   padding: 30px 26px;
   display: flex;
   flex-direction: column;
}
.gpr-session-num {
   font-family: var(--bold-font);
   font-size: 12px;
   letter-spacing: 1px;
   color: var(--red-secondary);
   text-transform: uppercase;
}
.gpr-session-card h4 {
   font-family: var(--bold-font);
   font-size: 19px;
   color: var(--red-primary);
   margin: 8px 0 2px;
}
.gpr-session-tag { font-size: 13px; color: #7a8199; margin: 0 0 16px; }
.gpr-session-headline { font-size: 15px; font-weight: 700; color: #1a1a1a; margin: 0 0 14px; line-height: 1.45; }
.gpr-focus-label { font-size: 11.5px; text-transform: uppercase; letter-spacing: 0.6px; color: #7a8199; margin: 0 0 8px; font-weight: 700; }
.gpr-focus-tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 20px; }
.gpr-focus-tags span {
   font-size: 12px;
   background: #f0f3fb;
   color: var(--red-primary);
   border-radius: 14px;
   padding: 4px 10px;
   border: 1px solid #dde3f2;
}
.gpr-key-q {
   margin-top: auto;
   background: #f7f8fb;
   border-left: 3px solid var(--red-primary);
   padding: 14px 16px;
   font-size: 13.5px;
   color: #2b2f3a;
   line-height: 1.55;
   font-style: italic;
}

/* Gain tiles */
.gpr-gain-grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 22px;
}
.gpr-gain-tile {
   background: #fff;
   border-radius: 10px;
   padding: 28px 24px;
   border: 1px solid #eceef5;
   box-shadow: 0 10px 24px -18px rgba(1, 58, 155, 0.3);
}
.gpr-gain-icon {
   width: 46px; height: 46px;
   border-radius: 50%;
   background: rgba(1,58,155,0.08);
   display: flex; align-items: center; justify-content: center;
   margin-bottom: 16px;
   color: var(--red-primary);
}
.gpr-gain-icon svg { width: 22px; height: 22px; }
.gpr-gain-tile h4 { font-family: var(--bold-font); font-size: 15.5px; color: var(--red-primary); margin: 0 0 8px; }
.gpr-gain-tile p { font-size: 14px; line-height: 1.6; color: #495066; margin: 0; }

/* Closing CTA banner */
.gpr-cta-banner {
   position: relative;
   overflow: hidden;
   background: radial-gradient(120% 160% at 85% 20%, #023092 0%, #011c4d 65%);
   padding: 80px 0;
   text-align: center;
}
.gpr-cta-banner .gpr-eyebrow { color: var(--red-secondary); }
.gpr-cta-banner h2 {
   font-family: var(--medium-font);
   font-weight: 300;
   font-size: 32px;
   color: #fff;
   max-width: 760px;
   margin: 0 auto 14px;
}
.gpr-cta-banner p { color: #cfd8ee; max-width: 620px; margin: 0 auto 34px; font-size: 15.5px; line-height: 1.7; }
.gpr-cta-grid {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   gap: 14px;
}
.gpr-cta-grid a { min-width: 220px; justify-content: center; }

@media (max-width: 991px) {
   .gpr-hero-grid { grid-template-columns: 1fr; }
   .gpr-hero-visual { order: -1; max-width: 320px; margin: 0 auto; }
   .gpr-hero h1.gpr-title { font-size: 34px; }
   .gpr-bridge-grid { grid-template-columns: repeat(2, 1fr); }
   .gpr-check-list { grid-template-columns: 1fr; }
   .gpr-role-grid { grid-template-columns: 1fr; }
   .gpr-sessions-grid { grid-template-columns: 1fr; }
   .gpr-gain-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 575px) {
   .gpr-section { padding: 54px 0; }
   .gpr-bridge-grid { grid-template-columns: 1fr; }
   .gpr-gain-grid { grid-template-columns: 1fr; }
   .gpr-hero { padding-top: 64px; }
   .gpr-section-head h2 { font-size: 27px; }
   .gpr-cta-grid a { width: 100%; }
}

.rountwork img
{
  width: 100%;
  height: auto;
}