/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
@media(max-width:480px) {
.header .Cl-website-h-main .Cl-web-left
 {
    width: 40%!Important;
    max-width: 40%!Important;
    flex: 0 0 40%!Important;
    display: flex
;
    align-items: center;
}

.header .Cl-website-h-main .Cl-web-right {
    width: 60%!Important;
    flex: 0 0 60%!Important;
    max-width: 60%!Important;
    display: flex
;
    align-items: center;
    justify-content: flex-end;
}
  .blog-index__post h2 {font-size:20px!important}
.blog-main-content {
    display: flex
;
    gap: 20px;
    flex-direction: column-reverse;
}
  .blog-post-text p {text-align:left!important}
  .blog-image img {max-width:300px;}
}

/* SEARCH BAR */
.hs-search-field__bar form {
    background-color: transparent!important;
    border: 0px hsla(0, 0%, 100%, .00)!important;
    border-radius: 20px;
    box-shadow: 0 0 0 0!important;
    padding: 35px;
    position: relative;
}

.hs-search-field__bar--button-inline form.hs-search-field__form {padding:0px!important;grid-template-columns: 80% 20%;}
.hs-search-field__bar--button-inline form.hs-search-field__form input {padding:10px 20px!important;}
.hs-search-field__bar--button-inline form.hs-search-field__form svg {height:20px!Important;}
.hs-search-field--open .hs-search-field__suggestions, .inpage-editor-active-field .hs-search-field__suggestions {box-shadow:0 0 0!important;}


#hs_cos_wrapper_site_search  form.hs-search-field__form {display:flex!important}
/* FOOTER */
.footer-inner-content {font-size:14px!important;}

@media (min-width:853px) {
.footer .footer-inner-main .footer-inner-left {
    width: 50%!important;
    max-width: 50%!important;
    flex: 0 0 50%!important;
}
.footer .footer-inner-main .footer-inner-right {
   width: 50%!important;
    max-width: 50%!important;
    flex: 0 0 50%!important;
}}
@media (max-width: 852px) {
  .footer .footer-inner-main .footer-inner-right {

    justify-content: center!important;
}
}
.content-image-r i {color:#f5f5f5}
.dnd_area-module-4 .custom-button a:hover span.right-icon svg, .dnd_area-module-4 .custom-button a:hover span.left-icon svg {
  fill:#f5f5f5;}
.footer-other-social a:hover, .footer-other-social .content-sec-s:hover {color:#f5f5f5!Important}

/* blog post overrides and new CSS */
@media screen and (min-width: 1000px) {
    .blog-index__post--small {
        flex: 0 0 25%!important;
    }
}
@media screen and (min-width: 768px) {
    .blog-index__post--small {
        flex: 0 0 33.33%!important;
    }
}
@media (max-width: 767px) {
    .blog-index__post {
        flex: 0 0 50%!important;
        padding: .1rem;
    }
}
.blog-main-content {
    display: flex;
    gap: 20px; /* Optional: Add space between the columns */
}

.blog-post-text {
    flex: 0 0 60%; /* Fixed ratio: 60% of the parent's width */
    padding: 10px; /* Optional: Add padding */
    box-sizing: border-box; /* Ensure padding doesn't affect width */
}

.blog-image-container {
    flex: 0 0 40%; /* Fixed ratio: 40% of the parent's width */
    padding: 10px; /* Optional: Add padding */
    box-sizing: border-box; /* Ensure padding doesn't affect width */
}
.blog-image img {max-width:500px;}
.section-ev-blog img.featured.blog-index__post-image.blog-index__post-image--small, .featured.blog-index__post-image {
    height: 292px !important;
    max-width: 100%;
    object-fit: cover !important;
}

.top-heading-container {
  text-align:left;max-width:100%;
}
.blog-image {
  position: relative;
}
.recent-blog-container .text-container {min-height:130px!important;}
.guest-social {margin-top:30px;}
.social-links__icon {background:#1f2354}

/* contact form */

form .hs-richtext, form .hs-richtext p {
    font-size: .875rem!important;
    margin: 0 0 1.4rem;
}

form {
    background-color: #fff;
    border: 1px solid hsla(0, 0%, 100%, .01);
     border-radius: 0px; 
     box-shadow: 0 0 0 0 #ffffff; */
    padding: 0px;
    position: relative;
}
[data-hsfc-id=Renderer] .hsfc-Step .hsfc-Step__Content {
        padding: 0px !important;
    }
.hsfc-RichText {text-align:left!important;}