/*
Theme Name: ClubWise
Theme URI: https://wordpress.org/themes/twentytwenty/
Template: twentytwenty
Author: the ClubWise team
Author URI: https://wordpress.org/
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog,one-column,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,full-width-template,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,block-patterns,block-styles,wide-blocks,accessibility-ready
Version: 2.7.1725447673
Updated: 2024-09-04 11:01:13

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


body{font-family: "Inter", sans-serif!important; color:#282828}   
@media (min-width: 1600px) {.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1600px;}}
.entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {max-width: 100%!important;  width: calc(100% - 0rem)!important}
.entry-content > *{margin-bottom:0!important} 
.entry-header.has-text-align-center.header-footer-group { display: none;}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6{ margin:0!important}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content cite, .entry-content figcaption, .entry-content table, .entry-content address, .entry-content .wp-caption-text, .entry-content .wp-block-file, p, ul, li{font-family: "Inter", sans-serif!important;}
.mysticky-welcomebar-fixed-wrap{min-height: 40px!important; padding: 12px 50px!important;}
.header-inner{ /*max-width:1600px!important*/}
.header-titles-wrapper{ margin-right:0} 

h6, .heading-size-6{ text-transform:none!important}  

.heroSectionHome{padding:12px 0 0}
.heroTitleHome{ background:#1D46A9; color:#fff; border-radius:32px 0 0 32px; padding:47px 64px;}
.heroHome{ padding:0}
.heroHome img{ border-radius:0 32px 32px 0}
.heroTitleHome h1{ color:#fff; font-weight:700; padding:16px 0 32px; margin-right:16px!important; font-size:7rem}
.heroTitleHome a{ background:#12CAE3; padding:16px 24px; color:#000; border-radius:12px; margin-top:40px; display: inline-block; font-weight:700; font-size:20px}   
.heroTitleHome a:hover{ background:#10B6CC}
.heroTxt{ font-size:24px} 

.heroSection{ padding:24px 0 80px; background: linear-gradient(129deg, #FFF8EF -1.17%, #FFF 50.55%); } 
.sectionOut{padding:96px 0;}
.sectionOuttop{ padding-top:96px}
.sectionOutbottom{ padding-bottom:96px}
.sectionIn{ padding:64px}
.textCenter{ text-align:center}
.textLeft{ text-align:left}
.titleSpace{ padding-bottom:40px}

/*.inSecFirst{ padding-top:120px}*/
.inSecTB{padding:120px 0}
.inSecT{ padding-top:120px}
.inSecB{ padding-bottom:120px}
.inSecFirst h2{ padding-bottom:60px; text-align:center}

h1,h2,h3,h4,h5,h6{ letter-spacing:0!important}
a{font-family: "Inter", sans-serif!important; text-decoration:none!important}
	
.heroTitle{ align-content:center}
.heroTitle h6{ font-size:24px; background:#FFEFE8; padding: 6px 12px; border-radius: 8px; text-transform: none;  font-weight: 700;  display: inline; color:#FE621D} 
.heroTitle h1{ color:#282828; font-weight:700; padding:16px 0 32px; margin-right:16px!important; font-size:7rem}
.heroTitle a{ background:#12CAE3; padding:16px 24px; color:#000; border-radius:12px; margin-top:40px; display: inline-block; font-weight:700}   
.heroTitle a:hover{ background:#10B6CC}
.spaceLogo{ padding:0 230px;}
.heroSection img{ max-width:640px; float:right; width:100%;}

.heroTitle.Soft{ display: grid; text-align: center;}
.heroTitle.Soft img{max-width:580px; margin:32px auto}
.heroTitle.Soft h1{font-size:4rem; padding:8px 0}
.heroTitle.Soft p{ font-size:16px;}


.primary-menu a{color:#282828!important; padding:16px 24px}
.primary-menu .icon{ color:#282828!important}
#menu-item-162 { background: #12CAE3;  border-radius: 8px;}
#menu-item-162:hover{background:#10B6CC} 
ul.primary-menu{font-size: 1.6rem!important; letter-spacing: 0!important; }

.primary-menu ul{background-color: #fff!important;  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);  border-radius: 12px!important;}

.fullWidth{ width:100%;}

.clientLogo{ background:#fff;  border-radius:32px 32px 0 0; padding:96px 64px 80px 64px}
.metaslider.ms-theme-clarity .flexslider{margin-bottom:0!important}

.Testimonials{ background:#ECF1FB; border-radius:32px}  
.Testimonials h2{ color:#1D46A9!important; padding-bottom:32px} 
.wpmslider-wrapper{ color:#000F26; font-family: "Inter", sans-serif!important; }
.strong-view.wpmtst-default .wpmtst-testimonial-image img{ background:none!important; padding:0!important}
.strong-view.wpmtst-default .wpmtst-testimonial-inner{ border:none!important; padding:0!important}
.strong-view.wpmtst-default .wpmtst-testimonial{ border:none!important}
.wpmtst-testimonial-heading.testimonial-heading { display: none;}
.strong-view.wpmtst-default .wpmtst-testimonial-image img{ border:none!important} 
.Testimonials p {  margin: 0;}

.wpmtst-testimonial-content.testimonial-content p{ font-size:28px; font-weight:300} 

.testimonialLogo{ display:flex; margin-top:45px;}
.clientLogoLeft{ width:170px; border-right:solid 1px #868B95; margin-right:16px; padding-right:10px} 
.testimonialLogo h6{ text-transform:none!important; font-size:24px; font-weight:600}
.testimonialLogo p{ font-size:16px!important; color:#000F26; font-size:16px;} 

.strong-view.pager-style-buttons .wpmslider-pager-link::before{mask: none!important; background:#C9D6F5!important; margin:0 4px; border-radius:12px}
.strong-view.pager-style-buttons .wpmslider-pager-link.active::before{mask: none!important; width:45px!important; background:#8096C9 !important } 

.strong-view.pager-style-buttons .wpmslider-pager-link.active::before{ height:12px!important}
.strong-view.pager-style-buttons .wpmslider-pager-link::before{ height:12px!important; width:12px!important}
.strong-view.controls-style-buttons:not(.rtl) .wpmslider-prev::before, .strong-view.controls-style-buttons:not(.rtl) .wpmslider-next::before{ background:#8096C9!important}


.SmartBox{ background:#F3F3F4; padding:32px; border-radius:24px; height:100%} 
.SmartBox h3{ font-size:24px; font-weight:600; padding:24px 0}
.SmartBox p{ font-size:16px; color:#373737}

.iconBox{ display: inline-block; width: 100%;} 
.iconBox span{background: #FE621D!important; border-radius: 16px; color: #fff; display: inline-block; width: 64px!important;  height: 64px!important;  text-align: center; font-size:20px!important; align-content: center;} 
.featureBox:hover .iconBox span{ color:#fff} 
.fbSection{ position:relative; padding-bottom:32px} 
.fbSection img{ border-radius:24px; margin-bottom:0}

.fbSection a{overflow:hidden; border-radius:24px; display:block}

.fbTitle{ background:#fff; position:absolute; left:24px; top:24px; padding:8px 16px 8px 8px; border-radius:8px; font-size:18px; font-weight:700; font-family: "Inter", sans-serif!important;}
.fbTitleBt{ background:#fff; position:absolute; left:32px; bottom:48px; padding:8px 16px 8px 8px; border-radius:8px; font-size:18px; font-weight:700; font-family: "Inter", sans-serif!important;}
.fbTitle span, .fbTitleBt span{ background:#0057EF; color:#fff; border-radius:8px; padding:12px; margin-right:8px; width:48px; height:48px; text-align:center; display: inline-flex; } 
.fbTitle span i, .fbTitleBt span i { width: 40px; font-size: 20px;  line-height: 22px;}

.fbSection img { transition: transform 0.5s ease;}
.fbSection:hover img { /*transform: scale(1.2);*/}

.featureBox{background:#F3F3F4; padding:24px; border-radius:24px; height:100%; display: flex;  flex-wrap: wrap;}
.featureBox:hover{ /*background:#fff; box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);*/}  
.featureBox span{ margin-bottom:12px; background:#EBECED; border-radius:12px; padding:12px 12px; font-weight:600; width:100%; display:block; margin:0; align-self: flex-end;}  
.featureBox h3{font-size:24px; padding-bottom:16px; padding-top:12px; color:#282828; font-weight:600; display:inline-block; width:100%}
.featureBox p{font-size:16px; color:#373737}
.featureBox a{ font-size:16px; color:#282828} 
.featureBox span {font-size: 16px;}     
.far, .fa-regular{ font-size:24px}

.featureBox p:last-child { margin: 0 !important; display:flex; width:100%}
.featureBox:hover span{ background:#D3D4D5; /*color:#1D46A9;*/ }
.featureMain p:empty {display: none;}

.growthBox{background:#fff; padding:24px; border-radius:24px; height:100%; display: flex;  flex-wrap: wrap;}
.growthBox h3{font-size:24px; padding-bottom:16px; padding-top:12px; color:#282828; font-weight:600; display:inline-block; width:100%}
.growthBox p{font-size:16px; color:#373737}
.growthBox img{height:160px} 


.fBox > p { margin: 0;}
.fBox p a:last-child{ display:none}

.solutionTop{background:#1D46A9; border-radius:32px 32px 0 0; color:#fff} 
.solutionTop h3{ font-size:64px; font-weight:700; padding:24px 0}
.solutionTop p{ font-size:24px;}
.solutionTop a{ background:#fff; padding:16px 24px; color:#000; font-size:20px; border-radius:8px; margin-top:24px; display:inline-block}
.solutionTop a:hover{ background:#E9E9E9; /* box-shadow: 0px 12px 12px 0px rgba(0, 0, 0, 0.32);*/}

.solutionBottom{background:#ECF1FB; border-radius:0 0 32px 32px;}
.solutionBottom p{ font-size:16px}
.solutionBottom h3{}
.solutionBottom h6{text-transform:none; padding-top:12px } 
.solutionBottom a{ padding:12px 18px; border:solid 1px #1D46A9; border-radius:8px; color:#1D46A9; display:inline-block; }

.JoinBest{ text-align:center}  
.vertMiddle{align-content:center}  

.faq{font-family: "Inter", sans-serif!important; padding:0} 
.faq > h3 {display: none !important;}

#wpsm_accordion_313, #wpsm_accordion_479, #wpsm_accordion_559, #wpsm_accordion_588, #wpsm_accordion_625 {font-family: "Inter", sans-serif!important;}
.faq #wpsm_accordion_313 .wpsm_panel-default, .faq #wpsm_accordion_479 .wpsm_panel-default, .faq #wpsm_accordion_559 .wpsm_panel-default, .faq #wpsm_accordion_588 .wpsm_panel-default, .faq #wpsm_accordion_625 .wpsm_panel-default, .faq #wpsm_accordion_722 .wpsm_panel-default, .faq #wpsm_accordion_793 .wpsm_panel-default, .faq #wpsm_accordion_14657 .wpsm_panel-default { border: solid 1px #ccc !important; margin-bottom: 12px; text-align:left}  
.faq .wpsm_panel-body, .faq .wpsm_panel-title a{font-family: "Inter", sans-serif!important;} 
.faq .wpsm_panel-title a{font-size: 18px; font-weight: 700; line-height:1.3}
.faq .wpsm_panel-body{font-size: 16px; font-weight:300; color:#373737}
.faq .wpsm_panel-default > .wpsm_panel-heading{ background-color:#fff!important; }
.faq .ac_title_class{ padding-left:0!important; padding-right:0!important}
.faq .wpsm_panel{ border-radius:8px!important}
.faq .wpsm_panel-body{ padding-top:0!important;  border: none !important;}

.bookDemo{ background:#12CAE3; color:#282828; border-radius:24px; text-align:left}
.bookDemo h3{ font-size:48px; margin:0}
.bookDemo a{ background:#222222; color:#fff; font-size:32px; padding:24px; border-radius:8px; display: block; text-align: center;}
.bookDemo a:hover{ background:#323232}
#site-footer{ background:#16140C; color:#CACACA; margin-top:0!important; border-color:#16140C!important; padding:48px 0 24px 0}
.cornerFt{background:#16140C;}
.cornerFtIn{ background:#fff;border-radius:0 0 32px 32px; height:90px;}  

.footerLinks{}
.footerLinks h5{ font-size:16px; font-weight:600; color:#fff}
.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; display:inline-flex; background:#16140c}
.socialIcon li{display:inline;}

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

.privacyLinks a{color:#CACACA; font-size:16px; padding:0 16px }

#menu-item-14781 .sub-menu { width: 680px !important; display: flex;  flex-wrap: wrap;}
#menu-item-14781 .sub-menu li{ flex:50%}
#menu-item-14784 .sub-menu{ width:260px!important;}  

#menu-item-14784 {
  display: none;
}

.to-the-top {
  background: #373737;
  padding: 6px 10px;
  border-radius: 33px;
  font-size: 16px;
  position: absolute;
  right: 0;
  bottom: 0px;  display:none;
}

body:not(.overlay-header) .primary-menu > li > ul::after { border-bottom-color: #f6f6f6!important}
.primary-menu ul { top:52px !important;}
.mobileImg{ display:none}

.wpmtst-testimonial-image{ position:relative }
.wpmtst-testimonial-image.testimonial-image::before{content:url("https://v6.clubwise.com/wp-content/uploads/2025/02/testimonial-qoute.svg"); position:absolute; right:15px; top:-30px; width:24px; height:24px; display:block }
.wpmslider-viewport { overflow: visible !important;}
.strong-view.wpmtst-default .wpmtst-testimonial-image{ margin-right:2em!important}

h4.wpsm_panel-title { font-size: 18px;  padding: 12px 16px;    font-weight: 600 !important;}
.wpsm_panel-heading{ padding:0!important}

.fa-plus::before {
  content: "\f078" !important;
}
.fa-minus::before {
  content: "\f077" !important;
}


.featurePageText{ padding:0 24px; text-align:left}
.featurePageText h3{ font-size:48px; padding-bottom:48px; padding-top:16px}
.featurePageText p{ font-size:16px; line-height:1.5}
.featurePageText h6{ padding-bottom:24px; font-size:20px; line-height:1.5}
.featurePageText a{background:#F5F5F5; border-radius: 12px; padding: 12px 24px;  font-weight: 600;  color: #282828; display:inline-block; margin-top:24px}

.inboxTop{ background:#ECF1FB;  border-radius:24px; height:100%}
.inboxTop h2{padding-bottom:32px;}
.inboxTop p{ font-size:16px; text-align:left} 

.inboxBot{ background:#1D46A9; border-radius:24px; color:#fff!important;}  
.inboxBot h2{padding-bottom:32px} 
.inboxBot p{ font-size:16px; text-align:left} 


.topBullet{column-count: 4; list-style:none; padding:0; margin:16px 0; display:flex} 
.topBullet li{margin-left:0; font-size:18px; font-weight:600; position:relative; padding:0 40px 0 40px}
.topBullet li:before{content: "\f058"; font-family: FontAwesome;  left:0;  position:absolute; top:-4px; color:#08AC82; width:32px; height:32px; margin-right:8px; font-size:24px; }
.topBullet li .fa-circle-check{ } 
.topBullet a{ color:#282828}
.topBpadding{ padding-bottom:30px} 

.topbarIcon{align-content:center}
.topbarIcon img { max-width:400px; margin:0 auto}  


.inpageTop{background:#ECF1FB; border-radius:32px 32px 0 0; color:#282828} 
.inpageTop h3{ font-size:48px; font-weight:700; padding:0; margin:0}
.inpageTop p{ font-size:16px; padding:12px 0; margin:0}

.inpageBottom{background:#1D46A9; border-radius:32px 32px; color:#fff; margin-bottom:80px}
.inpageBottom p{ font-size:16px}
.inpageBottom h2{font-size:48px; font-weight:700; margin:0}
.inpageBottom h6{text-transform:none; padding-top:12px } 
.inpageBottom a{ padding:12px 18px; border:solid 1px #1D46A9; border-radius:8px; color:#1D46A9; display:inline-block; }

.inpageBottomHM{border-radius:0 0 32px 32px;}

.inTestimonial{}
.inTestimonial h3{ font-size:32px; padding-bottom:24px; margin:0}
.inTestimonial p{ font-size:20px; margin:0; font-weight:300; }

.inRdemo{ background:#12CAE3; font-size:20px; padding:16px 24px; border-radius:8px; color:#000; display:inline-block; margin-top:16px;}
.rel{ position:relative} 
.testQoute{ position:absolute; right:0; top:-12px; width:40px;} 

.inpageTop h3.payPartners{ display:flex; column-gap:24px; margin-bottom:32px!important}
.payPartners img{ width:100%; max-width:740px}

.featureMain .ftrText, .heroTitleHome, .iconTxt{order:1}
.featureMain .ftrImage, .heroHome, .iconImg{order:2}

.contactForm { }

.hsfc-Step__Content {
  padding:0 !important;
}

.pl{ padding-left:0}
.pr{ padding-right:0} 

.conForm{ background:#FAFCFD; margin:0 auto 48px auto; border-radius:16px; max-width:640px; padding:32px; position:relative}
.conLogo{ width:220px; margin:40px auto;}

.hs-main-font-element{ font-size:12px; color:#E12724}
.conForm label{ font-size:14px;}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="month"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="number"], input[type="search"], input[type="tel"], input[type="color"], textarea, select { border:solid 1px #7A8490!important; border-radius:4px!important; max-height:40px; background:#FAFCFD; padding:10px; width:100%}
.hs-form-field{ padding-bottom:16px} 
.hs-error-msg {font-size: 12px !important;}
.conForm ul{margin-bottom:0!important} 

.conForm input[type="submit"]{ background:#FE621D; border-radius:12px; text-transform: unset; font-size:20px; max-height:64px; line-height:20px;} 
.hs_phone_country.hs-phone_country.hs-fieldtype-select.field.hs-form-field {width: 120px;}
.hs_phone.hs-phone.hs-fieldtype-phonenumber.field.hs-form-field{width:calc(100% - 120px)}  

.conFt{color:#000F26; margin-top:24px; padding-left:40px} 
.conFt a{ color:#146AFF; font-weight:600; line-height:1.8}

.uk{ background:url("https://v6.clubwise.com/wp-content/uploads/2025/05/uk-flag.png") no-repeat 0 8px; background-size:32px}
.aus{background:url("https://v6.clubwise.com/wp-content/uploads/2025/05/aus-flag.png") no-repeat 0 8px; background-size:32px}	


.hs-fieldtype-phonenumber label {color: #fff;}
.hs-club_owner_or_member label{ color:#fff}
.inputs-list.multi-container{list-style:none}
.inputs-list.multi-container li{ margin:0; padding:0}
.inputs-list.multi-container li label{ color:#000; display:flex; margin:0;} 
.inputs-list.multi-container li { margin: 0;  padding: 0;  border: solid 1px #666F7D;  border-radius: 6px;  width: 49%;  float: left;  padding: 0 16px;} 
.hs-form-radio-display span { font-size: 18px; float: left; line-height: 56px; width:100%}
.hs-club_owner_or_member > label { display: none;}
.hs-club_owner_or_member { padding: 8px 0 16px;  display: inline-block; width:100%;} 
.hs-form-booleancheckbox-display span { color: #000;  font-size: 16px;}
.hs-club_member_msg ul{ list-style:none; margin:0; background: #fff;  position: absolute;  width:calc(100% + 64px); left:-32px; padding:0 32px 8px 32px; border-radius:16px; }
.hs-form-booleancheckbox { margin: 0; display: inline-block;}
#club_member_msg-d092be49-9a18-4860-8592-f91ec6157c43 { display: none;}


.hs-fieldtype-radio {}
.hs-form-booleancheckbox {width:100%}
.hs-form-booleancheckbox a{ background: #FE621D;  border-radius: 12px;  text-transform: unset;  font-size: 20px;  max-height: 64px;  line-height: 64px;  display: inline-block;  width: 100%;
  height: 64px;  color: #fff;  text-align: center; margin-top:16px; font-weight:600 } 
.hs-form-booleancheckbox span{ width:100%}
.hs_club_member_msg.hs-club_member_msg.hs-fieldtype-booleancheckbox.field.hs-form-field {  position: relative;}
.hs-form fieldset.form-columns-1 input[type="radio"]{ height: 56px; float: left;  display: block;  width: 24px !important;}
.hs-form fieldset.form-columns-1 input[type="radio"]:checked{ height: 56px; float: left;  display: block;  width: 24px !important;}
.hs-form-radio:first-child { margin-right: 10px !important;}
.no-list.hs-error-msgs.inputs-list label{ color:#da0303; font-size:12px}
.hs_error_rollup { display: none;}

/*.hs_club_member_msg.hs-club_member_msg.hs-fieldtype-booleancheckbox.field.hs-form-field {
  background: rgba(0,0,0, .6);
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  border-radius: 15px;
  padding: 32px;
  color: #fff;
}
.hs-form-booleancheckbox-display span {
  color: #373131;
  font-size: 16px;
  background: #fff;
  padding: 24px;
  border-radius: 12px;
  width: 100%;
}*/

.menu-modal nav { border-color:#fff!important}
.modal-menu ul li { border-left-width: 0!important;}
.modal-menu{ width:100%; left:0!important}
.modal-menu li{ padding:16px 0}
.modal-menu a{ color:#282828!important; padding:0!important; font-size:18px!important}

.botFixed{ position:fixed; top:149px; left:0; width:100%; background:#fdfdfd; padding:0; border:solid 1px #eeeeee}
.botFixed h2{display:none;}
.botFixed .topBpadding{ padding-bottom:0} 
.botFixed .topBullet li{ font-size:16px}

.inSecTF{ padding-top:160px}

.prtnBox{ text-align:center; padding:24px}
.prtnBox img{ max-height:90px; margin:0 auto 24px auto; }
.prtnBox h3{ font-size:18px; font-weight:600}

.titlePrtner{ padding-bottom:12px}

/* XX-Large devices (larger desktops, 1400px and up)*/ 
@media (max-width: 1598px) {  
.heroTitleHome h1, .heroTitle h1{ font-size:6rem} 
.heroTitleHome p, .heroTitle p{ font-size:18px} 

.heroTitleHome{ padding:24px 36px} 
.heroTitleHome a{ margin-top:16px}
.spaceLogo{ padding:0}

}


/* XX-Large devices (larger desktops, 1400px and up)*/ 
@media (max-width: 1400px) {  
.heroTitleHome h1, .heroTitle h1{ font-size:5rem} 
.heroTitleHome p, .heroTitle p{ font-size:16px} 

.heroTitleHome{ padding:24px 36px} 
.heroTitleHome a{ margin-top:16px}
.spaceLogo{ padding:0}

.sectionIn{padding:48px}
.bookDemo h3{ font-size:36px} 
.bookDemo a{ font-size:24px} 

.topBullet li{ font-size:16px}

#menu-item-14781 .sub-menu {width: 360px !important; display: inline;} 

}

/* X-Large devices (large desktops, 1200px and up)*/
@media (max-width: 1200px) { 
.heroTitleHome h1, .heroTitle h1{ font-size:3.6rem}  
.spaceLogo { padding: 0;}

.pl{ padding-left:16px}
.pr{ padding-right:16px} 
.sectionOut{padding:64px 0} 

}

 @media (max-width: 1025px) { 
.heroTitleHome h1, .heroTitle h1{ font-size:3.6rem}  
 


 }
 
 /*Large devices (desktops, 992px and up)*/
@media (max-width: 992px) { 
.heroTitleHome h1, .heroTitle h1{ font-size:3.6rem} 
.mobileImg{ display:block}
.webImg{ display:none} 

.featureMain .ftrText, .heroTitleHome, .iconTxt{order:2}
.featureMain .ftrImage, .heroHome, .iconImg{order:1}
.heroTitleHome{ padding:24px; border-radius:0 0 24px 24px}
.heroHome img{ border-radius:24px 24px 0 0;}

.botFixed{ position:relative;}
.featurePageText h3{ font-size:32px}

 }
 
 /*Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) { 
.sectionOut{ padding:40px 0}
.sectionIn{ padding:24px}
.solutionTop{ padding:24px} 
.SmartBox h3 br{ display:none} 

.inputs-list.multi-container{ margin:0}
.inputs-list.multi-container li{ width:100%}
.hs-form-radio:first-child{ margin-bottom:8px!important}  
.form-columns-2 {display: flex; column-gap:10px}
.hs-form fieldset.form-columns-2 .input { margin-right: 0px !important;  }

}


/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) { 
.site-logo img { height: 24px;}
.sectionOut{ padding:40px 0}
.sectionIn{ padding:24px}
.solutionTop{ padding:24px}

.heroSectionHome{ padding:15px}
.heroTitleHome{ padding:24px; border-radius:0 0 24px 24px}
.heroHome img{ border-radius:24px 24px 0 0;}
.heroTitleHome h1{font-size:36px}

.clientLogo{ padding:16px}

.heroTitle h6{ font-size:16px}
.heroTitle h1{ font-size:42px;} 
.heroTitle a{ margin-top:10px}
.wpmtst-testimonial-content.testimonial-content p{ font-size:18px }
.SmartBox{ padding:24px}
.solutionTop h3{ font-size:40px;}
.solutionTop p{ font-size:22px;}
.solutionTop a{ margin-bottom:32px}
.bookDemo h3{ font-size:28px; padding-bottom:24px}
.bookDemo a{ font-size:22px} 
.titleSpace{ padding-bottom:24px}
.mysticky-welcomebar-fixed-wrap{ padding:16px!important;} 
.mysticky-welcomebar-fixed-wrap p{ text-align:left!important; font-size:12px!important} 

.fbSection { /*height: 275px; overflow: hidden;  border-radius: 24px;*/}
.fbTitle{position:relative; bottom:14px!important; top:0!important; left:0!important; text-align:left; font-size:18px; padding:12px 0 }
.fbTitleBt{position:relative; left:0!important; bottom:0!important; text-align:left; font-size:18px; padding:12px 0 }
.fbSection p:empty{ display:none}

.featureBox h3{ font-size:20px}
.spaceLogo{ padding:0} 

.topBullet{column-count: 1} 
.featurePageText h3{ font-size:30px}

.inSecTB{padding:80px 0}
.inSecT{ padding-top:80px}
.inSecB{ padding-bottom:80px} 

.featureMain .ftrText, .heroTitleHome, .iconTxt{order:2}
.featureMain .ftrImage, .heroHome, .iconImg{order:1}

.inpageTop h3.payPartners{ display:block}
.inpageTop h3{ font-size:24px} 

.iconTxt {margin-bottom: 30px;}

.inputs-list.multi-container{ margin:0}
.inputs-list.multi-container li{ width:100%}
.hs-form-radio:first-child{ margin-bottom:8px!important}  
.form-columns-2 {display: flex;}
.hs-form fieldset.form-columns-2 .input { margin-right: 0px !important;}

}