/*------------------------------------------------------------------
[Main Stylesheet]

Project:    ODDO
Version:    1.1.0
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Table of contents]
    *. Login Layout 1 / .login-1
    *. Login Layout 2 / .login-2
    *. Login Layout 3 / .login-3 
    *. Login Layout 4 / .login-4
    *. Login Layout 5 / .login-28
    *. Login Layout 6 / .login-6
    *. Login Layout 7 / .login-26
    *. Login Layout 8 / .login-30
    *. Login Layout 9 / .login-9
    *. Login Layout 10 / .login-10
    *. Login Layout 11 / .login-11
    *. Login Layout 12 / .login-12
    *. Login Layout 13 / .login-43
    *. Login Layout 14 / .login-14
    *. Login Layout 15 / .login-15
    *. Login Layout 16 / .login-16
    *. Login Layout 17 / .login-17
    *. Login Layout 18 / .login-18
    *. Login Layout 19 / .login-19
    *. Login Layout 20 / .login-33
    *. Login Layout 21 / .login-21
    *. Login Layout 22 / .login-22
    *. Login Layout 23 / .login-32
    *. Login Layout 24 / .login-24
    *. Login Layout 25 / .login-25
    *. Login Layout 26 / .login-31
    *. Login Layout 27 / .login-27
    *. Login Layout 28 / .login-35
    *. Login Layout 29 / .login-29
    *. Login Layout 30 / .login-23
    *. Login Layout 31 / .login-5
    *. Login Layout 32 / .login-7
    *. Login Layout 33 / .login-20
    *. Login Layout 34 / .login-34
    *. Login Layout 35 / .login-8

    *. Login inner form / .login-inner-form
    *. Login inner form details / .details
-------------------------------------------------------------------*/
/** GLOBAL CLASSES **/

*{    font-family: 'Open',sans-serif;}

body {
    color: #535353;
}

.form-control:focus {
    box-shadow: none;
}

/** Login 1 start **/

h3 {
    font-family: 'Jost', sans-serif;
    color: #040404;
}

/** Login 2 start **/
.login-2 .login-2-inner {
    z-index: 999;
    position: relative;
    min-height: 100vh;
    text-align: center;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    overflow: hidden;
    padding: 30px 0;
}

.login-2 .login-2-inner:before {
    content: "";
    width: 35%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/img-2.html) top left repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 0 30px 30px 0;
}

.login-2 h1, h3 {
    font-family: 'Jost', sans-serif;
}

.login-2 .login-box {
    background: #fff;
    border-radius: 20px;
    margin: 0 auto;
    /*box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);*/
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    background:#f5f5f5;
    /*background:#287fcb; */
    /*url(../images/gatebg.jpg) top left repeat;*/
/*    background-size: cover;*/
    position: relative;
    max-width: 1140px;
}

.login-2 .form-section {
    text-align: center;
    padding: 25px 40px;
    /* background: #fff; */
    background: #cde1e9;
    border-radius: 20px 0 0 20px;
}

.login-2 .form-section p{
    color: #535353;
    font-size: 16px;
}

.login-2 .form-section a {
    text-decoration: none;
    color: #535353;
}

.login-2 .pad-0{
    padding: 0;
}

.login-2 .form-section h3 {
    text-align: center;
    margin: 0 0 25px;
    font-size: 23px;
    font-weight: 400;
    color: #040404;
}

.login-2 .form-section .form-group {
    margin-bottom: 15px;
}

.login-2 .form-section .form-control {
    padding: 10px 25px;
    font-size: 16px;
    outline: none;
    color: #535353;
    border-radius: 50px;
    border: 1px solid #f3f3f3;
    background: #f3f3f3;
    height: 50px;
}

.login-2 .form-section button:focus {
    outline: none;
    outline: 0 auto -webkit-focus-ring-color;
}

.login-2 .btn-theme {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-appearance: none;
    border: none;
    outline: none !important;
    color: #ffffff;
    text-transform: capitalize;
    transition: all 0.3s linear;
    z-index: 1;
    overflow: hidden;
    cursor: pointer;
    font-weight: 400;
    font-family: 'Jost', sans-serif;
    border-radius: 50px;
    float: left;
}

.login-2 .btn-theme:hover {
    color: #fff;
}

.login-2 .btn-theme:hover:after {
    transform: perspective(200px) scaleX(1.05) rotateX(0deg) translateZ(0);
    transition: transform 0.4s linear, transform 0.4s linear;
}

