@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.min.css');
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');






/* 1a. Containers */



/* 1b. Colors */













/* 1c. Typography */

















/* 1d. Buttons */












/* 1e. Forms */





































/* 1g. Website header */











/* 1h. Website footer */








.content-wrapper, .wrapper { max-width: 1312px; width:100%; margin: 0 auto; padding: 0 16px;}
.dnd-section, .content-wrapper--vertical-spacing { padding: 80px 1rem; }
.dnd-section > .row-fluid { max-width: 1312px; }
.wrapLeftCol { padding-left: max(calc(50vw - (1312px / 2)), 16px) !important; width: 100%; }
.wrapRightCol { padding-right: max(calc(50vw - (1312px / 2)), 16px) !important; width: 100%; }




html { font-size: 18px; scroll-behavior: smooth; }
body {
	font-weight: 400; text-decoration: none; font-family: Rubik, serif; font-style: normal;
	color: #1E4360;
	font-size: 18px;
	line-height: 1.61;
	background-color: #F5FBFF;
	position: relative;
}

/* Paragraphs */
p { font-weight: 400; text-decoration: none; font-family: Rubik, serif; font-style: normal; }

/* Anchors */
a {
	font-weight: 700; text-decoration: none; font-family: Rubik, sans-serif; font-style: normal;
	color: #3AB1EB;
	transition: all .3s;
}

/* Headings */
h1, h2, h3, h4, h5, h6, p { padding: 0; margin: 0; letter-spacing: 0.0001px; }
a { letter-spacing: 0.0001px; }

h1,
.h1 {
	font-weight: 500; text-decoration: none; font-family: Rubik, serif; font-style: normal;
	color: #1E4360;
	font-size: 60px;
	text-transform: none;
	line-height: 1.1;
}

h2,
.h2 {
	font-weight: 400; text-decoration: none; font-family: Rubik, serif; font-style: normal;
	color: #1E4360;
	font-size: 48px;
	text-transform: none;
	line-height: 1.1;
}

h3,
.h3 {
	font-weight: 700; text-decoration: none; font-family: Rubik, serif; font-style: normal;
	color: #1E4360;
	font-size: 40px;
	text-transform: none;
	line-height: 1.2;
}

h4,
.h4 {
	font-weight: 500; text-decoration: none; font-family: Rubik, serif; font-style: normal;
	color: #1E4360;
	font-size: 32px;
	text-transform: none;
	line-height: 1.19;
}

h5,
.h5 {
	font-weight: 400; text-decoration: none; font-family: Rubik, serif; font-style: normal;
	color: #1E4360;
	font-size: 22px;
	text-transform: none;
	line-height: 1.5;
	letter-spacing: -0.48px;
}

h6,
.h6 {
	font-weight: 400; text-decoration: none; font-family: Rubik, serif; font-style: normal;
	color: #377AAF;
	font-size: 18px;
	text-transform: none;
	line-height: 1.38;
}

/* Blockquote */
blockquote { border-left-color: ; }




.primaryBtn, button, .button, .hs-button, .hs-blog-post-listing__post-button {
	
	padding-top: 16px;
padding-right: 24px;
padding-bottom: 16px;
padding-left: 24px;

	font-family: Rubik, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
	background-color: 

  
  
    
  


  rgba(58, 177, 235, 1.0)

;
	color: #FFFFFF;
	font-size: 16px;
	text-transform: none;
	border-radius: 8px;
	letter-spacing: 0.48px;
	transition: all .3s;
	font-weight: 600;
	line-height: 1.38;
}




form,
.submitted-message {
	font-weight: 400; text-decoration: none; font-family: Rubik, serif; font-style: normal;
	border: 1px none #ffffff;
;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
	padding: 0px;
;
}

