.banner-blk{background:url(../img/mgp-van-banner.jpg);background-repeat: repeat-x!important;height: 450px;position: relative;padding-top: 20px;background-repeat: no-repeat;}
.thank-you{background:url(../img/mgp-van-banner.jpg);background-repeat: repeat-x!important;height: 450px;position: relative;padding-top: 20px;background-repeat: no-repeat;}
.thank-you-blk{float: right; text-align: center;background: rgba(180,141,44,0.5);  color: #fff;
    padding: 43px 15px; border: 5px solid #fff; box-shadow: 0px 0px 5px #b3b3b3, inset 2px 2px 50px #f7ca5a;
    font-family: 'Poppins';    margin-top: 25%;width: 100%;}
  .thank-you-blk h1{    font-weight: bold; border-bottom: 2px solid #fff;}  
  .thank-you-blk {    font-size: 20px;  font-weight: 500;}  
.form-blk{    background: #022662;  width: 100%; color: #fff;padding: 20px 0px;font-family: poppins;}
    .form-inner{display: flex;align-items: center;}
    .form-heading h2{font-size: 18px;text-align: right;font-weight: bold;}
    .form-heading{width: 15%;padding-right: 30px;}
    .form{width: 85%;}
.form-list {
    list-style: none;
    padding: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
   margin-bottom: 8px;
    font-family: 'Poppins', sans-serif;
    color: #fff;
}
.m-blue{position: absolute;
    right: 15px;
    top: 20px;
    color: #2095d2;
    font-size: 22px;
    font-family: 'Poppins';
    font-weight: 600;}
.m-blue:hover{text-decoration: none;color:#022662 }
.form{width: 100%}
.form p{font-size: 9px;display: flex;align-items: center;margin-bottom: 0px;}
.form input[type=checkbox]{margin-right: 10px; margin-right: 10px;  float: left; width: 20px;  margin-top: 5px;}
.form input::placeholder { 
     color: #fff;
  opacity: 1; 
}

.form input:-ms-input-placeholder { 
     color: #fff;
}

.form input::-ms-input-placeholder {
  color: #fff;
}
.form-list li {
    width: 21%;
    margin-right: 10px;
}
.form-list li:last-child{
    width: 11%;
}
.form-list input, .form-list select {
    background: transparent;
    border: 0px;
    color: #fff;
    border-bottom: 1px solid #fff;
    font-size: 13px;
    width: 100%;
    border-radius: 0px;
    padding-left: 0px;
}
.form-list input:-webkit-autofill,
.form-list input:-webkit-autofill:hover, 
.form-list:-webkit-autofill:focus, 
.form-list input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px #022662 inset !important;
      -webkit-text-fill-color: #fff;

}

.custom-btn{ 
    background: linear-gradient(0deg,rgba(172,134,45,1) 0%,rgba(244,205,102,1) 100%);
    color: #fff!important;
    text-transform: uppercase;
    font-weight: 700!important;
    text-shadow: 0px 0px 4px #000;
    box-shadow: 0px 0px 5px #000;
    border: 0!important;
    padding: 7px 20px!important;
    position: absolute;
    right: 0;
    top: -1px;
}
.custom-btn:hover{color: #fff;background: linear-gradient(90deg, rgba(172,134,45,1) 0%, rgba(244,205,102,1) 100%);}
.befifit-list{text-align: center;
    box-shadow: 0px 0px 5px#ddd;
    border-radius: 10px;
   padding: 25px 13px;}
.benifit-blk{font-family: 'Poppins', sans-serif;}
.befifit-list p{    color: #022662;
    font-size: 17px;
    font-weight: 500;
    line-height: 22px;}
    .befifit-list p span{display: block;}
 .icon-blk{margin-bottom: 10px;}   
 .benifit-blk{padding: 0px 0px 50px;}
 .benifit-blk h2{font-size: 36px;font-weight: 600;color: #022662;    margin-bottom: 40px;}
 .benifit-blk h2 span{color: #2095d2}
 .gold-mobile-van{padding: 60px 0px;font-family: 'Poppins', sans-serif;}
 .gold-mobile-van h2{font-size: 36px;font-weight: 600;color: #022662;    margin-bottom: 40px;text-align: center;display: block;width: 100%;}
 .offers-list{ margin: 0px;  padding: 0px; list-style: none;display: flex;flex-wrap: wrap;justify-content: space-between;position: relative;    transform: scale(0.9);}
  .offers-list:before{content: '';
    background: url(../img/van.png);
    position: absolute;
    width: 237px;
    top: 79%;
    left: 51%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    transform: translate(-50%, -50%);}
 .offers-list li{width: 36%;    display: flex; align-items: center;    padding: 15px;    color: #fff;border-radius: 10px;margin: 15px 0px;position: relative;}
 .offers-list li:nth-child(1){background:#2095d2;}
 .offers-list li:nth-child(2){background:#117ab0;flex-flow: row-reverse;text-align: right;}
 .offers-list li:nth-child(3){background:#185a98;}
 .offers-list li:nth-child(4){background:#022662;flex-flow: row-reverse;text-align: right;}
/* .offers-list li:nth-child(1):before{content: '';position: absolute;border-left: solid 70px transparent; 
  border-right: solid 70px transparent; 
  border-bottom: solid 70px #fff; 
  height: 0; 
  width: 0; }*/

  .offers-list li:nth-child(1):before{    content: '';
    background: url(../img/offer-list-bg1.png);
    width: 146px;
    height: 100%;
    position: absolute;
    right: -122px;
    background-position: top;
    background-size: cover;}
    .offers-list li:nth-child(1):after{
        content: 'step 1';
    position: absolute;
    background: #022662;
    top: -34px;
    text-transform: uppercase;
    padding: 5px 20px;
    border-radius: 5px 5px 0px 0px;
    font-weight: bold;
    left: 20px;
    }
    .offers-list li:nth-child(2):before{
         content: '';
    background: url(../img/offer-list-bg2.png);
    width: 146px;
    height: 100%;
    position: absolute;
    left: -136px;
    background-position: top;
    background-size: cover;
    }
     .offers-list li:nth-child(2):after{
        content: 'step 2';
    position: absolute;
    background: #022662;
    top: -34px;
    text-transform: uppercase;
    padding: 5px 20px;
    border-radius: 5px 5px 0px 0px;
    font-weight: bold;
    right: 20px;
    }
    .offers-list li:nth-child(3):before{    content: '';
    background: url(../img/offer-list-bg3.png);
    width: 146px;
    height: 100%;
    position: absolute;
    right: -138px;
    background-position: top;
    background-size: cover;}
       .offers-list li:nth-child(3):after{
        content: 'step 3';
    position: absolute;
    background: #022662;
    bottom: -34px;
    text-transform: uppercase;
    padding: 5px 20px;
    border-radius: 0px 0px 5px 5px;
    font-weight: bold;
    left: 20px;
    }
    
    .offers-list li:nth-child(4):before{
         content: '';
    background: url(../img/offer-list-bg4.png);
    width: 146px;
    height: 100%;
    position: absolute;
    left: -141px;
    background-position: top;
    background-size: cover;
    }
    .offers-list li:nth-child(4):after{
        content: 'step 4';
    position: absolute;
    background: #022662;
    bottom: -34px;
    text-transform: uppercase;
    padding: 5px 20px;
    border-radius: 0px 0px 5px 5px;
    font-weight: bold;
    right: 20px;
    }
 .offer-icon{width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 50%;margin: 10px;}
 .offer-content h4{font-size: 20px}   
  .offer-content  p{font-size: 14px;}
  .bb-list{list-style: none;padding: 0px;margin: 0px;display: flex;}
   .bb-list li{width: 20%;margin: 10px;}
   .muthoot-blue-blk{background:#2195d2;font-family: poppins;color: #fff;}
   .mb-list{display: flex;list-style: none;padding: 0px;margin-bottom: 40px;margin-top: 20px;}
   .mb-list li{ text-align: left; width: 23%; display: flex; font-size: 13px; line-height: 16px;  align-items: center;margin: 0px 10px;}
   .mb-list li p{margin-bottom: 0px;}
   .middle-text p{margin-top: 20px;font-size: 14px;}
   .mb-heading{font-size: 34px;}
   .mb-vidya img{ position: absolute;  bottom: 0px;}
   .middle-text{padding-top: 50px;}
   .mb-logo{margin-top: 62px;}
   .mb-icon img{width: 40px;margin-right: 10px;}
   footer{background:#1d1f45;color: #fff;font-size: 13px;font-family: poppins;padding: 20px 0px;}

   .wrap_testimonial {
    background: url(https://muthootgoldpoint.com/wp-content/themes/mgp/assets/images/people-thumb.jpg) repeat center top;
    color: #fff;
}
.quote{width: auto!important;}
.img-customer{width: auto!important;margin: 0 auto}
.custom-testimonial{font-family: poppins;}
.custom-testimonial h2{color: #2095d2;font-size: 36px;}
.test-des{font-size: 20px;}
.wrap_testimonial .owl-theme .owl-dots .owl-dot span {
    background: #949494!important;
}
.custom-testimonial  .owl-dots{display: block!important;width: 105px;margin: 0 auto}
.custom-testimonial .owl-dot{background: #1f598b;width: 10px;height: 10px;border-radius: 30px;float: left;margin: 5px;}
.custom-testimonial .owl-dot.active{background: #2095d2}
.custom-testimonial .owl-nav{display: none;}
.form-blk.sticky { position: fixed;  top: 0; height: 112px;z-index: 9}
.form-list input:focus{outline: none;}
#verify_otp_toggle_top { display: flex;  flex-wrap: wrap;}
.ncd-form-terms {display: flex;margin-top: 10px;}
.ncd-form-terms label{font-size:10px;margin: 0px;}
#form_sell_gold input:focus{background: none; box-shadow: none;color: #fff}
#change_mobile_number{color: #fff; border: 1px solid #ddd; padding: 5px 10px; border-radius: 3px;  font-size: 12px; margin-top: 5px; display: inline-block;}
#change_mobile_number:hover{background: #fff;color: #022662;text-decoration: none;}
#otp_num_here{background: none; border: 0px; border-bottom: 1px solid #fff; border-radius: 0;   width: 83%;font-size: 14px;}
 #loaderimg{margin: 0 auto;width: 35px}
 .form-blk.sticky #loaderimg{top: -34px;position: relative;}
 .van-img{
    position: absolute;
    bottom: 0;
    margin: 0px auto;
    left: 0;
    right: 0px;
    width: 100%;
}
.van-img img{max-width: 100%;}
.mgp-logo{text-align: center;}
.mob-van-wrap{
  display: none;
  flex-wrap: wrap;
  width: 100%;
}
.mob-van-img img{max-width: 100%;}
.mob-van-txt h3{color: #022662;font-size: 36px;line-height: 38px;text-align: center;margin-bottom: 30px;}
.mob-van-txt p{font-size: 18px;line-height: 22px;text-align: center;}
.thank-you .mob-van-wrap{display: flex;margin-top: 100px;align-items: center;}
.thank-you .mob-van-img{width: 70%;}
.thank-you .mob-van-txt{width: 30%;}
.thank-you .mob-van-txt h3{margin-bottom: 20px;}

  @media(max-width:1024px){
    .offer-content p {font-size: 11px;}
    .offers-list li:nth-child(4):before { left: -135px;}
   .offers-list:before{left: 50%;width: 212px}
  .befifit-list p{font-size: 13px;}
  .mb-vidya img { position: absolute;  bottom: 0px;   right: -21px;}
  .banner-blk{height: 410px;}
 .mgp-logo{text-align: left;}
  } 
@media(max-width: 991px){
    .offers-list li:nth-child(1):before{display: none;}
    .offers-list li:nth-child(2):before{display: none;}
    .offers-list li:nth-child(3):before{display: none;}
    .offers-list li:nth-child(4):before{display: none;}
    .offers-list li{width: 48%}
    .offers-list:before{top:-3%;width: 265px;}
    .offers-list{margin-top: 18%;}
    .gold-mobile-van h2{font-size: 24px}
    .befifit-list{margin: 0px;padding: 13px;}
    .befifit-list p span{display: block;}
    .bb-list{flex-wrap: wrap;justify-content: center;}
    .bb-list li{    width: 30%;  margin: 10px;}
    .gold-mobile-van{padding: 50px 0px 0px}
    .benifit-blk h2{font-size: 24px;}
    .mb-vidya{display: block;}
    .mb-logo{text-align: center;}
    .mb-heading{text-align: center;}
    .middle-text p{text-align: center;}
   .mb-vidya img {  position: absolute;  bottom: 0;  right: -195px;}
    .banner-blk{height: 320px;}
    .benifit-blk {padding: 50px 0 50px;}
    .befifit-list p{font-size: 16px;}
    .form-list li{width: 19.5%;}
    .form-blk.sticky{height: 125px}
    .mb-list{flex-direction: column;}
    .mb-list li{width: 100%;    margin-bottom: 20px;    font-size: 14px;}
    .middle-text{ padding-top: 25px;}
}

@media(max-width: 767px){
    .mob-van-wrap{display: flex;margin-top:30px;}
    .van-img{display: none;}
    .mgp-logo{text-align: left;}
    .mob-van-txt{order:1;padding: 0px 15px;}
    .mob-van-img{order:2;}
    .mob-van-txt h3{font-size: 24px;line-height: 28px;margin-bottom: 5px}
    .mob-van-txt p {font-size: 15px;line-height: 17px;padding: 0px 20px;}
    .banner-blk{background-size: contain;height: auto;}
   .thank-you .mob-van-wrap{margin-top: 60px;}
   .thank-you .mob-van-img,.thank-you .mob-van-txt {width: 100%;}
   .thank-you-blk{margin-top: 65%;}
   .thank-you .mob-van-txt h3{margin-bottom: 10px;}
   .thank-you .mob-van-txt p{margin-bottom: 30px;}
    .form-inner{flex-direction: column;}
    .form-heading{width: 100%;padding-right: 0px;text-align: center;}
    .form-heading h2{text-align: center;font-size: 18px;text-transform: uppercase;}
    .form{width: 100%;}
    .form-list li:last-child{width: 100%;flex-direction: column;text-align: center;margin-top: 20px;position: relative;  top: 63px;}
    .gold-mobile-van h2{font-size: 22px;margin-bottom: 0px;}
    .gold-mobile-van{padding: 30px 0px 0px;}
    .offers-list li{padding-left: 15px;}
    .offers-list li:nth-child:after{}
    .offers-list li:nth-child(4){margin-bottom: 0px;}
    .offers-list li:nth-child(1):before{display: none;}
    .offers-list li:nth-child(2):before{display: none;}
    .offers-list li:nth-child(3):before{display: none;}
    .offers-list li:nth-child(4):before{display: none;}
    .offers-list li{width: 100%;margin-bottom: 40px;}
    .offers-list li:nth-child(1):after,.offers-list li:nth-child(2):after,
    .offers-list li:nth-child(3):after,.offers-list li:nth-child(4):after{transform: rotate(-90deg);border-radius: 5px 5px 0px 0px;top:40px;left:-57px;
      right:auto;bottom:auto;line-height: 17px;top:40px;}
    .offers-list li:nth-child(2):after{}
    .offers-list li:nth-child(3):after{border-radius: 5px 5px 0px 0px;}
    .offers-list li:nth-child(4):after{ border-radius: 5px 5px 0px 0px;}
    .m-blue{top: 9px;font-size: 16px}
    .offers-list:before{top: 20%;}
    .offers-list{margin-top: 45%}
    .bb-list{flex-wrap: wrap;}
     .bb-list li{width:calc(100%/3 - 10px);margin: 0px 15px 0px 0px;}
     .bb-list li:nth-child(3n) {margin-right: 0px;}
    .benifit-blk{padding: 30px 0px 20px;}
    .benifit-blk h2{font-size: 22px;margin-bottom: 20px;padding: 0px 40px;}
    .form-list{flex-wrap: wrap;}
    .mb-vidya{display: block!important;}
    .mb-vidya img { position: absolute; bottom: 0px; right: 0px;  height: 230px;  width: auto;}
    .mb-heading{font-size: 22px;text-align: center;font-weight: 500;}
    .mb-logo{text-align: center;}
    .mb-list{ flex-direction: column;margin-top: 0px;margin-bottom: 20px;}
    .mb-list li{width: 73%;  margin: 0; display: flex;  align-items: center;  font-size: 14px; margin-bottom: 13px;}
     .mb-list li p{text-align: left;}
    .middle-text p{text-align: center;margin-bottom: 30px;text-align: justify;font-size: 13px; margin-top:10px;}
    .mb-logo{margin-top: 40px}  
    .custom-testimonial{padding: 15px;}
    .form-blk.sticky{position: static;height: auto}
    .custom-testimonial .middle-text{padding-top: 20px}
    .custom-testimonial h2{font-size: 22px;}
    .test-des{font-size: 14px;}
    .custom-testimonial .listItem p{font-size: 13px;text-align: justify;}
    .befifit-list {
    padding: 10px 5px;
    height: 123px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    }
    .befifit-list p{line-height: 16px; font-size: 13px;  margin-bottom: 10px;}
    .befifit-list p span{display: block;}
    .logo-blk{float: left;}
    .logo-blk img{width: 140px}
    .form p{position: relative; top: -47px;}
    .form input[type=checkbox]{width: 50px;}
    .custom-btn{ position: relative;box-shadow: none;text-shadow: 0px 0px 2px #000;width: 100%;border-radius: 0px!important;padding: 5px 15px!important;}
    .form-blk{ padding: 14px 0 15px;}
    .middle-text{padding-top: 20px!important;}
    .mb-icon{margin-right: 10px;}
    .mb-icon img{width: 40px;}
    .form-list li{width: calc(100%/4 - 8px)!important;margin-right: 8px;}
    .form-list li:last-child{margin-right: 0px;}
    #verify_otp_toggle_top li:last-child{margin-right: 0px!important;}
    #form_sell_gold input{padding-left: 0px;}
   /*#verify_otp_toggle_top {justify-content: space-around;}*/
   .offers-list li:nth-child(2) .offer-icon{order: 1;}
   .offers-list li:nth-child(4) .offer-icon{order: 1}
   .offers-list .offer-content{text-align: left;width: 70%;}
   .offers-list li{padding: 5px;margin-bottom: 0px;}
   .offer-content h4 {font-size: 18px}
   .offer-content p{font-size: 13px;margin-bottom: 0px}
   .offers-list li:nth-child(2){justify-content: flex-end;}
   .offers-list li:nth-child(4){justify-content: flex-end;}
   .icon-blk{margin-bottom: 0px;}
   .bb-list .icon-blk img{width: 50px;}
    .ncd-form-terms label{font-size:8px;font-weight: 500;}

}

@media(max-width: 360px){
    .banner-blk{height: 240px}
}
@media(max-width: 420px){
    .mb-vidya img{bottom: 0px;}
    .getotp2{font-size:10px !important; margin-top:10px;}
    .submit2{width: auto; margin-left: auto; margin-right: auto; display: block;}
}
@media(max-width: 320px){
    .banner-blk{height: 210px}
    .form-blk.sticky{height: 224px}
    .custom-btn{top:153px;}
    .offers-list:before {  top: 27%;width: 225px}
   .middle-text p{font-size: 12px}
   .mb-list li p{font-size: 13px;}
   .mb-list li{width: 70%;}
 .mb-vidya img{bottom: 0px;}
}

  @media(min-width:1400px){
    .van-img{text-align: center;}


  }