/* normalize fonts */
          body {
            font-smoothing: antialiased;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
          }

          /* remove blue highlight on mobile tap */
          * {
            -webkit-tap-highlight-color: transparent;
          }

          /* fluid typography */
          html {
            font-size: calc(0.625rem + 0.42vw);
          }

          @media screen and (max-width:991px) {
            html {
              font-size: 1rem
            }
          }

          @media screen and (min-width:1440px) {
            html {
              font-size: 1rem
            }
          }


          /* setup */
          img,
          svg,
          video,
          canvas,
          audio,
          iframe,
          embed,
          object {
            display: block;
            vertical-align: middle;
          }

          img,
          video {
            height: auto;
          }

          select {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
          }

          button {
            border: none;
            padding: 0;
            background-color: unset;
          }

          .spacer * {
            padding: 0
          }

          .w-richtext> :first-child {
            margin-top: 0
          }

          .w-richtext> :last-child {
            margin-bottom: 0
          }

          .w-richtext:before,
          .w-richtext:after {
            content: none
          }

          /* 
* Custom styles 
*/

          /* utilities */
          [hide],
          .css,
          .js {
            display: none;
          }

          [pointer="off"] {
            pointer-events: none;
          }

          [pointer="on"] {
            pointer-events: auto;
          }

          [color-inherit] {
            color: inherit;
          }

          [inline-flex] {
            display: inline-flex;
          }

          /* elements only detectable by screen readers */
          .sr-only {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border-width: 0;
          }

          /* gradients */
          /* make sure to use background-image */
          [gradient="1"] {
            background-image: linear-gradient(135deg, var(--_themes---gradient-1--start-color) 0%, var(--_themes---gradient-1--end-color) 100%);
          }

          [gradient="2"] {
            background-image: linear-gradient(135deg, var(--_themes---gradient-2--start-color) 0%, var(--_themes---gradient-2--end-color) 100%);
          }


          /* shadows */
          [shadow] {
            box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
          }

          [shadow="lg"] {
            box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
          }

          [shadow="xl"] {
            box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
          }

          .wf-design-mode .card-link-area {
            z-index: -1
          }

            /* Default styles for screens 992px and wider (desktop) */
          @media (min-width: 992px) {
            .button-arrow .button_bg {
              transition: width 0.3s ease, height 0.3s ease, translate 0.3s ease;
              /* Add transitions */
              width: 3rem;
              /* Initial width */
              height: 3rem;
              /* Initial height */
              translate: -0.5rem 0;
              /* Initial right margin */
              display: flex;
              justify-content: center;
              align-items: center;
              overflow: hidden;
            }

            .button-arrow[data-wf--arrow-button--variant="small"] .button_bg {
              width: 2.75rem;
              height: 2.75rem;
              translate: -0.25rem 0;
            }

            .button-arrow[data-wf--arrow-button--variant="black"] {
              background-color: black;
            }

            .button-arrow:hover .button_bg {
              width: 100%;
              /* Expand to 100% of parent width on hover */
              height: 100%;
              /* Expand to 100% of parent height on hover */
              translate: 0rem;
              /* Remove right margin on hover */
            }

            .button_icon path {
              transform: translate3d(0, 0, 0);
              transition: transform 300ms ease;
            }

            .button_icon path:last-child {
              transform: translate3d(-100%, 0, 0);
            }

            .button-arrow:hover path,
            [hover-arrow]:hover .button_icon path {
              transform: translate3d(100%, 0, 0);
            }

            .button-arrow:hover path:last-child,
            [hover-arrow]:hover .button_icon path:last-child {
              transform: translate3d(0%, 0, 0);
            }
          }

     

          .dropdown_link:first-child {
            border-top: none
          }
     
          .blog_card:hover .blog_card-arrow-icon {
            transform: rotate(45deg);
            transition: transform 0.3s ease;
          }

          .blog_card-arrow-icon {
            transition: transform 0.3s ease;
          }

          .blog_card-arrow-wrapper {
            background-color: rgba(0, 0, 0, 0.6);
            /* Initial background: black 60% opacity */
            transition: background-color 0.3s ease;
            /* Add transition for smooth effect */
          }

          .blog_card:hover .blog_card-arrow-wrapper {
            background-color: rgba(0, 0, 0, 0.4);
            /* Hover background: black 30% opacity */
          }

          .blog_card a[href="#"] {
            display: none
          }

          .blog_card:has(a.cc-external[href="#"]) .blog_card-arrow-wrapper {
            display: none
          }

          /* large general card hover */
          :is([card], .large-card) img {
            transition: scale 300ms ease
          }

          :is([card]:hover, .large-card:hover) img {
            scale: 1.03
          }

             .partner-card_plus-line.s-active {
            transform: scaleY(0)
          }

          /* .partner-card_plus.s-active, */
          .accordion_trigger:hover .partner-card_plus {
            color: white;
            background-image: linear-gradient(90deg, var(--_themes---gradient-1--start-color), var(--_themes---gradient-1--end-color));
          }

          /* When accordion variant is neon */
          [data-wf--accordion--variant="neon"] .accordion_trigger:hover .partner-card_plus {
            color: black;
            background-image: linear-gradient(90deg,
                var(--_themes---gradient-3--start-color) 70%,
                var(--_themes---gradient-3--end-color) 100%);
          }

          [parallax] {
            height: 112%
          }


            body:has(.menu-button.cc-open) {
            overflow: hidden
          }

          .nav.move-up {
            transform: translate3d(0, -100%, 0)
          }

     

          .menu-button.cc-open .menu-line {
            transform: scaleX(0.72)
          }

          .menu-button.cc-open .menu-line:nth-child(2) {
            transform: scaleX(1)
          }

          .nav-menu_category-sublink:hover .nav-menu_category-sublink-icon {
            background: linear-gradient(90deg, #06BFBF 32%, #2CA6E3 100%);
            color: white
          }

          button.nav-menu_sub-trigger svg path:first-child {
            transition: scale 0.3s ease;
            transform-origin: center;
          }

          button.nav-menu_sub-trigger.open svg path:first-child {
            scale: 1 0;
            transform-origin: center;
          }

          .nav-card_links:before {
            content: '';
            width: 1px;
            height: calc(100% - 0.5rem);
            background-color: rgba(0, 0, 0, 20%);
            position: absolute;
            left: 0;
            top: 0.25rem;
          }

          .nav:has(.nav_dropdown-toggle.w--open) .nav-card-bg-blur {
            opacity: 1
          }

          .nav_dropdown-list.w-dropdown-list .nav-card_link {
            padding: 0;
          }
          .home-player{ margin-top: 50px!important; position: relative;}

               /* Media query for screens below 767px (you can keep this for smaller adjustments) */
          @media (max-width: 767px) {
            .button-arrow .button_bg {
              width: 2.75rem;
              height: 2.75rem;
              border-radius: 1rem;
            }
            .custom-carousel{ height: 200px!important;  }
            .custom-carousel img{ height: 200px!important; } 
            .home-player{ margin-top: 20px!important;}
          }

               @media (min-width: 992px) {
            .menu-button:hover .menu-line {
              transform: scaleX(0.72)
            }

            .menu-button:hover .menu-line:nth-child(2) {
              transform: scaleX(1)
            }
          }