/* Overlay common styles */
#termsOfUseOverlay,
#privacyPolicyOverlay,
#customTermsOverlay,
#customPrivacyOverlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background-color: rgb(24 24 27 / 94%);
    align-items: center;
    justify-content: center;
    z-index: 9999;
    cursor: pointer;
}

/* Overlay headings */
#termsOfUseOverlay h2,
#privacyPolicyOverlay h2,
#customTermsOverlay h2,
#customPrivacyOverlay h2 {
    color: #fff;
    margin-top: 0;
    font-weight: 400;
}

/* Modal container common */
.termsofuse-container,
.privacypolicy-container,
.custom-terms-container,
.custom-privacy-container {
    background-color: #111;
    border: 1px solid #303030;
    border-radius: 20px;
    width: 55%;
    height: 80%;
    padding: 22px 0;
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    cursor: auto;
    transform: scale(.8);
    opacity: 0;
    transition: transform 0.4s cubic-bezier(.6,.05,.28,.91),
                opacity 0.4s cubic-bezier(.6,.05,.28,.91);
    justify-content: center;
}

/* Active state for all containers */
.termsofuse-container.active,
.privacypolicy-container.active,
.custom-terms-container.active,
.custom-privacy-container.active {
    opacity: 1;
    transform: scale(1);
}

/* Close buttons */
button.closeTermsOfUseModal,
button.closePrivacyPolicyModal,
button.closeCustomTermsModal,
button.closeCustomPrivacyModal {
    position: absolute;
    top: 22px;
    right: 25px;
    font-size: 35px;
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
}

/* Content areas */
.terms-of-use,
.privacy-policy,
.custom-terms-of-use,
.custom-privacy-policy {
    color: #f5f5f5;
    line-height: 1.6;
    font-family: 'Source Sans 3';
    margin: 0 auto;
    padding: 20px 30px;
    box-shadow: 0 2px 4px rgb(0 0 0 / .1);
    overflow-y: auto;
    border-top: 1px solid #303030;
}

/* Headings in content */
.terms-of-use h2,
.terms-of-use h3,
.privacy-policy h2,
.privacy-policy h3,
.custom-terms-of-use h2,
.custom-terms-of-use h3,
.custom-privacy-policy h2,
.custom-privacy-policy h3 {
    color: #fff;
    font-family: 'inter';
    margin: 25px 0 15px;
    display: block;
    font-weight: 600;
}

/* Paragraphs */
.terms-of-use p,
.privacy-policy p,
.custom-terms-of-use p,
.custom-privacy-policy p {
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 15px;
    display: block;
    color: #f5f5f5;
}

/* Lists */
.terms-of-use ul,
.privacy-policy ul,
.custom-terms-of-use ul,
.custom-privacy-policy ul {
    margin-left: 20px;
    margin-bottom: 15px;
    display: block;
    padding-left: 0;
}

.terms-of-use li,
.privacy-policy li,
.custom-terms-of-use li,
.custom-privacy-policy li {
    font-size: 15px;
    line-height: 21px;
    margin-bottom: 10px;
    list-style: disc;
}

/* Links */
.terms-of-use a,
.privacy-policy a,
.custom-terms-of-use a,
.custom-privacy-policy a {
    color: #0079ff;
}

/* Scrollbars */
.terms-of-use ::-webkit-scrollbar,
.privacy-policy ::-webkit-scrollbar,
.custom-terms-of-use ::-webkit-scrollbar,
.custom-privacy-policy ::-webkit-scrollbar {
    width: 8px;
}

.terms-of-use ::-webkit-scrollbar-thumb,
.privacy-policy ::-webkit-scrollbar-thumb,
.custom-terms-of-use ::-webkit-scrollbar-thumb,
.custom-privacy-policy ::-webkit-scrollbar-thumb {
    background-color: rgb(92, 92, 92);
    border-radius: 4px;
}

.terms-of-use ::-webkit-scrollbar-track,
.privacy-policy ::-webkit-scrollbar-track,
.custom-terms-of-use ::-webkit-scrollbar-track,
.custom-privacy-policy ::-webkit-scrollbar-track {
    background-color: #ffffffa3;
}

/* Popover wrapper (unique) */
.popover-wrapper {
    visibility: hidden;
    position: fixed;
    align-items: end;
    width: calc(100% - 167px);
    height: 100dvh;
    background: rgb(24 24 27 / 94%);
    left: 167px;
    top: 0;
    opacity: 0;
    z-index: 9999;
    transition: opacity 0.3s, visibility 0.3s;
    cursor: pointer;
    overflow: hidden;
    justify-content: center;
    display: flex;
}

/* Location modal adjustments */
#locationModal:not(.first-time) {
    width: 75%;
    max-width: unset;
    height: 85%;
    padding: 0;
}

#locationModal:not(.first-time) .modal-content-wrapper {
    height: 100%;
}





    #locationModalOverlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(24, 24, 27, 0.95);
      display: none;
      align-items: center;
      justify-content: center;
      z-index: 9998;
      padding: 20px;
    }

    #locationModal {
      background: #111;
      border-radius: 16px;
      width: 100%;
      max-width: 500px;
      padding: 50px 30px;
      text-align: center;
      position: relative;
      overflow: hidden;
      transform: scale(.9);
      opacity: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      border: 1px solid #303030;
      cursor: auto;
    }

    #locationModal.first-time {
      background: url(https://users.b-cdn.net/defaults/stream-example-1.jpg) center/cover no-repeat, #0a0a0a;
      padding: 70px 30px;
    }

    #locationModal.first-time::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(18, 17, 18, 0.65);
      z-index: 0;
      pointer-events: none;
    }

    #closeLocationModal {
      position: absolute;
      top: 20px;
      right: 20px;
      background: none;
      border: none;
      font-size: 40px;
      cursor: pointer;
      color: #fff;
    }

    #closeLocationModal:hover {
      color: #fff;
    }

    /* ==== Content wrapper ==== */
    #locationModal .modal-content-wrapper {
      z-index: 1;
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }

    /* ==== Existing styles ==== */
    .location-changed {
      animation: locationChangeBlink 0.6s ease-out;
    }

    @keyframes locationChangeBlink {
      0% {
        transform: scale(1);
      }

      50% {
        transform: scale(1.1);
      }

      100% {
        transform: scale(1);
      }
    }

    #locationNavLink {
      margin-bottom: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: #0079ff !important;
      font-weight: normal;
    }

    #locationNavLink i.fa-regular.fa-location-crosshairs {
      margin-right: 8px;
      font-size: 16px;
    }

    #locationModal img {
      width: 60px;
    }

    #locationModal h2 {
      max-width: 75%;
      font-size: 28px;
      font-weight: 600;
      margin-bottom: 8px;
      color: #fff;
    }

    #locationModal p {
      font-size: 16px;
      color: #fff;
      margin: 0 0 1.5em;
      display: block;
      max-width: 75%;
    }

    .location-search {
      position: relative;
      margin-bottom: 10px;
      width: 100%;
    }