.login-2 .btn-theme:after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    border-radius: 7px;
    transform: perspective(200px) scaleX(0.1) rotateX(90deg) translateZ(-10px);
    transform-origin: bottom center;
    transition: transform 0.4s linear, transform 0.4s linear;
    z-index: -1;
    background: #0dcaf0;
}

.login-2 .btn-info:after {
    background: #28c7e7;
}

.login-2 .btn-lg{
    font-size: 17px;
    padding: 0 50px;
    line-height: 50px;
}

.login-2 .btn{
    box-shadow: none!important;
}

.login-2 .info{
    position: relative;
    width: 480px;
    margin: 0 auto;
    height: 480px;
}

.login-2 .info .box h3{
    font-size: 35px;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: 500;
    color: #fff;
    line-height: 70px;
}

.login-2 .info .box {
    position: absolute;
    width: 480px;
    margin: 0 auto;
    height: 480px;
    overflow: hidden;
    padding: 20px;
    border: solid 5px rgb(255 255 255 / 20%);
}

.login-2 .info .box .content{
    position:absolute;
    top:15px;
    left:15px;
    right:15px;
    bottom:15px;
    border: solid 1px rgb(255 255 255 / 20%);
    padding: 20px 20px;
}

.login-2 .info .box span{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    box-sizing: border-box;
}

.login-2 .info .box span:nth-child(1) {
    transform:rotate(0deg);
}

.login-2 .info .box span:nth-child(2) {
    transform:rotate(90deg);
}

.login-2 .info .box span:nth-child(3) {
    transform:rotate(180deg);
}

.login-2 .info .box span:nth-child(4) {
    transform:rotate(270deg);
}

.login-2 .info .box span:before {
    content: '';
    position: absolute;
    width:100%;
    height: 2px;
    background: #fff;
    animation: animate 4s linear infinite;
}

@keyframes animate {
    0% {
        transform:scaleX(0);
        transform-origin: left;
    }
    50% {
        transform:scaleX(1);
        transform-origin: left;
    }
    50.1% {
        transform:scaleX(1);
        transform-origin: right;
    }

    100% {
        transform:scaleX(0);
        transform-origin: right;
    }
}

.login-2.login-background {
    animation: Gradient 15s ease infinite;
    position: relative;
    /*height: 100vh;*/
    width: 100%;
    overflow: hidden;
}

.login-2.login-background .cube {
    position: absolute;
    top: 80vh;
    right: 200px;
    width: 10px;
    height: 10px;
    border: solid 1px red;
    transform-origin: top left;
    transform: scale(0) rotate(0deg) translate(-50%, -50%);
    animation: cube 6s ease-in forwards infinite;
}

.login-2.login-background .cube:nth-child(2n) {
    border-color: #00cad4;
}

.login-2.login-background .cube:nth-child(2) {
    animation-delay: 2s;
    right: 300px;
    border-color: yellow;
    top: 200px;
}

.login-2.login-background .cube:nth-child(3) {
    animation-delay: 3s;
    right: 50%;
    top: 150px;
    border-color: blue;
}

.login-2.login-background .cube:nth-child(4) {
    animation-delay: 4s;
    right: 30%;
    top: 150px;
}

.login-2.login-background .cube:nth-child(5) {
    animation-delay: 5s;
    right: 50%;
    bottom: 150px;
    border-color: black;
}

/* Animate Background*/
@keyframes Gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
@keyframes cube {
    from {
        transform: scale(0) rotate(0deg) translate(-50%, -50%);
        opacity: 1;
    }
    to {
        transform: scale(20) rotate(960deg) translate(-50%, -50%);
        opacity: 0;
    }
}

/** Social media **/

@media (max-width: 1200px) {
    .login-2 .form-section {
        padding: 70px 50px;
    }
}

@media (max-width: 992px) {
    .login-2 .form-section h3 {
        font-size: 22px;
    }

    .login-2 .form-info{
        width: 100%;
    }

    .login-2 .form-section {
        padding: 60px;
        border-radius: 10px;
    }

    .login-2 .bg-img{
        display: none!important;
    }

    .login-2 .login-box {
        max-width: 500px;
    }

    .login-2 .login-2-inner:before {
        display: none;
    }

    .login-2.login-background .cube:nth-child(2) {
        right: 100px;
        top: 100px;
    }

    .login-2.login-background .cube:nth-child(3) {
        left: 50px;
        top: 50px;
    }

    .login-2.login-background .cube:nth-child(4) {
        left: 100px;
        top: 350px;
    }

    .login-2.login-background .cube:nth-child(5) {
        left: 100px;
        bottom: 50px;
    }
}

