/* AUTO-GENERATED — do not hand-edit.
   Source: blog-merge/theme/ttc/assets/css/style.css
   Regenerate: python3 themes/ttc-theme/scripts/build-blog-headsup-css.py */

/* CSS Document */

body.ttc-headsup main.ttc-headsup-shell article, body.ttc-headsup main.ttc-headsup-shell aside, body.ttc-headsup main.ttc-headsup-shell details, body.ttc-headsup main.ttc-headsup-shell figcaption, body.ttc-headsup main.ttc-headsup-shell figure, body.ttc-headsup main.ttc-headsup-shell hgroup, body.ttc-headsup main.ttc-headsup-shell menu, body.ttc-headsup main.ttc-headsup-shell main, body.ttc-headsup main.ttc-headsup-shell section, body.ttc-headsup main.ttc-headsup-shell audio, body.ttc-headsup main.ttc-headsup-shell video, body.ttc-headsup main.ttc-headsup-shell source { display: block; margin: 0; padding: 0; }

body.ttc-headsup main.ttc-headsup-shell a, body.ttc-headsup main.ttc-headsup-shell img { border: medium none; }

body.ttc-headsup main.ttc-headsup-shell a { color: #000000; text-decoration: none; }

body.ttc-headsup main.ttc-headsup-shell div { margin: 0; padding: 0; }

body.ttc-headsup main.ttc-headsup-shell p { font-size:16px; line-height:24px; padding:0px; margin:0px; color:#000000; }
 
body.ttc-headsup main.ttc-headsup-shell h1, body.ttc-headsup main.ttc-headsup-shell h2, body.ttc-headsup main.ttc-headsup-shell h3, body.ttc-headsup main.ttc-headsup-shell h4, body.ttc-headsup main.ttc-headsup-shell h5, body.ttc-headsup main.ttc-headsup-shell h6 { font-weight:normal; padding:0px; margin:0px;  line-height: 30px; }

body.ttc-headsup main.ttc-headsup-shell a { color: #000000; outline:none; }

body.ttc-headsup main.ttc-headsup-shell ul, body.ttc-headsup main.ttc-headsup-shell li { list-style:none; }

body.ttc-headsup main.ttc-headsup-shell a:focus, body.ttc-headsup main.ttc-headsup-shell :focus { outline:none; }

body.ttc-headsup main.ttc-headsup-shell ul, body.ttc-headsup main.ttc-headsup-shell ol { list-style-type:none; padding:0px; margin:0px; }

body.ttc-headsup main.ttc-headsup-shell .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
 
body.ttc-headsup main.ttc-headsup-shell .clearfix { display: inline-block; }

 
body.ttc-headsup main.ttc-headsup-shell * html .clearfix { height: 1%; }

body.ttc-headsup main.ttc-headsup-shell * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body.ttc-headsup main.ttc-headsup-shell *:before, body.ttc-headsup main.ttc-headsup-shell *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body.ttc-headsup main.ttc-headsup-shell .clear { clear: both; line-height: 1px; padding:0px; height:0px; font-size:1px; }

body.ttc-headsup main.ttc-headsup-shell .left { float:left; }

body.ttc-headsup main.ttc-headsup-shell .right { float:right; }

body.ttc-headsup main.ttc-headsup-shell .anim { transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; }

body.ttc-headsup main.ttc-headsup-shell .anim2 { transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }

body.ttc-headsup main.ttc-headsup-shell .row { width:1140px; margin:auto; padding:0px; }

body.ttc-headsup main.ttc-headsup-shell img { border: 0; height: auto; max-width: 100%; vertical-align: middle;  width: 100%; }


body.ttc-headsup main.ttc-headsup-shell .d-flex { display: flex; flex-wrap: wrap; }

body.ttc-headsup main.ttc-headsup-shell .justify-space-between { justify-content: space-between; }

body.ttc-headsup main.ttc-headsup-shell .align-center { align-items: center; }

body.ttc-headsup main.ttc-headsup-shell .div-center { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; }


/* header css */

body.ttc-headsup main.ttc-headsup-shell .logo { flex: 0 1 17%; }

body.ttc-headsup main.ttc-headsup-shell .logo img { width: 100%; float: left; }

body.ttc-headsup main.ttc-headsup-shell .is-sticky header { box-shadow: 0 0 10px rgba(0, 0, 0, 0.12); }


body.ttc-headsup main.ttc-headsup-shell .menu-nav ul { display: flex; flex-wrap: wrap; column-gap: 40px; }

body.ttc-headsup main.ttc-headsup-shell .menu-nav ul li { flex: 0 1 auto; }

body.ttc-headsup main.ttc-headsup-shell .menu-nav ul li a { font-size: 18px; color: #000000; font-family: 'Poppins-Medium'; transition: all 0.4s ease; }

body.ttc-headsup main.ttc-headsup-shell .menu-nav ul li a:hover { color: #0050B5; }


/**Inner banner css**/
body.ttc-headsup main.ttc-headsup-shell .inner-banner { float: left; width: 100%; position: relative; }

body.ttc-headsup main.ttc-headsup-shell .inner-banner img { float: left; width: 100%; }

body.ttc-headsup main.ttc-headsup-shell .mobile-banner { display: none; }

body.ttc-headsup main.ttc-headsup-shell .inn-cap { position: absolute; top: 50%; transform: translateY(-50%); }

body.ttc-headsup main.ttc-headsup-shell .inn-cap h1 { font-size: 40px; line-height: 48px; color: #FFFFFF; font-family: 'Poppins-Bold'; max-width: 520px; }

body.ttc-headsup main.ttc-headsup-shell .inn-cap h1 span { color: #FFB900; }


body.ttc-headsup main.ttc-headsup-shell .inn-caption { position: absolute; top: 50%; transform: translateY(-50%); }

body.ttc-headsup main.ttc-headsup-shell .inn-caption h1 { font-size: 48px; line-height: 57px; color: #FFFFFF; font-family: 'Poppins-Bold'; max-width: 520px; }

body.ttc-headsup main.ttc-headsup-shell .inn-caption a.back-link { display: inline-flex; color: #FFFFFF; font-size: 14px; line-height: 16px; font-family: 'Poppins-Regular'; text-decoration: underline;transition: all 0.5s ease; margin-bottom: 15px; }

body.ttc-headsup main.ttc-headsup-shell .inn-caption a.back-link:hover { color: #FFB900; }

 

body.ttc-headsup main.ttc-headsup-shell .banner-out { width: 100%; display: flex; flex-wrap: wrap; }

body.ttc-headsup main.ttc-headsup-shell .inn-ban-lft { flex: 0 1 57%; background: #202020; padding: 50px 40px 40px; padding-left: calc((100% - 1140px) / 2); display: flex;flex-direction: column; justify-content: space-between; }

body.ttc-headsup main.ttc-headsup-shell .ban-top-cont a.back-link { display: inline-flex; color: #FFFFFF; font-size: 14px; line-height: 16px; font-family: 'Poppins-Regular'; text-decoration: underline;transition: all 0.5s ease; margin-bottom: 60px; }

body.ttc-headsup main.ttc-headsup-shell .ban-top-cont a.back-link:hover { color: #FFB900; }

 
body.ttc-headsup main.ttc-headsup-shell .ban-top-cont h5 { color: #FFFFFF; font-size: 14px; line-height: 19px; font-family: 'Poppins-Regular'; margin-bottom: 18px; }

body.ttc-headsup main.ttc-headsup-shell .ban-top-cont h1 { color: #FFFFFF; font-size: 48px; line-height: 62px; font-family: 'Poppins-Bold'; }

body.ttc-headsup main.ttc-headsup-shell .author-det { float: left; width: 100%; }

body.ttc-headsup main.ttc-headsup-shell .author-det h4 { color: #FFFFFF; font-size: 14px; line-height: 16px; font-family: 'Poppins-Regular'; text-transform: uppercase; letter-spacing: 1.2px; }

body.ttc-headsup main.ttc-headsup-shell .author-det h4 a { color:#fff; transition: all 0.4s ease; }

body.ttc-headsup main.ttc-headsup-shell .author-det h4 a:hover { color:#FFB900; }
 
body.ttc-headsup main.ttc-headsup-shell .author-det-box { float: left; width: 330px; margin-top: 20px; padding-top: 15px; border-top: 1px solid rgba(255,255,255,0.1); display: flex; flex-wrap: wrap; align-items: center; }

body.ttc-headsup main.ttc-headsup-shell .author-img { flex: 0 1 56px; position: relative; }

body.ttc-headsup main.ttc-headsup-shell .author-img img { float: left; width: 100%; border-radius: 100%; }

body.ttc-headsup main.ttc-headsup-shell .author-img img.dummy-img { width: 100%; }

body.ttc-headsup main.ttc-headsup-shell .author-img img.org-img, body.ttc-headsup main.ttc-headsup-shell .author-img img.avatar { width: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

body.ttc-headsup main.ttc-headsup-shell .author-name { flex: 0 1 calc(100% - 56px); padding-left: 25px; }

body.ttc-headsup main.ttc-headsup-shell .author-name h3 { color: #FFFFFF; font-size: 14px; line-height: 19px; font-family: 'Poppins-Regular'; text-transform: capitalize; }

body.ttc-headsup main.ttc-headsup-shell .author-name h3 a { color: #FFFFFF; transition: all 0.4s ease; }

body.ttc-headsup main.ttc-headsup-shell .author-name h3 a:hover { color:#FFB900; }
 
 
body.ttc-headsup main.ttc-headsup-shell .inn-ban-rgt { flex: 0 1 43%; position: relative; }

body.ttc-headsup main.ttc-headsup-shell .inn-ban-rgt img { float: left; width: 100%; }

body.ttc-headsup main.ttc-headsup-shell .inn-ban-rgt img.dummy-img { width: 100%; }

body.ttc-headsup main.ttc-headsup-shell .inn-ban-rgt img.org-img { width: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }


/**blog css**/
body.ttc-headsup main.ttc-headsup-shell .blog-sec { float: left; width: 100%; padding: 0px 0 80px; }

body.ttc-headsup main.ttc-headsup-shell .blog-lft { flex: 0 1 30%; background: rgba(218, 218, 218, 0.2); padding: 50px 30px; display: flex; flex-wrap: wrap; row-gap: 25px; /*position: sticky; top: 65px;*/ }

body.ttc-headsup main.ttc-headsup-shell .blog-search { float: left; width: 100%; position: relative; }

body.ttc-headsup main.ttc-headsup-shell .blog-search input[type="text"] { width: 100%; background: #FFFFFF; border: 1px solid #E8E8E8; height: 62px; border-radius: 12px; padding: 0 50px 0 15px; color: rgba(0,0,0,0.62); font-size: 18px; font-family: 'Poppins-Medium'; }

body.ttc-headsup main.ttc-headsup-shell .blog-search button { position: absolute; top: 50%; transform: translateY(-50%); right: 20px; border: none; padding: 0; background: none; cursor: pointer; }

body.ttc-headsup main.ttc-headsup-shell .blog-search button i { font-size: 24px; }


body.ttc-headsup main.ttc-headsup-shell .filter-bx { float: left; width: 100%; background: #FFFFFF; border-radius: 12px; border: 1px solid #E8E8E8; padding: 15px 15px 20px; }

body.ttc-headsup main.ttc-headsup-shell .filter-bx h2 { color: #000000; font-size: 16px; line-height: 24px; margin-bottom: 20px; }

body.ttc-headsup main.ttc-headsup-shell .filter-bx ul { display: flex; flex-wrap: wrap; row-gap: 12px; margin-left: 10px; }

body.ttc-headsup main.ttc-headsup-shell .filter-bx ul li { flex: 0 1 100%; }


body.ttc-headsup main.ttc-headsup-shell .author.filter-bx ul.author-radio-list.radio-list li a { text-transform: capitalize; position: relative; padding: 0 0 0 18px; transition: all 0.4s ease; }

body.ttc-headsup main.ttc-headsup-shell .author.filter-bx ul.author-radio-list.radio-list li a::after { position: absolute; display: block; left: 0; top: 9px; content: ""; background: #FFC31B; width: 7px; height: 7px; border-radius: 50px; }

body.ttc-headsup main.ttc-headsup-shell .author.filter-bx ul.author-radio-list.radio-list li a:hover { color: #0050B5; }


body.ttc-headsup main.ttc-headsup-shell .topics-filter { float: left; width: 100%; }

body.ttc-headsup main.ttc-headsup-shell .checkbox { position: relative; display: flex; align-items: center; gap: 14px; cursor: pointer; font-size: 17px; font-family: 'Poppins-Medium'; color: rgba(0,0,0,0.62);
user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; margin-top: 0px; text-transform: capitalize; }

body.ttc-headsup main.ttc-headsup-shell .checkbox input { position: absolute; width: 0; left: 50px; height: 0; opacity: 0; cursor: pointer; }

body.ttc-headsup main.ttc-headsup-shell .checkbox .checkmark { position: relative; display: block; top: 0; left: 0; width: 24px; height: 24px; background: white; border-radius: 3px; border: 1px solid #E8E8E8;
transition: all 0.4s ease; }

body.ttc-headsup main.ttc-headsup-shell .checkbox:hover .checkmark { background: #f4f4f5; transition: all 0.4s ease; }

body.ttc-headsup main.ttc-headsup-shell .checkbox input:checked ~.checkmark { background: #ffc31b; border: 1px solid #ffc31b; /*outline: 1px solid rgb(95, 126, 240);*/ }

/* .checkbox input[type="radio"] ~ .checkmark { border-radius: 50%;} */
body.ttc-headsup main.ttc-headsup-shell .checkbox .checkmark::after { position: absolute; display: block; content: ""; left: 50%; top: 46%; width: 5px; height: 10px; border: solid #462b02;
border-width: 0 2px 2px 0; transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg);
-moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); opacity: 0; transition: all 0.2s ease; }

body.ttc-headsup main.ttc-headsup-shell .checkbox input:checked~.checkmark::after { opacity: 1; transition: all 0.2s ease; }


body.ttc-headsup main.ttc-headsup-shell .author-filter { float: left; width: 100%; margin-bottom: 20px; }

body.ttc-headsup main.ttc-headsup-shell .author-filter h2 { color: #000000; font-size: 16px; line-height: 24px; margin-bottom: 20px; }

body.ttc-headsup main.ttc-headsup-shell .view-btn { float: left; width: 100%; margin-top: 20px; }

body.ttc-headsup main.ttc-headsup-shell .view-btn a { transition: all 0.4s ease; background: #FFE399; color: rgba(0,0,0,0.62); font-size: 17px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; height: 36px; padding: 0 10px 0 15px; border-radius: 8px;  font-family: 'Poppins-Medium'; }

body.ttc-headsup main.ttc-headsup-shell .view-btn a i { color: #000000; }

body.ttc-headsup main.ttc-headsup-shell .view-btn a:hover { color: #462b02; background: #ffc31b; }


body.ttc-headsup main.ttc-headsup-shell .blog-rht { flex: 0 1 66%; margin-top: 60px; }

body.ttc-headsup main.ttc-headsup-shell .blog-rht h2 { color: #000000; font-size: 40px; line-height: 48px; margin-bottom: 30px; font-family: 'Poppins-Bold'; display: inline-block; }

body.ttc-headsup main.ttc-headsup-shell .blog-list { float: left; width: 100%; margin-top: 30px; }

body.ttc-headsup main.ttc-headsup-shell .blog-list ul { display: flex; flex-wrap: wrap; column-gap: 4%; row-gap: 30px; }

/* .blog-list ul li { flex: 0 1 48%; } */
body.ttc-headsup main.ttc-headsup-shell .blog-list ul li { flex: 0 1 48%; padding: 12px 12px 24px; float: left; border: 1px solid rgba(0,0,0,0.12); border-radius: 16px; }

body.ttc-headsup main.ttc-headsup-shell .blog-list ul li .blog-img { float: left; width: 100%; border-radius: 12px; overflow: hidden; position: relative; }
 
body.ttc-headsup main.ttc-headsup-shell .blog-list ul li .blog-img img { width: 100%; float: left; transition: all 0.4s ease; }

body.ttc-headsup main.ttc-headsup-shell .blog-list ul li .blog-img img.org-img { width: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
 
body.ttc-headsup main.ttc-headsup-shell .blog-list ul li .blog-img img.dummy-img { width: 100%; }


body.ttc-headsup main.ttc-headsup-shell .blog-list ul li .blog-cnt { float: left; width: 100%; margin-top: 20px; }

body.ttc-headsup main.ttc-headsup-shell .blog-list ul li .blog-title { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 15px; }

body.ttc-headsup main.ttc-headsup-shell .blog-list ul li .blog-title span.cat { text-transform: uppercase; font-size: 14px; color: #0050B5; font-family: 'Poppins-Medium'; letter-spacing: 2px; width: 100%; }

body.ttc-headsup main.ttc-headsup-shell .blog-list ul li .blog-title span.cat a { color: #0050B5; transition: all 0.4s ease; }

body.ttc-headsup main.ttc-headsup-shell .blog-list ul li .blog-title span.cat a:hover { color: #FFB900; }

body.ttc-headsup main.ttc-headsup-shell .blog-list ul li .blog-title h3 { color: #000000; font-size: 22px; line-height: 28px; font-family: 'Poppins-Bold'; transition: all 0.4s ease; min-height: 60px; }

body.ttc-headsup main.ttc-headsup-shell .blog-list ul li .blog-title h3 a { transition: all 0.4s ease; }

body.ttc-headsup main.ttc-headsup-shell .publish-detail { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 15px; margin-top: 25px; padding-top: 25px; border-top: 1px solid rgba(0,0,0,0.22); }

body.ttc-headsup main.ttc-headsup-shell .publish-img { flex: 0 1 48px; height: 48px; border-radius: 50%; overflow: hidden; position: relative; }

body.ttc-headsup main.ttc-headsup-shell .publish-img img { width: 100%; float: left; height: 100%; object-fit: cover; }

body.ttc-headsup main.ttc-headsup-shell .publish-img img.org-img { width: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
 
body.ttc-headsup main.ttc-headsup-shell .publish-img img.dummy-img { width: 100%; }

body.ttc-headsup main.ttc-headsup-shell .publish-txt { flex: 0 1 calc(100% - 70px); display: flex; flex-wrap: wrap;  row-gap: 5px; }

body.ttc-headsup main.ttc-headsup-shell .publish-txt h4 { font-size: 14px;  font-family: 'Poppins-SemiBold'; line-height: 20px; color: #000000; flex: 1 1 100%; }

body.ttc-headsup main.ttc-headsup-shell .publish-txt h4 a { transition: all 0.4s ease; text-decoration: underline; text-transform: capitalize; }

body.ttc-headsup main.ttc-headsup-shell .publish-txt ul { flex: 1 1 100%; column-gap: inherit; }

body.ttc-headsup main.ttc-headsup-shell .publish-txt ul li { flex: 0 1 auto; font-size: 14px; line-height: 20px; color: #000000; position: relative; margin-right: 12px; padding: 0 18px 0 0; border: none; }

body.ttc-headsup main.ttc-headsup-shell .publish-txt ul li:after { position: absolute; display: block; content: ""; background: #000000; width: 5px; height: 5px; border-radius: 50px; top: 50%; transform: translateY(-50%); right: 0; }
 
body.ttc-headsup main.ttc-headsup-shell .publish-txt ul li:last-child::after { display: none; margin: 0; padding: 0; }


body.ttc-headsup main.ttc-headsup-shell .blog-list ul li:hover .blog-img img { transform: scale(1.05); }

body.ttc-headsup main.ttc-headsup-shell .blog-list ul li .blog-title h3 a:hover { color: #ffc31b; }

body.ttc-headsup main.ttc-headsup-shell .blog-list ul li .publish-txt h4 a:hover { color: #ffc31b; }

body.ttc-headsup main.ttc-headsup-shell .publish-detail .publish-txt ul li:last-child { margin: 0; padding: 0; }



/* .blog-fullwidth { float: left; width: 100%;} */
body.ttc-headsup main.ttc-headsup-shell .blog-fullwidth { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; column-gap: 4%; padding: 12px 12px; border: 1px solid rgba(0,0,0,0.12); border-radius: 16px; }

body.ttc-headsup main.ttc-headsup-shell .blog-fullwidth .blog-img { flex: 0 1 48%; border-radius: 12px; overflow: hidden; position: relative; }
 
body.ttc-headsup main.ttc-headsup-shell .blog-fullwidth .blog-img img { width: 100%; float: left; transition: all 0.4s ease; }

body.ttc-headsup main.ttc-headsup-shell .blog-fullwidth .blog-img img.org-img { width: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
 
body.ttc-headsup main.ttc-headsup-shell .blog-fullwidth .blog-img img.dummy-img { width: 100%; }


body.ttc-headsup main.ttc-headsup-shell .blog-fullwidth .blog-cnt { flex: 0 1 48%; }

body.ttc-headsup main.ttc-headsup-shell .blog-fullwidth .blog-title { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 15px; }

body.ttc-headsup main.ttc-headsup-shell .blog-fullwidth .blog-title span.cat { font-size: 14px; color: #0050B5; font-family: 'Poppins-Medium'; letter-spacing: 2px; width: 100%; }

body.ttc-headsup main.ttc-headsup-shell .blog-fullwidth .blog-title span.cat a { color: #0050B5; transition: all 0.4s ease; text-transform: uppercase; }

body.ttc-headsup main.ttc-headsup-shell .blog-fullwidth .blog-title span.cat a:hover { color: #FFB900; }

body.ttc-headsup main.ttc-headsup-shell .blog-fullwidth .blog-title h3 { color: #000000; font-size: 24px; line-height: 30px; font-family: 'Poppins-Bold'; transition: all 0.4s ease; width: 100%; }

body.ttc-headsup main.ttc-headsup-shell .blog-fullwidth .blog-title h3 a { transition: all 0.4s ease; }

body.ttc-headsup main.ttc-headsup-shell .blog-fullwidth .blog-title h3 a:hover { color: #FFB900; }

body.ttc-headsup main.ttc-headsup-shell .blog-fullwidth .blog-title p { font-size: 16px; line-height: 24px; color: #202020; }

body.ttc-headsup main.ttc-headsup-shell .blog-fullwidth .blog-title a.read-btn { border: 1px solid #FFB900; color: #FFB900; font-size: 16px; font-family: 'Poppins-SemiBold'; border-radius: 12px; padding: 6px 12px 6px 15px; display: flex;
align-items: center; column-gap: 5px; transition: all 0.4s ease; }

body.ttc-headsup main.ttc-headsup-shell .blog-fullwidth .blog-title a.read-btn i { font-size: 30px; }

body.ttc-headsup main.ttc-headsup-shell .blog-fullwidth .publish-detail { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 15px; margin-top: 25px; padding-top: 25px; border-top: 1px solid rgba(0,0,0,0.22); }

body.ttc-headsup main.ttc-headsup-shell .blog-fullwidth .publish-img { flex: 0 1 48px; height: 48px; border-radius: 50%; overflow: hidden; position: relative; }

body.ttc-headsup main.ttc-headsup-shell .blog-fullwidth .publish-img img { width: 100%; float: left; transition: all 0.4s ease; }

body.ttc-headsup main.ttc-headsup-shell .blog-fullwidth .publish-img img.org-img { width: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
 
body.ttc-headsup main.ttc-headsup-shell .blog-fullwidth .publish-img img.dummy-img { opacity: 0; width: 100%; }

body.ttc-headsup main.ttc-headsup-shell .blog-fullwidth .publish-txt { flex: 0 1 calc(100% - 70px); display: flex; flex-wrap: wrap;  row-gap: 5px; }

body.ttc-headsup main.ttc-headsup-shell .blog-fullwidth .publish-txt h4 { font-size: 14px; text-decoration: underline; font-family: 'Poppins-SemiBold'; line-height: 20px; color: #000000; flex: 1 1 100%; }

body.ttc-headsup main.ttc-headsup-shell .blog-fullwidth .publish-txt ul { flex: 1 1 100%; column-gap: inherit; display: flex; flex-wrap: wrap; }

body.ttc-headsup main.ttc-headsup-shell .blog-fullwidth .publish-txt ul li { flex: 0 1 auto; font-size: 14px; line-height: 20px; color: #000000; position: relative; margin-right: 12px; padding-right: 18px; }

body.ttc-headsup main.ttc-headsup-shell .blog-fullwidth .publish-txt ul li:after { position: absolute; display: block; content: ""; background: #000000; width: 5px; height: 5px; border-radius: 50px; top: 50%; transform: translateY(-50%); right: 0; }
 
body.ttc-headsup main.ttc-headsup-shell .blog-fullwidth .publish-txt ul li:last-child::after { display: none; margin: 0; padding: 0; }

body.ttc-headsup main.ttc-headsup-shell .blog-fullwidth .publish-txt ul li:last-child { margin-right: 0; padding-right: 0; }

/* .blog-fullwidth:hover .blog-title h3 { color: #FFB900;} */
body.ttc-headsup main.ttc-headsup-shell .blog-fullwidth .blog-title a.read-btn:hover { background: #FFB900; color: #FFFFFF; }

body.ttc-headsup main.ttc-headsup-shell .blog-fullwidth:hover .blog-img img { transform: scale(1.05); }

body.ttc-headsup main.ttc-headsup-shell .blog-fullwidth .publish-txt h4 a:hover { color: #FFB900; }


body.ttc-headsup main.ttc-headsup-shell .feature-author { float: left; width: 100%; margin-top: 60px; position: relative; }

body.ttc-headsup main.ttc-headsup-shell .feature-author h2 { color: #000000; font-size: 40px; line-height: 48px; margin-bottom: 30px; font-family: 'Poppins-Bold'; }

body.ttc-headsup main.ttc-headsup-shell .feature-author ul { background: #8031A7; padding: 40px 30px; border-radius: 12px; display: flex; flex-wrap: wrap; column-gap: 10%; justify-content: center; }

body.ttc-headsup main.ttc-headsup-shell .feature-author ul li { flex: 0 1 22%; }

body.ttc-headsup main.ttc-headsup-shell .feature-author ul li .author-img { width: 100%; border-radius: 50%; float: left; overflow: hidden;  position: relative; }

body.ttc-headsup main.ttc-headsup-shell .feature-author ul li .author-img img { width: 100%; }

body.ttc-headsup main.ttc-headsup-shell .feature-author ul li .author-img img.dummy-img { width: 100%; }

body.ttc-headsup main.ttc-headsup-shell .feature-author ul li .author-img img.org-img, body.ttc-headsup main.ttc-headsup-shell .feature-author ul li .author-img img.avatar { width: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

body.ttc-headsup main.ttc-headsup-shell .feature-author ul li .author-name { width: 100%; float: left; padding-top: 15px; padding-left: 0; }

body.ttc-headsup main.ttc-headsup-shell .feature-author ul li p { color: #FFFFFF; display: block; text-align: center; text-transform: capitalize; }

body.ttc-headsup main.ttc-headsup-shell .view-all { position: absolute; top: 8px; right: 0; }

body.ttc-headsup main.ttc-headsup-shell .view-all a { border: 1px solid #FFB900; color: #FFB900; font-size: 16px; font-family: 'Poppins-SemiBold'; border-radius: 12px; padding: 8px 25px; display: flex;
    align-items: center; transition: all 0.4s ease; }

body.ttc-headsup main.ttc-headsup-shell .view-all a:hover { background: #FFB900; color: #FFFFFF; }


body.ttc-headsup main.ttc-headsup-shell .author-fullwith { float: left; width: 100%; border: 1px solid #E8E8E8; border-radius: 12px; padding: 50px 120px 50px 40px; position: relative; overflow: hidden; }

body.ttc-headsup main.ttc-headsup-shell .author-fullwith::after { position: absolute; display: block; content: ""; top: 0; right: 0; background: url(../images/shape.svg) no-repeat 0 0; background-size: cover; width: 126px; height: 120px; }

body.ttc-headsup main.ttc-headsup-shell .author-img-lft { flex: 0 1 170px; border-radius: 50%; overflow: hidden; position: relative; }

body.ttc-headsup main.ttc-headsup-shell .author-img-lft img { width: 100%; float: left; }

body.ttc-headsup main.ttc-headsup-shell .author-img-lft img.dummy-img { width: 100%; }

body.ttc-headsup main.ttc-headsup-shell .author-img-lft img.org-img, body.ttc-headsup main.ttc-headsup-shell .author-img-lft img.avatar { width: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }


body.ttc-headsup main.ttc-headsup-shell .author-txt-rht { flex: 0 1 calc(100% - 200px); display: flex; flex-wrap: wrap; row-gap: 10px; flex-direction: column; }

body.ttc-headsup main.ttc-headsup-shell .author-txt-rht h3 { font-size: 32px; line-height: 32px; color: #000000; font-family: 'Poppins-Medium'; margin-bottom: 0px; text-transform: capitalize; }

body.ttc-headsup main.ttc-headsup-shell .author-txt-rht h3 a i { color: rgba(0, 94, 184, 1); transition: all 0.4s ease; }

body.ttc-headsup main.ttc-headsup-shell .author-txt-rht h3 a:hover i { color: #FFB900; }

body.ttc-headsup main.ttc-headsup-shell .author-txt-rht span { font-size: 16px; color: #8A8A8A; line-height: 24px; }

body.ttc-headsup main.ttc-headsup-shell .author-txt-rht p { color: #000000; font-size: 16px; line-height: 24px; }



body.ttc-headsup main.ttc-headsup-shell .ftr-lft { flex: 0 1 60%; }

body.ttc-headsup main.ttc-headsup-shell .ftr-lft h2 { color: #FFFFFF; font-size: 70px; line-height: 0px; text-transform: uppercase; font-family: 'CenturyGothicStd-Bold'; }

body.ttc-headsup main.ttc-headsup-shell .ftr-lft p { font-size: 28px; line-height: 36px; text-transform: uppercase; font-family: 'CenturyGothicStd-Bold'; }

body.ttc-headsup main.ttc-headsup-shell .ftr-lft p span { background: #FFB900; padding: 0 4px; }
 
body.ttc-headsup main.ttc-headsup-shell .ftr-rht { flex: 0 1 32%; text-align: right; }
 
body.ttc-headsup main.ttc-headsup-shell .addr-details p { font-size: 18px; line-height: 26px; font-family: 'CenturyGothicStd-Bold'; }

body.ttc-headsup main.ttc-headsup-shell .addr-details small { font-family: 'CenturyGothicStd-Bold'; line-height: 26px; font-size: 15px; }

body.ttc-headsup main.ttc-headsup-shell .addr-details a { background: #FFB900; font-size: 16px; color: #000000; padding: 0 4px; }

body.ttc-headsup main.ttc-headsup-shell .social-icons ul { display: flex; flex-wrap: wrap; justify-content: flex-end; column-gap: 10px; }

body.ttc-headsup main.ttc-headsup-shell .social-icons ul li { flex: 0 1 auto; }

body.ttc-headsup main.ttc-headsup-shell .social-icons ul li a i { transition: all 0.4s ease; }

body.ttc-headsup main.ttc-headsup-shell .social-icons ul li.li-ico a:hover i { color: #0077b5; }

body.ttc-headsup main.ttc-headsup-shell .social-icons ul li.utube-ico a:hover i { color: #e00; }

body.ttc-headsup main.ttc-headsup-shell .social-icons ul li.ins-ico a:hover i { color: #e1306c; }

body.ttc-headsup main.ttc-headsup-shell .social-icons ul li.fb-ico a:hover i { color: #3b5998; }



/******blog details css*******/
body.ttc-headsup main.ttc-headsup-shell .blog-section { float: left; width: 100%; padding: 100px 0 140px; }

body.ttc-headsup main.ttc-headsup-shell .blog-div { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-lft { flex: 0 1 30%; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-rht { flex: 0 1 66%; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-rht .blog-list-det { float: left; width: 76%; padding: 0; border: none; display:flex; flex-wrap:wrap; align-items: center; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-rht .blog-list-det h3 { width:auto; font-size: 14px; line-height: 17px;
  letter-spacing: 1.2px; color: #0050B5; padding-bottom: 0px; text-transform: uppercase; flex: 0 1 12%; }

  body.ttc-headsup main.ttc-headsup-shell .blog-det-rht .blog-list-det ul { width:auto; flex: 0 1 88%; margin: 0; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-rht .blog-list-det ul li:after { display:none; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-rht .blog-list-det ul li { padding:0; flex: 0 1 auto; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-lft h3 { font-size: 14px; line-height: 17px; letter-spacing: 1.2px; color: #0050B5; padding-bottom: 30px; text-transform: uppercase; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-lft h3 a { color: #0050B5; }

body.ttc-headsup main.ttc-headsup-shell .blog-list-det { float: left; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding-bottom: 35px; }

body.ttc-headsup main.ttc-headsup-shell .blog-list-det ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 3%; row-gap: 12px; }

body.ttc-headsup main.ttc-headsup-shell .blog-list-det ul li { flex: 0 1 auto; }

body.ttc-headsup main.ttc-headsup-shell .blog-list-det ul li a { font-size: 16px; line-height: 28px; color: #000000; border: 1px solid #E8E8E8; padding:4px 12px; display: inline-block; border-radius: 12px; transition:all .5s ease; }

body.ttc-headsup main.ttc-headsup-shell .blog-list-det ul li a:hover { background: #0050B5; color: #FFFFFF; border: 1px solid #0050B5; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-rht p { font-size: 18px; line-height: 28px; letter-spacing: 0.2px; color: #09182FCC; padding-bottom:30px; float: left; width: 100%; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-rht p strong { font-family: 'Poppins-Medium'; font-weight: normal; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-rht p a { text-decoration: underline; color: #0050B5; transition: all 0.4s ease; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-rht p a:hover { color: #FFB900; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-rht h3 { font-size: 30px; line-height: 42px; font-family: 'Poppins-Medium'; letter-spacing: -0.48px; color: #09182F; padding-bottom:20px; float: left; width: 100%; font-weight: 300; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-rht ul { display: flex; flex-wrap: wrap; width: 100%; row-gap: 18px; margin-bottom: 30px; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-rht ul li { flex: 1 1 100%; font-size: 18px; line-height: 28px; color: #000000; position: relative; padding-left: 35px; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-rht ul li::after { position: absolute; display: block; content:"\e82c"; font-size: 30px; font-family: 'feather'; color: #FFB900; left: 0; top: 0; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-img { width: 100%; float: left; border-radius: 12px; overflow: hidden; margin-bottom: 30px; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-rht p img { width: 100%; float: left; border-radius: 12px; overflow: hidden; margin-bottom: 0px; }

body.ttc-headsup main.ttc-headsup-shell .tage-list { float: left;width: 100%;padding: 30px 0 0 0; }


body.ttc-headsup main.ttc-headsup-shell .blog-det-rht ul.link-list li { padding: 0; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-rht ul.link-list li::after { display: none; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-rht ul.link-list li a { color:#0050B5; text-decoration: underline; transition: all 0.4s ease; word-break: break-all; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-rht ul.link-list li a:hover { color: #000000; }


body.ttc-headsup main.ttc-headsup-shell .news-box { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 6px; }

body.ttc-headsup main.ttc-headsup-shell .news-box input[type="text"] { width: calc(100% - 50px); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 3px; background: rgba(255, 255, 255, 0.3); color: #fff; font-size: 14px; font-family: 'Poppins-Regular'; height: 44px; line-height: 44px; padding: 10px 15px; }

body.ttc-headsup main.ttc-headsup-shell .news-box button { width: 44px; height: 44px; border: 1px solid rgba(255, 255, 255, 1); border-radius: 3px; position: relative; background: rgba(255, 255, 255, 0.2); transition:all .5s ease; cursor: pointer; }

body.ttc-headsup main.ttc-headsup-shell .news-box button i { color: #fff; font-size: 20px; }

/* .news-box button:after{position: absolute; content: "";background: url(../images/button-arw.svg) no-repeat 0 0; width: 26px; height: 26px; top:50%; left: 0; right: 0; margin: 0 auto; transform: translateY(-50%);} */
body.ttc-headsup main.ttc-headsup-shell .news-box button:hover { background: #FFB900; border: 1px solid #FFB900; }

body.ttc-headsup main.ttc-headsup-shell .news-box button:hover i { color: #462c02; }

body.ttc-headsup main.ttc-headsup-shell .subscribe-div { position: sticky; top: 65px; margin-top: 30px; float: left; width: 100%; height: 155px; z-index: 1; background: #0050B5; border-radius: 8px; display: flex; flex-wrap: wrap; justify-content: space-between; column-gap: 20px; align-content: center; padding: 20px 20px 20px 0; /*position: relative;*/ overflow: hidden; }

body.ttc-headsup main.ttc-headsup-shell .subscribe-lft { flex: 0 1 100px; }

body.ttc-headsup main.ttc-headsup-shell .subscribe-rht { flex: 0 1 calc(100% - 120px); display: flex;flex-wrap: wrap;align-content: center; z-index: 99; }

body.ttc-headsup main.ttc-headsup-shell .subscribe-div h4 { color: #fff; font-size: 18px; line-height: 20px; font-family: 'Poppins-Bold'; margin-bottom: 15px; }

body.ttc-headsup main.ttc-headsup-shell .subscribe-div:after { position: absolute; content: ""; z-index: -1; right: -175px; top: -70px; width: 304px; height: 304px; background: rgba(255, 255, 255, 12%); border-radius: 100%; }

body.ttc-headsup main.ttc-headsup-shell .news-box input::-webkit-input-placeholder { /* WebKit, Blink, Edge */color:#FFFFFF; }

body.ttc-headsup main.ttc-headsup-shell .news-box input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#FFFFFF; opacity:1; }

body.ttc-headsup main.ttc-headsup-shell .news-box input::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#FFFFFF; opacity:1; }

body.ttc-headsup main.ttc-headsup-shell .news-box input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#FFFFFF; }

body.ttc-headsup main.ttc-headsup-shell .news-box input::-ms-input-placeholder { /* Microsoft Edge */  color:#FFFFFF; }

body.ttc-headsup main.ttc-headsup-shell .news-box input::placeholder { /* Most modern browsers support this now. */  color:#FFFFFF; }


body.ttc-headsup main.ttc-headsup-shell .blog-related { float: left; width: 100%; margin-bottom: 80px; }

body.ttc-headsup main.ttc-headsup-shell .blog-related h2 { color: #000000; font-size: 40px; line-height: 48px; margin-bottom: 30px; font-family: 'Poppins-Bold'; }

body.ttc-headsup main.ttc-headsup-shell .blog-related .blog-list { margin-top: 0; position:relative; }

body.ttc-headsup main.ttc-headsup-shell .blog-related .blog-list ul { column-gap: 2%; }

body.ttc-headsup main.ttc-headsup-shell .blog-related .blog-list ul li { flex: 0 1 32%; }

body.ttc-headsup main.ttc-headsup-shell .blog-related .blog-list .publish-txt ul li { flex: 0 1 auto; }


body.ttc-headsup main.ttc-headsup-shell .author-detail-box { width: 100%; position: relative; overflow: hidden; border: 1px solid #E8E8E8; border-radius: 12px; padding: 50px 40px 80px; display: flex; flex-wrap: wrap; align-items: center; }

body.ttc-headsup main.ttc-headsup-shell .author-det-img { flex: 0 1 173px; position: relative; }

body.ttc-headsup main.ttc-headsup-shell .author-det-img img { float: left; width: 100%; border-radius: 100%; }

body.ttc-headsup main.ttc-headsup-shell .author-det-img img.dummy-img { width: 100%; }

body.ttc-headsup main.ttc-headsup-shell .author-det-img img.org-img, body.ttc-headsup main.ttc-headsup-shell .author-det-img img.avatar { width: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

body.ttc-headsup main.ttc-headsup-shell .author-det-name { flex: 0 1 calc(100% - 173px); padding-left: 40px; }

body.ttc-headsup main.ttc-headsup-shell .author-det-name h3 { color: #000; font-size: 32px; line-height: 38px; font-family: 'Poppins-Medium'; margin-bottom: 12px; padding-bottom: 0; }

body.ttc-headsup main.ttc-headsup-shell .author-det-name p { color: #000; font-size: 16px; line-height: 24px; font-family: 'Poppins-Regular'; margin-bottom: 15px; padding-bottom: 0; }

body.ttc-headsup main.ttc-headsup-shell a.know-more { border: 1px solid #FFB900; background: #FFB900; color: #fff; font-size: 16px; font-family: 'Poppins-SemiBold'; border-radius: 12px; padding: 5px 12px 5px 16px; display: inline-flex;
align-items: center; column-gap: 5px; transition: all 0.4s ease; }

body.ttc-headsup main.ttc-headsup-shell a.know-more i { font-size: 30px; }

body.ttc-headsup main.ttc-headsup-shell a.know-more:hover { background: #0050B5; border: 1px solid #0050B5; }

body.ttc-headsup main.ttc-headsup-shell .author-shape { position: absolute; right: 0px; bottom: 0px; }



/***Author css***/
body.ttc-headsup main.ttc-headsup-shell .author-sec { width: 100%; padding: 80px 0; float: left; }

body.ttc-headsup main.ttc-headsup-shell .author-sec ul { display: flex; flex-wrap: wrap; column-gap: 2%; row-gap:30px }

body.ttc-headsup main.ttc-headsup-shell .author-sec ul li { flex: 0 1 32%; background: #000000; padding:40px 30px; border-radius: 12px; overflow: hidden; display: flex; flex-wrap: wrap; row-gap: 40px; }

body.ttc-headsup main.ttc-headsup-shell .author-sec ul li .aut-inn { position: relative; width: 100%; float: left; z-index: 1; max-width: 220px; margin: 0 auto; }


body.ttc-headsup main.ttc-headsup-shell .aut-img { float: none; width: 100%; position: relative; border-radius: 50%; overflow: hidden; /*max-width: 220px; margin: 0 auto;*/ }

body.ttc-headsup main.ttc-headsup-shell .aut-img img { width: 100%; float: left; transition: all 0.4s ease; }

body.ttc-headsup main.ttc-headsup-shell .aut-img img.dummy-img { width: 100%; }

body.ttc-headsup main.ttc-headsup-shell .aut-img img.org-img, body.ttc-headsup main.ttc-headsup-shell .aut-img img.avatar { width: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

body.ttc-headsup main.ttc-headsup-shell .aut-name { width: 100%; float: left; text-align: center; }

body.ttc-headsup main.ttc-headsup-shell .aut-name h3 { color: #FFFFFF; font-size: 28px; line-height: 32px; font-family: 'Poppins-Medium'; margin-bottom: 12px; text-transform: capitalize; }

body.ttc-headsup main.ttc-headsup-shell .aut-name p { color:#fff; margin-bottom: 20px; font-size:14px }

body.ttc-headsup main.ttc-headsup-shell .aut-name a { transition: all 0.4s ease; color: #FFFFFF; font-size: 16px; line-height: 26px; display: flex; align-items: center; justify-content: center; column-gap: 5px; }

body.ttc-headsup main.ttc-headsup-shell .aut-name a i { font-size: 20px; }

body.ttc-headsup main.ttc-headsup-shell .aut-name a:hover { opacity: 0.6; }


body.ttc-headsup main.ttc-headsup-shell .author-sec ul li.bg1 { background: #0050B5; }

body.ttc-headsup main.ttc-headsup-shell .author-sec ul li.bg1 .aut-inn::after { position: absolute; display: block; content: ""; top: -15px; right: -20px; background: rgba(255,255,255,0.1);  
border-bottom-right-radius: 120px; border-top-right-radius: 120px; width: 125px; height: 250px; z-index: -1; }

body.ttc-headsup main.ttc-headsup-shell .author-sec ul li.bg2 { background: #00A86B; }

body.ttc-headsup main.ttc-headsup-shell .author-sec ul li.bg2 .aut-inn::after { content: ""; display: block; width: 0; height: 0; margin-left: 0; margin-top: 0;border-left: 200px solid transparent;
border-top: 200px solid rgba(255,255,255,0.1); top: -10px; right: -10px; position: absolute; z-index: -1; }

body.ttc-headsup main.ttc-headsup-shell .author-sec ul li.bg3 { background: #8031A7; }

body.ttc-headsup main.ttc-headsup-shell .author-sec ul li.bg3 .aut-inn::after { position: absolute; display: block; content: ""; top: -20px; right: -25px; background: rgba(255,255,255,0.1);  
border-bottom-right-radius: 0px; border-top-right-radius:120px; width: 126px; height: 126px; z-index: -1; }

body.ttc-headsup main.ttc-headsup-shell .author-sec ul li:hover .aut-img img { transform: scale(1.05); }



body.ttc-headsup main.ttc-headsup-shell .author-sec ul li.bg4 { background: #F96815; }

body.ttc-headsup main.ttc-headsup-shell .author-sec ul li.bg4 .aut-inn::after { position: absolute; display: block; content: ""; top: -15px; right: -20px; background: rgba(255,255,255,0.1);  
border-bottom-right-radius: 120px; border-top-right-radius: 120px; width: 125px; height: 250px; z-index: -1; }

body.ttc-headsup main.ttc-headsup-shell .author-sec ul li.bg5 { background: #FFB900; }

body.ttc-headsup main.ttc-headsup-shell .author-sec ul li.bg5 .aut-inn::after { content: ""; display: block; width: 0; height: 0; margin-left: 0; margin-top: 0;border-left: 200px solid transparent;
border-top: 200px solid rgba(255,255,255,0.1); top: -10px; right: -10px; position: absolute; z-index: -1; }

body.ttc-headsup main.ttc-headsup-shell .author-sec ul li.bg6 { background: #63666A; }

body.ttc-headsup main.ttc-headsup-shell .author-sec ul li.bg6 .aut-inn::after { position: absolute; display: block; content: ""; top: -20px; right: -25px; background: rgba(255,255,255,0.1);  
border-bottom-right-radius: 0px; border-top-right-radius:120px; width: 126px; height: 126px; z-index: -1; }



body.ttc-headsup main.ttc-headsup-shell .mb-filter { float: right; position: absolute; right: 15px; display: none; }

body.ttc-headsup main.ttc-headsup-shell .mb-filter a { background: #000000; padding: 8px; border-radius: 3px; display: block; transition: all 0.4s ease; }

body.ttc-headsup main.ttc-headsup-shell .mb-filter a span { background: url(../images/filter-svgrepo-com.svg) no-repeat 0 0; background-size: 100%; width: 24px; height: 24px; display: block; }

body.ttc-headsup main.ttc-headsup-shell .mb-filter a.open { background: #0050B5; }

body.ttc-headsup main.ttc-headsup-shell .mb-filter a.open span { background: url(../images/close_icon.svg) no-repeat 0 0; background-size: 100%; }

body.ttc-headsup main.ttc-headsup-shell .mb-filter a:hover { background: #0050B5; }


/*mobile menu css */






















/****category css****/
body.ttc-headsup main.ttc-headsup-shell .category-list { float: left; width: 100%; padding: 80px 0; }

body.ttc-headsup main.ttc-headsup-shell .category-title { float: left; width: 100%; }

body.ttc-headsup main.ttc-headsup-shell .category-title h1 { color: #000000; font-size: 40px; line-height: 48px; margin-bottom: 30px; font-family: 'Poppins-Bold'; }

body.ttc-headsup main.ttc-headsup-shell .category-title h1 span { color: #0050B5; }

body.ttc-headsup main.ttc-headsup-shell .category-list .blog-list { margin-top: 0; }

body.ttc-headsup main.ttc-headsup-shell .category-list .blog-list ul { column-gap: 2%; }

body.ttc-headsup main.ttc-headsup-shell .category-list .blog-list ul li { flex: 0 1 32%; }

body.ttc-headsup main.ttc-headsup-shell .category-list .publish-txt ul li { flex: 0 1 auto; }


body.ttc-headsup main.ttc-headsup-shell .blog-cat-mres { float: left; width: 100%; margin-bottom: 40px; }

body.ttc-headsup main.ttc-headsup-shell .blog-cat-mres h2 { color: #000000; font-size: 40px; line-height: 48px; margin-bottom: 30px; font-family: 'Poppins-Bold'; }

body.ttc-headsup main.ttc-headsup-shell .blog-cat-mres ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap:20px; }

body.ttc-headsup main.ttc-headsup-shell .blog-cat-mres ul li.current-cat { background: #0050B5; color: #ffffff; border: 1px solid #0050B5; }

body.ttc-headsup main.ttc-headsup-shell .blog-cat-mres ul li.current-cat a { color: #ffffff; }

body.ttc-headsup main.ttc-headsup-shell .blog-cat-mres ul li { flex: 0 1 auto; font-size: 16px; line-height: 28px; color: #000000; border: 1px solid #E8E8E8; padding:4px 12px; display: inline-block; border-radius: 12px; transition:all .5s ease; }

body.ttc-headsup main.ttc-headsup-shell .blog-cat-mres ul li.active { background: #0050B5; color: #FFFFFF; border: 1px solid #0050B5; }

body.ttc-headsup main.ttc-headsup-shell .blog-cat-mres ul li.active a { color: #ffffff; }

body.ttc-headsup main.ttc-headsup-shell .blog-cat-mres ul li:hover { background: #0050B5; color: #FFFFFF; border: 1px solid #0050B5; }

body.ttc-headsup main.ttc-headsup-shell .blog-cat-mres ul li:hover a { color: #ffffff; }

body.ttc-headsup main.ttc-headsup-shell .blog-cat-mres ul li a { color: #000; }


body.ttc-headsup main.ttc-headsup-shell table { width: 100%; border-collapse: collapse; font-family: 'Poppins-Regular'; }

body.ttc-headsup main.ttc-headsup-shell th, body.ttc-headsup main.ttc-headsup-shell td { border: 1px solid #dddddd; text-align: left; padding: 8px; }

body.ttc-headsup main.ttc-headsup-shell th { background-color: #f2f2f2; font-weight: bold; }

body.ttc-headsup main.ttc-headsup-shell td { background-color: #ffffff; }

body.ttc-headsup main.ttc-headsup-shell tr:nth-child(even) { background-color: #f9f9f9; }

body.ttc-headsup main.ttc-headsup-shell strong { font-weight: normal;  font-family: 'Poppins-Bold'; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-rht table { width: 100%; float: left; margin-bottom: 25px; font-size: 16px; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-rht table tr { background: #ffffff none repeat scroll 0 0; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-rht table th { font-family: 'Poppins-Bold'; background-color: #0050B5; color: #ffffff; text-align:center;padding: 15px 25px;font-size: 16px;line-height: 24px; }

body.ttc-headsup main.ttc-headsup-shell .blog-det-rht table tr:first-child td { font-family: 'Poppins-Bold'; background-color: #0050B5; color: #ffffff; text-align: center; padding: 15px 25px; font-size: 16px; line-height: 24px; }


body.ttc-headsup main.ttc-headsup-shell .blog-det-rht .addtoany_content { float: left; width: 24%; padding: 0px 0 35px;  margin: 0; }


body.ttc-headsup main.ttc-headsup-shell .responsive-video-container { position: relative; width: 100%; max-width: 100%; height: auto; overflow: hidden; }

body.ttc-headsup main.ttc-headsup-shell .responsive-video-container video { width: 100%; height: auto; }

body.ttc-headsup main.ttc-headsup-shell .responsive-video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

body.ttc-headsup main.ttc-headsup-shell .blog-related .blog-list { margin-top: 0; position:relative; }

body.ttc-headsup main.ttc-headsup-shell .blog-related .blog-list .view-all { top:-60px; }


body.ttc-headsup main.ttc-headsup-shell .author.filter-bx .checkbox .checkmark { border-radius:50px; }

body.ttc-headsup main.ttc-headsup-shell .author.filter-bx .checkbox .checkmark:after { border:none; width: 10px; height: 10px; background: #462b02; transform:none; left:0; top:0; right: 0;
  bottom: 0; margin: auto; border-radius: 50px; }


body.ttc-headsup main.ttc-headsup-shell .pagination { width: 100%; padding-top: 70px; display: flex; align-items: center; justify-content: center; column-gap: 25px; }

body.ttc-headsup main.ttc-headsup-shell .pagination ul { width: auto; display: flex; column-gap: 10px; row-gap: 0; justify-content: center; }

body.ttc-headsup main.ttc-headsup-shell .pagination ul li { flex: 0 1 auto; padding:0px 0px; border:0px solid rgba(0,0,0,0.12); border-radius:50%; }

body.ttc-headsup main.ttc-headsup-shell .pagination ul li a { color:rgb(40, 40, 40); display:flex;align-items: center;justify-content: center; width:35px; height:35px; font-family: 'Poppins-Regular'; font-size: 16px; border:1px solid #000000; border-radius:50%; transition: all .5s ease; }

body.ttc-headsup main.ttc-headsup-shell .pagination ul li.active a { color: #FFFFFF; background: #FFB900;  border:1px solid #FFB900; font-family: 'Poppins-SemiBold'; }

body.ttc-headsup main.ttc-headsup-shell .pagination ul li.active a:hover { color: #FFFFFF; background: #FFB900; }

body.ttc-headsup main.ttc-headsup-shell .pagination ul li a:hover { color: #FFFFFF; background: #FFB900;  border:1px solid #FFB900; }

body.ttc-headsup main.ttc-headsup-shell a.next-arw { display: block; width:auto; padding-right: 25px; background: url("../images/dble-right-arr.svg") no-repeat scroll right top 7px; font-family: 'Poppins-Regular'; font-size:16px; line-height: 21px; color:rgb(40, 40, 40, 0.66); position: relative;transition: all 0.5s ease; }

body.ttc-headsup main.ttc-headsup-shell a.next-arw:hover { color: #FFB900; }

body.ttc-headsup main.ttc-headsup-shell a.prev-arw { display: block; width:auto; padding-left: 25px; background: url("../images/dble-left-arr.svg") no-repeat scroll left top 7px; font-family: 'Poppins-Regular'; font-size:16px; line-height: 21px; color:rgb(40, 40, 40, 0.66); position: relative;transition: all 0.5s ease; }

body.ttc-headsup main.ttc-headsup-shell a.prev-arw:hover { color: #FFB900; }