







/* 1a. Containers */




/* 1b. Colors */




/* 1c. Typography */






















































/* 1d. Buttons */







/* 1e. Forms */










/* 1f. Tables */











/* 1g. Site header */





/* 1h. Site footer */








.dnd-section,
.content-wrapper--vertical-spacing {
  /*   padding: 80px 20px; */

  padding-top: 80px;
  padding-bottom: 80px;
}





html { }

body {
  color: #333E48;
  font-weight: 400;
  font-family: Source Sans Pro,sans-serif;
}

/* Paragraphs */

p {
  /*   font-size: 100px;
  color: #333E48;
  font-weight: 400; */
}

/* Anchors */

a {
  color: rgba(51, 62, 72, 1.0);
}

a:hover,
a:active {
  color: rgba(51, 62, 72, 1.0);
}

/* Headings */

h1 {
  font-family: Source Sans Pro;
  font-size: 35px;
  color: #333E48;
  font-weight: 700;
}

h2 {
  font-family: tahoma, arial, helvetica, sans-serif;
  font-size: 32px;
  color: #333e48;
  font-weight: ;
}

h3 {
  font-family: Source Sans Pro;
  font-size: 28px;
  color: #333e48;
  font-weight: 700;
}

h4 {
  font-family: Source Sans Pro;
  font-size: 24px;
  color: #333e48;
  font-weight: 700;
}

h5 {
  font-family: Source Sans Pro;
  font-size: 20px;
  color: #333e48;
  font-weight: 700;
}

h6 {
  font-family: Poppins;
  font-size: 18px;
  color: #333e48;
  font-weight: regular;
}

/* Blockquote */

blockquote {
  border-left-color: #57586e;
}





button,
.button {
  background-color: rgba(255, 255, 255, 0.0);
  border-color: rgba(51, 62, 72, 1.0);
  border-radius: 0px;
  color: #333E48;
  padding: 9px 34px;
}

button:hover,
button:focus,
.button:hover,
.button:focus {
  background-color: rgba(255, 255, 255, 0.0);
  border-color: rgba(51, 62, 72, 1.0);
  color: rgba(255, 255, 255, 1.0);
}

button:active,
.button:active {
  background-color: rgba(255, 255, 255, 0.0);
  border-color: #5b6670;
  color: #333E48;
}





form,
.submitted-message {
  color: #333E48;
  font-weight: 400
}

/* Form title */

.form-title {
  background-color: rgba(246, 252, 235, 0.0);
  color: rgba(51, 62, 72, 1.0);
}

/* Form label */

.hs-form label {
  color: rgba(51, 62, 72, 1.0);
}

/* Form help text */

.hs-form legend {
  color: rgba(51, 62, 72, 1.0);
}

/* Form inputs */

form input[type=text],
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-color: rgba(189, 189, 189, 1.0);
  color: ;
  border-radius: 0px;
}

form input[type=text]:focus,
form input[type=email]:focus,
form input[type=password]:focus,
form input[type=tel]:focus,
form input[type=number]:focus,
form input[type=file]:focus,
form select:focus,
form textarea:focus {
  border-color: rgba(189, 189, 189, 1.0);
}

/* Form placeholder text */

::-webkit-input-placeholder {
  color: #333E48;
}

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::placeholder,
.hs-fieldtype-date .input .hs-dateinput:before {
  color: #333E48;
}

/* Date picker */

.fn-date-picker td.is-selected .pika-button {
  background:  #333E48;
}

.fn-date-picker td .pika-button:hover {
  background-color:  #333E48 !important;
}

.fn-date-picker td.is-today .pika-button {
  color: #333E48;
}

/* Submit button */

