@font-face {
font-family: 'Inter';
src: url(//calmtechpro.com/wp-content/themes/calmtechpro/assets/fonts/inter-400.woff2) format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter';
src: url(//calmtechpro.com/wp-content/themes/calmtechpro/assets/fonts/inter-500.woff2) format('woff2');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter';
src: url(//calmtechpro.com/wp-content/themes/calmtechpro/assets/fonts/inter-600.woff2) format('woff2');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter';
src: url(//calmtechpro.com/wp-content/themes/calmtechpro/assets/fonts/inter-700.woff2) format('woff2');
font-weight: 700;
font-style: normal;
font-display: swap;
}
:root{ --ctp-calm-navy: #0E2A47; --ctp-muted-blue-gray: #6E7C91; --ctp-off-white: #F9FAFB; --ctp-soft-gray: #E6E9EC; --ctp-teal: #60A5FA; --ctp-gradient: linear-gradient(90deg, #3BB6A8 0%, #6FD5A6 100%);  --ctp-bg-dark: #0B1726; --ctp-card-dark: #132236; --ctp-text-light: #F3F6FA; --ctp-text-muted: #9AA7B8; --ctp-accent-gradient: linear-gradient(90deg, #3BB6A8 0%, #6FD5A6 100%);  --ctp-heading-color: #0E2A47; --ctp-paragraph-color: #333C4A; --ctp-muted-color: #6E7C91; --ctp-link-color: #3BB6A8; --ctp-link-hover: #6FD5A6;  --ctp-bg: #0f172a; --ctp-surface: #111827; --ctp-soft: #f7f7f5; --ctp-muted: #e5e7eb; --ctp-blue: #6aa9ff; --ctp-accent: #d4a373; --ctp-text: #e5e7eb;
--ctp-heading: #ffffff; --ctp-max: 1240px;
--ctp-radius: 16px;
--ctp-gap: 24px; --ctp-font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
--ctp-font-serif: "DM Serif Display", Georgia, serif;
}
html,body{background:#0b0f1a;color:var(--ctp-text);font-family:Inter;}
body{padding-top:72px;} .container{max-width:var(--ctp-max);margin-inline:auto;}  .btn, .btn-primary{
display:inline-flex;
align-items:center;
gap:8px;
border-radius:999px;
padding: 10px 30px;
background:linear-gradient(90deg, #3BB6A8, #6FD5A6);
color:#FFFFFF;
font-weight:600;
text-decoration:none;
border:none;
cursor:pointer;
transition:transform 0.3s ease, background 0.3s ease;
}
.btn:hover, .btn-primary:hover{
background:linear-gradient(90deg, #4DC7B9, #80E0B7);
transform:scale(1.05);
} .btn-secondary{
display:inline-flex;
align-items:center;
gap:8px;
border-radius:999px;
padding:.8rem 1.2rem;
background:#0E2A47;
color:#FFFFFF;
font-weight:600;
text-decoration:none;
border:none;
cursor:pointer;
transition:background 0.3s ease;
}
.btn-secondary:hover{
background:#17375C;
} .btn-outline{
display:inline-flex;
align-items:center;
gap:8px;
border-radius:999px;
padding:.8rem 1.2rem;
background:transparent;
color:#0E2A47;
font-weight:600;
text-decoration:none;
border:2px solid #3BB6A8;
cursor:pointer;
transition:background 0.3s ease, color 0.3s ease;
}
.btn-outline:hover{
background:#E6FFFA;
}
.card{background:#0f1117;border:1px solid #1f2937;border-radius:var(--ctp-radius);overflow:hidden}
.shadow-soft{box-shadow:0 10px 30px rgba(0,0,0,.25)} .gradient-text{
background: linear-gradient(90deg, #3BB6A8 0%, #6FD5A6 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
@keyframes spin{
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
.text-circular-path svg{
animation: spin 16s linear infinite;
}
.cir-container:hover .text-circular-path svg{
animation-play-state: paused;
} .ctp-header{
position: fixed;
top:0;
left:0;
right:0;
z-index:9999;
background: transparent;
border-bottom: 1px solid transparent;
transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease;
} .ctp-header.is-scrolled{
backdrop-filter: saturate(140%) blur(12px);
background: rgb(255 255 255 / 80%);
border-bottom: 1px solid rgba(0, 166, 248, 0.2);
} .ctp-header.is-hidden{
transform: translateY(-100%);
}
.ctp-nav{ display:flex; align-items:center; justify-content:space-between; height:86px; gap:20px; } .ctp-logo-img{
height: 40px;
width: auto;
display: block;
}
.ctp-menu-desktop .ctp-ul{ display:flex; gap:28px; list-style:none; margin:0; padding:0; }
.ctp-menu-desktop .ctp-ul > li > a{
color: #0F172A;
text-decoration:none;
font-weight: 500;
padding:8px 0;
display:inline-block;
transition: color 0.3s ease;
}
.ctp-menu-desktop .ctp-ul > li > a:hover{
color: #00A6F8;
}
.ctp-cta,
a.btn.ctp-cta{
white-space: nowrap;
background: #00A6F8;
color: #FFFFFF;
font-size: 15px;
font-weight: 600;
border: none;
padding: 12px 28px;
box-shadow: 0 2px 8px rgba(0, 166, 248, 0.25);
transition: all 0.3s ease;
}
.ctp-cta:hover,
a.btn.ctp-cta:hover{
background: #0095E0;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 166, 248, 0.4);
color: #FFFFFF;
} .ctp-burger{
display:none;
width:40px;
height:40px;
border:0;
background:transparent !important;
position:relative;
cursor:pointer;
padding: 8px;
border-radius: 6px;
transition: background 0.3s ease;
outline: none;
}
.ctp-burger:hover,
.ctp-burger:focus{
background: rgba(0, 166, 248, 0.08) !important;
outline: none;
}
.ctp-burger:active{
background: rgba(0, 166, 248, 0.12) !important;
}
.ctp-burger span{
position:absolute;
left:8px;
right:8px;
height:3px;
background:#0F172A !important;
background-color:#0F172A !important;
border-radius: 2px;
transition: transform .3s ease, opacity .3s ease, background-color .3s ease;
}
.ctp-burger span:nth-child(1){
top:12px;
transform: translateY(0) rotate(0deg);
}
.ctp-burger span:nth-child(2){
top:19px;
opacity: 1;
}
.ctp-burger span:nth-child(3){
top:26px;
transform: translateY(0) rotate(0deg);
}
.ctp-burger.is-active span{
background:#00A6F8 !important;
background-color:#00A6F8 !important;
}
.ctp-burger.is-active span:nth-child(1){
transform:translateY(7px) rotate(45deg);
}
.ctp-burger.is-active span:nth-child(2){
opacity:0;
}
.ctp-burger.is-active span:nth-child(3){
transform:translateY(-7px) rotate(-45deg);
} .ctp-menu-mobile{
display:flex; flex-direction:column; gap:16px;
padding:20px 24px 28px;
border-bottom:1px solid rgba(0, 166, 248, 0.15);
background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(249, 250, 251, 0.95) 100%);
backdrop-filter: blur(16px);
box-shadow: 0 4px 20px rgba(14, 42, 71, 0.08);
}
.ctp-menu-mobile .ctp-ul-mobile{
list-style:none;
margin:0;
padding:0;
display:flex;
flex-direction:column;
gap:4px;
}
.ctp-menu-mobile .ctp-ul-mobile > li > a{
color: #0F172A;
text-decoration:none;
display: block;
padding: 12px 16px;
border-radius: 8px;
font-weight: 500;
transition: all 0.3s ease;
}
.ctp-menu-mobile .ctp-ul-mobile > li > a:hover,
.ctp-menu-mobile .ctp-ul-mobile > li.current-menu-item > a{
background: rgba(0, 166, 248, 0.1);
color: #00A6F8;
transform: translateX(4px);
}
.ctp-cta-mobile{
align-self:flex-start;
margin-top:8px;
background: #00A6F8;
color: #FFFFFF;
font-weight: 600;
padding: 12px 28px;
border-radius: 999px;
box-shadow: 0 2px 8px rgba(0, 166, 248, 0.25);
transition: all 0.3s ease;
}
.ctp-cta-mobile:hover{
background: #0095E0;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 166, 248, 0.4);
} @media (max-width: 1024px){
.ctp-menu-desktop{ display:none; }
.ctp-cta{ display:none; }
.ctp-burger{ display:block; }
}
@media (max-width: 640px){
.ctp-nav{ height:64px; padding: 0 20px;}
.btn{ padding:.65rem 1rem; }
.ctp-menu-mobile{
padding: 16px 16px 20px;
}
.ctp-menu-mobile .ctp-ul-mobile > li > a{
padding: 10px 12px;
font-size: 15px;
}
}
.hero-image-animation img{
animation: calmFloat 8s ease-in-out infinite;
transform-origin: center;
will-change: transform, opacity;
opacity: 0.95;
}
@keyframes calmFloat{
0%{ transform: translateY(0px) scale(1) rotate(0deg); }
50%{ transform: translateY(-8px) scale(1.015) rotate(0.4deg); }
100%{ transform: translateY(0px) scale(1) rotate(0deg); }
}
.colored-text{
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgb(58, 182, 255)), color-stop(100%, rgb(195, 214, 85)));
background: linear-gradient(45deg, rgb(58, 182, 255) 0%, rgb(195, 214, 85) 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: rgba(0, 0, 0, 0);
}
.gradient-button a {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
font-size: 16px;
font-weight: 500;
background: transparent;
border: 2px solid transparent;
background-image: linear-gradient(#fff, #fff), linear-gradient(90deg, #f2c94c, #56ccf2);
background-origin: border-box;
background-clip: padding-box, border-box;
cursor: pointer;
transition: all 0.3s ease;
}
.gradient-button a:hover {
background-image: linear-gradient(90deg, #f2c94c, #56ccf2);
color: #fff;
} .home-logo-clients .gallery {
--speed: 30s;
display: flex;
align-items: center;
gap: 10px;
overflow: hidden;
position: relative;
width: 100%;
padding-block: 20px;
} .home-logo-clients .gallery-item {
flex: 0 0 auto;
transition: transform 0.3s ease;
max-width: 135px !important;
} .home-logo-clients img {
transition: all 0.3s ease;
width: 105px !important;
height: 60px !important;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
} @keyframes gallery-marquee {
from { transform: translateX(0); }
to { transform: translateX(-50%); }
} .home-logo-clients .gallery-icon {
display: flex;
align-items: center;
justify-content: center;
}
.home-logo-clients .gallery {
animation: gallery-marquee var(--speed) linear infinite;
width: max-content;
} .home-logo-clients .gallery:hover {
animation-play-state: paused;
} .home-logo-clients img:hover {
filter: none;
transform: scale(1.05);
} .home-logo-clients::after {
content: attr(data-duplicate);
display: none;
} .home-logo-clients .elementor-image-gallery::before,
.home-logo-clients .elementor-image-gallery::after {
content: "";
position: absolute;
top: 0;
width: 100px; height: 100%;
pointer-events: none; z-index: 2; } .home-logo-clients .elementor-image-gallery::before {
right: 0;
background: linear-gradient(to left, rgb(250 250 251), rgba(255, 255, 255, 0));
} .home-logo-clients .elementor-image-gallery::after {
content: "";
left: 0;
background: linear-gradient(to right, rgb(250 250 251), rgba(255, 255, 255, 0));
}
.logo-clients-white.home-logo-clients .elementor-image-gallery::before {
background: linear-gradient(to left, rgb(255 255 255), rgba(255, 255, 255, 0));
}
.logo-clients-white.home-logo-clients .elementor-image-gallery::after {
background: linear-gradient(to right, rgb(255 255 255), rgba(255, 255, 255, 0));
}
.workflow-section {
position: relative;
}
.workflow-section:after {
content: '';
height: 100%;
width: 1px;
background: #f0f0f0;
position: absolute;
left: 50%;
}
.workflow-first, .workflow-second, .workflow-third, .workflow-fourth {
position: relative;
}
.workflow-first:before, .workflow-second:before, .workflow-third:before, .workflow-fourth:before {
content: '';
background: #fff;
width: 20px;
height: 20px;
position: absolute;
top: 18px;
border-radius: 50%;
z-index: 99;
}
.workflow-first:before, .workflow-third:before {
left: -40px;
}
.workflow-second:before, .workflow-fourth:before {
right: -40px;
}
.ctp-contact-form label{display:block; margin-bottom:15px; font-weight:500; font-size:15px;}
.ctp-row {display:grid; grid-template-columns: 1fr 1fr; gap:24px;}
.ctp-phone-wrap{display:flex; align-items:center; gap:12px;}
.ctp-cc{display:flex; align-items:center; gap:8px; padding:6px 10px; border:1px solid #e5e7eb; border-radius:6px; background:#f8fafc;}
.ctp-flag{font-size:16px; line-height:1;}
.ctp-code{font-weight:600; color:#111827;}
.ctp-counter{text-align:right; color:#6b7280; font-size:12px; margin-top:-12px; margin-bottom:12px;}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea{
width:100%; border:1px solid #e5e7eb; border-radius:6px; padding:14px 16px;
font-size:16px; outline:none;
}
.wpcf7 textarea{height:160px; resize:vertical;}
span.wpcf7-form-control-wrap {
margin-top: 10px;
display: block;
}
.wpcf7-submit{
display: inline-flex !important;
align-items: center;
justify-content: center;
font-size: 15px !important;
font-weight: 500 !important;
background: #ffffff !important;
color: #0F172A !important;
border: 1px solid rgb(0 0 0 / 30%) !important;
padding: 12px 28px !important;
margin-bottom: 20px !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
line-height: 1;
}
input[type="submit"]{
background: #ffffff;
color: #0F172A !important;
font-size: 15px !important;
font-weight: 500 !important;
border: 1px solid rgb(0 0 0 / 30%) !important;
padding: 12px 28px !important;
margin-bottom: 20px;
} .calmtech-footer{
position: relative;
background: #ffffff;
background-image:
radial-gradient(circle at 10% 20%, rgba(63, 193, 172, 0.08), transparent 35%),
radial-gradient(circle at 85% 10%, rgba(111, 213, 166, 0.1), transparent 40%);
background-repeat: no-repeat;
background-position: center top;
background-size: auto, auto;
color: #0e2a47;
border-top: 1px solid rgba(14, 42, 71, 0.08);
padding: 100px 0 50px;
overflow: hidden;
}
.calmtech-footer::before{
content: "";
position: absolute;
inset: 0;
background: url(//calmtechpro.com/wp-content/themes/calmtechpro/images/footer-bg-2.webp) no-repeat center top;
background-size: 1200px auto;
opacity: 0.05;
pointer-events: none;
z-index: 0;
}
.calmtech-footer::after{
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.2) 100%);
pointer-events: none;
z-index: 1;
}
.calmtech-footer__col a {
margin-bottom: 20px;
}
.calmtech-footer .container{
position: relative;
z-index: 2;
}
.calmtech-footer__top{
display: grid;
grid-template-columns: minmax(240px, 1.2fr) repeat(2, minmax(180px, 1fr));
gap: 48px;
padding-bottom: 48px;
border-bottom: 1px solid rgba(14, 42, 71, 0.08);
}
.calmtech-footer__col{
display: flex;
flex-direction: column;
gap: 14px;
}
.calmtech-footer__brand{
font-size: 28px;
font-weight: 700;
margin: 0;
letter-spacing: 0.6px;
}
.calmtech-footer__text{
margin: 0;
line-height: 1.6;
font-size: 15px;
color: #0F172A;
}
.calmtech-footer__list{
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 10px;
}
.calmtech-footer__list a{
position: relative;
text-decoration: none;
font-size: 15px;
padding-left: 14px;
transition: color 0.25s ease, transform 0.25s ease;
color: #0F172A;
}
.calmtech-footer__list a::before{
content: "";
position: absolute;
left: 0;
top: 50%;
width: 6px;
height: 6px;
background: linear-gradient(90deg, #0F172A, #0F172A);
border-radius: 50%;
transform: translateY(-50%) scale(1);
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.calmtech-footer__list a:hover{
color: #0F172A;
transform: translateX(4px);
}
.calmtech-footer__list a:hover::before{
transform: translateY(-50%) scale(1.15);
box-shadow: 0 0 8px rgba(111, 213, 166, 0.5);
}
.calmtech-footer__bottom{
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding-top: 28px;
}
.calmtech-footer__social{
display: flex;
align-items: center;
gap: 16px;
margin-top: 8px;
}
.calmtech-footer__social-link{
width: 30px;
height: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
transition: all 0.2s ease;
}
.calmtech-footer__social-link:hover{
transform: translateY(-2px) scale(1.02);
}
.calmtech-footer__copyright{
margin: 0;
color: rgba(14, 42, 71, 0.65);
font-size: 14px;
letter-spacing: 0.3px;
}
.calmtech-footer__link{
color: #0e2a47;
text-decoration: none;
font-weight: 600;
letter-spacing: 0.3px;
border-bottom: 1px solid rgba(14, 42, 71, 0.25);
padding-bottom: 3px;
transition: color 0.25s ease, border-color 0.25s ease;
}
@media (max-width: 980px){
.ctp-nav{padding: 0 15px;}
.calmtech-footer{
padding: 64px 20px 32px 20px;
}
.calmtech-footer__top{
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width: 720px){
.ctp-nav{padding: 0 20px;}
.calmtech-footer{
padding: 50px 20px 30px;
}
.ctp-logo-img{
height: 30px;
width: auto;
display: block;
}
a.btn.ctp-cta{
padding: 8px 16px  !important;
}
.ctp-contact-form .ctp-row {
display: block !important;
}
.ctp-contact-form input[type="text"],
.ctp-contact-form input[type="email"] {
width: 100% !important;
}
.calmtech-footer__top{
grid-template-columns: 1fr;
gap: 32px;
} .calmtech-footer__col:nth-child(2){
display: none;
}
.calmtech-footer__bottom{
flex-direction: column;
align-items: flex-start;
}
}  .ct-single-wrap{
padding: 50px 0;
}
.ct-grid{
display: grid;
grid-template-columns: 1fr 320px;
gap: 32px;
align-items: start;
}
.ct-hero{
margin-bottom: 40px;
}
.ct-hero-img{
width: 100%;
height: auto;
display: block;
border-radius: 12px;
} .ct-sidebar{
position: sticky;
top: 24px;
}
.ct-widget{
border: 1px solid rgba(0,0,0,.25);
border-radius: 6px;
padding: 16px;
margin-bottom: 18px;
background: #fff;
}
.ct-widget-title{
margin: 0 0 12px;
font-size: 16px;
position: relative;
padding-left: 12px;
}
.ct-widget-title:before{
content: "";
position: absolute;
left: 0;
top: 3px;
width: 3px;
height: 18px;
background: #00a6f8;
border-radius: 3px;
}
.ct-list{
list-style: none;
padding: 0;
margin: 0;
}
.ct-list li{
display: flex;
justify-content: space-between;
gap: 10px;
padding: 8px 0;
border-bottom: 1px dashed rgba(0,0,0,.08);
}
.ct-list li:last-child{ border-bottom: 0; }
.ct-list a{ text-decoration: none; color: #00a6f8; }
.ct-tags a{
display: inline-block;
padding: 7px 10px;
border: 1px solid rgba(0,0,0,.12);
border-radius: 6px;
margin: 6px 6px 0 0;
text-decoration: none;
font-size: 12px !important; 
color: #00a6f8;
}
.ct-recent{
list-style: none;
padding: 0;
margin: 0;
}
.ct-recent-item{
padding: 10px 0;
border-bottom: 1px dashed rgba(0,0,0,.08);
}
.ct-recent-item:last-child{ border-bottom: 0; }
.ct-recent-link{
text-decoration: none;
font-weight: 600;
display: inline-block;
margin-bottom: 4px;
color: #00a6f8;
}
.ct-recent-date{
font-size: 12px;
opacity: .7;
} .ct-cta {
padding: 22px;
}
.ct-cta-title{ margin: 0 0 12px; }
.ct-cta-text{ margin: 0 0 18px;}
.ct-btn {
display: inline-block;
padding: 10px 14px;
background: #0F172A;
color: #fff !important;
text-decoration: none;
border-radius: 6px;
} .ctp-sidebar-toggle{
display: none;
align-items: center;
justify-content: center;
background: #00A6F8;
color: #fff;
border: none;
border-radius: 8px;
padding: 10px;
width: 44px;
height: 44px;
cursor: pointer;
margin-bottom: 20px;
transition: all 0.3s ease;
}
.ctp-sidebar-toggle:hover{
background: #0095E0;
transform: translateY(-2px);
}
.ctp-sidebar-toggle svg{
width: 18px;
height: 18px;
} .ctp-sidebar-close{
display: none;
position: absolute;
top: 16px;
right: 16px;
background: transparent;
border: none;
color: #333;
cursor: pointer;
padding: 4px;
border-radius: 6px;
transition: background 0.3s ease;
z-index: 10;
}
.ctp-sidebar-close:hover{
background: rgba(0,0,0,0.05);
}
.ctp-sidebar-close svg{
display: block;
} .ctp-sidebar-overlay{
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.5);
z-index: 998;
opacity: 0;
transition: opacity 0.3s ease;
}
.ctp-sidebar-overlay.active{
display: block;
opacity: 1;
} @media (max-width: 980px){
.ct-grid{ grid-template-columns: 1fr; }
.ct-title{ font-size: 34px; } .ctp-sidebar-toggle{
display: inline-flex;
} .ct-sidebar{
position: fixed;
top: 0;
right: -100%;
width: 85%;
max-width: 320px;
height: 100vh;
background: #fff;
z-index: 999;
overflow-y: auto;
padding: 60px 20px 20px;
transition: right 0.3s ease;
box-shadow: -4px 0 20px rgba(0,0,0,0.15);
}
.ct-sidebar.active{
right: 0;
}
.ctp-sidebar-close{
display: block;
}
} .ctp-container{max-width:1140px;margin:0 auto;padding:0 18px}
.ctp-archive-hero{padding:44px 20px 18px;background:#fff}
.ctp-archive-title{font-size:44px;line-height:1.1;margin:0 0 8px;font-weight:800}
.ctp-archive-desc{color:#666;max-width:720px}
.ctp-archive-wrap{padding:28px 20px 60px;background:#fff}
.ctp-grid{display:grid;grid-template-columns: 1fr 320px;gap:28px;align-items:start}
@media (max-width: 980px){
.ctp-grid{grid-template-columns:1fr}
} .ctp-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
@media (max-width: 700px){
.ctp-cards{grid-template-columns:1fr}
}
.ctp-card{background:#fff;border:1px solid #eee;border-radius:12px;overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,.06)}
.ctp-card-link{display:block;color:inherit;text-decoration:none}
.ctp-card-thumb { margin-bottom: 10px;
overflow: hidden;
}
.ctp-card-thumb img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.ctp-card-thumb-fallback{height:210px;background:linear-gradient(135deg,#f2f2f2,#e9e9e9)}
.ctp-card-body{padding:16px 16px 18px}
.ctp-card-meta{font-size:12px;color:#888;margin-bottom:8px}
.ctp-card-title{font-size:20px;line-height:1.2;margin:0 0 10px;font-weight:800}
.ctp-card-excerpt{margin:0 0 10px;color:#555}
.ctp-card-arrow{display:inline-block;font-weight:900;color:#111} .ctp-sidebar .ctp-widget{background:#fff;border:1px solid #eee;border-radius:12px;padding:16px;margin-bottom:18px;box-shadow:0 6px 16px rgba(0,0,0,.05)}
.ctp-widget-title{margin:0 0 12px;font-size:16px;font-weight:800}
.ctp-widget-list{list-style:none;padding:0;margin:0}
.ctp-widget-list li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px dashed #eee}
.ctp-widget-list li:last-child{border-bottom:0}
.ctp-widget-list a{text-decoration:none;color:#111}
.ctp-widget-list a:hover{text-decoration:underline}
.ctp-tag-cloud a{display:inline-block;margin:6px 6px 0 0;padding:6px 10px;border:1px solid #eee;border-radius:999px;text-decoration:none;color:#111;font-size:12px}
.ctp-tag-cloud a:hover{border-color:#111}
.ctp-recent{list-style:none;padding:0;margin:0}
.ctp-recent-item{padding:10px 0;border-bottom:1px dashed #eee}
.ctp-recent-item:last-child{border-bottom:0}
.ctp-recent-item a{display:block;text-decoration:none;color:#111;font-weight:700}
.ctp-recent-date{display:block;font-size:12px;color:#888;margin-top:2px} .ctp-cta-widget{padding:0;border:0;background:transparent;box-shadow:none}
.ctp-cta-btn{display:block;text-align:center;background:#111;color:#fff;padding:14px 16px;border-radius:10px;text-decoration:none;font-weight:800}
.ctp-cta-btn:hover{opacity:.92} .ctp-pagination{margin-top:24px}
.ctp-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;margin:0 6px 0 0;border-radius:8px;border:1px solid #eee;text-decoration:none;color:#111;font-weight:700}
.ctp-pagination .page-numbers.current{background:#111;color:#fff;border-color:#111}