.location-search input {
    height: 55px;
    font-size: 18px;
    color: #000000;
    background: #ffffff;
    border-radius: 8px;
    padding: 0 50px;
    width: 100%;
    font-weight: 600;
    text-align: left;
    border: 1px solid #323232;
    box-sizing: border-box;
    cursor: text;
    font-family: 'inter';
}

.filter-spinner {

    text-align: center;
    padding: 60px 0;
    font-size: 25px;
    color: #ffffff;
}
    .location-search.first-time input {
      height: 55px;
      font-size: 16px;
      color: #000000;
      background: #fff;
      border-radius: 8px;
      padding: 0 50px;
      width: 100%;
      font-weight: 600;
      text-align: left;
      border: 1px solid #323232;
      box-sizing: border-box;
      cursor: text;
      font-family: 'inter';
    }

    .location-search input:focus {
      border-color: #a8a8a8;
    }

    .location-search .fa-magnifying-glass {
      position: absolute;
      left: 15px;
      top: 50%;
      transform: translateY(-50%);
      font-size: 18px;
      color: #c7c7c7;
    }

    #confirmLocationBtn {
      width: 100%;
      height: 55px;
      padding: 14px;
      font-size: 18px;
      font-weight: 600;
      border: none;
      border-radius: 8px;
      background-color: #0079ff;
      color: #fff;
      cursor: pointer;
      box-sizing: border-box;
      font-family: 'inter';
    }

    button#confirmLocationBtn:hover {
      background: #0170eb;
    }

    p#cookieConsentNotice {
      margin-top: 15px;
    }

    .morocLogo {
      padding-top: 15px;
      padding-bottom: 10px;
    }

    a {
      all: unset;
    }

    .blog.blog {
      height: 100dvh;
      display: flex;
      width: 100vw;
    }

    .horizonScroll {
      display: flex !important;
      flex: 1;
      overflow: hidden !important;
    }

    .owl.container {
      display: flex;
      overflow: hidden;
      height: 100dvh;
    }

    #storageFullOverlay {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100%;
      background-color: rgba(24, 24, 27, 0.94);
      align-items: center;
      justify-content: center;
      z-index: 9999;
      cursor: pointer;
    }

