body{overflow-x:hidden;}
.breadcrumbs h1.blogs-titles  {font-size: 28px!important;font-weight: 500!important;}
.hero-img img{margin-top:25px;}
.fw-500{font-weight:500;}
.button-arrow{width:auto !important; display:inline !important;margin:0 0 0 15px; }
.hero .h-form{max-width:100%;}
.h-form ul li{font-size:17px; line-height:35px;}
.hero .h-form .btn-update { width: 250px !important; border-radius:12px; font-size: 1.05rem; padding: 4px 20px; margin-top:25px;}
.hero{background-image:none; background-color:#f3f3f3; }
.item-1{background-color: #FFECED;  }
.item-2{background-image:none; background-color: #FFF5EF;  }
.item-3{background-image:none; background-color: #EDF5FF;  }
.red-color-txt{color: #d82727;}
#home .owl-carousel-main .owl-dots { position: relative; top: -100px;}
.hero .owl-theme .owl-dots .owl-dot span { width: 16px;height: 16px;}
.hero{height: 85vh !important; margin-bottom:100px;}
.h-form P{line-height: 55px;}
.breadcrumbs h1.blogs-titles  {font-size: 28px!important;font-weight: 500!important; margin-bottom:0px !important;}
.eligibility{background:url('https://www2g4huwbxyi.cdn.e2enetworks.net/images/bg-4.webp') bottom center/cover no-repeat!important; }

/*updarted css*/
.navbar{top: 5px; }
.navbar a, .navbar a:focus{color:#757B8A!important; font-weight:400!important;}
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover>a{ font-weight:700!important; color:#000!important;}
.navbar .getstarted, .navbar .getstarted:focus, .navbar .getstarted:hover{font-weight:400!important; color: #fff!important; border-radius: 10px!important;}
 .navbar li:hover>a{font-weight:400!important;}
.img-resp{display:none;}
.header .logo img{margin-top: 35px;}
.header.header-scrolled img{margin-top: 0px;}
.header.header-scrolled .navbar{top: 0px; }
.cpl-banners{background:url('https://www2g4huwbxyi.cdn.e2enetworks.net/images/cpl-banner-diwali-hero.webp') bottom right no-repeat!important;   background-size:60% 100% !important; height:100vh !important;}
.inner-container{height:100vh !important; position:relative;}
.banner-contents p{color: #2D2D2D!important; font-size: 52px!important;  line-height: 65px!important; font-weight:600;margin-bottom:25px!important;}
.banner-contents{ color: #2D2D2D!important;margin-top:15%; width:800px;}
.banner-contents .textsmall{margin-bottom:25px!important;font-size: 21px;}
a.click-action{font-size:19px!important; border-radius:10px!important; padding: 13px 0px!important; box-shadow: 0 0px 8px rgba(0, 0, 0, 0.4); transition: box-shadow 0.3s ease; margin:0px 0 29px;}
.action-btn-div{width:422px;}
.hero{margin-bottom:0px;}
.banner-element{width:77%; height:auto; position:absolute; bottom:80px; right:-170px;}
.form{background:#fff!important;}
.step-item::after, .step-item::before{    background: #B9B9C3;     height: 2px;}
.step-item::before{border: 2px solid #B9B9C3; outline:8px solid #fff;     background: #FFF;}
.step-item::before{width: 20px; height: 20px; bottom:-2px;}
.step-item.s-active::before {border: 2px solid #d82727;}
.step-item {width: 87px;}
.form-close{font-size:42px; cursor:pointer; position:absolute; right:0; top:10px; font-weight:300;}
.custom-form{padding-bottom:25px!important;}
.input-wrapper { position: relative; margin-bottom: 5px;}
.input-wrapper input {
  width: 100%;
  padding: 9px 45px 9px 25px!important;
  border: 1px solid #979797 !important;
  background-color: transparent;
  color:#403e3e !important ;
  border-radius: 10px!important;
  font-size:18px;
  transition: all 0.3s ease;
  outline: none;
  margin-bottom:-3px!important;
}

.input-wrapper input::placeholder { color: #979797;}

/* Active/focus effect (user clicks & types) */
.input-wrapper input:hover, .input-wrapper input:focus, .input-wrapper input.active {
  border-color: #D82727!important;
  background-color: #FFE8E9!important;
  color:#403e3e !important ;
  box-shadow: none;      
}

.otp-form input{border: 1px solid #979797 !important; background-color: transparent; padding: 0px !important;     width: 78px !important;  height: 78px !important; text-align: center; font-size:20px!important;
  color:#403e3e !important ; margin-right:20px; border-radius:10px !important;}
.otp-form input:hover, .otp-form .valid, .otp-form input:focus-visible{ border-color: #D82727!important;  background-color: #FFE8E9!important;
  color:#26272A !important ; outline:0px;}
  #otp6{margin-right:0px !important;}
  .form-check-input{width:23px!important; height:23px!important; background-color:#f7f7f7!important; box-shadow:none !important; outline:none !important; margin-right:10px;border:1px solid #C3C3C3!important; }
  .chk-box {margin:0px !important;}
  .form-check-input:checked[type=checkbox]{background-image:url('https://www2g4huwbxyi.cdn.e2enetworks.net/images/checkmark-icon.webp'); background-size: 80%;}
  a.terms{color:#787676!important; font-size:16px!important;}
   a.terms:hover{opacity:0.6;}
 #counter_p, #resendotp{font-size:17px!important; color:#787676!important; text-align: center;background: transparent;border: 0px;}
#counter_pNew, #otpresendcounterNew{font-size:17px!important; color:#787676!important; text-align: center;background: transparent;border: 0px;}
.otp-counter button{font-size:17px!important; color:#787676!important; text-align: center;background: transparent;border: 0px;}
.h-form .chk-box{line-height: 35px !important; margin-bottom:0px; }
.input-wrapper input:focus::placeholder, .otp-form input:focus::placeholder{ color: #979797;}

@keyframes blink {
   0% {
        opacity: 1;
    }
 
    50% {
        opacity: 0;
    }
 
    100% {
        opacity: 1;
    }
}

/* Pencil icon styling */
.input-wrapper .edit-icon {
  position: absolute;
  top: 33px;
  right: 25px;
  transform: translateY(-50%);
  height: 22px;
  width: 22px;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.blinking-text {
  font-size: 0.9rem;
  color: #ffdf10;
  animation: blink 1s infinite;
  font-style: italic;
  font-weight: 600;
}
 
.loan-link {
  display: flex;
  justify-content: space-between; /* pushes left and right */
  align-items: center;
  text-decoration: none; /* optional */
  width: 100%; /* full width */
}
 
.left-text {
  text-align: left;
  display: inline-block;
  width: 70%;
  font-size: 1rem;
  font-weight: 600;
}
 
.right-text {
  text-align: right;
  width: 20%;
  display: inline-block;
}


/* Icon highlights on hover or focus */
.input-wrapper input:hover ~ .edit-icon,
.input-wrapper input:focus ~ .edit-icon , 
.input-wrapper input.active ~ .edit-icon {
  opacity: 0;
}

/* Optional: Error state */
.input-wrapper.error input {
  background-color: #ffe6e6;
  border-color: #ff4d4d;
  color: #b30000;
}

.input-wrapper label{font-size:17px;}




.btn-style{padding: 7px 25px 7px 25px!important; font-size:20px; border-radius:12px!important; margin-top:18px!important;}

 input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }

    /* Remove spinner arrows for Firefox */
    input[type="number"] {
      -moz-appearance: textfield;
    }
	
.form label	{font-size:18px !important; line-height:22px!important;}	
.form p.sub-title{font-size:17px !important; line-height:22px!important;}	
.form  p.form-title{font-size:27px !important; line-height:35px!important; font-weight:600!important;}
.form .h-form {margin: 0!important;}
.form-container{width:1225px; margin:100px  auto 0;}
.form .h-form{ width: 570px;  max-width: 570px;}
.inner-input-field{width:480px;}
.sub-title2{font-size:22px !important; line-height:26px!important;}
.font-18{font-size:18px !important; line-height:24px!important;}
.fill-form{width:auto; margin-bottom: 10px;}
.h-form .btn-update.check-elgibilty, .otp-counter{width:480px !important;}
.otp-form {justify-content: flex-start!important;}
.custom-mt-5{margin-top:33px;}
.loading-status{margin-left:-25px !important;}
.progress-container { position: relative; width: 330px; height: 15px; background-color: #D9D9D9; border-radius: 10px; margin-top:35px;     margin-bottom: 25px;}
.progress-bar { height: 100%; width: 0%; background-color: #D82727; border-radius: 10px ; transition: width 0.4s ease; }
 .progress-label { position: absolute; top: -50px; transform: translateX(-50%);  background-color: #D82727;  color: #fff;  font-size: 12px;  width: 40px;  height: 40px;  text-align: center; line-height: 40px;   border-radius: 50%; }
 .progress-label::after {  content: "";  position: absolute;  bottom: -5px;  left: 50%;  transform: translateX(-50%);  border-left: 5px solid transparent;  border-right: 5px solid transparent;  border-top: 6px solid #D82727; }
  .exit-popup .modal-content{ background: #FFF5F5!important;}
 .exit-popup .modal-dialog{width:550px!important; max-width:550px!important;}
.exit-popup .modal-body{width:485px; margin:50px auto;}
.exit-popup p{font-size:24px!important; line-height: 38px!important; color:#000 !important; }
.exit-popup .btn{width:132px; height:49px; font-size:17px; line-height:34px; color:#fff; background: #D82727;}
.exit-popup .btn:hover,  .exit-popup .btn:focus, .exit-popup .btn:active{background: #D82727CF; color:#fff!important;}
a.click-action:hover, .btn-update:hover, .navbar .getstarted:hover, .navbar .getstarted:focus:hover, .contactbtn:hover, .contactbtn:focus:hover{background:#d82727 !important; opacity:0.6!important; color: #fff!important;}
.custom-form .error{line-height:17px !important; font-size:14px!important; color:#D82727!important; display: block; margin-top: 12px; float:left; padding-left:10px;}
#tnc-error{margin-top:0px !important; padding-left:11px!important;}
.form-check-input.error{margin-top: 7px!important;}
.form .sub-title3{font-size:18.5px !important; line-height:24px!important;}

.terms-condition{position:relative; padding-left: 35px!important; max-width:560px;}
.terms-condition .form-check-input{position:absolute;left:25px; top:0px;}
.terms-condition label{width: 100%;}
.terms-condition #tnc-error{padding-left:0px !important;}

/*updarted css*/

@media (max-width: 1400px) {
.h-form P{line-height: 52px!important; font-size: 41px!important;}

/*updarted css*/
.exit-popup p{font-size:23px!important; line-height: 36px!important; }
.exit-popup .btn{ height:48px; font-size:16px; line-height:34px;}
.h-form .sub-title2{font-size:20px !important; line-height:26px!important;}
.form .sub-title3{font-size:17px !important; line-height:23px!important;}
.h-form .font-18{font-size:18px !important; line-height:24px!important;}	
.h-form #reg_no-error, .h-form .error-msg{line-height:16px !important; font-size:14px!important; }
.h-form .btn-update.check-elgibilty, .otp-counter {width: 465px !important;}
.loading-status {margin-left: -225px !important;}
#main .sub-title3{font-size: 17px !important;}
/*updarted css*/
}

@media only screen and (max-width: 1300px) and (min-width: 1150px) {
.h-form p {line-height: 52px!important; font-size: 41px!important;}	
.hero .h-form .btn-update{padding: 2px 20px;}	
	}
	@media only screen and (max-width: 1200px) and (min-width: 901px) {
    .h-form p { font-size: 31px !important; line-height: 42px!important; }
	.hero .h-form .btn-update{ font-size: 1rem;}
	.hero .h-form .btn-update{padding: 2px 20px;}
}

/*updarted css*/

@media only screen and (max-width: 1710px) and (min-width: 1630px) {
.banner-element {width: 70%!important; bottom: 100px!important; right: -50px!important;}
}

@media only screen and (max-width: 1625px) and (min-width: 1500px) {
.banner-element {width: 63%!important; bottom: 0px!important; right: -10px!important;}
.banner-contents p {font-size: 50px !important;line-height: 62px !important;}
.cpl-banners {background-size: 60% 100% !important;}	
.action-btn-div { width: 430px;}
}

@media only screen and (max-width: 1460px) and (min-width: 1390px) {
.banner-element {width: 62%!important; bottom: 0px!important; right: 0px!important;}
.banner-contents p {font-size: 50px !important;line-height: 62px !important;}
.cpl-banners {background-size: 60% 100% !important;}	
.action-btn-div { width: 430px;}
}

@media only screen and (max-width: 1380px) and (min-width: 1200px) {
.banner-element {width: 63%!important; bottom: 0px!important; right: 0px!important;}
.banner-contents p {font-size: 50px !important;line-height: 62px !important;}
.cpl-banners {background-size: 60% 100% !important;}	
.action-btn-div { width: 430px;}
.banner-contents {width: 600px;}
}

@media (max-width: 1400px) {
.form-container{width:100%;}
.form p.form-title {font-size: 24.5px !important; }
.form .h-form { width: 100%; max-width: 100%;}
.fill-form { width: 520px;}
.inner-input-field{width: 465px;}
.input-wrapper input{padding:6px 45px 6px 25px!important;}
.form .h-form { width: 410px; max-width: 410px;}
.loading-status {margin-left: -130px !important;}
.terms-condition{ max-width:505px;}
}

/*updarted css*/

@media only screen and (max-width: 1100px) and (min-width: 960px) {
	.banner-element{ width: 57%;bottom: 20px; right: -5px;}
	.cpl-banners { background-size: 60% 100% !important;}
	.banner-contents { margin-top: 15%; width: 600px;}
	.banner-contents p {font-size: 38px !important;line-height: 49px !important; margin-bottom: 35px !important;}
	a.click-action {font-size: 17px !important; padding: 12px 35px !important; margin: 0px 0 25px;}
	.action-btn-div { width: 360px;}
	.banner-contents {margin-top: 16.5%;}
	.fill-form { width: 94%;}
	.form .h-form { width: 100%; max-width: 100%;}
	.form p.form-title {font-size: 21px !important; line-height: 34px !important;}
	.form label, .input-wrapper input{ font-size: 16px !important;}
	.form p.sub-title { font-size: 15px !important;}
	.btn-style {padding: 5px 25px 5px 25px !important; font-size: 18px; border-radius: 12px !important; }
	.input-wrapper input { padding: 5px 45px 5px 25px !important;}
	.h-form .sub-title2 { font-size: 18px !important; }
	#main .sub-title3{font-size: 15px !important;}
	 .h-form .font-18 {font-size: 17px !important;} 
	 .h-form .btn-update.check-elgibilty, .otp-counter{width: 84% !important; }
	 #counter_p, #resendotp { font-size: 16px !important;background: transparent;border: 0px;}
	 .otp-form input {width: 62px !important; height: 62px !important; margin-right: auto;}
	 .otp-form {}
	 .inner-input-field { width: 84%;}
	 .loading-status{  margin-left: 0px !important; }
	 .progress-container{width: 280px;}
	 a.terms {font-size: 15px !important;}
	 .input-wrapper .edit-icon { top: 29px;}
	 .terms-condition{max-width:100%;}
	 
	 
	
}

@media (max-width: 900px) {
    .h-form {margin: 170px 35px 0; }
	.hero {text-align: left; }
    .get {font-size: 22px !important;}
	.h-form p { font-size: 28px !important; line-height: 40px!important; }
	.hero .h-form .btn-update{ font-size: 0.9rem; width: 185px !important; padding: 10px 20px; margin-bottom:25px;}
	.button-arrow{width:25px!important;}
	.hero-img img{margin-top:50px;}
	.hero-img img.margn-resp{margin-top:50px;}
	.breadcrumbs h1.blogs-titles  {font-size: 25px!important;font-weight: 500!important; margin-bottom:0px !important;}
		
	/*updarted css*/	
.custom-mt-5{margin-top:20px;}	
	
.header .logo img{margin-top: 14px; margin-left: 15px; max-height: 52px;}
.cpl-banners{background:url('https://www2g4huwbxyi.cdn.e2enetworks.net/images/cpl-banner-main-mobile-hero-diwali.webp') bottom right no-repeat!important; padding-bottom:620px;background-size: 100% !important;}
.inner-container, .cpl-banners{height:auto !important;}
.banner-contents p{ font-size: 24px!important;  line-height: 33px!important; text-align:center;}
.banner-contents{ margin-top:13.5%; width:100%; margin-bottom: 15px;}
a.click-action{font-size:15px!important;  padding: 13px 11px!important; margin: 0 0 32px;}
.action-btn-div{width:310px; margin:0 auto;}
.banner-contents p{margin-bottom:12px!important;}
.hero{margin-bottom:0px;}
.banner-element{width:100%; height:auto;  bottom:auto; right:auto; left:0; display: block; }
.navbar .rounded-circle{ border: 1px solid #111; padding: 5px; }
.navbar-mobile ul{top: 0;}
.navbar-mobile ul{ top: 0; right: 0; bottom: 0; left: 0; padding: 0; border-radius: 0;}
.mobile-nav-toggle.bi-x{color: #111; border: 1px solid #111; padding: 5px; border-radius:50%; width:40px; height:40px; text-align:center; display:flex; align-items:center; justify-content:center;}
.navbar-mobile {width:100%;}
.navbar{right:13px;        top: 5px; }
.navbar-mobile .mobile-nav-toggle{top: 23px; right:25px}
.navbar-mobile ul{padding: 110px 0px 0px 0px;background: rgba(255, 255, 255, 0.90); /* 50% transparent */
    backdrop-filter: blur(10px); /* optional: adds a frosted-glass effect */ }
.navbar a{display:block !important;}
.navbar li{text-align: center;}
.navbar-mobile a{padding: 13px 25px;  font-size: 16px;   font-weight: 400; color:#757b8a;}
.navbar-mobile .getstarted{width:130px!important;  margin: 15px auto !important; padding: 13px!important; border-radius: 10px!important; font-size: 15px !important;}
.mobile-nav-toggle{transition: 0s; border: 1px solid #111;  width: 40px; border-radius: 50%; height: 40px;  text-align: center;  line-height: 40px;}
.header-scrolled  .logo img{margin-top:0px;}
.header-scrolled .mobile-nav-toggle{top: 20px;}
.header-scrolled .navbar{ top: 2px; }
.step-item::before{ width: 16px;height: 16px;}
.step-item::after{height: 1px;}
.form-container{width:93%;}
.form-close{font-size:41px; position:absolute; right:12px; top:32px;}	
.form .h-form { width: 100%; max-width: 100%;}
.form p.form-title {font-size: 20px !important; line-height: 31px !important; text-align:center; margin-bottom: 12px !important;}
.inner-input-field { width: 100%;margin-bottom: 25px;}
.h-form .error-msg{margin-bottom:10px!important;}
.form p.sub-title { font-size: 15px !important; line-height: 22px !important; text-align:center;}
.form label { font-size: 15px !important; line-height: 34px !important;}
.input-wrapper input{ font-size: 15px;}
 .input-wrapper input { padding: 3px 35px 3px 20px !important; line-height: 45px;}
.input-wrapper .edit-icon {top: 28px;right: 22px; height: auto; width: 18px ;}
.btn-style { padding: 11px 25px 11px 25px !important;font-size: 16px;margin-top: 12px !important;}
.ssl-logo{width:72px;}
.form-container {margin: 67px auto 0;}
.custom-form { padding-bottom: 0px !important;}
.h-form .sub-title2 {font-size: 15px !important; text-align:center;}
#main .sub-title3{font-size: 13px !important; text-align:center; width:100%; margin-top: 0px;}
.otp-form {justify-content: space-between;}
.otp-form input{width: 50px !important; height:50px !important; margin-right: auto; font-size: 17px !important; }
 .h-form .btn-update.check-elgibilty, .otp-counter { width: 100% !important;}
 .loading-status { margin-left: 0px !important;}
.fill-form { width: 94%; margin-top:10px; }
.progress-container { margin-top: 45px auto 25px;}
.inner-input-field .mb-2{margin-bottom:12px!important;}
.h-form .font-18{font-size: 15px !important;line-height: 20px !important;}
a.terms {font-size: 13px !important; }
.h-form .chk-box { line-height: 28px !important;}
#counter_p, #resendotp { font-size: 16px !important;background: transparent;border: 0px;}
.h-form .btn-update.check-elgibilty{margin-top:0px !important;}
.exit-popup .modal-body {width: 100%; margin: 45px auto; padding:0px 12px!important;}
.exit-popup .modal-dialog {width: 95% !important;max-width: 95% !important;}
.exit-popup p {font-size: 20px !important; line-height: 30px !important; }
.exit-popup .btn { height: 44px; font-size: 15px; line-height: 32px;width: 120px; }
.terms-condition{max-width:100%;}
.terms-condition label{line-height: 23px !important;}
/*updarted css*/		
		.action-btn-div{
          width: 400px;
    }
}

@media only screen and (max-width: 960px) and (min-width: 700px) {
	.banner-contents{width:500px; margin:80px auto 0;}
	.banner-contents p { font-size: 36px !important; line-height: 49px !important;}
	a.click-action {font-size: 16px !important; padding: 14px 11px !important; }
	.action-btn-div {width: 430px;}
	.cpl-banners { background-image: none !important;   }
	.banner-element { width: 110% !important; left: -5%;}
	.form-container { width: 500px;}	
    .otp-form input { width: 65px !important; height: 65px !important; margin-right: 21px;}
    .form-check-label{ width: 390px;}
	.progress-container{margin-left:auto; margin-right:auto;}
	.form p.form-title {font-size: 23px !important; line-height: 34px !important;}
    .exit-popup .modal-dialog {width: 95% !important; max-width: 475px !important; }	
	.navbar { right: 22px;	}
	.navbar-mobile .mobile-nav-toggle{right: 35px;}
	.cpl-banners {padding-bottom: 530px;}
}



@media (max-width: 700px) {
    .h-form {margin: 120px 25px 0; }
	.get {font-size: 20px !important;}
	.h-form p { font-size: 25px !important; line-height: 32px!important; }
	.hero-img img{margin-top:25px;}
	.hero-img img.margn-resp{margin-top:60px;}
	
	/*updarted css*/
	
	.cpl-banners{padding-bottom:320px;}
	.otp-form input{width: 49px !important; height:49px !important;}
	/*updarted css*/	
	
  .action-btn-div{
      width: 400px;
    }
  .loan-link {
    display: flex;
    justify-content: space-between; /* pushes left & right apart */
    align-items: center;            /* vertical alignment */
    width: 100%;
  }

  .loan-link .left-text {
    text-align: left;
    font-size: 14px;
  }

  .loan-link .right-text {
    text-align: right;
    font-size: 11px;
  }
  .banner-contents .textsmall
  {
      margin-bottom: 25px !important;
      font-size: 16px;
      width: 66%;
      margin: 0px auto;
      text-align: center;
  }
  #loancompare .responsive-table__row {
      grid-template-columns: 2fr;
  }
  
}	
@media (max-width: 400px) {
    .h-form {margin: 100px 25px 0; }
	.hero-img img{margin-top:30px;}
	.hero-img img.margn-resp{margin-top:60px;}
	
	/*updarted css*/
	.form-container{width:95%;}
	.action-btn-div { width: 92%;  }
	.cpl-banners{ padding-bottom:300px;}
	.otp-form input{width: 45px !important; height:45px !important;}
	/*updarted css*/
	
}

/*updarted css*/

/* Exclude tablets and mobile devices with max-width of 1024px */
@media screen and (min-width: 1025px) {
  .right-text{ font-size: 0.8rem;  }
  /* 1920x1080 at 125% zoom */
  @media screen and (min-width: 1536px) and (min-height: 864px) and (-webkit-min-device-pixel-ratio: 1.25), 
  (min-resolution: 120dpi) {
.header .logo img{margin-top: 20px;}
.header.header-scrolled img{margin-top: 0px;}
.cpl-banners{background:url('https://www2g4huwbxyi.cdn.e2enetworks.net/images/cpl-banner-diwali-hero1.webp') bottom right no-repeat!important;   background-size:55% 100% !important; height:90vh !important; margin-top: 100px;}
.inner-container{height:100vh !important; position:relative;}
.banner-contents p{color: #2D2D2D!important; font-size:55px!important;  line-height: 75px!important; font-weight:600;}
.banner-contents{ margin-top:8%; width:700px;}
a.click-action{font-size:18px!important; border-radius:10px!important; padding: 12px 35px!important; box-shadow: 0 0px 8px rgba(0, 0, 0, 0.4); transition: box-shadow 0.3s ease; margin:0px 0 29px;}

.action-btn-div{width:422px;}
.form label	{font-size:17.5px !important;}
.banner-contents p{margin-bottom:5px!important;}
.hero{margin-bottom:0px;}
.banner-element{width:64%; height:auto; position:absolute; bottom:-9px; right:0;}
.btn-style{padding:6px 25px 6px 25px!important;}
.inner-input-field{width:430px!important;}
/*update css */
.input-wrapper input{padding:7px 45px 7px 25px!important; font-size: 17px;}
.btn-style{padding:6px 25px 6px 25px!important; font-size: 19px;}
.otp-form input{width:69px !important; height:69px !important;}
.form p.form-title{font-size:24.5px !important;}
.form p.sub-title{font-size:16px !important;}
.form label{font-size:16.8px !important;}
.sub-title2 { font-size: 21px !important;}
.form .sub-title3 { font-size: 18px !important;}
.h-form .btn-update.check-elgibilty, .otp-counter {width: 430px !important;}
.form-container{margin:90px  auto 0;}
.exit-popup p{font-size:23px!important; line-height: 35px!important; }
.exit-popup .btn{ height:48px; font-size:16px; line-height:34px;}
.terms-condition{ max-width:510px;}
/* update css */	
		
    /* Your styles for 1920x1080 at 125% zoom */
  }

  /* 1920x1080 at 150% zoom */
  @media screen and (min-width: 1280px) and (min-height: 720px) and (-webkit-min-device-pixel-ratio: 1.5), 
  (min-resolution: 144dpi) {
	 
.header .logo img{margin-top: 20px;}
.header.header-scrolled img{margin-top: 0px;}
.cpl-banners{background:url('https://www2g4huwbxyi.cdn.e2enetworks.net/images/cpl-banner-diwali-hero.webp') bottom right no-repeat!important;   background-size:60% 100% !important; height:100vh !important;}
.inner-container{height:100vh !important; position:relative;}
.banner-contents p{color: #2D2D2D!important; font-size: 46px!important;  line-height: 58px!important; font-weight:600;}
.banner-contents{ margin-top:13.2%; width:700px;}
a.click-action{font-size:18px!important; border-radius:10px!important; padding: 11px 35px!important; box-shadow: 0 0px 8px rgba(0, 0, 0, 0.4); transition: box-shadow 0.3s ease; margin:0px 0 29px;}
.action-btn-div{width:422px;}
.form label	{font-size:17.5px !important;}
.banner-contents p{margin-bottom:38px!important;}
.hero{margin-bottom:0px;}
.banner-element{width:64%; height:auto; position:absolute; bottom:-9px; right:0;}
.btn-style{padding:6px 25px 6px 25px!important;}
.inner-input-field{width:430px!important;}
/*update css */
.input-wrapper input{padding:7px 45px 7px 25px!important; font-size: 17px;}
.btn-style{padding:6px 25px 6px 25px!important; font-size: 19px;}
.otp-form input{width:69px !important; height:69px !important;}
.form p.form-title{font-size:24.5px !important;}
.form p.sub-title{font-size:16px !important;}
.form label{font-size:16.8px !important;}
.sub-title2 { font-size: 21px !important;}
.form .sub-title3 { font-size: 19px !important;}
.h-form .btn-update.check-elgibilty, .otp-counter {width: 430px !important;}
.form-container{margin:90px  auto 0;}	 
 .terms-condition{ max-width:510px;}   
    /* Your styles for 1920x1080 at 150% zoom */
    .right-text{
          font-size: 0.8rem;
    }
  }

  /* 1920x1080 at 175% zoom */
  @media screen and (min-width: 1097px) and (min-height: 616px) and (-webkit-min-device-pixel-ratio: 1.75), 
  (min-resolution: 168dpi) {
	  
    .header .logo img{margin-top: 20px;}
.header.header-scrolled img{margin-top: 0px;}
.cpl-banners{background:url('https://www2g4huwbxyi.cdn.e2enetworks.net/images/cpl-banner-diwali-hero.webp') bottom right no-repeat!important;   background-size:60% 100% !important; height:100vh !important;}
.inner-container{height:100vh !important; position:relative;}
.banner-contents p{color: #2D2D2D!important; font-size: 46px!important;  line-height: 58px!important; font-weight:600;}
.banner-contents{ margin-top:13.2%; width:700px;}
a.click-action{font-size:18px!important; border-radius:10px!important; padding: 10px 5px!important; box-shadow: 0 0px 8px rgba(0, 0, 0, 0.4); transition: box-shadow 0.3s ease; margin:0px 0 29px;}
.action-btn-div{width:422px;}
.form label	{font-size:17.5px !important;}
.banner-contents p{margin-bottom:38px!important;}
.hero{margin-bottom:0px;}
.banner-element{width:64%; height:auto; position:absolute; bottom:-9px; right:0;}
.btn-style{padding:6px 25px 6px 25px!important;}
.inner-input-field{width:430px!important;}
/*update css */
.input-wrapper input{padding:7px 45px 7px 25px!important; font-size: 17px;}
.btn-style{padding:6px 25px 6px 25px!important; font-size: 19px;}
.otp-form input{width:69px !important; height:69px !important;}
.form p.form-title{font-size:24.5px !important;}
.form p.sub-title{font-size:16px !important;}
.form label{font-size:16.8px !important;}
.sub-title2 { font-size: 21px !important;}
.form .sub-title3 { font-size: 19px !important;}
.h-form .btn-update.check-elgibilty, .otp-counter {width: 430px !important;}
.form-container{margin:90px  auto 0;}
.terms-condition{ max-width:510px;} 
    /* Your styles for 1920x1080 at 175% zoom */
    .right-text{
          font-size: 0.8rem;
    }
  }

  /* 1920x1080 at 200% zoom */
  @media screen and (min-width: 960px) and (min-height: 540px) and (-webkit-min-device-pixel-ratio: 2), 
  (min-resolution: 192dpi) {
    .right-text{
          font-size: 0.8rem;
    }
	
    /* Your styles for 1920x1080 at 200% zoom */
  }
}


@media only screen and (max-width: 1600px) and (min-width: 1400px) {
	.fill-form { width: 500px;  margin-left: 55px;}
}

@media only screen and (max-width: 1400px) and (min-width: 1150px) {
	.fill-form { width: 475px;  margin-left: 15px;}
	a.click-action {font-size: 17px !important;  margin: 0px 0 25px;}
	.banner-contents p{font-size: 41px !important; line-height: 49px !important;}
	 .banner-contents p { margin-bottom: 30px !important; }
	 .header .logo img { margin-top: 10px; }
	 .banner-contents {margin-top: 13%;}
	 .action-btn-div { width: 380px; }
	 .form-container{width:100%;}
	 .form-container{width:100%;}
.form p.form-title {font-size: 24px !important; }
.form .h-form { width: 530px; max-width: 530px;}
.btn-style{padding:5px 25px 5px 25px!important; }
.input-wrapper input{padding:5px 45px 5px 25px!important;}
.h-form .btn-update.check-elgibilty, .otp-counter {width: 420px !important;}
.loading-status {margin-left: -25px !important;}
 .inner-input-field { width: 420px !important; }
.otp-form input { width: 66px !important; height: 66px !important; }
 .btn-style {font-size: 18px; }
.exit-popup .btn { height: 46px; font-size: 15px; line-height: 35px;     width: 125px;}
.exit-popup .modal-dialog {width: 535px !important; max-width: 535px !important;}

}

/*updarted css*/
.sub-title3{padding-left:0px!important;}