:root {
            --transition-speed: 0.4s;
            --color-light-bg: #f5f7fa;
            --color-light-text: #1c1c1c;
            --color-dark-bg: #121212;
            --color-dark-text: #eaeaea;
            --toggle-bg: #ddd;
            --toggle-selected: #4a90e2;
        }
        .container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }
        .toggle-wrapper {
            background-color: var(--toggle-bg);
            border-radius: 30px;
            padding: 0.3rem;
            display: flex;
            gap: 0.5rem;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        .theme-option {
            position: relative;
        }
        .theme-option input[type="radio"] {
            display: none;
        }
        .theme-option label {
            display: inline-block;
            padding: 0.6rem 1.4rem;
            border-radius: 25px;
            cursor: pointer;
            transition: background-color var(--transition-speed), color var(--transition-speed);
            font-weight: 500;
        }
        /* New styles for check button */
        .check-domain-btn {
            padding: 0.4rem 0.8rem;
            font-size: 0.875rem;
            transition: all 0.3s ease;
        }
        .checking {
            background-color: #f1f1f1 !important;
            color: #888 !important;
            cursor: not-allowed;
        }
        .spinner-border {
            display: inline-block;
            width: 1rem;
            height: 1rem;
            vertical-align: text-bottom;
            border: .25em solid currentColor;
            border-right-color: transparent;
            border-radius: 50%;
            -webkit-animation: spinner-border .75s linear infinite;
            animation: spinner-border .75s linear infinite;
        }
        @keyframes spinner-border {
            to { transform: rotate(360deg); }
        }

        @media (max-width: 992px) {
         .header-nav.menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here),.header-nav.menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here){
             transition:color .2s ease;
              background-color: #003d56;
             color:var(--bs-white)
         }     
       }
       .d-mobile{
            display: none;
         }
        @media screen and (max-width:990px){
         .header-nav.menu .menu-item .menu-link {
         color: #071437;
         background-color: #F9F9F9;
         }
         .menu-item.me-2{
          margin:0 !important
         }
         .d-desk{
            display:none;
         }
         .d-mobile{
            display: block;
         }
          }
        .bg-custom-dark {
         background-color: #15171c !important;
        }

        .border-top-custom {
          border-top: 1px solid #26272f !important;
        }

        /*marketplace*/
        .py-dsk-14{
           z-index: 1; 
           padding-top: 14rem; 
           padding-bottom: 14rem;  
        }
        .m-title-mbl{
           line-height: 3rem;
        }
        .m-title-dsk{
           font-size: 6rem; 
           line-height: 4rem;   
        }
        .btn.btn-white{
           background-color: white;
        }
        .btn.btn-white:hover,.btn.btn-white:focus,.btn.btn-white:active{
           background-color: #edebeb;
        }
        .hero-bg-image{
           background-image: url("{{ asset('/../assets/images/common/mktplce-glob2.png') }}");
           background-repeat: no-repeat;
           background-position: right bottom;
           background-size: contain;
           width: 550px;
           height: 550px;
           bottom: -100px;
           right: -50px;
           z-index: 0;
        }
        @media screen and (max-width:790px){
        .py-dsk-14{
           padding-top: 6rem; 
           padding-bottom: 6rem; 
         } 
        .hero-bg-image{
           width: 250px;
           height: 250px;
         }
        }