/* 1a. Containers */




/* 1b. Colors */




/* 1c. Typography */































@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap');



.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 40px 1rem;
}

.dnd-section > .row-fluid {
  max-width: 1232px;
}





html {
  font-size: 16px;
}

body {
  font-family: Manrope, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #28323d;
  font-size: 16px;
}

a {
  color:rgba(44, 202, 107, 1.0);
}

a:hover,
a:focus {
  color:rgba(44, 202, 107, 1.0);
}

/* Headings */

h1,
.h1 {
  font-family: Manrope, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #FFFFFF;
  font-size: 64px;
  text-transform: capitalize;
}

h2,
.h2 {
  font-weight: 400; text-decoration: none; font-family: Manrope, sans-serif; font-style: normal;
  color: #2cca6b;
  font-size: 42px;
  text-transform: capitalize;
}

h3,
.h3 {
  font-weight: 500; text-decoration: none; font-family: Manrope, sans-serif; font-style: normal;
  color: #262626;
  font-size: 21px;
  text-transform: capitalize;
}

h4,
.h4 {
  font-family: Manrope, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #333333;
  font-size: 22px;
  text-transform: uppercase;
}

h5,
.h5 {
  font-family: Manrope, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #333333;
  font-size: 18px;
  text-transform: none;
}

h6,
.h6 {
  font-family: Manrope, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #2cca6b;
  font-size: 18px;
  text-transform: uppercase;
}


@media(max-width:1180px){
  h1{
    font-size: 38.4px;
  }

  h2{
    font-size: 30.24px;
  }

  h3{
    font-size: 16.8px;
  }

  h4{
    font-size: 19.8px;
  }

  h5{
    font-size: 17.099999999999998px;
  }

}


@media(max-width:767px){
  h1{
    font-size: 32.0px;
  }

  h2{
    font-size: 23.1px;
  }

  h3{
    font-size: 13.65px;
  }

  h4{
    font-size: 16.72px;
  }

  h5{
    font-size: 15.12px;
  }

  h6{
    font-size: 16.2px;
  }

}

/* Blockquote */

blockquote {
  border-left-color: #2cca6b;
}






.hs-button{
  background-color: rgba(44, 202, 107, 1.0);
  border: 2px solid ;

  border-color: rgba(44, 202, 107, 1.0);
  border-radius: 5px;
/*   border-width: 0px; */
/*   color: rgba(40, 50, 61, 1.0); */
  color: #262626;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family:Manrope;
  font-weight: 600;
}

.searchButtonFilter .hs-button:hover,
.ClearButtonFilter .hs-button:hover,
.hs-button:hover,.hs-button:focus{
/*   color: rgba(255, 255, 255, 1.0); */
/*   border-color: rgba(66, 91, 118, 1.0); */
  border-color:  rgba(44, 202, 107, 1.0);
  color: rgba(40, 50, 61, 1.0);
  background-color: rgba(221, 221, 221, 0.9) !important;
}