@media (max-width: 768px) {
    .login-2 .form-section{
        padding: 50px 30px;
    }
}
/** Login 2 end **/

/** Login 3 start **/

h3 {
    font-family: 'Jost', sans-serif;
}
/** Login 3 end **/

/** Login 4 start **/

h3 {
    font-family: 'Jost', sans-serif;
}

/** Social media **/
/** Login 4 end **/

/** Login 5 start **/
h3 {
    font-family: 'Jost', sans-serif;
}

.btn:focus {
    outline: 0;
    box-shadow: none;
}
/** Login 5 end **/

/** Login 6 start **/

h3 {
    font-family: 'Jost', sans-serif;
}

.btn-theme:focus {
    box-shadow: none;
}

/** MEDIA **/
/** Login 6 end **/

/** Login 7 start **/
h3 {
    font-family: 'Jost', sans-serif;
}

.btn-theme:focus {
    box-shadow: none;
}

/** MEDIA **/
/** Login 7 end **/

/** Login 8 start **/

h3 {
    font-family: 'Jost', sans-serif;
}

.btn-theme:focus {
    box-shadow: none;
}

/** MEDIA **/
/** Login 8 end **/

/** Login 9 start **/

h3 {
    font-family: 'Jost', sans-serif;
}

/** Social media **/

/** MEDIA **/
/** Login 9 end **/

/** Login 10 start **/

h3 {
    font-family: 'Jost', sans-serif;
}

.btn:focus {
    outline: 0;
    box-shadow: none;
}

:root{
    --animation-duration:1s;
    --bounce-height:calc(205px - 100vh);
}
/** Login 10 end **/

/** Login 11 start **/

h3 {
    font-family: 'Jost', sans-serif;
}

/** MEDIA **/
/** Login 11 start **/

/** Login 12 start **/

h3 {
    font-family: 'Jost', sans-serif;
}

.btn-theme:focus {
    box-shadow: none;
}

/** MEDIA **/
/** Login 12 end **/

/** Login 13 start **/

h3 {
    font-family: 'Jost', sans-serif;
}

/** Social media **/

/** MEDIA **/
/** Login 13 end **/

/** Login 14 start **/

/* Animate Background*/
@keyframes Gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
@keyframes cube {
    from {
        transform: scale(0) rotate(0deg) translate(-50%, -50%);
        opacity: 1;
    }
    to {
        transform: scale(20) rotate(960deg) translate(-50%, -50%);
        opacity: 0;
    }
}

h3 {
    font-family: 'Jost', sans-serif;
}

/** Social media **/
/** Login 14 end **/

/** Login 15 start **/

h3 {
    font-family: 'Jost', sans-serif;
}

.btn:focus {
    outline: 0;
    box-shadow: none;
}

/** Social media **/
/** Login 15 end **/

/** Login 16 start **/

h3 {
    font-family: 'Jost', sans-serif;
}

/** Social media **/
/** Login 16 end **/

/** Login 17 start **/

h3 {
    font-family: 'Jost', sans-serif;
}

.btn-theme:focus {
    box-shadow: none;
}

/** MEDIA **/
/** Login 17 end **/

/** Login 18 start **/

h3 {
    font-family: 'Jost', sans-serif;
}

.btn-theme:focus {
    box-shadow: none;
}

/** Social media **/
/** Login 18 end **/

/** Login 19 start **/

h3 {
    font-family: 'Jost', sans-serif;
}

.btn-theme:focus {
    box-shadow: none;
}
/** Login 19 end **/

/** Login 20 start **/

h3 {
    font-family: 'Jost', sans-serif;
}

@keyframes animate {
    0% {
        transform:scaleX(0);
        transform-origin: left;
    }
    50% {
        transform:scaleX(1);
        transform-origin: left;
    }
    50.1% {
        transform:scaleX(1);
        transform-origin: right;
    }

    100% {
        transform:scaleX(0);
        transform-origin: right;
    }
}

/** Social media **/
/** Login 20 end **/

/** Login 21 start **/

h3 {
    font-family: 'Jost', sans-serif;
}

.btn-theme:focus {
    box-shadow: none;
}

/** MEDIA **/
/** Login 21 end **/

/** Login 22 start **/

h3 {
    font-family: 'Jost', sans-serif;
}

