/* @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    */
/*****************************************/




  
  
  
  
  
  































  
  
  
  
  
  

  
  
  
  
  
  

  
  
  
  
  
  












































































  





  



















  
  
  





  
  
  
  
  
  
  
  
  
  
  
  
  



  
  
  



  
  



  








































/* Blog Inner Page CSS Start */

body.hs-blog-post {
  background: linear-gradient(180deg, #eabaeb 0%, white 100%) !important; 
}
body.hs-blog-listing {
  background: #f8f7f2 !important; 
}

.blog-body-1__sharing { width: 200px; }
.blog-body-1__sharing h4 { font-size: 1rem !important; font-weight: bold; }

/**/
.bloginner_hero_sec { padding: 40px 0 96px 0; }
.bloginner_hero_sec .bloginner_hero_left{ width: 50%; padding: 0 15px; }
.bloginner_hero_sec .bloginner_hero_right{ width: 50%; padding: 0 15px; }
.bloginner_hero_sec .hero_featured_img{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
.bloginner_hero_sec .hero_featured_img .hero_featured_img_name p{ font-size: 16px; writing-mode: vertical-rl; transform: rotate(180deg); margin: 0; text-transform: capitalize; color: #eeedf2; font-weight: 300; }
.bloginner_hero_sec .hero_featured_img img.hs-featured-image{ margin: 0; max-width: 100%; float: none; width: 100%; }
.bloginner_hero_sec .bloginner_hero_content { padding-left: 50px; }
.bloginner_hero_sec .bloginner_taglist_div .d-flex{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; /*-webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;*/ }
.bloginner_hero_sec .bloginner_taglist_div .bloginner_taglist_icon{ width: 50px; }
.bloginner_hero_sec .bloginner_taglist_div .bloginner_taglist{ width: calc(100% - 50px); padding-left: 15px; }
.bloginner_hero_sec .bloginner_taglist_div .bloginner_taglist .blog-post__tag-link{ display: inline-block; font-size: 2.50rem; line-height: 1.20; text-decoration: none; color: #1c1c1c; }
.bloginner_hero_sec .bloginner_title_div{ display: inline-block; width: 100%; margin-top: 20px; }
.bloginner_hero_sec .bloginner_title_div h1{ display: inline-block; width: 100%; font-weight: 600; }
.bloginner_hero_sec .bloginner_author_content{ display: inline-block; width: 100%; }
.bloginner_hero_sec .bloginner_author_content .bloginner_author,
.bloginner_hero_sec .bloginner_author_content .bloginner_time,
.bloginner_hero_sec .bloginner_author_content .bloginner_date{ display: inline-block; font-size: 16px; }
.bloginner_hero_sec .bloginner_author_content .bloginner_author a{ text-transform: capitalize; border-bottom: 2px solid #e2f163; text-decoration: none; font-size: 16px; } 
.bloginner_hero_sec .bloginner_author_content .bloginner_time:before { content: ""; display: inline-block; vertical-align: middle; width: 15px; height: 2px; background: #1c1c1c; margin: 0 3px; }

.bloginner_content_sec{ padding-top: 80px; position: relative; }
.bloginner_content_sec .blog-body__wrap{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.bloginner_content_sec .left_part{ width: calc((100vw - 1168px) / 2 + 150px); padding-right: 30px; }
.bloginner_content_sec .table_of_content_div { position: sticky; top: 130px; }
.bloginner_content_sec .table_of_content_div ul{ list-style: none; padding: 0; margin: 0; }
.bloginner_content_sec .table_of_content_div ul li{ display: inline-block; width: 100%; }
.bloginner_content_sec .table_of_content_div ul li:not(:last-child){ margin-bottom: 10px; }
.bloginner_content_sec .table_of_content_div ul li a { text-decoration: none; display: inline-block; width: 100%; position: relative; transition: 0.4s ease all; font-size: 16px; color: #d76522;}
.bloginner_content_sec .table_of_content_div ul li a:hover,
.bloginner_content_sec .table_of_content_div ul li a.active{ font-weight: 700; }
.bloginner_content_sec .share_part{ width: 13%; }
.bloginner_content_sec .center_part{ width: 61%;}
.bloginner_content_sec .right_part{ width: 26%; padding-left: 30px; position: relative; }
.bloginner_content_sec .bloginner_cta_div { position: sticky; top: 130px; background: linear-gradient(180deg, #d76522 0%, #d76522 55%, transparent 100%); }
.bloginner_content_sec .bloginner_cta{ padding: 20px 25px; width: 270px; max-width: 100%; margin-left: auto; position: relative; /*border-radius: 15px;*/ } 
.bloginner_content_sec .bloginner_cta h3{ color: #FFF; margin-bottom: 10px; }
.bloginner_content_sec .bloginner_cta h4{ color: #FFF; margin-bottom: 10px; }
.bloginner_content_sec .bloginner_cta p{ margin-bottom: 15px; font-size: 14px; }
.bloginner_content_sec .bloginner_cta a{ display: inline-block; text-decoration: none; padding: 2px 15px; border-radius: 3px; color: #1c1c1c; transition: 0.4s ease all; width: 100%; border: 2px solid black; } 
.bloginner_content_sec .bloginner_cta a:hover{ transform: scale(1.07); }
.bloginner_content_sec .bloginner_content{ color: #1c1c1c; width: 750px; max-width: 100%; } 
.bloginner_content_sec .bloginner_content p img{ width: 100% !important; margin: 30px auto; }
.bloginner_content_sec .bloginner_content p a{ font-weight: bold; border-bottom: 2px solid #eabaeb; color: #eabaeb; text-decoration: none; }
.bloginner_content_sec .bloginner_content ul,
.bloginner_content_sec .bloginner_content ol{ padding-left: 20px; text-indent: 2px; }
.bloginner_content_sec .bloginner_content ul li,
.bloginner_content_sec .bloginner_content ol li{ padding: 0; text-indent: 2px; }
.bloginner_content_sec .bloginner_content ul li::marker,
.bloginner_content_sec .bloginner_content ol li::marker{ color: #eabaeb; }
.bloginner_content_sec .bloginner_content ul li span,
.bloginner_content_sec .bloginner_content ol li span{ color: #eabaeb; }
.bloginner_content_sec .bloginner_content blockquote{ padding-left: 70px; position: relative; color: #eabaeb; font-size: 24px; }
.bloginner_content_sec .bloginner_content blockquote:before{ content: ""; width: 50px; height: 24px; position: absolute; top: 7px; left: 0; background: url('https://25585986.fs1.hubspotusercontent-eu1.net/hubfs/25585986/Contentfish%20Brand/2022/contenfish_icon_blue.svg') no-repeat center / cover; }

.bloginner_content_sec .bloginner_cta.cta_booger_buster{ background-color: #e2f163; }
.bloginner_content_sec .bloginner_cta.cta_booger_buster h4,
.bloginner_content_sec .bloginner_cta.cta_booger_buster p{ color: #1c1c1c; }
.bloginner_content_sec .bloginner_cta.cta_booger_buster .button_cta{ background: #1c1c1c !important; color: #e2f163 !important; }
.bloginner_content_sec .bloginner_cta.cta_booger_buster:before{ background: url('https://25585986.fs1.hubspotusercontent-eu1.net/hubfs/25585986/Contentfish/Contentfish%20Brand/2022/download-icon-dark-contentfish.svg') no-repeat 50%/cover; }

.bloginner_content_sec .bloginner_cta.cta_eerie_black{ background-color: #1c1c1c; }
.bloginner_content_sec .bloginner_cta.cta_eerie_black h4,
.bloginner_content_sec .bloginner_cta.cta_eerie_black p{ color: #eeedf2; }
.bloginner_content_sec .bloginner_cta.cta_eerie_black .button_cta{ background: #e2f163 !important; color: #1c1c1c !important; }
.bloginner_content_sec .bloginner_cta.cta_eerie_black:before{ background: url('https://25585986.fs1.hubspotusercontent-eu1.net/hubfs/25585986/Contentfish/Contentfish%20Brand/2022/download-icon-lime-contentfish.svg') no-repeat 50%/cover; }

.bloginner_content_sec .bloginner_cta.cta_bright_gray{ background-color: #eeedf2; }
.bloginner_content_sec .bloginner_cta.cta_bright_gray h4,
.bloginner_content_sec .bloginner_cta.cta_bright_gray p{ color: #1c1c1c; }
.bloginner_content_sec .bloginner_cta.cta_bright_gray .button_cta{ background: #3b45c5 !important; color: #eeedf2 !important; }
.bloginner_content_sec .bloginner_cta.cta_bright_gray:before{ background: url('https://25585986.fs1.hubspotusercontent-eu1.net/hubfs/25585986/Contentfish/Contentfish%20Brand/2022/download-icon-blue-contentfish.svg') no-repeat 50%/cover; }

.bloginner_content_sec .bloginner_cta.cta_queen_pink{ background-color: #eac8d1; }
.bloginner_content_sec .bloginner_cta.cta_queen_pink h4,
.bloginner_content_sec .bloginner_cta.cta_queen_pink p{ color: #1c1c1c; }
.bloginner_content_sec .bloginner_cta.cta_queen_pink .button_cta{ background: #3b45c5 !important; color: #eeedf2 !important; }
.bloginner_content_sec .bloginner_cta.cta_queen_pink:before{ background: url('https://25585986.fs1.hubspotusercontent-eu1.net/hubfs/25585986/Contentfish/Contentfish%20Brand/2022/download-icon-blue-contentfish.svg') no-repeat 50%/cover; }


/* Blog Inner Page CSS End */

.blog-3--post .bloginner_content_sec .bloginner_cta h4 {font-size: 1.3rem; font-weight: bold;}
.blog-3--post .bloginner_content_sec .bloginner_cta p {font-size: 15px; text-align: right;}
.blog-3--post .bloginner_content p {margin-bottom: 10px;}

/* 26-05-2022 */

.cta_section {display: inline-block;width: 100%;  }
.cta_section .bloginner_cta {width: 68%;max-width: 100%;margin: 0; padding:50px;}
.cta_section .bloginner_cta h4 {margin-bottom: 20px;}
.cta_section .bloginner_cta p {margin-bottom: 20px;}

.blog_showing_results { margin-bottom: 40px; font-size: 24px; color: #323aa7; }
.blog_showing_results span { display: block; font-size: 18px; color: #424242; }

/* 2023-07-27 Mouse Over Transition Animation Elements */
.cf_make_bigger {transition: all .2s ease-in-out;}
.cf_make_bigger:hover{ transform: scale(1.01); }

/* Min Width Media Query */
@media(min-width: 1200px){
  .table_of_content_mobile{ display: none; }
  .bloginner_content_sec .table_of_content_div ul li a{ padding-left: 40px; }
  .bloginner_content_sec .table_of_content_div ul li a:after { content: ""; width: 100%; height: 2px; background: #d76522; position: absolute; left: 0; top: 0; transform: translateY(-50%); }
  .bloginner_content_sec .table_of_content_div ul li a.active:after{ height: 3px;}
  .bloginner_content_sec .left_part{ position: absolute; top: 300px; bottom: 100px; left: 0; }
  
}

@media(min-width: 1367px){
  .bloginner_content_sec .table_of_content_div ul li a{ padding-left: 70px; }
  .bloginner_content_sec .table_of_content_div ul li a:before{ left: 42px; height: 18px; }
}

@media(min-width: 1451px){
  .bloginner_content_sec .table_of_content_div ul li a{ padding-left: 100px; }
  .bloginner_content_sec .table_of_content_div ul li a:before{ left: 72px; height: 19px; }
}

/* Max Width Media Query */
@media(max-width: 1800px){
/*   .bloginner_content_sec .left_part { margin-left: -240px; } */
  .bloginner_content_sec .center_part { width: 65.335%; }
  .cta_section .bloginner_cta { width: 65.335%; }
}

@media(max-width: 1650px){
  .bloginner_content_sec .left_part { width: 300px; /*margin-left: -130px; */ padding-right: 20px; }
  .bloginner_content_sec .center_part { width: 60%; }
  .bloginner_content_sec .right_part{ width: 27%; }
  
  .cta_section .bloginner_cta { width: 60%; margin:0 0 0 110px; }
}

@media(max-width: 1450px){
/*   .bloginner_content_sec .left_part{ margin-left: -96px; } */
  .bloginner_content_sec .center_part { width: 57%; }
  .bloginner_content_sec .bloginner_content { width: 600px; }
  
  .cta_section .bloginner_cta { width: 57%; }
}

@media(max-width: 1366px){
  .bloginner_content_sec .container{ width: 800px; }
  .bloginner_content_sec .center_part { padding: 0 30px; width: 95%; }
  .bloginner_content_sec .left_part { width: 210px; /* margin-left: -210px; */ padding-right: 0; }
  .bloginner_content_sec .right_part { width: 230px; padding-left: 0px; margin-right: -220px; }
  .bloginner_content_sec .blog-body__wrap{ -webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start; }
  
  .cta_section .bloginner_cta { width: 85%; margin:0; }
}

@media(max-width: 1199px){
  .bloginner_hero_sec{ padding-bottom: 50px; }
  .bloginner_hero_sec .bloginner_hero_content { padding-left: 0; }
  
  .bloginner_content_sec{ padding-bottom: 50px; }
  .bloginner_content_sec .container { width: 100%; }
  .bloginner_content_sec .left_part { width: 100%; margin-left: 0; padding-right: 0; }
  .bloginner_content_sec .table_of_content_div{ position: relative; top: inherit; margin-bottom: 40px; }
  .bloginner_content_sec .table_of_content_div .table_of_content_mobile{ background: linear-gradient(111.02deg,#3b45c5,#2f379d); color: #fff; padding: 0.91rem 1.36rem; border-radius: 0; border-radius: 25px; font-size: 1rem; transition: 0.4s ease all; }
  .bloginner_content_sec .table_of_content_div .table_of_content_mobile:after{ content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; width: 30px; height: 15px; background: url("data:image/svg+xml, <svg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'><path d='M3.60311 4.14644C3.40785 4.34171 3.40785 4.65829 3.60311 4.85356L6.60312 7.85355C6.79837 8.0488 7.11497 8.0488 7.31022 7.85355L10.3102 4.85356C10.5055 4.65829 10.5055 4.34171 10.3102 4.14644C10.115 3.95119 9.79837 3.95119 9.60312 4.14644L6.95667 6.7929L4.31022 4.14644C4.11496 3.95119 3.79838 3.95119 3.60311 4.14644Z' fill='%23FFF'></path></svg>") no-repeat center / 100%; }
  .bloginner_content_sec .table_of_content_div .table_of_content_mobile.active{ border-radius: 25px 25px 0 0; } 
  .bloginner_content_sec .table_of_content_div ul{ position: absolute; background-color: #F5F5F5; top: 100%; left: 0; right: 0; display: none; }
  .bloginner_content_sec .table_of_content_div ul li{ margin: 15px 0; padding: 0 15px; }
  .bloginner_content_sec .center_part{ width: calc(100% - 300px); padding-left: 0; }
  .bloginner_content_sec .right_part{ padding-left: 0; width: 300px; }
  .bloginner_content_sec .bloginner_cta_div { top: 100px; }  
  .bloginner_content_sec .bloginner_content blockquote{ font-size: 18px; }
 
  /* 18-05-2022 */
  .blog-3--post .bloginner_content_sec .table_of_content_div .table_of_content_mobile {border-radius: 0;}
  
  .blog-hero-1__center.container{width:100%;}
}

@media(max-width: 991px){
  .bloginner_hero_sec{ padding-bottom: 50px; }
  
  .bloginner_content_sec{ padding-bottom: 50px; }
  .bloginner_content_sec .center_part{ width: calc(100% - 300px); padding-left: 0; }
  .bloginner_content_sec .right_part{ padding-left: 0; width: 300px; }
}

@media(max-width: 767px){
  .bloginner_hero_sec .bloginner_hero_left, .bloginner_hero_sec .bloginner_hero_right { width: 100%; }
  .bloginner_hero_sec .bloginner_hero_content{ margin-top: 30px; }
    
  .bloginner_content_sec .center_part{ width: 100%; padding: 0; } 
  .bloginner_content_sec .right_part{ width: 100%; padding: 0; } 
  .bloginner_content_sec .bloginner_cta_div{ top: inherit; margin-top: 30px; }
  .bloginner_content_sec .bloginner_cta { width: calc(100% - 30px); }
  
  .cta_section {margin-top: 25px;}
  .cta_section .bloginner_cta {width: 96%; padding:25px 56px; }
  .cta_section .bloginner_cta h4, .cta_section .bloginner_cta p { margin-bottom:10px; }
  .container{padding:0px 36px;}
  .bloginner_hero_sec{padding:16px 0px 45px 0px;}
  .bloginner_content_sec .bloginner_content {width: 100%;}
  
  span.clear_btn { position: static; text-align: center; display: block; transform: none; top: 0; padding: 18px 0 0; }
  
}

@media(max-width: 575px){
  .bloginner_content_sec .bloginner_content blockquote:before { width: 40px; height: 19px; }
  .bloginner_content_sec .bloginner_content blockquote { padding-left: 50px; }
  .cta_section .bloginner_cta {width: 91%;margin: 0 0 0 auto;}
}  


/* AUTHOT */
.blog-author .section-intro h1 {
  font-size: 2.5rem;
  color: #d76522;
}

.blog-author .blog-author__photo {
  border-radius: 9999px;
  position: relative;
}
.blog-author .blog-author__photo img {
  z-index: 1;
  position: relative;
}
.blog-author div.blog-author__photo:before {
  content: "";
  position: absolute;
  inset: 0;
  margin: -3px;
  border-radius: 9999px;
  background: linear-gradient(180deg, #d76522 0%, #eabaeb 100%);
}
.blog-author .blog-author__details-inner p {
  font-size 0.85rem !important;
}
.blog-toolbar-1__title--author {
  font-size: 2.5rem;
  font-weight: bold;
}