body {
    color: #000;
    overflow-x: hidden;
    height: 100%;
    background-color:#fff;

}

.log-main-cnt input, .log-main-cnt select, .log-main-cnt textarea
 {
    background-color: #fff;
    border-radius: 10px ;
    padding: 9px 15px 12px 15px ;
    width: 100%;
    box-sizing: border-box;
    border: none ;
    border: 1px solid #0181be ;
    font-size: 16px ;
    color: #666 ;
    font-weight: 400
        font-family: 'Lato', sans-serif;
}

::-webkit-input-placeholder:after {
    content: "*";
    color: red;
}

.log-main-cnt input:focus, .log-main-cnt textarea:focus 
 {
    -moz-box-shadow: none ;
    -webkit-box-shadow: none ;
    box-shadow: none ;
    border: 1px solid #d9534f ;
    outline-width: 0;
    font-weight: 400
}

.log-main-cnt button:focus {
    -moz-box-shadow: none ;
    -webkit-box-shadow: none ;
    box-shadow: none ;
    outline-width: 0
}

.card {
    border-radius: 0;
    border: none
}



.box1 {
    width: 100%;
    background-image: url(../images/bg-img.png);
        background-size: 100%;
    background-color: #30afd4;
/*    background: linear-gradient(
135deg, rgb(42, 39, 218), rgb(0, 204, 255));*/
    background-position:bottom center;
    background-repeat: no-repeat;
    -webkit-border-top-right-radius: 40px;
-webkit-border-bottom-right-radius: 40px;
-moz-border-radius-topright: 40px;
-moz-border-radius-bottomright: 40px;
border-top-right-radius: 40px;
border-bottom-right-radius: 40px;
}
.cub-ic
{
    padding: 30px 30px 10px 30px;
}
.rotate {
  animation: rotation 8s infinite linear;
}
.card .error
{
   position: relative;
    top: -20px;
}

.card .error.error_dob,.card .error.error-address
{
  position: relative;
    top: 0px;  
}
.fogt-pas-cot .error
{
   position: relative;
    top: 0px; 
}
.modal.in .modal-dialog
{
    z-index: 2000;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}


.wel-cot
{
    padding:40px 40px 380px 40px;
}

.wel-cot h3
{
    margin-bottom: 18px;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 42px;
    color: #fff;
    margin-bottom: 8px !important;
}
.wel-cot h4
{
    margin-bottom: 22px;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    font-size: 32px;
    color: #fff;
}
.wel-cont
{
 font-size: 16px;
  font-family: 'Lato', sans-serif;
    font-weight: normal;
    color: #fff;
}
.nd-hp {
   margin: 15px 0px 0px 0px;
   }

.fill {
 

    background-color: #ff6c2b;
  
      border-radius: 10px;
      font-family: 'Lato', sans-serif;
    color: #90979d;
    font-size: 12px;
    font-weight: normal;
    display: inline-block;

    position: relative;
   
    z-index: 1;
    transition: 0.08s ease-in;
    -o-transition: 0.08s ease-in;
    -ms-transition: 0.08s ease-in;
    -moz-transition: 0.08s ease-in;
    -webkit-transition: 0.08s ease-in;
}
.fill:before {
    content: "";
    position: absolute;
    background: #fff;

   
        border-radius: 10px;
  
    bottom: 0;
    left: 0;
    right: 0;
    top: 100%;
    z-index: -1;
    -webkit-transition: top 0.09s ease-in;
}
.fill:hover {
    color: #d9534f;
    text-decoration: none;
}
.fill:hover:before {
    top: 0;
     border: solid 1px #d9534f;
}

.nd-hp a
{
     height: 40px;
    line-height: 40px;
    padding: 10px 30px;
     font-family: 'Lato', sans-serif;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}

.nd-hp a:hover
{
     color: #d9534f;
   text-decoration: none;  
}
.box2 {
    width: 100%;
    padding: 80px 30px 10px 30px
}

#logo {
   padding: 0px 0px 25px 13px;
}

.log-head {
    margin-bottom: 27px ;

    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 30px;
    color: #052148;
}

.card.box2 h3:after {
    background-color: #d9534f;
    bottom: 0;
    content: "";
    margin-top: 20px;
    margin-bottom: -1px;
    display: block;
    width: 60px;
    height: 2px;
}

