@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;700;800&display=swap');
body{font-family: 'Mulish', sans-serif; letter-spacing: 0.5px; background-color: #f9f6f6;}

[ng\:cloak],
  [ng-cloak],
  [data-ng-cloak],
  [x-ng-cloak],
  .ng-cloak
    .x-ng-cloak,
  .ng-hide {
      display: none !important;
  }


.landing-title{color: #0a5aa9; font-size: 36px; font-weight: 500; margin-bottom: 0px;}
.landing-subtitle{color: #0a5aa9; font-size: 20px; font-weight: 500; margin-bottom: 0px; margin-top: -5px;}
.landing-text{font-size: 14px; color: #7e7e7e; margin-bottom: 0px; margin-top: 16px; margin-bottom: 20px;}
.landing-menu{cursor:pointer; min-height:300px; border-radius: 10px; text-align: left; padding:30px 20px 20px 20px; border:1px solid #eaeaea; background: #fff; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px !important;}
.landing-menu .icon-img{width: 70px; margin-bottom: 20px;}
.landing-menu:hover{border:1px solid #c1392a; /*transform: scale(1.1);*/ transition-duration: 0.5s; background-color: #fffbf9}
.list-title{font-size: 18px; font-weight: 600; margin-bottom: 10px;}
.list-subtitle{font-size: 14px; color: #7e7e7e;}
.right-arrow{filter: contrast(0.1); margin-top: 10px;}
.continue-link{color:#ec672f; cursor: pointer;}

.call-us {
    font-size: 18px;
    padding-right: 1rem;
    padding-left: 3.6rem;
    position: relative;
    font-weight: bold;
}

.head{z-index:1; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; background: rgb(2,0,36);
background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(226,100,32,1) 0%, rgba(190,55,43,1) 100%); position: fixed; top: 0;}

.main-content{}
.landing-div{padding-right: 0px;}
.main-div{padding-right: 60px; margin-top: 100px; margin-bottom: 40px; padding-left: 50px;}
/*.banner-div .banner-inner{padding-left: 30px; padding-right: 30px; text-align: center; margin-top: 30px;}*/
.banner-div .banner-inner{padding-left: 30px; padding-right: 30px; text-align: center; margin-top: 30px; background-color: #fbdfd5; background-image: url(../images_binary/banner-bg.png); background-size: cover; background-repeat: no-repeat; width: 33.33%; position: fixed; top: 34px; height: 100%}

.main-form .form-control{height: 60px;}
.f-label{font-size: 14px; color: #4f4f4f; margin-bottom: 6px;}
.btn-main{cursor:pointer; background-color: #ec662f; border:1px solid #ec662f; border-radius: 100px; color: #fff; height: 60px; padding-left: 60px; padding-right: 60px; text-transform: uppercase; font-weight: 500;}
.btn-main:hover{color: #fff; box-shadow: rgb(0 0 0 / 20%) 0px 4px 4px;}
.powered-by-desktop{position: absolute; bottom: 100px; text-align: center; width: 80%;}
.power-p{font-size: 10px; color: #000; margin-top: 30px;}
.power-img{width: 70px!important; filter: initial!important; height: auto!important;}


.white-box{background-color: #fff; border-radius: 4px; padding: 12px;}
.white-label{font-size: 14px; color: #7e7e7e; font-weight: 500; margin-bottom: 2px;}
.white-value{font-size: 16px; color: #000; font-weight: 600; margin-bottom: 0;}
.btn-main .spinner-border{border: 3px solid currentColor; width: 20px; height: 20px; border-right-color:transparent;}

.mobile-otp{display: none;}
.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse";
    height: 58px;
    padding: 16px;}
.error-div{background: #f1766540;
    padding: 10px;
    border: 1px solid #f18677;
    font-size: 14px;
    color: #cd2811;
    border-radius: 4px;
    margin-bottom: 12px;
    word-break: break-all;}
#success-row{margin-top: 200px;}    

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    padding-right: 20px;
}


.powered-by-mobile{display: none;}










/**********************************MEDIA QUERIES********************************/


@media (min-width: 576px) and (max-width: 991px){
}

@media (max-width:768px){
  .head {padding: 20px 20px;}
  .step-line{display: none;}
  .ckyc-steps{float: none; margin-right: 0px; margin-bottom: 14px;}
  .landing-menu{min-height: auto;}
  .landing-title{font-size: 24px; margin-bottom: 5px;}
  .landing-subtitle{font-size: 18px;}
  .mobile-otp{display: block;}
  .desktop-otp .col-lg-2{width: 16.66%!important; padding:0 4px;}
  .desktop-otp .form-control{height: 46px; font-size: 14px;}
  .powered-by-mobile{display: block!important;}

  
}

@media (max-width: 992px){
   .banner-div{display: none;}
   .powered-by-mobile{display: block!important;}
}

@media (min-width:768px) and (max-width: 992px){
  
  .ckyc-steps{margin-bottom: 10px;}
}

@media (min-width:992px) and (max-width: 1199px){
}

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

@media (min-width: 992px){
  
}




/**********************************MEDIA QUERIES********************************/