img {
  max-width: 100%;
}

header .navbar {
  background-color: #111;
  border-radius: 0;
  box-shadow: none;
  background-image: none;
  border: none;
  margin-bottom: 0;
}

header .navbar-collapse {
  padding: 0;
}

header .navbar .navbar-nav {
  padding-top: 20px;
  padding-bottom: 20px;
}

header .navbar .navbar-nav > li > a {
  color: #fff;
  font-size: 17px;
  font-family: 'Roboto', sans-serif;
  padding-top: 10px;
  padding-bottom: 10px;
}

header .navbar .navbar-nav > li > a:hover {
  color: #ff3933;
  text-decoration: underline;
}

header .navbar .navbar-nav > li > a.login-btn {
  font-size: 14px;
  font-weight: 700;
  color: #111;
}

header .navbar .navbar-nav > li > a.login-btn:hover {
  text-decoration: none;
}

header .navbar .navbar-nav > li > a.login-btn img {
  margin-right: 6px;
}

.main-btn {
 background: linear-gradient(120deg, #fdea05, #ffe70f);
  font-size: 14px;
  font-weight: 700;
  color: #111;
  text-transform: uppercase;
  border-radius: 50px;
  padding: 10px 20px;
  font-family: 'Roboto', sans-serif;
  white-space: normal;
}

.main-btn:hover {
  background: linear-gradient(-120deg, #ff3933, #ff6f1b);
  text-decoration: none;
  color: #fff;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a {
  color: #ff3933;
  text-decoration: underline;
  box-shadow: none;
  background: none;
}

.header-part {
    width:100%;
  background-image: url(../../assets/img/TopBannerOneMillon.gif);
  background-repeat: no-repeat;
  background-size: contain;
  /*background-position: center;*/
  min-height:50vh;
}


.header-part .row {
  display: flex;
  align-items: center;
}

.header-title-box {
  background-color: rgba(10,15,43,0.25);
  padding: 20px;
  margin-right: 20px;
  border-left: 2px solid #fcb832;
  text-align: center;
}

.header-title {
  font-size: 48px;
  color: #fff;
  font-weight: 700;
  margin: 0;
  font-family: 'Roboto', sans-serif;
  word-break: break-word !important;
  word-wrap: break-word !important;
}

.buildup-part {
  padding: 80px 0 60px 0;
  background-color: #fff;
}

.main-heading {
  font-size: 30px;
  color: #2e3d61;
  font-weight: 700;
  font-family: 'Roboto', sans-serif;
  text-align: center;
  margin-top: 0;
}

.main-para {
  font-size: 18px;
  color: #697287;
  font-weight: 700;
  font-family: 'Roboto', sans-serif;
  text-align: center;
  margin-bottom: 30px;
}

.step-main {
  margin-left: 28px;
}

.step-main .box {
  border-bottom: 1px solid #dadada;
  padding: 16px 0;
  display: flex;
  align-items: center;
}

.step-main .box:last-child {
  border-bottom: none;
}

.step-main .box p {
  font-size: 17px;
  color: #696b73;
  font-weight: 400;
  font-family: 'Roboto', sans-serif;
  margin: 0 0 0 10px;
  line-height: 24px;
}

.ad-part {
  background-color: #fff;
  padding-bottom: 50px;
}

.gray-bg {
  background-color: #f7f7f7;
  margin-bottom: 60px;
}

.ad-heading {
  font-size: 23px;
  color: #2e3d61;
  font-weight: 700;
  font-family: 'Roboto', sans-serif;
  margin: 24px 0;
  text-align: center;
}

.ad-heading span {
  color: #f35441;
}

.ad-box {
}

.ad-box .panel {
  border: none;
  /*border-bottom: 1px solid #97bbfd;*/
  border-radius: 0;
  /*box-shadow: 0 10px 20px rgb(0 0 0 / 4%);*/
  /*min-height: 220px;*/
  display: flex;
    align-items: center;
    justify-content:center;
}

.ad-box .panel .panel-heading {
  border-radius: 0;
  background: #e0ebfe;
  border: none;
  color: #2f78fb;
  height: 60px;
    width: 60px
}

.ad-box .panel-title {
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  font-family: 'Roboto', sans-serif;
   /*width:70px;*/
}

.ad-box .panel-body a {
  font-size: 15px;
  color: #696b73;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Roboto', sans-serif;
  text-decoration: none;
}

.ad-box .panel.red {
  /*border-bottom: 1px solid #f9a9a0;*/
}

.ad-box .panel.red .panel-heading {
  background: #fde6e3;
  color: #f35441;
 
}

.ad-box .panel.yellow {
  /*border-bottom: 1px solid #ffd98f;*/
}

.ad-box .panel.yellow .panel-heading {
  background: #fff4de;
  color: #ffb420;
}

.ad-box .panel.green {
  /*border-bottom: 1px solid #8ae2c7;*/
}

.ad-box .panel.green .panel-heading {
  background: #dcf7ee;
  color: #15c68f;
}

.ad-box .panel.purple {
  /*border-bottom: 1px solid #b4aae8;*/
}

.ad-box .panel.purple .panel-heading {
  background: #e9e6f8;
  color: #6955d2;
}

.ad-box .panel.sea {
  /*border-bottom: 1px solid #9be6e6;*/
}

.ad-box .panel.sea .panel-heading {
  background: #e1f8f8;
  color: #37cdce;
}

.ad-box .panel.pink {
  /*border-bottom: 1px solid #fba1b8;*/
}

.ad-box .panel.pink .panel-heading {
  background: #fee3ea;
  color: #f74371;
}

.form-part {
  padding-bottom: 80px;
}

.form-part-header {
  background: url(../../assets/img/form-bg.png) left center no-repeat, linear-gradient(to right, #1a3081 33%, #f13838 100%);
  padding: 80px 0 250px 0;
}

.form-part-title {
  font-size: 30px;
  color: #fff;
  font-weight: 700;
  font-family: 'Roboto', sans-serif;
  text-align: center;
  background: url(../../assets/img/title-line.png) no-repeat bottom center;
  padding-bottom: 20px;
  margin: 0;
}

.form-main {
  border-bottom: 1px solid #f9a9a0;
  box-shadow: 0 10px 20px rgb(0 0 0 / 4%);
  background-color: #fff;
  padding: 30px;
  border:1px solid rgba(0,0,0,0.2);
  /*margin-top: -170px;*/
}

.form-main .input-group-addon {
  font-size: 14px;
  font-weight: 400;
  color: #4c4c4c;
  background-color: #ebebeb;
  border: 1px solid #dddddd;
  border-right: 0;
  border-radius: 0;
  font-family: 'Roboto', sans-serif;
}

.form-main .input-group .form-control {
  font-size: 14px;
  color: #4c4c4c;
  border: 1px solid #dddddd;
  border-radius: 0;
  box-shadow: none;
  font-family: 'Roboto', sans-serif;
}

.form-main .form-control {
  font-size: 14px;
  color: #4c4c4c;
  border: 1px solid #dddddd;
  border-radius: 0;
  box-shadow: none;
  font-family: 'Roboto', sans-serif;
}

.form-main label {
  color: #48484e;
  font-size: 15px;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
}

.form-main .input-group-addon img {
  max-width: inherit;
}

.help-block a {
  color: #f35441;
  font-family: 'Roboto', sans-serif;
}

.fooyrt-part {
  background: url(../../assets/img/ftr-bg.png) no-repeat center;
  background-size: cover;
  padding: 50px 0;
}

.fooyrt-part ul {
  margin-left: 0;
}

.fooyrt-part ul a {
  font-family: 'Roboto', sans-serif;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  border-radius: 50px;
  border: 1px solid rgba(255,255,255,0.22);
  padding: 8px 18px;
  text-decoration: none;
  display: block;
}

.fooyrt-part ul a:hover {
  color: #ff3933;
  border: 1px solid #ff3933;
}

.fooyrt-part .copy-right {
  font-family: 'Roboto', sans-serif;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  margin: 30px 0 0 0;
}

.fooyrt-part .copy-right a {
  color: #0d7aea;
}

@media screen and (max-width: 1199px) {
  .header-title {
    font-size: 40px;
  }
}

@media screen and (max-width: 1199px) {
  .main-para {
    font-size: 16px;
  }
}

@media screen and (max-width: 1199px) {
  .step-main .box p {
    font-size: 15px;
    line-height: 22px;
  }
}

@media screen and (max-width: 991px) {
  .header-title {
    font-size: 30px;
  }
}

@media screen and (max-width: 991px) {
  .left-img {
    text-align: center;
  }
}

@media screen and (max-width: 991px) {
  .ad-box .panel {
    min-height: auto;
  }
}

@media screen and (max-width: 991px) {
  .step-main {
    margin-left: 0px;
  }
}

@media screen and (max-width: 767px) {
  .navbar-toggle {
    margin-top: 22px;
    margin-bottom: 22px;
  }
}

@media screen and (max-width: 767px) {
  header .navbar-collapse {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media screen and (max-width: 767px) {
  header .navbar .navbar-nav > li > a.login-btn {
    margin: 0 15px;
  }
}

@media screen and (max-width: 767px) {
  .header-part .row {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .header-title-box {
    margin: 20px 0;
  }
}

@media screen and (max-width: 767px) {
  .fooyrt-part ul li {
    display: block;
    padding-bottom: 5px;
  }
}

@media screen and (max-width: 575px) {
  header .navbar-brand {
    width: 250px;
  }
}

@media screen and (max-width: 575px) {
  .navbar-toggle {
    margin-top: 17px;
    margin-bottom: 17px;
  }
}

@media screen and (max-width: 575px) {
  .form-main {
    padding: 15px;
  }
}

@media screen and (max-width: 575px) {
  .form-part-header {
    background: none, linear-gradient(to right, #1a3081 33%, #f13838 100%);
    padding: 40px 0 210px 0;
  }
}