.btn-theme:focus {
    box-shadow: none;
}

/** Social media **/

/** MEDIA **/
/** Login 22 end **/

/** Login 23 start **/

h3 {
    font-family: 'Jost', sans-serif;
}

.btn-theme:focus {
    box-shadow: none;
}

/** MEDIA **/
/** Login 23 end **/

/** Login 24 start **/

h3 {
    font-family: 'Jost', sans-serif;
}

.btn-theme:focus {
    box-shadow: none;
}

/** MEDIA **/
/** Login 24 end **/

/** Login 25 start **/

h3 {
    font-family: 'Jost', sans-serif;
}

/** Social media **/
/** Login 25 end **/

/** Login 26 start **/

h3 {
    font-family: 'Jost', sans-serif;
}

/** Social media **/
/** Login 26 end **/

/** Login 27 start **/

h3 {
    font-family: 'Jost', sans-serif;
}

.btn-theme:focus {
    box-shadow: none;
}

/** Social media **/
/** Login 27 end **/

/** Login 28 start **/

h3 {
    font-family: 'Jost', sans-serif;
}
/** Login 28 end **/

/** Login 29 start **/

h3 {
    font-family: 'Jost', sans-serif;
}

/** Social media **/
/** Login 29 end **/

/** Login 30 start **/

h3 {
    font-family: 'Jost', sans-serif;
}

/** Social media **/

/** MEDIA **/
/** Login 30 end **/

/** Login 31 start **/

h3 {
    font-family: 'Jost', sans-serif;
}

h1, h3 {
    font-family: 'Jost', sans-serif;
}

.btn-theme:focus {
    box-shadow: none;
}

/** MEDIA **/
/** Login 31 end **/

/** Login 32 start **/

h3 {
    font-family: 'Jost', sans-serif;
}

/** Animate Image start **/

.btn-theme:focus {
    box-shadow: none;
}

/** MEDIA **/
/** Login 32 start **/

/** Login 33 start **/

h3 {
    font-family: 'Jost', sans-serif;
}

.btn-theme:focus {
    box-shadow: none;
}

/** MEDIA **/
/** Login 33 end **/

/** Login 34 start **/

h3 {
    font-family: 'Jost', sans-serif;
}

/** Social media **/
/** Login 34 end **/

/** Login 35 start **/

h3 {
    font-family: 'Jost', sans-serif;
}

.btn-theme:focus {
    box-shadow: none;
}
/** Login 35 end **/

/*Add manoj Css*/
.modify-look{
    padding: 15px;
    border-radius: 40px;
    background: #f3f3f3;
    border: none;
    width: 100%;
}

/*!
 * Bootstrap v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}h1,h3{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}ul{margin-top:0;margin-bottom:1rem}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}table{border-collapse:collapse}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,select{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=submit],button{-webkit-appearance:button}[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}h1,h3{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}h1{font-size:2.5rem}h3{font-size:1.75rem}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col-lg-6{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}@media (min-width:992px){.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}}.form-control{display:block;width:100%;height:calc(2.25rem + 2px);padding:.375rem .75rem;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control:disabled{background-color:#e9ecef;opacity:1}.form-group{margin-bottom:1rem}.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:focus,.btn:hover{text-decoration:none}.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.navbar-toggler:not(:disabled):not(.disabled){cursor:pointer}.page-link:not(:disabled):not(.disabled){cursor:pointer}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}.close:not(:disabled):not(.disabled){cursor:pointer}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{color:#000;text-decoration:none;opacity:.75}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){}.bg-info{background-color:#17a2b8!important}button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.clearfix::after{display:block;clear:both;content:""}.d-flex{display:-ms-flexbox!important;display:flex!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}@supports ((position:-webkit-sticky) or (position:sticky)){}.mb-0{margin-bottom:0!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}tr{page-break-inside:avoid}h3,p{orphans:3;widows:3}h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.badge{border:1px solid #000}}

 .webfont-add li{    text-align: left !important;
    color: #fff;
    font-size: 20px;
margin-left: 11%;}
/*# sourceMappingURL=bootstrap.min.css.map */


/* start second section css here@@@@@@@@@@@@@@@@@@@@ */

