/*===========================================================*/
/*===========================================================*/
/*===========================================================*/
/*style*/

@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');

:root {
    --login-popup-bg-img: '';
    --middle-state-logo-img: '';
    --middle-state-bg-img: '';
    --footer-top-bg-img: '';
}

body {
    font-size: 15px;
}

#togglePasswordBtn {
    padding-top: 10px;
    cursor: pointer;
    position: absolute;
    right: 0;
    height: 40px;
    z-index: 99999;
}

header {
    position: relative;
    padding: 7px 0;
    overflow: hidden;
    height: 100px;
}

    header .min-height {
        min-height: 117px;
    }

    .banner-2, header .uplogo {
        position: absolute;
        top: 0;
        right: 0;
    }

#section1 {
    background-image: var(--middle-state-bg-img);
    position: relative;
    background-color: #fdf1e1;
    background-repeat: repeat;
    background-size: 60%;
}

    #section1:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        background: #fdf1e1;
        opacity: 0.5;
    }

#section3 {
    position: relative;
    background-color: #fff;
    padding: 0;
    background-image: url("../../Images/Login/aboutbg.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    background-size: cover;
}

    #section3::before {
        content: "";
        position: absolute;
        right: 0px;
        top: 0px;
        width: 0;
        height: 0;
        border-top: 299px solid #006582;
        border-left: 299px solid transparent;
        z-index: 0;
    }

#section4 {
    background: linear-gradient(to bottom, #ffffff 77%,#006582 77%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#1e5799',GradientType=0 );
}

.banner-2 img {
    width: 100%;
}

header .uplogo {
    display: block;
    padding: 0;
    box-sizing: border-box;
    z-index: 9999;
    margin-right: 2em;
    margin-top: 0em;
}

    header .uplogo img {
        max-width: 88px !important;
        height: 88px !important;
    }

.banner-2 {
    z-index: 2;
    width: 50%;
}

    .banner-2 img, .top-nav ul.topleft_menu li a:hover::before a {
        width: 100%;
    }

.banner_line1 {
    height: 120px;
    position: absolute;
    top: -20px;
    z-index: 9;
    width: 182px;
    transform: skewX(34deg);
    left: 90px;
}

.banner_line1_1 {
    /*background: linear-gradient(255deg, #741258 -40%, #531263 100%);*/
    position: absolute;
    bottom: 0;
    background-color: #f54b19;
}

.banner_line1_2 {
    /*background: linear-gradient(255deg, #741258 -40%, #531263 100%);*/
    position: absolute;
    bottom: 0;
    background-color: #0079e9;
}

.banner_line1_3 {
    /*background: linear-gradient(255deg, #741258 -40%, #531263 100%);*/
    position: absolute;
    bottom: 0;
    background-color: #771665;
}

.banner_line1_4 {
    /*background: linear-gradient(255deg, #741258 -40%, #531263 100%);*/
    position: absolute;
    bottom: 0;
    background-color: #00732a;
}

.banner_line1_1 {
    width: 103px;
    height: 100%;
    right: 0;
    text-align: center;
}

    .banner_line1_1 img, .banner_line2_1 img {
        transform: skewX(-34deg);
        width: 70%;
        margin: 82px auto auto;
    }

.banner_line1_2, .banner_line1_3, .banner_line1_4 {
    width: 19px;
    height: 31%;
    right: 63%;
}

.banner_line1_3, .banner_line1_4 {
    right: 79%;
}

.banner_line1_4 {
    right: 95%;
}

.banner_line2 {
    height: 197px;
    position: absolute;
    bottom: 4%;
    z-index: 999999999999999;
    width: 112px;
    transform: skewX(33deg);
    left: 36%;
}

.banner_line2_1, .banner_line2_2, .banner_line2_3, .banner_line2_4 {
    /*background: linear-gradient(155deg, #bc1342 -40%, #571262 100%);*/
    background-color: #f54b19;
    position: absolute;
    bottom: 0;
}

.banner_line2_1 {
    width: 50px;
    height: 100%;
    right: 0;
    text-align: center;
}

.banner_line2_2, .banner_line2_3, .banner_line2_4 {
    width: 8px;
    height: 9%;
    right: 50%;
}

.banner_line2_3, .banner_line2_4 {
    right: 62%;
}

.banner_line2_4 {
    right: 73%;
}

.banner_line3, .banner_news ul {
    position: absolute;
    transform: skewX(40deg);
}

.banner_line3 {
    background: linear-gradient(330deg, #bc134200 43%, #005db5 100%);
    width: 9px;
    height: 85%;
    left: 31%;
    bottom: 0;
    text-align: center;
    top: 21%;
    z-index: 999;
}

.logo {
    position: relative;
    padding: 2px 0;
    display: flex;
    flex-wrap: wrap;
    z-index: 2;
}

    .logo img {
        z-index: 5;
        max-width: 100%;
    }

.logo-colm {
    width: 75px;
    padding: 0;
}

.logoname {
    padding: 0;
    line-height: 12px;
}

    .logoname:after {
        content: "";
        width: 180%;
        height: 0;
        border-top: 106px solid #fff;
        border-left: 39px solid transparent;
        position: absolute;
        left: 85px;
        top: 0;
        z-index: -1;
        display: none;
    }

    .logoname .hindi-name {
        color: #9b281f;
        font-family: "Tiro Devanagari Sanskrit", serif;
        margin-bottom: 0;
        font-size: 1.5em;
    }

    .logoname .hindi-line {
        margin-bottom: 0;
        font-size: .9em;
        color: #000;
    }

    .logoname .eng-name {
        font-size: 2.4em;
        margin-bottom: 2px;
        margin-top: 1px;
        color: #1d113e;
        font-weight: 700;
        text-transform: uppercase;
    }

    .logoname .eng-name1 {
        font-size: 2em;
        margin-top: 0;
        color: #f0285c;
        font-weight: 700;
        margin-bottom: 10px !important;
    }

    .logoname .eng-line {
        font-weight: 400;
        font-size: 1.4em;
        margin-top: 12px;
        color: #2d3e6a;
        margin-top: 20px;
    }

.banner_news ul {
    background: #fff;
    padding: 5px;
    bottom: -20px;
    left: 5.5%;
    width: 56.5%;
    z-index: 9;
}

.banner_news:before {
    content: "";
    background: #f54b19;
    height: 65px;
    right: 0;
    z-index: 0;
    position: absolute;
    bottom: -7px;
    left: 64px;
    transform: skewX(40deg);
    width: 56.2%;
    opacity: .7;
    z-index: 9;
}

#topCarouselBanners {
    height: 100% !important;
}

    #topCarouselBanners .fp-overflow {
        height: 100% !important;
    }

        #topCarouselBanners .fp-overflow .owl-wrapper-outer {
            height: 100% !important;
        }

            #topCarouselBanners .fp-overflow .owl-wrapper-outer .owl-wrapper {
                height: 100% !important;
            }

                #topCarouselBanners .fp-overflow .owl-wrapper-outer .owl-wrapper .owl-item {
                    height: 100% !important;
                }

#ULINS_DarpanLogin_Form .has-success .form-control-feedback,
#ULINS_DarpanForget_Form .has-success .form-control-feedback,
#ULINS_DarpanForget_OTP_Form .has-success .form-control-feedback {
    padding-right: 10px;
    padding-top: 7.5px;
    color: green !important;
}

#ULINS_DarpanLogin_Form .has-success .help-block,
#ULINS_DarpanForget_Form .has-success .help-block,
#ULINS_DarpanForget_OTP_Form .has-success .help-block {
    color: green;
    padding: 5px;
}

#ULINS_DarpanLogin_Form .has-error .form-control-feedback,
#ULINS_DarpanForget_Form .has-error .form-control-feedback,
#ULINS_DarpanForget_OTP_Form .has-error .form-control-feedback {
    padding-right: 10px;
    padding-top: 7.5px;
    color: red !important;
}