form,
.submitted-message {
  font-family: {font=Manrope, font_set=GOOGLE, styles={font-family=Manrope, sans-serif, font-style=normal, font-weight=normal, text-decoration=none}, size=16, size_unit=px, color=#28323d, variant=null, fallback=sans-serif, style=font-family: Manrope, sans-serif; font-style: normal; font-weight: normal; text-decoration: none, css=color: #28323d;font-size: 16px;font-family: Manrope, sans-serif;};
}

h3.form-title {
  background-color: rgba(221, 221, 221, 0.0);
  color: rgba(66, 91, 118, 1.0);
  
}

.hs-form label {
  color: rgba(66, 91, 118, 1.0);
  font-family:Manrope;
}

.hs-form legend {
  color: rgba(66, 91, 118, 1.0);
}

.hs-input,
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 {
  background-color: rgba(255, 255, 255, 1.0);
  color: rgba(66, 91, 118, 1.0);
  
    border: 1px solid #cbd6e2;
    
  border-radius: 3px;
  font-family:Manrope;
}

.hs-input:focus,
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(#null, 0.0);
}

/* Date picker */

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

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

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






th,
td,
thead th,
thead td{
  background-color: rgba(255, 255, 255, 1.0);
  border: 1px solid rgba(66, 91, 118, 1.0);
  color: rgba(66, 91, 118, 1.0);
}
thead th,
thead td {
  background-color: rgba(66, 91, 118, 1.0);
  color: rgba(255, 255, 255, 1.0);
}
tfoot td {
  background-color: rgba(255, 255, 255, 1.0);
  color: rgba(66, 91, 118, 1.0);
}
table,
tbody + tbody {
  border-color: rgba(66, 91, 118, 1.0);
}




.top-header{
  background-color: rgba(66, 91, 118, 1.0);
}


.top-header .contact-links p.item a{
  color: rgba(44, 202, 107, 1.0);
}
.top-header .contact-links p.item a:hover{
  color: rgba(44, 202, 107, 1.0);
}

header.header .social-links__icon svg,
.top-header .contact-links p.item a svg path{
  fill: rgba(44, 202, 107, 1.0);
}
header.header a.social-links__link:hover .social-links__icon svg {
  fill: rgba(44, 202, 107, 1.0);
}
.top-header .contact-links p.item a:hover svg path{
  fill: rgba(44, 202, 107, 1.0);
}


.bottom-header {
  background-color: rgba(40, 50, 61, 1.0);
  font-family: Manrope;
}
.custom-menu-primary .hs-menu-wrapper ul>li>a{
  color: rgba(221, 221, 221, 1.0);

}
.custom-menu-primary .hs-menu-wrapper ul>li.active-branch>a{
  color: rgba(44, 202, 107, 1.0);
}
.custom-menu-primary .hs-menu-wrapper ul>li:hover>a{
  color: rgba(44, 202, 107, 1.0);
}
.custom-menu-primary .hs-menu-wrapper ul ul>li>a {
  color: rgba(44, 202, 107, 1.0);
  background-color: rgba(66, 91, 118, 1.0);
}
.custom-menu-primary .hs-menu-wrapper ul ul>li> a:hover {
  background-color: rgba(66, 91, 118, 1.0);
  color: rgba(44, 202, 107, 1.0);
}
.custom-menu-primary .hs-menu-wrapper ul ul>li.active-branch>a  {
  background-color: rgba(66, 91, 118, 1.0);
  color: rgba(44, 202, 107, 1.0);
}



.custom-menu-primary .hs-menu-wrapper ul>li>a {
  font-size: 18px;
  font-weight: 500;
  padding-left: 1vw;
  padding-right: 1vw;
  display: inline-block;
  box-sizing: border-box !important;
  transition: opacity .2s,color .2s cubic-bezier(.455,.03,.515,.955),transform .2s cubic-bezier(.455,.03,.515,.955)
}
.scale ul>li a:hover {
  color: #2cca6b;
  transform: scale(1.1);
/*   transition: opacity .2s,color .2s cubic-bezier(.455,.03,.515,.955),transform .2s cubic-bezier(.455,.03,.515,.955); */
}

    .custom-menu-primary .hs-menu-wrapper ul>li:last-child>a:hover{
      color: #2cca6b;
      border-color: #2cca6b;
  }

  .custom-menu-primary .hs-menu-wrapper ul > li:nth-last-child(2):hover > a {
 transform: none;   
}


/* @media(min-width:996px) and (max-width: 1150px){
  .custom-menu-primary .hs-menu-wrapper ul>li>a {
    padding-left: 0rem;
    font-size: 16px;
  }
} */


@media(max-width:995px){
  .menu-wrapper {   
    display: none;
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    height: calc(100vh - 100px);   
    background-color: #425b76!important; /* Adjust as needed */
    transition: top 1.3s ease-in-out; /* Smooth transition for the slide down */
    z-index: 1000;
    text-align: center;
    overflow-y: auto;
  }
  
  #site-header.shrink .menu-wrapper {  
    height: calc(100vh - 75px);   
  }

#site-header.shrink .menu-wrapper.menu-open { 
  top: 75px;
  }

  .menu-wrapper.menu-open {
    display: block;
    top: 100px; /* Slide down to be fully visible */
    transition: top 0.3s ease-in-out; /* Smooth transition for the slide down */

  }

  .menu-wrapper.menu-open .custom-menu-primary ul {
    list-style: none;
    padding: 0;
    margin-top: 10%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px; /* Adjust the space between menu items */
    font-size: 32px!important;
    margin-top: 0;
    padding-bottom: 20px;
  }

  .menu-wrapper.menu-open .custom-menu-primary ul>li>a {
    list-style: none;
    padding: 0;
    margin: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px; /* Adjust the space between menu items */
    font-size: 32px!important;
    text-transform: uppercase;
  }
  .menu-wrapper.menu-open ul>li:last-child>a {
    color:  #425b76!important;
    padding: 12px 24px;
    border-radius: 5px;
    border: 2px solid #2cca6b!important;
    background-color:  #2cca6b!important;
    text-transform: uppercase;
  }
