@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: 400; font-size: 16px; color: #000F26; min-width: 320px;}

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


.mb-0 {margin-bottom: 0px;}
.heroSection{padding: 64px 0px; border-radius: 0px 0px 48px 48px;}

.brandLogo img {height: 40px;}

.hero-col {display: flex; flex-wrap: wrap; gap: 64px; align-content: center;}
.heroText {padding: 0px; display: flex; flex-direction: column; gap: 16px;}
.heroText h1 {font-size: 64px; color: #fff; font-weight: 700; line-height: 110%;}
.heroText p {font-size: 24px; color: #fff; font-weight: 600;}
.hsfc-Step .hsfc-Step__Content {padding: 0px !important;}
.heroText h4{font-size: 24px; font-weight: 500; margin-bottom: 32px;}
.heroText p{margin: 0;}

.hero-img{min-height: 700px; background: url(../images/heroImgLeft.png) center no-repeat; background-size: cover; border-radius: 64px 64px 64px 0px; overflow: hidden;}
.hero-bg {background-image: url('../images/hero-bg.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;}

.registerForm {width: 100%; max-width: 600px; margin-left: auto; background: #fff; padding: 48px; border-radius: 24px;}
.registerForm h2 {font-size: 24px; font-weight: 700; color: #000F26; margin-bottom: 16px;}

.agendatitle-text p {color: #000F26; font-size: 32px; font-weight: 600;}
.fitness-campign-planner .img-content {width: 100%;}
.fitness-campign-planner .img-content img {width: 100%;}
.fitness-campign-planner {background-color: #F0F6FF; padding: 24px; border-radius: 24px; display: flex; flex-direction: column; gap: 24px; height: 100%;}
.fitness-campign-planner .text-content h5 {font-size: 24px; padding-bottom: 8px;}
.text-content {display: flex; flex-direction: column; gap: 24px;}
.key-feature {display: flex; flex-direction: column; gap: 16px;}
.key-feature .item {display: flex; gap: 12px; align-items: flex-start; font-weight: 500; position: relative;}
.key-feature .item: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;}
.key-feature .item p{line-height: 1.5;}

.btn.free-fitness {font-size: 20px; background-color: #12CAE3; padding: 16px 24px; font-weight: 600; border-radius: 12px;}
.guide-one h3 {font-size: 40px; margin-bottom: 24px;}
.guide-one p {margin-bottom: 8px;}

.registerForm p {font-weight: 500;}
.post-chart {display: flex; flex-direction: column; gap: 40px;}

.hs-form-field> label {font-size: 14px; font-weight: 500; color: #000F26;}
.registerForm fieldset.form-columns-2 {gap: 16px; display: flex;}
.registerForm fieldset .hs-form-field{margin-bottom: 16px;}
.registerForm .input{margin: 0 !important;}
.hs-input:not([type=file]) {color: #000F26; font-weight: 500; background-color: #fff !important; border: solid 1px #7A8490 !important; border-radius: 8px !important; height: 48px !important; padding: 4px 12px; font-size: 14px; width: 100% !important;}
.registerForm input::placeholder{color: rgba(255, 255, 255, 0.5);}
.registerForm input:focus{background: transparent; outline: none; box-shadow: none;}
.registerForm .hs-button.primary{font-size: 18px; color: #fff; line-height: 1.2; font-weight: 500; background: #000F26; padding: 16px; border-radius: 8px; width: 100%; min-height: 60px; margin-top: 8px; border: none;}
.registerForm .hs-button.primary:hover{color: #fff; background: #303D4F;}
.hs-error-msgs,
label.hs-error-msg {color: #E12724;}
.hs-error-msgs label {font-size: 12px;}
li.hs-form-booleancheckbox>label{display: flex; gap: 12px;}
li.hs-form-booleancheckbox>label .hs-input{width: 20px !important; margin: 0; height: 20px !important; margin-top: 2px;}

.ptb_60{padding: 60px 0px;}


footer{text-align: center; padding: 24px 0px;}
footer p{font-size: 14px;}

#site-footer {background: #16140C; color: #CACACA; margin-top: 0!important; border-color: #16140C!important; padding: 48px 0 24px 0; position: relative;}
.footerLinks h5 {font-size: 16px; font-weight: 600; color: #fff; margin: 45px 0px 25px 0px; text-align: left;}
.footerLinks ul{ margin:0; padding:0; list-style:none}
.footerLinks li{ padding:4px 0; margin:0!important}
.footerLinks li a{color:#CACACA; font-size:16px;}

.social{border-top:solid 1px #5C5C5C; margin:60px 0 0} 
.socialIcon{list-style:none; margin:-30px auto 30px; background:#16140c}
.socialIcon li{display:inline;}

.ftLogo{margin:12px auto; width:210px;} 

.footerLinks ul {margin: 0; padding: 0; list-style: none; text-align: left;}
.footerLinks li {padding: 4px 0; margin: 0!important;}
.footerLinks li a {color: #CACACA; font-size: 16px;}
.socialIcon li {display: inline; line-height: 1.5; margin: 5px 0px 0px 20px !important;}
#site-footer a {text-decoration: none;}
.privacyLinks a {color: #CACACA; font-size: 16px; padding: 0 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;}





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

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

/* Large devices (laptops/desktops, 1199px and down) */
@media only screen and (max-width: 1199px) {    
    .heroText h1 {font-size: 50px;}
    .heroText p {font-size: 18px;}
    .registerForm{padding: 24px;}
    .agendatitle-text p{font-size: 24px;}
    .fitness-campign-planner{padding: 16px;}
    .guide-one h3 {font-size: 30px;}
}

/* Large devices (laptops/desktops, 992px and down) */
@media only screen and (max-width: 992px) {
    .brandLogo {margin: auto;}
	.heroText{margin-bottom: 24px; text-align: center;}
    .registerForm{margin: auto;}    
}

/* Medium devices (landscape tablets, 768px and down) */
@media only screen and (max-width: 768px) {
    .brandLogo img {height: 30px;}
    .btn.free-fitness {font-size: 16px;}
    .hero-col {gap: 44px;}
}

/* Extra small devices (phones, 576px and down) */
@media only screen and (max-width: 576px) {
    .agendatitle-text p{font-size: 20px;}
    .heroText h1 {font-size: 44px;}
    .fitness-campign-planner .text-content h5 {font-size: 22px;}
}