#ULINS_DarpanLogin_Form .has-error .help-block,
#ULINS_DarpanForget_Form .has-error .help-block,
#ULINS_DarpanForget_OTP_Form .has-error .help-block {
    color: red;
    padding: 5px;
}

.has-success .form-control-feedback,
.has-error .form-control-feedback {
    position: absolute;
    right: 6px;
    top: calc(40px - (22px + 14px));
    z-index: 99999;
}

#UserPasswordDiv .form-control-feedback {
    right: calc(51px + 0.25rem);
}

.otp-text {
    display: flex;
    align-items: center;
    font-weight: 500;
    width: 50%;
}

.otp-inputs {
    display: flex;
    margin: 0;
    width: 100%;
    justify-content: center;
}

    .otp-inputs input[type="text"] {
        padding: 10px;
        margin: 0px 5px;
        width: 40px;
        text-align: center;
        border: 1px solid #ccc;
        border-radius: 4px;
    }

.banner_news ul li {
    padding: 0;
    transform: skewX(-40deg);
    float: right;
    width: 96%;
    text-align: left;
    margin: 0 0 0 0;
    font-size: 23px;
    height: 44px;
    color: #575757;
    font-weight: 700;
}

.banner_news li {
    list-style: none;
}

.shoot_card {
    background: no-repeat padding-box #fff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: -7px 1px 40px rgb(0 0 0/18%);
}

.shoot_icon {
    display: flex;
    width: 100%;
}

    .shoot_icon h5 {
        font-size: 1.2rem;
        line-height: 49px;
        margin: 0;
        color: #fe8700;
    }

.top-nav {
    background-color: #fff;
    position: absolute;
    padding: 0 40px;
    right: 145px;
    transform: skewX(40deg);
    border: 1px solid #cccccc75;
    border-top: 0;
    z-index: 999;
}

    .top-nav > ul {
        margin: 0;
        transform: skewX(-40deg);
    }

    .top-nav ul.pwdarea li a img {
        width: 24px;
    }

    .top-nav li {
        list-style-type: none;
        float: left;
    }

        .hi-btn, .top-nav li a:hover {
            text-decoration: none;
        }

    .top-nav .btn-xs {
        padding: 3px 4px;
        line-height: 1.5;
        border-radius: 0;
        border: solid 1px rgba(255, 255, 255, .5);
        background-color: #fff;
        color: #333;
        font-weight: 700;
    }

    .top-nav .btn-black {
        padding: 3px 6px;
        font-size: 10px;
        line-height: 1.5;
        border-radius: 0;
        border: solid 1px #fff;
        background-color: rgba(255, 255, 255, .1);
        color: #fff;
    }

    .top-nav .btn-blue, .top-nav .btn-yellow {
        padding: 4px 8px;
        font-size: 12px;
        line-height: 1.1;
        border-radius: 0;
        border: solid 0#000;
        background-color: #00b9be;
        color: #fff;
    }

    .top-nav .btn-yellow {
        padding: 4px 6px;
        border: solid 0#d8470e;
        background-color: #f57d57;
    }

    .top-nav .input-sm {
        height: 21px;
        margin: 0;
        padding: 0 10px;
        border-radius: 0;
    }

    .top-nav .navbar-right {
        float: right !important;
        margin-bottom: 0;
        margin-right: -15px;
        margin-top: -1px;
    }

    .top-nav .defTheme {
        color: #fff;
        padding: 3px 6px;
    }

.hi-btn {
    color: #fff !important;
    padding: 5px 12px;
    display: block;
}

.language {
    padding: 0 !important;
}

.top-nav ul.pwdarea {
    float: right;
    margin-right: 0;
    padding: 0 0 0 8px;
}

    .top-nav ul.pwdarea li a {
        color: #000;
    }

    .top-nav ul.pwdarea li {
        padding: 3px 15px;
        font-weight: 600;
    }

.search a {
    color: #0a0a0a !important;
    font-size: 18px;
}

.pwdarea li .fontresize, .pwdarea li .theame {
    display: block;
    box-sizing: border-box;
    text-align: center;
    line-height: 18px;
    text-decoration: none;
    margin-top: 3px;
    font-size: 13px;
}

.pwdarea li .fontresize {
    background-color: #fff;
    padding: 3px 6px;
}

.pwdarea li .theame {
    background-color: #f0a310;
    color: #fff !important;
}

.pwdarea li .contrast {
    background-color: #000;
}

.top-nav ul.topleft_menu {
    text-align: left;
    padding: 0;
    margin: 0;
    min-height: auto;
}

    .top-nav ul.topleft_menu li {
        font-weight: 400;
    }

        .top-nav ul.topleft_menu li a {
            padding: 5px 8px;
            display: block;
            color: #fff;
            font-weight: 700;
            text-transform: uppercase;
        }

            .top-nav ul.topleft_menu li a:before {
                content: "";
                position: absolute;
                left: 0;
                bottom: 0;
                height: 1px;
                background-color: #e0ab1b;
                width: 0%;
                transition-duration: .3s;
            }

            .top-nav ul.topleft_menu li a:hover {
                background-color: #fff;
                color: #003c72;
            }

        .top-nav ul.topleft_menu li:last-child a {
            border-right: 0 solid #3e3d3d;
        }

    .top-nav ul.topleft_menu .dropdown li {
        float: none;
    }

section {
    /* padding: 40px 0; */
}

.banner, .banner-section {
    position: relative;
    overflow: hidden;
}

.banner-section {
    z-index: 10;
    padding: 0;
    background-color: #d7f4ec;
    height: 100vh !important;
}

.banner:after {
    content: "";
    position: absolute;
    right: -39.1%;
    top: 0;
    background: #d7f4ec;
    width: 51%;
    height: 100%;
    transform: skewX(32deg);
}

.bannerHeight {
    height: calc(100vh - (100px + 65px)) !important;
}

.banner {
    width: 78%;
}

/*.banner-2 .leader:after {
    content: "";
    position: absolute;
    left: -64px;
    top: 48px;
    background: linear-gradient(136deg, #d7f4ec 0%, #d7f4ec 88%);
    width: 28%;
    height: 130%;
    transform: skewX(33deg);
    bottom: 0;
}*/

.banner-2 .leader {
    position: absolute;
    top: 50px;
    right: 15%;
    width: 275px;
}

    .banner-2 .leader > ul {
        padding: 0 0 15px;
        list-style: none;
        margin: 0;
        flex-wrap: wrap;
    }

    .banner-2 .leader li {
        display: block;
        position: relative;
        margin-bottom: 1em !important;
        width: 70%;
        padding: 0px 15px;
        text-align: center;
    }

        .banner-2 .leader li:hover img {
            /*filter: grayscale(100%);
            -webkit-filter: grayscale(100%);
            -moz-filter: grayscale(0%);*/
            transform: scale(1.1);
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
        }

    .banner-2 .leader .pmmodi {
        width: 220px;
        height: 130px;
    }

        .banner-2 .leader .pmmodi img {
            text-align: center;
            padding: 0;
            border-radius: 20px;
            background: #fff;
            width: 130px;
            height: 130px;
            box-sizing: border-box;
            position: relative;
            z-index: 5;
            box-shadow: 0 11px 19px rgb(0 0 0/18%);
            margin: 0px auto;
            border: 2px solid #fff;
        }

    .banner-2 .leader .pmmodiText {
        width: 220px;
    }

    .banner-2 .leader h4 {
        /*font-family: 'Abril Fatface', cursive;*/
        font-weight: 400;
        margin-bottom: 0;
        color: #fff;
        margin-top: 6%;
        font-size: 18px;
        letter-spacing: 1px;
    }

    .banner-2 .leader p {
        font-size: .95em;
        font-weight: 400;
        margin: 0;
        color: #fff;
    }

.pwdicon > a:after {
    content: close-quote;
}

