/* =========================================================
   Create At Web - Custom Polish Layer
   Additive only: does not remove/override the existing theme,
   keeps the brand's blue (#0C5ADB / #00247E) and white palette
   and the existing logo untouched.
   ========================================================= */

:root {
    --caw-blue: #0C5ADB;
    --caw-navy: #00247E;
    --caw-white: #ffffff;
    --caw-radius: 8px;
    --caw-shadow: 0 10px 30px rgba(12, 90, 219, 0.10);
    --caw-transition: all 0.25s ease;
}

/* ---- Smoother, more consistent interactions site-wide ---- */
a, .btn, button, input, textarea, select {
    transition: var(--caw-transition);
}

/* ---- Buttons: consistent brand-blue styling + hover lift ---- */
.btn, button[type="submit"], .quote_btn .btn {
    border-radius: var(--caw-radius);
    font-weight: 600;
    letter-spacing: 0.3px;
}
.btn:hover, button[type="submit"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(12, 90, 219, 0.25);
}

/* ---- Sticky header gets a subtle shadow so it lifts off content ---- */
.header_area.sticky-menu,
.sticky_header {
    box-shadow: 0 2px 18px rgba(0, 0, 0, 0.08);
}

/* ---- Forms: cleaner, more modern inputs with brand-blue focus ring ---- */
.form_box input,
.form_box textarea,
.form_box select {
    border-radius: var(--caw-radius) !important;
    border: 1px solid #e1e6ef !important;
    transition: var(--caw-transition);
}
.form_box input:focus,
.form_box textarea:focus,
.form_box select:focus {
    border-color: var(--caw-blue) !important;
    box-shadow: 0 0 0 3px rgba(12, 90, 219, 0.15);
    outline: none;
}

/* ---- Success / status message ---- */
.alert-success {
    border-left: 4px solid var(--caw-blue);
}

/* ---- Cards / service boxes: soft shadow + hover lift for depth ---- */
.single_service,
.single_project,
.single_blog,
.our_service_wrap .box {
    border-radius: var(--caw-radius);
    transition: var(--caw-transition);
}
.single_service:hover,
.single_project:hover,
.single_blog:hover {
    transform: translateY(-6px);
    box-shadow: var(--caw-shadow);
}

/* ---- Images: gentle zoom on hover for a more polished feel ---- */
.single_project img,
.portfolio_item img,
.single_blog img {
    transition: transform 0.4s ease;
}
.single_project:hover img,
.portfolio_item:hover img,
.single_blog:hover img {
    transform: scale(1.04);
}

/* ---- Improve readability ---- */
p {
    line-height: 1.75;
}

/* ---- Focus visibility for accessibility (keyboard navigation) ---- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
    outline: 2px solid var(--caw-blue);
    outline-offset: 2px;
}

/* ---- Back-to-top button, if present, in brand blue ---- */
.back-to-top,
#back-to-top {
    background: var(--caw-blue) !important;
    border-radius: 50% !important;
}

/* ---- Mobile polish ---- */
@media (max-width: 767px) {
    .breatcome_area {
        padding: 40px 0 !important;
    }
    .single_service, .single_project, .single_blog {
        margin-bottom: 24px;
    }
    h1 { font-size: 28px !important; }
    h2 { font-size: 22px !important; }
    .quote_wrapper { padding: 20px !important; }
}

/* ---- 404 page polish ---- */
.error_content {
    padding: 60px 0;
}


/* =========================================================
   Services page (/services): plain white section, icon +
   box cards (same spirit as the About Us "Our Service" grid)
   with a Read More button on every card.
   ========================================================= */
.caw-services-section {
    background: #ffffff;
}
.caw-service-card {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 10px 34px rgba(18, 38, 84, 0.08);
    padding: 42px 28px 34px;
    text-align: center;
    height: 100%;
    transition: var(--caw-transition);
}
.caw-service-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 40px rgba(18, 38, 84, 0.16);
}
.caw-service-icon {
    width: 92px;
    height: 92px;
    margin: 0 auto 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
}
.caw-service-icon i {
    font-size: 34px;
    line-height: 1;
    color: #ffffff;
}
.caw-service-card h3 {
    font-size: 20px;
    font-weight: 700;
    color: #16213e;
    margin-bottom: 12px;
}
.caw-service-card p {
    color: #6a7488;
    font-size: 15px;
    line-height: 1.75;
    margin-bottom: 24px;
}
.caw-service-readmore {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 26px;
    border-radius: 30px;
    background: var(--caw-blue);
    color: #ffffff !important;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
}
.caw-service-readmore:hover {
    background: var(--caw-navy);
    transform: translateY(-2px);
    color: #ffffff !important;
}
/* icon badge colours, cycled across the grid */
.caw-c1 { background: #01CB99; }
.caw-c2 { background: #EA599E; }
.caw-c3 { background: #FF6A01; }
.caw-c4 { background: #764AE5; }
.caw-c5 { background: #0C5ADB; }