.storage-empty-container {
    background: rgb(17, 17, 17);
    border: 1px solid rgb(48, 48, 48);
    border-radius: 20px;
    padding: 40px 50px;
    width: 460px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    position: relative;
    cursor: auto;
    transform: scale(0.7);
    opacity: 0;
    transition: transform 0.4s cubic-bezier(0.6, 0.05, 0.28, 0.91), opacity 0.4s cubic-bezier(0.6, 0.05, 0.28, 0.91);
}
    .storage-empty-container.active {
      opacity: 1;
      transform: scale(1);
    }

    button.storageEmptyClose {
    position: absolute;
    top: 18px;
    right: 18px;
    font-size: 22px;
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
    }


    .storage-empty-internal {
    color: #f5f5f5;
    line-height: 1.6;
    font-family: 'Source Sans 3';
    margin: 0 auto;
    padding: 20px 0px;
    border-radius: 20px;
    }

    .storage-empty-internal h2,
    .storage-empty-internal h3 {
      color: #fff;
      font-family: 'inter';
      margin: 25px 0 15px;
      font-weight: 600;
    }

    .storage-empty-internal p {
      font-size: 16px;
      line-height: 23px;
      margin-bottom: 15px;
    }

    .storage-empty-internal a {
      color: #0079ff;
      text-decoration: none;
      font-weight: 600;
    }

    .storage-empty-internal a:hover {
      text-decoration: underline;
    }


    joomla-alert .joomla-alert--close {
      background: transparent;
      border: 0;
      color: #ffffff !important;
      font-size: 50px !important;
      font-weight: 100 !important;
      opacity: 1.0 !important;
      position: absolute !important;
      top: 30px !important;
      right: 20px !important;
      cursor: pointer;
      border: none;
      box-shadow: none;
      padding: 0 !important;
    }

    a {
      cursor: pointer !important;
      color: #000;
      transition: color 0.2s ease;
    }

    @keyframes fadeIn {
      from {
        opacity: 0;
      }

      to {
        opacity: 1;
      }
    }

    .owl-carousel.container {
      width: calc(100vw - 167px);
    }

    body#mhTemplateTop {
      background: #0a0a0a;
    }

    #unifiedSidebar {
      width: 167px;
      padding: 21px 25px;
      background-color: #030303;
      z-index: 5;
      transition: width 0.5s cubic-bezier(0.25, 0.1, 0, 1.22), padding 0.5s cubic-bezier(0.25, 0.1, 0.16, 1.22);
      border-right: 1px solid #191919;
      box-sizing: border-box;
      flex-shrink: 0;
      overflow: auto;
    }



    .fancybox__slide {
      overflow: visible !important;
    }

    #unifiedSidebar>header {
      width: 4vw;
      margin-bottom: 50px;
    }

    i.fa-duotone.fa-solid.fa-spinner-third.fa-spin.search-icon {
      position: absolute;
      left: 15px;
      top: 30%;
      transform: translateY(-50%);
      font-size: 20px;
      color: #3b8a5b;
      pointer-events: none;
    }

    i.fa-duotone.fa-solid.fa-spinner-third.fa-spin.search-icon.typing {
      color: #9b9b9b;
    }

    .clear-icon {
      position: absolute;
      right: 20px;
      top: 50%;
      transform: translateY(-50%);
      cursor: pointer;
      font-size: 23px;
      display: none;
      color: #ccc;
      font-weight: 500;
    }

    .clear-icon:hover {
      color: #fff;
    }

    input#search-query {
      height: 55px;
      font-size: 19px;
      font-weight: 600;
      color: #fff;
      background: rgb(255 255 255 / 16%);
      border-radius: 12px;
      display: flex;
      padding: 0 20px 0 50px;
    }

    input#search-query:focus {
      border: 1px solid #000000;
      outline: none;
      border-color: #3b82f6;
      box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.5);
      background: rgb(71 71 71);
    }


    input#search-query::placeholder {
      color: #aaa;
    }

    #unifiedSidebar>div {
      margin-bottom: 19px;
      z-index: 2;
      overflow: hidden;
    }

    #unifiedSidebar label {
      margin-bottom: 15px;
      font-size: 12px;
      font-weight: 500;
      text-transform: uppercase;
      color: #515151;
      display: block;
    }

    a.breadcrumb-link {
      font-size: 17px;
      font-weight: 500;
      line-height: 24px;
      color: #fff;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      max-width: 100%;
      font-family: 'inter';
    }

    #unifiedSidebar ul.nav-links {
      all: unset;
    }

    #unifiedSidebar ul.nav-links>li>a {
      padding: 0px 8px 0px 0;
      font-size: 15px;
      color: #9b9b9b;
      display: block;
      position: relative;
      font-size: 16px;
      font-weight: 500;
      line-height: 25px;
      font-family: 'inter';
    }

    img.moroc-logo {
      height: 35px;
      margin-bottom: 20px;
      position: relative;
    }

    #unifiedSidebar #footer_global {
      position: absolute;
      bottom: 10px;
      left: 22px;
      font-size: 14px;
      color: #9b9b9b;
      width: 107px;
      z-index: 1;
      display: flex;
      gap: 5px;
      flex-direction: column;
    }

    #footer_global .links {
      display: flex;
      gap: 7px;
      flex-wrap: wrap;
    }

    #footer_global .link {
      line-height: 20px;
      color: #9b9b9b;
    }

    #footer_global .link:hover {
      text-decoration: underline;
      text-underline-offset: 2px;
    }

    #footer_global .link a {
      color: #fff;
      all: unset;
    }

    #footer_global .link a:hover {
      color: #fff;
    }

    .progress-container {
      width: 94%;
      background-color: #303030;
      overflow: hidden;
      position: absolute;
      bottom: 0px;
      left: 3%;
    }

    progress::-webkit-progress-value {
      background: #fff;
    }

    progress::-moz-progress-bar {
      background: #fff;
    }

    progress {
      color: #fff;
    }

    .progress-bar {
      width: 0;
      height: 2px;
      border-radius: 0;
      background-color: #fff;
      transition: width 0.4s ease;
    }

    .scroll-content {
      display: flow-root;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      will-change: transform;
    }



    .scrollbarTrack {
      position: fixed;
      top: 0;
      right: 0px;
      width: 100%;
      height: 4px;
      background-color: transparent;
      overflow: hidden;
    }

    button {
      cursor: pointer;
      all: unset;
    }

    p {
      all: unset;
    }

    h3 {
      all: unset;
    }

    /* .n2-ss-slide { height: 100dvh  !important; } */

    body {
      margin: 0;
      font-size: 18px;
      line-height: 19px;
      color: #212121;
      font-family: "Source Sans 3", serif;
      overscroll-behavior: none;
      overflow: hidden;
      cursor: auto !important;
      background: #0a0a0a;
      height: 100dvh;
      width: 100vw;
    }


    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      line-height: normal;
      text-rendering: optimizelegibility;
      font-family: "Inter", serif;
    }

    input,
    textarea,
    .uneditable-input {
      all: unset;
    }

    input[disabled],
    select[disabled],
    textarea[disabled],
    input[readonly],
    select[readonly],
    textarea[readonly] {
      cursor: not-allowed;
      background: none !important;
    }

    img {
      height: auto;
      max-width: 100%;
      object-fit: cover;
    }

    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a {
      border-bottom: none;
      color: inherit;
      font-weight: inherit;
      font-family: inherit;
      font-size: inherit;
    }

    .mhLogo {
      border: 0;
      color: #000;
      width: 150px;
    }

    .mhLogo>img {
      padding: 10px;
      margin-left: 2px;
    }

    .scrollbar-track {
      background: none !important;
    }

    .scrollbar-thumb {
      background: rgb(41 41 41) !important;
    }

    .blog .owl-stage,
    .blog-featured .owl-stage {
      display: -webkit-flex;
      display: -moz-flex;
      overflow-y: hidden;
      overflow-x: hidden;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      height: 100%;
    }

    #mhContent {
      float: left;
      width: 100vw !important;
      position: fixed;
    }

    section#horizon-body {
      background: #0a0a0a;
    }

    div#horizon-canvas {
      background: #0a0a0a;
      transition: background-color 0.2s ease;
      /* adjust the duration and easing as needed */
    }

    html.com_content.article {
      height: 100dvh;
      background: #0a0a0a;
      overflow-y: hidden;
      overflow-x: hidden !important;
    }

    div#system-message-container {
      position: fixed;
      bottom: 0;
      left: 167px;
      width: calc(100% - 167px);
      z-index: 10;
      max-width: 100%;
    }

    .owl-nav.disabled {
      display: none;
      visibility: hidden;
    }

    .hidden {
      display: none !important;
      transform: translateY(200%) !important;
      transition: transform 0.5s ease-in-out;
    }

    div {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

    .horizon-5em {
      width: 5em;
    }

    .horizon-10em {
      width: 10em;
    }

    .horizon-15em {
      width: 15em;
    }

    .horizon-20em {
      width: 20em;
    }

    .horizon-25em {
      width: 25em;
    }

    .horizon-30em {
      width: 30em;
    }

    .horizon-35em {
      width: 35em;
    }

    .horizon-40em {
      width: 40em;
    }

    .horizon-45em {
      width: 45em;
    }

    .horizon-50em {
      width: 50em;
    }

    .horizon-55em {
      width: 55em;
    }

    .horizon-60em {
      width: 60em;
    }

    .horizon-65em {
      width: 65em;
    }

    .horizon-70em {
      width: 70em;
    }

    .horizon-75em {
      width: 75em;
    }

    .horizon-80em {
      width: 80em;
    }

    .horizon-85em {
      width: 85em;
    }

    .horizon-90em {
      width: 90em;
    }

    .horizon-95em {
      width: 95em;
    }

    .horizon-100vw {
      width: calc(100vw - 150px);
    }

    .horizon-full {
      width: 100%;
      display: flex;
    }

    .owl-carousel {
      overflow-x: hidden !important;
      overflow-y: hidden !important;
      height: 100dvh;
      display: block;
      transition: opacity 500ms ease-in-out;
    }

    .owl-item img {
      object-fit: cover;
      width: auto;
      height: 100%;
      display: block;
    }

    .owl-item {
      display: block;
      z-index: 1;
      position: relative;
      clip-path: fill-box;
      flex-shrink: 0;
      will-change: auto;
    }

    .scrollbar-track {
      z-index: 99999;
    }

    .owl-item.hidden {
      width: 0 !important;
    }

    .disabled {
      width: 0;
      display: none !important;
    }

    ::-webkit-scrollbar {
      width: 5px;
      height: 5px;
    }

    ::-webkit-scrollbar-thumb {
      background-color: rgb(92, 92, 92);
      border-radius: 4px;
    }

    ::-webkit-scrollbar-track {
      background-color: #ffffffa3;
    }

    button#enquireBtn {
      background: #292929;
      color: #fff;
      display: flex;
      align-items: center;
      transition: 500ms ease;
      cursor: pointer;
      height: 45px;
      width: 100%;
      justify-content: center;
      line-height: 20px;
      gap: 8px;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
      font-size: 15px;
      font-weight: 600;
    }

    button#enquireBtn:hover {
      background: #232323;
    }

    a#enquireLink {
      width: 100%;
      margin-right: 10px;
    }



    .button-container {
      display: flex;
      width: 100%;
      gap: 8px;
      margin-top: 7px;
      margin-bottom: 3px;
      align-items: center;
      font-size: 13px;
    }

    .unifiedNav #sidebar {
      left: 165px;
    }

    #sidebar {
      z-index: 2;
      width: 140px;
      position: fixed;
      left: 190px;
      top: 25px;
      border-radius: 4px;
      background-color: #373737;
      box-shadow: 0 0 7px 0 rgba(50, 50, 50, .45);
      border: 1px solid #373737;
      display: none;
    }



    .ui-resizable-handle {
      background: #f39c12;
      border: 1px solid #e67e22;
    }

    .popover-heading {
    color: #fff;
    border-bottom: 1px solid #313131;
    padding: 30px 15px;
    position: sticky;
    top: 0;
    background: #0c0c0cad;
    z-index: 1;
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
    text-align: center;
    }

    .filter-popover h3 {
          text-align: center;
    color: #fff;
    margin: 0;
    font-size: 25px;
    font-weight: 400;
    line-height: 25px;
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
    }

