/* ============================================================
   DAVIDA OIL — ABOUT & SERVICES 2026
   Modern, scalable inner-page design layer.
   ============================================================ */
:root{
  --do-pink:#d4345c;
  --do-pink-dark:#b9254c;
  --do-navy:#000066;
  --do-navy-2:#10104f;
  --do-ink:#172033;
  --do-muted:#687386;
  --do-soft:#f6f8fc;
  --do-line:rgba(15,23,42,.08);
  --do-white:#fff;
  --do-radius:24px;
  --do-shadow:0 22px 60px rgba(16,24,40,.10);
}

.davida-inner-page{background:#fff;color:var(--do-ink);overflow-x:hidden}
.davida-inner-page p{font-size:15px;line-height:1.82;color:#586477}
.davida-inner-page img{max-width:100%}
.davida-inner-page .section-title{font-size:clamp(32px,4vw,48px)!important;line-height:1.08!important;font-weight:800!important;letter-spacing:-1.1px}
.davida-inner-page .section-title.text-danger{color:var(--do-pink)!important}
.davida-inner-page .inner-kicker{display:inline-flex;align-items:center;gap:9px;margin-bottom:10px;color:var(--do-navy);font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}
.davida-inner-page .inner-kicker:before{content:"";width:24px;height:3px;border-radius:99px;background:var(--do-pink)}

/* Premium inner-page banner */
.davida-inner-page .banner-area{position:relative;min-height:390px;display:flex;align-items:center;background-position:center!important;background-size:cover!important;overflow:hidden}
.davida-inner-page .banner-area:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,70,.83) 0%,rgba(0,0,102,.62) 48%,rgba(0,0,0,.18) 100%)}
.davida-inner-page .banner-area:after{content:"";position:absolute;right:-80px;bottom:-180px;width:420px;height:420px;border-radius:50%;border:80px solid rgba(212,52,92,.18)}
.davida-inner-page .banner-area>.container{position:relative;z-index:2}
.davida-inner-page .banner-heading{padding:72px 0;text-align:left!important}
.davida-inner-page .banner-title{font-size:clamp(44px,6vw,72px)!important;line-height:1!important;letter-spacing:-2px;font-weight:800!important;color:#fff!important;text-shadow:0 8px 30px rgba(0,0,0,.22)}
.davida-inner-page .breadcrumb{display:inline-flex!important;flex-wrap:wrap;align-items:center;margin-top:18px!important;padding:10px 16px!important;border-radius:999px;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.20);backdrop-filter:blur(10px)}
.davida-inner-page .breadcrumb li,.davida-inner-page .breadcrumb li a{color:#fff!important;font-size:13px!important;font-weight:600!important}
.davida-inner-page .breadcrumb li+li:before{color:rgba(255,255,255,.62)!important}

/* Shared modern buttons and panels */
.davida-inner-page .btn{border-radius:999px}
.davida-inner-page .main-container{padding:84px 0!important}

/* ===================== ABOUT ===================== */
.davida-about-page #main-container:first-of-type{background:linear-gradient(180deg,#fff 0%,#f8f9fc 100%)}
.davida-about-page #main-container:first-of-type>.container>.row:not(.text-center){margin-top:32px!important;align-items:center}
.davida-about-page .about-desc{position:relative;padding:40px 42px!important;border:1px solid var(--do-line);border-radius:var(--do-radius);background:#fff;box-shadow:var(--do-shadow)}
.davida-about-page .about-desc:before{content:"";position:absolute;left:0;top:35px;bottom:35px;width:4px;border-radius:0 99px 99px 0;background:linear-gradient(var(--do-pink),var(--do-navy))}
.davida-about-page .about-desc .column-title{margin-bottom:8px!important;color:var(--do-navy)!important;font-size:clamp(29px,3vw,43px)!important;font-weight:800!important;letter-spacing:-1px}
.davida-about-page .about-desc .bold-text{font-size:17px!important;color:#384256!important}
.davida-about-page .about-desc p{text-align:left!important}
.davida-about-page .about-desc .text-danger{color:var(--do-pink)!important}
.davida-about-page .img_fluidx{width:100%;min-height:420px;max-height:560px;object-fit:cover;border-radius:28px;box-shadow:0 30px 70px rgba(15,23,42,.16)}

/* Vision / Mission presentation */
.davida-about-page .single-project{padding:86px 0;background:#fff}
.davida-about-page .single-project>.container>.row{align-items:stretch}
.davida-about-page .single-project .col-lg-8{display:flex}
.davida-about-page .single-project #main-slide{width:100%;min-height:560px;border-radius:28px;overflow:hidden;box-shadow:var(--do-shadow);background:#111827}
.davida-about-page .single-project #main-slide .carousel-inner,.davida-about-page .single-project #main-slide .carousel-item{height:100%;min-height:560px}
.davida-about-page .single-project #main-slide .carousel-item{background-position:center!important;background-size:cover!important}
.davida-about-page .single-project #main-slide .carousel-control span{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:rgba(0,0,102,.78);border:1px solid rgba(255,255,255,.24);color:#fff}
.davida-about-page .project-right-sidex{display:flex;flex-direction:column;gap:13px;padding-left:28px}
.davida-about-page .single-project-content{margin:0!important;padding:24px 24px 20px;border:1px solid var(--do-line);border-radius:20px;background:linear-gradient(145deg,#fff,#fafbfe);box-shadow:0 12px 34px rgba(15,23,42,.07)}
.davida-about-page .single-project-content h3{display:flex;align-items:center;gap:10px;margin:0 0 11px;color:var(--do-navy)!important;font-size:22px!important;font-weight:750!important}
.davida-about-page .single-project-content h3 i{color:var(--do-navy)!important;font-style:normal!important}
.davida-about-page .single-project-content h3 img{width:36px;height:36px;object-fit:contain;float:none!important;margin:0!important}
.davida-about-page .project-right-sidex>.col-12{padding:0!important;margin:0!important}
.davida-about-page .project-right-sidex>.col-12>.d-flex{height:100%;align-items:flex-start;padding:14px 16px;border:1px solid var(--do-line);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05);transition:.25s ease}
.davida-about-page .project-right-sidex>.col-12>.d-flex:hover{transform:translateX(5px);border-color:rgba(212,52,92,.22);box-shadow:0 14px 32px rgba(15,23,42,.09)}
.davida-about-page .project-right-sidex .bg-danger{width:46px!important;height:46px!important;border-radius:13px;background:rgba(212,52,92,.11)!important;overflow:hidden}
.davida-about-page .project-right-sidex .bg-danger img{width:100%;height:100%;object-fit:cover;margin:0!important}
.davida-about-page .project-right-sidex .ps-3{padding-left:14px!important}
.davida-about-page .project-right-sidex .ps-3 p{margin:0!important;font-size:13.5px!important;line-height:1.55!important;text-align:left!important}

/* Core values */
.davida-about-page section.main-container:last-of-type{padding:86px 0!important;background:linear-gradient(180deg,#f7f9fc 0%,#fff 100%)}
.davida-about-page section.main-container:last-of-type .row.text-center{margin-bottom:34px}
.davida-about-page section.main-container:last-of-type .row:not(.text-center){align-items:stretch}
.davida-about-page section.main-container:last-of-type .row:not(.text-center)>[class*="col-"]{display:flex;margin-bottom:24px}
.davida-about-page section.main-container:last-of-type .ts-feature-box{width:100%;height:100%;padding:0!important;border:1px solid var(--do-line);border-radius:22px;background:#fff;box-shadow:0 14px 38px rgba(15,23,42,.07);overflow:hidden;transition:.3s ease}
.davida-about-page section.main-container:last-of-type .ts-feature-box:hover{transform:translateY(-7px);box-shadow:0 24px 50px rgba(15,23,42,.12)}
.davida-about-page section.main-container:last-of-type .ts-feature-info{height:100%;padding:32px 28px!important}
.davida-about-page section.main-container:last-of-type .ts-feature-info img{width:68px;height:68px;object-fit:contain;margin-bottom:20px;padding:12px;border-radius:18px;background:linear-gradient(145deg,rgba(212,52,92,.10),rgba(0,0,102,.08))}
.davida-about-page section.main-container:last-of-type .ts-feature-title{margin-bottom:14px!important;color:var(--do-navy)!important;font-size:22px!important;font-weight:800!important}
.davida-about-page section.main-container:last-of-type p{text-align:left!important}

/* ===================== SERVICES ===================== */
.davida-service-page .main-container{padding:76px 0 92px!important;background:linear-gradient(180deg,#f8f9fc 0%,#fff 45%,#f8f9fc 100%)}
.davida-service-page .main-container>.ts-services>.container>.row.text-center{margin-bottom:14px}
.davida-service-page .main-container .ts-services.solid-bg{padding:0!important;background:transparent!important}
.davida-service-page .hero2{max-width:960px;margin:0 auto 42px!important;padding:25px 28px;text-align:center!important;border:1px solid rgba(0,0,102,.07);border-radius:20px;background:#fff;color:#566174!important;box-shadow:0 12px 35px rgba(15,23,42,.06)}
.davida-service-page .ts-service-row-box{display:flex;flex-wrap:wrap;margin-left:-12px!important;margin-right:-12px!important;margin-bottom:0!important}
.davida-service-page .gap-60{height:0!important;margin:0!important}
.davida-service-page .ts-service-row-box>.design_4{display:flex;padding:12px!important;background:transparent!important;border-radius:0!important}
.davida-service-page .ts-service-row-box>.design_4:hover{background:transparent!important;color:inherit!important}
.davida-service-page .ts-service-box{position:relative;width:100%;height:100%;margin:0!important;border:1px solid var(--do-line);border-radius:22px;background:#fff;box-shadow:0 14px 36px rgba(15,23,42,.07);overflow:hidden;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.davida-service-page .ts-service-box:hover{transform:translateY(-8px);border-color:rgba(212,52,92,.20);box-shadow:0 26px 55px rgba(15,23,42,.14)}
.davida-service-page .ts-service-image-wrapper{position:relative;height:235px;overflow:hidden;background:#eef1f6}
.davida-service-page .ts-service-image-wrapper:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,70,.16));pointer-events:none}
.davida-service-page .ts-service-image-wrapper img{width:100%!important;height:100%!important;object-fit:cover!important;border:0!important;border-radius:0!important;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .55s ease}
.davida-service-page .ts-service-box:hover .ts-service-image-wrapper img{transform:scale(1.07);filter:saturate(1.08)}
.davida-service-page .ts-service-content{position:relative;padding:21px 22px 23px!important;background:#fff}
.davida-service-page .ts-service-content:before{content:"";position:absolute;left:22px;top:0;width:42px;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--do-pink),var(--do-navy))}
.davida-service-page .service-title{margin:0!important;padding-top:4px;color:var(--do-navy)!important;font-size:20px!important;font-weight:800!important;letter-spacing:-.35px;text-transform:none!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.davida-service-page .ts-service-box:after{content:"Davida Oil";position:absolute;right:16px;top:16px;z-index:2;padding:6px 10px;border-radius:999px;background:rgba(0,0,102,.74);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(7px);color:#fff;font-size:10px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;opacity:0;transform:translateY(-5px);transition:.28s ease}
.davida-service-page .ts-service-box:hover:after{opacity:1;transform:none}

/* Footer consistency */
.davida-inner-page .footer{margin-top:0!important;background:linear-gradient(180deg,#080d2d,#03051a)!important;color:rgba(255,255,255,.84)!important}
.davida-inner-page .footer>.container{background:transparent!important}
.davida-inner-page .footer h3,.davida-inner-page .footer h4,.davida-inner-page .footer h6{color:#fff!important}
.davida-inner-page .footer p,.davida-inner-page .footer a,.davida-inner-page .footer li{color:rgba(255,255,255,.78)!important}
.davida-inner-page .footer a:hover{color:#fff!important}

@media(max-width:991.98px){
  .davida-inner-page .banner-area{min-height:320px}
  .davida-about-page .about-desc{padding:32px!important;margin-bottom:28px}
  .davida-about-page .single-project .col-lg-8{margin-bottom:28px}
  .davida-about-page .project-right-sidex{padding-left:15px}
  .davida-about-page .single-project #main-slide,.davida-about-page .single-project #main-slide .carousel-inner,.davida-about-page .single-project #main-slide .carousel-item{min-height:460px}
  .davida-service-page .ts-service-row-box>.design_4{flex:0 0 50%;max-width:50%}
}
@media(max-width:767.98px){
  .davida-inner-page .main-container{padding:58px 0!important}
  .davida-inner-page .banner-area{min-height:280px}
  .davida-inner-page .banner-heading{padding:54px 0}
  .davida-inner-page .banner-title{font-size:42px!important;letter-spacing:-1px}
  .davida-about-page .img_fluidx{min-height:300px;max-height:400px}
  .davida-about-page .single-project{padding:58px 0}
  .davida-about-page .single-project #main-slide,.davida-about-page .single-project #main-slide .carousel-inner,.davida-about-page .single-project #main-slide .carousel-item{min-height:340px}
  .davida-about-page section.main-container:last-of-type{padding:58px 0!important}
  .davida-service-page .hero2{padding:20px;text-align:left!important}
  .davida-service-page .ts-service-row-box>.design_4{flex:0 0 100%;max-width:100%}
  .davida-service-page .ts-service-image-wrapper{height:260px}
}
@media(max-width:420px){
  .davida-about-page .about-desc{padding:26px 22px!important}
  .davida-service-page .ts-service-image-wrapper{height:220px}
}
@media(prefers-reduced-motion:reduce){
  .davida-inner-page *, .davida-inner-page *:before,.davida-inner-page *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}