form input[type=submit],
form .hs-button,
.button {
  background-color: rgba(255, 255, 255, 0.0);
  border-color: rgba(51, 62, 72, 1.0);
  border-width: 1px;
  border-radius: 0px;
  color: rgba(51, 62, 72, 1.0);
  padding-left: 34px;
  padding-right: 34px;
  padding-top: 9px;
  padding-bottom: 9px;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus,
.button:hover,
.button:focus {
  background-color: rgba(255, 255, 255, 0.0);
  border-color: rgba(51, 62, 72, 1.0);
  color: rgba(255, 255, 255, 1.0);
}

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





th,
td {
  background-color: rgba(255, 255, 255, 1.0);
  border: 1px solid rgba(26, 26, 26, 1.0);
  color: rgba(26, 26, 26, 1.0);
}

thead th,
thead td {
  background-color: rgba(26, 26, 26, 1.0);
  color: rgba(255, 255, 255, 1.0);
}

tfoot td {
  background-color: rgba(255, 255, 255, 1.0);
  color: rgba(26, 26, 26, 1.0);
}

table,
tbody + tbody {
  border-color: rgba(26, 26, 26, 1.0);
}






.custom-header {
  background-color: rgba(255, 255, 255, 0.8);
}

@media only screen and (min-width: 64.0625em) {

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li,
  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li > a {   
    background-color: rgba(255, 255, 255, 0.0);  
  } 

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li > a {
    color: rgba(51, 61, 71, 1.0);  
  }  

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li > a:hover {
    color: rgba(51, 61, 71, 1.0);
    background-color: rgba(255, 255, 255, 0.0);
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li.active-branch > a,
  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li > a.active-branch  { 
    color: rgba(51, 61, 71, 1.0);
    background-color: rgba(255, 255, 255, 0.0);
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li ul {
    background-color: rgba(255, 255, 255, 1.0);
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li ul li a {
    color: rgba(51, 61, 71, 1.0);
    background-color: rgba(255, 255, 255, 0.0);
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li ul li a:hover {
    color: rgba(51, 61, 71, 1.0);
    background-color: rgba(255, 255, 255, 0.0);
  }

  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li ul li.active-branch a,
  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li ul li a.active-branch,
  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li ul li.active a,
  .custom-menu-primary.desktop .hs-menu-wrapper > ul > li ul li a.active {
    color: rgba(51, 61, 71, 1.0);
    background-color: rgba(255, 255, 255, 1.0);
  }
}






.footer {
  background-color: rgba(255, 255, 255, 1.0);
  color: rgba(173, 179, 182, 1.0);
}

.footer__container {
  /*   max-width: 65px; */
}

/* Footer Content */


.footer-email-title h2,
.footer-menu-works .hs-menu-wrapper > ul > li:first-child > a,
.footer-menu-resources .hs-menu-wrapper > ul > li:first-child > a,
.footer-menu-company .hs-menu-wrapper > ul > li:first-child > a,
.footer-menu-works .hs-menu-wrapper > ul > li:first-child > a:hover,
.footer-menu-resources .hs-menu-wrapper > ul > li:first-child > a:hover,
.footer-menu-company .hs-menu-wrapper > ul > li:first-child > a:hover {
  color: rgba(173, 179, 182, 1.0);
}

.copyright {
  color: rgba(173, 179, 182, 1.0);
}

.footer-menu-works .hs-menu-wrapper > ul > li > a, 
.footer-menu-resources .hs-menu-wrapper > ul > li > a, 
.footer-menu-company .hs-menu-wrapper > ul > li > a {
  color: rgba(255, 255, 255, 1.0);
}


.footer-menu-works .hs-menu-wrapper > ul > li > a:hover, 
.footer-menu-resources .hs-menu-wrapper > ul > li > a:hover, 
.footer-menu-company .hs-menu-wrapper > ul > li > a:hover {
  color: rgba(255, 222, 56, 1.0);
}








/* Blog Header */

.blog-header {
  background-color: rgb(#null);
}

/* Blog Listing */

.blog-index__post-inner-card {
  box-shadow: -5px 0px 20px 0px rgba(#null, 0.10);
}

.blog-tag-filter__menu-link,
.blog-post__tag-link,
.blog-card__tag-link,
.blog-post__author-name,
.blog-card__title a {
  color: #333E48;
}

.blog-card__tag-link:hover,
.blog-card__title a:hover,
.blog-tag-filter__menu-link:hover,
.blog-post__tag-link:hover,
.blog-post__author-name:hover,
.blog-card__tag-link:focus,
.blog-card__title a:focus,
.blog-tag-filter__menu-link:focus,
.blog-post__tag-link:focus,
.blog-post__author-name:focus {
  color: #333E48;
}

.blog-card__tag-link:active,
.blog-card__title a:active,
.blog-tag-filter__menu-link:active,
.blog-post__tag-link:active,
.blog-post__author-name:active {
  color: #333E48;
}

.blog-tag-filter__menu-link--active-item:after {
  background-color: #333E48;
}

.blog-pagination__link {
  color: #333E48;
}

.blog-pagination__link--active:after,
.blog-pagination__prev-link:after,
.blog-pagination__next-link:after {
  background-color: #333E48;
}

.blog-post__title {
  color: #333E48;
  font-family:Source Sans Pro;
  font-size: 35px;
  font-weight: 700;
}

.blog-post__author {
  background-color: #57586e;
}

#comments-listing .comment-reply-to {
  color: rgba(#null, 0.0);
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: rgba(#null, 0.0);
}

#comments-listing .comment-reply-to:active {
  color: rgba(#null, 0.0);
}

/*             Blog Grid Listing and Post styles            */

.hs-blog-listing,
.hs-blog-post {
  background-color: ;
}

.blog-index__post-content a:hover,
.blog-sidebar a:hover,
.blog-post__meta a:hover,
.blog-post__back-to-blog:hover {
  color: #333E48;
}

.blog-post__read-more a:hover svg,
a.blog-post__back-to-blog:hover svg {
  fill: #333E48;
}

.blog-index__post-content--small h2 {
  font-size: 28px;
}

.blog-index__post-content a {
  color: #333E48;
}

.blog-post__read-more svg {
  fill: #333E48;
}

.blog-sidebar ul {
  box-shadow: -5px 0px 20px 0px rgba(#null, 0.10);
}

.blog-sidebar a {
  color: #333E48;
}

.blog__subscription-block, .blog-related-posts {
  background-color: rgb(#null);
}

.post-featured-image {
  max-height: px;
}

.blog-post {
  box-shadow: -5px 0px 20px 0px rgba(#null, 0.10);
}

.blog-post__meta a {
  color: #333E48;
}

.blog-post__meta a:hover {
  color: #333E48;
}

.blog-post__links-container {
  border-top:  2px solid rgb(#null);
}

.blog-post__back-to-blog {
  color: #333E48;
}

.blog-post__back-to-blog svg {
  fill: #333E48;
}

.comment.depth-0,
.blog-comments form {
  border-top: 2px solid rgb(#null) !important;
}

.comment.depth-1 {
  border-left: 2px solid rgb(#null);
}

.section.post-footer .hs-input {
  /*   border-color: rgb(#null); */
}

.blog-recent-posts {
  background-color: rgb(#null);
}











.card__price {
  font-family: Source Sans Pro;
  font-size: 28px;
  color: #333e48;
  font-weight: 700;
}

.dnd-section > .row-fluid,
.page-center,
.content-wrapper {
  max-width: 100%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

@media only screen and (min-width: 40.0625em) {

  .dnd-section > .row-fluid,
  .page-center,
  .content-wrapper {
    max-width: 65%;
  }
}


body {
  font-size: 0.75rem;
  line-height: 1.5;

  font-size: 100%;
}

@media only screen and (min-width: 64.0625em) {

  body {
    font-size: 100rem;
    font-size: 100%;
  }
}
/* icon modified */
.line-1 {
  box-sizing:border-box;
  height: 15px;
  width: 15px;
  border: 1px solid #979797;
  transform: rotate (270deg);
}
.line {
  box-sizing:border-box;
  height: 15px;
  width: 15px;
  border: 1px solid #979797;
  
}
.01 {
  height: 67px;
  width: 47px;
  color: #48B12A;
  font-family: Poppins;
  font-size: 48px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 72px;
}

@media only screen and (min-width: 960px) {
.hidedesktop{display:none;}
}

/*** custom **/

.leadinModal.leadinModal-theme-default.leadinModal-v3 .leadinModal-content{
 background-color: #bb3232; !important;
}

/* CLEARgo Homepage Dec 2023 */
/* Common */
@font-face {
  font-family: 'ProximaNova-Regular';
  src: url('https://cdn.shopify.com/s/files/1/0686/7605/9429/files/ProximaNova-Regular.woff2?v=167046879');
}

:root {
  --color-neutral-black: #000000; 
  --color-neutral-grey: #464646; 
  --color-neutral-white: #FFFFFF; 
  --color-apple-green-light: #9DE275; 
  --color-apple-green-fresh: #77C14D; 
  --color-rice-light_grey: #F2F2F2; 
  --color-apple-red: #9C1D34; 
}

/* Header */
@media only screen and (max-width: 64.0625em) {
  .custom-menu-primary.desktop .hs-menu-wrapper > ul {
    display: none !important; 
  }
}

  .toggle-topbar button {
    z-index: 100 !important; 
  }
  
  .toggle-topbar button:focus, .toggle-topbar button:hover {
    z-index: 100 !important; 
  }
  
  .mobile-open .toggle-topbar .c-hamburger span {
    display: flex !important; 
    z-index: 101; 
  }
  
  .banner-section {
    height: 0; 
  } 
  
/*   body {
    overflow-x: hidden; 
  } */
  
  .body-wrapper {
    position: relative; 
    top: 0; 
    background-color: var(--color-neutral-white); 
  }
  
  .custom-header {
    height: 60px !important; 
    background: unset; 
  }
  
  .hs-tools-menu.hs-collapsed {
    display: none; 
    transform: translate(9px, -9px); 
  }
  
  .header__container {
    width: 100vw; 
    height: 60px !important; 
    max-height: unset; 
    margin: 0; 
  }
  
  #hs_menu_wrapper_primary_menu>ul {
    position: fixed; 
    top: 44px; 
    right: 80px; 
    display: flex; 
    flex-flow: column; 
    gap: 12px; 
  }
  
  .custom-menu-primary.desktop .hs-menu-wrapper>ul>li {
    background: unset !important; 
  }
  
  .custom-menu-primary.desktop .hs-menu-wrapper>ul>li>a {
    padding: 0; 
    background: unset !important; 
    text-align: left; 
    color: var(--color-neutral-black); 
    line-height: 2rem; 
    font-size: 24px;
    font-family: 'Proxima Nova';
    text-transform: capitalize;
  }

  .custom-logo img {
    width: 120px; 
    max-width: unset; 
    max-height: unset; 
  }
  
  a#hs-link-header_logo_image_hs_logo_widget {
    position: fixed; 
    top: 36px; 
    left: 64px; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    padding: 0; 
    width: 120px; 
    height: 29px; 
    background-size: contain; 
    background-repeat: no-repeat; 
  }
  
  .custom-menu-primary.desktop .hs-menu-wrapper>ul>li>a:hover {
    color: var(--color-neutral-white); 
  }

  .menu-socials {
    display: none; 
    position: fixed; 
    z-index: 1; 
  }
  
  /* Responsive for Different Devices */
  @media (max-width: 640px) {
    .custom-menu-primary.desktop .hs-menu-wrapper>ul>li:last-child {
      display: block; 
    }
    
    a#hs-link-header_logo_image_hs_logo_widget {
      top: 25px;
      left: 25px; 
      width: 88px; 
      height: 21px; 
    }
    
    .toggle-topbar {
      position: absolute; 
      top: 15px; 
      right: 1.25rem; 
      display: flex; 
      justify-content: center; 
      align-items: center; 
      width: 36px; 
      height: 36px; 
      border-radius: 50%; 
      background-color: #000000; 
    }

    .toggle-topbar button {
      width: 26px; 
    }

    .toggle-topbar .c-hamburger span:after, .toggle-topbar .c-hamburger span:before {
      height: 1px; 
      background-color: #FFFFFF; 
    }
	
	.toggle-topbar .c-hamburger span:before {
		top: -2px; 
		left: 17.5%; 
		width: 65%; 
	}
    
  .toggle-topbar button span { 
	  height: 1px; 
	  background-color: rgba(0, 0, 0, 0); 
  }
	
  .toggle-topbar .c-hamburger span:after {
		bottom: -2px; 
		left: 17.5%; 
		width: 65%; 
	}
  
  .custom-menu-primary.desktop .hs-menu-wrapper>ul {
    display: none !important; 
  }

  .custom-logo img {
    width: 88px; 
  }

  .mobile-open .custom-logo img {
    filter: invert(100%) !important; 
  }
	
  div#hs_menu_wrapper_primary_menu {
    position: fixed; 
    top: -100vh; 
    z-index: -1; 
    width: 100vw; 
    height: 100vh; 
    background: #9DE275; 
    transition: all 0.3s; 
  }

	.mobile-open div#hs_menu_wrapper_primary_menu {
	  top: 0; 
	}
		
	.mobile-open #hs_menu_wrapper_primary_menu>ul {
	  top: 80px; 
	  right: 28px; 
	  display: flex !important; 
	  gap: 8px; 
	}
	
	.custom-menu-primary.desktop .hs-menu-wrapper>ul>li>a {
	  color: var(--color-neutral-black) !important; 
	  font-size: 50px;
	  font-weight: 400; 
	  letter-spacing: -0.5px; 
	  line-height: 3.75rem; 
	}
    
  .mobile-open .custom-menu-primary.desktop .hs-menu-wrapper>ul>li>a {
    opacity: 0; 
    animation: menuItemFadein 1s normal forwards ease-in-out;
  }
    
  @keyframes menuItemFadein {
    from {opacity: 0; }
    to {opacity: 100%; }
  }
		
	.mobile-open .custom-menu-primary.desktop .hs-menu-wrapper>ul>li>a:hover {
		color: var(--color-neutral-white) !important; 
		transition: all 0.1s; 
	}
    
  /* Mobile Open */
  .mobile-open .custom-menu-primary.desktop .hs-menu-wrapper>ul {
    display: block !important; 
  }

  .mobile-open .menu-socials {
    left: 0;
    bottom: 0;
    width: calc(100% - 50px);
    display: flex;
    justify-content: center;
    margin: 0 25px;
    border-top: 1px solid var(--color-neutral-black);
    opacity: 0;
    animation: menuSocialsFadein 0.3s normal forwards ease-in-out; 
    animation-delay: 0.3s;
  }
    
  @keyframes menuSocialsFadein {
    from {opacity: 0;}
    to {opacity: 1;}
  }

  .mobile-open .menu-socials ul {
    display: flex; 
    flex-direction: row; 
    flex-wrap: wrap; 
    justify-content: space-around; 
    column-gap: 10px; 
    padding: 0; 
    margin: 0 0 70px 0; 
    list-style-type: none; 
  }

  .mobile-open .menu-socials ul > li > a:hover {
    color: var(--color-neutral-white); 
  }

  .mobile-open .menu-socials ul > li > a:hover .header-social-icon {
    filter: invert(0); 
  }
}
  
@media (min-width: 641px) and (max-width: 1023px) {
  .custom-logo img {
    width: 88px; 
  }

  .mobile-open .custom-logo img {
    filter: invert(100%) !important; 
  }

  a#hs-link-header_logo_image_hs_logo_widget {
    top: 25px; 
    left: 25px; 
    width: 88px; 
    height: auto; 
  }
  
  div#hs_menu_wrapper_primary_menu {
    position: fixed; 
    top: -100vh; 
		z-index: -1; 
		width: 100vw; 
		height: 100vh; 
		background: #9DE275; 
		transition: all 0.3s; 
  }
  
  .mobile-open div#hs_menu_wrapper_primary_menu {
    top: 0; 
	}
		
	.mobile-open #hs_menu_wrapper_primary_menu>ul {
		top: 80px; 
		right: 28px; 
		display: flex !important; 
		gap: 8px; 
	}

	.custom-menu-primary.desktop .hs-menu-wrapper>ul>li>a {
    font-size: 50px;
		font-weight: 400; 
		letter-spacing: -0.5px; 
		line-height: 3.75rem; 
	}

  .mobile-open .custom-menu-primary.desktop .hs-menu-wrapper>ul>li>a {
    color: var(--color-neutral-black) !important; 
    opacity: 0; 
    animation: menuItemFadein 1s normal forwards ease-in-out;
  }

  .mobile-open .custom-menu-primary.desktop .hs-menu-wrapper>ul>li>a:hover {
    color: var(--color-neutral-white) !important; 
  }

  @keyframes menuItemFadein {
    from {opacity: 0; }
    to {opacity: 100%; }
  }
	
	.toggle-topbar {
    width: 36px; 
		height: 36px; 
		background-color: var(--color-neutral-black); 
		border-radius: 50%; 
	}
		
	.toggle-topbar .c-hamburger span:after, .toggle-topbar .c-hamburger span:before {
		background-color: var(--color-neutral-white); 
	}
		
	.toggle-topbar .c-hamburger span:before {
		top: -2px; 
		left: 17.5%; 
		width: 65%; 
		height: 1px; 
	}
  
  .toggle-topbar button {
    transform: translateY(8px); 
  }
		
	.toggle-topbar button span {
		left: 17.5%; 
		width: 65%; 
		height: 1px; 
		background-color: rgba(0, 0, 0, 0); 
  }
		
	.toggle-topbar .c-hamburger span:after {
		bottom: -2px; 
		left: 17.5%; 
		width: 65%; 
		height: 1px; 
	}
  
  .mobile-open .menu-socials {
    left: 0;
    bottom: 0;
    width: calc(100% - 50px);
    display: flex;
    justify-content: center;
    margin: 0 25px;
    border-top: 1px solid var(--color-neutral-black);
    opacity: 0;
    animation: menuSocialsFadein 0.3s normal forwards ease-in-out;
    animation-delay: 0.3s;
  }
    
  @keyframes menuSocialsFadein {
    from {opacity: 0;}
    to {opacity: 1;}
  }
    
  .mobile-open .menu-socials ul {
    display: flex; 
    flex-direction: row; 
    flex-wrap: wrap; 
    column-gap: 38.5px; 
    padding: 0; 
    margin: 0; 
    list-style-type: none; 
  }
    
  .mobile-open .menu-socials ul > li > a:hover {
    color: var(--color-neutral-white); 
  }
    
  .mobile-open .menu-socials ul > li > a:hover .header-social-icon {
    filter: invert(0); 
  }
}
  
@media (min-width: 1024px) {
  .toggle-topbar {
    display: none; 
  }
  
  .custom-menu-primary.desktop .hs-menu-wrapper>ul {
    font-size: 16px; 
    line-height: 1.3889; 
  }
}

/* Footer */
.footer {
  position: relative; 
  padding: 96px calc(384vw / 19.2) 24px calc(384vw / 19.2); 
  background-color: #000000; 
  z-index: 1; 
  border-top-left-radius: 5em; 
  border-top-right-radius: 5em; 
}

.footer__container {
  display: flex; 
  flex-direction: column; 
  gap: 122px; 
}

.connect-form-container {
  display: flex; 
  flex-direction: row; 
  justify-content: space-between; 
  padding: 0; 
  margin: 0; 
  margin-bottom: calc(160vw / 19.2); 
}

@media (max-width: 1023px) {
  .connect-form-container {
    padding: 0; 
    margin: 0; 
  }
}

.connect-form-title {
  max-width: calc(600vw / 19.2); 
  text-align: left; 
  font-size: 3.125rem; 
}

@media (min-width: 1920px) {
  .connect-form-container {
    max-width: 1152px; 
    margin: 0 auto 144px auto; 
  }
  
  .connect-form-title {
    max-width: 600px; 
  }
}

form {
  position: relative; 
  width: calc(562vw / 19.2); 
  max-width: 562px; 
  margin-bottom: 0; 
}

.hs_cos_wrapper_type_form {
  padding: 0; 
  background-color: var(--color-neutral-black); 
}

.hs-form label {
  color: var(--color-neutral-white); 
}

.grecaptcha-badge {
  margin: 0; 
}

.actions {
  position: absolute; 
  right: 0; 
  bottom: 0; 
}

.actions:before {
  --icon-width: 20px; 
  content: ""; 
  position: absolute; 
  top: calc(50% - var(--icon-width) / 2); 
  left: calc(50% - 3.75em); 
  display: block; 
  width: var(--icon-width); 
  height: var(--icon-width); 
  background-image: url('/hubfs/raw_assets/public/Cleargo_November2024/images/ph-arrow-up-thin.svg'); 
  background-size: cover; 
  z-index: 1; 
  pointer-events: none;
}

select {
  font-size: 16px !important; 
}

form .hs-button {
  width: calc(150vw / 19.2) !important; 
  min-width: 120px; 
  background-color: var(--color-neutral-white) !important; 
  border-radius: 3.375em !important; 
  padding: 1.25em 1.5em !important; 
  box-shadow: unset !important; 
  text-align: right !important; 
  transition: all 0.3s !important; 
}

form .hs-button:hover {
  color: var(--color-neutral-black) !important; 
  background-color: var(--color-apple-green-light) !important; 
}

.footer__container .footer-row1 {
  display: flex; 
  flex-direction: row; 
  justify-content: space-between; 
  column-gap: calc(96vw / 19.2);
  row-gap: calc(12vw / 19.2); 
  padding: 0; 
}

.footer-column1 {
  flex: 2; 
}

.company-info {
  display: flex; 
  flex-direction: column; 
  gap: 48px; 
  text-align: start; 
}

.company-info p, .company-info a {
  font-family: 'Proxima Nova' !important; 
}

.company-info p {
  font-size: 1.25rem !important; 
}

.company-info a {
  display: flex; 
  align-items: center; 
  font-size: 1.25rem !important; 
  color: #FFFFFF; 
  text-decoration: underline;
}

.company-info a:hover {
  color: var(--color-apple-green-light); 
}

.regions {
  display: flex; 
  flex-direction: row; 
  flex-wrap: wrap; 
  gap: 48px; 
  max-width: 100%; 
}

.region {
  display: flex; 
  flex-direction: column; 
  gap: 0.5em; 
  width: fit-content; 
  min-width: 160px; 
}

.region > p {
  margin: 0 !important; 
  color: #FFFFFF; 
}

.footer-column2 {
  height: fit-content; 
  display: flex; 
  flex-direction: row; 
  column-gap: calc(96vw / 19.2); 
  row-gap: 48px; 
}

.footer-menu .menu-item>a:hover {
  color: var(--color-apple-green-light); 
}

.footer-social ul {
  display: flex; 
  flex-direction: column; 
  gap: 12px; 
  align-items: start; 
  margin: 0; 
  width: fit-content; 
}

.footer-social ul li {
  margin-left: 0; 
}

.footer-social ul li a {
  display: flex; 
  align-items: center; 
  font-size: 1.25rem; 
  color: #FFFFFF; 
}

.footer-social ul li a:hover {
  color: #FFFFFF; 
}

.footer-social ul li a:after, .company-info a:first-child:after {
  content: ''; 
  width: 24px; 
  height: 24px; 
  display: block; 
  background-image: url('/hubfs/arrow-slope.png'); 
  background-size: contain; 
  background-repeat: no-repeat; 
}

.footer-social ul li a:before {
  line-height: 32px; 
  font-family: 'Proxima Nova'; 
}

.footer-social ul li a:hover:before {
  color: var(--color-apple-green-light); 
}

.cg-icon-social-linkedin:before {
  content: "Linkedin"; 
}

.cg-icon-social-facebook:before {
  content: "Facebook"; 
}

.cg-icon-social-youtube:before {
  content: "YouTube"; 
}

.cg-icon-social-twitter:before {
  content: "Twitter"; 
}

div#hs_cos_wrapper_footer_menu {
  height: fit-content; 
}

.copyright {
  display: flex; 
  flex-direction: row; 
  align-items: center; 
  gap: 50px; 
  margin: 0; 
  padding: 0 !important; 
  font-size: 1.25rem; 
  font-family: 'Proxima Nova'; 
  color: #FFFFFF; 
}

.copyright > img{
  width: 130px; 
  height: 30px; 
}

@media (max-width: 1023px) {
  .footer {
    padding-left: 25px; 
    padding-right: 25px; 
    border-top-left-radius: 2.5em; 
    border-top-right-radius: 2.5em; 
  }
  
  .footer__container {
    gap: 48px; 
  }
  
  .connect-form-container {
    display: flex; 
    flex-direction: column; 
  }
  
  .connect-form-title {
    max-width: unset; 
    margin: 0 0 48px 0; 
  }
  
  form {
    min-width: 100%; 
    margin-bottom: 96px; 
  }
  
  .footer__container .footer-row1 {
    flex-direction: column; 
    row-gap: 48px; 
    padding: 0; 
  }
  
  .actions {
    position: relative; 
  }
  
  .actions:before {
    --icon-width: 20px; 
    content: ""; 
    position: absolute; 
    top: calc(50% - var(--icon-width) / 2); 
    left: calc(50% - 3.75em); 
    display: block; 
    width: var(--icon-width); 
    height: var(--icon-width); 
    background-image: url('/hubfs/raw_assets/public/Cleargo_November2024/images/ph-arrow-up-thin.svg'); 
    background-size: cover; 
    z-index: 1; 
    pointer-events: none;
  }
  
  form .hs-button {
    width: 100% !important; 
    text-align: center !important; 
  }
  
  .footer-column2 {
    flex-direction: column; 
  }
  
  .regions {
    justify-content: left; 
    row-gap: 48px; 
    column-gap: 0; 
  }
  
  .region > p, .region > a {
    font-size: 16px; 
  }
  
  .copyright {
    padding: 0 25px; 
  }
}

@media (min-width: 1024px) and (max-width: 1320px) {
  .actions {
    bottom: -55px; 
  }
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .footer-column2 {
    flex-direction: column; 
  }
}

@media (min-width: 1152px) {
  .footer__container {
    max-width: 1152px; 
    margin: 0 auto; 
  }
  
  .footer__container .footer-row1 {
    column-gap: 96px; 
    row-gap: 12px; 
  }
  
  .footer-column2 {
    column-gap: 96px; 
  }
}

/* Main Content - Homepage */
/* Text */
@font-face {
  font-family: 'Proxima Nova';
  src: url('https://cdn.shopify.com/s/files/1/0686/7605/9429/files/ProximaNova-Regular.woff2?v=167046879'); 
  font-display: swap; 
}

div,
p,
h1,
.h1,
h1 *, 
.h1 *, 
h2, 
.h2, 
h2 *, 
.h2 *, 
h3, 
.h3, 
h3 *, 
.h3 *, 
h4, 
.h4, 
h4 *, 
.h4 *, 
h5, 
.h5, 
h5 *, 
.h5 *, 
button,
button:focus {
  margin: 0;
  font-family: 'Proxima Nova'; 
}

strong {
  font-weight: 800 !important; 
}

h1, .h1, h1 *, .h1 * {
  margin: 0 0 96px 0; 
  font-size: 7.5em; 
  font-weight: 400; 
  line-height: 120px; 
}

h2, .h2, h2 *, .h2 * {
  font-size: calc(48vw / 19.2); 
  font-weight: 400; 
  line-height: calc(58vw / 19.2); 
}

h3, .h3 {
  font-size: 1.75em; 
  font-weight: 400; 
  line-height: 38px; 
}

h4, .h4 {
  font-size: 1.5em; 
  font-weight: 500; 
}

h5, .h5, h5 *, .h5 * {
  font-size: 1.25em; 
  font-weight: bold; 
}

p, .p {
  font-size: 1.25em; 
}

.green-text {
  color: var(--color-apple-green-light); 
}

.white-text {
  color: var(--color-neutral-white); 
}

.black-text {
  color: var(--color-neutral-black); 
}

.small-text {
  margin: 0 0 1em 0; 
  font-size: 1.25em !important;
}

.middle-text {
  font-size: 1.5em; 
  margin: 0 0 1em 0; 
}

/* Structure */
html{
  overflow-x: hidden; 
}

#main-content {
  background-color: var(--color-neutral-black); 
}

.flex-row {
  display: flex; 
  flex-direction: row; 
}

.flex-vertical-column {
  display: flex; 
  flex-direction: column; 
}

.body-wrapper {
  padding-top: 0; 
}

.section-wrapper {
  width: 100% !important; 
  margin: 0 auto 9em auto; 
  max-width: 1152px; 
}

.head {
  border-bottom: 1px solid var(--color-neutral-black); 
  margin: 0 0 4.5em 0; 
}

.dnd-section .dnd-column {
  padding: 0; 
  margin: 0; 
  width: unset; 
}

.dnd-section > .row-fluid, .page-center, .content-wrapper {
  max-width: 100%; 
}

/* Row 0 (Section 1): Desktop vedio and mobile video */
.dnd_area-row-0-padding {
  height: auto; 
  position: relative; 
  aspect-ratio: 1300 / 731; 
}

.dnd_area-row-0-background-color {
  background-color: var(--color-neutral-black) !important; 
}

.dnd_area-row-0-vertical-alignment > .row-fluid {
  justify-content: center; 
  align-items: center; 
  gap: 1.75em; 
  padding: 0; 
  height: 100%; 
}

.dnd-section.dnd_area-row-0-padding > .row-fluid {
  padding: 0; 
}

.vjs-hubspot .vjs-big-play-button {
  display: none; 
  width: 0; 
  height: 0; 
}

.span4.widget-span.widget-type-cell.dnd-column.dnd_area-column-1-vertical-alignment {
  width: calc(1114vw / 19.2); 
  max-height: 628px; 
  aspect-ratio: 1114 / 628; 
  border-radius: 3em; 
  overflow: hidden; 
}

#main-content .dnd_area-row-1-max-width-section-centering > .row-fluid {
  max-width: 1152px !important; 
  padding: 0; 
}

/* Row 1 (Section 2): What We Do and Trusted Partners */
main .dnd_area-row-1-padding {
  position: relative; 
  padding-left: calc(384vw / 19.2) !important; 
  padding-right: calc(384vw / 19.2) !important; 
  border-top-left-radius: 0; 
  border-top-right-radius: 0; 
}

/* what-we-do */
.what-we-do {
  display: flex; 
  flex-direction: column; 
  gap: 48px; 
}

/* Row 2 (Section 3): All your digital transformation needs, housed in one place, Our Clients and Latest News */
#main-content .dnd_area-row-2-background-layers {
  position: relative; 
  background-color: var(--color-rice-light_grey) !important; 
  border-top-left-radius: 5em; 
  border-top-right-radius: 5em; 
  padding: 144px 0; 
}

div#hs_cos_wrapper_widget_1704711456606 {
  padding: 0 calc(384vw / 19.2); 
}

.dnd_area-row-2-vertical-alignment > .row-fluid {
  flex-direction: column !important; 
  padding: 0; 
}

.row-fluid-wrapper.row-depth-1.row-number-9.cell_17047723188682-row-0-vertical-alignment.dnd-row > .row-fluid {
  align-items: center; 
}

.span6.widget-span.widget-type-cell.cell_1704780102754-vertical-alignment.dnd-column {
  padding: 0; 
}

.row-number-8 > .row-fluid {
  flex-direction: column !important; 
  padding: 0; 
}

img.hs-image-widget[alt="desktop"], img.hs-image-widget[alt="mobile"] {
  width: auto; 
  height: calc(628vw / 19.2) !important; 
  max-width: unset !important; 
  border-radius: 2.75em;
}

.row-fluid [class*=span]:first-child {
  width: 100%; 
}

.row-fluid:after, .row-fluid:before {
  display: none; 
}

.dnd_area-row-1-vertical-alignment > .row-fluid {
  flex-direction: column !important; 
}

.cell_17047723188682-row-0-vertical-alignment > .row-fluid {
  flex-direction: column !important; 
}

.row-fluid-wrapper.row-depth-1.row-number-6.dnd-row {
  margin-bottom: 200px; 
}

#hs_cos_wrapper_widget_1704772318453 {
  padding: 0 calc(384vw / 19.2); 
}

