/* Generated: styles for card titles demoted from h2 (heading hierarchy fix). Source rules copied from template CSS. */
.card-title,.count-title{font-family:var(--cleanin-font-two);color:var(--cleanin-black);margin:0;font-weight:500;line-height:1.2}
.working-process-one__single-content h3{font-size:calc(1.325rem + .9vw)}
@media (min-width:1200px){.working-process-one__single-content h3{font-size:2rem}}
picture{display:contents}
.services-one__single-inner h3 { position: relative;
    display: block;
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    text-transform: capitalize;
    width: 80%;
    margin: 28px auto 20px;
    background: var(--cleanin-white); }
.services-one__single-inner h3 a { color: var(--cleanin-black); }
.services-one__single-inner h3 a:hover { color: var(--cleanin-base); }
.project-one__single-content .card-title { font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    text-transform: capitalize;
    opacity: 0;
    transform: translateY(-50px);
    transition: all 700ms ease; }
.project-one__single:hover .project-one__single-content .card-title { opacity: 1;
    transform: translateY(0%);
    transition-delay: 700ms; }
.project-one__single-content .card-title a { color: var(--cleanin-black); }
.project-one__single-content .card-title a:hover { color: var(--cleanin-base); }
.counter-one__single-content .count-box .count-title { color: var(--cleanin-white);
    font-size: 50px;
    line-height: 60px;
    font-weight: 600; }
.about-one__experience .count-box .count-title { color: var(--cleanin-base);
    font-size: 60px;
    line-height: 1em;
    font-weight: 700; }
.why-choose-one__single-tab-content h3 { position: relative;
    display: block;
    color: var(--cleanin-base);
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    padding-bottom: 5px;
    margin-bottom: 18px; }
.why-choose-one__single-tab-content h3::before { position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 3px;
    background: var(--cleanin-base);
    content: ""; }
@media only screen and (min-width: 1320px) and (max-width: 1700px) { .project-one__single-content .card-title { font-size: 20px;
        line-height: 30px; } }
@media only screen and (min-width: 992px) and (max-width: 1199px) { .why-choose-one__single-tab-content h3 { font-size: 22px;
        line-height: 32px; } }
@media only screen and (max-width: 767px) { .project-one--project .project-one__single-content .card-title { font-size: 20px; } }
.project-one__single-content .card-title { color: var(--cleanin-black); }
.portfolio-intro{max-width:900px;margin:0 0 60px;font-size:17px;line-height:1.75}
.contact-one__form .result .form-message{margin-top:18px;padding:14px 18px;border-radius:8px;background:#e8f7fb;color:#0a3552}
.contact-one__form .result .form-message--error{background:#fdecec;color:#8a1c1c}
/* Template styles only text/email inputs; match the phone field. */
.contact-one__form-box .input-box input[type="tel"]{position:relative;display:block;height:50px;width:100%;background-color:var(--cleanin-white);border:1px solid rgba(var(--cleanin-black-rgb),.12);padding-left:20px;padding-right:40px;outline:none;font-size:14px;font-weight:400;color:var(--cleanin-gray);border-radius:3px;font-family:var(--cleanin-font)}
/* Service and project detail pages */
.sidebar__single .title-box h3{font-size:24px;line-height:34px;font-weight:700;text-transform:capitalize}
.sidebar__contact-text .sidebar__contact-phone{font-family:var(--cleanin-font-two);font-size:24px;line-height:34px;font-weight:700;margin-top:5px}
.sidebar__contact-text .sidebar__contact-phone a{color:var(--cleanin-white)}
.detail-content h2{font-size:34px;line-height:44px;font-weight:700;margin:42px 0 16px}
.detail-content h2:first-child{margin-top:0}
.detail-content h3{font-size:22px;line-height:32px;font-weight:700;margin:26px 0 10px}
.detail-content p{margin:0 0 16px;line-height:1.8}
.detail-content ul.check-list{margin:0 0 18px;padding:0;list-style:none}
.detail-content ul.check-list li{position:relative;padding-left:28px;margin-bottom:10px;line-height:1.7}
.detail-content ul.check-list li::before{content:"\2713";position:absolute;left:0;top:0;color:var(--cleanin-base);font-weight:800}
.detail-content ol.steps{margin:0 0 18px;padding-left:24px;list-style:decimal}
.detail-content ol.steps li::marker{color:var(--cleanin-base);font-weight:700}
.detail-content ol.steps li{margin-bottom:10px;line-height:1.7;padding-left:4px}
.detail-content .detail-hero{border-radius:10px;overflow:hidden;margin-bottom:34px}
.detail-content .detail-hero img{width:100%;height:auto;aspect-ratio:870/420;object-fit:cover;display:block}
.detail-content .note-box{background:var(--cleanin-gray-bg,#f4f8fb);border-left:4px solid var(--cleanin-base);border-radius:8px;padding:20px 24px;margin:24px 0}
.detail-content .note-box p:last-child{margin-bottom:0}
.detail-content .accordion{margin-top:10px}
.detail-content .accordion-item{border:0;border-radius:12px;margin-bottom:14px;overflow:hidden;box-shadow:0 8px 24px rgba(7,41,64,.07)}
.detail-content .accordion-button{padding:20px 22px;font-family:"Exo",sans-serif;font-weight:700;color:#0a3552}
.detail-content .accordion-button:not(.collapsed){color:#fff;background:var(--cleanin-base,#15b7d3);box-shadow:none}
.detail-content .accordion-body{padding:4px 22px 22px;line-height:1.75}
.detail-content .related-grid img{width:100%;aspect-ratio:420/300;object-fit:cover;border-radius:8px;display:block}
.detail-content .related-grid a{display:block;color:var(--cleanin-black);font-weight:600;text-decoration:none}
.detail-content .related-grid a span{display:block;margin-top:10px}
.detail-content .related-grid a:hover span{color:var(--cleanin-base)}
.sidebar__single .area-list{columns:2;column-gap:14px;margin:0;padding:0;list-style:none}
.sidebar__single .area-list li{margin-bottom:8px;break-inside:avoid}
.service-card-grid .service-card{display:block;height:100%;background:#fff;border:1px solid var(--cleanin-bdr-color,#e3eaf0);border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow .3s}
.service-card-grid .service-card:hover{box-shadow:0 14px 34px rgba(7,41,64,.12)}
.service-card-grid .service-card img{width:100%;aspect-ratio:420/260;object-fit:cover;display:block}
.service-card-grid .service-card .service-card__body{padding:24px 26px 28px}
.service-card-grid .service-card h2{font-size:24px;line-height:32px;font-weight:700;margin:0 0 10px}
.service-card-grid .service-card p{margin:0 0 14px;line-height:1.7}
.service-card-grid .service-card .more{color:var(--cleanin-base);font-weight:600}
.project-nav{display:flex;justify-content:space-between;gap:20px;margin-top:40px;padding-top:28px;border-top:1px solid #e8eef2}
.project-nav a{font-weight:600;text-decoration:none}
.hub-intro{max-width:900px;margin:0 0 50px;font-size:17px;line-height:1.75}
@media (max-width:767px){.detail-content h2{font-size:28px;line-height:36px}.services-details{padding:80px 0}}