.single-post .tm-v5-meta {
display: flex;
align-items: center;
flex-wrap: nowrap;
gap: 0;
margin-top: 24px;
padding: 12px 14px;
background: #f8fafb;
border: 1px solid #e2e8ee;
border-radius: 12px;
box-shadow: 0 1px 2px rgba(15, 23, 42, .025);
white-space: nowrap;
} .single-post .tm-v5-meta-item {
display: inline-flex;
align-items: center;
gap: 5px;
min-width: 0;
padding: 0 14px;
color: #475467;
text-decoration: none;
} .single-post .tm-v5-meta-item:first-child {
padding-left: 0;
}
.single-post .tm-v5-meta-item:last-child {
padding-right: 0;
} .single-post .tm-v5-meta-label {
color: #7a8492;
font-size: 11px;
font-weight: 800;
letter-spacing: .04em;
text-transform: uppercase;
} .single-post .tm-v5-meta-value {
color: #344054;
font-size: 13px;
font-weight: 700;
} .single-post .tm-v5-meta-divider {
width: 1px;
height: 24px;
background: #dce2e8;
flex: 0 0 1px;
} .single-post .tm-v5-meta-avatar {
width: 27px;
height: 27px;
border-radius: 50%;
object-fit: cover;
margin-right: 2px;
box-shadow: 0 0 0 1px #d0d5dd;
} .single-post .tm-v5-meta-author:hover .tm-v5-meta-value,
.single-post .tm-v5-meta-comments:hover .tm-v5-meta-value,
.single-post .tm-v5-meta-category:hover .tm-v5-meta-value {
color: #13783a;
} @media (max-width: 1024px) {
.single-post .tm-v5-meta {
flex-wrap: wrap;
white-space: normal;
gap: 10px 0;
}
.single-post .tm-v5-meta-divider {
display: none;
}
.single-post .tm-v5-meta-item {
padding: 0 14px 0 0;
}
} @media (max-width: 560px) {
.single-post .tm-v5-meta {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px 16px;
padding: 14px;
}
.single-post .tm-v5-meta-item {
padding: 0;
display: flex;
flex-direction: row;
align-items: center;
gap: 4px;
flex-wrap: wrap;
white-space: normal;
}
.single-post .tm-v5-meta-avatar {
width: 25px;
height: 25px;
}
} .single-post .wp-caption {
background: #f8fafc;
border: 1px solid #e4e9ef;
border-radius: 12px;
padding: 10px;
text-align: center;
color: #667085;
}
.single-post .wp-caption img {
position: relative;
vertical-align: bottom;
border: 0;
border-radius: 10px;
}
.single-post .wp-caption .wp-caption-text {
margin: 0;
padding-top: 10px;
font-size: 14px;
font-weight: 500;
line-height: 1.5;
color: #667085;
} .single-post .tm-codebox {
margin: 26px 0 32px;
border: 1px solid #1e293b;
border-radius: 13px;
overflow: hidden;
background: #0f172a;
box-shadow: 0 8px 20px rgba(2, 6, 23, .09);
}
.single-post .tm-codehead {
height: 46px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 12px 0 14px;
background: #111827;
border-bottom: 1px solid #243244;
}
.single-post .tm-code-dots {
display: flex;
gap: 6px;
}
.single-post .tm-code-dot {
width: 8px;
height: 8px;
border-radius: 50%;
}
.single-post .tm-code-dot:nth-child(1) {
background: #ff5f57;
}
.single-post .tm-code-dot:nth-child(2) {
background: #febc2e;
}
.single-post .tm-code-dot:nth-child(3) {
background: #28c840;
}
.single-post .tm-copy {
border: 1px solid #334155;
background: #172033;
color: #cbd5e1;
border-radius: 7px;
padding: 5px 9px;
cursor: pointer;
font-family: inherit;
font-size: 11px;
font-weight: 600;
}
.single-post .tm-copy:hover {
background: #1e293b;
}
.single-post .tm-copy.copied {
color: #86efac;
border-color: #2f6f4a;
background: #12251a;
} .single-post .tm-codebox pre {
margin: 0;
padding: 21px;
overflow-x: auto;
overflow-y: hidden;
background: #0f172a;
border: 0;
border-radius: 0;
box-shadow: none;
color: #dbeafe;
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 14.5px;
line-height: 1.75;
white-space: pre;
word-wrap: normal;
}
.single-post .tm-codebox pre code {
background: transparent;
border: 0;
color: inherit;
font: inherit;
padding: 0;
} .single-post .entry-content h2,
.single-post .entry-content h3,
.single-post .entry-content h4,
.single-post .entry-content h5,
.single-post .entry-content h6 {
border: 0;
border-bottom: 2px dashed #def0ff
} .single-post .in-content-related-posts {
display: block;
margin: 30px 0;
padding: 18px 20px;
background: #f8fafc;
border: 1px solid #dbe5ee;
border-left: 4px solid #1769e0;
border-radius: 12px;
line-height: 1.7;
font-style: normal;
color: #344054;
}
.single-post .in-content-related-posts a {
color: #1769e0;
font-weight: 600;
}
.single-post .in-content-related-posts a:hover {
color: #0f56bd;
} .single-post .danger,
.single-post .info,
.single-post .success {
margin: 26px 0;
padding: 16px 18px;
border: 1px solid;
border-left-width: 4px;
border-radius: 10px;
line-height: 1.7;
} .single-post .danger {
background: #fff5f5;
border-color: #fecaca;
border-left-color: #dc2626;
color: #7f1d1d;
} .single-post .success {
background: #f0fdf4;
border-color: #bbf7d0;
border-left-color: #169c46;
color: #166534;
} .single-post .info {
background: #eff6ff;
border-color: #bfdbfe;
border-left-color: #1769e0;
color: #1e3a5f;
} .single-post .danger a,
.single-post .info a,
.single-post .success a {
text-decoration: underline;
font-weight: 600;
color: inherit;
} .wp-show-posts:not(.wp-show-posts-columns) .wp-show-posts-single:not(:last-child){margin-bottom:.9em}.wp-show-posts-entry-title a{text-decoration:none;font-weight:600}.wpsp-related-posts{background-color:#fff;padding:25px}.wpsp-related-posts h2{margin-bottom:25px} .paging-navigation {border: 1px solid #c5d9ff;text-align:center}
.paging-navigation .page-numbers{margin:0 10px;display:inline-block;text-align:center;min-width:46px;height:46px;line-height:42px;border-radius:4px;color:#fff;border:1px solid #c5d9ff;background:#0556f3;font-weight:700;font-size:17px;text-decoration:none}.paging-navigation .page-numbers.next,.paging-navigation .page-numbers.prev{padding:0 10px}.paging-navigation .page-numbers.current,.paging-navigation .page-numbers:hover{background:#fff;color:#0556f3;}@media(max-width:768px){.separate-containers .paging-navigation{padding:10px 5px!important}.paging-navigation .nav-links{display:flex;flex-wrap:wrap;justify-content:center}.paging-navigation .page-numbers{margin:4px!important;box-sizing:border-box;flex:1 0 12%}.paging-navigation .page-numbers.next,.paging-navigation .page-numbers.prev{order:50;flex:1 0 40%;margin-top:1em}} .page-links{text-align:center;padding:10px}.page-links a{display:inline-block;border:1px solid #ddd;padding:5px 10px;line-height:1;font-weight:600;text-align:center}.page-links a:hover{background:#222;color:#fff;border-color:#222} .table-numbering{counter-reset:serial-number}.table-numbering td:first-child:before{counter-increment:serial-number;content:counter(serial-number)} .comment-content pre{background-color:#f8faff;border:1px solid #d3dce6;border-radius:5px;color:#3a3a3a;font-family:monospace,monospace;line-height:1.625;margin:30px 0;overflow-x:auto;overflow-y:hidden;padding:10px 10px 10px 18px;word-wrap:break-word;white-space:pre-wrap}.comment-content code{font-weight:400;background:#f1f5fd;color:#1b4361;padding:4px;border-radius:3px;line-height:1.5rem;word-break:normal;border:1px solid #e4edf7}.comments-area a{color:#1e73be} .comment-title-wrap {display: flex;align-items: baseline;justify-content: space-between;margin-bottom:32px;}
.comments-title,.comment-title-wrap a {font-size: 16px;font-weight: 600;text-decoration: none;color: #000;}
.comment-title-wrap a {background: #f4f4f4;border-radius: 3px;border: 1px solid #e7e7e7;padding: 10px 16px;}
.comments-title::before {content: url(https://www.tecmint.com/wp-content/themes/tecmint_child/commenticon.svg);display: inline-block;margin-right: 10px;vertical-align: middle;}
h3.comments-title {font-size: 25px;} hr {margin-top: 20px;margin-bottom: 20px !important;}  .bypostauthor:before,.byuser:before{float:right;padding:5px;font-size:small;font-weight:700;color:#fff}.byuser>.comment-body>.comment-content{background:#edf8ff;}.byuser:before{content:"Admin";background-color:#f10}.bypostauthor>.comment-body>.comment-content{background:#ffeeec;border: 1px solid #ffc9c3;}.bypostauthor:before{content:"Author";background-color:#000074} p.comment-awaiting-moderation{border: solid 1px #dde3f7;border-radius: 5px;background-color: #edf8ff;font-weight: 500;color: #000000;padding: 4px 8px;margin-top:20px;text-align: center;}
.comment-content {border: 1px solid #d2edfe;border-radius: 10px;} .recent404 {margin-top: 40px;} .button {border-radius: 10px;border: 1px solid #b1a7a7;} .team{box-sizing:border-box;float:left;width:33.3%;margin-bottom:16px;padding:0 8px}.team-box h2,.teamimg p{margin-bottom:0}@media screen and (max-width:650px){.team{width:100%;display:block}}.team-box{padding:0 16px}.teamtitle{color:grey} .testimonials{border:1px solid #e5e5e5;background-color:#fdfdfd;border-radius:5px;padding:16px;margin:16px 0 1.5em;text-align:center}.testimonials img{border-radius:50%;display:block;margin-left:auto;margin-right:auto;width:50%}.testimonials p{font-size:15px;font-weight:400;font-style:italic;line-height:1.85em;color:#666;margin-bottom:10px}@media (max-width:500px){.testimonials{text-align:center}.testimonials img{margin:auto;float:none;display:block}} #exam_announcement,#jointecmint{font-size:.9em;margin:.8em 0;padding:.4em .5em}#exam_announcement{background:#eefbff;border:1px solid #c7f1ff;border-left:5px solid #3f92be}#exam_announcement a{color:#bb0e30;font-weight:400}#jointecmint{background:#f5f5f5;border-color:#eee #eee #eee #ccc;border-image:none;border-style:solid;border-width:1px 1px 1px 5px} @media (min-width:769px){.site-content{display:flex}.inside-right-sidebar{height:100%}.inside-right-sidebar aside:last-child{position:-webkit-sticky;position:sticky;top:20px}} .article_comments_notice {margin-bottom: 2em;line-height: 1.6em;display: block;background-color: #fff4e5;border: 1px solid #ffd499;padding: 1em 1.25em;border-radius: 11px;font-style: italic;} #fs-frm #card-element:disabled,#fs-frm fieldset,#fs-frm input,#fs-frm label,#fs-frm optgroup,#fs-frm select,#fs-frm textarea{font-family:inherit;font-size:100%;color:inherit;border:none;border-radius:0;display:block;width:100%;padding:0;margin:0;-webkit-appearance:none;-moz-appearance:none}#fs-frm ::placeholder,#fs-frm label,#fs-frm legend{font-size:.825rem;margin-bottom:.5rem;padding-top:.2rem;display:flex;align-items:baseline}#fs-frm #card-element,#fs-frm input,#fs-frm select,#fs-frm textarea{border:1px solid rgba(0,0,0,.2);background-color:rgba(255,255,255,.9);padding:.75em 1rem;margin-bottom:1.5rem}#fs-frm input:focus,#fs-frm select:focus,#fs-frm textarea:focus{background-color:#fff;outline-style:solid;outline-width:thin;outline-color:gray;outline-offset:-1px}#fs-frm [type=email],#fs-frm [type=text]{width:100%}#fs-frm [type=button],#fs-frm [type=reset],#fs-frm [type=submit]{width:auto;cursor:pointer;-webkit-appearance:button;-moz-appearance:button;appearance:button}#fs-frm [type=button]:focus,#fs-frm [type=reset]:focus,#fs-frm [type=submit]:focus{outline:0}#fs-frm [type=reset],#fs-frm [type=submit]{margin-bottom:0}#fs-frm select{text-transform:none}#fs-frm [type=checkbox]{-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox;display:inline-block;width:auto;margin:0 .5em 0 0!important}#fs-frm [type=radio]{-webkit-appearance:radio;-moz-appearance:radio;appearance:radio}#fs-frm fieldset.locale input[name=city],#fs-frm fieldset.locale input[name=postal-code],#fs-frm fieldset.locale select[name=state]{display:inline}#fs-frm fieldset.locale input[name=city]{width:52%}#fs-frm fieldset.locale input[name=postal-code],#fs-frm fieldset.locale select[name=state]{width:20%}#fs-frm fieldset.locale input[name=city],#fs-frm fieldset.locale select[name=state]{margin-right:3%} .gb-container.gb-container-c93ee4d6,.gb-container.gb-container-f6bb5a30{margin-bottom:0}
.alertbox{background-color:#edf7fe;border-left:6px solid #002a46;display:block;margin-bottom:25px;font-size:18px;padding:1em 1em 1em 1.5em;border-radius:3px;line-height:1.5;position:relative}.alertbox a{color:#bb0e30;text-decoration:underline} #tm-toc-wrapper{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:99998;display:flex;flex-direction:row;align-items:stretch;opacity:0;pointer-events:none;transition:opacity 0.2s;}                
#tm-toc-wrapper.tm-toc-visible{opacity:1;pointer-events:auto;}                                                                                                                                                     
#tm-toc-btn{order:2;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;background:#16a34a;color:#fff;border:none;padding:16px 16px;border-radius:8px 0 0 8px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;letter-spacing:.05em;white-space:nowrap;box-shadow:-4px 0 12px rgba(22,163,74,.35);transition:background 0.2s;}                              
#tm-toc-btn:hover{background:#15803d;}                                                                                                                                                                             
#tm-toc-panel{order:1;display:none;background:#fff;border:1px solid #e2e8f0;border-right:none;border-radius:8px 0 0 8px;overflow:hidden;box-shadow:-4px 0 16px rgba(0,0,0,.12);width:min(240px,calc(100vw - 60px));max-height:70vh;overflow-y:auto;}                                                                                                                                                                           
#tm-toc-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:10px 14px;border-bottom:1px solid                                                                               
#f1f5f9;position:sticky;top:0;background:#fff;z-index:1;display:flex;align-items:center;justify-content:space-between;}                                                                                            
#tm-toc-title span{color:var(--text);}                                                                                                                                                                           
#tm-toc-close{background:none;border:none;cursor:pointer;font-size:14px;color:#94a3b8;padding:0 0 0 8px;line-height:1;font-family:inherit;transition:color 0.15s;}                                                 
#tm-toc-close:hover{color:#1e293b;}                                                                                                                                                                                
#tm-toc-progress{height:3px;background:#16a34a;width:0%;transition:width 0.1s;}                                                                                                                                    
#tm-toc-list{list-style:none;margin:0;padding:6px 0;}                                                                                                                                                              
#tm-toc-list li{margin:0;}                                                                                                                                                                                         
#tm-toc-list a{display:block;padding:5px 14px;font-size:12px;color:#475569;text-decoration:none;line-height:1.4;transition:color 0.15s,background 0.15s;}                                                          
#tm-toc-list a:hover,#tm-toc-list a.tm-toc-active{color:#16a34a;background:#f0fdf4;}                                                                                                                               
#tm-toc-list a.tm-toc-active{font-weight:600;}                                                                                                                                                                     
.tm-toc-h3 a{padding-left:24px!important;font-size:11px;color:#64748b!important;}                                                                                                                                  
.tm-toc-h3 a.tm-toc-active{color:#16a34a!important;}                                                                                                                                                               
@media(max-width:768px){#tm-toc-wrapper{display:none!important;}} 
#pmLink {visibility: hidden;text-decoration: none;cursor: pointer;background: transparent;border: none;color:#3a3a3a;}
#pmLink:hover {visibility: visible;color: grey;} .single-post .entry-content div.inline-share {
position: relative;
margin: 32px 0;
padding: 18px 96px 18px 20px;
background: #f8fafc;
border: 1px solid #e4e9ef;
border-left: 4px solid #169c46;
border-radius: 12px;
color: #344054;
font-style: normal;
font-weight: 500;
line-height: 1.7;
cursor: pointer;
transition:
background-color .2s ease,
border-color .2s ease,
box-shadow .2s ease;
}
.single-post .entry-content div.inline-share:hover {
background: #f3faf5;
border-color: #cfe8d7;
box-shadow: 0 4px 14px rgba(15, 23, 42, .06);
}
.single-post .entry-content div.inline-share strong {
color: #182230;
font-weight: 700;
}
.single-post .entry-content div.inline-share::after {
content: "Share ↗";
position: absolute;
top: 18px;
right: 18px;
color: #1769e0;
font-size: 12px;
font-weight: 700;
line-height: 1.4;
}
.single-post .entry-content div.inline-share:hover::after {
color: #0f56bd;
}
@media (max-width: 600px) {
.single-post .entry-content div.inline-share {
padding: 18px 20px 48px;
}
.single-post .entry-content div.inline-share::after {
top: auto;
right: auto;
bottom: 17px;
left: 20px;
}
} .single-post .tm-floating-share {
position: fixed;
left: 18px;
top: 50%;
z-index: 999;
display: flex;
flex-direction: column;
gap: 8px;
transform: translateY(-50%) translateX(-10px);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition:
opacity .2s ease,
transform .2s ease,
visibility .2s ease;
}
.single-post .tm-floating-share.tm-floating-share-visible {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateY(-50%) translateX(0);
}
.single-post .tm-floating-share-btn {
width: 42px;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
background: #ffffff;
border: 1px solid #e4e9ef;
border-radius: 11px;
color: #475467;
text-decoration: none;
box-shadow: 0 3px 10px rgba(15, 23, 42, .07);
cursor: pointer;
transition:
transform .15s ease,
box-shadow .15s ease,
background .15s ease,
border-color .15s ease,
color .15s ease;
}
.single-post .tm-floating-share-btn svg {
width: 18px;
height: 18px;
fill: currentColor;
}
.single-post .tm-floating-share-btn:hover {
transform: translateY(-2px);
box-shadow: 0 6px 16px rgba(15, 23, 42, .12);
}
.single-post .tm-floating-share .tm-share-trigger {
background: #169c46;
border-color: #169c46;
color: #ffffff;
}
.single-post .tm-floating-share .tm-share-trigger:hover {
background: #13783a;
border-color: #13783a;
}
.single-post .tm-floating-x {
color: #111111;
}
.single-post .tm-floating-fb {
color: #1877f2;
}
.single-post .tm-floating-wa {
color: #169c46;
}
.single-post .tm-floating-li {
color: #0a66c2;
}
.single-post .tm-floating-share-btn:focus-visible {
outline: 3px solid rgba(23, 105, 224, .22);
outline-offset: 3px;
} @media (max-width: 1360px) {
.single-post .tm-floating-share {
display: none;
}
} #tm-share-overlay {
position: fixed;
inset: 0;
z-index: 100000;
display: flex;
align-items: center;
justify-content: center;
padding: 16px;
background: rgba(15, 23, 42, .58);
opacity: 0;
pointer-events: none;
transition: opacity .2s ease;
}
#tm-share-overlay.tm-share-open {
opacity: 1;
pointer-events: auto;
} #tm-share-popup {
width: 100%;
max-width: 380px;
padding: 20px;
background: #ffffff;
border: 1px solid #e4e9ef;
border-radius: 18px;
box-shadow:
0 24px 60px rgba(15, 23, 42, .20),
0 4px 12px rgba(15, 23, 42, .08);
transform: scale(.96) translateY(6px);
transition:
transform .25s cubic-bezier(.16, 1, .3, 1);
}
#tm-share-overlay.tm-share-open #tm-share-popup {
transform: scale(1) translateY(0);
} #tm-share-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 16px;
}
#tm-share-heading {
margin: 0;
color: #182230;
font-size: 17px;
font-weight: 700;
line-height: 1.3;
} #tm-share-close {
width: 34px;
height: 34px;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
background: #f1f5f9;
border: 0;
border-radius: 50%;
color: #667085;
font-family: inherit;
font-size: 18px;
line-height: 1;
cursor: pointer;
transition:
background .2s ease,
color .2s ease;
}
#tm-share-close:hover {
background: #e8edf3;
color: #182230;
} #tm-share-card {
display: flex;
gap: 14px;
margin-bottom: 18px;
padding: 12px;
background: #f8fafc;
border: 1px solid #e4e9ef;
border-radius: 12px;
}
#tm-share-img {
width: 76px;
height: 76px;
flex-shrink: 0;
object-fit: cover;
border-radius: 8px;
}
#tm-share-card-body {
flex: 1;
min-width: 0;
}
#tm-share-title {
margin: 0 0 5px;
color: #182230;
font-size: 13.5px;
font-weight: 700;
line-height: 1.4;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
#tm-share-meta {
color: #667085;
font-size: 12px;
line-height: 1.5;
} #tm-share-buttons {
display: flex;
align-items: center;
gap: 9px;
} .tm-cp-btn {
flex: 1;
min-height: 42px;
padding: 10px 16px;
background: #169c46;
border: 0;
border-radius: 10px;
color: #ffffff;
font-family: inherit;
font-size: 14px;
font-weight: 700;
cursor: pointer;
transition:
background .2s ease,
transform .15s ease;
}
.tm-cp-btn:hover {
background: #13783a;
} .tm-share-icon {
width: 42px;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
border-radius: 50%;
color: #ffffff;
text-decoration: none;
transition:
transform .15s ease,
box-shadow .15s ease,
opacity .15s ease;
}
.tm-share-icon:hover {
opacity: 1;
transform: translateY(-2px);
box-shadow: 0 5px 12px rgba(15, 23, 42, .14);
}
.tm-share-icon svg {
width: 18px;
height: 18px;
} .tm-tw {
background: #000000;
}
.tm-fb {
background: #1877f2;
}
.tm-wa {
background: #25d366;
}
.tm-li {
background: #0a66c2;
} @media (max-width: 400px) {
#tm-share-popup {
padding: 18px;
}
#tm-share-card {
gap: 11px;
}
#tm-share-img {
width: 64px;
height: 64px;
}
#tm-share-buttons {
flex-wrap: wrap;
}
.tm-cp-btn {
flex: 1 0 100%;
}
.tm-share-icon {
width: 40px;
height: 40px;
}
} .single-post .tm-end-article {
margin: 28px 0 10px;
background: #ffffff;
border: 1px solid #e4e9ef;
border-radius: 18px;
overflow: hidden;
box-shadow: 0 8px 26px rgba(15, 23, 42, .045);
} .single-post .tm-end-content {
display: grid;
grid-template-columns: 1fr 1fr;
}
.single-post .tm-end-panel {
padding: 25px 26px 26px;
}
.single-post .tm-end-panel + .tm-end-panel {
border-left: 1px solid #e4e9ef;
} .single-post .tm-end-kicker {
margin-bottom: 5px;
font-size: 12px;
font-weight: 800;
line-height: 1.4;
text-transform: uppercase;
letter-spacing: .06em;
}
.single-post .tm-newsletter-kicker {
color: #169c46;
}
.single-post .tm-pro-kicker {
color: #5b3fb5;
} .single-post .tm-end-title {
margin: 0 0 9px;
color: #182230;
font-size: 21px;
font-weight: 800;
line-height: 1.35;
} .single-post .tm-end-copy {
margin: 0;
color: #475467;
line-height: 1.7;
}
.single-post .tm-end-copy strong {
color: #344054;
font-weight: 700;
} .single-post .tm-end-actions-row {
display: grid;
grid-template-columns: 1fr 1fr;
border-top: 1px solid #e4e9ef;
}
.single-post .tm-end-newsletter-action {
display: flex;
flex-direction: column;
justify-content: center;
padding: 18px 20px;
background: #f5fbf7;
}
.single-post .tm-end-pro-action {
display: flex;
align-items: center;
justify-content: center;
padding: 18px 20px;
background: #faf8ff;
border-left: 1px solid #e4e9ef;
} .single-post .tm-free-courses-form {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 10px;
margin: 0;
}
.single-post .tm-free-courses-form input[type="email"] {
width: 100%;
min-width: 0;
height: 46px;
margin: 0;
padding: 0 13px;
background: #ffffff;
border: 1px solid #d0d5dd;
border-radius: 10px;
color: #182230;
font-family: inherit;
font-size: 14px;
outline: none;
box-shadow: none;
transition: border-color .18s ease, box-shadow .18s ease;
}
.single-post .tm-free-courses-form input[type="email"]::placeholder {
color: #98a2b3;
}
.single-post .tm-free-courses-form input[type="email"]:focus {
border-color: #169c46;
box-shadow: 0 0 0 3px rgba(22, 156, 70, .10);
} .single-post .tm-signup-hp {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
border: 0 !important;
} .single-post .tm-end-subscribe {
min-height: 46px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 0 17px;
margin: 0;
background: #169c46;
border: 0;
border-radius: 10px;
color: #ffffff;
font-family: inherit;
font-size: 14px;
font-weight: 800;
line-height: 1;
white-space: nowrap;
cursor: pointer;
transition: background .18s ease, transform .18s ease, box-shadow .18s ease;
}
.single-post .tm-end-newsletter {
background: #f5fbf7;
}
.single-post .tm-end-subscribe svg {
width: 17px;
height: 17px;
flex: 0 0 17px;
fill: currentColor;
}
.single-post .tm-end-subscribe:hover {
background: #13783a;
transform: translateY(-1px);
box-shadow: 0 5px 12px rgba(22, 156, 70, .16);
}
.single-post .tm-end-subscribe:disabled {
opacity: .65;
cursor: wait;
transform: none;
} .single-post .tm-free-courses-message {
display: none;
grid-column: 1 / -1;
margin: 2px 0 0;
font-size: 13px;
font-weight: 700;
line-height: 1.5;
}
.single-post .tm-free-courses-form.is-success .tm-free-courses-message,
.single-post .tm-free-courses-form.is-error .tm-free-courses-message {
display: block !important;
}
.single-post .tm-free-courses-form.is-success .tm-free-courses-message {
color: #13783a;
}
.single-post .tm-free-courses-form.is-error .tm-free-courses-message {
color: #b42318;
} .single-post .tm-free-courses-form.is-success {
display: block;
}
.single-post .tm-free-courses-form.is-success input[type="email"],
.single-post .tm-free-courses-form.is-success .tm-end-subscribe {
display: none;
}
.single-post .tm-free-courses-form.is-success .tm-free-courses-message {
margin: 0;
padding: 12px 14px;
background: #eefbf2;
border: 1px solid #cfe8d7;
border-radius: 10px;
} .single-post .tm-free-courses-note {
margin: 9px 0 0;
color: #667085;
font-size: 12px;
line-height: 1.5;
}
.single-post .tm-end-newsletter-action:has(.tm-free-courses-form.is-success) .tm-free-courses-note {
display: none;
}
.single-post .tm-end-copy-followup {
margin-top: 12px;
} .single-post .tm-end-pro-btn {
width: 100%;
min-height: 46px;
display: flex;
align-items: center;
justify-content: center;
gap: 9px;
padding: 0 18px;
background: #5b3fb5;
border-radius: 10px;
color: #ffffff;
font-size: 14px;
font-weight: 800;
line-height: 1.2;
text-align: center;
text-decoration: none;
box-shadow: 0 3px 10px rgba(91, 63, 181, .15);
transition: background .18s ease, transform .18s ease, box-shadow .18s ease;
}
.single-post .tm-end-pro-btn svg {
width: 18px;
height: 18px;
flex: 0 0 18px;
fill: currentColor;
}
.single-post .tm-end-pro-btn:hover {
background: #4d35a0;
color: #ffffff;
transform: translateY(-1px);
box-shadow: 0 6px 15px rgba(91, 63, 181, .20);
}
.single-post .tm-end-pro {
background: #faf8ff;
}
.single-post .tm-end-subscribe:focus-visible {
outline: 3px solid rgba(22, 156, 70, .20);
outline-offset: 3px;
}
.single-post .tm-end-pro-btn:focus-visible {
outline: 3px solid rgba(91, 63, 181, .20);
outline-offset: 3px;
}
@media (max-width: 768px) {
.single-post .tm-end-content,
.single-post .tm-end-actions-row {
grid-template-columns: 1fr;
}
.single-post .tm-end-panel {
padding: 22px;
}
.single-post .tm-end-panel + .tm-end-panel {
border-left: 0;
border-top: 1px solid #e4e9ef;
background: #faf8ff;
}
.single-post .tm-end-pro-action {
border-left: 0;
border-top: 1px solid #e4e9ef;
}
}
@media (max-width: 520px) {
.single-post .tm-end-article {
border-radius: 14px;
}
.single-post .tm-end-panel,
.single-post .tm-end-newsletter-action,
.single-post .tm-end-pro-action {
padding: 18px;
}
.single-post .tm-free-courses-form {
grid-template-columns: 1fr;
}
.single-post .tm-free-courses-form input[type="email"],
.single-post .tm-end-subscribe {
width: 100%;
}
.single-post .tm-end-pro-btn {
min-height: 48px;
padding: 12px 14px;
}
} .single-post .tm-reader-note {
margin: 38px 0;
background:
linear-gradient(
135deg,
#f7fbf8 0%,
#ffffff 72%
);
border: 1px solid #dfe7e2;
border-radius: 18px;
overflow: hidden;
box-shadow:
0 10px 28px rgba(15, 23, 42, .045);
}
.single-post .tm-reader-note-content {
position: relative;
padding: 28px 30px 26px 34px;
} .single-post .tm-reader-note-content::before {
content: "“";
position: absolute;
top: 8px;
right: 22px;
color: rgba(22, 156, 70, .10);
font-family: Georgia, serif;
font-size: 92px;
font-weight: 700;
line-height: 1;
}
.single-post .tm-reader-note-title {
position: relative;
z-index: 1;
display: inline-block;
margin-bottom: 14px;
padding-bottom: 7px;
color: #182230;
font-size: 22px;
font-weight: 800;
line-height: 1.35;
border-bottom: 3px solid #169c46;
}
.single-post .tm-reader-note p {
position: relative;
z-index: 1;
margin: 0 0 13px;
color: #475467;
line-height: 1.75;
}
.single-post .tm-reader-note p:last-child {
margin-bottom: 0;
} .single-post .tm-reader-note-actions {
display: grid;
grid-template-columns: 1fr 1fr;
background: #182230;
border-top: 0;
}
.single-post .tm-reader-action {
min-height: 56px;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 0 18px;
border: 0;
border-radius: 0;
font-family: inherit;
font-size: 14px;
font-weight: 700;
text-decoration: none;
cursor: pointer;
transition:
background .18s ease,
color .18s ease;
}
.single-post .tm-reader-action + .tm-reader-action {
border-left: 1px solid rgba(255, 255, 255, .12);
}
.single-post .tm-reader-action svg {
width: 18px;
height: 18px;
fill: currentColor;
} .single-post .tm-reader-comment {
background: #182230;
color: #ffffff;
}
.single-post .tm-reader-comment:hover {
background: #243244;
color: #ffffff;
} .single-post .tm-reader-share {
background: #169c46;
color: #ffffff;
}
.single-post .tm-reader-share:hover {
background: #13783a;
color: #ffffff;
} @media (max-width: 520px) {
.single-post .tm-reader-note-content {
padding: 24px 22px;
}
.single-post .tm-reader-note-content::before {
top: 8px;
right: 14px;
font-size: 72px;
}
.single-post .tm-reader-note-actions {
grid-template-columns: 1fr;
}
.single-post .tm-reader-action + .tm-reader-action {
border-left: 0;
border-top: 1px solid rgba(255, 255, 255, .12);
}
} .single-post .tm-post-nav {
width: 100%;
margin: 38px 0;
} .single-post .tm-post-nav > .gb-grid-wrapper {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
gap: 16px !important;
width: 100% !important;
margin: 0 !important;
} .single-post .tm-post-nav > .gb-grid-wrapper > .gb-grid-column,
.single-post .tm-post-nav .tm-post-nav-card {
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
margin: 0 !important;
} .single-post .tm-post-nav-card {
position: relative;
display: flex !important;
flex-direction: column;
justify-content: center;
min-height: 165px;
padding: 26px 28px !important;
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 18px;
box-sizing: border-box;
transition:
transform 0.2s ease,
border-color 0.2s ease,
box-shadow 0.2s ease,
background-color 0.2s ease;
} .single-post .tm-post-nav-prev {
background: #f8fafc;
} .single-post .tm-post-nav-next {
background: #f5f7ff;
border-color: #dfe4f5;
} @media (hover: hover) {
.single-post .tm-post-nav-card:hover {
transform: translateY(-3px);
border-color: #cbd5e1;
box-shadow:
0 12px 28px rgba(15, 23, 42, 0.08);
}
.single-post .tm-post-nav-next:hover {
background: #f1f4ff;
border-color: #cbd4f0;
}
} .single-post .tm-post-nav-label {
display: flex !important;
align-items: center;
gap: 9px;
width: 100%;
margin: 0 0 14px !important;
padding: 0 !important;
font-size: 12px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
letter-spacing: 0.055em;
text-transform: uppercase;
color: #64748b;
} .single-post .tm-post-nav-label-next {
justify-content: flex-end;
text-align: right;
color: #5065c9;
} .single-post .tm-nav-arrow {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 28px;
width: 28px;
height: 28px;
border-radius: 50%;
background: #e8edf3;
color: #334155;
font-size: 14px;
line-height: 1;
transition: transform 0.2s ease;
} .single-post .tm-post-nav-next .tm-nav-arrow {
background: #e6eaff;
color: #5065c9;
}
@media (hover: hover) {
.single-post .tm-post-nav-prev:hover .tm-nav-arrow {
transform: translateX(-3px);
}
.single-post .tm-post-nav-next:hover .tm-nav-arrow {
transform: translateX(3px);
}
} .single-post .tm-post-nav-title {
width: 100%;
min-width: 0;
margin: 0 !important;
padding: 0 !important;
font-size: 20px !important;
font-weight: 750 !important;
line-height: 1.38 !important;
text-align: left;
overflow-wrap: break-word;
word-break: normal;
color: #182230;
}
.single-post .tm-post-nav-title a {
color: #182230 !important;
text-decoration: none !important;
overflow-wrap: break-word;
word-break: normal;
transition: color 0.2s ease;
}
.single-post .tm-post-nav-title a:hover {
color: #334155 !important;
} .single-post .tm-post-nav-title-next {
text-align: right;
}
.single-post .tm-post-nav-next .tm-post-nav-title a:hover {
color: #5065c9 !important;
} @media (max-width: 900px) {
.single-post .tm-post-nav > .gb-grid-wrapper {
gap: 12px !important;
}
.single-post .tm-post-nav-card {
min-height: 155px;
padding: 22px !important;
}
.single-post .tm-post-nav-title {
font-size: 18px !important;
}
} @media (max-width: 680px) {
.single-post .tm-post-nav {
margin-top: 30px;
}
.single-post .tm-post-nav > .gb-grid-wrapper {
grid-template-columns: minmax(0, 1fr) !important;
gap: 12px !important;
}
.single-post .tm-post-nav > .gb-grid-wrapper > .gb-grid-column,
.single-post .tm-post-nav .tm-post-nav-card {
width: 100% !important;
}
.single-post .tm-post-nav-card {
min-height: auto;
padding: 20px !important;
border-radius: 15px;
}
.single-post .tm-post-nav-label,
.single-post .tm-post-nav-label-next {
justify-content: flex-start;
text-align: left;
}
.single-post .tm-post-nav-title,
.single-post .tm-post-nav-title-next {
text-align: left;
}
} @media (max-width: 380px) {
.single-post .tm-post-nav-card {
padding: 18px !important;
}
.single-post .tm-post-nav-title {
font-size: 17px !important;
}
.single-post .tm-post-nav-label {
font-size: 11px !important;
}
.single-post .tm-nav-arrow {
width: 26px;
height: 26px;
flex-basis: 26px;
}
} .single-post .tm-author-profile {
display: grid;
grid-template-columns: 190px minmax(0, 1fr);
margin: 38px 0;
overflow: hidden;
background: #ffffff;
border: 1px solid #dfe8e1;
border-radius: 20px;
box-shadow: 0 8px 28px rgba(16, 24, 40, 0.05);
} .single-post .tm-author-profile-side {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 30px 22px;
text-align: center;
background: #f4fbf6;
border-right: 1px solid #dfe8e1;
} .single-post .tm-author-profile-avatar {
display: flex;
justify-content: center;
}
.single-post .tm-author-profile-avatar-img {
display: block;
width: 100px;
height: 100px;
object-fit: cover;
border-radius: 50%;
border: 4px solid #ffffff;
box-shadow:
0 0 0 1px #dfe6ec,
0 7px 18px rgba(16, 24, 40, 0.10);
} .single-post .tm-author-profile-name {
margin-top: 15px;
color: #182230;
font-size: 21px;
font-weight: 800;
line-height: 1.25;
} .single-post .tm-author-profile-role {
margin-top: 4px;
color: #667085;
font-size: 13px;
font-weight: 700;
line-height: 1.4;
} .single-post .tm-author-profile-socials {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin-top: 15px;
}
.single-post .tm-author-profile-social {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
background: #ffffff;
border: 1px solid #dce5df;
border-radius: 10px;
color: #475467;
transition:
transform .18s ease,
background-color .18s ease,
border-color .18s ease,
color .18s ease;
}
.single-post .tm-author-profile-social svg {
width: 15px;
height: 15px;
}
@media (hover: hover) {
.single-post .tm-author-profile-social:hover {
transform: translateY(-2px);
background: #eefbf2;
border-color: #b9dfc5;
color: #13783a;
}
} .single-post .tm-author-profile-content {
display: flex;
flex-direction: column;
justify-content: center;
min-width: 0;
padding: 32px 34px;
} .single-post .tm-author-profile-kicker {
margin-bottom: 10px;
color: #169c46;
font-size: 18px;
font-weight: 800;
line-height: 1.2;
letter-spacing: .07em;
text-transform: uppercase;
} .single-post .tm-author-profile-bio {
max-width: 720px;
color: #566176;
font-size: 18px;
line-height: 1.75;
}
.single-post .tm-author-profile-bio p {
margin: 0;
} @media (max-width: 768px) {
.single-post .tm-author-profile {
grid-template-columns: 165px minmax(0, 1fr);
}
.single-post .tm-author-profile-side {
padding: 26px 18px;
}
.single-post .tm-author-profile-avatar-img {
width: 88px;
height: 88px;
}
.single-post .tm-author-profile-content {
padding: 26px;
}
} @media (max-width: 560px) {
.single-post .tm-author-profile {
grid-template-columns: 1fr;
}
.single-post .tm-author-profile-side {
border-right: 0;
border-bottom: 1px solid #dfe8e1;
padding: 24px 20px;
}
.single-post .tm-author-profile-content {
padding: 24px 20px;
}
.single-post .tm-author-profile-kicker {
text-align: center;
}
.single-post .tm-author-profile-bio {
font-size: 15px;
line-height: 1.7;
}
} .single-post .tm-related-minimal {
margin: 42px 0;
padding: 26px;
background: #ffffff;
border: 1px solid #e4e9ef;
border-radius: 20px;
box-shadow: 0 8px 28px rgba(16, 24, 40, 0.05);
} .single-post .tm-related-minimal-header {
margin-bottom: 18px;
}
.single-post .tm-related-minimal-header h2 {
margin: 0;
padding: 0;
border: 0;
color: #182230;
font-size: 24px;
font-weight: 800;
line-height: 1.3;
} .single-post .tm-related-minimal-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
} .single-post .tm-related-minimal-card {
position: relative;
display: grid;
grid-template-columns: 38px minmax(0, 1fr) 36px;
gap: 14px;
align-items: center;
min-width: 0;
min-height: 104px;
padding: 18px 18px;
background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);
border: 1px solid #e4e9ef;
border-radius: 16px;
box-shadow: 0 4px 14px rgba(16, 24, 40, 0.035);
transition:
transform .2s ease,
border-color .2s ease,
box-shadow .2s ease,
background-color .2s ease;
} @media (hover: hover) {
.single-post .tm-related-minimal-card:hover {
transform: translateY(-2px);
border-color: #cfd8e3;
box-shadow: 0 10px 24px rgba(16, 24, 40, 0.07);
background: #ffffff;
}
} .single-post .tm-related-minimal-number {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 50%;
background: #eefbf2;
color: #13783a;
font-size: 12px;
font-weight: 800;
line-height: 1;
} .single-post .tm-related-minimal-title {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
font-size: 17px !important;
font-weight: 750 !important;
line-height: 1.4 !important;
}
.single-post .tm-related-minimal-title a {
color: #182230;
text-decoration: none;
transition: color .18s ease;
}
.single-post .tm-related-minimal-title a:hover {
color: #169c46;
} .single-post .tm-related-minimal-arrow {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border-radius: 50%;
background: #f2f4f7;
color: #667085;
text-decoration: none;
font-size: 18px;
font-weight: 700;
line-height: 1;
transition:
transform .18s ease,
background-color .18s ease,
color .18s ease;
}
@media (hover: hover) {
.single-post .tm-related-minimal-card:hover .tm-related-minimal-arrow {
transform: translateX(3px);
background: #eaf8ef;
color: #13783a;
}
} .single-post .tm-related-minimal-card:nth-child(even) .tm-related-minimal-number {
background: #eef4ff;
color: #4055bd;
}
.single-post .tm-related-minimal-card:nth-child(even):hover .tm-related-minimal-arrow {
background: #eef4ff;
color: #4055bd;
} @media (max-width: 850px) {
.single-post .tm-related-minimal {
padding: 22px;
}
.single-post .tm-related-minimal-card {
grid-template-columns: 36px minmax(0, 1fr) 34px;
gap: 12px;
min-height: 96px;
padding: 16px;
}
.single-post .tm-related-minimal-title {
font-size: 16px !important;
}
} @media (max-width: 680px) {
.single-post .tm-related-minimal {
margin: 34px 0;
padding: 18px;
border-radius: 18px;
}
.single-post .tm-related-minimal-grid {
grid-template-columns: 1fr;
gap: 11px;
}
.single-post .tm-related-minimal-card {
min-height: auto;
padding: 15px;
border-radius: 14px;
}
} @media (max-width: 380px) {
.single-post .tm-related-minimal {
padding: 16px;
}
.single-post .tm-related-minimal-card {
grid-template-columns: 32px minmax(0, 1fr);
gap: 11px;
}
.single-post .tm-related-minimal-arrow {
display: none;
}
.single-post .tm-related-minimal-number {
width: 32px;
height: 32px;
font-size: 11px;
}
.single-post .tm-related-minimal-title {
font-size: 15px !important;
line-height: 1.38 !important;
}
}
.tm-signup-hp {
position: absolute !important;
left: -9999px !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
}
.tm-sidebar-message {
display: none;
margin-top: 10px;
font-size: 13px;
line-height: 1.5;
}
.tm-sidebar-message.is-success {
display: block;
color: #13783a;
}
.tm-sidebar-message.is-error {
display: block;
color: #b42318;
}
.tm-sidebar-form button:disabled {
opacity: .7;
cursor: wait;
}
.tm-google-pref {
overflow: hidden;
background: #ffffff;
border: 1px solid #dfe8e1;
border-radius: 16px;
box-shadow: 0 5px 18px rgba(16, 24, 40, 0.04);
}
.tm-google-pref-top {
display: flex;
align-items: center;
gap: 12px;
padding: 16px;
background: #f5fbf7;
}
.tm-google-pref-icon {
width: 28px;
height: 28px;
flex: 0 0 28px;
}
.tm-google-pref-title {
color: #182230;
font-size: 15px;
font-weight: 800;
line-height: 1.35;
}
.tm-google-pref-copy {
margin-top: 3px;
color: #667085;
font-size: 12px;
line-height: 1.45;
}
.tm-google-pref-bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 11px 16px;
border-top: 1px solid #dfe8e1;
color: #667085 !important;
font-size: 12px;
line-height: 1.4;
text-decoration: none !important;
transition:
background-color .18s ease,
color .18s ease;
}
.tm-google-pref-bottom strong {
color: #13783a;
font-size: 13px;
font-weight: 800;
white-space: nowrap;
}
@media (hover: hover) {
.tm-google-pref-bottom:hover {
background: #eefbf2;
}
}
@media (max-width: 380px) {
.tm-google-pref-top {
padding: 14px;
}
.tm-google-pref-bottom {
padding: 10px 14px;
}
.tm-google-pref-title {
font-size: 14px;
}
} .tm-pro-courses {
overflow: hidden;
background: #ffffff;
border: 1px solid #e4e9ef;
border-radius: 18px;
box-shadow: 0 6px 20px rgba(16, 24, 40, 0.04);
}
.tm-pro-courses-head {
padding: 17px 18px 15px;
background: #f8fafc;
border-bottom: 1px solid #edf0f3;
}
.tm-pro-courses-head strong {
display: block;
color: #182230;
font-size: 18px;
font-weight: 800;
line-height: 1.3;
}
.tm-pro-courses-head span {
display: block;
margin-top: 4px;
color: #667085;
font-size: 12px;
line-height: 1.5;
}
.tm-pro-course-item {
display: grid;
grid-template-columns: 32px minmax(0, 1fr) 22px;
gap: 11px;
align-items: center;
padding: 14px 16px;
color: #182230 !important;
text-decoration: none !important;
border-bottom: 1px solid #edf0f3;
transition:
background-color .18s ease,
color .18s ease;
}
.tm-pro-course-item:last-of-type {
border-bottom: 0;
}
.tm-pro-course-num {
display: inline-flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border-radius: 50%;
background: #eefbf2;
color: #13783a;
font-size: 11px;
font-weight: 800;
transition:
background-color .18s ease,
color .18s ease,
transform .18s ease;
}
.tm-pro-course-title {
font-size: 14px;
font-weight: 750;
line-height: 1.45;
transition: color .18s ease;
}
.tm-pro-course-arrow {
color: #98a2b3;
font-size: 17px;
font-weight: 800;
transition:
transform .18s ease,
color .18s ease;
}
@media (hover: hover) {
.tm-pro-course-item:hover {
background: #f5fbf7;
}
.tm-pro-course-item:hover .tm-pro-course-title {
color: #13783a;
}
.tm-pro-course-item:hover .tm-pro-course-num {
transform: scale(1.06);
background: #dff5e6;
color: #0f6f34;
}
.tm-pro-course-item:hover .tm-pro-course-arrow {
transform: translateX(3px);
color: #13783a;
}
}
.tm-pro-courses-footer {
display: block;
padding: 13px 16px;
background: #f8fafc;
border-top: 1px solid #edf0f3;
color: #13783a !important;
font-size: 13px;
font-weight: 800;
line-height: 1.4;
text-align: center;
text-decoration: none !important;
transition:
background-color .18s ease,
color .18s ease;
}
@media (hover: hover) {
.tm-pro-courses-footer:hover {
background: #eefbf2;
color: #0f6f34 !important;
}
}