.log-main-cnt ::placeholder {
    color: #a9b4e3 ;
    opacity: 1
}

.log-main-cnt :-ms-input-placeholder {
    color: #a9b4e3 ;
}

.log-main-cnt ::-ms-input-placeholder {
    color: #a9b4e3;
}

.form-control-text {

     font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size:17px;
    color: #565656;

}
.log-main-cnt .form-control
{
height: 50px;
line-height: 50px ;
}

.form-group {
    margin-bottom: 23px;
}

.log-main-cnt .btn-color {
    border-radius: 40px;
    color: #fff;
   background: #4460f1;
    padding: 10px;
    height: 50px;
    cursor: pointer;
    border: none ;
    margin-top: 7px;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 18px;
-webkit-box-shadow: 0px 15px 30px 0px rgba(68, 96, 241, 0.5);
-moz-box-shadow:    0px 15px 30px 0px rgba(68, 96, 241, 0.5);
box-shadow:         0px 15px 30px 0px rgba(68, 96, 241, 0.5);
}

.log-main-cnt .btn-color:hover {
    color: #fff;
   background: #fe08a2;
   -webkit-box-shadow: 0px 15px 30px 0px rgba(254, 8, 162, 0.5);
-moz-box-shadow:    0px 15px 30px 0px rgba(254, 8, 162, 0.5);
box-shadow:         0px 15px 30px 0px rgba(254, 8, 162, 0.5);
}




.fogt-pas-cot
{
    padding:14px 15px 0px 15px;
   
}
.rem-me
{
width: 100%;
    text-align: left;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;
}
.custom-control-label::before {
    position: absolute;
    top: 2px;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #0181be solid 1px;
}
.custom-control-label::after {
    position: absolute;
    top: 2px;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50%/50% 50%;
}
.rem-me .custom-control-input:checked~.custom-control-label::after {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e);
}
.custom-checkbox .custom-control-label::before {
    border-radius: 5px;
}

.fogt-pas-cot input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
    display: inline-block;
    width: auto;
}

.fort-pas
{
width: 50%;
    text-align: right;
}


.fort-pas a
{
  font-family: 'Lato', sans-serif;
    font-size: 14px;
    color: #4460f1;
    text-decoration: underline;  
}
.fort-pas a:hover
{
    text-decoration: none;
     color: #4460f1;
}


.form-group.radio-cont p
{
    margin-bottom: 7px;
}



.nt-reg {
    width: 100%;
    padding-top: 33px;
    position: relative;
    padding-bottom: 0px;
    overflow: hidden;
}
.nt-reg h5
{
    margin-bottom: 30px;
text-align: center;
    color: #333;
   font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: normal;
}

.nt-reg h5 span:before, .nt-reg h5 span:after {
    content: "";
    position: absolute;
    height: 1px;
    border-top: 1px solid #dfdfdf;

    top: 12px;
    width: 100%;
}
.nt-reg h5 span
{

display: inline-block;
    position: relative;
}

.nt-reg h5 span:before {
    right: 100%;
    margin-right: 15px;
}
.nt-reg h5 span:after {

    margin-left: 15px;
}

 .log-main-cnt
{
    max-width: 100%;
    padding: 0px;
    padding-top: 195px;
}

.btn-crt-ac {
    width: 100%;
    height: 50px;
    border-radius: 10px;
    color: #fff;
    background-color: #d9534f;
    padding: 8px 40px;
    cursor: pointer;
    border: 0px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
 
}
.radio-cont
{
    display: flex;
}
.radio-cont .form-check-input
{
    width: 20px;
}
.radio-cont .form-check-label
{
    width: 40px;
    padding-left: 0px;
}


.form-group textarea
{
    width: 100%;
}

.reg.date .input-group-addon
{
border-top: 1px solid #0181be;
border-right: 1px solid #0181be;
border-bottom: 1px solid #0181be;
padding: 6px 12px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}

.rem-me .tcont
{
margin-right: 5px;
}