/*------------------------------------------------------------------
[Main Stylesheet]

Project:    ODDO
Version:    1.1.0
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Table of contents]
    *. Login Layout 1 / .login-1
    *. Login Layout 2 / .login-2
    *. Login Layout 3 / .login-3
    *. Login Layout 4 / .login-4
    *. Login Layout 5 / .login-28
    *. Login Layout 6 / .login-6
    *. Login Layout 7 / .login-26
    *. Login Layout 8 / .login-30
    *. Login Layout 9 / .login-9
    *. Login Layout 10 / .login-10
    *. Login Layout 11 / .login-11
    *. Login Layout 12 / .login-12
    *. Login Layout 13 / .login-43
    *. Login Layout 14 / .login-14
    *. Login Layout 15 / .login-15
    *. Login Layout 16 / .login-16
    *. Login Layout 17 / .login-17
    *. Login Layout 18 / .login-18
    *. Login Layout 19 / .login-19
    *. Login Layout 20 / .login-33
    *. Login Layout 21 / .login-21
    *. Login Layout 22 / .login-22
    *. Login Layout 23 / .login-32
    *. Login Layout 24 / .login-24
    *. Login Layout 25 / .login-25
    *. Login Layout 26 / .login-31
    *. Login Layout 27 / .login-27
    *. Login Layout 28 / .login-35
    *. Login Layout 29 / .login-29
    *. Login Layout 30 / .login-23
    *. Login Layout 31 / .login-5
    *. Login Layout 32 / .login-7
    *. Login Layout 33 / .login-20
    *. Login Layout 34 / .login-34
    *. Login Layout 35 / .login-8

    *. Login inner form / .login-inner-form
    *. Login inner form details / .details
-------------------------------------------------------------------*/
/** GLOBAL CLASSES **/

body {
    font-family: 'Open Sans', sans-serif;
    color: #535353;
}

.img-fluid {
    max-width: 100% !important;
    height: auto;
}

/** Login 1 start **/

h2, h3, h5 {
    font-family: 'Jost', sans-serif;
    color: #040404;
}

/** Login 2 start **/

h2, h3, h5 {
    font-family: 'Jost', sans-serif;
}

/* Animate Background*/

/** Social media **/
/** Login 2 end **/

/** Login 3 start **/

h2, h3, h5 {
    font-family: 'Jost', sans-serif;
}
/** Login 3 end **/

/** Login 4 start **/

h2, h3, h5 {
    font-family: 'Jost', sans-serif;
}

/** Social media **/
/** Login 4 end **/

/** Login 5 start **/
h2, h3, h5 {
    font-family: 'Jost', sans-serif;
}
/** Login 5 end **/

/** Login 6 start **/

h2, h3, h5 {
    font-family: 'Jost', sans-serif;
}

/** MEDIA **/
/** Login 6 end **/

/** Login 7 start **/
h2, h3, h5 {
    font-family: 'Jost', sans-serif;
}

/** MEDIA **/
/** Login 7 end **/

/** Login 8 start **/

h2, h3, h5 {
    font-family: 'Jost', sans-serif;
}

/** MEDIA **/
/** Login 8 end **/

/** Login 9 start **/

h2, h3, h5 {
    font-family: 'Jost', sans-serif;
}

/** Social media **/

/** MEDIA **/
/** Login 9 end **/

/** Login 10 start **/

h2, h3, h5 {
    font-family: 'Jost', sans-serif;
}

:root{
    --animation-duration:1s;
    --bounce-height:calc(205px - 100vh);
}
/** Login 10 end **/

/** Login 11 start **/

h2, h3, h5 {
    font-family: 'Jost', sans-serif;
}

/** MEDIA **/
/** Login 11 start **/

/** Login 12 start **/

h2, h3, h5 {
    font-family: 'Jost', sans-serif;
}

/** MEDIA **/
/** Login 12 end **/

/** Login 13 start **/

h2, h3, h5 {
    font-family: 'Jost', sans-serif;
}

/** Social media **/

/** MEDIA **/
/** Login 13 end **/

/** Login 14 start **/

/* Animate Background*/

h2, h3, h5 {
    font-family: 'Jost', sans-serif;
}

/** Social media **/
/** Login 14 end **/

/** Login 15 start **/

h2, h3, h5 {
    font-family: 'Jost', sans-serif;
}

/** Social media **/
/** Login 15 end **/

/** Login 16 start **/

h2, h3, h5 {
    font-family: 'Jost', sans-serif;
}

/** Social media **/
/** Login 16 end **/

/** Login 17 start **/

h2, h3, h5 {
    font-family: 'Jost', sans-serif;
}

/** MEDIA **/
/** Login 17 end **/

