@import url('https://fonts.googleapis.com/css?family=Nunito:300,400,400i,500,500i,600,600i,700,800,900&display=swap');
   * {
       box-sizing: border-box;
   }
@media (max-width: 768px) {

.main_bg{height: 45vh; background: #EAEFFF !important;}

.main_bgM{height: 57vh !important;}

.main_img {

    width: 100%;

    min-height: 450px;

    display: none;

}

.mbscreen{position:relative !important;padding-rigth:15px !important;padding-left:15px !important;padding-top:10px !important;background:unset !important }

.login_bg {
 
    top: 20% !important;

}

.otp_input input {width: 15% !important;

}

.banner_right_bg{background:unset !important;}

.footer_bg {

position: fixed;

        bottom: 0;

      height: 20px !important;

}

.login_bg {

        margin: auto;padding:0

    }

.banner_right_bg{width: 100% !important;

    position: relative;}

.login_hd{    font-size: 18px !important;}

}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

	.banner_right_bg {

    width: 100% !important;

     position: relative;

}

}

@media (min-width: 1024px), (orientation: landscape) and (min-width: 658px) {

  /* Apply desktop styling */

      .main_img {

        display: block;

    }

.footer_bg {

position: relative;

        bottom: 0;

        height: 20px !important;

}

	    .main_bg {

        height: auto;

    }
 
  .help_div {

    flex-direction: row;

    justify-content: space-between;

    text-align: left;

  }
 
  /* Additional desktop-specific styling */

  body {

    font-size: 16px;

  }

}
   body {
       font-family:  "Nunito", Arial, Helvetica, sans-serif !important; background:#fff; font-size:15px;
   }
body, html {
    /*height: 100%;*/
    margin: 0;
	padding:0;
  }