.popover-heading span {
    text-align: center;
    color: #fff;
    margin: 0;
    font-size: 25px;
    font-weight: 400;
    line-height: 25px;
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
    font-family: 'inter';
}

    a#profileImage {
      display: block;
    }

    #sidebar>header .mediaSquare {
      padding: 6px 6px 0;
      width: 140px;
      position: relative;
    }

    .mediaSquare>a>img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      max-height: 130px;
    }

    #sidebar>header span {
      font-size: 15px;
      color: #fff;
      font-weight: 500;
      display: block;
      padding: 10px 8px 10px;
      margin-block-start: unset;
      margin-block-end: unset;
    }

    #sidebar>header span a {
      font-size: 15px;
      color: #fff;
      font-weight: 600;
      display: -webkit-box;
      margin-block-start: unset;
      margin-block-end: unset;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
    }


    a.navigation-link.explore {
      margin-bottom: 20px;
      border-bottom: 1px solid #101010;
      width: 100%;
      padding-bottom: 20px;
    }

    .custom-loading-container {
      position: fixed;
      top: 0;
      left: 167px;
      width: calc(100vw - 167px);
      height: 100%;
      z-index: 9999;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      backdrop-filter: blur(50px);
      opacity: 1;
    }

    .custom-loading-message {
      font-size: 30px;
      font-weight: 500;
      color: #fff;
      white-space: nowrap;
      justify-items: center;
      display: flex;
      flex-direction: column;
      gap: 20px;
      align-items: center;
    }

    div#customLoadingText {
      font-size: 20px;
      font-weight: 400;
    }

    .btn-sign-up {
      color: #ffffff;
      padding: 13px 20px;
      border-radius: 6px;
      text-decoration: none;
      font-size: 17px;
      display: block;
      text-align: center;
      background: #555555;
      font-weight: 600;
      font-family: 'inter';
    }

    a.btn-sign-up:hover {
      background: #4b4b4b;
    }

    #unifiedSidebar ul.nav-links {
      gap: 15px;
      display: flex;
      flex-direction: column;
    }

    .explore-menu {
      margin-bottom: 20px !important;
    }

    .navigation-link.active {
      color: #fff !important;
    }

    .navigation-link i.fa-solid.fa-compass {
      margin-right: 8px;
    }

    .btn-login {
      background-color: #0079ff;
      color: #ffffff;
      padding: 13px 20px;
      text-decoration: none;
      font-size: 17px;
      display: block;
      text-align: center;
      border-radius: 6px;
      font-weight: 600;
      font-family: 'inter';
    }

    .btn-login:hover {
      background: #0170eb;
    }

    .usertools {
      display: flex;
      flex-direction: column;
      gap: 10px;
      border-top: 1px solid #191919;
      padding-top: 20px;
    }


    .btn-logout {
      color: #ffffff;
      padding: 13px 20px;
      border-radius: 6px;
      text-decoration: none;
      font-size: 17px;
      display: block;
      text-align: center;
      background: #555555;
      font-weight: 600;
      font-family: 'inter';
    }

    .btn-logout:hover {
      background: #4b4b4b;
    }

    .user-profile {
      margin-bottom: 15px;
    }

    .form-group {
      position: relative;
    }

    .form-control {
      background: #1e1e1e;
      border: 1px solid #313131 !important;
      color: #fff;
      -webkit-appearance: none;
      appearance: none;
      border-radius: 8px;
      border-width: 1px;
      display: block;
      font-size: 15px;
      margin: 0;
      padding: 32px 0 12px 16px;
      position: relative;
      width: 100%;
      transition: none;
      font-weight: 400;
      border-width: 1px !important;
      line-height: 24px;
      margin-top: 15px;
      font-family: 'Inter';
      overflow: hidden;
    }

    .form-control.textarea {
      background: #1e1e1e;
      border: 1px solid #313131 !important;
      color: #fff;
      -webkit-appearance: none;
      appearance: none;
      border-radius: 8px;
      border-width: 1px;
      display: block;
      font-size: 15px;
      margin: 0;
      padding: 37px 16px 12px;
      position: relative;
      width: 100%;
      transition: none;
      font-weight: 400;
      border-width: 1px !important;
      min-height: 112px;
      line-height: 22px;
      margin-top: 15px;
      font-family: 'Inter';
    }

    .form-control:-webkit-autofill,
    .form-control:-webkit-autofill:hover,
    .form-control:-webkit-autofill:focus,
    .form-control:-webkit-autofill:active {
      background: #1e1e1e !important;
      -webkit-box-shadow: 0 0 0 1000px #1e1e1e inset !important;
      box-shadow: 0 0 0 1000px #1e1e1e inset !important;
      -webkit-text-fill-color: #fff !important;
      border-radius: 8px !important;
      border: 1px solid #313131 !important;
      outline: none !important;
      background-clip: content-box !important;
      font-size: 15px !important;
      -webkit-text-size-adjust: 100%;
    }

    .form-control:not([readonly]):focus {
      background: #1e1e1e;
    }


    b {
      font-weight: 500;
    }



    .form-label {
      position: absolute;
      top: 12px;
      left: 16px;
      font-size: 15px;
      color: #fff;
      transition: all 0.3s;
      pointer-events: none;
      font-weight: 600;
      margin: 0;
      z-index: 9;
    }

    .error-message {
      display: none;
    }

    .error-message .help-block {
      color: #e53e3e;
      font-size: 12px;
    }

    .form-group.error .error-message {
      display: block;
    }

    .form-group.error .form-control {
      border-color: #e53e3e;
    }

    .flex-grow.space-y-md {
      margin-top: 16px;
    }

    .flex.px-md.py-2xl.flex-col.md\:flex-row.gap-sm {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

    a.fd-link.font-bold.pp-checkout-table__discount-link.pr-no {
      font-size: 14px;
      color: #22333b !important;
    }


    .button-primary {
      background: #22333b;
      border: none;
      font-size: 13px;
      font-weight: 100;
      border-radius: 4px;
      padding: 14px 20px;
      color: #fff;
    }

    .button-primary:hover {
      background: #18242a;
    }

    .company-logo-placeholder.expiredPopup {
      width: 140px;
      border-radius: 50%;
    }

    .card img {
      max-height: 40dvh;
      object-fit: cover;
      border-radius: 10px;
    }

    .company-logo-placeholder.menu {

      height: 40px;
      width: 40px;
      font-size: 20px;
      background: #fff;
      color: #000;
      border-radius: 120px;
      line-height: 0 !important;
      font-family: "Source Sans 3", serif;

    }

    .navigation-link i.fas.fa-user-circle {
      margin-right: 8px;
    }






    form#composerForm {
      margin: 0;
    }



    .full-DiscoverMenu {
      width: 17vw;
      min-width: 350px;
      padding: 40px;
      display: flex;
      flex-direction: column;
      position: fixed;
      left: 0;
      top: 0;
      bottom: 0;
      z-index: 4;
      background: #0b0b0b;
      overflow: auto;
      transform: translateX(-100%);
      /* Hide off-screen */
      transition: transform 0.5s cubic-bezier(0.7, 0, 0.3, 1);
      /* Slow easing for hide */
    }

    /* When active, slide in with faster easing */
    .full-DiscoverMenu.show {
      transform: translateX(166px);
      /* Slide in from the left */
      transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
      /* Faster easing for show */
    }

    #unifiedSidebar i {
      width: 15px;
    }

    #globalOverlay {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(24 24 27 / 94%);
    z-index: 3;
    cursor: pointer;
}

    #menuFullOverlay {
      position: fixed;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgb(24 24 27 / 94%);
      z-index: 3;
      cursor: pointer;
    }

    #searchFullOverlay {
      position: fixed;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgb(24 24 27 / 94%);
      z-index: 3;
      cursor: pointer;
    }

    #menuFullOverlay.show {
      opacity: 1;
      /* Fully visible */
    }


    .fullDiscoverMenu .navigation-link {
      display: block;
      text-decoration: none;
      border-radius: 4px;
      transition: background-color 0.3s ease;
      font-size: 14px;
      color: #b0b0b0;
    }

    .fullDiscoverMenu .navigation-link:hover {
      color: #ffffff;
      /* Change background on hover */
    }

    h2.nav-title-fullDiscoverMenu {
      font-size: 16px;
      color: #000;
      margin-bottom: 20px;
    }

    ul.nav-links.fullDiscoverMenu {
      display: flex;
      padding: 0;
      flex-direction: column;
      gap: 15px;
      margin: 0 0 30px 0;
      display: flex;
    }

    .navigation-link.fullDiscoverMenu:hover {
      text-decoration: underline;
    }

    /* #moreMenu {
  margin-top: 10px;
} */
    #moreMenu i.fa-regular.fa-bars-sort {
      margin-right: 8px;
    }

    #moreMenu i.fa-regular.fa-times {
      margin-right: 8px;
    }

    #unifiedSidebar ul.nav-links>li>a:hover {
      color: #fff;
    }

    li.navigation-item.fullDiscoverMenu.has-label {
      all: unset;
    }

    #menuSearch {
      width: 100%;
      margin-bottom: 16px;
      font-size: 14px;
      color: #005cff;
      line-height: 1.4;
      font-family: "Source Sans 3", serif, 'Font Awesome 6 Pro';
    }

    .menu-section {
      max-height: 0;
      transition: max-height 0.3s ease, opacity 0.3s ease;
    }

    .menu-section.hidden {
      display: none;
    }

    .menu-section.fade-in {
      max-height: 1000px;
      /* Set a maximum height large enough to fit the content */
      opacity: 1;
    }

    .menu-section.fade-out {
      max-height: 0;
      opacity: 0;
    }

    /* Ensure it is hidden initially */
    .menu-section[hidden] {
      display: none;
    }



    .full-DiscoverMenu button {
      background-color: transparent;
      border: none;
      font-size: 15px;
      cursor: pointer;
      color: #ffffff;
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      font-weight: 100;
    }

    .nav-title-fullDiscoverMenu {
      font-weight: 500;
      margin-bottom: 0.5rem;
    }

    @media (max-width: 768px) {
      .full-DiscoverMenu {
        font-size: 1rem;
      }

      .nav-title-fullDiscoverMenu {
        font-size: 1rem;
      }
    }

    @media (max-height: 780px) {
      nav.breadcrumb-wrapper {
        display: none;
      }
    }


    .breadcrumb {
      padding: 0;
      margin: 0;
      list-style: none;
    }

    .breadcrumb-item span {
      display: block;
    }


    li.breadcrumb-item {
      margin-bottom: 20px;
    }

    .breadcrumb-circle {
      display: inline-block !important;
      margin-right: 8px !important;
      margin-left: 0 !important;
      width: 5px;
      height: 5px;
      background-color: #9b9b9b;
      border-radius: 50%;
    }

    #moreMenu i.fa-regular.fa-xmark {
      margin-right: 6px;
    }

    /* Popover Container */
    .popover {
      position: absolute;
      top: 50px;
      /* Adjust based on button size */
      left: 0;
      z-index: 1000;
      width: 400px;
      /* Adjust width as needed */
      background-color: #fff;
      border: 1px solid #ccc;
      border-radius: 8px;
      box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
      padding: 20px;
      box-sizing: border-box;
      transition: opacity 0.3s ease, visibility 0.3s ease;
    }

    /* Optional: Fade-in Effect */
    .popover.show {
      opacity: 1;
      visibility: visible;
    }

    .popover.hide {
      opacity: 0;
      visibility: hidden;
    }

    /* Optional: Overlay to dim the background */
    .popover-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.3);
      z-index: 999;
      display: none;
    }

    .popover-overlay.show {
      display: block;
    }

    ul.vjs-menu-content {
      z-index: 999999;
    }

    i.fas.fa-search.filter-map-search-icon {
      font-size: 17px;
      color: #ffffff;
      pointer-events: none;
    }

    .filter-search-input::placeholder {
      color: #999;
    }


