/* ─── Modal ─────────────────────────────────────── */
.modal-backdrop.show { opacity: .8; }
.modal { align-items: flex-start; }
.modal-dialog { margin-top: 180px !important; }

/* ─── Header / Logo ──────────────────────────────── */
.tp-header-dropdown nav ul li.has-dropdown::after {
    display: none;
}
.logo-text {
    font-family: "KoHo", sans-serif;
    color: white;
    font-size: 20px;
    font-weight: bolder;
    display: inline-flex;
    flex-direction: row;
    align-items: baseline;
    gap: 6px;
    direction: ltr;
}
.logo-text .sub {
    font-family: "KoHo", sans-serif;
    font-weight: 300;
    font-size: 17px;
}

/* ─── Home Hero ──────────────────────────────────── */
.creative-2-hero-title {
    font-weight: 600;
    font-size: clamp(2.5rem, 8vw + 1rem, 100px);
    line-height: 1;
    margin-bottom: 0;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    color: white;
}
.creative-2-hero-title img {
    transform: translateY(-10px);
}
.creative-2-hero-title--ar {
    text-transform: none;
    letter-spacing: 0;
    line-height: 1.12;
    font-weight: 700;
    font-size: clamp(2rem, 3.5vw + 1rem, 62px);
    color: #ffffff;
    margin: 0;
    text-wrap: balance;
    -webkit-font-smoothing: antialiased;
    text-shadow:
        0 0 48px rgba(5, 165, 197, 0.45),
        0 8px 32px rgba(0, 0, 0, 0.42),
        0 2px 0 rgba(255, 255, 255, 0.12);
}
.creative-2-hero-title--ar::after {
    content: '';
    display: block;
    width: min(7.5rem, 42%);
    height: 4px;
    margin-top: clamp(0.85rem, 2vw, 1.35rem);
    border-radius: 999px;
    background: linear-gradient(90deg, #05a5c5 0%, #5fd4ea 55%, rgba(255, 255, 255, 0.92) 100%);
    box-shadow: 0 0 20px rgba(5, 165, 197, 0.55);
}
.creative-2-hero-title--ar[dir="rtl"]::after {
    margin-inline-start: auto;
    margin-inline-end: 0;
}

/* ─── Home Sections ──────────────────────────────── */
.creative-project-2-top { margin-bottom: 70px; }
.creative-project-2-top .tp-section-subtitle { margin-bottom: 100px; }
.creative-service-2-style .tp-section-subtitle { margin-bottom: 70px; }

.tp-section-subtitle.fs-17 {
    font-weight: 400;
    font-size: 17px;
    line-height: 1;
    text-transform: capitalize;
    color: white;
}
.creative-service-title {
    font-weight: 400;
    font-size: clamp(1.5rem, 3vw + 0.5rem, 80px);
    line-height: 1;
    margin-bottom: 20px;
    letter-spacing: -0.04em;
    color: white;
}
.tp-section-title.fs-44 {
    font-weight: 600;
    font-size: clamp(1.5rem, 3vw + 0.75rem, 44px);
    line-height: 1.18;
    margin-bottom: 0;
    padding-bottom: 20px;
    letter-spacing: -0.03em;
    text-transform: capitalize;
    color: white;
}
.creative-blog-title-box {
    padding-left: clamp(0px, 5vw, 80px);
}

/* ─── Services section ───────────────────────────── */
.creative-service-item.about-us-4 .creative-service-title a {
    font-size: 60px !important;
    background: linear-gradient(#05a5c5, #05a5c5) left no-repeat, white;
    background-size: 0% 100%;
    background-clip: text;
    -webkit-background-clip: text;
}
.creative-service-item.about-us-4:hover .creative-service-link a {
    background-color: #05a5c5;
    color: white;
    border: 1px solid #05a5c5;
}
.creative-service-item.about-us-4 .creative-service-content > span { color: white; }
.creative-service-item.about-us-4 .creative-service-link a {
    color: white;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.creative-service-category span {
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    letter-spacing: -0.02em;
    color: white;
}
.creative-service-item.about-us-4 .creative-service-category span { color: white; }
.creative-service-item.about-us-4 .creative-service-category span::before { background-color: white; }

/* ─── Proposal button ────────────────────────────── */
.proposal-btn-wrap { margin-top: 30px; }

/* ─── Testimonials ───────────────────────────────── */
.creative-testimonial-star span { color: #f5a623; }

/* ─── Responsive ─────────────────────────────────── */
@media (min-width: 768px) {
    .d-md-inline-block { display: inline-block !important; }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .creative-service-title { font-size: 38px !important; }
}
@media (max-width: 575.98px) {
    .creative-service-title { font-size: 26px !important; letter-spacing: -0.02em; }
    .creative-2-hero-title--ar { line-height: 1.60 !important; }
    .creative-2-hero-title { margin: 20px 0 !important; }
    .creative-2-hero-title--ar::after { width: min(5rem, 55%); }
    .creative-project-2-top { margin-bottom: 40px; }
    .creative-project-2-top .tp-section-subtitle { margin-bottom: 30px; }
    .creative-service-2-style .tp-section-subtitle { margin-bottom: 30px; }
    .creative-2-hero-wrap.pt-180 { padding-top: 100px; }
    .creative-service-wrap .offset-xl-3 { margin-left: 0; }
    .creative-blog-title-box { padding-left: 0; }
    .creative-service-content { min-width: 0; flex: 1; }
    .creative-service-title-info { min-width: 0; }
}
@media (max-width: 767px) {
    .proposal-btn-wrap {
        position: static;
        margin-top: 16px;
        padding: 0 16px 16px;
    }
    .tp-service-5-feature-wrap {
        height: auto !important;
        border-radius: 16px;
        overflow: hidden;
    }
    .tp-service-5-feature-wrap img {
        position: relative !important;
        width: 100%;
        height: 260px;
        object-fit: cover;
        display: block;
    }
    .tp-service-5-feature-content {
        position: relative !important;
        padding: 20px 16px !important;
        background: #1a1b1e;
    }
    .tp-service-5-feature-content > span { display: none !important; }
    .tp-service-5-feature-title {
        font-size: 22px !important;
        letter-spacing: -0.5px !important;
        line-height: 1.3 !important;
    }
    .creative-testimonial-item { padding: 14px 14px; }
    .creative-testimonial-avater-wrap { margin-bottom: 10px !important; }
    .creative-testimonial-avater img { width: 40px !important; height: 40px !important; }
    .creative-testimonial-avater-info h4 { font-size: 13px !important; margin-bottom: 2px !important; }
    .creative-testimonial-avater-info span { font-size: 11px !important; }
    .creative-testimonial-text p {
        font-size: 13px !important;
        line-height: 1.5;
        word-break: break-word;
        overflow-wrap: break-word;
        margin-bottom: 0 !important;
    }
    .creative-testimonial-area .container-1580 { padding-inline: 16px; max-width: 100%; }
    .creative-testimonial-area .swiper-slide { width: 100% !important; }
}

/* ─── Proposal Modal ─────────────────────────────── */
@keyframes spin { to { transform: rotate(360deg); } }
#proposalModal input::placeholder,
#proposalModal textarea::placeholder { color: rgba(255,255,255,0.35); }
#proposalModal input:focus,
#proposalModal textarea:focus { border-color: #05a5c5 !important; outline: none; box-shadow: none; }
#proposal-submit-btn:hover { background: #0490ae !important; }