ul{padding: 0px;}
ul li{list-style-type: none;}
a{text-decoration: none;}
a:hover {color: #333;}
.text-right {text-align:right;}
.w120 {width:120px;}
.clear {clear:both;}
.height_110 {height:110px !important;}
 
 @-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}

 header{
  background-color:#fff;
  padding:16px; width: 100%;
  display:inline-block;
}
.div_br{border:1px solid #CCCCCC; border-radius:6px; padding:5px 10px; cursor:pointer; background:#fff;}
.div_br:hover{background:#f6f6f6;}

/*Padding and Margin styles*/

.pad5A{padding:5px!important}.pad5T{padding-top:5px!important}.pad5R{padding-right:5px!important}.pad5B{padding-bottom:5px!important}.pad5L{padding-left:5px!important}.pad10A{padding:10px!important}.pad12A{padding:12px!important}.pad10T{padding-top:10px!important}.pad10R{padding-right:10px
!important}.pad10B{padding-bottom:10px!important}.pad10L{padding-left:10px!important}.pad15A{padding:15px!important}.pad15T{padding-top:15px!important}.pad15R{padding-right:15px!important}.pad15B{padding-bottom:15px!important}.pad15L{padding-left:15px!important}.pad20A{padding:20px!important}.pad20T{padding-top:20px!important}.pad20R{padding-right:20px!important}.pad20B{padding-bottom:20px!important}.pad20L{padding-left:20px!important}.pad25A{padding:25px!important}.pad25T{padding-top:25px!important}.pad25R{padding-right:25px!important}.pad25B{padding-bottom:25px!important}.pad25L{padding-left:25px!important}.pad35A{padding:35px!important}.pad35T{padding-top:35px!important}.pad35R{padding-right:35px!important}.pad35B{padding-bottom:35px!important}.pad35L{padding-left:35px!important}.pad40A{padding:40px!important}.pad40T{padding-top:40px!important}.pad40R{padding-right:40px!important}.pad40B{padding-bottom:40px!important}.pad40L{padding-left:40px!important}.pad45A{padding:45px!important}.pad45T{padding-top:45px!important}.pad45R{padding-right:45px!important}.pad45B{padding-bottom:45px!important}.pad45L{padding-left:45px!important}.pad0A{padding:0!important}.pad0T{padding-top:0!important}.pad0R{padding-right:0!important}.pad0B{padding-bottom:0!important}.pad0L{padding-left:0!important}.mrg5A{margin:5px!important}.mrg5T{margin-top:5px!important}.mrg5R{margin-right:5px!important}.mrg5B{margin-bottom:5px!important}.mrg5L{margin-left:5px!important}.mrg10A{margin:10px!important}.mrg10T{margin-top:10px!important}.mrg10R{margin-right:10px!important}.mrg10B{margin-bottom:10px!important}.mrg10L{margin-left:10px!important}.mrg15A{margin:15px!important}.mrg15T{margin-top:15px!important}.mrg10TR{margin-top:-10px!important}.mrg15R{margin-right:15px!important}.mrg15B{margin-bottom:15px!important}.mrg15L{margin-left:15px!important}.mrg20A{margin:20px!important}.mrg20T{margin-top:20px!important}.mrg20R{margin-right:20px!important}.mrg20B{margin-bottom:20px!important}.mrg20L{margin-left:20px!important}.mrg25A{margin:25px!important}.mrg25T{margin-top:25px!important}.mrg25R{margin-right:25px!important}.mrg25B{margin-bottom:25px!important}.mrg25L{margin-left:25px!important}.mrg40A{margin:40px!important}.mrg40T{margin-top:40px!important}.mrg40R{margin-right:40px!important}.mrg40B{margin-bottom:40px!important}.mrg40L{margin-left:40px!important}.mrg30A{margin:30px!important}.mrg30T{margin-top:30px!important}.mrg30R{margin-right:30px!important}.mrg30B{margin-bottom:30px!important}.mrg30L{margin-left:30px!important}.mrg35A{margin:35px!important}.mrg35T{margin-top:35px!important}.mrg35R{margin-right:35px!important}.mrg35B{margin-bottom:35px!important}.mrg35L{margin-left:35px!important}.mrg45A{margin:45px!important}.mrg45T{margin-top:45px!important}.mrg45R{margin-right:45px!important}.mrg45B{margin-bottom:45px!important}.mrg45L{margin-left:45px!important}.mrg0A{margin:0!important}.mrg0T{margin-top:0!important}.mrg0R{margin-right:0!important}.mrg0B{margin-bottom:0!important}.mrg0L{margin-left:0!important}.mrg50A{margin:50px!important}.mrg50T{margin-top:50px!important}.mrg50R{margin-right:50px!important}.mrg50B{margin-bottom:45px!important}.mrg50L{margin-left:45px!important}.mrg0A{margin:0!important}.mrg0T{margin-top:0!important}.mrg0R{margin-right:0!important}.mrg0B{margin-bottom:0!important}.mrg0L{margin-left:0!important}
.pad15TLR{padding:5px 10px 0 15px !important;}

.hrefbutton {
  background: none!important;
  border: none;
  padding: 0!important;
  /*optional*/
  font-family: arial, sans-serif;
  /*input has OS specific font-family*/
  color: #008DF4;
  text-decoration: underline;
  cursor: pointer;
}

.primarybt { background: var(--Gradient-purple, linear-gradient(90deg, #8326FF 0%, #008DF4 100%)); font-family: "Nunito", Arial, Helvetica, sans-serif !important; border:1px solid #0D98BA !important; color: #ffffff !important; font-weight:500; padding:8px 18px !important; cursor: pointer; text-shadow: none !important; font-size:16px; display: inline-block;text-align: center; width:100%;}
.primarybt { -moz-border-radius: 40px !important; -webkit-border-radius: 40px !important; border-radius: 40px !important; border: none; /*font-size: 16px !important;*/ }
.primarybt { -moz-box-shadow: 1px 1px 2px #dfdfdf !important; -webkit-box-shadow: 1px 1px 2px #dfdfdf !important; box-shadow: 1px 1px 2px #dfdfdf !important; text-decoration:none !important; }
.primarybt a { text-decoration:none; font-weight:normal; text-decoration:none !important; border:1px solid #505E65 !important; }
.primarybt:hover { background: #008DF4 !important; color: #ffffff !important; text-decoration:none; border:1px solid #098dad !important; }
.primarybt:active { -moz-box-shadow: inset 1px 1px 1px #12274c; -webkit-box-shadow: inset 1px 1px 1px #12274c; box-shadow: inset 1px 1px 1px #12274c; color: #474646; text-decoration:none; }

.hd_txt {font-size:18px; font-weight:700;}

/* togggle buttons */ 

.left {float:left;}
.right {float:right;}
.width100{width: 100%;}

.list_li li {float:left;}
.menu li{float:left;}
.menu li a {text-decoration:none; color:#3E4151; padding:10px 16px; display:inline-block;}
.menu li a:hover{color:#094398;}
.menu li select {border:0; margin:0 15px;}

.main_bg{ position:relative; }
.banner_right_bg {background: linear-gradient(90deg, rgba(10, 91, 205, 0.03) 3.02%, #08449A 37.95%, #052E67 99.61%); width:360px; height:100%; position:absolute; right:0; overflow:hidden; top:0;}

.login_bg {background:#FFF; padding:25px; position:absolute; right:10%; z-index:99; top:10%; border-radius:15px; width:400px;}

.link_br {border-radius: 20px; border: 1px solid #0A5BCD; display:inline-block; text-align:center; width:100%; padding:4px 10px; background: #F5F5F5; font-size: 14px; font-weight: 600; font-family: "Nunito", Arial, Helvetica, sans-serif !important; color:#3E4151; margin:8px 0;}
.link_br:hover {background:#fff;}
.login_hd {font-size: 28px; font-style: normal; font-weight: 600; margin-bottom:20px; line-height:30px;}

.footer_bg {background:#0A5BCD; height:70px; width:100%; display:inline-block;}

.help_txt {font-size: 28px;font-style: normal;font-weight: 600; text-align:center;}
.if_txt {font-size: 18px; font-style: normal; font-weight: 600; text-align:center;}
.help_div {width:480px; margin:auto; padding:40px 0; justify-content: center; min-height:220px;}
.main_img {width:100%; min-height:450px;}
.blue_txt{color: #0A5BCD; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal;}

.otp_input input{border-radius: var(--collection-1-numbers-8, 8px); border: 1px solid var(--Gray-Gray-semi, #E0E2EA); width:17%; margin:5px; text-align:center; font-size:20px; background: var(--Background-Primary-BG, #FFF); float:left;}
.otp_input input {padding:20px 14px; border: 1px solid #bebebe; border-radius: 6px; opacity: 1; color:#333333;  height: 36px; box-shadow:none;}
.otp_input input:hover { border: 1px solid #ccc; opacity: 1; color:#333333; box-shadow: 0 2px 6px 0px #DDEEFF;}
.otp_input input:focus { border: 1px solid #204578;  opacity: 1; color:#333333; box-shadow:none;}
.otp_input input:active {border: 1px solid #204578;  opacity: 1; color:#333333; box-shadow:none;}
.logo{ margin-left:5px;}
@media (max-width: 600px){
header{
 background-color:#fff;  height: 60px;  width: 100%; padding:15px 0;}
.menu li a {text-decoration:none; color:#3E4151; padding:10px 0px; display:inline-block; font-size:14px;}
.menu li select {margin:0 !important;}
.help_div {width:100%; margin:auto; padding:20px; max-width:480px; margin-top: 50px;}
 

.container{
  height: 100%;
  width:100%;
  margin:0 auto;
  display: flex;
  justify-content: space-between;
  align-items:center;
}
.logo {height:36px !important; }
.login_bg {right:5%; width: 400px;}
.title{
  letter-spacing: 2px;
  word-spacing: 2px;
}

ul{
  display:flex;
}

li{
  margin:0 6px;
}

}
@media (max-width: 430px){

	.menu li a {font-size:14px;}

	.login_bg {right: inherit; width: 100%; display: block; left: 50%;

transform: translate(-50%, 0%); margin: auto;}

}