.adjustLocationHeader {
    display: flex;
    position: absolute;
    top: 20px;
    min-width: 50%;
    z-index: 9;
    border: 1px solid #ffffff;
    border-radius: 12px;
    overflow: hidden;
}
.search-stream-wrapper {
    padding: 0px 0 0 20px;
    font-size: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    gap: 10px;
    background: #111;
    border-radius: 12px 0 0 12px;
}

.radiusContainer {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #363636;
}
#confirmLocationBtn i {
    width: unset !important;
}
    .location-stream-wrapper {
      flex: 10%;
    }

input#map-search {
    box-sizing: border-box;
    flex: 1;
    color: #fff;
    pointer-events: auto;
    font-family: 'inter';
    padding: 8px;
    cursor: text;
    font-size: 19px;
    font-weight: 500;
    text-align: left;
}
    #map-Search::placeholder {
      color: #999;
    }

#radiusStreamSelect {
    flex-shrink: 0;
    width: auto;
    font-weight: 500;
    border: none;
    font-size: 19px;
    outline: 0;
    appearance: none;
    box-sizing: border-box;
    cursor: pointer;
    background: transparent;
    padding: 12px 15px;
    font-family: 'inter';
    color: #fff;
    text-align: center;
    height: 100%;
}

    div#rcc {
      margin-top: 10px;
      overflow: auto;
      border-top: 1px solid #191919;
      width: 100%;
      flex-grow: 1;
    }

    input#map-search::placeholder {
      color: #a6a6a6;
    }

    option.radius-stream-option {
      color: black;
    }

    .pac-container.pac-logo.hdpi {
      z-index: 99999999;
    }



    form label {
      margin-bottom: 8px;
    }

    form input,
    form textarea {
      box-sizing: border-box;
    }


#enquirySuccessOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(24, 24, 27, .94);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    cursor: pointer;
}


.enquiry-success-container {
    justify-content: center;
    background: rgb(17, 17, 17);
    border: 1px solid rgb(48, 48, 48);
    border-radius: 20px;
    padding: 40px 50px;
    width: 460px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    position: relative;
    cursor: auto;
    transform: scale(0.7);
    opacity: 0;
    transition: transform 0.4s cubic-bezier(0.6, 0.05, 0.28, 0.91), opacity 0.4s cubic-bezier(0.6, 0.05, 0.28, 0.91);
    min-height: 280px;
}
    .grid-container .photo-preview-contact {
      flex: 1 1 calc((100%) / 4);
      height: auto;
      max-height: 500px;
      display: flex;
    }

    .enquiry-success-container.active {
      opacity: 1;
      transform: scale(1);
    }

    button.closeSuccessModal {
    position: absolute;
    top: 18px;
    right: 18px;
    font-size: 28px;
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
    }

    .enquiry-success-container h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    margin: 0;
    text-align: center;
    margin-bottom: 5px;
    }

    .enquiry-success-container button:not(.closeSuccessModal) {
      margin: 6px;
      padding: 23px 0px;
      font-size: 17px;
      cursor: pointer;
      color: #fff;
      background: #555555;
      width: 100%;
      box-sizing: border-box;
      border-radius: 8px;
      font-weight: 600;
    }

    .enquiry-success-container p {
    color: #fff !important;
    line-height: 24px;
    text-align: center;
    font-size: 17px;
    }


    span.remove-icon-contact.projects:hover {
      transform: rotate(180deg);
      scale: 1.1;
      background: #0079ff;
    }

    span.remove-icon-contact-file:hover {
      transform: rotate(180deg);
      scale: 1.1;
      background: #0079ff;
    }

    span.remove-icon-contact-file {
      box-shadow: 0px 0px 20px rgb(255 255 255 / 15%);
      position: absolute;
      font-size: 31px;
      top: 12px;
      right: 12px;
      border: none;
      color: #ffffff;
      border-radius: 120px;
      cursor: pointer;
      z-index: 999;
      transition: color 0.3s;
      font-family: serif;
      height: 32px;
      width: 32px;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #555555;
      font-weight: 600;
      transition: transform 0.3s ease, scale 0.3s ease, background 0.3s ease;
    }

    .grecaptcha-badge {
      visibility: hidden;
      display: none !important;
    }

    .owl-stage {
      will-change: transform;
    }

    .progress-container-contact {
      width: 100%;
      background-color: #303030;
      overflow: hidden;
      position: absolute;
      bottom: 0;
      left: 0;
    }

    .photo-preview-contact:hover .remove-icon-contact {
      display: flex;
    }



    .file-icon-contact {
      display: flex;
      align-items: center;
      padding: 20px;
      border-right: 1px solid #303030;
      width: 55px;
    }



    .composer-attachments-container {
      display: flex;
      flex-direction: column;
      padding-bottom: 15px;
      gap: 10px;
    }




    .contentContainer {
      width: calc(100vw - 167px);
      position: relative;
      display: flex;
      flex-direction: column;
      height: 100dvh;
      gap: 20px;
    }

    .filter-wrapper {
      position: relative;
      display: inline-block;
    }



    .filter-button-label {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      font-size: 13px;
    }

    .filter-button-text {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }


.filter-popover {
    position: relative;
    width: 82%;
    background-color: rgb(17, 17, 17);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px;
    border-radius: 20px 20px 0px 0px;
    border: 1px solid rgb(48, 48, 48);
    z-index: 1;
    overflow: hidden auto;
    height: 80dvh;
    margin-top: 0px;
    cursor: auto;
    transform: translateY(70%);
    transition: transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    display: flex;
    flex-direction: column;
}

    .pac-container {
      z-index: 9999999 !important;
    }



    label.filter-option.active {
      background: #ffffff;
      color: #005cff !important;
    }


    i.fas.fa-search.filter-search-icon-explorebar {
      position: absolute;
      left: 20px;
      top: 50%;
      transform: translateY(-50%);
      font-size: 18px;
      color: #ccc;
      pointer-events: none;
    }


.popover-paragraph {
        font-size: 16px;
    color: rgb(177, 177, 177);
    margin-top: 0px;
    display: block;
    line-height: 24px;
    font-family: inter;
    margin-bottom: 25px;
    max-width: 45%; }


    .filter-search-input:hover {
      background: #313131;
    }

    .filter-search-input::placeholder {
      color: #aaa;
    }

.filter-section-title-container {
  display: flex;
  align-items: center;
  margin: 35px 0 25px;
}

.filter-section-title-container .line {
  flex: 1 1 0%;
  height: 0.5px;
  background: rgb(59, 59, 59);
}

.filter-section-title-container .line.start {
  flex: 0 0 30px;
}

.filter-section-title {
  margin: 0 10px;
  white-space: nowrap;
  color: #fff;
  font-weight: 400;
  font-family: Inter, sans-serif;
}


.filter-option:hover {
    background: #232323;
}

    .search-box input[type="text"]::placeholder {
      color: #999;
      opacity: 1;
      transition: opacity 0.5s ease;
    }



    .filter-checkbox {
      display: none;
    }

.custom-checkbox {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border: 1px solid #484848;
    border-radius: 4px;
    background: #1e1e1e;
    position: relative;
}

.checkmark {
    display: none;
    width: 18px;
}

    /* Apply Filters Button */
    .filter-apply-button-wrapper {
      margin-top: 16px;
    }

    .filter-apply-button {
      background-color: #1a73e8;
      color: white;
      padding: 8px 16px;
      border-radius: 4px;
      cursor: pointer;
    }

    .options-container {
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
    column-gap: 12px;
    flex-wrap: wrap;
}


    .filter-option {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 20px 20px;
    background: rgb(24, 24, 24);
    border: 1px solid rgb(48, 48, 48);
    border-radius: 8px;
    font-size: 17px;
    font-weight: 500;
    cursor: pointer;
    user-select: none;
    color: rgb(255, 255, 255);
    font-family: Inter;
    margin-bottom: 12px;
    transition: background 0.2s;
    box-sizing: border-box;
    flex: 0 0 calc(50% - 6px);
    position: relative;
    }

    .popover-options ul {
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}