.footer-menu {
  display: flex; 
  flex-direction: column; 
  gap: 12px;
  margin: 0; 
  padding: 0; 
  text-align: start; 
  list-style-type: none;
}

.footer-menu .menu-item > a {
  font-size: 1.25rem;
  font-family: 'ProximaNova-Regular' !important; 
  color: #FFFFFF; 
/*   line-height: ;  */
  text-decoration: none; 
}

@media (max-width: 767px) {
  main .dnd_area-row-1-padding {
    padding-left: 25px !important; 
    padding-right: 25px !important; 
  }
}

@media (max-width: 1023px) {
  h1, .h1, h1 > span, .h1 > span {
    font-size: 3.125rem; 
    line-height: 60px; 
    margin: 0 0 72px 0; 
  }
  
  h2, .h2, h2 *, .h2 * {
    font-size: 48px; 
    line-height: 58px; 
  }
  
  h3, .h3, h3 *, .h3 * {
    font-size: 28px; 
    line-height: 38px; 
  }
  
  p {
    font-size: 1.25rem; 
  }
  
  .hs_cos_wrapper_type_rich_text > p, .hs_cos_wrapper_type_rich_text > p *, .hs_cos_wrapper_type_rich_text > .p, .hs_cos_wrapper_type_rich_text > .p * {
    font-size: 1.25rem; 
  }
  
  .dnd_area-row-0-padding {
    height: fit-content; 
  }
  
  .dnd_area-row-0-padding:after {
    display: none; 
  }
  
  .section-wrapper {
    margin: 0 auto 6em auto; 
    padding-left: 25px !important; 
    padding-right: 25px !important; 
  }
  
  main .dnd_area-row-1-padding {
    border-top-left-radius: 0; 
    border-top-right-radius: 0; 
    padding: 96px 25px !important; 
  }
  
  .row-fluid-wrapper.row-depth-1.row-number-6.dnd-row {
    margin-bottom: 96px; 
  }
  
  #main-content .dnd_area-row-2-background-layers {
    padding-left: 0; 
    padding-right: 0; 
    border-top-left-radius: 2.5em; 
    border-top-right-radius: 2.5em; 
  }
  
  #main-content .dnd_area-row-2-background-layers .section-wrapper {
    padding-left: 25px; 
    padding-right: 25px; 
  }
  
  .span6.widget-span.widget-type-cell.cell_1704780102754-vertical-alignment.dnd-column {
    padding: 0; 
  }
  
  div#hs_cos_wrapper_widget_1704711456606 {
    padding: 0; 
  }
  
  #hs_cos_wrapper_widget_1704772318453 {
    padding: 0; 
  }
}

