@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

*{margin: 0; padding: 0; list-style: none;}

dl, ol, ul{padding: 0; margin: 0;}


body{font-family: "Inter", sans-serif; font-weight: 500; font-size: 16px; color: #000F26; min-width: 320px;}

h1,h2,h3,h4,h5,h6{line-height: 1.4; font-weight: 700; margin: 0;}
p{line-height: 1.4;}

h1{font-size: 44px;}
h2{font-size: 40px;}
h3{font-size: 36px;}
h5{font-size: 20px;}
.ptb_32{padding: 32px 0px;}
.ptb_64{padding: 64px 0px;}


.heroSection{padding: 50px 0px; border-radius: 0px 0px 64px 64px;}

.brandLogo img {height: 40px;}

.hero-col {display: flex; flex-wrap: wrap; gap: 40px; align-content: center;}
.heroText {padding: 0px; display: flex; flex-direction: column; gap: 16px;}
.heroText label {font-size: 24px; color: #12CAE3; font-weight: 600;}
.heroText h1 {color: #fff; font-weight: 800; line-height: 1.2;}
.heroText h4 {color: #fff; }
.heroText p {font-size: 18px; color: #fff; font-weight: 500; line-height: 1.4; margin: 0;}


.hero-bg {background-color: #1D46A9; background-image: url('../images/hero-bg.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;}
.getReportForm {background: #fff; border-radius: 16px; padding: 32px 24px;}
.getReportForm .subText{color: #666F7D;}

.notes{background: #FFEADE; padding: 12px 16px; border-left: 4px #FFBA0A solid;}
.notes p{font-size: 14px; margin: 0px;}

.imgHolder{}
.imgHolder img{max-width: 100%;}

.card_style{padding: 24px; border-radius: 16px; border: 1px #E4E9EC solid; min-height: 100%;}
.card_style .icon{margin-bottom: 32px;}
.card_style .icon img{width: 64px;}
.card_style h5{margin-bottom: 12px;}
.card_style p:last-child{margin: 0px;}

.numberMatters{}

.heroSection .hs-form-field>label {color: #000F26;}
.heroSection label.hs-form-booleancheckbox-display {color: #000F26;}

.hs-form-private>fieldset {max-width: 100% !important;}
.hs-richtext {color: #b7ccff; font-size: 20px ;}
.input{margin-right: 0 !important;}
.input .hs-fieldtype-textarea,
.hs-input {width: 100% !important; border: 1px #7A8490 solid; border-radius: 8px; height: 48px; padding: 4px 12px; color: #000F26; outline: none;}
.input .hs-fieldtype-textarea{padding: 12px; height: 94px; resize: none !important;}
.hs-input::placeholder{color: #768EC5;}
.hs-form-field>label {color: #fff; font-size: 14px; font-weight: 500; margin-bottom: 4px;}

.hs-form-private fieldset.form-columns-1 .field.hs-form-field {width: 100%;}

.hs-form-private .field.hs-form-field {margin-bottom: 16px;}

.hs-form-private .form-columns-2 {display: flex; gap: 16px;}
.actions input.hs-button.primary.large {width: 100% !important;}

.hs-error-msgs{color: #FF3123;}

.hs_submit.hs-submit {width: 100%;}
input.hs-button.primary.large {font-size: 18px; font-weight: 500; color: #000F26; background: #12CAE3; border: none; padding: 8px 16px; border-radius: 8px; height: 54px; width: 280px;}
input.hs-button.primary.large:hover{background: #00A9C0;}

label.hs-form-booleancheckbox-display {display: flex; color: #fff;}
label.hs-form-booleancheckbox-display .hs-input {width: 24px !important; height: 24px; margin-right: 12px;}

.hs-richtext.hs-main-font-element p {font-size: 16px; color: #fff; font-weight: 400;}
.hs-richtext.hs-main-font-element p a {color: #12cae3;}
.hs-richtext.hs-main-font-element p a:hover {opacity: 0.6;}

.submitted-message {font-size: 18px; color: #fff;}

.fw-600{font-weight: 600;}

.bullet-check {display: flex; flex-direction: column; gap: 16px;}
.bullet-check li {font-size: 16px; font-weight: 500; display: flex; gap: 12px; align-items: flex-start; font-weight: 500; position: relative;}
.bullet-check li:before{position: relative; content: ''; width: 24px; min-width: 24px; height: 24px; background: url(../images/check-button.svg) center center no-repeat; background-size: cover; display: inline-block;}
.bullet-check li p{line-height: 1.5;}

.bullet-check-2{display: flex; flex-wrap: wrap; gap: 16px;}
.bullet-check-2 li{font-size: 16px; font-weight: 500; display: flex; gap: 12px; align-items: flex-start; font-weight: 500; position: relative;}
.bullet-check-2 li:before{position: relative; content: ''; width: 18px; min-width: 18px; height: 18px; background: url(../images/check-tick.svg) center center no-repeat; background-size: cover; display: inline-block;}


.getThePlaybook{background: #DDEBFF; border-radius: 24px; margin: 0; overflow: hidden;}
.getThePlaybook .textCol{padding: 48px;}
.getThePlaybook .getReportForm{background: #1D46A9; padding: 48px 64px; border-radius: 0px;}
.getThePlaybook .getReportForm h2,
.getThePlaybook .getReportForm p{color: #fff;}


footer{padding: 24px 0px;}
footer p{font-size: 14px; margin-bottom: 0px; color: #fff;}
footer a:hover{opacity: 0.5;}

.site-footer {background: #16140C; color: #CACACA; margin-top: 0!important; border-color: #16140C!important; padding: 48px 0px 24px 0px; position: relative;}
.social{border-top:solid 1px #5C5C5C; margin:60px 0px 0px;} 
.socialIcon {text-align: right;}
.socialIcon li {display: inline; line-height: 1.5; margin: 5px 0px 0px 12px !important;}
.site-footer a {text-decoration: none;}
.site-footer a img {height: 32px;}
.privacyLinks {text-align: center;}
.privacyLinks a {color: #fff; font-size: 14px; padding: 0px 16px;}


.site-footer::before {content: ''; background-image: url('../images/before-one.jpg'); position: absolute; left: 0px; top: -46px; width: 46px; height: 46px;}
.site-footer::after {content: ''; background-image: url('../images/before-one.jpg'); position: absolute; right: 0px; top: -46px;  width: 46px; height: 46px; rotate: 270deg;}

.headerInner{padding: 40px 0px;}
.headerInner .brandLogo img{height: 28px;}
.headerLinks{text-align: right;}
.headerLinks a{color: #000F26; font-size: 16px; font-weight: 600; margin-left: 24px; text-decoration: none;}
.headerLinks a:first-child{margin-left: 0px;}
.headerLinks a i{margin-right: 4px;}
.headerLinks a:hover{color: #146AFF;}

.mainSection {min-height: calc(100vh - 512px); align-items: center; display: flex;}

.articleCard{display: flex; align-items: center; gap: 16px; padding: 16px; border: 1px #E4E9EC solid; border-radius: 16px; text-decoration: none; color: #000F26;}
.articleCard:hover{color: #146AFF; background: #F4F8FF;}
.articleCard .icon{font-size: 28px; color: #1E23A4; padding: 8px; border-radius: 8px; background: #EAF2FF; display: flex; align-items: center; justify-content: center; width: 64px; height: 64px;}
.articleCard .content{}
.articleCard .content h6{color: #1E23A4; font-size: 20px;}
.articleCard .content p{font-size: 16px; margin: 0px;}
.btn.btn-info{font-size: 20px; font-weight: 500;}

.wantToSee-Section {background: #EAF2FF; padding: 64px 0px; position: relative;}
.wantToSee-Section:after,
.wantToSee-Section:before{content: ''; background-image: url(../images/before-one-3.png);position: absolute;top: -46px; width: 46px; height: 46px;}
.wantToSee-Section:after{right: 0px; rotate: 270deg;}
.wantToSee-Section:before{left: 0px;}

.btn-dark,
.btn-info{padding: 12px 24px; font-size: 16px;}
.arrowLong{overflow: hidden; width: 100%; display: flex; justify-content: end; margin-top: 48px;}
.arrowLong img{height: 12px;}

.footer-corner_2::before{background-image: url(../images/before-one-2.jpg);}
.footer-corner_2::after{background-image: url(../images/before-one-2.jpg);}

.checkIcon{display: flex; justify-content: center;  align-items: center; width: 150px; height: 150px; overflow: hidden; margin: 0 auto;}
.checkIcon img{width: 300px;}


.book-benchmark-review-page{}
.book-benchmark-review-page header{padding: 32px 16px; border-bottom: 1px #E4E9EC solid; border-radius: 0px 0px 48px 48px;}
.book-benchmark-review-page .heroSection{align-items: center; display: flex; min-height: calc(100vh - 670px);}
.book-benchmark-review-page .heroText h1{color: #000F26;}
.book-benchmark-review-page .heroText p{color: #666F7D;}
.book-benchmark-review-page .getReportForm {background: #DDEBFF; min-height: 350px; display: flex; align-items: center;}
.book-benchmark-review-page .getReportForm>.hbspt-form{width: 100%;}



/*========Media Queries========*/

/* Large devices (laptops/desktops, 1600px and down) */
@media screen and (min-width: 1400px) {}

/* Large devices (laptops/desktops, 1199px and down) */
@media only screen and (max-width: 1199px) {
	.heroText h2 {font-size: 28px;}
	.heroText p {font-size: 16px;}
	h2 {font-size: 28px;}
	h3 {font-size: 24px;}
}

/* Large devices (laptops/desktops, 992px and down) */
@media only screen and (max-width: 992px) {
	.hero-col{padding-bottom: 48px; gap: 48px;}
	.heroImg{display: block; max-height: 400px; margin: 0px auto;}
	.heroText{}
	.noLimit-message {max-width: 530px; right: -50px;}

	.imgHolder {text-align: center !important;}
	.findReport{margin-top: 40px}
	.numberMatters{margin-bottom: 40px}

	.hs-form-private fieldset.form-columns-2,
	.hs-form-private fieldset.form-columns-1 {width: 100%;}
	/*.hs-form-private >fieldset:nth-child(6) {width: 100%; flex-wrap: wrap;}*/
	.hs-form-private >fieldset:nth-child(2), 
	.hs-form-private >fieldset:nth-child(5), 
	.hs-form-private >fieldset:nth-child(8) {padding-right: 0px;}
	.hs-form-private >fieldset:nth-child(3), 
	.hs-form-private >fieldset:nth-child(6), 
	.hs-form-private >fieldset:nth-child(9) {padding-left: 0px;}

	.bullet-check-2 li {font-size: 14px; gap: 6px; line-height: 1;}
	.bullet-check-2 li:before {width: 16px; min-width: 16px; height: 16px;}

	.site-footer,
	.socialIcon{text-align: center;}
	.privacyLinks{padding: 16px 12px;}
}

/* Medium devices (landscape tablets, 768px and down) */
@media only screen and (max-width: 768px) {
	.noLimit-message {max-width: 430px; right: -40px; font-size: 16px; padding: 12px; border-radius: 0px 0px 32px 32px;}

	.getReportForm{width: 94%; margin: 0 auto;}
	.getThePlaybook .getReportForm{width: 100%; padding: 32px 24px;}
	.getThePlaybook .textCol{padding: 32px 12px;}

	.heroSection {border-radius: 0px 0px 40px 40px;}
	.card_style {padding: 16px; display: flex; gap: 20px;}
}

/* Extra small devices (phones, 576px and down) */
@media only screen and (max-width: 576px) {
	.noLimit-message{margin-right: 0; right: 0;}
	.heroText h1 {font-size: 40px;}
	.heroText .font-58 {font-size: 32px;}
	.heroText h2 {font-size: 22px;}
	.hs-form-private fieldset.form-columns-2,
	.hs-form-private fieldset.form-columns-1 {flex-wrap: wrap;}
	.hs-form-private fieldset.form-columns-2 .hs-form-field,
	.hs-form-private fieldset.form-columns-1 .hs-form-field{width: 100% !important;}
	input.hs-button.primary.large{width: 100%;}
	.privacyLinks a {padding: 0px 8px;}
}