.important-link ul {
    padding: 0;
    display: flex;
    align-items: end;
    margin-bottom: -30px;
}

    .important-link ul li {
        list-style: none;
        float: left;
        display: table-cell;
        vertical-align: bottom;
        animation: 2s linear infinite float-bob-y;
    }

        .important-link ul li:nth-child(10), .important-link ul li:nth-child(2), .important-link ul li:nth-child(4), .important-link ul li:nth-child(6), .important-link ul li:nth-child(8) {
            animation: 5s linear infinite float-bob-y;
        }

.footerbtm {
    padding: 0px 0px;
    color: #fff;
    background-color: #006582;
    border-bottom: 1px solid;
}

    .footerbtm ul {
        list-style: none;
        margin: 10px 0px;
        padding: 0px;
        display: flex;
    }

        .footerbtm ul li a {
            display: block;
            padding: 0px 8px;
            color: #fff;
            text-decoration: none;
            border-right: 1px solid rgba(255,255,255,.5);
        }

        .footerbtm ul li:last-child a {
            border-right: 0px;
        }

.footer {
    background: #006582;
    position: relative;
    background-size: cover;
    z-index: 0;
    display: flex;
    align-items: end;
    padding: 50px 0;
    bottom: 0;
}

    .footer .copyright {
        color: #fff;
        padding: 0;
        margin: 0;
    }

.main, .process_area {
    z-index: 1;
    background-repeat: no-repeat;
    background-position: top left;
}

.line, .line1, .process_area, .process_icon, .process_image, .process_shape, .service-link li, .title {
    position: relative;
}

.process_card:hover, .service-links .icon:hover {
    transform: translateY(-10px);
}

.button, .button > span, .hexagon {
    vertical-align: middle;
}

.button, .main, .process_area, .statstic {
    overflow: hidden;
}

.main {
    background-image: url(../../Images/Login/collagebg.png);
    position: relative;
    background-color: #fdf1e1;
    background-repeat: repeat;
    background-size: 60%;
}

.process_area {
    background-size: contain;
}

.process_card, .process_card:hover {
    -webkit-transition: .5s ease-out;
    -moz-transition: .5s ease-out;
    -ms-transition: .5s ease-out;
    -o-transition: .5s ease-out;
    transition: .5s ease-out;
}

.process_card {
    margin-bottom: 18px;
    background: no-repeat padding-box #fff;
    border-radius: 10px;
    padding: 14px;
    box-shadow: 0 1px 40px rgb(0 0 0/9%);
}

.process_icon svg {
    width: 50px;
}

.process_icon {
    margin: 0 auto .5em;
    display: inherit;
}

.Doing_Business1, .all-policy, .service-link {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}

.process_content h4 {
    font-size: 17px;
    margin-bottom: 0;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 600;
}

.process_content p {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 14px;
    min-height: 26px;
}

.process_icon::before {
    position: absolute;
    height: calc(100%+ 20px);
    width: calc(100%+ 20px);
    background: #fff;
    content: "";
    left: -10px;
    top: -10px;
    z-index: -2;
    opacity: 1;
}

.img, .process_icon, .process_icon.process_icon_2, .process_icon.process_icon_3, .process_icon.process_icon_4, .process_icon.process_icon_5, .process_icon.process_icon_6, img {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out;
}

.pd {
    top: 20%;
    left: 0;
    right: 0;
    bottom: 30%;
}

.m1 {
    left: 40%;
}

.m2 {
    left: 7%;
}

.m3 {
    left: -6%;
}

.m4 {
    left: 23%;
}

.m5 {
    right: 35%;
}

.m6 {
    right: 15%;
}

.m7 {
    right: 5%;
}

.m8, .m9 {
    right: 0;
}

.m10 {
    right: 7%;
}

.m11 {
    right: 19%;
}

.m12 {
    right: 30%;
}

.visibal-xs {
    display: none;
}

.hidden-xs {
    display: block;
}

.top-nav ul.pwdarea li a:hover {
    opacity: .3;
}

.khelo_img img, .khelo_india.card {
    position: relative;
}

    .khelo_img:after, .khelo_india .card:after {
        content: "";
        position: absolute;
        top: 0;
        height: 100%;
    }

.khelo_img:after {
    left: 20px;
    width: 15%;
    z-index: 0;
}

.khelo_india .card {
    border-radius: 20px;
    border: 0;
    box-shadow: -7px 1px 20px rgb(0 0 0/18%);
    padding: 20px;
    overflow: hidden;
}

    .khelo_india .card:after {
        left: -33%;
        background: #fff;
        width: 51%;
        transform: skewX(32deg);
        box-shadow: -7px 1px 70px rgb(0 0 0/18%);
    }

.khelo_img img {
    z-index: 9;
}

.khelo_india h2, .khelo_india p {
    margin-bottom: 0;
    text-align: center;
}

.khelo_india h2 {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 600;
    color: #352e51;
    font-size: 1.8rem;
}

    .khelo_india h2 span {
        color: #f06c27;
    }

.khelo_india p {
    font-weight: 500;
}

.khelo_india .card .row {
    z-index: 999;
}

.c1 {
    width: 150px;
    height: 150px;
    background: #7ec8ce;
    border-radius: 100%;
    position: absolute;
    top: -60px;
    right: -70px;
    opacity: .8;
}

.important-link {
    width: 85%;
    margin: auto;
    z-index: 9999;
}

.khelo_india {
    position: relative;
    z-index: -1;
}

.important {
    padding: 0;
}

.social_icons {
    list-style: none;
    padding: 0;
    display: flex;
    float: right;
    margin: 0 0 1em;
}

    .social_icons li {
        padding: 0 5px;
    }

        .social_icons li a {
            color: #254260;
            margin-bottom: 0;
            background: #fff;
            height: 30px;
            width: 30px;
            border-radius: 2px;
            line-height: 2;
            text-align: center;
            display: block;
        }

            .social_icons li a:hover {
                color: #254260;
                background-color: rgba(255, 255, 255, .5);
            }

    .social_icons .facebook {
        color: #1877f2;
    }

    .social_icons .twitter {
        color: #1da1f2;
    }

    .social_icons .instagram {
        color: #c32aa3;
    }

    .social_icons .youtube {
        color: red;
    }

.Visitors {
    color: #fff;
    font-weight: 600;
    float: right;
    margin: 0;
    line-height: 30px;
}

.title3 {
    color: #ffffff;
    font-style: italic;
    margin-bottom: 1.5em;
    position: relative;
    text-align: center;
    font-size: calc(1.5rem);
}

    .title3:before {
        height: 4px;
        width: 5%;
        content: '';
        position: absolute;
        background-color: #b9b9b9;
        bottom: -10px;
        left: 0;
        right: 0;
        margin: auto;
    }

    .title3 span {
        color: #fabf4f;
    }

.brand-items .brand-img {
    width: auto;
    padding: 5px;
    display: table;
    align-items: center;
    BACKGROUND: #FFF;
    margin: auto;
}

    .brand-items .brand-img img {
        margin: 0 auto;
        max-width: 100%;
        height: 72px;
    }

.brand-items .news-thumb {
    list-style: none;
    border: 1px solid #efefef;
    margin: 0 10px;
}

.Startup {
    background-color: #fff;
    padding: 20px 0px 12% 0px;
    background-image: var(--footer-top-bg-img);
    background-repeat: repeat-x;
    background-position: bottom center;
    background-size: 60%;
}

    .Startup h2.wchead {
        /*font-family: 'Abril Fatface', cursive;*/
        margin-top: 2em !important;
        text-align: center;
        color: #006582;
        font-size: 1.8em;
    }

        .Startup h2.wchead span {
            color: #f54b19;
        }

.owl-next, .owl-prev {
    overflow: hidden;
    border: 0 solid #979ba7;
    width: 32px;
    height: 32px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    top: -47px;
    left: auto !important;
    right: 55px;
    font-size: 27px;
    line-height: 0;
    margin: 0 0 0 10px;
}

.brand-items .owl-buttons {
    right: 0;
}

