:root {
    --dark-blue: #254677;
    --light-blue: #DDF1FA;
    --sky-blue: #55BAEA;
    --maroon: #822275;
    --light-yellow: #FAFADC;
  }
  /*******************CC Blog Listing Template - 2023***************************/
  h2 { font-weight:700; }
  .post_title_name h1 { color:#fff; }

  /*************************Blog Tabbing**************************/
  .blog-tag-list-wrap .blog-tag-list.active a {  background: var(--dark-blue); }
  .blog-tag-list a:hover { background: var(--dark-blue); }
  .blog_right-inner-img { background: var(--dark-blue); }
  .blog-tag-list a { color: var(--dark-blue); font-weight: 400; }
  .blog_serch-icon svg { width: 25px; height: 25px; }
  .blog_serch-icon { justify-content: center; }
  .blog_serch-icon svg path { fill:  var(--maroon); }
  .blog_wrap_top_section:before {  background-color: var(--light-blue);  }

  /*************************Blog Right Top Part**************************/
  .blog_right_top_part h4 { color: var(--dark-blue);font-weight: 700; }
  .org-cta , .hs-button.primary.large , .megabundle_redesign .megabundle_header .btn-orange {
    background-color: #fff !important;
    color:var(--sky-blue) !important;
    padding: 6px 48px;
    border:2px solid var(--sky-blue);
    border-radius: 13px;
    font-weight: 700;
}
.g-cta-btn:hover , .hs-button.primary.large:hover , .megabundle_redesign .megabundle_header .btn-orange:hover {
 background: var(--sky-blue) !important;
 color: #fff !important;   
}

.hs-blog-post .post_two_column_sec .org-cta.g-cta-btn {
    background-color:var(--maroon) !important; 
    border:2px solid var(--maroon);
  color:#fff !important;
}
.hs-blog-post .post_two_column_sec .org-cta.g-cta-btn:hover {
    background-color:transparent !important; 
}

  /*************************Blog Subscription Part**************************/
  .blog_subscribe_part form .hs-form-field>label , .blog_subscribe_part form .hs-form-required , .blog_subscribe_part .hs-form-radio-display span { color: var(--dark-blue); }
  .blog_subscribe_part {  background: var(--sky-blue);} 
  .blog_subscribe_part h3.form-title { font-weight:700; }
  .blog_subscribe_part form .hs-button.primary.large { background-color: var(--dark-blue) !important;border:2px solid var(--dark-blue);font-weight:700 !important;border-radius:13px; }
  .blog_subscribe_part form .hs-button.primary.large:hover { background-color: #fff !important;color:var(--dark-blue) !important;font-weight:700 !important; }

  /*************************Banner Recent Blog**************************/
  .post-content .min-read , .inner-popular-post:hover .min-read { color:var(--maroon);font-weight:600; }
  .post-content h1 { color:var(--dark-blue);font-weight:400;font-family:'Source Serif Pro'; }
  .post-body p , .inner-popular-post:hover .post-content h1 , .inner-popular-post:hover .post-body p { color:var(--dark-blue);font-weight:400; }
  .post-content a.more-link ,  .inner-popular-post:hover .post-content a.more-link { color: var(--sky-blue); position: relative; z-index: 11; }
  .inner-popular-post:hover , .blog_related_artical .post-listing .post-item1:hover { background: var(--light-yellow); }
  .popular-post ul li:hover h5 { color:var(--dark-blue); }


  /*************************Popular Resources**************************/
  .popular-post ul li h5 { color:var(--dark-blue);font-weight:700;margin-top:-2px; }
  .popular-post ul li span svg path { fill: #E6E651; }
  .popular-post ul li span svg #Fill-4, .popular-post ul li span svg #Fill-6 { fill: #fff; }
  .popular-post ul li:hover { background: var(--light-yellow); }

  /************************* Latest Blog **************************/
  .post-catagory a { background-color:var(--light-blue);color:var(--dark-blue);margin-right:0px; }
  .post-catagory { gap:18px; }
  .blog-pagination ul .pg li.active a { background-color:var(--maroon); }
  .blog-pagination ul .pg li.active a:hover { background-color:var(--light-blue); }
  .blog-pagination ul .pg li a:hover { background-color:var(--sky-blue); }
  .post-item1 .post-content h5 { color: var(--dark-blue);font-weight:700; }
  .blog-pagination ul .pg li a { color: var(--dark-blue);font-weight:400; }
  .post-catagory a:hover { background-color:var(--sky-blue);color:#fff; }
  .post-item1:hover .post-content .more-link { color: var(--sky-blue); }
  .post-item1:hover { background:var(--light-yellow); }
  .post-item1:hover .post-content .min-read , .post-item1:hover .post-content .min-read span { color: var(--maroon);}
  .post-item1:hover .post-content .more-link:hover { color: var(--dark-blue); }
  .post-item1:hover .post-content * , .post-item1:hover .post-catagory a { color: var(--dark-blue); }

  /*******************CC Blog POST Template - 2023***************************/

  /************************* Blog Banner **************************/
  .breadcum-wrap a { color: #A8B5C9; font-weight: 600; }
  .left-post-banner { background:var(--dark-blue); }
  .left-post-banner .post-catagory { gap:10px; }

  .hs-blog-post .cc-blog-post-body p, .hs-blog-post .cc-blog-post-body em , .publish-date , .hs-blog-post .cc-blog-post-body .hs_cos_wrapper_type_rich_text ul li { 
    color:var(--dark-blue); 
}
  .pillar-box { background:#BBE3F6;position:relative;z-index:1; }
  a.pillar-cta-btn {
    background-color: var(--maroon)!important;
    border: 2px solid var(--maroon);
    border-radius: 13px;
    font-weight: 700;
    padding: 6px 48px;
    display: inline-block;
    font-size: 16px;
    line-height: normal;
    color: #fff!important;
}
a.pillar-cta-btn:hover {
  background-color: #fff!important;
    border: 2px solid var(--sky-blue);
    color: var(--sky-blue)!important;
}
}
  .cc-blog-post-body h1, .cc-blog-post-body h3, .cc-blog-post-body h4, .cc-blog-post-body h5, .cc-blog-post-body h6 { color:var(--maroon);font-weight:400; }
  .cc-blog-post-body h2 { color:var(--maroon);font-weight:600; }
  .cc-blog-post-body h2 { font-size:28px;line-height:32px; }
  .cc-blog-post-body p a , .cc-blog-post-body span a { color:var(--sky-blue); font-weight: inherit; }
  .cc-blog-post-body .hs_cos_wrapper_type_rich_text ul li:before { background:url('https://blog.clearcompany.com/hubfs/_BLOG%20IMAGES/cc_blog_images/Green-Checkmark%201%201.png');background-repeat:no-repeat; }
  .cc-blog-post-body .dw-img img { padding-top:20px;height:50px; background-color:var(--dark-blue);margin:0;}
  .cc-blog-post-body .download-box h1, .cc-blog-post-body .download-box h2, .cc-blog-post-body .download-box h3, .cc-blog-post-body .download-box h4, .cc-blog-post-body .download-box h5, .cc-blog-post-body .download-box h6 {
    color:var(--dark-blue); font-weight:700;font-family:"Open Sans", Arial, Helvetica, sans-serif;
  }
  .download-box .dw-img { background-color:var(--dark-blue);margin: 0 0 20px;height: 100%; }
.download-box h3 br:first-child {display:none;}
  /*.download-box .org-cta { 
    background-color:var(--maroon) !important; 
    border:2px solid var(--maroon);  
    padding:6px 8px;
    min-width:100%;
}
  .download-box .org-cta:hover { color:var(--sky-blue) !important;border:2px solid var(--sky-blue);background-color:#fff !important; }
*/
 .download-box .org-cta { 
    padding:6px 8px;
    min-width:100%;
}
  #mainNav span.active i, #mainNav i:hover { color: var(--maroon); }
  i.navigation__link:before { background-color: var(--maroon); }
  #mainNav i { color: var(--maroon); }
  i.navigation__link:after { border: 1px solid var(--maroon); }
  #mainNav span:before { background-color: var(--maroon); }
  #mainNav i { color: #82227599;font-weight:600; }

  .post_two_column_sec { background:var(--dark-blue); }
  .post_two_col_left h2 ,.post_two_col_left p { font-weight: 400; }
  .post_two_col_left p { font-size: 20px; line-height: 1.5; }
  .post_two_col_left h2 { font-family: "Source Serif Pro",serif; }

  .hs-author-social-links a { color:var(--dark-blue);font-weight:400;border:2px solid var(--dark-blue); }
  .author-link { color:var(--dark-blue) !important;font-weight:700; }
  .author-details p { color:var(--dark-blue);font-weight:400; }
  .hs-author-social-links a:hover { background-color:var(--dark-blue); }

  .rel-title h2 { color:var(--maroon);font-family: "Source Serif Pro",serif;font-weight:400;font-size:34px; }
  .blog_related_artical .post-listing .bottom-box_wrap a.more-link , .blog_related_artical .post-item1:hover .bottom-box_wrap a.more-link { color:var(--sky-blue); }
  .blog_related_artical { background-color:#E8ECF1; }


  .at-resp-share-element .at-share-btn .at-icon-wrapper { background-color:var(--sky-blue); }
  .min-read { color:var(--maroon); }
  .blog-post-top-left > div:first-child { font-weight: 700; }


  .megabundle_redesign .megabundle_header { background-color:var(--dark-blue); background-image: none; }



  .megabundle_redesign #resources li:before { background: #E6E651; }
  .megabundle_redesign #resources h2 { color:var(--maroon);font-family: "Source Serif Pro",serif; }
  .megabundle_redesign .main_cta_form_area h2 { color:var(--maroon);font-weight: 600; }
  .megabundle_redesign #resources p , .megabundle_redesign #resources li , .megabundle_redesign p strong { color:var(--dark-blue);font-weight: 400; }
  .megabundle_redesign p strong { font-weight: 700; }
  div.main_cta_form_area div.main_offer_form label { color:var(--dark-blue) !important;font-weight:400; }
  .megabundle_redesign .main_cta_form_area {
    box-shadow: inset 0px 0px 20px #00000017;
    border-radius: 20px;padding:10px 30px 30px 30px;
  }

  .new_form form input {
    width: 100%;
    margin-bottom: 10px;
  }

  .hs-form-field {
    margin: 0;
  }
  
    a.custom-btn.btn-orange , .actions .hs-button.primary.large{ font-weight: 600 !important; }
  .megabundle_redesign .megabundle_header h1 { font-family: "Source Serif Pro",serif; }
  
  .megabundle_redesign .main_cta_form_area { width:470px; }
  form.hs-form input[type="text"], form.hs-form input[type="email"], form.hs-form select, form.hs-form textarea, form.hs-form .email-correction, form.hs-form .email-validation {
    width: 100%;
  }
  .megabundle_redesign .main_cta_form_area fieldset.form-columns-2 .input { margin:0; }
  .new_form form fieldset { display:flex;gap:18px; }
  
   .main_offer_image_form_area > .row-fluid-wrapper > .row-fluid { display:flex;justify-content:space-between; }
  .dark-blue-color h2 { color:var(--dark-blue);font-weight:700; }
  .maroon h2 { color:var(--maroon);font-family:"Source Serif Pro",serif; } 
  .main_offer_image_form_area > .row-fluid-wrapper > .row-fluid > div {
    width: calc(33.33% - 75px);
    margin: 0;
  }

  /*******************Bug Fixes******************/
  a.custom-btn.btn-orange , .actions .hs-button.primary.large{ font-weight: 600 !important; }
  .megabundle_redesign .megabundle_header h1 { font-family: "Source Serif Pro",serif; }
  .megabundle_redesign #resources li:last-child { padding-bottom: 15px; }
  .blog-tag-list a:hover { background: var(--sky-blue); }
  .post-content a.more-link { font-weight:700; }
  .pop-title h2 { font-family: "Source Serif Pro",serif;color:var(--maroon);font-weight:700; }
  .left-inner-post .post_title_name h1 { font-family: "Source Serif Pro",serif; }
  .left-inner-post .post_title_name h1 {
    font-family: "Source Serif Pro",serif;
    font-weight: 400;
    font-size: 40px;
    line-height: 50px;
  }
  .post_two_col_left .g-cta-btn:hover {
    background-color: transparent !important;
  }
  /********Change Request**********/
  a.custom-btn i {
    display: none;
}
  
  /*******************End Bug Fixes******************/

    /*******************New Updates******************/

  a.custom-btn i { display: none;}
  .cc-blog-post-body .ctt { background: #254677; }
  .ctt:before { background: #9B4E91; }
 /* .cc-blog-post-body em { background-color: #BBE3F6; border: none; color: #254677; }*/
  .post_two_column_sec { padding:60px 0; }
  
  @media ( max-width:1280px ){
    .megabundle_redesign .main_cta_form_area {
      width: 100%;
    }
    .post-item1 {
      margin-right: 0;
      width: calc( 33.33% - 10px );
    }
    .post-listing {
      justify-content: space-between;
    }
  }
  @media (max-width: 1030px){
    .blog_right_part {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin-top: 20px;
      width: 100%;
    }
    .blog_right_top_part, .blog_subscribe_part {
      width: 48%;margin:0;
    }
  }
  @media (max-width: 991px){
    .dark-blue-color h2 {
      font-size: 20px;
    }
    .main_offer_image_form_area > .row-fluid-wrapper > .row-fluid > div {
      width: calc(33.33% - 15px);
      margin: 0;
    }
    .main_offer_image_form_area > .row-fluid-wrapper > .row-fluid {
      justify-content: space-between;
    }
    .main_offer_image_form_area > .row-fluid-wrapper > .row-fluid:before , .main_offer_image_form_area > .row-fluid-wrapper > .row-fluid:after { display:none; }


    .sky-blue-btn a {
      width: 90%;
      padding: 8px;
      text-align: center;
    }
    .cc-blog-post-body .hs_cos_wrapper_type_rich_text ul li:before {
      background-size: 20px;
      height: 25px;
      top: 5px;
      width: 25px;
    }
    .post-item1 {
      width: calc(50% - 30px);
      margin-right: 0px;
    }
    .megabundle_redesign #resources {
      width: 100%;
      max-width: 100%;
      float: none;
      margin: 0;
    }
    .megabundle_redesign .main_cta_form_area {
      width: 100%;
      float: none;
      display: block;
      max-width: 100%; margin-bottom: 0;
    }
    .megabundle_redesign .row-fluid .span5 { width:100%;float:none; padding: 10px !important; }
    .main_offer_image_form_area .row-fluid-wrapper .row-fluid > div {
      width: 100%;
      padding: 10px 10px 20px;
    }
    .new_form form fieldset {
    width: 100%;
    max-width: 80%;
}
  }
  @media (max-width: 768px){

    .post-item1 {
      width: 100%;
      margin-right: 0px;
    }
    .blog_right_top_part, .blog_subscribe_part {
      width: 100%;
    }
    .blog_subscribe_part {    padding: 20px 100px; }
    .blog_right_part {
      flex-direction: column;
      gap: 20px;
    }
    .blog_subscribe_part form .hs-form-field>label {
      text-align: center;    width: 100%;
    }

    .blog_subscribe_part form.hs-form .hs-form-field ul.inputs-list {
      justify-content: center;
      gap: 10px;
    }
        .main_offer_image_form_area > .row-fluid-wrapper > .row-fluid > div {
      width: 80%;
      margin: 0 auto;
    }
    .main_offer_image_form_area > .row-fluid-wrapper > .row-fluid { flex-wrap:wrap; }
  }
  @media ( max-width:640px ){
    .left-inner-post .post_title_name h1 {
      font-size: 26px;
      line-height: 35px;
    }
    .cc-blog-post-body h2 {
      font-size: 22px;
      line-height: 32px;
    }
    .pillar-box {
      margin-top: 30px; }
    .new_form form fieldset {
      flex-direction: column;
      gap: 0;
    }

    .main_offer_form .hs-form-field {
      width: 100% !important;
    }
  }
  @media ( max-width:480px ){

    .blog_subscribe_part {
      padding: 20px 15px;
    }
    .blog_subscribe_part form .input>.hs-input {
      margin-top: -5px;
    }
    .blog_subscribe_part form.hs-form .hs-form-field ul.inputs-list {
      margin-top: -10px;
    }
  }