/*!
 * Start Bootstrap - Creative Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
 
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;700&display=swap');
@font-face {
    font-family: 'couturebold';
    src: url('../fonts/couture-bld/couture-bld-webfont.woff2') format('woff2'),
         url('../fonts/couture-bld/couture-bld-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html, body {
    height: 100%; font-family: "Poppins", sans-serif; font-size: 18px;  line-height: 25px; color:#707070; 
}

body {
    margin:0; padding:0;
}

a {
    color: #666;
    text-decoration: none;
    transition: 0.3s ease-in-out;
}

a:hover {
    color: #000; text-decoration: none;
}



h1,
h2,
h3,
h4,
h5,
h6 {
    color:#555; margin:0 0 20px;
}


h1 {font-size:35px; line-height:45px; font-weight: 700;}
h2 {font-size:25px; line-height:35px;}
h3 {font-size:20px; line-height:25px;}


p {
    margin-bottom: 20px;
    font-family: 'Poppins', sans-serif;
	font-size: 18px;
    line-height: 25px;
	color:#707070;
}


section {
    padding: 50px 0; background-color: #fff;
}

header {width: 100%; position: absolute; z-index: 1; margin: 30px 0; display: block;}
.logo {width: 200px;}
.logo span {display: block; font-size: 17px; color: #fff; font-weight: 300;}
.logo1 {width: 185px;}
.header {background-color: #005595; margin: 0 0 20px!important; padding: 10px 0; position: relative; display: inline-block;}

.hero {width: 100%;  height: 750px;  padding: 0; position: relative; background-color: #BC89A0; display: inline-block;}
.herotitle { font-family: 'couturebold'; font-size: 120px; line-height: 100px; color: #fff;}
.herotitle span { font-family: 'arial';}
.heroleftdiv {width: 64%; display: inline-block;}
.herorightdiv {width: 35%; display: inline-block; vertical-align: top;}
.heroleft {border-right: solid 2px #004C8F; position: relative; padding: 0 50px; float: right;}
.heroleft img {width: 580px; position: absolute; left: -72%; bottom: -80px;}
.heroright {padding: 0 0 0 100px; position: relative;}
.heroright img {width: 100px; position: relative; margin: 0 20px 0 -30px; }
.heroright span { font-size: 40px; line-height: 50px; font-weight: 700; color: #fff;}
.heroright p {color: #fff; font-size: 16px; line-height: 25px;}
.hero:before {content: ''; width: 150px; height: 139px; background: url(../images/hero-left-before.svg) no-repeat; background-size: 100%; position: absolute; left: 0; top: 25%; display: block;}
.heroright:before {content: ''; width: 300px; height: 87px; background: url(../images/hero-right-before.svg) no-repeat; background-size: 100%; position: absolute; left: 100px; top: -40%; display: block;}
.hero:after {content: ''; width: 100px; height: 30px; background: url(../images/hero-right-after.svg) no-repeat; background-size: 100%; position: absolute; right: 0px; bottom: -40%; display: block;}
.wave {width: 100%; height: 300px; background: url(../images/wave.svg) no-repeat center center; background-size: 100%; position: absolute; bottom: -150px; z-index: 1; display: block;}


.hero .container {position: relative; z-index: 2;}
.hero .caption {margin: 250px auto 50px;}
.hero .caption h1 {color: #fff; font-weight: 300; margin-top: 80px; margin-bottom: 0px;}
.hero .caption h1 span {font-weight: 700;}
.herpimgline {position: absolute; left: 0; bottom: 50px;}

.sec2 {background-color: #CBD9FF; padding: 150px 0 0; position: relative;}
.sec2 h1 {font-size: 40px; line-height: 50px; font-weight: 600; text-align: left;}
.sec2 .col-md-5 {position: relative;}
.sec2 .col-md-5 img {position: absolute; bottom: 0;}
.sec2 .cta a {margin: 30px 0 150px;}
.sec2:before {content: ''; width: 130px; height: 111px; background: url(../images/sec2-before.svg) no-repeat; background-size: 100%; position: absolute; left: 0; bottom: 5%; display: block;}



/*.formdiv {width: 70%; display: inline-block;}*/