/* Form title */
.form-title {
	border: 1px none #ffffff;
;
	padding-top: 0px;
padding-right: 0px;
padding-bottom: 30px;
padding-left: 0px;
;
	;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	font-size: ;
	color: ;
	background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Labels */
form label { color: #377AAF; }

/* Help text */
form legend { color: ; }

/* Inputs */

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
	border: 2px solid #D1D6DC;

	background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
	color: ;
	border-radius: 3px;
}

/* Form placeholder text */
::-webkit-input-placeholder { color: ; }
::-moz-placeholder { color: ; }
:-ms-input-placeholder { color: ; }
::placeholder { color: ; }

/* Inputs - date picker */
.hs-fieldtype-date .input .hs-dateinput:before { color: ; }
.fn-date-picker td.is-selected .pika-button { background: ; }
.fn-date-picker td .pika-button:hover { background-color:  !important; }
.fn-date-picker td.is-today .pika-button { color: ; }

/* Submit button */
form input[type=submit],
form .hs-button {
	border: 1px none #1E4360;
;
	padding-top: 16px;
padding-right: 24px;
padding-bottom: 16px;
padding-left: 24px;
;
	;
	color: ;
	font-size: ;
	background-color: 

  
  
    
  


  rgba(30, 67, 96, 1.0)

;
	border-radius: px;
	text-transform: none;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
	background-color: 

  
  
    
  


  rgba(26, 51, 78, 1.0)

;
	color: ;
	border: 1px none #1a334e;
;
}

form input[type=submit]:active,
form .hs-button:active {
	background-color: rgba(98, 217, 255, 1.0);
	border-color: ;
}





.header { background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

; position: absolute; top: 0; z-index: 100; padding: 24px 0; }
.headerMenuInner ul li.hs-menu-depth-1 a {  font-family: Rubik, serif; font-style: normal; font-weight: 700; text-decoration: none;  color: #1E4360; font-size: 16px; line-height: 1.4; } 




.footer { background-color: 

  
  
    
  


  rgba(245, 251, 255, 1.0)

; }
.footerMenu ul li.hs-menu-depth-1 a {  font-family: Rubik, serif; font-style: normal; font-weight: normal; text-decoration: none;  color: #fff; font-size: 18px; line-height: 1.61; } 
.footerMenu ul li.hs-menu-depth-1 a:hover { color: #FFFFFF}

/************** Color ***************/
.primaryColor, .primaryColor h1, .primaryColor h2, .primaryColor h3, .primaryColor h4, .primaryColor h5, .primaryColor h6, .primaryColor p, .primaryColor span, .primaryColor a { color: #1E4360 }
.lightTextColor, .lightTextColor h1, .lightTextColor h2, .lightTextColor h3, .lightTextColor h4, .lightTextColor h5, .lightTextColor h6, .lightTextColor p, .lightTextColor span, .lightTextColor a { color: #377AAF }
.greyTextColor, .greyTextColor h1, .greyTextColor h2, .greyTextColor h3, .greyTextColor h4, .greyTextColor h5, .greyTextColor h6, .greyTextColor p, .greyTextColor span, .greyTextColor a { color: #626D74 }
.middleBlueColor, .middleBlueColor h1, .middleBlueColor h2, .middleBlueColor h3, .middleBlueColor h4, .middleBlueColor h5, .middleBlueColor h6, .middleBlueColor p, .middleBlueColor span, .middleBlueColor a { color: #C5DBED }
.decorBlueColor, .decorBlueColor h1, .decorBlueColor h2, .decorBlueColor h3, .decorBlueColor h4, .decorBlueColor h5, .decorBlueColor h6, .decorBlueColor p, .decorBlueColor span, .decorBlueColor a { color: #148FCC }
.bhqDarkBlueColor, .bhqDarkBlueColor h1, .bhqDarkBlueColor h2, .bhqDarkBlueColor h3, .bhqDarkBlueColor h4, .bhqDarkBlueColor h5, .bhqDarkBlueColor h6, .bhqDarkBlueColor p, .bhqDarkBlueColor span, .bhqDarkBlueColor a  { color: #3AB1EB }
.bhqMiddleBlueColor, .bhqMiddleBlueColor h1, .bhqMiddleBlueColor h2, .bhqMiddleBlueColor h3, .bhqMiddleBlueColor h4, .bhqMiddleBlueColor h5, .bhqMiddleBlueColor h6, .bhqMiddleBlueColor p, .bhqMiddleBlueColor span, .bhqMiddleBlueColor a  { color: #DEF4FB }
.bhqLightBlueColor, .bhqLightBlueColor h1, .bhqLightBlueColor h2, .bhqLightBlueColor h3, .bhqLightBlueColor h4, .bhqLightBlueColor h5, .bhqLightBlueColor h6, .bhqLightBlueColor p, .bhqLightBlueColor span, .bhqLightBlueColor a  { color: #F0F8FC }
.whiteColor, .whiteColor h1, .whiteColor h2, .whiteColor h3, .whiteColor h4, .whiteColor h5, .whiteColor h6, .whiteColor p, .whiteColor span, .whiteColor a  { color: #FFFFFF }
.darkRedColor, .darkRedColor h1, .darkRedColor h2, .darkRedColor h3, .darkRedColor h4, .darkRedColor h5, .darkRedColor h6, .darkRedColor p, .darkRedColor span, .darkRedColor a  { color: #FF5E64 }
.lightRedColor, .lightRedColor h1, .lightRedColor h2, .lightRedColor h3, .lightRedColor h4, .lightRedColor h5, .lightRedColor h6, .lightRedColor p, .lightRedColor span, .lightRedColor a  { color: #FF5E64 }
.primaryBgColor { background-color: #F5FBFF }
.whiteBg { background-color: #fff; }

/*********** Font Weights **************/
.bold, .bold h1, .bold h2, .bold h3, .bold h4, .bold h5, .bold h6, .bold p, .bold span, .bold a { font-weight:700}
.semibold, .semibold h1, .semibold h2, .semibold h3, .semibold h4, .semibold h5, .semibold h6, .semibold p, .semibold span, .semibold a { font-weight:600}
.medium, .medium h1, .medium h2, .medium h3, .medium h4, .medium h5, .medium h6, .medium p, .medium span, .medium a { font-weight:500}
.normal, .normal h1, .normal h2, .normal h3, .normal h4, .normal h5, .normal h6, .normal p, .normal span, .normal a { font-weight:400}
.light, .light h1, .light h2, .light h3, .light h4, .light h5, .light h6, .light p, .light span, .light a { font-weight:300}

/*********** Position **************/
.relative {position: relative;}
.absolute {position: absolute;}

/*********** Display **************/
.dFlex { display: flex; }
.flexColumn {flex-direction: column; }
.flexColumn_Reverse {flex-direction: column-reverse; }
.flexRowReverse {flex-direction: row-reverse; }
.spaceBetween { justify-content: space-between; }
.justifyCenter { justify-content: center; }
.alignStart { align-items: start; }
.alignCenter { align-items: center; }
.alignStretch { align-items: Stretch; }
.flexWrap{ flex-wrap: wrap; }

/*********** Padding ************/
.pt8 { padding-top: 8px; }
.pt12 { padding-top: 12px; }
.pt16 { padding-top: 16px; }
.pt20 { padding-top: 20px; }
.pt24 { padding-top: 24px; }
.pt32 { padding-top: 32px; }
.pt40 { padding-top: 40px; }
.pt48 { padding-top: 48px; }
.pt56 { padding-top: 56px; }
.pt60 { padding-top: 60px; }
.pt64 { padding-top: 64px; }
.pt80 { padding-top: 80px; }
.p80 { padding: 80px 0; }
.pb40 { padding-bottom:40px; }
.pb50 { padding-bottom:50px; }
.pb56 { padding-bottom: 56px; }

/*********** Margin **************/
.marginCenter{ margin: 0 auto; }

/********** Line Height ********/
.lh0 { line-height: 0; }
.lh1 { line-height: 1; }
.lh1_1 { line-height: 1.1; }
.lh1_2 { line-height: 1.2; }
.lh1_38 { line-height: 1.38; }
.lh1_81 { line-height: 1.81; }
.lh1_19 { line-height: 1.19; }
.lh1_61 { line-height: 1.61; }
.lh1_10 { line-height: 1.10; }

/*********** Text Alignment **************/
.textCenter { text-align: center; }
.textLeft { text-align: left; }
.textRight { text-align: right; }

/*********** Extra **************/
img{width:100%; , height:auto; }
svg {line-height:1; }
a {text-decoration: none; transition: all .3s; display: inline-block; }
li { list-style: none; }
ul{ margin: 0; }
.pointer{ cursor: pointer; }
.bg{ background-position: top center; background-repeat: no-repeat; background-size: cover; }
.transition { transition: all .3s; }
span { line-height: 1;}
.w100 { width: 100%; }
.h100 { height: 100%; }
.dinline { display: inline-block; }
.marginAuto { margin: 0 auto; }
.overflowHidden { overflow: hidden; }
.subTitle h6 { text-transform: uppercase; }
.br18 { border-radius: 18px; overflow: hidden; }
.subHeading, .font16 { font-size: 16px; color: #1E4360; }
.zIndex1 { z-index: 1; } 
.zIndex2 { z-index: 2; }
.lh0 { line-height: 0; } 
.imageBG {   background-repeat: no-repeat; background-size: 100%; background-position: top center; box-shadow: 4px 8px 24px rgba(30, 67, 96, 0.15); transition: all .3s; }
.dNone { display: none; }
.dBlock { display: Block; }
.font24 { font-size: 24px; line-height: 1.6; font-weight: 400; }
.ls48, .ls48 p, .ls48 h5 { letter-spacing: -0.48px; }

/************* Button Varient ********************/
.secondaryBtn { font-size: 16px; line-height: 1.38; color: #3AB1EB; background-color: #fff; padding: 16px 24px; border: 1px solid #3AB1EB; border-radius: 8px; letter-spacing: 0.48px; transition: all .3s; }
.tertiaryBtn { font-size: 16px; line-height: 1.38; color: #3AB1EB; letter-spacing: 0.48px; transition: all .3s; gap: 11px; margin: 17px 0; }
.tertiaryBtn svg { width: 18px; height: auto; transition: all 0.3s; }
.tertiaryBtn svg path { transition: all .3s; }

/**************************************** Header *********************************/
.headerLogos { width: 100%; max-width: 215px; height: 40px; }
.headerMenuInner ul li.hs-menu-depth-1 a, .headerMenuInner ul li.hs-menu-depth-2.hs-item-has-children { position: relative; }
.headerMenuInner ul { display: flex; gap: 40px; }
.headerRightContent { max-width: 840px; gap: 40px; justify-content: flex-end; }
.headerMenuInner ul .hs-menu-depth-1 { padding: 15px 0; cursor: pointer; position: relative; }
.headerMenuInner ul .hs-menu-depth-1.hs-item-has-children>a:after, .headerMenuInner ul .hs-menu-depth-2.hs-item-has-children > a:after { content: ''; position: absolute; width: 100%; max-width: 10px; height: 5px; background-image: url(https://2590097.fs1.hubspotusercontent-na1.net/hubfs/2590097/BindHQ-2024/Image/dropDownArrow.svg); background-repeat: no-repeat; top: 8px; right: 0px; transition: all .3s; }
.headerMenuInner ul.hs-menu-children-wrapper { border: 1px solid #1E4360; background-color: #fff; padding: 10px 16px; -webkit-box-shadow: 4px 8px 24px 0px rgba(30, 67, 96, 0.15); -moz-box-shadow: 4px 8px 24px 0px rgba(30, 67, 96, 0.15); box-shadow: 4px 8px 24px 0px rgba(30, 67, 96, 0.15); gap: 0; top: 100% !important; position: absolute; transition: all .3s; width: 287px; left: 0 !important; border-radius: 16px; overflow: hidden; visibility: hidden; opacity: 0; }
.headerMenuInner li.hs-item-has-children:hover ul.hs-menu-children-wrapper { visibility: visible; }
.headerMenuInner ul li.hs-menu-depth-2 a { font-weight: 500; }
.headerMenuInner ul.hs-menu-children-wrapper li:not(:first-child) { padding-top: 5px; }
.headerDropDownlogo { opacity: 0; transition: all .3s; visibility: hidden; }
.headerMenuInner ul .hs-menu-depth-1.hs-item-has-children>a { padding-right: 20px; }
section.blurSection { filter: blur(1px); }
.headerMenuInner ul .hs-menu-depth-2.hs-item-has-children { width: 100%; }
.headerMenuInner ul .hs-menu-depth-2.hs-item-has-children:after { top: 12px; }

.headerMenuInner li.hs-menu-item.hs-menu-depth-2.hs-item-has-children .hs-menu-children-wrapper { left: 0px !important; position: relative; background-color: transparent; border: none; box-shadow: none; padding: 5px 16px 5px 16px; flex-wrap: nowrap; }
.hs-menu-children-wrapper .hs-menu-children-wrapper { width: 100% !important; }
.headerMenuInner li.hs-menu-item.hs-menu-depth-2.hs-item-has-children .hs-menu-children-wrapper li a { font-weight: 400; white-space: normal; }
.headerMenuInner ul li.hs-menu-depth-2>a { white-space: normal !important; padding-right: 22px; --underline-width: 0px; }
.headerMenuInner ul li.hs-menu-depth-2:hover>a:before{ width: var(--underline-width) !important; }
.headerMenuInner * { transition: unset !important; transition-delay: 0s  !important; }

.headerMenuInner ul .hs-menu-depth-2.hs-item-has-children > a:after { transform: rotate(180deg); }
.headerMenuInner ul .hs-menu-depth-2.hs-item-has-children > a.rotateMenu:after { transform: rotate(0deg); }



/*************************/
.bindhqBanner { padding-top: 154px; }
.bindhqBannerTitle { max-width: 1000px; }
.gap24 { gap: 24px; }
.bindhqBannerInner { display: flex; gap:24px; }
.bindhqBannerV2 .bindhqBannerInner { display: block; }
.bindhqBannerTitle span:after { position: absolute; content: ''; width: calc(100% * 1.04); height: 8px; border-radius: 2px; bottom: 5px; right: -9px; background-color: #C5DBED; z-index: -1; }
.bindhqBannerTitle span { position: relative; }
.bindhqBannerMiddleContent { max-width: 845px; }
.bindhqServicesIcon { width: 100%; max-width: 64px; margin: 0 auto; height: 64px; padding: 12px; background-color: #fff; border: 1px solid #148FCC80; border-radius: 8px; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.bindhqServicesIcon img { width: 100%; max-width: 33px !important; height: 33px !important; object-fit: contain; }
.bindhqBannerServices { width: calc(33.33% - 48px); }
.bindhqBannerServicesParagraph h6 { font-size: 16px; line-height: 1.81; letter-spacing: -0.64px; color: rgb(55 122 175 / 70%); }
iframe { width: 100%; }
.bindhqBannerMiddleContentInner { gap: 32px 72px; }
.bindhqBannerVideoInner { -webkit-box-shadow: 4px 8px 24px 0px rgba(30, 67, 96, 0.15); -moz-box-shadow: 4px 8px 24px 0px rgba(30, 67, 96, 0.15); box-shadow: 4px 8px 24px 0px rgba(30, 67, 96, 0.15); }
.bindhqBannerVideo video, .bindhqBannerVideo iframe { width: 100%; height: 100%; }
.bindhqBannerVideoOuter { max-width: 845px; }
.br16 { border-radius: 16px; overflow: hidden;  }
span.videoPosterImage { z-index: 1; height: 100%; width: 100%; cursor: pointer; }
span.videoPlayBtn { z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 80px; height: 80px; border-radius: 50%; background-color: #3AB1EB; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all .3s; }
span.videoPosterImage img { height: 100%; object-fit: cover; object-position: top center; }
.bindhqBannerBgVideo video { height: 100%; width: 100%; object-fit: cover; }
.videoInner { cursor: pointer; }
span.videoPlayBtn svg path { transition: all .3s; }
.bindhqBannerBgVideo { position: fixed; top: 0; width: 100%; z-index: -1;  transition: transform 0.3s ease-in-out; pointer-events: none; }
.bindhqBannerBgVideo  video { height: 100%; width: 100%; }
.bindhqBannerBgVideo:after { position: absolute; content: ''; width: 100%; left: 0; height: 500px; bottom: 0; background-image: url(https://2590097.fs1.hubspotusercontent-na1.net/hubfs/2590097/BindHQ-2024/Image/video-after-image.png); background-repeat: no-repeat; background-size: cover; }
.plusAnimation { position: fixed; top: 30px; width: 100%; max-width: 1221px; height: 100dvh; left: 50%; transform: translateX(-50%); pointer-events: none; display: flex; align-items: center; justify-content: center; }
span.plusSmall { transition: all .5s; width: 100%; max-width: 300px; background-color: #148FCC; height: 300px; display: inline-block; border-radius: 50%; filter: blur(4px);
	-moz-animation: 7000ms pulsate infinite alternate ease-in-out;
	-ms-animation: 7000ms pulsate infinite alternate ease-in-out;
	-o-animation: 7000ms pulsate infinite alternate ease-in-out;
	animation: 7000ms pulsate infinite alternate ease-in-out; }

.bindhqBannerV1 .bindhqBannerRight { max-width: 846px; }
.bindhqBannerV1 .bindhqBannerLeft { max-width: 410px; width: 100%;}
.bindhqBannerV1 .bindhqBannerTitle h1 span {font-weight: 500;}
.bindhqBannerV1 .bindhqBannerButtons.d_none{ display: none; }

.bindhqBannerV1 .bindhqBannerVideoInner { border-radius: 0; height: 100%; left: calc(50% + 5px); max-width: 80%; position: absolute; top: 0; transform: translateX(-50%); padding: 2.7% 0 6.6% 0; box-shadow: none; }
.bindhqBannerV1 .bindhqBannerVideo.videoInner { height: 100%; }
.bindhqBannerV1 .bindhqBannerYoutubeVideo { height: 100%; }
.bindhqBannerV1 .bindhqBannerYoutubeVideo iframe { height: 100%; }
.bindhqBannerV1 .BannerV1Title h1 span.typed-text{ display: none; }
.bindhqBannerV1 .BannerV1Title h1 span { font-weight: 500; position: relative; display: inline-block; }
.bindhqBannerV1 .BannerV1Title h1 span u{ text-decoration: none; }
.bindhqBannerV1 .BannerV1Title h1 span::after{ content: ''; animation-name: blinking; animation-duration: .71s; animation-iteration-count: infinite; height: 60px; width: 4px; display: inline-block; border-radius: 1px; background-color: #1E4360; margin-bottom: -12px; }

@keyframes blinking{
	from { background-color: transparent;  }
	to { background-color: #1E4360;  }
}

@keyframes pulsate {
	0% { transform: scale(1,1); opacity: 4%; }
	50% { opacity: 6%; }
	100% { transform: scale(3,3); opacity: 4%; }
}

.BannerV1Title { min-height: 267px; }

/***********  Banner V3 CSS  **************/
.bindhqBannerV3 .bindhqBannerInner { min-height: calc(100dvh - 173px); padding: 150px 0 70px 0; }	
.bindhqBanner.bindhqBannerV3 { background-position: top left; padding: 0; z-index: 1 !important; }
.bindhqBannerV3 .bindhqBannerLeft{ width: 52%; }
.bindhqBannerV3:after { position: absolute; content: ""; bottom: 0px; left: 0; background: linear-gradient(177deg, rgba(233, 245, 245, 0.00) 18.86%, #E5EFF3 72%); width: 100%; height: 175px; /*     background: linear-gradient(175deg, rgba(233, 245, 245, 0.00) 17.86%, #E5EFF3 71.23%); */ height: 231px; z-index: -1; }
.bindhqBannerV3 .oneColSliderTitle:after { width: 139px; right: -5px; }
/* .bindhqBannerV3 .backgroundImage { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; z-index: -1; } */
.bindhqBannerV3 .bindhqBannerRight { position: fixed; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; top: 0; right: 14%; z-index: -1; }

/***********  Banner V4 CSS  **************/
.bindhqBannerV4 { padding-top: 110px; }
.bindhqBannerV4 .BannerBigImage { max-width: 100% !important; padding: 0px !important; display: flex; justify-content: center; margin-top: 0px; }
.bindhqBannerV4.bindhqBanner .bannerTop { min-height: calc(100vh - 219px); justify-content: center; }
.bindhqBannerV4 .BannerBigImage img, .bindhqBannerV4 .BannerBigImage > svg { object-position: top; width: 100%; height: 100% !important; object-fit: cover; min-width: 1920px; }
.bindhqBannerV4:after, .bindhqBannerV4 .BannerBigImageMobileConatiner:after { position: absolute; width: 100%; height: 37.3%; background: linear-gradient(178deg, rgba(233, 245, 245, 0.00) 17.86%, #E5EFF3 47.78%); content: ""; bottom: 0; left: 0; z-index: 0; }
.bindhqBannerV4 .BannerBigImageMobileConatiner:after { display: none; }
.bindhqBannerV4 .BannerBigImageMobile{ display: none; }
.bindhqBannerV4 span.videoPlayBtn { top: 58%; transition: all .3s; }
.bindhqBannerV4 span.videoPlayBtn:hover { background-color: #1E4360; }
.bindhqBannerV4 .bindhqBannerYoutubeVideo  iframe { height: 100%; }
.bindhqBannerV4 .videoWrapper{ display: none; }
.bindhqBannerV4 .videoWrapper.showVideo{ display: block; }
.bindhqBannerV4  div#video-wrapper { position: relative; z-index: 5; }
.bindhqBannerV4 .BannerBigImage img { position: relative; }
.bindhqBannerV4 .bindhqBannerText { max-width: 846px; }
.bindhqBannerV4 .bindhqBannerText p{ line-height: 1.5; letter-spacing: -0.4px; }
.bindhqBannerV4 video::-webkit-media-controls-fullscreen-button { display: none; }

/***********  Banner V5 CSS  **************/
.bindhqBannerV5 { padding-top: 110px; }
.bindhqBannerV5 .bannerV5TopContent{ min-height: calc(100vh - 227px); justify-content: flex-end; }
.bindhqBannerV5.bindhqBanner .bannerTop { min-height: auto; flex-direction: row; gap: 50px; }
.bindhqBannerV5.bindhqBanner .BannerBigImage{ padding: 0; border-radius: 200px 0 0 0; max-width: 100%; width: 100%; height: 100%; }
.bindhqBannerV5.bindhqBanner .BannerBigImage img{ width: 100%; height: 100% !important; object-fit: cover; }
.bindhqBannerV5 .bindhqBannerInner{ padding-bottom: 30px;  max-width: 665px; }
.bindhqBannerV5 .bindhqBannerVideoOuter { position: absolute; bottom: 20px; max-width: 100%; width: 66.5%; left: -20%; }
.bindhqBannerV5 .bannerRight { position: relative; padding-bottom: 40px; width: 55%; height: 650px; }
.bindhqBannerV5 .bannerOneColSlider{ padding-top: 8px; }
.bindhqBannerV5 .bindhqBannerText, .bindhqBannerV5 .bindhqBannerButtons{ max-width: 408px; }
.bindhqBannerV5 .bindhqBannerText *{ line-height: 1.5; letter-spacing: -0.4px; }
.bindhqBannerV5 span.videoPosterImage:after{ display: none; }
.bindhqBannerV5 .videoInner:hover span.videoPlayBtn, .bindhqBannerV5 .videoOuterMain:hover span.videoPlayBtn { background-color: #3AB1EB; }
.bindhqBannerV5 span.videoPlayBtn { transition: all .3s; }
.bindhqBannerV5 span.videoPlayBtn:hover { background-color: #1E4360 !important; }

.bindhqBannerV5 span.videoPosterImageV5 img { height: 100%; object-fit: cover; object-position: top center; }
.bindhqBannerV5 span.videoPosterImageV5 { z-index: 1; height: 100%; width: 100%; }
.bindhqBannerV5 .videoInner { cursor: auto;}

.bindhqBannerV5 .BannerV1Title h1 span.typed-text { display: none; }
.bindhqBannerV5 .BannerV1Title h1 span { font-weight: 500; position: relative; display: inline-block; }
.bindhqBannerV5 .BannerV1Title { max-width: 505px; min-height: 260px; }
.bindhqBannerV5 .BannerV1Title h1 span::after { content: ''; animation-name: blinking; animation-duration: .71s; animation-iteration-count: infinite; height: 60px; width: 4px; display: inline-block; border-radius: 1px; background-color: #1E4360; margin-bottom: -12px; }

/*********************************/
.oneColSliderImage img { height: 40px!important; margin: 0 auto; object-fit: contain; width: auto; filter: grayscale(1) }
.oneColSliderImageOuter { padding: 0 20px; }
/* .oneColSliderImage { background-color: #fff; border: 1px solid rgb(20 143 204 / 50%); border-radius: 16px; overflow: hidden; padding: 20px 40px; height: 80px; display: flex; align-items: center; justify-content: center; } */
.oneColSliderImage { overflow: hidden; padding: 20px 40px; height: 80px; display: flex; align-items: center; justify-content: center; }
.oneColSliderTitle:after { position: absolute; content: ''; width: 146px; height: 4px; border-radius: 1px; bottom: 4px; right: -12px; background-color: #C5DBED; z-index: -1; }
/* .oneColSliderMain { width: 100%; max-width: 1920px; margin: 0 auto; } */

/************************************************/
.workflowFormTwoCol label { font-size: 18px; line-height: 1.38; color: #fff; margin-bottom: 8px; }
.workflowForm form { background-color: transparent; }
.workflowFormOuter { width: 100%; max-width: 408px; margin: 0 auto; }
.workflowFormTwoCol { display: flex; gap: 24px; }
.categoryField, .representsField { width: 100%; max-width: 192px; }
.workflowFormTwoCol select { border: 1px solid #1E4360; border-radius: 8px; padding: 16px 24px; font-size: 14px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.workflowFormTwoCol .input:after { background-image: url(https://2590097.fs1.hubspotusercontent-na1.net/hubfs/2590097/BindHQ-2024/Image/Sort%20Down.png); background-position: 50%; background-repeat: no-repeat; content: " "; display: block; height: 8px; position: absolute; right: 20px;top: 21px; width: 11px; z-index: 5; pointer-events: none; }
.workflowFormTwoCol select:focus-visible { outline: none; }
.input.selectNone { opacity: .8; pointer-events: none; } 
span.selectElement { word-wrap: normal; overflow: hidden; border: 1px solid #1E4360; border-radius: 8px; padding: 16px 24px; font-size: 14px; background-color: rgba(255, 255, 255, 1.0); width: 100%; display: inline-block; line-height: 1.2; }
div#category ul, #represent ul { background-color: #fff; padding: 10px 16px; -webkit-box-shadow: 4px 8px 24px 0px rgba(30, 67, 96, 0.15); -moz-box-shadow: 4px 8px 24px 0px rgba(30, 67, 96, 0.15); box-shadow: 4px 8px 24px 0px rgba(30, 67, 96, 0.15); border-radius: 8px; overflow: hidden; }
div#category ul li span, #represent ul li span { font-size: 16px; cursor: pointer; display: inline-block; transition: all .3s; position: relative; transition: all .3s; }
div#category ul li, #represent ul li, div#category ul li span, #represent ul li span { cursor: pointer; }
div#category, #represent { position: absolute; top: 53px; width: 100%; z-index: 6; }
div#category ul li span.disabled, #represent ul li span.disabled { display: none; }
.categoryOption, .representOption { display: none; }
.selectnone { pointer-events: none; opacity: 0.5; }
li.disabled { opacity: 0; pointer-events: none; height: 0; }

/************************* BindHQ Rating Engine Module CSS ***********************/
.bindHQRatingEngineInner { max-width: 846px; }
.hubspotVideo iframe { width: 100%; height: 340px; border-radius: 16px; overflow: hidden; }
.youtubeVideo iframe { height: 100%; aspect-ratio: 16/9; }
.bindHQRatingEngineInner .sectionImage { border-radius: 16px; }

/************************* Quote Manage Policies Module CSS ***********************/
.quoteManagePoliciesToppart { gap: 16px; }
.quoteManagePoliciesToppart .sectionRightContent { max-width: 411px; }
.quoteManagePoliciesToppart .sectionLeftContent { width: calc(100% - 427px); }
.quoteManagePoliciesCardGroup { gap: 24px; }
.quoteManagePoliciesCard { width: calc(33.33% - 16px); border-radius: 16px; padding: 24px; border: 1px solid rgba( 20, 143, 204, 0.5); gap: 24px; }
.quoteManagePoliciesCard .cardIcon { max-width: 32px; width: 100%; }
.quoteManagePoliciesCard .cardIcon img { object-fit: contain; }

/******************************/
.getToKnowTwoColLeftContent { max-width: 628px; }
.getToKnowTwoColRightContent { max-width: 604px; }
.getToKnowTwoCol { gap: 48px; }
.getToKnowTwoCol:not(:first-child) {padding-top: 40px; }

/******************************/
/* .productBannerLeftCotnent { max-width: 577px;  } */
.productBannerLeftImage { scale: 1.05; }
.productBannerRightContent { max-width: 628px; }
.productBanner { padding-top: 150px; }
/* span.imageSmallIcon1 { animation: animateIcon1 3s ease-in-out infinite; width: 100%; max-width: 66px; height: 66px; padding: 16px; bottom: 120px; left: 45px; background-color: rgb(98 109 116 / 50%); rotate: 16deg; }
span.imageSmallIcon2 { animation: floating2 4s ease-in-out infinite; max-width: 66px; height: 66px; padding: 16px; top: 80px; left: 70px; background-color: rgb(52 127 173 / 15%); rotate: -16deg; }
span.imageSmallIcon3 { animation: floating1 5s ease-in-out infinite; width: 100%; max-width: 52px; height: 52px; padding: 16px; top: 200px; left: 160px; background-color: rgb(20 143 204 / 35%); rotate: 15deg; }
span.imageSmallIcon4 { animation: floating1 3s ease-in-out infinite; background-color: rgb(255 255 255 / 50%); bottom: 60px; height: 52px; right: 215px; max-width: 52px; padding: 12px; rotate: -15deg; width: 100%; }
span.imageSmallIcon5 { animation: floating3 4s ease-in-out infinite; background-color: rgb(25 166 221 / 55%); height: 40px; right: 175px; max-width: 40px; padding: 9px; rotate: -16deg; top: 50px; }
span.imageSmallIcon6 { animation: floating2 5s ease-in-out infinite; background-color: rgb(255 255 255 / 35%); height: 52px; right: 50px; max-width: 52px; padding: 16px; rotate: -41deg; top: 160px; width: 100%; } */
.imageSmallIcon { display: flex; align-items: center; justify-content: center; border-radius: 8px; }
.productBannerBefore { position: fixed; top: 100px; width: 100%; max-width: 565px; height: 595px; left: -170px; pointer-events: none; -moz-animation: 5000ms beforePulseEffect infinite alternate ease-in-out; -ms-animation: 3000ms beforePulseEffect infinite alternate ease-in-out; -o-animation: 3000ms beforePulseEffect infinite alternate ease-in-out; animation: 3000ms beforePulseEffect infinite alternate ease-in-out; }
.productAfterElement { position: fixed; top: 250px; width: 100%; max-width: 673px; height: 630px; right: -170px; pointer-events: none; -moz-animation: 7000ms afterPulseEffect infinite alternate ease-in-out; -ms-animation: 2500ms afterPulseEffect infinite alternate ease-in-out; -o-animation: 2500ms afterPulseEffect infinite alternate ease-in-out; animation: 2500ms afterPulseEffect infinite alternate ease-in-out; }
.productBannerBefore svg, .productAfterElement svg { width: 100%; height: 100%; }
.productBannerTitle h1 span { position: relative; font-weight: 500; }
.productBannerTitle h1 span:after { position: absolute; content: ''; width: calc(100% * 1.01); height: 8px; border-radius: 2px; bottom: 12px; right: -2px; background-color: #C5DBED; z-index: -1; }

/* span.imageSmallIcon1 { opacity: 0; animation: floatBubble linear infinite; animation-duration: 7s; animation-delay: 0s; bottom: 0; left: 20%; width: 100%; max-width: 66px; height: 66px; padding: 16px;  background-color: rgb(98 109 116 / 50%); }
span.imageSmallIcon2 { opacity: 0; animation: floatBubble2 linear infinite; animation-duration: 10s; animation-delay: 3s; bottom: 0; left: 35%; max-width: 66px; height: 66px; padding: 16px; background-color: rgb(52 127 173 / 15%); }
span.imageSmallIcon3 { opacity: 0; animation: floatBubble2 linear infinite; animation-duration: 13s; animation-delay: 6s; bottom: 0; left: 50%; width: 100%; max-width: 52px; height: 52px; padding: 16px;  background-color: rgb(20 143 204 / 35%); }
span.imageSmallIcon4 { opacity: 0; animation: floatBubble2 linear infinite; animation-duration: 9s; animation-delay: 2s; bottom: 0; left: 65%; background-color: rgb(255 255 255 / 50%);  height: 52px;  max-width: 52px; padding: 12px;  width: 100%; }
span.imageSmallIcon5 { opacity: 0; animation: floatBubble2 linear infinite; animation-duration: 15s; animation-delay: 5s; bottom: 0; left: 80%; background-color: rgb(25 166 221 / 55%); height: 40px;  max-width: 40px; padding: 9px; }
span.imageSmallIcon6 { opacity: 0; animation: floatBubble2 linear infinite; animation-duration: 14s; animation-delay: 4s; bottom: 0; left: 90%; background-color: rgb(255 255 255 / 35%); height: 52px;  max-width: 52px; padding: 16px; width: 100%; } */

/* @keyframes floatBubble {
0% { transform: translateY(5vh) translateX(-35%) rotate(0deg); }
5% { opacity: 1; }
40% { opacity: 0; }
80% { opacity: 0; }
100% { transform: translateY(-150vh) translateX(-50%) rotate(360deg); opacity: 0; }
}

@keyframes floatBubble2 {
0% { transform: translateY(5vh) translateX(-35%) rotate(0deg); }
5% { opacity: 1; }
47% { opacity: 0; }
100% { transform: translateY(-150vh) translateX(-50%) rotate(360deg); opacity: 0; }
} */

span.imageSmallIcon1 { animation: floating1 3s ease-in-out infinite; animation-duration: 7s;  animation-delay: 0s; width: 100%; max-width: 52px; height: 52px; padding: 16px; bottom: 50px; left: 150px; background-color: rgb(98 109 116 / 50%); }
span.imageSmallIcon2 { animation: floating1 4s ease-in-out infinite; animation-duration: 10s; animation-delay: 3s; max-width: 52px; height: 52px; padding: 16px; top: 13%; left: 20%; background-color: rgb(52 127 173 / 15%); }
span.imageSmallIcon3 { animation: floating1 5s ease-in-out infinite; animation-duration: 13s; animation-delay: 6s; width: 100%; max-width: 52px; height: 52px; padding: 16px; top: 40%; left: 36%; background-color: rgb(20 143 204 / 35%); }
span.imageSmallIcon4 { animation: floating1 3s ease-in-out infinite; animation-duration: 9s; animation-delay: 2s; background-color: rgb(255 255 255 / 50%); bottom: 5%; height: 52px; right: 35%; max-width: 52px; padding: 12px; width: 100%; }
span.imageSmallIcon5 { animation: floating1 4s ease-in-out infinite; animation-duration: 15s; animation-delay: 5s; background-color: rgb(25 166 221 / 55%); height: 40px; right: 175px; max-width: 40px; padding: 9px; top: 50px; }
span.imageSmallIcon6 { animation: floating1 5s ease-in-out infinite; animation-duration: 14s; animation-delay: 4s; background-color: rgb(255 255 255 / 35%); height: 52px; right: 70px; width: 52px; padding: 16px; top: 50%; }

/* @keyframes floating1 { 0% {transform: translateY(0%) rotate(0deg);} 
50% {transform: translateY(-150%) rotate(180deg);} 
100% {transform: translateY(0%) rotate(360deg);} 
}
@keyframes floating2 { 
0% { transform: translateX(0px) rotate(0deg); } 
50% { transform: translateX(-15px)   } 
100% { transform: translateX(0px) rotate(360deg); } 
}

@keyframes floating3 {
0% { transform: translateY(0px) rotate(0deg); } 
50% { transform: translateY(15px)  } 
100% { transform: translateY(0px) rotate(360deg);  } 
} */

@keyframes floating1 { 0% {transform: rotate(0deg);} 
	100% {transform: rotate(360deg);} 
}
@keyframes floating2 { 
	0% { transform: rotate(0deg); } 
	100% { transform: rotate(360deg); } 
}

@keyframes floating3 {
	0% { transform: rotate(0deg); } 
	100% { transform: rotate(360deg);  } 
}

.smallIconParent { width: 100%; height: 100%; position: absolute; top: 0; left: -15px; transform: rotate(0deg); transition: transform 0.7s linear; animation: rotate 50s infinite linear; }

@-webkit-keyframes rotate {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(359deg); }
}

@-webkit-keyframes rotate1 {
	from { -webkit-transform: rotate(359deg); }
	to { -webkit-transform: rotate(0deg); }
}

/* @keyframes floating1 { 0% { transform: translateY(0px) rotate(0deg); } 
50% { transform: translateY(-15px)  } 
100% { transform: translateY(0px) rotate(360deg); } 
}
@keyframes floating2 { 
0% { transform: translateX(0px) rotate(0deg); } 
50% { transform: translateX(-15px)   } 
100% { transform: translateX(0px) rotate(360deg); } 
}

@keyframes floating3 {
0% { transform: translateY(0px) rotate(0deg); } 
50% { transform: translateY(15px)  } 
100% { transform: translateY(0px) rotate(360deg);  } 
} */

@keyframes beforePulseEffect { 0% { transform: scale(.7,.7); } 50% { transform: scale(1.2,1.2);  } 100% { transform: scale(2,2);  } }
@keyframes afterPulseEffect { 0% { transform: scale(.7,.7); } 50% { transform: scale(1.2,1.2);  } 100% { transform: scale(2,2);  } }

.bindHQStripSection { background-color: rgba(245, 251, 255, 1.0); }

/************************* BindHQ Migration Onboard Module CSS ***********************/
.migrationOnboardSection { z-index: 1; }
.migrationOnboardStepSection:before { position: absolute; content: ""; width: 2px; height: 80%; top: 148px; left: 50%; z-index: -1; background-image: url('https://2590097.fs1.hubspotusercontent-na1.net/hubfs/2590097/BindHQ-2024/Image/Vector%2033%20%28Stroke%29.png'); }
.migrationOnboardInner { max-width: 846px; }
.migrationOnboardStepSection .stepGroup { gap: 24px; width: 53.7%; }
.migrationOnboardStepSection .stepGroup:not(:first-child) { padding-top: 24px; }
.migrationOnboardStepSection .stepGroup:nth-child(odd) { margin: 0 auto 0 0; }
.migrationOnboardStepSection .stepGroup:nth-child(even) { margin: 0 0 0 auto; flex-direction: row-reverse; }
.migrationOnboardStepSection .stepBox { max-width: 367px; padding: 24px; border: 1px solid rgba( 20, 143, 204, 0.5); border-radius: 16px; box-shadow: 4px 8px 24px rgba( 30, 67, 96, 0.15); gap: 16px; }
.migrationOnboardStepSection .stepList { padding-left: 0; }
.migrationOnboardStepSection .stepIcon, .migrationOnboardStepSection .middleIcon { max-width: 32px; }
.migrationOnboardStepSection .stepIcon img, .migrationOnboardStepSection .middleIcon img { object-fit: contain; }
.migrationOnboardStepSection .listItem { color: #377AAF; line-height: 1.43; }
.migrationOnboardStepSection .middleIconBox { background-color: #F5FBFF; border: 1px solid rgba( 20, 143, 204, 0.5); padding: 15px; border-radius: 8px; }
.migrationOnboardStepSection .stepBox:before { position: absolute; font-size: 92px; line-height: 1.1; color: #C5DBED; font-weight: 500; z-index: -1; top: -55px; left: -8px; }
.migrationOnboardStepSection .step1 .stepBox::before { top: -55px; left: -8px; }
.migrationOnboardStepSection .step2 .stepBox::before { right: -35px; top: -51px; left: unset; }
.migrationOnboardStepSection .step3 .stepBox::before { top: -71px; left: 243px; }
.migrationOnboardStepSection .step4 .stepBox::before { top: -64px; left: 56px; }
.migrationOnboardStepSection .step5 .stepBox::before { top: -60px; left: 125px; }
.migrationOnboardStepSection .step6 .stepBox::before { left: unset; top: unset; right: -33px; bottom: -40px; }

/************************* Product Features Module CSS ***********************/
.productFeaturesInner { max-width: 796px; }
.productFeatureParent { gap: 48px; }
.productFeatureBox { width: calc(33.33% - 32px); }
.productFeatureBox .featureIconBox { width: fit-content; padding: 11px; border-radius: 8px; border: 1px solid rgba( 20, 143, 204, 0.5); background-color: rgba( 20, 143, 204, 0.05); }
.productFeatureBox .featureIcon { max-width: 40px; }
.productFeatureBox .featureIcon img { object-fit: contain; }

/************* BindHQ - Agency Operating System Module CSS ****************/
.agencyOperatingSystemTopPart .sectionTitlePart { max-width: 553px; }
.agencyOperatingSystemTopPart .sectionContent { max-width: 846px; }
.agencyOperatingSystemCardGroup { max-width: 1120px; gap: 24px; }
.agencyOperatingSystemCard { width: calc(33.33% - 16px); padding: 24px; gap: 24px; border-radius: 16px; border: 1px solid rgba( 20, 143, 204, 0.5); }
.agencyOperatingSystemCard .cardIcon { max-width: 32px; }
.agencyOperatingSystemCard .cardIcon img { object-fit: contain; }

/******************** BindHQ - Integration Module CSS ***********************/ 
.integrationInner { padding: 130px 0 149px; }
.integrationBox { max-width: 958px; box-shadow: 4px 8px 24px rgba( 30, 67, 96, 0.15); border: 1px solid #EEEEEE; padding: 90px 134px 89px 70px; border-radius: 15px; } 
.integrationBox .sectionTitle { max-width: 458px; }
.integrationBox .sectionContent { padding-left: 35px; }
.markelElement { width: 490px; top: -26%; right: -7%; }
.atlanticCasualtyElement { width: 244px; right: -17%; top: 50%; box-shadow: 8px 19px 42px rgba(0,0,0,0.06); border-radius: 9px; }
.ePayPolicyElement { width: 219px; bottom: -9%; right: -7%; box-shadow: 4px 8px 24px rgba(30,67,96,0.15); border-radius: 9px; }
.imageElement { width: 217px; bottom: -30%; left: -16%; z-index: -1; box-shadow: 4px 8px 24px rgba(30,67,96,0.15); border-radius: 30px; }
.firstInsuranceElement { width: 258px; top: 51%; left: -18%; box-shadow: 9px 21px 48px rgba(0,0,0,0.06); border-radius: 9px; }
.googleWorkspaceElement { width: 357px; top: -8%; left: -9%; box-shadow: 4px 8px 24px rgba(30,67,96,0.15); border-radius: 9px; }
.smallIconBox { background-color: #FFF; border-radius: 16px;padding: 16px; }
.smallIcon { max-width: 34px; }
.smallIcon img { object-fit: contain; }
.smallIconElement1 { rotate: -40deg; left: -12%; top: 23%; box-shadow: 0 4px 44px rgba(0,0,0,0.05); }
.smallIconElement2 { rotate: -15deg; left: 62%; top: 21%; }

/********************** BindHQ - AMS Video Module CSS ***************************/ 
.AMSVideoInner { max-width: 846px; }
.AMSVideoGroup { box-shadow: 4px 8px 24px rgba( 30, 67, 96, 0.15); border: 1px solid rgba( 20, 143, 204, 0.5); }
.AMSVideoGroup video, .AMSVideoGroup iframe { width: 100%; height: 100%; }

/******************* Contact Banner ***********************/
.contactBanner { padding: 158px 0 80px; }
.contactBanner .hs_how_did_you_hear_about_us textarea{ min-height: 64px; height: 64px; }
.contactBanner form .hs_how_did_you_hear_about_us label { top: 29px; }
.sectionTitle h1 span, .sectionTitle .h1 span, .sectionTitle h2 span, .sectionTitle .h2 span { font-weight: 500; position: relative; }
.sectionTitle .h1 span:after, .sectionTitle .h2 span:after, .sectionTitle h1 span:after, .sectionTitle h2 span:after { position: absolute; content: ''; width: calc(100%* 1.03); height: 8px; border-radius: 2px; bottom: 8px; right: -5px; background-color: #C5DBED; z-index: -1; }
.contactBottomLeftContent { max-width: 410px; }
.contactBottomRightContent { max-width: 845px; background-color: #fff; border-radius: 16px; overflow: hidden; padding: 34px 24px 40px; -webkit-box-shadow: 4px 8px 24px 0px rgba(30,67,96,0.15); -moz-box-shadow: 4px 8px 24px 0px rgba(30,67,96,0.15); box-shadow: 4px 8px 24px 0px rgba(30,67,96,0.15); }
.contactFormtitle h4 { font-weight: 400; }
.contactFormtitle h4 span { font-weight: 500; }
.processIcon { width: 100%; max-width: 20px; height: 20px; position: relative; top: 8px; }
.contactFormProcess { gap: 10px; }
.contactFormProcess:not(:first-child), .contactFormPerson:not(:first-child)  { padding-top: 24px; }
.contactFormPerson .personIcon { width: 100%; max-width: 80px; height: 80px; position: relative; overflow: hidden; border-radius: 50%; }
.contactFormPerson .personIcon:after { position: absolute; content: ''; width: 100%; height: 100%; background-color: #148FCC26; top: 0; left: 0; }
.personName h5 { font-weight: 700; } 
.form-title { padding: 0; }
textarea { min-height: 192px; }
form input[type=text], form input[type=search], form input[type=email], form input[type=password], form input[type=tel], form input[type=number], form select, form input[type=file], form textarea { border: 1px solid #377AAF; border-radius: 8px; font-size: 20px; line-height: 1.6; color: #1E4360; padding: 15px 32px; }
form input[type=email]:focus-visible, form input[type=file]:focus-visible, form input[type=number]:focus-visible, form input[type=password]:focus-visible, form input[type=search]:focus-visible, form input[type=tel]:focus-visible, form input[type=text]:focus-visible, form textarea:focus-visible, select:focus-visible { outline-color: #3AB1EB; }
/* form input[type=email]:focus, form input[type=file]:focus, form input[type=number]:focus, form input[type=password]:focus, form input[type=search]:focus, form input[type=tel]:focus, form input[type=text]:focus, form textarea:focus { outline: red; } */
.contactBottomRightContentInner form input[type=email]::placeholder, .contactBottomRightContentInner form input[type=file]::placeholder, .contactBottomRightContentInner form input[type=number]::placeholder, .contactBottomRightContentInner form input[type=password]::placeholder, .contactBottomRightContentInner form input[type=search]::placeholder, .contactBottomRightContentInner form input[type=tel]::placeholder, .contactBottomRightContentInner form input[type=text]::placeholder, .contactBottomRightContentInner form textarea::placeholder { color:transparent; }
.hs-form-field { position: relative; margin-bottom: 26px; }
form .hs-form-field>label { font-size: 20px; line-height: 1; pointer-events: none; color: rgb(55 122 175 / 75%); z-index: 1; position: absolute; top: 50%; left: 30px; transform: translateY(-50%); transition: all .1s linear;-webkit-transition: all .2s linear; -moz-transition: all .2s linear; background-color: white; padding: 5px; box-sizing: border-box; margin: 0; }
.hs-form-field.label-effect>label { top: 0; font-size: 13px; color: #377AAF; }
.contactBanner form .hs_how_did_you_hear_about_us.hs-form-field.hs-fieldtype-textarea>label { top: 29px; }
.contactBanner form .hs_how_did_you_hear_about_us.hs-form-field.label-effect>label { top: 0; }

ul.no-list.hs-error-msgs.inputs-list { position: absolute; line-height: 1; top: -12px; left: 10px; background-color: #fff; padding: 0px 5px; z-index: 1; }
ul.no-list.hs-error-msgs.inputs-list li { margin: 0; }
ul.no-list.hs-error-msgs.inputs-list li label { font-size: 14px; }
form select { -webkit-appearance: none; }
form .hs-form-field.hs-fieldtype-textarea.label-effect>label { top: 0; }
form .hs-form-field.hs-fieldtype-textarea>label { top: 35px; }
form input[type=submit], form .hs-button { padding: 16px 24px; font-size: 16px; line-height: 1.375; background-color: #3AB1EB; font-weight: 600; letter-spacing: 0.48px; }
.hs_submit.hs-submit { padding-top: 16px; text-align: center; }
.submitted-message p:first-child { color: #148FCC; font-size: 40px; line-height: 1.1; font-weight: 500; text-align: center; padding-top: 0px; }
.submitted-message p { font-size: 32px; line-height: 1.1; padding-top: 40px; text-align: center; }
.submitted-message p img { padding-top: 75px; }
fieldset.form-columns-1 .hs-input { width: 100% !important; }
fieldset.form-columns-1 .input, fieldset.form-columns-2 .input { margin: 0 !important; }
fieldset.form-columns-2 > div:first-child { margin-right:24px; width: calc(50% - 24px) !important; }
fieldset.form-columns-2 .input { margin-left: 0px !important; }
fieldset.form-columns-2 .input input { width: 100% !important;  }
fieldset.form-columns-2 > div:first-child .input { margin-left: 0 !important; }
.hs-form-required { color: #377AAFBF; }
.contactFormProcessOuter.mobileView { display: none; }
.hs-fieldtype-select .input { position: relative; }
.hs-fieldtype-select .input:after { pointer-events: none; background-image: url(https://2590097.fs1.hubspotusercontent-na1.net/hubfs/2590097/BindHQ-2024/Image/down-arrow.png); background-repeat: no-repeat; background-size: contain; content: ""; height: 10px; position: absolute; right: 10px; top: 30px; width: 13px; }
textarea::-webkit-scrollbar { width: 3px; background-color: #ebebeb; border-radius: 10px; }
textarea::-webkit-scrollbar-thumb { background-color: #d1f0ff; border-radius: 10px; } 
textarea {height: 100%;max-height: 192px; }
.hs_error_rollup { display: none; }

/******************************************/
.pricingModule { padding-top: 134px; overflow: hidden; }
.pricingBannerBefore { position: fixed; top: 0px; width: 100%; max-width: 565px;height: 595px; left: -270px; pointer-events: none; -moz-animation: 5000ms beforePulseEffect infinite alternate ease-in-out; -ms-animation: 3000ms beforePulseEffect infinite alternate ease-in-out; -o-animation: 3000ms beforePulseEffect infinite alternate ease-in-out; animation: 3000ms beforePulseEffect infinite alternate ease-in-out; }
.pricingAfterElement { position: fixed; top: 250px; width: 100%; max-width: 673px; height: 630px; right: -170px; pointer-events: none; -moz-animation: 7000ms afterPulseEffect infinite alternate ease-in-out; -ms-animation: 2500ms afterPulseEffect infinite alternate ease-in-out; -o-animation: 2500ms afterPulseEffect infinite alternate ease-in-out; animation: 2500ms afterPulseEffect infinite alternate ease-in-out; }
.pricingTitle.sectionTitle .h1 span:after, .pricingTitle.sectionTitle .h2 span:after, .pricingTitle.sectionTitle h1 span:after, .pricingTitle.sectionTitle h2 span:after { right: -2px; }
span.pricingSmallIcon1 { animation: pricingfloating 3s ease-in-out infinite; animation-delay: 0s; width: 100%; max-width: 78px; height: 78px; padding: 24px; border-radius: 16px; overflow: hidden; background-color: #148FCC; rotate: 30deg; top: 200px; }
span.pricingSmallIcon2 { animation: pricingfloating 3s ease-in-out infinite; animation-delay: 1s; background-color: #347FAD26; border-radius: 16px; height: 66px; max-width: 66px; overflow: hidden; padding: 18px; rotate: -15deg; top: 10px; width: 100%; left: 180px; }
span.pricingSmallIcon3 { animation: pricingfloating 3s ease-in-out infinite; animation-delay: 2s; background-color: #377AAF; border-radius: 16px; height: 66px; max-width: 73px; overflow: hidden; padding: 18px; rotate: 15deg; top: 0; width: 100%; right: 160px; }
span.pricingSmallIcon4 { animation: pricingfloating 3s ease-in-out infinite; animation-delay: 3s; background-color: #FFFFFF; border-radius: 16px; height: 66px; max-width: 66px; overflow: hidden; padding: 16px; rotate: -15deg; top: 150px; width: 100%; right: 70px; }

@keyframes pricingfloating { 0% { transform: translateY(0px); } 
	50% { transform: translateY(-15px)  } 
	100% { transform: translateY(0px); } 
}
.pricingTabbingOuter { max-width: fit-content; margin: 0 auto; border: 1px solid #3AB1EB; border-radius: 16px; overflow: hidden; background-color: #FFFFFF; padding: 8px; }
.pricingTabbingOption { cursor: pointer; }
.pricingTabbingOption p { font-size: 16px; line-height: 1.375; font-weight: 600; letter-spacing: 0.48px; padding: 16px 24px; border-radius: 8px; color: #3AB1EB; }
.pricingTabbingOption.activePlan p { background-color: #3AB1EB; color: #fff;  }
.popularPlanText { display: none; }
.pricingCard.popularPlan .popularPlanText { display: block; }
.pricingCard { width: calc(33.33% - 16px); border-radius: 16px;  background-color: #fff; padding: 24px 16px; -webkit-box-shadow: 4px 8px 24px 0px rgba(30,67,96,0.15); -moz-box-shadow: 4px 8px 24px 0px rgba(30,67,96,0.15); box-shadow: 4px 8px 24px 0px rgba(30,67,96,0.15); }
.pricingFeatureCardDetails { display: flex; gap: 12px; padding-top: 16px; }
.pricingFeatureCardIcon { width: 100%; max-width: 20px; height: 20px; position: relative; top: 3px; }
.pricingFeatureCard:first-child { border-top: 1px solid #377AAF; }
p.monthlyPricingText { text-decoration: line-through; }
p.pricingSavingText, p.monthlyPricingText { font-size: 18px; line-height: 1.38; color: #377AAF80; }
.pricingPlan span.h3 { line-height: 1; font-weight: 500; }
.pricingsDescription p, .startingFormText p { font-size: 14px; line-height: 1.57; color: #1E4360; font-weight: 400; }
.pricingFeatureCardTitle h5 { line-height: 1.45; font-weight: 500; letter-spacing: -1.12px; }
.pricingFeatureCardBtn a { font-size: 18px; line-height: 1.61; font-weight: 400; }
.popularPlanText { width: 100%; max-width: 133px; position: absolute; top: -20px; left: 50%; transform: translateX(-50%); background-color: #377AAF; padding: 8px 16px; border: 1px solid #377AAF; border-radius: 43px; -webkit-box-shadow: 4px 4px 13px 0px rgba(55,122,175,0.16); -moz-box-shadow: 4px 4px 13px 0px rgba(55,122,175,0.16); box-shadow: 4px 4px 13px 0px rgba(55,122,175,0.16); }
.popularPlanText p { font-size: 16px; line-height: 1.375; color: #FFFFFF; }
.pricingCard.popularPlan { border: 1px solid #377AAF; }
.Enterprise .monthlyPricingText { display: none !important; }
.Enterprise .pricingPlan { padding-top: 25px; }
.slick-dotted.slick-slider { margin-bottom: 0; }
.pricingTopContent { width: 100%; max-width: 600px; margin: 0 auto; }
.Professional .pricingPlanTextInner { min-height: 45px; }
.pricingCardsInner .slick-initialized .slick-slide { margin: 0 8px; }
.pricingCardsInner .slick-dots { bottom: unset; top: 15px; }
.pricingCardsInner .slick-dots li { width: 8px; height: 8px; }
.pricingCardsInner .slick-dots li button:before { color: #C5DBED; font-size: 8px; opacity: 1; width: 8px; height: 8px; top: -5px; transition: all .3s; }
.pricingCardsInner .slick-dots li button { width: 8px; height: 8px; padding: 0; }
.pricingCardsInner .slick-dots li.slick-active button:before { opacity: 1; color: #148FCC; }
.pricingFeatureCardDetails.cross .pricingFeatureCardDetailsText p { color: rgb(34 57 101 / 50%); }

/********************* bindhqPlatform **********************/
.rightContentFeatureList { gap: 10px; }
.rightContentFeatureIcon { width: 100%; max-width: 20px; height: 20px; position: relative; top: 4px; }
.bindhqPlatformTwoCol:not(:first-child) {padding-top: 90px; }
.bindhqPlatformTwoColLeftContent .leftContentImage { width: 100%; max-width: 505px !important; margin: 0 auto; }
.bindhqPlatformTwoCol { gap: 30px; }
.bindhqPlatformTwoColLeftContent, .bindhqPlatformTwoColRightContent { max-width: 628px; }
.bindhqPlatformTwoCol.flexRowReverse .bindhqPlatformTwoColRightContent { max-width: 681px; }
.bindhqPlatformTwoCol.flexRowReverse .bindhqPlatformTwoColLeftContent {max-width: 575px;}
.rightContentFeatureList:not(:first-child) { padding-top: 16px; }
.pricingBottomText p a { font-weight: 400; }

/*********************************************** Footer **********************************************/
.footerLogoContent { max-width: 1000px; }
.footerBottomContent { margin-top: -135px; background-color: #1E4360; position: relative; padding: 174px 16px 0px; }
.footerBottomContentInner { max-width: 845px;  }
.footerLogo { width: 100%; max-width: 215px; margin: 0 auto; }
.footerClientLogo a img { margin: 0 auto; height: 40px !important; width: auto; object-fit: contain; transition: all .3s; }
.footerClientLogoOuter { gap: 80px; }
.footerQuoteBox { border: 1px solid #148FCC80; padding: 40px 80px; background-color: #fff; border-radius: 16px; overflow: hidden; max-width: 845px; z-index: 4; }
.footerReviewImage { width: 100%; max-width: 168px; margin: 0 auto; }
.footerBottomParagraph h6 { color: #fff; line-height: 1.61; }
.footerMenuHeading h6 { font-weight: 800; line-height: 1.61; color: #fff; }
.footerMenuMain { width: 100%; max-width: 193px; }
.footerMenu ul li { padding-top: 24px; }
.footerMenu ul li.hs-menu-depth-1 a, .contactInfo ul li a span.menuText, .privacyText a, .termsText a { position: relative; }
.footerMenu ul { flex-direction: column; }
.getintouch { width: 100%; max-width: 193px; }
.contactInfo ul { padding: 0; }
.contactInfo ul li a { display: flex; gap: 8px; }
.contactInfo ul li a { display: flex; gap: 8px; }
.contactInfo ul li { padding-top: 24px; }
.contactInfo ul li a, .contactInfo ul li a span.menuText, .privacyText a, .termsText a, .copyrightText h6 { font-size: 18px; color: #fff; font-weight: 400; line-height: 1.61; }
span.menuIcon { width: 100%; height: 16px; max-width: 16px; position: relative; top: 6px; }
.menuIcon svg { width: 100%; display: inline-block; height: 100%; }
.footerBottomStrip { background-color: #1e4360; padding: 40px 16px 24px; }
.footerBottomStripInner { max-width: 1310px; width: 100%; margin: 0 auto; padding-top: 24px; border-top: 1px solid #FFFFFF; }
.policiesOuter, .socialMediaIconsInner { gap: 24px; }
.socialMediaIcons { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; }
.socialMediaIcons a { line-height: 1; }
.socialMediaIcons a svg path, .contactInfo ul li a span.menuIcon svg path { transition: all .3s; }
li.phoneText { pointer-events: none; }
.policiesOuter, .socialMediaIconsOuter, .copyrightText { width: 100%; max-width: 427px; }
.socialMediaIconsInner { justify-content: end; }
.slick-slider div { transition: none; }

/***************************** 404 page ***********************/
.errorPageSection { padding: 135px 0 0; background-color: #F5FBFF; }
.errorPageLeftContent, .errorPageRightContent { max-width: 410px; }
.errorPageTitle h1 { font-size: 200px; line-height: 1; color: rgb(20 143 204 / 50%); font-weight: 700; }
.pageNotFound h3 { line-height: 1.1; color: #148FCC; font-weight: 500; }
.errorPageParagraph h4 { line-height: 1.09; font-weight: 400; }
.error-page { padding: 0; }
.error-page:before, .goHomeMobileBtn { display: none; }
/* body.colorchange { background-color: red; } */

/********************** BindHQ - API Module CSS ***************************/ 
.bindhqApiBanner{ padding: 0 !important; }
.bindhqApiBanner .bindhqBannerInner{ padding-top: 423px; background-repeat: no-repeat; background-position: 39% 15%; background-size: 72%; display: block; }
.bindhqApiBanner .apiBannerTop{ max-width: 846px; }
.bindhqApiBanner .sectionTitle h2 span{ z-index: 1; }
.bindhqApiBanner .sectionTitle h2 span:after{ left: 50%; transform: translateX(-50%); width: 100%; z-index: -1; }
.bindhqApiBanner .bindhqBannerVideoOuter{ max-width:100%; }
.bindhqApiBanner .bindhqBannerVideoInner{ box-shadow: none; }
.bindhqApiBanner .bgStrip{ position: fixed; width: 100%; max-width: 1280px; height: 100dvh; }
.bindhqApiBanner .bgStrip img { height: 100%; width: 100%; object-fit: cover; }
.bindhqApiBanner .smallIconImage { animation-name:bannerFloating; animation-duration: 10s; animation-iteration-count: infinite; animation-direction: alternate; transition: all 0.2s ease-in-out;  width: 52px; height: 52px; padding: 11px; border-radius: 8px; box-shadow: 0px 4px 44px 0px rgba(27, 118, 177, 0.05); }
.bindhqApiBanner .smallIconImage img { width: 100%; height: 100% !important; object-fit: contain; }
.bindhqApiBanner .smallIconImage:nth-child(1) { animation-duration: 2s; background-color: #DEF4FB; rotate: -41.886deg; top: -98px; left: 15.7%; }
.bindhqApiBanner .smallIconImage:nth-child(2) { animation-duration: 3s; background-color: #FFF; rotate: -9.147deg; top: -238px; left: 28.5%; }
.bindhqApiBanner .smallIconImage:nth-child(3) { animation-duration: 2.5s; background-color: #377AAF; rotate: 5deg; top: -147px; border-radius: 16px; left: 44.7%; width: 80px; height: 80px; padding: 15px; }
.bindhqApiBanner .smallIconImage:nth-child(4) { animation-duration: 3.5s; background-color: #148FCC; rotate: 30.364deg; top: -254px; left: 63.7%; box-shadow: 0px 3.144px 34.582px 0px rgba(27, 118, 177, 0.05); }
.bindhqApiBanner .smallIconImage:nth-child(5) { animation-duration: 3s; background-color: #FFF; rotate: -14.686deg; top: -100px; left: 68.7%; box-shadow: 0px 3.236px 35.6px 0px rgba(27, 118, 177, 0.05); }
.bindhqApiBanner .sectionTitle br { display: none; }
@keyframes bannerFloating { 
	0% {transform: rotate(0deg) translateY(0%); } 
	100% {transform: translateY(-30%);} 
}

@keyframes float {
	to { transform:translateY(-25%); }
}

/********************** Key Benefits - API Module CSS ***************************/ 
.keyBenefits .sectionLeftContent{ width: 100%; }
.keyBenefits .quoteManagePoliciesCard{ box-shadow: 4px 8px 24px 0px rgba(30, 67, 96, 0.15); width: calc(25% - 18px); }
.keyBenefits .quoteManagePoliciesCardGroup { padding-top: 24px; }

/********************** The Opportunity - API Module CSS ***************************/ 
.theOpportunity .opportunityCard { width: calc(33.33% - 16px); border: 1px solid rgba(20, 143, 204, 0.50); background-color: #FFF; box-shadow: 4px 8px 24px 0px rgba(30, 67, 96, 0.15); }
.theOpportunity .cardTextParent { padding: 24px; }
.theOpportunity .cardImage{ padding-bottom: 95.5%; }
.theOpportunity .theOpportunityTopPart { max-width: 845px; }

/*********************** Use Case - API Module CSS ****************************/
.apiUseCase .useCaseCard { border: 1px solid rgba(20, 143, 204, 0.50); box-shadow: 4px 8px 24px 0px rgba(30, 67, 96, 0.15); width: calc(50% - 12px); background-color: #F5FBFF; border-radius: 24px; }
.apiUseCase .useCaseBottomContentInner { gap: 24px; }
.apiUseCase .useCaseCardUpperContent { padding: 24px; }
.apiUseCase .useCaseCardImage img { width: 100%; height: 100% !important; object-fit: cover; }
/* .apiUseCase .useCaseCardImage.imageAtBottom  { position: absolute; bottom: 0; left: 0; max-width: 100%; } */

/*********************** Our Company Banner - API Module CSS ****************************/
.ourCompanyBanner{ overflow: hidden; padding: 0; }
.ourCompanyBanner .productBannerOuter{ padding-top: 150px; background-size: contain; background-image: url('https://2590097.fs1.hubspotusercontent-na1.net/hubfs/2590097/BindHQ-2024/SVG/Frame%201321314709.svg'); }
.ourCompanyBanner .productBannerTitle h1 span { line-height: 1.1; }
.ourCompanyBanner .productBannerTitle h1 span:after { bottom: 8px; }
.ourCompanyBanner .productBannerLeftCotnent { max-width: 100%; width: 41%; }
.ourCompanyBanner .productBannerRightContent { max-width: 100%; width: 53%; }
.ourCompanyBanner .productBannerBefore{ top: 0px; left: -303px; }
.ourCompanyBanner .ourCompanyBannerStripes { width: 62%; height: 72%; position: absolute; top: -49.3%; right: -28%; }
.ourCompanyBanner .productBannerLeftImage{ scale: 1; }

/*********************** Our Values - Our Company Module CSS ****************************/
.OurValues .sectionLeftContent{ width: 100%; }
.OurValues .quoteManagePoliciesCard{ box-shadow: 4px 8px 24px 0px rgba(30, 67, 96, 0.15); width: calc(33.33% - 16px); }
.OurValues .quoteManagePoliciesCardGroup { padding-top: 24px; }

/*********************** Company Two Col V2 - Our Company Module CSS ****************************/
.companyTwoCol .getToKnowTwoColRightContent { max-width: 100%; width: 46.6%;}
.companyTwoCol .getToKnowTwoColLeftContent { max-width: 100%; width: 50%; }
.companyTwoCol .getToKnowTwoCol { gap: 24px; }  
.companyTwoCol .leftContentParagraph p a:hover { color: #1E4360 !important; }

/*********************** Company Double Two Col - Our Company Module CSS ****************************/
.companyDoubleTwoCol .getToKnowTwoColRightContent { max-width: 100%; width: 49.2%;}
.companyDoubleTwoCol .getToKnowTwoColLeftContent { max-width: 100%; width: 49.2%; }
.companyDoubleTwoCol .getToKnowTwoCol { gap: 24px; }  
.companyDoubleTwoCol .contentBox:first-child { padding-top: 0; }
.companyDoubleTwoCol .rightContentImage { width: 76.2%; margin: 0 auto; }
.companyDoubleTwoCol .mobileImageVideo{ display: none; }
.companyDoubleTwoCol .leftContentParagraph p a:hover { color: #1E4360 !important; }

/*********************** Solution Banner - Solution Page Module CSS ****************************/
.solutionBanner .solutionAfterElement svg , .solutionBanner .solutionBannerBefore svg { width:100%; height:100%; }
.solutionBanner .solutionAfterElement, .solutionBanner .solutionBannerBefore { opacity: .4; pointer-events: none; position: absolute; transform: scale(1.5); width: 100%; }
.solutionBanner .solutionAfterElement { bottom: 0%; height: 265px; max-width: 326px; right: 50%; top: unset; }
.solutionBanner .solutionBannerBefore { animation: afterPulseEffectSol 2.5s ease-in-out infinite alternate; height: 595px; left: 6%; max-width: 565px; top: -2%; }
.solutionBanner .solutionBannerRightImageOuter  .productBannerLeftImage  { scale:1; }
.solutionBanner .solutionBannerTitle h1 span:after { bottom: 9px; }
.solutionBanner .productBannerRightContent.solutionBannerRightContent { max-width:628px; }
.solutionBanner { width:100%; padding-bottom:40px; }
.solutionBanner .solutionBannerRightImageOuter { transform: rotate(0deg); transition: transform 0.7s linear; animation: rotate1 50s infinite linear; }
.solutionBanner span.imageSmallIcon.solImageSmallIcon1 { max-width: 240px;height: 142px;bottom: 0;right: 10%;}
.solutionBanner span.imageSmallIcon.solImageSmallIcon2 { box-shadow: 0px 4px 44px 0px rgba(0, 0, 0, 0.05); width: 76px;height: 76px;padding: 16px;top: 0%;right: 12%;background-color: #fff;}
.solutionBanner span.imageSmallIcon.solImageSmallIcon3 { box-shadow: 0px 4px 44px 0px rgba(0, 0, 0, 0.05); width: 66px; height: 66px; padding: 11px; top: 38%; left: 8%; background-color: #148fccde;}
.solutionBanner span.imageSmallIcon.solImageSmallIcon4 { width: 66px; height: 66px; padding: 11px; bottom: 10%; left: 7%; background-color: #a9d5ec;}
.solutionBanner span.imageSmallIcon.solImageSmallIcon5 { box-shadow: 0px 4px 44px 0px rgba(0, 0, 0, 0.05); width: 76px; height: 76px; padding: 16px; top: 15%; left: 32%; background-color: #fff;}
.solutionBanner span.imageSmallIcon.solImageSmallIcon6 { width: 76px; height: 76px; padding: 0;top: 50%;left: 50%; transform: translate(-50%, -50%); }
/* .solutionBanner span.imageSmallIcon.solImageSmallIcon6  svg path { stroke-dasharray: 1000; stroke-dashoffset: 1000; animation: draw 3s linear forwards; } */
/* .solutionBanner span.imageSmallIcon.solImageSmallIcon6 svg path:not([stroke]) { animation: fadeIn 1s ease forwards; opacity: 0; } */
/* .solutionBanner span.imageSmallIcon.solImageSmallIcon1 { max-width: 240px;height: 142px;animation-duration: 7s;animation-delay: 3s;bottom: 0;right: 10%;}
.solutionBanner span.imageSmallIcon.solImageSmallIcon2 { box-shadow: 0px 4px 44px 0px rgba(0, 0, 0, 0.05); animation: floating1 4s ease-in-out infinite;
animation-duration: 10s;animation-delay: 7s;width: 76px;height: 76px;padding: 16px;top: 0%;right: 12%;background-color: #fff;}
.solutionBanner span.imageSmallIcon.solImageSmallIcon3 { box-shadow: 0px 4px 44px 0px rgba(0, 0, 0, 0.05); animation: floating1 4s ease-in-out infinite;
animation-duration: 10s; animation-delay: 7s; width: 66px; height: 66px; padding: 11px; top: 38%; left: 8%; background-color: #148fccde;}
.solutionBanner span.imageSmallIcon.solImageSmallIcon4 { animation: floating1 4s ease-in-out infinite;
animation-duration: 10s; animation-delay:7s; width: 66px; height: 66px; padding: 11px; bottom: 10%; left: 7%; background-color: #a9d5ec;}
.solutionBanner span.imageSmallIcon.solImageSmallIcon5 { box-shadow: 0px 4px 44px 0px rgba(0, 0, 0, 0.05); animation: floating1 4s ease-in-out infinite;
animation-duration: 10s; animation-delay: 7s; width: 76px; height: 76px; padding: 16px; top: 15%; left: 32%; background-color: #fff;} */

.solutionBanner .imageSmallIcon { animation-name:solutionBannerFloating;  animation-iteration-count: infinite; animation-direction: alternate; transition: all 0.2s ease-in-out; } 

.solutionBanner span.imageSmallIcon.solImageSmallIcon1 { animation-duration: 2s; display: inline-flex; rotate: 13.333deg; }
.solutionBanner span.imageSmallIcon.solImageSmallIcon2 { animation-duration: 3s; rotate: 15deg; }
.solutionBanner span.imageSmallIcon.solImageSmallIcon3 { animation-duration: 2.5s; rotate: -15deg; }
.solutionBanner span.imageSmallIcon.solImageSmallIcon4 { animation-duration: 2.2s; rotate: 15deg; }
.solutionBanner span.imageSmallIcon.solImageSmallIcon5 { animation-duration: 3s; rotate: 30deg; }
.solutionBanner span.imageSmallIcon.solImageSmallIcon6 { animation: none; }
.bindhqApiBanner .sectionTitle br { display: none; }

@keyframes solutionBannerFloating { 
	0% {transform: rotate(0deg) translateY(0%); } 
	100% {transform: translateY(-20%); } 
}

@keyframes fadeIn {
	0% { opacity: 0; transform: scale(1); }
	100% { opacity: 1; transform: scale(1); }
}
@keyframes draw {
	to { stroke-dashoffset: 0;	}
}
/* Delay the animation for each path */
/* .solutionBanner span.imageSmallIcon.solImageSmallIcon6 svg path:nth-child(1) { animation-delay: 0.1s; }
.solutionBanner span.imageSmallIcon.solImageSmallIcon6 svg path:nth-child(2) { animation-delay: 0.2s; }
.solutionBanner span.imageSmallIcon.solImageSmallIcon6 svg path:nth-child(3) { animation-delay: 0.3s; }
.solutionBanner span.imageSmallIcon.solImageSmallIcon6 svg path:nth-child(4) { animation-delay: 0.4s; }
.solutionBanner span.imageSmallIcon.solImageSmallIcon6 svg path:nth-child(5) { animation-delay: 0.5s; }
.solutionBanner span.imageSmallIcon.solImageSmallIcon6 svg path:nth-child(6) { animation-delay: 0.6s; }
.solutionBanner span.imageSmallIcon.solImageSmallIcon6 svg path:nth-child(7) { animation-delay: 0.7s; }
.solutionBanner span.imageSmallIcon.solImageSmallIcon6 svg path:nth-child(8) { animation-delay: 0.8s; }
.solutionBanner span.imageSmallIcon.solImageSmallIcon6 svg path:nth-child(9) { animation-delay: 0.9s; }
.solutionBanner span.imageSmallIcon.solImageSmallIcon6 svg path:nth-child(10) { animation-delay: 1s; }
.solutionBanner span.imageSmallIcon.solImageSmallIcon6 svg path:nth-child(11) { animation-delay: 1.1s; }
.solutionBanner span.imageSmallIcon.solImageSmallIcon6 svg path:nth-child(12) { animation-delay: 1.2s; }
.solutionBanner span.imageSmallIcon.solImageSmallIcon6 svg path:nth-child(13) { animation-delay: 1.6s; }
.solutionBanner span.imageSmallIcon.solImageSmallIcon6 svg path:nth-child(14) { animation-delay: 2s; }
.solutionBanner span.imageSmallIcon.solImageSmallIcon6 svg path:nth-child(15) { animation-delay: 2.4s; }
.solutionBanner span.imageSmallIcon.solImageSmallIcon6 svg path:nth-child(16) { animation-delay: 2.8s; }
.solutionBanner span.imageSmallIcon.solImageSmallIcon6 svg path:nth-child(17) { animation-delay: 3.2s; }
.solutionBanner span.imageSmallIcon.solImageSmallIcon6 svg path:nth-child(18) { animation-delay: 3.6s; }
.solutionBanner span.imageSmallIcon.solImageSmallIcon6 svg path:nth-child(19) { animation-delay: 4s; }
.solutionBanner span.imageSmallIcon.solImageSmallIcon6 svg path:nth-child(20) { animation-delay: 4.4s; }
.solutionBanner span.imageSmallIcon.solImageSmallIcon6 svg path:nth-child(21) { animation-delay: 4.8s; }
.solutionBanner span.imageSmallIcon.solImageSmallIcon6 svg path:nth-child(22) { animation-delay: 5.2s; }
.solutionBanner span.imageSmallIcon.solImageSmallIcon6 svg path:nth-child(23) { animation-delay: 5.6s; }
.solutionBanner span.imageSmallIcon.solImageSmallIcon6 svg path:nth-child(24) { animation-delay: 6s; }
.solutionBanner span.imageSmallIcon.solImageSmallIcon6 svg path:nth-child(25) { animation-delay: 6.4s; } */
.solutionBanner span.imageSmallIcon.solImageSmallIcon6 svg { width:100%; }
.solutionBanner .smallIconParent.smallIconParentV2 { left:0; }
.solutionBanner { overflow:hidden; }
.solutionBanner .productAfterElement { top: 367px; right: 32%; }
.solutionBanner .productBannerBefore { top: 20px; left: -175px; }

/*********************** Solution Two Col - Solution Page Module CSS ****************************/
.solutionTwoCol .solTwoCol { gap:24px; }
.solutionTwoCol .solTwoColRightContent { max-width:410px; }
.solutionTwoCol .solTwoCol { justify-content: flex-end; }
.solutionTwoCol .solTwoCol.flexRowReverse { justify-content: start; }
.solutionTwoCol .sectionTitle {  max-width: 700px; margin: 0 auto; }
.solutionTwoCol  strong,.solTwoColLeftContent b { font-weight:600; }
.solutionTwoCol .solTwoColLeftContent  a { font-weight:400; }
.solutionTwoCol .leftContentParagraph p a:hover { color: #1E4360 !important; }

/****************** bindhqBannerV2 ************************/
.bindhqBannerV2 .BannerBigImage{ padding-top: 5px; max-width: 1444px; padding-left: 20px; padding-right: 20px; }
.bindhqBannerV2 .BannerBigImageMobile{ display: none; }
.bindhqBannerV2 .mobileButtons{ display: none; }
.bindhqBannerV2 .bannerTop { min-height: calc(100vh - 159px); display: flex; flex-direction: column; justify-content: space-between; }
.plusAnimationV2 { display: none; }

/*********************************************************************/
.blogListing { padding: 160px 0 50px; }
.blogListingTopContent { width: 100%; max-width: 845px; margin: 0 auto; text-align: center; }
.blogListingTitle h2 span { position: relative; color: #148FCC; font-weight: 500; }
.blogListingTitle h2 span:after { position: absolute; content: ''; width: calc(100%* 1.01); height: 8px; border-radius: 2px; bottom: 8px; right: -2px; background-color: #C5DBED; z-index: -1; }
.blogListingCard { width: calc(33.33% - 16px); }
.blogListingCardsInner { gap: 40px 24px; }
.blogListingFeaturedImage { height: 274px; transition: all .3s; }
.blogListingFeaturedImage img { height: 100%; object-fit: cover; transition: all .4s; }
/* .blogListingFeaturedImage:hover { box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } */
.blogPublishDetails span, .blogPublishDetails span a { font-size: 16px; line-height: 1.63; font-weight: 300; color: #377AAF; }
.blogListingTitle a { font-size: 28px; color: #1E4360; font-weight: 500; line-height: 1.18; }
.blogListingTag a { font-size: 16px; font-weight: 400; line-height: 1.38; color: #377AAF; padding: 8px 16px; border: 1px solid #377AAF; border-radius: 43px; transition: all .4s; }
.blogListingTags { gap: 8px; }
/* .blogListingTitle a:hover { text-decoration: underline; } */
/* .blogListingFeaturedImage a:hover img, .blogListingFeaturedImage.hoverEffect a img {  scale: 1.05; } */
/* .blogListingFeaturedImage:hover ~ .blogListingTitle a { text-decoration: underline; }
.blogListingTag a:hover { background-color: #377AAF; color: #fff; } */
.blogPagination { display: flex; align-items: center; justify-content: center; gap: 10px; }
.blogPaginationCenter a, .blogPaginationRight a, .blogPaginationLeft a { padding: 0 5px; }
.blogPagination a, .blogPagination .elipses { font-size: 24px; font-weight: 700; line-height: 1.38; letter-spacing: 0.48px; color: #3AB1EB; }
.body-container--blog-index .bindHQStripSection, .body-container--blog-post .bindHQStripSection { padding-top: 0; }
.blogPagination a.active, .blogPagination a:hover { color: #1E4360; }
.selectedElements { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.selectedElements span { font-size: 18px; line-height: 1.61; color: #377AAF; }
.selectedElements>span { text-transform: none; }
.selectedTagOuter, .selectedAuthorOuter { padding: 8px 16px; border: 1px solid #377AAF; border-radius: 43px; display: flex; gap: 8px; }
span.removeTag { cursor: pointer; }
.bindHQStripInner .sectionTitle h3 { color: #fff; }

.selectedElements { padding-bottom: 40px; }
.blogPost { padding: 130px 0 50px; }
.body-container.body-container--blog-post { background-color: #F7F8F8; }
.blogPostFeaturedImage { height: 380px; }
.blogPostFeaturedImage img { height: 100%; object-fit: cover; }
.blog_inner_icon { line-height: 0; display: flex; width: 20px; height: 18px; }
.blog_inner_icon a { width: 100%; height: 100%; }
.blog_inner_icon a svg { display: inline-block; width: 100%; height: 100%; }
.blog_inner_social_icon_parent { gap: 16px; }
.blog_inner_icon a svg path { fill: #3AB1EB; transition: all .4s; }
.blogContent p + p { padding-top: 8px; }
.blogContent p { font-size: 18px; line-height: 1.61; color: #1E4360; }
.blogContent ul li, .blogContent ol li { list-style: auto; padding-top: 8px; font-weight: 400; }
.blogContent strong { padding-top: 24px; display: inline-block; }
.blogContent span { font-weight: 600; color: #1E4360 !important; font-size: 18px !important; }
.backToBlog a span { font-size: 16px; line-height: 1.38; font-weight: 700; color: #3AB1EB; cursor: pointer; transition: all .4s; }
.backToBlog a { display: flex; align-items: center; gap: 16px; }
.backToBlog a:hover span svg path, .backToBlog a:hover span { fill: #1E4360; color: #1E4360; }
.backToBlog a span svg path, .backToBlog a span { transition: all .4s; }
.blogContent img { width: 100% !important; max-height: 825px !important; object-fit: cover; padding-top: 20px; }
.blogContent h3, .blogContent h2 { padding-top: 24px; display: inline-block; font-size: 34px; }
.blogContent h3 { font-size: 28px; }
.blogContent a { color: #3AB1EB !important; }
/* .copied_text { position: absolute; left: 35%; top: 50%; } */
.copied_text p { font-size: 14px; line-height: 1; }

/************************** Partners Banner *************************/
.partnersBannerWrapper { max-width: 1440px; width: 100%; margin: 0 auto; }
.partnersBanner .productBannerLeftImage { scale: none; }
.partnersBanner .productBannerLeftCotnent { width: 60%; }
.partnersBanner .productBannerRightContent { max-width: 100%; width: 40%; padding: 0 80px 0 0; }
/* .partnersBanner .productBannerLeftImage { border-top-right-radius: 96px; } */
.partnersBanner .productBannerTitle h1 span:after { bottom: 5px; }
.partnersBanner .productBannerTitle { max-width: 450px; }
.ls64, .ls64 p { letter-spacing: -0.64px; }

/******************* Partner Types ********************/
.partnerTypesCard { width: calc(25% - 18px); padding: 32px 24px 24px; background-color: #F5FBFF; border-radius: 12px; overflow: hidden; text-align: center; max-width: 302px; }
.partnerTypeIcon { width: 100%; max-width: 80px; background-color: #fff; margin: 0 auto; padding: 16px; height: 80px; border-radius: 12px; overflow: hidden; border: 1px solid #EEEEEE; }
.partnerTypeIcon img {
    height: 46px;
}
.partnerTypeTitle h6 { color: #1E3460; font-weight: 500; line-height: 1.5; letter-spacing: -0.48px; }
.partnerTypesInner {
    text-align: center;
}
.partnerTypesInner p {
    font-weight: 300;
    font-size: 18px;
 
}
.partnerTypeText {
    padding-top: 8px;
}
.bindhqPartnerTypeImage img {
    height: 20px;
}
/****************** bindhq Partners *********************/
.bindhqPartnersCardOuter { gap: 30px; }
.bindhqPartnersCard { width: calc(33.33% - 20px); background-color: #fff; border: 1px solid #EEEEEE; box-shadow: -20px 20px 30px 0px #3278A60D; border-radius: 12px; overflow: hidden; padding: 48px 24px 24px;	text-align: center;
    border-radius: 16px;
    border-width: 1px;
    padding-top: 40px;
    padding-right: 24px;
    padding-bottom: 24px;
    padding-left: 24px;
    gap: 32px;
    border: 1px solid #148FCC80;
}
.bindhqPartnersImage { width: 100%; max-width: 210px; margin: 0 auto; height: 95px; display: flex; align-items: center; }
.bindhqPartnerTypeInner { display: inline-flex; align-items: center; gap: 16px; padding: 8px 12px; border-radius: 12px; }
.bindhqPartnerTypeImage { line-height: 0; width: 100%; max-width: 20px; }
.bindhqPartnerTypeName p { font-size: 14px; font-weight: 500; line-height: 1.5; letter-spacing: -0.48px; color: #1E3460; }
.bindhqPartnerDescription p { font-size: 16px; line-height: 1.8; color: rgb(30 52 96 / 70%); }
.bindhqPartnersImage img { height: 100% !important; object-fit: contain; }


/*************************************************************** Media Query ********************************************************/
@media (min-width: 1921px ) {
	@keyframes pulsate {
		0% { transform: scale(1,1); opacity: 4%; }
		50% { opacity: 6%; }
		100% { transform: scale(5,5); opacity: 4%; }
	}

	/***********  Banner V5 CSS  **************/
	.bindhqBannerV5 .bindhqBannerInner{ width: 50%; max-width: 100% !important; }
	.bindhqBannerV5 .bindhqBannerText, .bindhqBannerV5 .bindhqBannerButtons{ width: 62%; max-width: 100% !important; }
	.bindhqBannerV5 .bannerRight { width: 50%; height: auto !important; }
	.bindhqBannerV5 .BannerV1Title { max-width: unset !important; width: 100% !important; min-height: auto !important; }
}


@media (min-width: 1081px ) {
	.headerMenuInner ul li.hs-menu-depth-1>a:before, .headerMenuInner ul li.hs-menu-depth-2>a:before, div#category ul li span:before, #represent ul li span:before { content: ''; position: absolute; width: 0; height: 1px; background-color: #1E4360; left: 0; bottom: 0; transition: all .3s; }
	.headerMenuInner ul li.hs-menu-depth-1.hs-item-has-children:hover>a:before {width: calc(100% - 20px); }
	.headerMenuInner ul li.hs-menu-depth-1:hover>a:before, .headerMenuInner ul li.hs-menu-depth-2:hover>a:before, div#category ul li:hover>span:before, #represent ul li:hover span:before { width: 100%; }
	.headerMenuInner ul .hs-menu-depth-1.hs-item-has-children:hover>a:after { rotate: -180deg; }	
	.headerMenuInner ul li.hs-menu-depth-2>a { display: inline-block !important; }
	/* 	.footerMenu ul li.hs-menu-depth-1 a:after, .contactInfo ul li a span.menuText:after, .privacyText a:after, .termsText a:after { position: absolute; content: ''; width: 0; height: 1px; background: #fff; left: 0; bottom: 7px; transition: all .3s; } */
	/* 	.contactInfo ul li a:hover span.menuText:after, .privacyText a:hover:after, .termsText a:hover:after { width: 100%; } */
	.socialMediaIcons a:hover svg path { fill: rgba(58, 177, 235, 1.0); }
	.footerMenu ul li.hs-menu-depth-1 a:hover,
	.contactInfo ul li a span.menuText:hover, .privacyText a:hover, .termsText a:hover
	{ text-decoration: underline; }
	.footerClientLogo a img { filter: grayscale(1); }
	.footerClientLogo a:hover img { filter: grayscale(0); }
	.secondaryBtn:hover { border-color: #1E4360; color: #1E4360; }
	.tertiaryBtn:hover { color: #1E4360; }
	.textLink a, a.textLink { color: #3ab1eb; }
	.textLink a:hover, a.textLink:hover { color: #1E4360; }
	.tertiaryBtn:hover svg path { fill: #1E4360; }
	.primaryBtn:hover,
	button:hover,
	button:focus,
	.button:hover,
	.button:focus,
	.hs-button:hover,
	.hs-button:focus,
	.hs-blog-post-listing__post-button:hover,
	.hs-blog-post-listing__post-button:focus {
		;
		color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
		background-color: 

  
  
    
  


  rgba(30, 67, 96, 1.0)

;
	}

	button:active,
	.button:active,
	.hs-button:active,
	.hs-blog-post-listing__post-button:active { font-family: Rubik, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; background-color: rgba(98, 217, 255, 1.0); border-color: ; }
	.headerMenuInner ul li.hs-menu-depth-1:hover a { color: #1E4360 }
	.headerMenuInner ul li.hs-menu-depth-2:hover a { color: #1E4360 }
	/* 	.scaleImage:hover { background-size: 105%; } */
	/* 	.scaleImage:hover img { transform: scale(1.05); }  */
	span.videoPosterImage:after { position: absolute; content: ''; width: 100%; height: 100%; background-color: rgb(255 255 255 / 30%); top: 0; left: 0; transition: all .3s; z-index: 2; pointer-events: none; }
	.videoInner:hover span.videoPosterImage:after, .videoOuterMain:hover span.videoPosterImage:after { opacity: 0; }
	.videoInner:hover span.videoPlayBtn, .videoOuterMain:hover span.videoPlayBtn { background-color: #1E4360; }

	.authorName a:hover { text-decoration: underline; }
	.blogListingFeaturedImage:hover, .blogListingFeaturedImage.hoverEffect { box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
	.blogListingTitle a:hover { text-decoration: underline; }
	.blogListingFeaturedImage:hover ~ .blogListingTitle a { text-decoration: underline; }
	.blogListingTag a:hover { background-color: #377AAF; color: #fff; }
	.blogListingFeaturedImage a:hover img, .blogListingFeaturedImage.hoverEffect a img {  scale: 1.05; }
	.blogContent a:hover { color: #1E4360 !important; }
	.blog_inner_icon a:hover svg path { fill: #1E4360; }

	.headerMenuInner ul.hs-menu-children-wrapper, .headerMenuInner ul.hs-menu-children-wrapper * { transition: all .3s !important; transition-delay: initial !important; }
	.headerMenuInner li.hs-menu-item.hs-item-has-children:hover ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; }
	.headerMenuInner .hs-menu-depth-2 ul.hs-menu-children-wrapper { transition: unset !important; transition-delay: 0s !important; }
}

@media(min-width:991px){
	/***********  Banner V4 CSS  **************/
	.bindhqBannerV4 .BannerBigImage:after { position: absolute; width: 768px; height: 70%; content: ""; bottom: 90px; left: 50%; background: #1E4360; filter: blur(47px); z-index: -8; transform: translateX(-50%); }
}
@media (min-width: 768px ) {
	.imgBoxShadow {  -webkit-box-shadow: 4px 8px 24px 0px rgba(30,67,96,0.15); -moz-box-shadow: 4px 8px 24px 0px rgba(30,67,96,0.15); box-shadow: 4px 8px 24px 0px rgba(30,67,96,0.15); }
}
@media(max-width:7680px){
	/***********  Banner V3 CSS  **************/
	.bindhqBannerV3 .bindhqBannerRight { right: 19%; width: 64%; }
}
@media(max-width:3840px){
	/***********  Banner V3 CSS  **************/
	.bindhqBannerV3 .bindhqBannerRight { right: 7%; width: 100%; }
}
@media(max-width:2100px){
	/***********  Banner V4 CSS  **************/
	.bindhqBannerV4 .BannerBigImage { height: 400px; }
}
@media(max-width:1920px){
	/***********  Banner V3 CSS  **************/
	/* 	.bindhqBannerV3 .bindhqBannerInner { min-height: 100dvh; padding: 100px 0 0 0; }	 */
	.bindhqBannerV3 .bindhqBannerRight { right: 0%; }
}
@media(max-width:1600px){
	/***********  Banner V4 CSS  **************/
	.bindhqBannerV4 .bindhqBannerTitle { max-width: 100%; }
	.bindhqBannerV4 .bindhqBannerTitle h2 { font-size: 38px; }
	.bindhqBannerV4 .BannerBigImage { height: 380px; }
	.bindhqBannerV4 .bindhqBannerText { max-width: 100%; }
	.bindhqBannerV4 .bindhqBannerButtons { padding-top: 16px; }
	.bindhqBannerV4 .oneColSliderImage { padding: 10px 40px; height: 60px; }
	.bindhqBannerV4 .bindhqBannerTitle span:after { bottom: 6px; }
	.bindhqBannerV4 span.videoPlayBtn { max-width: 65px; height: 65px; padding: 18px; }
	.bindhqBannerV4 .BannerBigImage:after { bottom: 55px; }
	.bindhqBannerV4.bindhqBanner .bannerTop { min-height: calc(100vh - 199px); }
	/* 	.bindhqBannerV4 .BannerBigImage:before { position: absolute; width: 100%; height: 63%; background: linear-gradient(178deg, rgba(233, 245, 245, 0.00) 17.86%, #E5EFF3 47.78%); content: ""; bottom: -30px; left: 0; z-index: 0; transform: translate(0px); } */
	/* 	.bindhqBannerV4:after { display: none; } */
	/***********  Banner V5 CSS  **************/
	.bindhqBannerV5 .BannerV1Title h1 { font-size: 44px; }
	.bindhqBannerV5 .BannerV1Title { min-height: 200px; }
	.bindhqBannerV5 .bannerRight { height: 550px; }
	.bindhqBannerV5 .bindhqBannerVideoOuter { width: 56.5%; }
	.bindhqBannerV5 .oneColSliderImage { padding: 10px 40px; height: 60px; }
	.bindhqBannerV5 .bannerV5TopContent { min-height: calc(100vh - 207px); }
}

@media(max-width:1440px){
	/***********  Banner V5 CSS  **************/
	.bindhqBannerV5 .bindhqBannerVideoOuter { width: 79%; left: -32%; }
	/* 	.bindhqBannerV5 .bannerV5TopContent { min-height: calc(100vh - 243px); }	 */
	.bindhqBannerV5 .bannerRight { height: 597px; padding-bottom: 35px; }
}

@media (max-width: 1366px){

	/******************** BindHQ - Integration Module CSS ***********************/ 
	.markelElement { width: 400px; top: -26%; right: -7%; }
	.atlanticCasualtyElement { width: 200px; right: -12%; }
	.ePayPolicyElement { width: 180px; }
	.imageElement { width: 180px; left: -11%; }
	.firstInsuranceElement { width: 200px; left: -12%; }
	.googleWorkspaceElement { width: 300px; }

	/*********************** Company Double Two Col - Our Company Module CSS ****************************/
	.companyDoubleTwoCol .contentBox { padding-top: 60px;} 

	/*********************** Solution Banner - Solution Page Module CSS ****************************/
	.solutionBanner .wrapper { max-width: 95%; }
	.solutionBanner .solutionAfterElement, .solutionBanner .solutionBannerBefore { opacity: .4; pointer-events: none; position: absolute; transform: scale(1); width: 100%; }
}

@media (max-width: 1280px ) {
	.content-wrapper, .wrapper { max-width: 95%; }

	/********************** BindHQ - API Module CSS ***************************/ 
	.bindhqApiBanner .bindhqBannerInner { background-size: 80%; padding-top: 300px; }
	.bindhqApiBanner .smallIconImage { height: 48px; width: 48px; }
	.bindhqApiBanner .smallIconImage:nth-child(1) { top: -70px; }
	.bindhqApiBanner .smallIconImage:nth-child(2) { top: -135px; }
	.bindhqApiBanner .smallIconImage:nth-child(3) { width: 70px; height: 70px; top: -90px; }
	.bindhqApiBanner .smallIconImage:nth-child(4) { top: -172px; }
	.bindhqApiBanner .smallIconImage:nth-child(5) { top: -52px; }

	/********************** Key Benefits - API Module CSS ***************************/ 
	.keyBenefits .quoteManagePoliciesCard { width: calc(33.33% - 16px); }

	/********************** The Opportunity - API Module CSS ***************************/ 
	.theOpportunity .cardTextParent { padding: 15px 20px 20px 20px; }
	/* 	.theOpportunity .cardImage { height: 340px; } */
	.theOpportunity .opportunityCard { width: calc(33.33% - 12px); }
	.theOpportunity .opportunityCardParent{ gap: 20px 18px; }

	/*********************** Our Values - Our Company Module CSS ****************************/
	.OurValues .quoteManagePoliciesCard { width: calc(50% - 12px); }

	/*********************** Company Double Two Col - Our Company Module CSS ****************************/
	.companyDoubleTwoCol .contentBox { padding-top: 40px;} 
	.companyDoubleTwoCol .rightContentImage { width: 100%; }

	/*********************** Solution Banner - Solution Page Module CSS ****************************/
	.solutionBanner .productAfterElement { top: 250px; right: -170px; }

	/***********  Banner V4 CSS  **************/
	.bindhqBannerV4.bindhqBanner .bannerTop { min-height: calc(100vh - 188px); }
	.bindhqBannerV4 .BannerBigImage { height: 360px; }
	.bindhqBannerV4:after { height: 55.3%; }
	.bindhqBannerV4 .bindhqBannerBtn a.button { padding-top: 12px; padding-right: 16px; padding-bottom: 12px; padding-left: 16px; }

	/***********  Banner V5 CSS  **************/
	.bindhqBannerV5 .bindhqBannerInner { max-width: 100%; width: 60%; }
	.bindhqBannerV5 .bannerRight { height: 470px; padding-bottom: 35px; }
	.bindhqBannerV5 .BannerV1Title h1 { font-size: 40px; }
	.bindhqBannerV5 .bannerV5TopContent { min-height: calc(100vh - 110px); }
	.bindhqBannerV5 .bindhqBannerVideoOuter { width: 72%; }
	.bindhqBannerV5 span.videoPlayBtn { max-width: 65px; height: 65px; }
	
	.partnersBanner .productBannerRightContent { padding: 0 40px 0 0; }
}

@media (max-width: 1230px ) {
	.headerLogos { width: 100%; max-width: 180px; }
	.headerMenuInner ul { gap: 25px; }

	.footerQuoteBox { padding: 32px; }
	.quoteManagePoliciesCardGroup { padding-top: 56px; }

	.oneColSliderImage { padding: 24px; }

	/******************** BindHQ - Integration Module CSS ***********************/ 
	.integrationInner { padding: 100px 0; }
	.integrationBox { max-width: 820px; padding: 80px; }
	.markelElement { width: 350px; top: -26%; right: -7%; }
	.atlanticCasualtyElement { right: -14%; }
	.imageElement { left: -12%; }
	.firstInsuranceElement { left: -14%; }
	.googleWorkspaceElement { width: 250px; }
	.smallIcon { max-width: 24px; }
	.smallIconElement2 { left: 70%; }

	.errorPageTitle h1 { font-size: 174px; }
	.errorPageParagraph h4 { font-size: 28px; }

	.contactBanner { padding: 110px 0 80px; }

	/***********  Banner V4 CSS  **************/
	.bindhqBannerV4 .oneColSliderImage { padding: 10px 24px; }

	/***********  Banner V5 CSS  **************/
	.bindhqBannerV5 .oneColSliderImage { padding: 10px 24px; }

}

@media (max-width:1180px){
	/*********************** System Page - 404/500 ****************************/
	.errorPageTitle h1 { font-size: 165px; }	

	/*********************** Use Case - API Module CSS ****************************/
	.apiUseCase .useCaseCardUpperContent { padding: 20px 24px; }

	/*********************** Our Company Banner - API Module CSS ****************************/
	.ourCompanyBanner .ourCompanyBannerStripes { top: -70%; right: -20%; }	

	/*********************** Company Double Two Col - Our Company Module CSS ****************************/
	.companyDoubleTwoCol .contentBox { padding-top: 30px; } 

	/*********************** Solution Banner - Solution Page Module CSS ****************************/
	.solutionBanner span.imageSmallIcon.solImageSmallIcon4, .solutionBanner span.imageSmallIcon.solImageSmallIcon3 { width: 56px; height: 56px; padding: 9px; }
	.solutionBanner span.imageSmallIcon.solImageSmallIcon5, .solutionBanner span.imageSmallIcon.solImageSmallIcon2 { width: 66px; height: 66px; padding: 12px; }
	.solutionBanner span.imageSmallIcon.solImageSmallIcon1 { max-width: 230px; height: 132px; }

	/***********  Banner V5 CSS  **************/
	/* 	.bindhqBannerV5 .BannerV1Title h1 { font-size: 42px; } */
	.bindhqBannerV5.bindhqBanner .bannerTop { gap: 40px; }
	.bindhqBannerV5 .bannerRight { height: 450px; }
	.bindhqBannerV5 .bindhqBannerText, .bindhqBannerV5 .bindhqBannerButtons { max-width: 381px; padding-top: 16px; }
	.bindhqBannerV5 .bindhqBannerVideoOuter { left: -25%; }
	.bindhqBannerV5 span.videoPlayBtn { max-width: 70px; height: 70px; }
	.bindhqBannerV5 .bindhqBannerInner { width: 55%; }
	.bindhqBannerV5 .BannerV1Title { max-width: 420px; min-height: 192px; }

	.blogListing { padding: 150px 0 32px; }
	.blogListingTitle h2 { font-size: 40px; }

	.blogPost { padding: 150px 0 32px; }
}

@media (max-width: 1080px ) {
	h1, .h1, .productBannerTitle h1.h2, .sectionTitle h1.h2  { font-size: 42px; }
	h3, .h3 { font-size: 34px; }
	h4, .h4 { font-size: 28px; }
	h5, .h5 { font-size: 20px; }
	p { font-size: 16px; } 
	.productBannerParagraph p { font-size: 18px; }

	.pt56 { padding-top: 32px; }
	.pb56 { padding-bottom: 32px; }
	.pt80 { padding-top: 64px; }
	.p80 { padding: 48px 0; }
	.bindHQStripInner .sectionButton, .footerBottomStripInner, .quoteManagePoliciesCardGroup { padding-top: 24px; }

	.headerLogos { width: 100%; max-width: 130px; height: 24px; }
	.header { padding: 24px 0; position: fixed; top: 0; }
	.headerRightContent { max-width: 100%; background: #1E4360; display: none; left: 0; position: absolute; top: 100%; width: 100%; padding: 16px 42px; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; min-height: 100%; max-height: 75vh; overflow-y: auto !important; }
	.headerRightContent::-webkit-scrollbar { display: none; }
	.expandMenu {width: 30px;height: 30px;display: block;cursor: pointer;padding: 3px;position: relative;margin: 0 0 0 auto;}
	.expandMenu i { position:relative; width: 20px; left: 5px; height: 3px; opacity:1; display: block; background: #1E4360; margin: 3px 0; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; border-radius: 24px; overflow: hidden; }
	.expandMenu.active i:last-child { background: #fff; border-radius: 0; top: 0; }
	.expandMenu.active i:last-child {transform: rotate(-135deg); -webkit-transform: rotate(-135deg); background: #fff; border-radius: 0; top: -7px; left: -2px; position: relative; }
	.expandMenu.active i:first-child { background: #fff; top: 0; left: 0; width: 20px; }
	.expandMenu.active i:first-child {transform: rotate(135deg); -webkit-transform: rotate(135deg); background: #fff; top: 5px; left: -2px; position: relative; border-radius: 0; }
	.expandMenu.active i:nth-child(2) {position:relative; left:-46px; opacity:0; }
	.header.scrollUp.darkBlueBg,.header.darkBlueBg { background-color: #1E4360; }
	.header.darkBlueBg .headerDropDownlogo { opacity: 1; visibility: visible; }
	.header.darkBlueBg .headerLogo { opacity: 0; visibility: hidden; }
	.headerMenuInner ul { gap: 0; flex-direction: column; }
	.headerMenuInner ul li.hs-menu-depth-1 a { color: #fff; }
	.headerMenuInner ul.hs-menu-children-wrapper { padding: 16px 16px 0 16px; transition: none;  border-radius: 0; background-color: transparent; display: none; opacity: 1 !important; position: relative !important; top: 0; visibility: visible; width: 100%; }
	.headerMenuInner ul .hs-menu-depth-1 { padding: 0 0 24px 0; }
	.headerMenuInner ul .hs-menu-depth-1.hs-item-has-children { padding-right: 0; }
	.headerMenuInner ul .hs-menu-depth-1.hs-item-has-children>a:after { background-image: url(https://2590097.fs1.hubspotusercontent-na1.net/hubfs/2590097/BindHQ-2024/Image/Vector.png); top: 10px; }
	/* 	.headerMenuInner ul .hs-menu-depth-1.hs-item-has-children>a { pointer-events: none; } */
	.headerMenuInner ul .hs-menu-depth-1.hs-item-has-children, .headerMenuInner ul .hs-menu-item .hs-menu-depth-2 { pointer-events: all; }
	.headerMenuInner ul.hs-menu-children-wrapper li:not(:first-child) { padding-top: 16px; }
	.menuOpen a:after { rotate: -180deg; }	
	.header.scrollDown { opacity: 0; }
	.header.scrollUp { opacity: 1; background-color: #F5FBFF; box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px; }
	.headerMenuInner ul .hs-menu-depth-2.hs-item-has-children > a:after { background-image: url('https://2590097.fs1.hubspotusercontent-na1.net/hubfs/2590097/BindHQ-2024/Image/Vector.png'); }
	.headerMenuInner ul.hs-menu-children-wrapper ul.hs-menu-children-wrapper { display: block; }
	.headerMenuInner ul .hs-menu-depth-1{ cursor: default; }
	.headerMenuInner ul .hs-menu-depth-2.hs-item-has-children > a:after{ transform: rotate(180deg); }
	.headerMenuInner ul .hs-menu-depth-2.hs-item-has-children > a.closed:after{ transform: rotate(0deg); }
	.headerMenuInner ul .hs-menu-depth-1.hs-item-has-children>a.opened:after{ transform: rotate(180deg); }

	.bindhqBannerTitle span:after { height: 4px; bottom: 8px; right: -5px; }

	.bindhqBannerV2 .bannerTop { min-height: calc(100vh - 140px); }

	.BannerV1Title { min-height: 150px; }

	/************************* Quote Manage Policies Module CSS ***********************/
	.quoteManagePoliciesCardGroup { padding-top: 40px; }
	.quoteManagePoliciesCard { width: calc(50% - 12px); } 

	.footerClientLogoOuter { gap: 24px 40px; }
	.footerLogo { max-width: 164px; }
	.footerMenu ul li.hs-menu-depth-1 a, .contactInfo ul li a, .contactInfo ul li a span.menuText, .privacyText a, .termsText a, .copyrightText h6 { font-size: 16px; }
	.footerMenu ul li, .contactInfo ul li { padding-top: 16px; }
	.footerClientLogo { width: 100%; max-width: 113px; }

	.bindHQRatingEngineInner .sectionImage { -webkit-box-shadow: -20px 20px 30px 0px rgba(50,120,166,0.15); -moz-box-shadow: -20px 20px 30px 0px rgba(50,120,166,0.15); box-shadow: -20px 20px 30px 0px rgba(50,120,166,0.15); }

	.bindhqBanner { padding-top: 140px; }
	.bindhqBannerMiddleContentInner { gap: 24px; }
	.bindhqBannerServices { width: calc(33.33% - 16px); }
	.bindhqServicesIcon { max-width: 48px; height: 48px; padding: 8px; }

	/************* BindHQ - Agency Operating System Module CSS ****************/
	.agencyOperatingSystemCard { width: calc(50% - 12px); }

	/******************** BindHQ - Integration Module CSS ***********************/
	.integrationInner { padding: 60px 0; }
	.markelElement { width: 300px; }
	.atlanticCasualtyElement { width: 150px; right: -9%; }
	.ePayPolicyElement { bottom: -7%; width: 150px; }
	.firstInsuranceElement { width: 150px; left: -9%; }
	.imageElement { left: -9%; width: 140px; bottom: -25%; }
	.googleWorkspaceElement { width: 200px; left: -6%; top: -5%; }
	.smallIconBox { padding: 10px; border-radius: 8px; }
	.smallIconElement1 { left: -9%; }

	.productBanner { padding-top: 110px; }

	.bindhqBannerBgVideo video { width: auto; }

	.errorPageLeftContent, .errorPageRightContent { max-width: 350px; }
	.errorPageSection { padding: 110px 0 0; }

	.font24 { font-size: 20px; }

	form .hs-form-field>label, form input[type=text], form input[type=search], form input[type=email], form input[type=password], form input[type=tel], form input[type=number], form select, form input[type=file], form textarea { font-size: 18px; left: 15px; }
	.contactBottomLeftContent { max-width: 360px; }

	.pricingModule { padding-top: 110px; }

	span.pricingSmallIcon1 { max-width: 52px; height: 52px; padding: 16px; }
	span.pricingSmallIcon2 { max-width: 52px; height: 52px; padding: 16px; left: 100px; }
	span.pricingSmallIcon3 { max-width: 52px; height: 52px; padding: 16px; right: 50px; }
	span.pricingSmallIcon4 { max-width: 52px; height: 52px; padding: 14px; }
	.pricingBottomContent { padding-top: 32px; }
	.pricingCard { padding: 40px 16px; }
	.popularPlanText p { font-size: 14px; }
	.popularPlanText { width: 100%; max-width: 121px; }
	.pricingFeatureCardBtn a { font-size: 16px; }
	.pricingFeatureCard { padding-top: 24px; }
	p.pricingSavingText, p.monthlyPricingText { font-size: 16px; }

	.bindhqPlatformTwoCol:not(:first-child) { padding-top: 50px; }

	/********************** BindHQ - API Module CSS ***************************/ 
	.bindhqApiBanner .smallIconImage { height: 35px; width: 35px; padding: 8px; }
	.bindhqApiBanner .smallIconImage:nth-child(3) { height: 55px; top: -78px; width: 55px; padding: 8px; }
	.bindhqApiBanner .smallIconImage:nth-child(2) { top: -146px; }
	.bindhqApiBanner .smallIconImage:nth-child(4) { top: -162px; }
	.bindhqApiBanner .smallIconImage:nth-child(5) { left: 71.7%; }

	/********************** Key Benefits - API Module CSS ***************************/ 
	.keyBenefits .quoteManagePoliciesCard { width: calc(50% - 12px); }
	.keyBenefits .quoteManagePoliciesCardGroup { padding-top: 20px; }

	/*********************** Our Values - Our Company Module CSS ****************************/
	.OurValues .quoteManagePoliciesCardGroup { padding-top: 20px; }

	/*********************** Company Two Col V2 - Our Company Module CSS ****************************/
	.companyTwoCol .getToKnowTwoColRightContent { width: 50%; }

	/*********************** Our Company Banner - API Module CSS ****************************/
	.ourCompanyBanner { padding-top: 0px; }	
	.ourCompanyBanner .productBannerOuter{ padding-top: 110px; }

	/***********  Banner V3 CSS  **************/
	.bindhqBannerV3 .bindhqBannerInner { padding: 80px 0 30px 0; }
	.bindhqBanner.bindhqBannerV3 { background-position: top center; background-attachment: scroll; }	
	.bindhqBannerV3 .bindhqBannerRight { position: absolute; }

	/***********  Banner V4 CSS  **************/
	.bindhqBannerV4 { padding-top: 100px; }
	/* 	.bindhqBannerV4.bindhqBanner .bannerTop { min-height: calc(100lvh - 189px); } */
	.bindhqBannerV4 span.videoPlayBtn{ max-width: 70px; height: 70px; }
	.bindhqBannerV4 .bindhqBannerTitle h2 { font-size: 36px; }

	/***********  Banner V5 CSS  **************/
	.bindhqBannerV5 .BannerV1Title { max-width: 360px; }	
	.bindhqBannerV5 .BannerV1Title h1 { font-size: 38px; }
	.bindhqBannerV5 .bannerV5TopContent { min-height: calc(100vh - 100px); }
	.bindhqBannerV5 { padding-top: 100px; }

}

@media (max-width: 991px ) {
	.content-wrapper, .wrapper { max-width: 100%; }

	.headerRightContent { padding: 16px; }

	.bindhqBannerV2 .bannerTop { min-height: auto; }

	/************************* Quote Manage Policies Module CSS ***********************/
	.quoteManagePoliciesToppart { flex-direction: column; text-align: center; }
	.quoteManagePoliciesToppart .sectionRightContent, .quoteManagePoliciesToppart .sectionLeftContent { max-width: 100%; width: 100%; }
	.quoteManagePoliciesCardGroup { gap: 16px; }
	.quoteManagePoliciesCard { width: calc(50% - 8px); border-radius: 8px; padding: 16px; gap: 16px; } 

	/* 	.hubspotVideo iframe, .youtubeVideo iframe { height: 445px; } */

	.getToKnowTwoCol { flex-wrap: wrap; gap: 16px; }	
	.getToKnowTwoColLeftContent { max-width: 100%; }
	.getToKnowTwoColRightContent { max-width: 600px; margin: 0 auto; }
	.getToKnowTwoCol:not(:first-child) { padding-top: 24px; }

	/************************* BindHQ Migration Onboard Module CSS ***********************/
	.migrationOnboardStepSection:before { top: 110px; height: 82%; left: 58%; }
	.migrationOnboardInner { max-width: 640px; }
	.migrationOnboardStepSection .stepGroup { gap: 16px; }
	.migrationOnboardStepSection .stepBox { gap: 8px; padding: 16px; }
	.migrationOnboardStepSection .middleIconBox { padding: 10px; }
	.migrationOnboardStepSection .stepBox:before { font-size: 76px; }
	.migrationOnboardStepSection .step2 .stepBox::before { right: -10px; }
	.migrationOnboardStepSection .step3 .stepBox::before { top: -54px; left: 200px; }
	.migrationOnboardStepSection .step4 .stepBox::before { top: -54px; }
	.migrationOnboardStepSection .step6 .stepBox::before { right: -17px; bottom: -47px; }
	.migrationOnboardStepSection .stepTitle h6 { font-size: 16px; }
	.migrationOnboardStepSection .listItem { font-size: 14px; }

	/************************* Product Features Module CSS ***********************/
	.productFeaturesInner { max-width: 640px; }
	.productFeatureParent { gap: 32px; }
	.productFeatureBox { width: calc(33.33% - 22px); }
	.productFeatureBox .featureIcon { max-width: 32px; }

	/************* BindHQ - Agency Operating System Module CSS ****************/
	.agencyOperatingSystemCardGroup { gap: 16px; }
	.agencyOperatingSystemCard { width: calc(50% - 8px); border-radius: 8px; padding: 16px; gap: 16px; } 

	/******************** BindHQ - Integration Module CSS ***********************/ 
	.integrationBox { max-width: 630px; padding: 50px 80px; }
	.markelElement { width: 250px; top: -30%; }
	.imageElement { width: 125px; }
	.smallIconElement2 { top: -9%; left: 50%; box-shadow: 0 4px 44px rgba(0,0,0,0.05); }

	.productBannerLeftImageOuter { max-width: 80%; margin: 0 auto; }
	.productBannerInner { flex-wrap: wrap; }
	.productBannerRightContent { max-width: 100%; }
	.productBannerLeftCotnent { order: 2; margin: 0 auto; max-width: 750px; }
	.mobileBtn { display: flex; padding-top: 32px; justify-content: center; }
	.desktopBtn { display: none; }
	.imageSmallIcon { border-radius: 4px; }
	/* 	span.imageSmallIcon1 {max-width: 50px;height: 50px;padding: 9px;bottom: 65px;left: 20px;}
	span.imageSmallIcon2 {max-width: 50px;height: 50px;top: 20px;left: 180px;padding: 9px;}
	span.imageSmallIcon3 {max-width: 40px;height: 40px;padding: 5px;top: unset;bottom: 50px;left: 200px;}
	span.imageSmallIcon4 {max-width: 50px;height: 50px;padding: 7px;bottom: unset;top: 60px;right: unset;left: 50px;}
	span.imageSmallIcon5 {max-width: 40px;height: 40px;padding: 10px;top: 45px;rotate: -20deg;right: 59px;}
	span.imageSmallIcon6 {max-width: 40px;height: 40px;padding: 5px;top: 200px;right: 30px;} */

	span.imageSmallIcon1 {max-width: 50px;height: 50px;padding: 9px; animation-duration: 10s;}
	span.imageSmallIcon2 {max-width: 50px;height: 50px;padding: 9px; animation-duration: 13s;}
	span.imageSmallIcon3 {max-width: 40px;height: 40px;padding: 5px; animation-duration: 17s;}
	span.imageSmallIcon4 {max-width: 50px;height: 50px;padding: 7px; animation-duration: 8s;}
	span.imageSmallIcon5 {max-width: 40px;height: 40px;padding: 10px; animation-duration: 10s;}
	span.imageSmallIcon6 {max-width: 40px;height: 40px;padding: 5px; animation-duration: 15s;}
	.productBannerTitle h1 span:after { height: 4px; bottom: 5px; }

	.errorPageTitle h1 { font-size: 152px; }
	.errorPageParagraph h4 { font-size: 20px; }

	.contactBanner { padding: 110px 0 0px; }
	.contactFormProcess:not(:first-child) { padding-top: 16px; }
	.contactFormPerson:not(:first-child) { padding-top: 16px; }
	fieldset.form-columns-2 > div:first-child { margin-right: 0; width: 100% !important; }
	fieldset.form-columns-2 .input { margin-left: 0px !important; }
	.form-columns-2 .hs-form-field .hs-input { width: 100% !important; padding: 12px 18px; }
	form textarea { padding: 12px 18px; }
	.hs_further_info.hs-further_info.hs-fieldtype-textarea { margin-bottom: 16px; }
	.hs_submit.hs-submit { padding-top: 0; }
	fieldset.form-columns-2 .hs-form-field { width: 100% !important; }
	.contactFormProcessOuter.mobileView { display: block; }
	.contactFormProcessOuter.desktopView { display: none; }
	.contactUpperContent { text-align: left; }
	.contactBottomContentInner { flex-direction: column; gap: 32px; }
	.contactFormPersonOuter { padding-top: 16px; }
	.contactBottomLeftContent { order: 2; max-width: 100%; }
	.contactBottomRightContent { max-width: 100%; padding: 26px 16px 16px; }
	.contactFormPerson .personIcon { max-width: 64px; height: 64px; }
	.contactFormProcess { align-items: flex-start; }
	.processIcon { position: relative; top: 6px; }

	.hs-fieldtype-select .input:after { top: 25px; }
	.contactBanner .hs_how_did_you_hear_about_us textarea { min-height: 54px; height: 54px; }
	.contactBanner form .hs_how_did_you_hear_about_us.hs-form-field.hs-fieldtype-textarea>label { top: 27px; }
	.contactBanner form .hs_how_did_you_hear_about_us.hs-form-field.label-effect>label { top: 0; }

	.submitted-message p:first-child { font-size: 32px; }
	.submitted-message p { font-size: 24px; padding-top: 16px; }
	.submitted-message p img { padding-top: 24px; }

	/********************** BindHQ - API Module CSS ***************************/ 
	.bindhqApiBanner .bindhqBannerInner { padding-top: 270px; }
	.bindhqApiBanner .bgStrip { max-width: 95%; }

	/********************** Key Benefits - API Module CSS ***************************/ 
	.keyBenefits .quoteManagePoliciesCard { width: calc(50% - 12px); }
	.keyBenefits .quoteManagePoliciesCardGroup { padding-top: 20px; }
	.keyBenefits .quoteManagePoliciesCard{ width: calc(50% - 8px); }

	/*********************** Use Case - API Module CSS ****************************/
	.apiUseCase .useCaseBottomContentInner { gap: 20px; }
	.apiUseCase .useCaseCard { width: calc(50% - 10px); }
	/* 	.apiUseCase .useCaseCardImage.imageAtBottom { position: relative; bottom: -25px; } */

	/*********************** Our Company Banner - API Module CSS ****************************/
	.ourCompanyBanner .productBannerRightContent { width: 100%; }
	.ourCompanyBanner .productBannerLeftCotnent { width: 100%; max-width: 750px; }
	.ourCompanyBanner .productBannerInner { gap: 32px; }
	.ourCompanyBanner .ourCompanyBannerStripes { display: none; }

	/*********************** Our Values - Our Company Module CSS ****************************/
	.OurValues .quoteManagePoliciesCard { width: calc(50% - 12px); }
	.OurValues .quoteManagePoliciesCardGroup { padding-top: 20px; }
	.OurValues .quoteManagePoliciesCard{ width: calc(50% - 8px); }

	/*********************** Company Two Col V2 - Our Company Module CSS ****************************/
	.companyTwoCol .getToKnowTwoCol { flex-direction: column-reverse; }
	.companyTwoCol .getToKnowTwoColLeftContent { width: 100%; text-align: center; }
	.companyTwoCol .getToKnowTwoColRightContent { width: 100%; max-width: 420px; }

	/*********************** Company Double Two Col - Our Company Module CSS ****************************/
	.companyDoubleTwoCol .getToKnowTwoColRightContent { display: none; }
	.companyDoubleTwoCol .getToKnowTwoColRightContent.mobileImageVideo { display: block; order: 2; }
	.companyDoubleTwoCol .getToKnowTwoColLeftContent { display: flex; flex-direction: column; width: 100%; gap: 30px; }
	.companyDoubleTwoCol .getToKnowTwoColRightContent { width: 100%; max-width: 480px; }
	.companyDoubleTwoCol .contentBox { padding-top: 0; }
	.companyDoubleTwoCol .contentBox:nth-child(2) { order: 3; }
	.companyDoubleTwoCol .getToKnowTwoColLeftContent { text-align: left; }

	/*********************** Solution Banner - Solution Page Module CSS ****************************/
	.solutionBanner .wrapper { max-width: 100%; } 
	.solutionBanner .solutionBannerLeftCotnent.productBannerLeftCotnent { max-width: 600px; margin: 0 auto; }
	.solutionBanner .productBannerRightContent.solutionBannerRightContent{ max-width: 100%; }
	.solutionBanner .imageSmallIcon { border-radius: 8px; }
	.solutionBanner .solutionRightImage { max-width: 600px; margin: 0 auto; }

	/*********************** Banner - Home Page Module CSS ****************************/
	.bindhqBannerV1 .bindhqBannerInner { flex-wrap: wrap; gap: 0; }
	.bindhqBannerV1 .bindhqBannerLeft .bindhqBannerButtons{ display: none; }
	.bindhqBannerV1 .bindhqBannerButtons.d_none{display: flex; justify-content: center; }
	.bindhqBannerV1 .bindhqBannerBtn:not(:first-child) { padding: 0; }
	.bindhqBannerV1	.bindhqBannerVideoOuter { padding-top: 32px; }
	.bindhqBannerV1 .bindhqBannerLeft { max-width: 100%; }
	.bindhqBannerV1 .bindhqBannerVideoInner { padding: 6.5% 0 6.5%;}

	/***********  Banner V3 CSS  **************/
	.bindhqBannerV3 .bindhqBannerLeft { width: 70%; }
	.bindhqBannerV3 .bindhqBannerInner { min-height: calc(100svh - 173px); }
	.bindhqBannerV3 .bindhqBannerRight { left: 0; background-position: left -70px center; }

	/***********  Banner V4 CSS  **************/
	.bindhqBannerV4 .BannerBigImage { display: none; height: auto; }
	.bindhqBannerV4 .BannerBigImageMobileConatiner{ padding: 16px 16px 0 16px; }
	.bindhqBannerV4 .BannerBigImageMobile { display: block; margin: 0; }
	.bindhqBannerV4 .BannerBigImage img, .bindhqBannerV4 .BannerBigImage > svg { min-width: auto; }
	/* 	.bindhqBannerV4 { background: linear-gradient(175deg, rgba(233, 245, 245, 0.00) 4.08%, #E9F5F5 54.59%); } */
	.bindhqBannerV4:after { display: none; }
	.bindhqBannerV4 .BannerBigImage:after { z-index: 2; display: block; background: linear-gradient(175deg, rgba(233, 245, 245, 0.00) 27.81%, #E5EFF3 61.5%); height: 27%; }
/* 	.bindhqBannerV4 .bindhqBannerButtons { display: none; } */
	.bindhqBannerV4 .mobileButtons .bindhqBannerButtons { display: flex; }
/* 	.bindhqBannerV4 .mobileButtons { display: block; } */
	.bindhqBannerV4 .bannerOneColSlider { padding-top: 32px; }
	.bindhqBannerV4:after { background: linear-gradient(175deg, rgba(233, 245, 245, 0.00) 4.08%, #E9F5F5 54.59%); content: ""; width: 100%; bottom: 0; left: 0; position: absolute; display: block; height: 73.4%; }
	.bindhqBannerV4 .BannerBigImageMobile:before { content: ""; width: 100%; height: 91%; background: #1E4360; filter: blur(19.644943237304688px); bottom: 35px; left: 0; z-index: -1; position: absolute; }
	.bindhqBannerV4 .BannerBigImageMobileConatiner:after { display: block; background: linear-gradient(177deg, rgba(233, 245, 245, 0.00) 27.81%, #E5EFF3 61.5%); z-index: 5; bottom: -1px; height: 24.3%; }
	.bindhqBannerV4.bindhqBanner .bannerTop { min-height: calc(100svh - 221px); }
	.bindhqBannerV4 .bindhqBannerTitle h2 { font-size: 32px; }

	/***********  Banner V5 CSS  **************/
	.bindhqBannerV5.bindhqBanner .bannerTop { flex-direction: column; justify-content: center; }
	.bindhqBannerV5 { padding-top: 85px; background: linear-gradient(174.92deg, rgba(233, 245, 245, 0) 4.08%, #E9F5F5 54.59%); }
	.bindhqBannerV5 .bindhqBannerInner { width: 100%; text-align: center; padding-bottom: 0; }
	.bindhqBannerV5 .bindhqBannerText, .bindhqBannerV5 .bindhqBannerButtons { max-width: 100%; }
	.bindhqBannerV5 .bindhqBannerButtons { display: none; }
	.bindhqBannerV5.bindhqBanner .BannerBigImage { display: none; }
	.bindhqBannerV5 .bannerRight { height: auto; padding-bottom: 0; width: 100%; }
	.bindhqBannerV5 .bindhqBannerVideoOuter { position: static; margin:  0 auto; }
	.wrapLeftCol, .wrapRightCol { padding: 0 16px; }
	.bindhqBannerV5 .mobileButtons, .bindhqBannerV5 .mobileButtons .bindhqBannerButtons{ display: flex; width: 100%; }
	.bindhqBannerV5 .bannerOneColSlider { padding-top: 16px; }
	.bindhqBannerV5 .bannerV5TopContent { min-height: calc(100lvh - 190px); }
	.bindhqBannerV5 .BannerV1Title { max-width: 100%; min-height: auto; }

	.blogListingCardsInner {  gap: 16px; padding-top: 0; }
	.blogListingCard { width: calc(50% - 8px); }
	.blogListing { padding: 110px 0 32px; }
	.blogListingTitle h2 { font-size: 32px; }
	.blogListingTopContent { text-align: left; }
	.blogListingTitle h2 span:after { height: 5px; bottom: 5px; }
	.selectedElements { padding-bottom: 32px; }
	.blogListingBottomContent { padding-top: 32px; }
	.blogPublishDetails span, .blogPublishDetails span a { font-size: 14px; }
	.blogListingTitle a { font-size: 26px; }
	.blogListingTag a { font-size: 14px; }
	.blogListingTags { padding-top: 8px; }
	.blogPagination { padding-top: 42px; }

	.blogPost { padding: 110px 0 32px; }
	
	.partnersBanner .productBannerLeftCotnent { width: 100%; order: 1; padding-bottom: 30px; }
	.partnersBanner .productBannerRightContent { width: 100%; padding: 0; order: 2; }
	.partnersBannerWrapper { padding: 0 16px; }
	
	.partnerTypesCard { width: calc(50% - 12px); max-width: 100%; }
	
	.bindhqPartnersCard { width: calc(50% - 15px); max-width: 100%; }
	.bindhqPartnersImage { max-width: 170px; height: 75px; }
} 

@media (max-width: 767px ) {
	p, body { font-size: 16px; } 

	.pt40 { padding-top: 24px; }
	.pt24 { padding-top: 16px; }

	.productBannerParagraph p { font-size: 18px; }

	/************************* Quote Manage Policies Module CSS ***********************/
	.quoteManagePoliciesCard .cardContent p { font-size: 14px; }

	.footerLogo { max-width: 128px; }
	.footerQuoteBoxTitle h3 { font-size: 20px; font-weight: 600; }
	.footerBottomContent { padding: 126px 16px 0; margin-top: -100px; }
	.footerMenuInner { gap: 24px; flex-wrap: wrap; justify-content: flex-start; }
	.footerMenuHeading h6, .footerMenu ul li.hs-menu-depth-1 a, .contactInfo ul li a span.menuText, .privacyText a, .termsText a { font-size: 14px; }
	.footerLogoSubPara h6 { font-size: 18px; }
	.footerBottomParagraph h6, .copyrightText h6 { font-size: 12px; }
	.footerMenuMain { width: calc(50% - 20px); max-width: 100%; }
	.footerLogoContent { padding-bottom: 16px; }
	.footerBottomStrip { padding: 16px 16px 8px; }

	.oneColSliderMain { padding-top: 8px; }

	.bindhqBannerMiddleContent { order: 4; }
	.bindhqBannerButtons { order: 3; }
	.bindhqBannerVideoInner { border-radius: 8px; }

	/******************** BindHQ - Integration Module CSS ***********************/ 
	.integrationSection { display: none; }
	.productAfterElement, .productBannerBefore { display: none; }

	.footerMenuHeading h6 { font-weight: 600; }

	.errorPageLeftContent { max-width: 250px; }

	.sectionTitle .h1 span:after, .sectionTitle .h2 span:after, .sectionTitle h1 span:after, .sectionTitle h2 span:after { height: 4px; bottom: 8px; right: -3px; }
	.personName h5, .personDesignation h5 { font-size: 18px; }
	.contactFormPerson { gap: 16px; }

	.pricingModule .wrapper { padding: 0; }
	.pricingCardsInner  { display: block; }
	.pricingSmallIcon { display: none; }
	.pricingCardsInner .slick-list.draggable { padding: 75px 32px 24px !important; } 
	.pricingTopContent, .savingText { padding: 0 16px; }
	.pricingAfterElement { display: none; }
	.pricingParagraph p { font-size: 18px; }
	.pricingParagraph, .savingText { padding-top: 8px; }
	.pricingTabbingOption p { padding: 4px 16px; }
	.pricingTabbingOuter { justify-content: space-between; }
	.pricingBottomContent { padding-top: 16px; }
	/* 	.pricingPlanDetailsInner { height: 100% !important; } */

	.pricingPlanTextInner p, p.monthlyPricingText, .pricingFeatureCardDetailsText p, .pricingFeatureCardBtn a, p.pricingSavingText { font-size: 14px; }
	.pricingsDescription p { font-size: 10px; }
	.pricingFeatureCardIcon { max-width: 13px; height: 13px; }
	.pricingFeatureCardDetails { gap: 10px; padding-top: 8px; }
	.pricingFeatureCardBtn { padding-top: 8px; }
	.pricingBannerBefore { left: 0px; top: -100px; opacity: 0.5; }
	.pricingBannerBefore svg { width: 100%; height: 100%; }

	.bindhqPlatformTwoCol { flex-direction: column; gap: 16px; }
	.bindhqPlatformTwoColLeftContent { order: 2; }
	.rightContentFeatureIcon { max-width: 14px; height: 14px; top: 2px; }
	.rightContentFeatureList:not(:first-child) { padding-top: 8px; }
	.bindhqPlatformTwoCol:not(:first-child) { padding-top: 24px; }
	.pricingCardsInner.slick-initialized .slick-slide { margin: 0 8px; }
	.custom-dots { display: flex; list-style-type: none; justify-content: center; padding: 0; }
	.custom-dots li { margin: 0 5px; }
	.custom-dots .custom-dot { background: #C5DBED; border: none; border-radius: 50%; cursor: pointer; padding: 4px; position: relative; top: -7px; }
	.custom-dots .custom-dot.active { background: #148FCC; }
	.pricingBottomText { padding: 16px 16px 0; }

	/********************** BindHQ - API Module CSS ***************************/ 
	.bindhqApiBanner .bindhqBannerInner { padding-top: 240px; }
	.bindhqApiBanner .bgStrip { display: none; }
	.bindhqApiBanner .bindhqBannerVideoOuter { display: none; }
	.bindhqApiBanner .bindhqBannerBtn { padding-top: 32px !important; }	

	/********************** The Opportunity - API Module CSS ***************************/ 
	.theOpportunity .opportunityCard { width: calc(50% - 10px); }
	.theOpportunity .opportunityCardParent { padding-top: 20px; }
	.theOpportunity .cardTextParent { padding: 8px 16px 16px 16px; }
	.theOpportunity .textCenter p { font-size: 18px; }
	/* 	.theOpportunity .cardImage { height: 312px; } */

	/*********************** Our Company Banner - API Module CSS ****************************/
	.ourCompanyBanner { padding-top: 0px; }	
	.ourCompanyBanner .productBannerOuter{ padding-top: 95px; background: none; }

	/*********************** Solution Banner - Solution Page Module CSS ****************************/
	.solutionBanner .mobileBtn { padding-top: 50px; }
	.solutionBanner .solutionBannerTitle h1 span:after { bottom: 7px; }

	/***********  Banner V3 CSS  **************/
	.bindhqBannerV3 .bindhqBannerInner { min-height: calc(100svh - 138px); }
	.bindhqBannerV3 .bindhqBannerLeft { width: 100%; }

	/***********  Banner V4 CSS  **************/
	.bindhqBannerV4 .BannerBigImageMobile:before { height: 90%; }
	.bindhqBannerV4.bindhqBanner .bannerTop { min-height: calc(100svh - 226px); }
	.bindhqBannerV4 .bindhqBannerTitle h2 { font-size: 30px; }

	/***********  Banner V5 CSS  **************/
	.bindhqBannerV5 .bannerV5TopContent { min-height: calc(100svh - 187px); }
	.bindhqBannerV5 .bindhqBannerVideoInner{ border-radius: 16px; }
	.bindhqBannerV5 .BannerV1Title h1 span::after{ height: 55px; }
	.bindhqBannerV5 .BannerV1Title h1 { font-size: 36px; }
	.bindhqBannerV5 .oneColSliderMain{ padding: 0; }
	
	
	.bindhqPartnersCard { padding: 16px; }
	
}

@media (max-width: 640px ) {
	h1, .h1, .productBannerTitle h1.h2, .sectionTitle h1.h2 { font-size: 32px; }
	h3, .h3 { font-size: 26px; }
	h4, .h4 { font-size: 22px; }
	h5, .h5 { font-size: 16px; }
	.subTitle h6 { font-size: 14px; }

	.quoteManagePoliciesCard { width: 100%; border-radius: 8px; padding: 16px; gap: 16px; }

	.pt80 { padding-top: 32px; }
	.p80 { padding: 24px 0; }
	.pt40, .pt32 { padding-top: 16px; }

	.getToKnowBottomContent, .bindhqBannerMiddleContent { padding-top: 24px; }

	/****** padding-top-16 **********/
	.bindHQStripInner .sectionButton, .footerBottomStripInner, .quoteManagePoliciesCardGroup,
	.bindHQRatingEngineInner .sectionContent { padding-top: 16px; }

	.bindhqBannerTitle span:after { height: 4px; right: -3px; bottom: 5px; }
	.bindhqBannerButtons { flex-wrap: wrap; padding-top: 32px; }
	.bindhqBannerMiddleContentInner { flex-direction: column; gap: 16px; }
	.bindhqBannerServices { width: 100%; display: flex; align-items: center; text-align: left; gap: 16px; }
	.bindhqBannerServicesParagraph h6 { font-size: 14px; }
	.bindhqServicesIcon { margin: 0; }
	.bindhqBannerServicesContent { padding-top: 0; }

	.bindhqBannerV1 .BannerV1Title h1 { font-size: 40px; }
	.bindhqBannerV1 .bindhqBannerVideoInner { padding: 8% 9.5% 6.6% 10.9%; max-width: 100%; left: 0; transform: unset; }

	.talkSalesBtn { width: 100%; display: block; }
	.talkSalesBtn a { width: 100%; text-align: center; }
	.bindHQStripInner .sectionTitle h3 { font-size: 22px; }

	.footerReviewImage { max-width: 80px; }
	.footerMenu ul li, .contactInfo ul li { padding-top: 4px; }
	span.menuIcon { height: 13px; max-width: 13px; top: 5px; }
	.footerBottomStripInner { flex-direction: column; gap: 16px; }
	.policiesOuter { flex-direction: column; gap: 4px; }
	.copyrightText { order: 3; }
	.footerMenuInner { flex-direction: column; gap: 24px; }
	.footerMenuMain { width: 100%; max-width: 100%; }
	.socialMediaIconsInner { justify-content: center; }
	.footerClientLogo a img { height: 24px !important; }

	li.phoneText { pointer-events: all; }
	.footerQuoteBox { padding: 24px; max-width: 85.4%; }

	.hubspotVideo iframe { height: 230px; }
	.tertiaryBtn { margin: 0; }

	.oneColSliderImage { padding: 8px 16px; border-radius: 8px; height: 40px; }
	.oneColSliderImage img { height: 24px!important; }
	.subHeading, .bindhqWorkflowOuter .sectionSubTitle  { font-size: 14px; }

	.oneColSliderTitle:after { width: 119px; bottom: 2px; right: -2px; }

	.bindhqWorkflowOuter .sectionTitle h3 { font-size: 24px; }
	.workflowFormTwoCol { flex-direction: column; gap: 16px; }
	.categoryField, .representsField { max-width: 100%; }
	.workflowFormTwoCol label { font-size: 12px; margin-bottom: 0; }
	span.videoPosterImage:after { display: none; }

	.bindhqBanner { padding-top: 110px; }
	.bindhqBannerBgVideo { height: 580px; top: -50px; }
	/* 	.plusAnimation { left: unset; right: -123%; top: 0; } */

	/************************* BindHQ Migration Onboard Module CSS ***********************/
	.migrationOnboardStepSection .stepGroup { width: 100%; }
	.migrationOnboardStepSection .stepGroup:not(:first-child) { padding-top: 16px; }
	.migrationOnboardStepSection .stepBox { max-width: 100%; gap: 16px; margin-left: 56px; }
	.migrationOnboardStepSection .stepBox:before { font-size: 64px; top: 0 !important; left: -56px !important; }
	.migrationOnboardStepSection .stepList { padding-top: 16px; }
	.migrationOnboardStepSection .listItem:not(:first-child) { padding-top: 8px; }
	.migrationOnboardStepSection .middleIconBox { display: none; }

	/************************* Product Features Module CSS ***********************/
	.productFeatureParent { gap: 16px; }
	.productFeatureBox { width: 100%; text-align: left; display: flex; align-items: center; gap: 16px; }
	.productFeatureBox .featureIconBox { margin: unset; padding: 7px; }
	.productFeatureBox .featureName { padding-top: 0; }
	.productFeatureBox .featureName br { display: none; }

	/************* BindHQ - Agency Operating System Module CSS ****************/
	.agencyOperatingSystemCard { width: 100%; }
	.agencyOperatingSystemCard .cardTitle h6 { font-size: 16px; }
	.agencyOperatingSystemCard .cardContent p { font-size: 14px; }

	/* 	span.imageSmallIcon1 { max-width: 37px; height: 37px; padding: 9px; bottom: 65px; left: 20px; }
	span.imageSmallIcon2 { max-width: 37px; height: 37px; top: 20px; left: 180px; padding: 9px; }
	span.imageSmallIcon3 { max-width: 30px; height: 30px; padding: 5px; top: unset; bottom: 30px; left: 130px; }
	span.imageSmallIcon4 { max-width: 30px; height: 30px; padding: 7px; bottom: unset; top: 60px; right: unset; left: 50px; }
	span.imageSmallIcon5 { max-width: 22px; height: 22px; padding: 5px; top: 45px; rotate: -20deg; right: 59px; }
	span.imageSmallIcon6 { max-width: 30px; height: 30px; padding: 5px; top: 100px; right: 30px; } */

	span.imageSmallIcon1 { max-width: 37px; height: 37px; padding: 9px; }
	span.imageSmallIcon2 { max-width: 37px; height: 37px;  padding: 9px; }
	span.imageSmallIcon3 { max-width: 30px; height: 30px; padding: 5px;  }
	span.imageSmallIcon4 { max-width: 30px; height: 30px; padding: 7px;  }
	span.imageSmallIcon5 { max-width: 22px; height: 22px; padding: 5px;; }
	span.imageSmallIcon6 { max-width: 30px; height: 30px; padding: 5px;  }
	@keyframes floatBubble {
		0% { transform: translateY(5vh) translateX(-35%) rotate(0deg); }
		5% { opacity: 1; }
		20% { opacity: 0; }
		80% { opacity: 0; }
		100% { transform: translateY(-150vh) translateX(-50%) rotate(360deg); opacity: 0; }
	}

	@keyframes floatBubble2 {
		0% { transform: translateY(2vh) translateX(-35%) rotate(0deg); }
		5% { opacity: 1; }
		40% { opacity: 0; }
		100% { transform: translateY(-150vh) translateX(-50%) rotate(360deg); opacity: 0; }
	}
	.productBannerLeftImageOuter { max-width: 100%; }

	.goHomeMobileBtn { display: block; }
	.goHomeBtn { display: none; }
	.errorPageInner { flex-direction: column; gap: 16px; }
	.errorPageLeftContent { order: 2; max-width: 100%; margin: 0 auto; }
	.errorPageImage { max-width: 236px; margin: 0 auto; }
	.errorPageTitle h1 { font-size: 96px; }
	.pageNotFound h3 { font-size: 32px; }

	.processIcon { width: 100%; max-width: 13px; height: 13px; display: inline-flex; }
	.font24 { font-size: 16px; }

	form .hs-form-field>label, form input[type=text], form input[type=search], form input[type=email], form input[type=password], form input[type=tel], form input[type=number], form select, form input[type=file], form textarea { font-size: 14px; }
	fieldset.form-columns-2 .hs-form-field { width: 100% !important; }

	.submitted-message p { font-size: 20px; padding-top: 20px; }
	.submitted-message p img { padding-top: 0px; }

	.pricingCardsOuter { padding-top: 0; }

	/********************** BindHQ - API Module CSS ***************************/ 
	.bindhqApiBanner .smallIconImage:nth-child(3) { height: 48px; padding: 8px; top: -72px; width: 48px; border-radius: 8px; }
	.bindhqApiBanner .smallIconImage { border-radius: 4px; }

	/********************** Key Benefits - API Module CSS ***************************/ 
	.keyBenefits .quoteManagePoliciesCard { border-radius: 16px; }

	/*********************** Our Values - Our Company Module CSS ****************************/
	.OurValues .quoteManagePoliciesCard { border-radius: 16px; }

	/*********************** Solution Banner - Solution Page Module CSS ****************************/
	.solutionBanner .solutionBannerLeftCotnent.productBannerLeftCotnent { max-width: 420px; margin: 0 auto; }
	.solutionBanner .solutionBannerLeftCotnent { translate:scale(1); }
	.solutionBanner span.imageSmallIcon.solImageSmallIcon1 { max-width: 128px; height: 75px; bottom: -2%; right: 1%; }
	.solutionBanner span.imageSmallIcon.solImageSmallIcon2 {width: 50px;height:50px ;padding:6px;top:-2%; right: 37%;}
	.solutionBanner span.imageSmallIcon.solImageSmallIcon3 { width: 50px; height: 50px;	padding: 5px; top: 38%;	left: 8%;}
	.solutionBanner span.imageSmallIcon.solImageSmallIcon4 { width: 50px; height: 50px;	padding: 4px 4px 2px 4px;	bottom: 10%; left: 7%; }
	.solutionBanner span.imageSmallIcon.solImageSmallIcon5 { width: 50px;	height: 50px;	padding: 6px;	top: 30%;	left: unset; right: 1%; }
	.solutionBanner span.imageSmallIcon.solImageSmallIcon6 { width: 50px;	height: 50px;	padding: 0;	}
	.solutionBanner .solutionAfterElement { bottom: 0; height: 250px; max-width: 100%; right: 0; top: unset; }
	.solutionBanner .solutionBannerBefore { height: 100%; left: 0; max-width: 100%; top: -2%; }

	/*********************** Contact Banner - Contact Page Module CSS ****************************/
	.hs-fieldtype-select .input:after { top: 22px; }
	.contactBanner .hs_how_did_you_hear_about_us textarea { min-height: 48px; height: 48px; }
	.contactBanner form .hs_how_did_you_hear_about_us.hs-form-field.hs-fieldtype-textarea>label { top: 24px; }
	.contactBanner form .hs_how_did_you_hear_about_us.hs-form-field.label-effect>label { top: 0; }

	/***********  Banner V3 CSS  **************/
	.bindhqBannerV3 .bindhqBannerInner { min-height: calc(100svh - 114px); padding: 80px 0 16px; }
	.bindhqBannerV3 .oneColSliderTitle:after { width: 119px; bottom: 2px; right: -2px; }
	.bindhqBannerV3 .bannerOneColSlider { padding: 16px 0 24px 0; }

	/***********  Banner V4 CSS  **************/
	.bindhqBannerV4 { padding-top: 75px; }
	.bindhqBannerV4.bindhqBanner .bannerTop { min-height: calc(100svh - 181px); }
	.bindhqBannerV4 .BannerBigImageMobile:before { height: 75%; bottom: 60px; }
	.bindhqBannerV4 .bindhqBannerButtons { padding: 0; }
	.bindhqBannerV4 span.videoPlayBtn{ max-width: 60px; height: 60px; }
	.bindhqBannerV4 span.videoPlayBtn svg { width: 25px; }
	.bindhqBannerV4 .bindhqBannerTitle span:after { display: none; }
	/* 	.bindhqBannerV4 .bindhqBannerTitle h2 { font-size: 30px; } */
	.bindhqBannerV4 .oneColSliderImage { height: 40px; }

	/***********  Banner V5 CSS  **************/
	.bindhqBannerV5 .bannerV5TopContent { min-height: calc(100svh - 212px); }
	/* 	.bindhqBannerV5 .BannerV1Title h1 { font-size: 32px; } */
	.bindhqBannerV5 .bindhqBannerButtons { padding-top: 24px; }
	.bindhqBannerV5 .bindhqBannerText { padding-top: 16px; }
	.bindhqBannerV5.bindhqBanner .bannerTop { gap: 24px; }
	.bindhqBannerV5 .bindhqBannerVideoOuter { width: 100%; }
	.bindhqBannerV5 span.videoPlayBtn { max-width: 60px; height: 60px; }	
	.bindhqBannerV5 span.videoPlayBtn svg { width: 25px; }
	.bindhqBannerV5 .BannerV1Title span:after { display: none; }
	.bindhqBannerV5 .BannerV1Title h1 span::after{ height: 50px; }

	.blogListingCardsInner { flex-direction: column; gap: 24px; padding-top: 0; }
	.blogListingCard { width: 100%; }

	.blogPostFeaturedImage { height: 172px; }
	.blogPostFeaturedImage { height: 172px; }
	.blogPost .blogPublishDetails span, .blogPost  .blogPublishDetails span a { font-size: 16px; }
	.blogPost .blogListingTitle h4 { font-size: 28px; }
	.blogContent p { font-size: 16px; }
	.blogContent ul li, .blogContent ol li { font-size: 16px; line-height: 1.3; }
	.blogContent ol { margin: 0; }
}

@media(max-width: 575px){
	/********************** BindHQ - API Module CSS ***************************/ 
	.bindhqApiBanner .bindhqBannerInner { background-size: 100%; padding-top: 222px;  }
	.bindhqApiBanner .smallIconImage { height: 30px; width: 30px; padding: 6px; }
	.bindhqApiBanner .smallIconImage:first-child { top: -62px; left: 7%; }
	.bindhqApiBanner .smallIconImage:nth-child(2) { top: -113px; }
	.bindhqApiBanner .smallIconImage:nth-child(3) { height: 44px; padding: 6px; top: -66px; width: 46px; }
	.bindhqApiBanner .smallIconImage:nth-child(4) { top: -133px; }
	.bindhqApiBanner .smallIconImage:nth-child(5) { left: auto; right: 13%; }

	/********************** Key Benefits - API Module CSS ***************************/ 
	.keyBenefits .quoteManagePoliciesCard { width: 100%; }
	.keyBenefits .quoteManagePoliciesCardGroup { padding-top: 16px; }	
	.keyBenefits .cardTitle h6 { font-size: 16px; }

	/********************** The Opportunity - API Module CSS ***************************/ 
	.theOpportunity .opportunityCardParent{ padding-top: 16px; }

	/*********************** Use Case - API Module CSS ****************************/
	.apiUseCase .useCaseCard { width: 100%; }
	.apiUseCase .useCaseCardUpperContent { padding: 16px 24px 8px 24px; }
	.apiUseCase .useCaseBottomContentInner { gap: 16px; }

	/*********************** Our Values - Our Company Module CSS ****************************/
	.OurValues .quoteManagePoliciesCard { width: 100%; }
	.OurValues .quoteManagePoliciesCardGroup { padding-top: 16px; }	
	.OurValues .cardTitle h6 { font-size: 16px; }

	/***********  Banner V5 CSS  **************/
	.bindhqBannerV5 .BannerV1Title { min-height: 170px; }
	
	.partnerTypesCard { width: 100%; }

	.bindhqPartnersCard { width: 100%; }
}

@media (max-width: 480px){
	/************************* BindHQ Strip Module CSS ***********************/
	.bindHQStripInner .sectionButton, .bindHQStripInner .sectionButton a, .getStartedBtn a.primaryBtn, .submitBtnOuter .submitBtn a, .bindhqBannerBtn a, 
	.productBannerBtn, .productBannerBtn a, .goHomeMobileBtn a, form input[type=submit], form .hs-button, .rightContentBtn a
	{ width: 100%; }

	.bindhqBannerBtn:not(:first-child) { padding-top: 24px; }
	.bindhqBannerButtons { display: block; }
	.mobileBtn {flex-direction: column;}
	.bindhqBannerV1 .bindhqBannerVideoInner { padding: 39px 9.5% 6.6% 10.9%; }

	.bindhqBannerV2 .bindhqBannerButtons{ display: none; }
	.bindhqBannerV2 .mobileButtons{ display: block; }
	.bindhqBannerV2 .mobileButtons .bindhqBannerButtons{ display: flex; }
	.bindhqBannerV2 .bindhqBannerBtn { width: 100%; }
	.bindhqBannerV2 .bindhqBannerBtn:not(:first-child){ padding-top:0; }	
	.bindhqBannerV2 .BannerBigImage{ display: none; }
	.bindhqBannerV2 .BannerBigImageMobile{ display: block; padding-left: 0; padding-right: 0; padding-top: 24px; }
	.bindhqBannerV2 .bindhqBannerTitle span:after { display: none; }

	/********************** BindHQ - API Module CSS ***************************/ 
	.bindhqApiBanner .smallIconImage { height: 24px; padding: 5px; width: 24px; }
	.bindhqApiBanner .smallIconImage:nth-child(3) { height: 40px; padding: 6px; top: -80px; width: 40px; }
	.bindhqApiBanner .smallIconImage:nth-child(2) { top: -120px; }
	.bindhqApiBanner .smallIconImage:nth-child(4) { top: -126px; }
	.bindhqApiBanner .smallIconImage:nth-child(5) { right: 10%; }
	.bindhqApiBanner .sectionText { padding-top: 8px; }
	.bindhqApiBanner .sectionTitle br { display: block; }
	.bindhqApiBanner .sectionTitle .h1 span:after, .bindhqApiBanner .sectionTitle .h2 span:after, .bindhqApiBanner .sectionTitle h1 span:after, .bindhqApiBanner .sectionTitle h2 span:after { bottom: 5.5px; }

	.bindhqBannerV1 .bindhqBannerBtn { width: 100%; }
	.bindhqBannerV1 .bindhqBannerButtons.d_none { margin: 0 auto; width: 100%; }
	.bindhqBannerV1 .BannerV1Title h1 span::after { height: 45px; }

	/********************** Key Benefits - API Module CSS ***************************/ 
	.keyBenefits .sectionTitle h3 { font-weight: 700; }

	/********************** The Opportunity - API Module CSS ***************************/ 
	.theOpportunity .opportunityCardParent{ padding-top: 16px; }
	.theOpportunity .opportunityCard { width: 100%; }
	.theOpportunity .cardTextParent { padding: 8px 16px 16px 16px; }
	.theOpportunity .sectionTitle h3 { font-weight: 700; }

	/*********************** Use Case - API Module CSS ****************************/
	.apiUseCase .subTitle h6 { line-height: 1; }
	.apiUseCase .sectionTitle h3 { line-height: 1; }
	.apiUseCase .useCaseCardTitle h6 { font-size: 16px;line-height: 1.4; }
	.apiUseCase .sectionTitle h3 { font-weight: 700; }

	/*********************** Our Company Banner - API Module CSS ****************************/
	.ourCompanyBanner { padding-top: 0px; }
	.ourCompanyBanner .productBannerParagraph { padding-top: 8px; }
	.ourCompanyBanner .productBannerOuter{ padding-top: 80px; }

	/*********************** Our Values - Our Company Module CSS ****************************/
	.OurValues .sectionTitle h3 { font-weight: 700; }

	/*********************** Company Two Col V2 - Our Company Module CSS ****************************/
	.companyTwoCol .leftContentSubTitle h6 { line-height: 1; }
	.companyTwoCol .leftContentTitle h3 { line-height: 1; font-weight: 700; }
	.companyTwoCol .leftContentParagraph p { line-height: 1.5; }

	/*********************** Company Double Two Col - Our Company Module CSS ****************************/
	.companyDoubleTwoCol .getToKnowTwoColLeftContent { gap: 24px; }
	.companyDoubleTwoCol .leftContentTitle h4 { line-height: 1; }
	.companyDoubleTwoCol { padding-top: 0; }

	.BannerV1Title { min-height: 185px; }

	/***********  Banner V3 CSS  **************/
	.bindhqBannerV3:after { background: linear-gradient(175deg, rgba(233, 245, 245, 0.00) 4.08%, #E9F5F5 54.59%); height: var(--afterHeight); }
	.bindhqBannerV3 .bindhqBannerInner { align-items: flex-end; text-align: right; }
	.bindhqBannerV3 .bannerOneColSlider { padding-bottom: 24px; }
	.bindhqBannerV3 .bindhqBannerTitle { max-width: 320px; margin: 0 0 0 auto; }	
	.bindhqBannerV3 .bindhqBannerRight { background-position: right -330px center; }

	/***********  Banner V4 CSS  **************/
	.bindhqBannerV4 .BannerBigImageMobile:before { bottom: 49px; height: 68%; }
	.bindhqBannerV4 .bindhqBannerTitle h2 { font-size: 28px; }
	.bindhqBannerV4 .bindhqBannerText p{ font-size: 14px; }

	/***********  Banner V5 CSS  **************/
	.bindhqBannerV5 .bannerV5TopContent { min-height: calc(100svh - 173px); }
	.bindhqBannerV5 { padding-top: 75px; }
	.bindhqBannerV5 .bannerOneColSlider { padding-top: 16px; }
	/* 	.bindhqBannerV5 .BannerV1Title h1 { font-size: 28px; } */
	.bindhqBannerV5 .bindhqBannerText p { font-size: 14px; font-weight: 300; letter-spacing: -0.56px; }

	.bindhqBannerV5 .BannerV1Title h1 span::after{ height: 45px; }
	
	.partnersBanner .productBannerInner{ flex-direction: column-reverse; }
	.partnersBanner .productBannerLeftCotnent { padding-bottom: 0; padding-top: 30px; }
	.partnersBanner .wrapLeft{ padding: 0 16px !important; }
	.bindhqPartnersCardOuter{ gap: 16px; }
	.bindhqPartnersImage { max-width: 120px; height: 55px; }

	section.partnersBanner.productBanner { padding-top: 85px; }
	.partnersBanner .productBannerTitle { padding-top: 8px; }
	.partnersBanner  .productBannerParagraph { padding-top: 8px; }

}

@media(max-width:375px){
	/*********************** Solution Banner - Solution Page Module CSS ****************************/
	.solutionBanner .solutionBannerLeftCotnent { max-width: 269px; margin: 0 auto; }
	.solutionBanner .solutionBannerRightImageOuter { max-width: 270px; }
	.solutionBanner span.imageSmallIcon.solImageSmallIcon1 { bottom: -5%; right: 11%; }
	.solutionBanner span.imageSmallIcon.solImageSmallIcon2 {width: 40px;height: 40px; }
	.solutionBanner span.imageSmallIcon.solImageSmallIcon3 { width: 40px; height: 40px; }
	.solutionBanner span.imageSmallIcon.solImageSmallIcon4 { width: 40px; height: 40px; }
	.solutionBanner span.imageSmallIcon.solImageSmallIcon5 { width: 40px;	height: 40px; }
	.solutionBanner span.imageSmallIcon.solImageSmallIcon6 { width: 40px;	height: 40px;	}
}