@media (min-width: 1920px) {
  h1, .h1, h1 *, .h1 * {
    font-size: 96px; 
  }
  
  h2, .h2, h2 *, .h2 * {
    font-size: 48px; 
    line-height: 58px; 
  }
}

/* Buttons */
.white-btn, .black-btn {
  transition: all 0.3s; 
  white-space: nowrap; 
}

.white-btn {
  display: flex; 
  flex-direction: row; 
  gap: 0.313em; 
  width: fit-content; 
  padding: 20px 24px; 
  background-color: var(--color-neutral-white); 
  border-radius: 3.375em; 
  font-size: 16px;
  z-index: 1; 
}

.white-btn:hover {
  background-color: var(--color-apple-green-light); 
}

.white-btn > img, .black-btn > img {
  width: 20px; 
  height: 20px; 
}

.white-btn > img {
  transform: translateX(-3px);
}

.white-btn:hover > img {
  animation: arrowMove 0.3s linear forwards; 
}
  
.black-btn {
  display: flex; 
  flex-direction: row; 
  gap: 0.313em; 
  width: fit-content; 
  padding: 20px 24px; 
  background-color: var(--color-neutral-black); 
  border-radius: 3.375em; 
  color: var(--color-neutral-white) !important; 
  font-size: 16px; 
  z-index: 1; 
}

