
body {
            background-color: #000;
            color: white;
            overflow-x: hidden;
            font-family: 'Poppins', sans-serif;
        }

        .btn-demo {
            background: #C8FE27;
            color: #000;
            font-weight: 600;
            border-radius: 40px;
            padding: 9px 22px;
        }

        .btn-demo:hover {
            background: #C8FE27;
            color: #000;
        }

        .navbar {
            background: #000;
            border-bottom: 1px solid #515151;
        }
        .navbar-toggler-icon {
          background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 30 30%22%3E%3Cpath stroke=%22%23C8FE27%22 stroke-linecap=%22round%22 stroke-miterlimit=%2210%22 stroke-width=%222%22 d=%22M4 7h22M4 15h22M4 23h22%22/%3E%3C/svg%3E");
        }
        
        .pl-4{
            padding-left: 20px;
        }
        .fs-22-9{
            font-size: 22.9px;
        }
        .fs-51{
            font-size: 51.31px;
        }
        .fs-14-69{
            font-size: 14.69px;
        }
        .fs-45{
            font-size: 40.49px;
        }
        .fs-46{
            font-size: 46.26px;
        }
        .fs-48{
            font-size: 48.43px;
        }
        .fs-32{
            font-size: 32.34px;
        }
        .fs-31{
            font-size: 28.2px;
        }
        .fs-21{
            font-size: 21.44px;
        }
        .fs-14{
            font-size: 14px;
        }
        .fs-16-86{
            font-size:16.86px;
        }
        .gap-3-9{
            gap:20px;
        }
        .w-15{
            width: 18%;
        }
        .col-width-custom{
            width: 350px;
        }
        .col-width-custom-2{
            width: 250px;
        }
        .p-div{
            max-width: 569px;
        }
        .fs-39{
            font-size: 35px;
        }
        .fs-44{
            font-size: 44.11px;
        }
        .w-587{
            width: 455px;
        }
        .w-60{
            width: 60%;
        }
        .w-80{
            width: 80%;
        }
        .hr{
            height: 0.49px;
            color: #fff;
        }
        .fs-23{
            font-size: 23px;
        }
        .fs-35{
            font-size: 35.66px;
        }
        .fs-49{
            font-size: 49.38px;
        }
        .fs-27{
            font-size: 27.5px;
        }
        .fs-24-27{
            font-size: 24.25px;
        }
        .fs-24{
            font-size: 24.46px;
        }
        .fs-17{
            font-size: 17.24px;
        }
        .fs-16{
            font-size: 16px;
        }
        .fs-28{
            font-size: 26.87px;
        }
        .fs-67{
            font-size: 67.51px;
        }
        .fs-41{
            font-size: 41.26px;
        }
        .fs-29{
            font-size: 29.49px;
        }
        /*.fs-45{*/
        /*    font-size: 45.91px;*/
        /*}*/
        .fs-37{
            font-size: 37.35px;
        }
        .fs-38{
            font-size: 38.6px;
        }
        .fs-25{
            font-size: 25.68px;
        }
        .fs-44{
            font-size: 44.21px;
        }
        .fs-29-49{
            font-size: 29.49px;
        }
        .fs-18{
            font-size: 18px;
        }
        .fs-30{
            font-size: 30.05px;
        }
        .fs-19{
            font-size: 19px;
        }
        .mt-7{
            margin-top: 100px;
        }
        .mt-6{
            margin-top: 80px;
        }
        .mb-6{
            margin-bottom: 80px;
        }
        .mt-8{
            margin-top: 150px !important;
        }
        .mt-9{
            margin-top: 250px;
        }
        .color-light{
            color: rgba(255, 255, 255, 0.7) !important;
        }
        .sc-changes{
           max-width: 542.33px; 
        }
        .fw-600{
            font-weight: 600;
        }
        .users-name{
            color: #B2B3B3;
        }
        .sec-testimonials{
            margin-bottom: 35px;
        }
        .custom-p-div{
            max-width: 745px !important;
        }
        .navbar-nav .nav-link {
            color: #888E90 !important;
            margin: 0 20px;
            font-size: 18.8px;
        }
        .scc{
            height: 454px !important;
        }
        .navbar-nav .nav-link:hover {
            color: #ddd !important;
        }
        .custom-col-width{
            max-width: 352.54px;
        }
        .first-card{
            background-color: #1E1E1E;
            border-radius: 30px;
            display: flex;
            justify-content: center;
            flex-direction: column;
            width: 496.31px;
            height: 496.31px;
            /*margin:auto;*/
        }
        .what-it-matter-width{
            width: 958px;
        }
        .what-it-matter-main-div{
            display: flex;
            justify-content: center;
        }
        .card-details{
            display: flex;
            padding: 5% 10%;
            gap: 25px;
        }
        p{
            padding: 0px;
            margin: 0px;
            line-height: normal;
        }
        .card-icon{
            padding: 8px 15px;
            border-radius: 10px;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 75.58px;
            height: 75.58px;
            font-size: 22px;
            background-color: #FD5526;
        }
        .sec-card{
            background-color: #1E1E1E;
            border-radius: 50px;
            padding: 50px 45px;
            min-height:488.67px;
            height: 100%;
            /*margin:auto;*/
        }
        .custom-width{
            max-width: 600.33px;
        }
        .scchanges{
            max-width: 1142px;
        }
        .circle-image {
            width: 54px;
            height: 54px;
            border-radius: 50%;
            object-fit: cover;
        }
        .footer{
            margin-top: 150px;
            padding: 60px  0px;
            margin: 150px 44px 0px;
            border-top: 1px solid #9E9E9E;
        }
        .text{
            color: #C8FE27;
        }
        .icon{
            width: 25px;
            height: 25px;
            border-radius: 50%;
            background: #C8FE27;
        }
        .matters-div{
            padding: 35px 20px;
        }
        .matters-div-sec{
            padding: 40px 20px;
        }
        .lh-1-2{
            line-height: 1.2;
        }
        .borders-1{
            border-right: 0.26px solid #9E9E9E;
            border-bottom: 0.26px solid #9E9E9E;
        }
        .borders-2{
            border-left: 0.26px solid #9E9E9E;
            border-bottom: 0.26px solid #9E9E9E;
        }
        .borders-3{
            border-right: 0.26px solid #9E9E9E;
            border-top: 0.26px solid #9E9E9E;
        }
        .borders-4{
            border-left: 0.26px solid #9E9E9E;
            border-top: 0.26px solid #9E9E9E;
        }
        .third-card{
            border-radius: 30px;
            padding: 35px;
            max-width: 352.53px;
            border: 0.6px solid #9E9E9E;
            height: 495.34px;
            margin:auto;
        }
        .fw-300{
            font-weight: 300;
        }
        .fw-bold{
            font-weight: 500 !important;
        }
        .nav-item.dropdown:hover .dropdown-menu {
          display: block;
          margin-top: 0;
        }
        .nav-item.dropdown:hover > .nav-link {
          color: #C8FE27; 
        }
        .nav-item.dropdown:hover .dropdown-item:active{
            background-color: #C8FE27;
        }
        .nav-item.dropdown:hover .dropdown-item:hover{
            background-color: #C8FE27;
        }
        .mw-100{
            max-width: 100% !important;
            width: 100%;
        }
        .what-it-div{
            width: 46% !important;
        }
        @media (max-width: 768px){
        .first-sec{
            margin-top: 0px !important;
            margin-bottom: 30px;
        }
        .what-it-div{
            width: 55% !important;
        }
        .pl-4{
            padding: 0px !important;
        }
        .heading-1{
            text-align: center;
        }
        .contact-mobile-view{
            justify-content: left !important;
        }
        .para-center{
            width: 100% !important;
            margin-top: 20px !important;
        }
        .jcc{
            justify-content: center !important;
        }
        .footer{
            margin-top: 30px !important;
            padding: 40px 0px !important;
            margin: 0px;
        }
        .card-mobile-view{
            margin-top: 0px !important;
        }
        .card-mobile-view-1{
            margin-top: 40px !important;
        }
        .first-card{
            width: 100%;
            height: auto; 
            padding-bottom: 35px;
            padding-top: 35px;
            
        }
        .navbar{
            padding: 16px 0px !important;
        }
        .order-first-mobile-view{
            margin-top: 10px !important;
            gap: 10px !important;
        }
        .hr{
            margin-top: 10px !important;
            margin-bottom: 10px !important;
            width: 100% !important;
        }
        .first-section{
            margin-top: 20px !important;
        }
        
        .sec-card{
            height: auto;
        }
        .img-div{
            margin: 16px 0px;
        }
        .icon{
            margin-top: 0px !important;
        }
        .fs-45{
            font-size: 25px;
        }
        .fs-31{
            font-size: 22px;
        }
        .mobile-btn-view{
            height:unset !important;
            font-size:18.64px !important;
            padding:5px 25px !important;
        }
        .w-15{
            width: 100%;
        }
        .fs-39{
            font-size: 22px;
        }
        .fs-44{
            font-size: 25.11px;
        }
        .custom-col-width{
            max-width: 100%;
        }
        .w-587{
            width: 100%;
        }
        .fs-23{
            font-size: 18.93px;
        }
        .fs-35{
            font-size: 25.66px;
        }
        .fs-49{
            font-size: 29.38px;
        }
        .fs-27{
            font-size: 20.5px;
        }
        .fs-24{
            font-size: 20.46px;
        }
        .fs-17{
            font-size: 14.24px;
        }
        .fs-28{
            font-size: 18.87px;
        }
        .fs-67{
            font-size: 35.51px;
        }
        .fs-41{
            font-size: 23.03px;
        }
        .fs-45{
            font-size: 25.91px;
        }
        .fs-37{
            font-size: 18px;
        }
        .fs-25{
            font-size: 16px;
        }
        .fs-44{
            font-size: 27px;
        }
        .fs-18{
            font-size: 18px;
        }
        .fs-30{
            font-size: 20px;
        }
        .card-icon{
            width: 60px;
            height: 60px;
        }
        .mobile-margin{
            margin-top: 10px !important;
        }
        .sec-svg{
            display: none !important;
        }
        .third-card{
            height: auto;
        }
        .mobile-text-center{
            text-align: center;
        }
        .m-auto-mobile{
            margin: auto;
        }
        .heading-1{
            margin-top: 40px !important;   
        }
        
        .sec-testimonials{
            margin-bottom: 15px;
        }
        .mobile-margin-sec{
            margin-top: 60px !important;
        }
        .mobile-margin-sec-bottom{
            margin-bottom: 60px !important;
        }
        .mobile-margin-third-bottom{
            margin-bottom:30px !important;
        }
        .first-svg{
            position: absolute;
            right: 0px !important;
            height: 150px;
            width: 150px;
        }
        .mobile-width{
            width: 75%!important;
        }

        }
       