/** Login 18 start **/

h2, h3, h5 {
    font-family: 'Jost', sans-serif;
}

/** Social media **/
/** Login 18 end **/

/** Login 19 start **/

h2, h3, h5 {
    font-family: 'Jost', sans-serif;
}
/** Login 19 end **/

/** Login 20 start **/

h2, h3, h5 {
    font-family: 'Jost', sans-serif;
}

/** Social media **/
/** Login 20 end **/

/** Login 21 start **/

h2, h3, h5 {
    font-family: 'Jost', sans-serif;
}

/** MEDIA **/
/** Login 21 end **/

/** Login 22 start **/

h2, h3, h5 {
    font-family: 'Jost', sans-serif;
}

/** Social media **/

/** MEDIA **/
/** Login 22 end **/

/** Login 23 start **/

h2, h3, h5 {
    font-family: 'Jost', sans-serif;
}

/** MEDIA **/
/** Login 23 end **/

/** Login 24 start **/

h2, h3, h5 {
    font-family: 'Jost', sans-serif;
}

/** MEDIA **/
/** Login 24 end **/

/** Login 25 start **/

h2, h3, h5 {
    font-family: 'Jost', sans-serif;
}

/** Social media **/
/** Login 25 end **/

/** Login 26 start **/

h2, h3, h5 {
    font-family: 'Jost', sans-serif;
}

/** Social media **/
/** Login 26 end **/

/** Login 27 start **/

h2, h3, h5 {
    font-family: 'Jost', sans-serif;
}

/** Social media **/
/** Login 27 end **/

/** Login 28 start **/

h2, h3, h5 {
    font-family: 'Jost', sans-serif;
}
/** Login 28 end **/

/** Login 29 start **/

h2, h3, h5 {
    font-family: 'Jost', sans-serif;
}

/** Social media **/
/** Login 29 end **/

/** Login 30 start **/

h2, h3, h5 {
    font-family: 'Jost', sans-serif;
}

/** Social media **/

/** MEDIA **/
/** Login 30 end **/

/** Login 31 start **/

h2, h3, h5 {
    font-family: 'Jost', sans-serif;
}

h1, h2, h3, h5 {
    font-family: 'Jost', sans-serif;
}

/** MEDIA **/
/** Login 31 end **/

/** Login 32 start **/

h2, h3, h5 {
    font-family: 'Jost', sans-serif;
}

/** Animate Image start **/

/** MEDIA **/
/** Login 32 start **/

/** Login 33 start **/

h2, h3, h5 {
    font-family: 'Jost', sans-serif;
}

/** MEDIA **/
/** Login 33 end **/

/** Login 34 start **/

h2, h3, h5 {
    font-family: 'Jost', sans-serif;
}

/** Social media **/
/** Login 34 end **/

/** Login 35 start **/

h2, h3, h5 {
    font-family: 'Jost', sans-serif;
}
/** Login 35 end **/

/*Add manoj Css*/
.sigmaflik {
    background: whitesmoke;
    padding: 60px 0px 20px;
    margin: 35px 0px 0px;
}
.exkflik{
    font-size: 30px;
    line-height: 40px;
}
.demcoflik{
    line-height: 30px;
    font-size: 18px;
    text-align: justify;
    font-family: 'Rubik';
}
.contant{
    padding: 0px 20px;
}

p{text-align: justify;
font-family: 'Poppins';
font-size: 15px;
line-height: 25px;}

/*!
 * Bootstrap v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}h1,h2,h3,h5{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}img{vertical-align:middle;border-style:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}h1,h2,h3,h5{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h5{font-size:1.25rem}.img-fluid{max-width:100%;height:auto}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col-md-12,.col-md-6,.col-sm-12{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}@media (min-width:576px){.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (min-width:768px){.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}.btn:not(:disabled):not(.disabled){cursor:pointer}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.navbar-toggler:not(:disabled):not(.disabled){cursor:pointer}.page-link:not(:disabled):not(.disabled){cursor:pointer}.close:not(:disabled):not(.disabled){cursor:pointer}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{color:#000;text-decoration:none;opacity:.75}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){}@supports ((position:-webkit-sticky) or (position:sticky)){}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}img{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}}
/*# sourceMappingURL=bootstrap.min.css.map */

.send_messagenone{display: none;}
/* end second section css here@@@@@@@@@@@@@@@@@@@@ */

.d-flex{position:relative;}
 