.formdiv {width: 100%; display: inline-block;}
.formdiv iframe {width: 350px; border: none;    background: #004C8F;}

.sqbox {width: 90%;  margin: 0 0 30px 0; text-align: left; position: relative; }
.sqbox p {font-size: 20px; line-height: 25px; font-weight: 400; color: #004C8F; margin-bottom: 0; }
.sqbox .col-9 {display: flex; padding-left: 20px;  align-items: center;}
.sqboxnum:before {content:"₹"; background-color: #CBD9FF; font-size: 20px; line-height: 25px; font-family: 'Open Sans'; padding: 2px 5px; display: inline-block; position: absolute; top: 25px; left: -10px;}
.sqboxnum:after {content:"%"; background-color: #CBD9FF; font-size: 20px; line-height: 25px; font-family: 'Open Sans'; padding: 2px 5px;  display: inline-block; position: absolute; top: 25px; right: -15px;}
.sqboxnum.one:after, .sqboxnum.two:before, .sqboxnum.three:before {display: none;}
.sqboxnum {width: 80px; height: 90px; padding: 10px; border: solid 5px #005595; border-radius: 10px; font-weight: 700; font-size: 60px; line-height: 65px; color: #004C8F; text-align: center; position: relative; display: inline-block;}
.opensans {font-family: "Open Sans"; display: inline-block;}
.sqboxnum sup {font-size: 50%; top: -10px;}


.cta a {padding:30px; background-color: #00C6A8; color:#fff;  font-size: 25px; font-weight: 700; text-align: center; transition: 0.3s ease-in-out; border-radius: 10px; display: inline-block;}
.cta a:hover {background-color: #004C8F; }




.fcblack {color: #000;}
.fcwhite {color: #fff;}
.fcblue {color: #004C8F;}


.hide {display: none;}
.show {display: block;}



.li ul {margin: 0 0 0 40px; padding: 0;}
.li li {list-style: none; color: #666; margin-bottom: 20px;}
.li li:before {content: '\f054'; font-family:'FontAwesome'; font-size: 12px; position: absolute; left: 20px; display: inline-block;}


footer {width:100%; background-color:#B0CFE3; padding: 10px 0; color: #004C8F; display:inline-block;}
.footerbtm {width:100%; padding:10px 0; font-size: 12px; line-height: 15px;  display:inline-block;}
footer h1 {font-weight: 300;}
/*.footerbtm ul {padding: 0; margin: 0;}
.footerbtm li {margin: 0; padding: 0; list-style: none; display: inline;}
.footerbtm li a {color: #004c8f; background-color: #fff; width: 25px; height: 25px; border-radius: 50%; text-align: center; padding: 2px 0; margin: 0 2px; display: inline-block;}
.footerbtm li a .fa:before {font-size: 15px;}*/
.footerbtm hr {background-color: #fff; margin: 20px 0;}
footer .cta {margin-bottom: 30px;}
footer .cta a:hover {background-color: #fff; color:#004C8F; }

.float a {display: none;}


.left {text-align:left;}
.right {text-align:right;}
.form-control {border: none; padding: 0; background-color: transparent; margin-bottom: 10px;}
.input-group {margin-bottom: 10px;}
input, textarea, select {width:100%; padding:15px; font-size: 18px; border:none!important; border-radius: 5px; color:#7c7c7c; -webkit-appearance: none; -moz-appearance: none;  appearance: none;}
.select {position: relative;}
.select:after {content: '\f107'; font-family: 'FontAwesome'; font-size: 20px; position: absolute; right: 15px; top: 10px; display: inline-block;}
input[type="submit"] {padding:15px; font-size: 18px; background-color: #FFC0C0; color:#004C8F!important; border:none; cursor:pointer; transition: 0.3s ease-in-out;}
input[type="submit"]:hover {background-color: #00203c; color: #FFC0C0!important;}
.formdiv button {background-color: transparent; border: none; color:  #b3bd8c; position: absolute; z-index: 3; top: 5px; right: 5px; cursor: pointer;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {-webkit-box-shadow: 0 0 0px 1000px white inset;}
input:focus, input.form-control:focus {outline:none !important;  outline-width: 0 !important;  box-shadow: none;  -moz-box-shadow: none;  -webkit-box-shadow: none;}
label {color: #555; font-size: 20px;}
.otpbtn {font-weight: 400!important; top: 10px!important; width: 100%!important; font-size: 30px!important;}
.otpcode {margin-top: 32px;}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #c7c7c7; font-weight: 400;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #c7c7c7; font-weight: 400;
}
:-ms-input-placeholder { /* IE 10+ */
 color: #c7c7c7; font-weight: 400;
}
:-moz-placeholder { /* Firefox 18- */
  color: #c7c7c7; font-weight: 400;
}

.fa::before {font-size:13px;}


.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {background-color: transparent!important;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #004c8f!important;}
.owl-theme .owl-dots .owl-dot span {margin: 0!important;}


/*Accordion*/
#faq .card {
  margin-bottom: 30px;
  border: 0;
}
 #faq .card .card-header {
  border: 0;
  -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
          box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
}
 #faq .card .card-header .btn-header-link {
  color: #fff;
  display: block;
  text-align: left;
  background: #005595;
  color: #fff;
  padding: 20px;
}
#faq .card .card-header .btn-header-link:after {
content: "˅";
	
font-family: 'Font Awesome 5 Free';
	
font-weight: bold;
	
float: right;
}
#main #faq .card .card-header .btn-header-link.collapsed {
  /*background: #A541BB;*/
  color: #fff;
}
#faq .card .card-header a[aria-expanded="true"]:after {
content: "˄";
font-weight: bold;
}
#faq .card .collapsing {
  /*background: #FFE472;*/
  line-height: 30px;
}
 #faq .card .collapse {
  border: 0;
}
#main #faq .card .collapse.show {
  /*background: #FFE472;*/
  line-height: 30px;
  color: #fff;
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}
#faq1 .card-body p,#faq1 .card-body ul li{
        color: #707070;
        font-size: 15px;
        
}
.security {
    position: relative;
    overflow: hidden;
}
.security:after {
    content: '';
    width: 200px;
    height: 100px;
    background: url(../images/bg-security.svg) no-repeat;
    background-size: 100%;
    position: absolute;
    left: -20px;
    bottom: 0;
    display: inline-block;
}