.black-btn:hover {
  color: var(--color-neutral-black) !important; 
  background-color: var(--color-apple-green-light); 
}

.black-btn > img {
  transform: translateX(-3px);
  filter: invert(100%); 
}

.black-btn:hover > img {
  filter: invert(0); 
  animation: arrowMove 0.3s linear forwards; 
}

@keyframes arrowMove {
  from {transform: translateX(-3px); }
  to {transform: translateX(3px); }
}

@media (max-width: 1023px) {
  .what-we-do {
    margin-bottom: 96px; 
  }
  
  .dnd_area-row-0-padding {
    overflow-x: auto; 
  }
  
  .dnd_area-row-0-padding::-webkit-scrollbar { 
    display: none; 
  }
  
  .span4.widget-span.widget-type-cell.dnd-column.dnd_area-column-1-vertical-alignment {
    min-width: 568px; 
    max-height: 300px; 
    border-radius: 0.75em; 
  }
  
  img.hs-image-widget[alt="mobile"] {
    border-radius: 0.75em; 
  }
  
  .dnd_area-row-0-vertical-alignment > .row-fluid {
    display: flex !important; 
    flex-direction: row !important; 
    align-items: center; 
    width: fit-content; 
    max-width: fit-content; 
  }
  
  img.hs-image-widget[alt="desktop"] {
    width: auto; 
    height: 300px !important; 
    border-radius: 2.75em;
  }
  
  img.hs-image-widget[alt="mobile"] {
    height: 300px !important; 
    max-height: unset !important; 
  }
    
  #main-content .dnd_area-row-2-background-color {
    padding: 96px 0; 
  }
}