.dasboardpanel {
    display: flex;
    padding: 10px 0px;
}

    .dasboardpanel .firstdiv, .dasboardpanel .seconddiv, .dasboardpanel .thirddiv {
        position: relative;
        box-sizing: border-box;
    }

    .dasboardpanel .firstdiv, .dasboardpanel .thirddiv {
        width: 25%;
    }

    .dasboardpanel .seconddiv {
        width: 50%;
        box-sizing: border-box;
        padding: 30px;
        margin: 0 auto;
        text-align: center;
        z-index: 9;
    }

    .dasboardpanel .firstdiv ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

        .dasboardpanel .firstdiv ul li {
            padding: 12px;
            border-radius: 55px;
            box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.38);
            position: relative;
            margin: 20px 0px;
            min-height: 97px;
            border: 1px dashed #fff;
        }

            .dasboardpanel .firstdiv ul li .content {
                text-align: right;
                padding-right: 35px;
                font-size: 13px;
                color: #fff;
            }

                .dasboardpanel .firstdiv ul li .content strong {
                    display: block;
                    color: #fff;
                    margin-bottom: 5px;
                    font-size: 18px;
                }

            .dasboardpanel .firstdiv ul li .icon {
                position: absolute;
                width: 60px;
                height: 60px;
                background-color: #fff;
                border-radius: 50%;
                right: -35px;
                box-sizing: border-box;
                padding: 8px;
                box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.38);
                z-index: 5;
            }

                .dasboardpanel .firstdiv ul li .icon > div {
                    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.38);
                    border-radius: 50%;
                    padding: 8px;
                }

                .dasboardpanel .firstdiv ul li .icon img {
                    max-width: 100%;
                }

    .dasboardpanel .thirddiv ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

        .dasboardpanel .thirddiv ul li {
            padding: 12px;
            border-radius: 55px;
            box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.38);
            position: relative;
            margin: 18px 0px;
            min-height: 97px;
            border: 1px dashed #fff;
        }

            .dasboardpanel .thirddiv ul li .content {
                text-align: left;
                padding-left: 31px;
                font-size: 13px;
                color: #fff;
            }

                .dasboardpanel .thirddiv ul li .content strong {
                    display: block;
                    color: #fff;
                    margin-bottom: 5px;
                    font-size: 18px;
                }

            .dasboardpanel .thirddiv ul li .icon {
                position: absolute;
                width: 60px;
                height: 60px;
                background-color: #fff;
                border-radius: 50%;
                left: -35px;
                box-sizing: border-box;
                padding: 8px;
                box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.38);
                z-index: 5;
            }

                .dasboardpanel .thirddiv ul li .icon > div {
                    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.38);
                    border-radius: 50%;
                    padding: 8px;
                }

                .dasboardpanel .thirddiv ul li .icon img {
                    max-width: 100%;
                }

.bgcolor-1, .bgcolor-1 .icon > div {
    background-color: #006582;
}

.bgcolor-2, .bgcolor-2 .icon > div {
    background-color: #00a8ba;
}

.bgcolor-3, .bgcolor-3 .icon > div {
    background-color: #00bd81;
}

.bgcolor-4, .bgcolor-4 .icon > div {
    background-color: #eea20f;
}

.bgcolor-5, .bgcolor-5 .icon > div {
    background-color: #ef7c16;
}

.bgcolor-6, .bgcolor-6 .icon > div {
    background-color: #ff4255;
}

.bgcolor-7, .bgcolor-7 .icon > div {
    background-color: #1258c6;
}

.bgcolor-8, .bgcolor-8 .icon > div {
    background-color: #7e8e0a;
}

.circledash {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.28);
    padding: 30px;
    width: 424px;
    height: 424px;
    border-radius: 50%;
    display: flex;
    position: relative;
    background-color: #fff;
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    border: 1px dashed #fff;
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
    margin: auto;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.circledash .div1 {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.28);
    padding: 20px;
    border-radius: 50%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background-color: #fff3e6;
    background-image: var(--middle-state-logo-img);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 85%;
}

    .circledash .div1 .d-logo {
        max-width: 150px;
        margin-bottom: 10px;
        margin-top: 0px;
    }

    .circledash .div1 h1 {
        /*font-family: 'Abril Fatface', cursive;*/
        text-transform: uppercase;
        font-size: 28px;
        font-weight: 800;
        color: #006582;
        margin-top: 10px;
    }

    .circledash .div1 h4 {
        text-transform: uppercase;
        font-size: 20px;
        color: #006582;
    }

.bgcolor-1::after {
    content: "";
    position: absolute;
    width: 65px;
    height: 1px;
    border-bottom: 2px dashed #006582;
    right: -97px;
    z-index: 0;
    transform: rotate(30deg);
}

.bgcolor-2::after {
    content: "";
    position: absolute;
    width: 65px;
    height: 1px;
    border-bottom: 2px dashed #00a8ba;
    right: -87px;
    z-index: 0;
    transform: rotate(10deg);
    top: 54px;
}

.bgcolor-3::after {
    content: "";
    position: absolute;
    width: 65px;
    height: 1px;
    border-bottom: 2px dashed #00bd81;
    right: -87px;
    z-index: 0;
    top: 39px;
}

.bgcolor-4::after {
    content: "";
    position: absolute;
    width: 65px;
    height: 1px;
    border-bottom: 2px dashed #eea20f;
    right: -87px;
    z-index: 0;
    transform: rotate(-20deg);
    top: 32px;
}

.bgcolor-5::after {
    content: "";
    position: absolute;
    width: 55px;
    height: 1px;
    border-bottom: 2px dashed #ef7c16;
    left: -77px;
    z-index: 0;
    transform: rotate(-30deg);
    top: 62px;
}

.bgcolor-6::after {
    content: "";
    position: absolute;
    width: 55px;
    height: 1px;
    border-bottom: 2px dashed #ff4255;
    left: -83px;
    z-index: 0;
    transform: rotate(-20deg);
    top: 62px;
}

.bgcolor-7::after {
    content: "";
    position: absolute;
    width: 55px;
    height: 1px;
    border-bottom: 2px dashed #1258c6;
    left: -95px;
    z-index: 0;
    transform: rotate(-5deg);
    top: 47px;
}

.bgcolor-8::after {
    content: "";
    position: absolute;
    width: 55px;
    height: 1px;
    border-bottom: 2px dashed #7e8e0a;
    left: -87px;
    z-index: 0;
    transform: rotate(20deg);
    top: 25px;
}

.banner_news span.d {
    color: #741169;
}

.banner_news span.a {
    color: #0d7523;
}

.banner_news span.r {
    color: #1e13ef;
}

.banner_news span.p {
    color: #09656d;
}

.banner_news span.ac {
    color: #eb501f;
}

.banner_news span.n {
    color: #0677ec;
}

.section-1::before {
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    width: 0;
    height: 0;
    border-top: 299px solid #d7f4ec;
    border-left: 299px solid transparent;
    z-index: 0;
}

.section-1 .events {
    z-index: 2;
    position: relative;
    margin-bottom: 30px;
    text-align: justify;
}

.section-1 h1.wc-head {
    /*font-family: 'Abril Fatface', cursive;*/
    margin-bottom: 15px;
    color: #006582;
    font-size: 2.2em;
}

.section-1 h2 {
    /*font-family: 'Abril Fatface', cursive;*/
    font-weight: 400;
    color: #f54b19;
    font-size: 1.4rem;
}

.section-1 .events p strong {
    color: #003c4b;
    text-transform: uppercase;
}

.nic-logo img {
    max-width: 100%;
    border-radius: 5px;
    border: 1px solid #fff;
    float: right;
}

.newloginbtn {
    display: inline-block;
    padding: 3px 15px;
    background-color: #fff0;
    color: #fff;
    position: absolute;
    bottom: 10%;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    right: 10%;
    transform: skew(30deg, 0deg);
    min-width: 200px;
    text-align: center;
    border: 3px solid #f54b19;
    transition-duration: .3s;
    text-decoration: none;
}

    .newloginbtn span {
        transform: skew(-30deg, 0deg);
        display: block;
    }

    .newloginbtn:hover {
        background-color: #f54b19;
        color: #fff;
    }