/*   .menu-wrapper.menu-open ul>li:last-child:hover > a {
    color: #425b76!important;
  } */
  .custom-menu-primary .hs-menu-wrapper ul > li:nth-last-child(2)>a {
    color: #dddddd!important;
    line-height: 1.25;
    padding: 12px 24px;
    border-radius: 5px;
    border: 2px solid #2cca6b!important;
    text-transform: uppercase;
  }
  
  .custom-menu-primary .hs-menu-wrapper ul > li:nth-last-child(2):hover > a {
    color: #425b76!important;
    background-color: #dddddd!important;
    border: 2px solid #dddddd!important;
    line-height: 1.25;
    padding: 12px 24px;
    border-radius: 5px;
    text-transform: uppercase;
  }


  .bottom-header .content-wrapper .logo {
    text-align: left;
  }


  header.header .hamburger-menu {
    cursor: pointer;
    display: flex;
    flex-flow: column wrap;
    height: auto;
    justify-content: space-between;
    margin-left: 20px;
    width: 50px;
  }

  header.header .hamburger-menu .bar-bottom,header.header .hamburger-menu .bar-middle,header.header .hamburger-menu .bar-top {
    background: #2cca6b!important;
    border-radius: 8px;
    height: 5px;
    margin: 3px 0;
    transform-origin: left;
    transition: all .5s
  }

  header.header .hamburger-menu.active .bar-top {
    transform: rotate(45deg);
    top: -11px;
    position: relative;
  }

  header.header .hamburger-menu.active .bar-middle {
    display: none
  }

  header.header .hamburger-menu.active .bar-bottom {
    transform: rotate(-45deg);
    top: 12px;
    position: relative;
  }


  .bottom-header .content-wrapper .logo {
    width: auto;
  }

  .bottom-header .content-wrapper {
    flex-direction: row;
  }

  header.header .hamburger-menu {
    margin-top: 0;
  }
  .menu-wrapper {
    position: absolute;
    width: 100%;
    top: 100%;
    background-color: #fff;
    padding: 0;
  }

  .bottom-header {
    position: relative;
  }

  .bottom-header {
    padding: 15px 0;
  }

  .h_cta {
    margin: 0;
  }

  .h_cta .hs-button {
    width: 100%;
  }

  .custom-menu-primary .hs-menu-wrapper ul>li>a {
    border-top: 0px;
  }
  header.header i.arrow-close {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 41px;
    justify-content: flex-end;
    right: 20px;
    position: absolute;
    top: 0;

  }

  header.header i.arrow-close:before {
    content: "❯";
    display: block;
    font-style: normal;
    text-align: center;
    transition: all .35s;
    width: 1em;
    color: rgba(78, 189, 254, 1.0);
    transform: rotate(90deg);
  }

  header.header i.arrow-close.active:before {
    transform: rotate(270deg);
  }

  .custom-menu-primary .hs-menu-wrapper ul ul {
    display: none;
  }


  .custom-menu-primary .hs-menu-wrapper ul ul>li>a {
    padding: 10px 20px;
  }
}





.footer {
  background-image:url(//22476247.fs1.hubspotusercontent-na1.net/hubfs/22476247/One_Contract_Policy_October%20_2022_Theme/Images/Footer_bg_image.png);
}

.footer .content .hs_cos_wrapper_type_rich_text>*{
  color: rgba(255, 255, 255, 1.0);
}
.footer a:not(.hs-button),
.footer p.item svg path,
.Fsocial .social-links__icon svg{
  color: rgba(255, 255, 255, 1.0);
  fill: rgba(255, 255, 255, 1.0);
}

.footer a:not(.hs-button):hover,
.footer p.item a:hover svg path,
.footer a.social-links__link:hover .social-links__icon svg{
  color: rgba(44, 202, 107, 1.0);
  fill: rgba(44, 202, 107, 1.0);
}
.bottom-footer{
  background-color: rgba(44, 202, 107, 1.0);
  color: rgba(255, 255, 255, 1.0);
}




.blog-comments {
  margin-bottom: 40px;
}

#comments-listing .comment-reply-to {
  color: ;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: ;
}

#comments-listing .comment-reply-to:active {
  color: ;
}





.hs-search-results__title {
  font-family: Manrope, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #FFFFFF;
}





/* Blog listing */

.blog-index__post-title-link,
.blog-index__post-title-link:hover,
.blog-index__post-title-link:focus,
.blog-index__post-title-link:active {
  font-weight: 400; text-decoration: none; font-family: Manrope, sans-serif; font-style: normal;
  text-transform: capitalize;
}

.blog-index__post-title-link {
  color: #2cca6b;
}

.blog-index__post-title-link:hover,
.blog-index__post-title-link:focus {
  color: #04a243;
}

.blog-index__post-title-link:active {
  color: #54f293;
}

.blog-index__post-tag,
.blog-index__post-author-name {
  color: #28323d;
}

/* Blog pagination */

.pagination__link-text,
.pagination__link--number {
  color: #28323d;
}

.pagination__link:hover .pagination__link-text,
.pagination__link:focus .pagination__link-text,
.pagination__link--number:hover,
.pagination__link--number:focus {
  color: #000a15;
}

.pagination__link:active .pagination__link-text,
.pagination__link--number:active {
  color: #505a65;
}

.pagination__link-icon svg {
  fill: #28323d;
}

/* Pricing card */

.card__price {
  font-weight: 500; text-decoration: none; font-family: Manrope, sans-serif; font-style: normal;
  color: #262626;
  font-size: 21px;
}

.card__body svg {
  fill: #425b76;
}

/* Social follow */

.foooterupdated2023 h2 { font-family: 'Roboto Condensed', sans-serif; }