@font-face {
    font-family: 'opensans-light';
    src: url("../fonts/OpenSans-Light.eot");
    src: url("../fonts/OpenSans-Light.eot?#iefix") format("embedded-opentype"),
        url("../fonts/OpenSans-Light.woff2") format("woff2"),
        url("../fonts/OpenSans-Light.woff") format("woff"),
        url("../fonts/OpenSans-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'opensans-bold';
    src: url("../fonts/OpenSans-Bold.eot");
    src: url("../fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"),
        url("../fonts/OpenSans-Bold.woff2") format("woff2"),
        url("../fonts/OpenSans-Bold.woff") format("woff"),
        url("../fonts/OpenSans-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'opensans-medium';
    src: url("../fonts/OpenSans-Medium.eot");
    src: url("../fonts/OpenSans-Medium.eot?#iefix") format("embedded-opentype"),
        url("../fonts/OpenSans-Medium.woff2") format("woff2"),
        url("../fonts/OpenSans-Medium.woff") format("woff"),
        url("../fonts/OpenSans-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'opensans-semibold';
    src: url("../fonts/OpenSans-SemiBold.eot");
    src: url("../fonts/OpenSans-SemiBold.eot?#iefix") format("embedded-opentype"),
        url("../fonts/OpenSans-SemiBold.woff2") format("woff2"),
        url("../fonts/OpenSans-SemiBold.woff") format("woff"),
        url("../fonts/OpenSans-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'opensans-regular';
    src: url("../fonts/OpenSans-Regular.eot");
    src: url("../fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"),
        url("../fonts/OpenSans-Regular.woff2") format("woff2"),
        url("../fonts/OpenSans-Regular.woff") format("woff"),
        url("../fonts/OpenSans-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}





@font-face {
  font-family: "WebRupee";
  src: url(/fonts/WebRupee.eot);
  src: local("WebRupee"), url(/fonts/WebRupee.ttf) format("truetype"),
    url(/fonts/WebRupee.woff) format("woff"),
    url(/fonts/WebRupee.svg) format("svg");
  font-weight: 600;
  font-style: normal;
}

body {
  font-family: 'opensans-regular';
  line-height: 1;
  background-color: #ffffff;
  color: #000;
}
html {
  font-family: 'opensans-regular';
  font-size: 62.5%;
}

.font-regular {
  font-family: "opensans-regular";
}
.font-medium {
  font-family: "opensans-medium";
}

.font-bold {
  font-family: "opensans-bold";
}
.font-semibold {
  font-family: "opensans-semibold";
}

body {
  font-family: "opensans-regular";
  line-height: 1;
  background: #fff;
  color: #000;
}

html {
  font-family: "opensans-regular";
  font-size: 62.5%;
}
a {
  color: #00284d;
  text-decoration: underline;
}
/* *{margin: 0; padding: 0; box-sizing: border-box;} */

/*This applies from 0 to 768px onwards*/
img {
  max-width: 100%;
  height: auto;
}
ul,
ol {
  margin: 0;
  padding: 0;
}
.wrapper{
  width: 100%;
  /* position: relative; */
}
/* .wrapper:before{
  position: absolute;
  background-color:#051060;
  content:'';
  left:0;
  top:0;
  width: 50%;
  height: 100%;
} */
.container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0;
}
.vh-100{
  height: 100vh;
}
.bg-white{
  background-color: #ffffff;
}
.bg-darkblue{
  /* background-color: #070C5C; */
  background-color: #051060;
}

header{
  background-color: #051060;
  padding: 15px 50px;
}
.logo a {
  max-width: 147px;
  display: inline-block;
}
.logo img {
  width: 100%;
}
figure {
  margin-bottom: -2px;
}
.logo{
  display: flex;
  align-items: center;
}
.logo p{
  color:#fff;
  margin-bottom: 0;
  line-height: 28px;
  font-size: 1.8rem;
 font-family: "opensans-bold";
 padding-left: 30px;
}
.cards-r{
  padding-left: 50px;
  padding-right: 50px;
}
.cards-r h1{
  font-family: "opensans-bold";
  font-size: 2.8rem;
  color: #111827;
  line-height: 40px;
  margin-bottom:15px;
}
.cards-r p{
  font-family: "opensans-medium";
  font-size: 1.6rem;
  color: #000000;
  line-height: 20px;
  margin-bottom: 0;
}
.cards-r .noteDiv{
  background-color: #F3F6FD;
  padding: 12px;
  border-radius: 8px;
  margin: 40px 0;
}
.cards-r .noteDiv h2{
  font-family: "opensans-semibold";
  font-size: 1.4rem;
  color: #000000;
  line-height: 20px;
  margin-bottom: 10px;
}
.cards-r .noteDiv p{
  font-family: "opensans-regular";
  font-size: 1.4rem;
  color: #374151;
  line-height: 20px;
  margin-bottom: 0;
}
.cards-r .btn{
  font-family: "opensans-medium";
  font-size: 1.6rem;
  color: #fff;
  line-height: 24px;
  margin-bottom: 0;
  padding: 15px 40px;
  border-radius: 8px;
  cursor: pointer;
  
}
.cards-r .btn{
  background-color: #1C3FCA;
  opacity:1;
}
.cards-r .btn:disabled{
 background-color: #A3BAF9;
}
.form-group .form-control{
  border: 1px solid #9CA3AF;
  padding: 12px;
  border-radius: 8px;
  font-family: "opensans-regular";
  font-size: 1.4rem;
  color: #374151;
  line-height: 20x;
}
.col-l-anim{
  min-height: 320px;
}
.failed-msg{
  margin-top: 10px;
}
.failed-msg p{
  font-family: "opensans-medium";
  font-size: 1.4rem;
  line-height: 24px;
  color: #f00;
}
.failed-msg p a{
  color: #000000;
  font-weight: bold;
}
.col-l-anim{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
}
@media (max-width: 991px) {
  header,.cards-r{
    padding-left: 20px;
    padding-right: 20px;
  }
  .logo p{
    font-size: 1.4rem;
  }
  .cards-r h1{
    font-size: 2rem;
    line-height: 26px;
  }
  .cards-r, .col-l-anim{
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .wrapper:before{
    display: none;
  }

}