.bgcolor-1::after {
    content: "";
    position: absolute;
    width: 65px;
    height: 1px;
    border-bottom: 2px dashed #006582;
    right: -97px;
    z-index: 0;
    transform: rotate(30deg);
}

.bgcolor-2::after, .bgcolor-3::after, .bgcolor-4::after {
    content: "";
    position: absolute;
    width: 65px;
    height: 1px;
    right: -87px;
    z-index: 0;
}

#ULDARPAN_ContentDiv {
    min-height: 260px;
}

a.forget-link {
    cursor: pointer;
    text-decoration: auto;
    font-style: italic;
    font-size: 0.9rem;
    color: #0b57d0;
}

span.resend-timmer {
    text-decoration: auto;
    font-size: 0.9rem;
}


a.resend-link {
    cursor: pointer;
    text-decoration: auto;
    font-size: 0.9rem;
    color: #0b57d0;
}

    a.resend-link.disabled-link {
        pointer-events: none !important;
        color: gray;
    }

/*style*/
/*===========================================================*/
/*===========================================================*/
/*===========================================================*/
/*responsive*/

.mobileview {
    display: none;
}

@media only screen and (max-width:767px) {
    .banner-section {
        height: auto !important;
    }

    .bannerHeight {
        height: auto !important;
    }

    .banner_news {
        position: relative;
        top: 0px;
        z-index: 100;
        height: 10vh;
    }

        .banner_news:before {
            display: none;
        }

    .section-1 h1.wc-head {
        margin-top: 15px;
    }

    .circledash .div1 .d-logo {
        margin-bottom: 15px;
        margin-top: -10px;
        height: 80px;
        width: 80px;
    }

    .banner_news ul {
        position: relative;
        transform: skewX(0deg);
        width: 100%;
        left: 0px;
        bottom: 0px;
        margin-bottom: 0px;
    }

        .banner_news ul li {
            transform: skewX(0deg);
            float: none;
            width: 100%;
            text-align: center;
            height: auto;
            font-size: 16px;
            padding: 5px 40px 5px 20px;
        }

    .mobileview {
        display: block;
    }

    .banner-2 .leader:after, .desktopview, .bgcolor-1::after, .bgcolor-2::after, .bgcolor-3::after, .bgcolor-4::after, .bgcolor-5::after, .bgcolor-6::after, .bgcolor-5::after, .bgcolor-6::after, .bgcolor-7::after, .bgcolor-8::after {
        display: none;
    }

    .footer {
        text-align: center;
    }

    .important-link {
        width: 100%;
    }

    .process_card {
        padding: 3px;
    }

    .banner-2 .leader .pmmodi {
        width: 70px;
        height: 70px;
    }

    .banner-2 .leader .pmmodiText {
        width: 70px;
    }

    .banner-2 .leader h4 {
        margin-top: 0;
        font-size: calc(1rem);
    }

    .banner-2 .leader li, .shoot_card {
        margin-bottom: 2em !important;
    }

    .khelo_img {
        width: 50%;
    }

    .c1 {
        bottom: -60px;
        top: auto;
        z-index: -1;
    }

    .khelo_india h2 {
        font-size: 1.3rem;
        text-align: left;
    }

    .khelo_india p {
        font-size: 14px;
        text-align: left;
    }

    #section3::before {
        display: none;
    }

    .banner-2 > img, .banner-2 .banner_line2, .banner_line3 {
        display: none;
    }

    .banner-2 {
        margin-top: 2.5%;
        padding: 10px 0 20px 0;
        height: auto !important;
        min-height: 400px !important;
        background-color: #006582;
        position: relative;
        width: 100%;
        /*background-image: url("../../Images/Login/lokbhawan.png");*/
        background-size: 100%;
    }

        .banner-2 .leader {
            position: relative;
            left: 0;
            right: 0;
            top: 25px;
            width: 100%;
        }

            .banner-2 .leader li:nth-child(2) {
                margin: 0px !important;
            }

            .banner-2 .leader ul {
                display: flex;
            }

                .banner-2 .leader ul li {
                    width: 50%;
                }

            .banner-2 .leader .pmmodi {
                width: 100%;
                margin-bottom: 15px;
                height: auto;
            }

            .banner-2 .leader .pmmodiText {
                width: 100%;
            }

    .loginbtn {
        position: relative !important;
        margin: 15px auto;
        left: 0px;
        right: 0px;
        bottom: -20px;
        display: block;
        max-width: 50%;
        background: #f54b19;
    }

    .dasboardpanel {
        display: block;
    }

        .dasboardpanel .firstdiv, .dasboardpanel .seconddiv, .dasboardpanel .thirddiv {
            width: 100%;
            padding: 0;
        }

            .dasboardpanel .firstdiv ul li {
                border-radius: 15px;
                margin: 0 !important;
                margin: 15px 0 0 35px !important;
            }

            .dasboardpanel .thirddiv ul li {
                border-radius: 15px;
                margin: 0 !important;
                margin: 15px 0 0 35px !important;
            }

            .dasboardpanel .firstdiv ul li .icon {
                right: auto;
                left: -35px;
            }

            .dasboardpanel .firstdiv ul li .content {
                text-align: left;
                padding-left: 35px;
                padding-right: 15px;
            }

    .section-1::before {
        border-top: 99px solid #006582 !important;
        border-left: 99px solid transparent !important;
    }

    .nic-logo {
        text-align: center;
        margin: 9px auto;
        max-width: 175px;
    }

    .Startup {
        padding: 20px 0px 30px 0px;
        background-size: 100%;
    }

    .circledash {
        width: 100%;
        height: auto;
        border-radius: 10px;
    }

        .circledash .div1 {
            border-radius: 10px;
        }

    .logoname .eng-name {
        font-size: 1.5em;
    }

    .logoname .eng-name1 {
        font-size: 1em;
    }

    .logoname .eng-line {
        font-size: 0.9em;
        margin: 0;
    }

    .logoname {
        line-height: 15px;
    }

    header .uplogo img {
        width: 70px !important;
        height: auto !important;
    }

    header .uplogo {
        left: -6px;
    }

    header {
        padding: 5px 0;
        height: auto;
    }

    .banner_line1_2, .banner_line1_3, .banner_line1_4 {
        width: 8px;
    }

    .banner_line1_2 {
        right: 67%;
    }

    .banner_line1_3 {
        right: 60%;
    }

    .banner_line1_4 {
        right: 74%;
    }

    .banner {
        width: 100%;
        height: auto !important;
        min-height: 200px !important;
    }

        .banner::after {
            display: none;
        }

    .carousel-indicators {
        text-align: center;
    }

    .carousel-indicators {
        bottom: 0%;
        display: block;
        justify-content: center;
    }

    section {
        padding: 20px 0;
    }

    .newloginbtn {
        position: relative;
        text-align: center;
        bottom: unset;
        width: 80%;
        margin: 0 auto;
        right: unset !important;
        display: block;
        z-index: 99999;
    }

    #fp-nav.fp-right {
        display: none;
    }

    #section3 p {
        text-align: justify;
        padding: 0px 10px;
    }

    .logWidth27-5 {
        padding: 7.5px 15px !important;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .banner {
        width: 75%;
    }

    .banner-2 {
        width: 55%;
    }

        .banner-2 .leader li:first-child {
            margin-top: 140px !important;
        }

        .banner-2 .leader {
            top: 0px;
            right: 12.5%;
        }

            .banner-2 .leader:after {
                width: 32.5%;
                height: 162%;
                left: 0px;
                transform: skewX(20deg);
            }

    .banner_line2 {
        width: 105px;
        bottom: 10%;
        left: 30.5%;
        transform: skewX(20deg);
    }

    .banner_line3 {
        left: 28%;
        transform: skewX(20deg);
    }

    .banner_news:before {
        left: 75px;
        transform: skewX(20deg);
    }

    .newloginbtn {
        font-size: 14px;
        min-width: 100px;
        right: 5%;
    }
}

