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

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;700&family=Roboto:wght@300;400;500;700&display=swap');

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/******* Variables ***************/





























/* *************Color Codes*************** */






.text-left{ text-align: left; }
.text-center{ text-align: center; }
.text-right{ text-align: right; }

@media (max-width: 767px) {
  .mobile-text-left { text-align: left; }
  .mobile-text-center { text-align: center; }
  .mobile-text-right { text-align: right; } 
}

/* ************* Global Syles ************ */

body { font-size: 20px; color: #000; line-height:1.4; margin: 0px; font-family: 'Roboto', sans-serif;  }
.row-fluid .page-center,.row-fluid .container,.container{ max-width: 1200px; padding: 0 15px; margin: 0 auto!important; float: none; }
*,*:before,*:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

/************* Typography *************/
h1, h2, h3, h4, h5, h6 { font-family: 'Noto Serif', sans-serif; font-weight: ; line-height: 110%; margin:0px 0 25px; }
h1 { font-size: 50px; }
h2 { font-size: 40px; } 
h3 { font-size: 30px; }
h4 { font-size: 24px; }
h5 { font-size: 19px; }
h6 { font-size: 16px; }

p { font-size: 20px; margin:0px 0 20px; } 
a { text-decoration:none; transition: .25s; color:; }
a:hover{ text-decoration: underline; }
img { max-width:100%; height:auto; }

*{ outline:none; }
.font-white,.font-white h1,.font-white h2,.font-white h3,.font-white h4,.font-white h5,.font-white h6,.font-white p,.font-white li,.font-white p a,.font-white li a{ color: #ffffff; }

/************** Buttons ******/
.secondary-button a{ display:inline-block; background:black; padding:15px 40px; text-transform:uppercase; border-radius:9px; color:white; text-decoration:none; }
.secondary-button a:hover{ background-color: #338377; }

.primary-button a{ display:inline-block; background:#338377; padding:15px 40px; text-transform:uppercase; border-radius:9px; color:white; text-decoration:none; text-align:center; }
.primary-button a:hover{ background-color: black; }

.tertiary-button a{ display:inline-block; background:transperant; padding:15px 40px; text-transform:uppercase; border-radius:9px; color:black; text-decoration:none; border:1px solid black; text-align:center; }
.tertiary-button a:hover{ background-color: black; color:white; }

.white-button a{ display:inline-block; background:white; padding:12px 30px; text-transform:uppercase; font-size:24px; font-weight:bold; border-radius:9px; color:black; text-decoration:none; }
.white-button a:hover{ background-color: black; color:white; }

/********** CREOATE - Popup Module **********/
.popup-module .popup-box-wrapper{ display: none; }
.show_popup{  }
.show_popup:after{ content:''; width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; z-index:100; }
/*** PopUp css here ***/
.popup-box-wrapper{ position:fixed; left:0; right:0; margin:0 auto; top:10%; background:#fff9f4; width:100%; max-width:900px; padding:0px; z-index:101; }
.popup-box-wrapper .inner-wrap{ position:relative; }
.popup-box-wrapper .inner-wrap .close-button{ position:absolute; right:10px; top:10px; width:auto; }
.popup-box-wrapper .inner-wrap .close-button a{ position:relative; border:1px solid black; border-radius:100%; width:29px; height:29px; display:block; text-decoration:none; font-size:0px; }
.popup-box-wrapper .inner-wrap .close-button a:before{ content:''; height:1px; width:24px; left:3px; top:14px; background:black; transform: rotate(45deg); display: block; position: absolute; }
.popup-box-wrapper .inner-wrap .close-button a:after{ content:''; height:1px; width:24px; left:3px; top:14px; background:black; transform: rotate(-45deg); display: block; position: absolute; }
.popup-box-wrapper .inner-wrap .close-button a:hover{ background:black; }
.popup-box-wrapper .inner-wrap .close-button a:hover:before,.popup-box-wrapper .inner-wrap .close-button a:hover:after{ background:white; } 
.popup-box-wrapper .inner-wrap .popup-box{ display:flex; }
.popup-box-wrapper .inner-wrap .popup-box .popup-box-image{ width:100%; }
.popup-box-wrapper .inner-wrap .popup-box .popup-box-image img{display:block;height:100%;max-width:100%;object-fit:cover;margin:0 auto;object-fit:cover;}
.popup-box-wrapper .inner-wrap .popup-box .popup-box-content{ width:100%; padding:10px 20px; align-self:center; text-align:center; }
.popup-box-wrapper .inner-wrap .popup-box .popup-box-content .column-content{ width:100%; padding-bottom:20px; }
.popup-box-wrapper .inner-wrap .popup-box .popup-box-content .column-content h2{ text-transform:uppercase; font-size:30px; letter-spacing:1px;  }
.popup-box-wrapper .inner-wrap .popup-box .popup-box-content .column-content p{ max-width: 200px; margin: 0 auto 15px; }
.popup-box-wrapper .inner-wrap .popup-box .popup-box-content .column-box{ width:100%; }
.popup-module .popup-box-wrapper.layout-two .inner-wrap{ color:white; background-size:cover; }
.popup-module .popup-box-wrapper.layout-two .inner-wrap .popup-box-content{ padding:40px 20px; }

/*** Header css here ***/
.main-header-section{ padding:20px 0px; transition }
.main-header-section .header-inner-wrapper > .row-fluid-wrapper > .row-fluid{ display:flex; }
.main-header-section .header-inner-wrapper .header-left-column{ align-self:center; }
.main-header-section .header-inner-wrapper .header-left-column h2{ margin:0px; font-family:'Roboto', sans-serif; }
.main-header-section .header-inner-wrapper .header-left-column > .row-fluid-wrapper > .row-fluid{ display:flex; }
.main-header-section .header-inner-wrapper .header-left-column .site-logo{ padding-right:10px; position:relative; }
.main-header-section .header-inner-wrapper .header-left-column .site-logo img{ display:block; }
.main-header-section .header-inner-wrapper .header-left-column .site-logo:after{ content:''; width:5px; background:#749B8D; height:32px; position:absolute; right:0; display:block; top:12%; }
.main-header-section .header-inner-wrapper .header-left-column .site-logo,.main-header-section .header-inner-wrapper .header-left-column .blog-heading{ align-self:center; }
.main-header-section .header-inner-wrapper .header-right-column{ align-self:center; }
.main-header-section .header-inner-wrapper .header-right-column > .row-fluid-wrapper > .row-fluid{ display:flex; justify-content: flex-end;}
.main-header-section .header-inner-wrapper .header-right-column .header-button,.main-header-section .header-inner-wrapper .header-right-column .subscribe-button{ align-self:center; text-align:right;    width: auto; }
.header-bottom-row{padding:36px 0px; border-top:1px solid black;background: #ffffff;position: relative; z-index: 9; }
.header-bottom-row .header-menu{ text-align:center; }
.header-bottom-row .header-menu ul{ margin:0; padding:0px; }
.header-bottom-row .header-menu ul li{ display:inline-block; vertical-align:middle; padding:5px 20px; margin:0 10px; text-transform: uppercase; font-weight:500;}
.header-bottom-row .header-menu ul li a{ color:black; }
.small-header .main-header-section{ position:fixed; top:0; left:0; width:100%; background:#ffffff; z-index:90; box-shadow:0 0 20px rgba(0,0,0,0.1); } 

.header-bottom-row {background: #ffffff; position: relative; z-index: 9;}

/******************* Blog Template ************************/
.blog-banner-module{ background-repeat:no-repeat; }
.blog-banner-module .banner-inner-wrapper .banner-content{ max-width:650px; padding-bottom:30px; }
.blog-banner-module .banner-inner-wrapper .banner-content h1{ font-family:'Roboto', sans-serif; }

/*** main-blog-wrapper ***/
.main-blog-wrapper{ padding:50px 0px; }
.main-blog-wrapper .section-inner-wrapper{ position:relative; }
.main-blog-wrapper .section-inner-wrapper .section-left-column .popular-topics-module .section-header-row{ padding:0 40px 40px; }
.main-blog-wrapper .popular-topics-module .popular-topics-row{ display:flex; flex-wrap:wrap; }
.main-blog-wrapper .popular-topics-module .popular-topics-row .topic-block-column{ background-size:cover; width:33.3333%; }
.main-blog-wrapper .popular-topics-module .popular-topics-row .topic-block-column a{ display:block; min-height:350px; padding:20px; color:white; position:relative; text-shadow:0 0 10px rgba(0,0,0,0.2); }
.main-blog-wrapper .popular-topics-module .popular-topics-row .topic-block-column .column-link{ position:absolute; bottom:20px; left:20px;  }
.main-blog-wrapper .popular-topics-module .popular-topics-row .topic-block-column .column-link p{ margin:0px;text-decoration: underline; }
.main-blog-wrapper .section-inner-wrapper .section-right-column{ padding:50px; text-align:center; background:#FFF9F4; position:sticky; top: 132px; transition:all 0.5s;}

.main-blog-wrapper .blog-detail-section .section-inner-wrapper{}
.main-blog-wrapper .blog-detail-section .section-inner-wrapper .post-categories{ padding-bottom:30px; }
.main-blog-wrapper .blog-detail-section .section-inner-wrapper .post-categories a{ display:inline-block; padding:4px 12px; border-radius:30px; color:white; background:#749B8D; font-size:16px; font-family:'Noto Serif', sans-serif; text-decoration:none; }
.main-blog-wrapper .blog-detail-section .section-inner-wrapper .post-categories a:hover{ background:black; }
.main-blog-wrapper .blog-detail-section .section-inner-wrapper .post-title h1{ font-family:'Roboto', sans-serif; }
.main-blog-wrapper .blog-detail-section .section-inner-wrapper .post-author-date{ padding-bottom:40px; }
.main-blog-wrapper .blog-detail-section .section-inner-wrapper .post-author-date h6{ font-family:'Roboto', sans-serif; font-weight:300; }
.main-blog-wrapper .blog-detail-section .section-inner-wrapper .post-author-date h6 a{ color:black; font-weight:bold; }
.main-blog-wrapper .blog-detail-section .section-inner-wrapper .post-author-date h6 strong{ font-weight:400; } 

.blog-detail-section .section-inner-wrapper .post-image{ padding-top:30px; border-top:1px solid black; }
.blog-detail-section .section-inner-wrapper .post-body-content a{ color:black; text-decoration:underline; } 
.blog-detail-section .section-inner-wrapper .post-body-content a:hover{ text-decoration:none; }
.blog-detail-section .section-inner-wrapper .post-body-content li{ margin-bottom:15px; }
.blog-listing-section{}
.blog-listing-section .blog-recent-posts-wrapper .section-header-row{ display:flex; justify-content:space-between; padding-bottom:20px; margin-bottom:30px; border-bottom:2px solid #454545; }
.blog-listing-section .blog-recent-posts-wrapper .section-header-row .head-column{ align-self:center; }
.blog-listing-section .blog-recent-posts-wrapper .section-header-row .head-column h2{ margin-bottom:0px; }   
.blog-listing-section .blog-recent-posts-wrapper .section-header-row .link-column{ align-self:center; }
.blog-listing-section .blog-recent-posts-wrapper .section-header-row .link-column a{ color:black; }
.blog-listing-section .blog-recent-posts-wrapper .blog-posts-row{ display:flex; flex-wrap:wrap; gap:4%; }
.blog-listing-section .blog-recent-posts-wrapper .blog-posts-row .post-item{ width:48%; margin-bottom:40px; }
.blog-listing-section .blog-recent-posts-wrapper .blog-posts-row .post-item .post-image{}
.blog-listing-section .blog-recent-posts-wrapper .blog-posts-row .post-item .post-image a{ display:block; }
.blog-listing-section .blog-recent-posts-wrapper .blog-posts-row .post-item .post-image a img{ display:block; max-height:330px; object-fit:cover; width:100%; min-height:330px; }
.blog-listing-section .blog-recent-posts-wrapper .blog-posts-row .post-item .post-content-column{ padding:15px; }
.blog-listing-section .blog-recent-posts-wrapper .blog-posts-row .post-item .post-content-column .post-title a{color:black; font-family:'Roboto', sans-serif; }
.blog-listing-section .blog-recent-posts-wrapper .blog-posts-row .post-item .post-content-column .author-name-date{font-family:'Noto Serif', sans-serif; padding-bottom:15px;}
.blog-listing-section .blog-recent-posts-wrapper .blog-posts-row .post-item .post-content-column .author-name-date a{ color:black; }
.blog-listing-section .blog-recent-posts-wrapper .blog-posts-row .post-item .post-content-column .section-bottom-row{display:flex;justify-content:space-between;}
.blog-listing-section .blog-recent-posts-wrapper .blog-posts-row .post-item .post-content-column .section-bottom-row .post-categories{}
.blog-listing-section .blog-recent-posts-wrapper .blog-posts-row .post-item .post-content-column .section-bottom-row .post-categories a{display:inline-block; padding:4px 12px;border-radius:30px;color:white;background:#749B8D;font-size:16px;font-family:'Noto Serif', sans-serif;text-decoration:none;margin:3px 1px;}
.blog-listing-section .blog-recent-posts-wrapper .blog-posts-row .post-item .post-content-column .section-bottom-row .post-categories a:hover{ background:black; }
.blog-listing-section .blog-recent-posts-wrapper .blog-posts-row .post-item .post-content-column .section-bottom-row .read-more-link{ font-size:16px; font-family:'Noto Serif', sans-serif; }
.blog-listing-section .blog-recent-posts-wrapper .blog-posts-row .post-item .post-content-column .section-bottom-row .read-more-link a{ color:black; }
.blog-listing-section .blog-recent-posts-wrapper .blog-posts-row .post-item.full-width-post{ width:100%; display:flex; justify-content:space-between; }
.blog-listing-section .blog-recent-posts-wrapper .blog-posts-row .post-item.full-width-post .post-image{ width:48%; }
.blog-listing-section .blog-recent-posts-wrapper .blog-posts-row .post-item.full-width-post .post-content-column{ width:48%; } 

.image-banner-module{ padding:50px 0px; }
.image-banner-module .banner-image img{ width:100%; max-height:390px; object-fit:cover; }

/****** Topics Module ********/
.creoate-topics-module .section-inner-wrapper .section-header-row{ padding-bottom:20px; }
.creoate-topics-module .topics-list-row{ text-align:center; }
.creoate-topics-module .topics-list-row .topic-column{ display: inline-block; vertical-align:middle;  }
.creoate-topics-module .topics-list-row .topic-column a{ font-size:32px; text-decoration:none; font-weight:500; display:block; }
.creoate-topics-module .topics-list-row .topic-column a:hover{ color:#749B8D; }
.sidebar-cta-module .logo-image{ padding-bottom:30px; }
.sidebar-cta-module .column-content,.sidebar-cta-module .column-image,.sidebar-cta-module .column-button{ padding-bottom:23.22px; }
.sidebar-cta-module .column-button a{ padding-left:15px; padding-right:15px; display:block; }
.sidebar-cta-module .additional-content a{ color:black; }
.sidebar-cta-module .additional-content p:last-child{ margin-bottom:0px; }
.sidebar-cta-module .inner-wrapper {display: flex;flex-direction: column; justify-content: space-between;}
.sidebar-cta-module .inner-wrapper h5 {font-size: 32px; font-size: 32px; color: #000000; font-weight: 500; font-family: 'Noto Serif'; text-align: center;}
.join-us-now-module .section-top-row .section-content{ max-width:60%; padding-left:50px; }
.join-us-now-module .section-top-row .section-content h4{ font-family:'Roboto', sans-serif; } 
.join-us-now-module .section-top-row .section-button{ text-align:right; }
.join-us-now-module .section-mid-row{ background:#F8F8F8; }
.join-us-now-module .section-mid-row .list-items{ display:flex; gap:70px; text-align:center; align-items: center;  justify-content: center;}
.join-us-now-module .section-mid-row .list-items .item-block { display: flex; align-items: center; gap: 10px;}
.join-us-now-module .section-mid-row .list-items .item-block .item-icon { width: 60px; height: 60px; background: #fff; border-radius: 100%; flex: 0 0 60px; display: flex; align-items: center; justify-content: center;}
.join-us-now-module .section-mid-row .list-items .item-title h6{ margin:0px; font-family:'Roboto', sans-serif; } 
.join-us-now-module .section-bottom-row .logo-image{ padding-bottom:50px;}
.join-us-now-module .section-bottom-row .section-content{ max-width:570px; padding:15px 20px;}
.join-us-now-module .content-row { display: flex; align-items: end; justify-content: space-between; gap:30px}
.join-us-now-module .section-top-row .section-content h4{margin-bottom:0px;}

.main-footer-section .social-share-module a.social-media svg, .social-share-module a.social-media img { width: 25px;}
.main-footer-section .social-share-module a.social-media:hover{opacity:0.7}
.main-footer-section .social-share-module{padding-top:50px; display: flex; align-items: center;   gap: 15px;}
.footer-menu .hs-menu-wrapper > ul { display: flex; gap: 30px; justify-content: space-between;list-style: none;    padding-left: 0; margin-top:0px;}
.footer-menu .hs-menu-wrapper > ul li a{color:#000; font-size:14px; font-weight:500}
.footer-menu .hs-menu-wrapper > ul > li > a{font-family:'Noto Serif', serif;font-weight:600}
.footer-menu .hs-menu-wrapper > ul >li> ul{list-style:none; list-style: none;padding-left: 0; margin-top:15px;}
.main-footer-section .footer-top-row {border-bottom:3px solid #749B8D;padding-top: 50px;padding-bottom: 50px;}
.main-footer-section .footer-logo{padding-bottom:50px;}

.main-footer-section p{ margin:0px; font-size:16px;}
.main-footer-section .footer-bottom-row{padding:30px 0; text-align:center; }
.main-footer-section .footer-bottom-row p{font-size:14px;}

.blog-related-posts-module{ padding-top:20px; }
.blog-related-posts-module .related-posts__header{ margin-bottom:20px; text-align:center; border-bottom:1px solid black; } 
.blog-related-posts-module .blog-related-post-row{ display:flex; gap:30px; padding-bottom:50px; }
.blog-related-posts-module .blog-related-post-row .post-item{ width:100%; position:relative; padding-bottom:30px}
.blog-related-posts-module .blog-related-post-row .post-item .post-image a{ display:block; }
.blog-related-posts-module .blog-related-post-row .post-item .post-image a img{display:block;max-height:330px;object-fit:cover;width:100%;min-height:330px;}
.blog-related-posts-module .blog-related-post-row .post-item .post-name{ padding-bottom:15px; }
.blog-related-posts-module .blog-related-post-row .post-item .post-name a{ color:black; font-family:'Roboto', sans-serif; }
.blog-related-posts-module .blog-related-post-row .post-item .post-categories{ padding:15px 0px; }
.blog-related-posts-module .blog-related-post-row .post-item .post-categories a{ display:inline-block; padding:4px 12px; border-radius:30px; color:white; background:#749B8D; font-size:16px; font-family:'Noto Serif', sans-serif; text-decoration:none; margin:4px 0}
.blog-related-posts-module .blog-related-post-row .post-item .post-categories a:hover{ background:black; }
.blog-related-posts-module .blog-related-post-row .post-item .post-link{ font-size:16px; font-family:'Noto Serif', sans-serif; position:absolute; bottom:0}
.blog-related-posts-module .blog-related-post-row .post-item .post-link a{ color:black; } 

.popular-posts-module{  }
.popular-posts-module .section-header-row{display:flex;justify-content:space-between;padding-bottom:20px;margin-bottom:30px;border-bottom:2px solid #454545;}
.popular-posts-module .section-header-row .head-column{ align-self:center; }
.popular-posts-module .section-header-row .head-column h2{ margin-bottom:0px; }   
.popular-posts-module .section-header-row .link-column{ align-self:center; }
.popular-posts-module .section-header-row .link-column a{ color:black; }

.blog-posts-row{ display:flex; flex-wrap:wrap; gap:4%; }
.blog-posts-row .post-item{ width:48%; margin-bottom:40px; }
.blog-posts-row .post-item .post-image{}
.blog-posts-row .post-item .post-image a{ display:block; }
.blog-posts-row .post-item .post-image a img{ display:block; max-height:330px; object-fit:cover; width:100%; min-height:330px; }
.blog-posts-row .post-item .post-content-column{ padding:25px 15px; }
.blog-posts-row .post-item .post-content-column .post-title a{ color:black; font-family:'Roboto', sans-serif; }
.blog-posts-row .post-item .post-content-column .author-name-date{ font-family:'Noto Serif', sans-serif; padding-bottom:15px; }
.blog-posts-row .post-item .post-content-column .author-name-date a{ color:black; }
.blog-posts-row .post-item .post-content-column .section-bottom-row{ display:flex; justify-content:space-between; }
.blog-posts-row .post-item .post-content-column .post-categories{ padding-bottom:15px; }
.blog-posts-row .post-item .post-content-column .post-categories a,.topics-col .post-categories .topic-link{ display:inline-block; padding:4px 12px; border-radius:30px; color:white; background:#749B8D; font-size:16px; font-family:'Noto Serif', sans-serif; text-decoration:none; margin:3px 1px; }
.blog-posts-row .post-item .post-content-column .post-categories a:hover,.topics-col .post-categories .topic-link:hover{ background:black; }
.blog-posts-row .post-item .post-content-column .read-more-link{ font-size:16px; font-family:'Noto Serif', sans-serif; }
.blog-posts-row .post-item .post-content-column .read-more-link a{ color:black; }

.testimonial-module {}
.testimonial-module .section-header-row{ padding-bottom:20px; }
.testimonial-module .section-header-row .section-heading{ }
.testimonial-module .section-header-row .section-summary{ }
.testimonial-module .testimonial-box-row{ border-radius:24px; position:relative; }
.testimonial-module .testimonial-box-row .box-inner-wrap{  }
.testimonial-module .testimonial-box-row .box-inner-wrap .person-review-text:before{content:'';height:73px;width:94px; background:url('https://25265714.fs1.hubspotusercontent-eu1.net/hubfs/25265714/CREOATE-2022/quote-img.png') no-repeat center;position:absolute; left:-30px;top:-30px;}
.testimonial-module .testimonial-box-row .box-inner-wrap .person-review-text blockquote{ font-size:32px; text-align:center; line-height:42px; font-family:'Noto Serif', sans-serif; padding: 20px 20px 30px; max-width: 900px; margin: 0 auto; }
.testimonial-module .testimonial-box-row .box-inner-wrap .bottom-row{ display:flex; justify-content:center; align-items:center; padding-top:14px; border-top:1px solid #393939; }
.testimonial-module .testimonial-box-row .box-inner-wrap .bottom-row .person-image{ padding-right:15px; }
.testimonial-module .testimonial-box-row .box-inner-wrap .bottom-row .person-image img{ width:66px; height:66px; border-radius:100%; }
.testimonial-module .testimonial-box-row .box-inner-wrap .bottom-row .person-info p{ margin:0px;  }
.testimonial-module .testimonial-box-row .box-inner-wrap .bottom-row .person-info p strong{ margin-right:10px; } 
/*--------*/
.main-blog-wrapper .section-inner-wrapper .section-left-column .header-row {  padding-bottom: 20px; margin-bottom: 30px;  border-bottom: 2px solid #454545; }
.main-blog-wrapper .section-inner-wrapper .section-left-column .header-row .blog_search_bar { display: flex; justify-content: flex-end; flex-wrap: wrap;}
.main-blog-wrapper .section-inner-wrapper .section-left-column .header-row .blog_search_bar > div{max-width:381px; width:100%; position:relative;}
.main-blog-wrapper .section-inner-wrapper .section-left-column .header-row .blog_search_bar  ul.hs-search-field__suggestions { position: absolute;  z-index: 9;  padding: 20px;    background: #fff;box-shadow: 4px 0px 20px rgb(0 0 0 / 30%);display: none;}
.main-blog-wrapper .section-inner-wrapper .section-left-column .header-row .blog_search_bar > div form input[type="text"]{border-radius:9px;font-size:18px; padding: 13px 15px 13px 35px;background-image:url(https://25265714.fs1.hubspotusercontent-eu1.net/hubfs/25265714/search_icon.png);background-repeat: no-repeat; background-size: 24px;  background-position: 2% 50%;}
.main-blog-wrapper .section-inner-wrapper .section-left-column .header-row .blog_tag_header h2{margin-bottom:0px;}
.main-blog-wrapper .section-inner-wrapper .blog-pagination{border-top: 2px solid #454545;display:flex;justify-content:center;align-items:center;padding: 15px 0;}
.main-blog-wrapper .section-inner-wrapper .blog-pagination a{color:#454545;display: inline-block;}
.main-blog-wrapper .section-inner-wrapper .blog-pagination a.prev-link { margin-right: 20px;}
.main-blog-wrapper .section-inner-wrapper .blog-pagination a.next-link{margin-left:20px;}
.main-blog-wrapper .section-inner-wrapper .blog-pagination a.prev-link:hover,
.main-blog-wrapper .section-inner-wrapper .blog-pagination a.next-link:hover{opacity:0.7;}
.main-blog-wrapper .section-inner-wrapper .blog-pagination .blog-pagination-right {  display: flex;    align-items: center;}
.main-blog-wrapper .section-inner-wrapper .blog-pagination .blog-pagination-right a,
.main-blog-wrapper .section-inner-wrapper .blog-pagination .blog-pagination-center a{color:#9A9A9A}
.main-blog-wrapper .section-inner-wrapper .blog-pagination .blog-pagination-center a:hover,
.main-blog-wrapper .section-inner-wrapper .blog-pagination .blog-pagination-center a.active{color:#000}
.main-blog-wrapper .section-inner-wrapper .blog-pagination a.active,
.main-blog-wrapper .section-inner-wrapper .blog-pagination a:hover{color:#749B8D; text-decoration:none;}
.main-blog-wrapper .section-inner-wrapper .blog-pagination .blog-pagination-right {  display: flex; align-items: center;}
.blog-listing-section .blog-header{padding-bottom:40px;}
.blog-listing-section .blog-header .blog-header__inner .blog-header__author-avatar { width: 150px; height: 150px; min-width:150px; border-radius: 100%;  background-size: cover;    background-position: center;}
.blog-listing-section .blog-header .blog-header__inner { display: flex; align-items: center;  gap: 20px;}

.blog-listing-section .blog-header .blog-header__inner .author-detials h1{font-size:35px; margin-bottom:15px} 
.blog-listing-section .blog-header .blog-header__inner .author-detials h4 {font-size:24px;}
.blog-listing-section .blog-header .blog-header__author-social-links { display: flex; align-items: center;  gap: 10px;; margin-top:20px;}
.blog-listing-section .blog-header .blog-header__author-social-links a{display:inline-block;}
.blog-listing-section .blog-header .blog-header__author-social-links svg {height: 20px;width: auto;}
.author-name-date span { padding-top: 10px; display: block; }

@media all and (min-width:768px){
  .for-desktop{display:block;}
  .for-mobile{display:none}
}
@media all and (max-width:767px){
  .for-desktop{display:none;}
  .for-mobile{display:block}
  .blog-tab-section.for-mobile .tab-head-row { display: flex; gap: 30px; font-size: 20px; font-weight: 600; font-family:'Noto Serif', sans-serif; margin-bottom:25px; border-bottom:1px solid #E6E6E6}
  .blog-tab-section.for-mobile .tab-head-row a{color:#000;display: inline-block; padding: 2px 50px 2px 10px;}
  .blog-tab-section.for-mobile .tab-head-row a:hover{text-decoration:none;}
  .blog-tab-section.for-mobile .tab-head-row a:hover,.blog-tab-section.for-mobile .tab-head-row .tab-head-column.active a{border-bottom:5px solid #749B8D}
  .blog-tab-section .blog-post-row .post-item a {display: flex; gap: 15px;margin-bottom: 20px; color:#000000; }
  .blog-tab-section .blog-post-row .post-item a .post-image { max-width: 240px;}
  .blog-tab-section .blog-post-row .post-item a:hover{text-decoration:none;}
  .blog-tab-section .blog-post-row .post-item .post-name h4{Font-size:20px; font-family:'Roboto', sans-serif}
  .blog-tab-section .blog-post-row .post-item .post-link span:hover,.blog-tab-section .blog-post-row .post-item .post-name h4:hover{color:#749B8D}
  .blog-tab-section .blog-post-row .post-item .post-link span{font-size:18px;  font-family:'Noto Serif', sans-serif}
  .blog-tab-section.for-mobile {padding-bottom: 50px;}
}

/*--------------------*/
body.blog-template22 .header-left-column .site-logo img{transition:all 0.5s;}
body.blog-template22.small-header .header-container-wrapper .subscribe-button a,
body.blog-template22.small-header .header-container-wrapper .header-button a { font-size: 16px; padding:10px 30px}
body.blog-template22.small-header .header-left-column .site-logo,
body.blog-template22.small-header .header-left-column .blog-heading { width: auto;}
body.blog-template22.small-header .header-container-wrapper .main-header-section { padding: 10.313px 0px;}
body.blog-template22.small-header .header-left-column .site-logo img{   width: 185px !important;}
body.blog-template22.small-header  .main-header-section .header-inner-wrapper .header-left-column .site-logo{padding-right:18px}
body.blog-template22.small-header  .main-header-section .header-inner-wrapper .header-left-column .site-logo:after{top:6%}
body.blog-template22 .main-blog-wrapper .section-inner-wrapper .section-right-column{top: 225px;}
body.blog-template22.small-header .main-blog-wrapper .section-inner-wrapper .section-right-column{top: 132px;}
.blog-posts-row .post-item{position:relative; padding-bottom:0px;}
.blog-posts-row .post-item .read-more-link{position:absolute;bottom:0}

.header-left-column .blog-heading h2 a{color:#000; text-decoration:none;}
.header-left-column .blog-heading h2 a:hover{color:#749B8D}
.header-bottom-row .header-menu ul li{padding:5px 8px;}
.header-bottom-row .header-menu ul li a{font-size:15px;}

.blog-author-section {display: flex;align-items:center;flex-wrap:wrap;}
.blog-author-section .blog-author-left-column{background-color:#FFF8EF;text-align:center;border-radius:42px;padding:60px 30px;width:47%;}
.blog-author-section .blog-author-left-column .blog-author-avatar img {display: block;width: 270px;height: 270px;border-radius: 100%;margin: 0 auto;}
.blog-author-section .blog-author-right-column {width: 53%;padding-left: 50px;}
.blog-author-section .blog-author-right-column .author-bio p {font-size: 28px;font-weight: 300;line-height: 40px;}
.blog-author-section .blog-author-right-column h2 {margin: 0 0 15px;}
.blog-author-section .blog-author-left-column .blog-author-info .person-name h1 {font-size: 45px;margin-top: 30px;margin-bottom: 10px;}
.blog-author-section .blog-author-left-column .blog-author-info .person-title {font-size: 24px;font-weight: 300;}
.blog-author-section .topics-col .post-categories { display: flex; flex-wrap: wrap;}
.blog-author-section .topics-col .post-categories .topic-link {display: block;margin: 5px 9px 5px 0px;}
.blog-author-section .blog-author-right-column .about-col {padding-bottom: 10px;}

.blog_search_bar {border-bottom: 1px solid #454545;padding: 0 0 30px;margin-bottom: 30px;margin-top: 120px;}
.blog_search_bar form input{border: 1px solid #707070;border-radius:9px;padding:10px 10px 10px 45px;font-size:18px;color:#6C6C6C;background-image: url(https://25265714.fs1.hubspotusercontent-eu1.net/hubfs/25265714/CREOATE-2022/search_icon.svg);background-repeat:no-repeat;background-position: center left 15px;}
.blog_search_bar .hs-search-field {max-width: 282px;margin-left: auto;position: relative;}
.blog_search_bar .hs-search-field .hs-search-field__suggestions {padding: 10px 15px;font-size: 14px;border-color: #707070;border-radius: 0px 0px 9px 9px;z-index: 9;background-color: #fff;position: absolute;}
.blog_search_bar .hs-search-field.hs-search-field--open .hs-search-field__suggestions{margin: -2px 0 0 auto;}
.blog_search_bar .hs-search-field .hs-search-field__suggestions li {margin: 12px 0;}
.blog_search_bar .hs-search-field.hs-search-field--open input {border-radius: 9px 9px 0 0;}
.blog_search_bar .hs-search-field .hs-search-field__suggestions li a {color: #000;}
.blog_search_bar .hs-search-field .hs-search-field__suggestions li a:hover,.blog_search_bar .hs-search-field .hs-search-field__suggestions li a:active,.blog_search_bar .hs-search-field .hs-search-field__suggestions li a:focus {background-color: transparent;} 

.blog-detail-template .main-blog-wrapper .container{max-width: 960px;}





@media (min-width: 1280px) {
  .main-blog-wrapper .section-inner-wrapper .section-left-column{ width:100%;}
  .main-blog-wrapper .section-inner-wrapper .blog-left-column{ width:100%;}
  .main-blog-wrapper .section-inner-wrapper .section-right-column{position:fixed;top:132px; right:0; max-width:300px; width:300px; margin:0px; z-index:4}
  .main-blog-wrapper .section-inner-wrapper .section-right-column .close-button { position: absolute; width: 30px; height: 30px; top: 0;  left: 0;}
  .main-blog-wrapper .section-inner-wrapper .section-right-column .close-button a{display:block; border:2px solid #000; border-radius:100%; height: 100%;}
  .main-blog-wrapper .section-inner-wrapper .section-right-column .close-button a span { width: 12px; height: 2px; background: black; display: inline-block; position: absolute;left: 0; right: 0; margin: 0 auto; top: 50%; transform: rotate(40deg);}
  .main-blog-wrapper .section-inner-wrapper .section-right-column .close-button a span:last-child {transform: rotate(-50deg);}
}
/*--------------------*/
/**** Media responsive css here ****/
@media (max-width: 1279px) {
  .main-blog-wrapper .section-inner-wrapper .section-right-column{display:none }
  .main-blog-wrapper .section-inner-wrapper .section-left-column{ width:100%;  }
  .main-blog-wrapper .section-inner-wrapper .blog-left-column{ width:100%;  }
}
@media (max-width: 1199px) {
  .primary-button a{ padding: 15px 30px; }
  .main-header-section .header-inner-wrapper .header-left-column .site-logo{ padding-right: 20px; } 
  .main-header-section .header-inner-wrapper .header-right-column .header-button a,.main-header-section .header-inner-wrapper .header-right-column .subscribe-button a{ display:block; padding-left:10px; padding-right:10px; text-align:center; }
  .blog-related-posts-module .blog-related-post-row .post-item .post-categories a{ margin: 3px 1px; }
  .main-blog-wrapper .section-inner-wrapper > .row-fluid-wrapper > .row-fluid{ display:flex; }
  .main-blog-wrapper .section-inner-wrapper .blog-left-column{ }
  .main-blog-wrapper .section-inner-wrapper .section-right-column{ min-width:250px; align-self: start;display:none }
  .header-bottom-row .header-menu ul li{ padding: 5px 14px; margin: 0 0px; }
  .main-header-section .header-inner-wrapper .header-left-column .site-logo:after{ top: 5%; }
}
@media (max-width: 1024px) {
  .main-header-section .header-inner-wrapper .header-right-column .header-button, 
  .main-header-section .header-inner-wrapper .header-right-column .subscribe-button{ width: 100%; padding: 0 10px; }
  .main-header-section .header-inner-wrapper .header-left-column{ padding-right: 15px; width: 45%; }
  .main-header-section .header-inner-wrapper .header-right-column{ width: 60%; }
  .main-header-section .header-inner-wrapper .header-left-column .blog-heading{ padding-left:15px; }
  .main-blog-wrapper .popular-topics-module .popular-topics-row{ flex-wrap: wrap; }
  .main-blog-wrapper .popular-topics-module .popular-topics-row .topic-block-column{ width:100%; }
  .main-blog-wrapper .popular-topics-module .popular-topics-row .topic-block-column a{ min-height: 250px; }
}
@media (max-width: 991px) {
  .main-header-section .header-inner-wrapper .header-left-column .site-logo{ min-width: 220px; }
  .main-header-section .header-inner-wrapper .header-right-column .header-button a, 
  .main-header-section .header-inner-wrapper .header-right-column .subscribe-button a{ font-size: 18px; }
  .blog-listing-section .blog-recent-posts-wrapper .blog-posts-row .post-item,
  .blog-posts-row .post-item{ width:100%; }
  .image-banner-module { padding:20px 0px; }
}
@media (max-width: 900px) {
  .popup-box-wrapper{ margin:0 15px; width:auto; display:block; }
}
@media (max-width: 767px) {
  .blog-author-section{text-align:center;}
  .blog-author-section .blog-author-right-column .author-bio p,.blog-author-section .blog-author-left-column .blog-author-info .person-title {font-size: 20px;font-weight: 300;line-height: 1.4;}
  .blog-author-section .blog-author-left-column {padding: 30px 15px;width: 100%;margin-bottom: 30px;}
  .blog-author-section .blog-author-right-column {width: 100%;padding-left: 0;text-align: center;}
  .blog-author-section .topics-col .post-categories {justify-content: center;}
  .blog_search_bar .hs-search-field {margin-left: auto;margin-right: auto;max-width: 320px;}
  .blog_search_bar {margin-top: 50px;}
  .main-header-section{ padding: 20px 0px; }
  .main-header-section .header-inner-wrapper .header-left-column{ width: auto; }
  .main-header-section .header-inner-wrapper .header-right-column { width: auto; }
  .popup-box-wrapper .inner-wrap .popup-box .popup-box-content .column-content h2{ font-size: 24px; }
  .popup-box-wrapper .inner-wrap .popup-box .popup-box-content .column-content{ padding-bottom: 5px; }
  .popup-box-wrapper .inner-wrap .popup-box .popup-box-content .secondary-button a{ padding: 12px 25px; }
  .main-header-section .header-inner-wrapper > .row-fluid-wrapper > .row-fluid{ flex-wrap: wrap; justify-content: center; }
  .main-header-section .header-inner-wrapper .header-left-column{ padding-right:0px; padding-bottom: 15px; }
  .blog-related-posts-module .blog-related-post-row{ flex-wrap:wrap; }
  .main-header-section .header-inner-wrapper .header-right-column .header-button a,.main-header-section .header-inner-wrapper .header-right-column .subscribe-button a { font-size: 16px; padding: 10px 15px; }
  .main-blog-wrapper { padding:30px 0px; }
  .main-blog-wrapper .section-inner-wrapper > .row-fluid-wrapper > .row-fluid { display:block; }
  .main-header-section .header-inner-wrapper .header-right-column > .row-fluid-wrapper > .row-fluid { display:flex; flex-wrap:wrap; }
  .main-header-section .header-inner-wrapper .header-right-column .header-button,.main-header-section .header-inner-wrapper .header-right-column .subscribe-button { width: auto; padding: 2px 7px; }
  .join-us-now-module .section-mid-row .list-items{ flex-wrap: wrap; gap:10px;}
  .main-footer-section .footer-logo {padding-bottom: 30px;}
  .main-footer-section .footer-menu,.main-footer-section .social-share-module{padding-top:30px;}
  .blog-listing-section .blog-recent-posts-wrapper .blog-posts-row .post-item .post-content-column { padding: 15px 0px; }
  .creoate-topics-module .topics-list-row .topic-column a{ font-size: 16px !important; }
  .join-us-now-module .section-mid-row .list-items .item-title{ padding:7px; }
  .join-us-now-module .content-row{flex-wrap:wrap;}
  .join-us-now-module .content-row .section-content { padding-left: 0; max-width: 100%;}
  .header-bottom-row{ padding: 16px 0px; }
  .blog-banner-module{ background-position: left !important; }
  .join-us-now-module .section-bottom-row .logo-image { padding-bottom:20px; }
  .blog-posts-row .post-item{ margin-bottom:20px; }
  .testimonial-module .testimonial-box-row .box-inner-wrap .person-review-text:before{ margin:0 auto; left:0; right:0; }
  .testimonial-module .testimonial-box-row .box-inner-wrap .bottom-row .person-info{ text-align:left; }
  .testimonial-module .testimonial-box-row .box-inner-wrap .bottom-row .person-image img{ min-width: 66px; }
  .main-blog-wrapper .blog-detail-section .section-inner-wrapper .post-author-date {  padding-bottom:20px; }
  .blog-listing-section .blog-header .blog-header__inner{flex-wrap:wrap;}
}
@media (max-width: 520px) {
  .main-footer-section {text-align: center;}
  .main-footer-section .social-share-module{justify-content: center;}
  .footer-menu .hs-menu-wrapper > ul { display: block;margin-bottom:0px;}
  .blog-tab-section .blog-post-row .post-item a .post-image { max-width: 35%;}
  .footer-menu .hs-menu-wrapper > ul >li> ul{margin-top:0 ; margin-bottom:15px;}
}
@media (max-width: 480px) {
  body.blog-template22.small-header .header-container-wrapper .subscribe-button a, body.blog-template22.small-header .header-container-wrapper .header-button a{padding:10px 15px;}
  body.blog-template22.small-header .header-left-column .site-logo img,body.blog-template22 .header-left-column .site-logo img {width: 130px !important;}
  .main-header-section .header-inner-wrapper .header-left-column .site-logo { min-width: 140px;}
  body.blog-template22 .main-header-section .header-inner-wrapper .header-left-column .site-logo:after { top: 0;height: 24px;width: 3px;}
  .main-header-section .header-inner-wrapper.blog-heading h2{font-size:30px;}
  .popup-box-wrapper{ top: 5%; }
  .popup-box-wrapper .inner-wrap .popup-box{ display:block; }
  .popup-box-wrapper .inner-wrap .close-button a{ background:white; }
  .popup-box-wrapper .inner-wrap .popup-box .popup-box-image{ width:auto; max-width: 300px; margin: 0 auto; }
  .popup-box-wrapper .inner-wrap .popup-box .popup-box-content{ width:auto; padding:10px 10px; }
  .popup-box-wrapper .inner-wrap .popup-box .popup-box-image img{ width: 100%; max-height: 290px; }
  .popup-box-wrapper .inner-wrap .popup-box .popup-box-content .column-content h2 br{ display:none; }
  .popup-box-wrapper .inner-wrap .popup-box .popup-box-content .column-content p{ max-width: inherit; } 
  .blog-tab-section .blog-post-row .post-item .post-name h4 {margin-bottom: 10px;}
  .blog-listing-section .blog-recent-posts-wrapper .blog-posts-row .post-item.full-width-post{ flex-wrap: wrap; }
  .blog-listing-section .blog-recent-posts-wrapper .blog-posts-row .post-item.full-width-post .post-image,
  .blog-listing-section .blog-recent-posts-wrapper .blog-posts-row .post-item.full-width-post .post-content-column{ width:100%; }
  .blog-tab-section .blog-post-row .post-item .post-name h4,.blog-tab-section.for-mobile .tab-head-row{font-size:16px;}
  .blog-tab-section .blog-post-row .post-item .post-link span{font-size:14px;}
  .blog-tab-section.for-mobile .tab-head-row a{padding: 2px 20px 2px 10px}
}
@media (max-width:420px){
  .main-header-section .header-inner-wrapper .header-right-column .header-button a,.main-header-section .header-inner-wrapper .header-right-column .subscribe-button a,body.blog-template22.small-header .header-container-wrapper .subscribe-button a, body.blog-template22.small-header .header-container-wrapper .header-button a{font-size:14px; padding:7px 10px;}
}

/* Ritesh - 01-12-2023 */
.header-left-column .row-fluid * {
  display: flex;
  align-items: center;
}
.main-blog-wrapper .blog-detail-section .section-inner-wrapper .post-title h1 {
  font-family: 'Noto Serif', sans-serif;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0,0,0,0.2);
}

.header-container-wrapper {
  background: #f7f7f7;
}

@media (max-width:768px) {
	
	.main-blog-wrapper .blog-detail-section .section-inner-wrapper .post-title h1 {
		font-size: 2rem;
	}
	
	.post-categories {
		display: flex;
		gap: 10px;
	}
	
	.main-header-section {
		padding: 15px 0;
	}
	
	.main-header-section .header-inner-wrapper .header-left-column {
		padding-bottom: 10px;
	}
	.main-blog-wrapper {
		padding-top: 20px;
	}	
  .header-left-column .row-fluid h2 {
    font-size: 30px;
  }  
  .post-body-content h2 {
    font-size: 1.7rem;
  }  
}