/* @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap'); */
 body {
     font-family: Alfabet-reg;
     font-optical-sizing: auto;
     font-weight: 400;
     font-style: normal;
 }

 header {
     backdrop-filter: blur(5px);
     position: fixed;
     width: 100%;
     z-index: 50;
 }

 .sub-menu-box {
     border: 1px solid rgba(60, 18, 82, 0.25);
     background: var(--Neutrals-0, #FFF);
     box-shadow: 0px 0px 64px 0px rgba(60, 18, 82, 0.24);
 }

 .sub-menu-box .grid a {
     color: var(--Neutrals-900, #252525);
     font-feature-settings: 'liga' off, 'clig' off;
     font-family: Alfabet-semibold;
     font-size: 14px;
     font-style: normal;
     font-weight: 600;
     line-height: 18px;
     /* 128.571% */
 }

 .sub-menu-box .grid a:hover {
     color: var(--Primary-Violet-500, #3F0D8E);
     font-feature-settings: 'liga' off, 'clig' off;
     font-family: Alfabet-semibold;
     font-size: 14px;
     font-style: normal;
     font-weight: 600;
     line-height: 18px;
     /* 128.571% */
 }

 .sub-menu-box .grid a svg {
     display: none;
 }

 .sub-menu-box .grid a:hover svg {
     display: block;
 }

 .logo-text,
 #mainHeader a.text-xl.sm\:text-2xl.font-bold.text-white {
     font-family: Alfabet-semibold;
     font-size: 32px;
     font-style: normal;
     font-weight: 600!important;
     line-height: normal;
     letter-spacing: -7.68px;
     text-transform: uppercase;
 }

 .Footer-quicklinks a {
     color: var(--Neutrals-500, #BABABA);
     font-feature-settings: 'liga' off, 'clig' off;
     /* Body 3/Desktop */
     font-family: Alfabet-reg;
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
     line-height: 18px;
     /* 128.571% */
 }

 .search-panel {
     display: none;
     position: absolute;
     top: 88px;
     left: 0;
     width: 100%;
     background: #1a1a1a;
     padding: 20px;
     z-index: 999;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 }

 .search-panel.active {
     display: block;
 }

 .search-container {
     max-width: 1200px;
     margin: 0 auto;
 }

 .search-input-wrapper {
     position: relative;
     display: flex;
     align-items: center;
     gap: 0px;
     max-width: 628px;
     margin: auto;
 }

 .search-input-wrapper::before {
     content: '';
     background: url('search-icon.svg');
     position: absolute;
     left: 3%;
     top: 50%;
     transform: translateY(-50%);
     width: 24px;
     height: 24px;
     z-index: 1;
     pointer-events: none;
     background-repeat: no-repeat;
 }

 .search-input {
     flex: 1;
     padding: 12px 12px 12px 44px;
     border: none;
     background: #2a2a2a;
     color: white;
     font-size: 16px;
     border-radius: 4px;
 }

 .close-search {
     background: none;
     border: none;
     cursor: pointer;
     padding: 8px;
     /* right: -40%; */
     right: -6%;
     position: absolute;
 }

 .search-results {}

 .search-result-item {
     padding: 0;
     border-bottom: 1px solid #E8E7EA;
     cursor: pointer;
     display: flex;
     color: #707070;
     justify-content: space-between;
     width: 100%;
     display: flex;
     padding: 16px;
     align-items: flex-start;
     gap: 24px;
     align-self: stretch;
 }

 .result-count {
     display: flex;
     padding: 16px;
     flex-direction: column;
     justify-content: center;
     align-items: flex-start;
     gap: 24px;
     align-self: stretch;
     color: var(--Neutrals-600, #959595);
     font-feature-settings: 'liga' off, 'clig' off;
     /* Body 3/Desktop */
     font-family: Alfabet-reg;
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
     line-height: 18px;
     /* 128.571% */
 }

 .search-input {
     flex: 1;
     padding: 12px;
     border: none;
     background: #2a2a2a;
     color: white;
     font-size: 16px;
     border-radius: 4px;
     max-width: 628px;
     margin: auto;
     border-radius: 12px;
     border: 1px solid var(--Neutrals-800, #4A4A4A);
     background: var(--Neutrals-900, #252525);
     backdrop-filter: blur(10px);
     padding-left: 50px;
 }

 .search-input:focus {
     outline: none;
     border: 1px solid var(--Neutrals-800, #4A4A4A);
 }

 input#searchInput::before {
     content: '';
     background: url('search-icon.svg');
     position: absolute;
     left: 23%;
     top: 50%;
     transform: translateY(-50%);
     width: 24px;
     height: 24px;
     background-repeat: no-repeat;
 }

 .search-results {
     width: 100%;
     margin: auto;
 }

 .search-results {
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .search-results1 {
     margin-top: 10px;
     display: flex;
     padding: 16px;
     flex-direction: column;
     justify-content: center;
     align-items: flex-start;
     gap: 0px;
     align-self: stretch;
     border-radius: var(--Corner-Radius_2, 8px);
     max-width: 628px;
     width: 100%;
     background: #fff;
     border-radius: var(--Corner-Radius_2, 8px);
     border: 1px solid #E8E7EA;
     background: var(--Neutrals-0, #FFF);
     /* Cards */
     box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.04);
 }

 .search-result-text-main {
     color: var(--Neutrals-900, #252525);
     font-feature-settings: 'liga' off, 'clig' off;
     /* Body 2/Desktop */
     font-family: Alfabet-reg;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 20px;
     /* 125% */
 }

 .search-result-text-sub {
     color: var(--Neutrals-700, #707070);
     font-feature-settings: 'liga' off, 'clig' off;
     /* Body 3/Desktop */
     font-family: Alfabet-reg;
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
     line-height: 18px;
     /* 128.571% */
 }

 .search-results-empty {
     max-width: 260px;
     justify-content: center;
     display: flex;
     flex-direction: column;
     gap: 10px;
     align-items: center;
     margin: 30px auto;
 }

 .search-results-empty span {
     color: #959595;
 }

 .search-results-empty a.cta-button {
     height: 42px;
     border-radius: 12px;
     gap: 10px;
     padding-top: 12px;
     padding-right: 16px;
     padding-bottom: 12px;
     padding-left: 16px;
     background: #3F0D8E;
     font-family: Alfabet-med;
     font-weight: 500;
     font-size: 14px;
     line-height: 18px;
     text-align: center;
     text-transform: uppercase;
     color: #E9E7EC;
     margin-top: 10px;
     display: flex;
     align-items: center;
 }

 .search-panel.active {
     height: 100px;
 }

 .log-image-header {
     height: 40px;
 }

 .log-image-footer {
     height: 40px;
 }

 .footer-logo {
     height: 40px;
 }

 @media screen and (min-width: 1280px) and (max-width: 1280px) {
    button.text-white.searchbox-icon {
        top: unset !important;
    }
    div#languageSelector {
        top: 0px !important;
    }
 }

 @media screen and (max-width: 1280px) {
     button.text-white.searchbox-icon {
         position: absolute;
         top: 5px;
         right: 70px;
         z-index: 99;
     }
     div#languageSelector {
        position: absolute;
        top: -27px;
        right: 110px;
        z-index: 99;
    }
     .search-panel.active {
         height: 100vh;
     }
     .mobile-submenu {
         max-height: 0;
         overflow: hidden;
         transition: max-height 0.3s ease-out;
     }
     .mobile-submenu.active {
         max-height: 1000px;
         /* Adjust based on content */
     }
     .mobile-menu-arrow {
         transition: transform 0.3s ease;
     }
     .mobile-menu-arrow.active {
         transform: rotate(180deg);
     }
     .submenu-mobile-button {
         display: flex;
         padding: 16px 24px;
         align-items: flex-start;
         gap: 8px;
         align-self: stretch;
         color: var(--Neutrals-0, #FFF);
         font-feature-settings: 'liga' off, 'clig' off;
         /* Body 2/Mobile */
         font-family: Alfabet-reg;
         font-size: 14px;
         font-style: normal;
         font-weight: 400;
         line-height: 18px;
         /* 128.571% */
     }
     .submenu-mobile-button svg path {
         stroke: var(--Neutrals-0, #FFF)!important;
     }
     .main-mobilemenu-button {
         display: flex;
         padding-bottom: 40px;
         align-items: flex-start;
         flex: 1 0 0;
         align-self: stretch;
         background: rgba(1, 1, 1, 0.80);
         backdrop-filter: blur(12px);
         color: var(--Neutrals-0, #FFF);
         font-feature-settings: 'liga' off, 'clig' off;
         /* Body 2/Mobile */
         font-family: Alfabet-reg;
         font-size: 14px;
         font-style: normal;
         font-weight: 400;
         line-height: 18px;
         /* 128.571% */
         display: flex;
         padding: 24px;
         align-items: flex-start;
         gap: 8px;
         align-self: stretch;
     }
 }

 @media screen and (max-width: 767px) {
     .search-panel {
         height: 100vh;
         padding: 24px 16px;
     }
     .close-search {
         right: 0;
         margin-top: -86px;
     }
     .search-input {
         margin-top: 16px;
     }
     .search-input-wrapper::before {
         left: 20px;
         top: 65%;
     }
     span.search-title.xl\:hidden {
         color: var(--Neutrals-0, #FFF);
         font-feature-settings: 'liga' off, 'clig' off;
         font-family: Alfabet-reg;
         font-size: 14px;
         font-style: normal;
         font-weight: 400;
         line-height: 18px;
     }
     .search-results1 {
         box-shadow: none;
         background: transparent;
         border: 0;
         padding: 0;
     }
     .search-result-item {
         padding: 0;
         border-bottom: 0;
     }
     .search-result-text-main {
         color: #fff;
     }
     .result-count {
         padding: 12px 0;
         padding-top: 28px;
     }
     .search-result-item svg path {
         stroke: #fff;
     }
     .search-result-item {
         padding: 12px 0;
     }
     .mobile-view-first-footer-section {
         flex-direction: column;
         gap: 16px!important;
     }
     .mobile-view-first-footer-section .w-1\/2 {
         width: 100%!important;
     }
     .mobile-view-first-footer-section p.text-\[\#BABABA\].font-\[14px\] {
         color: var(--Neutrals-500, #BABABA);
         font-feature-settings: 'liga' off, 'clig' off;
         font-family: Alfabet-reg;
         font-size: 12px;
         font-style: normal;
         font-weight: 400;
         line-height: 16px;
         max-width: 312px;
     }
     footer.text-white.py-16 {
         padding: 40px 0!important;
     }
     .bg-\[\#3F0D8E\].h-\[1px\].w-full.my-\[60px\] {
         margin: 40px 0 !important;
     }
     footer.text-white.py-16 .text-2xl {
         font-size: 32px!important;
     }
     footer.text-white.py-16 .grid-cols-4 {
         grid-template-columns: repeat(2, minmax(0, 1fr))!important;
     }
     footer.text-white.py-16 .pt-8.text-\[16px\].text-\[\#707070\] {
         padding: 0 !important;
     }
     .fromobile-spaceing div {
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
     }
     span.hide-mobile {
         color: transparent;
         visibility: hidden!important;
         height: 24px;
     }
     span.mobile-spaceing {
         margin-bottom: 24px;
     }
     .flex.justify-center.items-center.fromobile-spaceing a {
         text-decoration: underline;
     }
     .mobile-submenu {
         max-height: 0;
         overflow: hidden;
         transition: max-height 0.3s ease-out;
     }
     .mobile-submenu.active {
         max-height: 1000px;
         /* Adjust based on content */
     }
     .mobile-menu-arrow {
         transition: transform 0.3s ease;
     }
     .mobile-menu-arrow.active {
         transform: rotate(180deg);
     }
     .submenu-mobile-button {
         display: flex;
         padding: 16px 24px;
         align-items: flex-start;
         gap: 8px;
         align-self: stretch;
         color: var(--Neutrals-0, #FFF);
         font-feature-settings: 'liga' off, 'clig' off;
         /* Body 2/Mobile */
         font-family: Alfabet-reg;
         font-size: 14px;
         font-style: normal;
         font-weight: 400;
         line-height: 18px;
         /* 128.571% */
     }
     .submenu-mobile-button svg path {
         stroke: var(--Neutrals-0, #FFF)!important;
     }
     .main-mobilemenu-button {
         display: flex;
         padding-bottom: 40px;
         align-items: flex-start;
         flex: 1 0 0;
         align-self: stretch;
         background: rgba(1, 1, 1, 0.80);
         backdrop-filter: blur(12px);
         color: var(--Neutrals-0, #FFF);
         font-feature-settings: 'liga' off, 'clig' off;
         /* Body 2/Mobile */
         font-family: Alfabet-reg;
         font-size: 14px;
         font-style: normal;
         font-weight: 400;
         line-height: 18px;
         /* 128.571% */
         display: flex;
         padding: 24px;
         align-items: flex-start;
         gap: 8px;
         align-self: stretch;
     }
 }
  @font-face {
    font-family: 'Plus-jakarta';

    src: url(../fonts/Plus_Jakarta_Sans/PlusJakartaSans-VariableFont_wght.ttf);
  }

  @font-face {
    font-family: 'Alfabet-reg';

    src: url(../fonts/Alfabet/fonnts.com-Alfabet_Regular.otf);
  }

  @font-face {
    font-family: 'Alfabet-med';

    src: url(../fonts/Alfabet/fonnts.com-Alfabet_Medium.otf);
  }

  @font-face {
    font-family: 'Alfabet-semibold';

    src: url(../fonts/Alfabet/fonnts.com-Alfabet_SemiBold.otf);
  }

  @font-face {
    font-family: 'Alfabet-bold';

    src: url(../fonts/Alfabet/fonnts.com-Alfabet_Bold.otf);
  }
  .font-Alfabet_med {
    font-family: Alfabet-med;
  }

  .font-Alfabet_semibold {
    font-family: Alfabet-semibold;
  }

  .font-Alfabet_bold {
    font-family: Alfabet-bold;
  }