/*@media screen and (max-width:1599.98px) and (min-width:768px), screen and (min-height: 1000px) {
    .banner.h-100, .banner-2.h-100 {
        height: 80% !important;
    }

    .banner_news:before {
        bottom: 15px;
        width: 75%;
        height: 120px;
        transform: skewX(32.5deg);
    }

    .banner_news ul {
        background: #fff;
        padding: 15px 25px;
        bottom: 0px;
        left: 5.5%;
        width: 75%;
        height: 100px;
        z-index: 9;
    }

    #LPMPDiv .rightside {
        height: 40vh !important;
    }

    #LPMPDiv .auth-form-light .mrq-btm, #LPMPDiv .auth-form-light .footer-l {
        width: 100% !important;
        margin-left: 0 !important;
    }
}*/

@media all and (max-width:1359.98px) and (min-width:1200px) {
    .banner {
        width: 75%;
    }

    .banner-2 {
        width: 50%;
    }

        .banner-2 .leader li:first-child {
            margin-top: 140px !important;
        }

        .banner-2 .leader {
            top: 0px;
            right: 15%;
        }

            .banner-2 .leader:after {
                width: 32.5%;
                height: 162%;
                left: -22.5px;
                transform: skewX(22.5deg);
            }

    .banner_line2 {
        width: 105px;
        bottom: 10%;
        left: 34.5%;
        transform: skewX(22.5deg);
    }

    .banner_line3 {
        left: 32%;
        transform: skewX(22.5deg);
    }

    .banner_news:before {
        left: 75px;
        transform: skewX(22.5deg);
    }

    .newloginbtn {
        font-size: 16px;
        min-width: 160px;
        right: 7.5%;
    }

    .banner-2 .leader .pmmodiText {
        width: 100%;
    }
}

@media all and (max-width:1599.98px) and (min-width:1360px) {
    .banner-2 {
        width: 47.5%;
    }

        .banner-2 .leader li:first-child {
            margin-top: 130px !important;
        }

        .banner-2 .leader {
            top: 0px;
            right: 17.5%;
        }

            .banner-2 .leader:after {
                width: 35%;
                height: 162%;
                left: -25px;
                transform: skewX(27.5deg);
            }

    .banner_line2 {
        width: 107.5px;
        bottom: 10%;
        left: 38.5%;
        transform: skewX(27.5deg);
    }

    .banner_line3 {
        left: 34%;
        transform: skewX(27.5deg);
    }

    .banner_news:before {
        left: 62.5px;
        transform: skewX(33deg);
    }

    .newloginbtn {
        bottom: 7.5%;
        right: 7.5%;
        min-width: 175px;
    }

    #LPMPDiv .auth-form-light .instruction {
        background-color: #ffffff !important;
        z-index: 99 !important;
    }

    .banner-2 .leader .pmmodiText {
        width: 220px;
    }
}

@media all and (max-width:1899.98px) and (min-width:1600px) {
    .banner-2 .leader li:first-child {
        margin-top: 140px !important;
    }

    .banner-2 .leader {
        top: 50px;
        right: 20%;
    }

        .banner-2 .leader:after {
            width: 35%;
            height: 162%;
            left: -87.5px;
            transform: skewX(25deg);
        }

    .banner_line2 {
        bottom: 10%;
        left: 39%;
        transform: skewX(25deg);
    }

    .banner_line3 {
        left: 34%;
        transform: skewX(25deg);
    }

    .banner_news:before {
        left: 75px;
        transform: skewX(33deg);
    }

    .bgcolor-1::after, .bgcolor-2::after, .bgcolor-3::after, .bgcolor-4::after {
        width: 140px;
        right: -120px;
    }

    .bgcolor-5::after, .bgcolor-6::after, .bgcolor-7::after, .bgcolor-8::after {
        width: 140px;
        left: -130px;
    }

    .banner-2 .leader .pmmodiText {
        width: 100%;
    }
}

@media only screen and (min-width: 1920px) {
    Minified CSS Source map Restructure Beautify .leader li:nth-child(2) {
        margin-left: 250px !important;
    }

    .banner-2 .leader li:first-child {
        margin-top: 140px !important;
    }

    .banner-2 .leader {
        top: 50px;
        right: 24.4%;
    }

        .banner-2 .leader:after {
            height: 162%;
            width: 35%;
            left: -55px;
        }

    .banner_line2 {
        bottom: 8%;
        left: 46%;
    }

    .banner_line3 {
        left: 37%;
    }

    .banner_news:before {
        left: 90px;
        transform: skewX(40deg);
    }

    .banner-2 .leader .pmmodi {
        width: 170px;
        height: 170px;
    }

    .banner-2 .leader .pmmodiText {
        width: 170px;
    }

    .bgcolor-1::after {
        width: 150px;
        right: -121px;
    }

    .bgcolor-2::after, .bgcolor-3::after, .bgcolor-4::after {
        width: 150px;
        right: -127px;
    }

    .bgcolor-5::after {
        width: 200px;
        left: -127px;
    }

    .bgcolor-6::after, .bgcolor-8::after {
        width: 200px;
        left: -167px;
    }

    .bgcolor-7::after {
        width: 200px;
        left: -197px;
    }
}


/*responsive
/*===========================================================*/
/*===========================================================*/
/*===========================================================*/
/*Login Modal Popup*/

#LPMPDiv .container-scroller {
    overflow: hidden;
}

#LPMPDiv .rightside {
    background-position: center bottom;
    background-color: #000000;
    background-size: var(--login-popup-bg-img);
    background-repeat: no-repeat;
    position: relative;
}

    #LPMPDiv .rightside .leader {
        padding: 20px 20px;
        text-align: center;
    }

        #LPMPDiv .rightside .leader img {
            height: 140px;
            width: 140px;
            margin-bottom: 10px;
            border: 2px solid #fff;
            border-radius: 20px;
        }

        #LPMPDiv .rightside .leader h4 {
            color: #ffb147;
            margin-bottom: 0px;
            font-size: 18px;
            font-weight: 500;
            line-height: 1.2;
            background: #000;
            padding: 5px;
        }

        #LPMPDiv .rightside .leader p {
            color: #fffae1;
            margin-top: 0;
            font-size: 0.875rem;
            margin-bottom: 0.3rem;
            line-height: 1.3rem;
            background: #000;
            padding: 5px;
        }

