* {
                margin: 0;
                padding: 0;
                box-sizing: border-box;
                font-family: 'Work Sans', sans-serif;
            }
            
            body {
                position: relative;
            }
            /* Chrome, Safari, Edge, Opera */
            
            input::-webkit-outer-spin-button,
            input::-webkit-inner-spin-button {
                -webkit-appearance: none;
                margin: 0;
            }
            /* Firefox */
            
            input[type=number] {
                -moz-appearance: textfield;
            }
            
            .form-sec {
                background: rgb(192, 210, 48);
                background: linear-gradient(90deg, rgba(192, 210, 48, 1) 10%, rgba(0, 101, 20, 1) 56%);
                background: linear-gradient(90deg, rgb(192 210 48 / 14%) 10%, rgb(0 101 20 / 8%) 56%);
                background-color: #f7fafd;
                background: linear-gradient(90deg, rgb(192 210 48 / 14%) 10%, rgb(192 211 44 / 28%) 56%);
                width: 100%;
                font-family: "Montserrat", sans-serif;
                overflow-x: hidden;
                padding: 30px 0px;
                font-family: 'Work Sans', sans-serif;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
            }
            
            .form_title h1 {
                font-weight: 700;
                color: #000000;
                text-shadow: 1px 1px 0px #ffffff;
            }
            
            #success_message {
                display: none;
            }
            
            .animate-charcter {
                background-image: linear-gradient(-225deg, #bfd12f 0%, #c0d230 29%, #ffffff 67%, #bed32e 100%);
                background-size: auto auto;
                background-clip: border-box;
                background-size: 200% auto;
                color: #fff;
                background-clip: text;
                text-fill-color: transparent;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                animation: textclip 2s linear infinite;
                display: inline-block;
                font-size: 190px;
                font-size: 35px;
                display: block;
                font-weight: 800;
                text-align: center;
                font-family: 'Jost', sans-serif;
            }
            
            @keyframes textclip {
                to {
                    background-position: 200% center;
                }
            }
            
            .sub {
                text-align: center;
            }
            
            .form-control:hover {
                background: #f3f5f7;
                box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
                transition: all 0.2s ease;
            }
            
            .input-group {
                width: 100%;
                transition: all 0.5s ease;
                display: flex !important;
            }
            
            .well {
                background: #ffffff24;
                background: none !important;
                border-radius: 6px;
                border: none !important;
                box-shadow: 1px 20px 20px 0px #00000021;
                border-top-left-radius: 0px !important;
                border-bottom-left-radius: 0px !important;
                padding: 15px;
                padding-right: 35px;
                box-shadow: none !important;
            }
            
            @media screen and (max-width:650px) {
                .input-group {
                    width: 100%;
                    margin-bottom: 15px;
                }
                .form-group {
                    margin-bottom: 0px;
                }
            }
            
            .log-sec {
                margin-bottom: 25px;
            }
            
            .log-sec img {
                border-radius: 5px;
            }
            
            hr {
                margin-top: 20px;
                margin-bottom: 20px;
                border: 0;
                border-top: 1px solid #a9a4a4;
            }
            
            .form-control {
                width: 100%;
                height: 40px;
                line-height: 52px;
                padding: 0 20px;
                font-size: 14px;
                /* border: 2px solid transparent; */
                background: #f6f6f7;
                color: #0e1133;
                -webkit-border-radius: 6px;
                -moz-border-radius: 6px;
                border-radius: 6px !important;
                transition: all 0.5s ease-in-out;
                position: relative;
                padding-left: 40px;
                font-family: Poppins;
                font-family: 'Jost', sans-serif;
            }
            
            .log-2 {
                width: 280px;
            }
            
            .log-sec {
                display: flex;
                gap: 65px;
            }
            
            label {
                display: inline-block;
                max-width: 100%;
                margin-bottom: 5px;
                font-weight: 700;
                color: #fff;
                font-weight: 100;
                padding-left: 5px !important;
                line-height: normal;
                font-family: 'Jost', sans-serif;
                color: #fff;
                font-weight: 400 !important;
            }
            
            .input-group-addon {
                font-size: 12px;
                font-weight: 400;
                line-height: 1;
                color: #555;
                text-align: center;
                background-color: #eee0;
                border: 1px solid #ccc0;
                border-radius: 4px;
                position: absolute;
                left: 0px;
                z-index: 9;
                top: 7px;
            }
            
             ::placeholder {
                color: red;
                opacity: 1;
                /* Firefox */
            }
            /************************** SCROLL BEHAVIOUR START  ****************/
            
            body::-webkit-scrollbar-track {
                -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
                border-radius: 10px;
                background-color: #0b1727;
            }
            
            body::-webkit-scrollbar {
                width: 5px;
                height: 5px;
                background-color: #F5F5F5;
            }
            
            body::-webkit-scrollbar-thumb {
                border-radius: 10px;
                -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
                background-color: #c0d22e;
            }
            
            body::-moz-scrollbar-track {
                -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
                border-radius: 10px;
                background-color: #c0d22e;
            }
            
            body::-moz-scrollbar {
                width: 5px;
                height: 5px;
                background-color: #F5F5F5;
            }
            
            body::-moz-scrollbar-thumb {
                border-radius: 10px;
                -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
                background-color: #2d5174;
            }
            /************************** SCROLL BEHAVIOUR END  ****************/
            
            .accept-policy {
                position: relative;
                display: inline-block;
                margin-right: 0px;
                margin-bottom: 0;
                color: var(--eduact-text);
                font-size: 16px;
                line-height: 26px;
                font-weight: 600;
                padding-left: 0px;
                cursor: pointer;
            }
            
            .login-page__checked-box {
                padding-left: 30px;
                margin: 20px 0px;
            }
            
            .sub {
                color: #000;
                background-color: #bfd12f;
                border-color: #bfd12f;
                display: inline-flex;
                width: 100px;
                border-radius: 5px;
                /* height: 40px; */
                font-weight: 600;
                /* line-height: 25px; */
                text-transform: uppercase;
                position: relative;
                margin-left: 30px;
                padding: 10px 30px;
                display: flex;
                justify-content: center;
                align-items: center;
                transition: all 0.5s;
                transition: all 0.5s;
                position: relative;
                left: 0px;
            }
            
            .sub:hover {
                background-color: #00653b;
                border-color: #00653b;
                left: 10px;
            }
            
            .svg_img {
                position: relative;
                width: 750px;
                height: 573px;
                left: -176px;
            }
            
            .left_part {
                padding: 10px;
                background: #ffffff24;
                background: transparent;
                border-radius: 6px;
                /* border: 1px solid #dddddd96; */
                box-shadow: 1px 20px 20px 0px #00000021;
                box-shadow: none !important;
                border-top-right-radius: 0px;
                border-bottom-right-radius: 0px;
                height: 100%;
                min-height: 803px;
            }
            
            .p_0 {
                padding: 0px;
            }
            
            .image_div {
                position: relative;
                width: 100%;
                height: auto;
            }
            
            .image_div h1 {
                font-family: 'Jost', sans-serif;
                position: absolute;
                font-size: 20px;
                color: #fff;
                background-color: #c0d22e;
                display: inline-flex;
                padding: 15px 30px;
                border-radius: 113px;
                border: 1.2px solid #fff;
                font-weight: 700;
                z-index: 2;
                transition: all 0.3s ease-in-out;
            }
            
            h1.one {
                top: 112px;
                right: 60px;
            }
            
            .num_span {
                background-color: white;
                padding: 10px;
                position: absolute;
                border-radius: 100px;
                box-shadow: 2px 2px 20px 9px #00000047;
                color: #000;
                z-index: 99;
                border: 2px solid #ceb3b3;
            }
            
            h1.one .num_span {
                left: -37px;
                top: 6px;
            }
            
            h1.two .num_span {
                left: -37px;
                top: 6px;
            }
            
            h1.three .num_span {
                left: -27px;
                top: 7px;
            }
            
            h1.four .num_span {
                left: -28px;
                top: 7px;
            }
            
            h1.five .num_span {
                left: -28px;
                top: 7px;
            }
            
            h1.two {
                top: 189px;
                right: 71px;
                background-color: #00653b !important;
            }
            
            h1.three {
                top: 270px;
                right: 21px;
            }
            
            h1.four {
                bottom: 145px;
                right: 126px;
                background-color: #00653b !important;
            }
            
            h1.five {
                bottom: 62px;
                right: 102px;
            }
            
             ::-ms-input-placeholder {
                /* Edge 12-18 */
                color: #00653B !important;
            }
            
             ::placeholder {
                color: #00653B !important;
            }
            
            .typing {
                overflow: hidden;
                white-space: nowrap;
                animation: typingAnim 3s steps(50);
                text-transform: uppercase;
            }
            
            .typing h3 {
                margin: 0 0 35px;
                font-size: 20px;
                font-weight: 500;
                font-size: 45px;
                font-weight: 800;
                font-family: 'Jost', sans-serif;
                color: #fff;
            }
            
            @keyframes typingAnim {
                0% {
                    width: 0;
                }
                100% {
                    width: 100%;
                }
            }
            
            .login-7 .btn-primary {
                background: #c0d22e;
            }
            
            .login-7 .btn-lg {
                    padding: 0 50px;
    line-height: 35px;
            }
            
            .login-7 .btn-theme {
                color: #fff;
                text-align: center;
                border: 2px solid transparent;
                display: inline-block;
                position: relative;
                z-index: 1;
                transition: all .7s ease;
                border-radius: 3px;
                font-size: 17px;
                font-weight: 400;
                font-family: 'Jost', sans-serif;
                text-transform: uppercase;
            }
            
            .login-7 .btn-theme:before {
                position: absolute;
                content: "";
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                opacity: 0;
                visibility: hidden;
                transition: all .7s ease;
                z-index: -1;
                border-radius: 3px;
            }
            
            .login-7 .btn-primary:before {
                background: #c0d22e;
            }
            
            .login-7 .btn-primary:after {
                background: #c0d22e;
            }
            
            .login-7 .btn-theme:after {
                position: absolute;
                content: "";
                top: 0;
                right: 0;
                width: 100%;
                height: 100%;
                opacity: 0;
                visibility: hidden;
                transition: all .7s ease;
                z-index: -1;
            }
            
            .clearfix::after {
                display: block;
                clear: both;
                content: "";
            }
            
            .login-7 .btn-primary:hover {
                color: #c0d22e;
                border: 2px solid #c0d22e;
            }
            
            .login-7 .btn-theme:hover {
                background: transparent;
            }
            
            .login-7 .btn-theme:hover:before {
                width: 0;
                opacity: 1;
                visibility: visible;
            }
            
            .login-7 .btn-theme:hover:after {
                width: 0;
                opacity: 1;
                visibility: visible;
            }
            
            .circle {
                right: 32%;
                top: 38%;
                animation: signCircle 5s linear 0s infinite alternate;
                -webkit-animation: signCircle 5s linear 0s infinite alternate;
                z-index: 9;
            }
            
            @keyframes signCircle {
                0% {
                    -webkit-transform: rotate(0deg);
                    -moz-transform: rotate(0deg);
                    -ms-transform: rotate(0deg);
                    transform: rotate(0deg);
                }
                100% {
                    -webkit-transform: rotate(360deg);
                    -moz-transform: rotate(360deg);
                    -ms-transform: rotate(360deg);
                    transform: rotate(360deg);
                }
            }
            
            .image_div h1:hover .head_span {
                color: #000 !important;
                transition: all 1s ease;
            }
            
            .image_div h1:hover .num_span {
                background-color: #00653b;
                color: #fff;
                transition: all 1s ease-in-out;
            }
            
            .form_row {
                background: #ffffff24;
            }
            
            @media only screen and (max-width: 1180px) {
                h1.one {
                    top: 112px;
                    right: 10px;
                }
                h1.two {
                    top: 189px;
                    right: 1px;
                    background-color: #00653b !important;
                }
                h1.three {
                    top: 270px;
                    right: -19px;
                }
                h1.four {
                    bottom: 145px;
                    right: 76px;
                    background-color: #00653b !important;
                }
                h1.five {
                    bottom: 62px;
                    right: 50px;
                }
            }
            
            @media only screen and (min-width: 1400px) {
                h1.one {
                    top: 112px;
                    right: 125px;
                }
                h1.two {
                    top: 189px;
                    right: 121px;
                    background-color: #00653b !important;
                }
                h1.three {
                    top: 270px;
                    right: 75px;
                }
                h1.four {
                    bottom: 145px;
                    right: 186px;
                    background-color: #00653b !important;
                }
                h1.five {
                    bottom: 62px;
                    right: 155px;
                }
            }
            
            @media only screen and (min-width: 1600px) {
                h1.one {
                    top: 112px;
                    right: 175px;
                }
                h1.two {
                    top: 189px;
                    right: 156px;
                    background-color: #00653b !important;
                }
                h1.three {
                    top: 270px;
                    right: 165px;
                }
                h1.four {
                    bottom: 145px;
                    right: 172px;
                    background-color: #00653b !important;
                }
                h1.five {
                    bottom: 62px;
                    right: 250px;
                }
            }
            
            @media only screen and (max-width: 600px) {
                .animate-charcter {
                    font-size: 30px;
                }
                .svg_img {
                    position: absolute;
                    width: 691px;
                    height: 573px;
                    left: -141px;
                }
                .image_div h1 {
                    font-size: 13px;
                    padding: 10px 10px;
                }
                h1.four {
                    bottom: -405px;
                    right: 55px;
                    background-color: #00653b !important;
                }
                h1.three {
                    top: 270px;
                    right: -9px;
                }
                h1.two {
                    top: 195px;
                    right: 11px;
                }
                h1.one {
                    top: 122px;
                    right: 33px;
                }
                h1.five {
                    bottom: -478px;
                    right: 60px;
                }
                .log-sec img {
                    border-radius: 5px;
                    width: 150px;
                }
                section.form-sec {
                    padding: 5px 0px;
                }
                .container-fluid {
                    width: 100%;
                    max-width: 95%;
                }
                .left_part {
                    min-height: 540px;
                }
                .image_div {
                    position: relative;
                    width: 100%;
                    height: auto;
                    top: -100px;
                }
            }
            
            @media only screen and (max-width: 380px) {
                /* h1.one {
                    top: 122px;
                    right: 3px;
                } */
                .svg_img {
                    position: absolute;
                    width: 605px;
                    height: 573px;
                    left: -141px;
                }
                h1.five {
                    bottom: -458px;
                    right: 60px;
                }
                h1.four {
                    bottom: -395px;
                    right: 65px;
                    ;
                    background-color: #00653b !important;
                }
            }