.popover-option-heading {
    color: #fff;
    margin: 0;
    margin-bottom: 25px;
    display: block;
    font-size: 24px;
    text-transform: capitalize;
    font-weight: 600;
}

    .search-box input#address-input {
      border: 1px solid #e8e8e8;
      height: 47px;
      border-radius: 4px;
      padding-left: 10px;
      font-size: 13px;
      margin-top: 5px;
      background: #fff;
    }

    select#radiusSelect {
      width: 15%;
      border: none;
      font-size: 14px;
      outline: none;
      appearance: none;
      box-sizing: border-box;
      cursor: pointer;
      margin-left: auto;
      position: absolute;
      right: -10px;
      background: none;
      padding: 5px;
    }

    .search-wrapper {
      background-color: white;
      border: 1px solid #dcdcdc;
      padding: 20px;
      margin: 5px;
      font-size: 14px;
      width: 92%;
      box-sizing: border-box;
      margin-left: 3.5%;
      margin-top: 3%;
      border-radius: 12px;
    }

    #streamFilterBtn i.fa-regular.fa-xmark {
      margin-right: 5px;
    }

    #streamFilterBtn button:hover {
      background: #A23E48;
    }



    .locationWrapper.show {
      opacity: 1;
      visibility: visible;
    }


    .location-content strong {
      font-size: 16px;
    }

    .location-content p {
      display: block;
      text-align: start;
      color: white;
      font-size: 13px;
    }

    .location-container {
      display: flex;
      flex-direction: column;
      padding: 20px 16px 16px;
      gap: 16px;
      width: 500px;
      background: #030303;
      box-shadow: 0px 2px 6px rgba(24, 24, 28, 0.06), 0px 32px 41px -23px rgba(24, 24, 28, 0.07);
      border-radius: 8px;
      position: fixed;
      z-index: 9;
      bottom: 30px;
      right: 30px;
    }

    .location-footer .btn {
      position: relative;
      border-radius: 120px;
      padding: 8px 15px;
      background-color: #222222;
      color: #ffffff;
      transition: background-color 0.2s ease-out;
      cursor: pointer;
      font-size: 13px;
    }

    .location-content small {
      font-size: 13px;
    }

    .location-header {
      display: flex;
      width: 100%;
      justify-content: space-between;
    }

    .location-container.no-header .location-content {
      text-align: start;
      display: flex;
      flex-direction: column;
      gap: 3px;
    }

    .location-container.no-header .location-footer {
      grid-area: 2/2/3/3;
    }

    .location-footer {
      display: flex;
      width: 100%;
      gap: 12px;
      align-items: center;
    }

    .location-footer .enable-location {
      background: #22333b;
    }


    .location-icon {
      position: fixed;
      bottom: 30px;
      right: 30px;
      width: 50px;
      height: 50px;
      background-color: #030303;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
      z-index: 99;
    }

    .location-icon svg {
      fill: #fff;
      width: 24px;
      height: 24px;
    }

    .cancel-location:hover {
      background: #A23E48;
    }

    .location-footer .enable-location:hover {
      background: #2b404a;
    }

    #streamFilterBtn button {
      border-radius: 8px;
      padding: 8px 15px;
      background-color: #1e1e1e;
      transition: background-color .2s ease-out;
      float: right;
    }

    #reset-filters,
    #streamFilterBtn button {
      color: #fff;
      font-size: 13px;
      cursor: pointer;
    }

    #toggleStreamLocation:hover i.fa-regular.fa-toggle-on {
      color: #000;
    }

    #toggleStreamLocation:hover i.fa-regular.fa-toggle-off {
      color: #005cff;
    }

    ul {
      list-style: none !important;
    }

    #companySearchMenu i.fa-regular.fa-magnifying-glass {
      margin-right: 5px;
    }

    a#companySearchMenu {
      margin-top: 5px;
    }

    .issue-indicator {
      border: 1px solid #fff !important;
    }

    button.popoverExit {
      display: flex;
      position: absolute;
      right: 40px;
      background: #393939;
      height: 55px;
      width: 55px;
      border-radius: 120px;
      top: 40px;
      ruby-align: center;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      z-index: 9999999;
      color: #fff;
      font-size: 25px;
    }

    button.backToMain:hover {
      background: #404040;
    }

    button.popoverExit:hover {
      background: #404040;
    }

    li.navigation-item.has-label {
      display: flex;
      flex-direction: column;
      gap: 20px;
    }

    #searchTrigger i.fa-regular.fa-search {
      margin-right: 8px;
    }

    .video-overlay {
      display: block !important;
      height: 92% !important;
      position: absolute;
      width: 100%;
      top: 0;
      left: 0;
      cursor: default;
    }

    .video-overlay.safari {
      display: block !important;
      height: 85% !important;
      position: absolute;
      width: 100%;
      top: 8%;
      left: 0;
      cursor: default;
    }

    .video-overlay.firefox {
      display: block !important;
      height: 95% !important;
      position: absolute;
      width: 100%;
      top: 0;
      left: 0;
      cursor: default;
    }

    .fancybox__footer {
      z-index: 99999 !important;
    }

    .fancybox__toolbar__column.is-right .f-button {
      right: 20px !important;
      top: 20px !important;
      border-radius: 120px;
      border: none !important;
      outline: none !important;
      box-shadow: none !important;
      background: none;
      color: #fff;
    }

    .fancybox__nav {
      opacity: 1 !important;
    }

    .f-button svg {
      width: 30px !important;
      height: 30px !important;
    }

    .filter-heading h4 {
      margin-left: 10px;
    }

    .filter-heading {
      color: #fff;
      font-size: 14px;
    }

    .filter-options-group {
      height: 100%;
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      break-inside: avoid;
    }

    .rnd:hover {
      color: #fff;
    }

    .mc {
      padding: 0 30px 15px 30px;
      display: flex;
      flex-direction: column;
      margin-bottom: 10px;
    }

    .mh {
      color: #fff;
      margin: 5px 0 15px 0;
      font-size: 17px;
      font-weight: 600;
      font-family: 'inter';
    }

    .mic li {
      width: 100%;
    }

    .mic {
      display: block;
      padding: 0 10px;
      list-style: none;
      margin: 0;
      padding: 0;
    }

    #cbd {
      background: none;
      border: none;
      color: #fff;
      font-size: 50px;
      cursor: pointer;
      position: absolute;
      top: 40px;
      right: 30px;
    }

    #scd {
      width: 500px;
      position: fixed;
      background: rgb(8 8 8);
      height: 100dvh;
      flex-direction: column;
      align-items: center;
      overflow-y: hidden;
      display: none;
      z-index: 99;
    }

    .shd {
      display: flex;
      flex-direction: column;
      width: 100%;
      padding: 0 30px;
      margin: 35px 0 20px 0;
    }

    .shd h3 {
      margin-bottom: 20px;
      color: #ffffff;
      font-size: 30px;
      font-weight: 700;
    }

    .sbc {
      position: relative;
      width: 100%;
    }

    #sid {
      box-sizing: border-box;
      height: 55px;
      font-size: 20px;
      font-weight: 600;
      color: #fff;
      background: rgb(38 38 38);
      border-radius: 12px;
      display: flex;
      padding: 0 20px 0 50px;
      width: 100%;
      transition: background-color 0.2s ease-out;
      border: none;
      outline: none;
      box-shadow: none;
      appearance: none;
    }

    #sid:focus {
      border: 1px solid #000000;
      outline: none;
      border-color: #3b82f6;
      box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.5);
      background-color: rgb(55 55 55);
    }

    #sid:hover {
      background-color: rgb(55 55 55);
    }

    #sid::placeholder {
      color: #aaa;
    }

    .sidc {
      position: absolute;
      left: 20px;
      top: 50%;
      transform: translateY(-50%);
      font-size: 18px;
      color: #ccc;
      pointer-events: none;
    }

    #rcd {
      overflow: auto;
      border-top: 1px solid #191919;
      padding-top: 30px;
      width: 100%;
      flex-grow: 1;
    }

    .rcd.active {
      color: #ffffff;
      border-left: 2px solid;
      padding-left: 15px;
      margin-bottom: 20px;
    }

    .rcd {
      padding: 4px 0px;
      color: #cbcbcb;
      width: 100%;
      margin-bottom: 11px;
    }

    .ic {
      flex-grow: 1;
      box-sizing: border-box;
      width: calc(100% - 70px);
    }

    .rnd {
      font-size: 17px;
      line-height: 20px;
      width: 100%;
      display: block;
    }

    @media (max-width: 768px) {
      .rcd {
        width: calc(50% - 40px);
      }
    }

    @media (max-width: 480px) {
      .rcd {
        width: 100%;
        margin: 10px 0;
      }

      #sid {
        font-size: 18px;
        padding: 10px 15px;
      }
    }

    @keyframes fu {
      from {
        transform: translateY(20px);
      }

      to {
        transform: translateY(0);
      }
    }

    .fade-up {
      animation: fu 0.5s ease both;
    }

    #rcd a {
      width: 100%;
      display: block;
    }

    div#recently-visited {
      padding: 0 30px 15px 30px;
      display: flex;
      flex-direction: column;
      margin-bottom: 10px;
    }

    #recently-visited h4 {
      animation: fu 0.5s ease both;
      color: #fff;
      margin: 0px 0 15px 0;
      font-size: 17px;
      font-weight: 600;
      font-family: 'inter';
    }

    ul#recent-links {
      display: block;
      padding: 0 10px;
      list-style: none;
      margin: 0;
      padding: 0;
    }

    #recent-links li {
      width: 100%;
      padding: 4px 0px;
      color: #9b9b9b;
      width: 100%;
      margin-bottom: 11px;
    }

    #recently-visited a {
      color: #cbcbcb;
      font-size: 17px;
      line-height: 20px;
    }

    #recently-visited a:hover {
      color: #fff;
    }

    #cb {
      background: none;
      border: none;
      color: #fff;
      font-size: 50px;
      cursor: pointer;
      position: absolute;
      top: 40px;
      right: 30px;
    }

    #sc {
      box-sizing: border-box;
      overflow: hidden;
      width: 500px;
      position: fixed;
      background: rgb(8 8 8);
      height: 100dvh;
      flex-direction: column;
      align-items: center;
      display: none;
      z-index: 99;
    }

    .sh {
      transition: all 0.3s ease;
      display: flex;
      flex-direction: column;
      width: 100%;
      padding: 0 30px;
      margin: 35px 0 20px 0;
    }

    .sp {
      height: 0;
      display: block;
      box-sizing: border-box;
      flex-shrink: 0;
    }

    .sh h3 {
      margin-bottom: 20px;
      color: #ffffff;
      font-size: 30px;
      font-weight: 700;
    }

    .sb {
      position: relative;
      width: 100%;
    }

    #si {
      box-sizing: border-box;
      height: 55px;
      font-size: 20px;
      font-weight: 600;
      color: #fff;
      background: rgb(38 38 38);
      border-radius: 12px;
      display: flex;
      padding: 0 20px 0 50px;
      width: 100%;
      transition: background-color 0.2s ease-out;
      border: none;
      outline: none;
      box-shadow: none;
      appearance: none;
    }

    #si::placeholder {
      color: #aaa;
    }

    .si {
      position: absolute;
      left: 20px;
      top: 50%;
      transform: translateY(-50%);
      font-size: 18px;
      color: #ccc;
      pointer-events: none;
    }

    #si:focus {
      border: 1px solid #000000;
      outline: none;
      border-color: #3b82f6;
      box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.5);
      background-color: rgb(55 55 55);
    }

    #si:hover {
      background-color: rgb(55 55 55);
    }

    #rc {
      overflow: auto;
      border-top: 1px solid #191919;
      width: 100%;
      flex-grow: 1;
      height: 100%;
      flex-direction: column;
      display: flex;
      align-items: center;
    }

    .rcds {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin: 0px 0px;
      padding: 20px 30px;
      color: #fff;
      transition: transform 0.3s, background 0.3s;
      box-sizing: border-box;
    }

    .rcv {
      text-align: right;
      flex-shrink: 0;
      display: flex;
      gap: 7px;
    }



    .rcds:hover {
      background: rgb(255 255 255 / 4%);
      transform: translateY(-5px);
    }

    .lc {
      width: 45px;
      height: 45px;
      background-color: #ffffff;
      border-radius: 120px;
      overflow: hidden;
      margin-right: 20px;
      flex-shrink: 0;
      box-shadow: 0 0 0 1px #ffffff;
    }

    .lc img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .ic {
      flex-grow: 1;
    }

    .rn {
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 3px;
      text-transform: capitalize;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: block;
      max-width: 100%;
      font-family: 'inter';
    }

    .rt {
      color: #cbcbcb;
      text-transform: capitalize;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: block;
      max-width: 100%;
      font-size: 15px;
    }

    @keyframes fu {
      from {
        transform: translateY(20px);
      }

      to {
        transform: translateY(0);
      }
    }

    .fu {
      animation: fu 0.5s ease both;
    }

    #rc a {
      width: 100%;
    }

    #lss {
      padding-top: 40px;
      padding-bottom: 40px;
    }

    .recent-companies-container {
      width: 100%;
      border-bottom: 1px solid #191919;
    }

    .recent-companies-container h3 {
      font-size: 17px;
      padding-left: 30px;
      margin-top: 30px;
      display: block;
      font-family: 'inter';
      font-weight: 600;
    }

    #profileImageUpload i.fa-regular.fa-chevron-down {
      color: #fff;
      font-size: 13px;
      margin-left: 1px;
    }

    .websiteOnlyTooltip {
      color: #f5f5f5;
      padding: 20px 20px;
      border-top: 1px solid #393939;
      width: 100%;
      display: block;
      box-sizing: border-box;
      padding-bottom: 15px;
      font-size: 17px;
      margin-top: 8px;
    }

    @media screen and (max-height: 780px) {
      #unifiedSidebar #footer_global {
        position: relative !important;
        left: 0 !important;
        bottom: 0 !important;
      }
    }

    button#goBack {
      position: relative;
      border-radius: 12px;
      background-color: rgb(49 49 49);
      color: #ffffff;
      transition: background-color 0.2s ease-out, width 0.05s ease-out, opacity 0.05s ease-out;
      cursor: pointer;
      font-size: 19px;
      display: flex;
      align-items: center;
      line-height: 13px;
      height: 55px;
      width: 0;
      opacity: 0;
      flex-shrink: 0;
      justify-content: center;
    }

    button#goBack:hover {
      background-color: rgb(71, 71, 71);
    }