/* Case Study Listing Page */
.custom-logo img {
  filter: invert(100%); 
}

.custom-menu-primary.desktop .hs-menu-wrapper>ul>li>a {
  color: var(--color-neutral-black); 
}

.custom-menu-primary.desktop .hs-menu-wrapper>ul>li>a:hover {
  color: var(--color-apple-green-light) !important; 
}

.case-study-title {
  text-decoration: none; 
}

/* Styles for light mode */
@media (prefers-color-scheme: light) {
  #main-content {
    background: var(--color-neutral-white); 
  }
  
  h1, h2, h3, h4, h5, h6, p {
    color: var(--color-neutral-black); 
  }
  
  form input[type=email], form input[type=file], form input[type=number], form input[type=password], form input[type=tel], form input[type=text], form select, form textarea {
    background-color: var(--color-neutral-white); 
    color: var(--color-neutral-black); 
  }
  
  .white-text {
    color: var(--color-neutral-white); 
  }
  
  .black-text {
    color: var(--color-neutral-black); 
  }
  
  .white-btn, [type="submit"] {
    background-color: var(--color-neutral-white); 
    color: var(--color-neutral-black); 
  }
  
  .black-btn {
    background-color: var(--color-neutral-black); 
    color: var(--color-neutral-white); 
  }
  
  .footer {
    background-color: var(--color-neutral-black) !important; 
  }
  
  .hs-form label {
    color: var(--color-neutral-white); 
  }
}

/* Styles for dark mode */
@media (prefers-color-scheme: dark) {
  #main-content {
    background: var(--color-neutral-white); 
  }
  
  h1, h2, h3, h4, h5, h6, p {
    color: var(--color-neutral-black); 
  }
  
  form input[type=email], form input[type=file], form input[type=number], form input[type=password], form input[type=tel], form input[type=text], form select, form textarea {
    background-color: var(--color-neutral-white); 
    color: var(--color-neutral-black); 
  }
  
  .white-text {
    color: var(--color-neutral-white); 
  }
  
  .black-text {
    color: var(--color-neutral-black); 
  }
  
  .white-btn, [type="submit"] {
    background-color: var(--color-neutral-white); 
    color: var(--color-neutral-black); 
  }
  
  .black-btn {
    background-color: var(--color-neutral-black); 
    color: var(--color-neutral-white); 
  }
  
  .footer {
    background-color: var(--color-neutral-black) !important; 
    color: var(); 
  }
  
  .hs-form label {
    color: var(--color-neutral-white); 
  }
}

/* CLEARgo Blog */
.post-featured-image img {
  margin: 0 auto 0 auto; 
}