.ksa-bottom-section{
    text-align: center;
    padding: 100px 20%;
    color: #fff;
    background: url(../images/ksa/royex_red_bg.png) no-repeat left center #bb2129;
    display: grid;
    gap: 10px;
}
.ksa-bottom-section_btn_section{
    display:flex; justify-align: center; justify-content: center; gap: 20px; margin-top: 15px;
}
.ksa-bottom-section img{
    width: 40px;
}
.ksa-bottom-section h3{
    color: #fff;
    font-size: 40px;
    line-height: 45px;
}
.ksa-bottom-section p{
    color: #fff;
    font-size: 18px;
    line-height: 20px;
}
.book_consultation_btn{
    background: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
    
}
.book_consultation_btn:hover{
    background: #fff !important;
    color: #000 !important;
    border-color: #fff !important;
}
.whatsapp_icon_btn{
    color: #fff;
    border: 1px solid #fff;
    padding: 5px 15px;
    border-radius: 8px;
    font-size: 17px;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #C13840;
}
.whatsapp_icon_btn:hover{
    border: 1px solid #000;
}
.whatsapp_icon_btn img{
    max-width: 30px;
    width: 25px;
}
.whatsapp_icon_btn:hover{
    color: #fff;
    
}
.ksa_market_grid > div{
    display: grid;
    gap: 5px;
    text-align: left;
    margin-bottom: 20px;
}
.ksa_market_grid img{
    width: 100%;
    max-width: 100%;
    height: auto

    
}
.ksa_market_grid h4{
    font-size: 25px;
    line-height: 30px;
    color: #fff;
    margin-top: 5px;
    
}
.ksa_market_grid p{
    color: #fff;
    text-align: left;
    
}
.book_consultation_div a.whatsapp_icon_btn{
        background-color: #fff !important;
    border-color: #000000 !important;
    color: #000000 ! IMPORTANT;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    font-weight: 500;
}
.book_consultation_div a.whatsapp_icon_btn:hover{
    text-decoration: none !Important;
    border-color: #ba2228 !important;
}
#our-development .top-title h2 {
    font-size: 35px;
    max-width: 100%;
}
#our-development .box-content p {
    font-size: 20px;
}
#our-offer p{
    color: #fff;
    font-size: 18px;
}
.sub_title{
    max-width: 740px;
    margin: 0 auto;
        line-height: 1.3;
    margin-top: 10px;
}




/* ---------- Industries grid ---------- */
.industry-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
    margin-top:36px;
}
.industry-card{
    display:flex;
    align-items:center;
    gap:12px;
    background:#ffffff;
    border:1px solid #e7e7e7;
    border-radius:6px;
    padding:16px 18px;
    transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease;
}
.industry-card:hover{
    box-shadow:0 10px 24px rgba(187,33,41,.10);
    border-color:rgba(187,33,41,.35);
    transform:translateY(-2px);
}
.industry-icon{
    flex:0 0 auto;
    width:50px;height:50px;
    display:grid;place-items:center;
    background:#bb2129;
    color:#fff;
}
.industry-icon svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:1.8;}
.industry-name{
    font-size:20px;
    font-weight:600;
    color:#1c1c1c;
    line-height:1.35;
}

/* ---------- How we work ---------- */
.work-layout{
    display:grid;
    grid-template-columns:0.95fr 1.05fr;
    gap:40px;
    align-items:stretch;
}
.work-visual{
    overflow:hidden;
    min-height:340px;
    /*max-height: 682px;*/
}
.work-visual img{
    border-radius: 0;
}
.work-visual {
    height: 100%;
}

.work-visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;      /* fills the box, crops overflow, no distortion */
    object-position: center;
    display: block;
}
.work-features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:0;
}
.feature{
    padding:26px 24px;
    border:1px solid #e7e7e7;
        margin: 0 20px 20px 0;
}
.feature:nth-child(2n){
        margin-right: 0;
}
.feature-icon{
    width:67px;height:67px;
    display:grid;place-items:center;
    background:rgba(187,33,41,.08);
    color:#bb2129;
    margin-bottom:14px;
}
.feature-icon svg{width:22px;height:22px;stroke:#bb2129;fill:none;stroke-width:1.7;}
.feature h4{
    margin:0 0 10px;
    font-size:24px;
    font-weight:600;
    color:#202020;
}
.feature p{
    margin: 0;
    font-size: 15px;
    color: #202020;
    line-height: 1.55;
    text-align: left;
}
.customer_case_study.flip-box-section .box .body .content .inner-content p{
    font-weight: 500 !important;
    margin-top: 10px !important;
}
.custom_country_top_image img{
    filter: unset !Important;
    width: 100%;
}

.cs-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}

.cs-card{
    position:relative;
    display:flex;
    flex-direction:column;
    background:#fff;
    border:1px solid #e7e7e7;
    padding:22px 22px 20px;
    overflow:hidden;
    transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease;
}
/* accent bar — color set per-card via --accent */
.cs-card::before{
    content:"";
    position:absolute;
    top:0;left:0;right:0;
    height:3px;
    background:var(--accent,#bb2129);
}
.cs-card:hover{
    box-shadow:0 12px 28px rgba(0,0,0,.08);
    border-color:#d9d9d9;
    transform:translateY(-3px);
}

.cs-card-top{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:14px;
}
.cs-flag{
    width:34px;height:24px;
    border-radius:3px;
    object-fit:cover;
    box-shadow:0 0 0 1px rgba(0,0,0,.08);
    flex:0 0 auto;
}
.cs-code{
    font-size:18px;
    font-weight:700;
    color:#1c1c1c;
    letter-spacing:.5px;
}
.cs-name{
    font-size:20px;
    line-height: 1.4;;
    font-weight:700;
    color:#1c1c1c;
    margin:0 0 10px;
}
.cs-route{
    font-size: 14px;
    color: #6b7075;
    margin: 0 0 16px;
    text-align: left;
}

.cs-link{
    margin-top:auto;
    display:inline-flex;
    align-items:center;
    gap:5px;
    color:#BB2129;
    font-size:16px;
    font-weight:500;
    text-decoration:none;
    transition:gap .2s ease;
}
.cs-link:hover{gap:9px;text-decoration:underline; color: #202020;}
.cs-link .arrow{transition:transform .2s ease;}

/* Coming-soon state: muted, no link */
.cs-card.is-soon{opacity:.85;}
.cs-soon{
    margin-top:auto;
    display:inline-flex;
    align-items:center;
    gap:6px;font-size: 15px;
    font-weight: 500;
    color:#8a8f94;
    background:#f2f3f5;
    padding:4px 10px;
    border-radius:999px;
    align-self:flex-start;
}

@media (min-width: 768px) and (max-width: 991px) {
    .industry-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .cs-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media only screen and (max-width: 767px) {
    .book_consultation_div,
    .ksa-bottom-section_btn_section {
        display: grid !important;
    }
    .industry-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .ksa-bottom-section {
        padding: 50px 5%;
    }
    .cs-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}
@media only screen and (max-width: 480px) {
    .industry-grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .work-features {
        grid-template-columns: repeat(1, 1fr);
    }
}