html {scroll-behavior: smooth;}
body {font-family: "Poppins", sans-serif; line-height: 1.7; background: url(../images/h-body-bg.png),  url(../images/h-bg-left.png),  url(../images/h-bg-right.png); background-repeat: no-repeat; background-position: top center,  top left,  top right; font-weight: 400; font-size: 14px; margin: 0; padding: 0;}
:root {
  --theme-color: #2DAD91;
  --primary-color: #FBA936;
  --secondary-color: #F9B14C;
  --text-color: #737373;
  --apply-now: #DFFFF8;
  --profile-name: #0CA4D3;
  --theme-gradient: linear-gradient(180deg, rgba(255, 249, 241, 1) 0%, rgba(232, 255, 250, 1) 100%);
}
img {width: 100%;}
header {text-align: center; position: relative; z-index: 1; padding: 30px 0px;}
header .logo {width: 100%; max-width: 300px; display: block; margin: 0px auto;}

.action-btn {font-size: 16px !important; cursor: pointer; border: 0px #000 solid;}
.primary-btn {background: var(--primary-color); font-weight: 600; color: #FFF; display: block; width: 100%; cursor: pointer; padding: 10px; border: 0px #000 solid; border-radius: 10px;}

.primary-btn:hover {color: #FFF; text-decoration: none;}

.form-group {position: relative;}
.form-group label {font-size: 12px; font-weight: 600; margin: 0; padding: 0px 0px; border-radius: 5px;}
.form-group .form-control { height: auto; font-size: 12px; font-weight: 600; padding: 12px; border-radius: 5px;}

.banner {position: relative; background: url('../images/banner-after.png') no-repeat; background-size: cover; background-position: bottom; min-height: 881px; margin-top: -150px; padding-top: 200px;}
/* .banner::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; max-width: 920px; height: 100%; background: url('../images/banner-before.png') no-repeat; background-size: cover;} */
/* .banner::after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 20px; background: url('../images/banner-after.png') no-repeat; background-size: cover;} */
.banner .container {position: relative; z-index: 1;}
.bannerLeft h1 {font-size: 65px; font-weight: 700; color: #000;}
.bannerLeft h1 span {background: var(--theme-color); color: #FFF; border-radius: 10px; padding: 0px 10px; display: inline-block;}
.bannerLeft p {font-size: 24px; font-weight: 400; color: #303030;}
.bannerimconBox {display: flex; column-gap: 20px;}
.bannerimconBox > div {width: 100%; max-width: 140px; background: #FFF; text-align: center; padding: 15px; border-radius: 20px; box-shadow: 0px 0px 10px 0px #ccc;}
.bannerimconBox img {width: 60px;}
.bannerimconBox h4 {font-size: 12px; font-weight: 600; color: #000;}
.check-credit-score-free {display: none; position: fixed; left: 50%; margin-left: -150px; bottom: 0px; z-index: 1; cursor: pointer; background: transparent; border: 0px #000 solid;}
.check-credit-score-free img {width: 300px;}
.check-credit-score-free:focus, button.close:focus, .focus-btn:focus { outline: none !important; border: none !important; box-shadow: none !important;}

.form-section .form-group {margin-bottom: 10px;}

.Get-Credit-Report {display: block;}

.parsley-errors-list, #msg1, #msg_mobile, #msg2  {text-align: left; font-size: 12px; color: #f00; display:block; font-weight: 500; margin:0; padding:0;} 
.parsley-errors-list li {font-weight:500; list-style-type:none;}
																										 
.formbox {background: #FFF; margin-top: 0px; padding: 40px 20px; border-radius: 20px; border-top: 5px #2DAD91 solid; box-shadow: 0px 0px 10px 0px #ccc;}
.formbox h1 {font-size: 20px; font-weight: 600; color: #000; text-align: center; margin:0;}
.formbox p {font-size: 14px; font-weight: 400; color: #303030; text-align: center;}
.mobileotp {display: flex; column-gap: 5px;}
.mobileotp .otp_mobile {width: 100%; max-width: 50px; font-size: 18px; text-align: center; border: 1px #C0C0C0 solid;}
/* .formbox span {font-size: 12px; font-weight: 500; line-height: 20px; color: #303030; display: block; margin-top: 10px; margin-bottom: 20px;} */

.otpverification {display: flex; align-items: center;}
.otpverification .action-btn {width: 120px; margin-left: 20px; padding: 5px 0px;}

.formbox .bottom {display: flex; justify-content: space-around; padding: 20px 20px 0px 20px; border-top: 1px #EFEFEF solid;}
.formbox .bottom > div {display: flex; align-items: center; column-gap: 10px;}
.formbox .bottom > div img {width: 24px;}
.formbox .bottom > div span {margin: 0;}

.form-section#\33 _tab .form-group:nth-of-type(3) {width: 49%; float: left;}
.form-section#\33 _tab .form-group:nth-of-type(4) {width: 49%; float: left; margin-left: 5px;}

.form-section#\34 _tab .form-group:nth-of-type(4), .form-section#\34 _tab .form-group:nth-of-type(5), .form-section#\34 _tab .form-group:nth-of-type(6), .form-section#\34 _tab .form-group:nth-of-type(7) {width: 49%; float: left; margin-right: 2px;}
										
.matterscon {padding: 50px 0px;}
.matterssubcon {display: flex; align-items: center;}
.mattersBox {display: flex; align-items: center; justify-content: space-between; flex-direction: column; min-height: 400px;}
.mattersBox.leftbox, .mattersBox.rightbox {position: relative;}
.mattersBox.leftbox::after {content: ''; position: absolute; top: 30px; right: 35px; width: 70px; height: 330px; background: url('../images/matter-icon-left.png') no-repeat; background-size: contain;}
.mattersBox.rightbox::after {content: ''; position: absolute; top: 30px; left: 35px; width: 70px; height: 330px; background: url('../images/matter-icon-right.png') no-repeat; background-size: contain;}
.mattersSubBox {display: flex; column-gap: 10px; z-index: 1;}
.mattersSubBox img {width: 129px;}
.mattersSubBox h3 {font-size: 18px; font-weight: 600; margin: 15px 0px 0px 0px;}

.Checkcredit-reportBox {padding: 100px 0px;}
.credit-reportBox {background: #2DAD91; display: flex; padding: 80px; border-radius: 50px; position: relative;}
.cr-iconBox {display: flex; align-items: center; column-gap: 10px; margin: 20px 0px;}
.credit-reportBox h2 {font-size: 24px; font-weight: 700; color: #FFF;}
.credit-reportBox h2 span {color: #FBA936; display: block;}
.credit-reportBox p {font-size: 16px; font-weight: 500; color: #FFF;}
.credit-reportBox ul {margin: 0; padding: 0; display: flex; flex-wrap: wrap;}
.credit-reportBox ul li {width: 50%; font-size: 16px; font-weight: 500; color: #FFF; list-style-type: none; position: relative; margin-bottom: 15px;}
.credit-reportBox ul li img {width: 24px;}
.cr-iconBox div {display: flex; align-items: center; column-gap: 7px; background: #FFF; border-radius: 30px; padding: 10px 20px;}
.cr-iconBox div img {width: 24px;}
.cr-iconBox div span {font-size: 12px; font-weight: 600; color: #000;}

.cr-leftBox {width: 100%; max-width: 50%;}

.cr-rightBox {width: 100%; max-width: 400px; background: #FFF; text-align: center; padding: 50px; border-bottom: 5px #FBA936 solid; border-radius: 20px; position: absolute; top: -50px; right: 100px; box-shadow: 0px 0px 10px 0px #ccc;}
.cr-rightBox small {font-size: 16px; font-weight: 600; color: #FBA936;}
.cr-rightBox h1 {font-size: 100px; font-weight: 800; color: #000; display: flex; align-items: center; justify-content: center; column-gap: 10px;}
.cr-rightBox h1 span {font-size: 16px; font-weight: 500; color: #919191; text-decoration: line-through; background: transparent;}
.cr-rightBox span {background: #00C507; color: #FFF; padding: 5px 20px; border-radius: 30px; display: inline-block; margin-bottom: 20px;}
.cr-rightBox img {margin-top: 50px;}

.whychooseBoxCon {padding: 0px 0px 50px 0px;}
.whychooseBox {background: #FFF; padding: 30px; min-height: 215px; border-bottom: 3px #2DAD91 solid; border-radius: 20px; box-shadow: 0px 5px 5px 0px #ccc;}
.whychooseBox img {width: 60px;}
.whychooseBox h3 {font-size: 18px; font-weight: 600; margin-top: 10px;}

.section-title {margin: 40px 0px; text-align: center;}
.section-title h1 {font-size: 36px; font-weight: 600; color: #000;}
.section-title span {font-weight: 400; color: var(--secondary-color);}
.section-title p {color: var(--text-color); font-size: 16px; font-weight: 500; width: 100%; max-width: 800px; margin: 0px auto;}

.testimonials-sec {background: var(--theme-gradient); padding: 50px 0px;}
.testimonialsBox {width: 100%; max-width: 402px; background: #FFF; border-radius: 20px; box-shadow: 0px 0px 10px 0px #ccc;}
.testimonialsBox img {width: 60px;}

.testimonialsBox-top {background: #FFF; padding: 25px; border-radius: 20px 20px 50px 0px;}
.testimonialsBox-top .ratingBox {margin-bottom: 10px;}
.testimonialsBox-top .ratingBox img {width: 100px;}
.testimonialsBox-top .ratingBox span {font-weight: 600; margin-left: 10px;}
.testimonialsBox .user-profile {background: url('../images/user-profile-bg.svg') no-repeat; background-size: cover; display: flex; align-items: center; column-gap: 10px; margin-top: -50px; padding: 70px 0px 20px 20px; border-radius: 20px 0px 20px 20px; position: relative;}
/* .testimonialsBox .user-profile::before {content: ''; position: absolute; top: 0; left: 0; width: 100px; height: 100px; background: #2DAD91; border-radius: 50px; border: 50px #fff solid;} */
.testimonialsBox .user-profile span:nth-of-type(1) {font-size: 14px; font-weight: 600; color: #FFF; display: block;}
.testimonialsBox .user-profile span:nth-of-type(2) {font-size: 14px; font-weight: 400; color: rgba(255, 255, 255, 0.60);}

.faqsection {padding: 25px 0px 50px 0px;}
.faqsection .faq-drawer {margin-bottom: 20px; padding: 20px; border-radius: 10px; border: 1px #2DAD91 solid;}
.faqsection .faq-drawer__content-wrapper {font-size: 1.25em; line-height: 1.4em; max-height: 0px; overflow: hidden; transition: 0.25s ease-in-out;}
.faqsection .faq-drawer__title {cursor: pointer; display: block; font-size: 18px; font-weight: 500; color: #000; padding: 0; position: relative; margin-bottom: 0; border-radius: 30px; transition: all 0.25s ease-out;}

.faqsection .faq-drawer__title::before {content: " "; display: inline-block; background: #2DAD91; width: 50px; height: 40px; position: absolute; right: 0px; top: -10px; transition: 0.35s ease-in-out; border-radius: 10px;}

.faqsection .faq-drawer__title::after {border-style: solid; border-width: 2px 2px 0 0; content: " "; display: inline-block; height: 10px; position: absolute; color: #FFF; right: 20px; top: 2px; transform: rotate(135deg); transition: 0.35s ease-in-out; vertical-align: top; width: 10px;}
.faqsection .faq-drawer__title:hover {color: #4E4B52;}
.faqsection .faq-drawer__trigger:checked + .faq-drawer__title + .faq-drawer__content-wrapper { max-height: 350px;}
.faq-drawer__content p {font-size: 16px; font-weight: 400; line-height: 22px; color: #000; margin: 0;}
.faqsection .faq-drawer__trigger:checked + .faq-drawer__title::after { transform: rotate(-45deg); transition: 0.25s ease-in-out;}
.faqsection input[type="checkbox"] {display: none;}

.bottomBanner-container {background: url('../images/banner-before.png') no-repeat #FFF; background-size: contain; padding: 0px 0px 0px 100px; border-radius: 50px; box-shadow: 0px 0px 10px 0px #ccc; position: relative;}
.bottomBannerBox {width: 100%; max-width: 500px;}
.bottomBannerBox img {width: 50px;}
.bottomBannerBox h2 {font-size: 40px; font-weight: 600; color: #000; line-height: 50px; margin: 20px 0px;}

footer {background: url('../images/footer-img.png') no-repeat; background-size: cover; text-align: center; margin-top: -50px; padding: 100px 0px 0px 0px;}
footer img {width: 350px;}
footer ul { display: flex; column-gap: 20px; justify-content: center; margin: 50px 0px; padding: 0;}
footer ul li {font-size: 14px; font-weight: 500; color: #000; list-style-type: none;}
footer ul li a {font-size: 14px; font-weight: 500; color: #000;}
footer ul li a:hover {color: #000; text-decoration: none;}
footer p {font-size: 12px; font-weight: 500; color: #4D4D4D; padding: 20px 0px 0px 0px; border-top: 1px #2DAD91 solid;}

#form2 {display: none;}

.showcreditScore .discount-img {width: 100%; max-width: 360px;}
.showcreditScore .unlock-img {width: 100%; max-width: 117px;}

.showcreditScore .bannerLeft {text-align: center;}
.showcreditScore .bannerLeft h1 {font-size: 55px; font-weight: 600;}
.showcreditScore .bannerLeft h1 span {display: block; font-weight: 400; text-align: center; margin: 20px 0px; padding: 10px 0px;}
.showcreditScore .bannerLeft .bannerimconBox {justify-content: center;}

.showcreditscore .gauge-container {position: relative; width: 100%; max-width: 380px; height: 170px; margin: 0px auto; margin-bottom: 130px;}
.showcreditscore h1 {font-size: 18px; font-weight: 600; text-align: center;}
.showcreditscore h1 span {font-weight: 700;}
.showcreditscore p {font-size: 14px; font-weight: 500; text-align: center;}
.scoreMeter {background: url('../images/white-meter-1.png') no-repeat; background-size: contain; background-position: center; width: 100%; height: 190px; position: relative;}
/* .scoreMeter::before {content: ''; position: absolute; top: 0; bottom: 0; display: inline-block; padding: 40px 60px; background: #ED4043; background: linear-gradient(90deg, rgba(237, 64, 67, 0.5) 0%, rgba(246, 149, 40, 0.5) 33%, rgba(7, 171, 77, 0.5) 66%, rgba(6, 105, 48, 0.5) 100%); border-radius: 200px 200px 0 0; width: 91%; top: 15px; left: 17px; bottom: 3px;} */

.showcreditscore svg {width: 100%; height: 100%;}
.showcreditscore .center-circle {position: absolute; width: 180px; height: 180px; background: white; border-radius: 50%; top: 50%; left: 50%; margin-left: -90px; z-index: 3; display: flex; flex-direction: column; justify-content: center; align-items: center; box-shadow: 0 0 10px rgba(0,0,0,0.1); text-align: center;}
.showcreditscore .center-circle::before {content: ''; position: absolute; width: 150px; height: 150px; background: white; border-radius: 50%; top: 15px; left: 15px; z-index: -1; display: flex; flex-direction: column; justify-content: center; align-items: center; border: 1px #ddd solid; box-shadow: 0 0 10px rgba(0,0,0,0.1); text-align: center;}
.showcreditscore .score {font-size: 32px; font-weight: bold; color: #000;}
.showcreditscore .score span {font-size: 18px; font-weight: normal;}
.showcreditscore .change {font-size: 14px; font-weight: 500; margin-bottom: 4px; color: red;}
.showcreditscore .label {font-size: 16px; font-weight: bold;}
.showcreditscore .min-label, .showcreditscore .max-label {position: absolute; font-size: 14px; font-weight: bold;}
.showcreditscore .min-label {bottom: -40px; left: 0px; color: red;}
.showcreditscore .max-label {bottom: -40px; right: 0px; color: green;}
.showcreditscore .pointer {position: absolute; left: 50%; bottom: 0px; margin-left: -5px; transform-origin: bottom center; transform: rotate(-90deg); z-index: 3; transition: transform 0.5s ease;}
.showcreditscore .pointer::before {content: ""; display: block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 115px solid #333;}

.scoreprocessing {position: relative;}
.showcreditscore {background: #FFF; margin-top: 10px; margin-bottom: 20px; padding: 50px 20px 20px 20px; box-shadow: 0px 0px 10px -3px #ccc;}
.showcreditscore .calicon {position: absolute; right: 20px; top: 10px; font-size: 14px; font-weight: 600; color: #000;}
  
.download-Report {}
.download-Report a {font-size: 14px; font-weight: 500; color:#0162F8; display: inline-block; border: 1px #0162F8 solid; padding: 5px 30px; border-radius: 5px;}
.download-Report a:hover {text-decoration: none;}
.download-Report i {margin-right: 5px;}

.modal-content {border: 5px #FBA936 solid;}
#emailsentpopup img {width: 100%; max-width: 300px; margin: 0px auto;}
#emailsentpopup h1 {font-size: 24px; font-weight: 600; margin-top: 20px;}

.showcibil-iconBox {display: flex; column-gap: 20px; justify-content: center; margin-top: 20px;}

.showcibil-iconBox > div {display: flex; align-items: center; column-gap: 5px; margin-bottom: 10px;}
.showcibil-iconBox > div img {width: 25px; margin: 0;}
.showcibil-iconBox > div span {font-size: 9px; font-weight: 500; line-height: 12px;}

#otppopup {display: none;}

#otppopup h1 {font-size: 24px; margin-bottom: 20px;}
button.close {width: 30px; height: 30px; background:#000; color: #FFF; display: flex; justify-content: center; align-items: center; position: absolute; top: -15px; right: -15px; border-radius: 50%; opacity: 1; border: 0px #000 solid;}

.morebanner .formbox {padding: 20px;}

#otp-verification-box {display: none;}

.privacy-policy {padding-bottom: 50px;}
.privacy-policy h3 {font-size: 20px; font-weight: 500;}
.privacy-policy p {font-size: 14px; color: #000; font-weight: 400;}
.privacy-policy ul li {font-size: 14px; color: #000; font-weight: 400;}

.creditSummaryBox {box-shadow: 0px 0px 5px 0px #ccc; border-radius: 20px; background: #FFF;}
.creditSummaryBox .top {background: var(--theme-color); display: flex; align-items: center; justify-content: space-between; padding: 10px; border-radius: 20px 20px 0px 0px;}
.creditSummaryBox .top span {font-size: 16px; font-weight: 500; color: #FFF;}
.bottom {display: flex; justify-content: space-between; column-gap: 20px; padding: 15px;}
.bottom .crBox {display: flex; justify-content: space-between; width: 100%;}
.bottom .crBox > div {display: flex; flex-direction: column;}
.bottom .crBox > div span:nth-of-type(1) {font-size: 14px; font-weight: 500;}
.bottom .crBox > div span:nth-of-type(2) {font-size: 20px; font-weight: 600;}

.paymentSucess {text-align: center; max-width: 400px; margin: 0px auto; margin-bottom: 75px;}
.paymentSucess h2 {font-size: 22px; font-weight: 700; color: #2DAD91; margin: 20px 0px;}
.paymentSucess h2 span {color: #FBA936;}
.paymentSucess p {background: #F7F7F7; padding: 5px 20px; font-size: 12px; font-weight: 500; color: #000; display: inline-block; border-radius: 5px;}
.paymentSucess i {margin-right: 5px;}
.paymentSucess .transactiondetails {padding: 15px; border: 1px #E3E3E3 solid; border-radius: 10px;}
.paymentSucess .transactiondetails h3 {font-size: 18px; font-weight: 500; color: #000; text-align: left; margin: 5px 0px;}
.paymentSucess .transactiondetails > div {font-size: 14px; font-weight: 400; color: #000; display: flex; justify-content: space-between; padding: 10px; border-bottom:1px #e3e3e3 solid;}
.paymentSucess .transactiondetails > div:last-child {padding-bottom: 0; border-bottom: 0px #000 solid;}
.paymentFailed h2 span {color: #dd3333;}
.paymentSucess img, .paymentFailed img {width: 80px;}

													  

.processloader {width:100%; max-width:400px; text-align: center; margin: 50px auto 100px auto; padding: 0px; border:1px #ccc solid; border-radius: 10px;}
.processloader img {width:300px; margin:0px auto;}
																																															

																								 

.processloader span {font-size: 14px; font-weight: 500; color: #000}
		

.discountBox {width: 100%; max-width: 270px; text-align: center; margin: 0px auto;}
.discountBox .discounttop {background: url('../images/discount-icon.png?01') no-repeat; background-size: cover; text-align: center; text-transform: uppercase; width: 270px; height: 270px; padding: 55px 0px;}
.discountBox .discounttop h2 {font-size: 26px; font-weight: 700; color: #FFF; text-shadow: 2px 2px 0px rgba(0,0,0,0.35);}
.discountBox .discounttop h2 span {font-size: 90px; font-weight: 700; display: block;}

.discountBox .discountbottom {text-align: center;}
.discountBox .discountbottom h2 {font-size: 120px; font-weight: 700; color: #2DAD91; text-shadow: 2px 2px 0px #FBA936;}
.discountBox .discountbottom h2 span {font-size: 60px; font-weight: 500; color: #535353; display: block; text-decoration: line-through; text-shadow: 0px 0px 0px #FBA936;}

ul.parsley-errors-list {margin: 0px; padding: 0px;}
ul.parsley-errors-list li, ul.parsley-errors-list .parsley-custom-error-message {font-size: 12px; font-weight: 500; color: rgba(200, 0, 0, 1); list-style-type: none;}

.mobileotp {position: relative;}
.mobileotp ul.parsley-errors-list {margin: 0px; padding: 0px; position: absolute; bottom: -18px;}
.mobileotp ul.parsley-errors-list li, .mobileotp ul.parsley-errors-list .parsley-custom-error-message {font-size: 12px; font-weight: 500; color: rgba(200, 0, 0, 1); list-style-type: none;}

.otpverification .mobileotp:has(.parsley-errors-list) + .form-group #fade_otp {margin-top: 25px;}

.order-detail {width:100%; max-width: 500px; margin: 60px auto; box-shadow: 0px 0px 5px 0px #ccc; border-radius: 5px;}
.order-detail h2 {font-size: 24px; text-align: center; padding: 10px 0px;}
.order-detail .orderdetailBox {}
.order-detail .orderdetailBox > div {display: flex; justify-content: space-between; padding: 5px;}
.order-detail .orderdetailBox > div span:nth-of-type(1) {width: 100px;}

.no-score-container {background: url('../images/no-score-bg.png') no-repeat; background-size: cover;}
.no-score {background: #fff; padding: 30px; box-shadow: 0px 0px 10px 0px #ccc;}
.no-score h1 { font-size: 24px; font-weight: 600; color: #000;}
.no-score p {font-size: 16px; font-weight: 500; color: #535353;}
.no-score span {font-size: 16px; font-weight: 500; color: #000; display: block; margin-bottom: 20px;}
.no-score img {width: 100%; max-width: 500px;}

.porocessing {box-shadow: 0px 0px 10px -3px #ef7640; padding: 50px 20px; border-radius: 10px; width: 100%; max-width: 600px; margin: 50px auto; background: #FFF; text-align: center;}
.processloader img {width: 100%; max-width: 150px; margin-bottom: 20px;}
.processloader h1 {font-size: 24px; font-weight: 600; color: #000;}
.processloader p {font-size: 14px; font-weight: 500;}

#fade_otp {font-size: 14px; font-weight: 500; margin-top: 15px;}
/* .otpverification .mobileotp:has(.parsley-errors-list) + .form-group #fade_otp {margin-top: 25px;} */

@media (min-width: 1200px) {
  .container {
      max-width: 1600px;
  }
}
@media (min-width: 1200px) {

}
@media (max-width: 767px) {
  header .logo {max-width: 200px;}
  .showcreditScore {padding-bottom: 30px;}
  .banner {padding-top: 150px;}
  
  .bannerimconBox {display: none;}
  .banner .row .col-md-4:nth-of-type(1) {order: 1;}
  .banner .row .col-md-4:nth-of-type(3) {order: 2;}
  .banner .row .col-md-4:nth-of-type(2) {order: 3;}
  .showcreditScore .bannerLeft h1 {font-size: 24px;}
  .showcreditScore .bannerLeft h1 br {display: none;}
  
  /*.check-credit-score-free {display: block;}*/

.processloader {width:auto; max-width:400px; text-align: center; margin: 50px; padding: 0px; border:1px #ccc solid; border-radius: 10px;}
.processloader img {width:200px; margin:0px auto;}
																										 
  .privacy-policy .section-title {margin: 10px 0px;}
  .discountBox {margin: 20px auto;}
  .banner.showcreditScore .row .col-md-4:nth-of-type(1) {order: 4;}
  .banner.showcreditScore .row .col-md-4:nth-of-type(2) {order: 3;}
  .banner.showcreditScore .row .col-md-4:nth-of-type(3) {order: 1;}
  .banner.showcreditScore .row .col-md-12 {order: 2;}
  .creditSummaryBox {margin-bottom: 20px;}
  .bottom .crBox {display: block;}
  .bottom .crBox > div { display: flex; align-items: center; justify-content: space-between; flex-direction: row;}
  .bl-space {height: 1px; background: #eee;}
  .showcreditScore .discount-img {max-width: 200px; display: block; margin: 10px auto;}
  .bottom .crBox > div span {padding: 5px;}
  .bottom .crBox > div span:nth-of-type(1) {font-size: 12px;}
  .bottom .crBox > div span:nth-of-type(2) {font-size: 16px;}
.formbox p {font-size: 12px;}
  .bannerLeft p {font-size: 14px;}
  .formbox {margin-top: 0px;}
  .otpverification {flex-direction: column;}
  .otpverification .action-btn {margin-top: 10px;}
  .section-title h1 {font-size: 21px;}
  .mattersSubBox {z-index: auto;}
  .bannerLeft h1 {font-size: 24px;}
  .matterssubcon {display: block;}
  .mattersBox.leftbox::after, .mattersBox.rightbox::after {display: none;}
  .mattersBox {min-height: auto;}
  .cr-rightBox {position: static;}
  .credit-reportBox {display: block; padding: 20px;}
  .cr-leftBox {max-width: 100%;}
  .credit-reportBox ul li {width: 100%;}
  .cr-iconBox div {border-radius: 5px; padding: 5px; flex-direction: column; text-align: center;}
  .cr-rightBox span {padding: 5px 15px;}
  .cr-rightBox h1 {font-size: 65px;}
  .whychooseBox {margin-bottom: 20px;}
  .testimonialsBox {margin-bottom: 20px;}
  .bottomBanner-container {padding: 0px 0px 0px 20px;}
  footer {background: url(../images/footer-img.png) no-repeat #edfdf7; background-size: contain; margin-top: 0; padding: 50px 0px 0px 0px;}
  footer img {width: 200px;}
  footer ul {flex-wrap: wrap;}
  .bottomBanner {padding-bottom: 20px;}
  .bottomBanner-container img {border-radius: 5px;}
  .bottomBannerBox {padding: 10px;}
  .bottomBannerBox h2 {font-size: 24px; font-weight: 600; color: #000; line-height: 33px; margin: 10px 0px;}
  .faqsection .faq-drawer {padding: 10px;}
  .faqsection .faq-drawer__title {font-size: 12px;}
  .faq-drawer__content p {font-size: 12px;}
  .faqsection .faq-drawer__title::before {width: 30px; height: 30px; top: -5px;}
  .faqsection .faq-drawer__title::after {right: 9px; top: 3px;}
  .whychooseBoxCon {padding: 0;}
  .Checkcredit-reportBox {padding: 50px 0px 0px 0px;}
  .d-button {position: relative; z-index: 11;}
  .testimonials-sec .section-title h2 {font-size: 24px;}
 
.form-section#\33 _tab .form-group:nth-of-type(3) {width: 100%; float: left;}
.form-section#\33 _tab .form-group:nth-of-type(4) {width: 100%; float: left; margin-left: 5px;}

.form-section#\34 _tab .form-group:nth-of-type(4), .form-section#\34 _tab .form-group:nth-of-type(5), .form-section#\34 _tab .form-group:nth-of-type(6), .form-section#\34 _tab .form-group:nth-of-type(7) {width: 100%; float: left; margin-right: 2px;}
}
@media (min-width: 768px) and (max-width: 1024px) {
  header .logo {max-width: 200px;}
  .banner {padding-top: 165px;}
  .banner .row .col-md-4:nth-of-type(1) {order: 1; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
  .banner .row .col-md-4:nth-of-type(3) {order: 2; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
  .banner .row .col-md-4:nth-of-type(2) {order: 3; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
  .bannerimconBox {justify-content: center;}
  .bannerLeft p {font-size: 18px;}
  .formbox {margin-top: 20px;}
  .otpverification {flex-direction: column;}
  .otpverification .action-btn {margin-top: 10px;}
  .mattersSubBox {z-index: auto;}
  .bannerLeft h1 {font-size: 32px;}
  
  .bannerimconBox img {width: 40px;}
  .bannerimconBox > div {padding: 10px;}
  .matterssubcon {display: block;}
  .mattersBox.leftbox::after, .mattersBox.rightbox::after {display: none;}
  .mattersBox {min-height: auto; flex-direction: row; column-gap: 10px;}
  .cr-rightBox {position: static; margin: 0px auto;}
  .cr-iconBox {justify-content: center;}
  .credit-reportBox {display: block; padding: 20px;}
  .cr-leftBox {max-width: 100%;}
  .credit-reportBox ul li {width: 50%;}
  .cr-iconBox div {border-radius: 5px; padding: 5px; flex-direction: column; text-align: center;}
  .cr-rightBox span {padding: 5px 15px;}
  .cr-rightBox h1 {font-size: 65px;}
  .whychooseBox {margin-bottom: 20px; padding: 10px; min-height: 210px;}
  .check-credit-score-free {left: 50%; margin-left: -250px;}
  .testimonialsBox {margin-bottom: 20px;}
  .bottomBanner-container {padding: 0px 0px 0px 20px;}
  footer {background: url(../images/footer-img.png) no-repeat #edfdf7; background-size: contain; margin-top: 0; padding: 50px 0px 0px 0px;}
  footer img {width: 200px;}
  footer ul {flex-wrap: wrap;}
  .bottomBanner {padding-bottom: 20px;}
  .bottomBanner-container img {border-radius: 20px;}
  .bottomBannerBox {padding: 10px;}
  .bottomBannerBox h2 {font-size: 24px; font-weight: 600; color: #000; line-height: 33px; margin: 10px 0px;}
  .testimonials-sec .col-md-3 {-webkit-box-flex: 0; -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%;}
}
@media (min-width: 1024px) and (max-width: 1200px) {
  header .logo {max-width: 200px;}
  .banner {padding-top: 165px;}
  .banner .row .col-md-4:nth-of-type(1) {order: 1; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
  .banner .row .col-md-4:nth-of-type(3) {order: 3; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
  .banner .row .col-md-4:nth-of-type(2) {order: 2; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
  .bannerimconBox {justify-content: center;}
  .bannerLeft {text-align: center;}
  .bannerLeft p {font-size: 18px;}
  .formbox {margin-top: 20px;}
  .otpverification {flex-direction: column;}
  .otpverification .action-btn {margin-top: 10px;}
  .mattersSubBox {z-index: auto;}
  .bannerLeft h1 {font-size: 34px;}
  .matterssubcon {display: block;}
  .mattersBox.leftbox::after, .mattersBox.rightbox::after {display: none;}
  .mattersBox {min-height: auto; flex-direction: row; column-gap: 10px;}
  .cr-rightBox {position: static; margin: 0px auto;}
  .cr-iconBox {justify-content: center;}
  .credit-reportBox {display: block; padding: 20px;}
  .cr-leftBox {max-width: 100%;}
  .credit-reportBox ul li {width: 50%;}
  .cr-iconBox div {border-radius: 5px; padding: 5px; flex-direction: column; text-align: center;}
  .cr-rightBox span {padding: 5px 15px;}
  .cr-rightBox h1 {font-size: 65px;}
  .whychooseBox {margin-bottom: 20px; padding: 10px; min-height: 210px;}
  .check-credit-score-free {left: 50%; margin-left: -250px;}
  .testimonialsBox {margin-bottom: 20px;}
  .testimonialsBox-top p {min-height: 100px;}
  .bottomBanner-container {padding: 0px 0px 0px 20px;}
  footer {background: url(../images/footer-img.png) no-repeat #edfdf7; background-size: contain; margin-top: 0; padding: 50px 0px 0px 0px;}
  footer img {width: 200px;}
  footer ul {flex-wrap: wrap;}
  .bottomBanner {padding-bottom: 20px;}
  .bottomBanner-container img {border-radius: 20px;}
  .bottomBannerBox {padding: 10px;}
  .bottomBannerBox h2 {font-size: 24px; font-weight: 600; color: #000; line-height: 33px; margin: 10px 0px;}
  .testimonials-sec .col-md-3 {-webkit-box-flex: 0; -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%;}
}

@media (min-width: 1201px) and (max-width: 1585px) {
  .container {max-width: 1200px;}
  .banner {min-height: 701px;}
  .bannerLeft h1 {font-size: 36px;}
  .bannerLeft p {font-size: 18px;}
  .bannerimconBox img {width: 45px; margin-bottom: 5px;}
  .bannerimconBox > div {padding: 5px;}
  .testimonialsBox-top p {min-height: 100px;}
  .whychooseBox {padding: 25px;}
  /* .matterssubcon .mattersBox:nth-of-type(2) img {width: 50%;} */
  .mattersSubBox img {width: 100px; height: 100px;}
  .credit-reportBox {padding: 45px;}
  .cr-leftBox {max-width: 59%;}
  .cr-rightBox {right: 60px;}
  footer img {width: 250px;}
}