#LPMPDiv .auth-form-light {
    background: #ffffff;
}

    #LPMPDiv .auth-form-light .mt-5 {
        margin-top: 3rem !important;
    }

    #LPMPDiv .auth-form-light .brand-logo {
        margin-bottom: 0.4rem;
    }

        #LPMPDiv .auth-form-light .brand-logo img {
            width: 200px;
            height: 75px;
            margin: 0px auto 50px auto;
            display: block;
        }

    #LPMPDiv .auth-form-light .pagetitle {
        text-align: center;
        margin-bottom: 10px;
        font-size: 20px;
        margin-top: 0;
        font-weight: 500;
        line-height: 1.2;
    }

    #LPMPDiv .auth-form-light .auth-form-btn {
        padding: 0.65rem 0.75rem;
        line-height: 1.5;
        font-weight: 700;
        font-size: 1rem;
        width: 100%;
    }

    #LPMPDiv .auth-form-light .parichaybtn {
        display: table;
        border-radius: 5px;
        text-decoration: none;
    }

        #LPMPDiv .auth-form-light .parichaybtn.btn-info {
            color: #000;
            background-color: #0dcaf0;
            border-color: #0dcaf0;
            padding: 0px;
        }

        #LPMPDiv .auth-form-light .parichaybtn span.icon {
            width: 35%;
            padding: 8px;
            background-color: rgba(0, 0, 0, 0.09);
        }

        #LPMPDiv .auth-form-light .parichaybtn img {
            max-width: 100%;
        }

        #LPMPDiv .auth-form-light .parichaybtn span {
            display: table-cell;
        }

            #LPMPDiv .auth-form-light .parichaybtn span.text {
                font-size: 18px;
                padding: 8px;
                vertical-align: middle;
                text-align: center;
                text-transform: uppercase;
                font-weight: 700;
                color: #fff;
            }

    #LPMPDiv .auth-form-light .footer-l {
        position: absolute;
        right: 0px;
        left: 0px;
        bottom: 0px;
        background-color: rgb(0 0 0 / 20%);
        color: #000;
        padding: 7px 15px;
        text-align: center;
        font-size: 14px;
        width: 41.66666667%;
        margin-left: calc(100% - 41.66666667%);
        height: 35px;
    }

    #LPMPDiv .auth-form-light .alertPara {
        text-align: justify;
        margin-bottom: 0px;
    }

    #LPMPDiv .auth-form-light .instruction {
        background-color: rgb(226 226 226 / 73%);
        padding: 10px;
        border-radius: 5px;
        bottom: 50px;
    }

        #LPMPDiv .auth-form-light .instruction .title {
            background-color: #ffffff87;
            border-radius: 4px 4px 0px 0px;
            padding: 8px;
            margin: -10px -10px 15px -10px;
        }

            #LPMPDiv .auth-form-light .instruction .title h4 {
                margin: 0px;
                padding: 6px 10px;
                color: #004088;
                font-size: 18px;
                font-weight: 500;
                line-height: 1.2;
            }

        #LPMPDiv .auth-form-light .instruction .langbutton {
            display: inline-block;
            padding: 4px 8px;
            border-radius: 4px;
            background-color: #0D74A6;
            cursor: pointer;
            font-weight: bold;
            color: #fff;
        }

        #LPMPDiv .auth-form-light .instruction .title .close {
            display: inline-block;
            padding: 4px 8px;
            cursor: pointer;
            font-size: 1.5rem;
            font-weight: 700;
            line-height: 1;
            color: #000;
            text-shadow: 0 1px 0 #fff;
            opacity: .5;
        }

        #LPMPDiv .auth-form-light .instruction ul {
            list-style: none;
            margin: 0px;
            padding: 0px;
        }

        #LPMPDiv .auth-form-light .instruction li {
            font-weight: bold;
            padding: 0px 0px 5px 20px;
            position: relative;
            font-size: 0.75rem;
            line-height: 1.8;
        }

            #LPMPDiv .auth-form-light .instruction li:before {
                content: "\e628";
                font-family: 'themify';
                position: absolute;
                left: 0px;
                color: #FB6922;
            }

    #LPMPDiv .auth-form-light .notification {
        height: 50px;
        width: 50px;
        border-radius: 50%;
        position: fixed;
        bottom: 85px;
        right: 25px;
        z-index: 100;
        border: 3px solid #2265fb;
        background-color: rgb(255, 255, 255);
        text-align: center;
        font-size: 1.6em;
        color: #2265fb;
        cursor: pointer;
        padding: 6px;
        display: none;
    }

        #LPMPDiv .auth-form-light .notification .ti-bell {
            margin-top: 2.5px;
        }

        #LPMPDiv .auth-form-light .notification:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            width: 100%;
            height: 100%;
            border: 2px solid #2265fb;
            border-radius: 3px;
            animation: scale 1.6s linear infinite;
            border-radius: 50%;
        }

    #LPMPDiv .auth-form-light .CloseBtn {
        height: 50px;
        width: 50px;
        border-radius: 50%;
        position: fixed;
        top: 15px;
        right: 25px;
        z-index: 100;
        border: 3px solid #fb6922;
        background-color: rgb(255, 255, 255);
        text-align: center;
        font-size: 1.6em;
        color: #fb6922;
        cursor: pointer;
        padding: 6px;
        display: none;
    }

        #LPMPDiv .auth-form-light .CloseBtn .ti-close {
            margin-top: 5px;
        }

        #LPMPDiv .auth-form-light .CloseBtn:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            width: 100%;
            height: 100%;
            border: 2px solid #fb6922;
            border-radius: 3px;
            animation: scale 1.6s linear infinite;
            border-radius: 50%;
        }

    #LPMPDiv .auth-form-light .mrq-btm {
        position: absolute;
        right: 0px;
        left: 0px;
        bottom: 35px;
        height: 35px;
        width: 41.66666667%;
        margin-left: calc(100% - 41.66666667%);
        background: yellow;
        color: #000;
        padding-top: 6px;
        font-size: 0.9rem;
        line-height: 1.3rem;
        font-weight: 600;
    }

.logWidth7-5 {
    width: 7.5% !important;
}

.logWidth20 {
    width: 20% !important;
}

.logWidth32-5 {
    width: 32.5% !important;
    /*background-image: url('../../Images/captch-noise.jpg');*/
    background-color: var(--bs-tertiary-bg);
    padding: 7.5px 50px;
}

.logWidth27-5 {
    width: 27.5% !important;
    /*background-image: url('../../Images/captch-noise.jpg');*/
    background-color: var(--bs-tertiary-bg);
    padding: 7.5px 50px;
}

.logWidth60 {
    width: 60% !important;
}

.logWidth50 {
    width: 50% !important;
}

.logWidth92-5 {
    width: 92.5% !important;
    height: 40px !important;
}

.logWidth80 {
    width: 80% !important;
    height: 40px !important;
}

@media only screen and (max-width:479px) {
    #LPMPDiv .rightside {
        height: 0px;
        display: none;
    }

    #LPMPDiv .auth-form-light .brand-logo img {
        width: 160px;
        margin: 0px auto 10px auto;
    }

    .logWidth7-5 {
        width: 15% !important;
    }

    .logWidth92-5 {
        width: 85% !important;
    }

    .logWidth32-5 {
        width: 40% !important;
        padding: 7.5px 25px;
    }

    .logWidth60 {
        width: 45% !important;
    }

    #LPMPDiv .auth-form-light {
        height: calc(100vh - 500px);
    }

        #LPMPDiv .auth-form-light .mt-5 {
            margin-top: 2rem !important;
        }

        #LPMPDiv .auth-form-light .brand-logo {
            margin-top: 2rem;
        }

        #LPMPDiv .auth-form-light .parichaybtn span.icon {
            width: 25%;
        }

        #LPMPDiv .auth-form-light .mrq-btm {
            width: 100%;
            margin-left: 0;
            bottom: 60px;
        }

        #LPMPDiv .auth-form-light .footer-l {
            width: 100%;
            margin-left: 0;
            height: 60px;
        }
}

@media all and (min-width: 480px) and (max-width: 767px) {
    #LPMPDiv .rightside {
        height: 500px;
    }

    #LPMPDiv .auth-form-light {
        height: calc(100vh - 500px);
    }

        #LPMPDiv .auth-form-light .mt-5 {
            margin-top: 1rem !important;
        }

        #LPMPDiv .auth-form-light .brand-logo {
            margin-top: 1rem;
        }

        #LPMPDiv .auth-form-light .parichaybtn span.icon {
            width: 25%;
        }
}

@media all and (min-width: 768px) and (max-width: 1024px) {
    .banner {
        height: 50% !important;
        margin-top: 25% !important;
    }

    .banner-2 .leader {
        top: 15% !important;
    }

    .logWidth7-5 {
        width: 12.5% !important;
    }

    .logWidth32-5 {
        width: 40% !important;
        padding: 7.5px 30px;
    }

    .logWidth60 {
        width: 45.5% !important;
    }

    .logWidth92-5 {
        width: 87.5% !important;
    }

    .input-group.mb-3 {
        margin-bottom: 0.5rem !important;
    }

    #ULINS_DarpanLogin_Form {
        padding: 0px !important;
    }

    #LPMPDiv .rightside {
        height: 40vh;
    }

    #LPMPDiv .auth-form-light {
        height: 100vh;
    }

        #LPMPDiv .auth-form-light.px-sm-5 {
            padding-right: 2rem !important;
            padding-left: 2rem !important;
        }

        #LPMPDiv .auth-form-light .brand-logo img {
            width: 200px;
            margin: 0px auto 15px auto;
            display: block;
        }

        #LPMPDiv .auth-form-light .mt-5 {
            margin-top: 1rem !important;
        }

        #LPMPDiv .auth-form-light .brand-logo {
            margin-top: 1rem;
        }

        #LPMPDiv .auth-form-light .parichaybtn span.icon {
            width: 25%;
        }

        #LPMPDiv .auth-form-light .mrq-btm {
            width: 100%;
            margin-left: 0;
        }

        #LPMPDiv .auth-form-light .footer-l {
            width: 100%;
            margin-left: 0;
        }

    .circledash {
        margin-top: 150px;
        padding: 10px;
        width: 280px;
        height: 280px;
    }

        .circledash .div1 h1 {
            font-size: 20px;
        }

        .circledash .div1 h4 {
            font-size: 18px;
        }

    .banner_news:before {
        height: 100px;
    }

    .banner_news ul {
        bottom: -18px;
    }

        .banner_news ul li {
            height: 70px;
        }
}