.tc-reg-cont {
    height: auto;
    position: relative;
    padding: 80px 0px  0px 0px;
    overflow: hidden;
    background: url(../images/reg-tc-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
  bottom: -120px;
}

.tc-reg-in-cont
{
background-color: rgba(255, 255, 255, 0.8);
-webkit-border-top-left-radius: 40px;
-webkit-border-top-right-radius: 40px;
-moz-border-radius-topleft: 40px;
-moz-border-radius-topright: 40px;
border-top-left-radius: 40px;
border-top-right-radius: 40px;
padding: 80px 40px 180px 40px;
}
.foot-reg-cont
{
       height: auto;
    position: relative;
    padding: 80px 0px;
    overflow: hidden;
    background: url(../images/re-foot-bg.png) no-repeat;
    background-size: cover;
    background-position: top center;
   
  
}


.tc-reg-in-cont h3 {
    margin-bottom: 27px;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 30px;
    color: #052148;
    text-align: center;
    margin-top: 0px;
}
.tc-reg-in-cont h3:after {
    background-color: #d9534f;
    bottom: 0;
    content: "";
    margin-top: 20px;
    margin-bottom: -1px;
    display: block;
    width: 60px;
    height: 2px;
    position: relative;
    left: 47%;

}

.tc-reg-in-cont h4 {
    /*margin-bottom: 30px;*/
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #2d343e;
 
    margin-top: 0px;
}

.tc-reg-in-cont p {
    margin-bottom: 30px;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    font-size: 14px;
    color: #2d343e;
 
    margin-top: 0px;
}

.copy-reg-cont
{
    background: #00112b;
    padding: 10px;
}

.foot-reg-cont p
{
    color: #fff;
    text-align: center;
    margin-bottom: 0px;
}

.copy-reg-cont p
{
    color: #0b7ddc;
    text-align: center;
    padding: 10px;
    margin-bottom: 0px;
}

.copy-reg-cont a
{
     color: #fff;
}
        @media screen and (min-width: 1400px) {
    .log-main-cnt
{
    max-width: 1400px;
    padding: 0px;
}

    }
@media screen and (max-width: 1200px) {

    .box2 {

    padding: 100px 30px 10px 30px;
}

.nt-reg {
   
    padding-bottom: 100px;
}
.wel-cot {
    padding: 40px 80px 350px 80px;
}


}

@media screen and (max-width: 1024px) {
.wel-cot {
    padding: 40px 60px 300px 60px;
}


}


@media screen and (max-width: 991px) {

    .input-group.reg.date
    {
margin-bottom: 23px;
    }

    .nt-reg h5 span:before, .nt-reg h5 span:after 
        {
            width: 200%;
        }
    .wel-cot
    {
top: -100px;
    position: relative;
    width: 60%;
     padding: 40px 60px 0px 60px;
    }
.cub-ic {
    text-align: right;
}
    .box1 {
        width: 100%;
        padding: 40px 30px 10px 30px;
 -webkit-border-top-left-radius: 40px;
-webkit-border-top-right-radius: 40px;
-moz-border-radius-topleft: 40px;
-moz-border-radius-topright: 40px;
border-top-left-radius: 40px;
border-top-right-radius: 40px;
border-bottom-right-radius: 0px;
  background-size: 45%;
    background-position: bottom right;
    }

    .box2 {
        width: 100%;
        padding: 50px 30px 10px 30px;
    }

    .right {
        margin-top: 100px !important;
        margin-bottom: 100px !important
    }
    .nt-reg {
    padding-bottom: 0px;
}
}

@media screen and (max-width: 768px) {
    .nt-reg {
    padding-bottom: 0px;
}
    .wel-cot {
  
    width: 100%;
}

    .box2 {
        padding: 50px  50px 0px 50px;
    }

    .right {
        margin-top: 50px !important;
        margin-bottom: 50px !important
    }
}
@media screen and (max-width: 520px) {
    .cub-ic
    {
        display: none;
    }
.wel-cot {
    width: 100%;
    top: 10px;
 
      padding: 15px 50px 100px 50px;
}
    }
    @media screen and (max-width: 480px) {

.box2 {
    padding: 50px 0px 0px  0px;
}
.wel-cot h4 {
  
    font-size: 28px;
    }
     .card.box2 .row 
        {
margin: 0px;
        }

    }
     @media screen and (max-width: 420px) {
       

.wel-cot {
  
    padding: 40px 20px 40px 20px;
}

     }