@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap");
         :root {
            --header-height: 3rem;
            --nav-width: 68px;
            --first-color: #4723D9;
            --first-color-light: #AFA5D9;
            --white-color: #F7F6FB;
            --body-font: 'Nunito', sans-serif;
            --normal-font-size: 1rem;
            --z-fixed: 100
        }
        
        *,
         ::before,
         ::after {
            box-sizing: border-box
        }
        
        body {
            position: relative;
            margin: var(--header-height) 0 0 0;
            /* padding: 0 1rem; */
            font-size: var(--normal-font-size);
            transition: .5s;
            margin: calc(var(--header-height) + 1rem) 0 0 0;
            /* padding-left: calc(var(--nav-width) + 2rem); */
            font-family: 'Poppins', sans-serif;
            background: #000 !important;
        }
        body{
            font-family: 'Poppins', sans-serif;
            background: #000 !important;  
        }
        
        a {
            text-decoration: none
        }
        
        .header {
            width: 100%;
            height: var(--header-height);
            position: fixed;
            top: 0;
            left: 0;
            display: flex;
            align-items: center;
            padding: 0 1rem;
            background: #1B1A1D;
            border: 1px solid rgba(255, 255, 255, 0.1);
            z-index: var(--z-fixed);
            transition: .5s;
            height: calc(var(--header-height) + 1rem);
            padding: 0 2rem 0 calc(var(--nav-width) + 2rem)
        }
        
        .header_toggle {
            color: #5F5F5F;
            font-size: 1.5rem;
            cursor: pointer;
            margin-left: -78px;
        }
        
        .l-navbar {
            position: fixed;
            top: 63px;
            left: -30%;
            width: var(--nav-width);
            height: 100vh;
            background: #1B1A1D;
            border: 1px solid #313033;
            padding: .5rem 1rem 0 0;
            transition: .5s;
            z-index: var(--z-fixed);
            left: 0;
            padding: 1rem 1rem 0 0;
        }
        
        .nav {
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            /* overflow: hidden;*/
        }
        
        .nav_link {
            display: grid;
            grid-template-columns: max-content max-content;
            align-items: center;
            column-gap: 1rem;
            padding: .5rem 0 .5rem 1.5rem
        }
        
        .mr-5 {
            margin-right: 10px;
        }
        
        .zoom-range {
            background: linear-gradient(90.04deg, #AEFE6F 1.71%, rgba(130, 254, 205, 0.51) 108.05%);
            border-radius: 47px;
        }
        
        .selected-img {
            padding-top: 100px;
            padding-bottom: 100px;
        }
        
        .nav-buttons {
            display: flex;
            align-items: center;
            margin-left: 40% !important;
        }
        
        .upgrade-btn {
            width: 107.56px;
            height: 42px;
            background: linear-gradient(90deg, #B2FE65 0%, #78FEE1 103.04%);
            border-radius: 29px;
            font-family: 'Poppins', sans-serif;
            font-style: normal;
            font-weight: 600;
            font-size: 14px;
            line-height: 21px;
            /* identical to box height */
            color: #000000;
        }
        
        .nav_link {
            position: relative;
            color: var(--first-color-light);
            margin-bottom: 1.5rem;
            transition: .3s
        }
        
        .nav_link:hover {
            color: var(--white-color)
        }
        
        .nav_icon {
            font-size: 1.25rem
        }
        
        .show1 {
            left: 0;
            width: calc(var(--nav-width) + 156px)
        }
        
        .body-pd {
            padding-left: calc(var(--nav-width) + 1rem);
        }
        
        .active {
            background: linear-gradient(90deg, #B2FE65 0%, #78FEE1 103.04%);
            box-shadow: 0px 4px 6px rgba(148, 255, 166, 0.2);
            border-radius: 50%;
            width: 48.66px;
            height: 47.66px;
            padding-left: 12px;
            margin-left: 10px;
        }
        
        .height-100 {
            height: 100vh;
        }
        
        .image-manager {
            margin-top: -17px;
            display: none;
            background-color: #1B1A1D;
            border: 1px solid #313033;
        }
        
        .image-manager h1 {
            font-family: 'Poppins', sans-serif;
            font-style: normal;
            font-weight: 600;
            font-size: 18px;
            line-height: 27px;
            /* identical to box height */
            color: #FFFFFF;
        }
        
        .computer-btn {
            box-sizing: border-box;
            width: 222.54px;
            height: 52px;
            border-radius: 29px;
            font-family: 'Poppins', sans-serif;
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            line-height: 21px;
            /* identical to box height */
            /* Color */
            border-color: #B2FE65;
            -webkit-text-fill-color: transparent;
            background: linear-gradient(90deg, #B2FE65 0%, #78FEE1 103.04%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        
        .search-btn {
            width: 222.54px;
            height: 52px;
            background: rgba(49, 48, 51, 0.31);
            border: 1px solid #313033;
            border-radius: 29px;
            font-family: 'Poppins', sans-serif;
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            line-height: 21px;
            /* identical to box height */
            color: #FFFFFF;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .search-btn:hover {
            color: #fff;
        }
        
        .image-manager-grid {
            border-radius: 10px;
            width: 70px;
            height: 70px;
        }
        
        #range {
            background: linear-gradient(90.04deg, #AEFE6F 1.71%, rgba(130, 254, 205, 0.51) 108.05%);
            border: solid 1px #B2FE65;
            border-radius: 8px;
            height: 7px;
            width: 100px;
            outline: none;
            transition: background 450ms ease-in;
            -webkit-appearance: none;
        }
        /*----------------Home Page-----------------*/
        
        .profile-link {
            position: absolute;
            bottom: 12%!important;
            margin-left: 12px;
        }
        
        .drag-img {
            padding: 50px 10%;
        }
        /* .box {
                    position: relative;
                    background: #ffffff;
                    width: 100%;
                } */
        
        .box-header {
            color: #444;
            display: block;
            padding: 10px;
            position: relative;
            /* border-bottom: 1px solid #f4f4f4; */
            margin-bottom: 10px;
        }
        
        .box-tools {
            position: absolute;
            right: 10px;
            top: 5px;
        }
        
        .dropzone-wrapper {
            background: #1B1A1D;
            border: 1px dashed #7DFED7;
            border-radius: 15px;
            padding: 30px;
            position: relative;
            height: 306.73px;
            margin-top: 130px;
        }
        
        .dropzone-desc {
            position: absolute;
            margin: 0 auto;
            left: 0;
            right: 0;
            text-align: center;
            width: 40%;
            top: 50px;
            font-size: 16px;
        }
        
        .dropzone,
        .dropzone:focus {
            position: absolute;
            outline: none !important;
            width: 100%;
            height: 150px;
            cursor: pointer;
            opacity: 0;
        }
        
        .preview-zone {
            text-align: center;
        }
        
        .preview-zone .box {
            box-shadow: none;
            border-radius: 0;
            margin-bottom: 0;
        }
        /* .add-image-div {
                    background: #1B1A1D;
                    border: 1px dashed #7DFED7;
                    border-radius: 15px;
                    padding: 30px;
                    position: absolute;
                    top: 150.27px;
                    width: 756.37px;
                } */
        
        .add-image-text {
            font-family: 'Poppins', sans-serif;
            font-style: normal;
            font-weight: 500;
            font-size: 17px;
            line-height: 26px;
            /* identical to box height */
            color: #FFFFFF;
        }
        
        .browse-btn {
            width: 151.61px;
            height: 52px;
            background: linear-gradient(90deg, #B2FE65 0%, #78FEE1 103.04%);
            border-radius: 29px;
            font-weight: 600;
            font-size: 16px;
            line-height: 24px;
            /* identical to box height */
            color: #000000;
        }
        /*-----------Image to Sketch-------------*/
        
        .convert-image-text {
            font-family: 'Poppins', sans-serif;
            font-style: normal;
            font-weight: 600;
            font-size: 27px;
            line-height: 40px;
            /* identical to box height */
            color: #FFFFFF;
        }
        
        .convert-btn {
            font-family: 'Poppins', sans-serif;
            width: 151.61px;
            height: 52px;
            background: linear-gradient(90deg, #B2FE65 0%, #78FEE1 103.04%);
            border-radius: 29px;
            font-weight: 600;
            font-size: 16px;
            line-height: 24px;
            /* identical to box height */
            color: #000000;
        }
        
        .convert-text-block {
            width: 1034.19px;
            margin-left: 40px;
            padding-top: 50px;
            display: flex;
            justify-content: space-between;
        }
        
        .selected-sketch-img {
            padding-top: 25px;
            padding-bottom: 100px;
        }
        /*----------------*/
        
        .modal-center {
            display: flex;
            justify-content: center;
        }
        
        .spinner-box {
            width: 232.36px;
            height: 78.32px;
            background: #1B1A1D;
            border-radius: 6.35803px;
            flex-direction: row;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .preparing-text {
            font-family: 'Poppins', sans-serif;
            font-style: normal;
            font-weight: 500;
            font-size: 16px;
            line-height: 24px;
            /* identical to box height */
            color: #FFFFFF;
        }
        
        .spinner {
            --spinner-color: #B2FE65;
            aspect-ratio: 1/1;
            border-radius: 50%;
            transform: translate(-50%, -50%);
            animation-name: spin;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }
        
        .spinner--quarter {
            width: 30px;
            height: 30px;
            border: 5px solid #B2FE65;
            border-top-color: transparent;
            animation-duration: 1s;
        }
        
        .download-btn {
            font-family: 'Poppins', sans-serif;
            width: 151.61px;
            height: 52px;
            background: linear-gradient(90deg, #B2FE65 0%, #78FEE1 103.04%);
            border-radius: 29px;
            font-size: 16px;
            font-weight: 600;
            line-height: 24px;
            /* identical to box height */
            color: #000000;
        }
        
        .modal-msg {
            width: 478.17px;
            height: 251.77px;
            background: #1B1A1D;
            border-radius: 11px;
        }
        
        .modal-text {
            font-family: 'Poppins', sans-serif;
            font-style: normal;
            font-weight: 500;
            font-size: 16px;
            line-height: 172.5%;
            /* or 28px */
            text-align: center;
            color: #FFFFFF;
            padding-top: 25px !important;
            padding-bottom: 25px !important;
        }
        
        .btn-try-again {
            font-family: 'Poppins', sans-serif;
            width: 136.71px;
            height: 52px;
            background: linear-gradient(90deg, #B2FE65 0%, #78FEE1 103.04%);
            border-radius: 29px;
            font-weight: 600;
            font-size: 16px;
            line-height: 24px;
            /* identical to box height */
            color: #000000;
        }
        
        .btn-cancel {
            width: 136.71px;
            height: 52px;
            background: #282829;
            border-radius: 29px;
            font-weight: 600;
            font-size: 16px;
            line-height: 24px;
            /* identical to box height */
            color: #FFFFFF;
        }
        
        .btn-cancel:hover {
            color: #a8a6a6;
        }
        
        .modal-buttons {
            padding-top: 10px !important;
            padding-bottom: 10px !important;
        }
        
        .searchfield {
            border: none;
            height: 32px;
            line-height: 22px;
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box;
            padding: 4px 6px 5px 6px;
            vertical-align: middle;
            display: inline-block;
            margin-bottom: 0;
            width: 160px;
            font-size: 16px;
            -webkit-border-top-right-radius: 15px;
            -moz-border-radius-topright: 15px;
            border-top-right-radius: 15px;
            -webkit-border-bottom-right-radius: 15px;
            -moz-border-radius-bottomright: 15px;
            border-bottom-right-radius: 15px;
            -webkit-border-top-left-radius: 0px;
            -moz-border-radius-topleft: 0px;
            border-top-left-radius: 0px;
            -webkit-border-bottom-left-radius: 0px;
            -moz-border-radius-bottomleft: 0px;
            border-bottom-left-radius: 0px;
            -webkit-box-shadow: inset 3px 5px 0px -4px rgba(0, 0, 0, 0.06);
            -moz-box-shadow: inset 3px 5px 0px -4px rgba(0, 0, 0, 0.06);
            box-shadow: inset 3px 5px 0px -4px rgba(0, 0, 0, 0.06);
            margin-left: -4px;
            outline: none;
            background: rgba(49, 48, 51, 0.31);
            border: 1px solid #313033;
            font-family: 'Poppins', sans-serif;
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            line-height: 21px;
            /* identical to box height */
            color: #FFFFFF;
        }
        
        .searchbutton {
            display: inline-block;
            border: none;
            line-height: 20px;
            padding: 4px 5px 4px 15px;
            height: 43px;
            vertical-align: middle;
            -webkit-border-top-left-radius: 15px;
            -moz-border-radius-topleft: 15px;
            border-top-left-radius: 15px;
            -webkit-border-bottom-left-radius: 15px;
            -moz-border-radius-bottomleft: 15px;
            border-bottom-left-radius: 15px;
            -webkit-box-shadow: inset 3px 5px 0px -4px rgba(0, 0, 0, 0.06);
            -moz-box-shadow: inset 3px 5px 0px -4px rgba(0, 0, 0, 0.06);
            box-shadow: inset 3px 5px 0px -4px rgba(0, 0, 0, 0.06);
            background: rgba(49, 48, 51, 0.31);
            border: 1px solid #313033;
            font-family: 'Poppins', sans-serif;
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            line-height: 21px;
            /* identical to box height */
            color: #FFFFFF;
        }
        /*-------------Textures-----------*/
        
        .texture-card {
            background: #373638;
            border-radius: 15px 15px 15px 15px;
        }
        
        .texture-img {
            border-top-left-radius: 15px;
            border-top-right-radius: 15px;
        }
        
        .texture-card-body h5 {
            font-weight: 500;
            font-size: 13px;
            line-height: 20px;
            /* identical to box height */
            color: #FFFFFF;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        .texture-card-body {
            padding: 2px 0px !important;
        }
        
        .texture-manager {
            margin-top: -17px;
            display: none;
            background-color: #1B1A1D;
            border: 1px solid #313033;
        }
        
        .texture-manager h1 {
            font-family: 'Poppins', sans-serif;
            font-style: normal;
            font-weight: 600;
            font-size: 18px;
            line-height: 27px;
            /* identical to box height */
            color: #FFFFFF;
        }
        
        .texture-manager-grid {
            border-radius: 10px;
            width: 100px;
            height: 70px;
        }
        /*-------graphics-manager--------*/
        
        .graphics-manager {
            margin-top: -17px;
            display: none;
            background-color: #1B1A1D;
            border: 1px solid #313033;
        }
        
        .graphics-manager h1 {
            font-family: 'Poppins', sans-serif;
            font-style: normal;
            font-weight: 600;
            font-size: 18px;
            line-height: 27px;
            /* identical to box height */
            color: #FFFFFF;
        }
        /*-----------Photo-download----------*/
        
        .photo-download-card {
            background: #1B1A1D;
            border-radius: 38px 38px 22px 22px;
        }
        
        .photo-download-name {
            font-style: normal;
            font-weight: 600;
            font-size: 18px;
            line-height: 27px;
            /* identical to box height */
            color: #FFFFFF;
            width: 200px;
        }
        
        .download-heading {
            font-weight: 600;
            font-size: 28px;
            line-height: 42px;
            /* identical to box height */
            color: #FFFFFF;
        }
        /*-----------Book-Saved----------*/
        
        .digital-download-card {
            background: #1B1A1D;
            border-radius: 38px 38px 22px 22px;
        }
        
        .digital-download-name {
            font-weight: 600;
            font-size: 15px;
            line-height: 27px;
            /* identical to box height */
            color: #FFFFFF;
        }
        
        .download-heading {
            font-weight: 600;
            font-size: 28px;
            line-height: 42px;
            /* identical to box height */
            color: #FFFFFF;
        }
        /*-----------E-Books----------*/
        
        .book-download-card {
            background: #1B1A1D;
            border-radius: 38px 38px 22px 22px;
        }
        
        .book-download-name {
            font-weight: 600;
            font-size: 18px;
            line-height: 27px;
            /* identical to box height */
            color: #FFFFFF;
        }
        
        .download-heading {
            font-weight: 600;
            font-size: 28px;
            line-height: 42px;
            /* identical to box height */
            color: #FFFFFF;
        }
        
        .e-book-access-title {
            font-weight: 600;
            font-size: 48px;
            line-height: 60px;
            /* identical to box height, or 125% */
            text-align: center;
            letter-spacing: -0.02em;
            /* White/900 */
            color: #FFFFFF;
        }
        
        .e-book-modal {
            background: #1B1A1D;
            border-radius: 11px;
        }
        
        .e-book-subheading {
            font-weight: 500;
            font-size: 20px;
            line-height: 30px;
            /* identical to box height, or 150% */
            text-align: center;
            /* Gray/400 */
            color: #8896AB;
        }
        
        .basic-plan {
            margin: 15px;
            background: #FFFFFF;
            /* tailwind/drop-shadow-sm */
            box-shadow: 0px 1px 2px rgba(85, 105, 135, 0.1);
            border-radius: 20px;
            width: 360px;
        }
        
        .lifetime {
            margin: 15px;
            background: #FFFFFF;
            /* tailwind/drop-shadow-sm */
            box-shadow: 0px 1px 2px rgba(85, 105, 135, 0.1);
            border-radius: 20px;
            width: 360px;
        }
        
        sup {
            font-weight: 700;
            font-size: 30px;
            line-height: 38px;
            /* identical to box height, or 127% */
            /* Gray/900 */
            color: #2A3342;
            top: -33px;
        }
        
        sub {
            font-weight: 600;
            font-size: 16px;
            line-height: 24px;
            /* identical to box height, or 150% */
            /* Gray/500 */
            color: #556987;
        }
        
        .plan-price {
            font-weight: 600;
            font-size: 60px;
            line-height: 72px;
            /* identical to box height, or 120% */
            letter-spacing: -0.02em;
            /* Gray/900 */
            color: #2A3342;
        }
        
        .e-book {
            overflow: hidden;
            display: flex;
            justify-content: center;
        }
        
        .plan-name {
            font-weight: 600;
            font-size: 30px;
            line-height: 38px;
            color: #2A3342;
        }
        
        .plan-subheading {
            font-weight: 500;
            font-size: 16px;
            line-height: 24px;
            color: #8896AB;
        }
        
        .get-started-btn {
            width: 211.18px;
            height: 52px;
            background: linear-gradient(90deg, #B2FE65 0%, #78FEE1 103.04%);
            box-shadow: 0px 4px 12px rgba(154, 232, 186, 0.51);
            border-radius: 29px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 600;
            font-size: 16px;
            line-height: 24px;
            color: #000000;
        }
        
        .plan-list li {
            font-weight: 500;
            font-size: 16px;
            line-height: 32px;
            color: #556987;
        }
        /*-----------------Login Page-------------*/
        
        .login-div {
            background: #1B1A1D;
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 43px;
            margin: 0 auto;
            width: 100%;
            height: auto;
        }
        
        input[type=checkbox] {
            background: rgba(49, 48, 51, 0.31);
            border: 1px solid #313033;
            border-radius: 6px;
        }
        
        .img-div {
            background: linear-gradient(360deg, #5576F4 0%, #F944B0 40.01%, #FF2E62 91.88%, #E76C95 121.94%);
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 40px;
            padding-bottom: 90px;
        }
        
        .img-div h1 {
            font-weight: 600;
            font-size: 33px;
            line-height: 50px;
            color: #FFFFFF;
        }
        /* .centered-img {
            position: absolute;
            top: 32%;
            left: 18%;
            width: auto;
            height: auto;
        }
         */
        
        .filter-img {
            margin: 0 auto;
        }
        
        .menu {
            position: absolute;
            background: #FFFFFF;
            box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.15);
            border-radius: 14px;
            width: 50px;
            height: auto;
            top: 31%;
            left: 45%;
        }
        
        .menu2 {
            position: absolute;
            background: #FFFFFF;
            box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.15);
            border-radius: 14px;
            width: 50px;
            height: auto;
            top: 67%;
            left: 17%;
        }
        
        .filter-img-btn {
            position: absolute;
            left: 29%;
            top: 50%;
        }
        
        .login-form h1 {
            font-family: 'Poppins', sans-serif;
            font-style: normal;
            font-weight: 600;
            font-size: 35px;
            line-height: 52px;
            color: #FFFFFF;
        }
        
        .facebook-btn {
            border: 1px solid #FFFFFF;
            border-radius: 29px;
            font-weight: 500;
            font-size: 14px;
            line-height: 21px;
            /* identical to box height */
            color: #FFFFFF;
            width: 100%;
            height: auto;
        }
        
        .facebook-btn img {
            float: left;
        }

        .facebook-btn:hover {
            color: #FFFFFF;
        }
        
        .google-btn {
            border: 1px solid #FFFFFF;
            border-radius: 29px;
            font-weight: 500;
            font-size: 14px;
            line-height: 21px;
            /* identical to box height */
            color: #FFFFFF;
            width: 100%;
            height: auto;
        }

        .google-btn:hover {
            color: #FFFFFF;
        }
        
        .google-btn img {
            float: left;
        }
        
        .horizontal-line {
            width: 100%;
            text-align: center;
            border-bottom: 1px solid rgba(255, 255, 255, 0.22);
            line-height: 0.1em;
            margin: 10px 0 20px;
        }
        
        .horizontal-line .or-line {
            background: #1B1A1D;
            padding: 0px 7px;
            font-size: 14px;
            color: rgba(255, 255, 255, 0.87);
            font-weight: 500;
        }
        
        .input-box {
            margin: 10px 0px;
            width: 100%;
            background: rgba(49, 48, 51, 0.31);
            border-radius: 29px;
        }
        
        .input-field {
            border: none;
            outline: none;
            padding: 10px 5px;
            background: rgb(38 38 41) !important;
            flex: 1;
            font-weight: 400;
            font-size: 14px;
            line-height: 21px;
            /* identical to box height */
            color: rgba(255, 255, 255, 0.35);
        }

        input:autofill {
            background: rgb(38 38 41) !important;
        }
        
        input:-webkit-autofill {
            background: rgb(38 38 41) !important;
        }

        input:-webkit-autofill,
        input:-webkit-autofill:hover, 
        input:-webkit-autofill:focus, 
        input:-webkit-autofill:active  {
        transition: background-color 5000s;
        -webkit-text-fill-color: rgba(255, 255, 255, 0.35) !important;
        }

        .input {
            background: rgba(49, 48, 51, 0.31) !important;
            border: 1px solid #313033;
            border-radius: 29px;
            padding: 0px 5px;
            border-radius: 29px;
            overflow: hidden;
            justify-content: flex-start;
            width: 100%;
        }
        
        .flex-r {
            flex-direction: row;
            display: flex;
            align-items: center;
        }
        
        .form-check-label {
            font-weight: 400;
            font-size: 13px;
            line-height: 20px;
            /* identical to box height */
            color: rgba(255, 255, 255, 0.65);
        }
        
        .forgot-pwd {
            font-weight: 400;
            font-size: 13px;
            line-height: 20px;
            /* identical to box height */
            color: #92FEAA;
        }
        
        .signin-btn {
            background: linear-gradient(90deg, #B2FE65 0%, #78FEE1 103.04%);
            border-radius: 29px;
            font-weight: 600;
            font-size: 15px;
            line-height: 22px;
            /* identical to box height */
            color: #000000;
            width: 100px;
            height: auto;
        }
        
        .new-sketch {
            font-weight: 500;
            font-size: 14px;
            line-height: 21px;
            /* identical to box height */
            color: #FFFFFF;
        }
        
        .new-sketch span {
            color: #92FEAA;
        }
        .forgot-pwd a {
            color: #92FEAA !important;
        }
        .new-sketch a {
            color: #92FEAA;
        }
        /*-----------Sign up-----------*/
        
        .signup-form h1 {
            font-family: 'Poppins', sans-serif;
            font-style: normal;
            font-weight: 600;
            font-size: 35px;
            line-height: 52px;
            color: #FFFFFF;
        }
        
        .signup-div {
            background: #1B1A1D;
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 43px;
            display: flex;
            justify-content: center;
        }

        .hide{
            display:none;
        }

        .star{
            color: #ed0505;
        }

        .centered {
            position: absolute;
            top: 52%;
            left: 52%;
            transform: translate(-50%, -50%);
        }

        .profile-div {
            background: #1B1A1D;
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 43px;
            margin: 0 auto;
            width: 40%;
            height: auto;
            padding-top: 10px;
            padding-bottom: 10px;
        }
        
        .profile-section {
            position: relative;
            text-align: center;
        }
        /* .profile-form {
            padding-right: 3rem !important;
            padding-left: 5rem !important;
        } */
        
        .profile-pic {
            border-radius: 50%;
            text-align: center;
        }
        
        .update-btn {
            background: linear-gradient(90deg, #B2FE65 0%, #78FEE1 103.04%);
            border-radius: 29px;
            font-weight: 600;
            font-size: 15px;
            line-height: 22px;
            /* identical to box height */
            color: #000000;
            width: 151.22px;
            height: 52px;
        }
        
        .container-img {
            position: relative;
            text-align: center;
            color: white;
        }
        
        .edit-right {
            position: absolute;
            top: 85%;
            left: 56%;
            transform: translate(5%, -54%);
        }
        
        .edit-right img {
            width: 35px;
            height: 35px;
        }

        /* Captcha */
        .captcha-container-custom {
            background: #1b1a1d !important;
            color: #aaa5a5 !important;
        }
        .g-recaptcha iframe .captcha-anchor-light {
            background: #1b1a1d !important;
            color: #aaa5a5 !important;
        }
        /* End */

        .subscription-btn {
            width: 190.56px;
            height: 42px;
            background: linear-gradient(90deg, #B2FE65 0%, #78FEE1 103.04%);
            border-radius: 29px;
            font-family: 'Poppins', sans-serif;
            font-style: normal;
            font-weight: 600;
            font-size: 14px;
            line-height: 21px;
            /* identical to box height */
            color: #000000;
        }
        .dropdown-menu{
            background-color: #1b1a1d !important;
        }
        .dropdown-item{
            color: #afaaaa !important;
        }
        .dropdown-item:hover {
            background-color: #1b1a1d !important;
        }
        .dropdown-divider{
            border-top: 1px solid rgb(178 173 173 / 15%) !important;
        }
        .nav-link {
            color: #1b1a1d !important;
        }
        .nav-link:hover {
            color: #1b1a1d !important;
        }