@media all and (max-width:1359.98px) and (min-width:1200px) {
    .logWidth7-5 {
        width: 9% !important;
    }

    .logWidth32-5 {
        width: 40% !important;
        padding: 7.5px 30px;
    }

    .logWidth60 {
        width: 51% !important;
    }

    .logWidth92-5 {
        width: 91% !important;
    }

    .input-group.mb-3 {
        margin-bottom: 0.5rem !important;
    }

    #ULINS_DarpanLogin_Form {
        padding: 0px !important;
    }

    #LPMPDiv .rightside {
        height: 100vh;
    }

    #LPMPDiv .auth-form-light {
        height: 100vh;
    }

        #LPMPDiv .auth-form-light.px-sm-5 {
            padding-right: 2rem !important;
            padding-left: 2rem !important;
        }

        #LPMPDiv .auth-form-light .brand-logo img {
            width: 250px;
            margin: 0px auto 20px auto;
            display: block;
        }

        #LPMPDiv .auth-form-light .mt-5 {
            margin-top: 0.5rem !important;
            margin-bottom: 1rem !important;
        }

        #LPMPDiv .auth-form-light .parichaybtn span.icon {
            width: 27.5%;
        }
}

@media all and (max-width:1599.98px) and (min-width:1360px) {
    .banner_line1 {
        left: 140px;
    }

    .logWidth7-5 {
        width: 9% !important;
    }

    .logWidth32-5 {
        width: 40% !important;
        padding: 7.5px 30px;
    }

    .logWidth60 {
        width: 51% !important;
    }

    .logWidth92-5 {
        width: 91% !important;
    }

    .input-group.mb-3 {
        margin-bottom: 0.5rem !important;
    }

    #ULINS_DarpanLogin_Form {
        padding: 0px !important;
    }

    #LPMPDiv .rightside {
        height: 100vh;
    }

    #LPMPDiv .auth-form-light {
        height: 100vh;
    }

        #LPMPDiv .auth-form-light.px-sm-5 {
            padding-right: 2rem !important;
            padding-left: 2rem !important;
        }

        #LPMPDiv .auth-form-light .brand-logo img {
            width: 200px;
            margin: 0px auto 5px auto;
        }

        #LPMPDiv .auth-form-light .mt-5 {
            margin-top: 0.5rem !important;
        }

        #LPMPDiv .auth-form-light .mb-4 {
            margin-bottom: 0rem !important;
        }

        #LPMPDiv .auth-form-light .instruction li {
            font-size: 0.7rem;
        }

        #LPMPDiv .auth-form-light .parichaybtn span.icon {
            width: 22.5%;
        }
}

@media all and (max-width:1899.98px) and (min-width:1600px) {
    #LPMPDiv .auth-form-light .brand-logo img {
        width: 300px;
        margin: 0px auto 30px auto;
    }

    #LPMPDiv .auth-form-light .mt-5 {
        margin-top: 2rem !important;
    }

    #LPMPDiv .auth-form-light .instruction li {
        font-size: 0.8rem;
    }

    #LPMPDiv .auth-form-light .parichaybtn span.icon {
        width: 30%;
    }
}

@media only screen and (min-width: 1920px) {
}
/*===========================================================*/
/*===========================================================*/
/*===========================================================*/
/*OLD CODE*/
section#features .media i.fa {
    width: 2.75em !important;
}

.footelink ul li a {
    font-size: 1.25em;
}

.bennerText {
    color: #fff;
    line-height: 40px;
    font-size: 25px;
}

@media all and (max-width:480px) {
    .bennerText {
        color: #fff;
        line-height: 30px;
        font-size: 20px;
        text-align: center;
        margin-top: 10px;
    }
}

@media all and (min-width:481px) and (max-width:720px) {
    .bennerText {
        color: #fff;
        line-height: 120px;
        font-size: 18px;
        text-align: left;
    }
}

.navbar-header:before {
    background-color: #fff !important;
}

.theme-config {
    position: absolute;
    top: 150px;
    right: 0;
    overflow: hidden;
    z-index: 10;
    height: 50px;
}

.theme-config-box {
    margin-right: -375px;
    position: relative;
    z-index: 2000;
    transition-duration: 0.8s;
}

    .theme-config-box.show {
        margin-right: 0;
    }

.spin-icon {
    position: absolute;
    padding: 5.5px 10px 5.5px 13px;
    border-radius: 20px 0 0 20px;
    font-size: 16px;
    top: 0;
    left: 0;
    width: 100px;
    color: #fff;
    cursor: pointer;
}

    .spin-icon .title {
        font-family: verdana;
        color: blue;
        text-align: center;
        font-weight: 600;
        display: block;
        padding: 0px 0px;
        font-size: 12px;
    }

.skin-settings {
    width: 250px;
    margin-left: 245px;
    background: #f3f3f4;
}

.setings-item {
    padding: 10px;
}

    .setings-item.skin {
        text-align: center;
    }

    .setings-item .switch {
        float: right;
    }

.loginbtn {
    background: #6e0d38;
    border-radius: 15px 0;
    display: inline-block;
    padding: 8px 25px;
    color: #fff;
    font-size: 15px;
    border: 2px solid #fff;
}

.modal-backdrop.in {
    opacity: 1;
}

.modal-header {
    border-bottom: 1px solid #000;
    padding: 5px 5px 0px 5px;
}

.modal-dialog {
    width: 100%;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: hidden;
    z-index: 9999 !important;
}

section#DeptSearch {
    padding: 0px !important;
}

.navbar-default .navbar-toggle {
    display: none !important;
}

@media all and (min-width:0px) and (max-width:480px) {
    .theme-config {
        top: 115px;
        height: 40px;
    }

    .spin-icon {
        padding: 0px 10px 5.5px 13px;
    }

    .loginbtn {
        padding: 7.5px 25px;
    }
}

.launchPadding {
    padding: 0px !important;
}

.mSCover {
    background-size: cover;
}

.modal-backdrop {
    background: #000 !important;
}

.socialIconBox {
    top: 230px;
    width: 45px;
    height: 125px;
    right: 0px;
    position: fixed;
    margin-right: 0px;
    z-index: 999;
    background-color: #fff;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border: 1px solid #e2e2e2;
    padding-top: 5px;
    padding-bottom: 7px;
    padding-left: 0px !important;
    -webkit-box-shadow: -5px 0px 4px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: -5px 0px 4px -3px rgba(0,0,0,0.75);
    box-shadow: -5px 0px 4px -3px rgba(0,0,0,0.75);
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

#topDarpanLogoImg {
    width: 100px;
    height: auto;
}

/*OLD CODE*/
/*===========================================================*/
/*===========================================================*/
/*===========================================================*/


@media (max-width: 767px) {
    .button-text {
        display: none;
    }

    #RefreshCaptchaDiv .logWidth27-5 {
        width: 80% !important;
    }

    #RefreshCaptchaDiv .logWidth50 {
        width: 100% !important;
    }

    #LPMPDiv .modal-content {
        overflow-y: scroll;
    }
}

@media (max-width: 991px) {
    #LPMPDiv .rightside {
        height: 0vh;
        display: none;
    }
}