.view_button{    position: absolute;
    right: 0px;
    margin-right: 5%;
    margin-top: 3%;
    cursor: pointer;}

/* .register_form h3{font-size: 22px;
    text-align: center;
    margin: 0 0 25px;
    font-size: 23px;
    font-weight: 400;
    color: #040404;
font-family:'Open', sans-serif;} */

.show_ninedfds{font-family:'Rubik';
font-size: 22px;
color:#000;
position: absolute;
    top: 0px;
    margin-top: 17px;
    margin-left: 18px;
    padding-right: 3px;
    font-family: 'Open',sans-serif;

}

.input_option{    padding: 15px 30px;
    border-radius: 40px;
    background: #f3f3f3;
    border: none;
    width: 100%;
    font-family: 'Poppins';
    font-size: 22px;
    border: 2px solid transparent;
}

.input_option option{
    padding: 15px 30px;
    border-radius: 40px;
    background: #f3f3f3;
    border: none;
    width: 100%;
    font-family: 'Poppins';
    font-size: 22px;
    border: 2px solid transparent; 
}

.input_option::placeholder{
    font-size: 20px;
    font-family:'Poppins';
}

.input_option:focus{
    outline: 2px solid #097CFF;
}

.otp_validate_check{text-align: left;
font-size: 14px;
font-family: 'Rubik';
letter-spacing: .5px;
font-weight: bold;}

#not_valid_otp{color: red;
display: none;
margin-left: 10px;
margin-top: 5px;
margin-bottom: 15px;}

.not_valid_otp{
    color: red;
margin-left: 10px;
margin-top: 5px;
margin-bottom: 15px;
display: flex;
}

.invalid-input {
    border: 2px solid red;
}

.invalid-input:focus{    border: 2px solid red;
}

#valid_otp{color: #4CAF50;
display: none;}

.anhor_forgot_password{     font-family: 'Poppins';
    font-size: 18px;
    font-weight: 500;
line-height: 29px;
text-align: left;}

.anchor_linkf{   }

.input_section_one{margin-top: 10px;
position: relative;}

#send_otp{    color: #fff;
    padding:12px 25px;
    font-size: 18px;
    background: #727272;
    border: none;
    margin-top: 10px;
    border-radius: 6px;
    letter-spacing: .5px;
    font-family: 'Rubik';
    background-color: #33140e;
    cursor: pointer;
    transition: all .3s;
}

#send_otp:hover{   background-color: #522118;}

#send_otp:focus{background-color:#2c100a;}

.input_value_otp{position: relative;
}

#time_min_otp{
    font-weight: bold;
    position: absolute;
    color: #097CFF;
    top: 17px;
    right: 22px;
    display: none;
}

#resend_otp {
    color: #4CAF50;
    font-size: 14px;
    font-weight: bold;
    border: none; 
    border-radius: 6px;
    background: none;
    outline: transparent;
    cursor: pointer;
    position: absolute;
    top: 17px;
    right: 22px;
    z-index: 1;
    display: none;
}

#check_symbol{      color: #4CAF50;
  
    font-weight: bold;
    border: none;
    border-radius: 6px;
    background: none;
    outline: transparent;
    cursor: pointer;
    position: absolute;
    top: 9px;
    right: 22px;
    z-index: 1;
    display:none;}

    .sizecheck{  font-size: 24px;
    margin-left: 10px;}

    .check_symbol_one{display: flex;
    align-items: center;}

#otp_verified_after{display: none;}

#otp{display: none;}


.showpassword{position: absolute;
    right: 22px;
    top: 16px;}

#submit{    
    font-weight: bold;
    text-shadow: none;
    margin-bottom: 10px;
    text-transform: capitalize;
    padding: 13px 30px;
    border: 1px solid;
    line-height: 28px;
    border-color:#097CFF;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    background-color:#097CFF;
    display: inline-block;
    text-decoration: none;
    border-radius: 8px;
    transition: all .5s ease-out;
    background-position: right bottom;
    cursor: pointer;
    line-height: 25px;
    display:block;

}

/* .submit_register{display: none;} */

#submit:hover{
background-position: left bottom;
        background: linear-gradient(to right,  #1b7ceb 50%, white 50%);
        background-size: 200% 100%;
        color: white;
}

.submitdiv{display: flex;
justify-content: flex-start;
margin-top: 15px;}




/* alert start here */

