@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

body {font-family: 'Poppins', sans-serif; color: #3333331;}
.font-12 {font-size: 12px!important;}
.font-14 {font-size: 14px;}
.text-yellow {color: #faae1b;}
.socialtoplinks {background: #cbcbcb; padding: 6px 0;}
.socialtoplinks li, .socialbottomlinks li {list-style: none; display: inline-block; padding-left: 5px;}
.socialbottomlinks {background: #909090; padding: 6px 0;}
.bg-dark-yellow {background: #f8af0d; padding: 20px 0;}
.bg-yellow {background: #fdaf17;}
.bg-yellow:hover {background: #fdaf17;}

/* .logomain {width: 249px;} */
.mainbannerBG {background: url('../assets/mainbannerbg-new.png') no-repeat bottom center; background-size: cover; padding-bottom: 50px;}

.schemeTextA h1, .schemeTextB h1 {font-size: 36px; font-weight: 800;} 
.schemeTextA p, .schemeTextB p {font-size: 16px;} 
.schemeTextA {border-right: 1px solid #1a1a1a; padding: 0 2%;}
.schemeTextB {border-right: 1px solid #1a1a1a; padding: 0 2%;}
.mainbannerVideo {margin-left: -50px;}

.topForm {border: 1px solid #909090; background: #FFFFFF; border-radius: 20px;}
.topForm h3 {font-size: 20px; color: #faae1b; text-align: center; font-weight: 700; padding-bottom: 10px;}
.tnctext {color: #cbcbca; font-size: 8px;}
.textpan {color: #cbcbca; font-size: 10px;}
.topForm input.inText {background: #f3f3f3; border: none; font-size: 12px; color: #90908f; padding: 8px 15px;}
.topForm select.inText {background: #f3f3f3; border: none; font-size: 12px; color: #90908f; padding: 8px 15px;}
.topForm input.OtpinText {background: #FFFFFF; border: 1px solid #9d9ea0; font-size: 12px; color: #9d9ea0; padding: 8px 15px; text-align: center;}
.form-check-input {background: #FFFFFF; border: 2px solid #faae1b; border-radius: 100%;}
.form-check-input:checked {background: #faae1b; border: none; border-radius: 100%;}

.boxFeatures {
  background: #f3f3f3;
  border: 1px solid #c9c9c9;
  border-radius: 20px;
  padding: 30px 20px;
}
.boxFeatures img {margin-bottom: 10px;}
.boxFeatures h1 {
  font-size: 70px;
  color: #faae1b;
  font-weight: 500;
  text-align: center;
  margin-bottom: 0px;
}
.boxFeatures p {
  font-size: 15px;
  color: #333333;
  text-align: center;
  line-height: 20px;
  margin-bottom: 0px;
}
.subTitleA {font-size: 26px; color: #333333; text-align: center; border-bottom: 1px solid #333333; padding: 5px 30px; font-weight: 700;}
.subTitleB {font-size: 26px; color: #faae1b; text-align: center; border-bottom: 1px solid #faae1b; padding: 5px 30px; font-weight: 700;}
.mainButton {
  border: none;
  font-size: 24px;
  font-weight: 700;
  padding-left: 40px;
  padding-right: 40px;
  border-radius: 10px;
}
.btn-white {background: #FFFFFF; color: #faae1b;}
.btn-white:hover {background: #FFFFFF; color: #faae1b;}

.bg-upgrade {
  background: url(../assets/bg-upgrade.jpg) no-repeat bottom center;
  background-size: cover;
}

.upgradeInvMain {background: #FFFFFF; border-radius: 10px!important; border: none; min-height: 180px;}
.upgradeInvMain p {background: #f3f3f3; border-radius: 10px!important; text-align: center; padding: 20px; margin: 0px;}
.upgradeInvMain p img {height: 55px;}
.upgradeInvMain h3 {font-size: 18px; color: #626363; text-align: center; padding-top: 20px;}
.SecinvVideo {text-align: center;}
.SecinvVideo img {border-radius: 20px; box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;}

.bg-rightway {
  background: url(../assets/rightway-background.jpg) no-repeat center;
  background-size: cover;
}
.bg-rightway p {font-size: 16px; color: #626363;}




.boxSmartChoice {
  background: #f3f3f3;
  border: 1px solid #c9c9c9;
  border-radius: 20px;
  padding: 20px 20px;
  min-height: 180px;
}
.boxSmartChoice img {margin-bottom: 20px;}
.boxSmartChoice p span {color: #faae1b; font-weight: 700;}
.boxSmartChoice p {
  font-size: 16px;
  color: #333333;
  text-align: center;
  line-height: 20px;
  margin-bottom: 0px;
}



.awardsBg {background: url(../assets/awards.png) no-repeat center; background-size: contain; min-height: 180px; text-align: center; padding: 20px 0px 0px 0px; font-size: 16px;}
.awardsBg span {color: #faae1b; font-weight: 700;}



.bg-Wondering {
  background: url(../assets/bg-upgrade.jpg) no-repeat bottom center;
  background-size: cover;
}
.bg-Wondering h5 { font-size: 22px; color: #216d24; font-weight: 700; margin-bottom: 20px;}
.wonderingSubtitle {font-size: 20px!important; text-align: center; padding-top: 10px; margin-bottom: 50px;}
.bg-Wondering p {font-size: 16px; color: #333333; padding-bottom: 5px;}
.bg-Wondering p span {border-top: 1px solid #cbb14c; padding-top: 10px;}
.wonderingLeft {text-align: right;}
.wonderingRight {text-align: left;}
.logomainA { margin-top: 12px;}
.logomainB {width: 260px;}

.mtnegative {margin-top: -140px;}



@media only screen and (max-width: 800px) {
  .logomainA {width: 60%;}
  .logomainB {width: 90%;}
  .font-14 {font-size: 12px;}
  .schemeTextA h1, .schemeTextB h1 {font-size: 35px; font-weight: 600; text-align: center; margin-bottom: 0px;}
  .schemeTextA p, .schemeTextB p {font-size: 14px; text-align: center;}
  .schemeTextA {border-bottom: 1px solid #cbb14c; border-right: none; padding-bottom: 10px; margin-bottom: 10px!important;}
  .schemeTextB {border-bottom: 1px solid #cbb14c; border-right: none; padding-bottom: 10px; margin-bottom: 10px!important;}
  .mainbannerVideo {margin-left: -20px;}
  .topForm h3 {font-size: 20px; font-weight: 800;}
  .topForm .mb-3 {margin-bottom: 10px!important;}
  .mainButton {font-size: 20px; font-weight: 800; padding-left: 10px; padding-right: 10px;}
  .subTitleA {font-size: 24px; font-weight: 600; padding: 5px 0px; border-bottom: none;}
  .subTitleB {font-size: 24px; font-weight: 600; padding: 5px 0px; border-bottom: none;}

  .boxFeatures {padding: 20px 0px;}
  .boxFeatures img {margin-bottom: 10px; width: 50px;}
  .boxFeatures h1 {font-size: 50px; text-align: center;}
  .boxFeatures p {font-size: 16px; line-height: 18px;}

  .boxSmartChoice {padding: 20px 20px; min-height: 100px;}
  .boxSmartChoice img {margin-bottom: 10px; width: 50px;}
  .boxSmartChoice p {font-size: 16px; line-height: 16px;}



  .upgradeInvMain {min-height: 100px;}
  .upgradeInvMain p {padding: 10px; margin: 0px;}
  .upgradeInvMain p img {height: 50px;}
  .upgradeInvMain h3 {font-size: 16px; color: #626363; text-align: center; padding-top: 10px; padding-bottom: 10px;}

  .SecinvVideo img {width: 100%;}
  /* .bg-rightway img { width: 50%!important;} */
  .awardsBg {font-size: 16px; min-height: 180px; padding: 20px 0px 0px 0px;}

  .wonderingLeft {text-align: center;}
  .wonderingRight {text-align: center;}
  .bg-Wondering p {font-size: 14px; color: #333333; padding-bottom: 5px;}

  .mtnegative img {width: 100%;}
}
.mrg-tp-20 {margin-top:10px;}

/*
.logomain {width: 300px;}
.navmenu a {color: #FFFFFF!important; margin-left: 20px; font-size: 16px;}
.activehighlight {border: 3px solid #FFFFFF; border-radius: 15px; padding: 8px 15px!important;}
.carousel-indicators button {width: 14px!important; height: 14px!important; border-radius: 100%!important;}
.carousel-indicators .active {background-color: #fdaf17;}
.carousel-control-prev span {background: url('../assets/arrow-left.png') no-repeat;}
.carousel-control-next span {background: url('../assets/arrow-right.png') no-repeat;}
.header-title {font-size: 30px; color: #fcaf17; position: relative; font-weight: 800; text-align: center;}
.header-title:after {border-top: 3px solid #5cbb5f; display: block; width: 100px; content: ""; margin: 5px auto 0;}
.mt-6 {margin-top: 5em;}
.btnmain { text-align: center; position: relative;}
.btnmain span {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 20px; color: #666666; font-weight: 500;}
.emailbottom {background: linear-gradient(to right, #fed406,#f29b16); border-radius: 8px; color: #122dff; font-size: 16px; padding: 2px; text-decoration: none; text-align: center;}
.emailbottom span {background: #fff; display: block; padding: 1em 3em; border-radius: 6px; color: #000000; font-weight: 500;}
.emailbottom span a {color: #000000; font-weight: 700;}
.modal-title {font-size: 20px; color: #fcaf17;}
.modal-content {background: #f7f7f7; -webkit-box-shadow: 8px 8px 8px -5px rgba(255,255,255,0.85); -moz-box-shadow: 8px 8px 8px -5px rgba(255,255,255,0.85); box-shadow: 8px 8px 8px -5px rgba(255,255,255,0.85); border-radius: 20px;}
.modal-backdrop {background-color: #000000;}
.modalLinks {font-size: 16px; color: #fcaf17;}
.modalLinks img {vertical-align: middle; width: 16px;}
.modalLinks a {color: #fcaf17; text-decoration: none; padding: 0px 10px;}
.modalImgtitle { text-align: center; position: relative;}
.modalImgtitle span {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 24px; color: #cccccc; font-weight: 900; width: 100%;}
.modalImgtitleA {text-align: center; background: #FFFFFF; padding: 20px; border-radius: 10px;}
.modalImgtitleA img {border-radius: 10px;}
.modalImgtitleA span {font-size: 16px; color: #666666; font-weight: 400; padding-top: 15px; border-top: 1px solid #999999; margin-top: 15px;  display: inline-block; width: 100%;}
.g-6, .gx-6 {--bs-gutter-x: 4rem;}
.g-6, .gy-6 {--bs-gutter-y: 4rem;}

@media only screen and (max-width: 800px) {
    .bg-dark-yellow {padding: 5px 0;}
    .carousel-indicators button {width: 6px!important; height: 6px!important; display: none;}
    .logomain {width: 200px;}
    .btnmain span {font-size: 16px;}
    .modalImgtitle span {font-size: 14px; font-weight: 600;}
    .mt-6 {margin-top: 3em;}
    .header-title {font-size: 20px;}
    .font-14 {font-size: 12px;}
    .gx-6 {--bs-gutter-x: 1rem;}
    .gx-8 {--bs-gutter-x: 1rem;}
    .mx-sm-0 {margin-right: 0 !important; margin-left: 0 !important;}
    .modalLinks {font-size: 12px;}
    .modalLinks img {width: 12px;}
    .modalImgtitleA span {font-size: 14px;}
  }
  */