.alert {
    padding: 20px;
    color: white;
    font-family: 'Rubik';
    letter-spacing: 1px;
  }

  .success{background-color: green;}
 
  .failed{    background-color: #f44336;
  }
  
  .closebtn {
    margin-left: 15px; 
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
  }
  
  .closebtn:hover {
    color: black;}

/* alert end here */

/* start progress bar css here  */
.progress-container {
    width: 70px;
    height: 70px;
    position: relative;
    margin: 10px auto;
    display: none;
}

.progress-bar {
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 50%;
    background-color: transparent;
    border: 10px solid #f3f3f3; /* background color of the container */
    border-top-color: #097CFF; /* color of the progress */
    animation: spin 2s linear infinite;
    box-sizing: border-box;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/* end progress bar css here  */


.update_password {
    background-color: #d4edda; /* Background color */
    color: #155724; /* Text color */
    border: 1px solid #c3e6cb; /* Border color */
    padding: 10px 15px; /* Padding */
    margin-bottom: 20px; /* Bottom margin */
    border-radius: 4px; /* Border radius */
    font-family: Arial, sans-serif; /* Font family */
    text-align: left;
    padding: 19px 17px 5px 17px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 25px;
}

.update_password p{font-family: 'Rubik';
    /* text-align: center; */
}

.update_password a{text-decoration: none;
font-family: 'Poppins';
font-weight: bold;
text-decoration:underline;
}

#update_password_show{display: none;}
 
.check{color: #40d346;}

/* change number span css $$$ start  */
#change_number{    position: absolute;
    top: 0px;
    right: 22px;
    margin-top: 17px;
    font-size: 13px;
    font-family: 'Rubik';
    color: #097cff;
    font-weight: bold;
    cursor: pointer;
    letter-spacing: .3px;
display: none;}

#fullverified{
    font-family: 'Rubik';
    font-weight: bold;
    color: #4caf50;
    position: absolute;
    top: 0px; 
    right: 0px;
    font-size: 23px;
    margin-right: 18px;
    margin-top: 10px;
    display: none;
}
/* change number span css $$$ end  */

.container {
max-width: 100%;
}

.login-2 .login-box{max-width: 100%;
}

.login-2 .login-2-inner{padding: 10px 0px;
    min-height: fit-content;
}

.col-lg-6{max-width: 40%;
width: 40%;}

.firstsecondsec{width: 60%;
max-width: 60%;}

.flexset{flex: none;}

/* slider here start @### */
.copy_paste_slider{width: 100%;
margin-top: 5px;}
.copy_paste_slider img{width: 100%;}
/* slider here end @### */


/* start code for faq $$$ */
.faq-container {
    max-width:100%;
    margin-left: 30px;
    font-family: 'Poppins';
    line-height: 25px;
}
.faq-question {
    margin-top: 10px;
    cursor: pointer;
    background-color: #f0f0f0;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #e9e5e5;
    font-family: 'Poppins';
    line-height: 25px;
}
.faq-answer {
    display: none;
    padding: 10px;
    border: 1px solid #e9e5e5;
    border-radius: 5px;
    background-color: #fff;
}

.faq_h2{    background-color: #1f79fd;
    color: white;
    max-width: 100%;
    margin-left: 15px;
    padding: 5px 10px;
    font-size: 27px;
    font-weight: bold;
    font-family: 'Poppins';
    letter-spacing: .5px;
    margin-top: 50px;
}

.faq-question.active {
    border-bottom:1px solid #000; /* Add border to bottom of active question */
}

.faq-answer {
    border-top:none; 
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}


.ol_faq li{list-style: disc;
margin-left: 25px;
font-family: 'Poppins';
line-height: 25px;
}

.ol_faq li p{color: blue;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}

.ol_faq li a{font-family: 'Poppins';
text-decoration: underline;}


/* start code for faq $$$ */


.alert_error{    color: red;
    font-family: 'Rubik';
    text-align: left;}

.alert_success{   color:green;
    font-family: 'Rubik';
    text-align: left;
    padding-left: 16px;
    padding-top: 5px;}

@media (max-width:900px){
    .anhor_forgot_password{text-align: center;}

    #change_number{position: unset;
        margin-top: 7px;
        margin-bottom: 17px;}

    #fullverified{
        top: 62%;
        transform: translateY(-100%);
    }

    .login-2 .form-section{padding: 40px 10px;}

    .container{padding-left: 10px;
    padding-right: 10px;}

    .col-lg-6{max-width: 100%;
        width: 100%;}


}

@media (max-width:500px){
    #fullverified{
       
}
}